@pathscale/ui 1.2.1 → 1.2.2

package/dist/components/toast/Toast.js

@@ -1,44 +1,422 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./toast.css";
+import "./Toast.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const horizontalOptions = {
-    start: "toast-start",
-    center: "toast-center",
-    end: "toast-end"
+import * as __WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__ from "../button/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__close_button_index_js_620c3b77__ from "../close-button/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__ from "./Toast.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg><circle cx=12 cy=12 r=10></circle><path d="M12 16v-4"></path><path d="M12 8h.01">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg><circle cx=12 cy=12 r=10></circle><path d="m9 12 2 2 4-4">'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg><path d="M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z"></path><path d="M12 9v4"></path><path d="M12 17h.01">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg><circle cx=12 cy=12 r=10></circle><path d="m15 9-6 6"></path><path d="m9 9 6 6">'), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg><path d="m18 6-12 12"></path><path d="m6 6 12 12">'), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p>"), _tmpl$9 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div>");
+const DEFAULT_GAP = 12;
+const DEFAULT_MAX_VISIBLE_TOAST = 3;
+const DEFAULT_SCALE_FACTOR = 0.05;
+const DEFAULT_TOAST_TIMEOUT = 4000;
+const DEFAULT_TOAST_WIDTH = 460;
+const DEFAULT_QUEUE_MAX_VISIBLE_TOAST = Number.MAX_SAFE_INTEGER;
+const DEFAULT_EXIT_DURATION = 220;
+const invokeEventHandler = (handler, event)=>{
+    if ("function" == typeof handler) return void handler(event);
+    if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
 };
