@aydee-app/icons 1.0.1 → 1.0.3

package/dist/svelte/Focus.svelte

@@ -1,10 +1,14 @@
-<script>
-	let { size = 24, ...rest } = $props();
+<script lang="ts">
+  // Svelte 5: $props() usage
+  // default size=24, class passed via `class` prop
+  let { size = 24, class: className = '', ...rest } = $props();
+  export let FocusIcon = Focus;
 </script>
 <svg
   width={size}
   height={size}
   fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"
+  class={className}
   {...rest}
 >
   <path d="M7.28564 15.4286V11.2857C7.28564 9.28572 8.85707 7.71429 10.7142 7.71429H14.7142M32.7142 25.7143V29.7143C32.7142 31.7143 31.1428 33.2857 29.2856 33.2857H25.1428M7.28564 25.7143V29.7143C7.28564 31.7143 8.85707 33.2857 10.7142 33.2857H14.7142M25.1428 7.85715H29.2856C31.2856 7.85715 32.7142 9.42858 32.7142 11.4286V15.4286M20.7142 23.2857H19.2856C18.1428 23.2857 17.2856 22.4286 17.2856 21.2857V19.8572C17.2856 18.7143 18.1428 17.8572 19.2856 17.8572H20.7142C21.8571 17.8572 22.7142 18.7143 22.7142 19.8572V21.2857C22.7142 22.4286 21.8571 23.2857 20.7142 23.2857Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Focus.svelte.d.ts

@@ -1,11 +1,6 @@
-export default Focus;
-type Focus = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
 declare const Focus: import("svelte").Component<{
     size?: number;
+    class?: string;
 } & Record<string, any>, {}, "">;
-type $$ComponentProps = {
-    size?: number;
-} & Record<string, any>;
+type Focus = ReturnType<typeof Focus>;
+export default Focus;

package/dist/svelte/Folder.svelte

@@ -1,10 +1,14 @@
-<script>
-	let { size = 24, ...rest } = $props();
+<script lang="ts">
+  // Svelte 5: $props() usage
+  // default size=24, class passed via `class` prop
+  let { size = 24, class: className = '', ...rest } = $props();
+  export let FolderIcon = Folder;
 </script>
 <svg
   width={size}
   height={size}
   fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"
+  class={className}
   {...rest}
 >
   <path d="M23.2513 10.2463L21.2323 6.54485C20.4729 5.15213 19.0131 4.28571 17.4266 4.28571H8.62077C6.22662 4.28571 4.28577 6.22656 4.28577 8.62071V17.8326M35.7143 31.3793V15.1231C35.7143 12.729 33.7736 10.7881 31.3793 10.7881H4.28577V31.3793C4.28577 33.7734 6.22662 35.7143 8.62077 35.7143H31.3793C33.7735 35.7143 35.7143 33.7736 35.7143 31.3793Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Folder.svelte.d.ts

@@ -1,11 +1,6 @@
-export default Folder;
-type Folder = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
 declare const Folder: import("svelte").Component<{
     size?: number;
+    class?: string;
 } & Record<string, any>, {}, "">;
-type $$ComponentProps = {
-    size?: number;
-} & Record<string, any>;
+type Folder = ReturnType<typeof Folder>;
+export default Folder;

package/dist/svelte/Gear.svelte

@@ -1,10 +1,14 @@
-<script>
-	let { size = 24, ...rest } = $props();
+<script lang="ts">
+  // Svelte 5: $props() usage
+  // default size=24, class passed via `class` prop
+  let { size = 24, class: className = '', ...rest } = $props();
+  export let GearIcon = Gear;
 </script>
 <svg
   width={size}
   height={size}
   fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"
