@pathscale/ui 1.1.54 → 1.1.56

package/dist/components/table/Table.js

@@ -2,8 +2,11 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Table.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-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>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=table>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=table-scroll-container>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<table data-slot=table-content>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<thead data-slot=table-header>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<th data-slot=table-column>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tbody data-slot=table-body>"), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tr data-slot=table-row>"), _tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<td data-slot=table-cell>"), _tmpl$9 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=table-footer>"), _tmpl$0 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label data-slot=table-page-size><span class=table__page-size-label data-slot=table-page-size-label></span><select>"), _tmpl$1 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<option>"), _tmpl$10 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=table-resizable-container>"), _tmpl$11 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=table-column-resizer>"), _tmpl$12 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tr data-slot=table-load-more>"), _tmpl$13 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=table-load-more-content>");
+const TABLE_VARIANT_CLASS_MAP = {
+    primary: "table-root--primary",
+    secondary: "table-root--secondary"
+};
 const TableContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
 const TableContentContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
 const useTableContext = ()=>{
@@ -39,13 +42,13 @@ const TableRoot = (props)=>{
         },
         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)
-                }), {
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                get ["class"] () {
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table-root", TABLE_VARIANT_CLASS_MAP[variant()], local.class, local.className);
+                },
                 get ["data-theme"] () {
                     return local.dataTheme;
                 },
-                "data-slot": "table",
                 get ["data-variant"] () {
                     return variant();
                 }
@@ -63,14 +66,14 @@ const TableScrollContainer = (props)=>{
         "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)
-            }), {
+        var _el$2 = _tmpl$2();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__scroll-container", 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;
@@ -93,14 +96,14 @@ const TableContent = (props)=>{
             };
         },
         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)
-                }), {
+            var _el$3 = _tmpl$3();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                get ["class"] () {
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__content", local.class, local.className);
+                },
                 get ["data-theme"] () {
                     return local.dataTheme;
                 },
-                "data-slot": "table-content",
                 get ["data-sort-column"] () {
                     return local.sortDescriptor?.column;
                 },
@@ -121,14 +124,14 @@ const TableHeader = (props)=>{
         "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)
-            }), {
+        var _el$4 = _tmpl$4();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__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;
@@ -180,14 +183,16 @@ const TableColumn = (props)=>{
         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)
-            }), {
+        var _el$5 = _tmpl$5();
+        _el$5.$$keydown = handleKeyDown;
+        _el$5.$$click = handleClick;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__column", local.class, local.className);
+            },
             get ["data-theme"] () {
                 return local.dataTheme;
             },
-            "data-slot": "table-column",
             get ["data-column-id"] () {
                 return local.id;
             },
@@ -202,9 +207,7 @@ const TableColumn = (props)=>{
             },
             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;
@@ -218,14 +221,14 @@ const TableBody = (props)=>{
         "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)
-            }), {
+        var _el$6 = _tmpl$6();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__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;
@@ -239,14 +242,14 @@ const TableRow = (props)=>{
         "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)
-            }), {
+        var _el$7 = _tmpl$7();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__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;
@@ -260,14 +263,14 @@ const TableCell = (props)=>{
         "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)
-            }), {
+        var _el$8 = _tmpl$8();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__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;
@@ -284,29 +287,30 @@ const TableExpandedRow = (props)=>{
         "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)
-        }), {
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(TableRow, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        get ["class"] () {
+            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__expanded-row", 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)({
+            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(TableCell, {
                 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 ["class"] () {
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__expanded-cell", local.cellClass, local.cellClassName);
+                },
                 get dataTheme () {
                     return local.cellDataTheme ?? local.dataTheme;
                 },
                 get children () {
                     return local.children;
                 }
-            }));
+            });
         }
     }));
 };
@@ -318,14 +322,14 @@ const TableFooter = (props)=>{
         "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)
-            }), {
+        var _el$9 = _tmpl$9();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__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;
@@ -344,35 +348,32 @@ const TablePageSize = (props)=>{
         "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);
+        var _el$0 = _tmpl$0(), _el$1 = _el$0.firstChild, _el$10 = _el$1.nextSibling;
         (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)
-            }), {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$10, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__page-size-select", 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();
+                    var _el$11 = _tmpl$1();
                     _el$11.value = option;
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, option);
                     return _el$11;
                 })()));
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__page-size", local.class, local.className), _v$2 = local.dataTheme;
+            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$0, _p$.e = _v$);
+            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$0, "data-theme", _p$.t = _v$2);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0
+        });
         return _el$0;
     })();
 };
@@ -384,14 +385,14 @@ const TableResizableContainer = (props)=>{
         "dataTheme"
     ]);
     return (()=>{
-        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)
-            }), {
+        var _el$12 = _tmpl$10();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__resizable-container", local.class, local.className);
+            },
             get ["data-theme"] () {
                 return local.dataTheme;
-            },
-            "data-slot": "table-resizable-container"
+            }
         }, rest), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, ()=>local.children);
         return _el$12;
