@pathscale/ui 1.1.39 → 1.1.42

package/dist/components/input-otp/InputOTP.js

@@ -3,7 +3,7 @@ import "./InputOTP.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__InputOTP_classes_js_44f237b3__ from "./InputOTP.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><input data-slot=input-otp-input type=text autocomplete=one-time-code>"), _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)("<div data-slot=input-otp-slot-value>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=input-otp-caret>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><input>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const REGEXP_ONLY_DIGITS = "^\\d+$";
 const REGEXP_ONLY_CHARS = "^[a-zA-Z]+$";
 const REGEXP_ONLY_DIGITS_AND_CHARS = "^[a-zA-Z0-9]+$";
@@ -180,10 +180,9 @@ const InputOTPRoot = (props)=>{
                 rootRef = 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__InputOTP_classes_js_44f237b3__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Root.variant[variant()], 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__InputOTP_classes_js_44f237b3__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Root.variant[variant()], local.class, local.className)
+                }), {
                 "data-slot": "input-otp",
                 get ["data-disabled"] () {
                     return isDisabled() ? "true" : void 0;
@@ -200,15 +199,46 @@ const InputOTPRoot = (props)=>{
                 onMouseDown: handleRootMouseDown,
                 onFocusOut: handleFocusOut
             }), false, true);
-            _el$2.addEventListener("select", ()=>syncActiveFromInputCaret());
-            _el$2.$$keydown = handleKeyDown;
-            _el$2.$$input = handleInput;
-            _el$2.addEventListener("focus", ()=>{
-                setIsFocused(true);
-                syncActiveFromInputCaret();
-            });
             var _ref$ = inputRef;
             "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$2) : inputRef = _el$2;
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Input.base, local.inputClassName)
+                }), {
+                "data-slot": "input-otp-input",
+                type: "text",
+                get inputMode () {
+                    return local.inputMode;
+                },
+                get pattern () {
+                    return local.pattern;
+                },
+                get maxLength () {
+                    return maxLength();
+                },
+                get value () {
+                    return value();
+                },
+                get name () {
+                    return local.name;
+                },
+                get disabled () {
+                    return isDisabled();
+                },
+                get ["aria-disabled"] () {
+                    return isDisabled() ? "true" : void 0;
+                },
+                get ["aria-invalid"] () {
+                    return isInvalid() ? "true" : void 0;
+                },
+                autocomplete: "one-time-code",
+                onFocus: ()=>{
+                    setIsFocused(true);
+                    syncActiveFromInputCaret();
+                },
+                onInput: handleInput,
+                onKeyDown: handleKeyDown,
+                onSelect: ()=>syncActiveFromInputCaret()
+            }), false, false);
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children ?? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(InputOTPGroup, {
                     get children () {
                         return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
@@ -223,28 +253,6 @@ const InputOTPRoot = (props)=>{
                         });
                     }
                 }), null);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Input.base, local.inputClassName), _v$2 = local.inputMode, _v$3 = local.pattern, _v$4 = maxLength(), _v$5 = local.name, _v$6 = isDisabled(), _v$7 = isDisabled() ? "true" : void 0, _v$8 = isInvalid() ? "true" : void 0;
-                _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__.setAttribute)(_el$2, "inputmode", _p$.t = _v$2);
-                _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "pattern", _p$.a = _v$3);
-                _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "maxlength", _p$.o = _v$4);
-                _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "name", _p$.i = _v$5);
-                _v$6 !== _p$.n && (_el$2.disabled = _p$.n = _v$6);
-                _v$7 !== _p$.s && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "aria-disabled", _p$.s = _v$7);
-                _v$8 !== _p$.h && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "aria-invalid", _p$.h = _v$8);
-                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
-            });
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$2.value = value());
             return _el$;
         }
     });
@@ -259,10 +267,9 @@ const InputOTPGroup = (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, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Group.base, 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__InputOTP_classes_js_44f237b3__.CLASSES.Group.base, local.class, local.className)
+            }), {
             "data-slot": "input-otp-group",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -296,10 +303,9 @@ const InputOTPSlot = (props)=>{
     };
     return (()=>{
         var _el$4 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Slot.base, local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Slot.base, local.class, local.className)
+            }), {
             "data-slot": "input-otp-slot",
             get ["data-active"] () {
                 return isActive() ? "true" : void 0;
@@ -326,9 +332,13 @@ const InputOTPSlot = (props)=>{
                 return char().length > 0;
             },
             get children () {
-                var _el$5 = _tmpl$3();
+                var _el$5 = _tmpl$2();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: __WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Slot.value
+                    }), {
+                    "data-slot": "input-otp-slot-value"
+                }), false, true);
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, char);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, __WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Slot.value));
                 return _el$5;
             }
         }), null);
