@pathscale/ui 1.1.39 → 1.1.42

package/dist/components/floating-dock/FloatingDock.js

@@ -3,7 +3,7 @@ import "./FloatingDock.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__FloatingDock_classes_js_f8a95c68__ from "./FloatingDock.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>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=toolbar aria-label=Actions>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><button type=button>"), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M4 6h16"></path><path d="M4 12h16"></path><path d="M4 18h16">');
+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>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=toolbar aria-label=Actions>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><button type=button>"), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg xmlns=http://www.w3.org/2000/svg><path d="M4 6h16"></path><path d="M4 12h16"></path><path d="M4 18h16">');
 const prefersReducedMotion = "undefined" != typeof window && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 function createSpring(initial, opts = {}) {
     const mass = opts.mass ?? 1;
@@ -108,6 +108,16 @@ const DockItem = (props)=>{
         _el$.addEventListener("mouseenter", handleMouseEnter);
         var _ref$ = wrapRef;
         "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : wrapRef = _el$;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.item, cfg.itemClass)
+            }), {
+            get style () {
+                return {
+                    width: `${cfg.baseSize}px`,
+                    height: `${cfg.baseSize}px`
+                };
+            }
+        }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
             get when () {
                 return hovered();
@@ -116,20 +126,18 @@ const DockItem = (props)=>{
                 return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Portal, {
                     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: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.tooltip, cfg.tooltipClass)
+                            }), {
+                            get style () {
+                                return {
+                                    top: tooltipStyle().top,
+                                    left: tooltipStyle().left,
+                                    transform: TOOLTIP_TRANSFORM[cfg.tooltipDir]
+                                };
+                            }
+                        }), false, true);
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>props.item.title);
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                            var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.tooltip, cfg.tooltipClass), _v$2 = tooltipStyle().top, _v$3 = tooltipStyle().left, _v$4 = TOOLTIP_TRANSFORM[cfg.tooltipDir];
-                            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.e = _v$);
-                            _v$2 !== _p$.t && (null != (_p$.t = _v$2) ? _el$2.style.setProperty("top", _v$2) : _el$2.style.removeProperty("top"));
-                            _v$3 !== _p$.a && (null != (_p$.a = _v$3) ? _el$2.style.setProperty("left", _v$3) : _el$2.style.removeProperty("left"));
-                            _v$4 !== _p$.o && (null != (_p$.o = _v$4) ? _el$2.style.setProperty("transform", _v$4) : _el$2.style.removeProperty("transform"));
-                            return _p$;
-                        }, {
-                            e: void 0,
-                            t: void 0,
-                            a: void 0,
-                            o: void 0
-                        });
                         return _el$2;
                     }
                 });
@@ -137,20 +145,10 @@ const DockItem = (props)=>{
         }), _el$3);
         var _ref$2 = iconRef;
         "function" == typeof _ref$2 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$2, _el$3) : iconRef = _el$3;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.icon
+            })), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>props.item.icon);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$5 = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.item, cfg.itemClass), _v$6 = `${cfg.baseSize}px`, _v$7 = `${cfg.baseSize}px`, _v$8 = __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.icon;
-            _v$5 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$5);
-            _v$6 !== _p$.t && (null != (_p$.t = _v$6) ? _el$.style.setProperty("width", _v$6) : _el$.style.removeProperty("width"));
-            _v$7 !== _p$.a && (null != (_p$.a = _v$7) ? _el$.style.setProperty("height", _v$7) : _el$.style.removeProperty("height"));
-            _v$8 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.o = _v$8);
-            return _p$;
-        }, {
-            e: void 0,
-            t: void 0,
-            a: void 0,
-            o: void 0
-        });
         return _el$;
     })();
     return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