@@ -407,21 +408,20 @@ const TableColumnResizer = (props)=>{
         "aria-orientation"
     ]);
     return (()=>{
-        var _el$13 = _tmpl$();
+        var _el$13 = _tmpl$11();
         (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 ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__column-resizer", 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;
@@ -435,14 +435,14 @@ const TableLoadMore = (props)=>{
         "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)
-            }), {
+        var _el$14 = _tmpl$12();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$14, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__load-more", 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;
@@ -456,14 +456,14 @@ const TableLoadMoreContent = (props)=>{
         "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)
-            }), {
+        var _el$15 = _tmpl$13();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$15, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__load-more-content", 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$15, ()=>local.children);
         return _el$15;
@@ -486,4 +486,8 @@ const Table = Object.assign(TableRoot, {
     LoadMore: TableLoadMore,
     LoadMoreContent: TableLoadMoreContent
 });
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click",
+    "keydown"
+]);
 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/hooks/index.d.ts

@@ -1 +1,9 @@
-export * from "../../../hooks/table";
+export { useTableSorting, type UseTableSortingOptions, type UseTableSortingResult, type HookSortDirection, type HookSortDescriptor, } from "./useTableSorting";
+export { useTablePagination, type UseTablePaginationOptions, type UseTablePaginationResult, } from "./useTablePagination";
+export { useTableFiltering, type UseTableFilteringOptions, type UseTableFilteringResult, } from "./useTableFiltering";
+export { useTableSelection, type UseTableSelectionOptions, type UseTableSelectionResult, type TableSelectionState, } from "./useTableSelection";
+export { useTableExpansion, type UseTableExpansionOptions, type UseTableExpansionResult, } from "./useTableExpansion";
+export { useTableModel, type UseTableModelOptions, } from "./useTableModel";
+export { toSortDescriptor, toSortingState } from "./helpers";
+export { useAnchoredOverlayPosition } from "./useAnchoredOverlayPosition";
+export type { UseAnchoredOverlayPositionOptions } from "./useAnchoredOverlayPosition";

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

@@ -1 +1,18 @@
-export * from "../../../hooks/table/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useTableSorting_js_bcbcf7e7__ from "./useTableSorting.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useTablePagination_js_221a602e__ from "./useTablePagination.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useTableFiltering_js_c008d8f8__ from "./useTableFiltering.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useTableSelection_js_6791c7a2__ from "./useTableSelection.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useTableExpansion_js_e1dc5a4d__ from "./useTableExpansion.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useTableModel_js_1f373411__ from "./useTableModel.js";
+import * as __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__ from "./helpers.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useAnchoredOverlayPosition_js_ef09d6e3__ from "./useAnchoredOverlayPosition.js";
+var __webpack_exports__toSortDescriptor = __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.toSortDescriptor;
+var __webpack_exports__toSortingState = __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.toSortingState;
+var __webpack_exports__useAnchoredOverlayPosition = __WEBPACK_EXTERNAL_MODULE__useAnchoredOverlayPosition_js_ef09d6e3__.useAnchoredOverlayPosition;
+var __webpack_exports__useTableExpansion = __WEBPACK_EXTERNAL_MODULE__useTableExpansion_js_e1dc5a4d__.useTableExpansion;
+var __webpack_exports__useTableFiltering = __WEBPACK_EXTERNAL_MODULE__useTableFiltering_js_c008d8f8__.useTableFiltering;
+var __webpack_exports__useTableModel = __WEBPACK_EXTERNAL_MODULE__useTableModel_js_1f373411__.useTableModel;
+var __webpack_exports__useTablePagination = __WEBPACK_EXTERNAL_MODULE__useTablePagination_js_221a602e__.useTablePagination;
+var __webpack_exports__useTableSelection = __WEBPACK_EXTERNAL_MODULE__useTableSelection_js_6791c7a2__.useTableSelection;
+var __webpack_exports__useTableSorting = __WEBPACK_EXTERNAL_MODULE__useTableSorting_js_bcbcf7e7__.useTableSorting;
+export { __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 };

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

@@ -1,5 +1,7 @@
 export { default } from "./Table";
 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 EnhancedTable } from "./EnhancedTable";
+export type { EnhancedTableProps } from "./EnhancedTable";
 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,7 @@
 import * as __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__ from "./Table.js";
+import * as __WEBPACK_EXTERNAL_MODULE__EnhancedTable_js_56868370__ from "./EnhancedTable.js";
 import * as __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__ from "./hooks/index.js";
+var __webpack_exports__EnhancedTable = __WEBPACK_EXTERNAL_MODULE__EnhancedTable_js_56868370__["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;
@@ -25,4 +27,4 @@ var __webpack_exports__useTableModel = __WEBPACK_EXTERNAL_MODULE__hooks_index_js
 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__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__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 };
+export { __webpack_exports__EnhancedTable as EnhancedTable, __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__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 };

