@getmicdrop/svelte-components 5.4.1 → 5.4.2

package/dist/primitives/Icons/TrashBinOutline.svelte.d.ts

@@ -4,9 +4,13 @@ type TrashBinOutline = {
     $set?(props: Partial<$$ComponentProps>): void;
 };
 declare const TrashBinOutline: import("svelte").Component<{
+    size?: string;
+    color?: string;
     class?: string;
-} & Record<string, any>, {}, "">;
+}, {}, "">;
 type $$ComponentProps = {
+    size?: string;
+    color?: string;
     class?: string;
-} & Record<string, any>;
+};
 //# sourceMappingURL=TrashBinOutline.svelte.d.ts.map

package/dist/primitives/Icons/TrashBinOutline.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TrashBinOutline.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/TrashBinOutline.svelte.js"],"names":[],"mappings":";;;;;AAaA;YAT6B,MAAM;iCAS2B;wBAT3C;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC"}
+{"version":3,"file":"TrashBinOutline.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/TrashBinOutline.svelte.js"],"names":[],"mappings":";;;;;AAaA;WAT4B,MAAM;YAAU,MAAM;YAAU,MAAM;WASJ;wBAT3C;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE"}

package/dist/primitives/Icons/TwitterIcon.svelte

@@ -1,13 +1,15 @@
-<script>
-  let { size = "20", color = "currentColor" } = $props();
-</script>
-
-<svg
-  width={size}
-  height={size}
-  viewBox="0 0 24 24"
-  fill={color}
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
-</svg>
+<script>
+  let { size = "24", color = "currentColor", class: className = "" } = $props();
+</script>
+
+<svg
+  class={className}
+  aria-hidden="true"
+  width={size}
+  height={size}
+  viewBox="0 0 24 24"
+  fill={color}
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
+</svg>

package/dist/primitives/Icons/TwitterIcon.svelte.d.ts

@@ -6,9 +6,11 @@ type TwitterIcon = {
 declare const TwitterIcon: import("svelte").Component<{
     size?: string;
     color?: string;
+    class?: string;
 }, {}, "">;
 type $$ComponentProps = {
     size?: string;
     color?: string;
+    class?: string;
 };
 //# sourceMappingURL=TwitterIcon.svelte.d.ts.map

package/dist/primitives/Icons/TwitterIcon.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TwitterIcon.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/TwitterIcon.svelte.js"],"names":[],"mappings":";;;;;AAaA;WAT4B,MAAM;YAAU,MAAM;WASQ;wBATvC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE"}
+{"version":3,"file":"TwitterIcon.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/TwitterIcon.svelte.js"],"names":[],"mappings":";;;;;AAaA;WAT4B,MAAM;YAAU,MAAM;YAAU,MAAM;WASR;wBATvC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE"}

package/dist/primitives/Icons/WarningIcon.spec.js

@@ -1,30 +1,30 @@
-import { render } from "@testing-library/svelte";
-import { expect, describe, test } from "vitest";
-import WarningIcon from "./WarningIcon.svelte";
-
-describe("WarningIcon Component Tests", () => {
-  test("Renders warning icon SVG", () => {
-    const { container } = render(WarningIcon);
-    const svg = container.querySelector("svg");
-    expect(svg).toBeInTheDocument();
-  });
-
-  test("Has default dimensions", () => {
-    const { container } = render(WarningIcon);
-    const svg = container.querySelector("svg");
-    expect(svg).toHaveAttribute("width", "12");
-    expect(svg).toHaveAttribute("height", "12");
-  });
-
-  test("Accepts custom className", () => {
-    const { container } = render(WarningIcon, { props: { className: "custom-class" } });
-    const svg = container.querySelector("svg");
-    expect(svg).toHaveClass("custom-class");
-  });
-
-  test("Has aria-hidden attribute", () => {
-    const { container } = render(WarningIcon);
-    const svg = container.querySelector("svg");
-    expect(svg).toHaveAttribute("aria-hidden", "true");
-  });
-});
+import { render } from "@testing-library/svelte";
+import { expect, describe, test } from "vitest";
+import WarningIcon from "./WarningIcon.svelte";
+
+describe("WarningIcon Component Tests", () => {
+  test("Renders warning icon SVG", () => {
+    const { container } = render(WarningIcon);
+    const svg = container.querySelector("svg");
+    expect(svg).toBeInTheDocument();
+  });
+
+  test("Has default dimensions", () => {
+    const { container } = render(WarningIcon);
+    const svg = container.querySelector("svg");
+    expect(svg).toHaveAttribute("width", "16");
+    expect(svg).toHaveAttribute("height", "16");
+  });
+
+  test("Accepts custom class", () => {
+    const { container } = render(WarningIcon, { props: { class: "custom-class" } });
+    const svg = container.querySelector("svg");
+    expect(svg).toHaveClass("custom-class");
+  });
+
+  test("Has aria-hidden attribute", () => {
+    const { container } = render(WarningIcon);
+    const svg = container.querySelector("svg");
+    expect(svg).toHaveAttribute("aria-hidden", "true");
+  });
+});

