@pathscale/ui 0.0.44 → 0.0.46

package/dist/index.js

@@ -2,6 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 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";
 const CLASS_PART_SEPARATOR = '-';
 const createClassGroupUtils = (config)=>{
     const classMap = createClassMap(config);
@@ -8350,176 +8351,236 @@ const ShowcaseBlock = (props)=>{
     }));
 };
 const showcase_ShowcaseBlock = ShowcaseBlock;
-var Sidenav_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=sidenav-item-label>"), Sidenav_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a class=sidenav-item-link>"), Sidenav_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li>"), Sidenav_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button class=sidenav-item-button>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=sidenav-group>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=sidenav-group-label>"), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=sidenav-group><ul class=sidenav-group-items>"), _tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=sidenav-header><h2 class=sidenav-title>"), _tmpl$9 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<ul class=sidenav-menu>"), _tmpl$0 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=sidenav-children>"), _tmpl$1 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=sidenav-footer>"), _tmpl$10 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<nav><div class=sidenav-content>");
-const Sidenav_Sidenav = (props)=>{
+var Sidenav_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=sidenav-header><h2 class=sidenav-title>"), Sidenav_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=sidenav-footer>"), Sidenav_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<nav><div class=sidenav-content>");
+const Sidenav = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "title",
-        "items",
         "isOpen",
         "onClose",
         "collapsed",
         "children",
         "footer",
-        "class"
+        "class",
+        "className",
+        "dataTheme",
+        "style"
     ]);
-    const handleItemClick = (item)=>{
-        if (item.onClick) item.onClick();
-    };
-    const sidenavClasses = ()=>twMerge("sidenav", local.class, clsx({
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    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
-        }));
-    const renderItem = (item)=>(()=>{
-            var _el$ = Sidenav_tmpl$3();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                get when () {
-                    return item.href;
-                },
-                get fallback () {
-                    return (()=>{
-                        var _el$4 = Sidenav_tmpl$4();
-                        _el$4.$$click = ()=>handleItemClick(item);
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>item.icon, null);
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                            get when () {
-                                return !local.collapsed;
-                            },
-                            get children () {
-                                var _el$5 = Sidenav_tmpl$();
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>item.label);
-                                return _el$5;
-                            }
-                        }), null);
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "title", local.collapsed ? item.label : void 0));
-                        return _el$4;
-                    })();
-                },
-                get children () {
-                    var _el$2 = Sidenav_tmpl$2();
-                    _el$2.$$click = ()=>handleItemClick(item);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>item.icon, null);
-                    (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.collapsed;
-                        },
-                        get children () {
-                            var _el$3 = Sidenav_tmpl$();
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>item.label);
-                            return _el$3;
-                        }
-                    }), null);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                        var _v$ = item.href, _v$2 = local.collapsed ? item.label : void 0;
-                        _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "href", _p$.e = _v$);
-                        _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "title", _p$.t = _v$2);
-                        return _p$;
-                    }, {
-                        e: void 0,
-                        t: void 0
-                    });
-                    return _el$2;
-                }
-            }));
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, clsx("sidenav-item", {
-                    "sidenav-item-active": item.active
-                })));
-            return _el$;
-        })();
-    const renderGroup = (group)=>{
-        if (local.collapsed) return (()=>{
-            var _el$6 = _tmpl$5();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
-                get each () {
-                    return group.items;
-                },
-                children: (groupItem)=>renderItem(groupItem)
-            }));
-            return _el$6;
-        })();
-        return (()=>{
-            var _el$7 = _tmpl$7(), _el$9 = _el$7.firstChild;
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                get when () {
-                    return group.label;
-                },
-                get children () {
-                    var _el$8 = _tmpl$6();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>group.label);
-                    return _el$8;
-                }
-            }), _el$9);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
-                get each () {
-                    return group.items;
-                },
-                children: (groupItem)=>renderItem(groupItem)
-            }));
-            return _el$7;
-        })();
-    };
+        })));
     return (()=>{
-        var _el$0 = _tmpl$10(), _el$11 = _el$0.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        var _el$ = Sidenav_tmpl$3(), _el$4 = _el$.firstChild;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["class"] () {
-                return sidenavClasses();
+                return classes();
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
             }
-        }, others), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
             get when () {
                 return local.title && !local.collapsed;
             },
             get children () {
-                var _el$1 = _tmpl$8(), _el$10 = _el$1.firstChild;
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, ()=>local.title);
-                return _el$1;
+                var _el$2 = Sidenav_tmpl$(), _el$3 = _el$2.firstChild;
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.title);
+                return _el$2;
             }
