@getmicdrop/svelte-components 5.4.1 → 5.5.0

package/dist/primitives/Icons/DownArrow.svelte

@@ -1,15 +1,16 @@
-<script>
-  let { size = "20", color = "currentColor" } = $props();
-</script>
-
-<svg
-  {size}
-  width={size}
-  height={size}
-  viewBox="0 0 16 16"
-  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 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
   <path
     d="M4 6L8 10L12 6"
     stroke={color}

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

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

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

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

package/dist/primitives/Icons/ErrorCircle.svelte

@@ -1,15 +1,16 @@
-<script>
-  let { size = "20", color = "currentColor" } = $props();
-</script>
-
-<svg
-    {size}
-    width={size}
-    height={size}
-    viewBox="0 0 20 20"
-    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 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
     <path
         fill-rule="evenodd"
         clip-rule="evenodd"

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorCircle.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/ErrorCircle.svelte.js"],"names":[],"mappings":";;;;;AAYA;WAR4B,MAAM;YAAU,MAAM;WAQQ;wBARvC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE"}
+{"version":3,"file":"ErrorCircle.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/ErrorCircle.svelte.js"],"names":[],"mappings":";;;;;AAYA;WAR4B,MAAM;YAAU,MAAM;YAAU,MAAM;WAQR;wBARvC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE"}

package/dist/primitives/Icons/ExclamationCircleOutline.svelte

@@ -1,15 +1,17 @@
 <script>
-  let { class: className = "" } = $props();
-</script>
-
-<svg
-  class={className}
-  aria-hidden="true"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="1.5"
-  viewBox="0 0 24 24"
-  xmlns="http://www.w3.org/2000/svg"
->
+  let { size = "24", color = "currentColor", class: className = "" } = $props();
+</script>
+
+<svg
+  class={className}
+  aria-hidden="true"
+  width={size}
+  height={size}
+  fill="none"
+  stroke={color}
+  stroke-width="1.5"
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+>
   <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z" />
 </svg>

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

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

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

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

package/dist/primitives/Icons/ExclamationTriangleOutline.svelte

@@ -1,15 +1,17 @@
 <script>
-  let { class: className = "" } = $props();
-</script>
-
-<svg
-  class={className}
-  aria-hidden="true"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="1.5"
-  viewBox="0 0 24 24"
-  xmlns="http://www.w3.org/2000/svg"
->
+  let { size = "24", color = "currentColor", class: className = "" } = $props();
+</script>
+
+<svg
+  class={className}
+  aria-hidden="true"
+  width={size}
+  height={size}
+  fill="none"
+  stroke={color}
+  stroke-width="1.5"
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+>
   <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" />
 </svg>

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

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

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

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

package/dist/primitives/Icons/EyeOutline.svelte

@@ -1,16 +1,18 @@
 <script>
-  let { class: className = "" } = $props();
-</script>
-
-<svg
-  class={className}
-  aria-hidden="true"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="1.5"
-  viewBox="0 0 24 24"
-  xmlns="http://www.w3.org/2000/svg"
->
+  let { size = "24", color = "currentColor", class: className = "" } = $props();
+</script>
+
+<svg
+  class={className}
+  aria-hidden="true"
+  width={size}
+  height={size}
+  fill="none"
+  stroke={color}
+  stroke-width="1.5"
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+>
   <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z" />
   <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
 </svg>

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

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

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

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

package/dist/primitives/Icons/EyeSlashOutline.svelte

@@ -1,15 +1,17 @@
 <script>
