@getmicdrop/svelte-components 5.9.6 → 5.10.0

package/dist/primitives/Icons/Message.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 17 16"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M10.1902 14.4577C10.2155 14.5208 10.2596 14.5747 10.3164 14.6121C10.3732 14.6494 10.4401 14.6685 10.5081 14.6668C10.5761 14.665 10.6419 14.6426 10.6968 14.6023C10.7516 14.5621 10.7928 14.506 10.8149 14.4417L15.1482 1.77503C15.1695 1.71596 15.1736 1.65203 15.16 1.59073C15.1463 1.52943 15.1154 1.47329 15.071 1.42888C15.0266 1.38447 14.9705 1.35363 14.9092 1.33996C14.8479 1.32629 14.7839 1.33036 14.7249 1.3517L2.05821 5.68503C1.99388 5.70709 1.93783 5.74831 1.89759 5.80314C1.85736 5.85798 1.83486 5.92381 1.83312 5.9918C1.83138 6.05979 1.85047 6.12669 1.88785 6.18351C1.92523 6.24034 1.97909 6.28437 2.04221 6.3097L7.32888 8.4297C7.496 8.49661 7.64785 8.59667 7.77526 8.72385C7.90266 8.85103 8.003 9.00269 8.07021 9.1697L10.1902 14.4577Z"
-    stroke={color}
-    stroke-width="1.33333"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-  />
-  <path
-    d="M15.0697 1.43164L7.77637 8.72431"
-    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 17 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M10.1902 14.4577C10.2155 14.5208 10.2596 14.5747 10.3164 14.6121C10.3732 14.6494 10.4401 14.6685 10.5081 14.6668C10.5761 14.665 10.6419 14.6426 10.6968 14.6023C10.7516 14.5621 10.7928 14.506 10.8149 14.4417L15.1482 1.77503C15.1695 1.71596 15.1736 1.65203 15.16 1.59073C15.1463 1.52943 15.1154 1.47329 15.071 1.42888C15.0266 1.38447 14.9705 1.35363 14.9092 1.33996C14.8479 1.32629 14.7839 1.33036 14.7249 1.3517L2.05821 5.68503C1.99388 5.70709 1.93783 5.74831 1.89759 5.80314C1.85736 5.85798 1.83486 5.92381 1.83312 5.9918C1.83138 6.05979 1.85047 6.12669 1.88785 6.18351C1.92523 6.24034 1.97909 6.28437 2.04221 6.3097L7.32888 8.4297C7.496 8.49661 7.64785 8.59667 7.77526 8.72385C7.90266 8.85103 8.003 9.00269 8.07021 9.1697L10.1902 14.4577Z"
+    stroke={color}
+    stroke-width="1.33333"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M15.0697 1.43164L7.77637 8.72431"
+    stroke={color}
+    stroke-width="1.33333"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+</svg>

package/dist/primitives/Icons/MoonIcon.svelte

@@ -1,18 +1,18 @@
-<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"
->
-  <path
-    d="M21.0009 12.79C20.8436 14.4922 20.2047 16.1144 19.1591 17.4668C18.1135 18.8192 16.7044 19.8458 15.0966 20.4265C13.4888 21.0073 11.748 21.1181 10.0795 20.7461C8.41104 20.3741 6.88302 19.5345 5.67426 18.3258C4.46551 17.117 3.62596 15.589 3.25393 13.9205C2.8819 12.252 2.99274 10.5112 3.57348 8.9034C4.15423 7.29557 5.18085 5.88651 6.53324 4.84088C7.88562 3.79525 9.50782 3.15731 11.2101 3C10.2147 4.34827 9.73521 6.00945 9.85856 7.68141C9.98191 9.35338 10.7002 10.9251 11.8788 12.1037C13.0574 13.2823 14.6291 14.0006 16.3011 14.1239C17.973 14.2473 19.6342 13.7678 20.9825 12.7724L21.0009 12.79Z"
-    fill={color}
-  />
-</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"
+>
+  <path
+    d="M21.0009 12.79C20.8436 14.4922 20.2047 16.1144 19.1591 17.4668C18.1135 18.8192 16.7044 19.8458 15.0966 20.4265C13.4888 21.0073 11.748 21.1181 10.0795 20.7461C8.41104 20.3741 6.88302 19.5345 5.67426 18.3258C4.46551 17.117 3.62596 15.589 3.25393 13.9205C2.8819 12.252 2.99274 10.5112 3.57348 8.9034C4.15423 7.29557 5.18085 5.88651 6.53324 4.84088C7.88562 3.79525 9.50782 3.15731 11.2101 3C10.2147 4.34827 9.73521 6.00945 9.85856 7.68141C9.98191 9.35338 10.7002 10.9251 11.8788 12.1037C13.0574 13.2823 14.6291 14.0006 16.3011 14.1239C17.973 14.2473 19.6342 13.7678 20.9825 12.7724L21.0009 12.79Z"
+    fill={color}
+  />
+</svg>

