@xanui/ui 1.0.0

package/Table/index.mjs

@@ -0,0 +1,77 @@
+import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import React from'react';import {useInterface,useBreakpointProps,useColorTemplate,Tag}from'@xanui/core';import Scrollbar from'../Scrollbar/index.mjs';const Table = React.forwardRef((_a, ref) => {
+    var _b, _c, _d, _e;
+    var { children } = _a, props = __rest(_a, ["children"]);
+    let [_f] = useInterface("Table", props, {}), { evenColor, size, color, variant, borderType } = _f, rest = __rest(_f, ["evenColor", "size", "color", "variant", "borderType"]);
+    const _p = {};
+    if (evenColor)
+        _p.evenColor = evenColor;
+    if (size)
+        _p.size = size;
+    if (color)
+        _p.color = color;
+    if (variant)
+        _p.variant = variant;
+    if (borderType)
+        _p.borderType = borderType;
+    const p = useBreakpointProps(_p);
+    evenColor = p.evenColor;
+    size = (_b = p.size) !== null && _b !== void 0 ? _b : "medium";
+    color = (_c = p.color) !== null && _c !== void 0 ? _c : 'default';
+    variant = (_d = p.variant) !== null && _d !== void 0 ? _d : "fill";
+    borderType = (_e = p.borderType) !== null && _e !== void 0 ? _e : "line";
+    const main = useColorTemplate(color, variant);
+    const alpha = useColorTemplate(color, "alpha");
+    let sx = {};
+    if (evenColor) {
+        sx = {
+            "& tbody tr:nth-child(even)": {
+                bgcolor: alpha.bgcolor
+            }
+        };
+    }
+    if (borderType === 'box') {
+        sx = Object.assign(Object.assign({}, sx), { "& tr:last-child td": {
+                borderBottom: 0
+            }, "& tr:first-child th": {
+                borderTop: 0
+            }, "& tr td:first-child, & tr th:first-child": {
+                borderLeft: 0
+            }, "& tr td:last-child, & tr th:last-child": {
+                borderRight: 0
+            } });
+    }
+    let _size = size;
+    let sizes = {
+        small: .5,
+        medium: 1,
+        large: 2
+    };
+    if (typeof size === 'string' && sizes[size]) {
+        _size = sizes[size];
+    }
+    let border = {
+        line: {
+            borderBottom: "1px solid",
+            borderColor: "divider",
+        },
+        box: {
+            border: "1px solid",
+            borderColor: "divider",
+        },
+        none: {}
+    };
+    return (jsx(Scrollbar, Object.assign({ style: {
+            overflowY: "hidden"
+        } }, { children: jsx(Tag, Object.assign({}, rest, { baseClass: 'table', sxr: Object.assign(Object.assign({ color: "text.primary", fontSize: size === "small" ? "button" : "text", width: "100%", "& thead, & tfoot": {
+                    bgcolor: main.bgcolor,
+                    "& th": {
+                        color: main.color
+                    }
+                }, "& td, & th": Object.assign({ p: _size }, border[borderType]), "& tr:last-child td": {
+                    borderBottom: 0
+                }, "& tr:first-child th": {
+                    borderTop: 0
+                }, "& tbody tr:hover": {
+                    bgcolor: alpha.bgcolor
+                } }, sx), (rest.sx || {})), component: "table", ref: ref }, { children: children })) })));
+});export{Table as default};//# sourceMappingURL=index.mjs.map

package/Table/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/Table/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType, ColorTemplateColors, useInterface, useColorTemplate, ColorTemplateType, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\nimport Scrollbar from '../Scrollbar';\n\n\nexport type TableProps<T extends TagComponentType = \"table\"> = Omit<TagProps<T>, \"color\" | \"size\"> & {\n    evenColor?: useBreakpointPropsType<boolean>;\n    size?: useBreakpointPropsType<\"small\" | \"medium\" | \"large\" | number>;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    variant?: useBreakpointPropsType<Omit<ColorTemplateType, \"outline\">>;\n    borderType?: useBreakpointPropsType<\"box\" | \"line\" | \"none\">;\n}\n\nconst Table = React.forwardRef(<T extends TagComponentType = \"table\">({ children, ...props }: TableProps<T>, ref: React.Ref<any>) => {\n    let [{ evenColor, size, color, variant, borderType, ...rest }] = useInterface<any>(\"Table\", props, {})\n    const _p: any = {}\n    if (evenColor) _p.evenColor = evenColor\n    if (size) _p.size = size\n    if (color) _p.color = color\n    if (variant) _p.variant = variant\n    if (borderType) _p.borderType = borderType\n    const p: any = useBreakpointProps(_p)\n    evenColor = p.evenColor\n    size = p.size ?? \"medium\"\n    color = p.color ?? 'default'\n    variant = p.variant ?? \"fill\"\n    borderType = p.borderType ?? \"line\"\n\n    const main = useColorTemplate(color, variant)\n    const alpha = useColorTemplate(color, \"alpha\")\n\n    let sx: any = {}\n    if (evenColor) {\n        sx = {\n            \"& tbody tr:nth-child(even)\": {\n                bgcolor: alpha.bgcolor\n            }\n        }\n    }\n    if (borderType === 'box') {\n        sx = {\n            ...sx,\n            \"& tr:last-child td\": {\n                borderBottom: 0\n            },\n            \"& tr:first-child th\": {\n                borderTop: 0\n            },\n            \"& tr td:first-child, & tr th:first-child\": {\n                borderLeft: 0\n            },\n            \"& tr td:last-child, & tr th:last-child\": {\n                borderRight: 0\n            },\n        }\n    }\n    let _size = size\n    let sizes: any = {\n        small: .5,\n        medium: 1,\n        large: 2\n    }\n\n    if (typeof size === 'string' && sizes[size]) {\n        _size = sizes[size]\n    }\n    let border: any = {\n        line: {\n            borderBottom: \"1px solid\",\n            borderColor: \"divider\",\n        },\n        box: {\n            border: \"1px solid\",\n            borderColor: \"divider\",\n        },\n        none: {}\n    }\n\n    return (\n        <Scrollbar\n            style={{\n                overflowY: \"hidden\"\n            }}\n        >\n            <Tag\n                {...rest}\n                baseClass='table'\n                sxr={{\n                    color: \"text.primary\",\n                    fontSize: size === \"small\" ? \"button\" : \"text\",\n                    width: \"100%\",\n                    \"& thead, & tfoot\": {\n                        bgcolor: main.bgcolor,\n                        \"& th\": {\n                            color: main.color\n                        }\n                    },\n                    \"& td, & th\": {\n                        p: _size,\n                        ...border[borderType],\n                    },\n                    \"& tr:last-child td\": {\n                        borderBottom: 0\n                    },\n                    \"& tr:first-child th\": {\n                        borderTop: 0\n                    },\n                    \"& tbody tr:hover\": {\n                        bgcolor: alpha.bgcolor\n                    },\n                    ...sx,\n                    ...((rest as any).sx || {})\n                }}\n                component=\"table\"\n                ref={ref}\n            >{children}</Tag>\n        </Scrollbar>\n    )\n})\n\nexport default Table"],"names":["_jsx"],"mappings":"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"}