package/dist/primitives/Icons/WarningIcon.svelte

@@ -1,24 +1,24 @@
-<script>
-  let { className = "" } = $props();
-</script>
-
-<svg
-    aria-hidden="true"
-    class={className}
-    height="12"
-    width="12"
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
->
-    <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
-        d="m10.461 1.705 4.918 8.941a3 3 0 0 1 .371 1.446v.658a3 3 0 0 1-3 3h-9.5a3 3 0 0 1-3-3v-.658a3 3 0 0 1 .371-1.446l4.918-8.94a2.809 2.809 0 0 1 4.922 0ZM12.75 14.25h-9.5a1.5 1.5 0 0 1-1.5-1.5v-.658a1.5 1.5 0 0 1 .186-.723l4.917-8.941a1.309 1.309 0 0 1 2.294 0l4.917 8.941a1.5 1.5 0 0 1 .186.723v.658a1.5 1.5 0 0 1-1.5 1.5Z"
-        fill="currentColor"
-    ></path>
-    <path
-        d="M9.25 11.5a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM7 5.499c-.029-.543.456-.999 1-.999s1.029.456 1 .999L8.79 8.5a.79.79 0 0 1-1.58 0L7 5.5Z"
-        fill="currentColor"
-    ></path>
-</svg>
+<script>
+  let { size = "16", color = "currentColor", class: className = "" } = $props();
+</script>
+
+<svg
+    class={className}
+    aria-hidden="true"
+    width={size}
+    height={size}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="m10.461 1.705 4.918 8.941a3 3 0 0 1 .371 1.446v.658a3 3 0 0 1-3 3h-9.5a3 3 0 0 1-3-3v-.658a3 3 0 0 1 .371-1.446l4.918-8.94a2.809 2.809 0 0 1 4.922 0ZM12.75 14.25h-9.5a1.5 1.5 0 0 1-1.5-1.5v-.658a1.5 1.5 0 0 1 .186-.723l4.917-8.941a1.309 1.309 0 0 1 2.294 0l4.917 8.941a1.5 1.5 0 0 1 .186.723v.658a1.5 1.5 0 0 1-1.5 1.5Z"
+        fill={color}
+    ></path>
+    <path
+        d="M9.25 11.5a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM7 5.499c-.029-.543.456-.999 1-.999s1.029.456 1 .999L8.79 8.5a.79.79 0 0 1-1.58 0L7 5.5Z"
+        fill={color}
+    ></path>
+</svg>

package/dist/primitives/Icons/WarningIcon.svelte.d.ts

@@ -4,9 +4,13 @@ type WarningIcon = {
     $set?(props: Partial<$$ComponentProps>): void;
 };
 declare const WarningIcon: import("svelte").Component<{
-    className?: string;
+    size?: string;
+    color?: string;
+    class?: string;
 }, {}, "">;
 type $$ComponentProps = {
-    className?: string;
+    size?: string;
+    color?: string;
+    class?: string;
 };
 //# sourceMappingURL=WarningIcon.svelte.d.ts.map

