@pathscale/ui 0.0.157 → 0.0.159

package/dist/index.js

@@ -3417,16 +3417,30 @@ const getDefaultConfig = ()=>{
 };
 const twMerge = /*#__PURE__*/ createTailwindMerge(getDefaultConfig);
 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)("<summary>");
+const TITLE_PART = "title";
 const classesFn = ({ className })=>twMerge("collapse-title", className);
 function CollapseTitle(props) {
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "onClick"
+    ]);
+    const handleClick = (event)=>{
+        const titleNode = event.currentTarget;
+        const root = titleNode.closest(".collapse");
+        const toggleInput = root?.querySelector(':scope > input[type="checkbox"], :scope > input[type="radio"]');
+        if (toggleInput) toggleInput.click();
+        if ("function" == typeof local.onClick) local.onClick(event);
+    };
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            "data-collapse-part": TITLE_PART,
             get ["class"] () {
                 return classesFn({
-                    className: props.class
+                    className: local.class
                 });
-            }
+            },
+            onClick: handleClick
         }), false, false);
         return _el$;
     })();
@@ -3435,6 +3449,7 @@ function Summary(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)(props, {
+            "data-collapse-part": TITLE_PART,
             get ["class"] () {
                 return classesFn({
                     className: props.class
@@ -3450,6 +3465,7 @@ function CollapseContent(props) {
     return (()=>{
         var _el$ = CollapseContent_tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
+            "data-collapse-part": "content",
             class: classes
         }), false, false);
         return _el$;
@@ -3457,6 +3473,8 @@ function CollapseContent(props) {
 }
 var Accordion_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=region>"), Accordion_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>");
 const accordionGroups = new Map();
+const Accordion_TITLE_PART = "title";
+const CONTENT_PART = "content";
 const Accordion = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "name",
@@ -3526,32 +3544,46 @@ const Accordion = (props)=>{
         const arr = Array.isArray(children) ? children : [
             children
         ];
+        const getChildProps = (child)=>{
+            if (null == child || "object" != typeof child || !("props" in child)) return null;
+            const candidate = child.props;
+            return candidate && "object" == typeof candidate ? candidate : null;
+        };
         return arr.map((child)=>{
-            if (null == child || "object" != typeof child || !("props" in child)) return child;
-            if (child.props && "object" == typeof child.props && "class" in child.props && "string" == typeof child.props.class && child.props.class.includes("collapse-title")) return {
-                ...child,
-                props: {
-                    ...child.props,
-                    id: titleId,
-                    role: "button",
-                    tabIndex: 0,
-                    "aria-expanded": expanded(),
-                    "aria-controls": contentId,
-                    onClick: handleToggle,
-                    onKeyDown: (e)=>{
-                        if ("Enter" === e.key || " " === e.key) {
-                            e.preventDefault();
+            const childProps = getChildProps(child);
+            if (!childProps) return child;
+            const childElement = child;
+            const collapsePart = childProps["data-collapse-part"] === Accordion_TITLE_PART || childProps["data-collapse-part"] === CONTENT_PART ? childProps["data-collapse-part"] : null;
+            if (collapsePart === Accordion_TITLE_PART) {
+                const originalOnClick = childProps.onClick && "function" == typeof childProps.onClick ? childProps.onClick : void 0;
+                const originalOnKeyDown = childProps.onKeyDown && "function" == typeof childProps.onKeyDown ? childProps.onKeyDown : void 0;
+                return {
+                    ...childElement,
+                    props: {
+                        ...childProps,
+                        id: titleId,
+                        role: "button",
+                        tabIndex: 0,
+                        "aria-expanded": expanded(),
+                        "aria-controls": contentId,
+                        onClick: (e)=>{
                             handleToggle();
+                            if (originalOnClick) originalOnClick(e);
+                        },
+                        onKeyDown: (e)=>{
+                            if ("Enter" === e.key || " " === e.key) {
+                                e.preventDefault();
+                                handleToggle();
+                            }
+                            if (originalOnKeyDown) originalOnKeyDown(e);
                         }
-                        const origOnKeyDown = child.props && child.props.onKeyDown;
-                        if ("function" == typeof origOnKeyDown) origOnKeyDown(e);
                     }
-                }
-            };
-            if (child.props && "object" == typeof child.props && "class" in child.props && "string" == typeof child.props.class && child.props.class.includes("collapse-content")) return {
-                ...child,
+                };
+            }
+            if (collapsePart === CONTENT_PART) return {
+                ...childElement,
                 props: {
-                    ...child.props,
+                    ...childProps,
                     id: contentId
                 }
             };
@@ -3586,7 +3618,7 @@ const Accordion = (props)=>{
                     return _el$2;
                 })();
         })(), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, childrenWithAria, null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>childrenWithAria(), null);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
             var _v$ = classes(), _v$2 = local.dataTheme, _v$3 = local.style, _v$4 = local["aria-label"], _v$5 = local["aria-describedby"], _v$6 = local["aria-labelledby"] || titleId;
             _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$);
@@ -3820,14 +3852,14 @@ const Avatar = (props)=>{
             "ring-offset-base-100 ring-offset-2": local.border,
             [`ring-${local.borderColor}`]: local.border && local.borderColor,
             "rounded-full": "circle" === local.shape,
-            "rounded-btn": "square" === local.shape,
+            "rounded-lg": "square" === local.shape,
             "w-32 h-32": "lg" === local.size,
             "w-24 h-24": "md" === local.size,
             "w-14 h-14": "sm" === local.size,
             "w-10 h-10": "xs" === local.size
         }));
     const placeholderClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>clsx(baseInner(), {
-            "bg-neutral-focus": !local.color,
+            "bg-neutral": !local.color,
             "text-neutral-content": !local.color || "neutral" === local.color,
             [`bg-${local.color}`]: !!local.color,
             [`text-${local.color}-content`]: !!local.color,
@@ -3835,7 +3867,7 @@ const Avatar = (props)=>{
             "ring-offset-base-100 ring-offset-2": local.border,
             [`ring-${local.borderColor}`]: local.border && local.borderColor,
             "rounded-full": "circle" === local.shape,
-            "rounded-btn": "square" === local.shape,
+            "rounded-lg": "square" === local.shape,
             "w-32 h-32 text-3xl": "lg" === local.size,
             "w-24 h-24 text-xl": "md" === local.size,
             "w-14 h-14": "sm" === local.size,
@@ -3976,7 +4008,7 @@ const Badge_Badge = (props)=>{
             "badge-success": "success" === local.color,
             "badge-warning": "warning" === local.color,
             "badge-error": "error" === local.color,
-            "badge-xs md:badge-sm lg:badge-md xl:badge-lg": local.responsive
+            "badge-responsive": local.responsive
         }));
     return (()=>{
         var _el$ = Badge_tmpl$();
@@ -4364,7 +4396,7 @@ const Button = (props)=>{
             glass: local.glass,
             "btn-wide": local.wide,
             "btn-block": local.fullWidth,
-            "btn-xs sm:btn-sm md:btn-md lg:btn-lg": local.responsive,
+            "btn-responsive": local.responsive,
             "no-animation": !local.animation,
             "btn-active": local.active,
             "btn-disabled": local.disabled,
@@ -5680,7 +5712,7 @@ const Icon = (props)=>{
     })();
 };
 const icon_Icon = Icon;
-var Calendar_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=dropdown><button type=button>"), Calendar_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div class=w-full><calendar-date><calendar-month>", true, false, false), Calendar_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="fixed inset-0 z-40">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><calendar-date><calendar-month>", true, false, false);
+var Calendar_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="relative inline-block"><button type=button>'), Calendar_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div class=w-full><calendar-date><calendar-month>", true, false, false), Calendar_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="fixed inset-0 z-40">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><calendar-date><calendar-month>", true, false, false);
 const Calendar_Calendar = (props)=>{
     const [local] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "size",
@@ -5752,7 +5784,7 @@ const Calendar_Calendar = (props)=>{
             "input-xs w-56": "xs" === local.size,
             "input-disabled cursor-not-allowed": local.disabled
         }));
-    const dropdownClasses = ()=>twMerge("dropdown-content bg-base-100 rounded-box shadow-lg z-50 p-2", "w-auto", clsx({
+    const dropdownClasses = ()=>twMerge("absolute left-0 top-full mt-1 bg-base-100 rounded-box shadow-lg z-50 p-2", "w-auto", clsx({
             "w-80": "lg" === local.size,
             "w-72": "md" === local.size || !local.size,
             "w-64": "sm" === local.size,
@@ -5912,10 +5944,10 @@ var Card_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951
 const DYNAMIC_MODIFIERS = {
     side: {
         true: "card-side",
-        xs: "xs:card-side",
-        sm: "sm:card-side",
-        md: "md:card-side",
-        lg: "lg:card-side"
+        xs: "card-side-xs",
+        sm: "card-side-sm",
+        md: "card-side-md",
+        lg: "card-side-lg"
     }
 };
 const Card = (props)=>{
@@ -6254,9 +6286,6 @@ const Checkbox = (props)=>{
             },
             get ["aria-labelledby"] () {
                 return local["aria-labelledby"];
-            },
-            get ["aria-checked"] () {
-                return local.indeterminate ? "mixed" : props.checked ?? props.defaultChecked ?? void 0;
             }
         }), false, false);
         return _el$;
@@ -8565,7 +8594,7 @@ function ModalLegacy(props) {
     const { children, open, responsive, onClickBackdrop, dataTheme, class: classProp, className, ...rest } = props;
     const containerClasses = twMerge("modal", clsx({
         "modal-open": open,
-        "modal-bottom sm:modal-middle": responsive
+        "modal-bottom modal-responsive-middle": responsive
     }));
     const bodyClasses = twMerge("modal-box", classProp, className);
     return (()=>{
@@ -8592,7 +8621,8 @@ function ModalLegacy(props) {
 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
     "click"
 ]);
-var Modal_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<dialog><div>"), Modal_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<form method=dialog class=modal-backdrop><button type=submit class=sr-only>Close");
+var Modal_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<dialog><div>"), Modal_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<form method=dialog class=modal-backdrop data-modal-backdrop=true><button type=submit class=sr-only>Close");
+const MODAL_BACKDROP_SELECTOR = "[data-modal-backdrop='true']";
 function Modal(props) {
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -8631,7 +8661,7 @@ function Modal(props) {
             if (false === local.closeOnOutsideClick) return;
             const target = event.target;
             if (!dialogRef) return;
-            if (target === dialogRef || target.closest(".modal-backdrop")) local.onClose?.();
+            if (target === dialogRef || target.closest(MODAL_BACKDROP_SELECTOR)) local.onClose?.();
         };
         dialogRef.addEventListener("close", handleClose);
         dialogRef.addEventListener("cancel", handleCancel);
@@ -8649,7 +8679,7 @@ function Modal(props) {
             "modal-top": "top" === local.position,
             "modal-middle": "middle" === local.position,
             "modal-bottom": "bottom" === local.position,
-            "modal-bottom sm:modal-middle": local.responsive
+            "modal-bottom modal-responsive-middle": local.responsive
         })));
     const bodyClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("modal-box", local.class, local.className, dist_clsx({
             "max-w-none w-11/12 max-w-7xl": "xl" === local.size,
@@ -9175,8 +9205,7 @@ const ConnectionStatus = (props)=>{
     }));
 };
 const connectionstatus_ConnectionStatus = ConnectionStatus;
-var CopyButton_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button>");
-const CopyButton_CopyButton = (props)=>{
+const CopyButton = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "text",
         "title",
@@ -9203,43 +9232,44 @@ const CopyButton_CopyButton = (props)=>{
         if (local.copiedToken) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(local.copiedToken, {});
         return "Copied!";
     };
-    return (()=>{
-        var _el$ = CopyButton_tmpl$();
-        _el$.$$click = copy;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-            get title () {
-                return local.title || "Copy to clipboard";
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get ["class"] () {
-                return twMerge("btn btn-sm btn-ghost", copied() ? "text-success" : "", local.class, local.className);
-            }
-        }, others), 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 !copied();
-            },
-            get children () {
-                return getContent();
-            }
-        }), null);
-        (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 copied();
-            },
-            get children () {
-                return getCopiedContent();
-            }
-        }), null);
-        return _el$;
-    })();
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        type: "button",
+        size: "sm",
+        color: "ghost",
+        onClick: copy,
+        get title () {
+            return local.title || "Copy to clipboard";
+        },
+        get ["data-theme"] () {
+            return local.dataTheme;
+        },
+        get ["class"] () {
+            return twMerge(copied() ? "text-success" : "", local.class, local.className);
+        }
+    }, others, {
+        get children () {
+            return [
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                    get when () {
+                        return !copied();
+                    },
+                    get children () {
+                        return getContent();
+                    }
+                }),
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                    get when () {
+                        return copied();
+                    },
+                    get children () {
+                        return getCopiedContent();
+                    }
+                })
+            ];
+        }
+    }));
 };