package/TableBody/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TagComponentType, TagProps } from '@xanui/core';
+
+type TableBodyProps<T extends TagComponentType = "tbody"> = TagProps<T>;
+declare const TableBody: React.ForwardRefExoticComponent<Omit<TableBodyProps<TagComponentType>, "ref"> & React.RefAttributes<any>>;
+
+export { TableBody as default };
+export type { TableBodyProps };

package/TableBody/index.js

@@ -0,0 +1,4 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),React=require('react'),core=require('@xanui/core');const TableBody = React.forwardRef((_a, ref) => {
+    var { children } = _a, rest = tslib.__rest(_a, ["children"]);
+    return (jsxRuntime.jsx(core.Tag, Object.assign({}, rest, { baseClass: 'table-body', component: "tbody", ref: ref }, { children: children })));
+});exports.default=TableBody;//# sourceMappingURL=index.js.map

package/TableBody/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/TableBody/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableBodyProps<T extends TagComponentType = \"tbody\"> = TagProps<T>\n\nconst TableBody = React.forwardRef(<T extends TagComponentType = \"tbody\">({ children, ...rest }: TableBodyProps<T>, ref: React.Ref<any>) => {\n    return (\n        <Tag\n            {...rest}\n            baseClass='table-body'\n            component=\"tbody\"\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default TableBody"],"names":["__rest","_jsx","Tag"],"mappings":"4LAMA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAuC,EAAwC,EAAE,GAAmB,KAAI;AAAjE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACzF,QACIC,eAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,SAAS,EAAC,YAAY,EACtB,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,EAAA,EAAA,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC"}

package/TableBody/index.mjs

@@ -0,0 +1,4 @@
+import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import React from'react';import {Tag}from'@xanui/core';const TableBody = React.forwardRef((_a, ref) => {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    return (jsx(Tag, Object.assign({}, rest, { baseClass: 'table-body', component: "tbody", ref: ref }, { children: children })));
+});export{TableBody as default};//# sourceMappingURL=index.mjs.map

package/TableBody/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/TableBody/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableBodyProps<T extends TagComponentType = \"tbody\"> = TagProps<T>\n\nconst TableBody = React.forwardRef(<T extends TagComponentType = \"tbody\">({ children, ...rest }: TableBodyProps<T>, ref: React.Ref<any>) => {\n    return (\n        <Tag\n            {...rest}\n            baseClass='table-body'\n            component=\"tbody\"\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default TableBody"],"names":["_jsx"],"mappings":"sHAMA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAuC,EAAwC,EAAE,GAAmB,KAAI;AAAjE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACzF,QACIA,IAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,SAAS,EAAC,YAAY,EACtB,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,EAAA,EAAA,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC"}

package/TableCell/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TagComponentType, TagProps } from '@xanui/core';
+
+type TableColumnProps<T extends TagComponentType = "td"> = TagProps<T> & {
+    th?: boolean;
+};
+declare const TableCell: React.ForwardRefExoticComponent<Omit<TableColumnProps<TagComponentType>, "ref"> & React.RefAttributes<any>>;
+
+export { TableCell as default };
+export type { TableColumnProps };

package/TableCell/index.js

@@ -0,0 +1,4 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),React=require('react'),core=require('@xanui/core');const TableCell = React.forwardRef((_a, ref) => {
+    var { children, th } = _a, rest = tslib.__rest(_a, ["children", "th"]);
+    return (jsxRuntime.jsx(core.Tag, Object.assign({}, rest, { sxr: Object.assign({ verticalAlign: "inherit", textAlign: "left", fontSize: "inherit", color: "text.primary" }, ((rest === null || rest === void 0 ? void 0 : rest.sx) || {})), baseClass: 'table-cell', component: th ? "th" : "td", ref: ref }, { children: children })));
+});exports.default=TableCell;//# sourceMappingURL=index.js.map