package/dist/primitives/Icons/WarningIcon.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WarningIcon.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/WarningIcon.svelte.js"],"names":[],"mappings":";;;;;AAcA;gBAViC,MAAM;WAUmB;wBAVvC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE"}
+{"version":3,"file":"WarningIcon.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/WarningIcon.svelte.js"],"names":[],"mappings":";;;;;AAcA;WAV4B,MAAM;YAAU,MAAM;YAAU,MAAM;WAUR;wBAVvC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE"}

package/dist/primitives/Icons/iconTestUtils.d.ts

@@ -0,0 +1,162 @@
+/**
+ * Shared Icon Test Utilities
+ *
+ * Provides reusable test helpers for validating icon components
+ * against the standardized IconProps API.
+ */
+import type { Component } from 'svelte';
+import type { IconProps } from './types';
+/**
+ * Standard test suite for any icon component.
+ * Tests the standardized API: size, color, class.
+ */
+export declare function testIconProps(IconComponent: Component<IconProps>, options?: {
+    /** Expected default size (default: "24") */
+    defaultSize?: string;
+    /** Whether the icon uses stroke for color (default: true for outline icons) */
+    usesStroke?: boolean;
+    /** Whether the icon uses fill for color */
+    usesFill?: boolean;
+    /** Expected viewBox value */
+    expectedViewBox?: string;
+}): {
+    /**
+     * Test that the icon renders an SVG element
+     */
+    rendersAsSvg(): SVGSVGElement | null;
+    /**
+     * Test default size
+     */
+    hasDefaultSize(): void;
+    /**
+     * Test custom size prop
+     */
+    acceptsCustomSize(customSize?: string): void;
+    /**
+     * Test default color (currentColor)
+     */
+    hasDefaultColor(): void;
+    /**
+     * Test custom color prop
+     */
+    acceptsCustomColor(customColor?: string): void;
+    /**
+     * Test custom class prop
+     */
+    acceptsCustomClass(customClass?: string): void;
+    /**
+     * Test aria-hidden attribute for accessibility
+     */
+    hasAriaHidden(): void;
+    /**
+     * Test viewBox attribute
+     */
+    hasViewBox(expectedViewBox?: string): void;
+    /**
+     * Run all standard tests
+     */
+    runAllTests(): void;
+};
+/**
+ * Creates a standard describe block for icon tests
+ */
+export declare function createIconTestSuite(name: string, IconComponent: Component<IconProps>, options?: Parameters<typeof testIconProps>[1]): {
+    tests: {
+        /**
+         * Test that the icon renders an SVG element
+         */
+        rendersAsSvg(): SVGSVGElement | null;
+        /**
+         * Test default size
+         */
+        hasDefaultSize(): void;
+        /**
+         * Test custom size prop
+         */
+        acceptsCustomSize(customSize?: string): void;
+        /**
+         * Test default color (currentColor)
+         */
+        hasDefaultColor(): void;
+        /**
+         * Test custom color prop
+         */
+        acceptsCustomColor(customColor?: string): void;
+        /**
+         * Test custom class prop
+         */
+        acceptsCustomClass(customClass?: string): void;
+        /**
+         * Test aria-hidden attribute for accessibility
+         */
+        hasAriaHidden(): void;
+        /**
+         * Test viewBox attribute
+         */
+        hasViewBox(expectedViewBox?: string): void;
+        /**
+         * Run all standard tests
+         */
+        runAllTests(): void;
+    };
+    /**
+     * Get test definitions for use with describe.each or similar
+     */
+    getTestCases(): readonly [readonly ["renders an SVG element", () => SVGSVGElement | null], readonly ["has default size", () => void], readonly ["accepts custom size", () => void], readonly ["has default color (currentColor)", () => void], readonly ["accepts custom color", () => void], readonly ["accepts custom class", () => void], readonly ["has aria-hidden attribute", () => void], readonly ["has viewBox attribute", () => void]];
+};
+/**
+ * Batch test multiple icons with the same configuration
+ */
+export declare function batchTestIcons(icons: Array<{
+    name: string;
+    component: Component<IconProps>;
+    options?: Parameters<typeof testIconProps>[1];
+}>): {
+    name: string;
+    component: Component<IconProps, {}, string>;
+    suite: {
+        tests: {
+            /**
+             * Test that the icon renders an SVG element
+             */
+            rendersAsSvg(): SVGSVGElement | null;
+            /**
+             * Test default size
+             */
+            hasDefaultSize(): void;
+            /**
+             * Test custom size prop
+             */
+            acceptsCustomSize(customSize?: string): void;
+            /**
+             * Test default color (currentColor)
+             */
+            hasDefaultColor(): void;
+            /**
+             * Test custom color prop
+             */
+            acceptsCustomColor(customColor?: string): void;
+            /**
+             * Test custom class prop
+             */
+            acceptsCustomClass(customClass?: string): void;
+            /**
+             * Test aria-hidden attribute for accessibility
+             */
+            hasAriaHidden(): void;
+            /**
+             * Test viewBox attribute
+             */
+            hasViewBox(expectedViewBox?: string): void;
+            /**
+             * Run all standard tests
+             */
+            runAllTests(): void;
+        };
+        /**
+         * Get test definitions for use with describe.each or similar
+         */
+        getTestCases(): readonly [readonly ["renders an SVG element", () => SVGSVGElement | null], readonly ["has default size", () => void], readonly ["accepts custom size", () => void], readonly ["has default color (currentColor)", () => void], readonly ["accepts custom color", () => void], readonly ["accepts custom class", () => void], readonly ["has aria-hidden attribute", () => void], readonly ["has viewBox attribute", () => void]];
+    };
+}[];
+//# sourceMappingURL=iconTestUtils.d.ts.map

