@getmicdrop/svelte-components 2.8.1 → 3.1.0

package/dist/components/FormActions.stories.svelte

@@ -1,5 +1,7 @@
-<script context="module">
-  export const meta = {
+<script module>
+  import { defineMeta } from "@storybook/addon-svelte-csf";
+
+  const { Story } = defineMeta({
     title: 'Components/FormActions',
     component: FormActions,
     tags: ['autodocs'],
@@ -11,12 +13,12 @@
       disabled: { control: 'boolean' },
       showCancel: { control: 'boolean' },
     },
-  };
+  });
+
 </script>
 
 <script>
-  import { Story, Template } from '@storybook/addon-svelte-csf';
-  import FormActions from './FormActions.svelte';
+    import FormActions from './FormActions.svelte';
 
   let submitting = false;
   let success = false;
@@ -31,9 +33,6 @@
   }
 </script>
 
-<Template let:args>
-  <FormActions {...args} />
-</Template>
 
 <Story
   name="Default"
@@ -62,7 +61,7 @@
 />
 
 <Story name="Interactive Submit">
-  <div class="bg-gray-50 p-8 rounded-lg">
+  <div class="bg-gray-50 dark:bg-gray-800 p-8 rounded-lg">
     <FormActions
       submitLabel="Save Changes"
       isSubmitting={submitting}

package/dist/components/FormActions.stories.svelte.d.ts

@@ -1,33 +1,3 @@
-export namespace meta {
-    export let title: string;
-    export { FormActions as component };
-    export let tags: string[];
-    export namespace argTypes {
-        namespace submitLabel {
-            let control: string;
-        }
-        namespace cancelLabel {
-            let control_1: string;
-            export { control_1 as control };
-        }
-        namespace isSubmitting {
-            let control_2: string;
-            export { control_2 as control };
-        }
-        namespace isSuccess {
-            let control_3: string;
-            export { control_3 as control };
-        }
-        namespace disabled {
-            let control_4: string;
-            export { control_4 as control };
-        }
-        namespace showCancel {
-            let control_5: string;
-            export { control_5 as control };
-        }
-    }
-}
 export default FormActions;
 type FormActions = SvelteComponent<{
     [x: string]: never;

package/dist/components/FormActions.stories.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormActions.stories.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/FormActions.stories.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6FA;;;;mBAAuH;wBA1E/F,sBAAsB;6CAiED,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"FormActions.stories.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/FormActions.stories.svelte.js"],"names":[],"mappings":";;;;;;;;AA2FA;;;;mBAAuH;wBAtE/F,sBAAsB;6CA6DD,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}

package/dist/components/FormActions.svelte

@@ -26,10 +26,10 @@
   export let showCancel = true;
 
   /** Variant for the submit button */
-  export let submitVariant = "blue-solid";
+  export let submitVariant = "default";
 
   /** Variant for the cancel button */
-  export let cancelVariant = "gray-outline";
+  export let cancelVariant = "alternative";
 
   /** Button type for submit */
   export let submitType = "submit";
@@ -39,7 +39,7 @@
 </script>
 
 <div