+  class={className}
   {...rest}
 >
   <path d="M20.0007 24.4076C22.3668 24.4076 24.2849 22.4895 24.2849 20.1234C24.2849 17.7574 22.3668 15.8393 20.0007 15.8393C17.6346 15.8393 15.7166 17.7574 15.7166 20.1234C15.7166 22.4895 17.6346 24.4076 20.0007 24.4076Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.3046 34.1641C23.5227 33.7264 22.3401 33.0641 21.4137 32.5454C20.5401 32.0563 19.4776 32.0568 18.6034 32.5448L15.708 34.1611C15.1727 34.46 14.5249 34.5268 13.9567 34.2961C12.7276 33.7971 11.5661 33.1454 10.4999 32.3564C9.98772 31.9774 9.70686 31.3586 9.70472 30.7214L9.69443 27.6144C9.691 26.5821 9.13572 25.6306 8.23872 25.1198L5.43972 23.5258C4.89072 23.2133 4.49086 22.6708 4.40986 22.0443C4.24529 20.7701 4.24514 19.48 4.40986 18.2058C4.49086 17.5787 4.89129 17.036 5.441 16.7236L8.23372 15.136C9.13086 14.626 9.68672 13.6754 9.69129 12.6434L9.70514 9.53142C9.708 8.89642 9.98757 8.27971 10.4971 7.90099C11.5649 7.10756 12.7284 6.45199 13.9604 5.94999C14.5259 5.71956 15.1714 5.78585 15.7044 6.08385L18.5959 7.70042C19.4697 8.18899 20.5346 8.18899 21.4084 7.70042L24.296 6.08613C24.8316 5.78671 25.48 5.71956 26.0484 5.95042C27.2773 6.44942 28.4384 7.10099 29.5044 7.88985C30.0166 8.26885 30.2974 8.88771 30.2996 9.52485L30.3099 12.6318C30.3133 13.664 30.8686 14.6156 31.7654 15.1264L34.5616 16.7188C35.1106 17.0314 35.5104 17.5738 35.5913 18.2003C35.7559 19.4744 35.756 20.7646 35.5913 22.0387C35.5103 22.6658 35.1099 23.2086 34.5601 23.521L31.7674 25.1086C30.8703 25.6186 30.3144 26.5691 30.3099 27.6011L30.296 30.7136C30.2931 31.3483 30.0139 31.9647 29.5046 32.3434C28.438 33.1367 27.2757 33.7924 26.0449 34.2948C25.4787 34.526 24.8381 34.4628 24.3046 34.1641Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Gear.svelte.d.ts

@@ -1,11 +1,6 @@
-export default Gear;
-type Gear = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
 declare const Gear: import("svelte").Component<{
     size?: number;
+    class?: string;
 } & Record<string, any>, {}, "">;
-type $$ComponentProps = {
-    size?: number;
-} & Record<string, any>;
+type Gear = ReturnType<typeof Gear>;
+export default Gear;

package/dist/svelte/GearFilled.svelte

@@ -1,10 +1,14 @@
-<script>
-	let { size = 24, ...rest } = $props();
+<script lang="ts">
+  // Svelte 5: $props() usage
+  // default size=24, class passed via `class` prop
+  let { size = 24, class: className = '', ...rest } = $props();
+  export let GearFilledIcon = GearFilled;
 </script>
 <svg
   width={size}
   height={size}
   fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"
+  class={className}
   {...rest}
 >
   <path d="M34.5709 18.206V18.1935C34.4584 17.381 33.9584 16.6435 33.2084 16.2185L30.7459 14.8061C30.2584 14.5436 29.9584 14.0186 29.9584 13.4561L29.9459 10.7311C29.9459 9.86862 29.5459 9.05612 28.8834 8.55612C27.9084 7.81862 26.8209 7.21862 25.6459 6.73112C24.9084 6.44362 24.0459 6.50612 23.2959 6.90612L20.7709 8.31862C20.2959 8.59362 19.7084 8.59362 19.2334 8.31862L16.6959 6.89362C15.9584 6.49362 15.1084 6.43112 14.3709 6.73112C13.2209 7.19362 12.1334 7.81862 11.1334 8.55612C10.4584 9.04362 10.0584 9.86862 10.0584 10.7436L10.0459 13.4436C10.0334 14.0186 9.73337 14.5436 9.24587 14.8311L6.78337 16.2186C6.04587 16.6436 5.54587 17.3936 5.43337 18.2061C5.27087 19.3936 5.27087 20.6186 5.43337 21.8186C5.54587 22.6311 6.04587 23.3686 6.79587 23.7936L9.24587 25.1937C9.73337 25.4812 10.0459 25.9937 10.0459 26.5562L10.0584 29.2812C10.0584 30.1562 10.4584 30.9813 11.1209 31.4562C12.0959 32.1938 13.1834 32.7937 14.3584 33.2812C14.6834 33.4062 15.0084 33.4687 15.3459 33.4687C15.8084 33.4687 16.2709 33.3438 16.6959 33.1187L19.2459 31.6937C19.7209 31.4187 20.2959 31.4187 20.7834 31.7062C21.5959 32.1562 22.6209 32.7188 23.3084 33.1063C24.0209 33.5187 24.8959 33.5812 25.6334 33.2812C26.7834 32.8187 27.8709 32.1938 28.8834 31.4438C29.5459 30.9438 29.9459 30.1312 29.9459 29.2686L29.9584 26.5561C29.9584 25.9811 30.2584 25.4686 30.7584 25.1811L33.2209 23.7936C33.9584 23.3686 34.4709 22.6187 34.5709 21.7936C34.7209 20.6061 34.7209 19.406 34.5709 18.206ZM19.9959 24.6935C17.4084 24.6935 15.3084 22.5935 15.3084 20.006C15.3084 17.4185 17.4084 15.3185 19.9959 15.3185C22.5834 15.3185 24.6834 17.4185 24.6834 20.006C24.6834 22.5935 22.5834 24.6935 19.9959 24.6935Z" fill="currentColor"/>