@@ -337,8 +347,12 @@ const InputOTPSlot = (props)=>{
                 return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isActive())() && 0 === char().length;
             },
             get children () {
-                var _el$6 = _tmpl$4();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, __WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Slot.caret));
+                var _el$6 = _tmpl$2();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: __WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Slot.caret
+                    }), {
+                    "data-slot": "input-otp-caret"
+                }), false, false);
                 return _el$6;
             }
         }), null);
@@ -355,10 +369,9 @@ const InputOTPSeparator = (props)=>{
     ]);
     return (()=>{
         var _el$7 = _tmpl$2();
-        (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__InputOTP_classes_js_44f237b3__.CLASSES.Separator.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__InputOTP_classes_js_44f237b3__.CLASSES.Separator.base, local.class, local.className)
+            }), {
             "data-slot": "input-otp-separator",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -378,8 +391,4 @@ const InputOTP_InputOTP = Object.assign(InputOTPRoot, {
     Separator: InputOTPSeparator
 });
 const InputOTP = InputOTP_InputOTP;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "input",
-    "keydown"
-]);
 export { InputOTP_InputOTP as InputOTP, InputOTPGroup, InputOTPRoot, InputOTPSeparator, InputOTPSlot, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, InputOTP as default };

package/dist/components/join/Join.classes.d.ts

@@ -0,0 +1,8 @@
+export declare const CLASSES: {
+    readonly base: "join";
+    readonly flag: {
+        readonly vertical: "join-vertical";
+        readonly horizontal: "join-horizontal";
+        readonly responsive: "join-vertical lg:join-horizontal";
+    };
+};

package/dist/components/join/Join.classes.js

@@ -0,0 +1,9 @@
+const CLASSES = {
+    base: "join",
+    flag: {
+        vertical: "join-vertical",
+        horizontal: "join-horizontal",
+        responsive: "join-vertical lg:join-horizontal"
+    }
+};
+export { CLASSES };

package/dist/components/join/Join.js

@@ -2,6 +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_clsx__ from "clsx";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE__Join_classes_js_1c694ba7__ from "./Join.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const Join = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -15,17 +16,16 @@ const Join = (props)=>{
         "children"
     ]);
     const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("join", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            "join-vertical": !local.responsive && local.vertical,
-            "join-horizontal": !local.responsive && local.horizontal,
-            "join-vertical lg:join-horizontal": local.responsive
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Join_classes_js_1c694ba7__.CLASSES.base, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+            [__WEBPACK_EXTERNAL_MODULE__Join_classes_js_1c694ba7__.CLASSES.flag.vertical]: !local.responsive && local.vertical,
+            [__WEBPACK_EXTERNAL_MODULE__Join_classes_js_1c694ba7__.CLASSES.flag.horizontal]: !local.responsive && local.horizontal,
+            [__WEBPACK_EXTERNAL_MODULE__Join_classes_js_1c694ba7__.CLASSES.flag.responsive]: local.responsive
         }), 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)(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 ["data-theme"] () {
                 return local.dataTheme;
             },

package/dist/components/kbd/Kbd.js

@@ -64,10 +64,9 @@ const KbdRoot = (props)=>{
     const variant = ()=>local.variant ?? "default";
     return (()=>{
         var _el$ = _tmpl$();
-        (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__Kbd_classes_js_aa4a6095__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Kbd_classes_js_aa4a6095__.CLASSES.variant[variant()], 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__Kbd_classes_js_aa4a6095__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Kbd_classes_js_aa4a6095__.CLASSES.variant[variant()], local.class, local.className)
+            }), {
             "data-slot": "kbd",
             get ["data-variant"] () {
                 return variant();
@@ -94,10 +93,9 @@ const KbdAbbr = (props)=>{
     ]);
     return (()=>{
         var _el$2 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Kbd_classes_js_aa4a6095__.CLASSES.slot.abbr, 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__Kbd_classes_js_aa4a6095__.CLASSES.slot.abbr, local.class, local.className)
+            }), {
             get title () {
                 return local.title ?? kbdKeysLabelMap[local.keyValue];
             },
@@ -126,10 +124,9 @@ const KbdContent = (props)=>{
     ]);
     return (()=>{
         var _el$3 = _tmpl$3();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Kbd_classes_js_aa4a6095__.CLASSES.slot.content, 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__Kbd_classes_js_aa4a6095__.CLASSES.slot.content, local.class, local.className)
+            }), {
             "data-slot": "kbd-content",
             get ["data-theme"] () {
                 return local.dataTheme;

package/dist/components/language-switcher/LanguageSwitcher.js

@@ -5,7 +5,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-m
 import * as __WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__ from "../dropdown/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__ from "../icon/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__ from "./LanguageSwitcher.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span aria-hidden=true>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
 const LanguageSwitcher = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "i18n",
@@ -25,10 +25,9 @@ const LanguageSwitcher = (props)=>{
         local.onLanguageChange?.(lang);
     };
     const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.base, local.class, local.className);
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Root, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-        get ["class"] () {
-            return classes();
-        },
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Root, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+            class: classes()
+        }), {
         get style () {
             return local.style;
         },
@@ -38,10 +37,9 @@ const LanguageSwitcher = (props)=>{
         },
         get children () {
             return [
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Trigger, {
-                    get ["class"] () {
-                        return __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.trigger;
-                    },
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Trigger, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.trigger
+                    }), {
                     get ["aria-label"] () {
                         return `${local.currentLanguageLabel ?? "Current language"}: ${currentLanguageName()}`;
                     },
@@ -51,31 +49,34 @@ const LanguageSwitcher = (props)=>{
                                 return !local.i18n.isLoading;
                             },
                             get fallback () {
-                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
-                                    name: "icon-[mdi--loading]",
-                                    get ["class"] () {
-                                        return __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.loadingIcon;
-                                    },
+                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                                    name: "icon-[mdi--loading]"
+                                }, ()=>({
+                                        class: __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.loadingIcon
+                                    }), {
                                     width: 16,
                                     height: 16,
                                     get ["aria-label"] () {
                                         return local.loadingLabel ?? "Loading language";
                                     }
-                                });
+                                }));
                             },
                             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: __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.locale