-        }), _el$11);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+        }), _el$4);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, resolvedChildren);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
             get when () {
-                return local.items && local.items.length > 0;
+                return local.footer;
             },
             get children () {
-                var _el$12 = _tmpl$9();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
-                    get each () {
-                        return local.items;
-                    },
-                    children: (item)=>{
-                        const isGroup = "items" in item;
-                        if (!isGroup) return renderItem(item);
-                        return renderGroup(item);
-                    }
-                }));
-                return _el$12;
+                var _el$5 = Sidenav_tmpl$2();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.footer);
+                return _el$5;
             }
         }), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-            get when () {
-                return local.children && !local.collapsed;
+        return _el$;
+    })();
+};
+const sidenav_Sidenav = Sidenav;
+var SidenavMenu_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<ul>");
+const SidenavMenu = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = twMerge("sidenav-menu", local.class, local.className);
+    return (()=>{
+        var _el$ = SidenavMenu_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;
             },
-            get children () {
-                var _el$13 = _tmpl$0();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, ()=>local.children);
-                return _el$13;
+            get style () {
+                return local.style;
             }
-        }), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
+        return _el$;
+    })();
+};
+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",
+        "class",
+        "className",
+        "dataTheme",
+        "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({
+            "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, {
+            get ["class"] () {
+                return classes();
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
+        return _el$;
+    })();
+};
+const sidenav_SidenavItem = SidenavItem;
+var SidenavGroup_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=sidenav-group-label>"), SidenavGroup_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><ul class=sidenav-group-items>");
+const SidenavGroup = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "label",
+        "children",
+        "collapsed",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("sidenav-group", local.class, local.className));
+    return (()=>{
+        var _el$ = SidenavGroup_tmpl$2(), _el$3 = _el$.firstChild;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return classes();
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
             get when () {
-                return local.footer;
+                return local.label && !local.collapsed;
             },
             get children () {
-                var _el$14 = _tmpl$1();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$14, ()=>local.footer);
-                return _el$14;
+                var _el$2 = SidenavGroup_tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.label);
+                return _el$2;
             }
-        }), null);
-        return _el$0;
+        }), _el$3);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, resolvedChildren);
+        return _el$;
     })();
 };
-const Sidenav = Sidenav_Sidenav;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "click"
-]);
+const sidenav_SidenavGroup = SidenavGroup;
+const SidenavLink = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "asChild",
+        "as",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("sidenav-item-link", local.class, local.className));
+    if (local.asChild) return resolvedChildren();
+    const Tag = local.as || "div";
+    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)({
+        component: Tag
+    }, others, {
+        get ["class"] () {
+            return classes();
+        },
+        get ["data-theme"] () {
+            return local.dataTheme;
+        },
+        get style () {
+            return local.style;
+        },
+        get children () {
+            return resolvedChildren();
+        }
+    }));
+};
+const sidenav_SidenavLink = SidenavLink;
+var SidenavButton_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button>");
+const SidenavButton = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "onClick",
+        "title",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("sidenav-item-button", local.class, local.className));
+    return (()=>{
+        var _el$ = SidenavButton_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return classes();
+            },
+            get onClick () {
+                return local.onClick;
+            },
+            get title () {
+                return local.title;
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
+        return _el$;
+    })();
+};
+const sidenav_SidenavButton = SidenavButton;
 var Skeleton_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const Skeleton = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -8853,14 +8914,84 @@ const steps_Steps = Object.assign(Steps, {
     Step: Step
 });
 const steps = steps_Steps;
