@xanui/ui 1.1.36 → 1.1.38

package/Skeleton/index.js

@@ -1,12 +1,10 @@
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@xanui/core');
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Tag } from '@xanui/core';
 
 const Skeleton = React.forwardRef((_a, ref) => {
-    var { children, loading, color, animation } = _a, props = tslib.__rest(_a, ["children", "loading", "color", "animation"]);
+    var { children, loading, color, animation } = _a, props = __rest(_a, ["children", "loading", "color", "animation"]);
     if (!children)
         loading = true;
     if (loading) {
@@ -51,10 +49,10 @@ const Skeleton = React.forwardRef((_a, ref) => {
                 };
                 break;
         }
-        return (jsxRuntime.jsx(core.Tag, Object.assign({}, props, { baseClass: 'skeleton', ref: ref, sxr: sxr })));
+        return (jsx(Tag, Object.assign({}, props, { baseClass: 'skeleton', ref: ref, sxr: sxr })));
     }
     return children;
 });
 
-module.exports = Skeleton;
+export { Skeleton as default };
 //# sourceMappingURL=index.js.map

package/Skeleton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Skeleton/index.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\r\n\r\nexport type SkeletonProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\r\n   animation?: 'pulse' | 'wave' | 'none';\r\n   loading?: boolean;\r\n}\r\n\r\nconst Skeleton = React.forwardRef(<T extends TagComponentType = \"div\">({ children, loading, color, animation, ...props }: SkeletonProps<T>, ref: React.Ref<any>) => {\r\n\r\n   if (!children) loading = true\r\n\r\n   if (loading) {\r\n      animation ??= 'pulse'\r\n      color ??= \"default\"\r\n      let sxr: any = {}\r\n      switch (animation) {\r\n         case 'pulse':\r\n            sxr = {\r\n               bgcolor: \"divider.primary\",\r\n               width: \"100%\",\r\n               animation: 'skpulse 1.5s infinite',\r\n               \"@keyframes skpulse\": {\r\n                  '0%, 100%': {\r\n                     opacity: 1,\r\n                  },\r\n                  '50%': {\r\n                     opacity: 0.4,\r\n                  },\r\n               }\r\n            }\r\n            break;\r\n         case 'wave':\r\n            sxr = {\r\n               position: 'relative',\r\n               overflow: 'hidden',\r\n               bgcolor: \"divider.primary\",\r\n               \"&::after\": {\r\n                  content: '\"\"',\r\n                  position: 'absolute',\r\n                  top: 0,\r\n                  left: \"0%\",\r\n                  width: '100%',\r\n                  height: '100%',\r\n                  animation: 'skwave 2s infinite',\r\n                  background: `linear-gradient(90deg, transparent 0%, var(--color-divider-secondary) 50%, transparent 100%)`,\r\n               },\r\n               \"@keyframes skwave\": {\r\n                  '0%': { left: '-100%' },\r\n                  '100%': { left: '100%' }\r\n               }\r\n            }\r\n            break;\r\n      }\r\n      return (\r\n         <Tag\r\n            {...props}\r\n            baseClass='skeleton'\r\n            ref={ref}\r\n            sxr={sxr}\r\n         />\r\n      )\r\n   }\r\n\r\n   return children\r\n})\r\n\r\nexport default Skeleton\r\n\r\n"],"names":["__rest","_jsx","Tag"],"mappings":";;;;;;;AAQA,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAmE,EAAE,GAAmB,KAAI;AAA5F,IAAA,IAAA,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAA,GAAA,EAA8B,EAAzB,KAAK,GAAAA,YAAA,CAAA,EAAA,EAA/C,CAAA,UAAA,EAAA,SAAA,EAAA,OAAA,EAAA,WAAA,CAAiD,CAAF;AAEnH,IAAA,IAAI,CAAC,QAAQ;QAAE,OAAO,GAAG,IAAI;IAE7B,IAAI,OAAO,EAAE;QACV,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAT,SAAS,IAAT,SAAS,GAAK,OAAO,CAAA;QACrB,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAL,KAAK,IAAL,KAAK,GAAK,SAAS,CAAA;QACnB,IAAI,GAAG,GAAQ,EAAE;QACjB,QAAQ,SAAS;AACd,YAAA,KAAK,OAAO;AACT,gBAAA,GAAG,GAAG;AACH,oBAAA,OAAO,EAAE,iBAAiB;AAC1B,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,SAAS,EAAE,uBAAuB;AAClC,oBAAA,oBAAoB,EAAE;AACnB,wBAAA,UAAU,EAAE;AACT,4BAAA,OAAO,EAAE,CAAC;AACZ,yBAAA;AACD,wBAAA,KAAK,EAAE;AACJ,4BAAA,OAAO,EAAE,GAAG;AACd,yBAAA;AACH;iBACH;gBACD;AACH,YAAA,KAAK,MAAM;AACR,gBAAA,GAAG,GAAG;AACH,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,QAAQ,EAAE,QAAQ;AAClB,oBAAA,OAAO,EAAE,iBAAiB;AAC1B,oBAAA,UAAU,EAAE;AACT,wBAAA,OAAO,EAAE,IAAI;AACb,wBAAA,QAAQ,EAAE,UAAU;AACpB,wBAAA,GAAG,EAAE,CAAC;AACN,wBAAA,IAAI,EAAE,IAAI;AACV,wBAAA,KAAK,EAAE,MAAM;AACb,wBAAA,MAAM,EAAE,MAAM;AACd,wBAAA,SAAS,EAAE,oBAAoB;AAC/B,wBAAA,UAAU,EAAE,CAAA,4FAAA,CAA8F;AAC5G,qBAAA;AACD,oBAAA,mBAAmB,EAAE;AAClB,wBAAA,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;AACvB,wBAAA,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM;AACxB;iBACH;gBACD;;AAEN,QAAA,QACGC,cAAA,CAACC,QAAG,oBACG,KAAK,EAAA,EACT,SAAS,EAAC,UAAU,EACpB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EAAA,CAAA,CACT;IAER;AAEA,IAAA,OAAO,QAAQ;AAClB,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/Skeleton/index.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\r\n\r\nexport type SkeletonProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\r\n   animation?: 'pulse' | 'wave' | 'none';\r\n   loading?: boolean;\r\n}\r\n\r\nconst Skeleton = React.forwardRef(<T extends TagComponentType = \"div\">({ children, loading, color, animation, ...props }: SkeletonProps<T>, ref: React.Ref<any>) => {\r\n\r\n   if (!children) loading = true\r\n\r\n   if (loading) {\r\n      animation ??= 'pulse'\r\n      color ??= \"default\"\r\n      let sxr: any = {}\r\n      switch (animation) {\r\n         case 'pulse':\r\n            sxr = {\r\n               bgcolor: \"divider.primary\",\r\n               width: \"100%\",\r\n               animation: 'skpulse 1.5s infinite',\r\n               \"@keyframes skpulse\": {\r\n                  '0%, 100%': {\r\n                     opacity: 1,\r\n                  },\r\n                  '50%': {\r\n                     opacity: 0.4,\r\n                  },\r\n               }\r\n            }\r\n            break;\r\n         case 'wave':\r\n            sxr = {\r\n               position: 'relative',\r\n               overflow: 'hidden',\r\n               bgcolor: \"divider.primary\",\r\n               \"&::after\": {\r\n                  content: '\"\"',\r\n                  position: 'absolute',\r\n                  top: 0,\r\n                  left: \"0%\",\r\n                  width: '100%',\r\n                  height: '100%',\r\n                  animation: 'skwave 2s infinite',\r\n                  background: `linear-gradient(90deg, transparent 0%, var(--color-divider-secondary) 50%, transparent 100%)`,\r\n               },\r\n               \"@keyframes skwave\": {\r\n                  '0%': { left: '-100%' },\r\n                  '100%': { left: '100%' }\r\n               }\r\n            }\r\n            break;\r\n      }\r\n      return (\r\n         <Tag\r\n            {...props}\r\n            baseClass='skeleton'\r\n            ref={ref}\r\n            sxr={sxr}\r\n         />\r\n      )\r\n   }\r\n\r\n   return children\r\n})\r\n\r\nexport default Skeleton\r\n\r\n"],"names":["_jsx"],"mappings":";;;;;AAQA,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAmE,EAAE,GAAmB,KAAI;AAA5F,IAAA,IAAA,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAA,GAAA,EAA8B,EAAzB,KAAK,GAAA,MAAA,CAAA,EAAA,EAA/C,CAAA,UAAA,EAAA,SAAA,EAAA,OAAA,EAAA,WAAA,CAAiD,CAAF;AAEnH,IAAA,IAAI,CAAC,QAAQ;QAAE,OAAO,GAAG,IAAI;IAE7B,IAAI,OAAO,EAAE;QACV,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAT,SAAS,IAAT,SAAS,GAAK,OAAO,CAAA;QACrB,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAL,KAAK,IAAL,KAAK,GAAK,SAAS,CAAA;QACnB,IAAI,GAAG,GAAQ,EAAE;QACjB,QAAQ,SAAS;AACd,YAAA,KAAK,OAAO;AACT,gBAAA,GAAG,GAAG;AACH,oBAAA,OAAO,EAAE,iBAAiB;AAC1B,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,SAAS,EAAE,uBAAuB;AAClC,oBAAA,oBAAoB,EAAE;AACnB,wBAAA,UAAU,EAAE;AACT,4BAAA,OAAO,EAAE,CAAC;AACZ,yBAAA;AACD,wBAAA,KAAK,EAAE;AACJ,4BAAA,OAAO,EAAE,GAAG;AACd,yBAAA;AACH;iBACH;gBACD;AACH,YAAA,KAAK,MAAM;AACR,gBAAA,GAAG,GAAG;AACH,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,QAAQ,EAAE,QAAQ;AAClB,oBAAA,OAAO,EAAE,iBAAiB;AAC1B,oBAAA,UAAU,EAAE;AACT,wBAAA,OAAO,EAAE,IAAI;AACb,wBAAA,QAAQ,EAAE,UAAU;AACpB,wBAAA,GAAG,EAAE,CAAC;AACN,wBAAA,IAAI,EAAE,IAAI;AACV,wBAAA,KAAK,EAAE,MAAM;AACb,wBAAA,MAAM,EAAE,MAAM;AACd,wBAAA,SAAS,EAAE,oBAAoB;AAC/B,wBAAA,UAAU,EAAE,CAAA,4FAAA,CAA8F;AAC5G,qBAAA;AACD,oBAAA,mBAAmB,EAAE;AAClB,wBAAA,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;AACvB,wBAAA,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM;AACxB;iBACH;gBACD;;AAEN,QAAA,QACGA,GAAA,CAAC,GAAG,oBACG,KAAK,EAAA,EACT,SAAS,EAAC,UAAU,EACpB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EAAA,CAAA,CACT;IAER;AAEA,IAAA,OAAO,QAAQ;AAClB,CAAC;;;;"}