+                                    }), {
+                                    "aria-hidden": "true"
+                                }), false, true);
                                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.i18n.locale.toUpperCase());
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.locale));
                                 return _el$;
                             }
                         });
                     }
-                }),
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Menu, {
-                    get ["class"] () {
-                        return __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.menu;
-                    },
+                })),
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Menu, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.menu
+                    }), {
                     get ["aria-label"] () {
                         return local.optionsLabel ?? "Language options";
                     },
@@ -84,21 +85,21 @@ const LanguageSwitcher = (props)=>{
                             get each () {
                                 return local.i18n.languages;
                             },
-                            children: (lang)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Item, {
-                                    onClick: ()=>handleSelect(lang.code),
-                                    get ["class"] () {
-                                        return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.item, isSelected(lang.code) && __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.itemSelected);
-                                    },
+                            children: (lang)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Item, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                                    onClick: ()=>handleSelect(lang.code)
+                                }, ()=>({
+                                        class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.item, isSelected(lang.code) && __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_classes_js_d2468638__.CLASSES.itemSelected)
+                                    }), {
                                     get ["aria-current"] () {
                                         return isSelected(lang.code) ? "true" : void 0;
                                     },
                                     get children () {
                                         return lang.name;
                                     }
-                                })
+                                }))
                         });
                     }
-                })
+                }))
             ];
         }
     }));

package/dist/components/link/Link.js

@@ -3,7 +3,7 @@ import "./Link.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__Link_classes_js_f5259299__ from "./Link.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg data-slot=link-default-icon viewBox="0 0 12 12"fill=none xmlns=http://www.w3.org/2000/svg aria-hidden=true><path d="M7 1H11V5M11 1L5 7"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M10 7.5V9.5C10 10.3284 9.32843 11 8.5 11H2.5C1.67157 11 1 10.3284 1 9.5V3.5C1 2.67157 1.67157 2 2.5 2H4.5"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>');
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg><path d="M7 1H11V5M11 1L5 7"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M10 7.5V9.5C10 10.3284 9.32843 11 8.5 11H2.5C1.67157 11 1 10.3284 1 9.5V3.5C1 2.67157 1.67157 2 2.5 2H4.5"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>');
 const ensureExternalRel = (value)=>{
     const relTokens = new Set((value ?? "").split(/\s+/).filter(Boolean));
     relTokens.add("noopener");
@@ -44,10 +44,10 @@ const LinkRoot = (props)=>{
             },
             get tabIndex () {
                 return isDisabled() ? -1 : local.tabIndex;
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.variant[variant()], __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.underline[underline()], isExternal() && __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.flag.external, isDisabled() && __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.flag.disabled, local.class, local.className);
-            },
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.variant[variant()], __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.underline[underline()], isExternal() && __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.flag.external, isDisabled() && __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.flag.disabled, local.class, local.className)
+            }), {
             "data-slot": "link",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -80,10 +80,9 @@ const LinkIcon = (props)=>{
     const hasCustomIcon = ()=>null != local.children;
     return (()=>{
         var _el$2 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.slot.icon, 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__Link_classes_js_f5259299__.CLASSES.slot.icon, local.class, local.className)
+            }), {
             "data-slot": "link-icon",
             get ["data-default-icon"] () {
                 return hasCustomIcon() ? "false" : "true";
@@ -97,7 +96,15 @@ const LinkIcon = (props)=>{
         }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children ?? (()=>{
                 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__Link_classes_js_f5259299__.CLASSES.slot.iconDefault));
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: __WEBPACK_EXTERNAL_MODULE__Link_classes_js_f5259299__.CLASSES.slot.iconDefault
+                    }), {
+                    "data-slot": "link-default-icon",
+                    viewBox: "0 0 12 12",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    "aria-hidden": "true"
+                }), true, true);
                 return _el$3;
             })());
         return _el$2;