package/dist/primitives/Icons/More.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 20"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-    <path
-        d="M9.99935 10.8333C10.4596 10.8333 10.8327 10.4602 10.8327 9.99996C10.8327 9.53972 10.4596 9.16663 9.99935 9.16663C9.53911 9.16663 9.16602 9.53972 9.16602 9.99996C9.16602 10.4602 9.53911 10.8333 9.99935 10.8333Z"
-        stroke={color}
-        stroke-width="1.66667"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-    />
-    <path
-        d="M9.99935 5.00004C10.4596 5.00004 10.8327 4.62694 10.8327 4.16671C10.8327 3.70647 10.4596 3.33337 9.99935 3.33337C9.53911 3.33337 9.16602 3.70647 9.16602 4.16671C9.16602 4.62694 9.53911 5.00004 9.99935 5.00004Z"
-        stroke={color}
-        stroke-width="1.66667"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-    />
-    <path
-        d="M9.99935 16.6667C10.4596 16.6667 10.8327 16.2936 10.8327 15.8333C10.8327 15.3731 10.4596 15 9.99935 15C9.53911 15 9.16602 15.3731 9.16602 15.8333C9.16602 16.2936 9.53911 16.6667 9.99935 16.6667Z"
-        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 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+    <path
+        d="M9.99935 10.8333C10.4596 10.8333 10.8327 10.4602 10.8327 9.99996C10.8327 9.53972 10.4596 9.16663 9.99935 9.16663C9.53911 9.16663 9.16602 9.53972 9.16602 9.99996C9.16602 10.4602 9.53911 10.8333 9.99935 10.8333Z"
+        stroke={color}
+        stroke-width="1.66667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
+    <path
+        d="M9.99935 5.00004C10.4596 5.00004 10.8327 4.62694 10.8327 4.16671C10.8327 3.70647 10.4596 3.33337 9.99935 3.33337C9.53911 3.33337 9.16602 3.70647 9.16602 4.16671C9.16602 4.62694 9.53911 5.00004 9.99935 5.00004Z"
+        stroke={color}
+        stroke-width="1.66667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
+    <path
+        d="M9.99935 16.6667C10.4596 16.6667 10.8327 16.2936 10.8327 15.8333C10.8327 15.3731 10.4596 15 9.99935 15C9.53911 15 9.16602 15.3731 9.16602 15.8333C9.16602 16.2936 9.53911 16.6667 9.99935 16.6667Z"
+        stroke={color}
+        stroke-width="1.66667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
 </svg>    

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

