@pathscale/ui 0.0.52 → 0.0.54

package/dist/index.js

@@ -3,6 +3,20 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE__felte_solid_6a709b1d__ from "@felte/solid";
 import * as __WEBPACK_EXTERNAL_MODULE__felte_validator_zod_bb07151a__ from "@felte/validator-zod";
 import * as __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__ from "@tanstack/solid-table";
+function clsx_r(e) {
+    var t, f, n = "";
+    if ("string" == typeof e || "number" == typeof e) n += e;
+    else if ("object" == typeof e) if (Array.isArray(e)) {
+        var o = e.length;
+        for(t = 0; t < o; t++)e[t] && (f = clsx_r(e[t])) && (n && (n += " "), n += f);
+    } else for(f in e)e[f] && (n && (n += " "), n += f);
+    return n;
+}
+function clsx() {
+    for(var e, t, f = 0, n = "", o = arguments.length; f < o; f++)(e = arguments[f]) && (t = clsx_r(e)) && (n && (n += " "), n += t);
+    return n;
+}
+const dist_clsx = clsx;
 const CLASS_PART_SEPARATOR = '-';
 const createClassGroupUtils = (config)=>{
     const classMap = createClassMap(config);
@@ -3402,20 +3416,6 @@ const getDefaultConfig = ()=>{
     };
 };
 const twMerge = /*#__PURE__*/ createTailwindMerge(getDefaultConfig);
-function clsx_r(e) {
-    var t, f, n = "";
-    if ("string" == typeof e || "number" == typeof e) n += e;
-    else if ("object" == typeof e) if (Array.isArray(e)) {
-        var o = e.length;
-        for(t = 0; t < o; t++)e[t] && (f = clsx_r(e[t])) && (n && (n += " "), n += f);
-    } else for(f in e)e[f] && (n && (n += " "), n += f);
-    return n;
-}
-function clsx() {
-    for(var e, t, f = 0, n = "", o = arguments.length; f < o; f++)(e = arguments[f]) && (t = clsx_r(e)) && (n && (n += " "), n += t);
-    return n;
-}
-const dist_clsx = clsx;
 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 classesFn = ({ className })=>twMerge("collapse-title", className);
 function CollapseTitle(props) {
@@ -3455,44 +3455,162 @@ function CollapseContent(props) {
         return _el$;
     })();
 }
-var Accordion_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><input type=radio>");
+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 = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "name",
         "icon",
+        "checked",
         "dataTheme",
         "class",
         "className",
-        "style"
+        "style",
+        "mode",
+        "expanded",
+        "onToggle",
+        "children",
+        "aria-label",
+        "aria-describedby",
+        "aria-labelledby"
     ]);
+    const uniqueId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
+    const contentId = `accordion-content-${uniqueId}`;
+    const titleId = `accordion-title-${uniqueId}`;
+    const isControlled = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>"controlled" === local.mode);
+    const [isExpanded, setIsExpanded] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.checked || local.expanded || false);
+    const expanded = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        if (isControlled()) return local.expanded ?? false;
+        return isExpanded();
+    });
+    const groupName = ()=>local.name ?? "accordion";
+    const isRadioMode = ()=>"checkbox" !== local.mode && "controlled" !== local.mode;
+    const closeAccordion = ()=>{
+        if (!isControlled()) setIsExpanded(false);
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        if (isRadioMode()) {
+            const name = groupName();
+            if (!accordionGroups.has(name)) accordionGroups.set(name, new Set());
+            const group = accordionGroups.get(name);
+            group.add(closeAccordion);
+            return ()=>{
+                group.delete(closeAccordion);
+                if (0 === group.size) accordionGroups.delete(name);
+            };
+        }
+    });
+    const handleToggle = ()=>{
+        const wasExpanded = expanded();
+        if (!isControlled()) {
+            if (isRadioMode() && !wasExpanded) {
+                const group = accordionGroups.get(groupName());
+                if (group) group.forEach((closeFunc)=>{
+                    if (closeFunc !== closeAccordion) closeFunc();
+                });
+                setIsExpanded(true);
+            } else if ("checkbox" === local.mode) setIsExpanded(!wasExpanded);
+            else if (isRadioMode() && wasExpanded) setIsExpanded(false);
+        }
+        local.onToggle?.();
+    };
     const classes = ()=>twMerge("collapse", clsx({
             "collapse-arrow": "arrow" === local.icon,
-            "collapse-plus": "plus" === local.icon
+            "collapse-plus": "plus" === local.icon,
+            "collapse-open": expanded(),
+            "collapse-close": !expanded()
         }), local.class, local.className);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const childrenWithAria = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        const children = resolvedChildren();
+        const arr = Array.isArray(children) ? children : [
+            children
+        ];
+        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();
+                            handleToggle();
+                        }
+                        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,
+                props: {
+                    ...child.props,
+                    id: contentId
+                }
+            };
+            return child;
+        });
+    });
     return (()=>{
-        var _el$ = Accordion_tmpl$(), _el$2 = _el$.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-            get name () {
-                return local.name ?? "accordion";
-            }
-        }, others), false, false);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children, null);
+        var _el$ = Accordion_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"controlled" !== local.mode);
+            return ()=>_c$() && (()=>{
+                    var _el$2 = Accordion_tmpl$2();
+                    _el$2.addEventListener("change", 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)({
+                        get type () {
+                            return "checkbox" === local.mode ? "checkbox" : "radio";
+                        },
+                        get name () {
+                            return groupName();
+                        },
+                        get checked () {
+                            return expanded();
+                        },
+                        get ["aria-expanded"] () {
+                            return expanded();
+                        },
+                        get ["aria-checked"] () {
+                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!("checkbox" === local.mode || "radio" === local.mode))() ? expanded() : void 0;
+                        }
+                    }, others), false, false);
+                    return _el$2;
+                })();
+        })(), 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;
+            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$);
             _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", _p$.t = _v$2);
             _p$.a = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, _v$3, _p$.a);
+            _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-label", _p$.o = _v$4);
+            _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-describedby", _p$.i = _v$5);
+            _v$6 !== _p$.n && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-labelledby", _p$.n = _v$6);
             return _p$;
         }, {
             e: void 0,
             t: void 0,
-            a: void 0
+            a: void 0,
+            o: void 0,
+            i: void 0,
+            n: void 0
         });
         return _el$;
     })();
 };
