@getmicdrop/svelte-components 5.4.1 → 5.4.2

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

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

@@ -1,34 +1,35 @@
-<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"
->
-    <path
-        d="M10.0003 18.8327C14.6027 18.8327 18.3337 15.1017 18.3337 10.4993C18.3337 5.89698 14.6027 2.16602 10.0003 2.16602C5.39795 2.16602 1.66699 5.89698 1.66699 10.4993C1.66699 15.1017 5.39795 18.8327 10.0003 18.8327Z"
-        stroke={color}
-        stroke-width="1.66667"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-    />
-    <path
-        d="M10 11.334C11.3807 11.334 12.5 10.2147 12.5 8.83398C12.5 7.45327 11.3807 6.33398 10 6.33398C8.61929 6.33398 7.5 7.45327 7.5 8.83398C7.5 10.2147 8.61929 11.334 10 11.334Z"
-        stroke={color}
-        stroke-width="1.66667"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-    />
-    <path
-        d="M5.83301 17.7177V16.3327C5.83301 15.8907 6.0086 15.4667 6.32116 15.1542C6.63372 14.8416 7.05765 14.666 7.49967 14.666H12.4997C12.9417 14.666 13.3656 14.8416 13.6782 15.1542C13.9907 15.4667 14.1663 15.8907 14.1663 16.3327V17.7177"
-        stroke={color}
-        stroke-width="1.66667"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-    />
+<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="M10.0003 18.8327C14.6027 18.8327 18.3337 15.1017 18.3337 10.4993C18.3337 5.89698 14.6027 2.16602 10.0003 2.16602C5.39795 2.16602 1.66699 5.89698 1.66699 10.4993C1.66699 15.1017 5.39795 18.8327 10.0003 18.8327Z"
+        stroke={color}
+        stroke-width="1.66667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
+    <path
+        d="M10 11.334C11.3807 11.334 12.5 10.2147 12.5 8.83398C12.5 7.45327 11.3807 6.33398 10 6.33398C8.61929 6.33398 7.5 7.45327 7.5 8.83398C7.5 10.2147 8.61929 11.334 10 11.334Z"
+        stroke={color}
+        stroke-width="1.66667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
+    <path
+        d="M5.83301 17.7177V16.3327C5.83301 15.8907 6.0086 15.4667 6.32116 15.1542C6.63372 14.8416 7.05765 14.666 7.49967 14.666H12.4997C12.9417 14.666 13.3656 14.8416 13.6782 15.1542C13.9907 15.4667 14.1663 15.8907 14.1663 16.3327V17.7177"
+        stroke={color}
+        stroke-width="1.66667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
 </svg>    

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Profile.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/Profile.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":"Profile.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/Profile.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/Reload.svelte

@@ -1,41 +1,42 @@
-<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"
->
-  <path
-    d="M2 8C2 6.4087 2.63214 4.88258 3.75736 3.75736C4.88258 2.63214 6.4087 2 8 2C9.67737 2.00631 11.2874 2.66082 12.4933 3.82667L14 5.33333"
-    stroke={color}
-    stroke-width="1.33333"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-  />
-  <path
-    d="M13.9998 2V5.33333H10.6665"
-    stroke={color}
-    stroke-width="1.33333"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-  />
-  <path
-    d="M14 8C14 9.5913 13.3679 11.1174 12.2426 12.2426C11.1174 13.3679 9.5913 14 8 14C6.32263 13.9937 4.71265 13.3392 3.50667 12.1733L2 10.6667"
-    stroke={color}
-    stroke-width="1.33333"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-  />
-  <path
-    d="M5.33333 10.6667H2V14.0001"
-    stroke={color}
-    stroke-width="1.33333"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-  />
-</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="M2 8C2 6.4087 2.63214 4.88258 3.75736 3.75736C4.88258 2.63214 6.4087 2 8 2C9.67737 2.00631 11.2874 2.66082 12.4933 3.82667L14 5.33333"
+    stroke={color}
+    stroke-width="1.33333"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M13.9998 2V5.33333H10.6665"
+    stroke={color}
+    stroke-width="1.33333"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M14 8C14 9.5913 13.3679 11.1174 12.2426 12.2426C11.1174 13.3679 9.5913 14 8 14C6.32263 13.9937 4.71265 13.3392 3.50667 12.1733L2 10.6667"
+    stroke={color}
+    stroke-width="1.33333"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M5.33333 10.6667H2V14.0001"
+    stroke={color}
+    stroke-width="1.33333"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+</svg>

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Reload.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/Reload.svelte.js"],"names":[],"mappings":";;;;;AAgBA;WAZ4B,MAAM;YAAU,MAAM;WAYG;wBAZlC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE"}
+{"version":3,"file":"Reload.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/Reload.svelte.js"],"names":[],"mappings":";;;;;AAgBA;WAZ4B,MAAM;YAAU,MAAM;YAAU,MAAM;WAYb;wBAZlC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE"}

package/dist/primitives/Icons/SearchOutline.svelte

@@ -1,15 +1,17 @@
 <script>
