@xanui/ui 1.1.14 → 1.1.16

package/Portal/index.mjs

@@ -1,4 +1,10 @@
-import {jsx}from'react/jsx-runtime';import {useMemo,useEffect}from'react';import ReactDOM from'react-dom';import {useTheme,ThemeProvider}from'@xanui/core';const Portal = ({ children, appendTo, container }) => {
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useMemo, useEffect } from 'react';
+import ReactDOM from 'react-dom';
+import { useTheme, ThemeProvider } from '@xanui/core';
+
+const Portal = ({ children, appendTo, container }) => {
     const theme = useTheme();
     appendTo = appendTo || document.body;
     const c = useMemo(() => {
@@ -13,4 +19,7 @@ import {jsx}from'react/jsx-runtime';import {useMemo,useEffect}from'react';import
         };
     }, []);
     return ReactDOM.createPortal(jsx(ThemeProvider, { theme: theme.name, children: children }), c);
-};export{Portal as default};//# sourceMappingURL=index.mjs.map
+};
+
+export { Portal as default };
+//# sourceMappingURL=index.mjs.map

package/Portal/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Portal/index.tsx"],"sourcesContent":["\nimport React, { useEffect, useMemo } from 'react'\nimport ReactDOM from 'react-dom';\nimport { useTheme, ThemeProvider } from '@xanui/core';\nexport type PortalProps = {\n    children?: React.ReactNode;\n    appendTo?: HTMLElement;\n    container?: HTMLElement;\n}\n\nconst Portal = ({ children, appendTo, container }: PortalProps) => {\n    const theme = useTheme()\n    appendTo = appendTo || document.body\n\n    const c = useMemo(() => {\n        let _con: HTMLElement = container || document.createElement(\"div\");\n        appendTo.appendChild(_con);\n        _con.className = \"xui-portal\"\n        return _con\n    }, [])\n\n    useEffect(() => {\n        return () => {\n            (appendTo as any).removeChild(c);\n        }\n    }, [])\n\n    return ReactDOM.createPortal(\n        <ThemeProvider theme={theme.name}>\n            {children}\n        </ThemeProvider>,\n        c,\n    );\n}\n\nexport default Portal"],"names":["_jsx"],"mappings":"2JAUA,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAe,KAAI;AAC9D,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;AACxB,IAAA,QAAQ,GAAG,QAAQ,IAAI,QAAQ,CAAC,IAAI;AAEpC,IAAA,MAAM,CAAC,GAAG,OAAO,CAAC,MAAK;QACnB,IAAI,IAAI,GAAgB,SAAS,IAAI,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AAClE,QAAA,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,YAAY;AAC7B,QAAA,OAAO,IAAI;IACf,CAAC,EAAE,EAAE,CAAC;IAEN,SAAS,CAAC,MAAK;AACX,QAAA,OAAO,MAAK;AACP,YAAA,QAAgB,CAAC,WAAW,CAAC,CAAC,CAAC;AACpC,QAAA,CAAC;IACL,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,OAAO,QAAQ,CAAC,YAAY,CACxBA,GAAA,CAAC,aAAa,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAA,QAAA,EAC3B,QAAQ,GACG,EAChB,CAAC,CACJ;AACL"}
+{"version":3,"file":"index.mjs","sources":["../../src/Portal/index.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { useEffect, useMemo } from 'react'\r\nimport ReactDOM from 'react-dom';\r\nimport { useTheme, ThemeProvider } from '@xanui/core';\r\nexport type PortalProps = {\r\n    children?: React.ReactNode;\r\n    appendTo?: HTMLElement;\r\n    container?: HTMLElement;\r\n}\r\n\r\nconst Portal = ({ children, appendTo, container }: PortalProps) => {\r\n    const theme = useTheme()\r\n    appendTo = appendTo || document.body\r\n\r\n    const c = useMemo(() => {\r\n        let _con: HTMLElement = container || document.createElement(\"div\");\r\n        appendTo.appendChild(_con);\r\n        _con.className = \"xui-portal\"\r\n        return _con\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        return () => {\r\n            (appendTo as any).removeChild(c);\r\n        }\r\n    }, [])\r\n\r\n    return ReactDOM.createPortal(\r\n        <ThemeProvider theme={theme.name}>\r\n            {children}\r\n        </ThemeProvider>,\r\n        c,\r\n    );\r\n}\r\n\r\nexport default Portal"],"names":[],"mappings":";;;;;;AAUA;AACI;AACA;AAEA;;AAEI;AACA;AACA;;;AAIA;AACK;AACL;;AAGJ;AAMJ;;"}

package/Radio/index.js

@@ -1,4 +1,16 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var jsxRuntime=require('react/jsx-runtime'),React=require('react'),core=require('@xanui/core'),CheckIcon=require('@xanui/icons/RadioButtonChecked'),UnCheckIcon=require('@xanui/icons/RadioButtonUnchecked'),index=require('../Checkbox/index.js');const Radio = React.forwardRef((props, ref) => {
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@xanui/core');
+var CheckIcon = require('@xanui/icons/RadioButtonChecked');
+var UnCheckIcon = require('@xanui/icons/RadioButtonUnchecked');
+var index = require('../Checkbox/index.js');
+
+const Radio = React.forwardRef((props, ref) => {
     let [rest] = core.useInterface("Radio", props, {});
-    return jsxRuntime.jsx(index.default, Object.assign({ checkIcon: jsxRuntime.jsx(CheckIcon, {}), uncheckIcon: jsxRuntime.jsx(UnCheckIcon, {}) }, rest, { type: "radio", ref: ref, classNames: ['radio', ...((rest === null || rest === void 0 ? void 0 : rest.classNames) || [])] }));
-});exports.default=Radio;//# sourceMappingURL=index.js.map
+    return jsxRuntime.jsx(index, Object.assign({ checkIcon: jsxRuntime.jsx(CheckIcon, {}), uncheckIcon: jsxRuntime.jsx(UnCheckIcon, {}) }, rest, { type: "radio", ref: ref, classNames: ['radio', ...((rest === null || rest === void 0 ? void 0 : rest.classNames) || [])] }));
+});
+
+module.exports = Radio;
+//# sourceMappingURL=index.js.map

package/Radio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Radio/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { useInterface } from '@xanui/core';\nimport CheckIcon from '@xanui/icons/RadioButtonChecked'\nimport UnCheckIcon from '@xanui/icons/RadioButtonUnchecked'\nimport Checkbox, { CheckboxProps } from '../Checkbox';\n\nexport type RadioProps = CheckboxProps\nconst Radio = React.forwardRef((props: RadioProps, ref?: React.Ref<any>) => {\n    let [rest] = useInterface<any>(\"Radio\", props, {})\n    return <Checkbox\n        checkIcon={<CheckIcon />}\n        uncheckIcon={<UnCheckIcon />}\n        {...rest}\n        type=\"radio\"\n        ref={ref}\n        classNames={['radio', ...(rest?.classNames || [])]}\n    />\n})\n\nexport default Radio\n"],"names":["useInterface","_jsx","Checkbox"],"mappings":"yTAQA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAiB,EAAE,GAAoB,KAAI;AACvE,IAAA,IAAI,CAAC,IAAI,CAAC,GAAGA,iBAAY,CAAM,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC;IAClD,OAAOC,cAAA,CAACC,aAAQ,EAAA,MAAA,CAAA,MAAA,CAAA,EACZ,SAAS,EAAED,cAAA,CAAC,SAAS,KAAG,EACxB,WAAW,EAAEA,cAAA,CAAC,WAAW,KAAG,EAAA,EACxB,IAAI,IACR,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAA,IAAI,aAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,UAAU,KAAI,EAAE,CAAC,CAAC,EAAA,CAAA,CACpD;AACN,CAAC"}
+{"version":3,"file":"index.js","sources":["../../src/Radio/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { useInterface } from '@xanui/core';\r\nimport CheckIcon from '@xanui/icons/RadioButtonChecked'\r\nimport UnCheckIcon from '@xanui/icons/RadioButtonUnchecked'\r\nimport Checkbox, { CheckboxProps } from '../Checkbox';\r\n\r\nexport type RadioProps = CheckboxProps\r\nconst Radio = React.forwardRef((props: RadioProps, ref?: React.Ref<any>) => {\r\n    let [rest] = useInterface<any>(\"Radio\", props, {})\r\n    return <Checkbox\r\n        checkIcon={<CheckIcon />}\r\n        uncheckIcon={<UnCheckIcon />}\r\n        {...rest}\r\n        type=\"radio\"\r\n        ref={ref}\r\n        classNames={['radio', ...(rest?.classNames || [])]}\r\n    />\r\n})\r\n\r\nexport default Radio\r\n"],"names":["useInterface","_jsx","Checkbox"],"mappings":";;;;;;;;;AAQA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAiB,EAAE,GAAoB,KAAI;AACvE,IAAA,IAAI,CAAC,IAAI,CAAC,GAAGA,iBAAY,CAAM,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC;IAClD,OAAOC,cAAA,CAACC,KAAQ,EAAA,MAAA,CAAA,MAAA,CAAA,EACZ,SAAS,EAAED,cAAA,CAAC,SAAS,KAAG,EACxB,WAAW,EAAEA,cAAA,CAAC,WAAW,KAAG,EAAA,EACxB,IAAI,IACR,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAA,IAAI,aAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,UAAU,KAAI,EAAE,CAAC,CAAC,EAAA,CAAA,CACpD;AACN,CAAC;;;;"}

package/Radio/index.mjs

@@ -1,4 +1,14 @@
-import {jsx}from'react/jsx-runtime';import React from'react';import {useInterface}from'@xanui/core';import CheckIcon from'@xanui/icons/RadioButtonChecked';import UnCheckIcon from'@xanui/icons/RadioButtonUnchecked';import Checkbox from'../Checkbox/index.mjs';const Radio = React.forwardRef((props, ref) => {
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { useInterface } from '@xanui/core';
+import CheckIcon from '@xanui/icons/RadioButtonChecked';
+import UnCheckIcon from '@xanui/icons/RadioButtonUnchecked';
+import Checkbox from '../Checkbox/index.mjs';
+
+const Radio = React.forwardRef((props, ref) => {
     let [rest] = useInterface("Radio", props, {});
     return jsx(Checkbox, Object.assign({ checkIcon: jsx(CheckIcon, {}), uncheckIcon: jsx(UnCheckIcon, {}) }, rest, { type: "radio", ref: ref, classNames: ['radio', ...((rest === null || rest === void 0 ? void 0 : rest.classNames) || [])] }));
-});export{Radio as default};//# sourceMappingURL=index.mjs.map
+});
+
+export { Radio as default };
+//# sourceMappingURL=index.mjs.map

package/Radio/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Radio/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { useInterface } from '@xanui/core';\nimport CheckIcon from '@xanui/icons/RadioButtonChecked'\nimport UnCheckIcon from '@xanui/icons/RadioButtonUnchecked'\nimport Checkbox, { CheckboxProps } from '../Checkbox';\n\nexport type RadioProps = CheckboxProps\nconst Radio = React.forwardRef((props: RadioProps, ref?: React.Ref<any>) => {\n    let [rest] = useInterface<any>(\"Radio\", props, {})\n    return <Checkbox\n        checkIcon={<CheckIcon />}\n        uncheckIcon={<UnCheckIcon />}\n        {...rest}\n        type=\"radio\"\n        ref={ref}\n        classNames={['radio', ...(rest?.classNames || [])]}\n    />\n})\n\nexport default Radio\n"],"names":["_jsx"],"mappings":"kQAQA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAiB,EAAE,GAAoB,KAAI;AACvE,IAAA,IAAI,CAAC,IAAI,CAAC,GAAG,YAAY,CAAM,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC;IAClD,OAAOA,GAAA,CAAC,QAAQ,EAAA,MAAA,CAAA,MAAA,CAAA,EACZ,SAAS,EAAEA,GAAA,CAAC,SAAS,KAAG,EACxB,WAAW,EAAEA,GAAA,CAAC,WAAW,KAAG,EAAA,EACxB,IAAI,IACR,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAA,IAAI,aAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,UAAU,KAAI,EAAE,CAAC,CAAC,EAAA,CAAA,CACpD;AACN,CAAC"}
+{"version":3,"file":"index.mjs","sources":["../../src/Radio/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { useInterface } from '@xanui/core';\r\nimport CheckIcon from '@xanui/icons/RadioButtonChecked'\r\nimport UnCheckIcon from '@xanui/icons/RadioButtonUnchecked'\r\nimport Checkbox, { CheckboxProps } from '../Checkbox';\r\n\r\nexport type RadioProps = CheckboxProps\r\nconst Radio = React.forwardRef((props: RadioProps, ref?: React.Ref<any>) => {\r\n    let [rest] = useInterface<any>(\"Radio\", props, {})\r\n    return <Checkbox\r\n        checkIcon={<CheckIcon />}\r\n        uncheckIcon={<UnCheckIcon />}\r\n        {...rest}\r\n        type=\"radio\"\r\n        ref={ref}\r\n        classNames={['radio', ...(rest?.classNames || [])]}\r\n    />\r\n})\r\n\r\nexport default Radio\r\n"],"names":["_jsx"],"mappings":";;;;;;;AAQA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAiB,EAAE,GAAoB,KAAI;AACvE,IAAA,IAAI,CAAC,IAAI,CAAC,GAAG,YAAY,CAAM,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC;IAClD,OAAOA,GAAA,CAAC,QAAQ,EAAA,MAAA,CAAA,MAAA,CAAA,EACZ,SAAS,EAAEA,GAAA,CAAC,SAAS,KAAG,EACxB,WAAW,EAAEA,GAAA,CAAC,WAAW,KAAG,EAAA,EACxB,IAAI,IACR,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAA,IAAI,aAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,UAAU,KAAI,EAAE,CAAC,CAAC,EAAA,CAAA,CACpD;AACN,CAAC;;;;"}

package/Scrollbar/index.js

@@ -1,4 +1,12 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),core=require('@xanui/core'),React=require('react');const Scrollbar = React.forwardRef((_a, ref) => {
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@xanui/core');
+var React = require('react');
+
+const Scrollbar = React.forwardRef((_a, ref) => {
     var { children } = _a, rest = tslib.__rest(_a, ["children"]);
     let [_b] = core.useInterface("Scrollbar", rest, {}), { onScroll, onScrollEnd } = _b, props = tslib.__rest(_b, ["onScroll", "onScrollEnd"]);
     const innerRef = React.useRef(null);
@@ -45,4 +53,7 @@
             width: "100%",
             overflow: "auto",
         }, children: children })));
-});exports.default=Scrollbar;//# sourceMappingURL=index.js.map
+});
+
+module.exports = Scrollbar;
+//# sourceMappingURL=index.js.map