-var SvgBackground_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><svg class="absolute inset-0 w-full h-full z-0"viewBox="0 0 400 400"preserveAspectRatio="xMidYMid slice"xmlns=http://www.w3.org/2000/svg><defs><linearGradient gradientTransform="rotate(63, 0.5, 0.5)"x1=50% y1=0% x2=50% y2=100%><stop stop-opacity=1 offset=0%></stop><stop stop-opacity=1 offset=100%></stop></linearGradient><filter x=-20% y=-20% width=140% height=140% filterUnits=objectBoundingBox primitiveUnits=userSpaceOnUse color-interpolation-filters=sRGB><feTurbulence type=fractalNoise numOctaves=2 seed=10 stitchTiles=stitch result=turbulence></feTurbulence><feGaussianBlur in=turbulence result=blur></feGaussianBlur><feBlend in=SourceGraphic in2=blur result=blend></feBlend></filter></defs><rect width=400 height=400></rect></svg><div class="relative z-10 h-full w-full">'), SvgBackground_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="absolute inset-0 z-5">');
-function parseHSL(hslString) {
-    const match = hslString.match(/hsl\((\d+),\s*(\d+)%,\s*(\d+)%\)/);
-    if (!match) return null;
+var SvgBackground_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><svg class="absolute inset-0 w-full h-full z-0"viewBox="0 0 400 400"preserveAspectRatio="xMidYMid slice"xmlns=http://www.w3.org/2000/svg><defs><linearGradient gradientTransform="rotate(63, 0.5, 0.5)"x1=50% y1=0% x2=50% y2=100%><stop stop-opacity=1 offset=0%></stop><stop stop-opacity=1 offset=100%></stop></linearGradient></defs><rect width=400 height=400></rect></svg><div class="relative z-10 h-full w-full">'), SvgBackground_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><filter x=-20% y=-20% width=140% height=140% filterUnits=objectBoundingBox primitiveUnits=userSpaceOnUse color-interpolation-filters=sRGB></svg>", false, true, false), SvgBackground_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><feGaussianBlur in=SourceGraphic result=blur></svg>", false, true, false), SvgBackground_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><feTurbulence type=fractalNoise numOctaves=2 seed=10 stitchTiles=stitch result=turbulence></svg>", false, true, false), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><feGaussianBlur in=turbulence result=blur></svg>", false, true, false), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><feBlend in=SourceGraphic in2=blur result=blend></svg>", false, true, false), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="absolute inset-0 z-5">');
+function hexToHsl(hex) {
+    hex = hex.replace('#', '');
+    const r = parseInt(hex.substr(0, 2), 16) / 255;
+    const g = parseInt(hex.substr(2, 2), 16) / 255;
+    const b = parseInt(hex.substr(4, 2), 16) / 255;
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    let h = 0;
+    let s = 0;
+    const l = (max + min) / 2;
+    if (max !== min) {
+        const d = max - min;
+        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+        switch(max){
+            case r:
+                h = (g - b) / d + (g < b ? 6 : 0);
+                break;
+            case g:
+                h = (b - r) / d + 2;
+                break;
+            case b:
+                h = (r - g) / d + 4;
+                break;
+        }
+        h /= 6;
+    }
+    return {
+        h: Math.round(360 * h),
+        s: Math.round(100 * s),
+        l: Math.round(100 * l)
+    };
+}
+function parseColor(colorString) {
+    const hslMatch = colorString.match(/hsl\((\d+),\s*(\d+)%,\s*(\d+)%\)/);
+    if (hslMatch) return {
+        h: parseInt(hslMatch[1]),
+        s: parseInt(hslMatch[2]),
+        l: parseInt(hslMatch[3])
+    };
+    const hexMatch = colorString.match(/^#?([a-fA-F0-9]{6})$/);
+    if (hexMatch) return hexToHsl(colorString);
+    const rgbMatch = colorString.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
+    if (rgbMatch) {
+        const r = parseInt(rgbMatch[1]) / 255;
+        const g = parseInt(rgbMatch[2]) / 255;
+        const b = parseInt(rgbMatch[3]) / 255;
+        const max = Math.max(r, g, b);
+        const min = Math.min(r, g, b);
+        let h = 0;
+        let s = 0;
+        const l = (max + min) / 2;
+        if (max !== min) {
+            const d = max - min;
+            s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+            switch(max){
+                case r:
+                    h = (g - b) / d + (g < b ? 6 : 0);
+                    break;
+                case g:
+                    h = (b - r) / d + 2;
+                    break;
+                case b:
+                    h = (r - g) / d + 4;
+                    break;
+            }
+            h /= 6;
+        }
+        return {
+            h: Math.round(360 * h),
+            s: Math.round(100 * s),
+            l: Math.round(100 * l)
+        };
+    }
     return {
-        h: parseInt(match[1]),
-        s: parseInt(match[2]),
-        l: parseInt(match[3])
+        h: 0,
+        s: 0,
+        l: 0
     };
 }
 function interpolateHue(h1, h2, t) {
@@ -8874,7 +9005,7 @@ function generateStableId() {
     return `svg-bg-${++instanceCounter}-${Date.now()}`;
 }
 function SvgBackground(props) {
-    const { colorStart = 'hsl(129, 100%, 72%)', colorEnd = 'hsl(227, 100%, 50%)', opacity = 1, blurIntensity = 36, turbulenceFrequency = 0.007, animated = false, animationSpeed = 1, class: className = '', style = {}, children, darkness = 0 } = props;
+    const { colorStart = '#000000', colorEnd = '#333333', opacity = 1, blurIntensity = 36, turbulenceFrequency = 0.007, animated = false, animationSpeed = 1, class: className = '', style = {}, children, darkness = 0 } = props;
     const [animationTime, setAnimationTime] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(0);
     let animationFrame = null;
     let gradientStop1Ref;
@@ -8882,6 +9013,12 @@ function SvgBackground(props) {
     let turbulenceRef;
     const gradientId = `gradient-${generateStableId()}`;
     const filterId = `filter-${generateStableId()}`;
+    const shouldUseFilters = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>blurIntensity > 0 && turbulenceFrequency > 0.001);
+    const isGrayscaleColors = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        const startHSL = parseColor(colorStart);
+        const endHSL = parseColor(colorEnd);
+        return startHSL.s < 15 && endHSL.s < 15;
+    });
     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
         if (animated) {
             const animate = ()=>{
@@ -8894,8 +9031,8 @@ function SvgBackground(props) {
     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
         if (animationFrame) cancelAnimationFrame(animationFrame);
     });
-    const startHSL = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>parseHSL(colorStart));
-    const endHSL = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>parseHSL(colorEnd));
+    const startHSL = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>parseColor(colorStart));
+    const endHSL = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>parseColor(colorEnd));
     const animatedColors = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
         if (!animated) return {
             color1: colorStart,
@@ -8930,16 +9067,14 @@ function SvgBackground(props) {
         let color2 = colorEnd;
         const start = startHSL();
         const end = endHSL();
-        if (start && end) {
-            const h1 = interpolateHue(start.h, end.h, colorMix);
-            const s1 = start.s + (end.s - start.s) * colorMix;
-            const l1 = start.l + (end.l - start.l) * colorMix;
-            const h2 = interpolateHue(start.h, end.h, colorMix2);
-            const s2 = start.s + (end.s - start.s) * colorMix2;
-            const l2 = start.l + (end.l - start.l) * colorMix2;
-            color1 = `hsl(${Math.round(h1)}, ${Math.round(s1)}%, ${Math.round(l1)}%)`;
-            color2 = `hsl(${Math.round(h2)}, ${Math.round(s2)}%, ${Math.round(l2)}%)`;
-        }
+        const h1 = interpolateHue(start.h, end.h, colorMix);
+        const s1 = start.s + (end.s - start.s) * colorMix;
+        const l1 = start.l + (end.l - start.l) * colorMix;
+        const h2 = interpolateHue(start.h, end.h, colorMix2);
+        const s2 = start.s + (end.s - start.s) * colorMix2;
+        const l2 = start.l + (end.l - start.l) * colorMix2;
+        color1 = `hsl(${Math.round(h1)}, ${Math.round(s1)}%, ${Math.round(l1)}%)`;
+        color2 = `hsl(${Math.round(h2)}, ${Math.round(s2)}%, ${Math.round(l2)}%)`;
         const turbFreq1 = turbulenceFrequency + 0.01 * turbulenceFrequency * turbMix1;
         const turbFreq2 = 0.4 * turbulenceFrequency + 0.01 * turbulenceFrequency * turbMix2;
         return {
@@ -8960,34 +9095,62 @@ function SvgBackground(props) {
             ...style
         }));
     return (()=>{
-        var _el$ = SvgBackground_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling, _el$7 = _el$4.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.nextSibling, _el$1 = _el$3.nextSibling, _el$10 = _el$2.nextSibling;
+        var _el$ = SvgBackground_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling, _el$7 = _el$3.nextSibling, _el$8 = _el$2.nextSibling;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, `relative ${className}`);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "id", gradientId);
         var _ref$ = gradientStop1Ref;
         "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$5) : gradientStop1Ref = _el$5;
         var _ref$2 = gradientStop2Ref;
         "function" == typeof _ref$2 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$2, _el$6) : gradientStop2Ref = _el$6;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$7, "id", filterId);