-const CopyButton = CopyButton_CopyButton;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "click"
-]);
+const copy_button_CopyButton = CopyButton;
 var Countdown_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span role=timer><span>");
 const Countdown = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -9604,6 +9634,7 @@ const DropdownToggle = (props)=>{
         "disabled",
         "dataTheme",
         "class",
+        "className",
         "id",
         "role",
         "aria-haspopup",
@@ -9624,11 +9655,19 @@ const DropdownToggle = (props)=>{
         ...commonAriaProps,
         "aria-haspopup": normalizeAriaHaspopup(local["aria-haspopup"])
     };
+    const wrapperClass = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.button ? void 0 : [
+            local.class,
+            local.className
+        ].filter(Boolean).join(" "));
+    const buttonClass = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.button ? [
+            local.class,
+            local.className
+        ].filter(Boolean).join(" ") : void 0);
     return (()=>{
         var _el$ = DropdownToggle_tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, commonAriaProps, {
             get ["class"] () {
-                return local.class;
+                return wrapperClass();
             }
         }), 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, {
@@ -9652,6 +9691,9 @@ const DropdownToggle = (props)=>{
                     },
                     get disabled () {
                         return local.disabled;
+                    },
+                    get ["class"] () {
+                        return buttonClass();
                     }
                 }, buttonAriaProps, {
                     get children () {
@@ -9764,49 +9806,215 @@ const DropdownItem = (props)=>{
     })();
 };
 const dropdown_DropdownItem = DropdownItem;
-var DropdownMenu_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<ul>");
-const DropdownMenu = (props)=>{
+var MenuTitle_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li>");
+const MenuTitle = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "className"
+    ]);
+    const classes = ()=>twMerge("menu-title", local.class, local.className);
+    return (()=>{
+        var _el$ = MenuTitle_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();
+            }
+        }), false, false);
+        return _el$;
+    })();
+};
+const menu_MenuTitle = MenuTitle;
+var MenuItem_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li role=menuitem>");
+const MenuItem = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "class",
         "className",
