@pathscale/ui 1.1.40 → 1.1.42

package/dist/components/spinner/Spinner.classes.js

@@ -0,0 +1,26 @@
+const CLASSES = {
+    base: "spinner",
+    size: {
+        xs: "spinner--xs",
+        sm: "spinner--sm",
+        md: "",
+        lg: "spinner--lg",
+        xl: "spinner--xl"
+    },
+    color: {
+        current: "spinner--current",
+        accent: "spinner--accent",
+        success: "spinner--success",
+        warning: "spinner--warning",
+        danger: "spinner--danger"
+    },
+    variant: {
+        spinner: "spinner--spinner",
+        dots: "spinner--dots",
+        ring: "spinner--ring",
+        ball: "spinner--ball",
+        bars: "spinner--bars",
+        infinity: "spinner--infinity"
+    }
+};
+export { CLASSES };

package/dist/components/spinner/Spinner.js

@@ -2,29 +2,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Spinner.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__Spinner_classes_js_ffa4756a__ from "./Spinner.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=spinner-icon fill=none viewBox="0 0 24 24"><defs><linearGradient x1=50% x2=50% y1=5.271% y2=91.793%><stop offset=0% stop-color=currentColor></stop><stop offset=100% stop-color=currentColor stop-opacity=0.55></stop></linearGradient><linearGradient x1=50% x2=50% y1=15.24% y2=87.15%><stop offset=0% stop-color=currentColor stop-opacity=0></stop><stop offset=100% stop-color=currentColor stop-opacity=0.55></stop></linearGradient></defs><g fill=none><path d="M8.749.021a1.5 1.5 0 0 1 .497 2.958A7.5 7.5 0 0 0 3 10.375a7.5 7.5 0 0 0 7.5 7.5v3c-5.799 0-10.5-4.7-10.5-10.5C0 5.23 3.726.865 8.749.021"transform="translate(1.5 1.625)"></path><path d="M15.392 2.673a1.5 1.5 0 0 1 2.119-.115A10.48 10.48 0 0 1 21 10.375c0 5.8-4.701 10.5-10.5 10.5v-3a7.5 7.5 0 0 0 5.007-13.084a1.5 1.5 0 0 1-.115-2.118"transform="translate(1.5 1.625)">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
-const SIZE_CLASS_MAP = {
-    xs: "spinner--xs",
-    sm: "spinner--sm",
-    md: "",
-    lg: "spinner--lg",
-    xl: "spinner--xl"
-};
-const COLOR_CLASS_MAP = {
-    current: "spinner--current",
-    accent: "spinner--accent",
-    success: "spinner--success",
-    warning: "spinner--warning",
-    danger: "spinner--danger"
-};
-const VARIANT_CLASS_MAP = {
-    spinner: "spinner--spinner",
-    dots: "spinner--dots",
-    ring: "spinner--ring",
-    ball: "spinner--ball",
-    bars: "spinner--bars",
-    infinity: "spinner--infinity"
-};
 const SpinnerSVG = ()=>{
     const id = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
     return (()=>{
@@ -60,7 +39,7 @@ const Spinner = (props)=>{
             "aria-busy": "true",
             "aria-live": "polite",
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("spinner", SIZE_CLASS_MAP[size()], COLOR_CLASS_MAP[color()], VARIANT_CLASS_MAP[variant()], local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Spinner_classes_js_ffa4756a__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Spinner_classes_js_ffa4756a__.CLASSES.size[size()], __WEBPACK_EXTERNAL_MODULE__Spinner_classes_js_ffa4756a__.CLASSES.color[color()], __WEBPACK_EXTERNAL_MODULE__Spinner_classes_js_ffa4756a__.CLASSES.variant[variant()], local.class, local.className);
             },
             "data-slot": "spinner",
             get ["data-theme"] () {

package/dist/components/surface/Surface.js

@@ -16,10 +16,9 @@ function Surface(props) {
     const variant = ()=>local.variant ?? "default";
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Surface_classes_js_ab149b7e__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Surface_classes_js_ab149b7e__.CLASSES.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)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Surface_classes_js_ab149b7e__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Surface_classes_js_ab149b7e__.CLASSES.variant[variant()], local.class, local.className)
+            }), {
             "data-slot": "surface",
             get ["data-theme"] () {
                 return local.dataTheme;

package/dist/components/table/Table.classes.d.ts

@@ -0,0 +1,26 @@
+export declare const CLASSES: {
+    readonly root: {
+        readonly base: "table-root";
+        readonly variant: {
+            readonly primary: "table-root--primary";
+            readonly secondary: "table-root--secondary";
+        };
+    };
+    readonly scroll: "table__scroll-container";
+    readonly content: "table__content";
+    readonly header: "table__header";
+    readonly column: "table__column";
+    readonly body: "table__body";
+    readonly row: "table__row";
+    readonly cell: "table__cell";
+    readonly expandedRow: "table__expanded-row";
+    readonly expandedCell: "table__expanded-cell";
+    readonly footer: "table__footer";
+    readonly pageSize: "table__page-size";
+    readonly pageSizeLabel: "table__page-size-label";
+    readonly pageSizeSelect: "table__page-size-select";
+    readonly resizableContainer: "table__resizable-container";
+    readonly columnResizer: "table__column-resizer";
+    readonly loadMore: "table__load-more";
+    readonly loadMoreContent: "table__load-more-content";
+};

package/dist/components/table/Table.classes.js

@@ -0,0 +1,27 @@
+const CLASSES = {
+    root: {
+        base: "table-root",
+        variant: {
+            primary: "table-root--primary",
+            secondary: "table-root--secondary"
+        }
+    },
+    scroll: "table__scroll-container",
+    content: "table__content",
+    header: "table__header",
+    column: "table__column",
+    body: "table__body",
+    row: "table__row",
+    cell: "table__cell",
+    expandedRow: "table__expanded-row",
+    expandedCell: "table__expanded-cell",
+    footer: "table__footer",
+    pageSize: "table__page-size",
+    pageSizeLabel: "table__page-size-label",
+    pageSizeSelect: "table__page-size-select",
+    resizableContainer: "table__resizable-container",
+    columnResizer: "table__column-resizer",
+    loadMore: "table__load-more",
+    loadMoreContent: "table__load-more-content"
+};
+export { CLASSES };

package/dist/components/table/Table.js

@@ -2,11 +2,8 @@ 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";
-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"
-};
+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 = ()=>{
@@ -42,13 +39,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)({
-                get ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table-root", TABLE_VARIANT_CLASS_MAP[variant()], local.class, local.className);
-                },
+            (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();
                 }
@@ -66,14 +63,14 @@ const TableScrollContainer = (props)=>{
         "dataTheme"
     ]);
     return (()=>{
-        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);
-            },
+        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;
@@ -96,14 +93,14 @@ const TableContent = (props)=>{
             };
         },
         get children () {
-            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);
-                },
+            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;
                 },