package/Scrollbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Scrollbar/index.tsx"],"sourcesContent":["\nimport { Tag, TagComponentType, TagProps, useInterface } from '@xanui/core';\nimport React, { ReactNode, UIEvent, useImperativeHandle, useRef } from 'react'\n\nexport type ScrollbarProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\n    children?: ReactNode;\n    onScrollEnd?: (e: UIEvent<HTMLDivElement>) => void;\n}\n\nexport type ScrollbarHandle = {\n    scrollTo: (pos: number) => void;\n    scrollToBottom: () => void;\n    scrollToTop: () => void;\n};\n\nconst Scrollbar = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...rest }: ScrollbarProps<T>, ref: React.Ref<ScrollbarHandle>) => {\n    let [{ onScroll, onScrollEnd, ...props }] = useInterface<any>(\"Scrollbar\", rest, {})\n    const innerRef = useRef<HTMLDivElement>(null);\n\n    useImperativeHandle(ref, () => ({\n        scrollTo(pos: number) {\n            innerRef.current?.scrollTo({\n                top: pos,\n                behavior: \"smooth\"\n            });\n        },\n        scrollToBottom() {\n            if (!innerRef.current) return;\n            const ele = innerRef.current;\n            ele.scrollTo({\n                top: ele.scrollHeight,\n                behavior: \"smooth\"\n            });\n        },\n        scrollToTop() {\n            innerRef.current?.scrollTo({\n                top: 0,\n                behavior: \"smooth\"\n            });\n        }\n    }));\n\n    if (onScroll || onScrollEnd) {\n        props.onScroll = (e: UIEvent<HTMLDivElement>) => {\n            if (onScrollEnd) {\n                const ele: any = e.target\n                const scrollTop = ele.scrollTop\n                const scrollHeight = ele.scrollHeight\n                const clientHeight = ele.clientHeight\n                const isScrollDown = scrollHeight - scrollTop <= clientHeight + 1\n                isScrollDown && onScrollEnd(e)\n            }\n            onScroll && onScroll(e)\n        }\n    }\n\n    return (\n        <Tag\n            {...props}\n            ref={innerRef}\n            baseClass='scrollbar'\n            sxr={{\n                height: \"100%\",\n                width: \"100%\",\n                overflow: \"auto\",\n            }}\n        >\n            {children}\n        </Tag>\n    )\n})\n\nexport default Scrollbar "],"names":["__rest","useInterface","useRef","useImperativeHandle","_jsx","Tag"],"mappings":"4LAeA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAwC,EAAE,GAA+B,KAAI;AAA7E,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACvF,IAAI,CAAA,EAAA,CAAA,GAAwCC,iBAAY,CAAM,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,EAA/E,EAAE,QAAQ,EAAE,WAAW,EAAA,GAAA,EAAY,EAAP,KAAK,GAAAD,YAAA,CAAA,EAAA,EAAjC,CAAA,UAAA,EAAA,aAAA,CAAmC,CAA4C;AACpF,IAAA,MAAM,QAAQ,GAAGE,YAAM,CAAiB,IAAI,CAAC;AAE7C,IAAAC,yBAAmB,CAAC,GAAG,EAAE,OAAO;AAC5B,QAAA,QAAQ,CAAC,GAAW,EAAA;;AAChB,YAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC;AACvB,gBAAA,GAAG,EAAE,GAAG;AACR,gBAAA,QAAQ,EAAE;AACb,aAAA,CAAC;QACN,CAAC;QACD,cAAc,GAAA;YACV,IAAI,CAAC,QAAQ,CAAC,OAAO;gBAAE;AACvB,YAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,OAAO;YAC5B,GAAG,CAAC,QAAQ,CAAC;gBACT,GAAG,EAAE,GAAG,CAAC,YAAY;AACrB,gBAAA,QAAQ,EAAE;AACb,aAAA,CAAC;QACN,CAAC;QACD,WAAW,GAAA;;AACP,YAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC;AACvB,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,QAAQ,EAAE;AACb,aAAA,CAAC;QACN;AACH,KAAA,CAAC,CAAC;AAEH,IAAA,IAAI,QAAQ,IAAI,WAAW,EAAE;AACzB,QAAA,KAAK,CAAC,QAAQ,GAAG,CAAC,CAA0B,KAAI;YAC5C,IAAI,WAAW,EAAE;AACb,gBAAA,MAAM,GAAG,GAAQ,CAAC,CAAC,MAAM;AACzB,gBAAA,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS;AAC/B,gBAAA,MAAM,YAAY,GAAG,GAAG,CAAC,YAAY;AACrC,gBAAA,MAAM,YAAY,GAAG,GAAG,CAAC,YAAY;gBACrC,MAAM,YAAY,GAAG,YAAY,GAAG,SAAS,IAAI,YAAY,GAAG,CAAC;AACjE,gBAAA,YAAY,IAAI,WAAW,CAAC,CAAC,CAAC;YAClC;AACA,YAAA,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC;AAC3B,QAAA,CAAC;IACL;AAEA,IAAA,QACIC,cAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,KAAK,EAAA,EACT,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,WAAW,EACrB,GAAG,EAAE;AACD,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,QAAQ,EAAE,MAAM;SACnB,EAAA,QAAA,EAEA,QAAQ,EAAA,CAAA,CACP;AAEd,CAAC"}
+{"version":3,"file":"index.js","sources":["../../src/Scrollbar/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Tag, TagComponentType, TagProps, useInterface } from '@xanui/core';\r\nimport React, { ReactNode, UIEvent, useImperativeHandle, useRef } from 'react'\r\n\r\nexport type ScrollbarProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\r\n    children?: ReactNode;\r\n    onScrollEnd?: (e: UIEvent<HTMLDivElement>) => void;\r\n}\r\n\r\nexport type ScrollbarHandle = {\r\n    scrollTo: (pos: number) => void;\r\n    scrollToBottom: () => void;\r\n    scrollToTop: () => void;\r\n};\r\n\r\nconst Scrollbar = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...rest }: ScrollbarProps<T>, ref: React.Ref<ScrollbarHandle>) => {\r\n    let [{ onScroll, onScrollEnd, ...props }] = useInterface<any>(\"Scrollbar\", rest, {})\r\n    const innerRef = useRef<HTMLDivElement>(null);\r\n\r\n    useImperativeHandle(ref, () => ({\r\n        scrollTo(pos: number) {\r\n            innerRef.current?.scrollTo({\r\n                top: pos,\r\n                behavior: \"smooth\"\r\n            });\r\n        },\r\n        scrollToBottom() {\r\n            if (!innerRef.current) return;\r\n            const ele = innerRef.current;\r\n            ele.scrollTo({\r\n                top: ele.scrollHeight,\r\n                behavior: \"smooth\"\r\n            });\r\n        },\r\n        scrollToTop() {\r\n            innerRef.current?.scrollTo({\r\n                top: 0,\r\n                behavior: \"smooth\"\r\n            });\r\n        }\r\n    }));\r\n\r\n    if (onScroll || onScrollEnd) {\r\n        props.onScroll = (e: UIEvent<HTMLDivElement>) => {\r\n            if (onScrollEnd) {\r\n                const ele: any = e.target\r\n                const scrollTop = ele.scrollTop\r\n                const scrollHeight = ele.scrollHeight\r\n                const clientHeight = ele.clientHeight\r\n                const isScrollDown = scrollHeight - scrollTop <= clientHeight + 1\r\n                isScrollDown && onScrollEnd(e)\r\n            }\r\n            onScroll && onScroll(e)\r\n        }\r\n    }\r\n\r\n    return (\r\n        <Tag\r\n            {...props}\r\n            ref={innerRef}\r\n            baseClass='scrollbar'\r\n            sxr={{\r\n                height: \"100%\",\r\n                width: \"100%\",\r\n                overflow: \"auto\",\r\n            }}\r\n        >\r\n            {children}\r\n        </Tag>\r\n    )\r\n})\r\n\r\nexport default Scrollbar "],"names":[],"mappings":";;;;;;;;AAgBA;AAAwE;;AAEpE;AAEA;AACI;;AACI;AACI;AACA;AACH;;;;;AAID;;;AAGI;AACH;;;;AAGD;AACI;AACA;AACH;;AAER;AAED;AACI;;AAEQ;AACA;AACA;AACA;;AAEA;;AAEJ;AACJ;;AAGJ;AAMY;AACA;AACA;;AAMhB;;"}

