@pathscale/ui 1.1.39 → 1.1.42

package/dist/components/live-chat/LiveChatPanel.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__input_index_js_00da0e74__ from "../input/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__ from "./LiveChat.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div><div><svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path></svg><h3></h3></div><button><svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12"></path></svg></button></div><div></div><div>'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div></div><div><div><p></p></div><span>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div><div><svg xmlns=http://www.w3.org/2000/svg><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path></svg><h3></h3></div><button><svg xmlns=http://www.w3.org/2000/svg><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12"></path></svg></button></div><div></div><div>'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div></div><div><div><p></p></div><span>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
 const getMockMessages = ()=>{
     const salesMessages = [
         {
@@ -205,19 +205,54 @@ const LiveChatPanel_LiveChatPanel = (props)=>{
     const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.base, local.class, local.className);
     return (()=>{
         var _el$ = _tmpl$2(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling, _el$7 = _el$6.firstChild, _el$8 = _el$2.nextSibling, _el$0 = _el$8.nextSibling;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return classes();
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: classes()
+            }), {
             get style () {
                 return local.style;
             }
         }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.header
+            })), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.headerTitleWrap
+            })), 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__LiveChat_classes_js_7c477472__.CLASSES.panel.headerIcon
+            }), {
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor"
+        }), true, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.headerTitle
+            })), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.title ?? "Chat with us");
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.addEventListener)(_el$6, "click", local.onClose, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get onClick () {
+                return local.onClose;
+            }
+        }, ()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.closeButton
+            }), {
+            get ["aria-label"] () {
+                return local.closeLabel ?? "Close chat";
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.closeIcon
+            }), {
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor"
+        }), true, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((element)=>{
             scrollContainer = element;
         }, _el$8);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.messages
+            })), 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__.For, {
             get each () {
                 return internalMessages();
@@ -226,26 +261,27 @@ const LiveChatPanel_LiveChatPanel = (props)=>{
                 const isUser = "user" === message.sender;
                 return (()=>{
                     var _el$1 = _tmpl$3(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling, _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$14 = _el$12.nextSibling;
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$1, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.row, isUser ? __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.rowUser : __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.rowAgent)
+                        })), false, true);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$10, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.avatar, isUser ? __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.avatarUser : __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.avatarAgent)
+                        })), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, isUser ? "U" : "A");
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$11, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.messageColumn, isUser ? __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.messageColumnUser : __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.messageColumnAgent)
+                        })), false, true);
+                    (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__LiveChat_classes_js_7c477472__.CLASSES.panel.messageBubble, isUser ? __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.messageBubbleUser : __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.messageBubbleAgent)
+                        })), false, true);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.messageText
+                        })), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, ()=>message.content);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$14, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.timestamp
+                        })), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$14, ()=>formatTime(message.timestamp));
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                        var _v$0 = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.row, isUser ? __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.rowUser : __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.rowAgent), _v$1 = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.avatar, isUser ? __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.avatarUser : __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.avatarAgent), _v$10 = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.messageColumn, isUser ? __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.messageColumnUser : __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.messageColumnAgent), _v$11 = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.messageBubble, isUser ? __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.messageBubbleUser : __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.messageBubbleAgent), _v$12 = __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.messageText, _v$13 = __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.timestamp;
-                        _v$0 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$1, _p$.e = _v$0);
-                        _v$1 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$10, _p$.t = _v$1);
-                        _v$10 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$11, _p$.a = _v$10);
-                        _v$11 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$12, _p$.o = _v$11);
-                        _v$12 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$13, _p$.i = _v$12);
-                        _v$13 !== _p$.n && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$14, _p$.n = _v$13);
-                        return _p$;
-                    }, {
-                        e: void 0,
-                        t: void 0,
-                        a: void 0,
-                        o: void 0,
-                        i: void 0,
-                        n: void 0
-                    });
                     return _el$1;
                 })();
             }