package/dist/primitives/Icons/iconTestUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconTestUtils.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/iconTestUtils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;GAGG;AACH,wBAAgB,aAAa,CAC3B,aAAa,EAAE,SAAS,CAAC,SAAS,CAAC,EACnC,OAAO,GAAE;IACP,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;CACrB;IASJ;;OAEG;;IAQH;;OAEG;;IAQH;;OAEG;mCAC2B,MAAM;IASpC;;OAEG;;IAmBH;;OAEG;qCAC6B,MAAM;IAoBtC;;OAEG;qCAC6B,MAAM;IAQtC;;OAEG;;IAOH;;OAEG;iCAC0B,MAAM;IASnC;;OAEG;;EAYN;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,aAAa,EAAE,SAAS,CAAC,SAAS,CAAC,EACnC,OAAO,GAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAM;;QAlI/C;;WAEG;;QAQH;;WAEG;;QAQH;;WAEG;uCAC2B,MAAM;QASpC;;WAEG;;QAmBH;;WAEG;yCAC6B,MAAM;QAoBtC;;WAEG;yCAC6B,MAAM;QAQtC;;WAEG;;QAOH;;WAEG;qCAC0B,MAAM;QASnC;;WAEG;;;IA0BH;;OAEG;;EAcN;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,KAAK,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;CAC/C,CAAC;;;;;YAlKA;;eAEG;;YAQH;;eAEG;;YAQH;;eAEG;2CAC2B,MAAM;YASpC;;eAEG;;YAmBH;;eAEG;6CAC6B,MAAM;YAoBtC;;eAEG;6CAC6B,MAAM;YAQtC;;eAEG;;YAOH;;eAEG;yCAC0B,MAAM;YASnC;;eAEG;;;QA0BH;;WAEG;;;IA+BN"}

package/dist/primitives/Icons/iconTestUtils.js