package/dist/svelte/GearFilled.svelte.d.ts

@@ -1,11 +1,6 @@
-export default GearFilled;
-type GearFilled = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
 declare const GearFilled: import("svelte").Component<{
     size?: number;
+    class?: string;
 } & Record<string, any>, {}, "">;
-type $$ComponentProps = {
-    size?: number;
-} & Record<string, any>;
+type GearFilled = ReturnType<typeof GearFilled>;
+export default GearFilled;

package/dist/svelte/Gift.svelte

@@ -1,10 +1,14 @@
-<script>
-	let { size = 24, ...rest } = $props();
+<script lang="ts">
+  // Svelte 5: $props() usage
+  // default size=24, class passed via `class` prop
+  let { size = 24, class: className = '', ...rest } = $props();
+  export let GiftIcon = Gift;
 </script>
 <svg
   width={size}
   height={size}
   fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"
+  class={className}
   {...rest}
 >
   <path d="M8.43026 19.2394V18.2394H7.43026V19.2394H8.43026ZM33.0222 19.2394H34.0222V18.2394H33.0222V19.2394ZM15.2794 5.75248C14.8948 5.35615 14.2617 5.34666 13.8654 5.73129C13.469 6.11592 13.4595 6.74902 13.8442 7.14535L15.2794 5.75248ZM19.5067 12.9802C19.8914 13.3765 20.5245 13.386 20.9208 13.0014C21.3171 12.6167 21.3266 11.9836 20.942 11.5873L19.5067 12.9802ZM27.5341 7.25268C27.9304 6.86805 27.9399 6.23496 27.5553 5.83862C27.1706 5.44229 26.5376 5.43281 26.1412 5.81744L27.5341 7.25268ZM20.3064 11.48C19.9101 11.8646 19.9006 12.4977 20.2852 12.8941C20.6698 13.2904 21.3029 13.2999 21.6993 12.9152L20.3064 11.48ZM6.94879 12.2837V13.2837H34.5033V12.2837V11.2837H6.94879V12.2837ZM34.5033 12.2837V13.2837C34.2253 13.2837 33.9999 13.0583 33.9999 12.7803H34.9999H35.9999C35.9999 11.9538 35.3298 11.2837 34.5033 11.2837V12.2837ZM34.9999 12.7803H33.9999V18.7097H34.9999H35.9999V12.7803H34.9999ZM34.9999 18.7097H33.9999C33.9999 18.4317 34.2253 18.2064 34.5033 18.2064V19.2064V20.2064C35.3298 20.2064 35.9999 19.5363 35.9999 18.7097H34.9999ZM34.5033 19.2064V18.2064H6.94879V19.2064V20.2064H34.5033V19.2064ZM6.94879 19.2064V18.2064C7.22679 18.2064 7.45215 18.4317 7.45215 18.7097H6.45215H5.45215C5.45215 19.5363 6.12222 20.2064 6.94879 20.2064V19.2064ZM6.45215 18.7097H7.45215V12.7803H6.45215H5.45215V18.7097H6.45215ZM6.45215 12.7803H7.45215C7.45215 13.0583 7.22679 13.2837 6.94879 13.2837V12.2837V11.2837C6.12222 11.2837 5.45215 11.9538 5.45215 12.7803H6.45215ZM8.43026 19.2394V20.2394H33.0222V19.2394V18.2394H8.43026V19.2394ZM33.0222 19.2394H32.0222V32.0672H33.0222H34.0222V19.2394H33.0222ZM33.0222 32.0672H32.0222C32.0222 33.0954 31.1868 33.9308 30.1586 33.9308V34.9308V35.9308C32.2914 35.9308 34.0222 34.1999 34.0222 32.0672H33.0222ZM30.1586 34.9308V33.9308H11.2938V34.9308V35.9308H30.1586V34.9308ZM11.2938 34.9308V33.9308C10.2657 33.9308 9.43026 33.0954 9.43026 32.0672H8.43026H7.43026C7.43026 34.1999 9.16109 35.9308 11.2938 35.9308V34.9308ZM8.43026 32.0672H9.43026V19.2394H8.43026H7.43026V32.0672H8.43026ZM20.7258 34.9307H21.7258V19.1547H20.7258H19.7258V34.9307H20.7258ZM14.5618 6.44891L13.8442 7.14535L19.5067 12.9802L20.2244 12.2837L20.942 11.5873L15.2794 5.75248L14.5618 6.44891ZM26.8377 6.53506L26.1412 5.81744L20.3064 11.48L21.0028 12.1976L21.6993 12.9152L27.5341 7.25268L26.8377 6.53506Z" fill="currentColor"/>