-        "dataTheme",
+        "focus",
+        "active",
+        "disabled",
+        "children",
         "style",
-        "id",
-        "hideOverflow",
-        "role",
-        "aria-labelledby"
+        "dataTheme"
     ]);
-    const hideOverflowMemo = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.hideOverflow ?? true);
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("dropdown-content menu p-2 shadow bg-base-100 overflow-y-auto flex-nowrap w-full rounded-box", dist_clsx({
-            "max-h-50": hideOverflowMemo()
-        }), local.class, local.className));
+    const classes = ()=>twMerge(local.class, local.className, clsx({
+            "menu-focus": local.focus,
+            "menu-active": local.active,
+            "menu-disabled": local.disabled
+        }));
     return (()=>{
-        var _el$ = DropdownMenu_tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get id () {
-                return local.id;
+        var _el$ = MenuItem_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return classes();
             },
-            get ["aria-labelledby"] () {
-                return local["aria-labelledby"];
+            get style () {
+                return local.style;
             },
-            tabindex: 0,
             get ["data-theme"] () {
                 return local.dataTheme;
+            }
+        }, others), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const menu_MenuItem = MenuItem;
+var MenuDropdown_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), MenuDropdown_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<ul>");
+const MenuDropdown_MenuDropdown = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "label",
+        "open",
+        "class",
+        "className",
+        "style",
+        "children",
+        "dataTheme"
+    ]);
+    const spanClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("menu-dropdown-toggle", local.class, local.className, clsx({
+            "menu-dropdown-show": local.open
+        })));
+    const ulClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>clsx("menu-dropdown", {
+            "menu-dropdown-show": local.open
+        }));
+    return [
+        (()=>{
+            var _el$ = MenuDropdown_tmpl$();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+                get ["class"] () {
+                    return spanClasses();
+                },
+                get style () {
+                    return local.style;
+                },
+                get ["data-theme"] () {
+                    return local.dataTheme;
+                }
+            }), false, true);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.label);
+            return _el$;
+        })(),
+        (()=>{
+            var _el$2 = MenuDropdown_tmpl$2();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, ulClasses()));
+            return _el$2;
+        })()
+    ];
+};
+const MenuDropdown = MenuDropdown_MenuDropdown;
+var MenuDetails_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<details><summary></summary><ul>");
+const MenuDetails = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "label",
+        "open",
+        "class",
+        "className",
+        "style",
+        "children",
+        "dataTheme"
+    ]);
+    const classAttr = ()=>local.class ?? local.className;
+    return (()=>{
+        var _el$ = MenuDetails_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get open () {
+                return local.open;
             },
             get ["class"] () {
-                return classes();
+                return classAttr();
             },
             get style () {
                 return local.style;
             },
-            get role () {
-                return local.role ?? "menu";
+            get ["data-theme"] () {
+                return local.dataTheme;
             }
-        }), false, false);
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.label);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
         return _el$;
     })();
 };
-const dropdown_DropdownMenu = DropdownMenu;
+const menu_MenuDetails = MenuDetails;
+var Menu_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<ul role=menu>");
+const Menu = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "responsive",
+        "horizontal",
+        "vertical",
+        "size",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    const classes = ()=>twMerge("menu", local.class, local.className, clsx({
+            "menu-responsive": local.responsive,
+            "menu-xl": "xl" === local.size,
+            "menu-lg": "lg" === local.size,
+            "menu-md": "md" === local.size,
+            "menu-sm": "sm" === local.size,
+            "menu-xs": "xs" === local.size,
+            "menu-vertical": local.vertical,
+            "menu-horizontal": local.horizontal
+        }));
+    return (()=>{
+        var _el$ = Menu_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get ["class"] () {
+                return classes();
+            }
+        }, others), false, false);
+        return _el$;
+    })();
+};
+const menu_Menu = Object.assign(Menu, {
+    Title: menu_MenuTitle,
+    Item: menu_MenuItem,
+    Dropdown: MenuDropdown,
+    Details: menu_MenuDetails,
+    Menu: Menu
+});
+const DropdownMenu_DropdownMenu = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "id",
+        "hideOverflow",
+        "role",
+        "aria-labelledby"
+    ]);
+    const hideOverflowMemo = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.hideOverflow ?? true);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("dropdown-content p-2 shadow bg-base-100 overflow-y-auto flex-nowrap w-full rounded-box", dist_clsx({
+            "max-h-50": hideOverflowMemo()
+        }), local.class, local.className));
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(menu_Menu, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        get id () {
+            return local.id;
+        },
+        get ["aria-labelledby"] () {
+            return local["aria-labelledby"];
+        },
+        tabIndex: 0,
+        get dataTheme () {
+            return local.dataTheme;
+        },
+        get ["class"] () {
+            return classes();
+        },
+        get style () {
+            return local.style;
+        },
+        get role () {
+            return local.role ?? "menu";
+        }
+    }));
+};
+const DropdownMenu = DropdownMenu_DropdownMenu;
 function useDropdown(trigger, disabled = false) {
     const [open, setOpenState] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
     let ref;
@@ -9847,7 +10055,7 @@ function useDropdown(trigger, disabled = false) {
         onLeave
     };
 }