@@ -167,9 +165,9 @@ const DockItem = (props)=>{
                     var _el$5 = _tmpl$4();
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, inner);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                        var _v$1 = props.item.href, _v$10 = props.item.title;
-                        _v$1 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "href", _p$.e = _v$1);
-                        _v$10 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "aria-label", _p$.t = _v$10);
+                        var _v$ = props.item.href, _v$2 = props.item.title;
+                        _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "href", _p$.e = _v$);
+                        _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "aria-label", _p$.t = _v$2);
                         return _p$;
                     }, {
                         e: void 0,
@@ -182,16 +180,14 @@ const DockItem = (props)=>{
         get children () {
             var _el$4 = _tmpl$3();
             _el$4.$$click = handleClick;
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                get ["aria-label"] () {
+                    return props.item.title;
+                }
+            }, ()=>({
+                    class: __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.buttonReset
+                })), false, true);
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, inner);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                var _v$9 = props.item.title, _v$0 = __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.buttonReset;
-                _v$9 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "aria-label", _p$.e = _v$9);
-                _v$0 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.t = _v$0);
-                return _p$;
-            }, {
-                e: void 0,
-                t: void 0
-            });
             return _el$4;
         }
     });
@@ -313,6 +309,21 @@ const FloatingDockDesktop = (props)=>{
             startLoop();
         };
         _el$6.addEventListener("mouseenter", captureAnchors);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.bar, isH() ? __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.barOrientation.horizontal : __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.barOrientation.vertical, props.class)
+            }), {
+            get style () {
+                return {
+                    gap: `${cfg.gap}px`,
+                    padding: props.showContainer ? isH() ? "0.5rem 1rem" : "1rem 0.5rem" : void 0,
+                    ...isH() ? {
+                        height: `${cfg.baseSize + 16}px`
+                    } : {
+                        width: `${cfg.baseSize + 16}px`
+                    }
+                };
+            }
+        }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
             get when () {
                 return props.showContainer;
@@ -321,7 +332,9 @@ const FloatingDockDesktop = (props)=>{
                 var _el$7 = _tmpl$();
                 var _ref$3 = bgRef;
                 "function" == typeof _ref$3 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$3, _el$7) : bgRef = _el$7;
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$7, __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.bg));
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.bg
+                    })), false, false);
                 return _el$7;
             }
         }), null);
@@ -346,23 +359,6 @@ const FloatingDockDesktop = (props)=>{
                 });
             }
         }), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$11 = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.bar, isH() ? __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.barOrientation.horizontal : __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.barOrientation.vertical, props.class), _v$12 = {
-                gap: `${cfg.gap}px`,
-                padding: props.showContainer ? isH() ? "0.5rem 1rem" : "1rem 0.5rem" : void 0,
-                ...isH() ? {
-                    height: `${cfg.baseSize + 16}px`
-                } : {
-                    width: `${cfg.baseSize + 16}px`
-                }
-            };
-            _v$11 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.e = _v$11);
-            _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$6, _v$12, _p$.t);
-            return _p$;
-        }, {
-            e: void 0,
-            t: void 0
-        });
         return _el$6;
     })();
 };
@@ -377,18 +373,33 @@ const FloatingDockMobile = (props)=>{
     };
     return (()=>{
         var _el$8 = _tmpl$6(), _el$0 = _el$8.firstChild;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.mobile, props.class)
+            })), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
             get when () {
                 return open();
             },
             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: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.mobilePopup, __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.mobilePopupDirection[props.popupDirection])
+                    })), false, true);
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
                     get each () {
                         return props.items;
                     },
                     children: (item, idx)=>(()=>{
                             var _el$1 = _tmpl$();
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$1, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                    class: __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.mobileItem
+                                }), {
+                                get style () {
+                                    return {
+                                        "animation-delay": `${(props.items.length - 1 - idx()) * 0.05}s`
+                                    };
+                                }
+                            }), false, true);
                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
                                 get when () {
                                     return item.onClick;
@@ -401,41 +412,43 @@ const FloatingDockMobile = (props)=>{
                                         get fallback () {
                                             return (()=>{
                                                 var _el$12 = _tmpl$();
+                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                                        class: __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.item
+                                                    }), {
+                                                    get style () {
+                                                        return {
+                                                            width: `${props.cfg.baseSize}px`,
+                                                            height: `${props.cfg.baseSize}px`
+                                                        };
+                                                    },
+                                                    get title () {
+                                                        return item.title;
+                                                    }
+                                                }), false, true);
                                                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, ()=>item.icon);
