@pathscale/ui 1.1.44 → 1.1.46

package/dist/components/toast/Toast.js

@@ -1,11 +1,11 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { createComponent, insert, mergeProps, spread, template, use } from "solid-js/web";
 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";
-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>");
+import { For, Show, createContext, createEffect, createMemo, createSignal, onCleanup, splitProps, useContext } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import index_js_default from "../button/index.js";
+import external_close_button_index_js_default from "../close-button/index.js";
+import { CLASSES } from "./Toast.classes.js";
+var _tmpl$ = /*#__PURE__*/ template('<svg><circle cx=12 cy=12 r=10></circle><path d="M12 16v-4"></path><path d="M12 8h.01">'), _tmpl$2 = /*#__PURE__*/ template('<svg><circle cx=12 cy=12 r=10></circle><path d="m9 12 2 2 4-4">'), _tmpl$3 = /*#__PURE__*/ 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__*/ 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__*/ template('<svg><path d="m18 6-12 12"></path><path d="m6 6 12 12">'), _tmpl$6 = /*#__PURE__*/ template("<span>"), _tmpl$7 = /*#__PURE__*/ template("<div>"), _tmpl$8 = /*#__PURE__*/ template("<p>"), _tmpl$9 = /*#__PURE__*/ template("<div><div>");
 const DEFAULT_GAP = 12;
 const DEFAULT_MAX_VISIBLE_TOAST = 3;
 const DEFAULT_SCALE_FACTOR = 0.05;
@@ -58,7 +58,7 @@ class ToastQueue {
     keyCounter = 0;
     exitDuration;
     constructor(options){
-        const [toasts, setToasts] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)([]);
+        const [toasts, setToasts] = createSignal([]);
         this.readToasts = toasts;
         this.setToasts = setToasts;
         this.maxVisibleToasts = options?.maxVisibleToasts;
@@ -203,16 +203,16 @@ class ToastQueue {
         return this;
     }
 }