-var Dropdown_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label tabindex=0>"), Dropdown_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<ul class=dropdown-content role=listbox>"), Dropdown_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+var Dropdown_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label tabindex=0>"), Dropdown_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const Dropdown_classesFn = ({ className, horizontal, vertical, end, hover, open })=>twMerge("dropdown", className, clsx({
         "dropdown-left": "left" === horizontal,
         "dropdown-right": "right" === horizontal,
@@ -9880,6 +10088,8 @@ const Dropdown = (props)=>{
         "aria-labelledby"
     ]);
     const dropdownCtx = useDropdown(local.hover ? "hover" : "click");
+    const fallbackToggleId = `dropdown-toggle-${(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)()}`;
+    const fallbackMenuId = `dropdown-menu-${(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)()}`;
     const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
         const isOpen = local.open ?? dropdownCtx.open();
         return twMerge("dropdown", local.class, local.className, clsx({
@@ -9896,7 +10106,7 @@ const Dropdown = (props)=>{
     return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(DropdownContext.Provider, {
         value: dropdownCtx,
         get children () {
-            var _el$ = Dropdown_tmpl$3();
+            var _el$ = Dropdown_tmpl$2();
             var _ref$ = dropdownCtx.ref;
             "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : dropdownCtx.ref = _el$;
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
@@ -9949,14 +10159,19 @@ const Dropdown = (props)=>{
                     return [
                         (()=>{
                             var _el$2 = Dropdown_tmpl$();
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "id", fallbackToggleId);
                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
                             return _el$2;
                         })(),
-                        (()=>{
-                            var _el$3 = Dropdown_tmpl$2();
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.item);
-                            return _el$3;
-                        })()
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(DropdownMenu, {
+                            id: fallbackMenuId,
+                            "aria-labelledby": fallbackToggleId,
+                            role: "listbox",
+                            hideOverflow: false,
+                            get children () {
+                                return local.item;
+                            }
+                        })
                     ];
                 }
             }));
@@ -9967,18 +10182,11 @@ const Dropdown = (props)=>{
 const dropdown_Dropdown = Object.assign(Dropdown, {
     Details: DropdownDetails,
     Toggle: dropdown_DropdownToggle,
-    Menu: dropdown_DropdownMenu,
+    Menu: DropdownMenu,
     Item: dropdown_DropdownItem
 });
 const dropdown = dropdown_Dropdown;
 var DropdownSelect_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=truncate>"), DropdownSelect_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg class="h-4 w-4 shrink-0 opacity-60"xmlns=http://www.w3.org/2000/svg viewBox="0 0 20 20"fill=currentColor aria-hidden=true><path fill-rule=evenodd d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"clip-rule=evenodd>'), DropdownSelect_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="flex items-center gap-2 w-full"><span class=truncate>'), DropdownSelect_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 20 20"fill=currentColor aria-hidden=true><path fill-rule=evenodd d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"clip-rule=evenodd>');
-const sizeClasses = {
-    xs: "btn-xs text-xs",
-    sm: "btn-sm text-sm",
-    md: "btn-md text-base",
-    lg: "btn-lg text-lg",
-    xl: "btn-xl text-xl"
-};
 const DropdownSelectInner = (props)=>{
     const dropdownCtx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(DropdownContext);
     const [highlightedIndex, setHighlightedIndex] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(-1);
@@ -10095,11 +10303,14 @@ const DropdownSelectInner = (props)=>{
     });
     return [
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Toggle, {
-            get ["class"] () {
-                return twMerge("btn gap-2 justify-between", sizeClasses[props.size], dist_clsx({
-                    "btn-disabled": props.disabled
-                }));
+            button: true,
+            get size () {
+                return props.size;
+            },
+            get disabled () {
+                return props.disabled;
             },
+            class: "gap-2 justify-between",
             "aria-haspopup": "listbox",
             get ["aria-expanded"] () {
                 return isOpen();
@@ -10674,16 +10885,14 @@ const FloatingDockDesktop = (props)=>{
             }
         }));
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$0 = twMerge("mx-auto", "items-center", props.showContainer && "rounded-2xl bg-base-100 shadow-[0px_1px_0px_0px_var(--color-base-300)_inset,0px_1px_0px_0px_var(--color-base-100)]", isH() && props.showContainer && "px-4 py-2", !isH() && props.showContainer && "py-4 px-2", props.class), _v$1 = {
-                display: "flex",
+            var _v$0 = twMerge("mx-auto flex overflow-visible", "items-center", props.showContainer && "rounded-2xl bg-base-100 shadow-[0px_1px_0px_0px_var(--color-base-300)_inset,0px_1px_0px_0px_var(--color-base-100)]", isH() && props.showContainer && "px-4 py-2", !isH() && props.showContainer && "py-4 px-2", props.class), _v$1 = {
                 "flex-direction": isH() ? "row" : "column",
                 gap: `${cfg.gap}px`,
                 ...isH() ? {
                     height: `${cfg.baseSize + 16}px`
                 } : {
                     width: `${cfg.baseSize + 16}px`
-                },
-                overflow: "visible"
+                }
             };
             _v$0 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.e = _v$0);
             _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$6, _v$1, _p$.t);
@@ -13565,7 +13774,7 @@ const Link = (props)=>{
     })();
 };
 const link_Link = Link;