-        var _ref$3 = turbulenceRef;
-        "function" == typeof _ref$3 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$3, _el$8) : turbulenceRef = _el$8;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$9, "stdDeviation", `${blurIntensity} ${blurIntensity}`);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$0, "mode", "color-dodge");
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$1, "fill", `url(#${gradientId})`);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$1, "filter", `url(#${filterId})`);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (()=>{
+            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!shouldUseFilters());
+            return ()=>_c$() && (()=>{
+                    var _el$9 = SvgBackground_tmpl$2();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$9, "id", filterId);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, (()=>{
+                        var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isGrayscaleColors());
+                        return ()=>_c$2() ? (()=>{
+                                var _el$0 = SvgBackground_tmpl$3();
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$0, "stdDeviation", `${0.3 * blurIntensity} ${0.3 * blurIntensity}`);
+                                return _el$0;
+                            })() : [
+                                (()=>{
+                                    var _el$1 = SvgBackground_tmpl$4();
+                                    var _ref$3 = turbulenceRef;
+                                    "function" == typeof _ref$3 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$3, _el$1) : turbulenceRef = _el$1;
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$1, "baseFrequency", `${animatedColors().turbFreq1} ${animatedColors().turbFreq2}`));
+                                    return _el$1;
+                                })(),
+                                (()=>{
+                                    var _el$10 = _tmpl$5();
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "stdDeviation", `${blurIntensity} ${blurIntensity}`);
+                                    return _el$10;
+                                })(),
+                                (()=>{
+                                    var _el$11 = _tmpl$6();
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$11, "mode", "color-dodge");
+                                    return _el$11;
+                                })()
+                            ];
+                    })());
+                    return _el$9;
+                })();
+        })(), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$7, "fill", `url(#${gradientId})`);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, darkness > 0 && (()=>{
-            var _el$11 = SvgBackground_tmpl$2();
-            _el$11.style.setProperty("background-color", `rgba(0, 0, 0, ${darkness})`);
-            _el$11.style.setProperty("pointer-events", "none");
-            return _el$11;
-        })(), _el$10);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, children);
+            var _el$12 = _tmpl$7();
+            _el$12.style.setProperty("background-color", `rgba(0, 0, 0, ${darkness})`);
+            _el$12.style.setProperty("pointer-events", "none");
+            return _el$12;
+        })(), _el$8);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, children);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = backgroundStyle(), _v$2 = opacity.toString(), _v$3 = animatedColors().color1, _v$4 = animatedColors().color2, _v$5 = `${animatedColors().turbFreq1} ${animatedColors().turbFreq2}`;
+            var _v$ = backgroundStyle(), _v$2 = opacity.toString(), _v$3 = animatedColors().color1, _v$4 = animatedColors().color2, _v$5 = shouldUseFilters() ? `url(#${filterId})` : 'none';
             _p$.e = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, _v$, _p$.e);
             _v$2 !== _p$.t && (null != (_p$.t = _v$2) ? _el$2.style.setProperty("opacity", _v$2) : _el$2.style.removeProperty("opacity"));
             _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "stop-color", _p$.a = _v$3);
             _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "stop-color", _p$.o = _v$4);
