@pathscale/ui 0.0.51 → 0.0.53

package/dist/index.js

@@ -3455,7 +3455,7 @@ 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>"), 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>");
 const Accordion = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "name",
@@ -3463,20 +3463,55 @@ const Accordion = (props)=>{
         "dataTheme",
         "class",
         "className",
-        "style"
+        "style",
+        "mode",
+        "expanded",
+        "onToggle",
+        "children"
     ]);
+    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 handleToggle = ()=>{
+        if (!isControlled()) setIsExpanded(!isExpanded());
+        if (local.onToggle) 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);
     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__.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";
+                        },
+                        get checked () {
+                            return expanded();
+                        }
+                    }, 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__.effect)((_p$)=>{
             var _v$ = classes(), _v$2 = local.dataTheme, _v$3 = local.style;
             _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$);
@@ -3494,6 +3529,9 @@ const Accordion = (props)=>{
 Accordion.Title = CollapseTitle;
 Accordion.Content = CollapseContent;
 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, [
@@ -3621,7 +3659,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>"), _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>"), Avatar_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const Avatar_VoidElementList = [
     "area",
     "base",
@@ -3724,7 +3762,7 @@ const Avatar_Avatar = (props)=>{
             });
             return _el$3;
         })() : (()=>{
-            var _el$5 = _tmpl$3();
+            var _el$5 = Avatar_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;
@@ -4031,7 +4069,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 +4122,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 +4163,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, {
@@ -5749,7 +5842,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 +5883,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$;
@@ -6628,6 +6744,40 @@ 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}`
+        ];
+    });
+}
 const directionMap = {
     row: "flex-row",
     col: "flex-col",
@@ -6690,25 +6840,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",
@@ -6830,7 +6961,7 @@ function useFormValidation() {
     if (!context) throw new Error("useFormValidation must be used within a ValidatedForm");
     return context;
 }
-function ValidatedForm(props) {
+function ValidatedForm_ValidatedForm(props) {
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "schema",
@@ -6868,7 +6999,7 @@ function ValidatedForm(props) {
         }
     });
 }
-const form_ValidatedForm = ValidatedForm;
+const ValidatedForm = ValidatedForm_ValidatedForm;
 var Form_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<form role=form>");
 const Form = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -6895,7 +7026,7 @@ const Form = (props)=>{
 };
 const form_Form = Object.assign(Form, {
     Label: form_Label,
-    Validated: form_ValidatedForm
+    Validated: ValidatedForm
 });
 const colsMap = {
     1: "grid-cols-1",
@@ -6948,18 +7079,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 +7087,7 @@ const Grid = (props)=>{
         "as",
         "class",
         "className",
+        "children",
         "cols",
         "rows",
         "flow",
@@ -6974,17 +7095,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));
+    }, rest, {
+        get children () {
+            return resolvedChildren();
+        }
+    }));
 };
-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 +7293,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 +7333,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 +7358,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,
@@ -7974,7 +8132,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 +8164,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$;
@@ -9172,17 +9354,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,30 +9404,94 @@ 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>");
+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",
+        "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_TableHead = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
-        "noCell"
+        "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$;
     })();
@@ -9265,17 +9500,29 @@ const TableHead = 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 +9550,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 +9565,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 +9595,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 +9610,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 +9679,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 +9708,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 +9734,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 +9765,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, [
@@ -9543,6 +9807,8 @@ const table_Table = Object.assign(Table, {
     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>");
@@ -10092,4 +10358,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, useFormValidation };

package/package.json

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