package/dist/components/tabs/Tabs.js

@@ -2,8 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Tabs.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__Tabs_classes_js_0e8b893a__ from "./Tabs.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)("<div><span>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+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)("<div><span class=tabs__indicator data-slot=tabs-indicator>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
 const TabsContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
@@ -42,7 +41,7 @@ const TabsRoot = (props)=>{
     };
     const getTabId = (key)=>`${baseId}-tab-${String(key)}`;
     const getPanelId = (key)=>`${baseId}-panel-${String(key)}`;
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tabs_classes_js_0e8b893a__.CLASSES.base, "secondary" === local.variant && __WEBPACK_EXTERNAL_MODULE__Tabs_classes_js_0e8b893a__.CLASSES.variant.secondary, local.class);
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tabs", "secondary" === local.variant && "tabs--secondary", local.class);
     const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>({
             orientation: local.orientation ?? "horizontal",
             variant: local.variant ?? "primary",
@@ -60,9 +59,10 @@ const TabsRoot = (props)=>{
         },
         get children () {
             var _el$ = _tmpl$();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                    class: classes()
-                }), {
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+                get ["class"] () {
+                    return classes();
+                },
                 "data-slot": "tabs",
                 get ["data-orientation"] () {
                     return local.orientation ?? "horizontal";
@@ -80,9 +80,10 @@ const TabListContainer = (props)=>{
     ]);
     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)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tabs_classes_js_0e8b893a__.CLASSES.slot.listContainer, local.class)
-            }), {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tabs__list-container", local.class);
+            },
             "data-slot": "tabs-list-container"
         }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
@@ -177,30 +178,27 @@ const TabList = (props)=>{
             role: "tablist",
             get ["aria-orientation"] () {
                 return ctx.orientation;
-            }
-        }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tabs_classes_js_0e8b893a__.CLASSES.slot.list, local.class)
-            }), {
+            },
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tabs__list", local.class);
+            },
             "data-slot": "tabs-list",
             get ["data-orientation"] () {
                 return ctx.orientation;
             }
         }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children, _el$5);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Tabs_classes_js_0e8b893a__.CLASSES.slot.indicator
-            }), {
-            "data-slot": "tabs-indicator",
-            get ["data-ready"] () {
-                return indicatorReady() ? "true" : "false";
-            },
-            get ["data-visible"] () {
-                return indicatorVisible() ? "true" : "false";
-            },
-            get style () {
-                return indicatorStyle();
-            }
-        }), false, false);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$ = indicatorReady() ? "true" : "false", _v$2 = indicatorVisible() ? "true" : "false", _v$3 = indicatorStyle();
+            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "data-ready", _p$.e = _v$);
+            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "data-visible", _p$.t = _v$2);
+            _p$.a = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$5, _v$3, _p$.a);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0,
+            a: void 0
+        });
         return _el$4;
     })();
 };
@@ -217,9 +215,11 @@ const Tab = (props)=>{
     let tabRef;
     if (!ctx) return (()=>{
         var _el$6 = _tmpl$3();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tabs_classes_js_0e8b893a__.CLASSES.slot.tab, local.class)
-            })), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tabs__tab", local.class);
+            }
+        }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
         return _el$6;
     })();
@@ -277,7 +277,7 @@ const Tab = (props)=>{
         if (isDisabled()) return;
         ctx.setSelectedKey(local.id);
     };
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tabs_classes_js_0e8b893a__.CLASSES.slot.tab, local.class);
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tabs__tab", local.class);
     return (()=>{
         var _el$7 = _tmpl$3();
         var _ref$ = tabRef;
@@ -286,10 +286,10 @@ const Tab = (props)=>{
             get id () {
                 return ctx.getTabId(local.id);
             },
-            role: "tab"
-        }, ()=>({
-                class: classes()
-            }), {
+            role: "tab",
+            get ["class"] () {
+                return classes();
+            },
             "data-slot": "tabs-tab",
             get ["data-selected"] () {
                 return isSelected() ? "true" : "false";
@@ -343,10 +343,10 @@ const TabPanel = (props)=>{
             role: "tabpanel",
             get ["aria-labelledby"] () {
                 return ctx.getTabId(local.id);
-            }
-        }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tabs_classes_js_0e8b893a__.CLASSES.slot.panel, local.class)
-            }), {
+            },
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tabs__panel", local.class);
+            },
             "data-slot": "tabs-panel",
             get ["data-orientation"] () {
                 return ctx.orientation;
@@ -366,10 +366,10 @@ const TabSeparator = (props)=>{
     return (()=>{
         var _el$0 = _tmpl$4();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            "aria-hidden": "true"
-        }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tabs_classes_js_0e8b893a__.CLASSES.slot.separator, local.class)
-            }), {
+            "aria-hidden": "true",
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tabs__separator", local.class);
+            },
             "data-slot": "tabs-separator"
         }), false, false);
         return _el$0;