-Accordion.Title = CollapseTitle;
-Accordion.Content = CollapseContent;
+const AccordionTitle = CollapseTitle;
+const AccordionContent = CollapseContent;
+Accordion.Title = AccordionTitle;
+Accordion.Content = AccordionContent;
 const accordion_Accordion = Accordion;
 var Alert_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=alert>");
 const Alert = (props)=>{
@@ -3504,9 +3622,14 @@ const Alert = (props)=>{
         "dataTheme",
         "class",
         "className",
-        "style"
+        "style",
+        "aria-atomic",
+        "aria-live",
+        "aria-relevant",
+        "aria-label",
+        "aria-labelledby"
     ]);
-    const classes = ()=>twMerge("alert", local.class, local.className, clsx({
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("alert", local.class, local.className, clsx({
             "alert-vertical": "vertical" === local.layout,
             "alert-horizontal": "horizontal" === local.layout,
             "alert-info": "info" === local.status,
@@ -3516,7 +3639,12 @@ const Alert = (props)=>{
             "alert-soft": "soft" === local.variant,
             "alert-dash": "dash" === local.variant,
             "alert-outline": "outline" === local.variant
-        }));
+        })));
+    const ariaAtomic = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>void 0 === local["aria-atomic"] ? true : local["aria-atomic"]);
+    const ariaLive = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-live"] || "assertive");
+    const ariaRelevant = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-relevant"]);
+    const ariaLabel = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-label"]);
+    const ariaLabelledby = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-labelledby"]);
     return (()=>{
         var _el$ = Alert_tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
@@ -3528,6 +3656,21 @@ const Alert = (props)=>{
             },
             get style () {
                 return local.style;
+            },
+            get ["aria-atomic"] () {
+                return ariaAtomic();
+            },
+            get ["aria-live"] () {
+                return ariaLive();
+            },
+            get ["aria-relevant"] () {
+                return ariaRelevant();
+            },
+            get ["aria-label"] () {
+                return ariaLabel();
+            },
+            get ["aria-labelledby"] () {
+                return ariaLabelledby();
             }
         }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.icon, null);
@@ -3795,7 +3938,11 @@ const Badge_Badge = (props)=>{
         "dataTheme",
         "class",
         "className",
-        "style"
+        "style",
+        "aria-label",
+        "aria-describedby",
+        "aria-labelledby",
+        "role"
     ]);
     const classes = ()=>twMerge("badge", local.class, local.className, clsx({
             "badge-xl": "xl" === local.size,
@@ -3829,7 +3976,21 @@ const Badge_Badge = (props)=>{
             get style () {
                 return local.style;
             },
-            "aria-label": "Badge"
+            get role () {
+                return local.role || "status";
+            },
+            get ["aria-label"] () {
+                return local["aria-label"];
+            },
+            get ["aria-describedby"] () {
+                return local["aria-describedby"];
+            },
+            get ["aria-labelledby"] () {
+                return local["aria-labelledby"];
+            },
+            get ["aria-hidden"] () {
+                return "presentation" === local.role || "none" === local.role ? true : void 0;
+            }
         }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children);
         return _el$;
@@ -3953,7 +4114,12 @@ const Loading = (props)=>{
         "dataTheme",
         "class",
         "className",
-        "style"
+        "style",
+        "aria-label",
+        "aria-describedby",
+        "aria-live",
+        "aria-busy",
+        "role"
     ]);
     const classes = ()=>twMerge("loading", local.class, local.className, clsx({
             "loading-xl": "xl" === local.size,
@@ -3987,6 +4153,21 @@ const Loading = (props)=>{
             },
             get style () {
                 return local.style;
+            },
+            get role () {
+                return local.role || "status";
+            },
+            get ["aria-label"] () {
+                return local["aria-label"] || "Loading";
+            },
+            get ["aria-describedby"] () {
+                return local["aria-describedby"];
+            },
+            get ["aria-live"] () {
+                return local["aria-live"] || "polite";
+            },
+            get ["aria-busy"] () {
+                return local["aria-busy"] ?? true;
             }
         }), false, false);
         return _el$;
@@ -4031,7 +4212,14 @@ const Button = (props)=>{
         "class",
         "className",
         "style",
-        "as"
+        "as",
+        "aria-label",
+        "aria-describedby",
+        "aria-pressed",
+        "aria-expanded",
+        "aria-controls",
+        "aria-haspopup",
+        "aria-role"
     ]);
     const classes = ()=>twMerge("btn", local.class, local.className, clsx((local.startIcon && !local.loading || local.endIcon) && "gap-2", {
             "btn-xl": "xl" === local.size,
@@ -4077,6 +4265,30 @@ const Button = (props)=>{
         },
         get disabled () {
             return local.disabled;
+        },
+        get ["aria-label"] () {
+            return local["aria-label"];
+        },
+        get ["aria-describedby"] () {
+            return local["aria-describedby"];
+        },
+        get ["aria-pressed"] () {
+            return "boolean" == typeof local["aria-pressed"] ? local["aria-pressed"] : void 0;
+        },
+        get ["aria-expanded"] () {
+            return "boolean" == typeof local["aria-expanded"] ? local["aria-expanded"] : void 0;
+        },
+        get ["aria-controls"] () {
+            return local["aria-controls"];
+        },
+        get ["aria-haspopup"] () {
+            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"boolean" == typeof local["aria-haspopup"])() ? String(local["aria-haspopup"]) : local["aria-haspopup"];
+        },
+        get ["aria-disabled"] () {
+            return local.disabled;
+        },
+        get role () {
+            return local["aria-role"];
         }
     }));
     return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