-const verticalOptions = {
-    top: "toast-top",
-    middle: "toast-middle",
-    bottom: "toast-bottom"
+const normalizeVariant = (variant)=>{
+    if ("info" === variant) return "accent";
+    if ("error" === variant) return "danger";
+    return variant ?? "default";
 };
-const Toast = (props)=>{
+const normalizePlacement = (placement)=>{
+    const normalized = (placement ?? "bottom-end").trim().toLowerCase();
+    switch(normalized){
+        case "bottom":
+            return "bottom";
+        case "bottom start":
+        case "bottom-start":
+            return "bottomStart";
+        case "bottom end":
+        case "bottom-end":
+            return "bottomEnd";
+        case "top":
+            return "top";
+        case "top start":
+        case "top-start":
+            return "topStart";
+        case "top end":
+        case "top-end":
+            return "topEnd";
+        default:
+            return "bottomEnd";
+    }
+};
+const isBottomPlacement = (placement)=>placement.startsWith("bottom");
+class ToastQueue {
+    readToasts;
+    setToasts;
+    listeners = new Set();
+    closeCallbacks = new Map();
+    timeoutMeta = new Map();
+    exitTimers = new Map();
+    maxVisibleToasts;
+    paused = false;
+    keyCounter = 0;
+    exitDuration;
+    constructor(options){
+        const [toasts, setToasts] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)([]);
+        this.readToasts = toasts;
+        this.setToasts = setToasts;
+        this.maxVisibleToasts = options?.maxVisibleToasts;
+        this.exitDuration = options?.exitDuration ?? DEFAULT_EXIT_DURATION;
+    }
+    emit = ()=>{
+        for (const listener of this.listeners)listener();
+    };
+    updateToasts = (updater)=>{
+        this.setToasts((prev)=>updater(prev));
+        this.emit();
+    };
+    scheduleTimeout = (key, duration)=>{
+        if (duration <= 0) return;
+        if (this.paused) return void this.timeoutMeta.set(key, {
+            remaining: duration,
+            startedAt: 0
+        });
+        const meta = {
+            remaining: duration,
+            startedAt: Date.now()
+        };
+        meta.timer = setTimeout(()=>{
+            this.close(key);
+        }, duration);
+        this.timeoutMeta.set(key, meta);
+    };
+    clearTimeoutFor = (key)=>{
+        const meta = this.timeoutMeta.get(key);
+        if (meta?.timer) clearTimeout(meta.timer);
+        this.timeoutMeta.delete(key);
+    };
+    clearExitTimerFor = (key)=>{
+        const timer = this.exitTimers.get(key);
+        if (timer) {
+            clearTimeout(timer);
+            this.exitTimers.delete(key);
+        }
+    };
+    add(content, options) {
+        const timeout = options?.timeout ?? DEFAULT_TOAST_TIMEOUT;
+        const key = options?.key ?? `toast-${++this.keyCounter}`;
+        this.closeCallbacks.set(key, options?.onClose);
+        this.updateToasts((prev)=>[
+                {
+                    key,
+                    content,
+                    timeout,
+                    createdAt: Date.now(),
+                    isEntering: true,
+                    isExiting: false
+                },
+                ...prev
+            ]);
+        queueMicrotask(()=>{
+            this.updateToasts((prev)=>prev.map((toast)=>toast.key === key && toast.isEntering ? {
+                        ...toast,
+                        isEntering: false
+                    } : toast));
+        });
+        this.scheduleTimeout(key, timeout);
+        return key;
+    }
+    close(key) {
+        const toast = this.readToasts().find((entry)=>entry.key === key);
+        if (!toast || toast.isExiting) return;
+        this.clearTimeoutFor(key);
+        this.updateToasts((prev)=>prev.map((entry)=>entry.key === key ? {
+                    ...entry,
+                    isEntering: false,
+                    isExiting: true
+                } : entry));
+        this.clearExitTimerFor(key);
+        const timer = setTimeout(()=>{
+            this.remove(key, true);
+        }, this.exitDuration);
+        this.exitTimers.set(key, timer);
+    }
+    remove(key, invokeOnClose = true) {
+        this.clearTimeoutFor(key);
+        this.clearExitTimerFor(key);
+        const callback = this.closeCallbacks.get(key);
+        this.closeCallbacks.delete(key);
+        this.updateToasts((prev)=>prev.filter((entry)=>entry.key !== key));
+        if (invokeOnClose) callback?.();
+    }
+    clear(invokeOnClose = false) {
+        for (const meta of this.timeoutMeta.values())if (meta.timer) clearTimeout(meta.timer);
+        for (const timer of this.exitTimers.values())clearTimeout(timer);
+        const callbacks = invokeOnClose ? Array.from(this.closeCallbacks.values()).filter((callback)=>"function" == typeof callback) : [];
+        this.timeoutMeta.clear();
+        this.exitTimers.clear();
+        this.closeCallbacks.clear();
+        this.updateToasts(()=>[]);
+        for (const callback of callbacks)callback();
+    }
+    pauseAll() {
+        if (this.paused) return;
+        const now = Date.now();
+        for (const [key, meta] of this.timeoutMeta.entries()){
+            if (meta.timer) {
+                clearTimeout(meta.timer);
+                meta.timer = void 0;
+            }
+            if (meta.startedAt > 0) {
+                const elapsed = now - meta.startedAt;
+                meta.remaining = Math.max(0, meta.remaining - elapsed);
+            }
+            meta.startedAt = 0;
+            this.timeoutMeta.set(key, meta);
+        }
+        this.paused = true;
+    }
+    resumeAll() {
+        if (!this.paused) return;
+        this.paused = false;
+        for (const [key, meta] of this.timeoutMeta.entries()){
+            if (meta.remaining <= 0) {
+                this.close(key);
+                continue;
+            }
+            meta.startedAt = Date.now();
+            meta.timer = setTimeout(()=>{
+                this.close(key);
+            }, meta.remaining);
+            this.timeoutMeta.set(key, meta);
+        }
+    }
+    subscribe(fn) {
+        this.listeners.add(fn);
+        return ()=>{
+            this.listeners.delete(fn);
+        };
+    }
+    toasts() {
+        return this.readToasts();
+    }
+    get visibleToasts() {
+        return this.readToasts();
+    }
+    getQueue() {
+        return this;
+    }
+}
+const ToastItemContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+const useToastItemContext = ()=>{
+    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(ToastItemContext);
+    if (!context) throw new Error("Toast compound components must be used within <Toast>.");
+    return context;
+};
+const InfoIcon = ()=>(()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Indicator.icon
+            }), {
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "aria-hidden": "true"
+        }), true, true);
+        return _el$;
+    })();
+const SuccessIcon = ()=>(()=>{
+        var _el$2 = _tmpl$2();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Indicator.icon
+            }), {
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "aria-hidden": "true"
+        }), true, true);
+        return _el$2;
+    })();
+const WarningIcon = ()=>(()=>{
+        var _el$3 = _tmpl$3();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Indicator.icon
+            }), {
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "aria-hidden": "true"
+        }), true, true);
+        return _el$3;
+    })();
+const DangerIcon = ()=>(()=>{
+        var _el$4 = _tmpl$4();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Indicator.icon
+            }), {
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "aria-hidden": "true"
+        }), true, true);
+        return _el$4;
+    })();
+const CloseIcon = ()=>(()=>{
+        var _el$5 = _tmpl$5();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Close.icon
+            }), {
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "aria-hidden": "true"
+        }), true, true);
+        return _el$5;
+    })();
+const DefaultIndicator = (props)=>{
+    if (props.isLoading) return (()=>{
+        var _el$6 = _tmpl$6();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Spinner.base
+            }), {
+            "aria-hidden": "true"
+        }), false, false);
+        return _el$6;
+    })();
+    switch(props.variant){
+        case "success":
+            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(SuccessIcon, {});
+        case "warning":
+            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(WarningIcon, {});
+        case "danger":
+            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(DangerIcon, {});
+        case "accent":
+            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(InfoIcon, {});
+        case "default":
+        default:
+            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(InfoIcon, {});
+    }
+};
+const ToastContent = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "horizontal",
-        "vertical",
+        "children",
         "class",
         "className",
