@getmicdrop/svelte-components 5.1.3 → 5.2.1

package/dist/recipes/modals/ConfirmationModal.svelte.d.ts

@@ -1,61 +1,44 @@
 export default ConfirmationModal;
-type ConfirmationModal = SvelteComponent<{
-    size?: string | undefined;
-    title?: string | undefined;
-    variant?: string | undefined;
-    actions?: any[] | undefined;
-    show?: boolean | undefined;
-    icon?: null | undefined;
-    disabled?: boolean | undefined;
-    loading?: boolean | undefined;
-    description?: string | undefined;
-    warningText?: string | undefined;
-    customIcon?: null | undefined;
-    closeBtn?: boolean | undefined;
-    primaryButtonText?: string | undefined;
-    secondaryButtonText?: string | undefined;
-}, {
-    cancel: CustomEvent<any>;
-    confirm: CustomEvent<any>;
-    close: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
+type ConfirmationModal = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
 };
-declare const ConfirmationModal: $$__sveltets_2_IsomorphicComponent<{
-    size?: string | undefined;
-    title?: string | undefined;
-    variant?: string | undefined;
-    actions?: any[] | undefined;
-    show?: boolean | undefined;
-    icon?: null | undefined;
-    disabled?: boolean | undefined;
-    loading?: boolean | undefined;
-    description?: string | undefined;
-    warningText?: string | undefined;
-    customIcon?: null | undefined;
-    closeBtn?: boolean | undefined;
-    primaryButtonText?: string | undefined;
-    secondaryButtonText?: string | undefined;
-}, {
-    cancel: CustomEvent<any>;
-    confirm: CustomEvent<any>;
-    close: CustomEvent<any>;
-} & {
-    [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;
-}
+declare const ConfirmationModal: import("svelte").Component<{
+    show?: boolean;
+    size?: string;
+    title?: string;
+    description?: string;
+    warningText?: string;
+    actions?: any[];
+    icon?: any;
+    customIcon?: any;
+    closeBtn?: boolean;
+    primaryButtonText?: string;
+    secondaryButtonText?: string;
+    variant?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    onconfirm: any;
+    oncancel: any;
+    onclose: any;
+} & Record<string, any>, {}, "show">;
+type $$ComponentProps = {
+    show?: boolean;
+    size?: string;
+    title?: string;
+    description?: string;
+    warningText?: string;
+    actions?: any[];
+    icon?: any;
+    customIcon?: any;
+    closeBtn?: boolean;
+    primaryButtonText?: string;
+    secondaryButtonText?: string;
+    variant?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    onconfirm: any;
+    oncancel: any;
+    onclose: any;
+} & Record<string, any>;
 //# sourceMappingURL=ConfirmationModal.svelte.d.ts.map

package/dist/recipes/modals/ConfirmationModal.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationModal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/modals/ConfirmationModal.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAoKA;;;;;;;;;;;;;;;;;;;;;mBAAoS;6CATvP,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"}
+{"version":3,"file":"ConfirmationModal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/modals/ConfirmationModal.svelte.js"],"names":[],"mappings":";;;;;AAyJA;WA7I4B,OAAO;WAAS,MAAM;YAAU,MAAM;kBAAgB,MAAM;kBAAgB,MAAM;cAAY,GAAG,EAAE;WAAS,GAAG;iBAAe,GAAG;eAAa,OAAO;wBAAsB,MAAM;0BAAwB,MAAM;cAAY,MAAM;cAAY,OAAO;eAAa,OAAO;eAAa,GAAG;cAAY,GAAG;aAAW,GAAG;qCA6IjR;wBA7I7C;IAAE,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAC;IAAC,UAAU,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,GAAG,CAAC;IAAC,QAAQ,EAAE,GAAG,CAAC;IAAC,OAAO,EAAE,GAAG,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC"}

package/dist/recipes/modals/InputModal.svelte

