@pathscale/ui 1.1.40 → 1.1.43

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/meter/Meter.classes.d.ts

@@ -0,0 +1,21 @@
+export declare const CLASSES: {
+    readonly base: "meter";
+    readonly output: "meter__output";
+    readonly track: "meter__track";
+    readonly fill: "meter__fill";
+    readonly size: {
+        readonly sm: "meter--sm";
+        readonly md: "meter--md";
+        readonly lg: "meter--lg";
+    };
+    readonly color: {
+        readonly default: "meter--default";
+        readonly accent: "meter--accent";
+        readonly success: "meter--success";
+        readonly warning: "meter--warning";
+        readonly danger: "meter--danger";
+    };
+    readonly state: {
+        readonly disabled: "meter--disabled";
+    };
+};

package/dist/components/meter/Meter.classes.js

@@ -0,0 +1,22 @@
+const CLASSES = {
+    base: "meter",
+    output: "meter__output",
+    track: "meter__track",
+    fill: "meter__fill",
+    size: {
+        sm: "meter--sm",
+        md: "meter--md",
+        lg: "meter--lg"
+    },
+    color: {
+        default: "meter--default",
+        accent: "meter--accent",
+        success: "meter--success",
+        warning: "meter--warning",
+        danger: "meter--danger"
+    },
+    state: {
+        disabled: "meter--disabled"
+    }
+};
+export { CLASSES };

package/dist/components/meter/Meter.css

@@ -0,0 +1,89 @@
+@layer components {
+  .meter {
+    display: grid;
+    width: 100%;
+    gap: 0.25rem;
+    grid-template-areas:
+      "label output"
+      "track track";
+    grid-template-columns: 1fr auto;
+
+    --meter-fill: var(--color-accent);
+  }
+
+  .meter [data-slot="label"] {
+    grid-area: label;
+    width: fit-content;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    font-weight: 500;
+  }
+
+  .meter__output {
+    grid-area: output;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    font-weight: 500;
+    font-variant-numeric: tabular-nums;
+  }
+
+  .meter__track {
+    grid-area: track;
+    position: relative;
+    overflow: hidden;
+    border-radius: 9999px;
+    background: var(--color-base-200);
+    height: 0.5rem;
+  }
+
+  .meter__fill {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    border-radius: 9999px;
+    background-color: var(--meter-fill);
+    transition: width 300ms var(--ease-out);
+  }
+
+  .meter--sm .meter__track {
+    height: 0.25rem;
+  }
+
+  .meter--lg .meter__track {
+    height: 0.75rem;
+  }
+
+  .meter--default {
+    --meter-fill: var(--color-base-content);
+  }
+
+  .meter--accent {
+    --meter-fill: var(--color-accent);
+  }
+
+  .meter--success {
+    --meter-fill: var(--color-success);
+  }
+
+  .meter--warning {
+    --meter-fill: var(--color-warning);
+  }
+
+  .meter--danger {
+    --meter-fill: var(--color-danger);
+  }
+
+  .meter--disabled,
+  .meter[aria-disabled="true"],
+  .meter[data-disabled="true"] {
+    opacity: 0.6;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .meter__fill {
+      transition: none;
+    }
+  }
+}
+

package/dist/components/meter/Meter.d.ts

@@ -0,0 +1,43 @@
+import "./Meter.css";
+import { type Component, type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type MeterSize = "sm" | "md" | "lg";
+export type MeterColor = "default" | "accent" | "success" | "warning" | "danger";
+export type MeterRenderState = {
+    value: number;
+    minValue: number;
+    maxValue: number;
+    percentage: number;
+    valueText: string;
+    isDisabled: boolean;
+};
+export type MeterRootProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & {
+    children?: JSX.Element | ((state: MeterRenderState) => JSX.Element);
+    value?: number;
+    minValue?: number;
+    maxValue?: number;
+    lowValue?: number;
+    highValue?: number;
+    optimumValue?: number;
+    isDisabled?: boolean;
+    size?: MeterSize;
+    color?: MeterColor;
+    formatOptions?: Intl.NumberFormatOptions;
+    formatValue?: (value: number, state: Omit<MeterRenderState, "valueText">) => string;
+};
+export type MeterOutputProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLSpanElement>;
+export type MeterTrackProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivElement>;
+export type MeterFillProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivElement>;
+declare const MeterRoot: Component<MeterRootProps>;
+declare const MeterOutput: Component<MeterOutputProps>;
+declare const MeterTrack: Component<MeterTrackProps>;
+declare const MeterFill: Component<MeterFillProps>;
+declare const Meter: Component<MeterRootProps> & {
+    Root: Component<MeterRootProps>;
+    Output: Component<MeterOutputProps>;
+    Track: Component<MeterTrackProps>;
+    Fill: Component<MeterFillProps>;
+};
+export default Meter;
+export { Meter, MeterRoot, MeterOutput, MeterTrack, MeterFill };
+export type { MeterRootProps as MeterProps };