-                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                                                    var _v$28 = __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.item, _v$29 = `${props.cfg.baseSize}px`, _v$30 = `${props.cfg.baseSize}px`, _v$31 = item.title;
-                                                    _v$28 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$12, _p$.e = _v$28);
-                                                    _v$29 !== _p$.t && (null != (_p$.t = _v$29) ? _el$12.style.setProperty("width", _v$29) : _el$12.style.removeProperty("width"));
-                                                    _v$30 !== _p$.a && (null != (_p$.a = _v$30) ? _el$12.style.setProperty("height", _v$30) : _el$12.style.removeProperty("height"));
-                                                    _v$31 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$12, "title", _p$.o = _v$31);
-                                                    return _p$;
-                                                }, {
-                                                    e: void 0,
-                                                    t: void 0,
-                                                    a: void 0,
-                                                    o: void 0
-                                                });
                                                 return _el$12;
                                             })();
                                         },
                                         get children () {
                                             var _el$11 = _tmpl$4();
+                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$11, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                                                get href () {
+                                                    return item.href;
+                                                }
+                                            }, ()=>({
+                                                    class: __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.item
+                                                }), {
+                                                get style () {
+                                                    return {
+                                                        width: `${props.cfg.baseSize}px`,
+                                                        height: `${props.cfg.baseSize}px`
+                                                    };
+                                                },
+                                                get title () {
+                                                    return item.title;
+                                                }
+                                            }), false, true);
                                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>item.icon);
-                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                                                var _v$23 = item.href, _v$24 = __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.item, _v$25 = `${props.cfg.baseSize}px`, _v$26 = `${props.cfg.baseSize}px`, _v$27 = item.title;
-                                                _v$23 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$11, "href", _p$.e = _v$23);
-                                                _v$24 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$11, _p$.t = _v$24);
-                                                _v$25 !== _p$.a && (null != (_p$.a = _v$25) ? _el$11.style.setProperty("width", _v$25) : _el$11.style.removeProperty("width"));
-                                                _v$26 !== _p$.o && (null != (_p$.o = _v$26) ? _el$11.style.setProperty("height", _v$26) : _el$11.style.removeProperty("height"));
-                                                _v$27 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$11, "title", _p$.i = _v$27);
-                                                return _p$;
-                                            }, {
-                                                e: void 0,
-                                                t: void 0,
-                                                a: void 0,
-                                                o: void 0,
-                                                i: void 0
-                                            });
                                             return _el$11;
                                         }
                                     });
@@ -443,58 +456,54 @@ const FloatingDockMobile = (props)=>{
                                 get children () {
                                     var _el$10 = _tmpl$3();
                                     _el$10.$$click = (e)=>handleItemClick(item, e);
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$10, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                            class: __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.mobileToggle
+                                        }), {
+                                        get style () {
+                                            return {
+                                                width: `${props.cfg.baseSize}px`,
+                                                height: `${props.cfg.baseSize}px`
+                                            };
+                                        },
+                                        get title () {
+                                            return item.title;
+                                        }
+                                    }), false, true);
                                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, ()=>item.icon);
-                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                                        var _v$17 = __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.mobileToggle, _v$18 = `${props.cfg.baseSize}px`, _v$19 = `${props.cfg.baseSize}px`, _v$20 = item.title;
-                                        _v$17 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$10, _p$.e = _v$17);
-                                        _v$18 !== _p$.t && (null != (_p$.t = _v$18) ? _el$10.style.setProperty("width", _v$18) : _el$10.style.removeProperty("width"));
-                                        _v$19 !== _p$.a && (null != (_p$.a = _v$19) ? _el$10.style.setProperty("height", _v$19) : _el$10.style.removeProperty("height"));
-                                        _v$20 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "title", _p$.o = _v$20);
-                                        return _p$;
-                                    }, {
-                                        e: void 0,
-                                        t: void 0,
-                                        a: void 0,
-                                        o: void 0
-                                    });
                                     return _el$10;
                                 }
                             }));
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                                var _v$21 = __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.mobileItem, _v$22 = `${(props.items.length - 1 - idx()) * 0.05}s`;
-                                _v$21 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$1, _p$.e = _v$21);
-                                _v$22 !== _p$.t && (null != (_p$.t = _v$22) ? _el$1.style.setProperty("animation-delay", _v$22) : _el$1.style.removeProperty("animation-delay"));
-                                return _p$;
-                            }, {
-                                e: void 0,
-                                t: void 0
-                            });
                             return _el$1;
                         })()
                 }));
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.mobilePopup, __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.mobilePopupDirection[props.popupDirection])));
                 return _el$9;
             }
         }), _el$0);
         _el$0.$$click = ()=>setOpen(!open());
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.mobileToggle
+            }), {
+            get style () {
+                return {
+                    width: `${props.cfg.baseSize}px`,
+                    height: `${props.cfg.baseSize}px`
+                };
+            }
+        }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, ()=>props.toggleIcon ?? (()=>{
                 var _el$13 = _tmpl$7();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$13, "class", __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.menuIcon));
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.menuIcon
+                    }), {
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                }), true, true);
                 return _el$13;
             })());
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$13 = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.mobile, props.class), _v$14 = __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.mobileToggle, _v$15 = `${props.cfg.baseSize}px`, _v$16 = `${props.cfg.baseSize}px`;
-            _v$13 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$8, _p$.e = _v$13);
-            _v$14 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$0, _p$.t = _v$14);
-            _v$15 !== _p$.a && (null != (_p$.a = _v$15) ? _el$0.style.setProperty("width", _v$15) : _el$0.style.removeProperty("width"));
-            _v$16 !== _p$.o && (null != (_p$.o = _v$16) ? _el$0.style.setProperty("height", _v$16) : _el$0.style.removeProperty("height"));
-            return _p$;
-        }, {
-            e: void 0,
-            t: void 0,
-            a: void 0,
-            o: void 0
-        });
         return _el$8;
     })();
 };
