@pathscale/ui 1.2.1 → 1.2.3

package/dist/components/table/Table.js

@@ -1,57 +1,489 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./table.css";
+import "./Table.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__TableHead_js_93797763__ from "./TableHead.js";
-import * as __WEBPACK_EXTERNAL_MODULE__TableBody_js_4322b77f__ from "./TableBody.js";
-import * as __WEBPACK_EXTERNAL_MODULE__TableRow_js_15790b98__ from "./TableRow.js";
-import * as __WEBPACK_EXTERNAL_MODULE__TableFooter_js_4d2342c8__ from "./TableFooter.js";
-import * as __WEBPACK_EXTERNAL_MODULE__TableCell_js_05a1cbe2__ from "./TableCell.js";
-import * as __WEBPACK_EXTERNAL_MODULE__TableHeadCell_js_c0a783bb__ from "./TableHeadCell.js";
-var _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, [
-        "children",
-        "size",
-        "zebra",
-        "pinRows",
-        "pinCols",
-        "hover",
+import * as __WEBPACK_EXTERNAL_MODULE__Table_classes_js_f1ab3121__ from "./Table.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<table>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<thead>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<th>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tbody>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tr>"), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<td>"), _tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label><span></span><select>"), _tmpl$9 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<option>");
+const TableContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+const TableContentContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+const useTableContext = ()=>{
+    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(TableContext);
+    if (context) return context;
+    return {
+        variant: ()=>"primary"
+    };
+};
+const useTableContentContext = ()=>{
+    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(TableContentContext);
+    if (context) return context;
+    return {
+        sortDescriptor: ()=>void 0
+    };
+};
+const invokeEventHandler = (handler, event)=>{
+    if ("function" == typeof handler) return void handler(event);
+    if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
+};
+const TableRoot = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "variant",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    const variant = ()=>local.variant ?? "primary";
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(TableContext.Provider, {
+        value: {
+            variant
+        },
+        get children () {
+            var _el$ = _tmpl$();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Table_classes_js_f1ab3121__.CLASSES.root.base, __WEBPACK_EXTERNAL_MODULE__Table_classes_js_f1ab3121__.CLASSES.root.variant[variant()], local.class, local.className)
+                }), {
+                get ["data-theme"] () {
+                    return local.dataTheme;
+                },
+                "data-slot": "table",
+                get ["data-variant"] () {
+                    return variant();
+                }
+            }, rest), false, true);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+            return _el$;
+        }
+    });
+};
+const TableScrollContainer = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$2 = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Table_classes_js_f1ab3121__.CLASSES.scroll, local.class, local.className)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-scroll-container"
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+        return _el$2;
+    })();
+};
+const TableContent = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "sortDescriptor",
+        "onSortChange"
+    ]);
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(TableContentContext.Provider, {
+        get value () {
+            return {
+                sortDescriptor: ()=>local.sortDescriptor,
+                onSortChange: local.onSortChange
+            };
+        },
+        get children () {
+            var _el$3 = _tmpl$2();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Table_classes_js_f1ab3121__.CLASSES.content, local.class, local.className)
+                }), {
+                get ["data-theme"] () {
+                    return local.dataTheme;
+                },
+                "data-slot": "table-content",
+                get ["data-sort-column"] () {
+                    return local.sortDescriptor?.column;
+                },
+                get ["data-sort-direction"] () {
+                    return local.sortDescriptor?.direction;
+                }
+            }, rest), false, true);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
+            return _el$3;
+        }
+    });
+};
+const TableHeader = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$4 = _tmpl$3();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Table_classes_js_f1ab3121__.CLASSES.header, local.class, local.className)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-header"
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
+        return _el$4;
+    })();
+};
+const TableColumn = (props)=>{
+    const contentContext = useTableContentContext();
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "id",
+        "allowsSorting",
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "onClick",
+        "onKeyDown",
+        "tabIndex"
+    ]);
+    const isSortable = ()=>Boolean(local.allowsSorting);
+    const sortDirection = ()=>{
+        const descriptor = contentContext.sortDescriptor();
+        if (!descriptor || descriptor.column !== local.id) return;
+        return descriptor.direction;
+    };
+    const emitSortChange = ()=>{
+        if (!isSortable() || !contentContext.onSortChange) return;
+        contentContext.onSortChange({
+            column: local.id,
+            direction: "ascending" === sortDirection() ? "descending" : "ascending"
+        });
+    };
+    const handleClick = (event)=>{
+        invokeEventHandler(local.onClick, event);
+        if (event.defaultPrevented) return;
+        emitSortChange();
+    };
+    const handleKeyDown = (event)=>{
+        invokeEventHandler(local.onKeyDown, event);
+        if (event.defaultPrevented) return;
+        if (!isSortable()) return;
+        if ("Enter" !== event.key && " " !== event.key) return;
+        event.preventDefault();
+        emitSortChange();
+    };
+    const renderedChildren = ()=>{
+        if ("function" == typeof local.children) return local.children({
+            sortDirection: sortDirection()
+        });
+        return local.children;
+    };
+    return (()=>{
+        var _el$5 = _tmpl$4();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Table_classes_js_f1ab3121__.CLASSES.column, local.class, local.className)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-column",
+            get ["data-column-id"] () {
+                return local.id;
+            },
+            get ["data-allows-sorting"] () {
+                return isSortable() ? "true" : void 0;
+            },
+            get ["data-sort-direction"] () {
+                return sortDirection();
+            },
+            get ["aria-sort"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isSortable())() ? sortDirection() ?? "none" : void 0;
+            },
+            get tabIndex () {
+                return isSortable() ? local.tabIndex ?? 0 : local.tabIndex;
+            },
+            onClick: handleClick,
+            onKeyDown: handleKeyDown
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, renderedChildren);
+        return _el$5;
+    })();
+};
+const TableBody = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$6 = _tmpl$5();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Table_classes_js_f1ab3121__.CLASSES.body, local.class, local.className)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-body"
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
+        return _el$6;
+    })();
+};
+const TableRow = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$7 = _tmpl$6();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Table_classes_js_f1ab3121__.CLASSES.row, local.class, local.className)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-row"
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.children);
+        return _el$7;
+    })();
+};
+const TableCell = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$8 = _tmpl$7();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Table_classes_js_f1ab3121__.CLASSES.cell, local.class, local.className)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-cell"
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>local.children);
+        return _el$8;
+    })();
+};
+const TableExpandedRow = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "colSpan",
+        "cellClass",
+        "cellClassName",
+        "cellDataTheme"
+    ]);
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(TableRow, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Table_classes_js_f1ab3121__.CLASSES.expandedRow, local.class, local.className)
+        }), {
+        get ["data-theme"] () {
+            return local.dataTheme;
+        },
+        "data-slot": "table-expanded-row"
+    }, rest, {
+        get children () {
+            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(TableCell, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                get colSpan () {
+                    return local.colSpan;
+                }
+            }, ()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Table_classes_js_f1ab3121__.CLASSES.expandedCell, local.cellClass, local.cellClassName)
+                }), {
+                get dataTheme () {
+                    return local.cellDataTheme ?? local.dataTheme;
+                },
+                get children () {
+                    return local.children;
+                }
+            }));
+        }
+    }));
+};
+const TableFooter = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$9 = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Table_classes_js_f1ab3121__.CLASSES.footer, local.class, local.className)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-footer"
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>local.children);
+        return _el$9;
+    })();
+};
+const TablePageSize = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "className",
         "dataTheme",