-var LiveChatPanel_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg xmlns=http://www.w3.org/2000/svg class="w-5 h-5"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">'), LiveChatPanel_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<h3 class="font-semibold text-lg">'), LiveChatPanel_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="flex-shrink-0 bg-primary text-primary-content px-4 py-4 flex items-center justify-between"><button class="hover:bg-primary-focus rounded-lg p-1 transition-colors"><svg xmlns=http://www.w3.org/2000/svg class="w-5 h-5"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 class="flex-1 overflow-y-auto px-4 py-4 space-y-4"></div><div class="flex-shrink-0 border-t border-base-300 bg-base-100 p-3">'), LiveChatPanel_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), LiveChatPanel_tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><p class="text-sm leading-relaxed whitespace-pre-wrap break-words">'), LiveChatPanel_tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-xs text-base-content/50 mt-1 px-1">'), LiveChatPanel_tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="w-4 h-4 border-2 border-primary-content/30 border-t-primary-content rounded-full animate-spin inline-block">');
+var LiveChatPanel_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg xmlns=http://www.w3.org/2000/svg class="w-5 h-5"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">'), LiveChatPanel_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<h3 class="font-semibold text-lg">'), LiveChatPanel_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="flex-shrink-0 bg-primary text-primary-content px-4 py-4 flex items-center justify-between"><button class="hover:bg-primary/90 rounded-lg p-1 transition-colors"><svg xmlns=http://www.w3.org/2000/svg class="w-5 h-5"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 class="flex-1 overflow-y-auto px-4 py-4 space-y-4"></div><div class="flex-shrink-0 border-t border-base-300 bg-base-100 p-3">'), LiveChatPanel_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), LiveChatPanel_tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><p class="text-sm leading-relaxed whitespace-pre-wrap break-words">'), LiveChatPanel_tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-xs text-base-content/50 mt-1 px-1">'), LiveChatPanel_tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="w-4 h-4 border-2 border-primary-content/30 border-t-primary-content rounded-full animate-spin inline-block">');
 const getMockMessages = ()=>{
     const salesMessages = [
         {
@@ -14249,177 +14458,6 @@ const Mask_Mask = (props)=>{
 Mask_Mask.className = maskClassName;
 const Mask = Mask_Mask;
 const mask = Mask;
-var MenuTitle_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li>");
-const MenuTitle = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "class",
-        "className"
-    ]);
-    const classes = ()=>twMerge("menu-title", local.class, local.className);
-    return (()=>{
-        var _el$ = MenuTitle_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();
-            }
-        }), false, false);
-        return _el$;
-    })();
-};
-const menu_MenuTitle = MenuTitle;
-var MenuItem_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li role=menuitem>");
-const MenuItem = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "class",
-        "className",
-        "focus",
-        "active",
-        "disabled",
-        "children",
-        "style",
-        "dataTheme"
-    ]);
-    const classes = ()=>twMerge(local.class, local.className, clsx({
-            "menu-focus": local.focus,
-            "menu-active": local.active,
-            "menu-disabled": local.disabled
-        }));
-    return (()=>{
-        var _el$ = MenuItem_tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-            get ["class"] () {
-                return classes();
-            },
-            get style () {
-                return local.style;
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            }
-        }, others), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
-        return _el$;
-    })();
-};
-const menu_MenuItem = MenuItem;
-var MenuDropdown_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), MenuDropdown_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<ul>");
-const MenuDropdown_MenuDropdown = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "label",
-        "open",
-        "class",
-        "className",
-        "style",
-        "children",
-        "dataTheme"
-    ]);
-    const spanClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("menu-dropdown-toggle", local.class, local.className, clsx({
-            "menu-dropdown-show": local.open
-        })));
-    const ulClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>clsx("menu-dropdown", {
-            "menu-dropdown-show": local.open
-        }));
-    return [
-        (()=>{
-            var _el$ = MenuDropdown_tmpl$();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-                get ["class"] () {
-                    return spanClasses();
-                },
-                get style () {
-                    return local.style;
-                },
-                get ["data-theme"] () {
-                    return local.dataTheme;
-                }
-            }), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.label);
-            return _el$;
-        })(),
-        (()=>{
-            var _el$2 = MenuDropdown_tmpl$2();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, ulClasses()));
-            return _el$2;
-        })()
-    ];
-};
-const MenuDropdown = MenuDropdown_MenuDropdown;
-var MenuDetails_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<details><summary></summary><ul>");
-const MenuDetails = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "label",
-        "open",
-        "class",
-        "className",
-        "style",
-        "children",
-        "dataTheme"
-    ]);
-    const classAttr = ()=>local.class ?? local.className;
-    return (()=>{
-        var _el$ = MenuDetails_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get open () {
-                return local.open;
-            },
-            get ["class"] () {
-                return classAttr();
-            },
-            get style () {
-                return local.style;
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.label);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
-        return _el$;
-    })();
-};
-const menu_MenuDetails = MenuDetails;
-var Menu_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<ul role=menu>");
-const Menu = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "responsive",
-        "horizontal",
-        "vertical",
-        "size",
-        "class",
-        "className",
-        "dataTheme"
-    ]);
-    const classes = ()=>twMerge("menu", local.class, local.className, clsx({
-            "menu-vertical lg:menu-horizontal": local.responsive,
-            "menu-xl": "xl" === local.size,
-            "menu-lg": "lg" === local.size,
-            "menu-md": "md" === local.size,
-            "menu-sm": "sm" === local.size,
-            "menu-xs": "xs" === local.size,
-            "menu-vertical": local.vertical,
-            "menu-horizontal": local.horizontal
-        }));
-    return (()=>{
-        var _el$ = Menu_tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get ["class"] () {
-                return classes();
-            }
-        }, others), false, false);
-        return _el$;
-    })();
-};
-const menu_Menu = Object.assign(Menu, {
-    Title: menu_MenuTitle,
-    Item: menu_MenuItem,
-    Dropdown: MenuDropdown,
-    Details: menu_MenuDetails,
-    Menu: Menu
-});
 var NavbarSection_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const NavbarSection = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -14577,7 +14615,7 @@ const navbar_Navbar = Object.assign(Navbar, {
     Stack: NavbarStack,
     Row: navbar_NavbarRow
 });
-var NoiseBackground_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="absolute inset-0 opacity-40"></div><div class="absolute inset-0 opacity-30"></div><div class="absolute inset-0 opacity-25"></div><div class="absolute inset-x-0 top-0 h-1 opacity-80 blur-sm"></div><div>'), NoiseBackground_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="pointer-events-none absolute inset-0 overflow-hidden"><img alt class="h-full w-full object-cover">');
+var NoiseBackground_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="absolute inset-0 opacity-40"></div><div class="absolute inset-0 opacity-30"></div><div class="absolute inset-0 opacity-25"></div><div class="absolute inset-x-0 top-0 h-1 opacity-80 blur-sm"></div><div>'), NoiseBackground_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="pointer-events-none absolute inset-0 overflow-hidden"><img alt class="h-full w-full object-cover mix-blend-overlay">');
 function NoiseBackground_createSpring(initial, stiffness = 100, damping = 30) {
     let current = initial;
     let velocity = 0;
@@ -14753,7 +14791,6 @@ const NoiseBackground = (rawProps)=>{
             return ()=>_c$() && (()=>{
                     var _el$7 = NoiseBackground_tmpl$2(), _el$8 = _el$7.firstChild;
                     _el$8.style.setProperty("opacity", "var(--noise-opacity, 0.2)");
-                    _el$8.style.setProperty("mix-blend-mode", "overlay");
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$8, "src", local.noiseSrc ?? "/noise.webp"));
                     return _el$7;
                 })();
