react-snackbar-glass 1.2.0 → 1.4.0

package/dist/index.d.cts

@@ -6,13 +6,41 @@ import { ReactNode, CSSProperties } from 'react';
  * icon and accessible live-region behaviour.
  */
 type SnackbarVariant = 'neutral' | 'success' | 'error' | 'warning' | 'info' | 'loading' | 'custom';
-/** `glass` is the frosted default; `solid` paints the accent as the surface. */
-type SnackbarTone = 'glass' | 'solid';
+/**
+ * Surface preset for a snackbar.
+ *
+ * - `glass` — frosted translucent default; the page shows through.
+ * - `solid` — the variant accent painted as the surface.
+ * - `paper` — opaque, matte, hairline border, no blur. Light/dark aware.
+ * - `graphite` — dark matte charcoal with light text, in both themes.
+ * - `neon` — near-black with an accent glow ring, in both themes.
+ */
+type SnackbarTone = 'glass' | 'solid' | 'paper' | 'graphite' | 'neon';
 /**
  * Density and width of a snackbar. `md` is the default; `xs` is a compact
  * mini style, `lg` is an editorial width for richer content.
  */
 type SnackbarSize = 'xs' | 'sm' | 'md' | 'lg';
+/**
+ * How much room a snackbar takes.
+ *
+ * - `card` — full card: title, message, action, countdown hairline.
+ * - `compact` — fully rounded single-line pill.
+ * - `inline` — message-only status line: content width, ~38px tall, never
+ *   wraps and never shows a title or countdown.
+ */
+type SnackbarLayout = 'card' | 'compact' | 'inline';
+/**
+ * Enter/exit animation preset.
+ *
+ * - `slide` — spring slide from the edge with a soft blur (default).
+ * - `fade` — pure opacity cross-fade.
+ * - `scale` — zoom in/out from the center.
+ * - `pop` — bouncy overshoot.
+ * - `flip` — 3D flip on the X axis.
+ * - `none` — appears and disappears instantly.
+ */
+type SnackbarAnimation = 'slide' | 'fade' | 'scale' | 'pop' | 'flip' | 'none';
 type SnackbarPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
 type SnackbarTheme = 'light' | 'dark' | 'auto';
 type SnackbarPhase = 'visible' | 'exiting';