package/dist/svelte/Gift.svelte.d.ts

@@ -1,11 +1,6 @@
-export default Gift;
-type Gift = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
 declare const Gift: import("svelte").Component<{
     size?: number;
+    class?: string;
 } & Record<string, any>, {}, "">;
-type $$ComponentProps = {
-    size?: number;
-} & Record<string, any>;
+type Gift = ReturnType<typeof Gift>;
+export default Gift;

package/dist/svelte/GraduationHat.svelte

@@ -1,10 +1,14 @@
-<script>
-	let { size = 24, ...rest } = $props();
+<script lang="ts">
+  // Svelte 5: $props() usage
+  // default size=24, class passed via `class` prop
+  let { size = 24, class: className = '', ...rest } = $props();
+  export let GraduationHatIcon = GraduationHat;
 </script>
 <svg
   width={size}
   height={size}
   fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"
+  class={className}
   {...rest}
 >
   <path d="M29.3797 23.3729L37.6156 19.0467C38.89 18.3849 38.89 16.5467 37.6156 15.885L20.8374 7.07342C20.3108 6.80414 19.685 6.80414 19.1704 7.07342L2.39341 15.8849C1.10698 16.5467 1.10698 18.3849 2.39341 19.0466L10.6173 23.3607M29.3856 29.6054V19.565C29.3856 17.7901 25.1816 16.3446 20.0033 16.3446C14.825 16.3446 10.6101 17.7903 10.6101 19.565V29.6054M10.6101 29.6054C10.6101 31.5513 14.814 33.1286 19.9997 33.1286C25.1854 33.1286 29.3891 31.5513 29.3891 29.6054C29.3891 27.6596 25.1854 26.0823 19.9997 26.0823C14.814 26.0823 10.6101 27.6596 10.6101 29.6054Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/GraduationHat.svelte.d.ts

@@ -1,11 +1,6 @@
-export default GraduationHat;
-type GraduationHat = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
 declare const GraduationHat: import("svelte").Component<{
     size?: number;
+    class?: string;
 } & Record<string, any>, {}, "">;
-type $$ComponentProps = {
-    size?: number;
-} & Record<string, any>;
+type GraduationHat = ReturnType<typeof GraduationHat>;
+export default GraduationHat;

package/dist/svelte/GraduationHatFilled.svelte

@@ -1,10 +1,14 @@
-<script>
-	let { size = 24, ...rest } = $props();
+<script lang="ts">
+  // Svelte 5: $props() usage
+  // default size=24, class passed via `class` prop
+  let { size = 24, class: className = '', ...rest } = $props();
+  export let GraduationHatFilledIcon = GraduationHatFilled;
 </script>
 <svg
   width={size}
   height={size}
   fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"
+  class={className}
   {...rest}
 >
   <path d="M30.4755 29.4625V19.5625C30.4755 16.6 25.0505 15.25 20.0005 15.25C14.9505 15.25 9.51301 16.6 9.51301 19.5625V29.6C9.51301 30.875 10.438 31.875 11.8755 32.625C13.9005 33.6875 16.963 34.225 20.0005 34.225C23.038 34.225 26.1005 33.6875 28.1255 32.625C29.563 31.875 30.488 30.875 30.488 29.6C30.488 29.5625 30.4755 29.5125 30.4755 29.4625ZM26.4255 31.0125C25.038 31.5625 22.888 32.0375 20.0005 32.0375C17.113 32.0375 14.963 31.5625 13.5755 31C12.338 30.5125 11.7005 29.95 11.7005 29.6C11.7005 29.225 12.438 28.6125 13.888 28.0875C15.2755 27.5875 17.313 27.175 20.0005 27.175C22.6755 27.175 24.713 27.5875 26.1005 28.0875C27.5005 28.5875 28.2255 29.1875 28.288 29.5626V29.65C28.238 30 27.613 30.5375 26.4255 31.0125Z" fill="currentColor"/><path d="M39.663 17.4625C39.663 18.5501 39.0755 19.525 38.113 20.0125L32.663 22.8875V19.5625C32.663 14.775 26.1255 13.0625 20.0005 13.0625C13.8755 13.0625 7.32551 14.775 7.32551 19.5625V22.8625L1.88801 20.0125C0.938013 19.525 0.338013 18.55 0.338013 17.4625C0.338013 16.3875 0.938013 15.4125 1.88801 14.9125L18.663 6.1C19.488 5.675 20.488 5.675 21.338 6.1L38.1255 14.9125C39.0755 15.4125 39.663 16.3875 39.663 17.4625Z" fill="currentColor"/>

