@aydee-app/icons 1.0.1 → 1.0.4

package/dist/svelte/Circle.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 CircleIcon = Circle;
 </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 32.7513C27.0423 32.7513 32.7513 27.0423 32.7513 20C32.7513 12.9577 27.0423 7.24872 20 7.24872C12.9577 7.24872 7.24872 12.9577 7.24872 20C7.24872 27.0423 12.9577 32.7513 20 32.7513Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/svelte/Circle.svelte.d.ts

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

package/dist/svelte/Clock.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 ClockIcon = Clock;
 </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.0001 10.5418V20L24.7291 24.729M35.7143 20C35.7143 28.6788 28.6788 35.7143 20.0001 35.7143C11.3213 35.7143 4.28577 28.6788 4.28577 20C4.28577 11.3212 11.3213 4.28571 20.0001 4.28571C28.6788 4.28571 35.7143 11.3212 35.7143 20Z" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>

package/dist/svelte/Clock.svelte.d.ts

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

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

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

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

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

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

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

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