-  let { class: className = "" } = $props();
-</script>
-
-<svg
-  class={className}
-  aria-hidden="true"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  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="2"
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+>
   <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
 </svg>

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

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

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

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

package/dist/primitives/Icons/ShareOutline.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="M7.217 10.907a2.25 2.25 0 100 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186l9.566-5.314m-9.566 7.5l9.566 5.314m0 0a2.25 2.25 0 103.935 2.186 2.25 2.25 0 00-3.935-2.186zm0-12.814a2.25 2.25 0 103.933-2.185 2.25 2.25 0 00-3.933 2.185z" />
 </svg>

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

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

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

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

@@ -1,34 +1,35 @@
-<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"
->
-    <path
-        d="M9.16666 6.83398L4.17166 13.659C4.05413 13.8195 3.99792 14.0168 4.01321 14.2152C4.02849 14.4136 4.11425 14.6 4.25499 14.7407L4.93583 15.4223C5.07862 15.565 5.26832 15.6509 5.46971 15.6643C5.67109 15.6776 5.87048 15.6174 6.03083 15.4948L12.575 10.4998"
-        stroke={color}
-        stroke-width="1.66667"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-    />
-    <path
-        d="M13.7505 18.1457C12.9171 17.584 11.9771 17.1673 10.8338 17.1673C9.11881 17.1673 7.56048 19.1307 5.83381 18.834C4.10715 18.5373 3.52131 16.0265 4.58381 15.084"
-        stroke={color}
-        stroke-width="1.66667"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-    />
-    <path
-        d="M13.3337 10.4993C15.6348 10.4993 17.5003 8.63387 17.5003 6.33268C17.5003 4.0315 15.6348 2.16602 13.3337 2.16602C11.0325 2.16602 9.16699 4.0315 9.16699 6.33268C9.16699 8.63387 11.0325 10.4993 13.3337 10.4993Z"
-        stroke={color}
-        stroke-width="1.66667"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-    />
+<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="M9.16666 6.83398L4.17166 13.659C4.05413 13.8195 3.99792 14.0168 4.01321 14.2152C4.02849 14.4136 4.11425 14.6 4.25499 14.7407L4.93583 15.4223C5.07862 15.565 5.26832 15.6509 5.46971 15.6643C5.67109 15.6776 5.87048 15.6174 6.03083 15.4948L12.575 10.4998"
+        stroke={color}
+        stroke-width="1.66667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
+    <path
+        d="M13.7505 18.1457C12.9171 17.584 11.9771 17.1673 10.8338 17.1673C9.11881 17.1673 7.56048 19.1307 5.83381 18.834C4.10715 18.5373 3.52131 16.0265 4.58381 15.084"
+        stroke={color}
+        stroke-width="1.66667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
+    <path
+        d="M13.3337 10.4993C15.6348 10.4993 17.5003 8.63387 17.5003 6.33268C17.5003 4.0315 15.6348 2.16602 13.3337 2.16602C11.0325 2.16602 9.16699 4.0315 9.16699 6.33268C9.16699 8.63387 11.0325 10.4993 13.3337 10.4993Z"
+        stroke={color}
+        stroke-width="1.66667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
 </svg>    

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

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

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

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

package/dist/primitives/Icons/Signout.svelte

@@ -1,34 +1,35 @@
-<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"
->
-    <path
-        d="M7.5 18H4.16667C3.72464 18 3.30072 17.8244 2.98816 17.5118C2.67559 17.1993 2.5 16.7754 2.5 16.3333V4.66667C2.5 4.22464 2.67559 3.80072 2.98816 3.48816C3.30072 3.17559 3.72464 3 4.16667 3H7.5"
-        stroke={color}
-        stroke-width="1.66667"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-    />
-    <path
-        d="M13.333 14.6673L17.4997 10.5007L13.333 6.33398"
-        stroke={color}
-        stroke-width="1.66667"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-    />
-    <path
-        d="M17.5 10.5H7.5"
-        stroke={color}
-        stroke-width="1.66667"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-    />
+<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="M7.5 18H4.16667C3.72464 18 3.30072 17.8244 2.98816 17.5118C2.67559 17.1993 2.5 16.7754 2.5 16.3333V4.66667C2.5 4.22464 2.67559 3.80072 2.98816 3.48816C3.30072 3.17559 3.72464 3 4.16667 3H7.5"
+        stroke={color}
+        stroke-width="1.66667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
+    <path
+        d="M13.333 14.6673L17.4997 10.5007L13.333 6.33398"
+        stroke={color}
+        stroke-width="1.66667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
+    <path
+        d="M17.5 10.5H7.5"
+        stroke={color}
+        stroke-width="1.66667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
 </svg>    

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Signout.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/Signout.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":"Signout.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/Signout.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/SunIcon.svelte

@@ -1,19 +1,21 @@
-<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"
->
-  <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"
-    stroke={color}
-    stroke-width="2"
-    stroke-linecap="round"
-  />
-</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"
+    stroke={color}
+    stroke-width="2"
+    stroke-linecap="round"
+  />
+</svg>

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