package/Scrollbar/index.mjs

@@ -1,4 +1,10 @@
-import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import {useInterface,Tag}from'@xanui/core';import React,{useRef,useImperativeHandle}from'react';const Scrollbar = React.forwardRef((_a, ref) => {
+"use client";
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import { useInterface, Tag } from '@xanui/core';
+import React, { useRef, useImperativeHandle } from 'react';
+
+const Scrollbar = React.forwardRef((_a, ref) => {
     var { children } = _a, rest = __rest(_a, ["children"]);
     let [_b] = useInterface("Scrollbar", rest, {}), { onScroll, onScrollEnd } = _b, props = __rest(_b, ["onScroll", "onScrollEnd"]);
     const innerRef = useRef(null);
@@ -45,4 +51,7 @@ import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import {useInterf
             width: "100%",
             overflow: "auto",
         }, children: children })));
-});export{Scrollbar as default};//# sourceMappingURL=index.mjs.map
+});
+
+export { Scrollbar as default };
+//# sourceMappingURL=index.mjs.map

package/Scrollbar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Scrollbar/index.tsx"],"sourcesContent":["\nimport { Tag, TagComponentType, TagProps, useInterface } from '@xanui/core';\nimport React, { ReactNode, UIEvent, useImperativeHandle, useRef } from 'react'\n\nexport type ScrollbarProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\n    children?: ReactNode;\n    onScrollEnd?: (e: UIEvent<HTMLDivElement>) => void;\n}\n\nexport type ScrollbarHandle = {\n    scrollTo: (pos: number) => void;\n    scrollToBottom: () => void;\n    scrollToTop: () => void;\n};\n\nconst Scrollbar = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...rest }: ScrollbarProps<T>, ref: React.Ref<ScrollbarHandle>) => {\n    let [{ onScroll, onScrollEnd, ...props }] = useInterface<any>(\"Scrollbar\", rest, {})\n    const innerRef = useRef<HTMLDivElement>(null);\n\n    useImperativeHandle(ref, () => ({\n        scrollTo(pos: number) {\n            innerRef.current?.scrollTo({\n                top: pos,\n                behavior: \"smooth\"\n            });\n        },\n        scrollToBottom() {\n            if (!innerRef.current) return;\n            const ele = innerRef.current;\n            ele.scrollTo({\n                top: ele.scrollHeight,\n                behavior: \"smooth\"\n            });\n        },\n        scrollToTop() {\n            innerRef.current?.scrollTo({\n                top: 0,\n                behavior: \"smooth\"\n            });\n        }\n    }));\n\n    if (onScroll || onScrollEnd) {\n        props.onScroll = (e: UIEvent<HTMLDivElement>) => {\n            if (onScrollEnd) {\n                const ele: any = e.target\n                const scrollTop = ele.scrollTop\n                const scrollHeight = ele.scrollHeight\n                const clientHeight = ele.clientHeight\n                const isScrollDown = scrollHeight - scrollTop <= clientHeight + 1\n                isScrollDown && onScrollEnd(e)\n            }\n            onScroll && onScroll(e)\n        }\n    }\n\n    return (\n        <Tag\n            {...props}\n            ref={innerRef}\n            baseClass='scrollbar'\n            sxr={{\n                height: \"100%\",\n                width: \"100%\",\n                overflow: \"auto\",\n            }}\n        >\n            {children}\n        </Tag>\n    )\n})\n\nexport default Scrollbar "],"names":["_jsx"],"mappings":"+JAeA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAwC,EAAE,GAA+B,KAAI;AAA7E,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACvF,IAAI,CAAA,EAAA,CAAA,GAAwC,YAAY,CAAM,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,EAA/E,EAAE,QAAQ,EAAE,WAAW,EAAA,GAAA,EAAY,EAAP,KAAK,GAAA,MAAA,CAAA,EAAA,EAAjC,CAAA,UAAA,EAAA,aAAA,CAAmC,CAA4C;AACpF,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;AAE7C,IAAA,mBAAmB,CAAC,GAAG,EAAE,OAAO;AAC5B,QAAA,QAAQ,CAAC,GAAW,EAAA;;AAChB,YAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC;AACvB,gBAAA,GAAG,EAAE,GAAG;AACR,gBAAA,QAAQ,EAAE;AACb,aAAA,CAAC;QACN,CAAC;QACD,cAAc,GAAA;YACV,IAAI,CAAC,QAAQ,CAAC,OAAO;gBAAE;AACvB,YAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,OAAO;YAC5B,GAAG,CAAC,QAAQ,CAAC;gBACT,GAAG,EAAE,GAAG,CAAC,YAAY;AACrB,gBAAA,QAAQ,EAAE;AACb,aAAA,CAAC;QACN,CAAC;QACD,WAAW,GAAA;;AACP,YAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC;AACvB,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,QAAQ,EAAE;AACb,aAAA,CAAC;QACN;AACH,KAAA,CAAC,CAAC;AAEH,IAAA,IAAI,QAAQ,IAAI,WAAW,EAAE;AACzB,QAAA,KAAK,CAAC,QAAQ,GAAG,CAAC,CAA0B,KAAI;YAC5C,IAAI,WAAW,EAAE;AACb,gBAAA,MAAM,GAAG,GAAQ,CAAC,CAAC,MAAM;AACzB,gBAAA,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS;AAC/B,gBAAA,MAAM,YAAY,GAAG,GAAG,CAAC,YAAY;AACrC,gBAAA,MAAM,YAAY,GAAG,GAAG,CAAC,YAAY;gBACrC,MAAM,YAAY,GAAG,YAAY,GAAG,SAAS,IAAI,YAAY,GAAG,CAAC;AACjE,gBAAA,YAAY,IAAI,WAAW,CAAC,CAAC,CAAC;YAClC;AACA,YAAA,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC;AAC3B,QAAA,CAAC;IACL;AAEA,IAAA,QACIA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,KAAK,EAAA,EACT,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,WAAW,EACrB,GAAG,EAAE;AACD,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,QAAQ,EAAE,MAAM;SACnB,EAAA,QAAA,EAEA,QAAQ,EAAA,CAAA,CACP;AAEd,CAAC"}
+{"version":3,"file":"index.mjs","sources":["../../src/Scrollbar/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Tag, TagComponentType, TagProps, useInterface } from '@xanui/core';\r\nimport React, { ReactNode, UIEvent, useImperativeHandle, useRef } from 'react'\r\n\r\nexport type ScrollbarProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\r\n    children?: ReactNode;\r\n    onScrollEnd?: (e: UIEvent<HTMLDivElement>) => void;\r\n}\r\n\r\nexport type ScrollbarHandle = {\r\n    scrollTo: (pos: number) => void;\r\n    scrollToBottom: () => void;\r\n    scrollToTop: () => void;\r\n};\r\n\r\nconst Scrollbar = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...rest }: ScrollbarProps<T>, ref: React.Ref<ScrollbarHandle>) => {\r\n    let [{ onScroll, onScrollEnd, ...props }] = useInterface<any>(\"Scrollbar\", rest, {})\r\n    const innerRef = useRef<HTMLDivElement>(null);\r\n\r\n    useImperativeHandle(ref, () => ({\r\n        scrollTo(pos: number) {\r\n            innerRef.current?.scrollTo({\r\n                top: pos,\r\n                behavior: \"smooth\"\r\n            });\r\n        },\r\n        scrollToBottom() {\r\n            if (!innerRef.current) return;\r\n            const ele = innerRef.current;\r\n            ele.scrollTo({\r\n                top: ele.scrollHeight,\r\n                behavior: \"smooth\"\r\n            });\r\n        },\r\n        scrollToTop() {\r\n            innerRef.current?.scrollTo({\r\n                top: 0,\r\n                behavior: \"smooth\"\r\n            });\r\n        }\r\n    }));\r\n\r\n    if (onScroll || onScrollEnd) {\r\n        props.onScroll = (e: UIEvent<HTMLDivElement>) => {\r\n            if (onScrollEnd) {\r\n                const ele: any = e.target\r\n                const scrollTop = ele.scrollTop\r\n                const scrollHeight = ele.scrollHeight\r\n                const clientHeight = ele.clientHeight\r\n                const isScrollDown = scrollHeight - scrollTop <= clientHeight + 1\r\n                isScrollDown && onScrollEnd(e)\r\n            }\r\n            onScroll && onScroll(e)\r\n        }\r\n    }\r\n\r\n    return (\r\n        <Tag\r\n            {...props}\r\n            ref={innerRef}\r\n            baseClass='scrollbar'\r\n            sxr={{\r\n                height: \"100%\",\r\n                width: \"100%\",\r\n                overflow: \"auto\",\r\n            }}\r\n        >\r\n            {children}\r\n        </Tag>\r\n    )\r\n})\r\n\r\nexport default Scrollbar "],"names":[],"mappings":";;;;;;AAgBA;AAAwE;;AAEpE;AAEA;AACI;;AACI;AACI;AACA;AACH;;;;;AAID;;;AAGI;AACH;;;;AAGD;AACI;AACA;AACH;;AAER;AAED;AACI;;AAEQ;AACA;AACA;AACA;;AAEA;;AAEJ;AACJ;;AAGJ;AAMY;AACA;AACA;;AAMhB;;"}