package/dist/svelte/GraduationHatFilled.svelte.d.ts

@@ -1,11 +1,6 @@
-export default GraduationHatFilled;
-type GraduationHatFilled = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
 declare const GraduationHatFilled: import("svelte").Component<{
     size?: number;
+    class?: string;
 } & Record<string, any>, {}, "">;
-type $$ComponentProps = {
-    size?: number;
-} & Record<string, any>;
+type GraduationHatFilled = ReturnType<typeof GraduationHatFilled>;
+export default GraduationHatFilled;

package/dist/svelte/Hide.svelte

@@ -1,10 +1,14 @@
-<script>
-	let { size = 24, ...rest } = $props();
+<script lang="ts">
+  // Svelte 5: $props() usage
+  // default size=24, class passed via `class` prop
+  let { size = 24, class: className = '', ...rest } = $props();
+  export let HideIcon = Hide;
 </script>
 <svg
   width={size}
   height={size}
   fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"
+  class={className}
   {...rest}
 >
   <path d="M30.6278 16.7914C31.3335 18.233 31.6309 19.4778 31.6309 20C31.6309 21.6043 28.8234 30.0268 19.9998 30.0268C18.8264 30.0268 17.7594 29.878 16.7912 29.6158M11.9784 26.848C9.35065 24.2823 8.36865 20.9487 8.36865 20C8.36865 18.3957 11.1762 9.97312 19.9998 9.97312C22.8791 9.97312 25.1177 10.87 26.8274 12.1341M31.6309 8.36884L8.36865 31.6311M17.4474 22.5524C16.0378 21.1427 16.0378 18.8573 17.4474 17.4475C18.8571 16.0378 21.1425 16.0378 22.5522 17.4475" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Hide.svelte.d.ts

@@ -1,11 +1,6 @@
-export default Hide;
-type Hide = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
 declare const Hide: import("svelte").Component<{
     size?: number;
+    class?: string;
 } & Record<string, any>, {}, "">;
-type $$ComponentProps = {
-    size?: number;
-} & Record<string, any>;
+type Hide = ReturnType<typeof Hide>;
+export default Hide;

package/dist/svelte/Home.svelte

@@ -1,10 +1,14 @@
-<script>
-	let { size = 24, ...rest } = $props();
+<script lang="ts">
+  // Svelte 5: $props() usage
+  // default size=24, class passed via `class` prop
+  let { size = 24, class: className = '', ...rest } = $props();
+  export let HomeIcon = Home;
 </script>
 <svg
   width={size}
   height={size}
   fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"
+  class={className}
   {...rest}
 >
   <path d="M33.7312 17.6351V31.969C33.7312 33.6008 32.4083 34.9237 30.7766 34.9237H9.22445C7.59259 34.9237 6.26987 33.6008 6.26987 31.969V17.6351M1.42859 22.4928L17.906 5.93484C19.0612 4.77384 20.94 4.77384 22.095 5.93484L38.5714 22.491M15.4236 34.9114V26.2794C15.4236 25.0093 16.4533 23.9796 17.7234 23.9796H22.2776C23.5477 23.9796 24.5774 25.0094 24.5774 26.2794V34.936" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Home.svelte.d.ts

@@ -1,11 +1,6 @@
-export default Home;
-type Home = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
 declare const Home: import("svelte").Component<{
     size?: number;
+    class?: string;
 } & Record<string, any>, {}, "">;
-type $$ComponentProps = {
-    size?: number;
-} & Record<string, any>;
+type Home = ReturnType<typeof Home>;
+export default Home;

package/dist/svelte/HomeFilled.svelte

@@ -1,10 +1,14 @@
-<script>
-	let { size = 24, ...rest } = $props();
+<script lang="ts">
+  // Svelte 5: $props() usage
+  // default size=24, class passed via `class` prop
+  let { size = 24, class: className = '', ...rest } = $props();
+  export let HomeFilledIcon = HomeFilled;
 </script>
 <svg
   width={size}
   height={size}
   fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"