@@ -1,67 +1,67 @@
-import { describe, it, expect } from 'vitest';
-import { render } from '@testing-library/svelte';
-import MoreHori from './MoreHori.svelte';
-
-describe('MoreHori Icon', () => {
-  it('renders an svg element', () => {
-    const { container } = render(MoreHori);
-    const svg = container.querySelector('svg');
-    expect(svg).toBeTruthy();
-  });
-
-  it('uses default size of 24', () => {
-    const { container } = render(MoreHori);
-    const svg = container.querySelector('svg');
-    expect(svg.getAttribute('width')).toBe('24');
-    expect(svg.getAttribute('height')).toBe('24');
-  });
-
-  it('accepts custom size', () => {
-    const { container } = render(MoreHori, { props: { size: '32' } });
-    const svg = container.querySelector('svg');
-    expect(svg.getAttribute('width')).toBe('32');
-    expect(svg.getAttribute('height')).toBe('32');
-  });
-
-  it('uses default color of currentColor', () => {
-    const { container } = render(MoreHori);
-    const path = container.querySelector('path');
-    expect(path.getAttribute('stroke')).toBe('currentColor');
-  });
-
-  it('accepts custom color', () => {
-    const { container } = render(MoreHori, { props: { color: 'red' } });
-    const path = container.querySelector('path');
-    expect(path.getAttribute('stroke')).toBe('red');
-  });
-
-  it('renders three horizontal dots (three paths)', () => {
-    const { container } = render(MoreHori);
-    const paths = container.querySelectorAll('path');
-    expect(paths.length).toBe(3);
-  });
-
-  it('has correct viewBox', () => {
-    const { container } = render(MoreHori);
-    const svg = container.querySelector('svg');
-    expect(svg.getAttribute('viewBox')).toBe('0 0 16 16');
-  });
-
-  it('has stroke-linecap="round" on paths', () => {
-    const { container } = render(MoreHori);
-    const path = container.querySelector('path');
-    expect(path.getAttribute('stroke-linecap')).toBe('round');
-  });
-
-  it('has stroke-linejoin="round" on paths', () => {
-    const { container } = render(MoreHori);
-    const path = container.querySelector('path');
-    expect(path.getAttribute('stroke-linejoin')).toBe('round');
-  });
-
-  it('has fill="none" on svg', () => {
-    const { container } = render(MoreHori);
-    const svg = container.querySelector('svg');
-    expect(svg.getAttribute('fill')).toBe('none');
-  });
-});
+import { describe, it, expect } from 'vitest';
+import { render } from '@testing-library/svelte';
+import MoreHori from './MoreHori.svelte';
+
+describe('MoreHori Icon', () => {
+  it('renders an svg element', () => {
+    const { container } = render(MoreHori);
+    const svg = container.querySelector('svg');
+    expect(svg).toBeTruthy();
+  });
+
+  it('uses default size of 24', () => {
+    const { container } = render(MoreHori);
+    const svg = container.querySelector('svg');
+    expect(svg.getAttribute('width')).toBe('24');
+    expect(svg.getAttribute('height')).toBe('24');
+  });
+
+  it('accepts custom size', () => {
+    const { container } = render(MoreHori, { props: { size: '32' } });
+    const svg = container.querySelector('svg');
+    expect(svg.getAttribute('width')).toBe('32');
+    expect(svg.getAttribute('height')).toBe('32');
+  });
+
+  it('uses default color of currentColor', () => {
+    const { container } = render(MoreHori);
+    const path = container.querySelector('path');
+    expect(path.getAttribute('stroke')).toBe('currentColor');
+  });
+
+  it('accepts custom color', () => {
+    const { container } = render(MoreHori, { props: { color: 'red' } });
+    const path = container.querySelector('path');
+    expect(path.getAttribute('stroke')).toBe('red');
+  });
+
+  it('renders three horizontal dots (three paths)', () => {
+    const { container } = render(MoreHori);
+    const paths = container.querySelectorAll('path');
+    expect(paths.length).toBe(3);
+  });
+
+  it('has correct viewBox', () => {
+    const { container } = render(MoreHori);
+    const svg = container.querySelector('svg');
+    expect(svg.getAttribute('viewBox')).toBe('0 0 16 16');
+  });
+
+  it('has stroke-linecap="round" on paths', () => {
+    const { container } = render(MoreHori);
+    const path = container.querySelector('path');
+    expect(path.getAttribute('stroke-linecap')).toBe('round');
+  });
+
+  it('has stroke-linejoin="round" on paths', () => {
+    const { container } = render(MoreHori);
+    const path = container.querySelector('path');
+    expect(path.getAttribute('stroke-linejoin')).toBe('round');
+  });
+
+  it('has fill="none" on svg', () => {
+    const { container } = render(MoreHori);
+    const svg = container.querySelector('svg');
+    expect(svg.getAttribute('fill')).toBe('none');
+  });
+});