package/Select/index.js

@@ -1,4 +1,18 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),React=require('react'),index=require('../Input/index.js'),index$3=require('../List/index.js'),index$2=require('../Menu/index.js'),index$1=require('../Stack/index.js'),DownIcon=require('@xanui/icons/KeyboardArrowDown'),UpIcon=require('@xanui/icons/KeyboardArrowUp'),core=require('@xanui/core');const Select = React.forwardRef((_a, ref) => {
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index = require('../Input/index.js');
+var index$3 = require('../List/index.js');
+var index$2 = require('../Menu/index.js');
+var index$1 = require('../Stack/index.js');
+var DownIcon = require('@xanui/icons/KeyboardArrowDown');
+var UpIcon = require('@xanui/icons/KeyboardArrowUp');
+var core = require('@xanui/core');
+
+const Select = React.forwardRef((_a, ref) => {
     var _b, _c, _d, _e;
     var { onChange, value, children } = _a, props = tslib.__rest(_a, ["onChange", "value", "children"]);
     let [{ slotProps, color, variant, placeholder }] = core.useInterface("Select", props, {});
@@ -27,9 +41,12 @@
         };
     }, [children, value]);
     const toggleMenu = () => setTarget(target ? null : conRef.current);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(index.default, Object.assign({ color: color, variant: variant === "soft" ? "fill" : variant, endIcon: jsxRuntime.jsxs(index$1.default, { flexDirection: "row", component: "span", children: [" ", (target ? jsxRuntime.jsx(UpIcon, {}) : jsxRuntime.jsx(DownIcon, {}))] }), readOnly: true, value: typeof selectedProps.children === 'string' ? selectedProps.children : value, cursor: "pointer", userSelect: "none", startIcon: selectedProps.startIcon, focused: !!target, placeholder: placeholder }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.input, { slotProps: {
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(index, Object.assign({ color: color, variant: variant === "soft" ? "fill" : variant, endIcon: jsxRuntime.jsxs(index$1, { flexDirection: "row", component: "span", children: [" ", (target ? jsxRuntime.jsx(UpIcon, {}) : jsxRuntime.jsx(DownIcon, {}))] }), readOnly: true, value: typeof selectedProps.children === 'string' ? selectedProps.children : value, cursor: "pointer", userSelect: "none", startIcon: selectedProps.startIcon, focused: !!target, placeholder: placeholder }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.input, { slotProps: {
                     container: Object.assign(Object.assign({ cursor: "pointer", userSelect: "none" }, (((_c = (_b = slotProps === null || slotProps === void 0 ? void 0 : slotProps.input) === null || _b === void 0 ? void 0 : _b.slotProps) === null || _c === void 0 ? void 0 : _c.container) || {})), { onClick: toggleMenu })
-                }, containerRef: conRef, ref: ref })), jsxRuntime.jsx(index$2.default, Object.assign({ target: target, placement: "bottom" }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.menu, { slotProps: {
+                }, containerRef: conRef, ref: ref })), jsxRuntime.jsx(index$2, Object.assign({ target: target, placement: "bottom" }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.menu, { slotProps: {
                     content: Object.assign({ mt: .5, width: conRef && ((_d = conRef === null || conRef === void 0 ? void 0 : conRef.current) === null || _d === void 0 ? void 0 : _d.clientWidth) }, (_e = slotProps === null || slotProps === void 0 ? void 0 : slotProps.menu) === null || _e === void 0 ? void 0 : _e.content)
-                }, onClickOutside: toggleMenu, children: jsxRuntime.jsx(index$3.default, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.list, { color: color, variant: variant, children: childs })) }))] }));
-});exports.default=Select;//# sourceMappingURL=index.js.map
+                }, onClickOutside: toggleMenu, children: jsxRuntime.jsx(index$3, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.list, { color: color, variant: variant, children: childs })) }))] }));
+});
+
+module.exports = Select;
+//# sourceMappingURL=index.js.map