+  class={className}
   {...rest}
 >
   <path d="M34.1015 22.6469C34.5673 23.1152 34.8288 23.749 34.8288 24.4096V31.9532C34.8288 34.1907 33.0038 36.0033 30.7786 36.0033H23.4786V26.2657C23.4786 25.603 22.9414 25.0657 22.2786 25.0657H17.7286C17.0536 25.0657 16.5161 25.6034 16.5161 26.2657V36.0033H9.22865C6.9919 36.0033 5.17865 34.19 5.17865 31.9532V24.3971C5.17865 23.7365 5.44015 23.1029 5.9059 22.6344L18.6786 9.79075C19.3786 9.09075 20.6161 9.09075 21.3161 9.79075L34.1015 22.6469Z" fill="currentColor"/><path d="M1.42827 23.5742C1.14877 23.5742 0.870397 23.468 0.656772 23.2556C0.228272 22.8296 0.227022 22.1369 0.653147 21.709L17.1314 5.15087C18.6609 3.61337 21.3379 3.611 22.8699 5.15087L39.3469 21.7072C39.7729 22.1351 39.7716 22.8279 39.3433 23.2539C38.916 23.6799 38.2239 23.6786 37.7966 23.2502L21.3196 6.69387C20.6153 5.98525 19.3836 5.98775 18.6816 6.69387L2.2034 23.252C1.98977 23.4669 1.70902 23.5742 1.42827 23.5742Z" fill="currentColor"/>

package/dist/svelte/HomeFilled.svelte.d.ts

@@ -1,11 +1,6 @@
-export default HomeFilled;
-type HomeFilled = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
 declare const HomeFilled: import("svelte").Component<{
     size?: number;
+    class?: string;
 } & Record<string, any>, {}, "">;
-type $$ComponentProps = {
-    size?: number;
-} & Record<string, any>;
+type HomeFilled = ReturnType<typeof HomeFilled>;
+export default HomeFilled;

package/dist/svelte/Image.svelte

@@ -1,10 +1,14 @@
-<script>
-	let { size = 24, ...rest } = $props();
+<script lang="ts">
+  // Svelte 5: $props() usage
+  // default size=24, class passed via `class` prop
+  let { size = 24, class: className = '', ...rest } = $props();
+  export let ImageIcon = Image;
 </script>
 <svg
   width={size}
   height={size}
   fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"
+  class={className}
   {...rest}
 >
   <path d="M4.28577 28.6698L10.2381 21.0983C11.9259 18.9513 15.1546 18.881 16.9343 20.9526L22.1675 27.0444M17.6483 21.7838C19.8965 18.9241 23.0286 14.8728 23.2326 14.6093C23.2399 14.5998 23.2468 14.591 23.2542 14.5816C24.9452 12.4483 28.1635 12.383 29.9393 14.45L35.1725 20.5417M8.62077 35.7143H31.3795C33.7738 35.7143 35.7145 33.7736 35.7145 31.3793V8.62071C35.7145 6.22656 33.7738 4.28571 31.3795 4.28571H8.62077C6.22662 4.28571 4.28577 6.22656 4.28577 8.62071V31.3794C4.28577 33.7737 6.22662 35.7143 8.62077 35.7143Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Image.svelte.d.ts

@@ -1,11 +1,6 @@
-export default Image;
-type Image = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
 declare const Image: import("svelte").Component<{
     size?: number;
+    class?: string;
 } & Record<string, any>, {}, "">;
-type $$ComponentProps = {
-    size?: number;
-} & Record<string, any>;
+type Image = ReturnType<typeof Image>;
+export default Image;

package/dist/svelte/ImageFilled.svelte

@@ -1,10 +1,14 @@
-<script>
-	let { size = 24, ...rest } = $props();
+<script lang="ts">
+  // Svelte 5: $props() usage
+  // default size=24, class passed via `class` prop
+  let { size = 24, class: className = '', ...rest } = $props();
+  export let ImageFilledIcon = ImageFilled;
 </script>
 <svg
   width={size}
   height={size}
   fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"
+  class={className}
   {...rest}
 >
   <path d="M31.375 3.2H8.62498C5.62498 3.2 3.19998 5.625 3.19998 8.625V22.1125C3.19998 22.4625 3.36248 22.775 3.62498 22.9625C3.81248 23.1125 4.03748 23.2 4.28748 23.2C4.88748 23.2 5.38748 22.7125 5.38748 22.1125V8.625C5.38748 6.83737 6.83748 5.3875 8.62498 5.3875H31.375C33.1625 5.3875 34.6125 6.8375 34.6125 8.625V14.8874C34.6125 15.4874 35.1125 15.9874 35.7125 15.9874C35.9875 15.9874 36.2375 15.8874 36.4249 15.7124C36.6623 15.5124 36.7999 15.2124 36.7999 14.8874V8.625C36.7999 5.625 34.375 3.2 31.375 3.2Z" fill="currentColor"/><path d="M26.6812 11.85C28.2937 11.85 29.7437 12.5375 30.7687 13.7375L35.0062 18.6625L35.9717 19.7889C36.5102 20.4171 36.8062 21.2174 36.8062 22.0449V31.375C36.8062 34.3711 34.3773 36.8 31.3812 36.8H8.63123C6.66873 36.8 4.88123 35.7625 3.91873 34.075C3.86873 34.0125 3.83123 33.9375 3.79373 33.875C3.78123 33.825 3.75623 33.7876 3.74373 33.75C3.45623 33.1375 3.26873 32.4875 3.21873 31.8125L3.19373 31.85L3.20623 31.7625V29.4711C3.20623 28.6961 3.46585 27.9435 3.94385 27.3335L4.96873 26.0251L9.38123 20.4251C9.38123 20.4251 10.7854 18.3655 13.6574 18.3334C16.1274 18.3057 17.6001 20.0605 17.6001 20.0605L22.9436 26.25C23.3436 26.6625 23.9936 26.7 24.4311 26.325C24.8436 25.975 24.9311 25.3875 24.6686 24.9375L18.9686 18.3125L22.3686 13.9375C22.3686 13.9375 23.7622 11.85 26.6812 11.85Z" fill="currentColor"/>