@@ -4094,6 +4306,30 @@ const Button = (props)=>{
         get disabled () {
             return local.disabled;
         },
+        get ["aria-label"] () {
+            return local["aria-label"];
+        },
+        get ["aria-describedby"] () {
+            return local["aria-describedby"];
+        },
+        get ["aria-pressed"] () {
+            return "boolean" == typeof local["aria-pressed"] ? local["aria-pressed"] : void 0;
+        },
+        get ["aria-expanded"] () {
+            return "boolean" == typeof local["aria-expanded"] ? local["aria-expanded"] : void 0;
+        },
+        get ["aria-controls"] () {
+            return local["aria-controls"];
+        },
+        get ["aria-haspopup"] () {
+            return true === local["aria-haspopup"] ? "true" : false === local["aria-haspopup"] ? "false" : local["aria-haspopup"];
+        },
+        get ["aria-disabled"] () {
+            return local.disabled;
+        },
+        get role () {
+            return local["aria-role"];
+        },
         get children () {
             return [
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
@@ -5559,7 +5795,11 @@ const Card = (props)=>{
         "class",
         "className",
         "dataTheme",
-        "style"
+        "style",
+        "aria-label",
+        "aria-describedby",
+        "aria-labelledby",
+        "role"
     ]);
     const classes = twMerge("card", clsx({
         "card-xl": "xl" === local.size,
@@ -5575,13 +5815,24 @@ const Card = (props)=>{
     return (()=>{
         var _el$ = Card_tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            "aria-label": "Card",
             class: classes,
             get ["data-theme"] () {
                 return local.dataTheme;
             },
             get style () {
                 return local.style;
+            },
+            get role () {
+                return local.role;
+            },
+            get ["aria-label"] () {
+                return local["aria-label"];
+            },
+            get ["aria-describedby"] () {
+                return local["aria-describedby"];
+            },
+            get ["aria-labelledby"] () {
+                return local["aria-labelledby"];
             }
         }), false, false);
         return _el$;
@@ -5593,48 +5844,90 @@ Card.Title = CardTitle;
 Card.Image = CardImage;
 const card_Card = Card;
 var CarouselItem_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const CarouselItem_CarouselItem = (props)=>{
+const CarouselItem = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "class",
-        "children"
+        "children",
+        "aria-current"
     ]);
     const classes = twMerge("carousel-item", local.class);
     return (()=>{
         var _el$ = CarouselItem_tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
-            class: classes
+            class: classes,
+            role: "group",
+            "aria-roledescription": "slide",
+            get ["aria-current"] () {
+                return local["aria-current"];
+            }
         }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
         return _el$;
     })();
 };
-const CarouselItem = CarouselItem_CarouselItem;
-var Carousel_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const carousel_CarouselItem = CarouselItem;
+var Carousel_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div class=carousel-content>");
 const Carousel = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "class",
         "children",
         "snap",
-        "direction"
+        "direction",
+        "aria-label",
+        "aria-roledescription",
+        "aria-describedby",
+        "aria-labelledby",
+        "aria-live",
+        "aria-atomic"
     ]);
-    const classes = twMerge("carousel", local.class, dist_clsx({
-        "carousel-start": "start" === local.snap || !local.snap,
-        "carousel-center": "center" === local.snap,
-        "carousel-end": "end" === local.snap,
-        "carousel-vertical": "vertical" === local.direction,
-        "carousel-horizontal": "horizontal" === local.direction
-    }));
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("carousel", local.class, dist_clsx({
+            "carousel-start": "start" === local.snap || !local.snap,
+            "carousel-center": "center" === local.snap,
+            "carousel-end": "end" === local.snap,
+            "carousel-vertical": "vertical" === local.direction,
+            "carousel-horizontal": "horizontal" === local.direction
+        })));
+    const ariaRoleDescription = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-roledescription"] || "carousel");
+    const ariaLabel = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-label"]);
+    const ariaDescribedby = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-describedby"]);
+    const ariaLabelledby = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-labelledby"]);
+    const ariaLive = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-live"] || "polite");
+    const ariaAtomic = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-atomic"] || false);
     return (()=>{
-        var _el$ = Carousel_tmpl$();
+        var _el$ = Carousel_tmpl$(), _el$2 = _el$.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
-            class: classes
+            get ["class"] () {
+                return classes();
+            },
+            role: "region",
+            get ["aria-roledescription"] () {
+                return ariaRoleDescription();
+            },
+            get ["aria-label"] () {
+                return ariaLabel();
+            },
+            get ["aria-describedby"] () {
+                return ariaDescribedby();
+            },
+            get ["aria-labelledby"] () {
+                return ariaLabelledby();
+            }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$ = ariaLive(), _v$2 = ariaAtomic();
+            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "aria-live", _p$.e = _v$);
+            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "aria-atomic", _p$.t = _v$2);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0
+        });
         return _el$;
     })();
 };
 const carousel_Carousel = Object.assign(Carousel, {
-    Item: CarouselItem
+    Item: carousel_CarouselItem
 });
 var ChatBubbleHeader_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const ChatBubbleHeader_ChatBubbleHeader = (props)=>(()=>{
@@ -5749,7 +6042,12 @@ const Checkbox = (props)=>{
         "dataTheme",
         "class",
         "className",
-        "style"
+        "style",
+        "aria-label",
+        "aria-describedby",
+        "aria-invalid",
+        "aria-required",
+        "aria-labelledby"
     ]);
     const classes = ()=>twMerge("checkbox", local.class, local.className, clsx({
             "checkbox-xl": "xl" === local.size,
@@ -5785,6 +6083,24 @@ const Checkbox = (props)=>{
             },
             get style () {
                 return local.style;
+            },
+            get ["aria-label"] () {
+                return local["aria-label"];
+            },
+            get ["aria-describedby"] () {
+                return local["aria-describedby"];
+            },
+            get ["aria-invalid"] () {
+                return local["aria-invalid"];
+            },
+            get ["aria-required"] () {
+                return local["aria-required"];
+            },
+            get ["aria-labelledby"] () {
+                return local["aria-labelledby"];
+            },
+            get ["aria-checked"] () {
+                return local.indeterminate ? "mixed" : props.checked ?? props.defaultChecked ?? void 0;
             }
         }), false, false);
         return _el$;
@@ -6371,20 +6687,32 @@ const Drawer = Drawer_Drawer;
 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
     "click"
 ]);
-var DropdownToggle_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label tabindex=0>");
+var DropdownToggle_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label tabindex=0>"), DropdownToggle_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<summary>");
 const DropdownToggle = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "color",
         "size",
         "button",
+        "disabled",
         "dataTheme",
         "class",
-        "disabled"
+        "id",
+        "role",
+        "aria-haspopup",
+        "aria-expanded",
+        "aria-controls"
     ]);
