@getmicdrop/svelte-components 5.4.0 → 5.4.2

package/dist/primitives/Drawer/Drawer.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Drawer/Drawer.svelte.js"],"names":[],"mappings":";;;;;AA0MA;WA9L4B,OAAO;aAAW,OAAO;YAAU,MAAM;gBAAc,MAAM;YAAU,MAAM;eAAa,OAAO;2BAAyB,OAAO;oBAAkB,OAAO;SAAO,MAAM;WAAS,OAAO;iBAAe,MAAM;aAAW,GAAG;YAAU,GAAG;YAAU,GAAG;cAAY,GAAG;aAAW,GAAG;YAAU,MAAM;gDA8LxQ;wBA9LlC;IAAE,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,GAAG,CAAC;IAAC,MAAM,EAAE,GAAG,CAAC;IAAC,MAAM,EAAE,GAAG,CAAC;IAAC,QAAQ,EAAE,GAAG,CAAC;IAAC,OAAO,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC"}
+{"version":3,"file":"Drawer.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Drawer/Drawer.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAsMH,QAAA,MAAM,MAAM,0DAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/primitives/Dropdown/Dropdown.svelte

@@ -1,5 +1,17 @@
-<script>
+<script lang="ts">
   import { onMount, onDestroy, tick, setContext } from "svelte";
+  import type { Snippet } from "svelte";
+
+  interface Props {
+    open?: boolean;
+    activeUrl?: string;
+    placement?: string;
+    class?: string;
+    ariaLabel?: string;
+    onclose?: () => void;
+    children?: Snippet;
+    [key: string]: unknown;
+  }
 
   let {
     open = $bindable(false),
@@ -10,21 +22,21 @@
     onclose,
     children,
     ...restProps
-  } = $props();
+  }: Props = $props();
 
-  let dropdownRef = $state(null);
-  let containerRef = $state(null);
+  let dropdownRef: HTMLUListElement | null = $state(null);
+  let containerRef: HTMLDivElement | null = $state(null);
   let focusedIndex = $state(-1);
-  let menuItems = $state([]);
+  let menuItems: HTMLElement[] = $state([]);
 
   async function updateMenuItems() {
     await tick();
     if (dropdownRef) {
-      menuItems = Array.from(dropdownRef.querySelectorAll('[role="menuitem"]:not([disabled])'));
+      menuItems = Array.from(dropdownRef.querySelectorAll<HTMLElement>('[role="menuitem"]:not([disabled])'));
     }
   }
 