package/dist/svelte/ImageFilled.svelte.d.ts

@@ -1,11 +1,6 @@
-export default ImageFilled;
-type ImageFilled = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
 declare const ImageFilled: import("svelte").Component<{
     size?: number;
+    class?: string;
 } & Record<string, any>, {}, "">;
-type $$ComponentProps = {
-    size?: number;
-} & Record<string, any>;
+type ImageFilled = ReturnType<typeof ImageFilled>;
+export default ImageFilled;

package/dist/svelte/Info.svelte

@@ -1,10 +1,14 @@
-<script>
-	let { size = 24, ...rest } = $props();
+<script lang="ts">
+  // Svelte 5: $props() usage
+  // default size=24, class passed via `class` prop
+  let { size = 24, class: className = '', ...rest } = $props();
+  export let InfoIcon = Info;
 </script>
 <svg
   width={size}
   height={size}
   fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"
+  class={className}
   {...rest}
 >
   <path d="M20.0008 25.9593V19.4554M19.9993 14.0034V14.0407M35.7462 20C35.7462 28.6963 28.6964 35.7461 20 35.7461C11.3037 35.7461 4.25391 28.6963 4.25391 20C4.25391 11.3036 11.3037 4.25385 20 4.25385C28.6964 4.25385 35.7462 11.3036 35.7462 20Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Info.svelte.d.ts

@@ -1,11 +1,6 @@
-export default Info;
-type Info = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
 declare const Info: import("svelte").Component<{
     size?: number;
+    class?: string;
 } & Record<string, any>, {}, "">;
-type $$ComponentProps = {
-    size?: number;
-} & Record<string, any>;
+type Info = ReturnType<typeof Info>;
+export default Info;

package/dist/svelte/Like.svelte

@@ -1,10 +1,14 @@
-<script>
-	let { size = 24, ...rest } = $props();
+<script lang="ts">
+  // Svelte 5: $props() usage
+  // default size=24, class passed via `class` prop
+  let { size = 24, class: className = '', ...rest } = $props();
+  export let LikeIcon = Like;
 </script>
 <svg
   width={size}
   height={size}
   fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"
+  class={className}
   {...rest}
 >
   <path d="M19.9891 9.21344C16.8474 5.54044 11.6081 4.5523 7.67168 7.91573C3.73525 11.2792 3.18096 16.9026 6.27239 20.8807L19.9893 34.1427L33.7063 20.8807C36.7977 16.9026 36.3111 11.2437 32.307 7.91573C28.3027 4.58773 23.131 5.5403 19.9891 9.21344Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Like.svelte.d.ts

@@ -1,11 +1,6 @@
-export default Like;
-type Like = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
 declare const Like: import("svelte").Component<{
     size?: number;
+    class?: string;
 } & Record<string, any>, {}, "">;
-type $$ComponentProps = {
-    size?: number;
-} & Record<string, any>;
+type Like = ReturnType<typeof Like>;
+export default Like;

package/dist/svelte/Link.svelte

@@ -1,10 +1,14 @@
-<script>
-	let { size = 24, ...rest } = $props();
+<script lang="ts">
+  // Svelte 5: $props() usage
+  // default size=24, class passed via `class` prop
+  let { size = 24, class: className = '', ...rest } = $props();
+  export let LinkIcon = Link;
 </script>
 <svg
   width={size}
   height={size}
   fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"
+  class={className}
   {...rest}
 >
   <path d="M30.3059 22.712L33.0181 19.9999C36.6131 16.4049 36.6131 10.5766 33.0181 6.98173C29.4231 3.38687 23.5949 3.38687 19.9999 6.98173L17.2878 9.69387M9.69393 17.2879L6.98179 20C3.38693 23.595 3.38693 29.4232 6.98179 33.0182C10.5766 36.6132 16.4049 36.6132 19.9999 33.0182L22.7121 30.306M24.8816 15.1182L15.1181 24.8817" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Link.svelte.d.ts