+        "dataTheme",
+        "style"
+    ]);
+    return (()=>{
+        var _el$7 = _tmpl$7();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Content.base, local.class, local.className)
+            }), {
+            "data-slot": "toast-content",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.children);
+        return _el$7;
+    })();
+};
+const ToastIndicator = (props)=>{
+    const ctx = useToastItemContext();
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
         "style",
+        "variant"
+    ]);
+    const variant = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>normalizeVariant(local.variant ?? ctx.variant()));
+    return (()=>{
+        var _el$8 = _tmpl$7();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Indicator.base, local.class, local.className)
+            }), {
+            "data-slot": "toast-indicator",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return local.children;
+            },
+            get fallback () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(DefaultIndicator, {
+                    get variant () {
+                        return variant();
+                    },
+                    get isLoading () {
+                        return ctx.isLoading();
+                    }
+                });
+            },
+            get children () {
+                return local.children;
+            }
+        }));
+        return _el$8;
+    })();
+};
+const ToastTitle = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
         "dataTheme",
-        "max"
-    ]);
-    const positionClasses = [
-        horizontalOptions[local.horizontal || "end"],
-        verticalOptions[local.vertical || "bottom"]
-    ];
-    const limitedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
-        const childrenArray = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>props.children).toArray();
-        if (local.max && local.max > 0) return childrenArray.slice(-local.max);
-        return childrenArray;
-    });
+        "style"
+    ]);
     return (()=>{
-        var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            role: "status",
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("toast", ...positionClasses, local.class, local.className);
+        var _el$9 = _tmpl$8();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Title.base, local.class, local.className)
+            }), {
+            "data-slot": "toast-title",
+            get ["data-theme"] () {
+                return local.dataTheme;
             },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>local.children);
+        return _el$9;
+    })();
+};
+const ToastDescription = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    return (()=>{
+        var _el$0 = _tmpl$8();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Description.base, local.class, local.className)
+            }), {
+            "data-slot": "toast-description",
             get ["data-theme"] () {
                 return local.dataTheme;
             },
@@ -46,9 +424,448 @@ const Toast = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, limitedChildren);
-        return _el$;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, ()=>local.children);
+        return _el$0;
     })();
 };