@@ -550,10 +559,9 @@ const FloatingDock = (rawProps)=>{
         });
     return (()=>{
         var _el$14 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$14, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-            get ["class"] () {
-                return __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.base;
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$14, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.base
+            }), {
             get ["data-theme"] () {
                 return local.dataTheme;
             },
@@ -566,20 +574,20 @@ const FloatingDock = (rawProps)=>{
                 return false !== local.showDesktop;
             },
             get children () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FloatingDockDesktop, {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FloatingDockDesktop, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
                     get items () {
                         return local.items;
-                    },
-                    get ["class"] () {
-                        return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class, local.className, local.desktopClass);
-                    },
+                    }
+                }, ()=>({
+                        class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class, local.className, local.desktopClass)
+                    }), {
                     get cfg () {
                         return cfg();
                     },
                     get showContainer () {
                         return false !== local.showContainer;
                     }
-                });
+                }));
             }
         }), null);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$14, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
@@ -592,29 +600,29 @@ const FloatingDock = (rawProps)=>{
                         return "dock" !== local.mobileMode;
                     },
                     get fallback () {
-                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FloatingDockDesktop, {
+                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FloatingDockDesktop, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
                             get items () {
                                 return local.items;
-                            },
-                            get ["class"] () {
-                                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.barMobileDock, local.mobileClass);
-                            },
+                            }
+                        }, ()=>({
+                                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__FloatingDock_classes_js_f8a95c68__.CLASSES.barMobileDock, local.mobileClass)
+                            }), {
                             get cfg () {
                                 return cfg();
                             },
                             get showContainer () {
                                 return false !== local.showContainer;
                             }
-                        });
+                        }));
                     },
                     get children () {
-                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FloatingDockMobile, {
+                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FloatingDockMobile, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
                             get items () {
                                 return local.items;
-                            },
-                            get ["class"] () {
-                                return local.mobileClass;
-                            },
+                            }
+                        }, ()=>({
+                                class: local.mobileClass
+                            }), {
                             get toggleIcon () {
                                 return local.mobileToggleIcon;
                             },
@@ -624,7 +632,7 @@ const FloatingDock = (rawProps)=>{
                             get cfg () {
                                 return cfg();
                             }
-                        });
+                        }));
                     }
                 });
             }

package/dist/components/footer/Footer.js

@@ -21,11 +21,10 @@ const Footer = (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();
             }
-        }), false, true);
+        }, ()=>({
+                class: classes()
+            })), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
         return _el$;
     })();

package/dist/components/footer/FooterTitle.js

@@ -16,11 +16,10 @@ const FooterTitle = (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();
             }
-        }), false, true);
+        }, ()=>({
+                class: classes()
+            })), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
         return _el$;
     })();

package/dist/components/form/Form.js