-        "class"
+        "value",
+        "options",
+        "onChange",
+        "label",
+        "selectClass",
+        "selectClassName"
+    ]);
+    return (()=>{
+        var _el$0 = _tmpl$8(), _el$1 = _el$0.firstChild, _el$10 = _el$1.nextSibling;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Table_classes_js_f1ab3121__.CLASSES.pageSize, local.class, local.className)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-page-size"
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$1, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Table_classes_js_f1ab3121__.CLASSES.pageSizeLabel
+            }), {
+            "data-slot": "table-page-size-label"
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, ()=>local.label ?? "Rows");
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$10, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Table_classes_js_f1ab3121__.CLASSES.pageSizeSelect, local.selectClass, local.selectClassName)
+            }), {
+            get value () {
+                return local.value;
+            },
+            onChange: (event)=>local.onChange(Number(event.currentTarget.value))
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, ()=>local.options.map((option)=>(()=>{
+                    var _el$11 = _tmpl$9();
+                    _el$11.value = option;
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, option);
+                    return _el$11;
+                })()));
+        return _el$0;
+    })();
+};
+const TableResizableContainer = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme"
     ]);
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table", local.class, (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
-            "table-zebra": local.zebra,
-            "table-hover": local.hover,
-            "table-xl": "xl" === local.size,
-            "table-lg": "lg" === local.size,
-            "table-md": "md" === local.size,
-            "table-sm": "sm" === local.size,
-            "table-xs": "xs" === local.size,
-            "table-pin-rows": local.pinRows,
-            "table-pin-cols": local.pinCols
-        }));
     return (()=>{
-        var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        var _el$12 = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Table_classes_js_f1ab3121__.CLASSES.resizableContainer, local.class, local.className)
+            }), {
             get ["data-theme"] () {
                 return local.dataTheme;
             },
-            get ["class"] () {
-                return classes();
+            "data-slot": "table-resizable-container"
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, ()=>local.children);
+        return _el$12;
+    })();
+};
+const TableColumnResizer = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "role",
+        "aria-orientation"
+    ]);
+    return (()=>{
+        var _el$13 = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get role () {
+                return local.role ?? "separator";
+            },
+            get ["aria-orientation"] () {
+                return local["aria-orientation"] ?? "vertical";
             }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Table_classes_js_f1ab3121__.CLASSES.columnResizer, local.class, local.className)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-column-resizer"
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, ()=>local.children);
+        return _el$13;
+    })();
+};
+const TableLoadMore = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$14 = _tmpl$6();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$14, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Table_classes_js_f1ab3121__.CLASSES.loadMore, local.class, local.className)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-load-more"
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$14, ()=>local.children);
+        return _el$14;
+    })();
+};
+const TableLoadMoreContent = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$15 = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$15, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Table_classes_js_f1ab3121__.CLASSES.loadMoreContent, local.class, local.className)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-load-more-content"
         }, rest), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
