@getmicdrop/svelte-components 5.19.0 → 5.20.0

package/dist/primitives/Icons/Payment.svelte

@@ -1,28 +1,28 @@
-<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="M15.8333 6.33333V3.83333C15.8333 3.61232 15.7455 3.40036 15.5893 3.24408C15.433 3.0878 15.221 3 15 3H4.16667C3.72464 3 3.30072 3.17559 2.98816 3.48816C2.67559 3.80072 2.5 4.22464 2.5 4.66667C2.5 5.10869 2.67559 5.53262 2.98816 5.84518C3.30072 6.15774 3.72464 6.33333 4.16667 6.33333H16.6667C16.8877 6.33333 17.0996 6.42113 17.2559 6.57741C17.4122 6.73369 17.5 6.94565 17.5 7.16667V10.5M17.5 10.5H15C14.558 10.5 14.134 10.6756 13.8215 10.9882C13.5089 11.3007 13.3333 11.7246 13.3333 12.1667C13.3333 12.6087 13.5089 13.0326 13.8215 13.3452C14.134 13.6577 14.558 13.8333 15 13.8333H17.5C17.721 13.8333 17.933 13.7455 18.0893 13.5893C18.2455 13.433 18.3333 13.221 18.3333 13V11.3333C18.3333 11.1123 18.2455 10.9004 18.0893 10.7441C17.933 10.5878 17.721 10.5 17.5 10.5Z"
-        stroke={color}
-        stroke-width="1.66667"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-    />
-    <path
-        d="M2.5 4.66602V16.3327C2.5 16.7747 2.67559 17.1986 2.98816 17.5112C3.30072 17.8238 3.72464 17.9993 4.16667 17.9993H16.6667C16.8877 17.9993 17.0996 17.9116 17.2559 17.7553C17.4122 17.599 17.5 17.387 17.5 17.166V13.8327"
-        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="M15.8333 6.33333V3.83333C15.8333 3.61232 15.7455 3.40036 15.5893 3.24408C15.433 3.0878 15.221 3 15 3H4.16667C3.72464 3 3.30072 3.17559 2.98816 3.48816C2.67559 3.80072 2.5 4.22464 2.5 4.66667C2.5 5.10869 2.67559 5.53262 2.98816 5.84518C3.30072 6.15774 3.72464 6.33333 4.16667 6.33333H16.6667C16.8877 6.33333 17.0996 6.42113 17.2559 6.57741C17.4122 6.73369 17.5 6.94565 17.5 7.16667V10.5M17.5 10.5H15C14.558 10.5 14.134 10.6756 13.8215 10.9882C13.5089 11.3007 13.3333 11.7246 13.3333 12.1667C13.3333 12.6087 13.5089 13.0326 13.8215 13.3452C14.134 13.6577 14.558 13.8333 15 13.8333H17.5C17.721 13.8333 17.933 13.7455 18.0893 13.5893C18.2455 13.433 18.3333 13.221 18.3333 13V11.3333C18.3333 11.1123 18.2455 10.9004 18.0893 10.7441C17.933 10.5878 17.721 10.5 17.5 10.5Z"
+        stroke={color}
+        stroke-width="1.66667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
+    <path
+        d="M2.5 4.66602V16.3327C2.5 16.7747 2.67559 17.1986 2.98816 17.5112C3.30072 17.8238 3.72464 17.9993 4.16667 17.9993H16.6667C16.8877 17.9993 17.0996 17.9116 17.2559 17.7553C17.4122 17.599 17.5 17.387 17.5 17.166V13.8327"
+        stroke={color}
+        stroke-width="1.66667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
 </svg>    

package/dist/primitives/Icons/Profile.svelte

@@ -1,35 +1,35 @@
-<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"
-    />
+<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/Reload.svelte

@@ -1,42 +1,42 @@
-<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>
+<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/Shows.svelte

@@ -1,35 +1,35 @@
-<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"
-    />
+<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/Signout.svelte

@@ -1,35 +1,35 @@
-<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"
-    />
+<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/SunIcon.svelte

@@ -1,21 +1,21 @@
-<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>
+<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/TiktokIcon.svelte

@@ -1,15 +1,15 @@
-<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>
+<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/TrashBinOutline.svelte

@@ -1,21 +1,21 @@
-<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>
+<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/TwitterIcon.svelte

@@ -1,15 +1,15 @@
-<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>
+<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/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", "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");
-  });
-});
+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 { 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>
+<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>