package/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Select/index.tsx"],"sourcesContent":["\nimport React, { ReactElement, useMemo, cloneElement, useState, Children, useRef } from 'react'\nimport Input, { InputProps } from '../Input'\nimport List, { ListProps } from '../List'\nimport Menu, { MenuProps } from '../Menu'\nimport Stack from '../Stack'\nimport { OptionProps } from '../Option'\nimport DownIcon from '@xanui/icons/KeyboardArrowDown';\nimport UpIcon from '@xanui/icons/KeyboardArrowUp';\nimport { UseColorTemplateColor, UseColorTemplateType, useInterface, useBreakpointPropsType } from '@xanui/core'\n\n\nexport type SelectProps = {\n    value?: string | number;\n    onChange?: (value: string | number) => void;\n    children: ReactElement<OptionProps> | ReactElement<OptionProps>[];\n    placeholder?: useBreakpointPropsType<string>;\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\n    variant?: useBreakpointPropsType<UseColorTemplateType>;\n    slotProps?: {\n        menu?: Omit<MenuProps, 'children' | 'target'>;\n        input?: Omit<InputProps, \"onChange\" | \"value\">;\n        list?: Omit<ListProps, \"children\">\n    }\n}\n\nconst Select = React.forwardRef(({ onChange, value, children, ...props }: SelectProps, ref: React.Ref<any>) => {\n    let [{ slotProps, color, variant, placeholder }] = useInterface<any>(\"Select\", props, {})\n    color ??= \"brand\"\n    variant ??= \"fill\"\n    const [target, setTarget] = useState<any>()\n    const conRef = useRef(null)\n    const { childs, selectedProps } = useMemo(() => {\n        let sProps: any = {}\n        const c = Children.map(children, (child: any) => {\n            let selected = child.props.value === value\n            if (selected) sProps = child.props\n            return cloneElement(child, {\n                value: undefined,\n                selected,\n                onClick: () => {\n                    setTarget(null)\n                    onChange && onChange(child.props.value)\n                }\n            })\n        })\n        return {\n            childs: c,\n            selectedProps: sProps as OptionProps\n        }\n    }, [children, value])\n\n    const toggleMenu = () => setTarget(target ? null : conRef.current)\n\n    return (\n        <>\n            <Input\n                color={color}\n                variant={variant === \"soft\" ? \"fill\" : variant}\n                endIcon={<Stack flexDirection=\"row\" component=\"span\" > {(target ? <UpIcon /> : <DownIcon />)}</Stack>}\n                readOnly\n                value={typeof selectedProps.children === 'string' ? selectedProps.children : value}\n                cursor=\"pointer\"\n                userSelect=\"none\"\n                startIcon={selectedProps.startIcon}\n                focused={!!target}\n                placeholder={placeholder}\n                {...slotProps?.input}\n                slotProps={{\n                    container: {\n                        cursor: \"pointer\",\n                        userSelect: \"none\",\n                        ...(slotProps?.input?.slotProps?.container || {}),\n                        onClick: toggleMenu,\n                    }\n                }}\n                containerRef={conRef}\n                ref={ref}\n            />\n            <Menu\n                target={target}\n                placement=\"bottom\"\n                {...slotProps?.menu}\n                slotProps={{\n                    content: {\n                        mt: .5,\n                        width: conRef && (conRef?.current as any)?.clientWidth,\n                        ...slotProps?.menu?.content\n                    }\n                }}\n                onClickOutside={toggleMenu}\n            >\n                <List\n                    {...slotProps?.list}\n                    color={color}\n                    variant={variant}\n                >\n                    {childs}\n                </List>\n            </Menu>\n        </>\n    )\n})\n\nexport default Select"],"names":["__rest","useInterface","useState","useRef","useMemo","Children","cloneElement","_jsxs","_jsx","Input","Stack","Menu","List"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/Select/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { ReactElement, useMemo, cloneElement, useState, Children, useRef } from 'react'\r\nimport Input, { InputProps } from '../Input'\r\nimport List, { ListProps } from '../List'\r\nimport Menu, { MenuProps } from '../Menu'\r\nimport Stack from '../Stack'\r\nimport { OptionProps } from '../Option'\r\nimport DownIcon from '@xanui/icons/KeyboardArrowDown';\r\nimport UpIcon from '@xanui/icons/KeyboardArrowUp';\r\nimport { UseColorTemplateColor, UseColorTemplateType, useInterface, useBreakpointPropsType } from '@xanui/core'\r\n\r\n\r\nexport type SelectProps = {\r\n    value?: string | number;\r\n    onChange?: (value: string | number) => void;\r\n    children: ReactElement<OptionProps> | ReactElement<OptionProps>[];\r\n    placeholder?: useBreakpointPropsType<string>;\r\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\r\n    variant?: useBreakpointPropsType<UseColorTemplateType>;\r\n    slotProps?: {\r\n        menu?: Omit<MenuProps, 'children' | 'target'>;\r\n        input?: Omit<InputProps, \"onChange\" | \"value\">;\r\n        list?: Omit<ListProps, \"children\">\r\n    }\r\n}\r\n\r\nconst Select = React.forwardRef(({ onChange, value, children, ...props }: SelectProps, ref: React.Ref<any>) => {\r\n    let [{ slotProps, color, variant, placeholder }] = useInterface<any>(\"Select\", props, {})\r\n    color ??= \"brand\"\r\n    variant ??= \"fill\"\r\n    const [target, setTarget] = useState<any>()\r\n    const conRef = useRef(null)\r\n    const { childs, selectedProps } = useMemo(() => {\r\n        let sProps: any = {}\r\n        const c = Children.map(children, (child: any) => {\r\n            let selected = child.props.value === value\r\n            if (selected) sProps = child.props\r\n            return cloneElement(child, {\r\n                value: undefined,\r\n                selected,\r\n                onClick: () => {\r\n                    setTarget(null)\r\n                    onChange && onChange(child.props.value)\r\n                }\r\n            })\r\n        })\r\n        return {\r\n            childs: c,\r\n            selectedProps: sProps as OptionProps\r\n        }\r\n    }, [children, value])\r\n\r\n    const toggleMenu = () => setTarget(target ? null : conRef.current)\r\n\r\n    return (\r\n        <>\r\n            <Input\r\n                color={color}\r\n                variant={variant === \"soft\" ? \"fill\" : variant}\r\n                endIcon={<Stack flexDirection=\"row\" component=\"span\" > {(target ? <UpIcon /> : <DownIcon />)}</Stack>}\r\n                readOnly\r\n                value={typeof selectedProps.children === 'string' ? selectedProps.children : value}\r\n                cursor=\"pointer\"\r\n                userSelect=\"none\"\r\n                startIcon={selectedProps.startIcon}\r\n                focused={!!target}\r\n                placeholder={placeholder}\r\n                {...slotProps?.input}\r\n                slotProps={{\r\n                    container: {\r\n                        cursor: \"pointer\",\r\n                        userSelect: \"none\",\r\n                        ...(slotProps?.input?.slotProps?.container || {}),\r\n                        onClick: toggleMenu,\r\n                    }\r\n                }}\r\n                containerRef={conRef}\r\n                ref={ref}\r\n            />\r\n            <Menu\r\n                target={target}\r\n                placement=\"bottom\"\r\n                {...slotProps?.menu}\r\n                slotProps={{\r\n                    content: {\r\n                        mt: .5,\r\n                        width: conRef && (conRef?.current as any)?.clientWidth,\r\n                        ...slotProps?.menu?.content\r\n                    }\r\n                }}\r\n                onClickOutside={toggleMenu}\r\n            >\r\n                <List\r\n                    {...slotProps?.list}\r\n                    color={color}\r\n                    variant={variant}\r\n                >\r\n                    {childs}\r\n                </List>\r\n            </Menu>\r\n        </>\r\n    )\r\n})\r\n\r\nexport default Select"],"names":[],"mappings":";;;;;;;;;;;;;;AA2BA;;;;;;;AAKI;;;;;AAKQ;AAAc;;AAEV;;;;;;AAMH;AACL;;AAEI;AACA;;AAER;AAEA;;AAiBgB;AAMH;AASG;AAKH;AAajB;;"}

package/Select/index.mjs

@@ -1,4 +1,16 @@
-import {__rest}from'tslib';import {jsxs,Fragment,jsx}from'react/jsx-runtime';import React,{useState,useRef,useMemo,Children,cloneElement}from'react';import Input from'../Input/index.mjs';import List from'../List/index.mjs';import Menu from'../Menu/index.mjs';import Stack from'../Stack/index.mjs';import DownIcon from'@xanui/icons/KeyboardArrowDown';import UpIcon from'@xanui/icons/KeyboardArrowUp';import {useInterface}from'@xanui/core';const Select = React.forwardRef((_a, ref) => {
+"use client";
+import { __rest } from 'tslib';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import React, { useState, useRef, useMemo, Children, cloneElement } from 'react';
+import Input from '../Input/index.mjs';
+import List from '../List/index.mjs';
+import Menu from '../Menu/index.mjs';
+import Stack from '../Stack/index.mjs';
+import DownIcon from '@xanui/icons/KeyboardArrowDown';
+import UpIcon from '@xanui/icons/KeyboardArrowUp';
+import { useInterface } from '@xanui/core';
+
+const Select = React.forwardRef((_a, ref) => {
     var _b, _c, _d, _e;
     var { onChange, value, children } = _a, props = __rest(_a, ["onChange", "value", "children"]);
     let [{ slotProps, color, variant, placeholder }] = useInterface("Select", props, {});
@@ -32,4 +44,7 @@ import {__rest}from'tslib';import {jsxs,Fragment,jsx}from'react/jsx-runtime';imp
                 }, containerRef: conRef, ref: ref })), jsx(Menu, Object.assign({ target: target, placement: "bottom" }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.menu, { slotProps: {
                     content: Object.assign({ mt: .5, width: conRef && ((_d = conRef === null || conRef === void 0 ? void 0 : conRef.current) === null || _d === void 0 ? void 0 : _d.clientWidth) }, (_e = slotProps === null || slotProps === void 0 ? void 0 : slotProps.menu) === null || _e === void 0 ? void 0 : _e.content)
                 }, onClickOutside: toggleMenu, children: jsx(List, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.list, { color: color, variant: variant, children: childs })) }))] }));