@@ -15570,7 +15607,7 @@ const ShowcaseSection_ShowcaseSection = (props)=>{
                         }));
                         return _el$2;
                     })(),
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(CopyButton, {
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(copy_button_CopyButton, {
                         get text () {
                             return getSectionUrl();
                         },
@@ -15972,7 +16009,7 @@ const StatCardSection = (section)=>(props)=>{
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
             return _el$;
         })();
-        if ("value" === section && local.copyable) content = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(CopyButton, {
+        if ("value" === section && local.copyable) content = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(copy_button_CopyButton, {
             get text () {
                 return String(local.children);
             },
@@ -17002,7 +17039,7 @@ const table_Table = Object.assign(Table, {
     Cell: TableCell,
     HeadCell: table_TableHeadCell
 });
-var EnhancedTable_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="cursor-pointer ml-auto">'), EnhancedTable_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class=mb-2></div><div class="flex gap-2 justify-end">'), EnhancedTable_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="enhanced-table-footer shrink-0 border-t border-base-300"><div class="px-4 py-3"><div><div class="flex items-center gap-2"><span class=opacity-70>Rows per page</span></div><div class="flex items-center gap-3 ml-4"><span class=opacity-70>Page <!> of </span><div class=join>'), EnhancedTable_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="enhanced-table-root flex h-full min-h-0 w-full flex-col"><div class="enhanced-table-scroll flex-1 min-h-0 overflow-y-auto overflow-x-auto">'), EnhancedTable_tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="menu p-2 shadow bg-base-100 rounded-box border border-base-300 w-24"role=menu aria-label="Rows per page">'), EnhancedTable_tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex items-center gap-2"><div class=truncate></div><div class=grow>'), EnhancedTable_tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button>"), EnhancedTable_tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex gap-2">');
+var EnhancedTable_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="cursor-pointer ml-auto">'), EnhancedTable_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class=mb-2></div><div class="flex gap-2 justify-end">'), EnhancedTable_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="enhanced-table-footer shrink-0 border-t border-base-300"><div class="px-4 py-3"><div><div class="flex items-center gap-2"><span class=opacity-70>Rows per page</span></div><div class="flex items-center gap-3 ml-4"><span class=opacity-70>Page <!> of </span><div class=join>'), EnhancedTable_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="enhanced-table-root flex h-full min-h-0 w-full flex-col"><div class="enhanced-table-scroll flex-1 min-h-0 overflow-y-auto overflow-x-auto">'), EnhancedTable_tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex items-center gap-2"><div class=truncate></div><div class=grow>'), EnhancedTable_tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex gap-2">');
 function EnhancedTable_EnhancedTable(props) {
     const [local, tableProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "data",
@@ -17303,33 +17340,33 @@ function EnhancedTable_EnhancedTable(props) {
                                                                     return canSort ? header.column.getToggleSortingHandler() : void 0;
                                                                 },
                                                                 get children () {
-                                                                    var _el$18 = EnhancedTable_tmpl$6(), _el$19 = _el$18.firstChild, _el$20 = _el$19.nextSibling;
-                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$19, ()=>(0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(header.column.columnDef.header, header.getContext()));
-                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                                    var _el$17 = EnhancedTable_tmpl$5(), _el$18 = _el$17.firstChild, _el$19 = _el$18.nextSibling;
+                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, ()=>(0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(header.column.columnDef.header, header.getContext()));
+                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$17, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
                                                                         get when () {
                                                                             return "asc" === header.column.getIsSorted();
                                                                         },
                                                                         get children () {
                                                                             return local.sortAscIcon;
                                                                         }
-                                                                    }), _el$20);
-                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                                    }), _el$19);
+                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$17, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
                                                                         get when () {
                                                                             return "desc" === header.column.getIsSorted();
                                                                         },
                                                                         get children () {
                                                                             return local.sortDescIcon;
                                                                         }
-                                                                    }), _el$20);
-                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                                    }), _el$19);
+                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$17, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
                                                                         get when () {
                                                                             return canSort && false === header.column.getIsSorted() && local.sortNeutralIcon;
                                                                         },
                                                                         get children () {
                                                                             return local.sortNeutralIcon;
                                                                         }
-                                                                    }), _el$20);
-                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                                    }), _el$19);
+                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$17, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
                                                                         when: canFilter,
                                                                         get children () {
                                                                             return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FilterIconTrigger, {
@@ -17337,7 +17374,7 @@ function EnhancedTable_EnhancedTable(props) {
                                                                             });
                                                                         }
                                                                     }), null);
-                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$17, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
                                                                         when: canFilter,
                                                                         get children () {
                                                                             return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FilterPanel, {
@@ -17347,7 +17384,7 @@ function EnhancedTable_EnhancedTable(props) {
                                                                             });
                                                                         }
                                                                     }), null);
-                                                                    return _el$18;
+                                                                    return _el$17;
                                                                 }
                                                             });
                                                         }
@@ -17488,7 +17525,7 @@ function EnhancedTable_EnhancedTable(props) {
                     var _el$7 = EnhancedTable_tmpl$3(), _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild, _el$10 = (_el$0.firstChild, _el$0.nextSibling), _el$11 = _el$10.firstChild, _el$12 = _el$11.firstChild, _el$15 = _el$12.nextSibling, _el$16 = (_el$15.nextSibling, _el$11.nextSibling);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
                         size: "sm",
-                        color: "neutral",
+                        color: "ghost",
                         "aria-haspopup": "menu",
                         get ["aria-expanded"] () {
                             return pageSizeMenuOpen();
@@ -17508,6 +17545,8 @@ function EnhancedTable_EnhancedTable(props) {
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>table.getPageCount() || 1, null);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
                         size: "sm",
+                        color: "ghost",
+                        class: "join-item",
                         get disabled () {
                             return !table.getCanPreviousPage();
                         },
@@ -17518,6 +17557,8 @@ function EnhancedTable_EnhancedTable(props) {
                     }), null);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
                         size: "sm",
