@pathscale/ui 1.1.39 → 1.1.42

package/dist/components/toast/Toast.js

@@ -5,7 +5,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-m
 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 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round aria-hidden=true><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 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round aria-hidden=true><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 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round aria-hidden=true><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 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round aria-hidden=true><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 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round aria-hidden=true><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 aria-hidden=true>"), _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 data-slot=toast-stack>"), _tmpl$0 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=toast-region-item>");
+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;
@@ -211,33 +211,87 @@ const useToastItemContext = ()=>{
 };
 const InfoIcon = ()=>(()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "class", __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Indicator.icon));
+        (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__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "class", __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Indicator.icon));
+        (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__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "class", __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Indicator.icon));
+        (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__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "class", __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Indicator.icon));
+        (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__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "class", __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Close.icon));
+        (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__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Spinner.base));
+        (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){
@@ -264,10 +318,9 @@ 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, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Content.base, local.class, local.className);
-            },
+        (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;
@@ -293,10 +346,9 @@ const ToastIndicator = (props)=>{
     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, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Indicator.base, local.class, local.className);
-            },
+        (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;
@@ -336,10 +388,9 @@ 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, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Title.base, local.class, local.className);
-            },
+        (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;
@@ -362,10 +413,9 @@ 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, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Description.base, local.class, local.className);
-            },
+        (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;
@@ -385,10 +435,10 @@ const ToastActionButton = (props)=>{
     ]);
     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",
-        get ["class"] () {
-            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Action.base, local.class, local.className);
-        },
+        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;
@@ -410,10 +460,9 @@ 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, {
-        get ["class"] () {
-            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Close.base, local.class, local.className);
-        },
+    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";
         },
@@ -464,10 +513,9 @@ const ToastRoot = (props)=>{
         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, {
-                get ["class"] () {
-                    return (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);
-                },
+            (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();
                 },
@@ -623,10 +671,9 @@ const ToastProvider = (props)=>{
         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, {
-            get ["class"] () {
-                return (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);
-            },
+        (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();
@@ -640,6 +687,11 @@ 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
+            }), {
+            "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 () {
@@ -662,8 +714,25 @@ const ToastProvider = (props)=>{
                     };
                 });
                 return (()=>{
-                    var _el$12 = _tmpl$0();
+                    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;
@@ -705,26 +774,10 @@ const ToastProvider = (props)=>{
                         },
                         children: (renderToast)=>renderToast()(queuedToast, dismiss)
                     }));
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                        var _v$ = (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), _v$2 = index(), _v$3 = hidden() ? "true" : "false", _v$4 = isFrontmost() ? "true" : "false", _v$5 = itemStyle();
-                        _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$12, _p$.e = _v$);
-                        _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$12, "data-index", _p$.t = _v$2);
-                        _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$12, "data-hidden", _p$.a = _v$3);
-                        _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$12, "data-frontmost", _p$.o = _v$4);
-                        _p$.i = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$12, _v$5, _p$.i);
-                        return _p$;
-                    }, {
-                        e: void 0,
-                        t: void 0,
-                        a: void 0,
-                        o: void 0,
-                        i: void 0
-                    });
                     return _el$12;
                 })();
             }
         }), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$11, __WEBPACK_EXTERNAL_MODULE__Toast_classes_js_af28df93__.CLASSES.Provider.stack));
         return _el$10;
     })();
 };

package/dist/components/toggle/Toggle.classes.d.ts

@@ -0,0 +1,26 @@
+export declare const CLASSES: {
+    readonly base: "toggle";
+    readonly slot: {
+        readonly input: "toggle__input";
+        readonly control: "toggle__control";
+        readonly thumb: "toggle__thumb";
+        readonly icon: "toggle__icon";
+        readonly content: "toggle__content";
+        readonly description: "toggle__description";
+    };
+    readonly color: {
+        readonly default: "toggle--default";
+        readonly accent: "toggle--accent";
+        readonly success: "toggle--success";
+        readonly warning: "toggle--warning";
+        readonly danger: "toggle--danger";
+    };
+    readonly size: {
+        readonly sm: "toggle--sm";
+        readonly md: "toggle--md";
+        readonly lg: "toggle--lg";
+    };
+    readonly flag: {
+        readonly disabled: "toggle--disabled";
+    };
+};

package/dist/components/toggle/Toggle.classes.js

@@ -0,0 +1,27 @@
+const CLASSES = {
+    base: "toggle",
+    slot: {
+        input: "toggle__input",
+        control: "toggle__control",
+        thumb: "toggle__thumb",
+        icon: "toggle__icon",
+        content: "toggle__content",
+        description: "toggle__description"
+    },
+    color: {
+        default: "toggle--default",
+        accent: "toggle--accent",
+        success: "toggle--success",
+        warning: "toggle--warning",
+        danger: "toggle--danger"
+    },
+    size: {
+        sm: "toggle--sm",
+        md: "toggle--md",
+        lg: "toggle--lg"
+    },
+    flag: {
+        disabled: "toggle--disabled"
+    }
+};
+export { CLASSES };