@@ -0,0 +1,160 @@
+/**
+ * Shared Icon Test Utilities
+ *
+ * Provides reusable test helpers for validating icon components
+ * against the standardized IconProps API.
+ */
+import { render } from '@testing-library/svelte';
+import { expect } from 'vitest';
+/**
+ * Standard test suite for any icon component.
+ * Tests the standardized API: size, color, class.
+ */
+export function testIconProps(IconComponent, options = {}) {
+    const { defaultSize = '24', usesStroke = true, usesFill = false, } = options;
+    return {
+        /**
+         * Test that the icon renders an SVG element
+         */
+        rendersAsSvg() {
+            const { container } = render(IconComponent);
+            const svg = container.querySelector('svg');
+            expect(svg).toBeInTheDocument();
+            return svg;
+        },
+        /**
+         * Test default size
+         */
+        hasDefaultSize() {
+            const { container } = render(IconComponent);
+            const svg = container.querySelector('svg');
+            expect(svg).toHaveAttribute('width', defaultSize);
+            expect(svg).toHaveAttribute('height', defaultSize);
+        },
+        /**
+         * Test custom size prop
+         */
+        acceptsCustomSize(customSize = '32') {
+            const { container } = render(IconComponent, {
+                props: { size: customSize },
+            });
+            const svg = container.querySelector('svg');
+            expect(svg).toHaveAttribute('width', customSize);
+            expect(svg).toHaveAttribute('height', customSize);
+        },
+        /**
+         * Test default color (currentColor)
+         */
+        hasDefaultColor() {
+            const { container } = render(IconComponent);
+            if (usesStroke) {
+                const strokeElement = container.querySelector('[stroke]');
+                if (strokeElement) {
+                    expect(strokeElement.getAttribute('stroke')).toBe('currentColor');
+                }
+            }
+            if (usesFill) {
+                const fillElement = container.querySelector('[fill]:not([fill="none"])');
+                if (fillElement) {
+                    expect(fillElement.getAttribute('fill')).toBe('currentColor');
+                }
+            }
+        },
+        /**
+         * Test custom color prop
+         */
+        acceptsCustomColor(customColor = 'red') {
+            const { container } = render(IconComponent, {
+                props: { color: customColor },
+            });
+            if (usesStroke) {
+                const strokeElement = container.querySelector('[stroke]');
+                if (strokeElement && strokeElement.getAttribute('stroke') !== 'none') {
+                    expect(strokeElement.getAttribute('stroke')).toBe(customColor);
+                }
+            }
+            if (usesFill) {
+                const fillElement = container.querySelector('[fill]:not([fill="none"])');
+                if (fillElement) {
+                    expect(fillElement.getAttribute('fill')).toBe(customColor);
+                }
+            }
+        },
+        /**
+         * Test custom class prop
+         */
+        acceptsCustomClass(customClass = 'custom-test-class') {
+            const { container } = render(IconComponent, {
+                props: { class: customClass },
+            });
+            const svg = container.querySelector('svg');
+            expect(svg).toHaveClass(customClass);
+        },
+        /**
+         * Test aria-hidden attribute for accessibility
+         */
+        hasAriaHidden() {
+            const { container } = render(IconComponent);
+            const svg = container.querySelector('svg');
+            expect(svg).toHaveAttribute('aria-hidden', 'true');
+        },
+        /**
+         * Test viewBox attribute
+         */
+        hasViewBox(expectedViewBox) {
+            const { container } = render(IconComponent);
+            const svg = container.querySelector('svg');
+            expect(svg).toHaveAttribute('viewBox');
+            if (expectedViewBox) {
+                expect(svg).toHaveAttribute('viewBox', expectedViewBox);
+            }
+        },
+        /**
+         * Run all standard tests
+         */
+        runAllTests() {
+            this.rendersAsSvg();
+            this.hasDefaultSize();
+            this.acceptsCustomSize();
+            this.hasDefaultColor();
+            this.acceptsCustomColor();
+            this.acceptsCustomClass();
+            this.hasAriaHidden();
+            this.hasViewBox();
+        },
+    };
+}
+/**
+ * Creates a standard describe block for icon tests
+ */
+export function createIconTestSuite(name, IconComponent, options = {}) {
+    const tests = testIconProps(IconComponent, options);
+    return {
+        tests,
+        /**
+         * Get test definitions for use with describe.each or similar
+         */
+        getTestCases() {
+            return [
+                ['renders an SVG element', () => tests.rendersAsSvg()],
+                ['has default size', () => tests.hasDefaultSize()],
+                ['accepts custom size', () => tests.acceptsCustomSize()],
+                ['has default color (currentColor)', () => tests.hasDefaultColor()],
+                ['accepts custom color', () => tests.acceptsCustomColor()],
+                ['accepts custom class', () => tests.acceptsCustomClass()],
+                ['has aria-hidden attribute', () => tests.hasAriaHidden()],
+                ['has viewBox attribute', () => tests.hasViewBox()],
+            ];
+        },
+    };
+}
+/**
+ * Batch test multiple icons with the same configuration
+ */
+export function batchTestIcons(icons) {
+    return icons.map(({ name, component, options }) => ({
+        name,
+        component,
+        suite: createIconTestSuite(name, component, options),
+    }));
+}

