@pathscale/ui 0.0.53 → 0.0.55

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,11 +3455,13 @@ function CollapseContent(props) {
         return _el$;
     })();
 }
-var Accordion_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), Accordion_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=hidden>");
+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",
@@ -3467,14 +3469,50 @@ const Accordion = (props)=>{
         "mode",
         "expanded",
         "onToggle",
-        "children"
+        "children",
+        "aria-label",
+        "aria-describedby",
+        "aria-labelledby"
     ]);
-    const [isExpanded, setIsExpanded] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.expanded || false);
-    const isControlled = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>"controlled" === local.mode || void 0 !== local.expanded);
-    const expanded = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>isControlled() ? local.expanded : isExpanded());
+    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 = ()=>{
-        if (!isControlled()) setIsExpanded(!isExpanded());
-        if (local.onToggle) local.onToggle();
+        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,
@@ -3482,6 +3520,44 @@ const Accordion = (props)=>{
             "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$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
@@ -3489,49 +3565,53 @@ const Accordion = (props)=>{
             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 local.name ?? "accordion";
+                            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$, (()=>{
-            var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"controlled" === local.mode);
-            return ()=>_c$2() && (()=>{
-                    var _el$3 = _tmpl$3();
-                    _el$3.$$click = handleToggle;
-                    return _el$3;
-                })();
-        })(), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children, 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;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "click"
-]);
 var Alert_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=alert>");
 const Alert = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -3542,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,
@@ -3554,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, {
@@ -3566,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);
@@ -3659,7 +3764,7 @@ const AvatarGroup_AvatarGroup = (props)=>{
     }));
 };
 const AvatarGroup = AvatarGroup_AvatarGroup;
-var Avatar_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><img>"), Avatar_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><span>"), Avatar_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+var Avatar_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><img>"), Avatar_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><span>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const Avatar_VoidElementList = [
     "area",
     "base",
@@ -3762,7 +3867,7 @@ const Avatar_Avatar = (props)=>{
             });
             return _el$3;
         })() : (()=>{
-            var _el$5 = Avatar_tmpl$3();
+            var _el$5 = _tmpl$3();
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.children);
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
                 var _v$6 = imgClasses(), _v$7 = customSizeStyle;
@@ -3833,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,
@@ -3867,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$;
@@ -3991,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,
@@ -4025,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$;
@@ -5652,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,
@@ -5668,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$;
@@ -5686,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)=>(()=>{
@@ -6487,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;
             }
@@ -6513,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;
@@ -6526,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)=>{
@@ -6578,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"];
@@ -6606,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,
@@ -6647,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,
@@ -6659,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, {
@@ -6778,6 +7028,21 @@ function mapResponsiveProp(prop, classMap) {
         ];
     });
 }
+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",
@@ -7915,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",
@@ -7957,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;
@@ -8006,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,
@@ -8018,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$;
@@ -8555,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;
@@ -8629,7 +9011,6 @@ const SidenavMenu = (props)=>{
 const sidenav_SidenavMenu = SidenavMenu;
 var SidenavItem_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li>");
 const SidenavItem = (props)=>{
-    console.log("SidenavItem component rendered with active:", props.active);
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "active",
@@ -8639,12 +9020,9 @@ const SidenavItem = (props)=>{
         "style"
     ]);
     const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
-        console.log(`SidenavItem createMemo running - active prop: ${local.active}`);
-        return twMerge("sidenav-item", local.class, local.className, clsx({
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("sidenav-item", local.class, local.className, clsx({
             "sidenav-item-active": local.active
-        }));
-    });
+        })));
     return (()=>{
         var _el$ = SidenavItem_tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
@@ -9463,7 +9841,7 @@ const TableHeadCell = (props)=>{
 };
 const table_TableHeadCell = TableHeadCell;
 var TableHead_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<thead><tr>");
-const TableHead_TableHead = (props)=>{
+const TableHead = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "noCell",
@@ -9496,7 +9874,7 @@ const TableHead_TableHead = (props)=>{
         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, [
@@ -9803,7 +10181,7 @@ const Table = (props)=>{
     })();
 };
 const table_Table = Object.assign(Table, {
-    Head: TableHead,
+    Head: table_TableHead,
     Body: table_TableBody,
     Row: table_TableRow,
     Footer: table_TableFooter,
@@ -10195,7 +10573,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,
@@ -10216,6 +10600,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;
             },
@@ -10224,6 +10609,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$;
@@ -10358,4 +10761,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, 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "0.0.53",
+  "version": "0.0.55",
   "author": "pathscale",
   "repository": {
     "type": "git",