@@ -1,42 +1,46 @@
 <script>
-  import { createEventDispatcher } from "svelte";
   import { ExclamationTriangleOutline } from "../../primitives/Icons";
   import Button from "../../primitives/Button/Button.svelte";
   import Cancel from "../../assets/svg/cancel.svg";
   import Modal from "../../primitives/Modal/Modal.svelte";
 
-  export let show = false;
-  export let size = "default"; // "small" | "default" | "large"
-  export let title = "";
-  export let description = "";
-  export let closeBtn = false; // To show close button
-  export let persistent = false; // When true, prevents closing by clicking backdrop or pressing Escape
-
-  // Input configuration
-  export let inputLabel = "";
-  export let inputPlaceholder = "";
-  export let inputType = "text"; // text | email | password | textarea
-  export let inputValue = "";
-  export let inputRequired = false;
-  export let inputRows = 4; // For textarea
-  export let inputIcon = null; // SVG component for input prefix icon
-  export let helpText = ""; // Helper text below input
-
-  // Validation
-  export let errorMessage = "";
-  export let showError = false;
-  export let validateEmail = false; // Auto-validate email format
-
-  // Buttons
-  export let primaryButtonText = "Confirm";
-  export let secondaryButtonText = "Cancel";
-  export let primaryButtonVariant = "blue-solid"; // blue-solid | red-solid
-
-  // State
-  export let disabled = false;
-  export let loading = false;
-
-  const dispatch = createEventDispatcher();
+  let {
+    show = $bindable(false),
+    size = "default", // "small" | "default" | "large"
+    title = "",
+    description = "",
+    closeBtn = false, // To show close button
+    persistent = false, // When true, prevents closing by clicking backdrop or pressing Escape
+
+    // Input configuration
+    inputLabel = "",
+    inputPlaceholder = "",
+    inputType = "text", // text | email | password | textarea
+    inputValue = $bindable(""),
+    inputRequired = false,
+    inputRows = 4, // For textarea
+    inputIcon = null, // SVG component for input prefix icon
+    helpText = "", // Helper text below input
+
+    // Validation
+    errorMessage = "",
+    showError = false,
+    validateEmail = false, // Auto-validate email format
+
+    // Buttons
+    primaryButtonText = "Confirm",
+    secondaryButtonText = "Cancel",
+    primaryButtonVariant = "blue-solid", // blue-solid | red-solid
+
+    // State
+    disabled = false,
+    loading = false,
+
+    // Callbacks
+    onconfirm,
+    oncancel,
+    onclose,
+  } = $props();
 
   // Email validation
   const isValidEmail = (email) => {
@@ -44,136 +48,137 @@
     return emailRegex.test(email);
   };
 
-  $: emailError = validateEmail && inputValue && !isValidEmail(inputValue);
-  $: isEmpty = inputRequired && (!inputValue || inputValue.trim() === "");
-  $: hasError = showError || emailError;
-  $: isDisabled = disabled || loading || isEmpty || emailError;
+  let emailError = $derived(validateEmail && inputValue && !isValidEmail(inputValue));
+  let isEmpty = $derived(inputRequired && (!inputValue || inputValue.trim() === ""));
+  let hasError = $derived(showError || emailError);
+  let isDisabled = $derived(disabled || loading || isEmpty || emailError);
 
   const handlePrimaryAction = () => {
     if (!isDisabled) {
-      dispatch("confirm", { value: inputValue });
+      onconfirm?.({ value: inputValue });
     }
   };
 
   const handleSecondaryAction = () => {
     if (!disabled && !loading) {
-      dispatch("cancel");
+      oncancel?.();
       closeModal();
     }
   };
 
   const closeModal = () => {
     show = false;
-    dispatch("close");
+    onclose?.();
   };
 
   const handleClose = () => {
     if (disabled || loading) return;
     closeModal();
   };