package/dist/primitives/Icons/index.d.ts

@@ -1,55 +1,57 @@
-export { default as ChevronLeftOutline } from "./ChevronLeftOutline.svelte";
-export { default as ChevronRightOutline } from "./ChevronRightOutline.svelte";
-export { default as ChevronDownOutline } from "./ChevronDownOutline.svelte";
-export { default as ChevronUpOutline } from "./ChevronUpOutline.svelte";
-export { default as CloseOutline } from "./CloseOutline.svelte";
-export { default as CheckOutline } from "./CheckOutline.svelte";
-export { default as ShareOutline } from "./ShareOutline.svelte";
-export { default as SearchOutline } from "./SearchOutline.svelte";
-export { default as EyeOutline } from "./EyeOutline.svelte";
-export { default as EyeSlashOutline } from "./EyeSlashOutline.svelte";
-export { default as CloseCircleOutline } from "./CloseCircleOutline.svelte";
-export { default as ExclamationCircleOutline } from "./ExclamationCircleOutline.svelte";
-export { default as InfoCircleOutline } from "./InfoCircleOutline.svelte";
-export { default as MinusOutline } from "./MinusOutline.svelte";
-export { default as PlusOutline } from "./PlusOutline.svelte";
-export { default as ExclamationTriangleOutline } from "./ExclamationTriangleOutline.svelte";
-export { default as DotsHorizontalOutline } from "./DotsHorizontalOutline.svelte";
-export { default as FileCopyOutline } from "./FileCopyOutline.svelte";
-export { default as ImageOutline } from "./ImageOutline.svelte";
-export { default as TrashBinOutline } from "./TrashBinOutline.svelte";
-export { default as CheckCircleSolid } from "./CheckCircleSolid.svelte";
-export { default as HomeSolid } from "./HomeSolid.svelte";
-export { default as LogoInstagram } from "./LogoInstagram.svelte";
-export { default as ArrowLeft } from "./ArrowLeft.svelte";
-export { default as ArrowRight } from "./ArrowRight.svelte";
-export { default as Availability } from "./Availability.svelte";
-export { default as Back } from "./Back.svelte";
-export { default as CheckCircle } from "./CheckCircle.svelte";
-export { default as CheckCircleOutline } from "./CheckCircleOutline.svelte";
-export { default as ChevronLeft } from "./ChevronLeft.svelte";
-export { default as ChevronRight } from "./ChevronRight.svelte";
-export { default as Copy } from "./Copy.svelte";
-export { default as Cross } from "./Cross.svelte";
-export { default as DownArrow } from "./DownArrow.svelte";
-export { default as ErrorCircle } from "./ErrorCircle.svelte";
-export { default as FacebookIcon } from "./FacebookIcon.svelte";
-export { default as Home } from "./Home.svelte";
-export { default as Icon } from "./Icon.svelte";
-export { default as Info } from "./Info.svelte";
-export { default as InstagramIcon } from "./InstagramIcon.svelte";
-export { default as Message } from "./Message.svelte";
-export { default as MoonIcon } from "./MoonIcon.svelte";
-export { default as More } from "./More.svelte";
-export { default as MoreHori } from "./MoreHori.svelte";
-export { default as Notification } from "./Notification.svelte";
-export { default as Payment } from "./Payment.svelte";
-export { default as Profile } from "./Profile.svelte";
-export { default as Reload } from "./Reload.svelte";
-export { default as Shows } from "./Shows.svelte";
-export { default as Signout } from "./Signout.svelte";
-export { default as SunIcon } from "./SunIcon.svelte";
-export { default as TiktokIcon } from "./TiktokIcon.svelte";
-export { default as TwitterIcon } from "./TwitterIcon.svelte";
-export { default as WarningIcon } from "./WarningIcon.svelte";
+export type { IconProps } from './types';
+export { DEFAULT_ICON_PROPS } from './types';
+export { default as ChevronLeftOutline } from './ChevronLeftOutline.svelte';
+export { default as ChevronRightOutline } from './ChevronRightOutline.svelte';
+export { default as ChevronDownOutline } from './ChevronDownOutline.svelte';
+export { default as ChevronUpOutline } from './ChevronUpOutline.svelte';
+export { default as CloseOutline } from './CloseOutline.svelte';
+export { default as CheckOutline } from './CheckOutline.svelte';
+export { default as ShareOutline } from './ShareOutline.svelte';
+export { default as SearchOutline } from './SearchOutline.svelte';
+export { default as EyeOutline } from './EyeOutline.svelte';
+export { default as EyeSlashOutline } from './EyeSlashOutline.svelte';
+export { default as CloseCircleOutline } from './CloseCircleOutline.svelte';
+export { default as ExclamationCircleOutline } from './ExclamationCircleOutline.svelte';
+export { default as InfoCircleOutline } from './InfoCircleOutline.svelte';
+export { default as MinusOutline } from './MinusOutline.svelte';
+export { default as PlusOutline } from './PlusOutline.svelte';
+export { default as ExclamationTriangleOutline } from './ExclamationTriangleOutline.svelte';
+export { default as DotsHorizontalOutline } from './DotsHorizontalOutline.svelte';
+export { default as FileCopyOutline } from './FileCopyOutline.svelte';
+export { default as ImageOutline } from './ImageOutline.svelte';
+export { default as TrashBinOutline } from './TrashBinOutline.svelte';
+export { default as CheckCircleSolid } from './CheckCircleSolid.svelte';
+export { default as HomeSolid } from './HomeSolid.svelte';
+export { default as LogoInstagram } from './LogoInstagram.svelte';
+export { default as ArrowLeft } from './ArrowLeft.svelte';
+export { default as ArrowRight } from './ArrowRight.svelte';
+export { default as Availability } from './Availability.svelte';
+export { default as Back } from './Back.svelte';
+export { default as CheckCircle } from './CheckCircle.svelte';
+export { default as CheckCircleOutline } from './CheckCircleOutline.svelte';
+export { default as ChevronLeft } from './ChevronLeft.svelte';
+export { default as ChevronRight } from './ChevronRight.svelte';
+export { default as Copy } from './Copy.svelte';
+export { default as Cross } from './Cross.svelte';
+export { default as DownArrow } from './DownArrow.svelte';
+export { default as ErrorCircle } from './ErrorCircle.svelte';
+export { default as FacebookIcon } from './FacebookIcon.svelte';
+export { default as Home } from './Home.svelte';
+export { default as Icon } from './Icon.svelte';
+export { default as Info } from './Info.svelte';
+export { default as InstagramIcon } from './InstagramIcon.svelte';
+export { default as Message } from './Message.svelte';
+export { default as MoonIcon } from './MoonIcon.svelte';
+export { default as More } from './More.svelte';
+export { default as MoreHori } from './MoreHori.svelte';
+export { default as Notification } from './Notification.svelte';
+export { default as Payment } from './Payment.svelte';
+export { default as Profile } from './Profile.svelte';
+export { default as Reload } from './Reload.svelte';
+export { default as Shows } from './Shows.svelte';
+export { default as Signout } from './Signout.svelte';
+export { default as SunIcon } from './SunIcon.svelte';
+export { default as TiktokIcon } from './TiktokIcon.svelte';
+export { default as TwitterIcon } from './TwitterIcon.svelte';
+export { default as WarningIcon } from './WarningIcon.svelte';
 //# sourceMappingURL=index.d.ts.map