chore: replaces lucide-vue-next with @lucide/vue

apps/v4/components/Announcement.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ArrowRightIcon } from 'lucide-vue-next'
+import { ArrowRightIcon } from '@lucide/vue'
 
 import { Badge } from '@/registry/new-york-v4/ui/badge'
 </script>

apps/v4/components/BlockViewerToolbar.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { useClipboard } from '@vueuse/core'
 import {
   Check,
   Fullscreen,
@@ -8,7 +7,8 @@ import {
   Smartphone,
   Tablet,
   Terminal,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
+import { useClipboard } from '@vueuse/core'
 import { Button } from '@/registry/new-york-v4/ui/button'
 import { Separator } from '@/registry/new-york-v4/ui/separator'
 import { Tabs, TabsList, TabsTrigger } from '@/registry/new-york-v4/ui/tabs'

apps/v4/components/BlockViewerTree.vue

@@ -4,7 +4,7 @@ import {
   ChevronRight,
   File,
   Folder,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
 import {
   Collapsible,
   CollapsibleContent,

apps/v4/components/ChartToolbar.vue

@@ -8,7 +8,7 @@ import {
   MousePointer2Icon,
   PieChartIcon,
   RadarIcon,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
 import { Separator } from '@/registry/new-york-v4/ui/separator'
 import { cn } from '~/lib/utils'
 import TooltipProvider from '~/registry/new-york-v4/ui/tooltip/TooltipProvider.vue'

apps/v4/components/CodeBlockCommand.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { TerminalIcon } from 'lucide-vue-next'
+import { TerminalIcon } from '@lucide/vue'
 import {
   Tabs,
   TabsContent,

apps/v4/components/Color.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { Color } from '@/lib/colors'
+import { Check, Clipboard } from '@lucide/vue'
 import { useClipboard } from '@vueuse/core'
-import { Check, Clipboard } from 'lucide-vue-next'
 import { toast } from 'vue-sonner'
 
 defineProps<{

apps/v4/components/CustomizerCode.vue

@@ -2,9 +2,9 @@
 import type {
   BaseColor,
 } from '~/registry/_legacy-base-colors'
+import { CheckIcon } from '@lucide/vue'
 import { IconCopy } from '@tabler/icons-vue'
 import { useClipboard } from '@vueuse/core'
-import { CheckIcon } from 'lucide-vue-next'
 import { Icons } from '@/components/Icons'
 import { Button } from '@/registry/new-york-v4/ui/button'
 import {

apps/v4/components/IconPlaceholder.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { SquareIcon } from 'lucide-vue-next'
+import { SquareIcon } from '@lucide/vue'
 import { computed, defineAsyncComponent } from 'vue'
 
 // manually type from  `import type { IconLibraryName } from 'shadcn-vue/icons'`

apps/v4/components/Icons.ts

@@ -1,5 +1,5 @@
 import type { VNode } from 'vue'
-import { FileIcon } from 'lucide-vue-next'
+import { FileIcon } from '@lucide/vue'
 import { defineComponent, h } from 'vue'
 
 interface IconProps {

apps/v4/components/ItemExplorer.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { RegistryItem } from 'shadcn-vue/schema'
 import type { Base } from '~/registry/bases'
-import { ChevronRightIcon } from 'lucide-vue-next'
+import { ChevronRightIcon } from '@lucide/vue'
 import { cn } from '@/lib/utils'
 import {
   Collapsible,

apps/v4/components/ItemPicker.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { RegistryItem } from 'shadcn-vue/schema'
-import { ChevronDownIcon, SearchIcon } from 'lucide-vue-next'
+import { ChevronDownIcon, SearchIcon } from '@lucide/vue'
 import { Button } from '@/registry/new-york-v4/ui/button'
 import {
   Command,

apps/v4/components/SiteConfig.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
 
-import { GalleryHorizontalIcon } from 'lucide-vue-next'
+import { GalleryHorizontalIcon } from '@lucide/vue'
 import { cn } from '@/lib/utils'
 import { Button } from '@/registry/new-york-v4/ui/button'
 

apps/v4/components/_internal/sink/AlertDemo.vue

@@ -6,7 +6,7 @@ import {
   GiftIcon,
   PopcornIcon,
   ShieldAlertIcon,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
 
 import {
   Alert,

apps/v4/components/_internal/sink/BadgeDemo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { AlertCircleIcon, ArrowRightIcon, CheckIcon } from 'lucide-vue-next'
+import { AlertCircleIcon, ArrowRightIcon, CheckIcon } from '@lucide/vue'
 import { Badge } from '@/registry/new-york-v4/ui/badge'
 </script>
 

apps/v4/components/_internal/sink/ButtonDemo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ArrowRightIcon, Loader2Icon, SendIcon } from 'lucide-vue-next'
+import { ArrowRightIcon, Loader2Icon, SendIcon } from '@lucide/vue'
 import { Button } from '@/registry/new-york-v4/ui/button'
 </script>
 

apps/v4/components/_internal/sink/CardDemo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { BathIcon, BedIcon, LandPlotIcon } from 'lucide-vue-next'
+import { BathIcon, BedIcon, LandPlotIcon } from '@lucide/vue'
 import {
   Avatar,
   AvatarFallback,

apps/v4/components/_internal/sink/CollapsibleDemo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ChevronsUpDown } from 'lucide-vue-next'
+import { ChevronsUpDown } from '@lucide/vue'
 import { Button } from '@/registry/new-york-v4/ui/button'
 import {
   Collapsible,

apps/v4/components/_internal/sink/ComboboxDemo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Check, ChevronDownIcon, ChevronsUpDown, PlusCircleIcon } from 'lucide-vue-next'
+import { Check, ChevronDownIcon, ChevronsUpDown, PlusCircleIcon } from '@lucide/vue'
 import { ref } from 'vue'
 import { Avatar, AvatarFallback, AvatarImage } from '@/registry/new-york-v4/ui/avatar'
 import { Button } from '@/registry/new-york-v4/ui/button'

apps/v4/components/_internal/sink/CommandDemo.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { useMagicKeys, whenever } from '@vueuse/core'
 import {
   Calculator,
   Calendar,
   CreditCard,
   Settings,
   Smile,
   User,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
+import { useMagicKeys, whenever } from '@vueuse/core'
 
 import {
   CommandDialog,

apps/v4/components/_internal/sink/ContextMenuDemo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Code2Icon, PlusIcon, TrashIcon } from 'lucide-vue-next'
+import { Code2Icon, PlusIcon, TrashIcon } from '@lucide/vue'
 
 import {
   ContextMenu,

apps/v4/components/_internal/sink/DataTableDemoColumn.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { MoreHorizontal } from 'lucide-vue-next'
+import { MoreHorizontal } from '@lucide/vue'
 import { Button } from '@/registry/new-york-v4/ui/button'
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from '@/registry/new-york-v4/ui/dropdown-menu'
 

apps/v4/components/_internal/sink/DatePickerDemo.vue

@@ -3,7 +3,7 @@ import type { DateValue } from '@internationalized/date'
 import { CalendarDate, DateFormatter, getLocalTimeZone } from '@internationalized/date'
 // import { DateRange } from "react-day-picker"
 
-import { CalendarIcon } from 'lucide-vue-next'
+import { CalendarIcon } from '@lucide/vue'
 import { cn } from '@/lib/utils'
 import { Button } from '@/registry/new-york-v4/ui/button'
 import { Calendar } from '@/registry/new-york-v4/ui/calendar'

apps/v4/components/_internal/sink/DrawerDemo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Minus, Plus } from 'lucide-vue-next'
+import { Minus, Plus } from '@lucide/vue'
 import { Button } from '@/registry/new-york-v4/ui/button'
 import {
   Drawer,

apps/v4/components/_internal/sink/DropdownMenuDemo.vue

@@ -13,7 +13,7 @@ import {
   SparklesIcon,
   TrashIcon,
   UserIcon,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
 import {
   Avatar,
   AvatarFallback,

apps/v4/components/_internal/sink/FormDemo.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { fromDate, getLocalTimeZone } from '@internationalized/date'
+import { CalendarIcon } from '@lucide/vue'
 import { toTypedSchema } from '@vee-validate/zod'
 import { format } from 'date-fns'
-import { CalendarIcon } from 'lucide-vue-next'
 import { useForm } from 'vee-validate'
 import { toast } from 'vue-sonner'
 

apps/v4/components/_internal/sink/HoverCardDemo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { CalendarIcon } from 'lucide-vue-next'
+import { CalendarIcon } from '@lucide/vue'
 
 import {
   Avatar,

apps/v4/components/_internal/sink/MenubarDemo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { HelpCircleIcon, SettingsIcon, Trash2Icon } from 'lucide-vue-next'
+import { HelpCircleIcon, SettingsIcon, Trash2Icon } from '@lucide/vue'
 
 import {
   Menubar,

apps/v4/components/_internal/sink/NavigationMenuDemo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { CircleCheckIcon, CircleHelpIcon, CircleIcon } from 'lucide-vue-next'
+import { CircleCheckIcon, CircleHelpIcon, CircleIcon } from '@lucide/vue'
 import {
   NavigationMenu,
   NavigationMenuContent,

apps/v4/components/_internal/sink/SelectDemo.vue

@@ -4,7 +4,7 @@ import {
   ChartLineIcon,
   ChartPieIcon,
   CircleDashed,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
 
 import {
   Select,

apps/v4/components/_internal/sink/TabsDemo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { AppWindowIcon, CodeIcon } from 'lucide-vue-next'
+import { AppWindowIcon, CodeIcon } from '@lucide/vue'
 import { Button } from '@/registry/new-york-v4/ui/button'
 import {
   Card,

apps/v4/components/_internal/sink/ToggleDemo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { BoldIcon, BookmarkIcon, ItalicIcon, UnderlineIcon } from 'lucide-vue-next'
+import { BoldIcon, BookmarkIcon, ItalicIcon, UnderlineIcon } from '@lucide/vue'
 
 import { Toggle } from '@/registry/new-york-v4/ui/toggle'
 </script>

apps/v4/components/_internal/sink/ToggleGroupDemo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { BoldIcon, ItalicIcon, UnderlineIcon } from 'lucide-vue-next'
+import { BoldIcon, ItalicIcon, UnderlineIcon } from '@lucide/vue'
 
 import {
   ToggleGroup,

apps/v4/components/_internal/sink/TooltipDemo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { InfoIcon } from 'lucide-vue-next'
+import { InfoIcon } from '@lucide/vue'
 
 import { Button } from '@/registry/new-york-v4/ui/button'
 import {

apps/v4/components/cards/ActivityGoal.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { ChartConfig } from '~/registry/new-york-v4/ui/chart'
+import { Minus, Plus } from '@lucide/vue'
 import { VisStackedBar, VisXYContainer } from '@unovis/vue'
-import { Minus, Plus } from 'lucide-vue-next'
 import { ref } from 'vue'
 import { Button } from '@/registry/new-york-v4/ui/button'
 import {

apps/v4/components/cards/Chat.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Check, Plus, Send } from 'lucide-vue-next'
+import { Check, Plus, Send } from '@lucide/vue'
 import { computed, ref } from 'vue'
 import { cn } from '@/lib/utils'
 import { Avatar, AvatarFallback, AvatarImage } from '@/registry/new-york-v4/ui/avatar'

apps/v4/components/cards/Payments.vue

@@ -5,6 +5,7 @@ import type {
   SortingState,
   VisibilityState,
 } from '@tanstack/vue-table'
+import { ArrowUpDown, ChevronDown } from '@lucide/vue'
 import {
   FlexRender,
   getCoreRowModel,
@@ -13,7 +14,6 @@ import {
   getSortedRowModel,
   useVueTable,
 } from '@tanstack/vue-table'
-import { ArrowUpDown, ChevronDown } from 'lucide-vue-next'
 import { h, ref } from 'vue'
 import DropdownAction from '@/components/_internal/sink/DataTableDemoColumn.vue'
 

apps/v4/components/cards/TeamMembers.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ChevronDown } from 'lucide-vue-next'
+import { ChevronDown } from '@lucide/vue'
 import { ref } from 'vue'
 
 import {

apps/v4/components/command-menu/CommandMenu.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { Color, ColorPalette } from '@/lib/colors'
 import type { NavigationItem } from '~/composables/useNavigation'
+import { CornerDownLeft, Square } from '@lucide/vue'
 import { IconArrowRight } from '@tabler/icons-vue'
 import { useClipboard } from '@vueuse/core'
-import { CornerDownLeft, Square } from 'lucide-vue-next'
 import { onMounted, onUnmounted, ref } from 'vue'
 import { useIsMac } from '@/composables/useIsMac'
 import { useConfig } from '@/composables/useUserConfig'

apps/v4/components/content/Callout.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
 import type { AlertVariants } from '@/registry/new-york-v4/ui/alert'
-import { InfoIcon } from 'lucide-vue-next'
+import { InfoIcon } from '@lucide/vue'
 import { cn } from '@/lib/utils'
 import {
   Alert,

apps/v4/components/content/VueSchoolLink.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import { VideoIcon } from 'lucide-vue-next'
+import { VideoIcon } from '@lucide/vue'
 import { computed } from 'vue'
 import { cn } from '@/lib/utils'
 import {

apps/v4/components/demo/AlertDemo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { AlertCircleIcon, CheckCircle2Icon, PopcornIcon } from 'lucide-vue-next'
+import { AlertCircleIcon, CheckCircle2Icon, PopcornIcon } from '@lucide/vue'
 import {
   Alert,
   AlertDescription,

apps/v4/components/demo/AlertDestructive.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { AlertCircleIcon } from 'lucide-vue-next'
+import { AlertCircleIcon } from '@lucide/vue'
 import {
   Alert,
   AlertDescription,

apps/v4/components/demo/BadgeDemo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { BadgeCheckIcon } from 'lucide-vue-next'
+import { BadgeCheckIcon } from '@lucide/vue'
 import { Badge } from '@/registry/new-york-v4/ui/badge'
 </script>
 

apps/v4/components/demo/BreadcrumbCustomSeparatorDemo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { SlashIcon } from 'lucide-vue-next'
+import { SlashIcon } from '@lucide/vue'
 import {
   Breadcrumb,
   BreadcrumbItem,

apps/v4/components/demo/BreadcrumbDropdownDemo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ChevronDownIcon, SlashIcon } from 'lucide-vue-next'
+import { ChevronDownIcon, SlashIcon } from '@lucide/vue'
 import {
   Breadcrumb,
   BreadcrumbItem,

apps/v4/components/demo/ButtonDemo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ArrowUpIcon } from 'lucide-vue-next'
+import { ArrowUpIcon } from '@lucide/vue'
 import { Button } from '@/registry/new-york-v4/ui/button'
 </script>
 

apps/v4/components/demo/ButtonGroupDemo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ArchiveIcon, ArrowLeftIcon, CalendarPlusIcon, ClockIcon, ListFilterPlusIcon, MailCheckIcon, MoreHorizontalIcon, TagIcon, Trash2Icon } from 'lucide-vue-next'
+import { ArchiveIcon, ArrowLeftIcon, CalendarPlusIcon, ClockIcon, ListFilterPlusIcon, MailCheckIcon, MoreHorizontalIcon, TagIcon, Trash2Icon } from '@lucide/vue'
 import { Button } from '@/registry/new-york-v4/ui/button'
 import { ButtonGroup } from '@/registry/new-york-v4/ui/button-group'
 import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '@/registry/new-york-v4/ui/dropdown-menu'

apps/v4/components/demo/ButtonGroupInputGroupDemo.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { AudioLinesIcon, PlusIcon } from 'lucide-vue-next'
+import { AudioLinesIcon, PlusIcon } from '@lucide/vue'
 import { ref } from 'vue'
 import { Button } from '@/registry/new-york-v4/ui/button'
 import { ButtonGroup } from '@/registry/new-york-v4/ui/button-group'