@getmicdrop/svelte-components 5.4.1 → 5.5.0

package/dist/primitives/Icons/SunIcon.svelte

@@ -1,14 +1,16 @@
-<script>
-  let { size = "20", color = "currentColor" } = $props();
-</script>
-
-<svg
-  width={size}
-  height={size}
-  viewBox="0 0 24 24"
-  fill="none"
-  xmlns="http://www.w3.org/2000/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="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
   <circle cx="12" cy="12" r="4" fill={color} />
   <path
     d="M12 2V4M12 20V22M4 12H2M6.31412 6.31412L4.8999 4.8999M17.6859 6.31412L19.1001 4.8999M6.31412 17.69L4.8999 19.1042M17.6859 17.69L19.1001 19.1042M22 12H20"

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

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

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

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

package/dist/primitives/Icons/TiktokIcon.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"
->
+<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="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z"/>
 </svg>

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

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

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

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

package/dist/primitives/Icons/TrashBinOutline.svelte

@@ -1,19 +1,21 @@
-<script>
-  let { class: className = 'w-5 h-5', ...restProps } = $props();
-</script>
-
-<svg
-  class={className}
-  fill="none"
-  stroke="currentColor"
-  viewBox="0 0 24 24"
-  xmlns="http://www.w3.org/2000/svg"
-  {...restProps}
->
-  <path
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    stroke-width="2"
-    d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
-  />
-</svg>
+<script>
+  let { size = "24", color = "currentColor", class: className = "" } = $props();
+</script>
+
+<svg
+  class={className}
+  aria-hidden="true"
+  width={size}
+  height={size}
+  fill="none"
+  stroke={color}
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-width="2"
+    d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
+  />
+</svg>

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

@@ -9,18 +9,18 @@ describe("WarningIcon Component Tests", () => {
     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 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);

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"
->
+<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="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>
+        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),
+    }));
+}