package/TableCell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/TableCell/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableColumnProps<T extends TagComponentType = \"td\"> = TagProps<T> & {\n    th?: boolean\n}\n\nconst TableCell = React.forwardRef(<T extends TagComponentType = \"td\">({ children, th, ...rest }: TableColumnProps<T>, ref: React.Ref<any>) => {\n    return (\n        <Tag\n            {...rest}\n            sxr={{\n                verticalAlign: \"inherit\",\n                textAlign: \"left\",\n                fontSize: \"inherit\",\n                color: \"text.primary\",\n                ...((rest as any)?.sx || {})\n            }}\n            baseClass='table-cell'\n            component={th ? \"th\" : \"td\"} ref={ref}\n        >\n            {children}\n        </Tag>\n    )\n})\n\nexport default TableCell"],"names":["__rest","_jsx","Tag"],"mappings":"4LAQA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAoC,EAA8C,EAAE,GAAmB,KAAI;QAAvE,EAAE,QAAQ,EAAE,EAAE,EAAA,GAAA,EAAgC,EAA3B,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAvB,kBAAyB,CAAF;AAC1F,IAAA,QACIC,cAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACC,aAAa,EAAE,SAAS,EACxB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,SAAS,EACnB,KAAK,EAAE,cAAc,EAAA,GACjB,CAAC,IAAY,KAAA,IAAA,IAAZ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAU,EAAE,KAAI,EAAE,EAAC,EAEhC,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,EAAE,GAAG,IAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,EAAA,EAAA,QAAA,EAEpC,QAAQ,EAAA,CAAA,CACP;AAEd,CAAC"}

package/TableCell/index.mjs

@@ -0,0 +1,4 @@
+import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import React from'react';import {Tag}from'@xanui/core';const TableCell = React.forwardRef((_a, ref) => {
+    var { children, th } = _a, rest = __rest(_a, ["children", "th"]);
+    return (jsx(Tag, Object.assign({}, rest, { sxr: Object.assign({ verticalAlign: "inherit", textAlign: "left", fontSize: "inherit", color: "text.primary" }, ((rest === null || rest === void 0 ? void 0 : rest.sx) || {})), baseClass: 'table-cell', component: th ? "th" : "td", ref: ref }, { children: children })));
+});export{TableCell as default};//# sourceMappingURL=index.mjs.map

package/TableCell/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/TableCell/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableColumnProps<T extends TagComponentType = \"td\"> = TagProps<T> & {\n    th?: boolean\n}\n\nconst TableCell = React.forwardRef(<T extends TagComponentType = \"td\">({ children, th, ...rest }: TableColumnProps<T>, ref: React.Ref<any>) => {\n    return (\n        <Tag\n            {...rest}\n            sxr={{\n                verticalAlign: \"inherit\",\n                textAlign: \"left\",\n                fontSize: \"inherit\",\n                color: \"text.primary\",\n                ...((rest as any)?.sx || {})\n            }}\n            baseClass='table-cell'\n            component={th ? \"th\" : \"td\"} ref={ref}\n        >\n            {children}\n        </Tag>\n    )\n})\n\nexport default TableCell"],"names":["_jsx"],"mappings":"sHAQA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAoC,EAA8C,EAAE,GAAmB,KAAI;QAAvE,EAAE,QAAQ,EAAE,EAAE,EAAA,GAAA,EAAgC,EAA3B,IAAI,GAAA,MAAA,CAAA,EAAA,EAAvB,kBAAyB,CAAF;AAC1F,IAAA,QACIA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACC,aAAa,EAAE,SAAS,EACxB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,SAAS,EACnB,KAAK,EAAE,cAAc,EAAA,GACjB,CAAC,IAAY,KAAA,IAAA,IAAZ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAU,EAAE,KAAI,EAAE,EAAC,EAEhC,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,EAAE,GAAG,IAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,EAAA,EAAA,QAAA,EAEpC,QAAQ,EAAA,CAAA,CACP;AAEd,CAAC"}

package/TableFooter/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TagComponentType, TagProps } from '@xanui/core';
+
+type TableFooterProps<T extends TagComponentType = "tfoot"> = TagProps<T>;
+declare const TableFooter: React.ForwardRefExoticComponent<Omit<TableFooterProps<TagComponentType>, "ref"> & React.RefAttributes<any>>;
+
+export { TableFooter as default };
+export type { TableFooterProps };

package/TableFooter/index.js

@@ -0,0 +1,4 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),React=require('react'),core=require('@xanui/core');const TableFooter = React.forwardRef((_a, ref) => {
+    var { children } = _a, rest = tslib.__rest(_a, ["children"]);
+    return (jsxRuntime.jsx(core.Tag, Object.assign({}, rest, { baseClass: 'table-footer', component: "tfoot", ref: ref }, { children: children })));
+});exports.default=TableFooter;//# sourceMappingURL=index.js.map

package/TableFooter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/TableFooter/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableFooterProps<T extends TagComponentType = \"tfoot\"> = TagProps<T>\n\nconst TableFooter = React.forwardRef(<T extends TagComponentType = \"tfoot\">({ children, ...rest }: TableFooterProps<T>, ref: React.Ref<any>) => {\n    return (\n        <Tag\n            {...rest}\n            baseClass='table-footer'\n            component=\"tfoot\"\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default TableFooter"],"names":["__rest","_jsx","Tag"],"mappings":"4LAMA,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,CAAuC,EAA0C,EAAE,GAAmB,KAAI;AAAnE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAgC,EAA3B,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IAC3F,QACIC,eAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,SAAS,EAAC,cAAc,EACxB,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,EAAA,EAAA,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC"}

package/TableFooter/index.mjs

@@ -0,0 +1,4 @@
+import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import React from'react';import {Tag}from'@xanui/core';const TableFooter = React.forwardRef((_a, ref) => {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    return (jsx(Tag, Object.assign({}, rest, { baseClass: 'table-footer', component: "tfoot", ref: ref }, { children: children })));
+});export{TableFooter as default};//# sourceMappingURL=index.mjs.map

package/TableFooter/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/TableFooter/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableFooterProps<T extends TagComponentType = \"tfoot\"> = TagProps<T>\n\nconst TableFooter = React.forwardRef(<T extends TagComponentType = \"tfoot\">({ children, ...rest }: TableFooterProps<T>, ref: React.Ref<any>) => {\n    return (\n        <Tag\n            {...rest}\n            baseClass='table-footer'\n            component=\"tfoot\"\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default TableFooter"],"names":["_jsx"],"mappings":"sHAMA,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,CAAuC,EAA0C,EAAE,GAAmB,KAAI;AAAnE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAgC,EAA3B,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IAC3F,QACIA,IAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,SAAS,EAAC,cAAc,EACxB,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,EAAA,EAAA,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC"}

package/TableHead/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TagComponentType, TagProps } from '@xanui/core';
+
+type TableHeadProps<T extends TagComponentType = "thead"> = TagProps<T>;
+declare const TableHead: React.ForwardRefExoticComponent<Omit<TableHeadProps<TagComponentType>, "ref"> & React.RefAttributes<any>>;
+
+export { TableHead as default };
+export type { TableHeadProps };

package/TableHead/index.js

@@ -0,0 +1,4 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),React=require('react'),core=require('@xanui/core');const TableHead = React.forwardRef((_a, ref) => {
+    var { children } = _a, rest = tslib.__rest(_a, ["children"]);
+    return (jsxRuntime.jsx(core.Tag, Object.assign({}, rest, { baseClass: 'table-head', component: "thead", ref: ref }, { children: children })));
+});exports.default=TableHead;//# sourceMappingURL=index.js.map

package/TableHead/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/TableHead/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableHeadProps<T extends TagComponentType = \"thead\"> = TagProps<T>\n\nconst TableHead = React.forwardRef(<T extends TagComponentType = \"thead\">({ children, ...rest }: TableHeadProps<T>, ref: React.Ref<any>) => {\n    return (\n        <Tag\n            {...rest}\n            baseClass='table-head'\n            component=\"thead\"\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default TableHead "],"names":["__rest","_jsx","Tag"],"mappings":"4LAMA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAuC,EAAwC,EAAE,GAAmB,KAAI;AAAjE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACzF,QACIC,eAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,SAAS,EAAC,YAAY,EACtB,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,EAAA,EAAA,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC"}

package/TableHead/index.mjs

@@ -0,0 +1,4 @@
+import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import React from'react';import {Tag}from'@xanui/core';const TableHead = React.forwardRef((_a, ref) => {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    return (jsx(Tag, Object.assign({}, rest, { baseClass: 'table-head', component: "thead", ref: ref }, { children: children })));
+});export{TableHead as default};//# sourceMappingURL=index.mjs.map

package/TableHead/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/TableHead/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableHeadProps<T extends TagComponentType = \"thead\"> = TagProps<T>\n\nconst TableHead = React.forwardRef(<T extends TagComponentType = \"thead\">({ children, ...rest }: TableHeadProps<T>, ref: React.Ref<any>) => {\n    return (\n        <Tag\n            {...rest}\n            baseClass='table-head'\n            component=\"thead\"\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default TableHead "],"names":["_jsx"],"mappings":"sHAMA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAuC,EAAwC,EAAE,GAAmB,KAAI;AAAjE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACzF,QACIA,IAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,SAAS,EAAC,YAAY,EACtB,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,EAAA,EAAA,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC"}

package/TablePagination/index.d.ts

@@ -0,0 +1,26 @@
+import { SelectProps } from '../Select/index.js';
+import { IconButtonProps } from '../IconButton/index.js';
+import React from 'react';
+import { TagProps, useBreakpointPropsType, ColorTemplateColors, ColorTemplateType } from '@xanui/core';
+
+type TablePaginationProps = Omit<TagProps, "children"> & {
+    page: number;
+    total: number;
+    perpages?: number[];
+    color?: useBreakpointPropsType<ColorTemplateColors>;
+    variant?: useBreakpointPropsType<ColorTemplateType>;
+    onChange?: (state: {
+        page: number;
+        perpage: number;
+        from: number;
+        to: number;
+    }) => void;
+    slotProps?: {
+        button?: Omit<IconButtonProps, "children" | "color" | "variant">;
+        select?: Omit<SelectProps, "value" | "onChange">;
+    };
+};
+declare const TablePagination: React.ForwardRefExoticComponent<Omit<TablePaginationProps, "ref"> & React.RefAttributes<any>>;
+
+export { TablePagination as default };
+export type { TablePaginationProps };

package/TablePagination/index.js

@@ -0,0 +1,51 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),index=require('../Text/index.js'),index$1=require('../Select/index.js'),index$2=require('../Option/index.js'),index$3=require('../IconButton/index.js'),React=require('react'),IconKeyboardArrowLeft=require('@xanui/icons/KeyboardArrowLeft'),IconKeyboardArrowRight=require('@xanui/icons/KeyboardArrowRight'),core=require('@xanui/core');const TablePagination = React.forwardRef((_a, ref) => {
+    var _b, _c, _d;
+    var { page, total, onChange } = _a, rest = tslib.__rest(_a, ["page", "total", "onChange"]);
+    let [_e] = core.useInterface("TablePagination", rest, {}), { perpages, color, variant, slotProps } = _e, props = tslib.__rest(_e, ["perpages", "color", "variant", "slotProps"]);
+    color !== null && color !== void 0 ? color : (color = "default");
+    variant !== null && variant !== void 0 ? variant : (variant = "fill");
+    perpages !== null && perpages !== void 0 ? perpages : (perpages = [30, 50, 100]);
+    const [perpage, setPerpage] = React.useState(perpages[0] || 10);
+    const isPerpage = perpages[0] && perpages.length >= 1;
+    const chunks = React.useMemo(() => {
+        const chunks = [];
+        let _page = 1;
+        for (let from = 0; from < total; from += perpage) {
+            const to = Math.min(from + perpage, total);
+            chunks[_page] = { from: from + 1, to, page: _page, perpage };
+            _page++;
+        }
+        return chunks;
+    }, [perpage, total]);
+    if (!chunks.length) {
+        return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+    }
+    const current = chunks[page] || chunks[1];
+    const next = chunks[page + 1];
+    const prev = chunks[page - 1];
+    if (!chunks[page]) {
+        console.error(`Indvalid page`);
+    }
+    return (jsxRuntime.jsxs(core.Tag, Object.assign({}, props, { sxr: {
+            display: "flex",
+            flexDirection: "row",
+            gap: 1,
+            alignItems: "center"
+        }, baseClass: 'table-pagination', ref: ref }, { children: [isPerpage && jsxRuntime.jsxs(core.Tag, Object.assign({ baseClass: 'table-pagination-perpage', flexBox: true, flexRow: true, gap: 1, alignItems: "center" }, { children: [jsxRuntime.jsx(index.default, Object.assign({ fontSize: "button" }, { children: "PER PAGE" })), jsxRuntime.jsx(index$1.default, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.select, { slotProps: Object.assign(Object.assign({}, (_b = slotProps === null || slotProps === void 0 ? void 0 : slotProps.select) === null || _b === void 0 ? void 0 : _b.slotProps), { input: Object.assign(Object.assign({}, (_d = (_c = slotProps === null || slotProps === void 0 ? void 0 : slotProps.select) === null || _c === void 0 ? void 0 : _c.slotProps) === null || _d === void 0 ? void 0 : _d.input), { slotProps: {
+                                    container: {
+                                        minWidth: "auto"
+                                    }
+                                }, width: perpage.toString().length * 10, size: "small" }) }), value: perpage, onChange: (value) => {
+                            setPerpage(value);
+                            onChange && onChange(current);
+                        } }, { children: perpages.map((p) => jsxRuntime.jsx(index$2.default, Object.assign({ value: p }, { children: p }), p)) }))] })), jsxRuntime.jsxs(core.Tag, Object.assign({ sxr: {
+                    display: "flex",
+                    flexDirection: "row",
+                    gap: 1,
+                    alignItems: 'center'
+                } }, { children: [jsxRuntime.jsxs(index.default, Object.assign({ fontSize: "button" }, { children: [current === null || current === void 0 ? void 0 : current.from, "-", current.to] })), jsxRuntime.jsx(index.default, Object.assign({ color: "text.secondary" }, { children: "of" })), jsxRuntime.jsx(index.default, Object.assign({ fontSize: "button" }, { children: total }))] })), jsxRuntime.jsxs(core.Tag, Object.assign({ baseClass: 'table-pagination-navigation', flexBox: true, flexRow: true, gap: .4 }, { children: [jsxRuntime.jsx(index$3.default, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.button, { color: color, variant: variant, size: 30, disabled: !prev, onClick: () => {
+                            (onChange && prev) && onChange(prev);
+                        } }, { children: jsxRuntime.jsx(IconKeyboardArrowLeft, {}) })), jsxRuntime.jsx(index$3.default, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.button, { color: color, variant: variant, size: 30, disabled: !next, onClick: () => {
+                            (onChange && next) && onChange(next);
+                        } }, { children: jsxRuntime.jsx(IconKeyboardArrowRight, {}) }))] }))] })));
+});exports.default=TablePagination;//# sourceMappingURL=index.js.map

package/TablePagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/TablePagination/index.tsx"],"sourcesContent":["import Text from '../Text'\nimport Select, { SelectProps } from '../Select'\nimport Option from '../Option'\nimport IconButton, { IconButtonProps } from '../IconButton'\nimport React, { useMemo, useState } from 'react'\nimport PrevIcon from '@xanui/icons/KeyboardArrowLeft'\nimport NextIcon from '@xanui/icons/KeyboardArrowRight'\nimport { TagProps, Tag, useInterface, ColorTemplateColors, ColorTemplateType, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type TablePaginationProps = Omit<TagProps, \"children\"> & {\n    page: number;\n    total: number;\n    perpages?: number[];\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    variant?: useBreakpointPropsType<ColorTemplateType>;\n    onChange?: (state: { page: number, perpage: number, from: number, to: number }) => void;\n\n    slotProps?: {\n        button?: Omit<IconButtonProps, \"children\" | \"color\" | \"variant\">;\n        select?: Omit<SelectProps, \"value\" | \"onChange\">;\n    }\n}\n\nconst TablePagination = React.forwardRef(({ page, total, onChange, ...rest }: TablePaginationProps, ref: React.Ref<any>) => {\n    let [{ perpages, color, variant, slotProps, ...props }] = useInterface<any>(\"TablePagination\", rest, {})\n    color ??= \"default\"\n    variant ??= \"fill\"\n    perpages ??= [30, 50, 100]\n    const [perpage, setPerpage] = useState(perpages[0] || 10)\n    const isPerpage = perpages[0] && perpages.length >= 1\n\n    const chunks = useMemo(() => {\n        const chunks: any = [];\n        let _page = 1;\n        for (let from = 0; from < total; from += perpage) {\n            const to = Math.min(from + perpage, total)\n            chunks[_page] = { from: from + 1, to, page: _page, perpage }\n            _page++\n        }\n        return chunks\n    }, [perpage, total])\n\n    if (!chunks.length) {\n        return <></>\n    }\n\n    const current = chunks[page] || chunks[1]\n    const next = chunks[page + 1]\n    const prev = chunks[page - 1]\n    if (!chunks[page]) {\n        console.error(`Indvalid page`)\n    }\n\n    return (\n        <Tag\n            {...props}\n            sxr={{\n                display: \"flex\",\n                flexDirection: \"row\",\n                gap: 1,\n                alignItems: \"center\"\n            }}\n            baseClass='table-pagination'\n            ref={ref}\n        >\n            {\n                isPerpage && <Tag baseClass='table-pagination-perpage' flexBox flexRow gap={1} alignItems=\"center\">\n                    <Text fontSize=\"button\">PER PAGE</Text>\n                    <Select\n                        {...slotProps?.select}\n                        slotProps={{\n                            ...slotProps?.select?.slotProps,\n                            input: {\n                                ...slotProps?.select?.slotProps?.input,\n                                slotProps: {\n                                    container: {\n                                        minWidth: \"auto\"\n                                    }\n                                },\n                                width: perpage.toString().length * 10,\n                                size: \"small\",\n                            },\n                        }}\n                        value={perpage}\n                        onChange={(value: any) => {\n                            setPerpage(value);\n                            onChange && onChange(current)\n                        }}\n                    >\n                        {perpages.map((p: number) => <Option key={p} value={p}>{p}</Option>)}\n                    </Select>\n                </Tag>\n            }\n            <Tag\n                sxr={{\n                    display: \"flex\",\n                    flexDirection: \"row\",\n                    gap: 1,\n                    alignItems: 'center'\n                }}\n            >\n                <Text fontSize=\"button\">{current?.from}-{current.to}</Text>\n                <Text color=\"text.secondary\">of</Text>\n                <Text fontSize=\"button\">{total}</Text>\n            </Tag>\n            <Tag baseClass='table-pagination-navigation' flexBox flexRow gap={.4} >\n                <IconButton\n                    {...slotProps?.button}\n                    color={color}\n                    variant={variant}\n\n                    size={30}\n                    disabled={!prev}\n                    onClick={() => {\n                        (onChange && prev) && onChange(prev)\n                    }}\n                >\n                    <PrevIcon />\n                </IconButton>\n                <IconButton\n                    {...slotProps?.button}\n                    color={color}\n                    variant={variant}\n                    size={30}\n                    disabled={!next}\n                    onClick={() => {\n                        (onChange && next) && onChange(next)\n                    }}\n                >\n                    <NextIcon />\n                </IconButton>\n            </Tag>\n        </Tag>\n    )\n})\n\nexport default TablePagination"],"names":["__rest","useInterface","useState","useMemo","_jsx","_jsxs","Tag","Text","Select","Option","IconButton","PrevIcon","NextIcon"],"mappings":"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"}

package/TablePagination/index.mjs

@@ -0,0 +1,51 @@
+import {__rest}from'tslib';import {jsx,Fragment,jsxs}from'react/jsx-runtime';import Text from'../Text/index.mjs';import Select from'../Select/index.mjs';import Option from'../Option/index.mjs';import IconButton from'../IconButton/index.mjs';import React,{useState,useMemo}from'react';import IconKeyboardArrowLeft from'@xanui/icons/KeyboardArrowLeft';import IconKeyboardArrowRight from'@xanui/icons/KeyboardArrowRight';import {useInterface,Tag}from'@xanui/core';const TablePagination = React.forwardRef((_a, ref) => {
+    var _b, _c, _d;
+    var { page, total, onChange } = _a, rest = __rest(_a, ["page", "total", "onChange"]);
+    let [_e] = useInterface("TablePagination", rest, {}), { perpages, color, variant, slotProps } = _e, props = __rest(_e, ["perpages", "color", "variant", "slotProps"]);
+    color !== null && color !== void 0 ? color : (color = "default");
+    variant !== null && variant !== void 0 ? variant : (variant = "fill");
+    perpages !== null && perpages !== void 0 ? perpages : (perpages = [30, 50, 100]);
+    const [perpage, setPerpage] = useState(perpages[0] || 10);
+    const isPerpage = perpages[0] && perpages.length >= 1;
+    const chunks = useMemo(() => {
+        const chunks = [];
+        let _page = 1;
+        for (let from = 0; from < total; from += perpage) {
+            const to = Math.min(from + perpage, total);
+            chunks[_page] = { from: from + 1, to, page: _page, perpage };
+            _page++;
+        }
+        return chunks;
+    }, [perpage, total]);
+    if (!chunks.length) {
+        return jsx(Fragment, {});
+    }
+    const current = chunks[page] || chunks[1];
+    const next = chunks[page + 1];
+    const prev = chunks[page - 1];
+    if (!chunks[page]) {
+        console.error(`Indvalid page`);
+    }
+    return (jsxs(Tag, Object.assign({}, props, { sxr: {
+            display: "flex",
+            flexDirection: "row",
+            gap: 1,
+            alignItems: "center"
+        }, baseClass: 'table-pagination', ref: ref }, { children: [isPerpage && jsxs(Tag, Object.assign({ baseClass: 'table-pagination-perpage', flexBox: true, flexRow: true, gap: 1, alignItems: "center" }, { children: [jsx(Text, Object.assign({ fontSize: "button" }, { children: "PER PAGE" })), jsx(Select, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.select, { slotProps: Object.assign(Object.assign({}, (_b = slotProps === null || slotProps === void 0 ? void 0 : slotProps.select) === null || _b === void 0 ? void 0 : _b.slotProps), { input: Object.assign(Object.assign({}, (_d = (_c = slotProps === null || slotProps === void 0 ? void 0 : slotProps.select) === null || _c === void 0 ? void 0 : _c.slotProps) === null || _d === void 0 ? void 0 : _d.input), { slotProps: {
+                                    container: {
+                                        minWidth: "auto"
+                                    }
+                                }, width: perpage.toString().length * 10, size: "small" }) }), value: perpage, onChange: (value) => {
+                            setPerpage(value);
+                            onChange && onChange(current);
+                        } }, { children: perpages.map((p) => jsx(Option, Object.assign({ value: p }, { children: p }), p)) }))] })), jsxs(Tag, Object.assign({ sxr: {
+                    display: "flex",
+                    flexDirection: "row",
+                    gap: 1,
+                    alignItems: 'center'
+                } }, { children: [jsxs(Text, Object.assign({ fontSize: "button" }, { children: [current === null || current === void 0 ? void 0 : current.from, "-", current.to] })), jsx(Text, Object.assign({ color: "text.secondary" }, { children: "of" })), jsx(Text, Object.assign({ fontSize: "button" }, { children: total }))] })), jsxs(Tag, Object.assign({ baseClass: 'table-pagination-navigation', flexBox: true, flexRow: true, gap: .4 }, { children: [jsx(IconButton, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.button, { color: color, variant: variant, size: 30, disabled: !prev, onClick: () => {
+                            (onChange && prev) && onChange(prev);
+                        } }, { children: jsx(IconKeyboardArrowLeft, {}) })), jsx(IconButton, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.button, { color: color, variant: variant, size: 30, disabled: !next, onClick: () => {
+                            (onChange && next) && onChange(next);
+                        } }, { children: jsx(IconKeyboardArrowRight, {}) }))] }))] })));
+});export{TablePagination as default};//# sourceMappingURL=index.mjs.map

package/TablePagination/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/TablePagination/index.tsx"],"sourcesContent":["import Text from '../Text'\nimport Select, { SelectProps } from '../Select'\nimport Option from '../Option'\nimport IconButton, { IconButtonProps } from '../IconButton'\nimport React, { useMemo, useState } from 'react'\nimport PrevIcon from '@xanui/icons/KeyboardArrowLeft'\nimport NextIcon from '@xanui/icons/KeyboardArrowRight'\nimport { TagProps, Tag, useInterface, ColorTemplateColors, ColorTemplateType, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type TablePaginationProps = Omit<TagProps, \"children\"> & {\n    page: number;\n    total: number;\n    perpages?: number[];\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    variant?: useBreakpointPropsType<ColorTemplateType>;\n    onChange?: (state: { page: number, perpage: number, from: number, to: number }) => void;\n\n    slotProps?: {\n        button?: Omit<IconButtonProps, \"children\" | \"color\" | \"variant\">;\n        select?: Omit<SelectProps, \"value\" | \"onChange\">;\n    }\n}\n\nconst TablePagination = React.forwardRef(({ page, total, onChange, ...rest }: TablePaginationProps, ref: React.Ref<any>) => {\n    let [{ perpages, color, variant, slotProps, ...props }] = useInterface<any>(\"TablePagination\", rest, {})\n    color ??= \"default\"\n    variant ??= \"fill\"\n    perpages ??= [30, 50, 100]\n    const [perpage, setPerpage] = useState(perpages[0] || 10)\n    const isPerpage = perpages[0] && perpages.length >= 1\n\n    const chunks = useMemo(() => {\n        const chunks: any = [];\n        let _page = 1;\n        for (let from = 0; from < total; from += perpage) {\n            const to = Math.min(from + perpage, total)\n            chunks[_page] = { from: from + 1, to, page: _page, perpage }\n            _page++\n        }\n        return chunks\n    }, [perpage, total])\n\n    if (!chunks.length) {\n        return <></>\n    }\n\n    const current = chunks[page] || chunks[1]\n    const next = chunks[page + 1]\n    const prev = chunks[page - 1]\n    if (!chunks[page]) {\n        console.error(`Indvalid page`)\n    }\n\n    return (\n        <Tag\n            {...props}\n            sxr={{\n                display: \"flex\",\n                flexDirection: \"row\",\n                gap: 1,\n                alignItems: \"center\"\n            }}\n            baseClass='table-pagination'\n            ref={ref}\n        >\n            {\n                isPerpage && <Tag baseClass='table-pagination-perpage' flexBox flexRow gap={1} alignItems=\"center\">\n                    <Text fontSize=\"button\">PER PAGE</Text>\n                    <Select\n                        {...slotProps?.select}\n                        slotProps={{\n                            ...slotProps?.select?.slotProps,\n                            input: {\n                                ...slotProps?.select?.slotProps?.input,\n                                slotProps: {\n                                    container: {\n                                        minWidth: \"auto\"\n                                    }\n                                },\n                                width: perpage.toString().length * 10,\n                                size: \"small\",\n                            },\n                        }}\n                        value={perpage}\n                        onChange={(value: any) => {\n                            setPerpage(value);\n                            onChange && onChange(current)\n                        }}\n                    >\n                        {perpages.map((p: number) => <Option key={p} value={p}>{p}</Option>)}\n                    </Select>\n                </Tag>\n            }\n            <Tag\n                sxr={{\n                    display: \"flex\",\n                    flexDirection: \"row\",\n                    gap: 1,\n                    alignItems: 'center'\n                }}\n            >\n                <Text fontSize=\"button\">{current?.from}-{current.to}</Text>\n                <Text color=\"text.secondary\">of</Text>\n                <Text fontSize=\"button\">{total}</Text>\n            </Tag>\n            <Tag baseClass='table-pagination-navigation' flexBox flexRow gap={.4} >\n                <IconButton\n                    {...slotProps?.button}\n                    color={color}\n                    variant={variant}\n\n                    size={30}\n                    disabled={!prev}\n                    onClick={() => {\n                        (onChange && prev) && onChange(prev)\n                    }}\n                >\n                    <PrevIcon />\n                </IconButton>\n                <IconButton\n                    {...slotProps?.button}\n                    color={color}\n                    variant={variant}\n                    size={30}\n                    disabled={!next}\n                    onClick={() => {\n                        (onChange && next) && onChange(next)\n                    }}\n                >\n                    <NextIcon />\n                </IconButton>\n            </Tag>\n        </Tag>\n    )\n})\n\nexport default TablePagination"],"names":["_jsx","_jsxs","PrevIcon","NextIcon"],"mappings":"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"}