@@ -256,12 +292,17 @@ const LiveChatPanel_LiveChatPanel = (props)=>{
             },
             get children () {
                 var _el$9 = _tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.empty
+                    })), false, true);
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>local.emptyMessage ?? "No messages yet. Start a conversation!");
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$9, __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.empty));
                 return _el$9;
             }
         }), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__input_index_js_00da0e74__["default"], {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.inputArea
+            })), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__input_index_js_00da0e74__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
             type: "text",
             get value () {
                 return inputValue();
@@ -273,19 +314,18 @@ const LiveChatPanel_LiveChatPanel = (props)=>{
             },
             get disabled () {
                 return isSending();
-            },
-            get ["class"] () {
-                return __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.input;
             }
-        }), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], {
+        }, ()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.input
+            }))), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, (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)({
             onClick: handleSend,
             get isDisabled () {
                 return !inputValue().trim() || isSending();
-            },
-            get ["class"] () {
-                return __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.sendButton;
-            },
+            }
+        }, ()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.sendButton
+            }), {
             variant: "primary",
             get children () {
                 return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
@@ -295,7 +335,9 @@ const LiveChatPanel_LiveChatPanel = (props)=>{
                     get fallback () {
                         return (()=>{
                             var _el$15 = _tmpl$4();
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$15, __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.spinner));
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$15, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                    class: __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.spinner
+                                })), false, false);
                             return _el$15;
                         })();
                     },
@@ -304,35 +346,9 @@ const LiveChatPanel_LiveChatPanel = (props)=>{
                     }
                 });
             }
-        }), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.header, _v$2 = __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.headerTitleWrap, _v$3 = __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.headerIcon, _v$4 = __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.headerTitle, _v$5 = __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.closeButton, _v$6 = local.closeLabel ?? "Close chat", _v$7 = __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.closeIcon, _v$8 = __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.messages, _v$9 = __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.panel.inputArea;
-            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.e = _v$);
-            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.t = _v$2);
-            _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "class", _p$.a = _v$3);
-            _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.o = _v$4);
-            _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.i = _v$5);
-            _v$6 !== _p$.n && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-label", _p$.n = _v$6);
-            _v$7 !== _p$.s && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$7, "class", _p$.s = _v$7);
-            _v$8 !== _p$.h && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$8, _p$.h = _v$8);
-            _v$9 !== _p$.r && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$0, _p$.r = _v$9);
-            return _p$;
-        }, {
-            e: void 0,
-            t: void 0,
-            a: void 0,
-            o: void 0,
-            i: void 0,
-            n: void 0,
-            s: void 0,
-            h: void 0,
-            r: void 0
-        });
+        })), null);
         return _el$;
     })();
 };
 const LiveChatPanel = LiveChatPanel_LiveChatPanel;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "click"
-]);
 export { LiveChatPanel as default };

package/dist/components/menu/Menu.js

@@ -197,10 +197,10 @@ const MenuRoot = (props)=>{
                 },
                 get ["data-disabled"] () {
                     return isDisabled() ? "true" : "false";
-                },
-                get ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.Root.base, local.class, local.className);
-                },
+                }
+            }, ()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.Root.base, local.class, local.className)
+                }), {
                 get style () {
                     return local.style;
                 },

package/dist/components/menu/MenuItem.js

@@ -180,10 +180,10 @@ const MenuItemRoot = (props)=>{
                 },
                 get ["data-key"] () {
                     return key();
-                },
-                get ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.Item.base, __WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.Item.variant[variant()], local.class, local.className);
-                },
+                }
+            }, ()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.Item.base, __WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.Item.variant[variant()], local.class, local.className)
+                }), {
                 get style () {
                     return local.style;
                 },
@@ -231,10 +231,10 @@ const MenuItemIndicator = (props)=>{
             },
             get ["data-visible"] () {
                 return renderState().isSelected ? "true" : void 0;
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.ItemIndicator.base, local.class, local.className);
-            },
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.ItemIndicator.base, local.class, local.className)
+            }), {
             get style () {
                 return local.style;
             }
@@ -267,10 +267,10 @@ const MenuItemSubmenuIndicator = (props)=>{
             "data-slot": "submenu-indicator",
             get ["data-theme"] () {
                 return local.dataTheme;
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.ItemIndicator.base, __WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.ItemIndicator.submenu, local.class, local.className);
-            },
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.ItemIndicator.base, __WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.ItemIndicator.submenu, local.class, local.className)
+            }), {
             get style () {
                 return local.style;
             }

package/dist/components/menu/MenuSection.js

@@ -2,7 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 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__Menu_classes_js_2247f1e5__ from "./Menu.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=heading>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+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>");
 const MenuSectionRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -22,10 +22,10 @@ const MenuSectionRoot = (props)=>{
             "data-slot": "menu-section",
             get ["data-theme"] () {
                 return local.dataTheme;
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.Section.base, local.class, local.className);
-            },
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.Section.base, local.class, local.className)
+            }), {
             get style () {
                 return local.style;
             }
@@ -36,8 +36,12 @@ const MenuSectionRoot = (props)=>{
             },
             get children () {
                 var _el$2 = _tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: __WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.Section.title
+                    }), {
+                    "data-slot": "heading"
+                }), false, true);
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.title);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, __WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.Section.title));
                 return _el$2;
             }
         }), null);