package/Stack/index.js

@@ -1,17 +1,15 @@
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@xanui/core');
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Tag } from '@xanui/core';
 
 const Stack = React.forwardRef((_a, ref) => {
-    var { children } = _a, props = tslib.__rest(_a, ["children"]);
-    return (jsxRuntime.jsx(core.Tag, Object.assign({}, props, { sxr: {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (jsx(Tag, Object.assign({}, props, { sxr: {
             display: "flex",
             flexDirection: "column",
         }, baseClass: 'stack', ref: ref, children: children })));
 });
 
-module.exports = Stack;
+export { Stack as default };
 //# sourceMappingURL=index.js.map

package/Stack/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Stack/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\r\n\r\nexport type StackProps<T extends TagComponentType = \"div\"> = TagProps<T>\r\n\r\nconst Stack = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...props }: StackProps<T>, ref?: React.Ref<any>) => {\r\n    return (\r\n        <Tag\r\n            {...props}\r\n            sxr={{\r\n                display: \"flex\",\r\n                flexDirection: \"column\",\r\n            }}\r\n            baseClass='stack'\r\n            ref={ref}\r\n        >{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default Stack\r\n"],"names":["__rest","_jsx","Tag"],"mappings":";;;;;;;AAMA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAqC,EAAE,GAAoB,KAAI;AAA/D,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA2B,EAAtB,KAAK,GAAAA,YAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;AACpF,IAAA,QACIC,cAAA,CAACC,QAAG,oBACI,KAAK,EAAA,EACT,GAAG,EAAE;AACD,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;SAC1B,EACD,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/Stack/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\r\n\r\nexport type StackProps<T extends TagComponentType = \"div\"> = TagProps<T>\r\n\r\nconst Stack = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...props }: StackProps<T>, ref?: React.Ref<any>) => {\r\n    return (\r\n        <Tag\r\n            {...props}\r\n            sxr={{\r\n                display: \"flex\",\r\n                flexDirection: \"column\",\r\n            }}\r\n            baseClass='stack'\r\n            ref={ref}\r\n        >{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default Stack\r\n"],"names":["_jsx"],"mappings":";;;;;AAMA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAqC,EAAE,GAAoB,KAAI;AAA/D,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA2B,EAAtB,KAAK,GAAA,MAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;AACpF,IAAA,QACIA,GAAA,CAAC,GAAG,oBACI,KAAK,EAAA,EACT,GAAG,EAAE;AACD,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;SAC1B,EACD,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC;;;;"}

package/Switch/index.js

@@ -1,14 +1,12 @@
 "use client";
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@xanui/core');
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useState } from 'react';
+import { useInterface, useBreakpointProps, Tag } from '@xanui/core';
 
 const Switch = React.forwardRef((props, ref) => {
     var _a, _b;
-    let [_c] = core.useInterface("Switch", props, {}), { size, checked, color, disabled, icon, onChange, trackSize, slotProps } = _c, rest = tslib.__rest(_c, ["size", "checked", "color", "disabled", "icon", "onChange", "trackSize", "slotProps"]);
+    let [_c] = useInterface("Switch", props, {}), { size, checked, color, disabled, icon, onChange, trackSize, slotProps } = _c, rest = __rest(_c, ["size", "checked", "color", "disabled", "icon", "onChange", "trackSize", "slotProps"]);
     const _p = {};
     if (size)
         _p.size = size;
@@ -20,13 +18,13 @@ const Switch = React.forwardRef((props, ref) => {
         _p.trackSize = trackSize;
     if (icon)
         _p.icon = icon;
-    const p = core.useBreakpointProps(_p);
+    const p = useBreakpointProps(_p);
     size = (_a = p.size) !== null && _a !== void 0 ? _a : "medium";
     color = (_b = p.color) !== null && _b !== void 0 ? _b : "brand";
     disabled = p.disabled;
     trackSize = p.trackSize;
     icon = p.icon;
-    const [c, set] = React.useState(false);
+    const [c, set] = useState(false);
     checked !== null && checked !== void 0 ? checked : (checked = c);
     onChange = onChange || (() => set(!c));
     let sizes = {
@@ -42,13 +40,13 @@ const Switch = React.forwardRef((props, ref) => {
     if (!isNormalSize) {
         transform = checked ? "100%" : "-10%";
     }
-    return (jsxRuntime.jsxs(core.Tag, { disabled: disabled, sxr: {
+    return (jsxs(Tag, { disabled: disabled, sxr: {
             width: _size,
             height: height,
             position: "relative",
             cursor: "pointer",
             display: "inline-block"
-        }, onClick: onChange, children: [jsxRuntime.jsx(core.Tag, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.track, { baseClass: 'switch-track-bar', sxr: {
+        }, onClick: onChange, children: [jsx(Tag, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.track, { baseClass: 'switch-track-bar', sxr: {
                     width: _size,
                     height: trackSize,
                     borderRadius: height,
@@ -56,7 +54,7 @@ const Switch = React.forwardRef((props, ref) => {
                     top: "50%",
                     transform: "translateY(-50%)",
                     bgcolor: checked ? color : "divider",
-                } })), jsxRuntime.jsx(core.Tag, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.thumb, { baseClass: 'switch-thumb', sxr: {
+                } })), jsx(Tag, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.thumb, { baseClass: 'switch-thumb', sxr: {
                     transition: "all .25s",
                     width: height,
                     height: height,
@@ -70,10 +68,10 @@ const Switch = React.forwardRef((props, ref) => {
                     display: "flex",
                     justifyContent: "center",
                     alignItems: "center"
-                }, children: icon })), jsxRuntime.jsx(core.Tag, Object.assign({}, rest, { component: 'input', ref: ref, type: "radio", readOnly: true, checked: checked, sxr: {
+                }, children: icon })), jsx(Tag, Object.assign({}, rest, { component: 'input', ref: ref, type: "radio", readOnly: true, checked: checked, sxr: {
                     display: "none!important"
                 } }))] }));
 });
 
-module.exports = Switch;
+export { Switch as default };
 //# sourceMappingURL=index.js.map

package/Switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Switch/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { ReactElement, useState } from 'react';\r\nimport { Tag, TagProps, useBreakpointProps, UseColorTemplateColor, useInterface, useBreakpointPropsType } from '@xanui/core';\r\n\r\n\r\nexport type SwitchProps = Omit<TagProps<\"input\">, \"color\" | \"size\" | \"component\" | \"type\" | \"checked\"> & {\r\n    checked?: boolean;\r\n    size?: useBreakpointPropsType<number | \"small\" | \"medium\" | \"large\">;\r\n    color?: useBreakpointPropsType<Omit<UseColorTemplateColor, \"default\">>;\r\n    disabled?: useBreakpointPropsType<boolean>;\r\n    trackSize?: useBreakpointPropsType<number>;\r\n    icon?: useBreakpointPropsType<ReactElement>;\r\n    slotProps?: {\r\n        thumb?: Omit<TagProps, 'children'>;\r\n        track?: Omit<TagProps, 'children'>;\r\n    }\r\n}\r\n\r\nconst Switch = React.forwardRef((props: SwitchProps, ref?: React.Ref<any>) => {\r\n    let [{ size, checked, color, disabled, icon, onChange, trackSize, slotProps, ...rest }] = useInterface<any>(\"Switch\", props, {})\r\n    const _p: any = {}\r\n    if (size) _p.size = size\r\n    if (color) _p.color = color\r\n    if (disabled) _p.disabled = disabled\r\n    if (trackSize) _p.trackSize = trackSize\r\n    if (icon) _p.icon = icon\r\n    const p: any = useBreakpointProps(_p)\r\n    size = p.size ?? \"medium\"\r\n    color = p.color ?? \"brand\"\r\n    disabled = p.disabled\r\n    trackSize = p.trackSize\r\n    icon = p.icon\r\n\r\n    const [c, set] = useState(false)\r\n    checked ??= c\r\n\r\n    onChange = onChange || (() => set(!c));\r\n\r\n    let sizes: any = {\r\n        small: 32,\r\n        medium: 48,\r\n        large: 60\r\n    }\r\n    let _size = sizes[size as any] || size\r\n\r\n    let height = (_size / 2)\r\n    trackSize ??= height + 4\r\n    let isNormalSize = (height + 4) === trackSize\r\n    let transform = checked ? \"92%\" : \"8%\"\r\n    if (!isNormalSize) {\r\n        transform = checked ? \"100%\" : \"-10%\"\r\n    }\r\n\r\n    return (\r\n        <Tag\r\n            disabled={disabled}\r\n            sxr={{\r\n                width: _size,\r\n                height: height,\r\n                position: \"relative\",\r\n                cursor: \"pointer\",\r\n                display: \"inline-block\"\r\n            }}\r\n            onClick={onChange}\r\n        >\r\n            <Tag\r\n                {...slotProps?.track}\r\n                baseClass='switch-track-bar'\r\n                sxr={{\r\n                    width: _size,\r\n                    height: trackSize,\r\n                    borderRadius: height,\r\n                    position: 'absolute',\r\n                    top: \"50%\",\r\n                    transform: \"translateY(-50%)\",\r\n                    bgcolor: checked ? color : \"divider\",\r\n\r\n                }}\r\n            >\r\n            </Tag>\r\n            <Tag\r\n                {...slotProps?.thumb}\r\n                baseClass='switch-thumb'\r\n                sxr={{\r\n                    transition: \"all .25s\",\r\n                    width: height,\r\n                    height: height,\r\n                    radius: height,\r\n                    bgcolor: \"#FFFFFF\",\r\n                    position: \"absolute\",\r\n                    top: \"50%\",\r\n                    border: isNormalSize ? 0 : 1,\r\n                    left: 0,\r\n                    transform: `translate(${transform}, -50%)`,\r\n                    display: \"flex\",\r\n                    justifyContent: \"center\",\r\n                    alignItems: \"center\"\r\n                }}\r\n            >\r\n                {\r\n                    icon\r\n                }\r\n            </Tag>\r\n            <Tag\r\n                {...rest}\r\n                component='input'\r\n                ref={ref}\r\n                type=\"radio\"\r\n                readOnly\r\n                checked={checked}\r\n                sxr={{\r\n                    display: \"none!important\"\r\n                }}\r\n            />\r\n        </Tag>\r\n    )\r\n})\r\n\r\nexport default Switch\r\n"],"names":[],"mappings":";;;;;;;;AAmBA;;AACI;;AAEA;AAAU;AACV;AAAW;AACX;AAAc;AACd;AAAe;AACf;AAAU;AACV;AACA;AACA;AACA;AACA;AACA;;;AAKA;AAEA;AACI;AACA;AACA;;;AAIJ;;;;;;;;AAYY;AACA;AACA;AACA;AACA;;AAQI;AACA;AACA;AACA;AACA;AACA;;AAGH;AAOG;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAeA;;AAKpB;;"}
+{"version":3,"file":"index.js","sources":["../../src/Switch/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { ReactElement, useState } from 'react';\r\nimport { Tag, TagProps, useBreakpointProps, UseColorTemplateColor, useInterface, useBreakpointPropsType } from '@xanui/core';\r\n\r\n\r\nexport type SwitchProps = Omit<TagProps<\"input\">, \"color\" | \"size\" | \"component\" | \"type\" | \"checked\"> & {\r\n    checked?: boolean;\r\n    size?: useBreakpointPropsType<number | \"small\" | \"medium\" | \"large\">;\r\n    color?: useBreakpointPropsType<Omit<UseColorTemplateColor, \"default\">>;\r\n    disabled?: useBreakpointPropsType<boolean>;\r\n    trackSize?: useBreakpointPropsType<number>;\r\n    icon?: useBreakpointPropsType<ReactElement>;\r\n    slotProps?: {\r\n        thumb?: Omit<TagProps, 'children'>;\r\n        track?: Omit<TagProps, 'children'>;\r\n    }\r\n}\r\n\r\nconst Switch = React.forwardRef((props: SwitchProps, ref?: React.Ref<any>) => {\r\n    let [{ size, checked, color, disabled, icon, onChange, trackSize, slotProps, ...rest }] = useInterface<any>(\"Switch\", props, {})\r\n    const _p: any = {}\r\n    if (size) _p.size = size\r\n    if (color) _p.color = color\r\n    if (disabled) _p.disabled = disabled\r\n    if (trackSize) _p.trackSize = trackSize\r\n    if (icon) _p.icon = icon\r\n    const p: any = useBreakpointProps(_p)\r\n    size = p.size ?? \"medium\"\r\n    color = p.color ?? \"brand\"\r\n    disabled = p.disabled\r\n    trackSize = p.trackSize\r\n    icon = p.icon\r\n\r\n    const [c, set] = useState(false)\r\n    checked ??= c\r\n\r\n    onChange = onChange || (() => set(!c));\r\n\r\n    let sizes: any = {\r\n        small: 32,\r\n        medium: 48,\r\n        large: 60\r\n    }\r\n    let _size = sizes[size as any] || size\r\n\r\n    let height = (_size / 2)\r\n    trackSize ??= height + 4\r\n    let isNormalSize = (height + 4) === trackSize\r\n    let transform = checked ? \"92%\" : \"8%\"\r\n    if (!isNormalSize) {\r\n        transform = checked ? \"100%\" : \"-10%\"\r\n    }\r\n\r\n    return (\r\n        <Tag\r\n            disabled={disabled}\r\n            sxr={{\r\n                width: _size,\r\n                height: height,\r\n                position: \"relative\",\r\n                cursor: \"pointer\",\r\n                display: \"inline-block\"\r\n            }}\r\n            onClick={onChange}\r\n        >\r\n            <Tag\r\n                {...slotProps?.track}\r\n                baseClass='switch-track-bar'\r\n                sxr={{\r\n                    width: _size,\r\n                    height: trackSize,\r\n                    borderRadius: height,\r\n                    position: 'absolute',\r\n                    top: \"50%\",\r\n                    transform: \"translateY(-50%)\",\r\n                    bgcolor: checked ? color : \"divider\",\r\n\r\n                }}\r\n            >\r\n            </Tag>\r\n            <Tag\r\n                {...slotProps?.thumb}\r\n                baseClass='switch-thumb'\r\n                sxr={{\r\n                    transition: \"all .25s\",\r\n                    width: height,\r\n                    height: height,\r\n                    radius: height,\r\n                    bgcolor: \"#FFFFFF\",\r\n                    position: \"absolute\",\r\n                    top: \"50%\",\r\n                    border: isNormalSize ? 0 : 1,\r\n                    left: 0,\r\n                    transform: `translate(${transform}, -50%)`,\r\n                    display: \"flex\",\r\n                    justifyContent: \"center\",\r\n                    alignItems: \"center\"\r\n                }}\r\n            >\r\n                {\r\n                    icon\r\n                }\r\n            </Tag>\r\n            <Tag\r\n                {...rest}\r\n                component='input'\r\n                ref={ref}\r\n                type=\"radio\"\r\n                readOnly\r\n                checked={checked}\r\n                sxr={{\r\n                    display: \"none!important\"\r\n                }}\r\n            />\r\n        </Tag>\r\n    )\r\n})\r\n\r\nexport default Switch\r\n"],"names":[],"mappings":";;;;;;AAmBA;;AACI;;AAEA;AAAU;AACV;AAAW;AACX;AAAc;AACd;AAAe;AACf;AAAU;AACV;AACA;AACA;AACA;AACA;AACA;;;AAKA;AAEA;AACI;AACA;AACA;;;AAIJ;;;;;;;;AAYY;AACA;AACA;AACA;AACA;;AAQI;AACA;AACA;AACA;AACA;AACA;;AAGH;AAOG;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAeA;;AAKpB;;"}

package/Tab/index.js

@@ -1,17 +1,15 @@
 "use client";
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@xanui/core');
-var index = require('../Button/index.js');
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { useInterface } from '@xanui/core';
+import Button from '../Button/index.js';
 
 const Tab = React.forwardRef((_a, ref) => {
-    var { children } = _a, props = tslib.__rest(_a, ["children"]);
-    let [_props] = core.useInterface("Tab", props, {});
-    return (jsxRuntime.jsx(index, Object.assign({}, _props, { classNames: ["tab", ...((_props === null || _props === void 0 ? void 0 : _props.classNames) || [])], ref: ref, children: children })));
+    var { children } = _a, props = __rest(_a, ["children"]);
+    let [_props] = useInterface("Tab", props, {});
+    return (jsx(Button, Object.assign({}, _props, { classNames: ["tab", ...((_props === null || _props === void 0 ? void 0 : _props.classNames) || [])], ref: ref, children: children })));
 });
 
-module.exports = Tab;
+export { Tab as default };
 //# sourceMappingURL=index.js.map

package/Tab/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Tab/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from 'react'\r\nimport { TagComponentType, useInterface } from '@xanui/core';\r\nimport Button, { ButtonProps } from '../Button';\r\n\r\nexport type TabProps<T extends TagComponentType = \"button\"> = ButtonProps<T> & {\r\n    value?: string | number\r\n}\r\n\r\nconst Tab = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...props }: TabProps<T>, ref: React.Ref<any>) => {\r\n    let [_props] = useInterface<any>(\"Tab\", props, {})\r\n    return (\r\n        <Button\r\n            {..._props}\r\n            classNames={[\"tab\", ...(_props?.classNames || [])]}\r\n            ref={ref}\r\n        >\r\n            {children}\r\n        </Button>\r\n    )\r\n})\r\n\r\nexport default Tab"],"names":[],"mappings":";;;;;;;;;AAUA;AAAkE;AAC9D;AACA;AASJ;;"}
+{"version":3,"file":"index.js","sources":["../../src/Tab/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from 'react'\r\nimport { TagComponentType, useInterface } from '@xanui/core';\r\nimport Button, { ButtonProps } from '../Button';\r\n\r\nexport type TabProps<T extends TagComponentType = \"button\"> = ButtonProps<T> & {\r\n    value?: string | number\r\n}\r\n\r\nconst Tab = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...props }: TabProps<T>, ref: React.Ref<any>) => {\r\n    let [_props] = useInterface<any>(\"Tab\", props, {})\r\n    return (\r\n        <Button\r\n            {..._props}\r\n            classNames={[\"tab\", ...(_props?.classNames || [])]}\r\n            ref={ref}\r\n        >\r\n            {children}\r\n        </Button>\r\n    )\r\n})\r\n\r\nexport default Tab"],"names":[],"mappings":";;;;;;;AAUA;AAAkE;AAC9D;AACA;AASJ;;"}

package/Table/index.js

@@ -1,15 +1,13 @@
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@xanui/core');
-var index = require('../Scrollbar/index.js');
+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.js';
 
 const Table = React.forwardRef((_a, ref) => {
     var _b, _c, _d, _e;
-    var { children } = _a, props = tslib.__rest(_a, ["children"]);
-    let [_f] = core.useInterface("Table", props, {}), { evenColor, size, color, variant, borderType } = _f, rest = tslib.__rest(_f, ["evenColor", "size", "color", "variant", "borderType"]);
+    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;
@@ -21,14 +19,14 @@ const Table = React.forwardRef((_a, ref) => {
         _p.variant = variant;
     if (borderType)
         _p.borderType = borderType;
-    const p = core.useBreakpointProps(_p);
+    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 = core.useColorTemplate(color, variant);
-    const soft = core.useColorTemplate(color, "soft");
+    const main = useColorTemplate(color, variant);
+    const soft = useColorTemplate(color, "soft");
     let sx = {};
     if (evenColor) {
         sx = {
@@ -68,9 +66,9 @@ const Table = React.forwardRef((_a, ref) => {
         },
         none: {}
     };
-    return (jsxRuntime.jsx(index, { style: {
+    return (jsx(Scrollbar, { style: {
             overflowY: "hidden"
-        }, children: jsxRuntime.jsx(core.Tag, Object.assign({}, rest, { baseClass: 'table', sxr: Object.assign(Object.assign({ color: "text.primary", fontSize: size === "small" ? "text" : "text", width: "100%", "& thead, & tfoot": {
+        }, children: jsx(Tag, Object.assign({}, rest, { baseClass: 'table', sxr: Object.assign(Object.assign({ color: "text.primary", fontSize: size === "small" ? "text" : "text", width: "100%", "& thead, & tfoot": {
                     bgcolor: main.primary.bgcolor,
                     "& th": {
                         color: main.primary.color
@@ -84,5 +82,5 @@ const Table = React.forwardRef((_a, ref) => {
                 } }, sx), (rest.sx || {})), component: "table", ref: ref, children: children })) }));
 });
 
-module.exports = Table;
+export { Table as default };
 //# sourceMappingURL=index.js.map

package/Table/index.js.map

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

package/TableBody/index.js

@@ -1,14 +1,12 @@
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@xanui/core');
+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 = tslib.__rest(_a, ["children"]);
-    return (jsxRuntime.jsx(core.Tag, Object.assign({}, rest, { baseClass: 'table-body', component: "tbody", ref: ref, children: children })));
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    return (jsx(Tag, Object.assign({}, rest, { baseClass: 'table-body', component: "tbody", ref: ref, children: children })));
 });
 
-module.exports = TableBody;
+export { TableBody as default };
 //# sourceMappingURL=index.js.map

package/TableBody/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/TableBody/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\r\n\r\nexport type TableBodyProps<T extends TagComponentType = \"tbody\"> = TagProps<T>\r\n\r\nconst TableBody = React.forwardRef(<T extends TagComponentType = \"tbody\">({ children, ...rest }: TableBodyProps<T>, ref: React.Ref<any>) => {\r\n    return (\r\n        <Tag\r\n            {...rest}\r\n            baseClass='table-body'\r\n            component=\"tbody\"\r\n            ref={ref}\r\n        >{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default TableBody"],"names":["__rest","_jsx","Tag"],"mappings":";;;;;;;AAMA,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,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/TableBody/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\r\n\r\nexport type TableBodyProps<T extends TagComponentType = \"tbody\"> = TagProps<T>\r\n\r\nconst TableBody = React.forwardRef(<T extends TagComponentType = \"tbody\">({ children, ...rest }: TableBodyProps<T>, ref: React.Ref<any>) => {\r\n    return (\r\n        <Tag\r\n            {...rest}\r\n            baseClass='table-body'\r\n            component=\"tbody\"\r\n            ref={ref}\r\n        >{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default TableBody"],"names":["_jsx"],"mappings":";;;;;AAMA,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,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC;;;;"}

package/TableCell/index.js

@@ -1,14 +1,12 @@
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@xanui/core');
+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 = 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 })));
+    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 })));
 });
 
-module.exports = TableCell;
+export { TableCell as default };
 //# sourceMappingURL=index.js.map

package/TableCell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/TableCell/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\r\n\r\nexport type TableColumnProps<T extends TagComponentType = \"td\"> = TagProps<T> & {\r\n    th?: boolean\r\n}\r\n\r\nconst TableCell = React.forwardRef(<T extends TagComponentType = \"td\">({ children, th, ...rest }: TableColumnProps<T>, ref: React.Ref<any>) => {\r\n    return (\r\n        <Tag\r\n            {...rest}\r\n            sxr={{\r\n                verticalAlign: \"inherit\",\r\n                textAlign: \"left\",\r\n                fontSize: \"inherit\",\r\n                color: \"text.primary\",\r\n                ...((rest as any)?.sx || {})\r\n            }}\r\n            baseClass='table-cell'\r\n            component={th ? \"th\" : \"td\"} ref={ref}\r\n        >\r\n            {children}\r\n        </Tag>\r\n    )\r\n})\r\n\r\nexport default TableCell"],"names":["__rest","_jsx","Tag"],"mappings":";;;;;;;AAQA,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,QAAA,EAEpC,QAAQ,EAAA,CAAA,CACP;AAEd,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/TableCell/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\r\n\r\nexport type TableColumnProps<T extends TagComponentType = \"td\"> = TagProps<T> & {\r\n    th?: boolean\r\n}\r\n\r\nconst TableCell = React.forwardRef(<T extends TagComponentType = \"td\">({ children, th, ...rest }: TableColumnProps<T>, ref: React.Ref<any>) => {\r\n    return (\r\n        <Tag\r\n            {...rest}\r\n            sxr={{\r\n                verticalAlign: \"inherit\",\r\n                textAlign: \"left\",\r\n                fontSize: \"inherit\",\r\n                color: \"text.primary\",\r\n                ...((rest as any)?.sx || {})\r\n            }}\r\n            baseClass='table-cell'\r\n            component={th ? \"th\" : \"td\"} ref={ref}\r\n        >\r\n            {children}\r\n        </Tag>\r\n    )\r\n})\r\n\r\nexport default TableCell"],"names":["_jsx"],"mappings":";;;;;AAQA,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,QAAA,EAEpC,QAAQ,EAAA,CAAA,CACP;AAEd,CAAC;;;;"}

package/TableFooter/index.js

@@ -1,14 +1,12 @@
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@xanui/core');
+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 = tslib.__rest(_a, ["children"]);
-    return (jsxRuntime.jsx(core.Tag, Object.assign({}, rest, { baseClass: 'table-footer', component: "tfoot", ref: ref, children: children })));
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    return (jsx(Tag, Object.assign({}, rest, { baseClass: 'table-footer', component: "tfoot", ref: ref, children: children })));
 });
 
-module.exports = TableFooter;
+export { TableFooter as default };
 //# sourceMappingURL=index.js.map

package/TableFooter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/TableFooter/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\r\n\r\nexport type TableFooterProps<T extends TagComponentType = \"tfoot\"> = TagProps<T>\r\n\r\nconst TableFooter = React.forwardRef(<T extends TagComponentType = \"tfoot\">({ children, ...rest }: TableFooterProps<T>, ref: React.Ref<any>) => {\r\n    return (\r\n        <Tag\r\n            {...rest}\r\n            baseClass='table-footer'\r\n            component=\"tfoot\"\r\n            ref={ref}\r\n        >{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default TableFooter"],"names":["__rest","_jsx","Tag"],"mappings":";;;;;;;AAMA,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,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/TableFooter/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\r\n\r\nexport type TableFooterProps<T extends TagComponentType = \"tfoot\"> = TagProps<T>\r\n\r\nconst TableFooter = React.forwardRef(<T extends TagComponentType = \"tfoot\">({ children, ...rest }: TableFooterProps<T>, ref: React.Ref<any>) => {\r\n    return (\r\n        <Tag\r\n            {...rest}\r\n            baseClass='table-footer'\r\n            component=\"tfoot\"\r\n            ref={ref}\r\n        >{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default TableFooter"],"names":["_jsx"],"mappings":";;;;;AAMA,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,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC;;;;"}

package/TableHead/index.js

@@ -1,14 +1,12 @@
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@xanui/core');
+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 = tslib.__rest(_a, ["children"]);
-    return (jsxRuntime.jsx(core.Tag, Object.assign({}, rest, { baseClass: 'table-head', component: "thead", ref: ref, children: children })));
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    return (jsx(Tag, Object.assign({}, rest, { baseClass: 'table-head', component: "thead", ref: ref, children: children })));
 });
 
-module.exports = TableHead;
+export { TableHead as default };
 //# sourceMappingURL=index.js.map

package/TableHead/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/TableHead/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\r\n\r\nexport type TableHeadProps<T extends TagComponentType = \"thead\"> = TagProps<T>\r\n\r\nconst TableHead = React.forwardRef(<T extends TagComponentType = \"thead\">({ children, ...rest }: TableHeadProps<T>, ref: React.Ref<any>) => {\r\n    return (\r\n        <Tag\r\n            {...rest}\r\n            baseClass='table-head'\r\n            component=\"thead\"\r\n            ref={ref}\r\n        >{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default TableHead "],"names":["__rest","_jsx","Tag"],"mappings":";;;;;;;AAMA,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,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/TableHead/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\r\n\r\nexport type TableHeadProps<T extends TagComponentType = \"thead\"> = TagProps<T>\r\n\r\nconst TableHead = React.forwardRef(<T extends TagComponentType = \"thead\">({ children, ...rest }: TableHeadProps<T>, ref: React.Ref<any>) => {\r\n    return (\r\n        <Tag\r\n            {...rest}\r\n            baseClass='table-head'\r\n            component=\"thead\"\r\n            ref={ref}\r\n        >{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default TableHead "],"names":["_jsx"],"mappings":";;;;;AAMA,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,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC;;;;"}