-  let { class: className = "" } = $props();
-</script>
-
-<svg
-  class={className}
-  aria-hidden="true"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="1.5"
-  viewBox="0 0 24 24"
-  xmlns="http://www.w3.org/2000/svg"
->
+  let { size = "24", color = "currentColor", class: className = "" } = $props();
+</script>
+
+<svg
+  class={className}
+  aria-hidden="true"
+  width={size}
+  height={size}
+  fill="none"
+  stroke={color}
+  stroke-width="1.5"
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+>
   <path stroke-linecap="round" stroke-linejoin="round" d="M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88" />
 </svg>

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"EyeSlashOutline.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/EyeSlashOutline.svelte.js"],"names":[],"mappings":";;;;;AAaA;YAT6B,MAAM;WAS2B;wBAT3C;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE"}
+{"version":3,"file":"EyeSlashOutline.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/EyeSlashOutline.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/FacebookIcon.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 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/>
 </svg>

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

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

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

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

package/dist/primitives/Icons/FileCopyOutline.svelte

@@ -1,15 +1,17 @@
 <script>
-  let { class: className = "" } = $props();
-</script>
-
-<svg
-  class={className}
-  aria-hidden="true"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="1.5"
-  viewBox="0 0 24 24"
-  xmlns="http://www.w3.org/2000/svg"
->
+  let { size = "24", color = "currentColor", class: className = "" } = $props();
+</script>
+
+<svg
+  class={className}
+  aria-hidden="true"
+  width={size}
+  height={size}
+  fill="none"
+  stroke={color}
+  stroke-width="1.5"
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+>
   <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 01-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 011.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 00-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 01-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 00-3.375-3.375h-1.5a1.125 1.125 0 01-1.125-1.125v-1.5a3.375 3.375 0 00-3.375-3.375H9.75" />
 </svg>

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"FileCopyOutline.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/FileCopyOutline.svelte.js"],"names":[],"mappings":";;;;;AAaA;YAT6B,MAAM;WAS2B;wBAT3C;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE"}
+{"version":3,"file":"FileCopyOutline.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/FileCopyOutline.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/Home.svelte

@@ -1,15 +1,16 @@
-<script>
-  let { size = "20", color = "currentColor" } = $props();
-</script>
-
-<svg
-  {size}
-  width={size}
-  height={size}
-  viewBox="0 0 20 21"
-  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 20 21"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
   <path
     d="M12.5 18V11.3333C12.5 11.1123 12.4122 10.9004 12.2559 10.7441C12.0996 10.5878 11.8877 10.5 11.6667 10.5H8.33333C8.11232 10.5 7.90036 10.5878 7.74408 10.7441C7.5878 10.9004 7.5 11.1123 7.5 11.3333V18"
     stroke={color}

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

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

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

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

package/dist/primitives/Icons/HomeSolid.svelte

@@ -1,14 +1,16 @@
 <script>
-  let { class: className = "" } = $props();
-</script>
-
-<svg
-  class={className}
-  aria-hidden="true"
-  fill="currentColor"
-  viewBox="0 0 24 24"
-  xmlns="http://www.w3.org/2000/svg"
->
+  let { size = "24", color = "currentColor", class: className = "" } = $props();
+</script>
+
+<svg
+  class={className}
+  aria-hidden="true"
+  width={size}
+  height={size}
+  fill={color}
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+>
   <path d="M11.47 3.84a.75.75 0 011.06 0l8.69 8.69a.75.75 0 101.06-1.06l-8.689-8.69a2.25 2.25 0 00-3.182 0l-8.69 8.69a.75.75 0 001.061 1.06l8.69-8.69z" />
   <path d="M12 5.432l8.159 8.159c.03.03.06.058.091.086v6.198c0 1.035-.84 1.875-1.875 1.875H15a.75.75 0 01-.75-.75v-4.5a.75.75 0 00-.75-.75h-3a.75.75 0 00-.75.75V21a.75.75 0 01-.75.75H5.625a1.875 1.875 0 01-1.875-1.875v-6.198a2.29 2.29 0 00.091-.086L12 5.43z" />
 </svg>

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

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

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

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

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

@@ -86,12 +86,12 @@ describe("Icon Component Tests", () => {
     expect(screen.getByText('Icon "UnknownIcon" not found.')).toBeInTheDocument();
   });
 
-  test("Default size is 20", () => {
-    const { container } = render(Icon, { props: { name: "Home" } });
-    const svg = container.querySelector("svg");
-    // Check width or height attribute
-    expect(svg).toHaveAttribute("width", "20");
-  });
+  test("Default size is 24", () => {
+    const { container } = render(Icon, { props: { name: "Home" } });
+    const svg = container.querySelector("svg");
+    // Check width or height attribute
+    expect(svg).toHaveAttribute("width", "24");
+  });
 
   test("Accepts custom size prop", () => {
     const { container } = render(Icon, { props: { name: "Home", size: "32" } });

package/dist/primitives/Icons/Icon.svelte

@@ -50,14 +50,30 @@
     Cross,
   };
 
-  let { name, size = "20", color = "currentColor" }: { name: keyof typeof iconMap; size?: string; color?: string } = $props();
-
-  let Component = $derived(iconMap[name] || null);
-</script>
-
-{#if Component}
-  {@const IconComponent = Component}
-  <IconComponent {size} {color} />
-{:else}
-  <span>Icon "{name}" not found.</span>
-{/if}
+  type IconName = keyof typeof iconMap;
+  
+  let { name, size = "24", color = "currentColor", class: className = "" }: { name: string; size?: string; color?: string; class?: string } = $props();
+
+  // Support both lowercase and PascalCase icon names
+  function getIcon(iconName: string) {
+    // If already in iconMap, use directly
+    if (iconName in iconMap) {
+      return iconMap[iconName as IconName];
+    }
+    // Try PascalCase conversion (e.g., 'home' -> 'Home')
+    const pascalCase = iconName.charAt(0).toUpperCase() + iconName.slice(1);
+    if (pascalCase in iconMap) {
+      return iconMap[pascalCase as IconName];
+    }
+    return null;
+  }
+
+  let Component = $derived(getIcon(name));
+</script>
+
+{#if Component}
+  {@const IconComponent = Component}
+  <IconComponent {size} {color} class={className} />
+{:else}
+  <span>Icon "{name}" not found.</span>
+{/if}

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

@@ -1,8 +1,10 @@
-declare const Icon: import("svelte").Component<{
-    name: "Home" | "Shows" | "Availability" | "Profile" | "Payment" | "Notification" | "More" | "MoreHori" | "Info" | "ChevronLeft" | "ChevronRight" | "Signout" | "CheckCircle" | "CheckCircleOutline" | "ErrorCircle" | "ArrowLeft" | "ArrowRight" | "Back" | "DownArrow" | "Message" | "Reload" | "Copy" | "Cross";
+type $$ComponentProps = {
+    name: string;
     size?: string;
     color?: string;
-}, {}, "">;
+    class?: string;
+};
+declare const Icon: import("svelte").Component<$$ComponentProps, {}, "">;
 type Icon = ReturnType<typeof Icon>;
 export default Icon;
 //# sourceMappingURL=Icon.svelte.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/Icon.svelte.ts"],"names":[],"mappings":"AA8FA,QAAA,MAAM,IAAI;;WAhByD,MAAM;YAAU,MAAM;UAgBvC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/Icon.svelte.ts"],"names":[],"mappings":"AA4BC,KAAK,gBAAgB,GAAI;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAmF1F,QAAA,MAAM,IAAI,sDAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,8 @@
+/**
+ * Comprehensive Icon Test Suite
+ *
+ * Tests all icon components against the standardized IconProps API.
+ * Ensures consistency across the entire icon library.
+ */
+export {};
+//# sourceMappingURL=Icons.spec.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.spec.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/Icons.spec.ts"],"names":[],"mappings":"AAAA;;;;;GAKG"}