-  function focusItem(index) {
+  function focusItem(index: number) {
     if (menuItems.length === 0) return;
     if (index < 0) index = menuItems.length - 1;
     if (index >= menuItems.length) index = 0;
@@ -32,11 +44,11 @@
     menuItems[focusedIndex]?.focus();
   }
 
-  function getTriggerElement() {
+  function getTriggerElement(): Element | null {
     const parent = containerRef?.parentElement;
     if (parent) {
       const siblings = Array.from(parent.children);
-      const containerIndex = siblings.indexOf(containerRef);
+      const containerIndex = containerRef ? siblings.indexOf(containerRef) : -1;
       if (containerIndex > 0) {
         return siblings[containerIndex - 1];
       }
@@ -44,15 +56,15 @@
     return null;
   }
 
-  function handleClickOutside(event) {
+  function handleClickOutside(event: MouseEvent) {
     if (!open) return;
 
-    if (dropdownRef && dropdownRef.contains(event.target)) {
+    if (dropdownRef && dropdownRef.contains(event.target as Node)) {
       return;
     }
 
     const trigger = getTriggerElement();
-    if (trigger && trigger.contains(event.target)) {
+    if (trigger && trigger.contains(event.target as Node)) {
       return;
     }
 
@@ -60,18 +72,18 @@
     onclose?.();
   }
 
-  function handleKeydown(event) {
+  function handleKeydown(event: KeyboardEvent) {
     if (!open) return;
 
     const trigger = getTriggerElement();
-    if (!dropdownRef?.contains(event.target) && !trigger?.contains(event.target)) {
+    if (!dropdownRef?.contains(event.target as Node) && !trigger?.contains(event.target as Node)) {
       return;
     }
 
     switch (event.key) {
       case "Escape":
         open = false;
-        trigger?.focus();
+        (trigger as HTMLElement | null)?.focus();
         event.preventDefault();
         onclose?.();
         break;
@@ -118,14 +130,14 @@
   });
 
   setContext("dropdown", {
-    activeUrl,
+    get activeUrl() { return activeUrl; },
     close: () => {
       open = false;
       onclose?.();
     }
   });
 
-  const placementClasses = {
+  const placementClasses: Record<string, string> = {
     bottom: "top-full left-0 mt-1",
     top: "bottom-full left-0 mb-1",
     left: "right-full top-0 mr-1",

package/dist/primitives/Dropdown/Dropdown.svelte.d.ts

@@ -1,24 +1,15 @@
-export default Dropdown;
-type Dropdown = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
-declare const Dropdown: import("svelte").Component<{
+import type { Snippet } from "svelte";
+interface Props {
     open?: boolean;
     activeUrl?: string;
     placement?: string;
     class?: string;
     ariaLabel?: string;
-    onclose: any;
-    children: any;
-} & Record<string, any>, {}, "open">;
-type $$ComponentProps = {
-    open?: boolean;
-    activeUrl?: string;
-    placement?: string;
-    class?: string;
-    ariaLabel?: string;
-    onclose: any;
-    children: any;
-} & Record<string, any>;
+    onclose?: () => void;
+    children?: Snippet;
+    [key: string]: unknown;
+}
+declare const Dropdown: import("svelte").Component<Props, {}, "open">;
+type Dropdown = ReturnType<typeof Dropdown>;
+export default Dropdown;
 //# sourceMappingURL=Dropdown.svelte.d.ts.map

package/dist/primitives/Dropdown/Dropdown.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Dropdown/Dropdown.svelte.js"],"names":[],"mappings":";;;;;AAsJA;WA9I4B,OAAO;gBAAc,MAAM;gBAAc,MAAM;YAAU,MAAM;gBAAc,MAAM;aAAW,GAAG;cAAY,GAAG;qCA8IrF;wBA9IpC;IAAE,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,GAAG,CAAC;IAAC,QAAQ,EAAE,GAAG,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC"}
+{"version":3,"file":"Dropdown.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Dropdown/Dropdown.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAoJH,QAAA,MAAM,QAAQ,+CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/primitives/Icons/ArrowLeft.svelte

@@ -1,9 +1,10 @@
 <script>
-  let { size = "20", color = "currentColor" } = $props();
+  let { size = "24", color = "currentColor", class: className = "" } = $props();
 </script>
 
 <svg
-  {size}
+  class={className}
+  aria-hidden="true"
   width={size}
   height={size}
   viewBox="0 0 17 16"

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

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

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

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

@@ -1,9 +1,10 @@
 <script>
-  let { size = "20", color = "currentColor" } = $props();
+  let { size = "24", color = "currentColor", class: className = "" } = $props();
 </script>
 
 <svg
-  {size}
+  class={className}
+  aria-hidden="true"
   width={size}
   height={size}
   viewBox="0 0 24 24"

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

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

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

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

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

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

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

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

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

@@ -1,14 +1,15 @@
 <script>
-  let { size = "20", color = "currentColor" } = $props();
+  let { size = "24", color = "currentColor", class: className = "" } = $props();
 </script>
 
 <svg
-    {size}
-    width={size}
-    height={size}
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/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="M12 19L5 12L12 5"

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

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

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

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

package/dist/primitives/Icons/CheckCircle.svelte

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

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

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

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

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

@@ -1,9 +1,10 @@
 <script>
-  let { size = "20", color = "currentColor" } = $props();
+  let { size = "24", color = "currentColor", class: className = "" } = $props();
 </script>
 
 <svg
-  {size}
+  class={className}
+  aria-hidden="true"
   width={size}
   height={size}
   viewBox="0 0 16 16"

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

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

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

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

package/dist/primitives/Icons/CheckCircleSolid.svelte

@@ -1,13 +1,15 @@
 <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 fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z" clip-rule="evenodd" />
 </svg>

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

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

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

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

package/dist/primitives/Icons/CheckOutline.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"
->
+<script>
+  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="M4.5 12.75l6 6 9-13.5" />
 </svg>

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

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

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

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

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

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

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

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

package/dist/primitives/Icons/ChevronLeft.svelte

@@ -1,14 +1,15 @@
 <script>
-  let { size = "20", color = "currentColor" } = $props();
+  let { size = "24", color = "currentColor", class: className = "" } = $props();
 </script>
 
 <svg
-    {size}
-    width={size}
-    height={size}
-    viewBox="0 0 28 28"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
+  class={className}
+  aria-hidden="true"
+  width={size}
+  height={size}
+  viewBox="0 0 28 28"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
 >
     <path
         d="M18.2847 25.7735C17.6953 25.7734 17.1301 25.5202 16.7134 25.0697L7.82356 15.4612C7.40691 15.0107 7.17285 14.3998 7.17285 13.7628C7.17285 13.1259 7.40691 12.515 7.82356 12.0645L16.7134 2.456C16.9184 2.22657 17.1636 2.04357 17.4348 1.91768C17.7059 1.79178 17.9976 1.72552 18.2927 1.72275C18.5878 1.71998 18.8804 1.78075 19.1536 1.90153C19.4267 2.02232 19.6748 2.20068 19.8835 2.42622C20.0922 2.65177 20.2572 2.91997 20.3689 3.21518C20.4807 3.5104 20.5369 3.82671 20.5344 4.14566C20.5318 4.46462 20.4705 4.77983 20.354 5.0729C20.2375 5.36597 20.0682 5.63103 19.8559 5.85262L12.5374 13.7628L19.8559 21.6731C20.1667 22.009 20.3783 22.437 20.464 22.9029C20.5497 23.3688 20.5057 23.8517 20.3375 24.2906C20.1693 24.7294 19.8845 25.1046 19.5192 25.3685C19.1538 25.6325 18.7242 25.7734 18.2847 25.7735Z"

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ChevronLeft.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/ChevronLeft.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":"ChevronLeft.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/ChevronLeft.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/ChevronLeftOutline.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="M15.75 19.5L8.25 12l7.5-7.5" />
 </svg>

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

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

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

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