package/dist/components/toggle/Toggle.js

@@ -2,24 +2,13 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Toggle.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)("<span class=toggle__icon data-slot=toggle-icon>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=label>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=toggle__description data-slot=description>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=toggle__content data-slot=toggle-content>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label data-slot=toggle><input><span class=toggle__control data-slot=toggle-control aria-hidden=true><span class=toggle__thumb data-slot=toggle-thumb>");
+import * as __WEBPACK_EXTERNAL_MODULE__Toggle_classes_js_44b2e8d2__ from "./Toggle.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=label>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label><input><span><span>");
 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 TOGGLE_COLOR_CLASS = {
-    default: "toggle--default",
-    accent: "toggle--accent",
-    success: "toggle--success",
-    warning: "toggle--warning",
-    danger: "toggle--danger"
-};
-const TOGGLE_SIZE_CLASS = {
-    sm: "toggle--sm",
-    md: "toggle--md",
-    lg: "toggle--lg"
-};
-const Toggle = (props)=>{
+const Toggle_Toggle = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "class",
         "className",
@@ -49,11 +38,30 @@ const Toggle = (props)=>{
         if (!isControlled()) setInternalSelected(event.currentTarget.checked);
     };
     return (()=>{
-        var _el$ = _tmpl$5(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
+        var _el$ = _tmpl$3(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Toggle_classes_js_44b2e8d2__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Toggle_classes_js_44b2e8d2__.CLASSES.size[size()], __WEBPACK_EXTERNAL_MODULE__Toggle_classes_js_44b2e8d2__.CLASSES.color[color()], isDisabled() && __WEBPACK_EXTERNAL_MODULE__Toggle_classes_js_44b2e8d2__.CLASSES.flag.disabled, local.class, local.className)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "toggle",
+            get ["data-selected"] () {
+                return isSelected() ? "true" : "false";
+            },
+            get ["data-disabled"] () {
+                return isDisabled() ? "true" : "false";
+            },
+            get ["aria-disabled"] () {
+                return isDisabled() ? "true" : "false";
+            }
+        }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             type: "checkbox",
-            role: "switch",
-            class: "toggle__input",
+            role: "switch"
+        }, ()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Toggle_classes_js_44b2e8d2__.CLASSES.slot.input
+            }), {
             "data-slot": "toggle-input",
             get checked () {
                 return isSelected();
@@ -63,12 +71,28 @@ const Toggle = (props)=>{
             },
             onChange: handleChange
         }), false, false);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Toggle_classes_js_44b2e8d2__.CLASSES.slot.control
+            }), {
+            "data-slot": "toggle-control",
+            "aria-hidden": "true"
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Toggle_classes_js_44b2e8d2__.CLASSES.slot.thumb
+            }), {
+            "data-slot": "toggle-thumb"
+        }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
             get when () {
                 return local.icon;
             },
             get children () {
                 var _el$5 = _tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: __WEBPACK_EXTERNAL_MODULE__Toggle_classes_js_44b2e8d2__.CLASSES.slot.icon
+                    }), {
+                    "data-slot": "toggle-icon"
+                }), false, true);
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.icon);
                 return _el$5;
             }
@@ -78,7 +102,12 @@ const Toggle = (props)=>{
                 return hasContent();
             },
             get children () {
-                var _el$6 = _tmpl$4();
+                var _el$6 = _tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: __WEBPACK_EXTERNAL_MODULE__Toggle_classes_js_44b2e8d2__.CLASSES.slot.content
+                    }), {
+                    "data-slot": "toggle-content"
+                }), false, true);
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
                     get when () {
                         return local.children;
@@ -94,7 +123,12 @@ const Toggle = (props)=>{
                         return local.description;
                     },
                     get children () {
-                        var _el$8 = _tmpl$3();
+                        var _el$8 = _tmpl$();
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                class: __WEBPACK_EXTERNAL_MODULE__Toggle_classes_js_44b2e8d2__.CLASSES.slot.description
+                            }), {
+                            "data-slot": "description"
+                        }), false, true);
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>local.description);
                         return _el$8;
                     }
@@ -102,23 +136,8 @@ const Toggle = (props)=>{
                 return _el$6;
             }
         }), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("toggle", TOGGLE_SIZE_CLASS[size()], TOGGLE_COLOR_CLASS[color()], isDisabled() && "toggle--disabled", local.class, local.className), _v$2 = local.dataTheme, _v$3 = isSelected() ? "true" : "false", _v$4 = isDisabled() ? "true" : "false", _v$5 = isDisabled() ? "true" : "false";
-            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$);
-            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", _p$.t = _v$2);
-            _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-selected", _p$.a = _v$3);
-            _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-disabled", _p$.o = _v$4);
-            _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-disabled", _p$.i = _v$5);
-            return _p$;
-        }, {
-            e: void 0,
-            t: void 0,
-            a: void 0,
-            o: void 0,
-            i: void 0
-        });
         return _el$;
     })();
 };
