feat: add mixed-sorting

Author: sadmann7

src/app/_components/mixed-axis-demo.tsx src/app/_components/mixed-orientation-demo.tsx

@@ -13,7 +13,7 @@ import {
 } from "@/components/ui/card"
 import { Sortable, SortableItem } from "@/components/ui/sortable"
 
-export function MixedAxisDemo() {
+export function MixedOrientaionDemo() {
   const [specialTricks, setSpecialTricks] = React.useState(
     dataConfig.speicalTricks
   )

src/app/_components/hook-form-demo.tsx src/app/_components/vertical-sorting-demo.tsx

@@ -32,7 +32,7 @@ const schema = z.object({
 
 type Schema = z.infer<typeof schema>
 
-export function HookFormDemo() {
+export function VerticalSortingDemo() {
   const form = useForm<Schema>({
     resolver: zodResolver(schema),
     defaultValues: {

src/app/page.tsx

@@ -1,13 +1,13 @@
 import { Shell } from "@/components/shell"
 
-import { HookFormDemo } from "./_components/hook-form-demo"
-import { MixedAxisDemo } from "./_components/mixed-axis-demo"
+import { MixedOrientaionDemo } from "./_components/mixed-orientation-demo"
+import { VerticalSortingDemo } from "./_components/vertical-sorting-demo"
 
 export default function IndexPage() {
   return (
     <Shell>
-      <HookFormDemo />
-      <MixedAxisDemo />
+      <VerticalSortingDemo />
+      <MixedOrientaionDemo />
     </Shell>
   )
 }