+    const commonAriaProps = {
+        id: local.id,
+        role: local.role,
+        "aria-haspopup": local["aria-haspopup"],
+        "aria-expanded": local["aria-expanded"],
+        "aria-controls": local["aria-controls"]
+    };
     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, {
+        (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;
             }
@@ -6397,7 +6725,7 @@ const DropdownToggle = (props)=>{
                 return local.children;
             },
             get children () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
                     type: "button",
                     get dataTheme () {
                         return local.dataTheme;
@@ -6410,19 +6738,23 @@ const DropdownToggle = (props)=>{
                     },
                     get disabled () {
                         return local.disabled;
-                    },
+                    }
+                }, commonAriaProps, {
                     get children () {
                         return local.children;
                     }
-                });
+                }));
             }
         }));
         return _el$;
     })();
 };
-const DropdownToggle_Summary = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
-        tag: "summary"
-    }));
+const DropdownToggle_Summary = (props)=>(()=>{
+        var _el$2 = DropdownToggle_tmpl$2();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, props, false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>props.children);
+        return _el$2;
+    })();
 const dropdown_DropdownToggle = DropdownToggle;
 var DropdownDetails_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<details role=listbox>");
 const Details = (props)=>{
@@ -6462,18 +6794,49 @@ const Details = (props)=>{
 const DropdownDetails = Object.assign(Details, {
     Toggle: DropdownToggle_Summary
 });
+var DropdownItem_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li role=menuitem>"), DropdownItem_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a>");
+const DropdownItem = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "anchor",
+        "children",
+        "aria-selected"
+    ]);
+    return (()=>{
+        var _el$ = DropdownItem_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!(local.anchor ?? true));
+            return ()=>_c$() ? (()=>{
+                    var _el$2 = DropdownItem_tmpl$2();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, others, false, true);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+                    return _el$2;
+                })() : local.children;
+        })());
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-selected", local["aria-selected"]));
+        return _el$;
+    })();
+};
+const dropdown_DropdownItem = DropdownItem;
 var DropdownMenu_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<ul>");
 const DropdownMenu = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "class",
         "className",
         "data-theme",
-        "style"
+        "style",
+        "id",
+        "aria-labelledby"
     ]);
     const classes = ()=>twMerge("dropdown-content menu p-2 shadow bg-base-100 rounded-box", local.class, local.className);
     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;
+            },
+            get ["aria-labelledby"] () {
+                return local["aria-labelledby"];
+            },
             tabindex: 0,
             get ["data-theme"] () {
                 return local["data-theme"];
@@ -6490,28 +6853,7 @@ const DropdownMenu = (props)=>{
     })();
 };
 const dropdown_DropdownMenu = DropdownMenu;
-var DropdownItem_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li role=menuitem>"), DropdownItem_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a>");
-const DropdownItem = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "anchor",
-        "children"
-    ]);
-    return (()=>{
-        var _el$ = DropdownItem_tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
-            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!(local.anchor ?? true));
-            return ()=>_c$() ? (()=>{
-                    var _el$2 = DropdownItem_tmpl$2();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, others, false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
-                    return _el$2;
-                })() : local.children;
-        })());
-        return _el$;
-    })();
-};
-const dropdown_DropdownItem = DropdownItem;
-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>"), Dropdown_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=listbox>");
+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>");
 const Dropdown_classesFn = ({ className, horizontal, vertical, end, hover, open })=>twMerge("dropdown", className, clsx({
         "dropdown-left": "left" === horizontal,
         "dropdown-right": "right" === horizontal,
@@ -6531,7 +6873,12 @@ const Dropdown = (props)=>{
         "end",
         "hover",
         "open",
-        "dataTheme"
+        "dataTheme",
+        "aria-label",
+        "aria-describedby",
+        "aria-expanded",
+        "aria-haspopup",
+        "aria-labelledby"
     ]);
     const classes = ()=>Dropdown_classesFn({
             className: local.className,
@@ -6543,12 +6890,31 @@ const Dropdown = (props)=>{
         });
     return (()=>{
         var _el$ = Dropdown_tmpl$3();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get role () {
+                return local.item ? "combobox" : "listbox";
+            }
+        }, others, {
             get ["data-theme"] () {
                 return local.dataTheme;
             },
             get ["class"] () {
                 return classes();
+            },
+            get ["aria-label"] () {
+                return local["aria-label"];
+            },
+            get ["aria-describedby"] () {
+                return local["aria-describedby"];
+            },
+            get ["aria-expanded"] () {
+                return local["aria-expanded"] ?? local.open;
+            },
+            get ["aria-haspopup"] () {
+                return true === local["aria-haspopup"] ? "true" : false === local["aria-haspopup"] ? "false" : local["aria-haspopup"] || (local.item ? "listbox" : "true");
+            },
+            get ["aria-labelledby"] () {
+                return local["aria-labelledby"];
             }
         }), 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, {
@@ -6628,6 +6994,55 @@ const FileInput_FileInput = (props)=>{
     })();
 };
 const FileInput = FileInput_FileInput;
+const breakpoints = [
+    "base",
+    "sm",
+    "md",
+    "lg",
+    "xl"
+];
+function isJSXElement(node) {
+    return "object" == typeof node && null !== node;
+}
+function wrapWithElementIfInvalid({ node, wrapper = "div", className = "" }) {
+    null == node || "string" == typeof node || "number" == typeof node || isJSXElement(node);
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, {
+        component: wrapper,
+        class: className,
+        children: node
+    });
+}
+function mapResponsiveProp(prop, classMap) {
+    if (void 0 === prop) return [];
+    if ("string" == typeof prop || "boolean" == typeof prop) return [
+        classMap[String(prop)]
+    ];
+    return breakpoints.flatMap((bp)=>{
+        const value = prop[bp];
+        if (void 0 === value) return [];
+        const className = classMap[String(value)];
+        return "base" === bp ? [
+            className
+        ] : [
+            `${bp}:${className}`
+        ];
+    });
+}
+function useDesktop(breakpoint = 1024) {
+    const [isDesktop, setIsDesktop] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const checkIfDesktop = ()=>{
+        const width = window.innerWidth;
+        setIsDesktop(width >= breakpoint);
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
+        checkIfDesktop();
+        window.addEventListener("resize", checkIfDesktop);
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        window.removeEventListener("resize", checkIfDesktop);
+    });
+    return isDesktop;
+}
 const directionMap = {
     row: "flex-row",
     col: "flex-col",
@@ -6690,25 +7105,6 @@ const basisMap = {
     lg: "basis-24",
     xl: "basis-32"
 };
-const breakpoints = [
-    "base",
-    "sm",
-    "md",
-    "lg",
-    "xl"
-];
-function mapResponsiveProp(prop, map) {
-    if (void 0 === prop) return [];
-    if ("string" == typeof prop || "boolean" == typeof prop) return [
-        map[String(prop)]
-    ];
-    return breakpoints.flatMap((bp)=>{
-        const value = prop[bp];
-        if (void 0 === value) return [];
-        const className = map[String(value)];
-        return "base" === bp ? className : `${bp}:${className}`;
-    });
-}
 const Flex = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "as",
@@ -6948,18 +7344,7 @@ const autoRowsMap = {
     max: "auto-rows-max",
     fr: "auto-rows-fr"
 };
-function Grid_mapResponsiveProp(prop, classMap) {
-    if (!prop) return [];
-    if ("string" == typeof prop) return classMap[prop] ? [
-        classMap[prop]
-    ] : [];
-    return Object.entries(prop).flatMap(([key, val])=>{
-        const className = classMap[val];
-        if (!className) return [];
-        return "base" === key ? className : `${key}:${className}`;
-    });
-}
-const Grid = (props)=>{
+const Grid_Grid = (props)=>{
     const merged = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.mergeProps)({
         as: "div"
     }, props);
@@ -6967,6 +7352,7 @@ const Grid = (props)=>{
         "as",
         "class",
         "className",
+        "children",
         "cols",
         "rows",
         "flow",
@@ -6974,17 +7360,22 @@ const Grid = (props)=>{
         "autoCols",
         "autoRows"
     ]);
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("grid", ...Grid_mapResponsiveProp(local.cols, colsMap), ...Grid_mapResponsiveProp(local.rows, rowsMap), ...Grid_mapResponsiveProp(local.flow, flowMap), ...Grid_mapResponsiveProp(local.gap, Grid_gapMap), ...Grid_mapResponsiveProp(local.autoCols, autoColsMap), ...Grid_mapResponsiveProp(local.autoRows, autoRowsMap), local.class, local.className));
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = dist_clsx("grid", mapResponsiveProp(local.cols, colsMap), mapResponsiveProp(local.rows, rowsMap), mapResponsiveProp(local.flow, flowMap), mapResponsiveProp(local.gap, Grid_gapMap), mapResponsiveProp(local.autoCols, autoColsMap), mapResponsiveProp(local.autoRows, autoRowsMap), local.class, local.className);
     return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
         get component () {
             return local.as;
         },
         get ["class"] () {
-            return classes();
+            return twMerge(classes);
+        }
+    }, rest, {
+        get children () {
+            return resolvedChildren();
         }
-    }, rest));
+    }));
 };