-        return _el$;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$15, ()=>local.children);
+        return _el$15;
     })();
 };
-const table_Table = Object.assign(Table, {
-    Head: __WEBPACK_EXTERNAL_MODULE__TableHead_js_93797763__["default"],
-    Body: __WEBPACK_EXTERNAL_MODULE__TableBody_js_4322b77f__["default"],
-    Row: __WEBPACK_EXTERNAL_MODULE__TableRow_js_15790b98__["default"],
-    Footer: __WEBPACK_EXTERNAL_MODULE__TableFooter_js_4d2342c8__["default"],
-    Cell: __WEBPACK_EXTERNAL_MODULE__TableCell_js_05a1cbe2__["default"],
-    HeadCell: __WEBPACK_EXTERNAL_MODULE__TableHeadCell_js_c0a783bb__["default"]
+const Table = Object.assign(TableRoot, {
+    Root: TableRoot,
+    ScrollContainer: TableScrollContainer,
+    Content: TableContent,
+    Header: TableHeader,
+    Column: TableColumn,
+    Body: TableBody,
+    Row: TableRow,
+    Cell: TableCell,
+    ExpandedRow: TableExpandedRow,
+    Footer: TableFooter,
+    PageSize: TablePageSize,
+    ResizableContainer: TableResizableContainer,
+    ColumnResizer: TableColumnResizer,
+    LoadMore: TableLoadMore,
+    LoadMoreContent: TableLoadMoreContent
 });
-export { table_Table as default };
+export { TableBody, TableCell, TableColumn, TableColumnResizer, TableContent, TableExpandedRow, TableFooter, TableHeader, TableLoadMore, TableLoadMoreContent, TablePageSize, TableResizableContainer, TableRoot, TableRow, TableScrollContainer, Table as default, useTableContentContext, useTableContext };

package/dist/components/table/VirtualSpacerRow.d.ts

@@ -0,0 +1,8 @@
+import { type Component } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type VirtualSpacerRowProps = IComponentBaseProps & {
+    height: number;
+    colSpan: number;
+};
+declare const VirtualSpacerRow: Component<VirtualSpacerRowProps>;
+export default VirtualSpacerRow;

package/dist/components/table/VirtualSpacerRow.js

@@ -0,0 +1,33 @@
+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_tailwind_merge_e05e3e95__ from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tr data-slot=table-virtual-spacer-row aria-hidden=true><td>");
+const VirtualSpacerRow = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "height",
+        "colSpan",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$ = _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)(rest, {
+            get colSpan () {
+                return local.colSpan;
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("border-0 bg-transparent p-0", local.class, local.className)
+            }), {
+            get style () {
+                return {
+                    height: `${Math.max(0, local.height)}px`
+                };
+            }
+        }), false, false);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", local.dataTheme));
+        return _el$;
+    })();
+};
+const table_VirtualSpacerRow = VirtualSpacerRow;
+export { table_VirtualSpacerRow as default };

