chore: cleanup

apps/www/package.json

@@ -31,15 +31,15 @@
     "date-fns": "^3.6.0",
     "embla-carousel-autoplay": "^8.1.7",
     "embla-carousel-vue": "^8.1.7",
-    "lucide-vue-next": "^0.400.0",
+    "lucide-vue-next": "^0.416.0",
     "magic-string": "^0.30.10",
     "radix-vue": "catalog:",
     "tailwindcss-animate": "^1.0.7",
     "v-calendar": "^3.1.2",
     "vaul-vue": "^0.2.0",
     "vee-validate": "4.13.2",
-    "vue": "^3.4.33",
+    "vue": "^3.4.34",
-    "vue-sonner": "^1.1.3",
+    "vue-sonner": "^1.1.4",
     "vue-wrap-balancer": "^1.1.3",
     "zod": "catalog:"
   },
@@ -54,13 +54,13 @@
     "@iconify-json/tabler": "^1.1.116",
     "@iconify/vue": "^4.1.2",
     "@oxc-parser/wasm": "catalog:",
-    "@shikijs/transformers": "^1.11.0",
+    "@shikijs/transformers": "^1.11.1",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^20.14.11",
+    "@types/node": "^20.14.12",
-    "@vitejs/plugin-vue": "^5.0.5",
+    "@vitejs/plugin-vue": "^5.1.0",
     "@vitejs/plugin-vue-jsx": "^4.0.0",
-    "@vue/compiler-core": "^3.4.33",
+    "@vue/compiler-core": "^3.4.34",
-    "@vue/compiler-dom": "^3.4.33",
+    "@vue/compiler-dom": "^3.4.34",
     "@vue/tsconfig": "^0.5.1",
     "autoprefixer": "^10.4.19",
     "fast-glob": "^3.3.2",
@@ -68,14 +68,14 @@
     "markdown-it": "^14.1.0",
     "pathe": "^1.1.2",
     "rimraf": "^6.0.1",
-    "shiki": "^1.11.0",
+    "shiki": "^1.11.1",
     "tailwind-merge": "^2.4.0",
-    "tailwindcss": "^3.4.6",
+    "tailwindcss": "^3.4.7",
     "tsx": "^4.16.2",
     "typescript": "^5.5.3",
     "unplugin-icons": "^0.19.0",
     "vitepress": "^1.3.1",
-    "vue-component-meta": "^2.0.28",
+    "vue-component-meta": "^2.0.29",
-    "vue-tsc": "^2.0.28"
+    "vue-tsc": "^2.0.29"
   }
 }

apps/www/src/content/docs/components/dialog.md

