toastory 0.1.3 → 0.3.0

package/dist/themes/sweet.toast.css

@@ -1 +1 @@
-.gk-root,.gk-root *{box-sizing:border-box}.gk-root{font-family:var(--gk-font, system-ui, sans-serif);--gk-ease: cubic-bezier(.22, 1, .36, 1);--gk-duration: .38s}.gk-root [hidden]{display:none!important}.gk-region{position:fixed;z-index:var(--gk-z, 2147483000);width:var(--gk-width, 360px);max-width:calc(100vw - 32px);margin:0;padding:0;pointer-events:none;transition:height var(--gk-duration) var(--gk-ease)}.gk-region[data-contained]{position:absolute}.gk-region:focus{outline:none}.gk-region[data-position^=top]{top:max(var(--gk-offset-top, 16px),env(safe-area-inset-top,0))}.gk-region[data-position^=bottom]{bottom:max(var(--gk-offset-bottom, 16px),env(safe-area-inset-bottom,0))}.gk-region[data-position$=left]{left:max(var(--gk-offset-left, 16px),env(safe-area-inset-left,0))}.gk-region[data-position$=right]{right:max(var(--gk-offset-right, 16px),env(safe-area-inset-right,0))}.gk-region[data-position$=center]{left:50%;transform:translate(-50%)}@media(max-width:600px){.gk-region{width:calc(100vw - var(--gk-mobile-offset, 32px))!important;max-width:100vw!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.gk-toast{--gk-blur: min(var(--gk-blur), 12px)}}.gk-toast-list{position:relative;height:100%;margin:0;padding:0;list-style:none}.gk-toast{--gk-y: calc(var(--gk-dir, 1) * var(--gk-offset, 0px));position:absolute;left:0;right:0;display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px 12px;padding:14px 16px;overflow:hidden;color:var(--gk-fg);background:var(--gk-bg);border:var(--gk-border-w, 1px) solid var(--gk-border);border-radius:var(--gk-radius);box-shadow:var(--gk-shadow);-webkit-backdrop-filter:blur(var(--gk-blur)) saturate(var(--gk-saturate));backdrop-filter:blur(var(--gk-blur)) saturate(var(--gk-saturate));pointer-events:auto;touch-action:pan-y;user-select:none;transform-origin:top;transform:translate(var(--gk-sx, 0px),calc(var(--gk-y) + var(--gk-sy, 0px)));top:0;transition:all var(--gk-duration) var(--gk-ease)}.gk-toast[data-has-close]{padding-inline-end:38px}.gk-region[data-position^=bottom] .gk-toast{top:auto;bottom:0;transform-origin:bottom}.gk-region[data-shadow=false] .gk-toast{box-shadow:none}:is(.gk-toast,.gk-btn,.gk-close,.gk-link):focus-visible{outline:2px solid var(--gk-accent);outline-offset:2px}.gk-region[data-expanded=false] .gk-toast{--gk-y: calc(var(--gk-dir, 1) * var(--gk-index, 0) * 10px);transform:translate(var(--gk-sx, 0px),calc(var(--gk-y) + var(--gk-sy, 0px))) scale(calc(1 - var(--gk-index, 0) * .05))}.gk-region[data-expanded=false] .gk-toast:not(:last-child){height:var(--gk-front);pointer-events:none}.gk-region[data-expanded=false] :is(.gk-toast:not(:last-child)>*,.gk-toast[data-far]){opacity:0}.gk-toast[data-type=success]{--gk-type:var(--gk-success)}.gk-toast[data-type=error]{--gk-type:var(--gk-error)}.gk-toast[data-type=warning]{--gk-type:var(--gk-warning)}.gk-toast[data-type=info]{--gk-type:var(--gk-info)}.gk-toast[data-type=loading]{--gk-type:var(--gk-accent)}.gk-toast[data-rich]{background:color-mix(in srgb,var(--gk-type, transparent) 16%,var(--gk-bg-solid));border-color:var(--gk-type, var(--gk-border))}.gk-toast[data-clickable]{cursor:pointer}.gk-icon{display:flex;flex:none;margin-top:1px;color:var(--gk-type, var(--gk-muted))}.gk-avatar img{display:block;width:32px;height:32px;border-radius:50%;object-fit:cover}.gk-content,.gk-link{flex:1 1 140px;min-width:140px;overflow-wrap:break-word;word-break:normal}.gk-link{display:block;color:inherit;text-decoration:none}.gk-link:hover .gk-title{text-decoration:underline}.gk-title{font:600 14px/1.4 inherit}.gk-desc{margin-top:2px;font:13px/1.4 inherit;color:var(--gk-muted)}.gk-desc a{color:inherit}.gk-count{display:inline-block;margin-top:4px;padding:0 6px;font:11px/18px inherit;border:1px solid var(--gk-border);border-radius:9px;color:var(--gk-muted)}.gk-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-inline-start:auto}.gk-toast[data-wrap] .gk-actions{width:100%;justify-content:end}.gk-btn,.gk-close{background:transparent;cursor:pointer}.gk-btn{min-height:28px;padding:0 12px;font:600 13px inherit;color:var(--gk-fg);border:1px solid var(--gk-border);border-radius:calc(var(--gk-radius) / 2);white-space:nowrap}.gk-action{color:var(--gk-accent-fg);background:var(--gk-accent);border-color:var(--gk-accent)}.gk-close{position:absolute;top:12px;inset-inline-end:12px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:var(--gk-muted);border:0;border-radius:50%;z-index:2}.gk-close svg{width:16px;height:16px}.gk-close:hover{color:var(--gk-fg)}.gk-progress{position:absolute;inset:auto 0 0;height:3px}.gk-progress i{display:block;height:100%;background:var(--gk-type, var(--gk-accent));transform-origin:left;animation:gk-shrink var(--gk-d) linear forwards;animation-delay:var(--gk-delay, 0ms)}[dir=rtl] .gk-progress i{transform-origin:right}.gk-toast[data-paused] .gk-progress i{animation-play-state:paused}.gk-spin{animation:gk-spin .9s linear infinite}@keyframes gk-shrink{to{transform:scaleX(0)}}@keyframes gk-spin{to{transform:rotate(360deg)}}@keyframes gk-bounce{0%{opacity:0;transform:scale(.8)}to{transform:none}}@keyframes gk-zoom{0%{opacity:0;transform:scale(.85)}}@keyframes gk-flip{0%{opacity:0;transform:perspective(600px) rotateX(80deg)}}@keyframes gk-spring{0%{opacity:0;transform:translateY(-35px)}to{transform:none}}@keyframes gk-fade{0%{opacity:0}}.gk-toast[data-animation]{animation:var(--gk-duration) var(--gk-ease)}.gk-toast[data-animation=bounce]{animation-name:gk-bounce}.gk-toast[data-animation=zoom]{animation-name:gk-zoom}.gk-toast[data-animation=flip]{animation-name:gk-flip}.gk-toast[data-animation=spring]{animation-name:gk-spring}.gk-toast[data-animation=fade]{animation-name:gk-fade}.gk-toast[data-animation=none]{animation:none;transition:none}.gk-toast[data-mounted=false]{opacity:0;transform:translateY(calc(var(--gk-y) + var(--gk-dir, 1) * -60%)) scale(.96)}.gk-toast[data-swiping]{transition:none}.gk-toast[data-dismissed]{opacity:0;pointer-events:none}.gk-toast[data-swipe-out=left]{transform:translate(-120%,var(--gk-y))}.gk-toast[data-swipe-out=right]{transform:translate(120%,var(--gk-y))}.gk-toast[data-swipe-out=up]{transform:translateY(calc(var(--gk-y) - 120%))}.gk-toast[data-swipe-out=down]{transform:translateY(calc(var(--gk-y) + 120%))}.gk-toast:is([data-swiping],[data-state=exiting],[data-mounted=false]){will-change:transform,opacity}@supports not (backdrop-filter: blur(1px)){.gk-toast{background:var(--gk-bg-solid)}}@media(prefers-reduced-transparency:reduce){.gk-toast{background:var(--gk-bg-solid);backdrop-filter:none}}@media(forced-colors:active){.gk-toast{background:var(--gk-bg-solid);border:1px solid ButtonBorder;color:CanvasText}}@media(prefers-reduced-motion:reduce){.gk-toast,.gk-region{transition:opacity .15s ease!important}.gk-toast{animation:gk-fade .15s ease!important}.gk-spin{animation:none}}[data-gk-theme=sweet]{color-scheme:light;--gk-radius:14px;--gk-blur:0px;--gk-saturate:100%;--gk-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;--gk-bg:#ffffff;--gk-bg-solid:#ffffff;--gk-fg:#1d1d1f;--gk-muted:#515156;--gk-border:rgba(60, 60, 67, .22);--gk-shadow:0 12px 34px rgba(0, 0, 0, .2);--gk-accent:#0057c2;--gk-accent-fg:#ffffff;--gk-danger:#b71c1c;--gk-danger-fg:#ffffff;--gk-success:#1a7f37;--gk-error:#b71c1c;--gk-warning:#8a5a00;--gk-info:#0b5cc7}[data-gk-theme=sweet][data-gk-mode=dark],:is(.dark,[data-theme=dark]) [data-gk-theme=sweet]{color-scheme:dark;--gk-bg:#26262b;--gk-bg-solid:#26262b;--gk-fg:#f5f5f7;--gk-muted:#b4b4bb;--gk-border:rgba(255, 255, 255, .16);--gk-shadow:0 12px 34px rgba(0, 0, 0, .55);--gk-accent:#4da3ff;--gk-accent-fg:#00152e;--gk-danger:#ff8a8a;--gk-danger-fg:#2b0000;--gk-success:#4ade80;--gk-error:#ff7b7b;--gk-warning:#ffc857;--gk-info:#6cb6ff}@media(prefers-color-scheme:dark){[data-gk-theme=sweet][data-gk-mode=auto]{color-scheme:dark;--gk-bg:#26262b;--gk-bg-solid:#26262b;--gk-fg:#f5f5f7;--gk-muted:#b4b4bb;--gk-border:rgba(255, 255, 255, .16);--gk-shadow:0 12px 34px rgba(0, 0, 0, .55);--gk-accent:#4da3ff;--gk-accent-fg:#00152e;--gk-danger:#ff8a8a;--gk-danger-fg:#2b0000;--gk-success:#4ade80;--gk-error:#ff7b7b;--gk-warning:#ffc857;--gk-info:#6cb6ff}}.gk-toast[data-gk-theme=sweet]{align-items:center;padding:16px 18px}.gk-toast[data-gk-theme=sweet] .gk-icon{align-items:center;justify-content:center;width:36px;height:36px;margin:0;border:3px solid var(--gk-type,var(--gk-border));border-radius:50%}.gk-toast[data-gk-theme=sweet] .gk-title{font-size:15px;font-weight:700}.gk-toast[data-gk-theme=sweet] .gk-btn{border-radius:10px;transition:all .16s ease}.gk-toast[data-gk-theme=sweet] .gk-action{background:var(--gk-accent);color:var(--gk-accent-fg);border-color:transparent;box-shadow:0 3px 10px color-mix(in srgb,var(--gk-accent) 30%,transparent)}.gk-toast[data-gk-theme=sweet] .gk-btn:not(.gk-action){background:color-mix(in srgb,var(--gk-fg) 8%,transparent);border-color:var(--gk-border)}
+.gk-root *{box-sizing:border-box}.gk-root{box-sizing:border-box;font-family:var(--gk-font,system-ui, sans-serif);--gk-ease:cubic-bezier(.22, 1, .36, 1);--gk-duration:.38s}.gk-root [hidden]{display:none!important}.gk-region,.gk-toast-list{margin:0;padding:0}.gk-region{z-index:var(--gk-z,2147480000);width:var(--gk-width,360px);pointer-events:none;max-width:calc(100vw - 32px);transition:height var(--gk-duration) var(--gk-ease);position:fixed}.gk-region[data-contained]{position:absolute}.gk-region[data-position^=top]{top:max(var(--gk-offset-top,16px), env(safe-area-inset-top,0))}.gk-region[data-position^=bottom]{bottom:max(var(--gk-offset-bottom,16px), env(safe-area-inset-bottom,0))}.gk-region[data-position$=left]{left:max(var(--gk-offset-left,16px), env(safe-area-inset-left,0))}.gk-region[data-position$=right]{right:max(var(--gk-offset-right,16px), env(safe-area-inset-right,0))}.gk-region:is([data-position$=center],[data-position=middle]){left:50%;transform:translate(-50%)}.gk-region:is([data-position=center],[data-position=middle]){top:50%;transform:translate(-50%,-50%)}@media (width<=600px){.gk-region{width:calc(100vw - var(--gk-mobile-offset,32px))!important;max-width:100vw!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.gk-region:is([data-position=center],[data-position=middle]){transform:translate(-50%,-50%)!important}.gk-toast{--gk-blur:min(var(--gk-blur),12px)}}.gk-toast-list{height:100%;list-style:none;position:relative}.gk-toast{--gk-y:calc(var(--gk-dir,1) * var(--gk-offset,0px));color:var(--gk-fg);background:var(--gk-bg);border:var(--gk-border-w,1px) solid var(--gk-border);border-radius:var(--gk-radius);box-shadow:var(--gk-shadow);backdrop-filter:blur(var(--gk-blur)) saturate(var(--gk-saturate));pointer-events:auto;touch-action:pan-y;user-select:none;transform-origin:top;transform:translate(var(--gk-sx,0px), calc(var(--gk-y) + var(--gk-sy,0px)));transition:var(--gk-duration) var(--gk-ease);flex-wrap:wrap;align-items:flex-start;gap:8px 12px;padding:14px 16px;display:flex;position:absolute;inset:0 0 auto;overflow:hidden}.gk-toast[data-has-close]{padding-inline-end:38px}.gk-region[data-position^=bottom] .gk-toast{transform-origin:bottom;inset:auto 0 0}.gk-region[data-shadow=false] .gk-toast{box-shadow:none}:is(.gk-toast,.gk-btn,.gk-close,.gk-link):focus-visible{outline:2px solid var(--gk-accent);outline-offset:2px}.gk-region[data-expanded=false] .gk-toast{--gk-y:calc(var(--gk-dir,1) * var(--gk-index,0) * 10px);transform:translate(var(--gk-sx,0px), calc(var(--gk-y) + var(--gk-sy,0px))) scale(calc(1 - var(--gk-index,0) * .05))}.gk-region[data-expanded=false] .gk-toast:not(:last-child){height:var(--gk-front);pointer-events:none}.gk-region[data-expanded=false] :is(.gk-toast:not(:last-child)>*,.gk-toast[data-far]){opacity:0}.gk-toast[data-type=success]{--gk-type:var(--gk-success)}.gk-toast[data-type=error]{--gk-type:var(--gk-error)}.gk-toast[data-type=warning]{--gk-type:var(--gk-warning)}.gk-toast[data-type=info]{--gk-type:var(--gk-info)}.gk-toast[data-type=loading]{--gk-type:var(--gk-accent)}.gk-toast[data-rich]{background:color-mix(in srgb, var(--gk-type,transparent) 16%, var(--gk-bg-solid));border-color:var(--gk-type,var(--gk-border))}.gk-toast[data-clickable]{cursor:pointer}.gk-icon{color:var(--gk-type,var(--gk-muted));flex:none;margin-top:1px;display:flex}.gk-avatar img{object-fit:cover;border-radius:50%;width:32px;height:32px;display:block}.gk-content,.gk-link{overflow-wrap:break-word;word-break:normal;flex:140px;min-width:140px}.gk-link{color:inherit;text-decoration:none;display:block}.gk-link:hover{text-decoration:underline}.gk-title{font:600 14px/1.4 inherit}.gk-desc{color:var(--gk-muted);margin-top:2px;font:13px/1.4 inherit}.gk-desc a{color:inherit}.gk-count{border:1px solid var(--gk-border);color:var(--gk-muted);border-radius:9px;margin-top:4px;padding:0 6px;font:11px/18px inherit;display:inline-block}.gk-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-inline-start:auto;display:flex}.gk-toast[data-wrap] .gk-actions{justify-content:end;width:100%}.gk-btn,.gk-close{cursor:pointer;background:0 0}.gk-btn{min-height:28px;color:var(--gk-fg);border:1px solid var(--gk-border);border-radius:calc(var(--gk-radius) / 2);white-space:nowrap;padding:0 12px;font:600 13px inherit}.gk-action{color:var(--gk-accent-fg);background:var(--gk-accent);border-color:var(--gk-accent)}.gk-close{top:12px;width:24px;height:24px;color:var(--gk-muted);z-index:2;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset-inline-end:12px}.gk-close svg{width:16px;height:16px}.gk-close:hover{color:var(--gk-fg)}.gk-progress{height:3px;position:absolute;inset:auto 0 0}.gk-progress i{background:var(--gk-type,var(--gk-accent));transform-origin:0;height:100%;animation:gk-shrink var(--gk-d) linear forwards;animation-delay:var(--gk-delay,0s);display:block}[dir=rtl] .gk-progress i{transform-origin:100%}.gk-toast[data-paused] .gk-progress i{animation-play-state:paused}.gk-spin{animation:.9s linear infinite gk-spin}@keyframes gk-shrink{to{transform:scaleX(0)}}@keyframes gk-spin{to{transform:rotate(360deg)}}@keyframes gk-bounce{0%{opacity:0;transform:scale(.8)}}@keyframes gk-zoom{0%{opacity:0;transform:scale(.85)}}@keyframes gk-flip{0%{opacity:0;transform:perspective(600px)rotateX(80deg)}}@keyframes gk-spring{0%{opacity:0;transform:translateY(-35px)}}@keyframes gk-fade{0%{opacity:0}}.gk-toast[data-animation]{animation:var(--gk-duration) var(--gk-ease)}.gk-toast[data-animation=bounce]{animation-name:gk-bounce}.gk-toast[data-animation=zoom]{animation-name:gk-zoom}.gk-toast[data-animation=flip]{animation-name:gk-flip}.gk-toast[data-animation=spring]{animation-name:gk-spring}.gk-toast[data-animation=fade]{animation-name:gk-fade}.gk-toast[data-animation=none]{transition:none;animation:none}.gk-toast[data-mounted=false]{opacity:0;transform:translate(0, calc(var(--gk-y) + var(--gk-dir,1) * -60%)) scale(.96)}.gk-toast[data-swiping]{transition:none}.gk-toast[data-dismissed]{opacity:0;pointer-events:none}@supports not (backdrop-filter:blur(1px)){.gk-toast{background:var(--gk-bg-solid)}}@media (prefers-reduced-transparency:reduce){.gk-toast{background:var(--gk-bg-solid);backdrop-filter:none}}@media (forced-colors:active){.gk-toast{background:var(--gk-bg-solid);color:canvastext;border-color:buttonborder}}@media (prefers-reduced-motion:reduce){.gk-region{transition:opacity .15s!important}.gk-toast{transition:opacity .15s!important;animation:.15s gk-fade!important}.gk-spin{animation:none}}[data-gk-theme=sweet]{color-scheme:light;--gk-radius:14px;--gk-blur:0px;--gk-saturate:100%;--gk-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;--gk-bg:#fff;--gk-bg-solid:#fff;--gk-fg:#1d1d1f;--gk-muted:#515156;--gk-border:#3c3c4338;--gk-shadow:0 12px 34px #0003;--gk-accent:#0057c2;--gk-accent-fg:#fff;--gk-danger:#b71c1c;--gk-danger-fg:#fff;--gk-success:#1a7f37;--gk-error:#b71c1c;--gk-warning:#8a5a00;--gk-info:#0b5cc7}[data-gk-theme=sweet][data-gk-mode=dark],:is(.dark,[data-theme=dark]) [data-gk-theme=sweet]{color-scheme:dark;--gk-bg:#26262b;--gk-bg-solid:#26262b;--gk-fg:#f5f5f7;--gk-muted:#b4b4bb;--gk-border:#ffffff29;--gk-shadow:0 12px 34px #0000008c;--gk-accent:#4da3ff;--gk-accent-fg:#00152e;--gk-danger:#ff8a8a;--gk-danger-fg:#2b0000;--gk-success:#4ade80;--gk-error:#ff7b7b;--gk-warning:#ffc857;--gk-info:#6cb6ff}@media (prefers-color-scheme:dark){[data-gk-theme=sweet][data-gk-mode=auto]{color-scheme:dark;--gk-bg:#26262b;--gk-bg-solid:#26262b;--gk-fg:#f5f5f7;--gk-muted:#b4b4bb;--gk-border:#ffffff29;--gk-shadow:0 12px 34px #0000008c;--gk-accent:#4da3ff;--gk-accent-fg:#00152e;--gk-danger:#ff8a8a;--gk-danger-fg:#2b0000;--gk-success:#4ade80;--gk-error:#ff7b7b;--gk-warning:#ffc857;--gk-info:#6cb6ff}}.gk-toast[data-gk-theme=sweet]{align-items:center;padding:16px 18px}.gk-toast[data-gk-theme=sweet] .gk-icon{border:3px solid var(--gk-type,var(--gk-border));border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin:0}.gk-toast[data-gk-theme=sweet] .gk-title{font-size:15px;font-weight:700}.gk-toast[data-gk-theme=sweet] .gk-btn{border-radius:10px;transition:all .16s}.gk-toast[data-gk-theme=sweet] .gk-action{background:var(--gk-accent);color:var(--gk-accent-fg);box-shadow:0 3px 10px color-mix(in srgb,var(--gk-accent) 30%,transparent);border-color:#0000}.gk-toast[data-gk-theme=sweet] .gk-btn:not(.gk-action){background:color-mix(in srgb,var(--gk-fg) 8%,transparent);border-color:var(--gk-border)}

package/dist/{toast-api-D6WYDtUy.d.cts → toast-api-C5nqvDgA.d.cts}

@@ -35,8 +35,8 @@ type Renderable = unknown;
 type BuiltInToastType = 'default' | 'message' | 'success' | 'error' | 'info' | 'warning' | 'loading';
 /** Toast type name: a built-in type or custom registered type string. */
 type ToastType = BuiltInToastType | (string & {});
-/** Placements supported by toast regions (6 positions). */
-type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+/** Placements supported by toast regions (7 positions: 3 top, 1 middle, 3 bottom). */
+type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'center' | 'middle' | 'bottom-left' | 'bottom-center' | 'bottom-right';
 /** The five rows of the dialog placement grid. */
 type DialogRow = 'top' | 'upper' | 'center' | 'lower' | 'bottom';
 /** The three columns of the dialog placement grid. */
@@ -103,8 +103,6 @@ interface ToastAction {
     /** Optional accessible label when the text alone is ambiguous. */
     ariaLabel?: string;
 }
-/** Alias for ToastAction. */
-type ToastButton = ToastAction;
 /** Slot class names a consumer can override. */
 interface ToastClassNames {
     toast?: string;
@@ -112,6 +110,8 @@ interface ToastClassNames {
     description?: string;
     icon?: string;
     avatar?: string;
+    image?: string;
+    character?: string;
     actionButton?: string;
     cancelButton?: string;
     closeButton?: string;
@@ -145,6 +145,35 @@ interface ToastRenderContext {
 }
 /** Custom renderer callback. */
 type ToastCustomRenderer = (context: ToastRenderContext) => Renderable;
+/** Built-in sound cue names for audio feedback. */
+type BuiltInSoundCue = 'success' | 'error' | 'warning' | 'info' | 'ding' | 'pop' | 'chime' | 'bell' | 'message' | 'bubble' | 'marimba' | 'crystal' | 'subtle' | 'harp';
+/** Audio feedback sound cue name or custom string. */
+type SoundCue = BuiltInSoundCue | (string & {});
+/** CTA Button definition inside toast notification. */
+interface ToastButton {
+    /** Visible button text. */
+    label: string;
+    /** Click/press handler. */
+    onClick?: (event: {
+        preventDefault(): void;
+        defaultPrevented: boolean;
+    }) => void;
+    /** React Native press handler alias. */
+    onPress?: (event: {
+        preventDefault(): void;
+        defaultPrevented: boolean;
+    }) => void;
+    /** Optional CSS class. */
+    className?: string;
+    /** Optional inline styles. */
+    style?: Record<string, string | number>;
+    /** Visual button kind. */
+    kind?: 'primary' | 'secondary' | 'danger';
+    /** Whether clicking automatically dismisses the toast. Defaults to true. */
+    autoDismiss?: boolean;
+}
+/** Mascot character / robot avatar preset names. */
+type RobotCharacter = 'wave' | 'success' | 'error' | 'think' | 'loading' | 'sleep' | 'shock' | 'search' | 'headPalm' | 'base';
 /**
  * Options accepted by every toast creation call.
  */
@@ -155,8 +184,12 @@ interface ToastOptions {
     type?: ToastType;
     /** Heading text or renderable node. */
     title?: Renderable;
+    /** react-native-toast-message title alias. */
+    text1?: Renderable;
     /** Secondary subtitle or body text. */
     description?: Renderable;
+    /** react-native-toast-message description alias. */
+    text2?: Renderable;
     /** Theme-declared variant preset. */
     variant?: ToastVariant;
     /** Tone icon chip badge or custom badge description. */
@@ -179,6 +212,8 @@ interface ToastOptions {
     progressLabel?: string;
     /** Action buttons array. */
     actions?: ToastActionItem[];
+    /** Multiple CTA buttons list (robot-toast & react-native compatible). */
+    buttons?: ToastButton[];
     /** Interactive toggle switch. */
     toggle?: ToastToggleOption;
     /** Group key for grouped notifications stack. */
@@ -197,10 +232,30 @@ interface ToastOptions {
     icon?: Renderable | false;
     /** Avatar URL, initials object, or node shown before text. */
     avatar?: Renderable | ToastAvatarOption;
+    /** Hero image banner or image URL. */
+    image?: string | ToastAvatarOption;
+    /** Mascot robot/character avatar variant. */
+    character?: RobotCharacter | (string & {});
+    /** Mascot robot variant alias. */
+    robotVariant?: RobotCharacter | (string & {});
     /** Duration in ms. `0` or `Infinity` makes it persistent. */
     duration?: number;
+    /** react-native-toast-message duration alias. */
+    visibilityTime?: number;
+    /** react-native-toast-message autoHide control: false makes it persistent. */
+    autoHide?: boolean;
     /** Screen region placement. */
     position?: ToastPosition;
+    /** Optional top offset in pixels (react-native-toast-message compatible). */
+    topOffset?: number;
+    /** Optional bottom offset in pixels (react-native-toast-message compatible). */
+    bottomOffset?: number;
+    /** Optional keyboard offset in pixels (react-native-toast-message compatible). */
+    keyboardOffset?: number;
+    /** Play audio feedback cue, sound url, or custom generator. */
+    sound?: boolean | SoundCue | string | ((type: ToastType) => void);
+    /** Audio playback volume (0.0 to 1.0). Defaults to 0.5. */
+    soundVolume?: number;
     /** Primary action button. */
     action?: ToastAction;
     /** Secondary cancel button. */
@@ -209,6 +264,16 @@ interface ToastOptions {
     closeButton?: boolean;
     /** Accessible label for the close button. */
     closeButtonLabel?: string;
+    /** Custom close / discard button icon. */
+    closeIcon?: Renderable;
+    /** Custom text for close / discard button (e.g., 'Dismiss', 'Close'). */
+    closeText?: string;
+    /** Discard button text alias. */
+    discardText?: string;
+    /** Discard button icon alias. */
+    discardIcon?: Renderable;
+    /** Toast body press/click handler. */
+    onPress?: (toast?: ToastRecord) => void;
     /** Enter/exit animation preset. */
     animation?: AnimationType;
     /** Allow user dismissal. */
@@ -253,8 +318,12 @@ interface ToastOptions {
     important?: boolean;
     /** Lifecycle hook: fired when toast mounts/opens. Exactly once. */
     onOpen?: (toast: ToastRecord) => void;
+    /** react-native-toast-message open callback alias. */
+    onShow?: () => void;
     /** Lifecycle hook: fired when toast closes/exits. Exactly once. */
     onClose?: (toast: ToastRecord, reason: CloseReason) => void;
+    /** react-native-toast-message close callback alias. */
+    onHide?: () => void;
     /** Lifecycle hook: fired on user dismissal. Exactly once. */
     onDismiss?: (toast: ToastRecord, reason: CloseReason) => void;
     /** Lifecycle hook: fired when auto-close timer elapses. Exactly once. */
@@ -324,6 +393,10 @@ interface GlazeConfig {
     startPaused: boolean;
     newestOnTop: boolean;
     dedupeWindow: number;
+    /** Global audio cue sound toggle or default cue name. */
+    sound?: boolean | SoundCue;
+    /** Global sound volume between 0.0 and 1.0. Defaults to 0.5. */
+    soundVolume?: number;
     animation?: AnimationType;
     offset?: OffsetConfig;
     mobileOffset?: number | string;
@@ -702,5 +775,5 @@ interface ToastApi extends ToastFn {
 /** Builds the `ui.toast` API on top of a store/manager. */
 declare function createToastApi(store: ToastStore): ToastApi;
 
-export { DEFAULT_CONFIG as D, MANUAL_PAUSE as M, createConfigStore as aq, createToastApi as ar, createToastManager as as, createToastStore as at, createTypeRegistry as au, defaultClock as av, resolvePrecedence as aw };
-export type { Store as $, AddToastInput as A, BottomSheetHandle as B, Clock as C, EssentialsToastVariant as E, LoadingHandle as F, GlazeConfig as G, LoadingOptions as H, IosGlassToastVariant as I, Mode as J, Position as K, Listener as L, PromiseData as N, OffsetConfig as O, PauseOn as P, PromiseHandle as Q, PromiseMessage as R, PromiseMessages as S, ToastApi as T, PromiseOutcome as U, Renderable as V, SheetAction as W, SheetActionStyle as X, SheetOptions as Y, ShowcaseToastVariant as Z, StackMode as _, ToastRecord as a, SwipeDirection as a0, ThemeName as a1, ToastAction as a2, ToastActionItem as a3, ToastAvatarOption as a4, ToastButton as a5, ToastClassNames as a6, ToastCustomRenderer as a7, ToastFn as a8, ToastId as a9, ToastManager as aa, ToastManagerOptions as ab, ToastOptions as ac, ToastPatch as ad, ToastPosition as ae, ToastRenderContext as af, ToastToggleOption as ag, ToastType as ah, ToastTypeDefinition as ai, ToastVariant as aj, ToastoryConfig as ak, ToastoryConfigPatch as al, TypeRegistry as am, TypedDialogOptions as an, Unsubscribe as ao, ValidateResult as ap, ToastStore as b, AnimationType as c, BottomSheetOptions as d, BuiltInToastType as e, CloseReason as f, ColorMode as g, Config as h, ConfigStore as i, DialogBackdrop as j, DialogButton as k, DialogChoice as l, DialogColumn as m, DialogHandle as n, DialogIcon as o, DialogInputType as p, DialogOptions as q, DialogPosition as r, DialogResult as s, DialogRow as t, DialogState as u, DialogTone as v, DialogVariant as w, Direction as x, DismissReason as y, GlazeConfigPatch as z };
+export { DEFAULT_CONFIG as D, MANUAL_PAUSE as M, createConfigStore as at, createToastApi as au, createToastManager as av, createToastStore as aw, createTypeRegistry as ax, defaultClock as ay, resolvePrecedence as az };
+export type { ShowcaseToastVariant as $, AddToastInput as A, BottomSheetHandle as B, Clock as C, EssentialsToastVariant as E, GlazeConfigPatch as F, GlazeConfig as G, LoadingHandle as H, IosGlassToastVariant as I, LoadingOptions as J, Mode as K, Listener as L, Position as N, OffsetConfig as O, PauseOn as P, PromiseData as Q, PromiseHandle as R, PromiseMessage as S, ToastApi as T, PromiseMessages as U, PromiseOutcome as V, Renderable as W, RobotCharacter as X, SheetAction as Y, SheetActionStyle as Z, SheetOptions as _, ToastRecord as a, SoundCue as a0, StackMode as a1, Store as a2, SwipeDirection as a3, ThemeName as a4, ToastAction as a5, ToastActionItem as a6, ToastAvatarOption as a7, ToastButton as a8, ToastClassNames as a9, ToastCustomRenderer as aa, ToastFn as ab, ToastId as ac, ToastManager as ad, ToastManagerOptions as ae, ToastOptions as af, ToastPatch as ag, ToastPosition as ah, ToastRenderContext as ai, ToastToggleOption as aj, ToastType as ak, ToastTypeDefinition as al, ToastVariant as am, ToastoryConfig as an, ToastoryConfigPatch as ao, TypeRegistry as ap, TypedDialogOptions as aq, Unsubscribe as ar, ValidateResult as as, ToastStore as b, AnimationType as c, BottomSheetOptions as d, BuiltInSoundCue as e, BuiltInToastType as f, CloseReason as g, ColorMode as h, Config as i, ConfigStore as j, DialogBackdrop as k, DialogButton as l, DialogChoice as m, DialogColumn as n, DialogHandle as o, DialogIcon as p, DialogInputType as q, DialogOptions as r, DialogPosition as s, DialogResult as t, DialogRow as u, DialogState as v, DialogTone as w, DialogVariant as x, Direction as y, DismissReason as z };

package/dist/{toast-api-D6WYDtUy.d.ts → toast-api-C5nqvDgA.d.ts}

@@ -35,8 +35,8 @@ type Renderable = unknown;
 type BuiltInToastType = 'default' | 'message' | 'success' | 'error' | 'info' | 'warning' | 'loading';
 /** Toast type name: a built-in type or custom registered type string. */
 type ToastType = BuiltInToastType | (string & {});
-/** Placements supported by toast regions (6 positions). */
-type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+/** Placements supported by toast regions (7 positions: 3 top, 1 middle, 3 bottom). */
+type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'center' | 'middle' | 'bottom-left' | 'bottom-center' | 'bottom-right';
 /** The five rows of the dialog placement grid. */
 type DialogRow = 'top' | 'upper' | 'center' | 'lower' | 'bottom';
 /** The three columns of the dialog placement grid. */
@@ -103,8 +103,6 @@ interface ToastAction {
     /** Optional accessible label when the text alone is ambiguous. */
     ariaLabel?: string;
 }
-/** Alias for ToastAction. */
-type ToastButton = ToastAction;
 /** Slot class names a consumer can override. */
 interface ToastClassNames {
     toast?: string;
@@ -112,6 +110,8 @@ interface ToastClassNames {
     description?: string;
     icon?: string;
     avatar?: string;
+    image?: string;
+    character?: string;
     actionButton?: string;
     cancelButton?: string;
     closeButton?: string;
@@ -145,6 +145,35 @@ interface ToastRenderContext {
 }
 /** Custom renderer callback. */
 type ToastCustomRenderer = (context: ToastRenderContext) => Renderable;
+/** Built-in sound cue names for audio feedback. */
+type BuiltInSoundCue = 'success' | 'error' | 'warning' | 'info' | 'ding' | 'pop' | 'chime' | 'bell' | 'message' | 'bubble' | 'marimba' | 'crystal' | 'subtle' | 'harp';
+/** Audio feedback sound cue name or custom string. */
+type SoundCue = BuiltInSoundCue | (string & {});
+/** CTA Button definition inside toast notification. */
+interface ToastButton {
+    /** Visible button text. */
+    label: string;
+    /** Click/press handler. */
+    onClick?: (event: {
+        preventDefault(): void;
+        defaultPrevented: boolean;
+    }) => void;
+    /** React Native press handler alias. */
+    onPress?: (event: {
+        preventDefault(): void;
+        defaultPrevented: boolean;
+    }) => void;
+    /** Optional CSS class. */
+    className?: string;
+    /** Optional inline styles. */
+    style?: Record<string, string | number>;
+    /** Visual button kind. */
+    kind?: 'primary' | 'secondary' | 'danger';
+    /** Whether clicking automatically dismisses the toast. Defaults to true. */
+    autoDismiss?: boolean;
+}
+/** Mascot character / robot avatar preset names. */
+type RobotCharacter = 'wave' | 'success' | 'error' | 'think' | 'loading' | 'sleep' | 'shock' | 'search' | 'headPalm' | 'base';
 /**
  * Options accepted by every toast creation call.
  */
@@ -155,8 +184,12 @@ interface ToastOptions {
     type?: ToastType;
     /** Heading text or renderable node. */
     title?: Renderable;
+    /** react-native-toast-message title alias. */
+    text1?: Renderable;
     /** Secondary subtitle or body text. */
     description?: Renderable;
+    /** react-native-toast-message description alias. */
+    text2?: Renderable;
     /** Theme-declared variant preset. */
     variant?: ToastVariant;
     /** Tone icon chip badge or custom badge description. */
@@ -179,6 +212,8 @@ interface ToastOptions {
     progressLabel?: string;
     /** Action buttons array. */
     actions?: ToastActionItem[];
+    /** Multiple CTA buttons list (robot-toast & react-native compatible). */
+    buttons?: ToastButton[];
     /** Interactive toggle switch. */
     toggle?: ToastToggleOption;
     /** Group key for grouped notifications stack. */
@@ -197,10 +232,30 @@ interface ToastOptions {
     icon?: Renderable | false;
     /** Avatar URL, initials object, or node shown before text. */
     avatar?: Renderable | ToastAvatarOption;
+    /** Hero image banner or image URL. */
+    image?: string | ToastAvatarOption;
+    /** Mascot robot/character avatar variant. */
+    character?: RobotCharacter | (string & {});
+    /** Mascot robot variant alias. */
+    robotVariant?: RobotCharacter | (string & {});
     /** Duration in ms. `0` or `Infinity` makes it persistent. */
     duration?: number;
+    /** react-native-toast-message duration alias. */
+    visibilityTime?: number;
+    /** react-native-toast-message autoHide control: false makes it persistent. */
+    autoHide?: boolean;
     /** Screen region placement. */
     position?: ToastPosition;
+    /** Optional top offset in pixels (react-native-toast-message compatible). */
+    topOffset?: number;
+    /** Optional bottom offset in pixels (react-native-toast-message compatible). */
+    bottomOffset?: number;
+    /** Optional keyboard offset in pixels (react-native-toast-message compatible). */
+    keyboardOffset?: number;
+    /** Play audio feedback cue, sound url, or custom generator. */
+    sound?: boolean | SoundCue | string | ((type: ToastType) => void);
+    /** Audio playback volume (0.0 to 1.0). Defaults to 0.5. */
+    soundVolume?: number;
     /** Primary action button. */
     action?: ToastAction;
     /** Secondary cancel button. */
@@ -209,6 +264,16 @@ interface ToastOptions {
     closeButton?: boolean;
     /** Accessible label for the close button. */
     closeButtonLabel?: string;
+    /** Custom close / discard button icon. */
+    closeIcon?: Renderable;
+    /** Custom text for close / discard button (e.g., 'Dismiss', 'Close'). */
+    closeText?: string;
+    /** Discard button text alias. */
+    discardText?: string;
+    /** Discard button icon alias. */
+    discardIcon?: Renderable;
+    /** Toast body press/click handler. */
+    onPress?: (toast?: ToastRecord) => void;
     /** Enter/exit animation preset. */
     animation?: AnimationType;
     /** Allow user dismissal. */
@@ -253,8 +318,12 @@ interface ToastOptions {
     important?: boolean;
     /** Lifecycle hook: fired when toast mounts/opens. Exactly once. */
     onOpen?: (toast: ToastRecord) => void;
+    /** react-native-toast-message open callback alias. */
+    onShow?: () => void;
     /** Lifecycle hook: fired when toast closes/exits. Exactly once. */
     onClose?: (toast: ToastRecord, reason: CloseReason) => void;
+    /** react-native-toast-message close callback alias. */
+    onHide?: () => void;
     /** Lifecycle hook: fired on user dismissal. Exactly once. */
     onDismiss?: (toast: ToastRecord, reason: CloseReason) => void;
     /** Lifecycle hook: fired when auto-close timer elapses. Exactly once. */
@@ -324,6 +393,10 @@ interface GlazeConfig {
     startPaused: boolean;
     newestOnTop: boolean;
     dedupeWindow: number;
+    /** Global audio cue sound toggle or default cue name. */
+    sound?: boolean | SoundCue;
+    /** Global sound volume between 0.0 and 1.0. Defaults to 0.5. */
+    soundVolume?: number;
     animation?: AnimationType;
     offset?: OffsetConfig;
     mobileOffset?: number | string;
@@ -702,5 +775,5 @@ interface ToastApi extends ToastFn {
 /** Builds the `ui.toast` API on top of a store/manager. */
 declare function createToastApi(store: ToastStore): ToastApi;
 
-export { DEFAULT_CONFIG as D, MANUAL_PAUSE as M, createConfigStore as aq, createToastApi as ar, createToastManager as as, createToastStore as at, createTypeRegistry as au, defaultClock as av, resolvePrecedence as aw };
-export type { Store as $, AddToastInput as A, BottomSheetHandle as B, Clock as C, EssentialsToastVariant as E, LoadingHandle as F, GlazeConfig as G, LoadingOptions as H, IosGlassToastVariant as I, Mode as J, Position as K, Listener as L, PromiseData as N, OffsetConfig as O, PauseOn as P, PromiseHandle as Q, PromiseMessage as R, PromiseMessages as S, ToastApi as T, PromiseOutcome as U, Renderable as V, SheetAction as W, SheetActionStyle as X, SheetOptions as Y, ShowcaseToastVariant as Z, StackMode as _, ToastRecord as a, SwipeDirection as a0, ThemeName as a1, ToastAction as a2, ToastActionItem as a3, ToastAvatarOption as a4, ToastButton as a5, ToastClassNames as a6, ToastCustomRenderer as a7, ToastFn as a8, ToastId as a9, ToastManager as aa, ToastManagerOptions as ab, ToastOptions as ac, ToastPatch as ad, ToastPosition as ae, ToastRenderContext as af, ToastToggleOption as ag, ToastType as ah, ToastTypeDefinition as ai, ToastVariant as aj, ToastoryConfig as ak, ToastoryConfigPatch as al, TypeRegistry as am, TypedDialogOptions as an, Unsubscribe as ao, ValidateResult as ap, ToastStore as b, AnimationType as c, BottomSheetOptions as d, BuiltInToastType as e, CloseReason as f, ColorMode as g, Config as h, ConfigStore as i, DialogBackdrop as j, DialogButton as k, DialogChoice as l, DialogColumn as m, DialogHandle as n, DialogIcon as o, DialogInputType as p, DialogOptions as q, DialogPosition as r, DialogResult as s, DialogRow as t, DialogState as u, DialogTone as v, DialogVariant as w, Direction as x, DismissReason as y, GlazeConfigPatch as z };
+export { DEFAULT_CONFIG as D, MANUAL_PAUSE as M, createConfigStore as at, createToastApi as au, createToastManager as av, createToastStore as aw, createTypeRegistry as ax, defaultClock as ay, resolvePrecedence as az };
+export type { ShowcaseToastVariant as $, AddToastInput as A, BottomSheetHandle as B, Clock as C, EssentialsToastVariant as E, GlazeConfigPatch as F, GlazeConfig as G, LoadingHandle as H, IosGlassToastVariant as I, LoadingOptions as J, Mode as K, Listener as L, Position as N, OffsetConfig as O, PauseOn as P, PromiseData as Q, PromiseHandle as R, PromiseMessage as S, ToastApi as T, PromiseMessages as U, PromiseOutcome as V, Renderable as W, RobotCharacter as X, SheetAction as Y, SheetActionStyle as Z, SheetOptions as _, ToastRecord as a, SoundCue as a0, StackMode as a1, Store as a2, SwipeDirection as a3, ThemeName as a4, ToastAction as a5, ToastActionItem as a6, ToastAvatarOption as a7, ToastButton as a8, ToastClassNames as a9, ToastCustomRenderer as aa, ToastFn as ab, ToastId as ac, ToastManager as ad, ToastManagerOptions as ae, ToastOptions as af, ToastPatch as ag, ToastPosition as ah, ToastRenderContext as ai, ToastToggleOption as aj, ToastType as ak, ToastTypeDefinition as al, ToastVariant as am, ToastoryConfig as an, ToastoryConfigPatch as ao, TypeRegistry as ap, TypedDialogOptions as aq, Unsubscribe as ar, ValidateResult as as, ToastStore as b, AnimationType as c, BottomSheetOptions as d, BuiltInSoundCue as e, BuiltInToastType as f, CloseReason as g, ColorMode as h, Config as i, ConfigStore as j, DialogBackdrop as k, DialogButton as l, DialogChoice as m, DialogColumn as n, DialogHandle as o, DialogIcon as p, DialogInputType as q, DialogOptions as r, DialogPosition as s, DialogResult as t, DialogRow as u, DialogState as v, DialogTone as w, DialogVariant as x, Direction as y, DismissReason as z };

package/dist/{ui-Cs1AjRNH.d.ts → ui-C1Zh-Kff.d.ts}

@@ -1,5 +1,5 @@
-import { T as ToastApi, q as DialogOptions, Y as SheetOptions, d as BottomSheetOptions, B as BottomSheetHandle, H as LoadingOptions, F as LoadingHandle, G as GlazeConfig, b as ToastStore } from './toast-api-D6WYDtUy.js';
-import { a as DialogPromise, S as StepsResult } from './dialog-Buemfm7I.js';
+import { T as ToastApi, r as DialogOptions, _ as SheetOptions, d as BottomSheetOptions, B as BottomSheetHandle, J as LoadingOptions, H as LoadingHandle, G as GlazeConfig, a0 as SoundCue, b as ToastStore } from './toast-api-C5nqvDgA.js';
+import { a as DialogPromise, S as StepsResult } from './dialog-D-y37Xl5.js';
 
 /**
  * Theme definitions. The build script turns each definition into a CSS file; the tests check every
@@ -81,6 +81,8 @@ interface Ui {
     loading(options?: LoadingOptions): LoadingHandle;
     /** Sets global configuration. Returns the resulting configuration. */
     configure(patch: Partial<GlazeConfig>): Readonly<GlazeConfig>;
+    /** Plays an audio feedback sound cue, synthesizer chime, or audio URL. */
+    sound(cue?: SoundCue | string | boolean, volume?: number): void;
     /** Defines a custom theme with tokens and optional CSS rules. */
     defineTheme(name: string, definition: CustomThemeDefinition): string;
     /** The underlying toast store. */

package/dist/{ui-D5FwMD8Y.d.cts → ui-D1WECTSn.d.cts}

@@ -1,5 +1,5 @@
-import { T as ToastApi, q as DialogOptions, Y as SheetOptions, d as BottomSheetOptions, B as BottomSheetHandle, H as LoadingOptions, F as LoadingHandle, G as GlazeConfig, b as ToastStore } from './toast-api-D6WYDtUy.cjs';
-import { a as DialogPromise, S as StepsResult } from './dialog-fziFV6J0.cjs';
+import { T as ToastApi, r as DialogOptions, _ as SheetOptions, d as BottomSheetOptions, B as BottomSheetHandle, J as LoadingOptions, H as LoadingHandle, G as GlazeConfig, a0 as SoundCue, b as ToastStore } from './toast-api-C5nqvDgA.cjs';
+import { a as DialogPromise, S as StepsResult } from './dialog-mUI__8O3.cjs';
 
 /**
  * Theme definitions. The build script turns each definition into a CSS file; the tests check every
@@ -81,6 +81,8 @@ interface Ui {
     loading(options?: LoadingOptions): LoadingHandle;
     /** Sets global configuration. Returns the resulting configuration. */
     configure(patch: Partial<GlazeConfig>): Readonly<GlazeConfig>;
+    /** Plays an audio feedback sound cue, synthesizer chime, or audio URL. */
+    sound(cue?: SoundCue | string | boolean, volume?: number): void;
     /** Defines a custom theme with tokens and optional CSS rules. */
     defineTheme(name: string, definition: CustomThemeDefinition): string;
     /** The underlying toast store. */