@moduix/react 2.2.0 → 2.2.4

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

@@ -1,41 +1,39 @@
-//#region src/components/table/Table.d.ts
 declare const Table: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-  interactive?: boolean;
-  showColumnBorder?: boolean;
-  size?: "sm" | "md" | "lg";
-  stickyHeader?: boolean;
-  striped?: boolean;
-  variant?: "line" | "outline";
-} & import("react").RefAttributes<HTMLTableElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
     interactive?: boolean;
     showColumnBorder?: boolean;
     size?: "sm" | "md" | "lg";
     stickyHeader?: boolean;
     striped?: boolean;
     variant?: "line" | "outline";
-  } & import("react").RefAttributes<HTMLTableElement>>;
-  ScrollArea: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
-  Caption: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-    side?: "top" | "bottom";
-  } & import("react").RefAttributes<HTMLTableCaptionElement>>;
-  ColumnGroup: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableColElement>>;
-  Column: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-    htmlWidth?: string | number;
-  } & import("react").RefAttributes<HTMLTableColElement>>;
-  Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableSectionElement>>;
-  Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableSectionElement>>;
-  Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableSectionElement>>;
-  Row: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableRowElement>>;
-  ColumnHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-    numeric?: boolean;
-  } & import("react").RefAttributes<HTMLTableCellElement>>;
-  Cell: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-    numeric?: boolean;
-  } & import("react").RefAttributes<HTMLTableCellElement>>;
-  Empty: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-    colSpan: number;
-  } & import("react").RefAttributes<HTMLTableCellElement>>;
+} & import("react").RefAttributes<HTMLTableElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        interactive?: boolean;
+        showColumnBorder?: boolean;
+        size?: "sm" | "md" | "lg";
+        stickyHeader?: boolean;
+        striped?: boolean;
+        variant?: "line" | "outline";
+    } & import("react").RefAttributes<HTMLTableElement>>;
+    ScrollArea: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Caption: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        side?: "top" | "bottom";
+    } & import("react").RefAttributes<HTMLTableCaptionElement>>;
+    ColumnGroup: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableColElement>>;
+    Column: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        htmlWidth?: string | number;
+    } & import("react").RefAttributes<HTMLTableColElement>>;
+    Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+    Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+    Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+    Row: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableRowElement>>;
+    ColumnHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        numeric?: boolean;
+    } & import("react").RefAttributes<HTMLTableCellElement>>;
+    Cell: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        numeric?: boolean;
+    } & import("react").RefAttributes<HTMLTableCellElement>>;
+    Empty: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        colSpan: number;
+    } & import("react").RefAttributes<HTMLTableCellElement>>;
 };
-//#endregion
-export { Table };
+export { Table };

package/dist/components/table/Table.js

@@ -1,174 +1,172 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import Table_module_default from "./Table.module.js";
+import { jsx } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/table/Table.tsx
-const TableRoot = forwardRef(function TableRoot({ asChild, className, interactive = false, showColumnBorder = false, size = "md", stickyHeader = false, striped = false, variant = "line", ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.table, {
-		ref,
-		asChild,
-		"data-scope": "table",
-		"data-part": "root",
-		"data-slot": "table-root",
-		"data-interactive": interactive || void 0,
-		"data-show-column-border": showColumnBorder || void 0,
-		"data-size": size,
-		"data-sticky-header": stickyHeader || void 0,
-		"data-striped": striped || void 0,
-		"data-variant": variant,
-		className: clsx(Table_module_default.root, normalizeClassName(className)),
-		...props
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Table_module from "./Table.module.js";
+const Table_TableRoot = /*#__PURE__*/ forwardRef(function({ asChild, className, interactive = false, showColumnBorder = false, size = 'md', stickyHeader = false, striped = false, variant = 'line', ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.table, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "root",
+        "data-slot": "table-root",
+        "data-interactive": interactive || void 0,
+        "data-show-column-border": showColumnBorder || void 0,
+        "data-size": size,
+        "data-sticky-header": stickyHeader || void 0,
+        "data-striped": striped || void 0,
+        "data-variant": variant,
+        className: clsx(Table_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const TableScrollArea = forwardRef(function TableScrollArea({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		asChild,
-		"data-scope": "table",
-		"data-part": "scroll-area",
-		"data-slot": "table-scroll-area",
-		className: clsx(Table_module_default.scrollArea, normalizeClassName(className)),
-		...props
-	});
+const Table_TableScrollArea = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "scroll-area",
+        "data-slot": "table-scroll-area",
+        className: clsx(Table_module.scrollArea, normalizeClassName(className)),
+        ...props
+    });
 });
-const TableCaption = forwardRef(function TableCaption({ asChild, className, side = "bottom", ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.caption, {
-		ref,
-		asChild,
-		"data-scope": "table",
-		"data-part": "caption",
-		"data-side": side,
-		"data-slot": "table-caption",
-		className: clsx(Table_module_default.caption, normalizeClassName(className)),
-		...props
-	});
+const Table_TableCaption = /*#__PURE__*/ forwardRef(function({ asChild, className, side = 'bottom', ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.caption, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "caption",
+        "data-side": side,
+        "data-slot": "table-caption",
+        className: clsx(Table_module.caption, normalizeClassName(className)),
+        ...props
+    });
 });
-const TableColumnGroup = forwardRef(function TableColumnGroup({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.colgroup, {
-		ref,
-		asChild,
-		"data-scope": "table",
-		"data-part": "column-group",
-		"data-slot": "table-column-group",
-		className: normalizeClassName(className),
-		...props
-	});
+const Table_TableColumnGroup = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.colgroup, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "column-group",
+        "data-slot": "table-column-group",
+        className: normalizeClassName(className),
+        ...props
+    });
 });
-const TableColumn = forwardRef(function TableColumn({ asChild, className, htmlWidth, width, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.col, {
-		ref,
-		asChild,
-		"data-scope": "table",
-		"data-part": "column",
-		"data-slot": "table-column",
-		width: htmlWidth ?? width,
-		className: normalizeClassName(className),
-		...props
-	});
+const Table_TableColumn = /*#__PURE__*/ forwardRef(function({ asChild, className, htmlWidth, width, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.col, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "column",
+        "data-slot": "table-column",
+        width: htmlWidth ?? width,
+        className: normalizeClassName(className),
+        ...props
+    });
 });
-const TableHeader = forwardRef(function TableHeader({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.thead, {
-		ref,
-		asChild,
-		"data-scope": "table",
-		"data-part": "header",
-		"data-slot": "table-header",
-		className: clsx(Table_module_default.header, normalizeClassName(className)),
-		...props
-	});
+const Table_TableHeader = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.thead, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "header",
+        "data-slot": "table-header",
+        className: clsx(Table_module.header, normalizeClassName(className)),
+        ...props
+    });
 });
-const TableBody = forwardRef(function TableBody({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.tbody, {
-		ref,
-		asChild,
-		"data-scope": "table",
-		"data-part": "body",
-		"data-slot": "table-body",
-		className: clsx(Table_module_default.body, normalizeClassName(className)),
-		...props
-	});
+const Table_TableBody = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.tbody, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "body",
+        "data-slot": "table-body",
+        className: clsx(Table_module.body, normalizeClassName(className)),
+        ...props
+    });
 });
-const TableFooter = forwardRef(function TableFooter({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.tfoot, {
-		ref,
-		asChild,
-		"data-scope": "table",
-		"data-part": "footer",
-		"data-slot": "table-footer",
-		className: clsx(Table_module_default.footer, normalizeClassName(className)),
-		...props
-	});
+const Table_TableFooter = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.tfoot, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "footer",
+        "data-slot": "table-footer",
+        className: clsx(Table_module.footer, normalizeClassName(className)),
+        ...props
+    });
 });
-const TableRow = forwardRef(function TableRow({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.tr, {
-		ref,
-		asChild,
-		"data-scope": "table",
-		"data-part": "row",
-		"data-slot": "table-row",
-		className: clsx(Table_module_default.row, normalizeClassName(className)),
-		...props
-	});
+const Table_TableRow = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.tr, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "row",
+        "data-slot": "table-row",
+        className: clsx(Table_module.row, normalizeClassName(className)),
+        ...props
+    });
 });
-const TableColumnHeader = forwardRef(function TableColumnHeader({ asChild, className, numeric = false, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.th, {
-		ref,
-		asChild,
-		"data-scope": "table",
-		"data-part": "column-header",
-		"data-numeric": numeric || void 0,
-		"data-slot": "table-column-header",
-		className: clsx(Table_module_default.columnHeader, numeric && Table_module_default.numeric, normalizeClassName(className)),
-		...props
-	});
+const Table_TableColumnHeader = /*#__PURE__*/ forwardRef(function({ asChild, className, numeric = false, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.th, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "column-header",
+        "data-numeric": numeric || void 0,
+        "data-slot": "table-column-header",
+        className: clsx(Table_module.columnHeader, numeric && Table_module.numeric, normalizeClassName(className)),
+        ...props
+    });
 });
-const TableCell = forwardRef(function TableCell({ asChild, className, numeric = false, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.td, {
-		ref,
-		asChild,
-		"data-scope": "table",
-		"data-part": "cell",
-		"data-numeric": numeric || void 0,
-		"data-slot": "table-cell",
-		className: clsx(Table_module_default.cell, numeric && Table_module_default.numeric, normalizeClassName(className)),
-		...props
-	});
+const Table_TableCell = /*#__PURE__*/ forwardRef(function({ asChild, className, numeric = false, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.td, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "cell",
+        "data-numeric": numeric || void 0,
+        "data-slot": "table-cell",
+        className: clsx(Table_module.cell, numeric && Table_module.numeric, normalizeClassName(className)),
+        ...props
+    });
 });
-const TableEmpty = forwardRef(function TableEmpty({ asChild, children = "No results.", className, colSpan, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.tr, {
-		"data-scope": "table",
-		"data-part": "row",
-		"data-empty": true,
-		"data-slot": "table-row",
-		className: Table_module_default.row,
-		children: /* @__PURE__ */ jsx(ark.td, {
-			ref,
-			asChild,
-			"data-scope": "table",
-			"data-part": "empty",
-			"data-slot": "table-empty",
-			colSpan,
-			className: clsx(Table_module_default.cell, Table_module_default.empty, normalizeClassName(className)),
-			...props,
-			children
-		})
-	});
+const Table_TableEmpty = /*#__PURE__*/ forwardRef(function({ asChild, children = 'No results.', className, colSpan, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.tr, {
+        "data-scope": "table",
+        "data-part": "row",
+        "data-empty": true,
+        "data-slot": "table-row",
+        className: Table_module.row,
+        children: /*#__PURE__*/ jsx(ark.td, {
+            ref: ref,
+            asChild: asChild,
+            "data-scope": "table",
+            "data-part": "empty",
+            "data-slot": "table-empty",
+            colSpan: colSpan,
+            className: clsx(Table_module.cell, Table_module.empty, normalizeClassName(className)),
+            ...props,
+            children: children
+        })
+    });
 });
-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
+const Table = Object.assign(Table_TableRoot, {
+    Root: Table_TableRoot,
+    ScrollArea: Table_TableScrollArea,
+    Caption: Table_TableCaption,
+    ColumnGroup: Table_TableColumnGroup,
+    Column: Table_TableColumn,
+    Header: Table_TableHeader,
+    Body: Table_TableBody,
+    Footer: Table_TableFooter,
+    Row: Table_TableRow,
+    ColumnHeader: Table_TableColumnHeader,
+    Cell: Table_TableCell,
+    Empty: Table_TableEmpty
 });
-//#endregion
 export { Table };

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

@@ -1,17 +1,15 @@
-import './Table.css';
-//#region src/components/table/Table.module.css
-var Table_module_default = {
-	"body": "-X2Dga_body",
-	"caption": "-X2Dga_caption",
-	"cell": "-X2Dga_cell",
-	"columnHeader": "-X2Dga_columnHeader",
-	"empty": "-X2Dga_empty",
-	"footer": "-X2Dga_footer",
-	"header": "-X2Dga_header",
-	"numeric": "-X2Dga_numeric",
-	"root": "-X2Dga_root",
-	"row": "-X2Dga_row",
-	"scrollArea": "-X2Dga_scrollArea"
+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"
 };
-//#endregion
-export { Table_module_default as default };
+export default Table_module;