@moduix/solid 1.0.0

package/dist/components/table/Table.js

@@ -0,0 +1,342 @@
+import { createComponent, mergeProps } from "solid-js/web";
+import { ark } from "@ark-ui/solid/factory";
+import { clsx } from "clsx";
+import { children, splitProps } from "solid-js";
+import Table_module from "./Table.module.js";
+function TableRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'data-interactive',
+        'data-part',
+        'data-scope',
+        'data-show-column-border',
+        'data-size',
+        'data-slot',
+        'data-sticky-header',
+        'data-striped',
+        'data-variant',
+        'interactive',
+        'showColumnBorder',
+        'size',
+        'stickyHeader',
+        'striped',
+        'variant'
+    ]);
+    return createComponent(ark.table, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-scope": "table",
+        "data-part": "root",
+        "data-slot": "table-root",
+        get ["data-interactive"] () {
+            return local.interactive || void 0;
+        },
+        get ["data-show-column-border"] () {
+            return local.showColumnBorder || void 0;
+        },
+        get ["data-size"] () {
+            return local.size ?? 'md';
+        },
+        get ["data-sticky-header"] () {
+            return local.stickyHeader || void 0;
+        },
+        get ["data-striped"] () {
+            return local.striped || void 0;
+        },
+        get ["data-variant"] () {
+            return local.variant ?? 'line';
+        },
+        get ["class"] () {
+            return clsx(Table_module.root, local.class);
+        }
+    }));
+}
+function TableScrollArea(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'data-part',
+        'data-scope',
+        'data-slot'
+    ]);
+    return createComponent(ark.div, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-scope": "table",
+        "data-part": "scroll-area",
+        "data-slot": "table-scroll-area",
+        get ["class"] () {
+            return clsx(Table_module.scrollArea, local.class);
+        }
+    }));
+}
+function TableCaption(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'data-part',
+        'data-scope',
+        'data-side',
+        'data-slot',
+        'side'
+    ]);
+    return createComponent(ark.caption, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-scope": "table",
+        "data-part": "caption",
+        get ["data-side"] () {
+            return local.side ?? 'bottom';
+        },
+        "data-slot": "table-caption",
+        get ["class"] () {
+            return clsx(Table_module.caption, local.class);
+        }
+    }));
+}
+function TableColumnGroup(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'data-part',
+        'data-scope',
+        'data-slot'
+    ]);
+    return createComponent(ark.colgroup, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-scope": "table",
+        "data-part": "column-group",
+        "data-slot": "table-column-group",
+        get ["class"] () {
+            return local.class;
+        }
+    }));
+}
+function TableColumn(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'data-part',
+        'data-scope',
+        'data-slot',
+        'htmlWidth',
+        'width'
+    ]);
+    return createComponent(ark.col, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-scope": "table",
+        "data-part": "column",
+        "data-slot": "table-column",
+        get width () {
+            return local.htmlWidth ?? local.width;
+        },
+        get ["class"] () {
+            return local.class;
+        }
+    }));
+}
+function TableHeader(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'data-part',
+        'data-scope',
+        'data-slot'
+    ]);
+    return createComponent(ark.thead, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-scope": "table",
+        "data-part": "header",
+        "data-slot": "table-header",
+        get ["class"] () {
+            return clsx(Table_module.header, local.class);
+        }
+    }));
+}
+function TableBody(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'data-part',
+        'data-scope',
+        'data-slot'
+    ]);
+    return createComponent(ark.tbody, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-scope": "table",
+        "data-part": "body",
+        "data-slot": "table-body",
+        get ["class"] () {
+            return clsx(Table_module.body, local.class);
+        }
+    }));
+}
+function TableFooter(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'data-part',
+        'data-scope',
+        'data-slot'
+    ]);
+    return createComponent(ark.tfoot, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-scope": "table",
+        "data-part": "footer",
+        "data-slot": "table-footer",
+        get ["class"] () {
+            return clsx(Table_module.footer, local.class);
+        }
+    }));
+}
+function TableRow(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'data-part',
+        'data-scope',
+        'data-slot'
+    ]);
+    return createComponent(ark.tr, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-scope": "table",
+        "data-part": "row",
+        "data-slot": "table-row",
+        get ["class"] () {
+            return clsx(Table_module.row, local.class);
+        }
+    }));
+}
+function TableColumnHeader(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'data-numeric',
+        'data-part',
+        'data-scope',
+        'data-slot',
+        'numeric'
+    ]);
+    return createComponent(ark.th, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-scope": "table",
+        "data-part": "column-header",
+        get ["data-numeric"] () {
+            return local.numeric || void 0;
+        },
+        "data-slot": "table-column-header",
+        get ["class"] () {
+            return clsx(Table_module.columnHeader, local.numeric && Table_module.numeric, local.class);
+        }
+    }));
+}
+function TableCell(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'data-numeric',
+        'data-part',
+        'data-scope',
+        'data-slot',
+        'numeric'
+    ]);
+    return createComponent(ark.td, mergeProps({
+        get asChild () {
+            return local.asChild;
+        }
+    }, others, {
+        "data-scope": "table",
+        "data-part": "cell",
+        get ["data-numeric"] () {
+            return local.numeric || void 0;
+        },
+        "data-slot": "table-cell",
+        get ["class"] () {
+            return clsx(Table_module.cell, local.numeric && Table_module.numeric, local.class);
+        }
+    }));
+}
+function TableEmpty(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class',
+        'colSpan',
+        'data-part',
+        'data-scope',
+        'data-slot'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return createComponent(ark.tr, {
+        "data-scope": "table",
+        "data-part": "row",
+        "data-empty": true,
+        "data-slot": "table-row",
+        get ["class"] () {
+            return Table_module.row;
+        },
+        get children () {
+            return createComponent(ark.td, mergeProps({
+                get asChild () {
+                    return local.asChild;
+                }
+            }, others, {
+                "data-scope": "table",
+                "data-part": "empty",
+                "data-slot": "table-empty",
+                get colSpan () {
+                    return local.colSpan;
+                },
+                get ["class"] () {
+                    return clsx(Table_module.cell, Table_module.empty, local.class);
+                },
+                get children () {
+                    return resolvedChildren() ?? 'No results.';
+                }
+            }));
+        }
+    });
+}
+const Table = Object.assign(TableRoot, {
+    Root: TableRoot,
+    ScrollArea: TableScrollArea,
+    Caption: TableCaption,
+    ColumnGroup: TableColumnGroup,
+    Column: TableColumn,
+    Header: TableHeader,
+    Body: TableBody,
+    Footer: TableFooter,
+    Row: TableRow,
+    ColumnHeader: TableColumnHeader,
+    Cell: TableCell,
+    Empty: TableEmpty
+});
+export { Table };

package/dist/components/table/Table.jsx

@@ -0,0 +1,166 @@
+import { ark } from "@ark-ui/solid/factory";
+import { clsx } from "clsx";
+import { children, splitProps } from "solid-js";
+import Table_module from "./Table.module.jsx";
+function TableRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'data-interactive',
+        'data-part',
+        'data-scope',
+        'data-show-column-border',
+        'data-size',
+        'data-slot',
+        'data-sticky-header',
+        'data-striped',
+        'data-variant',
+        'interactive',
+        'showColumnBorder',
+        'size',
+        'stickyHeader',
+        'striped',
+        'variant'
+    ]);
+    return <ark.table asChild={local.asChild} {...others} data-scope="table" data-part="root" data-slot="table-root" data-interactive={local.interactive || void 0} data-show-column-border={local.showColumnBorder || void 0} data-size={local.size ?? 'md'} data-sticky-header={local.stickyHeader || void 0} data-striped={local.striped || void 0} data-variant={local.variant ?? 'line'} class={clsx(Table_module.root, local.class)}/>;
+}
+function TableScrollArea(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'data-part',
+        'data-scope',
+        'data-slot'
+    ]);
+    return <ark.div asChild={local.asChild} {...others} data-scope="table" data-part="scroll-area" data-slot="table-scroll-area" class={clsx(Table_module.scrollArea, local.class)}/>;
+}
+function TableCaption(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'data-part',
+        'data-scope',
+        'data-side',
+        'data-slot',
+        'side'
+    ]);
+    return <ark.caption asChild={local.asChild} {...others} data-scope="table" data-part="caption" data-side={local.side ?? 'bottom'} data-slot="table-caption" class={clsx(Table_module.caption, local.class)}/>;
+}
+function TableColumnGroup(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'data-part',
+        'data-scope',
+        'data-slot'
+    ]);
+    return <ark.colgroup asChild={local.asChild} {...others} data-scope="table" data-part="column-group" data-slot="table-column-group" class={local.class}/>;
+}
+function TableColumn(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'data-part',
+        'data-scope',
+        'data-slot',
+        'htmlWidth',
+        'width'
+    ]);
+    return <ark.col asChild={local.asChild} {...others} data-scope="table" data-part="column" data-slot="table-column" width={local.htmlWidth ?? local.width} class={local.class}/>;
+}
+function TableHeader(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'data-part',
+        'data-scope',
+        'data-slot'
+    ]);
+    return <ark.thead asChild={local.asChild} {...others} data-scope="table" data-part="header" data-slot="table-header" class={clsx(Table_module.header, local.class)}/>;
+}
+function TableBody(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'data-part',
+        'data-scope',
+        'data-slot'
+    ]);
+    return <ark.tbody asChild={local.asChild} {...others} data-scope="table" data-part="body" data-slot="table-body" class={clsx(Table_module.body, local.class)}/>;
+}
+function TableFooter(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'data-part',
+        'data-scope',
+        'data-slot'
+    ]);
+    return <ark.tfoot asChild={local.asChild} {...others} data-scope="table" data-part="footer" data-slot="table-footer" class={clsx(Table_module.footer, local.class)}/>;
+}
+function TableRow(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'data-part',
+        'data-scope',
+        'data-slot'
+    ]);
+    return <ark.tr asChild={local.asChild} {...others} data-scope="table" data-part="row" data-slot="table-row" class={clsx(Table_module.row, local.class)}/>;
+}
+function TableColumnHeader(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'data-numeric',
+        'data-part',
+        'data-scope',
+        'data-slot',
+        'numeric'
+    ]);
+    return <ark.th asChild={local.asChild} {...others} data-scope="table" data-part="column-header" data-numeric={local.numeric || void 0} data-slot="table-column-header" class={clsx(Table_module.columnHeader, local.numeric && Table_module.numeric, local.class)}/>;
+}
+function TableCell(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class',
+        'data-numeric',
+        'data-part',
+        'data-scope',
+        'data-slot',
+        'numeric'
+    ]);
+    return <ark.td asChild={local.asChild} {...others} data-scope="table" data-part="cell" data-numeric={local.numeric || void 0} data-slot="table-cell" class={clsx(Table_module.cell, local.numeric && Table_module.numeric, local.class)}/>;
+}
+function TableEmpty(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class',
+        'colSpan',
+        'data-part',
+        'data-scope',
+        'data-slot'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return <ark.tr data-scope="table" data-part="row" data-empty data-slot="table-row" class={Table_module.row}>
+      <ark.td asChild={local.asChild} {...others} data-scope="table" data-part="empty" data-slot="table-empty" colSpan={local.colSpan} class={clsx(Table_module.cell, Table_module.empty, local.class)}>
+        {resolvedChildren() ?? 'No results.'}
+      </ark.td>
+    </ark.tr>;
+}
+const Table = Object.assign(TableRoot, {
+    Root: TableRoot,
+    ScrollArea: TableScrollArea,
+    Caption: TableCaption,
+    ColumnGroup: TableColumnGroup,
+    Column: TableColumn,
+    Header: TableHeader,
+    Body: TableBody,
+    Footer: TableFooter,
+    Row: TableRow,
+    ColumnHeader: TableColumnHeader,
+    Cell: TableCell,
+    Empty: TableEmpty
+});
+export { Table };

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

@@ -0,0 +1,15 @@
+import "./Table_module.css";
+const Table_module = {
+    scrollArea: "scrollArea-kAB0bv",
+    root: "root-iUez_7",
+    caption: "caption-T3KfUJ",
+    row: "row-vTGkhP",
+    header: "header-daWIeJ",
+    body: "body-JqLHru",
+    columnHeader: "columnHeader-MBpfL1",
+    cell: "cell-uGo0rz",
+    footer: "footer-wH43ty",
+    numeric: "numeric-Epyrfq",
+    empty: "empty-dLhlhx"
+};
+export default Table_module;

package/dist/components/table/Table.module.jsx

@@ -0,0 +1,15 @@
+import "./Table_module.css";
+const Table_module = {
+    scrollArea: "scrollArea-kAB0bv",
+    root: "root-iUez_7",
+    caption: "caption-T3KfUJ",
+    row: "row-vTGkhP",
+    header: "header-daWIeJ",
+    body: "body-JqLHru",
+    columnHeader: "columnHeader-MBpfL1",
+    cell: "cell-uGo0rz",
+    footer: "footer-wH43ty",
+    numeric: "numeric-Epyrfq",
+    empty: "empty-dLhlhx"
+};
+export default Table_module;