@aydee-app/icons 1.0.0 → 1.0.3

package/dist/svelte/Collapse.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 CollapseIcon = Collapse;
 </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.9999 7.85715V32.8572M7.28564 11.2857C7.28564 9.28572 8.85707 7.71429 10.8571 7.71429H29.2856C31.2856 7.71429 32.8571 9.28572 32.8571 11.2857V29.7143C32.8571 31.7143 31.2856 33.2857 29.2856 33.2857H10.8571C8.85707 33.2857 7.28564 31.7143 7.28564 29.7143V11.2857Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Collapse.svelte.d.ts

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

package/dist/svelte/Columns.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 ColumnsIcon = Columns;
 </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.0002 7.83069V32.7897M7.30176 11.3337C7.30176 9.39897 8.87004 7.83069 10.8048 7.83069H29.1956C31.1303 7.83069 32.6986 9.39897 32.6986 11.3337V29.7245C32.6986 31.6593 31.1303 33.2275 29.1956 33.2275H10.8048C8.87004 33.2275 7.30176 31.6593 7.30176 29.7245V11.3337Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Columns.svelte.d.ts

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

package/dist/svelte/Copy.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 CopyIcon = Copy;
 </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.62069 26.7241C6.62103 26.7241 5 25.1031 5 23.1034V9.13793C5 6.85261 6.85261 5 9.13793 5H23.1034C25.1031 5 26.7241 6.62103 26.7241 8.62069M17.4138 13.2759H30.8621C33.1474 13.2759 35 15.1285 35 17.4138V30.8621C35 33.1474 33.1474 35 30.8621 35H17.4138C15.1285 35 13.2759 33.1474 13.2759 30.8621V17.4138C13.2759 15.1285 15.1285 13.2759 17.4138 13.2759Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Copy.svelte.d.ts

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

package/dist/svelte/Crpss.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 CrpssIcon = Crpss;
 </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.88831 31.1117L31.1117 8.88845M31.1117 31.1117L8.88831 8.88831" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Crpss.svelte.d.ts

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

package/dist/svelte/Cycle.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 CycleIcon = Cycle;
 </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="M25.6817 15.3517H32.5M32.5 15.3517V8.37919M32.5 15.3517L28.483 11.2438C23.6415 6.29304 15.8065 6.24652 10.9093 11.1392M14.3182 24.6483H7.5M7.5 24.6483V31.6208M7.5 24.6483L11.517 28.7562C16.3585 33.707 24.1935 33.7535 29.0907 28.8608" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Cycle.svelte.d.ts

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

package/dist/svelte/Danger.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 DangerIcon = Danger;
 </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.9985 15.5419V22.0457M20 27.423V27.4603M4.7194 29.4352L16.1293 6.6783C17.729 3.48759 22.2834 3.48845 23.882 6.67973L35.2814 29.4367C36.7254 32.3196 34.6293 35.7144 31.4047 35.7144H8.5954C5.37012 35.7144 3.27383 32.3183 4.7194 29.4352Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Danger.svelte.d.ts

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

package/dist/svelte/Deactivate.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 DeactivateIcon = Deactivate;
 </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.9832 10.9834L29.0164 29.0166M32.7511 20C32.7511 27.0423 27.0422 32.7513 19.9998 32.7513C12.9575 32.7513 7.24854 27.0423 7.24854 20C7.24854 12.9577 12.9575 7.24872 19.9998 7.24872C27.0422 7.24872 32.7511 12.9577 32.7511 20Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Deactivate.svelte.d.ts

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

package/dist/svelte/Document.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 DocumentIcon = Document;
 </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.447 15.6879H27.3443C24.2483 15.6879 21.7384 13.1782 21.7384 10.082V4.36859M11.674 35.7143H29.1013C31.5014 35.7143 33.4471 33.7786 33.4471 31.3907V15.8866C33.4471 14.3949 32.8526 12.9646 31.795 11.9124L25.8523 6.00031C24.8017 4.95531 23.3803 4.36859 21.8986 4.36859H11.674C9.27386 4.36859 7.328 6.30431 7.328 8.69216V31.3907C7.328 33.7786 9.27372 35.7143 11.674 35.7143Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Document.svelte.d.ts

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

