Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: run lint:fix, re-build registry

Browse Source
This commit is contained in:
zernonia 2024-10-14 19:48:05 +08:00
parent 982f918e53
commit 5c71911104
847 changed files with 2859 additions and 2858 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/www/.vitepress/config.mts
View File

@ -1,14 +1,14 @@
import path from 'node:path' 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 { 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 { cssVariables } from './theme/config/shiki'
import { siteConfig } from './theme/config/site' import { siteConfig } from './theme/config/site'
import ComponentPreviewPlugin from './theme/plugins/previewer'
import CodeWrapperPlugin from './theme/plugins/codewrapper' import CodeWrapperPlugin from './theme/plugins/codewrapper'
import ComponentPreviewPlugin from './theme/plugins/previewer'
// https://vitepress.dev/reference/site-config // https://vitepress.dev/reference/site-config
export default defineConfig({ export default defineConfig({

2
apps/www/.vitepress/theme/components/Announcement.vue
View File

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

6
apps/www/.vitepress/theme/components/BlockCopyButton.vue
View File

@ -1,13 +1,13 @@
<script setup lang="ts"> <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 { Button } from '@/lib/registry/new-york/ui/button'
import { import {
Tooltip, Tooltip,
TooltipContent, TooltipContent,
TooltipTrigger, TooltipTrigger,
} from '@/lib/registry/new-york/ui/tooltip' } 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<{ const props = withDefaults(defineProps<{
code?: string code?: string

18
apps/www/.vitepress/theme/components/Blocks.vue
View File

@ -1,15 +1,15 @@
<script setup lang="ts"> <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 { buttonVariants } from '@/lib/registry/new-york/ui/button'
import { cn } from '@/lib/utils' 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[]>([]) const blocks = ref<string[]>([])

10
apps/www/.vitepress/theme/components/CodeConfigCustomizer.vue
View File

@ -1,13 +1,13 @@
<script lang="ts" setup> <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 { 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 { 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 { 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 RadixIconsGear from '~icons/radix-icons/gear'
import { useForm } from 'vee-validate'
import * as z from 'zod'
const { codeConfig, setCodeConfig } = useConfigStore() const { codeConfig, setCodeConfig } = useConfigStore()

6
apps/www/.vitepress/theme/components/CodeSandbox.vue
View File

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

2
apps/www/.vitepress/theme/components/CodeWrapper.ts
View File

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

2
apps/www/.vitepress/theme/components/ComponentLoader.vue
View File

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

16
apps/www/.vitepress/theme/components/ComponentPreview.vue
View File

@ -1,16 +1,16 @@
<script setup lang="ts"> <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 { 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 { cssVariables } from '../config/shiki'
import StyleSwitcher from './StyleSwitcher.vue' import CodeSandbox from './CodeSandbox.vue'
import ComponentLoader from './ComponentLoader.vue' import ComponentLoader from './ComponentLoader.vue'
import Stackblitz from './Stackblitz.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({ defineOptions({
inheritAttrs: false, inheritAttrs: false,

6
apps/www/.vitepress/theme/components/CustomizerCode.vue
View File

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

4
apps/www/.vitepress/theme/components/DocsBreadcrumb.vue
View File

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

4
apps/www/.vitepress/theme/components/EditLink.vue
View File

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

6
apps/www/.vitepress/theme/components/ExamplesNav.vue
View File

@ -1,9 +1,9 @@
<script setup lang="ts"> <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 { useRoute } from 'vitepress'
import { computed, toRefs } from 'vue' 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()) const { path } = toRefs(useRoute())

2
apps/www/.vitepress/theme/components/InlineThemePicker.vue
View File

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

18
apps/www/.vitepress/theme/components/LandingPage.vue
View File

@ -1,16 +1,16 @@
<script setup lang="ts"> <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 { buttonVariants } from '@/lib/registry/new-york/ui/button'
import { cn } from '@/lib/utils' 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> </script>
<template> <template>

6
apps/www/.vitepress/theme/components/MobileNav.vue
View File

@ -1,10 +1,10 @@
<script setup lang="ts"> <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 { ref } from 'vue'
import { docsConfig } from '../config/docs' import { docsConfig } from '../config/docs'
import Logo from './Logo.vue' 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) const open = ref(false)
</script> </script>

2
apps/www/.vitepress/theme/components/PageHeaderDescription.vue
View File

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

6
apps/www/.vitepress/theme/components/Stackblitz.vue
View File

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

6
apps/www/.vitepress/theme/components/StyleSwitcher.vue
View File

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

8
apps/www/.vitepress/theme/components/TableOfContent.vue
View File

@ -1,11 +1,11 @@
<script setup lang="ts"> <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 { onContentUpdated } from 'vitepress'
import { shallowRef } from 'vue' import { shallowRef } from 'vue'
import type { TableOfContents, TableOfContentsItem } from '../types/docs'
import TableOfContentTree from './TableOfContentTree.vue' 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>() const headers = shallowRef<TableOfContents>()

4
apps/www/.vitepress/theme/components/TableOfContentTree.vue
View File

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

2
apps/www/.vitepress/theme/components/TabsMarkdown.vue
View File

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

8
apps/www/.vitepress/theme/components/ThemeCustomizer.vue
View File

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

8
apps/www/.vitepress/theme/components/ThemePopover.vue
View File

@ -1,11 +1,11 @@
<script setup lang="ts"> <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 { Button } from '@/lib/registry/new-york/ui/button'
import { Popover, PopoverContent, PopoverTrigger } from '@/lib/registry/new-york/ui/popover' import { Popover, PopoverContent, PopoverTrigger } from '@/lib/registry/new-york/ui/popover'
import { useConfigStore } from '@/stores/config' 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() const { theme, radius } = useConfigStore()

10
apps/www/.vitepress/theme/components/index.ts
View File

@ -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 CodeWrapper } from './CodeWrapper'
export { default as ComponentPreview } from './ComponentPreview.vue' 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 LinkedCard } from './LinkedCard.vue'
export { default as ManualInstall } from './ManualInstall.vue' export { default as ManualInstall } from './ManualInstall.vue'
export { default as Steps } from './Steps.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' export { default as VPImage } from './VPImage.vue'

16
apps/www/.vitepress/theme/components/theming/Theming.vue
View File

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

6
apps/www/.vitepress/theme/index.ts
View File

@ -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 DocsLayout from './layout/DocsLayout.vue'
import ExamplesLayout from './layout/ExamplesLayout.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 './style.css'
import './styles/vp-doc.css' import './styles/vp-doc.css'
import './styles/shiki.css' import './styles/shiki.css'

10
apps/www/.vitepress/theme/layout/DocsLayout.vue
View File

@ -1,12 +1,12 @@
<script setup lang="ts"> <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 { ScrollArea } from '@/lib/registry/default/ui/scroll-area'
import RadixIconsCode from '~icons/radix-icons/code' import RadixIconsCode from '~icons/radix-icons/code'
import RadixIconsExternalLink from '~icons/radix-icons/external-link' 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 $route = useRoute()
const { frontmatter } = useData() const { frontmatter } = useData()

14
apps/www/.vitepress/theme/layout/ExamplesLayout.vue
View File

@ -1,13 +1,13 @@
<script setup lang="ts"> <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 { buttonVariants } from '@/lib/registry/new-york/ui/button'
import { cn } from '@/lib/utils' 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> </script>
<template> <template>

34
apps/www/.vitepress/theme/layout/MainLayout.vue
View File

@ -1,30 +1,30 @@
<script setup lang="ts"> <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 { 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 { Dialog, DialogContent } from '@/lib/registry/default/ui/dialog'
import { Toaster as DefaultToaster } from '@/lib/registry/default/ui/toast' import { Toaster as DefaultToaster } from '@/lib/registry/default/ui/toast'
import { Toaster as NewYorkSonner } from '@/lib/registry/new-york/ui/sonner' import { Toaster as NewYorkSonner } from '@/lib/registry/new-york/ui/sonner'
import { Toaster as NewYorkToaster } from '@/lib/registry/new-york/ui/toast' import { Toaster as NewYorkToaster } from '@/lib/registry/new-york/ui/toast'
import { TooltipProvider } from '@/lib/registry/new-york/ui/tooltip' 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 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() const { radius, theme } = useConfigStore()
// Whenever the component is mounted, update the document class list // Whenever the component is mounted, update the document class list
onMounted(() => { onMounted(() => {

22
apps/www/.vitepress/theme/layout/ThemingLayout.vue
View File

@ -1,19 +1,19 @@
<script setup lang="ts"> <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 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 { 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 { 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 { 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 // Create an array of color values
const allColors: Color[] = [ const allColors: Color[] = [

2
apps/www/.vitepress/theme/plugins/utils.ts
View File

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

240
apps/www/__registry__/index.ts
View File

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

4
apps/www/scripts/autogen.ts
View File

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

2
apps/www/scripts/build-registry.ts
View File

@ -4,10 +4,10 @@ import { template } from 'lodash-es'
import { rimraf } from 'rimraf' import { rimraf } from 'rimraf'
import { colorMapping, colors } from '../src/lib/registry/colors' import { colorMapping, colors } from '../src/lib/registry/colors'
import { buildRegistry } from '../src/lib/registry/registry'
import { registrySchema } from '../src/lib/registry/schema' import { registrySchema } from '../src/lib/registry/schema'
import { styles } from '../src/lib/registry/styles' import { styles } from '../src/lib/registry/styles'
import { themes } from '../src/lib/registry/themes' import { themes } from '../src/lib/registry/themes'
import { buildRegistry } from '../src/lib/registry/registry'
const REGISTRY_PATH = path.join(process.cwd(), 'src/public/registry') const REGISTRY_PATH = path.join(process.cwd(), 'src/public/registry')

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

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

2
apps/www/src/content/docs/components/badge.md
View File

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

2
apps/www/src/content/docs/components/button.md
View File

@ -23,8 +23,8 @@ npx shadcn-vue@latest add button
```vue ```vue
<script setup lang="ts"> <script setup lang="ts">
import { cva } from 'class-variance-authority'
import { cn } from '@/lib/utils' import { cn } from '@/lib/utils'
import { cva } from 'class-variance-authority'
const buttonVariants = cva( 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', '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',

2
apps/www/src/content/docs/components/collapsible.md
View File

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

8
apps/www/src/content/docs/components/combobox.md
View File

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

8
apps/www/src/content/docs/components/pagination.md
View File

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

2
apps/www/src/content/docs/components/sonner.md
View File

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

2
apps/www/src/content/docs/components/toast.md
View File

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

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

@ -15,19 +15,19 @@ See installation instructions for the [Popover](/docs/components/popover#install
```vue ```vue
<script setup lang="ts"> <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 { Button } from '@/components/ui/button'
import { Calendar } from '@/components/ui/v-calendar'
import { import {
Popover, Popover,
PopoverContent, PopoverContent,
PopoverTrigger, PopoverTrigger,
} from '@/components/ui/popover' } 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>() const date = ref<Date>()
</script> </script>

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

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

4
apps/www/src/examples/authentication/Example.vue
View File

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

10
apps/www/src/examples/authentication/components/UserAuthForm.vue
View File

@ -1,13 +1,13 @@
<script setup lang="ts"> <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 { Button } from '@/lib/registry/new-york/ui/button'
import { Input } from '@/lib/registry/new-york/ui/input' import { Input } from '@/lib/registry/new-york/ui/input'
import { Label } from '@/lib/registry/new-york/ui/label' 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) const isLoading = ref(false)
async function onSubmit(event: Event) { async function onSubmit(event: Event) {
event.preventDefault() event.preventDefault()

2
apps/www/src/examples/cards/components/CreateAccount.vue
View File

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

10
apps/www/src/examples/cards/components/GitHubCard.vue
View File

@ -1,9 +1,4 @@
<script setup lang="ts"> <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 { Button } from '@/lib/registry/new-york/ui/button'
import { import {
Card, Card,
@ -22,6 +17,11 @@ import {
DropdownMenuTrigger, DropdownMenuTrigger,
} from '@/lib/registry/new-york/ui/dropdown-menu' } from '@/lib/registry/new-york/ui/dropdown-menu'
import { Separator } from '@/lib/registry/new-york/ui/separator' 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> </script>
<template> <template>

8
apps/www/src/examples/cards/components/Notifications.vue
View File

@ -1,8 +1,4 @@
<script setup lang="ts"> <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 { import {
Card, Card,
CardContent, CardContent,
@ -10,6 +6,10 @@ import {
CardHeader, CardHeader,
CardTitle, CardTitle,
} from '@/lib/registry/new-york/ui/card' } 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> </script>
<template> <template>

16
apps/www/src/examples/dashboard/Example.vue
View File

@ -1,12 +1,4 @@
<script setup lang="ts"> <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 { Button } from '@/lib/registry/new-york/ui/button'
import { import {
Card, Card,
@ -21,6 +13,14 @@ import {
TabsList, TabsList,
TabsTrigger, TabsTrigger,
} from '@/lib/registry/new-york/ui/tabs' } 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> </script>
<template> <template>

12
apps/www/src/examples/dashboard/components/DateRangePicker.vue
View File

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

16
apps/www/src/examples/dashboard/components/TeamSwitcher.vue
View File

@ -1,17 +1,11 @@
<script setup lang="ts"> <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 { import {
Avatar, Avatar,
AvatarFallback, AvatarFallback,
AvatarImage, AvatarImage,
} from '@/lib/registry/new-york/ui/avatar' } from '@/lib/registry/new-york/ui/avatar'
import { Button } from '@/lib/registry/new-york/ui/button' 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 { import {
Dialog, Dialog,
DialogContent, DialogContent,
@ -21,7 +15,7 @@ import {
DialogTitle, DialogTitle,
DialogTrigger, DialogTrigger,
} from '@/lib/registry/new-york/ui/dialog' } 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 { Input } from '@/lib/registry/new-york/ui/input'
import { Label } from '@/lib/registry/new-york/ui/label' import { Label } from '@/lib/registry/new-york/ui/label'
import { import {
@ -29,6 +23,7 @@ import {
PopoverContent, PopoverContent,
PopoverTrigger, PopoverTrigger,
} from '@/lib/registry/new-york/ui/popover' } from '@/lib/registry/new-york/ui/popover'
import { import {
Select, Select,
SelectContent, SelectContent,
@ -36,6 +31,11 @@ import {
SelectTrigger, SelectTrigger,
SelectValue, SelectValue,
} from '@/lib/registry/new-york/ui/select' } 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 = [ const groups = [
{ {

2
apps/www/src/examples/forms/Account.vue
View File

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

2
apps/www/src/examples/forms/Appearance.vue
View File

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

2
apps/www/src/examples/forms/Display.vue
View File

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

2
apps/www/src/examples/forms/Example.vue
View File

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

2
apps/www/src/examples/forms/Notifications.vue
View File

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

30
apps/www/src/examples/forms/components/AccountForm.vue
View File

@ -1,17 +1,6 @@
<script setup lang="ts"> <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 { import {
Command, Command,
CommandEmpty, CommandEmpty,
@ -20,15 +9,26 @@ import {
CommandItem, CommandItem,
CommandList, CommandList,
} from '@/lib/registry/new-york/ui/command' } 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 { import {
Popover, Popover,
PopoverContent, PopoverContent,
PopoverTrigger, PopoverTrigger,
} from '@/lib/registry/new-york/ui/popover' } 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 { 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 open = ref(false)
const dateValue = ref() const dateValue = ref()
const placeholder = ref() const placeholder = ref()

16
apps/www/src/examples/forms/components/AppearanceForm.vue
View File

@ -1,16 +1,16 @@
<script setup lang="ts"> <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 { 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 { RadioGroup, RadioGroupItem } from '@/lib/registry/default/ui/radio-group'
import { Button, buttonVariants } from '@/lib/registry/new-york/ui/button' 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 { 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({ const appearanceFormSchema = toTypedSchema(z.object({
theme: z.enum(['light', 'dark'], { theme: z.enum(['light', 'dark'], {

14
apps/www/src/examples/forms/components/DisplayForm.vue
View File

@ -1,14 +1,14 @@
<script setup lang="ts"> <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 { 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 { 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 { 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 = [ const items = [
{ {

22
apps/www/src/examples/forms/components/ProfileForm.vue
View File

@ -1,15 +1,7 @@
<script setup lang="ts"> <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 { 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 { import {
Select, Select,
SelectContent, SelectContent,
@ -18,8 +10,16 @@ import {
SelectTrigger, SelectTrigger,
SelectValue, SelectValue,
} from '@/lib/registry/new-york/ui/select' } 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 { 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']) const verifiedEmails = ref(['m@example.com', 'm@google.com', 'm@support.com'])

4
apps/www/src/examples/forms/components/SidebarNav.vue
View File

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

2
apps/www/src/examples/forms/layouts/FormsLayout.vue
View File

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

4
apps/www/src/examples/mail/components/AccountSwitcher.vue
View File

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

26
apps/www/src/examples/mail/components/Mail.vue
View File

@ -1,18 +1,9 @@
<script lang="ts" setup> <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 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 { 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 { import {
Tabs, Tabs,
TabsContent, TabsContent,
@ -20,7 +11,16 @@ import {
TabsTrigger, TabsTrigger,
} from '@/lib/registry/new-york/ui/tabs' } from '@/lib/registry/new-york/ui/tabs'
import { TooltipProvider } from '@/lib/registry/new-york/ui/tooltip' 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 { interface MailProps {
accounts: { accounts: {

18
apps/www/src/examples/mail/components/MailDisplay.vue
View File

@ -1,21 +1,21 @@
<script lang="ts" setup> <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 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 { Avatar, AvatarFallback } from '@/lib/registry/new-york/ui/avatar'
import { Button } from '@/lib/registry/new-york/ui/button' 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 { 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 { Separator } from '@/lib/registry/new-york/ui/separator'
import { Switch } from '@/lib/registry/new-york/ui/switch' import { Switch } from '@/lib/registry/new-york/ui/switch'
import { Textarea } from '@/lib/registry/new-york/ui/textarea' import { Textarea } from '@/lib/registry/new-york/ui/textarea'
import { Tooltip, TooltipContent, TooltipTrigger } from '@/lib/registry/new-york/ui/tooltip' 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 { interface MailDisplayProps {
mail: Mail | undefined mail: Mail | undefined

4
apps/www/src/examples/mail/components/MailList.vue
View File

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

4
apps/www/src/examples/mail/components/Nav.vue
View File

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

20
apps/www/src/examples/music/Example.vue
View File

@ -1,21 +1,21 @@
<script setup lang="ts"> <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 { import {
Tabs, Tabs,
TabsContent, TabsContent,
TabsList, TabsList,
TabsTrigger, TabsTrigger,
} from '@/lib/registry/new-york/ui/tabs' } 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 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> </script>
<template> <template>

6
apps/www/src/examples/music/components/AlbumArtwork.vue
View File

@ -1,8 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import type { Album } from '../data/albums' 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 { import {
ContextMenu, ContextMenu,
ContextMenuContent, ContextMenuContent,
@ -13,6 +10,9 @@ import {
ContextMenuSubTrigger, ContextMenuSubTrigger,
ContextMenuTrigger, ContextMenuTrigger,
} from '@/lib/registry/new-york/ui/context-menu' } 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 { interface AlbumArtworkProps {
album: Album album: Album

2
apps/www/src/examples/music/components/Sidebar.vue
View File

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

34
apps/www/src/examples/playground/Example.vue
View File

@ -1,6 +1,23 @@
<script setup lang="ts"> <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 CodeViewer from './components/CodeViewer.vue'
import MaxLengthSelector from './components/MaxLengthSelector.vue' import MaxLengthSelector from './components/MaxLengthSelector.vue'
import ModelSelector from './components/ModelSelector.vue' import ModelSelector from './components/ModelSelector.vue'
import PresetActions from './components/PresetActions.vue' import PresetActions from './components/PresetActions.vue'
import PresetSave from './components/PresetSave.vue' import PresetSave from './components/PresetSave.vue'
@ -8,23 +25,6 @@ import PresetSelector from './components/PresetSelector.vue'
import PresetShare from './components/PresetShare.vue' import PresetShare from './components/PresetShare.vue'
import TemperatureSelector from './components/TemperatureSelector.vue' import TemperatureSelector from './components/TemperatureSelector.vue'
import TopPSelector from './components/TopPSelector.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> </script>
<template> <template>

2
apps/www/src/examples/playground/components/MaxLengthSelector.vue
View File

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

6
apps/www/src/examples/playground/components/PresetActions.vue
View File

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

4
apps/www/src/examples/playground/components/PresetShare.vue
View File

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

2
apps/www/src/examples/playground/components/TemperatureSelector.vue
View File

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

2
apps/www/src/examples/playground/components/TopPSelector.vue
View File

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

4
apps/www/src/examples/tasks/Example.vue
View File

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

22
apps/www/src/examples/tasks/components/DataTable.vue
View File

@ -5,6 +5,17 @@ import type {
SortingState, SortingState,
VisibilityState, VisibilityState,
} from '@tanstack/vue-table' } 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 { import {
FlexRender, FlexRender,
getCoreRowModel, getCoreRowModel,
@ -15,20 +26,9 @@ import {
getSortedRowModel, getSortedRowModel,
useVueTable, useVueTable,
} from '@tanstack/vue-table' } from '@tanstack/vue-table'
import { ref } from 'vue' import { ref } from 'vue'
import type { Task } from '../data/schema'
import DataTablePagination from './DataTablePagination.vue' import DataTablePagination from './DataTablePagination.vue'
import DataTableToolbar from './DataTableToolbar.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 { interface DataTableProps {
columns: ColumnDef<Task, any>[] columns: ColumnDef<Task, any>[]

12
apps/www/src/examples/tasks/components/DataTableColumnHeader.vue
View File

@ -1,12 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import type { Column } from '@tanstack/vue-table' import type { Column } from '@tanstack/vue-table'
import type { Task } from '../data/schema' 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 { Button } from '@/lib/registry/new-york/ui/button'
import { import {
DropdownMenu, DropdownMenu,
@ -15,6 +9,12 @@ import {
DropdownMenuSeparator, DropdownMenuSeparator,
DropdownMenuTrigger, DropdownMenuTrigger,
} from '@/lib/registry/new-york/ui/dropdown-menu' } 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 { interface DataTableColumnHeaderProps {
column: Column<Task, any> column: Column<Task, any>

8
apps/www/src/examples/tasks/components/DataTableFacetedFilter.vue
View File

@ -1,11 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import type { Column } from '@tanstack/vue-table' import type { Column } from '@tanstack/vue-table'
import type { Component } from 'vue' import type { Component } from 'vue'
import { computed } from 'vue'
import type { Task } from '../data/schema' 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 { Badge } from '@/lib/registry/new-york/ui/badge'
import { Button } from '@/lib/registry/new-york/ui/button' 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 { 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 { Separator } from '@/lib/registry/new-york/ui/separator'
import { cn } from '@/lib/utils' 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 { interface DataTableFacetedFilter {
column?: Column<Task, any> column?: Column<Task, any>
title?: string title?: string

10
apps/www/src/examples/tasks/components/DataTablePagination.vue
View File

@ -1,11 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import type { Table } from '@tanstack/vue-table' import type { Table } from '@tanstack/vue-table'
import type { Task } from '../data/schema' 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 { Button } from '@/lib/registry/new-york/ui/button'
import { import {
Select, Select,
@ -14,6 +9,11 @@ import {
SelectTrigger, SelectTrigger,
SelectValue, SelectValue,
} from '@/lib/registry/new-york/ui/select' } 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 { interface DataTablePaginationProps {
table: Table<Task> table: Table<Task>

10
apps/www/src/examples/tasks/components/DataTableRowActions.vue
View File

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

8
apps/www/src/examples/tasks/components/DataTableToolbar.vue
View File

@ -1,14 +1,14 @@
<script setup lang="ts"> <script setup lang="ts">
import type { Table } from '@tanstack/vue-table' import type { Table } from '@tanstack/vue-table'
import { computed } from 'vue'
import type { Task } from '../data/schema' 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 { priorities, statuses } from '../data/data'
import DataTableFacetedFilter from './DataTableFacetedFilter.vue' import DataTableFacetedFilter from './DataTableFacetedFilter.vue'
import DataTableViewOptions from './DataTableViewOptions.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 { interface DataTableToolbarProps {
table: Table<Task> table: Table<Task>

6
apps/www/src/examples/tasks/components/DataTableViewOptions.vue
View File

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

10
apps/www/src/examples/tasks/components/columns.ts
View File

@ -1,12 +1,12 @@
import type { ColumnDef } from '@tanstack/vue-table' 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 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 DataTableColumnHeader from './DataTableColumnHeader.vue'
import DataTableRowActions from './DataTableRowActions.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>[] = [ export const columns: ColumnDef<Task>[] = [
{ {

2
apps/www/src/examples/tasks/data/data.ts
View File

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

2
apps/www/src/lib/registry/default/block/Dashboard01.vue
View File

@ -5,7 +5,6 @@ export const containerClass = 'w-full h-full'
</script> </script>
<script setup lang="ts"> <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 { Avatar, AvatarFallback, AvatarImage } from '@/lib/registry/default/ui/avatar'
import { Badge } from '@/lib/registry/default/ui/badge' import { Badge } from '@/lib/registry/default/ui/badge'
import { Button } from '@/lib/registry/default/ui/button' 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 { Input } from '@/lib/registry/default/ui/input'
import { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet' import { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet'
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/lib/registry/default/ui/table' 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> </script>
<template> <template>

4
apps/www/src/lib/registry/default/block/Dashboard02.vue
View File

@ -5,14 +5,14 @@ export const containerClass = 'w-full h-full'
</script> </script>
<script setup lang="ts"> <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 { Badge } from '@/lib/registry/default/ui/badge'
import { Button } from '@/lib/registry/default/ui/button' import { Button } from '@/lib/registry/default/ui/button'
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/lib/registry/default/ui/card' 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 { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from '@/lib/registry/default/ui/dropdown-menu'
import { Input } from '@/lib/registry/default/ui/input' import { Input } from '@/lib/registry/default/ui/input'
import { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet' 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> </script>
<template> <template>

4
apps/www/src/lib/registry/default/block/Dashboard03.vue
View File

@ -5,9 +5,8 @@ export const containerClass = 'w-full h-full'
</script> </script>
<script setup lang="ts"> <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 { Badge } from '@/lib/registry/default/ui/badge'
import { Button } from '@/lib/registry/default/ui/button' import { Button } from '@/lib/registry/default/ui/button'
import { Drawer, DrawerContent, DrawerDescription, DrawerHeader, DrawerTitle, DrawerTrigger } from '@/lib/registry/default/ui/drawer' import { Drawer, DrawerContent, DrawerDescription, DrawerHeader, DrawerTitle, DrawerTrigger } from '@/lib/registry/default/ui/drawer'
import { Input } from '@/lib/registry/default/ui/input' 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 { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/lib/registry/default/ui/select'
import { Textarea } from '@/lib/registry/default/ui/textarea' import { Textarea } from '@/lib/registry/default/ui/textarea'
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/lib/registry/default/ui/tooltip' 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> </script>
<template> <template>

4
apps/www/src/lib/registry/default/block/Dashboard04.vue
View File

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

50
apps/www/src/lib/registry/default/block/Dashboard05.vue
View File

@ -5,30 +5,8 @@ export const containerClass = 'w-full h-full'
</script> </script>
<script setup lang="ts"> <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 { 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 { import {
Breadcrumb, Breadcrumb,
BreadcrumbItem, BreadcrumbItem,
@ -37,7 +15,11 @@ import {
BreadcrumbPage, BreadcrumbPage,
BreadcrumbSeparator, BreadcrumbSeparator,
} from '@/lib/registry/default/ui/breadcrumb' } 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 { import {
Pagination, Pagination,
PaginationList, PaginationList,
@ -46,6 +28,7 @@ import {
} from '@/lib/registry/default/ui/pagination' } from '@/lib/registry/default/ui/pagination'
import { Progress } from '@/lib/registry/default/ui/progress' import { Progress } from '@/lib/registry/default/ui/progress'
import { Separator } from '@/lib/registry/default/ui/separator' import { Separator } from '@/lib/registry/default/ui/separator'
import { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet'
import { import {
Table, Table,
TableBody, TableBody,
@ -66,7 +49,24 @@ import {
TooltipProvider, TooltipProvider,
TooltipTrigger, TooltipTrigger,
} from '@/lib/registry/default/ui/tooltip' } 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> </script>
<template> <template>

42
apps/www/src/lib/registry/default/block/Dashboard06.vue
View File

@ -5,28 +5,8 @@ export const containerClass = 'w-full h-full'
</script> </script>
<script setup lang="ts"> <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 { 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 { import {
Breadcrumb, Breadcrumb,
BreadcrumbItem, BreadcrumbItem,
@ -35,6 +15,10 @@ import {
BreadcrumbPage, BreadcrumbPage,
BreadcrumbSeparator, BreadcrumbSeparator,
} from '@/lib/registry/default/ui/breadcrumb' } 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 { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet'
import { import {
Table, Table,
@ -56,6 +40,22 @@ import {
TooltipProvider, TooltipProvider,
TooltipTrigger, TooltipTrigger,
} from '@/lib/registry/default/ui/tooltip' } 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> </script>
<template> <template>

78
apps/www/src/lib/registry/default/block/Dashboard07.vue
View File

@ -5,6 +5,45 @@ export const containerClass = 'w-full h-full'
</script> </script>
<script setup lang="ts"> <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 { import {
ChevronLeft, ChevronLeft,
CircleUser, CircleUser,
@ -20,45 +59,6 @@ import {
Upload, Upload,
Users2, Users2,
} from 'lucide-vue-next' } 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> </script>
<template> <template>

2
apps/www/src/lib/registry/default/example/AlertDemo.vue
View File

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

2
apps/www/src/lib/registry/default/example/AlertDestructiveDemo.vue
View File

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

2
apps/www/src/lib/registry/default/example/AreaChartCustomTooltip.vue
View File

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

2
apps/www/src/lib/registry/default/example/AreaChartSparkline.vue
View File

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

6
apps/www/src/lib/registry/default/example/AutoFormApi.vue
View File

@ -1,9 +1,9 @@
<script setup lang="ts"> <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 { Button } from '@/lib/registry/default/ui/button'
import { toast } from '@/lib/registry/default/ui/toast' 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) const schema = shallowRef<z.ZodObject< any, any, any > | null>(null)

Some files were not shown because too many files have changed in this diff Show More