@@ -124,14 +121,14 @@ const TableHeader = (props)=>{
         "dataTheme"
     ]);
     return (()=>{
-        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);
-            },
+        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;
@@ -183,16 +180,14 @@ const TableColumn = (props)=>{
         return local.children;
     };
     return (()=>{
-        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);
-            },
+        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;
             },
@@ -207,7 +202,9 @@ 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;
@@ -221,14 +218,14 @@ const TableBody = (props)=>{
         "dataTheme"
     ]);
     return (()=>{
-        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);
-            },
+        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;
@@ -242,14 +239,14 @@ const TableRow = (props)=>{
         "dataTheme"
     ]);
     return (()=>{
-        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);
-            },
+        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;
@@ -263,14 +260,14 @@ const TableCell = (props)=>{
         "dataTheme"
     ]);
     return (()=>{
-        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);
-            },
+        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;
@@ -287,30 +284,29 @@ 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)({
-        get ["class"] () {
-            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__expanded-row", local.class, local.className);
-        },
+    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, {
+            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;
-                },
-                get ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__expanded-cell", local.cellClass, local.cellClassName);
-                },
+                }
+            }, ()=>({
+                    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;
                 }
-            });
+            }));
         }
     }));
 };
@@ -322,14 +318,14 @@ const TableFooter = (props)=>{
         "dataTheme"
     ]);
     return (()=>{
-        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);
-            },
+        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;
@@ -348,32 +344,35 @@ const TablePageSize = (props)=>{
         "selectClassName"
     ]);
     return (()=>{
-        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, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__page-size-select", local.selectClass, local.selectClassName);
+        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$1();
+                    var _el$11 = _tmpl$9();
                     _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;
     })();
 };
@@ -385,14 +384,14 @@ const TableResizableContainer = (props)=>{
         "dataTheme"
     ]);
     return (()=>{
-        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);
-            },
+        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;
-            }
+            },
+            "data-slot": "table-resizable-container"
         }, rest), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, ()=>local.children);
         return _el$12;
@@ -408,20 +407,21 @@ const TableColumnResizer = (props)=>{
         "aria-orientation"
     ]);
     return (()=>{
-        var _el$13 = _tmpl$11();
+        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";
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("table__column-resizer", local.class, local.className);
-            },
+            }
+        }, ()=>({
+                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;
@@ -435,14 +435,14 @@ const TableLoadMore = (props)=>{
         "dataTheme"
     ]);
     return (()=>{
-        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);
-            },
+        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;
@@ -456,14 +456,14 @@ const TableLoadMoreContent = (props)=>{
         "dataTheme"
     ]);
     return (()=>{
-        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);
-            },
+        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$15, ()=>local.children);
         return _el$15;
@@ -486,8 +486,4 @@ 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/tabs/Tabs.classes.d.ts

@@ -0,0 +1,14 @@
+export declare const CLASSES: {
+    readonly base: "tabs";
+    readonly slot: {
+        readonly listContainer: "tabs__list-container";
+        readonly list: "tabs__list";
+        readonly indicator: "tabs__indicator";
+        readonly tab: "tabs__tab";
+        readonly panel: "tabs__panel";
+        readonly separator: "tabs__separator";
+    };
+    readonly variant: {
+        readonly secondary: "tabs--secondary";
+    };
+};

package/dist/components/tabs/Tabs.classes.js

@@ -0,0 +1,15 @@
+const CLASSES = {
+    base: "tabs",
+    slot: {
+        listContainer: "tabs__list-container",
+        list: "tabs__list",
+        indicator: "tabs__indicator",
+        tab: "tabs__tab",
+        panel: "tabs__panel",
+        separator: "tabs__separator"
+    },
+    variant: {
+        secondary: "tabs--secondary"
+    }
+};
+export { CLASSES };