+const ToastActionButton = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "className"
+    ]);
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        variant: "outline",
+        size: "sm"
+    }, ()=>({
+            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Action.base, local.class, local.className)
+        }), {
+        "data-slot": "toast-action",
+        get children () {
+            return props.children;
+        }
+    }));
+};
+const ToastCloseButton = (props)=>{
+    const ctx = useToastItemContext();
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "className",
+        "aria-label",
+        "dataTheme",
+        "style",
+        "onClick"
+    ]);
+    const handleClick = (event)=>{
+        invokeEventHandler(local.onClick, event);
+        if (event.defaultPrevented) return;
+        ctx.onClose?.();
+    };
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__close_button_index_js_620c3b77__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Close.base, local.class, local.className)
+        }), {
+        get ["aria-label"] () {
+            return local["aria-label"] ?? "Dismiss notification";
+        },
+        get startIcon () {
+            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(CloseIcon, {});
+        },
+        "data-slot": "toast-close",
+        get ["data-theme"] () {
+            return local.dataTheme;
+        },
+        get style () {
+            return local.style;
+        },
+        onClick: handleClick
+    }));
+};
+const ToastRoot = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "title",
+        "description",
+        "variant",
+        "indicator",
+        "actionProps",
+        "isLoading",
+        "onClose",
+        "isFrontmost",
+        "isHidden",
+        "isEntering",
+        "isExiting"
+    ]);
+    const variant = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>normalizeVariant(local.variant));
+    const isLoading = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>Boolean(local.isLoading));
+    const isFrontmost = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.isFrontmost ?? true);
+    const isHidden = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.isHidden ?? false);
+    const contextValue = {
+        variant,
+        isLoading,
+        onClose: local.onClose
+    };
+    const role = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>"danger" === variant() ? "alert" : "status");
+    const ariaLive = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>"danger" === variant() ? "assertive" : "polite");
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ToastItemContext.Provider, {
+        value: contextValue,
+        get children () {
+            var _el$1 = _tmpl$7();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$1, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Item.base, __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Item.variant[variant()], isFrontmost() && __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Item.state.frontmost, isHidden() && __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Item.state.hidden, local.isEntering && __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Item.state.entering, local.isExiting && __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Item.state.exiting, local.class, local.className)
+                }), {
+                get role () {
+                    return role();
+                },
+                get ["aria-live"] () {
+                    return ariaLive();
+                },
+                "data-slot": "toast",
+                get ["data-variant"] () {
+                    return variant();
+                },
+                get ["data-frontmost"] () {
+                    return isFrontmost() ? "true" : "false";
+                },
+                get ["data-hidden"] () {
+                    return isHidden() ? "true" : "false";
+                },
+                get ["data-theme"] () {
+                    return local.dataTheme;
+                },
+                get style () {
+                    return local.style;
+                }
+            }), false, true);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                get when () {
+                    return local.children;
+                },
+                get fallback () {
+                    return [
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ToastIndicator, {
+                            get children () {
+                                return local.indicator;
+                            }
+                        }),
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ToastContent, {
+                            get children () {
+                                return [
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                        get when () {
+                                            return null != local.title;
+                                        },
+                                        get children () {
+                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ToastTitle, {
+                                                get children () {
+                                                    return local.title;
+                                                }
+                                            });
+                                        }
+                                    }),
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                        get when () {
+                                            return null != local.description;
+                                        },
+                                        get children () {
+                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ToastDescription, {
+                                                get children () {
+                                                    return local.description;
+                                                }
+                                            });
+                                        }
+                                    }),
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                        get when () {
+                                            return local.actionProps?.children;
+                                        },
+                                        get children () {
+                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ToastActionButton, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>local.actionProps));
+                                        }
+                                    })
+                                ];
+                            }
+                        }),
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                            get when () {
+                                return local.onClose;
+                            },
+                            get children () {
+                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ToastCloseButton, {});
+                            }
+                        })
+                    ];
+                },
+                get children () {
+                    return local.children;
+                }
+            }));
+            return _el$1;
+        }
+    });
+};
+const ToastProvider = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "ref",
+        "placement",
+        "queue",
+        "width",
+        "gap",
+        "maxVisibleToasts",
+        "scaleFactor",
+        "renderToast",
+        "onMouseEnter",
+        "onMouseLeave"
+    ]);
+    const queue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>void 0 === local.queue ? toastQueue : local.queue);
+    const placement = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>normalizePlacement(local.placement));
+    const gap = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.gap ?? DEFAULT_GAP);
+    const scaleFactor = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.scaleFactor ?? DEFAULT_SCALE_FACTOR);
+    const maxVisible = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.maxVisibleToasts ?? queue()?.maxVisibleToasts ?? DEFAULT_MAX_VISIBLE_TOAST);
+    const toasts = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>queue()?.toasts() ?? []);
+    const [frontHeight, setFrontHeight] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(0);
+    const itemRefs = new Map();
+    const setItemRef = (key, node)=>{
+        if (!node) return void itemRefs.delete(key);
+        itemRefs.set(key, node);
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        const frontmostToast = toasts()[0];
+        const frontmostNode = frontmostToast ? itemRefs.get(frontmostToast.key) : void 0;
+        if (!frontmostNode) return void setFrontHeight(0);
+        setFrontHeight(frontmostNode.getBoundingClientRect().height);
+        if ("undefined" == typeof ResizeObserver) return;
+        const resizeObserver = new ResizeObserver((entries)=>{
+            const entry = entries[0];
+            if (entry) setFrontHeight(entry.contentRect.height);
+        });
+        resizeObserver.observe(frontmostNode);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+            resizeObserver.disconnect();
+        });
+    });
+    const widthValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        if ("number" == typeof local.width) return `${local.width}px`;
+        return local.width ?? `${DEFAULT_TOAST_WIDTH}px`;
+    });
+    const providerStyle = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>({
+            "--toast-width": widthValue(),
+            ...local.style ?? {}
+        }));
+    const handleMouseEnter = (event)=>{
+        invokeEventHandler(local.onMouseEnter, event);
+        queue()?.pauseAll();
+    };
+    const handleMouseLeave = (event)=>{
+        invokeEventHandler(local.onMouseLeave, event);
+        queue()?.resumeAll();
+    };
+    return (()=>{
+        var _el$10 = _tmpl$9(), _el$11 = _el$10.firstChild;
+        var _ref$ = local.ref;
+        "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$10) : local.ref = _el$10;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$10, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Provider.base, __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Provider.placement[placement()], local.class, local.className)
+            }), {
+            "data-slot": "toast-region",
+            get ["data-placement"] () {
+                return placement();
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return providerStyle();
+            },
+            onMouseEnter: handleMouseEnter,
+            onMouseLeave: handleMouseLeave
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$11, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Provider.stack
+            }), {
+            "data-slot": "toast-stack"
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>local.children, null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+            get each () {
+                return toasts();
+            },
+            children: (queuedToast, index)=>{
+                const dismiss = ()=>{
+                    queue()?.close(queuedToast.key);
+                };
+                const isFrontmost = ()=>0 === index();
+                const hidden = ()=>index() >= maxVisible();
+                const itemStyle = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+                    const offset = index() * gap();
+                    const direction = isBottomPlacement(placement()) ? -1 : 1;
+                    const scale = Math.max(0.1, 1 - index() * scaleFactor());
+                    return {
+                        transform: `translate3d(0, ${direction * offset}px, 0) scale(${scale})`,
+                        "z-index": `${Math.max(1, toasts().length - index())}`,
+                        "--toast-front-height": `${frontHeight()}px`
+                    };
+                });
+                return (()=>{
+                    var _el$12 = _tmpl$7();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((node)=>setItemRef(queuedToast.key, node), _el$12);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Provider.item.base, __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Provider.item.placement[placement()], hidden() && __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Provider.item.state.hidden)
+                        }), {
+                        "data-slot": "toast-region-item",
+                        get ["data-index"] () {
+                            return index();
+                        },
+                        get ["data-hidden"] () {
+                            return hidden() ? "true" : "false";
+                        },
+                        get ["data-frontmost"] () {
+                            return isFrontmost() ? "true" : "false";
+                        },
+                        get style () {
+                            return itemStyle();
+                        }
+                    }), false, true);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                        get when () {
+                            return local.renderToast;
+                        },
+                        get fallback () {
+                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ToastRoot, {
+                                get title () {
+                                    return queuedToast.content.title;
+                                },
+                                get description () {
+                                    return queuedToast.content.description;
+                                },
+                                get variant () {
+                                    return queuedToast.content.variant;
+                                },
+                                get indicator () {
+                                    return queuedToast.content.indicator;
+                                },
+                                get actionProps () {
+                                    return queuedToast.content.actionProps;
+                                },
+                                get isLoading () {
+                                    return queuedToast.content.isLoading;
+                                },
+                                onClose: dismiss,
+                                get isFrontmost () {
+                                    return isFrontmost();
+                                },
+                                get isHidden () {
+                                    return hidden();
+                                },
+                                get isEntering () {
+                                    return queuedToast.isEntering;
+                                },
+                                get isExiting () {
+                                    return queuedToast.isExiting;
+                                }
+                            });
+                        },
+                        children: (renderToast)=>renderToast()(queuedToast, dismiss)
+                    }));
+                    return _el$12;
+                })();
+            }
+        }), null);
+        return _el$10;
+    })();
+};
+const createToastFunction = (queue)=>{
+    const toastFn = (message, options)=>{
+        const timeout = options?.timeout ?? DEFAULT_TOAST_TIMEOUT;
+        return queue.add({
+            title: message,
+            description: options?.description,
+            indicator: options?.indicator,
+            variant: options?.variant ?? "default",
+            actionProps: options?.actionProps,
+            isLoading: options?.isLoading
+        }, {
+            timeout,
+            onClose: options?.onClose
+        });
+    };
+    toastFn.success = (message, options)=>toastFn(message, {
+            ...options,
+            variant: "success"
+        });
+    toastFn.danger = (message, options)=>toastFn(message, {
+            ...options,
+            variant: "danger"
+        });
+    toastFn.error = (message, options)=>toastFn(message, {
+            ...options,
+            variant: "error"
+        });
+    toastFn.info = (message, options)=>toastFn(message, {
+            ...options,
+            variant: "accent"
+        });
+    toastFn.warning = (message, options)=>toastFn(message, {
+            ...options,
+            variant: "warning"
+        });
+    toastFn.promise = (promise, options)=>{
+        const pendingPromise = "function" == typeof promise ? promise() : promise;
+        const loadingToastKey = queue.add({
+            title: options.loading,
+            variant: "default",
+            isLoading: true
+        }, {
+            timeout: 0
+        });
+        pendingPromise.then((data)=>{
+            queue.close(loadingToastKey);
+            const successMessage = "function" == typeof options.success ? options.success(data) : options.success;
+            toastFn.success(successMessage);
+        }).catch((rawError)=>{
+            queue.close(loadingToastKey);
+            const error = rawError instanceof Error ? rawError : new Error("string" == typeof rawError ? rawError : "Unknown error");
+            const errorMessage = "function" == typeof options.error ? options.error(error) : options.error;
+            toastFn.danger(errorMessage);
+        });
+        return loadingToastKey;
+    };
+    toastFn.close = (key)=>{
+        queue.close(key);
+    };
+    toastFn.pauseAll = ()=>{
+        queue.pauseAll();
+    };
+    toastFn.resumeAll = ()=>{
+        queue.resumeAll();
+    };
+    toastFn.clear = ()=>{
+        queue.clear();
+    };
+    toastFn.getQueue = ()=>queue;
+    return toastFn;
+};
+const toastQueue = new ToastQueue({
+    maxVisibleToasts: DEFAULT_QUEUE_MAX_VISIBLE_TOAST
+});
+const Toast_toast = createToastFunction(toastQueue);
+const Toast = Object.assign(ToastRoot, {
+    Provider: ToastProvider,
+    Content: ToastContent,
+    Indicator: ToastIndicator,
+    Title: ToastTitle,
+    Description: ToastDescription,
+    ActionButton: ToastActionButton,
+    CloseButton: ToastCloseButton,
+    Queue: ToastQueue,
+    toast: Toast_toast
+});
 const toast_Toast = Toast;
-export { toast_Toast as default };
+export { DEFAULT_GAP, DEFAULT_MAX_VISIBLE_TOAST, DEFAULT_SCALE_FACTOR, DEFAULT_TOAST_TIMEOUT, DEFAULT_TOAST_WIDTH, ToastActionButton, ToastCloseButton, ToastContent, ToastDescription, ToastIndicator, ToastProvider, ToastQueue, ToastRoot, ToastTitle, toast_Toast as default, Toast_toast as toast, toastQueue };