chore: run lint:fix, re-build registry

apps/www/.vitepress/config.mts

@@ -1,14 +1,14 @@
 import path from 'node:path'
-import { defineConfig } from 'vitepress'
-import Icons from 'unplugin-icons/vite'
-import tailwind from 'tailwindcss'
-import autoprefixer from 'autoprefixer'
 import { transformerMetaWordHighlight } from '@shikijs/transformers'
+import autoprefixer from 'autoprefixer'
+import tailwind from 'tailwindcss'
+import Icons from 'unplugin-icons/vite'
+import { defineConfig } from 'vitepress'
 import { cssVariables } from './theme/config/shiki'
 
 import { siteConfig } from './theme/config/site'
-import ComponentPreviewPlugin from './theme/plugins/previewer'
 import CodeWrapperPlugin from './theme/plugins/codewrapper'
+import ComponentPreviewPlugin from './theme/plugins/previewer'
 
 // https://vitepress.dev/reference/site-config
 export default defineConfig({

apps/www/.vitepress/theme/components/Announcement.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { announcementConfig } from '../config/site'
 import { Separator } from '@/lib/registry/default/ui/separator'
 import ArrowRightIcon from '~icons/radix-icons/arrow-right'
+import { announcementConfig } from '../config/site'
 </script>
 
 <template>

apps/www/.vitepress/theme/components/BlockCopyButton.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { useClipboard } from '@vueuse/core'
-import { toRefs } from 'vue'
-import { CheckIcon, ClipboardIcon } from '@radix-icons/vue'
 import { Button } from '@/lib/registry/new-york/ui/button'
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
 } from '@/lib/registry/new-york/ui/tooltip'
+import { CheckIcon, ClipboardIcon } from '@radix-icons/vue'
+import { useClipboard } from '@vueuse/core'
+import { toRefs } from 'vue'
 
 const props = withDefaults(defineProps<{
   code?: string

apps/www/.vitepress/theme/components/Blocks.vue

@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import PageHeader from '../components/PageHeader.vue'
-import PageHeaderHeading from '../components/PageHeaderHeading.vue'
-import PageHeaderDescription from '../components/PageHeaderDescription.vue'
-import PageAction from '../components/PageAction.vue'
-import Announcement from '../components/Announcement.vue'
-import BlockPreview from './BlockPreview.vue'
-import GitHubIcon from '~icons/radix-icons/github-logo'
-
 import { buttonVariants } from '@/lib/registry/new-york/ui/button'
 import { cn } from '@/lib/utils'
+import GitHubIcon from '~icons/radix-icons/github-logo'
+import { ref } from 'vue'
+import Announcement from '../components/Announcement.vue'
+import PageAction from '../components/PageAction.vue'
+import PageHeader from '../components/PageHeader.vue'
+import PageHeaderDescription from '../components/PageHeaderDescription.vue'
+
+import PageHeaderHeading from '../components/PageHeaderHeading.vue'
+import BlockPreview from './BlockPreview.vue'
 
 const blocks = ref<string[]>([])
 

apps/www/.vitepress/theme/components/CodeConfigCustomizer.vue

@@ -1,13 +1,13 @@
 <script lang="ts" setup>
-import { useForm } from 'vee-validate'
-import { toTypedSchema } from '@vee-validate/zod'
-import * as z from 'zod'
-import { useConfigStore } from '@/stores/config'
 import { Button } from '@/lib/registry/new-york/ui/button'
-import { Input } from '@/lib/registry/new-york/ui/input'
 import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '@/lib/registry/new-york/ui/form'
+import { Input } from '@/lib/registry/new-york/ui/input'
 import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from '@/lib/registry/new-york/ui/sheet'
+import { useConfigStore } from '@/stores/config'
+import { toTypedSchema } from '@vee-validate/zod'
 import RadixIconsGear from '~icons/radix-icons/gear'
+import { useForm } from 'vee-validate'
+import * as z from 'zod'
 
 const { codeConfig, setCodeConfig } = useConfigStore()
 

apps/www/.vitepress/theme/components/CodeSandbox.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { ref, toRefs, watch } from 'vue'
+import type { Style } from '@/lib/registry/styles'
+import { Button } from '@/lib/registry/new-york/ui/button'
 import { Icon } from '@iconify/vue'
+import { ref, toRefs, watch } from 'vue'
 import { makeCodeSandboxParams } from '../utils/codeeditor'
 import Tooltip from './Tooltip.vue'
-import { Button } from '@/lib/registry/new-york/ui/button'
-import type { Style } from '@/lib/registry/styles'
 
 const props = defineProps<{
   name: string

apps/www/.vitepress/theme/components/CodeWrapper.ts

@@ -1,5 +1,5 @@
-import { type VNode, type VNodeArrayChildren, cloneVNode, defineComponent } from 'vue'
 import { useConfigStore } from '@/stores/config'
+import { cloneVNode, defineComponent, type VNode, type VNodeArrayChildren } from 'vue'
 
 function crawlSpan(children: VNodeArrayChildren, cb: (vnode: VNode) => void) {
   children.forEach((childNode) => {

apps/www/.vitepress/theme/components/ComponentLoader.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import { useConfigStore } from '@/stores/config'
 import { defineAsyncComponent } from 'vue'
 import Spinner from './Spinner.vue'
-import { useConfigStore } from '@/stores/config'
 
 const props = defineProps<{
   name: string

apps/www/.vitepress/theme/components/ComponentPreview.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import { computed, ref, watch } from 'vue'
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/lib/registry/default/ui/tabs'
-import { codeToHtml } from 'shiki'
+import { cn } from '@/lib/utils'
-import MagicString from 'magic-string'
+import { useConfigStore } from '@/stores/config'
 import { useClipboard } from '@vueuse/core'
+import MagicString from 'magic-string'
+import { codeToHtml } from 'shiki'
+import { computed, ref, watch } from 'vue'
 import { cssVariables } from '../config/shiki'
-import StyleSwitcher from './StyleSwitcher.vue'
+import CodeSandbox from './CodeSandbox.vue'
 import ComponentLoader from './ComponentLoader.vue'
 import Stackblitz from './Stackblitz.vue'
-import CodeSandbox from './CodeSandbox.vue'
+import StyleSwitcher from './StyleSwitcher.vue'
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/lib/registry/default/ui/tabs'
-import { useConfigStore } from '@/stores/config'
-import { cn } from '@/lib/utils'
 
 defineOptions({
   inheritAttrs: false,

apps/www/.vitepress/theme/components/CustomizerCode.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue'
-import { useClipboard } from '@vueuse/core'
-import { useConfigStore } from '@/stores/config'
 import { themes } from '@/lib/registry'
 import { Button } from '@/lib/registry/new-york/ui/button'
+import { useConfigStore } from '@/stores/config'
+import { useClipboard } from '@vueuse/core'
 import CheckIcon from '~icons/radix-icons/check'
 import CopyIcon from '~icons/radix-icons/copy'
+import { computed, ref } from 'vue'
 
 const { theme, config } = useConfigStore()
 

apps/www/.vitepress/theme/components/DocsBreadcrumb.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { useRoute } from 'vitepress'
-import { computed } from 'vue'
 import {
   Breadcrumb,
   BreadcrumbItem,
@@ -8,6 +6,8 @@ import {
   BreadcrumbList,
   BreadcrumbSeparator,
 } from '@/lib/registry/new-york/ui/breadcrumb'
+import { useRoute } from 'vitepress'
+import { computed } from 'vue'
 
 const route = useRoute()
 

apps/www/.vitepress/theme/components/EditLink.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { Button } from '@/lib/registry/default/ui/button'
+import Pencil2Icon from '~icons/radix-icons/pencil-2'
 import { useData } from 'vitepress'
 import { computed } from 'vue'
-import Pencil2Icon from '~icons/radix-icons/pencil-2'
-import { Button } from '@/lib/registry/default/ui/button'
 
 const { theme, page } = useData()
 

apps/www/.vitepress/theme/components/ExamplesNav.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
+import { ScrollArea, ScrollBar } from '@/lib/registry/default/ui/scroll-area'
+import { cn } from '@/lib/utils'
+import ArrowRightIcon from '~icons/radix-icons/arrow-right'
 import { useRoute } from 'vitepress'
 import { computed, toRefs } from 'vue'
-import { cn } from '@/lib/utils'
-import { ScrollArea, ScrollBar } from '@/lib/registry/default/ui/scroll-area'
-import ArrowRightIcon from '~icons/radix-icons/arrow-right'
 
 const { path } = toRefs(useRoute())
 

apps/www/.vitepress/theme/components/InlineThemePicker.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
 import type { Color } from '../types/colors'
-import { useConfigStore } from '@/stores/config'
 import { colors } from '@/lib/registry'
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/lib/registry/new-york/ui/tooltip'
+import { useConfigStore } from '@/stores/config'
 import RadixIconsCheck from '~icons/radix-icons/check'
 
 defineProps<{

apps/www/.vitepress/theme/components/LandingPage.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import PageHeader from '../components/PageHeader.vue'
+import MailExample from '@/examples/mail/Example.vue'
-import PageHeaderHeading from '../components/PageHeaderHeading.vue'
-import PageHeaderDescription from '../components/PageHeaderDescription.vue'
-import PageAction from '../components/PageAction.vue'
-import ExamplesNav from '../components/ExamplesNav.vue'
-import Announcement from '../components/Announcement.vue'
-import GitHubIcon from '~icons/radix-icons/github-logo'
-
 import { buttonVariants } from '@/lib/registry/new-york/ui/button'
 import { cn } from '@/lib/utils'
+import GitHubIcon from '~icons/radix-icons/github-logo'
+import Announcement from '../components/Announcement.vue'
+import ExamplesNav from '../components/ExamplesNav.vue'
+import PageAction from '../components/PageAction.vue'
 
-import MailExample from '@/examples/mail/Example.vue'
+import PageHeader from '../components/PageHeader.vue'
+import PageHeaderDescription from '../components/PageHeaderDescription.vue'
+
+import PageHeaderHeading from '../components/PageHeaderHeading.vue'
 </script>
 
 <template>

apps/www/.vitepress/theme/components/MobileNav.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
+import { Button } from '@/lib/registry/default/ui/button'
+import { ScrollArea } from '@/lib/registry/default/ui/scroll-area'
+import { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet'
 import { ref } from 'vue'
 import { docsConfig } from '../config/docs'
 import Logo from './Logo.vue'
-import { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet'
-import { Button } from '@/lib/registry/default/ui/button'
-import { ScrollArea } from '@/lib/registry/default/ui/scroll-area'
 
 const open = ref(false)
 </script>

apps/www/.vitepress/theme/components/PageHeaderDescription.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import WrapBalancer from 'vue-wrap-balancer'
 import { cn } from '@/lib/utils'
+import WrapBalancer from 'vue-wrap-balancer'
 </script>
 
 <template>

apps/www/.vitepress/theme/components/Stackblitz.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { ref, toRefs, watch } from 'vue'
+import type { Style } from '@/lib/registry/styles'
+import { Button } from '@/lib/registry/new-york/ui/button'
 import { Icon } from '@iconify/vue'
+import { ref, toRefs, watch } from 'vue'
 import { makeStackblitzParams } from '../utils/codeeditor'
 import Tooltip from './Tooltip.vue'
-import { Button } from '@/lib/registry/new-york/ui/button'
-import type { Style } from '@/lib/registry/styles'
 
 const props = defineProps<{
   name: string

apps/www/.vitepress/theme/components/StyleSwitcher.vue

@@ -1,8 +1,5 @@
 <script setup lang="ts">
 import type { SelectTriggerProps } from 'radix-vue'
-import { useConfigStore } from '@/stores/config'
-
-import { cn } from '@/lib/utils'
 import {
   Select,
   SelectContent,
@@ -10,7 +7,10 @@ import {
   SelectTrigger,
   SelectValue,
 } from '@/lib/registry/new-york/ui/select'
+
 import { styles } from '@/lib/registry/styles'
+import { cn } from '@/lib/utils'
+import { useConfigStore } from '@/stores/config'
 
 const props = defineProps<SelectTriggerProps & { class?: string }>()
 const { config } = useConfigStore()

apps/www/.vitepress/theme/components/TableOfContent.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
+import type { TableOfContents, TableOfContentsItem } from '../types/docs'
+import { buttonVariants } from '@/lib/registry/default/ui/button'
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/lib/registry/default/ui/collapsible'
+import { ScrollArea } from '@/lib/registry/default/ui/scroll-area'
 import { onContentUpdated } from 'vitepress'
 import { shallowRef } from 'vue'
-import type { TableOfContents, TableOfContentsItem } from '../types/docs'
 import TableOfContentTree from './TableOfContentTree.vue'
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/lib/registry/default/ui/collapsible'
-import { buttonVariants } from '@/lib/registry/default/ui/button'
-import { ScrollArea } from '@/lib/registry/default/ui/scroll-area'
 
 const headers = shallowRef<TableOfContents>()
 

apps/www/.vitepress/theme/components/TableOfContentTree.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { onMounted, onUnmounted, ref, watch } from 'vue'
-import { useRoute } from 'vitepress'
 import type { TableOfContentsItem } from '../types/docs'
 import { cn } from '@/lib/utils'
+import { useRoute } from 'vitepress'
+import { onMounted, onUnmounted, ref, watch } from 'vue'
 
 withDefaults(defineProps<{
   level: number

apps/www/.vitepress/theme/components/TabsMarkdown.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { computed, useSlots } from 'vue'
 import { Tabs, TabsList, TabsTrigger } from '@/lib/registry/default/ui/tabs'
+import { computed, useSlots } from 'vue'
 
 const slots = useSlots()
 

apps/www/.vitepress/theme/components/ThemeCustomizer.vue

@@ -1,13 +1,13 @@
 <script lang="ts" setup>
-import { useData } from 'vitepress'
 import type { Color } from '../types/colors'
-import { RADII, useConfigStore } from '@/stores/config'
+import { colors } from '@/lib/registry'
 import { Button } from '@/lib/registry/new-york/ui/button'
 import { Label } from '@/lib/registry/new-york/ui/label'
-import { colors } from '@/lib/registry'
+import { RADII, useConfigStore } from '@/stores/config'
 import RadixIconsCheck from '~icons/radix-icons/check'
-import RadixIconsSun from '~icons/radix-icons/sun'
 import RadixIconsMoon from '~icons/radix-icons/moon'
+import RadixIconsSun from '~icons/radix-icons/sun'
+import { useData } from 'vitepress'
 
 defineProps<{
   allColors: Color[]

apps/www/.vitepress/theme/components/ThemePopover.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { Paintbrush } from 'lucide-vue-next'
-import { onMounted, watch } from 'vue'
-import { allColors } from './theming/utils/data'
-import ThemeCustomizer from './ThemeCustomizer.vue'
 import { Button } from '@/lib/registry/new-york/ui/button'
 import { Popover, PopoverContent, PopoverTrigger } from '@/lib/registry/new-york/ui/popover'
 import { useConfigStore } from '@/stores/config'
+import { Paintbrush } from 'lucide-vue-next'
+import { onMounted, watch } from 'vue'
+import ThemeCustomizer from './ThemeCustomizer.vue'
+import { allColors } from './theming/utils/data'
 
 const { theme, radius } = useConfigStore()
 

apps/www/.vitepress/theme/components/index.ts

@@ -1,11 +1,11 @@
+export { default as APITable } from './APITable.vue'
+export { default as Callout } from './Callout.vue'
 export { default as CodeWrapper } from './CodeWrapper'
 export { default as ComponentPreview } from './ComponentPreview.vue'
-export { default as APITable } from './APITable.vue'
-export { default as TabPreview } from './TabPreview.vue'
-export { default as TabMarkdown } from './TabMarkdown.vue'
-export { default as TabsMarkdown } from './TabsMarkdown.vue'
-export { default as Callout } from './Callout.vue'
 export { default as LinkedCard } from './LinkedCard.vue'
 export { default as ManualInstall } from './ManualInstall.vue'
 export { default as Steps } from './Steps.vue'
+export { default as TabMarkdown } from './TabMarkdown.vue'
+export { default as TabPreview } from './TabPreview.vue'
+export { default as TabsMarkdown } from './TabsMarkdown.vue'
 export { default as VPImage } from './VPImage.vue'

apps/www/.vitepress/theme/components/theming/Theming.vue

@@ -1,25 +1,25 @@
 <script setup lang="ts">
-import { type Ref, ref } from 'vue'
 import type { DateRange } from 'radix-vue'
-import { getLocalTimeZone, today } from '@internationalized/date'
-
-import ThemingLayout from './../../layout/ThemingLayout.vue'
-
 import CookieSettings from '@/examples/cards/components/CookieSettings.vue'
 import CreateAccount from '@/examples/cards/components/CreateAccount.vue'
+
 import PaymentMethod from '@/examples/cards/components/PaymentMethod.vue'
+
 import ReportAnIssue from '@/examples/cards/components/ReportAnIssue.vue'
 import ShareDocument from '@/examples/cards/components/ShareDocument.vue'
 import TeamMembers from '@/examples/cards/components/TeamMembers.vue'
-
 import CardChat from '@/lib/registry/new-york/example/CardChat.vue'
 import ActivityGoal from '@/lib/registry/new-york/example/Cards/ActivityGoal.vue'
-import Metric from '@/lib/registry/new-york/example/Cards/Metric.vue'
 import DataTable from '@/lib/registry/new-york/example/Cards/DataTable.vue'
-import CardStats from '@/lib/registry/new-york/example/CardStats.vue'
 
+import Metric from '@/lib/registry/new-york/example/Cards/Metric.vue'
+import CardStats from '@/lib/registry/new-york/example/CardStats.vue'
 import { Card } from '@/lib/registry/new-york/ui/card'
 import { RangeCalendar } from '@/lib/registry/new-york/ui/range-calendar'
+import { getLocalTimeZone, today } from '@internationalized/date'
+
+import { type Ref, ref } from 'vue'
+import ThemingLayout from './../../layout/ThemingLayout.vue'
 
 const now = today(getLocalTimeZone())
 

apps/www/.vitepress/theme/index.ts

@@ -1,8 +1,8 @@
-// https://vitepress.dev/guide/custom-theme
+import * as components from './components'
-import Layout from './layout/MainLayout.vue'
 import DocsLayout from './layout/DocsLayout.vue'
 import ExamplesLayout from './layout/ExamplesLayout.vue'
-import * as components from './components'
+// https://vitepress.dev/guide/custom-theme
+import Layout from './layout/MainLayout.vue'
 import './style.css'
 import './styles/vp-doc.css'
 import './styles/shiki.css'

apps/www/.vitepress/theme/layout/DocsLayout.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { useData, useRoute } from 'vitepress'
-import { docsConfig } from '../config/docs'
-import TableOfContentVue from '../components/TableOfContent.vue'
-import EditLink from '../components/EditLink.vue'
-import DocsBreadcrumb from '../components/DocsBreadcrumb.vue'
 import { ScrollArea } from '@/lib/registry/default/ui/scroll-area'
 import RadixIconsCode from '~icons/radix-icons/code'
 import RadixIconsExternalLink from '~icons/radix-icons/external-link'
+import { useData, useRoute } from 'vitepress'
+import DocsBreadcrumb from '../components/DocsBreadcrumb.vue'
+import EditLink from '../components/EditLink.vue'
+import TableOfContentVue from '../components/TableOfContent.vue'
+import { docsConfig } from '../config/docs'
 
 const $route = useRoute()
 const { frontmatter } = useData()

apps/www/.vitepress/theme/layout/ExamplesLayout.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import PageHeader from '../components/PageHeader.vue'
-import PageHeaderHeading from '../components/PageHeaderHeading.vue'
-import PageHeaderDescription from '../components/PageHeaderDescription.vue'
-import PageAction from '../components/PageAction.vue'
-import ExamplesNav from '../components/ExamplesNav.vue'
-import Announcement from '../components/Announcement.vue'
-
 import { buttonVariants } from '@/lib/registry/new-york/ui/button'
 import { cn } from '@/lib/utils'
+import Announcement from '../components/Announcement.vue'
+import ExamplesNav from '../components/ExamplesNav.vue'
+import PageAction from '../components/PageAction.vue'
+import PageHeader from '../components/PageHeader.vue'
+
+import PageHeaderDescription from '../components/PageHeaderDescription.vue'
+import PageHeaderHeading from '../components/PageHeaderHeading.vue'
 </script>
 
 <template>

apps/www/.vitepress/theme/layout/MainLayout.vue

@@ -1,30 +1,30 @@
 <script setup lang="ts">
-import { useMagicKeys, useToggle } from '@vueuse/core'
-import { onMounted, ref, watch } from 'vue'
-import { Content, useData, useRoute, useRouter } from 'vitepress'
-import { type NavItem, docsConfig } from '../config/docs'
-import Logo from '../components/Logo.vue'
-import MobileNav from '../components/MobileNav.vue'
-import CodeConfigCustomizer from '../components/CodeConfigCustomizer.vue'
-
-import Kbd from '../components/Kbd.vue'
-import ThemePopover from '../components/ThemePopover.vue'
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from '@/lib/registry/default/ui/command'
-
 import { Button } from '@/lib/registry/default/ui/button'
-import RadixIconsGithubLogo from '~icons/radix-icons/github-logo'
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from '@/lib/registry/default/ui/command'
-import RadixIconsMoon from '~icons/radix-icons/moon'
-import RadixIconsSun from '~icons/radix-icons/sun'
-import { useConfigStore } from '@/stores/config'
 import { Dialog, DialogContent } from '@/lib/registry/default/ui/dialog'
 import { Toaster as DefaultToaster } from '@/lib/registry/default/ui/toast'
 import { Toaster as NewYorkSonner } from '@/lib/registry/new-york/ui/sonner'
 import { Toaster as NewYorkToaster } from '@/lib/registry/new-york/ui/toast'
 import { TooltipProvider } from '@/lib/registry/new-york/ui/tooltip'
 
-import File from '~icons/radix-icons/file'
+import { useConfigStore } from '@/stores/config'
+import { useMagicKeys, useToggle } from '@vueuse/core'
 import Circle from '~icons/radix-icons/circle'
 
+import File from '~icons/radix-icons/file'
+import RadixIconsGithubLogo from '~icons/radix-icons/github-logo'
+import RadixIconsMoon from '~icons/radix-icons/moon'
+import RadixIconsSun from '~icons/radix-icons/sun'
+import { Content, useData, useRoute, useRouter } from 'vitepress'
+import { onMounted, ref, watch } from 'vue'
+import CodeConfigCustomizer from '../components/CodeConfigCustomizer.vue'
+import Kbd from '../components/Kbd.vue'
+import Logo from '../components/Logo.vue'
+import MobileNav from '../components/MobileNav.vue'
+
+import ThemePopover from '../components/ThemePopover.vue'
+import { docsConfig, type NavItem } from '../config/docs'
+
 const { radius, theme } = useConfigStore()
 // Whenever the component is mounted, update the document class list
 onMounted(() => {

apps/www/.vitepress/theme/layout/ThemingLayout.vue

@@ -1,19 +1,19 @@
 <script setup lang="ts">
-import { onMounted, watch } from 'vue'
-import { Paintbrush } from 'lucide-vue-next'
-import PageHeader from '../components/PageHeader.vue'
-import PageHeaderHeading from '../components/PageHeaderHeading.vue'
-import PageHeaderDescription from '../components/PageHeaderDescription.vue'
-import CustomizerCode from '../components/CustomizerCode.vue'
 import type { Color } from '../types/colors'
-import ThemeCustomizer from '../components/ThemeCustomizer.vue'
-import InlineThemePicker from '../components/InlineThemePicker.vue'
-import PageAction from '../components/PageAction.vue'
-import { useConfigStore } from '@/stores/config'
 import { Button } from '@/lib/registry/new-york/ui/button'
-import { Popover, PopoverContent, PopoverTrigger } from '@/lib/registry/new-york/ui/popover'
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from '@/lib/registry/new-york/ui/dialog'
 import { Drawer, DrawerContent, DrawerTrigger } from '@/lib/registry/new-york/ui/drawer'
+import { Popover, PopoverContent, PopoverTrigger } from '@/lib/registry/new-york/ui/popover'
+import { useConfigStore } from '@/stores/config'
+import { Paintbrush } from 'lucide-vue-next'
+import { onMounted, watch } from 'vue'
+import CustomizerCode from '../components/CustomizerCode.vue'
+import InlineThemePicker from '../components/InlineThemePicker.vue'
+import PageAction from '../components/PageAction.vue'
+import PageHeader from '../components/PageHeader.vue'
+import PageHeaderDescription from '../components/PageHeaderDescription.vue'
+import PageHeaderHeading from '../components/PageHeaderHeading.vue'
+import ThemeCustomizer from '../components/ThemeCustomizer.vue'
 
 // Create an array of color values
 const allColors: Color[] = [

apps/www/.vitepress/theme/plugins/utils.ts

@@ -1,7 +1,7 @@
 // Credit to @hairyf https://github.com/hairyf/markdown-it-vitepress-demo
 
-import { baseParse } from '@vue/compiler-core'
 import type { AttributeNode, ElementNode } from '@vue/compiler-core'
+import { baseParse } from '@vue/compiler-core'
 
 export interface GenerateOptions {
   attrs?: string

apps/www/__registry__/index.ts

@@ -62,56 +62,56 @@ export const Index = {
     "AutoFormApi": {
       name: "AutoFormApi",
       type: "components:example",
-      registryDependencies: ["button","toast","auto-form"],
+      registryDependencies: ["auto-form","button","toast"],
       component: () => import("../src/lib/registry/default/example/AutoFormApi.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/AutoFormApi.vue"],
     },
     "AutoFormArray": {
       name: "AutoFormArray",
       type: "components:example",
-      registryDependencies: ["button","toast","auto-form"],
+      registryDependencies: ["auto-form","button","toast"],
       component: () => import("../src/lib/registry/default/example/AutoFormArray.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/AutoFormArray.vue"],
     },
     "AutoFormBasic": {
       name: "AutoFormBasic",
       type: "components:example",
-      registryDependencies: ["button","toast","auto-form"],
+      registryDependencies: ["auto-form","button","toast"],
       component: () => import("../src/lib/registry/default/example/AutoFormBasic.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/AutoFormBasic.vue"],
     },
     "AutoFormConfirmPassword": {
       name: "AutoFormConfirmPassword",
       type: "components:example",
-      registryDependencies: ["button","toast","auto-form"],
+      registryDependencies: ["auto-form","button","toast"],
       component: () => import("../src/lib/registry/default/example/AutoFormConfirmPassword.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/AutoFormConfirmPassword.vue"],
     },
     "AutoFormControlled": {
       name: "AutoFormControlled",
       type: "components:example",
-      registryDependencies: ["button","toast","auto-form"],
+      registryDependencies: ["auto-form","button","toast"],
       component: () => import("../src/lib/registry/default/example/AutoFormControlled.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/AutoFormControlled.vue"],
     },
     "AutoFormDependencies": {
       name: "AutoFormDependencies",
       type: "components:example",
-      registryDependencies: ["button","toast","auto-form"],
+      registryDependencies: ["auto-form","button","toast"],
       component: () => import("../src/lib/registry/default/example/AutoFormDependencies.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/AutoFormDependencies.vue"],
     },
     "AutoFormInputWithoutLabel": {
       name: "AutoFormInputWithoutLabel",
       type: "components:example",
-      registryDependencies: ["button","toast","auto-form"],
+      registryDependencies: ["auto-form","button","toast"],
       component: () => import("../src/lib/registry/default/example/AutoFormInputWithoutLabel.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/AutoFormInputWithoutLabel.vue"],
     },
     "AutoFormSubObject": {
       name: "AutoFormSubObject",
       type: "components:example",
-      registryDependencies: ["button","toast","auto-form"],
+      registryDependencies: ["auto-form","button","toast"],
       component: () => import("../src/lib/registry/default/example/AutoFormSubObject.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/AutoFormSubObject.vue"],
     },
@@ -300,7 +300,7 @@ export const Index = {
     "CalendarForm": {
       name: "CalendarForm",
       type: "components:example",
-      registryDependencies: ["calendar","button","form","popover","toast","utils"],
+      registryDependencies: ["button","calendar","form","popover","toast","utils"],
       component: () => import("../src/lib/registry/default/example/CalendarForm.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/CalendarForm.vue"],
     },
@@ -314,7 +314,7 @@ export const Index = {
     "CardChat": {
       name: "CardChat",
       type: "components:example",
-      registryDependencies: ["card","dialog","command","avatar","tooltip","button","input","utils"],
+      registryDependencies: ["avatar","button","card","command","dialog","input","tooltip","utils"],
       component: () => import("../src/lib/registry/default/example/CardChat.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/CardChat.vue"],
     },
@@ -328,14 +328,14 @@ export const Index = {
     "CardFormDemo": {
       name: "CardFormDemo",
       type: "components:example",
-      registryDependencies: ["card","select","input","label","button"],
+      registryDependencies: ["button","card","input","label","select"],
       component: () => import("../src/lib/registry/default/example/CardFormDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/CardFormDemo.vue"],
     },
     "CardStats": {
       name: "CardStats",
       type: "components:example",
-      registryDependencies: ["card","config","themes"],
+      registryDependencies: ["card","themes","config"],
       component: () => import("../src/lib/registry/default/example/CardStats.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/CardStats.vue"],
     },
@@ -356,42 +356,42 @@ export const Index = {
     "CarouselDemo": {
       name: "CarouselDemo",
       type: "components:example",
-      registryDependencies: ["carousel","card"],
+      registryDependencies: ["card","carousel"],
       component: () => import("../src/lib/registry/default/example/CarouselDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/CarouselDemo.vue"],
     },
     "CarouselOrientation": {
       name: "CarouselOrientation",
       type: "components:example",
-      registryDependencies: ["carousel","card"],
+      registryDependencies: ["card","carousel"],
       component: () => import("../src/lib/registry/default/example/CarouselOrientation.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/CarouselOrientation.vue"],
     },
     "CarouselPlugin": {
       name: "CarouselPlugin",
       type: "components:example",
-      registryDependencies: ["carousel","card"],
+      registryDependencies: ["card","carousel"],
       component: () => import("../src/lib/registry/default/example/CarouselPlugin.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/CarouselPlugin.vue"],
     },
     "CarouselSize": {
       name: "CarouselSize",
       type: "components:example",
-      registryDependencies: ["carousel","card"],
+      registryDependencies: ["card","carousel"],
       component: () => import("../src/lib/registry/default/example/CarouselSize.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/CarouselSize.vue"],
     },
     "CarouselSpacing": {
       name: "CarouselSpacing",
       type: "components:example",
-      registryDependencies: ["carousel","card"],
+      registryDependencies: ["card","carousel"],
       component: () => import("../src/lib/registry/default/example/CarouselSpacing.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/CarouselSpacing.vue"],
     },
     "CarouselThumbnails": {
       name: "CarouselThumbnails",
       type: "components:example",
-      registryDependencies: ["carousel","card"],
+      registryDependencies: ["card","carousel"],
       component: () => import("../src/lib/registry/default/example/CarouselThumbnails.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/CarouselThumbnails.vue"],
     },
@@ -412,14 +412,14 @@ export const Index = {
     "CheckboxFormMultiple": {
       name: "CheckboxFormMultiple",
       type: "components:example",
-      registryDependencies: ["button","form","checkbox","toast"],
+      registryDependencies: ["button","checkbox","form","toast"],
       component: () => import("../src/lib/registry/default/example/CheckboxFormMultiple.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/CheckboxFormMultiple.vue"],
     },
     "CheckboxFormSingle": {
       name: "CheckboxFormSingle",
       type: "components:example",
-      registryDependencies: ["button","form","checkbox","toast"],
+      registryDependencies: ["button","checkbox","form","toast"],
       component: () => import("../src/lib/registry/default/example/CheckboxFormSingle.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/CheckboxFormSingle.vue"],
     },
@@ -440,7 +440,7 @@ export const Index = {
     "ComboboxDemo": {
       name: "ComboboxDemo",
       type: "components:example",
-      registryDependencies: ["utils","button","command","popover"],
+      registryDependencies: ["button","command","popover","utils"],
       component: () => import("../src/lib/registry/default/example/ComboboxDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/ComboboxDemo.vue"],
     },
@@ -454,14 +454,14 @@ export const Index = {
     "ComboboxForm": {
       name: "ComboboxForm",
       type: "components:example",
-      registryDependencies: ["utils","button","command","form","popover","toast"],
+      registryDependencies: ["button","command","form","popover","toast","utils"],
       component: () => import("../src/lib/registry/default/example/ComboboxForm.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/ComboboxForm.vue"],
     },
     "ComboboxPopover": {
       name: "ComboboxPopover",
       type: "components:example",
-      registryDependencies: ["utils","button","command","popover"],
+      registryDependencies: ["button","command","popover","utils"],
       component: () => import("../src/lib/registry/default/example/ComboboxPopover.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/ComboboxPopover.vue"],
     },
@@ -517,7 +517,7 @@ export const Index = {
     "DataTableDemoColumn": {
       name: "DataTableDemoColumn",
       type: "components:example",
-      registryDependencies: ["dropdown-menu","button"],
+      registryDependencies: ["button","dropdown-menu"],
       component: () => import("../src/lib/registry/default/example/DataTableDemoColumn.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/DataTableDemoColumn.vue"],
     },
@@ -531,35 +531,35 @@ export const Index = {
     "DatePickerDemo": {
       name: "DatePickerDemo",
       type: "components:example",
-      registryDependencies: ["calendar","button","popover","utils"],
+      registryDependencies: ["button","calendar","popover","utils"],
       component: () => import("../src/lib/registry/default/example/DatePickerDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/DatePickerDemo.vue"],
     },
     "DatePickerForm": {
       name: "DatePickerForm",
       type: "components:example",
-      registryDependencies: ["calendar","button","form","popover","toast","utils"],
+      registryDependencies: ["button","calendar","form","popover","toast","utils"],
       component: () => import("../src/lib/registry/default/example/DatePickerForm.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/DatePickerForm.vue"],
     },
     "DatePickerWithIndependentMonths": {
       name: "DatePickerWithIndependentMonths",
       type: "components:example",
-      registryDependencies: ["range-calendar","button","popover","utils"],
+      registryDependencies: ["button","popover","range-calendar","utils"],
       component: () => import("../src/lib/registry/default/example/DatePickerWithIndependentMonths.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/DatePickerWithIndependentMonths.vue"],
     },
     "DatePickerWithPresets": {
       name: "DatePickerWithPresets",
       type: "components:example",
-      registryDependencies: ["calendar","button","popover","select","utils"],
+      registryDependencies: ["button","calendar","popover","select","utils"],
       component: () => import("../src/lib/registry/default/example/DatePickerWithPresets.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/DatePickerWithPresets.vue"],
     },
     "DatePickerWithRange": {
       name: "DatePickerWithRange",
       type: "components:example",
-      registryDependencies: ["range-calendar","button","popover","utils"],
+      registryDependencies: ["button","popover","range-calendar","utils"],
       component: () => import("../src/lib/registry/default/example/DatePickerWithRange.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/DatePickerWithRange.vue"],
     },
@@ -580,7 +580,7 @@ export const Index = {
     "DialogForm": {
       name: "DialogForm",
       type: "components:example",
-      registryDependencies: ["button","form","dialog","input","toast"],
+      registryDependencies: ["button","dialog","form","input","toast"],
       component: () => import("../src/lib/registry/default/example/DialogForm.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/DialogForm.vue"],
     },
@@ -636,7 +636,7 @@ export const Index = {
     "DrawerDialog": {
       name: "DrawerDialog",
       type: "components:example",
-      registryDependencies: ["button","dialog","drawer","label","input"],
+      registryDependencies: ["button","dialog","drawer","input","label"],
       component: () => import("../src/lib/registry/default/example/DrawerDialog.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/DrawerDialog.vue"],
     },
@@ -706,7 +706,7 @@ export const Index = {
     "InputWithButton": {
       name: "InputWithButton",
       type: "components:example",
-      registryDependencies: ["input","button"],
+      registryDependencies: ["button","input"],
       component: () => import("../src/lib/registry/default/example/InputWithButton.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/InputWithButton.vue"],
     },
@@ -769,28 +769,28 @@ export const Index = {
     "NumberFieldCurrency": {
       name: "NumberFieldCurrency",
       type: "components:example",
-      registryDependencies: ["number-field","label"],
+      registryDependencies: ["label","number-field"],
       component: () => import("../src/lib/registry/default/example/NumberFieldCurrency.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/NumberFieldCurrency.vue"],
     },
     "NumberFieldDecimal": {
       name: "NumberFieldDecimal",
       type: "components:example",
-      registryDependencies: ["number-field","label"],
+      registryDependencies: ["label","number-field"],
       component: () => import("../src/lib/registry/default/example/NumberFieldDecimal.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/NumberFieldDecimal.vue"],
     },
     "NumberFieldDemo": {
       name: "NumberFieldDemo",
       type: "components:example",
-      registryDependencies: ["number-field","label"],
+      registryDependencies: ["label","number-field"],
       component: () => import("../src/lib/registry/default/example/NumberFieldDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/NumberFieldDemo.vue"],
     },
     "NumberFieldDisabled": {
       name: "NumberFieldDisabled",
       type: "components:example",
-      registryDependencies: ["number-field","label"],
+      registryDependencies: ["label","number-field"],
       component: () => import("../src/lib/registry/default/example/NumberFieldDisabled.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/NumberFieldDisabled.vue"],
     },
@@ -804,14 +804,14 @@ export const Index = {
     "NumberFieldPercentage": {
       name: "NumberFieldPercentage",
       type: "components:example",
-      registryDependencies: ["number-field","label"],
+      registryDependencies: ["label","number-field"],
       component: () => import("../src/lib/registry/default/example/NumberFieldPercentage.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/NumberFieldPercentage.vue"],
     },
     "PaginationDemo": {
       name: "PaginationDemo",
       type: "components:example",
-      registryDependencies: ["pagination","button"],
+      registryDependencies: ["button","pagination"],
       component: () => import("../src/lib/registry/default/example/PaginationDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/PaginationDemo.vue"],
     },
@@ -839,7 +839,7 @@ export const Index = {
     "PinInputFormDemo": {
       name: "PinInputFormDemo",
       type: "components:example",
-      registryDependencies: ["pin-input","button","form","toast"],
+      registryDependencies: ["button","form","pin-input","toast"],
       component: () => import("../src/lib/registry/default/example/PinInputFormDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/PinInputFormDemo.vue"],
     },
@@ -853,7 +853,7 @@ export const Index = {
     "PopoverDemo": {
       name: "PopoverDemo",
       type: "components:example",
-      registryDependencies: ["popover","button","label","input"],
+      registryDependencies: ["button","input","label","popover"],
       component: () => import("../src/lib/registry/default/example/PopoverDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/PopoverDemo.vue"],
     },
@@ -979,7 +979,7 @@ export const Index = {
     "SliderDemo": {
       name: "SliderDemo",
       type: "components:example",
-      registryDependencies: ["utils","slider"],
+      registryDependencies: ["slider","utils"],
       component: () => import("../src/lib/registry/default/example/SliderDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/SliderDemo.vue"],
     },
@@ -1014,21 +1014,21 @@ export const Index = {
     "StepperForm": {
       name: "StepperForm",
       type: "components:example",
-      registryDependencies: ["stepper","form","select","input","button","toast"],
+      registryDependencies: ["button","form","input","select","stepper","toast"],
       component: () => import("../src/lib/registry/default/example/StepperForm.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/StepperForm.vue"],
     },
     "StepperHorizental": {
       name: "StepperHorizental",
       type: "components:example",
-      registryDependencies: ["stepper","button"],
+      registryDependencies: ["button","stepper"],
       component: () => import("../src/lib/registry/default/example/StepperHorizental.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/StepperHorizental.vue"],
     },
     "StepperVertical": {
       name: "StepperVertical",
       type: "components:example",
-      registryDependencies: ["stepper","button"],
+      registryDependencies: ["button","stepper"],
       component: () => import("../src/lib/registry/default/example/StepperVertical.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/StepperVertical.vue"],
     },
@@ -1084,7 +1084,7 @@ export const Index = {
     "TagsInputFormDemo": {
       name: "TagsInputFormDemo",
       type: "components:example",
-      registryDependencies: ["tags-input","button","form","toast"],
+      registryDependencies: ["button","form","tags-input","toast"],
       component: () => import("../src/lib/registry/default/example/TagsInputFormDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/TagsInputFormDemo.vue"],
     },
@@ -1112,21 +1112,21 @@ export const Index = {
     "TextareaWithButton": {
       name: "TextareaWithButton",
       type: "components:example",
-      registryDependencies: ["textarea","button"],
+      registryDependencies: ["button","textarea"],
       component: () => import("../src/lib/registry/default/example/TextareaWithButton.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/TextareaWithButton.vue"],
     },
     "TextareaWithLabel": {
       name: "TextareaWithLabel",
       type: "components:example",
-      registryDependencies: ["textarea","label"],
+      registryDependencies: ["label","textarea"],
       component: () => import("../src/lib/registry/default/example/TextareaWithLabel.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/TextareaWithLabel.vue"],
     },
     "TextareaWithText": {
       name: "TextareaWithText",
       type: "components:example",
-      registryDependencies: ["textarea","label"],
+      registryDependencies: ["label","textarea"],
       component: () => import("../src/lib/registry/default/example/TextareaWithText.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/TextareaWithText.vue"],
     },
@@ -1140,7 +1140,7 @@ export const Index = {
     "ToastDestructive": {
       name: "ToastDestructive",
       type: "components:example",
-      registryDependencies: ["button","use-toast","toast"],
+      registryDependencies: ["button","toast","use-toast"],
       component: () => import("../src/lib/registry/default/example/ToastDestructive.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/ToastDestructive.vue"],
     },
@@ -1154,7 +1154,7 @@ export const Index = {
     "ToastWithAction": {
       name: "ToastWithAction",
       type: "components:example",
-      registryDependencies: ["button","use-toast","toast"],
+      registryDependencies: ["button","toast","use-toast"],
       component: () => import("../src/lib/registry/default/example/ToastWithAction.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/ToastWithAction.vue"],
     },
@@ -1364,42 +1364,42 @@ export const Index = {
     "VDatePickerDemo": {
       name: "VDatePickerDemo",
       type: "components:example",
-      registryDependencies: ["utils","button","v-calendar","popover"],
+      registryDependencies: ["button","popover","v-calendar","utils"],
       component: () => import("../src/lib/registry/default/example/VDatePickerDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/VDatePickerDemo.vue"],
     },
     "VDatePickerForm": {
       name: "VDatePickerForm",
       type: "components:example",
-      registryDependencies: ["utils","button","v-calendar","form","popover","toast"],
+      registryDependencies: ["button","form","popover","toast","v-calendar","utils"],
       component: () => import("../src/lib/registry/default/example/VDatePickerForm.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/VDatePickerForm.vue"],
     },
     "VDatePickerWithPresets": {
       name: "VDatePickerWithPresets",
       type: "components:example",
-      registryDependencies: ["utils","button","v-calendar","popover","select"],
+      registryDependencies: ["button","popover","select","v-calendar","utils"],
       component: () => import("../src/lib/registry/default/example/VDatePickerWithPresets.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/VDatePickerWithPresets.vue"],
     },
     "VDatePickerWithRange": {
       name: "VDatePickerWithRange",
       type: "components:example",
-      registryDependencies: ["utils","button","v-calendar","popover"],
+      registryDependencies: ["button","popover","v-calendar","utils"],
       component: () => import("../src/lib/registry/default/example/VDatePickerWithRange.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/VDatePickerWithRange.vue"],
     },
     "VDateTimePickerDemo": {
       name: "VDateTimePickerDemo",
       type: "components:example",
-      registryDependencies: ["utils","button","v-calendar","popover"],
+      registryDependencies: ["button","popover","v-calendar","utils"],
       component: () => import("../src/lib/registry/default/example/VDateTimePickerDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/VDateTimePickerDemo.vue"],
     },
     "VRangePickerWithSlot": {
       name: "VRangePickerWithSlot",
       type: "components:example",
-      registryDependencies: ["utils","button","v-calendar","popover"],
+      registryDependencies: ["button","popover","v-calendar","utils"],
       component: () => import("../src/lib/registry/default/example/VRangePickerWithSlot.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/VRangePickerWithSlot.vue"],
     },
@@ -1413,7 +1413,7 @@ export const Index = {
     "DataTable": {
       name: "DataTable",
       type: "components:example",
-      registryDependencies: ["button","checkbox","dropdown-menu","input","table","card","utils"],
+      registryDependencies: ["button","card","checkbox","dropdown-menu","input","table","utils"],
       component: () => import("../src/lib/registry/default/example/Cards/DataTable.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/example/Cards/DataTable.vue"],
     },
@@ -1483,21 +1483,21 @@ export const Index = {
     "Dashboard05": {
       name: "Dashboard05",
       type: "components:block",
-      registryDependencies: ["badge","button","card","dropdown-menu","input","breadcrumb","sheet","pagination","progress","separator","table","tabs","tooltip","checkbox"],
+      registryDependencies: ["badge","breadcrumb","button","card","checkbox","dropdown-menu","input","pagination","progress","separator","sheet","table","tabs","tooltip"],
       component: () => import("../src/lib/registry/default/block/Dashboard05.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/block/Dashboard05.vue"],
     },
     "Dashboard06": {
       name: "Dashboard06",
       type: "components:block",
-      registryDependencies: ["badge","button","card","dropdown-menu","input","breadcrumb","sheet","table","tabs","tooltip"],
+      registryDependencies: ["badge","breadcrumb","button","card","dropdown-menu","input","sheet","table","tabs","tooltip"],
       component: () => import("../src/lib/registry/default/block/Dashboard06.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/block/Dashboard06.vue"],
     },
     "Dashboard07": {
       name: "Dashboard07",
       type: "components:block",
-      registryDependencies: ["badge","button","card","dropdown-menu","input","textarea","label","toggle-group","breadcrumb","sheet","table","select","tooltip"],
+      registryDependencies: ["badge","breadcrumb","button","card","dropdown-menu","input","label","select","sheet","table","textarea","toggle-group","tooltip"],
       component: () => import("../src/lib/registry/default/block/Dashboard07.vue").then((m) => m.default),
       files: ["../src/lib/registry/default/block/Dashboard07.vue"],
     },
@@ -1561,56 +1561,56 @@ export const Index = {
     "AutoFormApi": {
       name: "AutoFormApi",
       type: "components:example",
-      registryDependencies: ["button","toast","auto-form"],
+      registryDependencies: ["auto-form","button","toast"],
       component: () => import("../src/lib/registry/new-york/example/AutoFormApi.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/AutoFormApi.vue"],
     },
     "AutoFormArray": {
       name: "AutoFormArray",
       type: "components:example",
-      registryDependencies: ["button","toast","auto-form"],
+      registryDependencies: ["auto-form","button","toast"],
       component: () => import("../src/lib/registry/new-york/example/AutoFormArray.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/AutoFormArray.vue"],
     },
     "AutoFormBasic": {
       name: "AutoFormBasic",
       type: "components:example",
-      registryDependencies: ["button","toast","auto-form"],
+      registryDependencies: ["auto-form","button","toast"],
       component: () => import("../src/lib/registry/new-york/example/AutoFormBasic.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/AutoFormBasic.vue"],
     },
     "AutoFormConfirmPassword": {
       name: "AutoFormConfirmPassword",
       type: "components:example",
-      registryDependencies: ["button","toast","auto-form"],
+      registryDependencies: ["auto-form","button","toast"],
       component: () => import("../src/lib/registry/new-york/example/AutoFormConfirmPassword.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/AutoFormConfirmPassword.vue"],
     },
     "AutoFormControlled": {
       name: "AutoFormControlled",
       type: "components:example",
-      registryDependencies: ["button","toast","auto-form"],
+      registryDependencies: ["auto-form","button","toast"],
       component: () => import("../src/lib/registry/new-york/example/AutoFormControlled.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/AutoFormControlled.vue"],
     },
     "AutoFormDependencies": {
       name: "AutoFormDependencies",
       type: "components:example",
-      registryDependencies: ["button","toast","auto-form"],
+      registryDependencies: ["auto-form","button","toast"],
       component: () => import("../src/lib/registry/new-york/example/AutoFormDependencies.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/AutoFormDependencies.vue"],
     },
     "AutoFormInputWithoutLabel": {
       name: "AutoFormInputWithoutLabel",
       type: "components:example",
-      registryDependencies: ["button","toast","auto-form"],
+      registryDependencies: ["auto-form","button","toast"],
       component: () => import("../src/lib/registry/new-york/example/AutoFormInputWithoutLabel.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/AutoFormInputWithoutLabel.vue"],
     },
     "AutoFormSubObject": {
       name: "AutoFormSubObject",
       type: "components:example",
-      registryDependencies: ["button","toast","auto-form"],
+      registryDependencies: ["auto-form","button","toast"],
       component: () => import("../src/lib/registry/new-york/example/AutoFormSubObject.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/AutoFormSubObject.vue"],
     },
@@ -1799,7 +1799,7 @@ export const Index = {
     "CalendarForm": {
       name: "CalendarForm",
       type: "components:example",
-      registryDependencies: ["calendar","button","form","popover","toast","utils"],
+      registryDependencies: ["button","calendar","form","popover","toast","utils"],
       component: () => import("../src/lib/registry/new-york/example/CalendarForm.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/CalendarForm.vue"],
     },
@@ -1813,7 +1813,7 @@ export const Index = {
     "CardChat": {
       name: "CardChat",
       type: "components:example",
-      registryDependencies: ["card","dialog","command","avatar","tooltip","button","input","utils"],
+      registryDependencies: ["avatar","button","card","command","dialog","input","tooltip","utils"],
       component: () => import("../src/lib/registry/new-york/example/CardChat.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/CardChat.vue"],
     },
@@ -1827,14 +1827,14 @@ export const Index = {
     "CardFormDemo": {
       name: "CardFormDemo",
       type: "components:example",
-      registryDependencies: ["card","select","input","label","button"],
+      registryDependencies: ["button","card","input","label","select"],
       component: () => import("../src/lib/registry/new-york/example/CardFormDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/CardFormDemo.vue"],
     },
     "CardStats": {
       name: "CardStats",
       type: "components:example",
-      registryDependencies: ["card","config","themes"],
+      registryDependencies: ["card","themes","config"],
       component: () => import("../src/lib/registry/new-york/example/CardStats.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/CardStats.vue"],
     },
@@ -1855,42 +1855,42 @@ export const Index = {
     "CarouselDemo": {
       name: "CarouselDemo",
       type: "components:example",
-      registryDependencies: ["carousel","card"],
+      registryDependencies: ["card","carousel"],
       component: () => import("../src/lib/registry/new-york/example/CarouselDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/CarouselDemo.vue"],
     },
     "CarouselOrientation": {
       name: "CarouselOrientation",
       type: "components:example",
-      registryDependencies: ["carousel","card"],
+      registryDependencies: ["card","carousel"],
       component: () => import("../src/lib/registry/new-york/example/CarouselOrientation.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/CarouselOrientation.vue"],
     },
     "CarouselPlugin": {
       name: "CarouselPlugin",
       type: "components:example",
-      registryDependencies: ["carousel","card"],
+      registryDependencies: ["card","carousel"],
       component: () => import("../src/lib/registry/new-york/example/CarouselPlugin.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/CarouselPlugin.vue"],
     },
     "CarouselSize": {
       name: "CarouselSize",
       type: "components:example",
-      registryDependencies: ["carousel","card"],
+      registryDependencies: ["card","carousel"],
       component: () => import("../src/lib/registry/new-york/example/CarouselSize.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/CarouselSize.vue"],
     },
     "CarouselSpacing": {
       name: "CarouselSpacing",
       type: "components:example",
-      registryDependencies: ["carousel","card"],
+      registryDependencies: ["card","carousel"],
       component: () => import("../src/lib/registry/new-york/example/CarouselSpacing.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/CarouselSpacing.vue"],
     },
     "CarouselThumbnails": {
       name: "CarouselThumbnails",
       type: "components:example",
-      registryDependencies: ["carousel","card"],
+      registryDependencies: ["card","carousel"],
       component: () => import("../src/lib/registry/new-york/example/CarouselThumbnails.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/CarouselThumbnails.vue"],
     },
@@ -1911,14 +1911,14 @@ export const Index = {
     "CheckboxFormMultiple": {
       name: "CheckboxFormMultiple",
       type: "components:example",
-      registryDependencies: ["button","form","checkbox","toast"],
+      registryDependencies: ["button","checkbox","form","toast"],
       component: () => import("../src/lib/registry/new-york/example/CheckboxFormMultiple.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/CheckboxFormMultiple.vue"],
     },
     "CheckboxFormSingle": {
       name: "CheckboxFormSingle",
       type: "components:example",
-      registryDependencies: ["button","form","checkbox","toast"],
+      registryDependencies: ["button","checkbox","form","toast"],
       component: () => import("../src/lib/registry/new-york/example/CheckboxFormSingle.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/CheckboxFormSingle.vue"],
     },
@@ -1939,7 +1939,7 @@ export const Index = {
     "ComboboxDemo": {
       name: "ComboboxDemo",
       type: "components:example",
-      registryDependencies: ["utils","button","command","popover"],
+      registryDependencies: ["button","command","popover","utils"],
       component: () => import("../src/lib/registry/new-york/example/ComboboxDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/ComboboxDemo.vue"],
     },
@@ -1953,14 +1953,14 @@ export const Index = {
     "ComboboxForm": {
       name: "ComboboxForm",
       type: "components:example",
-      registryDependencies: ["utils","button","command","form","popover","toast"],
+      registryDependencies: ["button","command","form","popover","toast","utils"],
       component: () => import("../src/lib/registry/new-york/example/ComboboxForm.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/ComboboxForm.vue"],
     },
     "ComboboxPopover": {
       name: "ComboboxPopover",
       type: "components:example",
-      registryDependencies: ["utils","button","command","popover"],
+      registryDependencies: ["button","command","popover","utils"],
       component: () => import("../src/lib/registry/new-york/example/ComboboxPopover.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/ComboboxPopover.vue"],
     },
@@ -2016,7 +2016,7 @@ export const Index = {
     "DataTableDemoColumn": {
       name: "DataTableDemoColumn",
       type: "components:example",
-      registryDependencies: ["dropdown-menu","button"],
+      registryDependencies: ["button","dropdown-menu"],
       component: () => import("../src/lib/registry/new-york/example/DataTableDemoColumn.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/DataTableDemoColumn.vue"],
     },
@@ -2030,35 +2030,35 @@ export const Index = {
     "DatePickerDemo": {
       name: "DatePickerDemo",
       type: "components:example",
-      registryDependencies: ["calendar","button","popover","utils"],
+      registryDependencies: ["button","calendar","popover","utils"],
       component: () => import("../src/lib/registry/new-york/example/DatePickerDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/DatePickerDemo.vue"],
     },
     "DatePickerForm": {
       name: "DatePickerForm",
       type: "components:example",
-      registryDependencies: ["calendar","button","form","popover","toast","utils"],
+      registryDependencies: ["button","calendar","form","popover","toast","utils"],
       component: () => import("../src/lib/registry/new-york/example/DatePickerForm.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/DatePickerForm.vue"],
     },
     "DatePickerWithIndependentMonths": {
       name: "DatePickerWithIndependentMonths",
       type: "components:example",
-      registryDependencies: ["range-calendar","button","popover","utils"],
+      registryDependencies: ["button","popover","range-calendar","utils"],
       component: () => import("../src/lib/registry/new-york/example/DatePickerWithIndependentMonths.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/DatePickerWithIndependentMonths.vue"],
     },
     "DatePickerWithPresets": {
       name: "DatePickerWithPresets",
       type: "components:example",
-      registryDependencies: ["calendar","button","popover","select","utils"],
+      registryDependencies: ["button","calendar","popover","select","utils"],
       component: () => import("../src/lib/registry/new-york/example/DatePickerWithPresets.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/DatePickerWithPresets.vue"],
     },
     "DatePickerWithRange": {
       name: "DatePickerWithRange",
       type: "components:example",
-      registryDependencies: ["range-calendar","button","popover","utils"],
+      registryDependencies: ["button","popover","range-calendar","utils"],
       component: () => import("../src/lib/registry/new-york/example/DatePickerWithRange.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/DatePickerWithRange.vue"],
     },
@@ -2079,7 +2079,7 @@ export const Index = {
     "DialogForm": {
       name: "DialogForm",
       type: "components:example",
-      registryDependencies: ["button","form","dialog","input","toast"],
+      registryDependencies: ["button","dialog","form","input","toast"],
       component: () => import("../src/lib/registry/new-york/example/DialogForm.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/DialogForm.vue"],
     },
@@ -2135,7 +2135,7 @@ export const Index = {
     "DrawerDialog": {
       name: "DrawerDialog",
       type: "components:example",
-      registryDependencies: ["button","dialog","drawer","label","input"],
+      registryDependencies: ["button","dialog","drawer","input","label"],
       component: () => import("../src/lib/registry/new-york/example/DrawerDialog.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/DrawerDialog.vue"],
     },
@@ -2205,7 +2205,7 @@ export const Index = {
     "InputWithButton": {
       name: "InputWithButton",
       type: "components:example",
-      registryDependencies: ["input","button"],
+      registryDependencies: ["button","input"],
       component: () => import("../src/lib/registry/new-york/example/InputWithButton.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/InputWithButton.vue"],
     },
@@ -2268,28 +2268,28 @@ export const Index = {
     "NumberFieldCurrency": {
       name: "NumberFieldCurrency",
       type: "components:example",
-      registryDependencies: ["number-field","label"],
+      registryDependencies: ["label","number-field"],
       component: () => import("../src/lib/registry/new-york/example/NumberFieldCurrency.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/NumberFieldCurrency.vue"],
     },
     "NumberFieldDecimal": {
       name: "NumberFieldDecimal",
       type: "components:example",
-      registryDependencies: ["number-field","label"],
+      registryDependencies: ["label","number-field"],
       component: () => import("../src/lib/registry/new-york/example/NumberFieldDecimal.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/NumberFieldDecimal.vue"],
     },
     "NumberFieldDemo": {
       name: "NumberFieldDemo",
       type: "components:example",
-      registryDependencies: ["number-field","label"],
+      registryDependencies: ["label","number-field"],
       component: () => import("../src/lib/registry/new-york/example/NumberFieldDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/NumberFieldDemo.vue"],
     },
     "NumberFieldDisabled": {
       name: "NumberFieldDisabled",
       type: "components:example",
-      registryDependencies: ["number-field","label"],
+      registryDependencies: ["label","number-field"],
       component: () => import("../src/lib/registry/new-york/example/NumberFieldDisabled.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/NumberFieldDisabled.vue"],
     },
@@ -2303,14 +2303,14 @@ export const Index = {
     "NumberFieldPercentage": {
       name: "NumberFieldPercentage",
       type: "components:example",
-      registryDependencies: ["number-field","label"],
+      registryDependencies: ["label","number-field"],
       component: () => import("../src/lib/registry/new-york/example/NumberFieldPercentage.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/NumberFieldPercentage.vue"],
     },
     "PaginationDemo": {
       name: "PaginationDemo",
       type: "components:example",
-      registryDependencies: ["pagination","button"],
+      registryDependencies: ["button","pagination"],
       component: () => import("../src/lib/registry/new-york/example/PaginationDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/PaginationDemo.vue"],
     },
@@ -2338,7 +2338,7 @@ export const Index = {
     "PinInputFormDemo": {
       name: "PinInputFormDemo",
       type: "components:example",
-      registryDependencies: ["pin-input","button","form","toast"],
+      registryDependencies: ["button","form","pin-input","toast"],
       component: () => import("../src/lib/registry/new-york/example/PinInputFormDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/PinInputFormDemo.vue"],
     },
@@ -2352,7 +2352,7 @@ export const Index = {
     "PopoverDemo": {
       name: "PopoverDemo",
       type: "components:example",
-      registryDependencies: ["popover","button","label","input"],
+      registryDependencies: ["button","input","label","popover"],
       component: () => import("../src/lib/registry/new-york/example/PopoverDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/PopoverDemo.vue"],
     },
@@ -2478,7 +2478,7 @@ export const Index = {
     "SliderDemo": {
       name: "SliderDemo",
       type: "components:example",
-      registryDependencies: ["utils","slider"],
+      registryDependencies: ["slider","utils"],
       component: () => import("../src/lib/registry/new-york/example/SliderDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/SliderDemo.vue"],
     },
@@ -2513,21 +2513,21 @@ export const Index = {
     "StepperForm": {
       name: "StepperForm",
       type: "components:example",
-      registryDependencies: ["stepper","form","select","input","button","toast"],
+      registryDependencies: ["button","form","input","select","stepper","toast"],
       component: () => import("../src/lib/registry/new-york/example/StepperForm.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/StepperForm.vue"],
     },
     "StepperHorizental": {
       name: "StepperHorizental",
       type: "components:example",
-      registryDependencies: ["stepper","button"],
+      registryDependencies: ["button","stepper"],
       component: () => import("../src/lib/registry/new-york/example/StepperHorizental.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/StepperHorizental.vue"],
     },
     "StepperVertical": {
       name: "StepperVertical",
       type: "components:example",
-      registryDependencies: ["stepper","button"],
+      registryDependencies: ["button","stepper"],
       component: () => import("../src/lib/registry/new-york/example/StepperVertical.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/StepperVertical.vue"],
     },
@@ -2583,7 +2583,7 @@ export const Index = {
     "TagsInputFormDemo": {
       name: "TagsInputFormDemo",
       type: "components:example",
-      registryDependencies: ["tags-input","button","form","toast"],
+      registryDependencies: ["button","form","tags-input","toast"],
       component: () => import("../src/lib/registry/new-york/example/TagsInputFormDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/TagsInputFormDemo.vue"],
     },
@@ -2611,21 +2611,21 @@ export const Index = {
     "TextareaWithButton": {
       name: "TextareaWithButton",
       type: "components:example",
-      registryDependencies: ["textarea","button"],
+      registryDependencies: ["button","textarea"],
       component: () => import("../src/lib/registry/new-york/example/TextareaWithButton.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/TextareaWithButton.vue"],
     },
     "TextareaWithLabel": {
       name: "TextareaWithLabel",
       type: "components:example",
-      registryDependencies: ["textarea","label"],
+      registryDependencies: ["label","textarea"],
       component: () => import("../src/lib/registry/new-york/example/TextareaWithLabel.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/TextareaWithLabel.vue"],
     },
     "TextareaWithText": {
       name: "TextareaWithText",
       type: "components:example",
-      registryDependencies: ["textarea","label"],
+      registryDependencies: ["label","textarea"],
       component: () => import("../src/lib/registry/new-york/example/TextareaWithText.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/TextareaWithText.vue"],
     },
@@ -2639,7 +2639,7 @@ export const Index = {
     "ToastDestructive": {
       name: "ToastDestructive",
       type: "components:example",
-      registryDependencies: ["button","use-toast","toast"],
+      registryDependencies: ["button","toast","use-toast"],
       component: () => import("../src/lib/registry/new-york/example/ToastDestructive.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/ToastDestructive.vue"],
     },
@@ -2653,7 +2653,7 @@ export const Index = {
     "ToastWithAction": {
       name: "ToastWithAction",
       type: "components:example",
-      registryDependencies: ["button","use-toast","toast"],
+      registryDependencies: ["button","toast","use-toast"],
       component: () => import("../src/lib/registry/new-york/example/ToastWithAction.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/ToastWithAction.vue"],
     },
@@ -2863,42 +2863,42 @@ export const Index = {
     "VDatePickerDemo": {
       name: "VDatePickerDemo",
       type: "components:example",
-      registryDependencies: ["utils","button","v-calendar","popover"],
+      registryDependencies: ["button","popover","v-calendar","utils"],
       component: () => import("../src/lib/registry/new-york/example/VDatePickerDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/VDatePickerDemo.vue"],
     },
     "VDatePickerForm": {
       name: "VDatePickerForm",
       type: "components:example",
-      registryDependencies: ["utils","button","v-calendar","form","popover","toast"],
+      registryDependencies: ["button","form","popover","toast","v-calendar","utils"],
       component: () => import("../src/lib/registry/new-york/example/VDatePickerForm.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/VDatePickerForm.vue"],
     },
     "VDatePickerWithPresets": {
       name: "VDatePickerWithPresets",
       type: "components:example",
-      registryDependencies: ["utils","button","v-calendar","popover","select"],
+      registryDependencies: ["button","popover","select","v-calendar","utils"],
       component: () => import("../src/lib/registry/new-york/example/VDatePickerWithPresets.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/VDatePickerWithPresets.vue"],
     },
     "VDatePickerWithRange": {
       name: "VDatePickerWithRange",
       type: "components:example",
-      registryDependencies: ["utils","button","v-calendar","popover"],
+      registryDependencies: ["button","popover","v-calendar","utils"],
       component: () => import("../src/lib/registry/new-york/example/VDatePickerWithRange.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/VDatePickerWithRange.vue"],
     },
     "VDateTimePickerDemo": {
       name: "VDateTimePickerDemo",
       type: "components:example",
-      registryDependencies: ["utils","button","v-calendar","popover"],
+      registryDependencies: ["button","popover","v-calendar","utils"],
       component: () => import("../src/lib/registry/new-york/example/VDateTimePickerDemo.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/VDateTimePickerDemo.vue"],
     },
     "VRangePickerWithSlot": {
       name: "VRangePickerWithSlot",
       type: "components:example",
-      registryDependencies: ["utils","button","v-calendar","popover"],
+      registryDependencies: ["button","popover","v-calendar","utils"],
       component: () => import("../src/lib/registry/new-york/example/VRangePickerWithSlot.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/VRangePickerWithSlot.vue"],
     },
@@ -2912,7 +2912,7 @@ export const Index = {
     "DataTable": {
       name: "DataTable",
       type: "components:example",
-      registryDependencies: ["button","checkbox","dropdown-menu","input","table","card","utils"],
+      registryDependencies: ["button","card","checkbox","dropdown-menu","input","table","utils"],
       component: () => import("../src/lib/registry/new-york/example/Cards/DataTable.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/example/Cards/DataTable.vue"],
     },
@@ -2982,21 +2982,21 @@ export const Index = {
     "Dashboard05": {
       name: "Dashboard05",
       type: "components:block",
-      registryDependencies: ["badge","button","card","dropdown-menu","input","breadcrumb","sheet","pagination","progress","separator","table","tabs","tooltip","checkbox"],
+      registryDependencies: ["badge","breadcrumb","button","card","checkbox","dropdown-menu","input","pagination","progress","separator","sheet","table","tabs","tooltip"],
       component: () => import("../src/lib/registry/new-york/block/Dashboard05.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/block/Dashboard05.vue"],
     },
     "Dashboard06": {
       name: "Dashboard06",
       type: "components:block",
-      registryDependencies: ["badge","button","card","dropdown-menu","input","breadcrumb","sheet","table","tabs","tooltip"],
+      registryDependencies: ["badge","breadcrumb","button","card","dropdown-menu","input","sheet","table","tabs","tooltip"],
       component: () => import("../src/lib/registry/new-york/block/Dashboard06.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/block/Dashboard06.vue"],
     },
     "Dashboard07": {
       name: "Dashboard07",
       type: "components:block",
-      registryDependencies: ["badge","button","card","dropdown-menu","input","textarea","label","toggle-group","breadcrumb","sheet","table","select","tooltip"],
+      registryDependencies: ["badge","breadcrumb","button","card","dropdown-menu","input","label","select","sheet","table","textarea","toggle-group","tooltip"],
       component: () => import("../src/lib/registry/new-york/block/Dashboard07.vue").then((m) => m.default),
       files: ["../src/lib/registry/new-york/block/Dashboard07.vue"],
     },

apps/www/scripts/autogen.ts

@@ -1,9 +1,9 @@
-import { join, parse, resolve } from 'node:path'
+import type { ComponentMeta, MetaCheckerOptions, PropertyMeta, PropertyMetaSchema } from 'vue-component-meta'
 import { existsSync, mkdirSync, writeFileSync } from 'node:fs'
+import { join, parse, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
 import fg from 'fast-glob'
 import MarkdownIt from 'markdown-it'
-import type { ComponentMeta, MetaCheckerOptions, PropertyMeta, PropertyMetaSchema } from 'vue-component-meta'
 import { createComponentMetaChecker } from 'vue-component-meta'
 
 const __dirname = fileURLToPath(new URL('.', import.meta.url))

apps/www/scripts/build-registry.ts

@@ -4,10 +4,10 @@ import { template } from 'lodash-es'
 import { rimraf } from 'rimraf'
 
 import { colorMapping, colors } from '../src/lib/registry/colors'
+import { buildRegistry } from '../src/lib/registry/registry'
 import { registrySchema } from '../src/lib/registry/schema'
 import { styles } from '../src/lib/registry/styles'
 import { themes } from '../src/lib/registry/themes'
-import { buildRegistry } from '../src/lib/registry/registry'
 
 const REGISTRY_PATH = path.join(process.cwd(), 'src/public/registry')
 
@@ -283,7 +283,7 @@ for (const baseColor of ['slate', 'gray', 'zinc', 'neutral', 'stone', 'lime']) {
       if (typeof value === 'string') {
         const resolvedColor = value.replace(
           /\{\{base\}\}-/g,
-					`${baseColor}-`,
+          `${baseColor}-`,
         )
         base.inlineColors[mode][key] = resolvedColor
 

apps/www/src/content/docs/components/auto-form.md

@@ -312,12 +312,12 @@ In `CustomField.vue`
 
 ```vue
 <script setup lang="ts">
-import { computed } from 'vue'
-import AutoFormLabel from './AutoFormLabel.vue'
 import type { FieldProps } from './interface'
+import { AutoFormLabel } from '@/ui/auto-form'
 import { FormControl, FormDescription, FormField, FormItem, FormMessage } from '@/ui/form'
 import { Input } from '@/ui/input'
-import { AutoFormLabel } from '@/ui/auto-form'
+import { computed } from 'vue'
+import AutoFormLabel from './AutoFormLabel.vue'
 
 const props = defineProps<FieldProps>()
 </script>
@@ -403,9 +403,9 @@ By passing the `form` as props, you can control and use the method provided by `
 
 ```vue
 <script setup lang="ts">
-import * as z from 'zod'
-import { useForm } from 'vee-validate'
 import { toTypedSchema } from '@vee-validate/zod'
+import { useForm } from 'vee-validate'
+import * as z from 'zod'
 
 const schema = z.object({
   username: z.string(),

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

@@ -23,8 +23,8 @@ npx shadcn-vue@latest add badge
 
 ```vue
 <script setup lang="ts">
-import { type VariantProps, cva } from 'class-variance-authority'
 import { cn } from '@/lib/utils'
+import { cva, type VariantProps } from 'class-variance-authority'
 
 defineProps<Props>()
 

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

@@ -23,8 +23,8 @@ npx shadcn-vue@latest add button
 
 ```vue
 <script setup lang="ts">
-import { cva } from 'class-variance-authority'
 import { cn } from '@/lib/utils'
+import { cva } from 'class-variance-authority'
 
 const buttonVariants = cva(
   'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',

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

@@ -51,12 +51,12 @@ module.exports = {
 
 ```vue
 <script setup lang="ts">
-import { ref } from 'vue'
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,
 } from '@/components/ui/collapsible'
+import { ref } from 'vue'
 
 const isOpen = ref(false)
 </script>

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

@@ -22,11 +22,8 @@ See installation instructions for the [Popover](/docs/components/popover#install
 
 ```vue
 <script setup lang="ts">
-import { Check, ChevronsUpDown } from 'lucide-vue-next'
-
-import { ref } from 'vue'
-import { cn } from '@/lib/utils'
 import { Button } from '@/components/ui/button'
+
 import {
   Command,
   CommandEmpty,
@@ -40,6 +37,9 @@ import {
   PopoverContent,
   PopoverTrigger,
 } from '@/components/ui/popover'
+import { cn } from '@/lib/utils'
+import { Check, ChevronsUpDown } from 'lucide-vue-next'
+import { ref } from 'vue'
 
 const frameworks = [
   { value: 'next.js', label: 'Next.js' },

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

@@ -17,6 +17,10 @@ npx shadcn-vue@latest add pagination
 
 ```vue
 <script setup lang="ts">
+import {
+  Button,
+} from '@/components/ui/button'
+
 import {
   Pagination,
   PaginationEllipsis,
@@ -27,10 +31,6 @@ import {
   PaginationNext,
   PaginationPrev,
 } from '@/components/ui/pagination'
-
-import {
-  Button,
-} from '@/components/ui/button'
 </script>
 
 <template>

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

@@ -41,8 +41,8 @@ import { Toaster } from '@/components/ui/sonner'
 
 ```vue
 <script setup lang="ts">
-import { toast } from 'vue-sonner'
 import { Button } from '@/components/ui/button'
+import { toast } from 'vue-sonner'
 </script>
 
 <template>

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

@@ -44,8 +44,8 @@ import { useToast } from '@/components/ui/toast/use-toast'
 ```vue
 <script setup lang="ts">
 import { Button } from '@/components/ui/button'
-import { useToast } from '@/components/ui/toast/use-toast'
 import { Toaster } from '@/components/ui/toast'
+import { useToast } from '@/components/ui/toast/use-toast'
 
 const { toast } = useToast()
 </script>

apps/www/src/content/docs/components/v-date-picker.md

@@ -15,19 +15,19 @@ See installation instructions for the [Popover](/docs/components/popover#install
 
 ```vue
 <script setup lang="ts">
-import { format } from 'date-fns'
-import { Calendar as CalendarIcon } from 'lucide-vue-next'
-
-import { ref } from 'vue'
-import { cn } from '@/lib/utils'
 import { Button } from '@/components/ui/button'
-import { Calendar } from '@/components/ui/v-calendar'
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
 } from '@/components/ui/popover'
 
+import { Calendar } from '@/components/ui/v-calendar'
+import { cn } from '@/lib/utils'
+import { format } from 'date-fns'
+import { Calendar as CalendarIcon } from 'lucide-vue-next'
+import { ref } from 'vue'
+
 const date = ref<Date>()
 </script>
 

apps/www/src/content/docs/dark-mode/vitepress.md

@@ -27,9 +27,9 @@ We're using [`useToggle`](https://vueuse.org/shared/useToggle/) from [`@vueuse/c
 
 ```vue
 <script setup lang="ts">
-import { useData } from 'vitepress'
-import { useToggle } from '@vueuse/core'
 import { Button } from '@/lib/registry/default/ui/button'
+import { useToggle } from '@vueuse/core'
+import { useData } from 'vitepress'
 
 const { frontmatter, isDark } = useData()
 const toggleDark = useToggle(isDark)

apps/www/src/examples/authentication/Example.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import UserAuthForm from './components/UserAuthForm.vue'
-import { cn } from '@/lib/utils'
 import { buttonVariants } from '@/lib/registry/new-york/ui/button'
+import { cn } from '@/lib/utils'
+import UserAuthForm from './components/UserAuthForm.vue'
 </script>
 
 <template>

apps/www/src/examples/authentication/components/UserAuthForm.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import LucideSpinner from '~icons/lucide/loader-2'
-import GitHubLogo from '~icons/radix-icons/github-logo'
-
-import { cn } from '@/lib/utils'
 import { Button } from '@/lib/registry/new-york/ui/button'
 import { Input } from '@/lib/registry/new-york/ui/input'
 import { Label } from '@/lib/registry/new-york/ui/label'
 
+import { cn } from '@/lib/utils'
+import LucideSpinner from '~icons/lucide/loader-2'
+import GitHubLogo from '~icons/radix-icons/github-logo'
+import { ref } from 'vue'
+
 const isLoading = ref(false)
 async function onSubmit(event: Event) {
   event.preventDefault()

apps/www/src/examples/cards/components/CreateAccount.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import GitHubIcon from '~icons/radix-icons/github-logo'
 import { Button } from '@/lib/registry/new-york/ui/button'
 import {
   Card,
@@ -11,6 +10,7 @@ import {
 } from '@/lib/registry/new-york/ui/card'
 import { Input } from '@/lib/registry/new-york/ui/input'
 import { Label } from '@/lib/registry/new-york/ui/label'
+import GitHubIcon from '~icons/radix-icons/github-logo'
 </script>
 
 <template>

apps/www/src/examples/cards/components/GitHubCard.vue

@@ -1,9 +1,4 @@
 <script setup lang="ts">
-import ChevronDownIcon from '~icons/radix-icons/chevron-down'
-import CircleIcon from '~icons/radix-icons/circle'
-import PlusIcon from '~icons/radix-icons/plus'
-import StarIcon from '~icons/radix-icons/star'
-
 import { Button } from '@/lib/registry/new-york/ui/button'
 import {
   Card,
@@ -22,6 +17,11 @@ import {
   DropdownMenuTrigger,
 } from '@/lib/registry/new-york/ui/dropdown-menu'
 import { Separator } from '@/lib/registry/new-york/ui/separator'
+
+import ChevronDownIcon from '~icons/radix-icons/chevron-down'
+import CircleIcon from '~icons/radix-icons/circle'
+import PlusIcon from '~icons/radix-icons/plus'
+import StarIcon from '~icons/radix-icons/star'
 </script>
 
 <template>

apps/www/src/examples/cards/components/Notifications.vue

@@ -1,8 +1,4 @@
 <script setup lang="ts">
-import BellIcon from '~icons/radix-icons/bell'
-import EyeNoneIcon from '~icons/radix-icons/eye-none'
-import PersonIcon from '~icons/radix-icons/person'
-
 import {
   Card,
   CardContent,
@@ -10,6 +6,10 @@ import {
   CardHeader,
   CardTitle,
 } from '@/lib/registry/new-york/ui/card'
+import BellIcon from '~icons/radix-icons/bell'
+import EyeNoneIcon from '~icons/radix-icons/eye-none'
+
+import PersonIcon from '~icons/radix-icons/person'
 </script>
 
 <template>

apps/www/src/examples/dashboard/Example.vue

@@ -1,12 +1,4 @@
 <script setup lang="ts">
-import Overview from './components/Overview.vue'
-import DateRangePicker from './components/DateRangePicker.vue'
-import MainNav from './components/MainNav.vue'
-import RecentSales from './components/RecentSales.vue'
-import Search from './components/Search.vue'
-import TeamSwitcher from './components/TeamSwitcher.vue'
-import UserNav from './components/UserNav.vue'
-
 import { Button } from '@/lib/registry/new-york/ui/button'
 import {
   Card,
@@ -21,6 +13,14 @@ import {
   TabsList,
   TabsTrigger,
 } from '@/lib/registry/new-york/ui/tabs'
+import DateRangePicker from './components/DateRangePicker.vue'
+import MainNav from './components/MainNav.vue'
+import Overview from './components/Overview.vue'
+import RecentSales from './components/RecentSales.vue'
+
+import Search from './components/Search.vue'
+import TeamSwitcher from './components/TeamSwitcher.vue'
+import UserNav from './components/UserNav.vue'
 </script>
 
 <template>

apps/www/src/examples/dashboard/components/DateRangePicker.vue

@@ -1,18 +1,18 @@
 <script setup lang="ts">
-import { Calendar as CalendarIcon } from 'lucide-vue-next'
 import type { DateRange } from 'radix-vue'
-import { CalendarDate, DateFormatter, getLocalTimeZone } from '@internationalized/date'
-
-import { type Ref, ref } from 'vue'
-import { cn } from '@/lib/utils'
 import { Button } from '@/lib/registry/new-york/ui/button'
-import { RangeCalendar } from '@/lib/registry/new-york/ui/range-calendar'
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
 } from '@/lib/registry/new-york/ui/popover'
 
+import { RangeCalendar } from '@/lib/registry/new-york/ui/range-calendar'
+import { cn } from '@/lib/utils'
+import { CalendarDate, DateFormatter, getLocalTimeZone } from '@internationalized/date'
+import { Calendar as CalendarIcon } from 'lucide-vue-next'
+import { type Ref, ref } from 'vue'
+
 const df = new DateFormatter('en-US', {
   dateStyle: 'medium',
 })

apps/www/src/examples/dashboard/components/TeamSwitcher.vue

@@ -1,17 +1,11 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import CaretSortIcon from '~icons/radix-icons/caret-sort'
-import CheckIcon from '~icons/radix-icons/check'
-import PlusCircledIcon from '~icons/radix-icons/plus-circled'
-
-import { cn } from '@/lib/utils'
 import {
   Avatar,
   AvatarFallback,
   AvatarImage,
 } from '@/lib/registry/new-york/ui/avatar'
 import { Button } from '@/lib/registry/new-york/ui/button'
-
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from '@/lib/registry/new-york/ui/command'
 import {
   Dialog,
   DialogContent,
@@ -21,7 +15,7 @@ import {
   DialogTitle,
   DialogTrigger,
 } from '@/lib/registry/new-york/ui/dialog'
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from '@/lib/registry/new-york/ui/command'
+
 import { Input } from '@/lib/registry/new-york/ui/input'
 import { Label } from '@/lib/registry/new-york/ui/label'
 import {
@@ -29,6 +23,7 @@ import {
   PopoverContent,
   PopoverTrigger,
 } from '@/lib/registry/new-york/ui/popover'
+
 import {
   Select,
   SelectContent,
@@ -36,6 +31,11 @@ import {
   SelectTrigger,
   SelectValue,
 } from '@/lib/registry/new-york/ui/select'
+import { cn } from '@/lib/utils'
+import CaretSortIcon from '~icons/radix-icons/caret-sort'
+import CheckIcon from '~icons/radix-icons/check'
+import PlusCircledIcon from '~icons/radix-icons/plus-circled'
+import { ref } from 'vue'
 
 const groups = [
   {

apps/www/src/examples/forms/Account.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import FormsLayout from './layouts/FormsLayout.vue'
 import AccountForm from './components/AccountForm.vue'
+import FormsLayout from './layouts/FormsLayout.vue'
 </script>
 
 <template>

apps/www/src/examples/forms/Appearance.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import FormsLayout from './layouts/FormsLayout.vue'
 import AppearanceForm from './components/AppearanceForm.vue'
+import FormsLayout from './layouts/FormsLayout.vue'
 </script>
 
 <template>

apps/www/src/examples/forms/Display.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import FormsLayout from './layouts/FormsLayout.vue'
 import DisplayForm from './components/DisplayForm.vue'
+import FormsLayout from './layouts/FormsLayout.vue'
 </script>
 
 <template>

apps/www/src/examples/forms/Example.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import FormsLayout from './layouts/FormsLayout.vue'
 import ProfileForm from './components/ProfileForm.vue'
+import FormsLayout from './layouts/FormsLayout.vue'
 </script>
 
 <template>

apps/www/src/examples/forms/Notifications.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import FormsLayout from './layouts/FormsLayout.vue'
 import NotificationsForm from './components/NotificationsForm.vue'
+import FormsLayout from './layouts/FormsLayout.vue'
 </script>
 
 <template>

apps/www/src/examples/forms/components/AccountForm.vue

@@ -1,17 +1,6 @@
 <script setup lang="ts">
-import { h, ref } from 'vue'
+import { Button } from '@/lib/registry/new-york/ui/button'
-import * as z from 'zod'
+import { Calendar } from '@/lib/registry/new-york/ui/calendar'
-import { toDate } from 'radix-vue/date'
-import { toTypedSchema } from '@vee-validate/zod'
-import { Check, ChevronsUpDown } from 'lucide-vue-next'
-import { CalendarDate, DateFormatter, getLocalTimeZone, today } from '@internationalized/date'
-import { cn } from '@/lib/utils'
-
-import RadixIconsCalendar from '~icons/radix-icons/calendar'
-
-import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '@/lib/registry/new-york/ui/form'
-import { Input } from '@/lib/registry/new-york/ui/input'
-import { Separator } from '@/lib/registry/new-york/ui/separator'
 import {
   Command,
   CommandEmpty,
@@ -20,15 +9,26 @@ import {
   CommandItem,
   CommandList,
 } from '@/lib/registry/new-york/ui/command'
-import { Button } from '@/lib/registry/new-york/ui/button'
+import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '@/lib/registry/new-york/ui/form'
+import { Input } from '@/lib/registry/new-york/ui/input'
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
 } from '@/lib/registry/new-york/ui/popover'
-import { Calendar } from '@/lib/registry/new-york/ui/calendar'
+import { Separator } from '@/lib/registry/new-york/ui/separator'
+
 import { toast } from '@/lib/registry/new-york/ui/toast'
 
+import { cn } from '@/lib/utils'
+import { CalendarDate, DateFormatter, getLocalTimeZone, today } from '@internationalized/date'
+import { toTypedSchema } from '@vee-validate/zod'
+import RadixIconsCalendar from '~icons/radix-icons/calendar'
+import { Check, ChevronsUpDown } from 'lucide-vue-next'
+import { toDate } from 'radix-vue/date'
+import { h, ref } from 'vue'
+import * as z from 'zod'
+
 const open = ref(false)
 const dateValue = ref()
 const placeholder = ref()

apps/www/src/examples/forms/components/AppearanceForm.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import { h } from 'vue'
-import { useForm } from 'vee-validate'
-import { toTypedSchema } from '@vee-validate/zod'
-import * as z from 'zod'
-
-import { ChevronDownIcon } from '@radix-icons/vue'
-import { cn } from '@/lib/utils'
 import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '@/lib/registry/default/ui/form'
-import { Separator } from '@/lib/registry/new-york/ui/separator'
 import { RadioGroup, RadioGroupItem } from '@/lib/registry/default/ui/radio-group'
 import { Button, buttonVariants } from '@/lib/registry/new-york/ui/button'
+import { Separator } from '@/lib/registry/new-york/ui/separator'
+
 import { toast } from '@/lib/registry/new-york/ui/toast'
+import { cn } from '@/lib/utils'
+import { ChevronDownIcon } from '@radix-icons/vue'
+import { toTypedSchema } from '@vee-validate/zod'
+import { useForm } from 'vee-validate'
+import { h } from 'vue'
+import * as z from 'zod'
 
 const appearanceFormSchema = toTypedSchema(z.object({
   theme: z.enum(['light', 'dark'], {

apps/www/src/examples/forms/components/DisplayForm.vue

@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import { h } from 'vue'
-import { useForm } from 'vee-validate'
-import { toTypedSchema } from '@vee-validate/zod'
-import * as z from 'zod'
-
 import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '@/lib/registry/default/ui/form'
-import { Separator } from '@/lib/registry/new-york/ui/separator'
-import { Checkbox } from '@/lib/registry/new-york/ui/checkbox'
 import { Button } from '@/lib/registry/new-york/ui/button'
+import { Checkbox } from '@/lib/registry/new-york/ui/checkbox'
+import { Separator } from '@/lib/registry/new-york/ui/separator'
+
 import { toast } from '@/lib/registry/new-york/ui/toast'
+import { toTypedSchema } from '@vee-validate/zod'
+import { useForm } from 'vee-validate'
+import { h } from 'vue'
+import * as z from 'zod'
 
 const items = [
   {

apps/www/src/examples/forms/components/ProfileForm.vue

@@ -1,15 +1,7 @@
 <script setup lang="ts">
-import { h, ref } from 'vue'
-import { FieldArray, useForm } from 'vee-validate'
-import { toTypedSchema } from '@vee-validate/zod'
-import * as z from 'zod'
-import { Cross1Icon } from '@radix-icons/vue'
-import { cn } from '@/lib/utils'
-
-import { Input } from '@/lib/registry/new-york/ui/input'
 import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '@/lib/registry/default/ui/form'
-import { Separator } from '@/lib/registry/new-york/ui/separator'
+import { Button } from '@/lib/registry/new-york/ui/button'
-import { Textarea } from '@/lib/registry/new-york/ui/textarea'
+import { Input } from '@/lib/registry/new-york/ui/input'
 import {
   Select,
   SelectContent,
@@ -18,8 +10,16 @@ import {
   SelectTrigger,
   SelectValue,
 } from '@/lib/registry/new-york/ui/select'
-import { Button } from '@/lib/registry/new-york/ui/button'
+import { Separator } from '@/lib/registry/new-york/ui/separator'
+import { Textarea } from '@/lib/registry/new-york/ui/textarea'
+
 import { toast } from '@/lib/registry/new-york/ui/toast'
+import { cn } from '@/lib/utils'
+import { Cross1Icon } from '@radix-icons/vue'
+import { toTypedSchema } from '@vee-validate/zod'
+import { FieldArray, useForm } from 'vee-validate'
+import { h, ref } from 'vue'
+import * as z from 'zod'
 
 const verifiedEmails = ref(['m@example.com', 'm@google.com', 'm@support.com'])
 

apps/www/src/examples/forms/components/SidebarNav.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { useRoute } from 'vitepress'
-import { cn } from '@/lib/utils'
 import { Button } from '@/lib/registry/new-york/ui/button'
+import { cn } from '@/lib/utils'
+import { useRoute } from 'vitepress'
 
 interface Item {
   title: string

apps/www/src/examples/forms/layouts/FormsLayout.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import SidebarNav from '../components/SidebarNav.vue'
 import { Separator } from '@/lib/registry/new-york/ui/separator'
+import SidebarNav from '../components/SidebarNav.vue'
 </script>
 
 <template>

apps/www/src/examples/mail/components/AccountSwitcher.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { computed, ref } from 'vue'
-import { Icon } from '@iconify/vue'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/lib/registry/new-york/ui/select'
 import { cn } from '@/lib/utils'
+import { Icon } from '@iconify/vue'
+import { computed, ref } from 'vue'
 
 interface AccountSwitcherProps {
   isCollapsed: boolean

apps/www/src/examples/mail/components/Mail.vue

@@ -1,18 +1,9 @@
 <script lang="ts" setup>
-import {
-  Search,
-} from 'lucide-vue-next'
-
-import { computed, ref } from 'vue'
-import { refDebounced } from '@vueuse/core'
 import type { Mail } from '../data/mails'
-import AccountSwitcher from './AccountSwitcher.vue'
+
-import MailList from './MailList.vue'
-import MailDisplay from './MailDisplay.vue'
-import Nav, { type LinkProp } from './Nav.vue'
-import { cn } from '@/lib/utils'
-import { Separator } from '@/lib/registry/new-york/ui/separator'
 import { Input } from '@/lib/registry/new-york/ui/input'
+import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '@/lib/registry/new-york/ui/resizable'
+import { Separator } from '@/lib/registry/new-york/ui/separator'
 import {
   Tabs,
   TabsContent,
@@ -20,7 +11,16 @@ import {
   TabsTrigger,
 } from '@/lib/registry/new-york/ui/tabs'
 import { TooltipProvider } from '@/lib/registry/new-york/ui/tooltip'
-import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '@/lib/registry/new-york/ui/resizable'
+import { cn } from '@/lib/utils'
+import { refDebounced } from '@vueuse/core'
+import {
+  Search,
+} from 'lucide-vue-next'
+import { computed, ref } from 'vue'
+import AccountSwitcher from './AccountSwitcher.vue'
+import MailDisplay from './MailDisplay.vue'
+import MailList from './MailList.vue'
+import Nav, { type LinkProp } from './Nav.vue'
 
 interface MailProps {
   accounts: {

apps/www/src/examples/mail/components/MailDisplay.vue

@@ -1,21 +1,21 @@
 <script lang="ts" setup>
-import { Archive, ArchiveX, Clock, Forward, MoreVertical, Reply, ReplyAll, Trash2 } from 'lucide-vue-next'
-import { computed } from 'vue'
-import addDays from 'date-fns/addDays'
-import addHours from 'date-fns/addHours'
-import format from 'date-fns/format'
-import nextSaturday from 'date-fns/nextSaturday'
 import type { Mail } from '../data/mails'
-import { Calendar } from '@/lib/registry/new-york/ui/calendar'
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/lib/registry/new-york/ui/dropdown-menu'
-import { Popover, PopoverContent, PopoverTrigger } from '@/lib/registry/new-york/ui/popover'
 import { Avatar, AvatarFallback } from '@/lib/registry/new-york/ui/avatar'
 import { Button } from '@/lib/registry/new-york/ui/button'
+import { Calendar } from '@/lib/registry/new-york/ui/calendar'
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/lib/registry/new-york/ui/dropdown-menu'
 import { Label } from '@/lib/registry/new-york/ui/label'
+import { Popover, PopoverContent, PopoverTrigger } from '@/lib/registry/new-york/ui/popover'
 import { Separator } from '@/lib/registry/new-york/ui/separator'
 import { Switch } from '@/lib/registry/new-york/ui/switch'
 import { Textarea } from '@/lib/registry/new-york/ui/textarea'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/lib/registry/new-york/ui/tooltip'
+import addDays from 'date-fns/addDays'
+import addHours from 'date-fns/addHours'
+import format from 'date-fns/format'
+import nextSaturday from 'date-fns/nextSaturday'
+import { Archive, ArchiveX, Clock, Forward, MoreVertical, Reply, ReplyAll, Trash2 } from 'lucide-vue-next'
+import { computed } from 'vue'
 
 interface MailDisplayProps {
   mail: Mail | undefined

apps/www/src/examples/mail/components/MailList.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import { formatDistanceToNow } from 'date-fns'
 import type { Mail } from '../data/mails'
+import { Badge } from '@/lib/registry/new-york/ui/badge'
 import { ScrollArea } from '@/lib/registry/new-york/ui/scroll-area'
 import { cn } from '@/lib/utils'
-import { Badge } from '@/lib/registry/new-york/ui/badge'
+import { formatDistanceToNow } from 'date-fns'
 
 interface MailListProps {
   items: Mail[]

apps/www/src/examples/mail/components/Nav.vue

@@ -1,12 +1,12 @@
 <script lang="ts" setup>
-import { Icon } from '@iconify/vue'
-import { cn } from '@/lib/utils'
 import { buttonVariants } from '@/lib/registry/new-york/ui/button'
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
 } from '@/lib/registry/new-york/ui/tooltip'
+import { cn } from '@/lib/utils'
+import { Icon } from '@iconify/vue'
 
 export interface LinkProp {
   title: string

apps/www/src/examples/music/Example.vue

@@ -1,21 +1,21 @@
 <script setup lang="ts">
-import AlbumArtwork from './components/AlbumArtwork.vue'
+import { Button } from '@/lib/registry/new-york/ui/button'
-import Menu from './components/Menu.vue'
+import { ScrollArea, ScrollBar } from '@/lib/registry/new-york/ui/scroll-area'
-import PodcastEmptyPlaceholder from './components/PodcastEmptyPlaceholder.vue'
+import { Separator } from '@/lib/registry/new-york/ui/separator'
-import Sidebar from './components/Sidebar.vue'
-
-import { listenNowAlbums, madeForYouAlbums } from './data/albums'
-import { playlists } from './data/playlists'
 import {
   Tabs,
   TabsContent,
   TabsList,
   TabsTrigger,
 } from '@/lib/registry/new-york/ui/tabs'
-import { Separator } from '@/lib/registry/new-york/ui/separator'
+
-import { Button } from '@/lib/registry/new-york/ui/button'
-import { ScrollArea, ScrollBar } from '@/lib/registry/new-york/ui/scroll-area'
 import PlusCircledIcon from '~icons/radix-icons/plus-circled'
+import AlbumArtwork from './components/AlbumArtwork.vue'
+import Menu from './components/Menu.vue'
+import PodcastEmptyPlaceholder from './components/PodcastEmptyPlaceholder.vue'
+import Sidebar from './components/Sidebar.vue'
+import { listenNowAlbums, madeForYouAlbums } from './data/albums'
+import { playlists } from './data/playlists'
 </script>
 
 <template>

apps/www/src/examples/music/components/AlbumArtwork.vue

@@ -1,8 +1,5 @@
 <script setup lang="ts">
 import type { Album } from '../data/albums'
-import { playlists } from '../data/playlists'
-import PlusCircledIcon from '~icons/radix-icons/plus-circled'
-import { cn } from '@/lib/utils'
 import {
   ContextMenu,
   ContextMenuContent,
@@ -13,6 +10,9 @@ import {
   ContextMenuSubTrigger,
   ContextMenuTrigger,
 } from '@/lib/registry/new-york/ui/context-menu'
+import { cn } from '@/lib/utils'
+import PlusCircledIcon from '~icons/radix-icons/plus-circled'
+import { playlists } from '../data/playlists'
 
 interface AlbumArtworkProps {
   album: Album

apps/www/src/examples/music/components/Sidebar.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { Playlist } from '../data/playlists'
-import { cn } from '@/lib/utils'
 import { Button } from '@/lib/registry/new-york/ui/button'
 import { ScrollArea } from '@/lib/registry/new-york/ui/scroll-area'
+import { cn } from '@/lib/utils'
 
 interface SidebarProps {
   playlists: Playlist[]

apps/www/src/examples/playground/Example.vue

@@ -1,6 +1,23 @@
 <script setup lang="ts">
+import { Button } from '@/lib/registry/new-york/ui/button'
+import {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+} from '@/lib/registry/new-york/ui/hover-card'
+import { Label } from '@/lib/registry/new-york/ui/label'
+import { Separator } from '@/lib/registry/new-york/ui/separator'
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+} from '@/lib/registry/new-york/ui/tabs'
+import { Textarea } from '@/lib/registry/new-york/ui/textarea'
+import CounterClockwiseClockIcon from '~icons/radix-icons/counter-clockwise-clock'
 import CodeViewer from './components/CodeViewer.vue'
 import MaxLengthSelector from './components/MaxLengthSelector.vue'
+
 import ModelSelector from './components/ModelSelector.vue'
 import PresetActions from './components/PresetActions.vue'
 import PresetSave from './components/PresetSave.vue'
@@ -8,23 +25,6 @@ import PresetSelector from './components/PresetSelector.vue'
 import PresetShare from './components/PresetShare.vue'
 import TemperatureSelector from './components/TemperatureSelector.vue'
 import TopPSelector from './components/TopPSelector.vue'
-
-import { Textarea } from '@/lib/registry/new-york/ui/textarea'
-import {
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger,
-} from '@/lib/registry/new-york/ui/tabs'
-import { Separator } from '@/lib/registry/new-york/ui/separator'
-import { Label } from '@/lib/registry/new-york/ui/label'
-import { Button } from '@/lib/registry/new-york/ui/button'
-import {
-  HoverCard,
-  HoverCardContent,
-  HoverCardTrigger,
-} from '@/lib/registry/new-york/ui/hover-card'
-import CounterClockwiseClockIcon from '~icons/radix-icons/counter-clockwise-clock'
 </script>
 
 <template>

apps/www/src/examples/playground/components/MaxLengthSelector.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import type { SliderRootProps } from 'radix-vue'
-import { ref } from 'vue'
 import {
   HoverCard,
   HoverCardContent,
@@ -8,6 +7,7 @@ import {
 } from '@/lib/registry/new-york/ui/hover-card'
 import { Label } from '@/lib/registry/new-york/ui/label'
 import { Slider } from '@/lib/registry/new-york/ui/slider'
+import { ref } from 'vue'
 
 const props = defineProps<{
   defaultValue: SliderRootProps['defaultValue']

apps/www/src/examples/playground/components/PresetActions.vue

@@ -1,7 +1,4 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import DotsHorizontalIcon from '~icons/radix-icons/dots-horizontal'
-
 import {
   AlertDialog,
   AlertDialogCancel,
@@ -12,6 +9,7 @@ import {
   AlertDialogTitle,
 } from '@/lib/registry/new-york/ui/alert-dialog'
 import { Button } from '@/lib/registry/new-york/ui/button'
+
 import {
   Dialog,
   DialogContent,
@@ -29,6 +27,8 @@ import {
 } from '@/lib/registry/new-york/ui/dropdown-menu'
 import { Label } from '@/lib/registry/new-york/ui/label'
 import { Switch } from '@/lib/registry/new-york/ui/switch'
+import DotsHorizontalIcon from '~icons/radix-icons/dots-horizontal'
+import { ref } from 'vue'
 
 // import { toast } from "@/lib/registry/new-york/ui/use-toast"
 

apps/www/src/examples/playground/components/PresetShare.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
-import CopyIcon from '~icons/radix-icons/copy'
-
 import { Button } from '@/lib/registry/new-york/ui/button'
+
 import { Input } from '@/lib/registry/new-york/ui/input'
 import { Label } from '@/lib/registry/new-york/ui/label'
 import {
@@ -9,6 +8,7 @@ import {
   PopoverContent,
   PopoverTrigger,
 } from '@/lib/registry/new-york/ui/popover'
+import CopyIcon from '~icons/radix-icons/copy'
 </script>
 
 <template>

apps/www/src/examples/playground/components/TemperatureSelector.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { SliderRootProps } from 'radix-vue'
 
-import { ref } from 'vue'
 import {
   HoverCard,
   HoverCardContent,
@@ -9,6 +8,7 @@ import {
 } from '@/lib/registry/new-york/ui/hover-card'
 import { Label } from '@/lib/registry/new-york/ui/label'
 import { Slider } from '@/lib/registry/new-york/ui/slider'
+import { ref } from 'vue'
 
 const props = defineProps<{
   defaultValue: SliderRootProps['defaultValue']

apps/www/src/examples/playground/components/TopPSelector.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { SliderRootProps } from 'radix-vue'
 
-import { ref } from 'vue'
 import {
   HoverCard,
   HoverCardContent,
@@ -9,6 +8,7 @@ import {
 } from '@/lib/registry/new-york/ui/hover-card'
 import { Label } from '@/lib/registry/new-york/ui/label'
 import { Slider } from '@/lib/registry/new-york/ui/slider'
+import { ref } from 'vue'
 
 const props = defineProps<{
   defaultValue: SliderRootProps['defaultValue']

apps/www/src/examples/tasks/Example.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import tasks from './data/tasks.json'
+import { columns } from './components/columns'
 import DataTable from './components/DataTable.vue'
 import UserNav from './components/UserNav.vue'
-import { columns } from './components/columns'
+import tasks from './data/tasks.json'
 </script>
 
 <template>

apps/www/src/examples/tasks/components/DataTable.vue

@@ -5,6 +5,17 @@ import type {
   SortingState,
   VisibilityState,
 } from '@tanstack/vue-table'
+import type { Task } from '../data/schema'
+
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/lib/registry/new-york/ui/table'
+import { valueUpdater } from '@/lib/utils'
 import {
   FlexRender,
   getCoreRowModel,
@@ -15,20 +26,9 @@ import {
   getSortedRowModel,
   useVueTable,
 } from '@tanstack/vue-table'
-
 import { ref } from 'vue'
-import type { Task } from '../data/schema'
 import DataTablePagination from './DataTablePagination.vue'
 import DataTableToolbar from './DataTableToolbar.vue'
-import { valueUpdater } from '@/lib/utils'
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from '@/lib/registry/new-york/ui/table'
 
 interface DataTableProps {
   columns: ColumnDef<Task, any>[]

apps/www/src/examples/tasks/components/DataTableColumnHeader.vue

@@ -1,12 +1,6 @@
 <script setup lang="ts">
 import type { Column } from '@tanstack/vue-table'
 import type { Task } from '../data/schema'
-import ArrowDownIcon from '~icons/radix-icons/arrow-down'
-import ArrowUpIcon from '~icons/radix-icons/arrow-up'
-import CaretSortIcon from '~icons/radix-icons/caret-sort'
-import EyeNoneIcon from '~icons/radix-icons/eye-none'
-
-import { cn } from '@/lib/utils'
 import { Button } from '@/lib/registry/new-york/ui/button'
 import {
   DropdownMenu,
@@ -15,6 +9,12 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from '@/lib/registry/new-york/ui/dropdown-menu'
+import { cn } from '@/lib/utils'
+import ArrowDownIcon from '~icons/radix-icons/arrow-down'
+
+import ArrowUpIcon from '~icons/radix-icons/arrow-up'
+import CaretSortIcon from '~icons/radix-icons/caret-sort'
+import EyeNoneIcon from '~icons/radix-icons/eye-none'
 
 interface DataTableColumnHeaderProps {
   column: Column<Task, any>

apps/www/src/examples/tasks/components/DataTableFacetedFilter.vue

@@ -1,11 +1,7 @@
 <script setup lang="ts">
 import type { Column } from '@tanstack/vue-table'
 import type { Component } from 'vue'
-import { computed } from 'vue'
 import type { Task } from '../data/schema'
-import PlusCircledIcon from '~icons/radix-icons/plus-circled'
-import CheckIcon from '~icons/radix-icons/check'
-
 import { Badge } from '@/lib/registry/new-york/ui/badge'
 import { Button } from '@/lib/registry/new-york/ui/button'
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from '@/lib/registry/new-york/ui/command'
@@ -18,6 +14,10 @@ import {
 import { Separator } from '@/lib/registry/new-york/ui/separator'
 import { cn } from '@/lib/utils'
 
+import CheckIcon from '~icons/radix-icons/check'
+import PlusCircledIcon from '~icons/radix-icons/plus-circled'
+import { computed } from 'vue'
+
 interface DataTableFacetedFilter {
   column?: Column<Task, any>
   title?: string

apps/www/src/examples/tasks/components/DataTablePagination.vue

@@ -1,11 +1,6 @@
 <script setup lang="ts">
 import type { Table } from '@tanstack/vue-table'
 import type { Task } from '../data/schema'
-import ChevronLeftIcon from '~icons/radix-icons/chevron-left'
-import ChevronRightIcon from '~icons/radix-icons/chevron-right'
-import DoubleArrowLeftIcon from '~icons/radix-icons/double-arrow-left'
-import DoubleArrowRightIcon from '~icons/radix-icons/double-arrow-right'
-
 import { Button } from '@/lib/registry/new-york/ui/button'
 import {
   Select,
@@ -14,6 +9,11 @@ import {
   SelectTrigger,
   SelectValue,
 } from '@/lib/registry/new-york/ui/select'
+import ChevronLeftIcon from '~icons/radix-icons/chevron-left'
+import ChevronRightIcon from '~icons/radix-icons/chevron-right'
+
+import DoubleArrowLeftIcon from '~icons/radix-icons/double-arrow-left'
+import DoubleArrowRightIcon from '~icons/radix-icons/double-arrow-right'
 
 interface DataTablePaginationProps {
   table: Table<Task>

apps/www/src/examples/tasks/components/DataTableRowActions.vue

@@ -1,11 +1,6 @@
 <script setup lang="ts">
 import type { Row } from '@tanstack/vue-table'
-import { computed } from 'vue'
-import { labels } from '../data/data'
-import { taskSchema } from '../data/schema'
 import type { Task } from '../data/schema'
-import DotsHorizontalIcon from '~icons/radix-icons/dots-horizontal'
-
 import { Button } from '@/lib/registry/new-york/ui/button'
 import {
   DropdownMenu,
@@ -20,6 +15,11 @@ import {
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
 } from '@/lib/registry/new-york/ui/dropdown-menu'
+import DotsHorizontalIcon from '~icons/radix-icons/dots-horizontal'
+import { computed } from 'vue'
+
+import { labels } from '../data/data'
+import { taskSchema } from '../data/schema'
 
 interface DataTableRowActionsProps {
   row: Row<Task>

apps/www/src/examples/tasks/components/DataTableToolbar.vue

@@ -1,14 +1,14 @@
 <script setup lang="ts">
 import type { Table } from '@tanstack/vue-table'
-import { computed } from 'vue'
 import type { Task } from '../data/schema'
+import { Button } from '@/lib/registry/new-york/ui/button'
 
+import { Input } from '@/lib/registry/new-york/ui/input'
+import Cross2Icon from '~icons/radix-icons/cross-2'
+import { computed } from 'vue'
 import { priorities, statuses } from '../data/data'
 import DataTableFacetedFilter from './DataTableFacetedFilter.vue'
 import DataTableViewOptions from './DataTableViewOptions.vue'
-import Cross2Icon from '~icons/radix-icons/cross-2'
-import { Button } from '@/lib/registry/new-york/ui/button'
-import { Input } from '@/lib/registry/new-york/ui/input'
 
 interface DataTableToolbarProps {
   table: Table<Task>

apps/www/src/examples/tasks/components/DataTableViewOptions.vue

@@ -1,9 +1,6 @@
 <script setup lang="ts">
 import type { Table } from '@tanstack/vue-table'
-import { computed } from 'vue'
 import type { Task } from '../data/schema'
-import MixerHorizontalIcon from '~icons/radix-icons/mixer-horizontal'
-
 import { Button } from '@/lib/registry/new-york/ui/button'
 import {
   DropdownMenu,
@@ -14,6 +11,9 @@ import {
   DropdownMenuTrigger,
 } from '@/lib/registry/new-york/ui/dropdown-menu'
 
+import MixerHorizontalIcon from '~icons/radix-icons/mixer-horizontal'
+import { computed } from 'vue'
+
 interface DataTableViewOptionsProps {
   table: Table<Task>
 }

apps/www/src/examples/tasks/components/columns.ts

@@ -1,12 +1,12 @@
 import type { ColumnDef } from '@tanstack/vue-table'
-import { h } from 'vue'
-
-import { labels, priorities, statuses } from '../data/data'
 import type { Task } from '../data/schema'
+
+import { Badge } from '@/lib/registry/new-york/ui/badge'
+import { Checkbox } from '@/lib/registry/new-york/ui/checkbox'
+import { h } from 'vue'
+import { labels, priorities, statuses } from '../data/data'
 import DataTableColumnHeader from './DataTableColumnHeader.vue'
 import DataTableRowActions from './DataTableRowActions.vue'
-import { Checkbox } from '@/lib/registry/new-york/ui/checkbox'
-import { Badge } from '@/lib/registry/new-york/ui/badge'
 
 export const columns: ColumnDef<Task>[] = [
   {

apps/www/src/examples/tasks/data/data.ts

@@ -1,4 +1,3 @@
-import { h } from 'vue'
 import ArrowDownIcon from '~icons/radix-icons/arrow-down'
 import ArrowRightIcon from '~icons/radix-icons/arrow-right'
 import ArrowUpIcon from '~icons/radix-icons/arrow-up'
@@ -7,6 +6,7 @@ import CircleIcon from '~icons/radix-icons/circle'
 import CrossCircledIcon from '~icons/radix-icons/cross-circled'
 import QuestionMarkCircledIcon from '~icons/radix-icons/question-mark-circled'
 import StopwatchIcon from '~icons/radix-icons/stopwatch'
+import { h } from 'vue'
 
 export const labels = [
   {

apps/www/src/lib/registry/default/block/Dashboard01.vue

@@ -5,7 +5,6 @@ export const containerClass = 'w-full h-full'
 </script>
 
 <script setup lang="ts">
-import { Activity, ArrowUpRight, CircleUser, CreditCard, DollarSign, Menu, Package2, Search, Users } from 'lucide-vue-next'
 import { Avatar, AvatarFallback, AvatarImage } from '@/lib/registry/default/ui/avatar'
 import { Badge } from '@/lib/registry/default/ui/badge'
 import { Button } from '@/lib/registry/default/ui/button'
@@ -14,6 +13,7 @@ import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel,
 import { Input } from '@/lib/registry/default/ui/input'
 import { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet'
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/lib/registry/default/ui/table'
+import { Activity, ArrowUpRight, CircleUser, CreditCard, DollarSign, Menu, Package2, Search, Users } from 'lucide-vue-next'
 </script>
 
 <template>

apps/www/src/lib/registry/default/block/Dashboard02.vue

@@ -5,14 +5,14 @@ export const containerClass = 'w-full h-full'
 </script>
 
 <script setup lang="ts">
-import { Bell, CircleUser, Home, LineChart, Menu, Package, Package2, Search, ShoppingCart, Users } from 'lucide-vue-next'
-
 import { Badge } from '@/lib/registry/default/ui/badge'
+
 import { Button } from '@/lib/registry/default/ui/button'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/lib/registry/default/ui/card'
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from '@/lib/registry/default/ui/dropdown-menu'
 import { Input } from '@/lib/registry/default/ui/input'
 import { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet'
+import { Bell, CircleUser, Home, LineChart, Menu, Package, Package2, Search, ShoppingCart, Users } from 'lucide-vue-next'
 </script>
 
 <template>

apps/www/src/lib/registry/default/block/Dashboard03.vue

@@ -5,9 +5,8 @@ export const containerClass = 'w-full h-full'
 </script>
 
 <script setup lang="ts">
-import { Bird, Book, Bot, Code2, CornerDownLeft, LifeBuoy, Mic, Paperclip, Rabbit, Settings, Settings2, Share, SquareTerminal, SquareUser, Triangle, Turtle } from 'lucide-vue-next'
-
 import { Badge } from '@/lib/registry/default/ui/badge'
+
 import { Button } from '@/lib/registry/default/ui/button'
 import { Drawer, DrawerContent, DrawerDescription, DrawerHeader, DrawerTitle, DrawerTrigger } from '@/lib/registry/default/ui/drawer'
 import { Input } from '@/lib/registry/default/ui/input'
@@ -15,6 +14,7 @@ import { Label } from '@/lib/registry/default/ui/label'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/lib/registry/default/ui/select'
 import { Textarea } from '@/lib/registry/default/ui/textarea'
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/lib/registry/default/ui/tooltip'
+import { Bird, Book, Bot, Code2, CornerDownLeft, LifeBuoy, Mic, Paperclip, Rabbit, Settings, Settings2, Share, SquareTerminal, SquareUser, Triangle, Turtle } from 'lucide-vue-next'
 </script>
 
 <template>

apps/www/src/lib/registry/default/block/Dashboard04.vue

@@ -5,14 +5,14 @@ export const containerClass = 'w-full h-full'
 </script>
 
 <script setup lang="ts">
-import { CircleUser, Menu, Package2, Search } from 'lucide-vue-next'
-
 import { Button } from '@/lib/registry/default/ui/button'
+
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/lib/registry/default/ui/card'
 import { Checkbox } from '@/lib/registry/default/ui/checkbox'
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from '@/lib/registry/default/ui/dropdown-menu'
 import { Input } from '@/lib/registry/default/ui/input'
 import { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet'
+import { CircleUser, Menu, Package2, Search } from 'lucide-vue-next'
 </script>
 
 <template>

apps/www/src/lib/registry/default/block/Dashboard05.vue

@@ -5,30 +5,8 @@ export const containerClass = 'w-full h-full'
 </script>
 
 <script setup lang="ts">
-import {
-  CircleUser,
-  Copy,
-  CreditCard,
-  File,
-  Home,
-  LineChart,
-  ListFilter,
-  MoreVertical,
-  Package,
-  Package2,
-  PanelLeft,
-  Search,
-  Settings,
-  ShoppingCart,
-  Truck,
-  Users2,
-} from 'lucide-vue-next'
-
 import { Badge } from '@/lib/registry/default/ui/badge'
-import { Button } from '@/lib/registry/default/ui/button'
+
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/lib/registry/default/ui/card'
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from '@/lib/registry/default/ui/dropdown-menu'
-import { Input } from '@/lib/registry/default/ui/input'
 import {
   Breadcrumb,
   BreadcrumbItem,
@@ -37,7 +15,11 @@ import {
   BreadcrumbPage,
   BreadcrumbSeparator,
 } from '@/lib/registry/default/ui/breadcrumb'
-import { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet'
+import { Button } from '@/lib/registry/default/ui/button'
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/lib/registry/default/ui/card'
+import { Checkbox } from '@/lib/registry/default/ui/checkbox'
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from '@/lib/registry/default/ui/dropdown-menu'
+import { Input } from '@/lib/registry/default/ui/input'
 import {
   Pagination,
   PaginationList,
@@ -46,6 +28,7 @@ import {
 } from '@/lib/registry/default/ui/pagination'
 import { Progress } from '@/lib/registry/default/ui/progress'
 import { Separator } from '@/lib/registry/default/ui/separator'
+import { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet'
 import {
   Table,
   TableBody,
@@ -66,7 +49,24 @@ import {
   TooltipProvider,
   TooltipTrigger,
 } from '@/lib/registry/default/ui/tooltip'
-import { Checkbox } from '@/lib/registry/default/ui/checkbox'
+import {
+  CircleUser,
+  Copy,
+  CreditCard,
+  File,
+  Home,
+  LineChart,
+  ListFilter,
+  MoreVertical,
+  Package,
+  Package2,
+  PanelLeft,
+  Search,
+  Settings,
+  ShoppingCart,
+  Truck,
+  Users2,
+} from 'lucide-vue-next'
 </script>
 
 <template>

apps/www/src/lib/registry/default/block/Dashboard06.vue

@@ -5,28 +5,8 @@ export const containerClass = 'w-full h-full'
 </script>
 
 <script setup lang="ts">
-import {
-  CircleUser,
-  File,
-  Home,
-  LineChart,
-  ListFilter,
-  MoreHorizontal,
-  Package,
-  Package2,
-  PanelLeft,
-  PlusCircle,
-  Search,
-  Settings,
-  ShoppingCart,
-  Users2,
-} from 'lucide-vue-next'
-
 import { Badge } from '@/lib/registry/default/ui/badge'
-import { Button } from '@/lib/registry/default/ui/button'
+
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/lib/registry/default/ui/card'
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from '@/lib/registry/default/ui/dropdown-menu'
-import { Input } from '@/lib/registry/default/ui/input'
 import {
   Breadcrumb,
   BreadcrumbItem,
@@ -35,6 +15,10 @@ import {
   BreadcrumbPage,
   BreadcrumbSeparator,
 } from '@/lib/registry/default/ui/breadcrumb'
+import { Button } from '@/lib/registry/default/ui/button'
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/lib/registry/default/ui/card'
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from '@/lib/registry/default/ui/dropdown-menu'
+import { Input } from '@/lib/registry/default/ui/input'
 import { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet'
 import {
   Table,
@@ -56,6 +40,22 @@ import {
   TooltipProvider,
   TooltipTrigger,
 } from '@/lib/registry/default/ui/tooltip'
+import {
+  CircleUser,
+  File,
+  Home,
+  LineChart,
+  ListFilter,
+  MoreHorizontal,
+  Package,
+  Package2,
+  PanelLeft,
+  PlusCircle,
+  Search,
+  Settings,
+  ShoppingCart,
+  Users2,
+} from 'lucide-vue-next'
 </script>
 
 <template>

apps/www/src/lib/registry/default/block/Dashboard07.vue

@@ -5,6 +5,45 @@ export const containerClass = 'w-full h-full'
 </script>
 
 <script setup lang="ts">
+import { Badge } from '@/lib/registry/default/ui/badge'
+
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+} from '@/lib/registry/default/ui/breadcrumb'
+import { Button } from '@/lib/registry/default/ui/button'
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/lib/registry/default/ui/card'
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from '@/lib/registry/default/ui/dropdown-menu'
+import { Input } from '@/lib/registry/default/ui/input'
+import { Label } from '@/lib/registry/default/ui/label'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/lib/registry/default/ui/select'
+import { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/lib/registry/default/ui/table'
+import { Textarea } from '@/lib/registry/default/ui/textarea'
+import { ToggleGroup, ToggleGroupItem } from '@/lib/registry/default/ui/toggle-group'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from '@/lib/registry/default/ui/tooltip'
 import {
   ChevronLeft,
   CircleUser,
@@ -20,45 +59,6 @@ import {
   Upload,
   Users2,
 } from 'lucide-vue-next'
-
-import { Badge } from '@/lib/registry/default/ui/badge'
-import { Button } from '@/lib/registry/default/ui/button'
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/lib/registry/default/ui/card'
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from '@/lib/registry/default/ui/dropdown-menu'
-import { Input } from '@/lib/registry/default/ui/input'
-import { Textarea } from '@/lib/registry/default/ui/textarea'
-import { Label } from '@/lib/registry/default/ui/label'
-import { ToggleGroup, ToggleGroupItem } from '@/lib/registry/default/ui/toggle-group'
-import {
-  Breadcrumb,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbList,
-  BreadcrumbPage,
-  BreadcrumbSeparator,
-} from '@/lib/registry/default/ui/breadcrumb'
-import { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet'
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from '@/lib/registry/default/ui/table'
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@/lib/registry/default/ui/select'
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from '@/lib/registry/default/ui/tooltip'
 </script>
 
 <template>

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { Terminal } from 'lucide-vue-next'
 import { Alert, AlertDescription, AlertTitle } from '@/lib/registry/default/ui/alert'
+import { Terminal } from 'lucide-vue-next'
 </script>
 
 <template>

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { AlertCircle } from 'lucide-vue-next'
 import { Alert, AlertDescription, AlertTitle } from '@/lib/registry/default/ui/alert'
+import { AlertCircle } from 'lucide-vue-next'
 </script>
 
 <template>

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import CustomChartTooltip from './CustomChartTooltip.vue'
 import { AreaChart } from '@/lib/registry/default/ui/chart-area'
+import CustomChartTooltip from './CustomChartTooltip.vue'
 
 const data = [
   { name: 'Jan', total: Math.floor(Math.random() * 2000) + 500, predicted: Math.floor(Math.random() * 2000) + 500 },

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { CurveType } from '@unovis/ts'
 import { AreaChart } from '@/lib/registry/default/ui/chart-area'
+import { CurveType } from '@unovis/ts'
 
 const data = [
   { name: 'Jan', total: Math.floor(Math.random() * 2000) + 1000 },

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

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import * as z from 'zod'
+import { AutoForm } from '@/lib/registry/default/ui/auto-form'
-import { h, onMounted, shallowRef } from 'vue'
 import { Button } from '@/lib/registry/default/ui/button'
 import { toast } from '@/lib/registry/default/ui/toast'
-import { AutoForm } from '@/lib/registry/default/ui/auto-form'
+import { h, onMounted, shallowRef } from 'vue'
+import * as z from 'zod'
 
 const schema = shallowRef<z.ZodObject< any, any, any > | null>(null)