@ibobbyts/svelte-ui-utils 0.2.2 → 0.2.3

package/dist/dialog/ImagePreviewDialog.svelte

@@ -0,0 +1,75 @@
+<svelte:options runes={false} />
+
+<script lang="ts">
+  import Dialog from './Dialog.svelte';
+  import type { DialogSize } from './types.js';
+
+  export let open = false;
+  export let title = '';
+  export let imageUrl = '';
+  export let fileName = '';
+  export let alt = '';
+  export let closeLabel = 'Close dialog';
+  export let downloadLabel = 'Download';
+  export let size: DialogSize = 'lg';
+  export let dismissible = true;
+  export let closeOnBackdrop = true;
+  export let closeOnEscape = true;
+  export let dimBackdrop = true;
+  export let blurBackdrop = false;
+  export let backdropOpacity: number | string = 0.46;
+  export let backdropBlur = '6px';
+  export let downloadable = true;
+  export let onClose: (() => void) | undefined = undefined;
+
+  $: resolvedTitle = title || fileName;
+  $: resolvedAlt = alt || fileName || title || 'Image preview';
+
+  function handleDownload() {
+    if (!imageUrl || typeof document === 'undefined') {
+      return;
+    }
+
+    const link = document.createElement('a');
+    link.href = imageUrl;
+    link.download = fileName || 'image';
+    link.target = '_blank';
+    document.body.appendChild(link);
+    link.click();
+    link.remove();
+  }
+</script>
+
+<Dialog
+  {open}
+  title={resolvedTitle}
+  {closeLabel}
+  {size}
+  {dismissible}
+  {closeOnBackdrop}
+  {closeOnEscape}
+  {dimBackdrop}
+  {blurBackdrop}
+  {backdropOpacity}
+  {backdropBlur}
+  onClose={onClose}
+>
+  <div class="suu-image-preview-dialog">
+    {#if imageUrl}
+      <img src={imageUrl} alt={resolvedAlt} />
+    {/if}
+  </div>
+
+  <svelte:fragment slot="footer">
+    {#if downloadable}
+      <button
+        type="button"
+        class="suu-dialog__button suu-dialog__button--primary"
+        disabled={!imageUrl}
+        on:click={handleDownload}
+      >
+        {downloadLabel}
+      </button>
+    {/if}
+  </svelte:fragment>
+</Dialog>

package/dist/dialog/ImagePreviewDialog.svelte.d.ts

@@ -0,0 +1,38 @@
+import type { DialogSize } from './types.js';
+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 ImagePreviewDialog: $$__sveltets_2_IsomorphicComponent<{
+    open?: boolean;
+    title?: string;
+    imageUrl?: string;
+    fileName?: string;
+    alt?: string;
+    closeLabel?: string;
+    downloadLabel?: string;
+    size?: DialogSize;
+    dismissible?: boolean;
+    closeOnBackdrop?: boolean;
+    closeOnEscape?: boolean;
+    dimBackdrop?: boolean;
+    blurBackdrop?: boolean;
+    backdropOpacity?: number | string;
+    backdropBlur?: string;
+    downloadable?: boolean;
+    onClose?: (() => void) | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ImagePreviewDialog = InstanceType<typeof ImagePreviewDialog>;
+export default ImagePreviewDialog;
+//# sourceMappingURL=ImagePreviewDialog.svelte.d.ts.map

package/dist/dialog/ImagePreviewDialog.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePreviewDialog.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/dialog/ImagePreviewDialog.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AA8D7C,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,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,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,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,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,kBAAkB;;;;;;;;WAVwlB,UAAU;;;;;;sBAA4M,MAAM,GAAG,MAAM;;;cAAoF,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS;;;kBAU11B,CAAC;AACtF,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACpE,eAAe,kBAAkB,CAAC"}

package/dist/dialog/InputDialog.svelte

@@ -0,0 +1,131 @@
+<svelte:options runes={false} />
+
+<script lang="ts">
+  import { tick } from 'svelte';
+  import Dialog from './Dialog.svelte';
+  import type { DialogInputType, DialogSize } from './types.js';
+
+  export let open = false;
+  export let title = 'Input required';
+  export let message = '';
+  export let inputValue = '';
+  export let inputType: DialogInputType = 'text';
+  export let inputLabel = '';
+  export let placeholder = '';
+  export let confirmLabel = 'Confirm';
+  export let cancelLabel = 'Cancel';
+  export let closeLabel = 'Close dialog';
+  export let size: DialogSize = 'sm';
+  export let confirmDisabled = false;
+  export let cancelDisabled = false;
+  export let dismissible = true;
+  export let closeOnBackdrop = true;
+  export let closeOnEscape = true;
+  export let dimBackdrop = true;
+  export let blurBackdrop = false;
+  export let backdropOpacity: number | string = 0.46;
+  export let backdropBlur = '6px';
+  export let autofocus = true;
+  export let onConfirm: ((value: string) => void | Promise<void>) | undefined = undefined;
+  export let onCancel: (() => void) | undefined = undefined;
+  export let onClose: (() => void) | undefined = undefined;
+
+  let inputElement: HTMLInputElement | undefined;
+  let inputId = `suu-input-dialog-input-${Math.random().toString(36).slice(2)}`;
+  let wasOpen = false;
+
+  $: if (open && !wasOpen) {
+    wasOpen = true;
+    void focusInput();
+  } else if (!open && wasOpen) {
+    wasOpen = false;
+  }
+
+  async function focusInput() {
+    if (!autofocus) {
+      return;
+    }
+
+    await tick();
+    inputElement?.focus();
+    inputElement?.select();
+  }
+
+  function handleClose() {
+    onClose?.();
+  }
+
+  function handleCancel() {
+    onCancel?.();
+    onClose?.();
+  }
+
+  function handleConfirm() {
+    if (confirmDisabled) {
+      return;
+    }
+
+    void onConfirm?.(inputValue);
+  }
+
+  function handleInputKeydown(event: KeyboardEvent) {
+    if (event.key === 'Enter') {
+      event.preventDefault();
+      handleConfirm();
+    }
+  }
+</script>
+
+<Dialog
+  {open}
+  {title}
+  {closeLabel}
+  {size}
+  {dismissible}
+  {closeOnBackdrop}
+  {closeOnEscape}
+  {dimBackdrop}
+  {blurBackdrop}
+  {backdropOpacity}
+  {backdropBlur}
+  description={message}
+  onClose={handleClose}
+>
+  <div class="suu-input-dialog">
+    {#if message}
+      <p class="suu-input-dialog__message">{message}</p>
+    {/if}
+    <label class="suu-input-dialog__field" for={inputId}>
+      {#if inputLabel}
+        <span>{inputLabel}</span>
+      {/if}
+      <input
+        bind:this={inputElement}
+        id={inputId}
+        type={inputType}
+        bind:value={inputValue}
+        {placeholder}
+        on:keydown={handleInputKeydown}
+      />
+    </label>
+  </div>
+
+  <svelte:fragment slot="footer">
+    <button
+      type="button"
+      class="suu-dialog__button"
+      disabled={cancelDisabled}
+      on:click={handleCancel}
+    >
+      {cancelLabel}
+    </button>
+    <button
+      type="button"
+      class="suu-dialog__button suu-dialog__button--primary"
+      disabled={confirmDisabled}
+      on:click={handleConfirm}
+    >
+      {confirmLabel}
+    </button>
+  </svelte:fragment>
+</Dialog>

package/dist/dialog/InputDialog.svelte.d.ts

@@ -0,0 +1,45 @@
+import type { DialogInputType, DialogSize } from './types.js';
+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 InputDialog: $$__sveltets_2_IsomorphicComponent<{
+    open?: boolean;
+    title?: string;
+    message?: string;
+    inputValue?: string;
+    inputType?: DialogInputType;
+    inputLabel?: string;
+    placeholder?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    closeLabel?: string;
+    size?: DialogSize;
+    confirmDisabled?: boolean;
+    cancelDisabled?: boolean;
+    dismissible?: boolean;
+    closeOnBackdrop?: boolean;
+    closeOnEscape?: boolean;
+    dimBackdrop?: boolean;
+    blurBackdrop?: boolean;
+    backdropOpacity?: number | string;
+    backdropBlur?: string;
+    autofocus?: boolean;
+    onConfirm?: ((value: string) => void | Promise<void>) | undefined;
+    onCancel?: (() => void) | undefined;
+    onClose?: (() => void) | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type InputDialog = InstanceType<typeof InputDialog>;
+export default InputDialog;
+//# sourceMappingURL=InputDialog.svelte.d.ts.map

package/dist/dialog/InputDialog.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputDialog.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/dialog/InputDialog.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAyG9D,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,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,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,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,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,WAAW;;;;;gBAVmtB,eAAe;;;;;;WAAiL,UAAU;;;;;;;;sBAA8R,MAAM,GAAG,MAAM;;;gBAAgF,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS;eAAa,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS;cAAY,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS;;;kBAUz0C,CAAC;AAC/E,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}

package/dist/dialog/PasswordCopyDialog.svelte

@@ -0,0 +1,95 @@
+<svelte:options runes={false} />
+
+<script lang="ts">
+  import Dialog from './Dialog.svelte';
+  import type { DialogSize } from './types.js';
+
+  export let open = false;
+  export let title = 'Copy password';
+  export let message = '';
+  export let value = '';
+  export let valueLabel = 'Password';
+  export let copyLabel = 'Copy';
+  export let copiedLabel = 'Copied';
+  export let doneLabel = 'Done';
+  export let closeLabel = 'Close dialog';
+  export let size: DialogSize = 'sm';
+  export let dismissible = true;
+  export let closeOnBackdrop = true;
+  export let closeOnEscape = true;
+  export let dimBackdrop = true;
+  export let blurBackdrop = false;
+  export let backdropOpacity: number | string = 0.46;
+  export let backdropBlur = '6px';
+  export let onClose: (() => void) | undefined = undefined;
+  export let onCopy: (() => void | Promise<void>) | undefined = undefined;
+
+  let copied = false;
+  let previousValue = '';
+
+  $: if (open && value !== previousValue) {
+    previousValue = value;
+    copied = false;
+  }
+
+  async function copyValue() {
+    if (!value || typeof navigator === 'undefined' || !navigator.clipboard) {
+      return;
+    }
+
+    await navigator.clipboard.writeText(value);
+    copied = true;
+    await onCopy?.();
+  }
+
+  function handleClose() {
+    copied = false;
+    onClose?.();
+  }
+</script>
+
+<Dialog
+  {open}
+  {title}
+  {closeLabel}
+  {size}
+  {dismissible}
+  {closeOnBackdrop}
+  {closeOnEscape}
+  {dimBackdrop}
+  {blurBackdrop}
+  {backdropOpacity}
+  {backdropBlur}
+  onClose={handleClose}
+>
+  <div class="suu-password-copy-dialog">
+    {#if message}
+      <p class="suu-password-copy-dialog__message">{message}</p>
+    {/if}
+
+    <section class="suu-password-copy-dialog__value" aria-label={valueLabel}>
+      {#if valueLabel}
+        <div class="suu-password-copy-dialog__label">{valueLabel}</div>
+      {/if}
+      <code class="suu-password-copy-dialog__code">{value}</code>
+    </section>
+  </div>
+
+  <svelte:fragment slot="footer">
+    <button
+      type="button"
+      class="suu-dialog__button"
+      on:click={handleClose}
+    >
+      {doneLabel}
+    </button>
+    <button
+      type="button"
+      class="suu-dialog__button suu-dialog__button--primary"
+      disabled={!value}
+      on:click={copyValue}
+    >
+      {copied ? copiedLabel : copyLabel}
+    </button>
+  </svelte:fragment>
+</Dialog>

package/dist/dialog/PasswordCopyDialog.svelte.d.ts

@@ -0,0 +1,40 @@
+import type { DialogSize } from './types.js';
+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 PasswordCopyDialog: $$__sveltets_2_IsomorphicComponent<{
+    open?: boolean;
+    title?: string;
+    message?: string;
+    value?: string;
+    valueLabel?: string;
+    copyLabel?: string;
+    copiedLabel?: string;
+    doneLabel?: string;
+    closeLabel?: string;
+    size?: DialogSize;
+    dismissible?: boolean;
+    closeOnBackdrop?: boolean;
+    closeOnEscape?: boolean;
+    dimBackdrop?: boolean;
+    blurBackdrop?: boolean;
+    backdropOpacity?: number | string;
+    backdropBlur?: string;
+    onClose?: (() => void) | undefined;
+    onCopy?: (() => void | Promise<void>) | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type PasswordCopyDialog = InstanceType<typeof PasswordCopyDialog>;
+export default PasswordCopyDialog;
+//# sourceMappingURL=PasswordCopyDialog.svelte.d.ts.map

package/dist/dialog/PasswordCopyDialog.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordCopyDialog.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/dialog/PasswordCopyDialog.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AA8E7C,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,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,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,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,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,kBAAkB;;;;;;;;;;WAV0rB,UAAU;;;;;;sBAA4M,MAAM,GAAG,MAAM;;cAAgD,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS;aAAW,CAAC,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS;;;kBAU38B,CAAC;AACtF,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACpE,eAAe,kBAAkB,CAAC"}

package/dist/dialog/index.d.ts

@@ -0,0 +1,8 @@
+export { default as Dialog } from './Dialog.svelte';
+export { default as ConfirmDialog } from './ConfirmDialog.svelte';
+export { default as InputDialog } from './InputDialog.svelte';
+export { default as CsvUploadDialog } from './CsvUploadDialog.svelte';
+export { default as ImagePreviewDialog } from './ImagePreviewDialog.svelte';
+export { default as PasswordCopyDialog } from './PasswordCopyDialog.svelte';
+export type { ConfirmDialogIntent, DialogInputType, DialogSize } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC"}

package/dist/dialog/index.js

@@ -0,0 +1,6 @@
+export { default as Dialog } from './Dialog.svelte';
+export { default as ConfirmDialog } from './ConfirmDialog.svelte';
+export { default as InputDialog } from './InputDialog.svelte';
+export { default as CsvUploadDialog } from './CsvUploadDialog.svelte';
+export { default as ImagePreviewDialog } from './ImagePreviewDialog.svelte';
+export { default as PasswordCopyDialog } from './PasswordCopyDialog.svelte';

package/dist/dialog/types.d.ts

@@ -0,0 +1,4 @@
+export type DialogSize = 'sm' | 'md' | 'lg';
+export type ConfirmDialogIntent = 'default' | 'danger';
+export type DialogInputType = 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url';
+//# sourceMappingURL=types.d.ts.map

package/dist/dialog/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/dialog/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,QAAQ,CAAC;AACvD,MAAM,MAAM,eAAe,GACvB,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,MAAM,GACN,KAAK,CAAC"}

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 export * from './toast/index.js';
 export * from './dropdown/index.js';
 export * from './dropdown-search/index.js';
-export * from './modal/index.js';
+export * from './dialog/index.js';
 export * from './data-table/index.js';
 export { getUiMessages, resolveUiLanguage, uiLanguages } from './i18n.js';
 export type { UiLanguage, UiMessages } from './i18n.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC1E,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC1E,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC"}

package/dist/index.js

@@ -1,6 +1,6 @@
 export * from './toast/index.js';
 export * from './dropdown/index.js';
 export * from './dropdown-search/index.js';
-export * from './modal/index.js';
+export * from './dialog/index.js';
 export * from './data-table/index.js';
 export { getUiMessages, resolveUiLanguage, uiLanguages } from './i18n.js';

package/dist/modal/index.d.ts

@@ -1,4 +1,3 @@
-export { default as Modal } from './Modal.svelte';
-export { default as ConfirmDialog } from './ConfirmDialog.svelte';
-export type { ConfirmDialogIntent, ModalSize } from './types.js';
+export { default as Modal } from '../dialog/Dialog.svelte';
+export * from '../dialog/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,YAAY,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAC3D,cAAc,oBAAoB,CAAC"}

package/dist/modal/index.js

@@ -1,2 +1,2 @@
-export { default as Modal } from './Modal.svelte';
-export { default as ConfirmDialog } from './ConfirmDialog.svelte';
+export { default as Modal } from '../dialog/Dialog.svelte';
+export * from '../dialog/index.js';