package/TablePagination/index.js

@@ -1,26 +1,24 @@
 "use client";
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var index = require('../Text/index.js');
-var index$1 = require('../Select/index.js');
-var index$2 = require('../Option/index.js');
-var index$3 = require('../IconButton/index.js');
-var React = require('react');
-var IconKeyboardArrowLeft = require('@xanui/icons/KeyboardArrowLeft');
-var IconKeyboardArrowRight = require('@xanui/icons/KeyboardArrowRight');
-var core = require('@xanui/core');
+import { __rest } from 'tslib';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import Text from '../Text/index.js';
+import Select from '../Select/index.js';
+import Option from '../Option/index.js';
+import IconButton from '../IconButton/index.js';
+import React, { 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 { page, total, perpage, onChange } = _a, rest = tslib.__rest(_a, ["page", "total", "perpage", "onChange"]);
-    let [_b] = core.useInterface("TablePagination", rest, {}), { perpages, color, variant, slotProps } = _b, props = tslib.__rest(_b, ["perpages", "color", "variant", "slotProps"]);
+    var { page, total, perpage, onChange } = _a, rest = __rest(_a, ["page", "total", "perpage", "onChange"]);
+    let [_b] = useInterface("TablePagination", rest, {}), { perpages, color, variant, slotProps } = _b, props = __rest(_b, ["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]);
     perpage = perpage || perpages[0];
     const isPerpage = perpages[0] && perpages.length >= 1;
-    const chunks = React.useMemo(() => {
+    const chunks = useMemo(() => {
         const chunks = [];
         let _page = 1;
         for (let from = 0; from < total; from += perpage) {
@@ -31,29 +29,29 @@ const TablePagination = React.forwardRef((_a, ref) => {
         return chunks;
     }, [perpage, perpages, total]);
     if (!chunks.length) {
-        return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+        return jsx(Fragment, {});
     }
     const current = chunks[page] || chunks[1];
     const hasNext = !!chunks[page + 1];
     const hasPrev = !!chunks[page - 1];
-    return (jsxRuntime.jsxs(core.Tag, Object.assign({}, props, { sxr: {
+    return (jsxs(Tag, Object.assign({}, props, { sxr: {
             display: "flex",
             flexDirection: "row",
             gap: 1,
             alignItems: "center"
-        }, baseClass: 'table-pagination', ref: ref, children: [isPerpage && jsxRuntime.jsxs(core.Tag, { baseClass: 'table-pagination-perpage', flexBox: true, flexRow: true, gap: 1, alignItems: "center", children: [jsxRuntime.jsx(index, { fontSize: "button", children: "PER PAGE" }), jsxRuntime.jsx(index$1, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.select, { width: (perpage.toString().length * 10) + 60, minWidth: "auto", maxWidth: "auto", value: perpage, onChange: (value) => {
+        }, baseClass: 'table-pagination', ref: ref, children: [isPerpage && jsxs(Tag, { baseClass: 'table-pagination-perpage', flexBox: true, flexRow: true, gap: 1, alignItems: "center", children: [jsx(Text, { fontSize: "button", children: "PER PAGE" }), jsx(Select, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.select, { width: (perpage.toString().length * 10) + 60, minWidth: "auto", maxWidth: "auto", value: perpage, onChange: (value) => {
                             onChange && onChange({ page: 1, perpage: value, from: 1, to: Math.min(value, total) });
-                        }, children: perpages.map((p) => jsxRuntime.jsx(index$2, { value: p, children: p }, p)) }))] }), jsxRuntime.jsxs(core.Tag, { sxr: {
+                        }, children: perpages.map((p) => jsx(Option, { value: p, children: p }, p)) }))] }), jsxs(Tag, { sxr: {
                     display: "flex",
                     flexDirection: "row",
                     gap: 1,
                     alignItems: 'center'
-                }, children: [jsxRuntime.jsxs(index, { fontSize: "button", children: [current === null || current === void 0 ? void 0 : current.from, "-", current.to] }), jsxRuntime.jsx(index, { color: "text.secondary", children: "of" }), jsxRuntime.jsx(index, { fontSize: "button", children: total })] }), jsxRuntime.jsxs(core.Tag, { baseClass: 'table-pagination-navigation', flexBox: true, flexRow: true, gap: .4, children: [jsxRuntime.jsx(index$3, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.button, { color: color, variant: variant, size: 30, disabled: !hasPrev, onClick: () => {
+                }, children: [jsxs(Text, { fontSize: "button", children: [current === null || current === void 0 ? void 0 : current.from, "-", current.to] }), jsx(Text, { color: "text.secondary", children: "of" }), jsx(Text, { fontSize: "button", children: total })] }), jsxs(Tag, { 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: !hasPrev, onClick: () => {
                             onChange && onChange(chunks[page - 1]);
-                        }, children: jsxRuntime.jsx(IconKeyboardArrowLeft, {}) })), jsxRuntime.jsx(index$3, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.button, { color: color, variant: variant, size: 30, disabled: !hasNext, onClick: () => {
+                        }, children: jsx(IconKeyboardArrowLeft, {}) })), jsx(IconButton, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.button, { color: color, variant: variant, size: 30, disabled: !hasNext, onClick: () => {
                             onChange && onChange(chunks[page + 1]);
-                        }, children: jsxRuntime.jsx(IconKeyboardArrowRight, {}) }))] })] })));
+                        }, children: jsx(IconKeyboardArrowRight, {}) }))] })] })));
 });
 
-module.exports = TablePagination;
+export { TablePagination as default };
 //# sourceMappingURL=index.js.map

package/TablePagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/TablePagination/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport Text from '../Text'\r\nimport Select, { SelectProps } from '../Select'\r\nimport Option from '../Option'\r\nimport IconButton, { IconButtonProps } from '../IconButton'\r\nimport React, { useMemo } from 'react'\r\nimport PrevIcon from '@xanui/icons/KeyboardArrowLeft'\r\nimport NextIcon from '@xanui/icons/KeyboardArrowRight'\r\nimport { TagProps, Tag, useInterface, UseColorTemplateColor, UseColorTemplateType, useBreakpointPropsType } from '@xanui/core';\r\n\r\n\r\nexport type TablePaginationState = { page: number, perpage: number, from: number, to: number }\r\nexport type TablePaginationProps = Omit<TagProps, \"children\" | \"onChange\"> & {\r\n    page: number;\r\n    total: number;\r\n    perpage?: number;\r\n    perpages?: number[];\r\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\r\n    variant?: useBreakpointPropsType<UseColorTemplateType>;\r\n    onChange?: (state: TablePaginationState) => void;\r\n\r\n    slotProps?: {\r\n        button?: Omit<IconButtonProps, \"children\" | \"color\" | \"variant\">;\r\n        select?: Omit<SelectProps, \"value\" | \"onChange\" | \"children\">;\r\n    }\r\n}\r\n\r\nconst TablePagination = React.forwardRef(({ page, total, perpage, onChange, ...rest }: TablePaginationProps, ref: React.Ref<any>) => {\r\n    let [{ perpages, color, variant, slotProps, ...props }] = useInterface<any>(\"TablePagination\", rest, {})\r\n    color ??= \"default\"\r\n    variant ??= \"fill\"\r\n    perpages ??= [30, 50, 100]\r\n    perpage = perpage || perpages[0] as number\r\n    const isPerpage = perpages[0] && perpages.length >= 1\r\n\r\n\r\n    const chunks = useMemo(() => {\r\n        const chunks: any = [];\r\n        let _page = 1;\r\n        for (let from = 0; from < total; from += perpage) {\r\n            const to = Math.min(from + perpage, total)\r\n            chunks[_page] = { from: from + 1, to, page: _page, perpage }\r\n            _page++\r\n        }\r\n        return chunks\r\n    }, [perpage, perpages, total])\r\n\r\n    if (!chunks.length) {\r\n        return <></>\r\n    }\r\n\r\n    const current = chunks[page] || chunks[1]\r\n    const hasNext = !!chunks[page + 1]\r\n    const hasPrev = !!chunks[page - 1]\r\n\r\n    return (\r\n        <Tag\r\n            {...props}\r\n            sxr={{\r\n                display: \"flex\",\r\n                flexDirection: \"row\",\r\n                gap: 1,\r\n                alignItems: \"center\"\r\n            }}\r\n            baseClass='table-pagination'\r\n            ref={ref}\r\n        >\r\n            {\r\n                isPerpage && <Tag baseClass='table-pagination-perpage' flexBox flexRow gap={1} alignItems=\"center\">\r\n                    <Text fontSize=\"button\">PER PAGE</Text>\r\n                    <Select\r\n                        {...slotProps?.select}\r\n                        width={(perpage.toString().length * 10) + 60}\r\n                        minWidth={\"auto\"}\r\n                        maxWidth={\"auto\"}\r\n                        value={perpage}\r\n                        onChange={(value: any) => {\r\n                            onChange && onChange({ page: 1, perpage: value, from: 1, to: Math.min(value, total) })\r\n                        }}\r\n                    >\r\n                        {perpages.map((p: number) => <Option key={p} value={p}>{p}</Option>)}\r\n                    </Select>\r\n                </Tag>\r\n            }\r\n            <Tag\r\n                sxr={{\r\n                    display: \"flex\",\r\n                    flexDirection: \"row\",\r\n                    gap: 1,\r\n                    alignItems: 'center'\r\n                }}\r\n            >\r\n                <Text fontSize=\"button\">{current?.from}-{current.to}</Text>\r\n                <Text color=\"text.secondary\">of</Text>\r\n                <Text fontSize=\"button\">{total}</Text>\r\n            </Tag>\r\n            <Tag baseClass='table-pagination-navigation' flexBox flexRow gap={.4} >\r\n                <IconButton\r\n                    {...slotProps?.button}\r\n                    color={color}\r\n                    variant={variant}\r\n                    size={30}\r\n                    disabled={!hasPrev}\r\n                    onClick={() => {\r\n                        onChange && onChange(chunks[page - 1]);\r\n                    }}\r\n                >\r\n                    <PrevIcon />\r\n                </IconButton>\r\n                <IconButton\r\n                    {...slotProps?.button}\r\n                    color={color}\r\n                    variant={variant}\r\n                    size={30}\r\n                    disabled={!hasNext}\r\n                    onClick={() => {\r\n                        onChange && onChange(chunks[page + 1]);\r\n                    }}\r\n                >\r\n                    <NextIcon />\r\n                </IconButton>\r\n            </Tag>\r\n        </Tag>\r\n    )\r\n})\r\n\r\nexport default TablePagination"],"names":[],"mappings":";;;;;;;;;;;;;;AA4BA;AAA0C;;;;AAItC;AACA;AACA;AAGA;;;AAGI;AACI;AACA;AACA;;AAEJ;;AAGJ;AACI;;;;;AAOJ;AAIY;AACA;AACA;AACA;AACH;AAce;AACJ;AAQJ;AACA;AACA;AACA;AACH;;AAeG;;;AAmBpB;;"}
+{"version":3,"file":"index.js","sources":["../../src/TablePagination/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport Text from '../Text'\r\nimport Select, { SelectProps } from '../Select'\r\nimport Option from '../Option'\r\nimport IconButton, { IconButtonProps } from '../IconButton'\r\nimport React, { useMemo } from 'react'\r\nimport PrevIcon from '@xanui/icons/KeyboardArrowLeft'\r\nimport NextIcon from '@xanui/icons/KeyboardArrowRight'\r\nimport { TagProps, Tag, useInterface, UseColorTemplateColor, UseColorTemplateType, useBreakpointPropsType } from '@xanui/core';\r\n\r\n\r\nexport type TablePaginationState = { page: number, perpage: number, from: number, to: number }\r\nexport type TablePaginationProps = Omit<TagProps, \"children\" | \"onChange\"> & {\r\n    page: number;\r\n    total: number;\r\n    perpage?: number;\r\n    perpages?: number[];\r\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\r\n    variant?: useBreakpointPropsType<UseColorTemplateType>;\r\n    onChange?: (state: TablePaginationState) => void;\r\n\r\n    slotProps?: {\r\n        button?: Omit<IconButtonProps, \"children\" | \"color\" | \"variant\">;\r\n        select?: Omit<SelectProps, \"value\" | \"onChange\" | \"children\">;\r\n    }\r\n}\r\n\r\nconst TablePagination = React.forwardRef(({ page, total, perpage, onChange, ...rest }: TablePaginationProps, ref: React.Ref<any>) => {\r\n    let [{ perpages, color, variant, slotProps, ...props }] = useInterface<any>(\"TablePagination\", rest, {})\r\n    color ??= \"default\"\r\n    variant ??= \"fill\"\r\n    perpages ??= [30, 50, 100]\r\n    perpage = perpage || perpages[0] as number\r\n    const isPerpage = perpages[0] && perpages.length >= 1\r\n\r\n\r\n    const chunks = useMemo(() => {\r\n        const chunks: any = [];\r\n        let _page = 1;\r\n        for (let from = 0; from < total; from += perpage) {\r\n            const to = Math.min(from + perpage, total)\r\n            chunks[_page] = { from: from + 1, to, page: _page, perpage }\r\n            _page++\r\n        }\r\n        return chunks\r\n    }, [perpage, perpages, total])\r\n\r\n    if (!chunks.length) {\r\n        return <></>\r\n    }\r\n\r\n    const current = chunks[page] || chunks[1]\r\n    const hasNext = !!chunks[page + 1]\r\n    const hasPrev = !!chunks[page - 1]\r\n\r\n    return (\r\n        <Tag\r\n            {...props}\r\n            sxr={{\r\n                display: \"flex\",\r\n                flexDirection: \"row\",\r\n                gap: 1,\r\n                alignItems: \"center\"\r\n            }}\r\n            baseClass='table-pagination'\r\n            ref={ref}\r\n        >\r\n            {\r\n                isPerpage && <Tag baseClass='table-pagination-perpage' flexBox flexRow gap={1} alignItems=\"center\">\r\n                    <Text fontSize=\"button\">PER PAGE</Text>\r\n                    <Select\r\n                        {...slotProps?.select}\r\n                        width={(perpage.toString().length * 10) + 60}\r\n                        minWidth={\"auto\"}\r\n                        maxWidth={\"auto\"}\r\n                        value={perpage}\r\n                        onChange={(value: any) => {\r\n                            onChange && onChange({ page: 1, perpage: value, from: 1, to: Math.min(value, total) })\r\n                        }}\r\n                    >\r\n                        {perpages.map((p: number) => <Option key={p} value={p}>{p}</Option>)}\r\n                    </Select>\r\n                </Tag>\r\n            }\r\n            <Tag\r\n                sxr={{\r\n                    display: \"flex\",\r\n                    flexDirection: \"row\",\r\n                    gap: 1,\r\n                    alignItems: 'center'\r\n                }}\r\n            >\r\n                <Text fontSize=\"button\">{current?.from}-{current.to}</Text>\r\n                <Text color=\"text.secondary\">of</Text>\r\n                <Text fontSize=\"button\">{total}</Text>\r\n            </Tag>\r\n            <Tag baseClass='table-pagination-navigation' flexBox flexRow gap={.4} >\r\n                <IconButton\r\n                    {...slotProps?.button}\r\n                    color={color}\r\n                    variant={variant}\r\n                    size={30}\r\n                    disabled={!hasPrev}\r\n                    onClick={() => {\r\n                        onChange && onChange(chunks[page - 1]);\r\n                    }}\r\n                >\r\n                    <PrevIcon />\r\n                </IconButton>\r\n                <IconButton\r\n                    {...slotProps?.button}\r\n                    color={color}\r\n                    variant={variant}\r\n                    size={30}\r\n                    disabled={!hasNext}\r\n                    onClick={() => {\r\n                        onChange && onChange(chunks[page + 1]);\r\n                    }}\r\n                >\r\n                    <NextIcon />\r\n                </IconButton>\r\n            </Tag>\r\n        </Tag>\r\n    )\r\n})\r\n\r\nexport default TablePagination"],"names":[],"mappings":";;;;;;;;;;;;AA4BA;AAA0C;;;;AAItC;AACA;AACA;AAGA;;;AAGI;AACI;AACA;AACA;;AAEJ;;AAGJ;AACI;;;;;AAOJ;AAIY;AACA;AACA;AACA;AACH;AAce;AACJ;AAQJ;AACA;AACA;AACA;AACH;;AAeG;;;AAmBpB;;"}

package/TableRow/index.js

@@ -1,14 +1,12 @@
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@xanui/core');
+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 = tslib.__rest(_a, ["children"]);
-    return (jsxRuntime.jsx(core.Tag, Object.assign({ baseClass: 'table-row', verticalAlign: "middle" }, rest, { component: "tr", ref: ref, children: children })));
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    return (jsx(Tag, Object.assign({ baseClass: 'table-row', verticalAlign: "middle" }, rest, { component: "tr", ref: ref, children: children })));
 });
 
-module.exports = TableRow;
+export { TableRow as default };
 //# sourceMappingURL=index.js.map