-            _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$8, "baseFrequency", _p$.i = _v$5);
+            _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$7, "filter", _p$.i = _v$5);
             return _p$;
         }, {
             e: void 0,
@@ -9187,6 +9350,147 @@ 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>");
+function EnhancedTable_EnhancedTable(props) {
+    const [local, tableProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "data",
+        "columns",
+        "sorting",
+        "setSorting",
+        "columnFilters",
+        "setColumnFilters",
+        "pagination",
+        "setPagination",
+        "enableSorting",
+        "enableFilters",
+        "enablePagination",
+        "renderRowSubComponent",
+        "renderEmpty"
+    ]);
+    const table = (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.createSolidTable)({
+        get data () {
+            return local.data;
+        },
+        get columns () {
+            return local.columns;
+        },
+        state: {
+            get sorting () {
+                return local.sorting?.() || [];
+            },
+            get columnFilters () {
+                return local.columnFilters?.() || [];
+            },
+            get pagination () {
+                return local.pagination?.() || {
+                    pageIndex: 0,
+                    pageSize: 10
+                };
+            }
+        },
+        onSortingChange: local.setSorting,
+        onColumnFiltersChange: local.setColumnFilters,
+        onPaginationChange: local.setPagination,
+        getCoreRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.getCoreRowModel)(),
+        getSortedRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.getSortedRowModel)(),
+        getFilteredRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.getFilteredRowModel)(),
+        getPaginationRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.getPaginationRowModel)(),
+        enableSorting: false !== local.enableSorting,
+        enableFilters: !!local.enableFilters,
+        manualPagination: !local.enablePagination
+    });
+    const tableRows = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        const rows = table.getRowModel().rows;
+        if (0 === rows.length && local.renderEmpty) return [];
+        return rows;
+    });
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(tableProps, {
+        get children () {
+            return [
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Head, {
+                    get children () {
+                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                            get each () {
+                                return table.getHeaderGroups();
+                            },
+                            children: (headerGroup)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
+                                    get children () {
+                                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                                            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$;
+                                                })()
+                                        });
+                                    }
+                                })
+                        });
+                    }
+                }),
+                (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, {
+                            get each () {
+                                return tableRows();
+                            },
+                            children: (row)=>[
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
+                                        get ["class"] () {
+                                            return row.getIsExpanded() ? "bg-base-200" : "";
+                                        },
+                                        get children () {
+                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                                                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;
+                                                    })()
+                                            });
+                                        }
+                                    }),
+                                    (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;
+                                            }
+                                        }))
+                                ]
+                        });
+                    }
+                })
+            ];
+        }
+    }));
+}
+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, [
@@ -9226,7 +9530,8 @@ const table_Table = Object.assign(Table, {
     Head: TableHead,
     Body: table_TableBody,
     Row: table_TableRow,
-    Footer: table_TableFooter
+    Footer: table_TableFooter,
+    Enhanced: EnhancedTable
 });
 var Tab_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a role=tab>");
 const Tab = (props)=>{
@@ -9775,4 +10080,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, 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_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 };

package/dist/sidenav/Sidenav.css

@@ -147,4 +147,4 @@
   .sidenav-overlay {
     @apply hidden;
   }
-}
+}