package/dist/svelte/DocumentFilled.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  // Svelte 5: $props() usage
+  // default size=24, class passed via `class` prop
+  let { size = 24, class: className = '', ...rest } = $props();
+  export let DocumentFilledIcon = DocumentFilled;
+</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.025 14.5562H26.9625C24.475 14.5562 22.45 12.5311 22.45 10.0437V3.30625C23.875 3.49375 25.2 4.14375 26.2375 5.18125L32.175 11.0937C33.125 12.0312 33.7625 13.2562 34.025 14.5562Z" fill="currentColor"/><path d="M34.15 16.7437V31.3438C34.15 34.3312 31.7125 36.7687 28.7125 36.7687H11.2875C8.28748 36.7687 5.84998 34.3312 5.84998 31.3438V8.65625C5.84998 5.66875 8.28748 3.23125 11.2875 3.23125H20.2625V10.0437C20.2625 13.7312 23.2625 16.7437 26.9625 16.7437H34.15Z" fill="currentColor"/>
+</svg>

package/dist/svelte/DocumentFilled.svelte.d.ts

@@ -0,0 +1,6 @@
+declare const DocumentFilled: import("svelte").Component<{
+    size?: number;
+    class?: string;
+} & Record<string, any>, {}, "">;
+type DocumentFilled = ReturnType<typeof DocumentFilled>;
+export default DocumentFilled;

package/dist/svelte/DotsVertical.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 DotsVerticalIcon = DotsVertical;
 </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.0002 21.6667C20.9206 21.6667 21.6668 20.9205 21.6668 20C21.6668 19.0795 20.9206 18.3334 20.0002 18.3334C19.0797 18.3334 18.3335 19.0795 18.3335 20C18.3335 20.9205 19.0797 21.6667 20.0002 21.6667Z" fill="currentColor"/><path d="M20.0002 10C20.9206 10 21.6668 9.25383 21.6668 8.33335C21.6668 7.41288 20.9206 6.66669 20.0002 6.66669C19.0797 6.66669 18.3335 7.41288 18.3335 8.33335C18.3335 9.25383 19.0797 10 20.0002 10Z" fill="currentColor"/><path d="M20.0002 33.3334C20.9206 33.3334 21.6668 32.5872 21.6668 31.6667C21.6668 30.7462 20.9206 30 20.0002 30C19.0797 30 18.3335 30.7462 18.3335 31.6667C18.3335 32.5872 19.0797 33.3334 20.0002 33.3334Z" fill="currentColor"/><path d="M20.0002 21.6667C20.9206 21.6667 21.6668 20.9205 21.6668 20C21.6668 19.0795 20.9206 18.3334 20.0002 18.3334C19.0797 18.3334 18.3335 19.0795 18.3335 20C18.3335 20.9205 19.0797 21.6667 20.0002 21.6667Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.0002 10C20.9206 10 21.6668 9.25383 21.6668 8.33335C21.6668 7.41288 20.9206 6.66669 20.0002 6.66669C19.0797 6.66669 18.3335 7.41288 18.3335 8.33335C18.3335 9.25383 19.0797 10 20.0002 10Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.0002 33.3334C20.9206 33.3334 21.6668 32.5872 21.6668 31.6667C21.6668 30.7462 20.9206 30 20.0002 30C19.0797 30 18.3335 30.7462 18.3335 31.6667C18.3335 32.5872 19.0797 33.3334 20.0002 33.3334Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/DotsVertical.svelte.d.ts

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

package/dist/svelte/Download.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 DownloadIcon = Download;
 </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 25.9606V29.2118C4.28577 32.8031 7.19705 35.7143 10.7882 35.7143H29.2119C32.8032 35.7143 35.7143 32.8031 35.7143 29.2118V25.9606M20.0001 4.28571V24.335M27.0443 17.2906L20.0001 24.8767L12.9558 17.2906" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Download.svelte.d.ts

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