-const grid_Grid = Grid;
+const Grid = Grid_Grid;
 var HeroContent_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const HeroContent = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -7167,7 +7558,12 @@ const Input = (props)=>{
         "style",
         "leftIcon",
         "rightIcon",
-        "type"
+        "placeholder",
+        "type",
+        "aria-label",
+        "aria-describedby",
+        "aria-invalid",
+        "aria-required"
     ]);
     const [passwordVisible, setPasswordVisible] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
     const inputType = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
@@ -7202,6 +7598,21 @@ const Input = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get type () {
                 return inputType();
+            },
+            get ["aria-label"] () {
+                return local["aria-label"];
+            },
+            get ["aria-describedby"] () {
+                return local["aria-describedby"];
+            },
+            get ["aria-invalid"] () {
+                return local["aria-invalid"];
+            },
+            get ["aria-required"] () {
+                return local["aria-required"];
+            },
+            get placeholder () {
+                return local["placeholder"];
             }
         }), false, false);
         (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, {
@@ -7212,15 +7623,27 @@ const Input = (props)=>{
                 var _el$3 = Input_tmpl$();
                 _el$3.$$click = ()=>setPasswordVisible(!passwordVisible());
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.rightIcon);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, "password" === local.type ? "cursor-pointer" : ""));
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                    var _v$ = "password" === local.type ? "cursor-pointer" : "", _v$2 = "password" === local.type ? "button" : void 0, _v$3 = "password" === local.type ? passwordVisible() ? "Hide password" : "Show password" : void 0, _v$4 = "password" === local.type ? 0 : void 0;
+                    _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.e = _v$);
+                    _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "role", _p$.t = _v$2);
+                    _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "aria-label", _p$.a = _v$3);
+                    _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "tabindex", _p$.o = _v$4);
+                    return _p$;
+                }, {
+                    e: void 0,
+                    t: void 0,
+                    a: void 0,
+                    o: void 0
+                });
                 return _el$3;
             }
         }), null);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = classes(), _v$2 = local.style, _v$3 = local.dataTheme;
-            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$);
-            _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, _v$2, _p$.t);
-            _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", _p$.a = _v$3);
+            var _v$5 = classes(), _v$6 = local.style, _v$7 = local.dataTheme;
+            _v$5 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$5);
+            _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, _v$6, _p$.t);
+            _v$7 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", _p$.a = _v$7);
             return _p$;
         }, {
             e: void 0,
@@ -7757,6 +8180,84 @@ const NavbarSection = (props)=>{
     })();
 };
 const navbar_NavbarSection = NavbarSection;
+var NavbarStack_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const NavbarStack_NavbarStack = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "sticky",
+        "container",
+        "class",
+        "className",
+        "style",
+        "dataTheme"
+    ]);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("navbar-stack", local.class, local.className, clsx({
+            "sticky top-0 z-30": local.sticky,
+            "max-w-screen-xl mx-auto px-4": local.container
+        })));
+    return (()=>{
+        var _el$ = NavbarStack_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$, resolvedChildren);
+        return _el$;
+    })();
+};
+const NavbarStack = NavbarStack_NavbarStack;
+var NavbarRow_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const NavbarRow = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "bordered",
+        "padded",
+        "color",
+        "class",
+        "className",
+        "style",
+        "dataTheme"
+    ]);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("flex items-center", local.class, local.className, clsx({
+            "border-b border-gray-200": true === local.bordered,
+            "px-4 py-2": false !== local.padded,
+            "bg-base-100": !local.color || "ghost" === local.color,
+            "bg-neutral text-neutral-content": "neutral" === local.color,
+            "bg-primary text-primary-content": "primary" === local.color,
+            "bg-secondary text-secondary-content": "secondary" === local.color,
+            "bg-accent text-accent-content": "accent" === local.color,
+            "bg-info text-info-content": "info" === local.color,
+            "bg-success text-success-content": "success" === local.color,
+            "bg-warning text-warning-content": "warning" === local.color,
+            "bg-error text-error-content": "error" === local.color
+        })));
+    return (()=>{
+        var _el$ = NavbarRow_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$, resolvedChildren);
+        return _el$;
+    })();
+};
+const navbar_NavbarRow = NavbarRow;
 const Navbar = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "as",