@@ -13,10 +13,9 @@ const FormRoot = (props)=>{
     ]);
     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__Form_classes_js_b7c9f8c6__.CLASSES.base, 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__Form_classes_js_b7c9f8c6__.CLASSES.base, local.class, local.className)
+            }), {
             "data-slot": "form",
             get ["data-theme"] () {
                 return local.dataTheme;

package/dist/components/glass-panel/GlassPanel.js

@@ -3,7 +3,7 @@ import "./GlassPanel.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__GlassPanel_classes_js_5f11fbfd__ from "./GlassPanel.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button><span></span><svg fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=1.5><path stroke-linecap=round stroke-linejoin=round d="M19 9l-7 7-7-7">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div><div>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button><span></span><svg><path stroke-linecap=round stroke-linejoin=round d="M19 9l-7 7-7-7">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div><div>");
 const GlassPanel = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "blur",
@@ -41,10 +41,9 @@ const GlassPanel = (props)=>{
     const contentClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.slot.content, local.collapsible && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.contentCollapsible, local.collapsible && !isOpen() && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.contentCollapsed, (!local.collapsible || isOpen()) && !(local.paddingX || local.paddingY) && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.size[size()], local.paddingX, local.paddingY);
     return (()=>{
         var _el$ = _tmpl$2(), _el$5 = _el$.firstChild, _el$6 = _el$5.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return containerClasses();
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: containerClasses()
+            }), {
             get ["data-theme"] () {
                 return local.dataTheme;
             },
@@ -58,8 +57,18 @@ const GlassPanel = (props)=>{
             },
             get children () {
                 var _el$2 = _tmpl$(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
-                _el$2.$$click = handleToggle;
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "aria-controls", contentId);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.slot.headerButton
+                    }), {
+                    onClick: handleToggle,
+                    get ["aria-expanded"] () {
+                        return isOpen();
+                    },
+                    "aria-controls": contentId
+                }), 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__GlassPanel_classes_js_5f11fbfd__.CLASSES.slot.headerLabel
+                    })), false, true);
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
                     get when () {
                         return local.icon;
@@ -69,42 +78,34 @@ const GlassPanel = (props)=>{
                     }
                 }), null);
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.title, null);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                    var _v$ = __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.slot.headerButton, _v$2 = isOpen(), _v$3 = __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.slot.headerLabel, _v$4 = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.slot.chevron, isOpen() && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.chevronOpen);
-                    _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, "aria-expanded", _p$.t = _v$2);
-                    _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.a = _v$3);
-                    _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "class", _p$.o = _v$4);
-                    return _p$;
-                }, {
-                    e: void 0,
-                    t: void 0,
-                    a: void 0,
-                    o: void 0
-                });
+                (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__GlassPanel_classes_js_5f11fbfd__.CLASSES.slot.chevron, isOpen() && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.chevronOpen)
+                    }), {
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    "stroke-width": "1.5"
+                }), true, true);
                 return _el$2;
             }
         }), _el$5);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "id", contentId);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: contentClasses()
+            }), {
+            get style () {
+                return {
+                    "grid-template-rows": !local.collapsible || isOpen() ? "1fr" : "0fr",
+                    opacity: !local.collapsible || isOpen() ? "1" : "0"
+                };
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.slot.contentInner, local.collapsible && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.contentInnerHidden)
+            })), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$5 = contentClasses(), _v$6 = !local.collapsible || isOpen() ? "1fr" : "0fr", _v$7 = !local.collapsible || isOpen() ? "1" : "0", _v$8 = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.slot.contentInner, local.collapsible && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.contentInnerHidden);
-            _v$5 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.e = _v$5);
-            _v$6 !== _p$.t && (null != (_p$.t = _v$6) ? _el$5.style.setProperty("grid-template-rows", _v$6) : _el$5.style.removeProperty("grid-template-rows"));
-            _v$7 !== _p$.a && (null != (_p$.a = _v$7) ? _el$5.style.setProperty("opacity", _v$7) : _el$5.style.removeProperty("opacity"));
-            _v$8 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.o = _v$8);
-            return _p$;
-        }, {
-            e: void 0,
-            t: void 0,
-            a: void 0,
-            o: void 0
-        });
         return _el$;
     })();
 };
 const glass_panel_GlassPanel = GlassPanel;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "click"
-]);
 export { glass_panel_GlassPanel as default };