package/dist/components/list-box/ListBoxItem.js

@@ -157,10 +157,10 @@ const ListBoxItemRoot = (props)=>{
                 },
                 get ["data-key"] () {
                     return key();
-                },
-                get ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__.CLASSES.Item.base, __WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__.CLASSES.Item.variant[variant()], local.class, local.className);
-                },
+                }
+            }, ()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__.CLASSES.Item.base, __WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__.CLASSES.Item.variant[variant()], local.class, local.className)
+                }), {
                 get style () {
                     return local.style;
                 },
@@ -201,10 +201,10 @@ const ListBoxItemIndicator = (props)=>{
             },
             get ["data-visible"] () {
                 return renderState().isSelected ? "true" : void 0;
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__.CLASSES.ItemIndicator.base, local.class, local.className);
-            },
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__.CLASSES.ItemIndicator.base, local.class, local.className)
+            }), {
             get style () {
                 return local.style;
             }

package/dist/components/list-box/ListBoxSection.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__ListBox_classes_js_30df9a62__ from "./ListBox.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 ListBoxSectionRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -22,10 +22,10 @@ const ListBoxSectionRoot = (props)=>{
             "data-slot": "listbox-section",
             get ["data-theme"] () {
                 return local.dataTheme;
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__.CLASSES.Section.base, local.class, local.className);
-            },
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__.CLASSES.Section.base, local.class, local.className)
+            }), {
             get style () {
                 return local.style;
             }
@@ -36,8 +36,12 @@ const ListBoxSectionRoot = (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__ListBox_classes_js_30df9a62__.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__ListBox_classes_js_30df9a62__.CLASSES.Section.title));
                 return _el$2;
             }
         }), null);

package/dist/components/live-chat/LiveChatBubble.js

@@ -4,7 +4,7 @@ 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__LiveChatPanel_js_aa84e738__ from "./LiveChatPanel.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)("<span>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button><span>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<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">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<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">');
+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)("<button><span>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<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">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg xmlns=http://www.w3.org/2000/svg><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12">');
 const LiveChatBubble = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "position",
@@ -45,10 +45,10 @@ const LiveChatBubble = (props)=>{
         (()=>{
             var _el$ = _tmpl$2(), _el$3 = _el$.firstChild;
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-                onClick: toggleChat,
-                get ["class"] () {
-                    return buttonClasses();
-                },
+                onClick: toggleChat
+            }, ()=>({
+                    class: buttonClasses()
+                }), {
                 get style () {
                     return local.style;
                 },
@@ -63,13 +63,25 @@ const LiveChatBubble = (props)=>{
                     get fallback () {
                         return (()=>{
                             var _el$5 = _tmpl$4();
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "class", __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.bubble.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__LiveChat_classes_js_7c477472__.CLASSES.bubble.icon
+                                }), {
+                                fill: "none",
+                                viewBox: "0 0 24 24",
+                                stroke: "currentColor"
+                            }), true, true);
                             return _el$5;
                         })();
                     },
                     get children () {
                         var _el$4 = _tmpl$3();
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "class", __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.bubble.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__LiveChat_classes_js_7c477472__.CLASSES.bubble.icon
+                            }), {
+                            fill: "none",
+                            viewBox: "0 0 24 24",
+                            stroke: "currentColor"
+                        }), true, true);
                         return _el$4;
                     }
                 }), _el$3);
@@ -79,15 +91,19 @@ const LiveChatBubble = (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__LiveChat_classes_js_7c477472__.CLASSES.bubble.badge
+                        })), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (()=>{
                         var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>unreadCount() > 9);
                         return ()=>_c$() ? "9+" : unreadCount();
                     })());
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.bubble.badge));
                     return _el$2;
                 }
             }), _el$3);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, __WEBPACK_EXTERNAL_MODULE__LiveChat_classes_js_7c477472__.CLASSES.bubble.ping));
+            (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.bubble.ping
+                })), false, false);
             return _el$;
         })(),
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {