@pathscale/ui 2.2.2 → 2.3.0

package/dist/components/table/TableColumn.generated.js

@@ -0,0 +1,89 @@
+import { insert, memo, mergeProps, spread, template } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { invokeEventHandler, useTableContentContext } from "./Table.context.js";
+import { CLASSES, tableColumnRecipe } from "./Table.recipe.js";
+var _tmpl$ = /*#__PURE__*/ template("<th>");
+const __solidLayoutTableColumn = (_stable, p)=>{
+    const contentContext = useTableContentContext();
+    const [local, rest] = splitProps(p, [
+        "id",
+        "allowsSorting",
+        "children",
+        "class",
+        "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$ = _tmpl$();
+        spread(_el$, mergeProps(()=>({
+                class: twMerge(CLASSES.column, local.class)
+            }), {
+            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 memo(()=>!!isSortable())() ? sortDirection() ?? "none" : void 0;
+            },
+            get tabIndex () {
+                return memo(()=>!!isSortable())() ? local.tabIndex ?? 0 : local.tabIndex;
+            },
+            onClick: handleClick,
+            onKeyDown: handleKeyDown
+        }, rest), false, true);
+        insert(_el$, renderedChildren);
+        return _el$;
+    })();
+};
+const TableColumn = defineComponent({
+    recipe: tableColumnRecipe,
+    layout: __solidLayoutTableColumn,
+    embedded: true
+});
+const TableColumn_generated = TableColumn;
+export default TableColumn_generated;

package/dist/components/table/TableColumnResizer.generated.d.ts

@@ -0,0 +1,6 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import { type JSX } from "solid-js";
+import type { UIBaseProps } from "../vocabulary";
+export type TableColumnResizerProps = JSX.HTMLAttributes<HTMLDivElement> & UIBaseProps;
+declare const TableColumnResizer: __LayoutComponent<TableColumnResizerProps>;
+export default TableColumnResizer;

package/dist/components/table/TableColumnResizer.generated.js