package/dist/components/modal/Modal.js

@@ -3,7 +3,7 @@ import "./Modal.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__Modal_classes_js_d9ef4fe3__ from "./Modal.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=modal-container><div>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<h2>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg data-slot=modal-close-trigger-icon viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg aria-hidden=true><path d="M18 6L6 18M6 6L18 18"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>');
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<h2>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg><path d="M18 6L6 18M6 6L18 18"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>');
 const ModalContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
 const useModalContext = ()=>{
     const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(ModalContext);
@@ -198,10 +198,9 @@ const ModalRoot = (props)=>{
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((node)=>{
                 if ("function" == typeof local.ref) local.ref(node);
             }, _el$);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-                get ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Root.base, isVisibleState(animState()) && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Root.flag.open, local.class, local.className);
-                },
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Root.base, isVisibleState(animState()) && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Root.flag.open, local.class, local.className)
+                }), {
                 "data-slot": "modal-root",
                 get ["data-open"] () {
                     return isVisibleState(animState()) ? "true" : "false";
@@ -238,10 +237,10 @@ const ModalTrigger = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get type () {
                 return local.type ?? "button";
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Trigger.base, local.class, local.className);
-            },
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Trigger.base, local.class, local.className)
+            }), {
             "data-slot": "modal-trigger",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -279,10 +278,9 @@ const ModalBackdrop = (props)=>{
     };
     return (()=>{
         var _el$3 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Backdrop.base, __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Backdrop.variant[variant()], isEntering() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Backdrop.state.entering, isExiting() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Backdrop.state.exiting, local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Backdrop.base, __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Backdrop.variant[variant()], isEntering() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Backdrop.state.entering, isExiting() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Backdrop.state.exiting, local.class, local.className)
+            }), {
             "data-slot": "modal-backdrop",
             get ["data-entering"] () {
                 return isEntering() ? "true" : void 0;
@@ -353,6 +351,20 @@ const ModalContent = (props)=>{
                         },
                         get children () {
                             var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild;
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.base, __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.placement[placement()], __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.scroll[scrollBehavior()], containerSizeClass(), isEntering() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.state.entering, isExiting() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.state.exiting)
+                                }), {
+                                "data-slot": "modal-container",
+                                get ["data-placement"] () {
+                                    return placement();
+                                },
+                                get ["data-entering"] () {
+                                    return isEntering() ? "true" : void 0;
+                                },
+                                get ["data-exiting"] () {
+                                    return isExiting() ? "true" : void 0;
+                                }
+                            }), false, true);
                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((node)=>{
                                 context.setContentRef(node);
                                 if ("function" == typeof local.ref) local.ref(node);
@@ -370,10 +382,10 @@ const ModalContent = (props)=>{
                                 },
                                 get tabIndex () {
                                     return local.tabIndex ?? -1;
-                                },
-                                get ["class"] () {
-                                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Content.base, __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Content.scroll[scrollBehavior()], __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Content.size[size()], isEntering() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Content.state.entering, isExiting() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Content.state.exiting, local.class, local.className);
-                                },
+                                }
+                            }, ()=>({
+                                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Content.base, __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Content.scroll[scrollBehavior()], __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Content.size[size()], isEntering() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Content.state.entering, isExiting() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Content.state.exiting, local.class, local.className)
+                                }), {
                                 "data-slot": "modal-content",
                                 get ["data-placement"] () {
                                     return placement();
@@ -398,19 +410,6 @@ const ModalContent = (props)=>{
                                 }
                             }), false, true);
                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.children);
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                                var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.base, __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.placement[placement()], __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.scroll[scrollBehavior()], containerSizeClass(), isEntering() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.state.entering, isExiting() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.state.exiting), _v$2 = placement(), _v$3 = isEntering() ? "true" : void 0, _v$4 = isExiting() ? "true" : void 0;
-                                _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.e = _v$);
-                                _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "data-placement", _p$.t = _v$2);
-                                _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "data-entering", _p$.a = _v$3);
-                                _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "data-exiting", _p$.o = _v$4);
-                                return _p$;
-                            }, {
-                                e: void 0,
-                                t: void 0,
-                                a: void 0,
-                                o: void 0
-                            });
                             return _el$4;
                         }
                     });
@@ -429,10 +428,9 @@ const ModalHeader = (props)=>{
     ]);
     return (()=>{
         var _el$6 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Header.base, local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Header.base, local.class, local.className)
+            }), {
             "data-slot": "modal-header",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -469,10 +467,10 @@ const ModalHeading = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get id () {
                 return headingId();
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Heading.base, local.class, local.className);
-            },
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Heading.base, local.class, local.className)
+            }), {
             "data-slot": "modal-heading",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -495,10 +493,9 @@ const ModalIcon = (props)=>{
     ]);
     return (()=>{
         var _el$8 = _tmpl$();
-        (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__Modal_classes_js_d9ef4fe3__.CLASSES.Icon.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__Modal_classes_js_d9ef4fe3__.CLASSES.Icon.base, local.class, local.className)
+            }), {
             "data-slot": "modal-icon",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -535,10 +532,10 @@ const ModalBody = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get id () {
                 return bodyId();
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Body.base, __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Body.scroll[context.scrollBehavior()], local.class, local.className);
-            },
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Body.base, __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Body.scroll[context.scrollBehavior()], local.class, local.className)
+            }), {
             "data-slot": "modal-body",
             get ["data-scroll"] () {
                 return context.scrollBehavior();
@@ -564,10 +561,9 @@ const ModalFooter = (props)=>{
     ]);
     return (()=>{
         var _el$0 = _tmpl$();
-        (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__Modal_classes_js_d9ef4fe3__.CLASSES.Footer.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__Modal_classes_js_d9ef4fe3__.CLASSES.Footer.base, local.class, local.className)
+            }), {
             "data-slot": "modal-footer",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -604,10 +600,10 @@ const ModalCloseTrigger = (props)=>{
             },
             get ["aria-label"] () {
                 return local["aria-label"] ?? "Close modal";
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.CloseTrigger.base, local.class, local.className);
-            },
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.CloseTrigger.base, local.class, local.className)
+            }), {
             "data-slot": "modal-close-trigger",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -619,13 +615,21 @@ const ModalCloseTrigger = (props)=>{
         }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, ()=>local.children ?? (()=>{
                 var _el$10 = _tmpl$5();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "class", __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.CloseTrigger.icon));
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$10, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.CloseTrigger.icon
+                    }), {
+                    "data-slot": "modal-close-trigger-icon",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    "aria-hidden": "true"
+                }), true, true);
                 return _el$10;
             })());
         return _el$1;
     })();
 };
-const Modal_Modal = Object.assign(ModalRoot, {
+const Modal = Object.assign(ModalRoot, {
     Root: ModalRoot,
     Trigger: ModalTrigger,
     Backdrop: ModalBackdrop,
@@ -637,5 +641,5 @@ const Modal_Modal = Object.assign(ModalRoot, {
     Footer: ModalFooter,
     CloseTrigger: ModalCloseTrigger
 });
-const Modal = Modal_Modal;
-export { ModalBackdrop, ModalBody, ModalCloseTrigger, ModalContent, ModalFooter, ModalHeader, ModalHeading, ModalIcon, ModalRoot, ModalTrigger, Modal as default };
+const modal_Modal = Modal;
+export { ModalBackdrop, ModalBody, ModalCloseTrigger, ModalContent, ModalFooter, ModalHeader, ModalHeading, ModalIcon, ModalRoot, ModalTrigger, modal_Modal as default };

package/dist/components/navbar/Navbar.js

@@ -24,10 +24,10 @@ const Navbar = (props)=>{
     }, others, {
         get ["data-theme"] () {
             return local.dataTheme;
-        },
-        get ["class"] () {
-            return classes();
-        },
+        }
+    }, ()=>({
+            class: classes()
+        }), {
         get style () {
             return local.style;
         },

package/dist/components/navbar/NavbarRow.js

@@ -19,10 +19,9 @@ const NavbarRow = (props)=>{
     const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.row.base, true === local.bordered && __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.row.flag.bordered, false !== local.padded && __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.row.flag.padded, __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.row.color[colorKey()], local.class, local.className));
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-            get ["class"] () {
-                return classes();
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: classes()
+            }), {
             get style () {
                 return local.style;
             },

package/dist/components/navbar/NavbarSection.js

@@ -18,10 +18,10 @@ const NavbarSection = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["data-theme"] () {
                 return local.dataTheme;
-            },
-            get ["class"] () {
-                return classes();
-            },
+            }
+        }, ()=>({
+                class: classes()
+            }), {
             get style () {
                 return local.style;
             }

package/dist/components/navbar/NavbarStack.js

@@ -17,10 +17,9 @@ const NavbarStack = (props)=>{
     const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.stack.base, local.sticky && __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.stack.flag.sticky, local.container && __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.stack.flag.container, local.class, local.className));
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-            get ["class"] () {
-                return classes();
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: classes()
+            }), {
             get style () {
                 return local.style;
             },