Removed default lucide icons and updated some packages

components/ui/select/SelectItem.vue

@@ -7,8 +7,8 @@ import {
   SelectItemText,
   useForwardProps
 } from "radix-vue"
-import { Check } from "lucide-vue-next"
 import { cn } from "~/lib/utils"
+import { PhCheck } from "@phosphor-icons/vue";
 
 const props = defineProps<SelectItemProps & { class?: HTMLAttributes["class"] }>()
 
@@ -31,9 +31,9 @@ const forwardedProps = useForwardProps(delegatedProps)
       )
     "
   >
-    <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+    <span class="absolute left-2 flex size-3.5 items-center justify-center">
       <SelectItemIndicator>
-        <Check class="size-4" />
+        <PhCheck class="size-4" />
       </SelectItemIndicator>
     </span>
 

components/ui/select/SelectScrollDownButton.vue

@@ -5,8 +5,8 @@ import {
   type SelectScrollDownButtonProps,
   useForwardProps
 } from "radix-vue"
-import { ChevronDown } from "lucide-vue-next"
 import { cn } from "~/lib/utils"
+import { PhCaretDown } from "@phosphor-icons/vue";
 
 const props = defineProps<SelectScrollDownButtonProps & { class?: HTMLAttributes["class"] }>()
 
@@ -25,7 +25,7 @@ const forwardedProps = useForwardProps(delegatedProps)
     :class="cn('flex cursor-default items-center justify-center py-1', props.class)"
   >
     <slot>
-      <ChevronDown class="size-4" />
+      <PhCaretDown class="size-4" />
     </slot>
   </SelectScrollDownButton>
 </template>

components/ui/select/SelectScrollUpButton.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue"
 import { SelectScrollUpButton, type SelectScrollUpButtonProps, useForwardProps } from "radix-vue"
-import { ChevronUp } from "lucide-vue-next"
 import { cn } from "~/lib/utils"
+import { PhCaretUp } from "@phosphor-icons/vue";
 
 const props = defineProps<SelectScrollUpButtonProps & { class?: HTMLAttributes["class"] }>()
 
@@ -21,7 +21,7 @@ const forwardedProps = useForwardProps(delegatedProps)
     :class="cn('flex cursor-default items-center justify-center py-1', props.class)"
   >
     <slot>
-      <ChevronUp class="size-4" />
+      <PhCaretUp class="size-4" />
     </slot>
   </SelectScrollUpButton>
 </template>

components/ui/select/SelectTrigger.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue"
 import { SelectIcon, SelectTrigger, type SelectTriggerProps, useForwardProps } from "radix-vue"
-import { ChevronDown } from "lucide-vue-next"
 import { cn } from "~/lib/utils"
+import { PhCaretDown } from "@phosphor-icons/vue";
 
 const props = defineProps<SelectTriggerProps & { class?: HTMLAttributes["class"] }>()
 
@@ -27,7 +27,7 @@ const forwardedProps = useForwardProps(delegatedProps)
   >
     <slot />
     <SelectIcon as-child>
-      <ChevronDown class="w-4 h-4 opacity-50" />
+      <PhCaretDown class="size-4 opacity-50" />
     </SelectIcon>
   </SelectTrigger>
 </template>