@@ -62,9 +90,27 @@ interface SnackbarOptions {
     /**
      * Single-line pill: no title, no countdown hairline and tighter padding.
      * Ideal for high-frequency, low-stakes messages.
+     *
+     * Sugar for `layout: 'compact'`.
      * @default false
      */
     compact?: boolean;
+    /**
+     * How much room the snackbar takes. `compact: true` is sugar for
+     * `layout: 'compact'`; `toast.single()` uses `'inline'`.
+     * @default 'card'
+     */
+    layout?: SnackbarLayout;
+    /**
+     * Enter/exit animation preset. Applies to both phases unless
+     * `enterAnimation` / `exitAnimation` override it.
+     * @default 'slide'
+     */
+    animation?: SnackbarAnimation;
+    /** Enter animation for this snackbar only. */
+    enterAnimation?: SnackbarAnimation;
+    /** Exit animation for this snackbar only. */
+    exitAnimation?: SnackbarAnimation;
     /** @default 'glass' */
     tone?: SnackbarTone;
     /** @default 'md' */
@@ -91,6 +137,10 @@ interface SnackbarRecord {
     readonly dismissible: boolean;
     readonly progress: boolean;
     readonly compact: boolean;
+    readonly layout: SnackbarLayout;
+    readonly animation: SnackbarAnimation;
+    readonly enterAnimation: SnackbarAnimation;
+    readonly exitAnimation: SnackbarAnimation;
     readonly className: string | undefined;
     readonly style: CSSProperties | undefined;
     readonly createdAt: number;
@@ -111,6 +161,14 @@ interface SnackbarStoreConfig {
     progress?: boolean;
     /** Default `compact` value for new snackbars. @default false */
     compact?: boolean;
+    /** Default layout for new snackbars. @default 'card' */
+    layout?: SnackbarLayout;
+    /** Default enter/exit animation. @default 'slide' */
+    animation?: SnackbarAnimation;
+    /** Default enter animation; falls back to `animation`. */
+    enterAnimation?: SnackbarAnimation;
+    /** Default exit animation; falls back to `animation`. */
+    exitAnimation?: SnackbarAnimation;
     /** @default 'glass' */
     tone?: SnackbarTone;
     /** Default size for new snackbars. @default 'md' */
@@ -124,6 +182,10 @@ interface ResolvedSnackbarStoreConfig {
     dismissible: boolean;
     progress: boolean;
     compact: boolean;
+    layout: SnackbarLayout;
+    animation: SnackbarAnimation;
+    enterAnimation: SnackbarAnimation;
+    exitAnimation: SnackbarAnimation;
     tone: SnackbarTone;
     size: SnackbarSize;
     maxVisible: number;
@@ -162,6 +224,8 @@ interface SnackbarStore {
     setMinimized(minimized: boolean): void;
 }
 type SnackbarPresetOptions = Omit<SnackbarOptions, 'message' | 'variant'>;
+/** `toast.single()` options: everything except the forced inline layout. */
+type ToastSingleOptions = Omit<SnackbarOptions, 'message' | 'layout'>;
 interface SnackbarApi {
     /** Queue a fully customised snackbar and return its id. */
     show(options: SnackbarOptions): string;
@@ -175,6 +239,12 @@ interface SnackbarApi {
     neutral(message: ReactNode, options?: SnackbarPresetOptions): string;
     loading(message: ReactNode, options?: SnackbarPresetOptions): string;
     custom(message: ReactNode, options?: SnackbarPresetOptions): string;
+    /**
+     * Message-only status line (`layout: 'inline'`): content width, one line,
+     * no title and no countdown. Ideal for instant feedback such as
+     * “Position set to top-center”.
+     */
+    single(message: ReactNode, options?: ToastSingleOptions): string;
     promise<T>(promise: Promise<T>, messages: SnackbarPromiseOptions<T>, options?: SnackbarOptions): Promise<T>;
     /** Collapse the visible stack into one summary pill. */
     minimize(): void;
@@ -207,6 +277,12 @@ interface ToastApi {
     neutral(message: ReactNode, options?: ToastPresetOptions): string;
     loading(message: ReactNode, options?: ToastPresetOptions): string;
     custom(message: ReactNode, options?: ToastPresetOptions): string;
+    /**
+     * Message-only status line (`layout: 'inline'`): content width, one line,
+     * no title and no countdown. Ideal for instant feedback such as
+     * “Position set to top-center”.
+     */
+    single(message: ReactNode, options?: ToastSingleOptions): string;
     promise<T>(promise: Promise<T>, messages: SnackbarPromiseOptions<T>, options?: SnackbarOptions): Promise<T>;
     /** Collapse the visible stack into one summary pill. */
     minimize(): void;
@@ -269,6 +345,14 @@ interface SnackbarProviderProps extends Omit<SnackbarHostProps, 'store'> {
     progress?: boolean;
     /** Render every snackbar as a single-line pill. @default false */
     compact?: boolean;
+    /** Default layout for new snackbars. @default 'card' */
+    layout?: SnackbarLayout;
+    /** Default enter/exit animation. @default 'slide' */
+    animation?: SnackbarAnimation;
+    /** Default enter animation; falls back to `animation`. */
+    enterAnimation?: SnackbarAnimation;
+    /** Default exit animation; falls back to `animation`. */
+    exitAnimation?: SnackbarAnimation;
     /** @default 'glass' */
     tone?: SnackbarTone;
     /** Default size for new snackbars. @default 'md' */
@@ -293,7 +377,7 @@ declare function setDefaultStore(store: SnackbarStore | null): void;
 
 declare function SnackbarHost({ store, maxVisible, offset, gap, width, theme, container, pauseOnHover, pauseOnFocus, pauseOnDocumentHidden, swipeToDismiss, swipeThreshold, icons, closeIcon, closeLabel, regionLabel, minimizedLabel, className, style, zIndex, dir, }: SnackbarHostProps): react.ReactPortal | null;
 
-declare function SnackbarProvider({ children, store: providedStore, position, duration, dismissible, progress, compact, tone, size, maxVisible, ...hostProps }: SnackbarProviderProps): react.JSX.Element;
+declare function SnackbarProvider({ children, store: providedStore, position, duration, dismissible, progress, compact, layout, animation, enterAnimation, exitAnimation, tone, size, maxVisible, ...hostProps }: SnackbarProviderProps): react.JSX.Element;
 /** Imperative API for showing and managing snackbars. */
 declare function useSnackbar(): SnackbarApi;
 /** Low-level store access for subscriptions and advanced integrations. */
@@ -313,4 +397,4 @@ declare function useSnackbarStore(): SnackbarStore;
  */
 declare const toast: ToastApi;
 
-export { type ResolvedSnackbarStoreConfig, type SnackbarAction, type SnackbarApi, type SnackbarCloseReason, SnackbarHost, type SnackbarHostProps, type SnackbarOptions, type SnackbarPhase, type SnackbarPosition, type SnackbarPromiseContent, type SnackbarPromiseOptions, SnackbarProvider, type SnackbarProviderProps, type SnackbarRecord, type SnackbarSize, type SnackbarStore, type SnackbarStoreConfig, type SnackbarTheme, type SnackbarTone, type SnackbarVariant, type ToastApi, type ToastPresetOptions, createSnackbarStore, getDefaultStore, setDefaultStore, toast, useSnackbar, useSnackbarStore };
+export { type ResolvedSnackbarStoreConfig, type SnackbarAction, type SnackbarAnimation, type SnackbarApi, type SnackbarCloseReason, SnackbarHost, type SnackbarHostProps, type SnackbarLayout, type SnackbarOptions, type SnackbarPhase, type SnackbarPosition, type SnackbarPromiseContent, type SnackbarPromiseOptions, SnackbarProvider, type SnackbarProviderProps, type SnackbarRecord, type SnackbarSize, type SnackbarStore, type SnackbarStoreConfig, type SnackbarTheme, type SnackbarTone, type SnackbarVariant, type ToastApi, type ToastPresetOptions, type ToastSingleOptions, createSnackbarStore, getDefaultStore, setDefaultStore, toast, useSnackbar, useSnackbarStore };

package/dist/index.d.ts

@@ -6,13 +6,41 @@ import { ReactNode, CSSProperties } from 'react';
  * icon and accessible live-region behaviour.
  */
 type SnackbarVariant = 'neutral' | 'success' | 'error' | 'warning' | 'info' | 'loading' | 'custom';
-/** `glass` is the frosted default; `solid` paints the accent as the surface. */
-type SnackbarTone = 'glass' | 'solid';
+/**
+ * Surface preset for a snackbar.
+ *
+ * - `glass` — frosted translucent default; the page shows through.
+ * - `solid` — the variant accent painted as the surface.
+ * - `paper` — opaque, matte, hairline border, no blur. Light/dark aware.
+ * - `graphite` — dark matte charcoal with light text, in both themes.
+ * - `neon` — near-black with an accent glow ring, in both themes.
+ */
+type SnackbarTone = 'glass' | 'solid' | 'paper' | 'graphite' | 'neon';
 /**
  * Density and width of a snackbar. `md` is the default; `xs` is a compact
  * mini style, `lg` is an editorial width for richer content.
  */
 type SnackbarSize = 'xs' | 'sm' | 'md' | 'lg';
+/**
+ * How much room a snackbar takes.
+ *
+ * - `card` — full card: title, message, action, countdown hairline.
+ * - `compact` — fully rounded single-line pill.
+ * - `inline` — message-only status line: content width, ~38px tall, never
+ *   wraps and never shows a title or countdown.
+ */
+type SnackbarLayout = 'card' | 'compact' | 'inline';
+/**
+ * Enter/exit animation preset.
+ *
+ * - `slide` — spring slide from the edge with a soft blur (default).
+ * - `fade` — pure opacity cross-fade.
+ * - `scale` — zoom in/out from the center.
+ * - `pop` — bouncy overshoot.
+ * - `flip` — 3D flip on the X axis.
+ * - `none` — appears and disappears instantly.
+ */
+type SnackbarAnimation = 'slide' | 'fade' | 'scale' | 'pop' | 'flip' | 'none';
 type SnackbarPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
 type SnackbarTheme = 'light' | 'dark' | 'auto';
 type SnackbarPhase = 'visible' | 'exiting';
@@ -62,9 +90,27 @@ interface SnackbarOptions {
     /**
      * Single-line pill: no title, no countdown hairline and tighter padding.
      * Ideal for high-frequency, low-stakes messages.
+     *
+     * Sugar for `layout: 'compact'`.
      * @default false
      */
     compact?: boolean;
+    /**
+     * How much room the snackbar takes. `compact: true` is sugar for
+     * `layout: 'compact'`; `toast.single()` uses `'inline'`.
+     * @default 'card'
+     */
+    layout?: SnackbarLayout;
+    /**
+     * Enter/exit animation preset. Applies to both phases unless
+     * `enterAnimation` / `exitAnimation` override it.
+     * @default 'slide'
+     */
+    animation?: SnackbarAnimation;
+    /** Enter animation for this snackbar only. */
+    enterAnimation?: SnackbarAnimation;
+    /** Exit animation for this snackbar only. */
+    exitAnimation?: SnackbarAnimation;
     /** @default 'glass' */
     tone?: SnackbarTone;
     /** @default 'md' */
@@ -91,6 +137,10 @@ interface SnackbarRecord {
     readonly dismissible: boolean;
     readonly progress: boolean;
     readonly compact: boolean;
+    readonly layout: SnackbarLayout;
+    readonly animation: SnackbarAnimation;
+    readonly enterAnimation: SnackbarAnimation;
+    readonly exitAnimation: SnackbarAnimation;
     readonly className: string | undefined;
     readonly style: CSSProperties | undefined;
     readonly createdAt: number;
@@ -111,6 +161,14 @@ interface SnackbarStoreConfig {
     progress?: boolean;
     /** Default `compact` value for new snackbars. @default false */
     compact?: boolean;
+    /** Default layout for new snackbars. @default 'card' */
+    layout?: SnackbarLayout;
+    /** Default enter/exit animation. @default 'slide' */
+    animation?: SnackbarAnimation;
+    /** Default enter animation; falls back to `animation`. */
+    enterAnimation?: SnackbarAnimation;
+    /** Default exit animation; falls back to `animation`. */
+    exitAnimation?: SnackbarAnimation;
     /** @default 'glass' */
     tone?: SnackbarTone;
     /** Default size for new snackbars. @default 'md' */
@@ -124,6 +182,10 @@ interface ResolvedSnackbarStoreConfig {
     dismissible: boolean;
     progress: boolean;
     compact: boolean;
+    layout: SnackbarLayout;
+    animation: SnackbarAnimation;
+    enterAnimation: SnackbarAnimation;
+    exitAnimation: SnackbarAnimation;
     tone: SnackbarTone;
     size: SnackbarSize;
     maxVisible: number;
@@ -162,6 +224,8 @@ interface SnackbarStore {
     setMinimized(minimized: boolean): void;
 }
 type SnackbarPresetOptions = Omit<SnackbarOptions, 'message' | 'variant'>;
+/** `toast.single()` options: everything except the forced inline layout. */
+type ToastSingleOptions = Omit<SnackbarOptions, 'message' | 'layout'>;
 interface SnackbarApi {
     /** Queue a fully customised snackbar and return its id. */
     show(options: SnackbarOptions): string;
@@ -175,6 +239,12 @@ interface SnackbarApi {
     neutral(message: ReactNode, options?: SnackbarPresetOptions): string;
     loading(message: ReactNode, options?: SnackbarPresetOptions): string;
     custom(message: ReactNode, options?: SnackbarPresetOptions): string;
+    /**
+     * Message-only status line (`layout: 'inline'`): content width, one line,
+     * no title and no countdown. Ideal for instant feedback such as
+     * “Position set to top-center”.
+     */
+    single(message: ReactNode, options?: ToastSingleOptions): string;
     promise<T>(promise: Promise<T>, messages: SnackbarPromiseOptions<T>, options?: SnackbarOptions): Promise<T>;
     /** Collapse the visible stack into one summary pill. */
     minimize(): void;
@@ -207,6 +277,12 @@ interface ToastApi {
     neutral(message: ReactNode, options?: ToastPresetOptions): string;
     loading(message: ReactNode, options?: ToastPresetOptions): string;
     custom(message: ReactNode, options?: ToastPresetOptions): string;
+    /**
+     * Message-only status line (`layout: 'inline'`): content width, one line,
+     * no title and no countdown. Ideal for instant feedback such as
+     * “Position set to top-center”.
+     */
+    single(message: ReactNode, options?: ToastSingleOptions): string;
     promise<T>(promise: Promise<T>, messages: SnackbarPromiseOptions<T>, options?: SnackbarOptions): Promise<T>;
     /** Collapse the visible stack into one summary pill. */
     minimize(): void;
@@ -269,6 +345,14 @@ interface SnackbarProviderProps extends Omit<SnackbarHostProps, 'store'> {
     progress?: boolean;
     /** Render every snackbar as a single-line pill. @default false */
     compact?: boolean;
+    /** Default layout for new snackbars. @default 'card' */
+    layout?: SnackbarLayout;
+    /** Default enter/exit animation. @default 'slide' */
+    animation?: SnackbarAnimation;
+    /** Default enter animation; falls back to `animation`. */
+    enterAnimation?: SnackbarAnimation;
+    /** Default exit animation; falls back to `animation`. */
+    exitAnimation?: SnackbarAnimation;
     /** @default 'glass' */
     tone?: SnackbarTone;
     /** Default size for new snackbars. @default 'md' */
@@ -293,7 +377,7 @@ declare function setDefaultStore(store: SnackbarStore | null): void;
 
 declare function SnackbarHost({ store, maxVisible, offset, gap, width, theme, container, pauseOnHover, pauseOnFocus, pauseOnDocumentHidden, swipeToDismiss, swipeThreshold, icons, closeIcon, closeLabel, regionLabel, minimizedLabel, className, style, zIndex, dir, }: SnackbarHostProps): react.ReactPortal | null;
 
-declare function SnackbarProvider({ children, store: providedStore, position, duration, dismissible, progress, compact, tone, size, maxVisible, ...hostProps }: SnackbarProviderProps): react.JSX.Element;
+declare function SnackbarProvider({ children, store: providedStore, position, duration, dismissible, progress, compact, layout, animation, enterAnimation, exitAnimation, tone, size, maxVisible, ...hostProps }: SnackbarProviderProps): react.JSX.Element;
 /** Imperative API for showing and managing snackbars. */
 declare function useSnackbar(): SnackbarApi;
 /** Low-level store access for subscriptions and advanced integrations. */
@@ -313,4 +397,4 @@ declare function useSnackbarStore(): SnackbarStore;
  */
 declare const toast: ToastApi;
 
-export { type ResolvedSnackbarStoreConfig, type SnackbarAction, type SnackbarApi, type SnackbarCloseReason, SnackbarHost, type SnackbarHostProps, type SnackbarOptions, type SnackbarPhase, type SnackbarPosition, type SnackbarPromiseContent, type SnackbarPromiseOptions, SnackbarProvider, type SnackbarProviderProps, type SnackbarRecord, type SnackbarSize, type SnackbarStore, type SnackbarStoreConfig, type SnackbarTheme, type SnackbarTone, type SnackbarVariant, type ToastApi, type ToastPresetOptions, createSnackbarStore, getDefaultStore, setDefaultStore, toast, useSnackbar, useSnackbarStore };
+export { type ResolvedSnackbarStoreConfig, type SnackbarAction, type SnackbarAnimation, type SnackbarApi, type SnackbarCloseReason, SnackbarHost, type SnackbarHostProps, type SnackbarLayout, type SnackbarOptions, type SnackbarPhase, type SnackbarPosition, type SnackbarPromiseContent, type SnackbarPromiseOptions, SnackbarProvider, type SnackbarProviderProps, type SnackbarRecord, type SnackbarSize, type SnackbarStore, type SnackbarStoreConfig, type SnackbarTheme, type SnackbarTone, type SnackbarVariant, type ToastApi, type ToastPresetOptions, type ToastSingleOptions, createSnackbarStore, getDefaultStore, setDefaultStore, toast, useSnackbar, useSnackbarStore };

package/dist/index.js

@@ -9,7 +9,10 @@ var DEFAULT_CONFIG = {
   duration: 5e3,
   dismissible: true,
   progress: true,
-  compact: false,
+  layout: "card",
+  animation: "slide",
+  enterAnimation: "slide",
+  exitAnimation: "slide",
   tone: "glass",
   size: "md",
   maxVisible: 3
@@ -37,23 +40,38 @@ function resolveContent(content, value) {
   const resolved = typeof content === "function" ? content(value) : content;
   return contentToOptions(resolved);
 }
-function createSnackbarStore(initialConfig = {}) {
-  let config = {
-    ...DEFAULT_CONFIG,
-    ...initialConfig.position !== void 0 ? { position: initialConfig.position } : null,
-    ...initialConfig.duration !== void 0 ? {
-      duration: normalizeDuration(
-        initialConfig.duration,
-        DEFAULT_CONFIG.duration
-      )
-    } : null,
-    ...initialConfig.dismissible !== void 0 ? { dismissible: initialConfig.dismissible } : null,
-    ...initialConfig.progress !== void 0 ? { progress: initialConfig.progress } : null,
-    ...initialConfig.compact !== void 0 ? { compact: initialConfig.compact } : null,
-    ...initialConfig.tone !== void 0 ? { tone: initialConfig.tone } : null,
-    ...initialConfig.size !== void 0 ? { size: initialConfig.size } : null,
-    ...initialConfig.maxVisible !== void 0 ? { maxVisible: Math.max(1, Math.floor(initialConfig.maxVisible)) } : null
+function resolveLayout(layout, compact, fallback) {
+  if (layout !== void 0) return layout;
+  if (compact !== void 0) return compact ? "compact" : "card";
+  return fallback;
+}
+function resolveLayoutPatch(record, options) {
+  if (options.layout === void 0 && options.compact === void 0) return {};
+  const layout = resolveLayout(options.layout, options.compact, record.layout);
+  return { layout, compact: layout === "compact" };
+}
+function mergeConfig(previous, patch) {
+  const layout = resolveLayout(patch.layout, patch.compact, previous.layout);
+  return {
+    position: patch.position ?? previous.position,
+    duration: patch.duration !== void 0 ? normalizeDuration(patch.duration, previous.duration) : previous.duration,
+    dismissible: patch.dismissible ?? previous.dismissible,
+    progress: patch.progress ?? previous.progress,
+    compact: layout === "compact",
+    layout,
+    animation: patch.animation ?? previous.animation,
+    enterAnimation: patch.enterAnimation ?? patch.animation ?? previous.enterAnimation,
+    exitAnimation: patch.exitAnimation ?? patch.animation ?? previous.exitAnimation,
+    tone: patch.tone ?? previous.tone,
+    size: patch.size ?? previous.size,
+    maxVisible: patch.maxVisible !== void 0 ? Math.max(1, Math.floor(patch.maxVisible)) : previous.maxVisible
   };
+}
+function createSnackbarStore(initialConfig = {}) {
+  let config = mergeConfig(
+    DEFAULT_CONFIG,
+    initialConfig
+  );
   let records = EMPTY;
   const listeners = /* @__PURE__ */ new Set();
   const timers = /* @__PURE__ */ new Map();
@@ -221,6 +239,7 @@ function createSnackbarStore(initialConfig = {}) {
       }
       return id;
     }
+    const layout = resolveLayout(options.layout, options.compact, config.layout);
     const record = {
       id,
       title: options.title,
@@ -234,7 +253,11 @@ function createSnackbarStore(initialConfig = {}) {
       action: options.action ?? null,
       dismissible: options.dismissible ?? config.dismissible,
       progress: options.progress ?? config.progress,
-      compact: options.compact ?? config.compact,
+      compact: layout === "compact",
+      layout,
+      animation: options.animation ?? config.animation,
+      enterAnimation: options.enterAnimation ?? options.animation ?? config.enterAnimation,
+      exitAnimation: options.exitAnimation ?? options.animation ?? config.exitAnimation,
       className: options.className,
       style: options.style,
       createdAt: Date.now(),
@@ -263,7 +286,14 @@ function createSnackbarStore(initialConfig = {}) {
       ...options.action !== void 0 ? { action: options.action } : null,
       ...options.dismissible !== void 0 ? { dismissible: options.dismissible } : null,
       ...options.progress !== void 0 ? { progress: options.progress } : null,
-      ...options.compact !== void 0 ? { compact: options.compact } : null,
+      ...resolveLayoutPatch(record, options),
+      ...options.animation !== void 0 ? {
+        animation: options.animation,
+        enterAnimation: options.animation,
+        exitAnimation: options.animation
+      } : null,
+      ...options.enterAnimation !== void 0 ? { enterAnimation: options.enterAnimation } : null,
+      ...options.exitAnimation !== void 0 ? { exitAnimation: options.exitAnimation } : null,
       ...options.className !== void 0 ? { className: options.className } : null,
       ...options.style !== void 0 ? { style: options.style } : null,
       ...options.onOpen !== void 0 ? { onOpen: options.onOpen } : null,
@@ -313,19 +343,7 @@ function createSnackbarStore(initialConfig = {}) {
     }
   };
   const setConfig = (patch) => {
-    config = {
-      ...config,
-      ...patch.position !== void 0 ? { position: patch.position } : null,
-      ...patch.duration !== void 0 ? {
-        duration: normalizeDuration(patch.duration, config.duration)
-      } : null,
-      ...patch.dismissible !== void 0 ? { dismissible: patch.dismissible } : null,
-      ...patch.progress !== void 0 ? { progress: patch.progress } : null,
-      ...patch.compact !== void 0 ? { compact: patch.compact } : null,
-      ...patch.tone !== void 0 ? { tone: patch.tone } : null,
-      ...patch.size !== void 0 ? { size: patch.size } : null,
-      ...patch.maxVisible !== void 0 ? { maxVisible: Math.max(1, Math.floor(patch.maxVisible)) } : null
-    };
+    config = mergeConfig(config, patch);
   };
   const promise = (input, messages, options = {}) => {
     const loadingOptions = contentToOptions(messages.loading ?? "Loading\u2026");
@@ -628,7 +646,10 @@ function SnackbarItem({
   };
   const resolvedIcon = record.icon === void 0 ? icons?.[variant] ?? defaultIcons[variant] : record.icon;
   const showIcon = record.icon !== false;
-  const showProgress = !record.compact && record.progress && Number.isFinite(duration) && duration > 0;
+  const isInline = record.layout === "inline";
+  const isTimed = Number.isFinite(duration) && duration > 0;
+  const showProgress = record.layout === "card" && record.progress && isTimed;
+  const showClose = record.dismissible && (!isInline || !isTimed);
   const style = {
     ...record.style,
     "--prs-drag-x": `${dragX}px`,
@@ -649,6 +670,9 @@ function SnackbarItem({
       "data-has-icon": showIcon ? "true" : "false",
       "data-dismissible": record.dismissible ? "true" : "false",
       "data-compact": record.compact ? "true" : "false",
+      "data-layout": record.layout,
+      "data-enter": record.enterAnimation,
+      "data-exit": record.exitAnimation,
       "data-prs-id": record.id,
       "data-position": record.position,
       style,
@@ -697,7 +721,7 @@ function SnackbarItem({
                 className: "prs-item__content",
                 "data-has-title": title !== void 0 && title !== null ? "true" : "false",
                 children: [
-                  title !== void 0 && title !== null ? /* @__PURE__ */ jsx("div", { className: "prs-item__title", children: title }) : null,
+                  title !== void 0 && title !== null && !isInline ? /* @__PURE__ */ jsx("div", { className: "prs-item__title", children: title }) : null,
                   message !== void 0 && message !== null ? /* @__PURE__ */ jsx("div", { className: "prs-item__message", children: message }) : null,
                   action ? /* @__PURE__ */ jsx("div", { className: "prs-item__actions", children: /* @__PURE__ */ jsxs(
                     "button",
@@ -716,7 +740,7 @@ function SnackbarItem({
                 ]
               }
             ),
-            record.dismissible ? /* @__PURE__ */ jsx(
+            showClose ? /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
@@ -936,6 +960,10 @@ function SnackbarProvider({
   dismissible,
   progress,
   compact,
+  layout,
+  animation,
+  enterAnimation,
+  exitAnimation,
   tone,
   size,
   maxVisible,
@@ -958,6 +986,10 @@ function SnackbarProvider({
       dismissible,
       progress,
       compact,
+      layout,
+      animation,
+      enterAnimation,
+      exitAnimation,
       tone,
       size,
       maxVisible
@@ -969,6 +1001,10 @@ function SnackbarProvider({
     dismissible,
     progress,
     compact,
+    layout,
+    animation,
+    enterAnimation,
+    exitAnimation,
     tone,
     size,
     maxVisible
@@ -987,6 +1023,7 @@ function SnackbarProvider({
       info: preset2("info"),
       neutral: preset2("neutral"),
       custom: preset2("custom"),
+      single: (message, options = {}) => store.show({ ...options, message, layout: "inline" }),
       loading: (message, options = {}) => store.show({
         ...options,
         message,
@@ -1053,6 +1090,7 @@ function createToast() {
   toast2.info = preset("info");
   toast2.neutral = preset("neutral");
   toast2.custom = preset("custom");
+  toast2.single = (message, options = {}) => getDefaultStore().show({ ...options, message, layout: "inline" });
   toast2.loading = (message, options = {}) => getDefaultStore().show({
     ...options,
     message,