package/TableRow/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TagComponentType, TagProps } from '@xanui/core';
+
+type TableRowProps<T extends TagComponentType = "tr"> = TagProps<T>;
+declare const TableRow: React.ForwardRefExoticComponent<Omit<TableRowProps<TagComponentType>, "ref"> & React.RefAttributes<any>>;
+
+export { TableRow as default };
+export type { TableRowProps };

package/TableRow/index.js

@@ -0,0 +1,4 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),React=require('react'),core=require('@xanui/core');const TableRow = React.forwardRef((_a, ref) => {
+    var { children } = _a, rest = tslib.__rest(_a, ["children"]);
+    return (jsxRuntime.jsx(core.Tag, Object.assign({ baseClass: 'table-row', verticalAlign: "middle" }, rest, { component: "tr", ref: ref }, { children: children })));
+});exports.default=TableRow;//# sourceMappingURL=index.js.map

package/TableRow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/TableRow/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableRowProps<T extends TagComponentType = \"tr\"> = TagProps<T>\n\nconst TableRow = React.forwardRef(<T extends TagComponentType = \"tr\">({ children, ...rest }: TableRowProps<T>, ref: React.Ref<any>) => {\n    return (\n        <Tag\n            baseClass='table-row'\n            verticalAlign=\"middle\"\n            {...rest}\n            component=\"tr\"\n            ref={ref}>{children}</Tag>\n    )\n})\n\nexport default TableRow"],"names":["__rest","_jsx","Tag"],"mappings":"4LAMA,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAAoC,EAAuC,EAAE,GAAmB,KAAI;AAAhE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA6B,EAAxB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACrF,QACIC,cAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,SAAS,EAAC,WAAW,EACrB,aAAa,EAAC,QAAQ,EAAA,EAClB,IAAI,EAAA,EACR,SAAS,EAAC,IAAI,EACd,GAAG,EAAE,GAAG,EAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAA,CAAO;AAEtC,CAAC"}

package/TableRow/index.mjs

@@ -0,0 +1,4 @@
+import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import React from'react';import {Tag}from'@xanui/core';const TableRow = React.forwardRef((_a, ref) => {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    return (jsx(Tag, Object.assign({ baseClass: 'table-row', verticalAlign: "middle" }, rest, { component: "tr", ref: ref }, { children: children })));
+});export{TableRow as default};//# sourceMappingURL=index.mjs.map

package/TableRow/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/TableRow/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableRowProps<T extends TagComponentType = \"tr\"> = TagProps<T>\n\nconst TableRow = React.forwardRef(<T extends TagComponentType = \"tr\">({ children, ...rest }: TableRowProps<T>, ref: React.Ref<any>) => {\n    return (\n        <Tag\n            baseClass='table-row'\n            verticalAlign=\"middle\"\n            {...rest}\n            component=\"tr\"\n            ref={ref}>{children}</Tag>\n    )\n})\n\nexport default TableRow"],"names":["_jsx"],"mappings":"sHAMA,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAAoC,EAAuC,EAAE,GAAmB,KAAI;AAAhE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA6B,EAAxB,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACrF,QACIA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,SAAS,EAAC,WAAW,EACrB,aAAa,EAAC,QAAQ,EAAA,EAClB,IAAI,EAAA,EACR,SAAS,EAAC,IAAI,EACd,GAAG,EAAE,GAAG,EAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAA,CAAO;AAEtC,CAAC"}

package/Tabs/index.d.ts

@@ -0,0 +1,24 @@
+import React, { ReactElement } from 'react';
+import { TabProps } from '../Tab/index.js';
+import { TagProps, useBreakpointPropsType, ColorTemplateColors } from '@xanui/core';
+import { ButtonProps } from '../Button/index.js';
+
+type ValueType = string | number;
+type TabsProps = Omit<TagProps, 'onChange'> & {
+    children: ReactElement<TabProps> | ReactElement<TabProps>[];
+    value?: ValueType;
+    onChange?: (value: ValueType) => void;
+    variant?: useBreakpointPropsType<"start-line" | "end-line" | "fill" | "outline" | "text" | "alpha">;
+    color?: useBreakpointPropsType<ColorTemplateColors>;
+    verticle?: useBreakpointPropsType<boolean>;
+    disableTransition?: useBreakpointPropsType<boolean>;
+    indicatorSize?: useBreakpointPropsType<number>;
+    slotProps?: {
+        content?: Omit<TagProps, "children">;
+        button?: Omit<ButtonProps, "children" | "color" | "variant" | "classNames">;
+    };
+};
+declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & React.RefAttributes<unknown>>;
+
+export { Tabs as default };
+export type { TabsProps };