@@ -1,11 +1,6 @@
-export default Link;
-type Link = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
 declare const Link: import("svelte").Component<{
     size?: number;
+    class?: string;
 } & Record<string, any>, {}, "">;
-type $$ComponentProps = {
-    size?: number;
-} & Record<string, any>;
+type Link = ReturnType<typeof Link>;
+export default Link;

package/dist/svelte/Localization.svelte

@@ -1,10 +1,14 @@
-<script>
-	let { size = 24, ...rest } = $props();
+<script lang="ts">
+  // Svelte 5: $props() usage
+  // default size=24, class passed via `class` prop
+  let { size = 24, class: className = '', ...rest } = $props();
+  export let LocalizationIcon = Localization;
 </script>
 <svg
   width={size}
   height={size}
   fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"
+  class={className}
   {...rest}
 >
   <path d="M33.3334 17.931C33.3334 26.2069 20.0001 35 20.0001 35C20.0001 35 6.66675 26.2069 6.66675 17.931C6.66675 10.6897 12.9308 5 20.0001 5C27.0693 5 33.3334 10.6897 33.3334 17.931Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 23.3333C22.7614 23.3333 25 21.0947 25 18.3333C25 15.5719 22.7614 13.3333 20 13.3333C17.2386 13.3333 15 15.5719 15 18.3333C15 21.0947 17.2386 23.3333 20 23.3333Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Localization.svelte.d.ts

@@ -1,11 +1,6 @@
-export default Localization;
-type Localization = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
 declare const Localization: import("svelte").Component<{
     size?: number;
+    class?: string;
 } & Record<string, any>, {}, "">;
-type $$ComponentProps = {
-    size?: number;
-} & Record<string, any>;
+type Localization = ReturnType<typeof Localization>;
+export default Localization;

package/dist/svelte/Lock.svelte

@@ -1,10 +1,14 @@
-<script>
-	let { size = 24, ...rest } = $props();
+<script lang="ts">
+  // Svelte 5: $props() usage
+  // default size=24, class passed via `class` prop
+  let { size = 24, class: className = '', ...rest } = $props();
+  export let LockIcon = Lock;
 </script>
 <svg
   width={size}
   height={size}
   fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"
+  class={className}
   {...rest}
 >
   <path d="M10.3504 16.7487V16.4077C10.3504 13.0237 10.1372 9.25187 12.6129 6.83001C14.0247 5.44887 16.3093 4.28558 20 4.28558C23.6907 4.28558 25.9752 5.44887 27.387 6.83001C29.8627 9.25187 29.6496 13.0237 29.6496 16.4077V16.7487M5.80959 19.4582C5.80959 18.261 6.82616 17.2906 8.08002 17.2906H31.92C33.174 17.2906 34.1904 18.261 34.1904 19.4582V31.3793C34.1904 33.7736 32.1574 35.7143 29.6494 35.7143H10.3504C7.84259 35.7143 5.80945 33.7736 5.80945 31.3793L5.80959 19.4582Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Lock.svelte.d.ts

@@ -1,11 +1,6 @@
-export default Lock;
-type Lock = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
 declare const Lock: import("svelte").Component<{
     size?: number;
+    class?: string;
 } & Record<string, any>, {}, "">;
-type $$ComponentProps = {
-    size?: number;
-} & Record<string, any>;
+type Lock = ReturnType<typeof Lock>;
+export default Lock;

package/dist/svelte/Login.svelte

@@ -1,10 +1,14 @@
-<script>
-	let { size = 24, ...rest } = $props();
+<script lang="ts">
+  // Svelte 5: $props() usage
+  // default size=24, class passed via `class` prop
+  let { size = 24, class: className = '', ...rest } = $props();
+  export let LoginIcon = Login;
 </script>
 <svg
   width={size}
   height={size}
   fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"
+  class={className}
   {...rest}
 >
   <path d="M15.3448 13.2759L22.5862 20L15.3448 26.7241M15.3448 5H30.8621C33.1474 5 35 6.85261 35 9.13793V30.8621C35 33.1474 33.1474 35 30.8621 35H15.3448M22.069 20H5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Login.svelte.d.ts

@@ -1,11 +1,6 @@
-export default Login;
-type Login = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
 declare const Login: import("svelte").Component<{
     size?: number;
+    class?: string;
 } & Record<string, any>, {}, "">;
-type $$ComponentProps = {
-    size?: number;
-} & Record<string, any>;
+type Login = ReturnType<typeof Login>;
+export default Login;