-});export{Select as default};//# sourceMappingURL=index.mjs.map
+});
+
+export { Select as default };
+//# sourceMappingURL=index.mjs.map

package/Select/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Select/index.tsx"],"sourcesContent":["\nimport React, { ReactElement, useMemo, cloneElement, useState, Children, useRef } from 'react'\nimport Input, { InputProps } from '../Input'\nimport List, { ListProps } from '../List'\nimport Menu, { MenuProps } from '../Menu'\nimport Stack from '../Stack'\nimport { OptionProps } from '../Option'\nimport DownIcon from '@xanui/icons/KeyboardArrowDown';\nimport UpIcon from '@xanui/icons/KeyboardArrowUp';\nimport { UseColorTemplateColor, UseColorTemplateType, useInterface, useBreakpointPropsType } from '@xanui/core'\n\n\nexport type SelectProps = {\n    value?: string | number;\n    onChange?: (value: string | number) => void;\n    children: ReactElement<OptionProps> | ReactElement<OptionProps>[];\n    placeholder?: useBreakpointPropsType<string>;\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\n    variant?: useBreakpointPropsType<UseColorTemplateType>;\n    slotProps?: {\n        menu?: Omit<MenuProps, 'children' | 'target'>;\n        input?: Omit<InputProps, \"onChange\" | \"value\">;\n        list?: Omit<ListProps, \"children\">\n    }\n}\n\nconst Select = React.forwardRef(({ onChange, value, children, ...props }: SelectProps, ref: React.Ref<any>) => {\n    let [{ slotProps, color, variant, placeholder }] = useInterface<any>(\"Select\", props, {})\n    color ??= \"brand\"\n    variant ??= \"fill\"\n    const [target, setTarget] = useState<any>()\n    const conRef = useRef(null)\n    const { childs, selectedProps } = useMemo(() => {\n        let sProps: any = {}\n        const c = Children.map(children, (child: any) => {\n            let selected = child.props.value === value\n            if (selected) sProps = child.props\n            return cloneElement(child, {\n                value: undefined,\n                selected,\n                onClick: () => {\n                    setTarget(null)\n                    onChange && onChange(child.props.value)\n                }\n            })\n        })\n        return {\n            childs: c,\n            selectedProps: sProps as OptionProps\n        }\n    }, [children, value])\n\n    const toggleMenu = () => setTarget(target ? null : conRef.current)\n\n    return (\n        <>\n            <Input\n                color={color}\n                variant={variant === \"soft\" ? \"fill\" : variant}\n                endIcon={<Stack flexDirection=\"row\" component=\"span\" > {(target ? <UpIcon /> : <DownIcon />)}</Stack>}\n                readOnly\n                value={typeof selectedProps.children === 'string' ? selectedProps.children : value}\n                cursor=\"pointer\"\n                userSelect=\"none\"\n                startIcon={selectedProps.startIcon}\n                focused={!!target}\n                placeholder={placeholder}\n                {...slotProps?.input}\n                slotProps={{\n                    container: {\n                        cursor: \"pointer\",\n                        userSelect: \"none\",\n                        ...(slotProps?.input?.slotProps?.container || {}),\n                        onClick: toggleMenu,\n                    }\n                }}\n                containerRef={conRef}\n                ref={ref}\n            />\n            <Menu\n                target={target}\n                placement=\"bottom\"\n                {...slotProps?.menu}\n                slotProps={{\n                    content: {\n                        mt: .5,\n                        width: conRef && (conRef?.current as any)?.clientWidth,\n                        ...slotProps?.menu?.content\n                    }\n                }}\n                onClickOutside={toggleMenu}\n            >\n                <List\n                    {...slotProps?.list}\n                    color={color}\n                    variant={variant}\n                >\n                    {childs}\n                </List>\n            </Menu>\n        </>\n    )\n})\n\nexport default Select"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/Select/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { ReactElement, useMemo, cloneElement, useState, Children, useRef } from 'react'\r\nimport Input, { InputProps } from '../Input'\r\nimport List, { ListProps } from '../List'\r\nimport Menu, { MenuProps } from '../Menu'\r\nimport Stack from '../Stack'\r\nimport { OptionProps } from '../Option'\r\nimport DownIcon from '@xanui/icons/KeyboardArrowDown';\r\nimport UpIcon from '@xanui/icons/KeyboardArrowUp';\r\nimport { UseColorTemplateColor, UseColorTemplateType, useInterface, useBreakpointPropsType } from '@xanui/core'\r\n\r\n\r\nexport type SelectProps = {\r\n    value?: string | number;\r\n    onChange?: (value: string | number) => void;\r\n    children: ReactElement<OptionProps> | ReactElement<OptionProps>[];\r\n    placeholder?: useBreakpointPropsType<string>;\r\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\r\n    variant?: useBreakpointPropsType<UseColorTemplateType>;\r\n    slotProps?: {\r\n        menu?: Omit<MenuProps, 'children' | 'target'>;\r\n        input?: Omit<InputProps, \"onChange\" | \"value\">;\r\n        list?: Omit<ListProps, \"children\">\r\n    }\r\n}\r\n\r\nconst Select = React.forwardRef(({ onChange, value, children, ...props }: SelectProps, ref: React.Ref<any>) => {\r\n    let [{ slotProps, color, variant, placeholder }] = useInterface<any>(\"Select\", props, {})\r\n    color ??= \"brand\"\r\n    variant ??= \"fill\"\r\n    const [target, setTarget] = useState<any>()\r\n    const conRef = useRef(null)\r\n    const { childs, selectedProps } = useMemo(() => {\r\n        let sProps: any = {}\r\n        const c = Children.map(children, (child: any) => {\r\n            let selected = child.props.value === value\r\n            if (selected) sProps = child.props\r\n            return cloneElement(child, {\r\n                value: undefined,\r\n                selected,\r\n                onClick: () => {\r\n                    setTarget(null)\r\n                    onChange && onChange(child.props.value)\r\n                }\r\n            })\r\n        })\r\n        return {\r\n            childs: c,\r\n            selectedProps: sProps as OptionProps\r\n        }\r\n    }, [children, value])\r\n\r\n    const toggleMenu = () => setTarget(target ? null : conRef.current)\r\n\r\n    return (\r\n        <>\r\n            <Input\r\n                color={color}\r\n                variant={variant === \"soft\" ? \"fill\" : variant}\r\n                endIcon={<Stack flexDirection=\"row\" component=\"span\" > {(target ? <UpIcon /> : <DownIcon />)}</Stack>}\r\n                readOnly\r\n                value={typeof selectedProps.children === 'string' ? selectedProps.children : value}\r\n                cursor=\"pointer\"\r\n                userSelect=\"none\"\r\n                startIcon={selectedProps.startIcon}\r\n                focused={!!target}\r\n                placeholder={placeholder}\r\n                {...slotProps?.input}\r\n                slotProps={{\r\n                    container: {\r\n                        cursor: \"pointer\",\r\n                        userSelect: \"none\",\r\n                        ...(slotProps?.input?.slotProps?.container || {}),\r\n                        onClick: toggleMenu,\r\n                    }\r\n                }}\r\n                containerRef={conRef}\r\n                ref={ref}\r\n            />\r\n            <Menu\r\n                target={target}\r\n                placement=\"bottom\"\r\n                {...slotProps?.menu}\r\n                slotProps={{\r\n                    content: {\r\n                        mt: .5,\r\n                        width: conRef && (conRef?.current as any)?.clientWidth,\r\n                        ...slotProps?.menu?.content\r\n                    }\r\n                }}\r\n                onClickOutside={toggleMenu}\r\n            >\r\n                <List\r\n                    {...slotProps?.list}\r\n                    color={color}\r\n                    variant={variant}\r\n                >\r\n                    {childs}\r\n                </List>\r\n            </Menu>\r\n        </>\r\n    )\r\n})\r\n\r\nexport default Select"],"names":[],"mappings":";;;;;;;;;;;;AA2BA;;;;;;;AAKI;;;;;AAKQ;AAAc;;AAEV;;;;;;AAMH;AACL;;AAEI;AACA;;AAER;AAEA;;AAiBgB;AAMH;AASG;AAKH;AAajB;;"}

package/Stack/index.js

@@ -1,7 +1,17 @@
-'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 Stack = React.forwardRef((_a, ref) => {
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@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: {
             display: "flex",
             flexDirection: "column",
         }, baseClass: 'stack', ref: ref, children: children })));