@@ -7799,7 +8300,9 @@ const NavbarEnd = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__
 const navbar_Navbar = Object.assign(Navbar, {
     Start: NavbarStart,
     Center: NavbarCenter,
-    End: NavbarEnd
+    End: NavbarEnd,
+    Stack: NavbarStack,
+    Row: navbar_NavbarRow
 });
 const Pagination = join_Join;
 const pagination_Pagination = Pagination;
@@ -7848,7 +8351,14 @@ const Progress_Progress = (props)=>{
         "color",
         "class",
         "className",
-        "dataTheme"
+        "dataTheme",
+        "aria-label",
+        "aria-describedby",
+        "aria-valuenow",
+        "aria-valuemin",
+        "aria-valuemax",
+        "aria-valuetext",
+        "aria-labelledby"
     ]);
     const classes = twMerge("progress", dist_clsx({
         "progress-primary": "primary" === local.color,
@@ -7860,12 +8370,39 @@ const Progress_Progress = (props)=>{
         "progress-error": "error" === local.color,
         "progress-ghost": "ghost" === local.color
     }), local.class, local.className);
+    const getAriaValueNow = ()=>{
+        if (void 0 !== local["aria-valuenow"]) return local["aria-valuenow"];
+        const value = others.value;
+        if ('number' == typeof value || 'string' == typeof value) return value;
+    };
     return (()=>{
         var _el$ = Progress_tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             class: classes,
             get ["data-theme"] () {
                 return local.dataTheme;
+            },
+            role: "progressbar",
+            get ["aria-label"] () {
+                return local["aria-label"];
+            },
+            get ["aria-describedby"] () {
+                return local["aria-describedby"];
+            },
+            get ["aria-valuenow"] () {
+                return getAriaValueNow();
+            },
+            get ["aria-valuemin"] () {
+                return local["aria-valuemin"] || 0;
+            },
+            get ["aria-valuemax"] () {
+                return local["aria-valuemax"] || others.max || 100;
+            },
+            get ["aria-valuetext"] () {
+                return local["aria-valuetext"];
+            },
+            get ["aria-labelledby"] () {
+                return local["aria-labelledby"];
             }
         }), false, false);
         return _el$;
@@ -7974,7 +8511,13 @@ const Radio = (props)=>{
         "size",
         "name",
         "type",
-        "data-theme"
+        "data-theme",
+        "aria-label",
+        "aria-describedby",
+        "aria-invalid",
+        "aria-required",
+        "aria-labelledby",
+        "aria-checked"
     ]);
     const classes = twMerge("radio", local.class, dist_clsx({
         "radio-xs": "xs" === local.size,
@@ -8000,6 +8543,24 @@ const Radio = (props)=>{
             class: classes,
             get ["data-theme"] () {
                 return local["data-theme"];
+            },
+            get ["aria-label"] () {
+                return local["aria-label"];
+            },
+            get ["aria-describedby"] () {
+                return local["aria-describedby"];
+            },
+            get ["aria-invalid"] () {
+                return local["aria-invalid"];
+            },
+            get ["aria-required"] () {
+                return local["aria-required"];
+            },
+            get ["aria-labelledby"] () {
+                return local["aria-labelledby"];
+            },
+            get ["aria-checked"] () {
+                return local["aria-checked"];
             }
         }), false, false);
         return _el$;
@@ -8373,12 +8934,15 @@ const Sidenav = (props)=>{
         "class",
         "className",
         "dataTheme",
-        "style"
+        "style",
+        "desktopBreakpoint"
     ]);
     const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const isDesktop = useDesktop(local.desktopBreakpoint || 1024);
     const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("sidenav", local.class, local.className, clsx({
             "sidenav-collapsed": local.collapsed,
-            "sidenav-closed": !local.isOpen
+            "sidenav-closed": !local.isOpen,
+            "sidenav-desktop": isDesktop()
         })));
     return (()=>{
         var _el$ = Sidenav_tmpl$3(), _el$4 = _el$.firstChild;
@@ -9172,17 +9736,6 @@ function SvgBackground(props) {
         return _el$;
     })();
 }
-function isJSXElement(node) {
-    return "object" == typeof node && null !== node;
-}
-function wrapWithElementIfInvalid({ node, wrapper = "div", className = "" }) {
-    null == node || "string" == typeof node || "number" == typeof node || isJSXElement(node);
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, {
-        component: wrapper,
-        class: className,
-        children: node
-    });
-}
 var Swap_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label><input type=checkbox>");
 function Swap(props) {
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -9233,49 +9786,125 @@ function Swap(props) {
 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
     "click"
 ]);
-var TableHead_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<thead><tr>"), TableHead_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<th>"), TableHead_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<td>");
-const TableHead_TableHead = (props)=>{
+var TableCell_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<td>");
+const TableCell_TableCell = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
-        "noCell"
+        "colSpan",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge(dist_clsx(local.class, local.className)));
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    return (()=>{
+        var _el$ = TableCell_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 ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get colSpan () {
+                return local.colSpan;
+            }
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
+        return _el$;
+    })();
+};
+const TableCell = TableCell_TableCell;
+var TableHeadCell_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<th>");
+const TableHeadCell = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "colSpan",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge(dist_clsx(local.class, local.className)));
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    return (()=>{
+        var _el$ = TableHeadCell_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 ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get colSpan () {
+                return local.colSpan;
+            }
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
+        return _el$;
+    })();
+};
+const table_TableHeadCell = TableHeadCell;
+var TableHead_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<thead><tr>");
+const TableHead = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "noCell",
+        "class",
+        "className",
+        "dataTheme"
     ]);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge(dist_clsx(local.class, local.className)));