package/package.json

@@ -1,78 +1,80 @@
 {
-	"name": "@pathscale/ui",
-	"version": "0.0.44",
-	"author": "pathscale",
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/pathscale/ui"
-	},
-	"license": "MIT",
-	"description": "Highly opinionated SolidJS component library — batteries and kitchen sink included, but optimized and shiny.",
-	"files": [
-		"dist"
-	],
-	"homepage": "https://github.com/pathscale/ui",
-	"keywords": [
-		"solid",
-		"solidjs"
-	],
-	"bugs": {
-		"url": "https://github.com/pathscale/ui/issues"
-	},
-	"main": "./dist/index.js",
-	"module": "./dist/index.js",
-	"types": "./dist/index.d.ts",
-	"devDependencies": {
-		"@biomejs/biome": "1.9.4",
-		"@felte/solid": "^1.2.11",
-		"@felte/validator-zod": "^1.0.15",
-		"@iconify/json": "^2.2.342",
-		"@iconify/utils": "^2.3.0",
-		"@rsbuild/core": "^1.3.20",
-		"@rsbuild/plugin-solid": "^1.0.5",
-		"@rslib/core": "^0.9.0",
-		"@types/bun": "^1.2.12",
-		"babel-preset-solid": "^1.9.6",
-		"clsx": "^2.1.1",
-		"cssnano": "^7.0.7",
-		"postcss": "^8.5.4",
-		"postcss-cli": "^11.0.1",
-		"svgo": "^3.3.2",
-		"tailwind-merge": "^3.3.0",
-		"typescript": "^5.8.3",
-		"zod": "^3.22.4",
-		"cally": "^0.8.0"
-	},
-	"dependencies": {
-		"@iconify/tailwind4": "^1.0.6",
-		"@solid-primitives/event-listener": "^2.3.0",
-		"@solid-primitives/intersection-observer": "^2.1.3",
-		"@solid-primitives/keyboard": "^1.2.5",
-		"@solid-primitives/media": "^2.2.5",
-		"@solid-primitives/props": "^3.1.8",
-		"@solid-primitives/resize-observer": "^2.0.22",
-		"@solid-primitives/scheduled": "^1.4.1",
-		"@solid-primitives/scroll": "^2.0.20",
-		"@solid-primitives/storage": "^2.1.1",
-		"@solid-primitives/utils": "^6.2.1",
-		"rsbuild-plugin-iconify": "^1.0.3",
-		"solid-js": "^1.9.7"
-	},
-	"peerDependencies": {
-		"@felte/solid": "^1.2.0",
-		"@felte/validator-zod": "^1.0.0",
-		"solid-js": "^1.9",
-		"zod": "^3.22.0"
-	},
-	"scripts": {
-		"build": "rslib build && bun scripts/copy-css.js",
-		"build:watch": "rslib build --watch",
-		"dev": "rslib dev",
-		"preview": "rslib preview",
-		"clean": "rm -rf dist node_modules",
-		"format": "bun biome format --write",
-		"lint": "bun biome lint --write"
-	},
-	"sideEffects": false,
-	"type": "module"
+  "name": "@pathscale/ui",
+  "version": "0.0.46",
+  "author": "pathscale",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pathscale/ui"
+  },
+  "license": "MIT",
+  "description": "Highly opinionated SolidJS component library — batteries and kitchen sink included, but optimized and shiny.",
+  "files": [
+    "dist"
+  ],
+  "homepage": "https://github.com/pathscale/ui",
+  "keywords": [
+    "solid",
+    "solidjs"
+  ],
+  "bugs": {
+    "url": "https://github.com/pathscale/ui/issues"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "devDependencies": {
+    "@biomejs/biome": "1.9.4",
+    "@felte/solid": "^1.2.11",
+    "@felte/validator-zod": "^1.0.15",
+    "@iconify/json": "^2.2.342",
+    "@iconify/utils": "^2.3.0",
+    "@rsbuild/core": "^1.3.20",
+    "@rsbuild/plugin-solid": "^1.0.5",
+    "@rslib/core": "^0.9.0",
+    "@tanstack/solid-table": "^8.21.3",
+    "@types/bun": "^1.2.12",
+    "babel-preset-solid": "^1.9.6",
+    "clsx": "^2.1.1",
+    "cssnano": "^7.0.7",
+    "postcss": "^8.5.4",
+    "postcss-cli": "^11.0.1",
+    "svgo": "^3.3.2",
+    "tailwind-merge": "^3.3.0",
+    "typescript": "^5.8.3",
+    "zod": "^3.22.4",
+    "cally": "^0.8.0"
+  },
+  "dependencies": {
+    "@iconify/tailwind4": "^1.0.6",
+    "@solid-primitives/event-listener": "^2.3.0",
+    "@solid-primitives/intersection-observer": "^2.1.3",
+    "@solid-primitives/keyboard": "^1.2.5",
+    "@solid-primitives/media": "^2.2.5",
+    "@solid-primitives/props": "^3.1.8",
+    "@solid-primitives/resize-observer": "^2.0.22",
+    "@solid-primitives/scheduled": "^1.4.1",
+    "@solid-primitives/scroll": "^2.0.20",
+    "@solid-primitives/storage": "^2.1.1",
+    "@solid-primitives/utils": "^6.2.1",
+    "rsbuild-plugin-iconify": "^1.0.3",
+    "solid-js": "^1.9.7"
+  },
+  "peerDependencies": {
+    "@felte/solid": "^1.2.0",
+    "@felte/validator-zod": "^1.0.0",
+    "@tanstack/solid-table": "^8.0.0",
+    "solid-js": "^1.9",
+    "zod": "^3.22.0"
+  },
+  "scripts": {
+    "build": "rslib build && bun scripts/copy-css.js",
+    "build:watch": "rslib build --watch",
+    "dev": "rslib dev",
+    "preview": "rslib preview",
+    "clean": "rm -rf dist node_modules",
+    "format": "bun biome format --write",
+    "lint": "bun biome lint --write"
+  },
+  "sideEffects": false,
+  "type": "module"
 }