package/dist/primitives/Icons/MoreHori.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 16 16"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M7.99967 8.66683C8.36786 8.66683 8.66634 8.36835 8.66634 8.00016C8.66634 7.63197 8.36786 7.3335 7.99967 7.3335C7.63148 7.3335 7.33301 7.63197 7.33301 8.00016C7.33301 8.36835 7.63148 8.66683 7.99967 8.66683Z"
-    stroke={color}
-    stroke-width="1.33333"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-  />
-  <path
-    d="M12.6667 8.66683C13.0349 8.66683 13.3333 8.36835 13.3333 8.00016C13.3333 7.63197 13.0349 7.3335 12.6667 7.3335C12.2985 7.3335 12 7.63197 12 8.00016C12 8.36835 12.2985 8.66683 12.6667 8.66683Z"
-    stroke={color}
-    stroke-width="1.33333"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-  />
-  <path
-    d="M3.33366 8.66683C3.70185 8.66683 4.00033 8.36835 4.00033 8.00016C4.00033 7.63197 3.70185 7.3335 3.33366 7.3335C2.96547 7.3335 2.66699 7.63197 2.66699 8.00016C2.66699 8.36835 2.96547 8.66683 3.33366 8.66683Z"
-    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="M7.99967 8.66683C8.36786 8.66683 8.66634 8.36835 8.66634 8.00016C8.66634 7.63197 8.36786 7.3335 7.99967 7.3335C7.63148 7.3335 7.33301 7.63197 7.33301 8.00016C7.33301 8.36835 7.63148 8.66683 7.99967 8.66683Z"
+    stroke={color}
+    stroke-width="1.33333"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M12.6667 8.66683C13.0349 8.66683 13.3333 8.36835 13.3333 8.00016C13.3333 7.63197 13.0349 7.3335 12.6667 7.3335C12.2985 7.3335 12 7.63197 12 8.00016C12 8.36835 12.2985 8.66683 12.6667 8.66683Z"
+    stroke={color}
+    stroke-width="1.33333"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M3.33366 8.66683C3.70185 8.66683 4.00033 8.36835 4.00033 8.00016C4.00033 7.63197 3.70185 7.3335 3.33366 7.3335C2.96547 7.3335 2.66699 7.63197 2.66699 8.00016C2.66699 8.36835 2.96547 8.66683 3.33366 8.66683Z"
+    stroke={color}
+    stroke-width="1.33333"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+</svg>

package/dist/primitives/Icons/Notification.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="M5 7.16602C5 5.83993 5.52678 4.56816 6.46447 3.63048C7.40215 2.6928 8.67392 2.16602 10 2.16602C11.3261 2.16602 12.5979 2.6928 13.5355 3.63048C14.4732 4.56816 15 5.83993 15 7.16602C15 12.9993 17.5 14.666 17.5 14.666H2.5C2.5 14.666 5 12.9993 5 7.16602Z"
-        stroke={color}
-        stroke-width="1.66667"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-    />
-    <path
-        d="M8.58301 18C8.72249 18.2537 8.92755 18.4653 9.17675 18.6127C9.42595 18.76 9.71016 18.8378 9.99967 18.8378C10.2892 18.8378 10.5734 18.76 10.8226 18.6127C11.0718 18.4653 11.2769 18.2537 11.4163 18"
-        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="M5 7.16602C5 5.83993 5.52678 4.56816 6.46447 3.63048C7.40215 2.6928 8.67392 2.16602 10 2.16602C11.3261 2.16602 12.5979 2.6928 13.5355 3.63048C14.4732 4.56816 15 5.83993 15 7.16602C15 12.9993 17.5 14.666 17.5 14.666H2.5C2.5 14.666 5 12.9993 5 7.16602Z"
+        stroke={color}
+        stroke-width="1.66667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
+    <path
+        d="M8.58301 18C8.72249 18.2537 8.92755 18.4653 9.17675 18.6127C9.42595 18.76 9.71016 18.8378 9.99967 18.8378C10.2892 18.8378 10.5734 18.76 10.8226 18.6127C11.0718 18.4653 11.2769 18.2537 11.4163 18"
+        stroke={color}
+        stroke-width="1.66667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
 </svg>    

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>