package/dist/components/table/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from "../../../hooks/table";

package/dist/components/table/hooks/index.js

@@ -0,0 +1 @@
+export * from "../../../hooks/table/index.js";

package/dist/components/table/index.d.ts

@@ -1,4 +1,15 @@
 export { default } from "./Table";
-export type { TableProps } from "./Table";
-export { default as EnhancedTable } from "./EnhancedTable";
-export type { EnhancedTableProps } from "./EnhancedTable";
+export { TableRoot, TableScrollContainer, TableContent, TableHeader, TableColumn, TableBody, TableRow, TableCell, TableExpandedRow, TableFooter, TablePageSize, TableResizableContainer, TableColumnResizer, TableLoadMore, TableLoadMoreContent, } from "./Table";
+export type { TableRootProps as TableProps, TableRootProps, TableScrollContainerProps, TableContentProps, TableHeaderProps, TableColumnProps, TableBodyProps, TableRowProps, TableCellProps, TableExpandedRowProps, TableFooterProps, TablePageSizeProps, TableResizableContainerProps, TableColumnResizerProps, TableLoadMoreProps, TableLoadMoreContentProps, TableVariant, TableSortDirection, TableSortDescriptor, TableColumnRenderProps, } from "./Table";
+export { default as SortIcon } from "./SortIcon";
+export type { SortIconProps, SortIconState } from "./SortIcon";
+export { default as ExpandToggle } from "./ExpandToggle";
+export type { ExpandToggleProps } from "./ExpandToggle";
+export { default as VirtualSpacerRow } from "./VirtualSpacerRow";
+export type { VirtualSpacerRowProps } from "./VirtualSpacerRow";
+export { default as MobileListView } from "./MobileListView";
+export type { MobileListViewProps } from "./MobileListView";
+export { default as InlineConfirm } from "./InlineConfirm";
+export type { InlineConfirmProps, InlineConfirmVariant } from "./InlineConfirm";
+export { useTableModel, useTableSorting, useTablePagination, useTableFiltering, useTableSelection, useTableExpansion, toSortDescriptor, toSortingState, useAnchoredOverlayPosition, } from "./hooks";
+export type { UseTableModelOptions, UseTableSortingOptions, UseTableSortingResult, HookSortDirection, HookSortDescriptor, UseTablePaginationOptions, UseTablePaginationResult, UseTableFilteringOptions, UseTableFilteringResult, UseTableSelectionOptions, UseTableSelectionResult, TableSelectionState, UseTableExpansionOptions, UseTableExpansionResult, UseAnchoredOverlayPositionOptions, } from "./hooks";

package/dist/components/table/index.js

@@ -1,5 +1,38 @@
 import * as __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__ from "./Table.js";
