@urbicon-ui/blocks 6.1.4

package/dist/primitives/Textarea/textarea.variants.d.ts

@@ -0,0 +1,193 @@
+import { type VariantProps } from '../../utils/variants';
+export declare const textareaVariants: (props?: import("../../utils/variants").TVProps<{
+    tier: {
+        modify: {
+            base: string;
+        };
+        commit: {
+            base: string;
+        };
+    };
+    variant: {
+        outlined: {
+            base: string;
+        };
+        filled: {
+            base: string;
+        };
+        ghost: {
+            base: string;
+        };
+        underline: {
+            base: string;
+        };
+    };
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    intent: {
+        default: {};
+        success: {
+            base: string;
+            message: string;
+        };
+        warning: {
+            base: string;
+            message: string;
+        };
+        danger: {
+            base: string;
+            message: string;
+        };
+    };
+    autoResize: {
+        true: {
+            base: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            label: string;
+        };
+    };
+    readonly: {
+        true: {
+            base: string;
+        };
+    };
+    error: {
+        true: {
+            base: string;
+            message: string;
+        };
+    };
+    required: {
+        true: {
+            label: string;
+        };
+    };
+    messageType: {
+        error: {
+            message: string;
+        };
+        helper: {
+            message: string;
+        };
+    };
+    counterState: {
+        normal: {};
+        warning: {
+            counter: string;
+        };
+        over: {
+            counter: string;
+        };
+    };
+}> | undefined) => {
+    wrapper: (props?: ({
+        tier?: "commit" | "modify" | undefined;
+        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
+        intent?: "default" | "success" | "warning" | "danger" | undefined;
+        autoResize?: boolean | undefined;
+        disabled?: boolean | undefined;
+        readonly?: boolean | undefined;
+        error?: boolean | undefined;
+        required?: boolean | undefined;
+        messageType?: "error" | "helper" | undefined;
+        counterState?: "warning" | "normal" | "over" | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+    base: (props?: ({
+        tier?: "commit" | "modify" | undefined;
+        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
+        intent?: "default" | "success" | "warning" | "danger" | undefined;
+        autoResize?: boolean | undefined;
+        disabled?: boolean | undefined;
+        readonly?: boolean | undefined;
+        error?: boolean | undefined;
+        required?: boolean | undefined;
+        messageType?: "error" | "helper" | undefined;
+        counterState?: "warning" | "normal" | "over" | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+    label: (props?: ({
+        tier?: "commit" | "modify" | undefined;
+        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
+        intent?: "default" | "success" | "warning" | "danger" | undefined;
+        autoResize?: boolean | undefined;
+        disabled?: boolean | undefined;
+        readonly?: boolean | undefined;
+        error?: boolean | undefined;
+        required?: boolean | undefined;
+        messageType?: "error" | "helper" | undefined;
+        counterState?: "warning" | "normal" | "over" | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+    footer: (props?: ({
+        tier?: "commit" | "modify" | undefined;
+        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
+        intent?: "default" | "success" | "warning" | "danger" | undefined;
+        autoResize?: boolean | undefined;
+        disabled?: boolean | undefined;
+        readonly?: boolean | undefined;
+        error?: boolean | undefined;
+        required?: boolean | undefined;
+        messageType?: "error" | "helper" | undefined;
+        counterState?: "warning" | "normal" | "over" | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+    message: (props?: ({
+        tier?: "commit" | "modify" | undefined;
+        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
+        intent?: "default" | "success" | "warning" | "danger" | undefined;
+        autoResize?: boolean | undefined;
+        disabled?: boolean | undefined;
+        readonly?: boolean | undefined;
+        error?: boolean | undefined;
+        required?: boolean | undefined;
+        messageType?: "error" | "helper" | undefined;
+        counterState?: "warning" | "normal" | "over" | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+    counter: (props?: ({
+        tier?: "commit" | "modify" | undefined;
+        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
+        intent?: "default" | "success" | "warning" | "danger" | undefined;
+        autoResize?: boolean | undefined;
+        disabled?: boolean | undefined;
+        readonly?: boolean | undefined;
+        error?: boolean | undefined;
+        required?: boolean | undefined;
+        messageType?: "error" | "helper" | undefined;
+        counterState?: "warning" | "normal" | "over" | undefined;
+    } & {
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    }) | undefined) => string;
+};
+export type TextareaVariants = VariantProps<typeof textareaVariants>;

package/dist/primitives/Textarea/textarea.variants.js

@@ -0,0 +1,117 @@
+import { tv } from '../../utils/variants';
+export const textareaVariants = tv({
+    slots: {
+        wrapper: ['flex flex-col w-full gap-1.5'],
+        base: [
+            'w-full box-border resize-vertical',
+            'transition-[color,background-color,border-color,box-shadow] duration-[var(--blocks-duration-fast)] ease-out',
+            // Radius driven by `tier` axis below.
+            'focus-visible:outline-none',
+            'border text-text-primary bg-surface-base placeholder:text-text-quaternary',
+            'hover:border-border-default focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/20',
+            'disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-surface-subtle disabled:resize-none',
+            'read-only:bg-surface-subtle read-only:cursor-default read-only:resize-none'
+        ],
+        label: ['block font-medium text-text-secondary text-sm'],
+        footer: ['flex items-center justify-between gap-2'],
+        message: ['text-xs'],
+        counter: ['text-xs text-text-tertiary tabular-nums ml-auto shrink-0']
+    },
+    variants: {
+        // 3-tier semantic radius. Default `modify` (soft). Opt-in `commit`
+        // (pill) is exotic for textareas but kept consistent with Input.
+        tier: {
+            modify: { base: 'rounded-modify' },
+            commit: { base: 'rounded-commit' }
+        },
+        variant: {
+            outlined: {
+                base: 'border-border-subtle'
+            },
+            filled: {
+                base: 'bg-surface-interactive border-transparent hover:bg-surface-hover focus-visible:bg-surface-base'
+            },
+            ghost: {
+                base: 'bg-transparent border-transparent hover:bg-surface-subtle focus-visible:bg-surface-base focus-visible:border-border-subtle'
+            },
+            underline: {
+                base: 'bg-transparent border-0 border-b-2 border-border-subtle rounded-none focus-visible:ring-0'
+            }
+        },
+        size: {
+            sm: { base: 'px-3 py-2 text-sm min-h-[5rem]' },
+            md: { base: 'px-4 py-3 text-base min-h-[7rem]' },
+            lg: { base: 'px-6 py-4 text-lg min-h-[9rem]' }
+        },
+        intent: {
+            default: {},
+            success: {
+                base: 'border-success focus-visible:border-success focus-visible:ring-success/20',
+                message: 'text-success'
+            },
+            warning: {
+                base: 'border-warning focus-visible:border-warning focus-visible:ring-warning/20',
+                message: 'text-warning-emphasis'
+            },
+            danger: {
+                base: 'border-danger focus-visible:border-danger focus-visible:ring-danger/20',
+                message: 'text-danger'
+            }
+        },
+        autoResize: {
+            true: { base: 'resize-none overflow-hidden' }
+        },
+        disabled: {
+            true: {
+                base: 'opacity-50 cursor-not-allowed bg-surface-disabled pointer-events-none',
+                label: 'text-text-disabled'
+            }
+        },
+        readonly: {
+            true: {
+                base: 'bg-surface-subtle cursor-default'
+            }
+        },
+        error: {
+            true: {
+                base: 'border-danger focus-visible:border-danger focus-visible:ring-danger/20',
+                message: 'text-danger'
+            }
+        },
+        required: {
+            true: {
+                label: "after:content-['*'] after:ml-1 after:text-danger"
+            }
+        },
+        messageType: {
+            error: { message: 'text-danger' },
+            helper: { message: 'text-text-tertiary' }
+        },
+        counterState: {
+            normal: {},
+            warning: { counter: 'text-warning-emphasis' },
+            over: { counter: 'text-danger font-medium' }
+        }
+    },
+    compoundVariants: [
+        {
+            variant: 'ghost',
+            intent: ['success', 'warning', 'danger'],
+            error: false,
+            class: { base: 'border-transparent' }
+        }
+    ],
+    defaultVariants: {
+        tier: 'modify',
+        variant: 'outlined',
+        size: 'md',
+        intent: 'default',
+        autoResize: false,
+        disabled: false,
+        readonly: false,
+        error: false,
+        required: false,
+        messageType: 'helper',
+        counterState: 'normal'
+    }
+});

package/dist/primitives/Toast/Toaster.svelte

@@ -0,0 +1,147 @@
+<script lang="ts">
+  import { useBlocksI18n } from '../..';
+  import { fly } from 'svelte/transition';
+  import { quintOut } from 'svelte/easing';
+  import { toastVariants, type ToastVariants } from './toast.variants';
+  import { toaster } from './toast.store.svelte';
+  import { resolveIcon, type IconComponent } from '../../icons';
+  import CloseIconDefault from '../../icons/CloseIcon.svelte';
+  import InfoCircleIconDefault from '../../icons/InfoCircleIcon.svelte';
+  import SuccessCircleIconDefault from '../../icons/SuccessCircleIcon.svelte';
+  import WarningTriangleIconDefault from '../../icons/WarningTriangleIcon.svelte';
+  import DangerCircleIconDefault from '../../icons/DangerCircleIcon.svelte';
+  import { getBlocksConfig, mergeSlotClasses, resolvePresetSlotClasses } from '../../provider';
+  import type { ToastProps } from './index';
+
+  const bt = useBlocksI18n();
+
+  const CloseIcon = resolveIcon('close', CloseIconDefault);
+
+  const INTENT_ICON_MAP: Record<string, IconComponent> = {
+    primary: resolveIcon('info', InfoCircleIconDefault),
+    info: resolveIcon('info', InfoCircleIconDefault),
+    success: resolveIcon('success', SuccessCircleIconDefault),
+    warning: resolveIcon('warning', WarningTriangleIconDefault),
+    danger: resolveIcon('danger', DangerCircleIconDefault),
+    neutral: resolveIcon('info', InfoCircleIconDefault)
+  };
+
+  let {
+    placement = 'bottom-right',
+    max = 5,
+    class: className = '',
+    unstyled: unstyledProp = false,
+    slotClasses: slotClassesProp = {},
+    preset,
+    ...restProps
+  }: ToastProps = $props();
+
+  const blocksConfig = getBlocksConfig();
+  const unstyled = $derived(unstyledProp || blocksConfig?.unstyled || false);
+  const slotClasses = $derived(
+    mergeSlotClasses(
+      blocksConfig?.defaults?.Toaster?.slotClasses,
+      resolvePresetSlotClasses(blocksConfig?.presets, 'Toaster', preset),
+      slotClassesProp
+    )
+  );
+
+  $effect(() => {
+    toaster.placement = placement;
+  });
+
+  $effect(() => {
+    return toaster.registerSubscriber();
+  });
+
+  const visibleToasts = $derived(toaster.toasts.slice(-max));
+
+  const styles = $derived(
+    unstyled
+      ? {
+          container: () => '',
+          toast: () => '',
+          icon: () => '',
+          content: () => '',
+          title: () => '',
+          description: () => '',
+          dismissButton: () => '',
+          progress: () => ''
+        }
+      : toastVariants({ placement })
+  );
+
+  function slot(key: keyof typeof styles, intent?: string) {
+    const overrides = slotClasses?.[key];
+    if (unstyled) return overrides ?? '';
+    if (intent) {
+      const intentStyles = toastVariants({ placement, intent: intent as ToastVariants['intent'] });
+      return intentStyles[key]({ class: overrides });
+    }
+    return styles[key]({ class: overrides });
+  }
+
+  function flyParams() {
+    const isBottom = placement.startsWith('bottom');
+    const isRight = placement.endsWith('right');
+    const isLeft = placement.endsWith('left');
+    return {
+      y: isBottom ? 20 : -20,
+      x: isRight ? 20 : isLeft ? -20 : 0,
+      duration: 250,
+      easing: quintOut
+    };
+  }
+</script>
+
+<div
+  class={[slot('container'), className].filter(Boolean).join(' ')}
+  aria-live="polite"
+  aria-relevant="additions removals"
+  {...restProps}
+>
+  {#each visibleToasts as toast (toast.id)}
+    {@const IntentIcon = INTENT_ICON_MAP[toast.intent] ?? INTENT_ICON_MAP.neutral}
+    <div class={slot('toast', toast.intent)} role="alert" transition:fly={flyParams()}>
+      <IntentIcon class={slot('icon', toast.intent)} />
+
+      <div class={slot('content')}>
+        {#if toast.title}
+          <div class={slot('title')}>{toast.title}</div>
+        {/if}
+        {#if toast.description}
+          <div class={slot('description')}>{toast.description}</div>
+        {/if}
+      </div>
+
+      {#if toast.dismissible}
+        <button
+          type="button"
+          class={slot('dismissButton')}
+          onclick={() => toaster.dismiss(toast.id)}
+          aria-label={bt('accessibility.dismiss')}
+        >
+          <CloseIcon class="h-4 w-4" />
+        </button>
+      {/if}
+
+      {#if toast.showProgress && toast.duration > 0}
+        <div
+          class={slot('progress', toast.intent)}
+          style="animation: blocks-toast-progress {toast.duration}ms linear forwards;"
+        ></div>
+      {/if}
+    </div>
+  {/each}
+</div>
+
+<style>
+  @keyframes -global-blocks-toast-progress {
+    from {
+      width: 100%;
+    }
+    to {
+      width: 0%;
+    }
+  }
+</style>

package/dist/primitives/Toast/Toaster.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { ToastProps } from './index';
+declare const Toaster: import("svelte").Component<ToastProps, {}, "">;
+type Toaster = ReturnType<typeof Toaster>;
+export default Toaster;

package/dist/primitives/Toast/index.d.ts

@@ -0,0 +1,96 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { ToastPlacement } from './toast.variants';
+/**
+ * Canonical intents accepted by the toaster. Use as a runtime list when
+ * building dispatchers (e.g. `toaster[intent]?.(title, opts)`); use
+ * {@link ToastIntent} for the matching type.
+ */
+export declare const TOAST_INTENTS: readonly ["primary", "info", "success", "warning", "danger", "neutral"];
+/**
+ * Semantic intent accepted by every toast. Mirrors the design system's
+ * standard intent palette.
+ */
+export type ToastIntent = (typeof TOAST_INTENTS)[number];
+/**
+ * Internal data shape for a rendered toast. Created by `toaster.add()`.
+ */
+export interface ToastData {
+    /** Unique identifier assigned automatically. Used for programmatic dismissal via `toaster.dismiss(id)`. */
+    id: string;
+    /** Semantic color of the toast. Affects border, icon, and progress bar color. @default 'neutral' */
+    intent: ToastIntent;
+    /** Bold heading line. Omit for a minimal notification. */
+    title?: string;
+    /** Secondary text below the title. */
+    description?: string;
+    /** Auto-dismiss delay in milliseconds. Set to `0` for persistent toasts that require manual dismissal. @default 5000 */
+    duration: number;
+    /** Show a close button so the user can dismiss manually. @default true */
+    dismissible: boolean;
+    /** Show an animated progress bar that counts down the remaining `duration`. @default true */
+    showProgress: boolean;
+}
+/**
+ * Options accepted by `toaster.add()` and the shorthand methods (`info`, `success`, `warning`, `danger`).
+ * All fields are optional; sensible defaults are applied internally.
+ *
+ * @example
+ * ```typescript
+ * toaster.add({
+ *   intent: 'success',
+ *   title: 'Saved',
+ *   description: 'Your changes have been applied.',
+ *   duration: 3000,
+ *   dismissible: true,
+ *   showProgress: true
+ * });
+ * ```
+ */
+export type ToastInput = Partial<Omit<ToastData, 'id'>>;
+/** Shorthand options for `toaster.info()`, `toaster.success()`, etc. Title and intent are provided as direct arguments. */
+export type ToastShorthandOpts = Omit<ToastInput, 'intent' | 'title'>;
+/**
+ * @description Container that renders and manages toast notifications.
+ * Place once in your root layout. Use the toaster store to trigger toasts from anywhere.
+ *
+ * @tag feedback
+ * @related Alert
+ *
+ * @example
+ * ```svelte
+ * <!-- +layout.svelte -->
+ * <Toaster placement="bottom-right" />
+ * ```
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { toaster } from '@urbicon-ui/blocks';
+ *
+ *   toaster.success('Saved!', { description: 'Changes applied.' });
+ *   toaster.danger('Error', { description: 'Something went wrong.', duration: 8000 });
+ * </script>
+ * ```
+ */
+export interface ToastProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Screen corner where toasts stack. @default 'bottom-right' */
+    placement?: ToastPlacement;
+    /** Maximum number of toasts visible at once. Oldest are hidden first. @default 5 */
+    max?: number;
+    /** Extra classes merged onto the container element. */
+    class?: string;
+    /** Strip all default tv classes. Use with `slotClasses` for a fully custom look. */
+    unstyled?: boolean;
+    /** Per-slot class overrides merged with (or replacing, when `unstyled`) the default styles. */
+    slotClasses?: Partial<Record<'container' | 'toast' | 'icon' | 'content' | 'title' | 'description' | 'dismissButton' | 'progress', string>>;
+    /**
+     * Apply a named preset registered via `<BlocksProvider presets={{ Toaster: {...} }}>`.
+     * Prefer this over `class` overrides when the requested look falls outside the
+     * semantic intent palette — presets keep hover/active/dark-mode logic coherent
+     * and make the custom look reusable across the project.
+     */
+    preset?: string;
+}
+export { default as Toaster } from './Toaster.svelte';
+export { toaster } from './toast.store.svelte';
+export { type ToastPlacement, type ToastVariants, toastVariants } from './toast.variants';

package/dist/primitives/Toast/index.js

@@ -0,0 +1,16 @@
+/**
+ * Canonical intents accepted by the toaster. Use as a runtime list when
+ * building dispatchers (e.g. `toaster[intent]?.(title, opts)`); use
+ * {@link ToastIntent} for the matching type.
+ */
+export const TOAST_INTENTS = [
+    'primary',
+    'info',
+    'success',
+    'warning',
+    'danger',
+    'neutral'
+];
+export { default as Toaster } from './Toaster.svelte';
+export { toaster } from './toast.store.svelte';
+export { toastVariants } from './toast.variants';

package/dist/primitives/Toast/toast.store.svelte.d.ts

@@ -0,0 +1,41 @@
+import type { ToastData, ToastInput, ToastShorthandOpts } from './index';
+import type { ToastPlacement } from './toast.variants';
+/**
+ * Reactive store that manages the global toast queue.
+ * Import the singleton `toaster` and call its methods from anywhere in the app.
+ *
+ * @example
+ * ```typescript
+ * import { toaster } from '@urbicon-ui/blocks';
+ *
+ * toaster.success('Saved!', { description: 'All changes applied.' });
+ * ```
+ */
+declare class ToastStore {
+    toasts: ToastData[];
+    placement: ToastPlacement;
+    private timers;
+    private subscriberCount;
+    private hasWarnedNoSubscriber;
+    /**
+     * Called by `<Toaster>` on mount. Increments the active-subscriber count so
+     * the store knows whether a renderer is present. Returns an unsubscribe fn.
+     */
+    registerSubscriber(): () => void;
+    /** Create a toast with full control over all options. Returns the toast ID for programmatic dismissal. */
+    add(input: ToastInput): string;
+    /** Remove a single toast by ID. Clears its auto-dismiss timer. */
+    dismiss(id: string): void;
+    /** Remove all toasts and cancel their timers. */
+    clear(): void;
+    /** Shorthand for `add()` with `intent: 'info'`. Shows an info icon. */
+    info(title: string, opts?: ToastShorthandOpts): string;
+    /** Shorthand for `add()` with `intent: 'success'`. Shows a check icon. */
+    success(title: string, opts?: ToastShorthandOpts): string;
+    /** Shorthand for `add()` with `intent: 'warning'`. Shows a warning icon. */
+    warning(title: string, opts?: ToastShorthandOpts): string;
+    /** Shorthand for `add()` with `intent: 'danger'`. Shows an error icon. */
+    danger(title: string, opts?: ToastShorthandOpts): string;
+}
+export declare const toaster: ToastStore;
+export {};