-  class="w-full md:static flex bg-bg-primary md:bg-transparent md:rounded-b-lg items-center justify-center md:justify-end gap-4 py-5 px-4 {className}"
+  class="w-full md:static flex bg-white dark:bg-gray-800 md:bg-transparent md:dark:bg-transparent md:rounded-b-lg items-center justify-center md:justify-end gap-4 py-5 px-4 {className}"
 >
   {#if showCancel}
     <Button

package/dist/components/FormValidationSummary.stories.svelte

@@ -1,16 +1,18 @@
-<script context="module">
+<script module>
+  import { defineMeta } from "@storybook/addon-svelte-csf";
+
   import FormValidationSummary from './FormValidationSummary.svelte';
 
-  export const meta = {
+  const { Story } = defineMeta({
     title: 'Components/FormValidationSummary',
     component: FormValidationSummary,
     tags: ['autodocs'],
-  };
+  });
+
 </script>
 
 <script>
-  import { Story } from '@storybook/addon-svelte-csf';
-
+  
   const sampleErrors = {
     firstName: 'First name is required',
     email: 'Please enter a valid email address',
@@ -91,5 +93,5 @@
     {fieldLabels}
     show={false}
   />
-  <p class="text-sm text-gray-500 mt-2">The validation summary is hidden</p>
+  <p class="text-sm text-gray-500 dark:text-gray-400 mt-2">The validation summary is hidden</p>
 </Story>

package/dist/components/FormValidationSummary.stories.svelte.d.ts

@@ -1,8 +1,3 @@
-export namespace meta {
-    export let title: string;
-    export { FormValidationSummary as component };
-    export let tags: string[];
-}
 export default FormValidationSummary;
 type FormValidationSummary = SvelteComponent<{
     [x: string]: never;

package/dist/components/FormValidationSummary.stories.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormValidationSummary.stories.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/FormValidationSummary.stories.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;AA6FA;;;;mBAAiI;kCA1F7F,gCAAgC;6CAiFvB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"FormValidationSummary.stories.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/FormValidationSummary.stories.svelte.js"],"names":[],"mappings":";;;;;;;;AA4FA;;;;mBAAiI;kCAvF7F,gCAAgC;6CA8EvB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}

package/dist/components/FormValidationSummary.svelte

@@ -54,14 +54,14 @@
 {#if show && hasErrors}
   <div
     transition:slide={{ duration: 300, easing: cubicOut }}
-    class="bg-red-50 border border-red-200 rounded-lg p-4 mb-4"
+    class="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4 mb-4"
     role="alert"
     aria-live="polite"
   >
     <div class="flex items-start gap-2">
-      <WarningIcon className="shrink-0 text-red-500 mt-0.5" />
+      <WarningIcon className="shrink-0 text-red-600 dark:text-red-500 mt-0.5" />
       <div class="flex-1">
-        <p class="text-sm font-medium text-red-800">
+        <p class="text-sm font-medium text-red-800 dark:text-red-400">
           Please fix the following:
         </p>
         <ul class="mt-2 space-y-1">
@@ -69,7 +69,7 @@
             <li>
               <button
                 type="button"
-                class="text-sm text-red-700 hover:text-red-900 hover:underline cursor-pointer focus:outline-none focus:underline"
+                class="text-sm text-red-600 dark:text-red-500 hover:text-red-900 dark:hover:text-red-400 hover:underline cursor-pointer focus:outline-none focus:underline"
                 on:click={() => scrollToField(field.elementId)}
               >
                 {field.label}

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

@@ -1,15 +1,15 @@
 export default ArrowLeft;
 type ArrowLeft = SvelteComponent<{
-    color?: string | undefined;
     size?: string | undefined;
+    color?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
     $$bindings?: string | undefined;
 };
 declare const ArrowLeft: $$__sveltets_2_IsomorphicComponent<{
-    color?: string | undefined;
     size?: string | undefined;
+    color?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

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

@@ -1,15 +1,15 @@
 export default ArrowRight;
 type ArrowRight = SvelteComponent<{
-    color?: string | undefined;
     size?: string | undefined;
+    color?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
     $$bindings?: string | undefined;
 };
 declare const ArrowRight: $$__sveltets_2_IsomorphicComponent<{
-    color?: string | undefined;
     size?: string | undefined;
+    color?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

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

@@ -1,15 +1,15 @@
 export default Availability;
 type Availability = SvelteComponent<{
-    color?: string | undefined;
     size?: string | undefined;
+    color?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
     $$bindings?: string | undefined;
 };
 declare const Availability: $$__sveltets_2_IsomorphicComponent<{
-    color?: string | undefined;
     size?: string | undefined;
+    color?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

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

@@ -1,15 +1,15 @@
 export default Back;
 type Back = SvelteComponent<{
-    color?: string | undefined;
     size?: string | undefined;
+    color?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
     $$bindings?: string | undefined;
 };
 declare const Back: $$__sveltets_2_IsomorphicComponent<{
-    color?: string | undefined;
     size?: string | undefined;
+    color?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

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

@@ -1,15 +1,15 @@
 export default CheckCircle;
 type CheckCircle = SvelteComponent<{
-    color?: string | undefined;
     size?: string | undefined;
+    color?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
     $$bindings?: string | undefined;
 };
 declare const CheckCircle: $$__sveltets_2_IsomorphicComponent<{
-    color?: string | undefined;
     size?: string | undefined;
+    color?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

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

@@ -1,15 +1,15 @@
 export default CheckCircleOutline;
 type CheckCircleOutline = SvelteComponent<{
-    color?: string | undefined;
     size?: string | undefined;
+    color?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
     $$bindings?: string | undefined;
 };
 declare const CheckCircleOutline: $$__sveltets_2_IsomorphicComponent<{
-    color?: string | undefined;
     size?: string | undefined;
+    color?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

package/dist/components/Icons/CheckCircleSolid.svelte

@@ -0,0 +1,15 @@
+<script>
+  /** @type {string} */
+  let className = "";
+  export { className as class };
+</script>
+
+<svg
+  class={className}
+  aria-hidden="true"
+  fill="currentColor"
+  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/components/{Badges/BadgeAudit.stories.svelte.d.ts → Icons/CheckCircleSolid.svelte.d.ts}

@@ -1,18 +1,13 @@
-export namespace meta {
-    export let title: string;
-    export { Badge as component };
-}
-export default BadgeAudit;
-import Badge from "./Badge.svelte";
-type BadgeAudit = SvelteComponent<{
-    [x: string]: never;
+export default CheckCircleSolid;
+type CheckCircleSolid = SvelteComponent<{
+    class?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
     $$bindings?: string | undefined;
 };
-declare const BadgeAudit: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
+declare const CheckCircleSolid: $$__sveltets_2_IsomorphicComponent<{
+    class?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;
@@ -20,7 +15,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: {
+    (internal: unknown, props: Props & {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -29,4 +24,4 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-//# sourceMappingURL=BadgeAudit.stories.svelte.d.ts.map
+//# sourceMappingURL=CheckCircleSolid.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckCircleSolid.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Icons/CheckCircleSolid.svelte.js"],"names":[],"mappings":";;;;;;;;AAyBA;;;;mBAAuI;6CAT1F,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/components/Icons/CheckOutline.svelte

@@ -0,0 +1,17 @@
+<script>
+  /** @type {string} */
+  let className = "";
+  export { className as class };
+</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"
+>
+  <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
+</svg>

package/dist/components/{Alert/AlertAudit.stories.svelte.d.ts → Icons/CheckOutline.svelte.d.ts}

@@ -1,18 +1,13 @@
-export namespace meta {
-    export let title: string;
-    export { Alert as component };
-}
-export default AlertAudit;
-import Alert from "./Alert.svelte";
-type AlertAudit = SvelteComponent<{
-    [x: string]: never;
+export default CheckOutline;
+type CheckOutline = SvelteComponent<{
+    class?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
     $$bindings?: string | undefined;
 };
-declare const AlertAudit: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
+declare const CheckOutline: $$__sveltets_2_IsomorphicComponent<{
+    class?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;
@@ -20,7 +15,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: {
+    (internal: unknown, props: Props & {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -29,4 +24,4 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-//# sourceMappingURL=AlertAudit.stories.svelte.d.ts.map
+//# sourceMappingURL=CheckOutline.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckOutline.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Icons/CheckOutline.svelte.js"],"names":[],"mappings":";;;;;;;;AAyBA;;;;mBAAmI;6CATtF,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/components/Icons/ChevronDownOutline.svelte

@@ -0,0 +1,17 @@
+<script>
+  /** @type {string} */
+  let className = "";
+  export { className as class };
+</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"
+>
+  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
+</svg>

package/dist/components/{Input/InputAudit.stories.svelte.d.ts → Icons/ChevronDownOutline.svelte.d.ts}

@@ -1,18 +1,13 @@
-export namespace meta {
-    export let title: string;
-    export { Input as component };
-}
-export default InputAudit;
-import Input from "./Input.svelte";
-type InputAudit = SvelteComponent<{
-    [x: string]: never;
+export default ChevronDownOutline;
+type ChevronDownOutline = SvelteComponent<{
+    class?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
     $$bindings?: string | undefined;
 };
-declare const InputAudit: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
+declare const ChevronDownOutline: $$__sveltets_2_IsomorphicComponent<{
+    class?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;
@@ -20,7 +15,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: {
+    (internal: unknown, props: Props & {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -29,4 +24,4 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-//# sourceMappingURL=InputAudit.stories.svelte.d.ts.map
+//# sourceMappingURL=ChevronDownOutline.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronDownOutline.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Icons/ChevronDownOutline.svelte.js"],"names":[],"mappings":";;;;;;;;AAyBA;;;;mBAAyI;6CAT5F,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

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

@@ -1,15 +1,15 @@
 export default ChevronLeft;
 type ChevronLeft = SvelteComponent<{
-    color?: string | undefined;
     size?: string | undefined;
+    color?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
     $$bindings?: string | undefined;
 };
 declare const ChevronLeft: $$__sveltets_2_IsomorphicComponent<{
-    color?: string | undefined;
     size?: string | undefined;
+    color?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

package/dist/components/Icons/ChevronLeftOutline.svelte

@@ -0,0 +1,17 @@
+<script>
+  /** @type {string} */
+  let className = "";
+  export { className as class };
+</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"
+>
+  <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
+</svg>

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

@@ -0,0 +1,27 @@
+export default ChevronLeftOutline;
+type ChevronLeftOutline = SvelteComponent<{
+    class?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const ChevronLeftOutline: $$__sveltets_2_IsomorphicComponent<{
+    class?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+//# sourceMappingURL=ChevronLeftOutline.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronLeftOutline.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Icons/ChevronLeftOutline.svelte.js"],"names":[],"mappings":";;;;;;;;AAyBA;;;;mBAAyI;6CAT5F,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/components/Icons/ChevronRight.svelte.d.ts

@@ -1,15 +1,15 @@
 export default ChevronRight;
 type ChevronRight = SvelteComponent<{
-    color?: string | undefined;
     size?: string | undefined;
+    color?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
     $$bindings?: string | undefined;
 };
 declare const ChevronRight: $$__sveltets_2_IsomorphicComponent<{
-    color?: string | undefined;
     size?: string | undefined;
+    color?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

package/dist/components/Icons/ChevronRightOutline.svelte

@@ -0,0 +1,17 @@
+<script>
+  /** @type {string} */
+  let className = "";
+  export { className as class };
+</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"
+>
+  <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
+</svg>

package/dist/components/Icons/ChevronRightOutline.svelte.d.ts

@@ -0,0 +1,27 @@
+export default ChevronRightOutline;
+type ChevronRightOutline = SvelteComponent<{
+    class?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const ChevronRightOutline: $$__sveltets_2_IsomorphicComponent<{
+    class?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+//# sourceMappingURL=ChevronRightOutline.svelte.d.ts.map

package/dist/components/Icons/ChevronRightOutline.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronRightOutline.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Icons/ChevronRightOutline.svelte.js"],"names":[],"mappings":";;;;;;;;AAyBA;;;;mBAA0I;6CAT7F,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/components/Icons/ChevronUpOutline.svelte

@@ -0,0 +1,17 @@
+<script>
+  /** @type {string} */
+  let className = "";
+  export { className as class };
+</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"
+>
+  <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5" />
+</svg>