refactor: replace icon imports with Lucide icons across components

src/components/Avatar/avatar.astro

@@ -1,5 +1,5 @@
 ---
-import { ProfileIcon } from '../Icons';
+import { User } from '@lucide/astro';
 export interface Props {
   type:        'photo' | 'initials';
   name: string;
@@ -18,7 +18,7 @@ const { type, name, image } = Astro.props;
         onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';"
       />
       <span class="avatar__fallback" style="display:none;">
-        <ProfileIcon size={24}/>
+        <User size={24}/>
       </span>
     </div>
   ) : (

src/components/Modal/modal.astro

@@ -1,5 +1,5 @@
 ---
-import { CloseIcon } from "../Icons";
+import { XIcon } from '@lucide/astro'
 
 export interface Props {
   id: string;
@@ -21,7 +21,7 @@ const hasFooter = Astro.slots.has("footer");
       <div class="modal__head">
         <span class="modal__title">{title}</span>
         <button class="modal__close" data-modal-close aria-label="Close">
-          <CloseIcon size={18} label="Close" />
+          <XIcon size={18} />
         </button>
       </div>
       <div class="modal__body"><slot /></div>

src/components/Notifications/notification.astro

@@ -1,5 +1,5 @@
 ---
-import { CloseIcon } from "../Icons";
+import { XIcon } from '@lucide/astro'
 
 export interface Props {
   type: "info" | "success" | "warning" | "error";
@@ -21,7 +21,7 @@ const { type } = Astro.props;
     aria-label="Close notification"
     onclick={`document.getElementById('${notificationUUID}')?.remove()`}
   >
-    <CloseIcon size={16} label="Close notification" />
+    <XIcon size={16} />
   </button>
 </div>
 

src/components/Select/select.astro

@@ -1,5 +1,5 @@
 ---
-import Arrow2 from '../Icons/Arrow2/Arrow2.astro';
+import { ChevronLeft, ChevronDown } from '@lucide/astro'
 
 export interface Props {
   default?: string;
@@ -23,10 +23,10 @@ const { default: defaultValue, disabled = false, value } = Astro.props;
     disabled={disabled}
   >
     <span class="select__label"></span><span class="select__arrow select__arrow--closed">
-      <Arrow2 size={16} orientation="left" />
+      <ChevronLeft size={16} />
     </span>
     <span class="select__arrow select__arrow--open select__arrow--hidden">
-      <Arrow2 size={16} orientation="down" />
+      <ChevronDown size={16} />
     </span>
   </button>
 

src/components/numericStepper/numericStepper.astro

@@ -1,6 +1,6 @@
 ---
 import Button from '../Button/button.astro';
-import { MinusIcon, PlusIcon } from '../Icons';
+import { Minus, Plus } from '@lucide/astro'
 
 export interface Props {
   id: string;
@@ -24,7 +24,7 @@ const { id, min, max, value = 0, step = 1 } = Astro.props;
 >
   <span class="numeric-stepper__control" data-action="increment">
     <Button type="ghost" icon={true}>
-      <MinusIcon size={24} />
+      <Minus size={24} />
     </Button>
   </span>
   
@@ -32,7 +32,7 @@ const { id, min, max, value = 0, step = 1 } = Astro.props;
   
   <span class="numeric-stepper__control" data-action="decrement">
     <Button type="ghost" icon={true}>
-      <PlusIcon size={24} />
+      <Plus size={24} />
     </Button>
   </span>
 </div>