-import * as __WEBPACK_EXTERNAL_MODULE__EnhancedTable_js_56868370__ from "./EnhancedTable.js";
-var __webpack_exports__EnhancedTable = __WEBPACK_EXTERNAL_MODULE__EnhancedTable_js_56868370__["default"];
+import * as __WEBPACK_EXTERNAL_MODULE__SortIcon_js_5464d2a3__ from "./SortIcon.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ExpandToggle_js_83c757cb__ from "./ExpandToggle.js";
+import * as __WEBPACK_EXTERNAL_MODULE__VirtualSpacerRow_js_137d9e2c__ from "./VirtualSpacerRow.js";
+import * as __WEBPACK_EXTERNAL_MODULE__MobileListView_js_cc8863be__ from "./MobileListView.js";
+import * as __WEBPACK_EXTERNAL_MODULE__InlineConfirm_js_2914a73c__ from "./InlineConfirm.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__ from "./hooks/index.js";
+var __webpack_exports__ExpandToggle = __WEBPACK_EXTERNAL_MODULE__ExpandToggle_js_83c757cb__["default"];
+var __webpack_exports__InlineConfirm = __WEBPACK_EXTERNAL_MODULE__InlineConfirm_js_2914a73c__["default"];
+var __webpack_exports__MobileListView = __WEBPACK_EXTERNAL_MODULE__MobileListView_js_cc8863be__["default"];
+var __webpack_exports__SortIcon = __WEBPACK_EXTERNAL_MODULE__SortIcon_js_5464d2a3__["default"];
+var __webpack_exports__TableBody = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableBody;
+var __webpack_exports__TableCell = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableCell;
+var __webpack_exports__TableColumn = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableColumn;
+var __webpack_exports__TableColumnResizer = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableColumnResizer;
+var __webpack_exports__TableContent = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableContent;
+var __webpack_exports__TableExpandedRow = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableExpandedRow;
+var __webpack_exports__TableFooter = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableFooter;
+var __webpack_exports__TableHeader = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableHeader;
+var __webpack_exports__TableLoadMore = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableLoadMore;
+var __webpack_exports__TableLoadMoreContent = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableLoadMoreContent;
+var __webpack_exports__TablePageSize = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TablePageSize;
+var __webpack_exports__TableResizableContainer = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableResizableContainer;
+var __webpack_exports__TableRoot = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableRoot;
+var __webpack_exports__TableRow = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableRow;
+var __webpack_exports__TableScrollContainer = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableScrollContainer;
+var __webpack_exports__VirtualSpacerRow = __WEBPACK_EXTERNAL_MODULE__VirtualSpacerRow_js_137d9e2c__["default"];
 var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"];
-export { __webpack_exports__EnhancedTable as EnhancedTable, __webpack_exports__default as default };
+var __webpack_exports__toSortDescriptor = __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.toSortDescriptor;
+var __webpack_exports__toSortingState = __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.toSortingState;
+var __webpack_exports__useAnchoredOverlayPosition = __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useAnchoredOverlayPosition;
+var __webpack_exports__useTableExpansion = __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useTableExpansion;
+var __webpack_exports__useTableFiltering = __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useTableFiltering;
+var __webpack_exports__useTableModel = __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useTableModel;
+var __webpack_exports__useTablePagination = __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useTablePagination;
+var __webpack_exports__useTableSelection = __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useTableSelection;
+var __webpack_exports__useTableSorting = __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useTableSorting;
+export { __webpack_exports__ExpandToggle as ExpandToggle, __webpack_exports__InlineConfirm as InlineConfirm, __webpack_exports__MobileListView as MobileListView, __webpack_exports__SortIcon as SortIcon, __webpack_exports__TableBody as TableBody, __webpack_exports__TableCell as TableCell, __webpack_exports__TableColumn as TableColumn, __webpack_exports__TableColumnResizer as TableColumnResizer, __webpack_exports__TableContent as TableContent, __webpack_exports__TableExpandedRow as TableExpandedRow, __webpack_exports__TableFooter as TableFooter, __webpack_exports__TableHeader as TableHeader, __webpack_exports__TableLoadMore as TableLoadMore, __webpack_exports__TableLoadMoreContent as TableLoadMoreContent, __webpack_exports__TablePageSize as TablePageSize, __webpack_exports__TableResizableContainer as TableResizableContainer, __webpack_exports__TableRoot as TableRoot, __webpack_exports__TableRow as TableRow, __webpack_exports__TableScrollContainer as TableScrollContainer, __webpack_exports__VirtualSpacerRow as VirtualSpacerRow, __webpack_exports__default as default, __webpack_exports__toSortDescriptor as toSortDescriptor, __webpack_exports__toSortingState as toSortingState, __webpack_exports__useAnchoredOverlayPosition as useAnchoredOverlayPosition, __webpack_exports__useTableExpansion as useTableExpansion, __webpack_exports__useTableFiltering as useTableFiltering, __webpack_exports__useTableModel as useTableModel, __webpack_exports__useTablePagination as useTablePagination, __webpack_exports__useTableSelection as useTableSelection, __webpack_exports__useTableSorting as useTableSorting };