-const ToastItemContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+const ToastItemContext = createContext();
 const useToastItemContext = ()=>{
-    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(ToastItemContext);
+    const context = 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
+        spread(_el$, mergeProps(()=>({
+                class: CLASSES.Indicator.icon
             }), {
             viewBox: "0 0 24 24",
             fill: "none",
@@ -226,8 +226,8 @@ const InfoIcon = ()=>(()=>{
     })();
 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
+        spread(_el$2, mergeProps(()=>({
+                class: CLASSES.Indicator.icon
             }), {
             viewBox: "0 0 24 24",
             fill: "none",
@@ -241,8 +241,8 @@ const SuccessIcon = ()=>(()=>{
     })();
 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
+        spread(_el$3, mergeProps(()=>({
+                class: CLASSES.Indicator.icon
             }), {
             viewBox: "0 0 24 24",
             fill: "none",
@@ -256,8 +256,8 @@ const WarningIcon = ()=>(()=>{
     })();
 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
+        spread(_el$4, mergeProps(()=>({
+                class: CLASSES.Indicator.icon
             }), {
             viewBox: "0 0 24 24",
             fill: "none",
@@ -271,8 +271,8 @@ const DangerIcon = ()=>(()=>{
     })();
 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
+        spread(_el$5, mergeProps(()=>({
+                class: CLASSES.Close.icon
             }), {
             viewBox: "0 0 24 24",
             fill: "none",
@@ -287,8 +287,8 @@ const CloseIcon = ()=>(()=>{
 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
+        spread(_el$6, mergeProps(()=>({
+                class: CLASSES.Spinner.base
             }), {
             "aria-hidden": "true"
         }), false, false);
@@ -296,20 +296,20 @@ const DefaultIndicator = (props)=>{
     })();
     switch(props.variant){
         case "success":
-            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(SuccessIcon, {});
+            return createComponent(SuccessIcon, {});
         case "warning":
-            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(WarningIcon, {});
+            return createComponent(WarningIcon, {});
         case "danger":
-            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(DangerIcon, {});
+            return createComponent(DangerIcon, {});
         case "accent":
-            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(InfoIcon, {});
+            return createComponent(InfoIcon, {});
         case "default":
         default:
-            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(InfoIcon, {});
+            return createComponent(InfoIcon, {});
     }
 };
 const ToastContent = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -318,8 +318,8 @@ const ToastContent = (props)=>{
     ]);
     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)
+        spread(_el$7, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.Content.base, local.class, local.className)
             }), {
             "data-slot": "toast-content",
             get ["data-theme"] () {
@@ -329,13 +329,13 @@ const ToastContent = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.children);
+        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, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -343,11 +343,11 @@ const ToastIndicator = (props)=>{
         "style",
         "variant"
     ]);
-    const variant = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>normalizeVariant(local.variant ?? ctx.variant()));
+    const variant = 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)
+        spread(_el$8, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.Indicator.base, local.class, local.className)
             }), {
             "data-slot": "toast-indicator",
             get ["data-theme"] () {
@@ -357,12 +357,12 @@ const ToastIndicator = (props)=>{
                 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, {
+        insert(_el$8, createComponent(Show, {
             get when () {
                 return local.children;
             },
             get fallback () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(DefaultIndicator, {
+                return createComponent(DefaultIndicator, {
                     get variant () {
                         return variant();
                     },
@@ -379,7 +379,7 @@ const ToastIndicator = (props)=>{
     })();
 };
 const ToastTitle = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -388,8 +388,8 @@ const ToastTitle = (props)=>{
     ]);
     return (()=>{
         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)
+        spread(_el$9, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.Title.base, local.class, local.className)
             }), {
             "data-slot": "toast-title",
             get ["data-theme"] () {
@@ -399,12 +399,12 @@ const ToastTitle = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>local.children);
+        insert(_el$9, ()=>local.children);
         return _el$9;
     })();
 };
 const ToastDescription = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -413,8 +413,8 @@ const ToastDescription = (props)=>{
     ]);
     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)
+        spread(_el$0, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.Description.base, local.class, local.className)
             }), {
             "data-slot": "toast-description",
             get ["data-theme"] () {
@@ -424,20 +424,20 @@ const ToastDescription = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, ()=>local.children);
+        insert(_el$0, ()=>local.children);
         return _el$0;
     })();
 };
 const ToastActionButton = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = 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, {
+    return createComponent(index_js_default, 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)
+            class: twMerge(CLASSES.Action.base, local.class, local.className)
         }), {
         "data-slot": "toast-action",
         get children () {
@@ -447,7 +447,7 @@ const ToastActionButton = (props)=>{
 };
 const ToastCloseButton = (props)=>{
     const ctx = useToastItemContext();
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "aria-label",
@@ -460,14 +460,14 @@ const ToastCloseButton = (props)=>{
         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)
+    return createComponent(external_close_button_index_js_default, mergeProps(others, ()=>({
+            class: twMerge(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, {});
+            return createComponent(CloseIcon, {});
         },
         "data-slot": "toast-close",
         get ["data-theme"] () {
@@ -480,7 +480,7 @@ const ToastCloseButton = (props)=>{
     }));
 };
 const ToastRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -498,23 +498,23 @@ const ToastRoot = (props)=>{
         "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 variant = createMemo(()=>normalizeVariant(local.variant));
+    const isLoading = createMemo(()=>Boolean(local.isLoading));
+    const isFrontmost = createMemo(()=>local.isFrontmost ?? true);
+    const isHidden = 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, {
+    const role = createMemo(()=>"danger" === variant() ? "alert" : "status");
+    const ariaLive = createMemo(()=>"danger" === variant() ? "assertive" : "polite");
+    return 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)
+            spread(_el$1, mergeProps(others, ()=>({
+                    class: twMerge(CLASSES.Item.base, CLASSES.Item.variant[variant()], isFrontmost() && CLASSES.Item.state.frontmost, isHidden() && CLASSES.Item.state.hidden, local.isEntering && CLASSES.Item.state.entering, local.isExiting && CLASSES.Item.state.exiting, local.class, local.className)
                 }), {
                 get role () {
                     return role();
@@ -539,61 +539,61 @@ const ToastRoot = (props)=>{
                     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, {
+            insert(_el$1, createComponent(Show, {
                 get when () {
                     return local.children;
                 },
                 get fallback () {
                     return [
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ToastIndicator, {
+                        createComponent(ToastIndicator, {
                             get children () {
                                 return local.indicator;
                             }
                         }),
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ToastContent, {
+                        createComponent(ToastContent, {
                             get children () {
                                 return [
-                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                    createComponent(Show, {
                                         get when () {
                                             return null != local.title;
                                         },
                                         get children () {
-                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ToastTitle, {
+                                            return createComponent(ToastTitle, {
                                                 get children () {
                                                     return local.title;
                                                 }
                                             });
                                         }
                                     }),
-                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                    createComponent(Show, {
                                         get when () {
                                             return null != local.description;
                                         },
                                         get children () {
-                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ToastDescription, {
+                                            return createComponent(ToastDescription, {
                                                 get children () {
                                                     return local.description;
                                                 }
                                             });
                                         }
                                     }),
-                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                    createComponent(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));
+                                            return createComponent(ToastActionButton, mergeProps(()=>local.actionProps));
                                         }
                                     })
                                 ];
                             }
                         }),
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                        createComponent(Show, {
                             get when () {
                                 return local.onClose;
                             },
                             get children () {
-                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ToastCloseButton, {});
+                                return createComponent(ToastCloseButton, {});
                             }
                         })
                     ];
@@ -607,7 +607,7 @@ const ToastRoot = (props)=>{
     });
 };
 const ToastProvider = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -624,19 +624,19 @@ const ToastProvider = (props)=>{
         "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 queue = createMemo(()=>void 0 === local.queue ? toastQueue : local.queue);
+    const placement = createMemo(()=>normalizePlacement(local.placement));
+    const gap = createMemo(()=>local.gap ?? DEFAULT_GAP);
+    const scaleFactor = createMemo(()=>local.scaleFactor ?? DEFAULT_SCALE_FACTOR);
+    const maxVisible = createMemo(()=>local.maxVisibleToasts ?? queue()?.maxVisibleToasts ?? DEFAULT_MAX_VISIBLE_TOAST);
+    const toasts = createMemo(()=>queue()?.toasts() ?? []);
+    const [frontHeight, setFrontHeight] = 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)(()=>{
+    createEffect(()=>{
         const frontmostToast = toasts()[0];
         const frontmostNode = frontmostToast ? itemRefs.get(frontmostToast.key) : void 0;
         if (!frontmostNode) return void setFrontHeight(0);
@@ -647,15 +647,15 @@ const ToastProvider = (props)=>{
             if (entry) setFrontHeight(entry.contentRect.height);
         });
         resizeObserver.observe(frontmostNode);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        onCleanup(()=>{
             resizeObserver.disconnect();
         });
     });
-    const widthValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+    const widthValue = 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)(()=>({
+    const providerStyle = createMemo(()=>({
             "--toast-width": widthValue(),
             ...local.style ?? {}
         }));
@@ -670,9 +670,9 @@ const ToastProvider = (props)=>{
     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)
+        "function" == typeof _ref$ ? use(_ref$, _el$10) : local.ref = _el$10;
+        spread(_el$10, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.Provider.base, CLASSES.Provider.placement[placement()], local.class, local.className)
             }), {
             "data-slot": "toast-region",
             get ["data-placement"] () {
@@ -687,13 +687,13 @@ const ToastProvider = (props)=>{
             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
+        spread(_el$11, mergeProps(()=>({
+                class: 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, {
+        insert(_el$11, ()=>local.children, null);
+        insert(_el$11, createComponent(For, {
             get each () {
                 return toasts();
             },
@@ -703,7 +703,7 @@ const ToastProvider = (props)=>{
                 };
                 const isFrontmost = ()=>0 === index();
                 const hidden = ()=>index() >= maxVisible();
-                const itemStyle = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+                const itemStyle = createMemo(()=>{
                     const offset = index() * gap();
                     const direction = isBottomPlacement(placement()) ? -1 : 1;
                     const scale = Math.max(0.1, 1 - index() * scaleFactor());
@@ -715,9 +715,9 @@ const ToastProvider = (props)=>{
                 });
                 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)
+                    use((node)=>setItemRef(queuedToast.key, node), _el$12);
+                    spread(_el$12, mergeProps(()=>({
+                            class: twMerge(CLASSES.Provider.item.base, CLASSES.Provider.item.placement[placement()], hidden() && CLASSES.Provider.item.state.hidden)
                         }), {
                         "data-slot": "toast-region-item",
                         get ["data-index"] () {
@@ -733,12 +733,12 @@ const ToastProvider = (props)=>{
                             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, {
+                    insert(_el$12, createComponent(Show, {
                         get when () {
                             return local.renderToast;
                         },
                         get fallback () {
-                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ToastRoot, {
+                            return createComponent(ToastRoot, {
                                 get title () {
                                     return queuedToast.content.title;
                                 },

package/dist/components/toast/index.js

@@ -1,19 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__ from "./Toast.js";
-var __webpack_exports__DEFAULT_GAP = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.DEFAULT_GAP;
-var __webpack_exports__DEFAULT_MAX_VISIBLE_TOAST = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.DEFAULT_MAX_VISIBLE_TOAST;
-var __webpack_exports__DEFAULT_SCALE_FACTOR = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.DEFAULT_SCALE_FACTOR;
-var __webpack_exports__DEFAULT_TOAST_TIMEOUT = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.DEFAULT_TOAST_TIMEOUT;
-var __webpack_exports__DEFAULT_TOAST_WIDTH = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.DEFAULT_TOAST_WIDTH;
-var __webpack_exports__ToastActionButton = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.ToastActionButton;
-var __webpack_exports__ToastCloseButton = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.ToastCloseButton;
-var __webpack_exports__ToastContent = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.ToastContent;
-var __webpack_exports__ToastDescription = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.ToastDescription;
-var __webpack_exports__ToastIndicator = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.ToastIndicator;
-var __webpack_exports__ToastProvider = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.ToastProvider;
-var __webpack_exports__ToastQueue = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.ToastQueue;
-var __webpack_exports__ToastRoot = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.ToastRoot;
-var __webpack_exports__ToastTitle = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.ToastTitle;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__["default"];
-var __webpack_exports__toast = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.toast;
-var __webpack_exports__toastQueue = __WEBPACK_EXTERNAL_MODULE__Toast_js_72ea0bce__.toastQueue;
-export { __webpack_exports__DEFAULT_GAP as DEFAULT_GAP, __webpack_exports__DEFAULT_MAX_VISIBLE_TOAST as DEFAULT_MAX_VISIBLE_TOAST, __webpack_exports__DEFAULT_SCALE_FACTOR as DEFAULT_SCALE_FACTOR, __webpack_exports__DEFAULT_TOAST_TIMEOUT as DEFAULT_TOAST_TIMEOUT, __webpack_exports__DEFAULT_TOAST_WIDTH as DEFAULT_TOAST_WIDTH, __webpack_exports__ToastActionButton as ToastActionButton, __webpack_exports__ToastCloseButton as ToastCloseButton, __webpack_exports__ToastContent as ToastContent, __webpack_exports__ToastDescription as ToastDescription, __webpack_exports__ToastIndicator as ToastIndicator, __webpack_exports__ToastProvider as ToastProvider, __webpack_exports__ToastQueue as ToastQueue, __webpack_exports__ToastRoot as ToastRoot, __webpack_exports__ToastTitle as ToastTitle, __webpack_exports__default as default, __webpack_exports__toast as toast, __webpack_exports__toastQueue as toastQueue };
+import external_Toast_js_default, { 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, toastQueue } from "./Toast.js";
+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, external_Toast_js_default as default, toast, toastQueue };