@@ -0,0 +1,42 @@
+import { insert, mergeProps, spread, template } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES, tableColumnResizerRecipe } from "./Table.recipe.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
+const __solidLayoutTableColumnResizer = (_stable, p)=>{
+    const [local, rest] = splitProps(p, [
+        "children",
+        "class",
+        "dataTheme",
+        "role",
+        "aria-orientation"
+    ]);
+    return (()=>{
+        var _el$ = _tmpl$();
+        spread(_el$, mergeProps({
+            get role () {
+                return local.role ?? "separator";
+            },
+            get ["aria-orientation"] () {
+                return local["aria-orientation"] ?? "vertical";
+            }
+        }, ()=>({
+                class: twMerge(CLASSES.columnResizer, local.class)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-column-resizer"
+        }, rest), false, true);
+        insert(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const TableColumnResizer = defineComponent({
+    recipe: tableColumnResizerRecipe,
+    layout: __solidLayoutTableColumnResizer,
+    embedded: true
+});
+const TableColumnResizer_generated = TableColumnResizer;
+export default TableColumnResizer_generated;

package/dist/components/table/TableContent.generated.d.ts

@@ -0,0 +1,10 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import { type JSX } from "solid-js";
+import type { UIBaseProps } from "../vocabulary";
+import { type TableSortDescriptor } from "./Table.context";
+export type TableContentProps = JSX.HTMLAttributes<HTMLTableElement> & UIBaseProps & {
+    sortDescriptor?: TableSortDescriptor;
+    onSortChange?: (descriptor: TableSortDescriptor) => void;
+};
+declare const TableContent: __LayoutComponent<TableContentProps>;
+export default TableContent;

package/dist/components/table/TableContent.generated.js

@@ -0,0 +1,50 @@
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { TableContentContext } from "./Table.context.js";
+import { CLASSES, tableContentRecipe } from "./Table.recipe.js";
+var _tmpl$ = /*#__PURE__*/ template("<table>");
+const __solidLayoutTableContent = (_stable, p)=>{
+    const [local, rest] = splitProps(p, [
+        "children",
+        "class",
+        "dataTheme",
+        "sortDescriptor",
+        "onSortChange"
+    ]);
+    return createComponent(TableContentContext.Provider, {
+        get value () {
+            return {
+                sortDescriptor: ()=>local.sortDescriptor,
+                onSortChange: local.onSortChange
+            };
+        },
+        get children () {
+            var _el$ = _tmpl$();
+            spread(_el$, mergeProps(()=>({
+                    class: twMerge(CLASSES.content, local.class)
+                }), {
+                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);
+            insert(_el$, ()=>local.children);
+            return _el$;
+        }
+    });
+};
+const TableContent = defineComponent({
+    recipe: tableContentRecipe,
+    layout: __solidLayoutTableContent,
+    embedded: true
+});
+const TableContent_generated = TableContent;
+export default TableContent_generated;

package/dist/components/table/TableExpandedRow.generated.d.ts

@@ -0,0 +1,11 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import { type JSX } from "solid-js";
+import type { UIBaseProps } from "../vocabulary";
+export type TableExpandedRowProps = JSX.HTMLAttributes<HTMLTableRowElement> & UIBaseProps & {
+    colSpan: number;
+    cellClass?: string;
+    cellClassName?: string;
+    cellDataTheme?: string;
+};
+declare const TableExpandedRow: __LayoutComponent<TableExpandedRowProps>;
+export default TableExpandedRow;

package/dist/components/table/TableExpandedRow.generated.js

@@ -0,0 +1,50 @@
+import { createComponent, mergeProps } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES, tableExpandedRowRecipe } from "./Table.recipe.js";
+import TableCell_generated from "./TableCell.generated.js";
+import TableRow_generated from "./TableRow.generated.js";
+const __solidLayoutTableExpandedRow = (_stable, p)=>{
+    const [local, rest] = splitProps(p, [
+        "children",
+        "class",
+        "dataTheme",
+        "colSpan",
+        "cellClass",
+        "cellClassName",
+        "cellDataTheme"
+    ]);
+    return createComponent(TableRow_generated, mergeProps(()=>({
+            class: twMerge(CLASSES.expandedRow, local.class)
+        }), {
+        get ["data-theme"] () {
+            return local.dataTheme;
+        },
+        "data-slot": "table-expanded-row"
+    }, rest, {
+        get children () {
+            return createComponent(TableCell_generated, mergeProps({
+                get colSpan () {
+                    return local.colSpan;
+                }
+            }, ()=>({
+                    class: twMerge(CLASSES.expandedCell, local.cellClass, local.cellClassName)
+                }), {
+                get dataTheme () {
+                    return local.cellDataTheme ?? local.dataTheme;
+                },
+                get children () {
+                    return local.children;
+                }
+            }));
+        }
+    }));
+};
+const TableExpandedRow = defineComponent({
+    recipe: tableExpandedRowRecipe,
+    layout: __solidLayoutTableExpandedRow,
+    embedded: true
+});
+const TableExpandedRow_generated = TableExpandedRow;
+export default TableExpandedRow_generated;

package/dist/components/table/TableFooter.generated.d.ts

@@ -0,0 +1,6 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import { type JSX } from "solid-js";
+import type { UIBaseProps } from "../vocabulary";
+export type TableFooterProps = JSX.HTMLAttributes<HTMLDivElement> & UIBaseProps;
+declare const TableFooter: __LayoutComponent<TableFooterProps>;
+export default TableFooter;

package/dist/components/table/TableFooter.generated.js

@@ -0,0 +1,33 @@
+import { insert, mergeProps, spread, template } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES, tableFooterRecipe } from "./Table.recipe.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
+const __solidLayoutTableFooter = (_stable, p)=>{
+    const [local, rest] = splitProps(p, [
+        "children",
+        "class",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$ = _tmpl$();
+        spread(_el$, mergeProps(()=>({
+                class: twMerge(CLASSES.footer, local.class)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-footer"
+        }, rest), false, true);
+        insert(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const TableFooter = defineComponent({
+    recipe: tableFooterRecipe,
+    layout: __solidLayoutTableFooter,
+    embedded: true
+});
+const TableFooter_generated = TableFooter;
+export default TableFooter_generated;

package/dist/components/table/TableHeader.generated.d.ts

@@ -0,0 +1,6 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import { type JSX } from "solid-js";
+import type { UIBaseProps } from "../vocabulary";
+export type TableHeaderProps = JSX.HTMLAttributes<HTMLTableSectionElement> & UIBaseProps;
+declare const TableHeader: __LayoutComponent<TableHeaderProps>;
+export default TableHeader;

package/dist/components/table/TableHeader.generated.js

@@ -0,0 +1,33 @@
+import { insert, mergeProps, spread, template } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES, tableHeaderRecipe } from "./Table.recipe.js";
+var _tmpl$ = /*#__PURE__*/ template("<thead>");
+const __solidLayoutTableHeader = (_stable, p)=>{
+    const [local, rest] = splitProps(p, [
+        "children",
+        "class",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$ = _tmpl$();
+        spread(_el$, mergeProps(()=>({
+                class: twMerge(CLASSES.header, local.class)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-header"
+        }, rest), false, true);
+        insert(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const TableHeader = defineComponent({
+    recipe: tableHeaderRecipe,
+    layout: __solidLayoutTableHeader,
+    embedded: true
+});
+const TableHeader_generated = TableHeader;
+export default TableHeader_generated;

package/dist/components/table/TableLoadMore.generated.d.ts

@@ -0,0 +1,6 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import { type JSX } from "solid-js";
+import type { UIBaseProps } from "../vocabulary";
+export type TableLoadMoreProps = JSX.HTMLAttributes<HTMLTableRowElement> & UIBaseProps;
+declare const TableLoadMore: __LayoutComponent<TableLoadMoreProps>;
+export default TableLoadMore;

package/dist/components/table/TableLoadMore.generated.js

@@ -0,0 +1,33 @@
+import { insert, mergeProps, spread, template } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES, tableLoadMoreRecipe } from "./Table.recipe.js";
+var _tmpl$ = /*#__PURE__*/ template("<tr>");
+const __solidLayoutTableLoadMore = (_stable, p)=>{
+    const [local, rest] = splitProps(p, [
+        "children",
+        "class",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$ = _tmpl$();
+        spread(_el$, mergeProps(()=>({
+                class: twMerge(CLASSES.loadMore, local.class)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-load-more"
+        }, rest), false, true);
+        insert(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const TableLoadMore = defineComponent({
+    recipe: tableLoadMoreRecipe,
+    layout: __solidLayoutTableLoadMore,
+    embedded: true
+});
+const TableLoadMore_generated = TableLoadMore;
+export default TableLoadMore_generated;

package/dist/components/table/TableLoadMoreContent.generated.d.ts

@@ -0,0 +1,6 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import { type JSX } from "solid-js";
+import type { UIBaseProps } from "../vocabulary";
+export type TableLoadMoreContentProps = JSX.HTMLAttributes<HTMLDivElement> & UIBaseProps;
+declare const TableLoadMoreContent: __LayoutComponent<TableLoadMoreContentProps>;
+export default TableLoadMoreContent;

package/dist/components/table/TableLoadMoreContent.generated.js

@@ -0,0 +1,33 @@
+import { insert, mergeProps, spread, template } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES, tableLoadMoreContentRecipe } from "./Table.recipe.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
+const __solidLayoutTableLoadMoreContent = (_stable, p)=>{
+    const [local, rest] = splitProps(p, [
+        "children",
+        "class",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$ = _tmpl$();
+        spread(_el$, mergeProps(()=>({
+                class: twMerge(CLASSES.loadMoreContent, local.class)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-load-more-content"
+        }, rest), false, true);
+        insert(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const TableLoadMoreContent = defineComponent({
+    recipe: tableLoadMoreContentRecipe,
+    layout: __solidLayoutTableLoadMoreContent,
+    embedded: true
+});
+const TableLoadMoreContent_generated = TableLoadMoreContent;
+export default TableLoadMoreContent_generated;

package/dist/components/table/TablePageSize.generated.d.ts

@@ -0,0 +1,13 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import { type JSX } from "solid-js";
+import type { UIBaseProps } from "../vocabulary";
+export type TablePageSizeProps = Omit<JSX.SelectHTMLAttributes<HTMLSelectElement>, "onChange"> & UIBaseProps & {
+    value: number;
+    options: readonly number[];
+    onChange: (value: number) => void;
+    label?: JSX.Element;
+    selectClass?: string;
+    selectClassName?: string;
+};
+declare const TablePageSize: __LayoutComponent<TablePageSizeProps>;
+export default TablePageSize;

package/dist/components/table/TablePageSize.generated.js

@@ -0,0 +1,57 @@
+import { insert, mergeProps, spread, template } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES, tablePageSizeRecipe } from "./Table.recipe.js";
+var _tmpl$ = /*#__PURE__*/ template("<label><span></span><select>"), _tmpl$2 = /*#__PURE__*/ template("<option>");
+const __solidLayoutTablePageSize = (_stable, p)=>{
+    const [local, rest] = splitProps(p, [
+        "class",
+        "dataTheme",
+        "value",
+        "options",
+        "onChange",
+        "label",
+        "selectClass",
+        "selectClassName"
+    ]);
+    return (()=>{
+        var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+        spread(_el$, mergeProps(()=>({
+                class: twMerge(CLASSES.pageSize, local.class)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-page-size"
+        }), false, true);
+        spread(_el$2, mergeProps(()=>({
+                class: CLASSES.pageSizeLabel
+            }), {
+            "data-slot": "table-page-size-label"
+        }), false, true);
+        insert(_el$2, ()=>local.label ?? "Rows");
+        spread(_el$3, mergeProps(rest, ()=>({
+                class: twMerge(CLASSES.pageSizeSelect, local.selectClass, local.selectClassName)
+            }), {
+            get value () {
+                return local.value;
+            },
+            onChange: (event)=>local.onChange(Number(event.currentTarget.value))
+        }), false, true);
+        insert(_el$3, ()=>local.options.map((option)=>(()=>{
+                    var _el$4 = _tmpl$2();
+                    _el$4.value = option;
+                    insert(_el$4, option);
+                    return _el$4;
+                })()));
+        return _el$;
+    })();
+};
+const TablePageSize = defineComponent({
+    recipe: tablePageSizeRecipe,
+    layout: __solidLayoutTablePageSize,
+    embedded: true
+});
+const TablePageSize_generated = TablePageSize;
+export default TablePageSize_generated;

package/dist/components/table/TableResizableContainer.generated.d.ts

@@ -0,0 +1,6 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import { type JSX } from "solid-js";
+import type { UIBaseProps } from "../vocabulary";
+export type TableResizableContainerProps = JSX.HTMLAttributes<HTMLDivElement> & UIBaseProps;
+declare const TableResizableContainer: __LayoutComponent<TableResizableContainerProps>;
+export default TableResizableContainer;

package/dist/components/table/TableResizableContainer.generated.js

@@ -0,0 +1,33 @@
+import { insert, mergeProps, spread, template } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES, tableResizableContainerRecipe } from "./Table.recipe.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
+const __solidLayoutTableResizableContainer = (_stable, p)=>{
+    const [local, rest] = splitProps(p, [
+        "children",
+        "class",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$ = _tmpl$();
+        spread(_el$, mergeProps(()=>({
+                class: twMerge(CLASSES.resizableContainer, local.class)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-resizable-container"
+        }, rest), false, true);
+        insert(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const TableResizableContainer = defineComponent({
+    recipe: tableResizableContainerRecipe,
+    layout: __solidLayoutTableResizableContainer,
+    embedded: true
+});
+const TableResizableContainer_generated = TableResizableContainer;
+export default TableResizableContainer_generated;

package/dist/components/table/TableRoot.generated.d.ts

@@ -0,0 +1,10 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import "./Table.css";
+import { type JSX } from "solid-js";
+import type { UIBaseProps } from "../vocabulary";
+import { type TableVariant } from "./Table.context";
+export type TableRootProps = JSX.HTMLAttributes<HTMLDivElement> & UIBaseProps & {
+    variant?: TableVariant;
+};
+declare const TableRoot: __LayoutComponent<TableRootProps>;
+export default TableRoot;

package/dist/components/table/TableRoot.generated.js

@@ -0,0 +1,45 @@
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import "./Table.css";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { TableContext } from "./Table.context.js";
+import { CLASSES, componentRecipe } from "./Table.recipe.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
+const __solidLayoutTableRoot = (_stable, p)=>{
+    const [local, rest] = splitProps(p, [
+        "children",
+        "variant",
+        "class",
+        "dataTheme"
+    ]);
+    const variant = ()=>local.variant ?? "primary";
+    return createComponent(TableContext.Provider, {
+        value: {
+            variant
+        },
+        get children () {
+            var _el$ = _tmpl$();
+            spread(_el$, mergeProps(()=>({
+                    class: twMerge(CLASSES.root.base, CLASSES.root.variant[variant()], local.class)
+                }), {
+                get ["data-theme"] () {
+                    return local.dataTheme;
+                },
+                "data-slot": "table",
+                get ["data-variant"] () {
+                    return variant();
+                }
+            }, rest), false, true);
+            insert(_el$, ()=>local.children);
+            return _el$;
+        }
+    });
+};
+const TableRoot = defineComponent({
+    recipe: componentRecipe,
+    layout: __solidLayoutTableRoot,
+    embedded: true
+});
+const TableRoot_generated = TableRoot;
+export default TableRoot_generated;

package/dist/components/table/TableRow.generated.d.ts

@@ -0,0 +1,6 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import { type JSX } from "solid-js";
+import type { UIBaseProps } from "../vocabulary";
+export type TableRowProps = JSX.HTMLAttributes<HTMLTableRowElement> & UIBaseProps;
+declare const TableRow: __LayoutComponent<TableRowProps>;
+export default TableRow;

package/dist/components/table/TableRow.generated.js

@@ -0,0 +1,33 @@
+import { insert, mergeProps, spread, template } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES, tableRowRecipe } from "./Table.recipe.js";
+var _tmpl$ = /*#__PURE__*/ template("<tr>");
+const __solidLayoutTableRow = (_stable, p)=>{
+    const [local, rest] = splitProps(p, [
+        "children",
+        "class",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$ = _tmpl$();
+        spread(_el$, mergeProps(()=>({
+                class: twMerge(CLASSES.row, local.class)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "table-row"
+        }, rest), false, true);
+        insert(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const TableRow = defineComponent({
+    recipe: tableRowRecipe,
+    layout: __solidLayoutTableRow,
+    embedded: true
+});
+const TableRow_generated = TableRow;
+export default TableRow_generated;

package/dist/components/table/TableScrollContainer.generated.d.ts

@@ -0,0 +1,6 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import { type JSX } from "solid-js";
+import type { UIBaseProps } from "../vocabulary";
+export type TableScrollContainerProps = JSX.HTMLAttributes<HTMLDivElement> & UIBaseProps;
+declare const TableScrollContainer: __LayoutComponent<TableScrollContainerProps>;
+export default TableScrollContainer;