-});exports.default=Stack;//# sourceMappingURL=index.js.map
+});
+
+module.exports = Stack;
+//# sourceMappingURL=index.js.map

package/Stack/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Stack/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type StackProps<T extends TagComponentType = \"div\"> = TagProps<T>\n\nconst Stack = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...props }: StackProps<T>, ref?: React.Ref<any>) => {\n    return (\n        <Tag\n            {...props}\n            sxr={{\n                display: \"flex\",\n                flexDirection: \"column\",\n            }}\n            baseClass='stack'\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default Stack\n"],"names":["__rest","_jsx","Tag"],"mappings":"4LAMA,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":["__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;;;;"}

package/Stack/index.mjs

@@ -1,7 +1,15 @@
-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) => {
+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 = __rest(_a, ["children"]);
     return (jsx(Tag, Object.assign({}, props, { sxr: {
             display: "flex",
             flexDirection: "column",
         }, baseClass: 'stack', ref: ref, children: children })));
-});export{Stack as default};//# sourceMappingURL=index.mjs.map
+});
+
+export { Stack as default };
+//# sourceMappingURL=index.mjs.map

package/Stack/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Stack/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type StackProps<T extends TagComponentType = \"div\"> = TagProps<T>\n\nconst Stack = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...props }: StackProps<T>, ref?: React.Ref<any>) => {\n    return (\n        <Tag\n            {...props}\n            sxr={{\n                display: \"flex\",\n                flexDirection: \"column\",\n            }}\n            baseClass='stack'\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default Stack\n"],"names":["_jsx"],"mappings":"sHAMA,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"}
+{"version":3,"file":"index.mjs","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,4 +1,12 @@
-'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 Switch = React.forwardRef((props, ref) => {
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@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"]);
     const _p = {};
@@ -65,4 +73,7 @@
                 }, children: icon })), jsxRuntime.jsx(core.Tag, Object.assign({}, rest, { component: 'input', ref: ref, type: "radio", readOnly: true, checked: checked, sxr: {
                     display: "none!important"
                 } }))] }));
-});exports.default=Switch;//# sourceMappingURL=index.js.map
+});
+
+module.exports = Switch;
+//# sourceMappingURL=index.js.map

package/Switch/index.js.map

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

@@ -1,4 +1,10 @@
-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) => {
+"use client";
+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] = 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 = {};
@@ -65,4 +71,7 @@ import {__rest}from'tslib';import {jsxs,jsx}from'react/jsx-runtime';import React
                 }, children: icon })), jsx(Tag, Object.assign({}, rest, { component: 'input', ref: ref, type: "radio", readOnly: true, checked: checked, sxr: {
                     display: "none!important"
                 } }))] }));
-});export{Switch as default};//# sourceMappingURL=index.mjs.map
+});
+
+export { Switch as default };
+//# sourceMappingURL=index.mjs.map