+    const resolved = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
     return (()=>{
         var _el$ = TableHead_tmpl$(), _el$2 = _el$.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, rest, false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return classes();
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            }
+        }, rest), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
             get each () {
-                return Array.isArray(local.children) ? local.children : [
-                    local.children
-                ];
+                return resolved.toArray();
             },
-            children: (child, index)=>local.noCell ? child : index() < 1 ? (()=>{
-                    var _el$3 = TableHead_tmpl$2();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, child);
-                    return _el$3;
-                })() : (()=>{
-                    var _el$4 = TableHead_tmpl$3();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, child);
-                    return _el$4;
-                })()
+            children: (child, index)=>local.noCell ? child : index() < 1 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_TableHeadCell, {
+                    children: child
+                }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(TableCell, {
+                    children: child
+                })
         }));
         return _el$;
     })();
 };
-const TableHead = TableHead_TableHead;
+const table_TableHead = TableHead;
 var TableBody_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tbody>");
 const TableBody = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "children"
+        "children",
+        "class",
+        "className",
+        "dataTheme"
     ]);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge(dist_clsx(local.class, local.className)));
+    const resolved = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
     return (()=>{
         var _el$ = TableBody_tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, rest, false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return classes();
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            }
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolved);
         return _el$;
     })();
 };
 const table_TableBody = TableBody;
-var TableRow_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tr>"), TableRow_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<th>"), TableRow_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<td>");
+var TableRow_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tr>");
 const TableRow = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -9303,15 +9932,11 @@ const TableRow = (props)=>{
                     get each () {
                         return resolved.toArray();
                     },
-                    children: (child, i)=>0 === i() ? (()=>{
-                            var _el$2 = TableRow_tmpl$2();
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, child);
-                            return _el$2;
-                        })() : (()=>{
-                            var _el$3 = TableRow_tmpl$3();
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, child);
-                            return _el$3;
-                        })()
+                    children: (child, i)=>0 === i() ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_TableHeadCell, {
+                            children: child
+                        }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(TableCell, {
+                            children: child
+                        })
                 });
             },
             get children () {
@@ -9322,16 +9947,27 @@ const TableRow = (props)=>{
     })();
 };
 const table_TableRow = TableRow;
-var TableFooter_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tfoot><tr>"), TableFooter_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<th>"), TableFooter_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<td>");
+var TableFooter_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tfoot><tr>");
 const TableFooter = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
-        "noCell"
+        "noCell",
+        "class",
+        "className",
+        "dataTheme"
     ]);
     const resolved = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge(dist_clsx(local.class, local.className)));
     return (()=>{
         var _el$ = TableFooter_tmpl$(), _el$2 = _el$.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, rest, false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return classes();
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            }
+        }, rest), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
             get when () {
                 return local.noCell;
@@ -9341,15 +9977,11 @@ const TableFooter = (props)=>{
                     get each () {
                         return resolved.toArray();
                     },
-                    children: (child, i)=>0 === i() ? (()=>{
-                            var _el$3 = TableFooter_tmpl$2();
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, child);
-                            return _el$3;
-                        })() : (()=>{
-                            var _el$4 = TableFooter_tmpl$3();
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, child);
-                            return _el$4;
-                        })()
+                    children: (child, i)=>0 === i() ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_TableHeadCell, {
+                            children: child
+                        }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(TableCell, {
+                            children: child
+                        })
                 });
             },
             get children () {
@@ -9360,7 +9992,7 @@ const TableFooter = (props)=>{
     })();
 };
 const table_TableFooter = TableFooter;
-var EnhancedTable_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<th><div class="flex items-center gap-2">'), EnhancedTable_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)(`<span>\u{2191}`), EnhancedTable_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)(`<span>\u{2193}`), EnhancedTable_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<tr><td class="text-center py-4">'), EnhancedTable_tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<td>");
+var EnhancedTable_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex items-center gap-2">'), EnhancedTable_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)(`<span>\u{2191}`), EnhancedTable_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)(`<span>\u{2193}`);
 function EnhancedTable_EnhancedTable(props) {
     const [local, tableProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "data",
@@ -9429,21 +10061,27 @@ function EnhancedTable_EnhancedTable(props) {
                                             get each () {
                                                 return headerGroup.headers;
                                             },
-                                            children: (header)=>(()=>{
-                                                    var _el$ = EnhancedTable_tmpl$(), _el$2 = _el$.firstChild;
-                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.addEventListener)(_el$, "click", header.column.getCanSort() ? header.column.getToggleSortingHandler() : void 0, true);
-                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>(0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(header.column.columnDef.header, header.getContext()), null);
-                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (()=>{
-                                                        var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"asc" === header.column.getIsSorted());
-                                                        return ()=>_c$() && EnhancedTable_tmpl$2();
-                                                    })(), null);
-                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (()=>{
-                                                        var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"desc" === header.column.getIsSorted());
-                                                        return ()=>_c$2() && EnhancedTable_tmpl$3();
-                                                    })(), null);
-                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, header.column.getCanSort() ? "cursor-pointer select-none" : ""));
-                                                    return _el$;
-                                                })()
+                                            children: (header)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.HeadCell, {
+                                                    get ["class"] () {
+                                                        return header.column.getCanSort() ? "cursor-pointer select-none" : "";
+                                                    },
+                                                    get onClick () {
+                                                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!header.column.getCanSort())() ? header.column.getToggleSortingHandler() : void 0;
+                                                    },
+                                                    get children () {
+                                                        var _el$ = EnhancedTable_tmpl$();
+                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>(0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(header.column.columnDef.header, header.getContext()), null);
+                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+                                                            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"asc" === header.column.getIsSorted());
+                                                            return ()=>_c$() && EnhancedTable_tmpl$2();
+                                                        })(), null);
+                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+                                                            var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"desc" === header.column.getIsSorted());
+                                                            return ()=>_c$2() && EnhancedTable_tmpl$3();
+                                                        })(), null);
+                                                        return _el$;
+                                                    }
+                                                })
                                         });
                                     }
                                 })