@@ -62,7 +62,7 @@ import {
 
 <ComponentPreview name="DialogScrollOverlayDemo" />
 
-### Dialog Form
+### Form
 
 <ComponentPreview name="DialogForm" />
 

apps/www/src/lib/registry/default/example/DialogForm.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { h } from 'vue'
-import { useForm } from 'vee-validate'
 import { toTypedSchema } from '@vee-validate/zod'
 import * as z from 'zod'
 
@@ -39,6 +38,7 @@ function onSubmit(values: any) {
 </script>
 
 <template>
+  <Form v-slot="{ submitForm }" as="" :validation-schema="formSchema" @submit="onSubmit">
     <Dialog>
       <DialogTrigger as-child>
         <Button variant="outline">
@@ -53,7 +53,7 @@ function onSubmit(values: any) {
           </DialogDescription>
         </DialogHeader>
 
-      <Form id="dialogForm" class="grid gap-4 py-4" :validation-schema="formSchema" @submit="onSubmit">
+        <form @submit="submitForm">
           <FormField v-slot="{ componentField }" name="username">
             <FormItem>
               <FormLabel>Username</FormLabel>
@@ -66,7 +66,7 @@ function onSubmit(values: any) {
               <FormMessage />
             </FormItem>
           </FormField>
-      </Form>
+        </form>
 
         <DialogFooter>
           <Button type="submit" form="dialogForm">
@@ -75,4 +75,5 @@ function onSubmit(values: any) {
         </DialogFooter>
       </DialogContent>
     </Dialog>
+  </Form>
 </template>

apps/www/src/lib/registry/default/example/StepperForm.vue

@@ -2,7 +2,7 @@
 import { Check, Circle, Dot } from 'lucide-vue-next'
 import { toTypedSchema } from '@vee-validate/zod'
 import * as z from 'zod'
-import { computed, h, nextTick, ref } from 'vue'
+import { computed, h, ref } from 'vue'
 import { get, set } from '@vueuse/core'
 import { Stepper, StepperDescription, StepperItem, StepperSeparator, StepperTitle, StepperTrigger } from '@/lib/registry/default/ui/stepper'
 import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/lib/registry/default/ui/form'
@@ -88,9 +88,7 @@ function onSubmit(values: any) {
     <form
       @submit="(e) => {
         e.preventDefault()
-        nextTick(() => {
         validate()
-        })
 
         if (stepIndex === steps.length) {
           onSubmit(values)
@@ -115,9 +113,8 @@ function onSubmit(values: any) {
               :variant="state === 'completed' || state === 'active' ? 'default' : 'outline'"
               size="icon"
               class="z-10 rounded-full shrink-0"
-              :class="[state === 'active' && 'ring-2 ring-ring ring-offset-2 ring-offset-background',
+              :class="[state === 'active' && 'ring-2 ring-ring ring-offset-2 ring-offset-background']"
-                       state !== 'completed' && !meta.valid && 'pointer-events-none',
+              :disabled="state !== 'completed' && !meta.valid"
-              ]"
             >
               <Check v-if="state === 'completed'" class="size-5" />
               <Circle v-if="state === 'active'" />

apps/www/src/lib/registry/default/example/StepperHorizental.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { Check, Circle, Dot } from 'lucide-vue-next'
 
-import { Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger } from '@/lib/registry/default/ui/stepper'
+import { Stepper, StepperDescription, StepperItem, StepperSeparator, StepperTitle, StepperTrigger } from '@/lib/registry/default/ui/stepper'
 import { Button } from '@/lib/registry/default/ui/button'
 
 const steps = [

apps/www/src/lib/registry/default/example/StepperVertical.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { Check, Circle, Dot } from 'lucide-vue-next'
 
-import { Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger } from '@/lib/registry/default/ui/stepper'
+import { Stepper, StepperDescription, StepperItem, StepperSeparator, StepperTitle, StepperTrigger } from '@/lib/registry/default/ui/stepper'
 import { Button } from '@/lib/registry/default/ui/button'
 
 const steps = [

apps/www/src/lib/registry/new-york/example/DialogForm.vue

@@ -38,6 +38,7 @@ function onSubmit(values: any) {
 </script>
 
 <template>
+  <Form v-slot="{ submitForm }" as="" keep-values :validation-schema="formSchema" @submit="onSubmit">
     <Dialog>
       <DialogTrigger as-child>
         <Button variant="outline">
@@ -52,7 +53,7 @@ function onSubmit(values: any) {
           </DialogDescription>
         </DialogHeader>
 
-      <Form id="dialogForm" class="grid gap-4 py-4" :validation-schema="formSchema" @submit="onSubmit">
+        <form @submit="submitForm">
           <FormField v-slot="{ componentField }" name="username">
             <FormItem>
               <FormLabel>Username</FormLabel>
@@ -65,7 +66,7 @@ function onSubmit(values: any) {
               <FormMessage />
             </FormItem>
           </FormField>
-      </Form>
+        </form>
 
         <DialogFooter>
           <Button type="submit" form="dialogForm">
@@ -74,4 +75,5 @@ function onSubmit(values: any) {
         </DialogFooter>
       </DialogContent>
     </Dialog>
+  </Form>
 </template>

apps/www/src/lib/registry/new-york/example/StepperForm.vue

@@ -2,7 +2,7 @@
 import { CheckIcon, CircleIcon, DotIcon } from '@radix-icons/vue'
 import { toTypedSchema } from '@vee-validate/zod'
 import * as z from 'zod'
-import { computed, h, nextTick, ref } from 'vue'
+import { computed, h, ref } from 'vue'
 import { get, set } from '@vueuse/core'
 import { Stepper, StepperDescription, StepperItem, StepperSeparator, StepperTitle, StepperTrigger } from '@/lib/registry/new-york/ui/stepper'
 import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/lib/registry/new-york/ui/form'
@@ -88,9 +88,7 @@ function onSubmit(values: any) {
     <form
       @submit="(e) => {
         e.preventDefault()
-        nextTick(() => {
         validate()
-        })
 
         if (stepIndex === steps.length) {
           onSubmit(values)
@@ -115,9 +113,8 @@ function onSubmit(values: any) {
               :variant="state === 'completed' || state === 'active' ? 'default' : 'outline'"
               size="icon"
               class="z-10 rounded-full shrink-0"
-              :class="[state === 'active' && 'ring-2 ring-ring ring-offset-2 ring-offset-background',
+              :class="[state === 'active' && 'ring-2 ring-ring ring-offset-2 ring-offset-background']"
-                       state !== 'completed' && !meta.valid && 'pointer-events-none',
+              :disabled="state !== 'completed' && !meta.valid"
-              ]"
             >
               <CheckIcon v-if="state === 'completed'" class="size-5" />
               <CircleIcon v-if="state === 'active'" />

apps/www/src/lib/registry/new-york/example/StepperHorizental.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { CheckIcon, CircleIcon, DotIcon } from '@radix-icons/vue'
 
-import { Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger } from '@/lib/registry/new-york/ui/stepper'
+import { Stepper, StepperDescription, StepperItem, StepperSeparator, StepperTitle, StepperTrigger } from '@/lib/registry/new-york/ui/stepper'
 import { Button } from '@/lib/registry/new-york/ui/button'
 
 const steps = [

apps/www/src/lib/registry/new-york/example/StepperVertical.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { CheckIcon, CircleIcon, DotIcon } from '@radix-icons/vue'
 
-import { Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger } from '@/lib/registry/new-york/ui/stepper'
+import { Stepper, StepperDescription, StepperItem, StepperSeparator, StepperTitle, StepperTrigger } from '@/lib/registry/new-york/ui/stepper'
 import { Button } from '@/lib/registry/new-york/ui/button'
 
 const steps = [

apps/www/src/lib/registry/new-york/ui/dialog/DialogScrollContent.vue

@@ -9,6 +9,7 @@ import {
   DialogPortal,
   useForwardPropsEmits,
 } from 'radix-vue'
+import { Cross2Icon } from '@radix-icons/vue'
 import { cn } from '@/lib/utils'
 
 const props = defineProps<DialogContentProps & { class?: HTMLAttributes['class'] }>()

apps/www/src/public/registry/styles/new-york/dialog.json

@@ -31,7 +31,7 @@
     },
     {
       "name": "DialogScrollContent.vue",
-      "content": "<script setup lang=\"ts\">\nimport { type HTMLAttributes, computed } from 'vue'\nimport {\n  DialogClose,\n  DialogContent,\n  type DialogContentEmits,\n  type DialogContentProps,\n  DialogOverlay,\n  DialogPortal,\n  useForwardPropsEmits,\n} from 'radix-vue'\nimport { cn } from '@/lib/utils'\n\nconst props = defineProps<DialogContentProps & { class?: HTMLAttributes['class'] }>()\nconst emits = defineEmits<DialogContentEmits>()\n\nconst delegatedProps = computed(() => {\n  const { class: _, ...delegated } = props\n\n  return delegated\n})\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n\n<template>\n  <DialogPortal>\n    <DialogOverlay\n      class=\"fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\"\n    >\n      <DialogContent\n        :class=\"\n          cn(\n            'relative z-50 grid w-full max-w-lg my-8 gap-4 border border-border bg-background p-6 shadow-lg duration-200 sm:rounded-lg md:w-full',\n            props.class,\n          )\n        \"\n        v-bind=\"forwarded\"\n        @pointer-down-outside=\"(event) => {\n          const originalEvent = event.detail.originalEvent;\n          const target = originalEvent.target as HTMLElement;\n          if (originalEvent.offsetX > target.clientWidth || originalEvent.offsetY > target.clientHeight) {\n            event.preventDefault();\n          }\n        }\"\n      >\n        <slot />\n\n        <DialogClose\n          class=\"absolute top-4 right-4 p-0.5 transition-colors rounded-md hover:bg-secondary\"\n        >\n          <Cross2Icon class=\"w-4 h-4\" />\n          <span class=\"sr-only\">Close</span>\n        </DialogClose>\n      </DialogContent>\n    </DialogOverlay>\n  </DialogPortal>\n</template>\n"
+      "content": "<script setup lang=\"ts\">\nimport { type HTMLAttributes, computed } from 'vue'\nimport {\n  DialogClose,\n  DialogContent,\n  type DialogContentEmits,\n  type DialogContentProps,\n  DialogOverlay,\n  DialogPortal,\n  useForwardPropsEmits,\n} from 'radix-vue'\nimport { Cross2Icon } from '@radix-icons/vue'\nimport { cn } from '@/lib/utils'\n\nconst props = defineProps<DialogContentProps & { class?: HTMLAttributes['class'] }>()\nconst emits = defineEmits<DialogContentEmits>()\n\nconst delegatedProps = computed(() => {\n  const { class: _, ...delegated } = props\n\n  return delegated\n})\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n\n<template>\n  <DialogPortal>\n    <DialogOverlay\n      class=\"fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\"\n    >\n      <DialogContent\n        :class=\"\n          cn(\n            'relative z-50 grid w-full max-w-lg my-8 gap-4 border border-border bg-background p-6 shadow-lg duration-200 sm:rounded-lg md:w-full',\n            props.class,\n          )\n        \"\n        v-bind=\"forwarded\"\n        @pointer-down-outside=\"(event) => {\n          const originalEvent = event.detail.originalEvent;\n          const target = originalEvent.target as HTMLElement;\n          if (originalEvent.offsetX > target.clientWidth || originalEvent.offsetY > target.clientHeight) {\n            event.preventDefault();\n          }\n        }\"\n      >\n        <slot />\n\n        <DialogClose\n          class=\"absolute top-4 right-4 p-0.5 transition-colors rounded-md hover:bg-secondary\"\n        >\n          <Cross2Icon class=\"w-4 h-4\" />\n          <span class=\"sr-only\">Close</span>\n        </DialogClose>\n      </DialogContent>\n    </DialogOverlay>\n  </DialogPortal>\n</template>\n"
     },
     {
       "name": "DialogTitle.vue",

packages/cli/package.json

@@ -79,9 +79,9 @@
     "@types/diff": "^5.2.1",
     "@types/fs-extra": "^11.0.4",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^20.14.11",
+    "@types/node": "^20.14.12",
     "@types/prompts": "^2.4.9",
-    "tsup": "^8.2.2",
+    "tsup": "^8.2.3",
     "type-fest": "^4.23.0",
     "typescript": "^5.5.3",
     "vite-tsconfig-paths": "^4.3.2"

packages/module/package.json

@@ -46,7 +46,7 @@
     "@nuxt/module-builder": "^0.8.1",
     "@nuxt/schema": "^3.12.4",
     "@nuxt/test-utils": "^3.13.1",
-    "@types/node": "^20.14.11",
+    "@types/node": "^20.14.12",
     "nuxt": "^3.12.4"
   }
 }

pnpm-workspace.yaml

@@ -1,8 +1,7 @@
 packages:
-  - 'apps/*'
+  - apps/*
-  - 'packages/*'
+  - packages/*
-
 catalog:
+  '@oxc-parser/wasm': ^0.22.0
   radix-vue: ^1.9.2
   zod: ^3.23.8
-  '@oxc-parser/wasm': ^0.22.0