package/Switch/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Switch/index.tsx"],"sourcesContent":["\nimport React, { ReactElement, useState } from 'react';\nimport { Tag, TagProps, useBreakpointProps, UseColorTemplateColor, useInterface, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type SwitchProps = Omit<TagProps<\"input\">, \"color\" | \"size\" | \"component\" | \"type\" | \"checked\"> & {\n    checked?: boolean;\n    size?: useBreakpointPropsType<number | \"small\" | \"medium\" | \"large\">;\n    color?: useBreakpointPropsType<Omit<UseColorTemplateColor, \"default\">>;\n    disabled?: useBreakpointPropsType<boolean>;\n    trackSize?: useBreakpointPropsType<number>;\n    icon?: useBreakpointPropsType<ReactElement>;\n    slotProps?: {\n        thumb?: Omit<TagProps, 'children'>;\n        track?: Omit<TagProps, 'children'>;\n    }\n}\n\nconst Switch = React.forwardRef((props: SwitchProps, ref?: React.Ref<any>) => {\n    let [{ size, checked, color, disabled, icon, onChange, trackSize, slotProps, ...rest }] = useInterface<any>(\"Switch\", props, {})\n    const _p: any = {}\n    if (size) _p.size = size\n    if (color) _p.color = color\n    if (disabled) _p.disabled = disabled\n    if (trackSize) _p.trackSize = trackSize\n    if (icon) _p.icon = icon\n    const p: any = useBreakpointProps(_p)\n    size = p.size ?? \"medium\"\n    color = p.color ?? \"brand\"\n    disabled = p.disabled\n    trackSize = p.trackSize\n    icon = p.icon\n\n    const [c, set] = useState(false)\n    checked ??= c\n\n    onChange = onChange || (() => set(!c));\n\n    let sizes: any = {\n        small: 32,\n        medium: 48,\n        large: 60\n    }\n    let _size = sizes[size as any] || size\n\n    let height = (_size / 2)\n    trackSize ??= height + 4\n    let isNormalSize = (height + 4) === trackSize\n    let transform = checked ? \"92%\" : \"8%\"\n    if (!isNormalSize) {\n        transform = checked ? \"100%\" : \"-10%\"\n    }\n\n    return (\n        <Tag\n            disabled={disabled}\n            sxr={{\n                width: _size,\n                height: height,\n                position: \"relative\",\n                cursor: \"pointer\",\n                display: \"inline-block\"\n            }}\n            onClick={onChange}\n        >\n            <Tag\n                {...slotProps?.track}\n                baseClass='switch-track-bar'\n                sxr={{\n                    width: _size,\n                    height: trackSize,\n                    borderRadius: height,\n                    position: 'absolute',\n                    top: \"50%\",\n                    transform: \"translateY(-50%)\",\n                    bgcolor: checked ? color : \"divider\",\n\n                }}\n            >\n            </Tag>\n            <Tag\n                {...slotProps?.thumb}\n                baseClass='switch-thumb'\n                sxr={{\n                    transition: \"all .25s\",\n                    width: height,\n                    height: height,\n                    radius: height,\n                    bgcolor: \"#FFFFFF\",\n                    position: \"absolute\",\n                    top: \"50%\",\n                    border: isNormalSize ? 0 : 1,\n                    left: 0,\n                    transform: `translate(${transform}, -50%)`,\n                    display: \"flex\",\n                    justifyContent: \"center\",\n                    alignItems: \"center\"\n                }}\n            >\n                {\n                    icon\n                }\n            </Tag>\n            <Tag\n                {...rest}\n                component='input'\n                ref={ref}\n                type=\"radio\"\n                readOnly\n                checked={checked}\n                sxr={{\n                    display: \"none!important\"\n                }}\n            />\n        </Tag>\n    )\n})\n\nexport default Switch\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.mjs","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,5 +1,17 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),React=require('react'),core=require('@xanui/core'),index=require('../Button/index.js');const Tab = React.forwardRef((_a, ref) => {
+"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');
+
+const Tab = React.forwardRef((_a, ref) => {
     var { children } = _a, props = tslib.__rest(_a, ["children"]);
     let [_props] = core.useInterface("Tab", props, {});
-    return (jsxRuntime.jsx(index.default, Object.assign({}, _props, { classNames: ["tab", ...((_props === null || _props === void 0 ? void 0 : _props.classNames) || [])], ref: ref, children: children })));
-});exports.default=Tab;//# sourceMappingURL=index.js.map
+    return (jsxRuntime.jsx(index, Object.assign({}, _props, { classNames: ["tab", ...((_props === null || _props === void 0 ? void 0 : _props.classNames) || [])], ref: ref, children: children })));
+});
+
+module.exports = Tab;
+//# sourceMappingURL=index.js.map

package/Tab/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Tab/index.tsx"],"sourcesContent":["\nimport React from 'react'\nimport { TagComponentType, useInterface } from '@xanui/core';\nimport Button, { ButtonProps } from '../Button';\n\nexport type TabProps<T extends TagComponentType = \"button\"> = ButtonProps<T> & {\n    value?: string | number\n}\n\nconst Tab = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...props }: TabProps<T>, ref: React.Ref<any>) => {\n    let [_props] = useInterface<any>(\"Tab\", props, {})\n    return (\n        <Button\n            {..._props}\n            classNames={[\"tab\", ...(_props?.classNames || [])]}\n            ref={ref}\n        >\n            {children}\n        </Button>\n    )\n})\n\nexport default Tab"],"names":["__rest","useInterface","_jsx","Button"],"mappings":"gOASA,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAmC,EAAE,GAAmB,KAAI;AAA5D,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAyB,EAApB,KAAK,GAAAA,YAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;AAClF,IAAA,IAAI,CAAC,MAAM,CAAC,GAAGC,iBAAY,CAAM,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC;AAClD,IAAA,QACIC,cAAA,CAACC,aAAM,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACC,MAAM,EAAA,EACV,UAAU,EAAE,CAAC,KAAK,EAAE,IAAI,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,UAAU,KAAI,EAAE,CAAC,CAAC,EAClD,GAAG,EAAE,GAAG,EAAA,QAAA,EAEP,QAAQ,EAAA,CAAA,CACJ;AAEjB,CAAC"}
+{"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/Tab/index.mjs

@@ -1,5 +1,15 @@
-import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import React from'react';import {useInterface}from'@xanui/core';import Button from'../Button/index.mjs';const Tab = React.forwardRef((_a, ref) => {
+"use client";
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { useInterface } from '@xanui/core';
+import Button from '../Button/index.mjs';
+
+const Tab = React.forwardRef((_a, ref) => {
     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 })));
-});export{Tab as default};//# sourceMappingURL=index.mjs.map
+});
+
+export { Tab as default };
+//# sourceMappingURL=index.mjs.map

package/Tab/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Tab/index.tsx"],"sourcesContent":["\nimport React from 'react'\nimport { TagComponentType, useInterface } from '@xanui/core';\nimport Button, { ButtonProps } from '../Button';\n\nexport type TabProps<T extends TagComponentType = \"button\"> = ButtonProps<T> & {\n    value?: string | number\n}\n\nconst Tab = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...props }: TabProps<T>, ref: React.Ref<any>) => {\n    let [_props] = useInterface<any>(\"Tab\", props, {})\n    return (\n        <Button\n            {..._props}\n            classNames={[\"tab\", ...(_props?.classNames || [])]}\n            ref={ref}\n        >\n            {children}\n        </Button>\n    )\n})\n\nexport default Tab"],"names":["_jsx"],"mappings":"uKASA,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAmC,EAAE,GAAmB,KAAI;AAA5D,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAyB,EAApB,KAAK,GAAA,MAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;AAClF,IAAA,IAAI,CAAC,MAAM,CAAC,GAAG,YAAY,CAAM,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC;AAClD,IAAA,QACIA,GAAA,CAAC,MAAM,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACC,MAAM,EAAA,EACV,UAAU,EAAE,CAAC,KAAK,EAAE,IAAI,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,UAAU,KAAI,EAAE,CAAC,CAAC,EAClD,GAAG,EAAE,GAAG,EAAA,QAAA,EAEP,QAAQ,EAAA,CAAA,CACJ;AAEjB,CAAC"}
+{"version":3,"file":"index.mjs","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;;"}