-
-  // Reset input when modal closes
-  $: if (!show) {
-    // Optionally reset - controlled externally via inputValue prop
-  }
 </script>
 
 <Modal bind:show {size} {persistent}>
-  <div slot="header" class="text-left">
-    {#if closeBtn}
-      <div class="flex justify-end -mt-2 -mr-2 mb-2">
-        <button
-          class="p-1 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none transition-colors"
-          on:click={handleClose}
-          {disabled}
-        >
-          <img src={Cancel} alt="Close" class="w-5 h-5" />
-        </button>
-      </div>
-    {/if}
-    {#if title}
-      <h3 class="text-xl font-medium text-gray-900 dark:text-white">{title}</h3>
-    {/if}
-  </div>
-
-  <div slot="body" class="text-left mt-4">
-    {#if description}
-      <p class="text-sm text-gray-500 dark:text-gray-400 leading-relaxed mb-4">
-        {description}
-      </p>
-    {/if}
-
-    <div>
-      {#if inputLabel}
-        <label
-          for="modal-input"
-          class="block text-sm font-medium text-gray-900 dark:text-white mb-2"
-        >
-          {inputLabel}
-        </label>
+  {#snippet header()}
+    <div class="text-left">
+      {#if closeBtn}
+        <div class="flex justify-end -mt-2 -mr-2 mb-2">
+          <button
+            class="p-1 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none transition-colors"
+            onclick={handleClose}
+            {disabled}
+          >
+            <img src={Cancel} alt="Close" class="w-5 h-5" />
+          </button>
+        </div>
+      {/if}
+      {#if title}
+        <h3 class="text-xl font-medium text-gray-900 dark:text-white">{title}</h3>
       {/if}
+    </div>
+  {/snippet}
 
-      {#if inputType === "textarea"}
-        <textarea
-          id="modal-input"
-          bind:value={inputValue}
-          placeholder={inputPlaceholder}
-          rows={inputRows}
-          class="w-full px-3 py-2 border {hasError ? 'border-red-500' : 'border-gray-300 dark:border-gray-600'} bg-gray-50 dark:bg-gray-700 text-gray-900 dark:text-white rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none"
-          disabled={disabled || loading}
-        ></textarea>
-      {:else}
-        <div class="relative">
-          {#if inputIcon}
-            <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
-              <svelte:component this={inputIcon} class="w-5 h-5 text-gray-500 dark:text-gray-400" />
-            </div>
-          {/if}
-          <input
+  {#snippet body()}
+    <div class="text-left mt-4">
+      {#if description}
+        <p class="text-sm text-gray-500 dark:text-gray-400 leading-relaxed mb-4">
+          {description}
+        </p>
+      {/if}
+
+      <div>
+        {#if inputLabel}
+          <label
+            for="modal-input"
+            class="block text-sm font-medium text-gray-900 dark:text-white mb-2"
+          >
+            {inputLabel}
+          </label>
+        {/if}
+
+        {#if inputType === "textarea"}
+          <textarea
             id="modal-input"
-            type={inputType}
             bind:value={inputValue}
             placeholder={inputPlaceholder}
-            required={inputRequired}
+            rows={inputRows}
+            class="w-full px-3 py-2 border {hasError ? 'border-red-500' : 'border-gray-300 dark:border-gray-600'} bg-gray-50 dark:bg-gray-700 text-gray-900 dark:text-white rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none"
             disabled={disabled || loading}
-            class="w-full {inputIcon ? 'pl-10' : 'px-3'} py-2 border {hasError ? 'border-red-500' : 'border-gray-300 dark:border-gray-600'} rounded-lg text-gray-900 dark:text-white bg-white dark:bg-gray-700 focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:opacity-50 disabled:cursor-not-allowed"
-          />
-        </div>
-      {/if}
-
-      {#if hasError && (errorMessage || emailError)}
-        <p class="mt-2 text-sm text-red-600 dark:text-red-400 font-medium flex items-center gap-1">
-          <ExclamationTriangleOutline class="w-4 h-4" />
-          {emailError ? "Please enter a valid email address" : errorMessage}
-        </p>
-      {:else if helpText && !hasError}
-        <p class="text-xs font-normal text-gray-500 dark:text-gray-400 pt-2">
-          {helpText}
-        </p>
-      {/if}
+          ></textarea>
+        {:else}
+          <div class="relative">
+            {#if inputIcon}
+              <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
+                <svelte:component this={inputIcon} class="w-5 h-5 text-gray-500 dark:text-gray-400" />
+              </div>
+            {/if}
+            <input
+              id="modal-input"
+              type={inputType}
+              bind:value={inputValue}
+              placeholder={inputPlaceholder}
+              required={inputRequired}
+              disabled={disabled || loading}
+              class="w-full {inputIcon ? 'pl-10' : 'px-3'} py-2 border {hasError ? 'border-red-500' : 'border-gray-300 dark:border-gray-600'} rounded-lg text-gray-900 dark:text-white bg-white dark:bg-gray-700 focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:opacity-50 disabled:cursor-not-allowed"
+            />
+          </div>
+        {/if}
+
+        {#if hasError && (errorMessage || emailError)}
+          <p class="mt-2 text-sm text-red-600 dark:text-red-400 font-medium flex items-center gap-1">
+            <ExclamationTriangleOutline class="w-4 h-4" />
+            {emailError ? "Please enter a valid email address" : errorMessage}
+          </p>
+        {:else if helpText && !hasError}
+          <p class="text-xs font-normal text-gray-500 dark:text-gray-400 pt-2">
+            {helpText}
+          </p>
+        {/if}
+      </div>
     </div>
-  </div>
+  {/snippet}
+
+  {#snippet footer()}
+    <div class="flex gap-3">
+      {#if secondaryButtonText}
+        <Button
+          size="full"
+          variant="alternative"
+          onclick={handleSecondaryAction}
+          disabled={disabled || loading}
+        >
+          {secondaryButtonText}
+        </Button>
+      {/if}
 
-  <div slot="footer" class="flex gap-3">
-    {#if secondaryButtonText}
       <Button
         size="full"
-        variant="alternative"
-        on:click={handleSecondaryAction}
-        disabled={disabled || loading}
+        variant={primaryButtonVariant}
+        onclick={handlePrimaryAction}
+        disabled={isDisabled}
+        {loading}
       >
-        {secondaryButtonText}
+        {primaryButtonText}
       </Button>
-    {/if}
-
-    <Button
-      size="full"
-      variant={primaryButtonVariant}
-      on:click={handlePrimaryAction}
-      disabled={isDisabled}
-      {loading}
-    >
-      {primaryButtonText}
-    </Button>
-  </div>
+    </div>
+  {/snippet}
 </Modal>

package/dist/recipes/modals/InputModal.svelte.d.ts

@@ -1,77 +1,60 @@
 export default InputModal;
-type InputModal = SvelteComponent<{
-    size?: string | undefined;
-    title?: string | undefined;
-    show?: boolean | undefined;
-    disabled?: boolean | undefined;
-    loading?: boolean | undefined;
-    persistent?: boolean | undefined;
-    description?: string | undefined;
-    closeBtn?: boolean | undefined;
-    primaryButtonText?: string | undefined;
-    secondaryButtonText?: string | undefined;
-    inputLabel?: string | undefined;
-    inputPlaceholder?: string | undefined;
-    inputType?: string | undefined;
-    inputValue?: string | undefined;
-    inputRequired?: boolean | undefined;
-    inputRows?: number | undefined;
-    inputIcon?: null | undefined;
-    helpText?: string | undefined;
-    errorMessage?: string | undefined;
-    showError?: boolean | undefined;
-    validateEmail?: boolean | undefined;
-    primaryButtonVariant?: string | undefined;
-}, {
-    confirm: CustomEvent<any>;
-    cancel: CustomEvent<any>;
-    close: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
+type InputModal = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const InputModal: import("svelte").Component<{
+    show?: boolean;
+    size?: string;
+    title?: string;
+    description?: string;
+    closeBtn?: boolean;
+    persistent?: boolean;
+    inputLabel?: string;
+    inputPlaceholder?: string;
+    inputType?: string;
+    inputValue?: string;
+    inputRequired?: boolean;
+    inputRows?: number;
+    inputIcon?: any;
+    helpText?: string;
+    errorMessage?: string;
+    showError?: boolean;
+    validateEmail?: boolean;
+    primaryButtonText?: string;
+    secondaryButtonText?: string;
+    primaryButtonVariant?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    onconfirm: any;
+    oncancel: any;
+    onclose: any;
+}, {}, "show" | "inputValue">;
+type $$ComponentProps = {
+    show?: boolean;
+    size?: string;
+    title?: string;
+    description?: string;
+    closeBtn?: boolean;
+    persistent?: boolean;
+    inputLabel?: string;
+    inputPlaceholder?: string;
+    inputType?: string;
+    inputValue?: string;
+    inputRequired?: boolean;
+    inputRows?: number;
+    inputIcon?: any;
+    helpText?: string;
+    errorMessage?: string;
+    showError?: boolean;
+    validateEmail?: boolean;
+    primaryButtonText?: string;
+    secondaryButtonText?: string;
+    primaryButtonVariant?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    onconfirm: any;
+    oncancel: any;
+    onclose: any;
 };
-declare const InputModal: $$__sveltets_2_IsomorphicComponent<{
-    size?: string | undefined;
-    title?: string | undefined;
-    show?: boolean | undefined;
-    disabled?: boolean | undefined;
-    loading?: boolean | undefined;
-    persistent?: boolean | undefined;
-    description?: string | undefined;
-    closeBtn?: boolean | undefined;
-    primaryButtonText?: string | undefined;
-    secondaryButtonText?: string | undefined;
-    inputLabel?: string | undefined;
-    inputPlaceholder?: string | undefined;
-    inputType?: string | undefined;
-    inputValue?: string | undefined;
-    inputRequired?: boolean | undefined;
-    inputRows?: number | undefined;
-    inputIcon?: null | undefined;
-    helpText?: string | undefined;
-    errorMessage?: string | undefined;
-    showError?: boolean | undefined;
-    validateEmail?: boolean | undefined;
-    primaryButtonVariant?: string | undefined;
-}, {
-    confirm: CustomEvent<any>;
-    cancel: CustomEvent<any>;
-    close: CustomEvent<any>;
-} & {
-    [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=InputModal.svelte.d.ts.map

package/dist/recipes/modals/InputModal.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputModal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/modals/InputModal.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAka;6CATrX,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"}
+{"version":3,"file":"InputModal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/modals/InputModal.svelte.js"],"names":[],"mappings":";;;;;AAkKA;WApJ4B,OAAO;WAAS,MAAM;YAAU,MAAM;kBAAgB,MAAM;eAAa,OAAO;iBAAe,OAAO;iBAAe,MAAM;uBAAqB,MAAM;gBAAc,MAAM;iBAAe,MAAM;oBAAkB,OAAO;gBAAc,MAAM;gBAAc,GAAG;eAAa,MAAM;mBAAiB,MAAM;gBAAc,OAAO;oBAAkB,OAAO;wBAAsB,MAAM;0BAAwB,MAAM;2BAAyB,MAAM;eAAa,OAAO;cAAY,OAAO;eAAa,GAAG;cAAY,GAAG;aAAW,GAAG;8BAoJre;wBApJtC;IAAE,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAAC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,GAAG,CAAC;IAAC,QAAQ,EAAE,GAAG,CAAC;IAAC,OAAO,EAAE,GAAG,CAAA;CAAE"}