-const toggle_Toggle = Toggle;
-export { toggle_Toggle as default };
+const Toggle = Toggle_Toggle;
+export { Toggle as default };

package/dist/components/tooltip/Tooltip.classes.d.ts

@@ -0,0 +1,8 @@
+export declare const CLASSES: {
+    readonly base: "tooltip";
+    readonly slot: {
+        readonly trigger: "tooltip__trigger";
+        readonly content: "tooltip__content";
+        readonly arrow: "tooltip__arrow";
+    };
+};

package/dist/components/tooltip/Tooltip.classes.js

@@ -0,0 +1,9 @@
+const CLASSES = {
+    base: "tooltip",
+    slot: {
+        trigger: "tooltip__trigger",
+        content: "tooltip__content",
+        arrow: "tooltip__arrow"
+    }
+};
+export { CLASSES };

package/dist/components/tooltip/Tooltip.js

@@ -2,7 +2,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Tooltip.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)("<span data-slot=tooltip-root>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=tooltip-arrow-svg height=12 viewBox="0 0 12 12"width=12 xmlns=http://www.w3.org/2000/svg><path d="M0 0C5.48483 8 6.5 8 12 0Z"fill=currentColor>'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+import * as __WEBPACK_EXTERNAL_MODULE__Tooltip_classes_js_59536676__ from "./Tooltip.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=tooltip-arrow-svg height=12 viewBox="0 0 12 12"width=12 xmlns=http://www.w3.org/2000/svg><path d="M0 0C5.48483 8 6.5 8 12 0Z"fill=currentColor>');
 const TooltipContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
 const useTooltipContext = ()=>{
     const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(TooltipContext);
@@ -44,18 +45,18 @@ const TooltipRoot = (props)=>{
         value: ctx,
         get children () {
             var _el$ = _tmpl$();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tooltip_classes_js_59536676__.CLASSES.base, local.class, local.className)
+                }), {
+                "data-slot": "tooltip-root",
+                get ["data-theme"] () {
+                    return local.dataTheme;
+                },
+                get style () {
+                    return local.style;
+                }
+            }), false, true);
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tooltip", local.class, local.className), _v$2 = local.dataTheme, _v$3 = local.style;
-                _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$);
-                _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", _p$.t = _v$2);
-                _p$.a = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, _v$3, _p$.a);
-                return _p$;
-            }, {
-                e: void 0,
-                t: void 0,
-                a: void 0
-            });
             return _el$;
         }
     });
@@ -100,10 +101,9 @@ const TooltipTrigger = (props)=>{
     return (()=>{
         var _el$2 = _tmpl$2();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>ctx.setTriggerRef(el), _el$2);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tooltip__trigger", local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tooltip_classes_js_59536676__.CLASSES.slot.trigger, local.class, local.className)
+            }), {
             "data-slot": "tooltip-trigger",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -132,10 +132,10 @@ const TooltipContent = (props)=>{
     return (()=>{
         var _el$3 = _tmpl$2();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            role: "tooltip",
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tooltip__content", local.class, local.className);
-            },
+            role: "tooltip"
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tooltip_classes_js_59536676__.CLASSES.slot.content, local.class, local.className)
+            }), {
             "data-slot": "tooltip-content",
             get ["data-placement"] () {
                 return ctx.placement();
@@ -165,11 +165,10 @@ const TooltipArrow = (props)=>{
     const ctx = useTooltipContext();
     const defaultArrow = _tmpl$3();
     return (()=>{
-        var _el$5 = _tmpl$4();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tooltip__arrow", local.class, local.className);
-            },
+        var _el$5 = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tooltip_classes_js_59536676__.CLASSES.slot.arrow, local.class, local.className)
+            }), {
             "data-slot": "tooltip-arrow",
             get ["data-placement"] () {
                 return ctx.placement();

package/dist/components/utils.js

@@ -6,11 +6,13 @@ function isJSXElement(node) {
 }
 function wrapWithElementIfInvalid({ node, wrapper = "div", className = "" }) {
     null == node || "string" == typeof node || "number" == typeof node || isJSXElement(node);
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, {
-        component: wrapper,
-        class: className,
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        component: wrapper
+    }, {
+        class: className
+    }, {
         children: node
-    });
+    }));
 }
 function mapResponsiveProp(prop, classMap) {
     if (void 0 === prop) return [];

package/dist/components/video-preview/VideoPreview.classes.d.ts

@@ -0,0 +1,3 @@
+export declare const CLASSES: {
+    readonly mirror: "-scale-x-100";
+};

package/dist/components/video-preview/VideoPreview.classes.js

@@ -0,0 +1,4 @@
+const CLASSES = {
+    mirror: "-scale-x-100"
+};
+export { CLASSES };