+                        color: "ghost",
+                        class: "join-item",
                         get disabled () {
                             return !table.getCanPreviousPage();
                         },
@@ -17528,6 +17569,8 @@ function EnhancedTable_EnhancedTable(props) {
                     }), null);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
                         size: "sm",
+                        color: "ghost",
+                        class: "join-item",
                         get disabled () {
                             return !table.getCanNextPage();
                         },
@@ -17538,6 +17581,8 @@ function EnhancedTable_EnhancedTable(props) {
                     }), null);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
                         size: "sm",
+                        color: "ghost",
+                        class: "join-item",
                         get disabled () {
                             return !table.getCanNextPage();
                         },
@@ -17562,33 +17607,39 @@ function EnhancedTable_EnhancedTable(props) {
                         return ensurePortalRoot();
                     },
                     get children () {
-                        var _el$17 = EnhancedTable_tmpl$5();
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>{
-                            pageSizeMenuRef = el;
-                        }, _el$17);
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$17, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
-                            each: pageSizeOptions,
-                            children: (size)=>(()=>{
-                                    var _el$21 = EnhancedTable_tmpl$7();
-                                    _el$21.$$click = ()=>{
-                                        table.setPageSize(size);
-                                        closePageSizeMenu();
-                                    };
-                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$21, size);
-                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                                        var _v$ = dist_clsx("btn btn-sm btn-ghost justify-start", table.getState().pagination.pageSize === size && "btn-active"), _v$2 = table.getState().pagination.pageSize === size;
-                                        _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$21, _p$.e = _v$);
-                                        _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$21, "aria-pressed", _p$.t = _v$2);
-                                        return _p$;
-                                    }, {
-                                        e: void 0,
-                                        t: void 0
-                                    });
-                                    return _el$21;
-                                })()
-                        }));
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_$p)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$17, pageSizeMenuStyle(), _$p));
-                        return _el$17;
+                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(menu_Menu, {
+                            ref: (el)=>{
+                                pageSizeMenuRef = el;
+                            },
+                            get style () {
+                                return pageSizeMenuStyle();
+                            },
+                            class: "p-2 shadow bg-base-100 rounded-box border border-base-300 w-24",
+                            role: "menu",
+                            "aria-label": "Rows per page",
+                            get children () {
+                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                                    each: pageSizeOptions,
+                                    children: (size)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
+                                            type: "button",
+                                            size: "sm",
+                                            color: "ghost",
+                                            class: "justify-start",
+                                            get active () {
+                                                return table.getState().pagination.pageSize === size;
+                                            },
+                                            get ["aria-pressed"] () {
+                                                return table.getState().pagination.pageSize === size;
+                                            },
+                                            onClick: ()=>{
+                                                table.setPageSize(size);
+                                                closePageSizeMenu();
+                                            },
+                                            children: size
+                                        })
+                                });
+                            }
+                        });
                     }
                 });
             }
@@ -17620,8 +17671,8 @@ function ColumnFilter(props) {
             ]);
         };
         return (()=>{
-            var _el$22 = EnhancedTable_tmpl$8();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$22, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
+            var _el$20 = EnhancedTable_tmpl$6();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$20, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
                 size: "sm",
                 type: "number",
                 placeholder: "Min",
@@ -17630,7 +17681,7 @@ function ColumnFilter(props) {
                 },
                 onInput: (e)=>setRange(e.currentTarget.value, v[1])
             }), null);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$22, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$20, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
                 size: "sm",
                 type: "number",
                 placeholder: "Max",
@@ -17639,7 +17690,7 @@ function ColumnFilter(props) {
                 },
                 onInput: (e)=>setRange(v[0], e.currentTarget.value)
             }), null);
-            return _el$22;
+            return _el$20;
         })();
     }
     if ("select" === type) {
@@ -19684,4 +19735,4 @@ const createRouteTransitionResolver = (options)=>{
         return fallback ?? noMotion;
     };
 };