@@ -9452,12 +10090,19 @@ function EnhancedTable_EnhancedTable(props) {
                 }),
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Body, {
                     get children () {
-                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!(0 === tableRows().length && local.renderEmpty))() ? (()=>{
-                            var _el$5 = EnhancedTable_tmpl$4(), _el$6 = _el$5.firstChild;
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.renderEmpty());
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "colspan", table.getAllColumns().length));
-                            return _el$5;
-                        })() : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!(0 === tableRows().length && local.renderEmpty))() ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
+                            get children () {
+                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
+                                    get colSpan () {
+                                        return table.getAllColumns().length;
+                                    },
+                                    class: "text-center py-4",
+                                    get children () {
+                                        return local.renderEmpty();
+                                    }
+                                });
+                            }
+                        }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
                             get each () {
                                 return tableRows();
                             },
@@ -9471,22 +10116,26 @@ function EnhancedTable_EnhancedTable(props) {
                                                 get each () {
                                                     return row.getVisibleCells();
                                                 },
-                                                children: (cell)=>(()=>{
-                                                        var _el$7 = EnhancedTable_tmpl$5();
-                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>(0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(cell.column.columnDef.cell, cell.getContext()));
-                                                        return _el$7;
-                                                    })()
+                                                children: (cell)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
+                                                        get children () {
+                                                            return (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(cell.column.columnDef.cell, cell.getContext());
+                                                        }
+                                                    })
                                             });
                                         }
                                     }),
                                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!(row.getIsExpanded() && local.renderRowSubComponent))() && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
                                             get children () {
-                                                var _el$8 = EnhancedTable_tmpl$5();
-                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>local.renderRowSubComponent({
-                                                        row
-                                                    }));
-                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$8, "colspan", row.getVisibleCells().length));
-                                                return _el$8;
+                                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
+                                                    get colSpan () {
+                                                        return row.getVisibleCells().length;
+                                                    },
+                                                    get children () {
+                                                        return local.renderRowSubComponent({
+                                                            row
+                                                        });
+                                                    }
+                                                });
                                             }
                                         }))
                                 ]
@@ -9498,9 +10147,6 @@ function EnhancedTable_EnhancedTable(props) {
     }));
 }
 const EnhancedTable = EnhancedTable_EnhancedTable;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "click"
-]);
 var Table_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<table>");
 const Table = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -9539,10 +10185,12 @@ const Table = (props)=>{
     })();
 };
 const table_Table = Object.assign(Table, {
-    Head: TableHead,
+    Head: table_TableHead,
     Body: table_TableBody,
     Row: table_TableRow,
     Footer: table_TableFooter,
+    Cell: TableCell,
+    HeadCell: table_TableHeadCell,
     Enhanced: EnhancedTable
 });
 var Tab_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a role=tab>");
@@ -9929,7 +10577,13 @@ const Toggle = (props)=>{
         "dataTheme",
         "class",
         "className",
-        "style"
+        "style",
+        "aria-label",
+        "aria-describedby",
+        "aria-invalid",
+        "aria-required",
+        "aria-labelledby",
+        "aria-checked"
     ]);
     const classes = ()=>twMerge("toggle", local.class, local.className, clsx({
             "toggle-xl": "xl" === local.size,
@@ -9950,6 +10604,7 @@ const Toggle = (props)=>{
         var _el$ = Toggle_tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             type: "checkbox",
+            role: "switch",
             get ["data-theme"] () {
                 return local.dataTheme;
             },
@@ -9958,6 +10613,24 @@ const Toggle = (props)=>{
             },
             get style () {
                 return local.style;
+            },
+            get ["aria-label"] () {
+                return local["aria-label"];
+            },
+            get ["aria-describedby"] () {
+                return local["aria-describedby"];
+            },
+            get ["aria-invalid"] () {
+                return local["aria-invalid"];
+            },
+            get ["aria-required"] () {
+                return local["aria-required"];
+            },
+            get ["aria-labelledby"] () {
+                return local["aria-labelledby"];
+            },
+            get ["aria-checked"] () {
+                return local["aria-checked"];
             }
         }), false, false);
         return _el$;
@@ -10092,4 +10765,4 @@ const WindowMockup = (props)=>{
     })();
 };
 const windowmockup_WindowMockup = WindowMockup;
-export { accordion_Accordion as Accordion, alert_Alert as Alert, artboard_Artboard as Artboard, avatar as Avatar, background_Background as Background, Badge, 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, copy_button_CopyButton as CopyButton, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dock as Dock, Drawer, dropdown as Dropdown, FileInput, flex_Flex as Flex, footer_Footer as Footer, form_Form as Form, grid_Grid as Grid, hero_Hero as Hero, icon_Icon as Icon, indicator_Indicator as Indicator, input_Input as Input, join_Join as Join, kbd_Kbd as Kbd, link_Link as Link, loading_Loading as Loading, mask as Mask, menu_Menu as Menu, modal_Modal as Modal, navbar_Navbar as Navbar, pagination_Pagination as Pagination, phonemockup_PhoneMockup as PhoneMockup, Progress, props_table_PropsTable as PropsTable, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, range_Range as Range, Rating, 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, Stack, stats_Stats as Stats, status_Status as Status, steps as Steps, Summary, SvgBackground, Swap, table_Table as Table, tabs_Tabs as Tabs, textarea_Textarea as Textarea, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip, windowmockup_WindowMockup as WindowMockup, useFormValidation };
+export { accordion_Accordion as Accordion, alert_Alert as Alert, artboard_Artboard as Artboard, avatar as Avatar, background_Background as Background, Badge, 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, copy_button_CopyButton as CopyButton, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dock as Dock, Drawer, dropdown as Dropdown, FileInput, flex_Flex as Flex, footer_Footer as Footer, form_Form as Form, Grid, hero_Hero as Hero, icon_Icon as Icon, indicator_Indicator as Indicator, input_Input as Input, join_Join as Join, kbd_Kbd as Kbd, link_Link as Link, loading_Loading as Loading, mask as Mask, menu_Menu as Menu, modal_Modal as Modal, navbar_Navbar as Navbar, pagination_Pagination as Pagination, phonemockup_PhoneMockup as PhoneMockup, Progress, props_table_PropsTable as PropsTable, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, range_Range as Range, Rating, 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, Stack, stats_Stats as Stats, status_Status as Status, steps as Steps, Summary, SvgBackground, Swap, table_Table as Table, tabs_Tabs as Tabs, textarea_Textarea as Textarea, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip, windowmockup_WindowMockup as WindowMockup, useDesktop, useFormValidation };