package/dist/svelte/Drag.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 DragIcon = Drag;
 </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="M26.6668 21.6667C27.5873 21.6667 28.3335 20.9205 28.3335 20C28.3335 19.0795 27.5873 18.3334 26.6668 18.3334C25.7464 18.3334 25.0002 19.0795 25.0002 20C25.0002 20.9205 25.7464 21.6667 26.6668 21.6667Z" fill="currentColor"/><path d="M26.6668 10C27.5873 10 28.3335 9.25383 28.3335 8.33335C28.3335 7.41288 27.5873 6.66669 26.6668 6.66669C25.7464 6.66669 25.0002 7.41288 25.0002 8.33335C25.0002 9.25383 25.7464 10 26.6668 10Z" fill="currentColor"/><path d="M26.6668 33.3334C27.5873 33.3334 28.3335 32.5872 28.3335 31.6667C28.3335 30.7462 27.5873 30 26.6668 30C25.7464 30 25.0002 30.7462 25.0002 31.6667C25.0002 32.5872 25.7464 33.3334 26.6668 33.3334Z" fill="currentColor"/><path d="M15.0002 21.6667C15.9206 21.6667 16.6668 20.9205 16.6668 20C16.6668 19.0795 15.9206 18.3334 15.0002 18.3334C14.0797 18.3334 13.3335 19.0795 13.3335 20C13.3335 20.9205 14.0797 21.6667 15.0002 21.6667Z" fill="currentColor"/><path d="M15.0002 10C15.9206 10 16.6668 9.25383 16.6668 8.33335C16.6668 7.41288 15.9206 6.66669 15.0002 6.66669C14.0797 6.66669 13.3335 7.41288 13.3335 8.33335C13.3335 9.25383 14.0797 10 15.0002 10Z" fill="currentColor"/><path d="M15.0002 33.3334C15.9206 33.3334 16.6668 32.5872 16.6668 31.6667C16.6668 30.7462 15.9206 30 15.0002 30C14.0797 30 13.3335 30.7462 13.3335 31.6667C13.3335 32.5872 14.0797 33.3334 15.0002 33.3334Z" fill="currentColor"/><path d="M26.6668 21.6667C27.5873 21.6667 28.3335 20.9205 28.3335 20C28.3335 19.0795 27.5873 18.3334 26.6668 18.3334C25.7464 18.3334 25.0002 19.0795 25.0002 20C25.0002 20.9205 25.7464 21.6667 26.6668 21.6667Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M26.6668 10C27.5873 10 28.3335 9.25383 28.3335 8.33335C28.3335 7.41288 27.5873 6.66669 26.6668 6.66669C25.7464 6.66669 25.0002 7.41288 25.0002 8.33335C25.0002 9.25383 25.7464 10 26.6668 10Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M26.6668 33.3334C27.5873 33.3334 28.3335 32.5872 28.3335 31.6667C28.3335 30.7462 27.5873 30 26.6668 30C25.7464 30 25.0002 30.7462 25.0002 31.6667C25.0002 32.5872 25.7464 33.3334 26.6668 33.3334Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.0002 21.6667C15.9206 21.6667 16.6668 20.9205 16.6668 20C16.6668 19.0795 15.9206 18.3334 15.0002 18.3334C14.0797 18.3334 13.3335 19.0795 13.3335 20C13.3335 20.9205 14.0797 21.6667 15.0002 21.6667Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.0002 10C15.9206 10 16.6668 9.25383 16.6668 8.33335C16.6668 7.41288 15.9206 6.66669 15.0002 6.66669C14.0797 6.66669 13.3335 7.41288 13.3335 8.33335C13.3335 9.25383 14.0797 10 15.0002 10Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.0002 33.3334C15.9206 33.3334 16.6668 32.5872 16.6668 31.6667C16.6668 30.7462 15.9206 30 15.0002 30C14.0797 30 13.3335 30.7462 13.3335 31.6667C13.3335 32.5872 14.0797 33.3334 15.0002 33.3334Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Drag.svelte.d.ts

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