-export { accordion_Accordion as Accordion, alert_Alert as Alert, AlphaSlider, artboard_Artboard as Artboard, avatar as Avatar, background_Background as Background, Badge, bottom_sheet_BottomSheet as BottomSheet, Breadcrumbs, breadcrumbs_BreadcrumbsItem as BreadcrumbsItem, browsermockup_BrowserMockup as BrowserMockup, button_Button as Button, Calendar, card_Card as Card, carousel_Carousel as Carousel, chatbubble_ChatBubble as ChatBubble, checkbox_Checkbox as Checkbox, codemockup_CodeMockup as CodeMockup, CodeMockupLine, collapse_Collapse as Collapse, CollapseContent, CollapseDetails, CollapseTitle, colorpicker_ColorInput as ColorInput, colorpicker_ColorPicker as ColorPicker, ColorPickerContext, ColorPickerFlowerSelector, colorpicker_ColorPickerGradientSelector as ColorPickerGradientSelector, ColorPickerWheelSelector, colorpicker_ColorPreview as ColorPreview, colorpicker_ColorSwatches as ColorSwatches, ColorWheel, colorpicker_ColorWheelFlower as ColorWheelFlower, ConfirmDialog, connectionstatus_ConnectionStatus as ConnectionStatus, CookieConsent, CopyButton, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dock as Dock, Drawer, dropdown as Dropdown, DropdownSelect, EmptyState, EnhancedTable, Fieldset, FileInput, FirefoxPWABanner, flex_Flex as Flex, floating_dock_FloatingDock as FloatingDock, footer_Footer as Footer, form_Form as Form, form_actions_FormActions as FormActions, glass_panel_GlassPanel as GlassPanel, GlowCard, Grid, hero_Hero as Hero, colorpicker_HueSlider as HueSlider, I18nContext, I18nProvider, icon_Icon as Icon, immersive_landing_ImmersiveLanding as ImmersiveLanding, ImmersiveLandingContext, indicator_Indicator as Indicator, input as Input, join_Join as Join, kbd_Kbd as Kbd, language_switcher_LanguageSwitcher as LanguageSwitcher, LightnessSlider, link_Link as Link, live_chat_LiveChatBubble as LiveChatBubble, LiveChatPanel, loading_Loading as Loading, mask as Mask, menu_Menu as Menu, modal_Modal as Modal, MotionDiv, navbar_Navbar as Navbar, noise_background_NoiseBackground as NoiseBackground, PWAInstallPrompt, Pagination, phonemockup_PhoneMockup as PhoneMockup, Progress, props_table_PropsTable as PropsTable, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, radio_group_RadioGroup as RadioGroup, range_Range as Range, Rating, colorpicker_SaturationBrightness as SaturationBrightness, select_Select as Select, showcase_ShowcaseBlock as ShowcaseBlock, ShowcaseSection, sidenav_Sidenav as Sidenav, sidenav_SidenavButton as SidenavButton, sidenav_SidenavGroup as SidenavGroup, sidenav_SidenavItem as SidenavItem, sidenav_SidenavLink as SidenavLink, sidenav_SidenavMenu as SidenavMenu, skeleton_Skeleton as Skeleton, SkipLink, RangeSlider as SliderField, Stack, stat_card_StatCard as StatCard, stats_Stats as Stats, status_Status as Status, steps as Steps, streaming_table_StreamingTable as StreamingTable, Summary, SvgBackground, Swap, switch_field_SwitchField as SwitchField, table_Table as Table, tabs_Tabs as Tabs, textarea_Textarea as Textarea, ThemeColorPicker, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, ToastContainer, ToastStack_ToastStack as ToastStack, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip, video_preview_VideoPreview as VideoPreview, windowmockup_WindowMockup as WindowMockup, createHueShiftStore, createI18n, createMotionPresets, createMotionSystem, createPopmotionDriver, createRouteTransitionResolver, createStreamingTableStore, connectionstatus_ConnectionStatus as default, defaultMotionTokens, enablePopmotion, getDefaultHueShiftStore, getMotionDriver, presets_getPreset as getPreset, immediateDriver, mergeMotionTokens, motionDistances, motionDurations, motionEasings, motionPresets, noMotion, prefersReducedMotion, presets_registerPreset as registerPreset, resetHueShift, resolveEase, presets_resolvePreset as resolvePreset, routeTransition, runMotion, setMotionDriver, toastStore, useColorPickerContext, useDesktop, useFormValidation, useI18n, useImmersiveLanding, useImmersiveLandingContext };
+export { accordion_Accordion as Accordion, alert_Alert as Alert, AlphaSlider, artboard_Artboard as Artboard, avatar as Avatar, background_Background as Background, Badge, bottom_sheet_BottomSheet as BottomSheet, Breadcrumbs, breadcrumbs_BreadcrumbsItem as BreadcrumbsItem, browsermockup_BrowserMockup as BrowserMockup, button_Button as Button, Calendar, card_Card as Card, carousel_Carousel as Carousel, chatbubble_ChatBubble as ChatBubble, checkbox_Checkbox as Checkbox, codemockup_CodeMockup as CodeMockup, CodeMockupLine, collapse_Collapse as Collapse, CollapseContent, CollapseDetails, CollapseTitle, colorpicker_ColorInput as ColorInput, colorpicker_ColorPicker as ColorPicker, ColorPickerContext, ColorPickerFlowerSelector, colorpicker_ColorPickerGradientSelector as ColorPickerGradientSelector, ColorPickerWheelSelector, colorpicker_ColorPreview as ColorPreview, colorpicker_ColorSwatches as ColorSwatches, ColorWheel, colorpicker_ColorWheelFlower as ColorWheelFlower, ConfirmDialog, connectionstatus_ConnectionStatus as ConnectionStatus, CookieConsent, copy_button_CopyButton as CopyButton, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dock as Dock, Drawer, dropdown as Dropdown, DropdownSelect, EmptyState, EnhancedTable, Fieldset, FileInput, FirefoxPWABanner, flex_Flex as Flex, floating_dock_FloatingDock as FloatingDock, footer_Footer as Footer, form_Form as Form, form_actions_FormActions as FormActions, glass_panel_GlassPanel as GlassPanel, GlowCard, Grid, hero_Hero as Hero, colorpicker_HueSlider as HueSlider, I18nContext, I18nProvider, icon_Icon as Icon, immersive_landing_ImmersiveLanding as ImmersiveLanding, ImmersiveLandingContext, indicator_Indicator as Indicator, input as Input, join_Join as Join, kbd_Kbd as Kbd, language_switcher_LanguageSwitcher as LanguageSwitcher, LightnessSlider, link_Link as Link, live_chat_LiveChatBubble as LiveChatBubble, LiveChatPanel, loading_Loading as Loading, mask as Mask, menu_Menu as Menu, modal_Modal as Modal, MotionDiv, navbar_Navbar as Navbar, noise_background_NoiseBackground as NoiseBackground, PWAInstallPrompt, Pagination, phonemockup_PhoneMockup as PhoneMockup, Progress, props_table_PropsTable as PropsTable, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, radio_group_RadioGroup as RadioGroup, range_Range as Range, Rating, colorpicker_SaturationBrightness as SaturationBrightness, select_Select as Select, showcase_ShowcaseBlock as ShowcaseBlock, ShowcaseSection, sidenav_Sidenav as Sidenav, sidenav_SidenavButton as SidenavButton, sidenav_SidenavGroup as SidenavGroup, sidenav_SidenavItem as SidenavItem, sidenav_SidenavLink as SidenavLink, sidenav_SidenavMenu as SidenavMenu, skeleton_Skeleton as Skeleton, SkipLink, RangeSlider as SliderField, Stack, stat_card_StatCard as StatCard, stats_Stats as Stats, status_Status as Status, steps as Steps, streaming_table_StreamingTable as StreamingTable, Summary, SvgBackground, Swap, switch_field_SwitchField as SwitchField, table_Table as Table, tabs_Tabs as Tabs, textarea_Textarea as Textarea, ThemeColorPicker, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, ToastContainer, ToastStack_ToastStack as ToastStack, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip, video_preview_VideoPreview as VideoPreview, windowmockup_WindowMockup as WindowMockup, createHueShiftStore, createI18n, createMotionPresets, createMotionSystem, createPopmotionDriver, createRouteTransitionResolver, createStreamingTableStore, connectionstatus_ConnectionStatus as default, defaultMotionTokens, enablePopmotion, getDefaultHueShiftStore, getMotionDriver, presets_getPreset as getPreset, immediateDriver, mergeMotionTokens, motionDistances, motionDurations, motionEasings, motionPresets, noMotion, prefersReducedMotion, presets_registerPreset as registerPreset, resetHueShift, resolveEase, presets_resolvePreset as resolvePreset, routeTransition, runMotion, setMotionDriver, toastStore, useColorPickerContext, useDesktop, useFormValidation, useI18n, useImmersiveLanding, useImmersiveLandingContext };