package/dist/svelte/Filter.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 FilterIcon = Filter;
 </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="M13.5714 29.6428H26.4285M10.3571 20H29.6428M7.14282 10.3571H32.8571" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Filter.svelte.d.ts

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

package/dist/svelte/Fire.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 FireIcon = Fire;
 </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="M14.4963 13.6089C14.4295 15.362 14.952 17.0863 15.9788 18.5013C16.1553 18.7368 16.4807 18.7968 16.7282 18.6396C17.6459 18.0606 19.7727 16.2431 20.8335 11.4132C21.3978 8.98365 21.4904 6.46666 21.1063 4.00149C21.0525 3.69149 21.2578 3.39616 21.5647 3.34185C21.6979 3.3183 21.8351 3.34385 21.9512 3.41383C28.9389 7.61163 33.2522 15.1871 33.3301 23.3983C33.4915 30.5621 27.8895 36.6895 20.7943 36.6666C13.906 36.6444 8.33347 30.9983 8.3335 24.0411C8.33293 18.8451 10.6626 15.0637 13.6309 13.1125C13.8984 12.9467 14.2483 13.0313 14.4124 13.3015C14.4686 13.3939 14.4977 13.5005 14.4963 13.6089Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="10"/>

package/dist/svelte/Fire.svelte.d.ts

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

package/dist/svelte/FireFilled.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  // Svelte 5: $props() usage
+  // default size=24, class passed via `class` prop
+  let { size = 24, class: className = '', ...rest } = $props();
+  export let FireFilledIcon = FireFilled;
+</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="M14.4961 13.6089C14.4293 15.362 14.9518 17.0863 15.9786 18.5013C16.1551 18.7368 16.4805 18.7968 16.728 18.6396C17.6457 18.0606 19.7725 16.2431 20.8333 11.4132C21.3976 8.98366 21.4902 6.46667 21.1061 4.00151C21.0523 3.6915 21.2576 3.39618 21.5645 3.34187C21.6977 3.31831 21.8349 3.34386 21.951 3.41384C28.9387 7.61165 33.252 15.1871 33.3299 23.3983C33.4913 30.5621 27.8893 36.6896 20.7941 36.6666C13.9058 36.6445 8.33328 30.9983 8.33331 24.0411C8.33274 18.8451 10.6624 15.0637 13.6307 13.1125C13.8982 12.9468 14.2481 13.0313 14.4122 13.3015C14.4684 13.3939 14.4975 13.5005 14.4961 13.6089Z" fill="currentColor"/>
+</svg>

package/dist/svelte/FireFilled.svelte.d.ts

@@ -0,0 +1,6 @@
+declare const FireFilled: import("svelte").Component<{
+    size?: number;
+    class?: string;
+} & Record<string, any>, {}, "">;
+type FireFilled = ReturnType<typeof FireFilled>;
+export default FireFilled;

package/dist/svelte/FloppyDisc.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 FloppyDiscIcon = FloppyDisc;
 </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="M12.9557 35.1724V28.1281C12.9557 26.931 13.9261 25.9607 15.1231 25.9607H24.8768C26.074 25.9607 27.0443 26.9311 27.0443 28.1281V35.1724M12.9557 4.82756V11.8718M8.62071 35.7143H31.3793C33.7734 35.7143 35.7143 33.7736 35.7143 31.3793V15.2931C35.7143 14.1434 35.2576 13.0408 34.4446 12.2278L27.7721 5.55542C26.9591 4.74242 25.8566 4.28571 24.7068 4.28571H8.62071C6.22656 4.28571 4.28571 6.22656 4.28571 8.62071V31.3793C4.28571 33.7734 6.22656 35.7143 8.62071 35.7143Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/FloppyDisc.svelte.d.ts

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

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"/>