@xanui/ui 1.1.37 → 1.1.40

package/Modal/index.js

@@ -1,16 +1,14 @@
 "use client";
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var index = require('../useModal/index.js');
-var core = require('@xanui/core');
+import { __rest } from 'tslib';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import useModal from '../useModal/index.js';
+import { Tag, Renderar } from '@xanui/core';
 
 const Modal = (_a) => {
-    var { children, open } = _a, props = tslib.__rest(_a, ["children", "open"]);
-    const ref = React.useRef(null);
-    const modal = index(jsxRuntime.jsx(jsxRuntime.Fragment, { children: children }), Object.assign(Object.assign({}, props), { onClickOutside: () => {
+    var { children, open } = _a, props = __rest(_a, ["children", "open"]);
+    const ref = useRef(null);
+    const modal = useModal(jsx(Fragment, { children: children }), Object.assign(Object.assign({}, props), { onClickOutside: () => {
             if (props === null || props === void 0 ? void 0 : props.onClickOutside) {
                 props.onClickOutside();
             }
@@ -21,7 +19,7 @@ const Modal = (_a) => {
                 }
             }
         } }));
-    React.useEffect(() => {
+    useEffect(() => {
         if (open) {
             modal.open();
         }
@@ -29,14 +27,14 @@ const Modal = (_a) => {
             modal.close();
         }
     }, [open]);
-    return jsxRuntime.jsx(core.Tag, { ref: ref });
+    return jsx(Tag, { ref: ref });
 };
 const ActionModal = (_a) => {
-    var { children } = _a, props = tslib.__rest(_a, ["children"]);
-    return (jsxRuntime.jsx(Modal, Object.assign({}, props, { children: children })));
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (jsx(Modal, Object.assign({}, props, { children: children })));
 };
 Modal.open = (children, props) => {
-    const m = core.Renderar.render(ActionModal, Object.assign(Object.assign({ open: true }, props), { children, onClosed: () => {
+    const m = Renderar.render(ActionModal, Object.assign(Object.assign({ open: true }, props), { children, onClosed: () => {
             m.unrender();
             if (props === null || props === void 0 ? void 0 : props.onClosed) {
                 props.onClosed();
@@ -52,8 +50,8 @@ Modal.open = (children, props) => {
     };
 };
 Modal.close = () => {
-    core.Renderar.unrender(ActionModal);
+    Renderar.unrender(ActionModal);
 };
 
-module.exports = Modal;
+export { Modal as default };
 //# sourceMappingURL=index.js.map

package/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Modal/index.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactNode, useEffect, useRef } from \"react\";\r\nimport useModal, { UseModalProps } from \"../useModal\";\r\nimport { Renderar, Tag } from \"@xanui/core\";\r\n\r\nexport type ModalProps = UseModalProps & {\r\n   children: ReactNode;\r\n   open: boolean;\r\n}\r\n\r\nconst Modal = ({ children, open, ...props }: ModalProps) => {\r\n   const ref = useRef<HTMLDivElement>(null);\r\n\r\n   const modal = useModal(<>{children}</>, {\r\n      ...props,\r\n      onClickOutside: () => {\r\n         if (props?.onClickOutside) {\r\n            props.onClickOutside()\r\n         }\r\n      },\r\n      slotProps: {\r\n         layer: {\r\n            portal: {\r\n               container: ref?.current || undefined\r\n            }\r\n         }\r\n      }\r\n   })\r\n\r\n   useEffect(() => {\r\n      if (open) {\r\n         modal.open()\r\n      } else {\r\n         modal.close()\r\n      }\r\n   }, [open])\r\n   return <Tag ref={ref}></Tag>\r\n}\r\n\r\nconst ActionModal = ({ children, ...props }: ModalProps) => {\r\n   return (\r\n      <Modal {...props}>\r\n         {children}\r\n      </Modal>\r\n   )\r\n}\r\n\r\nModal.open = (children: ModalProps['children'], props?: Omit<ModalProps, 'children' | \"open\">) => {\r\n   const m = Renderar.render(ActionModal as any, {\r\n      open: true,\r\n      ...props,\r\n      children,\r\n      onClosed: () => {\r\n         m.unrender()\r\n         if (props?.onClosed) {\r\n            props.onClosed()\r\n         }\r\n      }\r\n   })\r\n\r\n   return {\r\n      open: () => {\r\n         m.updateProps({ open: true })\r\n      },\r\n      close: () => {\r\n         m.updateProps({ open: false })\r\n      },\r\n   }\r\n};\r\n\r\nModal.close = () => {\r\n   Renderar.unrender(ActionModal as any)\r\n}\r\n\r\nexport default Modal;"],"names":[],"mappings":";;;;;;;;;AAUA;;AACG;AAEA;;;;;AAQM;AACG;;AAEC;AACH;AACH;;;;;;;;AASJ;AACA;AACH;AAEA;AAAqB;;AAMrB;AAEA;AACG;;;;;AASG;;;;;;;;;AAWN;AAEA;AACG;AACH;;"}
+{"version":3,"file":"index.js","sources":["../../src/Modal/index.tsx"],"sourcesContent":["'use client'\r\nimport { ReactNode, useEffect, useRef } from \"react\";\r\nimport useModal, { UseModalProps } from \"../useModal\";\r\nimport { Renderar, Tag } from \"@xanui/core\";\r\n\r\nexport type ModalProps = UseModalProps & {\r\n   children: ReactNode;\r\n   open: boolean;\r\n}\r\n\r\nconst Modal = ({ children, open, ...props }: ModalProps) => {\r\n   const ref = useRef<HTMLDivElement>(null);\r\n\r\n   const modal = useModal(<>{children}</>, {\r\n      ...props,\r\n      onClickOutside: () => {\r\n         if (props?.onClickOutside) {\r\n            props.onClickOutside()\r\n         }\r\n      },\r\n      slotProps: {\r\n         layer: {\r\n            portal: {\r\n               container: ref?.current || undefined\r\n            }\r\n         }\r\n      }\r\n   })\r\n\r\n   useEffect(() => {\r\n      if (open) {\r\n         modal.open()\r\n      } else {\r\n         modal.close()\r\n      }\r\n   }, [open])\r\n   return <Tag ref={ref}></Tag>\r\n}\r\n\r\nconst ActionModal = ({ children, ...props }: ModalProps) => {\r\n   return (\r\n      <Modal {...props}>\r\n         {children}\r\n      </Modal>\r\n   )\r\n}\r\n\r\nModal.open = (children: ModalProps['children'], props?: Omit<ModalProps, 'children' | \"open\">) => {\r\n   const m = Renderar.render(ActionModal as any, {\r\n      open: true,\r\n      ...props,\r\n      children,\r\n      onClosed: () => {\r\n         m.unrender()\r\n         if (props?.onClosed) {\r\n            props.onClosed()\r\n         }\r\n      }\r\n   })\r\n\r\n   return {\r\n      open: () => {\r\n         m.updateProps({ open: true })\r\n      },\r\n      close: () => {\r\n         m.updateProps({ open: false })\r\n      },\r\n   }\r\n};\r\n\r\nModal.close = () => {\r\n   Renderar.unrender(ActionModal as any)\r\n}\r\n\r\nexport default Modal;"],"names":[],"mappings":";;;;;;;AAUA;;AACG;AAEA;;;;;AAQM;AACG;;AAEC;AACH;AACH;;;;;;;;AASJ;AACA;AACH;AAEA;AAAqB;;AAMrB;AAEA;AACG;;;;;AASG;;;;;;;;;AAWN;AAEA;AACG;AACH;;"}

package/NoSSR/index.cjs

@@ -0,0 +1,15 @@
+"use client";
+'use strict';
+
+var React = require('react');
+
+const NoSSR = ({ children }) => {
+    const [isClient, setIsClient] = React.useState(false);
+    React.useEffect(() => {
+        setIsClient(true);
+    }, []);
+    return isClient ? children : null;
+};
+
+module.exports = NoSSR;
+//# sourceMappingURL=index.cjs.map

package/NoSSR/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/NoSSR/index.tsx"],"sourcesContent":["'use client'\r\nimport { useEffect, useState } from \"react\";\r\n\r\nconst NoSSR = ({ children }: any) => {\r\n    const [isClient, setIsClient] = useState(false);\r\n    useEffect(() => {\r\n        setIsClient(true);\r\n    }, [])\r\n    return isClient ? children : null\r\n}\r\n\r\nexport default NoSSR"],"names":[],"mappings":";;;;;AAGA;;;;;;AAMA;;"}

package/NoSSR/index.js

@@ -1,15 +1,13 @@
 "use client";
-'use strict';
-
-var React = require('react');
+import { useState, useEffect } from 'react';
 
 const NoSSR = ({ children }) => {
-    const [isClient, setIsClient] = React.useState(false);
-    React.useEffect(() => {
+    const [isClient, setIsClient] = useState(false);
+    useEffect(() => {
         setIsClient(true);
     }, []);
     return isClient ? children : null;
 };
 
-module.exports = NoSSR;
+export { NoSSR as default };
 //# sourceMappingURL=index.js.map

package/NoSSR/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/NoSSR/index.tsx"],"sourcesContent":["\"use client\";\r\nimport { useEffect, useState } from \"react\";\r\n\r\nconst NoSSR = ({ children }: any) => {\r\n    const [isClient, setIsClient] = useState(false);\r\n    useEffect(() => {\r\n        setIsClient(true);\r\n    }, [])\r\n    return isClient ? children : null\r\n}\r\n\r\nexport default NoSSR"],"names":[],"mappings":";;;;;AAGA;;;;;;AAMA;;"}
+{"version":3,"file":"index.js","sources":["../../src/NoSSR/index.tsx"],"sourcesContent":["'use client'\r\nimport { useEffect, useState } from \"react\";\r\n\r\nconst NoSSR = ({ children }: any) => {\r\n    const [isClient, setIsClient] = useState(false);\r\n    useEffect(() => {\r\n        setIsClient(true);\r\n    }, [])\r\n    return isClient ? children : null\r\n}\r\n\r\nexport default NoSSR"],"names":[],"mappings":";;;AAGA;;;;;;AAMA;;"}

package/Option/index.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index = require('../ListItem/index.cjs');
+
+const Option = React.forwardRef((_a, ref) => {
+    var { value, children } = _a, props = tslib.__rest(_a, ["value", "children"]);
+    return (jsxRuntime.jsx(index, Object.assign({}, props, { ref: ref, children: children })));
+});
+
+module.exports = Option;
+//# sourceMappingURL=index.cjs.map

package/Option/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/Option/index.tsx"],"sourcesContent":["\r\nimport React from 'react'\r\nimport ListItem, { ListItemProps } from '../ListItem'\r\n\r\nexport type OptionProps = ListItemProps & {\r\n    value: string | number;\r\n}\r\n\r\nconst Option = React.forwardRef(({ value, children, ...props }: OptionProps, ref: React.Ref<any>) => {\r\n    return (\r\n        <ListItem {...props} ref={ref}>{children}</ListItem>\r\n    )\r\n})\r\n\r\nexport default Option"],"names":["__rest","_jsx","ListItem"],"mappings":";;;;;;;AAQA,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAA0C,EAAE,GAAmB,KAAI;QAAnE,EAAE,KAAK,EAAE,QAAQ,EAAA,GAAA,EAAyB,EAApB,KAAK,GAAAA,YAAA,CAAA,EAAA,EAA3B,qBAA6B,CAAF;AACxD,IAAA,QACIC,cAAA,CAACC,KAAQ,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAA,CAAY;AAE5D,CAAC;;;;"}

package/Option/index.js

@@ -1,14 +1,12 @@
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var index = require('../ListItem/index.js');
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import ListItem from '../ListItem/index.js';
 
 const Option = React.forwardRef((_a, ref) => {
-    var { value, children } = _a, props = tslib.__rest(_a, ["value", "children"]);
-    return (jsxRuntime.jsx(index, Object.assign({}, props, { ref: ref, children: children })));
+    var { value, children } = _a, props = __rest(_a, ["value", "children"]);
+    return (jsx(ListItem, Object.assign({}, props, { ref: ref, children: children })));
 });
 
-module.exports = Option;
+export { Option as default };
 //# sourceMappingURL=index.js.map

package/Option/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Option/index.tsx"],"sourcesContent":["\r\nimport React from 'react'\r\nimport ListItem, { ListItemProps } from '../ListItem'\r\n\r\nexport type OptionProps = ListItemProps & {\r\n    value: string | number;\r\n}\r\n\r\nconst Option = React.forwardRef(({ value, children, ...props }: OptionProps, ref: React.Ref<any>) => {\r\n    return (\r\n        <ListItem {...props} ref={ref}>{children}</ListItem>\r\n    )\r\n})\r\n\r\nexport default Option"],"names":["__rest","_jsx","ListItem"],"mappings":";;;;;;;AAQA,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAA0C,EAAE,GAAmB,KAAI;QAAnE,EAAE,KAAK,EAAE,QAAQ,EAAA,GAAA,EAAyB,EAApB,KAAK,GAAAA,YAAA,CAAA,EAAA,EAA3B,qBAA6B,CAAF;AACxD,IAAA,QACIC,cAAA,CAACC,KAAQ,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAA,CAAY;AAE5D,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/Option/index.tsx"],"sourcesContent":["\r\nimport React from 'react'\r\nimport ListItem, { ListItemProps } from '../ListItem'\r\n\r\nexport type OptionProps = ListItemProps & {\r\n    value: string | number;\r\n}\r\n\r\nconst Option = React.forwardRef(({ value, children, ...props }: OptionProps, ref: React.Ref<any>) => {\r\n    return (\r\n        <ListItem {...props} ref={ref}>{children}</ListItem>\r\n    )\r\n})\r\n\r\nexport default Option"],"names":["_jsx"],"mappings":";;;;;AAQA,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAA0C,EAAE,GAAmB,KAAI;QAAnE,EAAE,KAAK,EAAE,QAAQ,EAAA,GAAA,EAAyB,EAApB,KAAK,GAAA,MAAA,CAAA,EAAA,EAA3B,qBAA6B,CAAF;AACxD,IAAA,QACIA,GAAA,CAAC,QAAQ,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAA,CAAY;AAE5D,CAAC;;;;"}

package/Paper/index.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@xanui/core');
+
+const Paper = React.forwardRef((_a, ref) => {
+    var { children } = _a, rest = tslib.__rest(_a, ["children"]);
+    let [props] = core.useInterface("Paper", rest, {});
+    return (jsxRuntime.jsx(core.Tag, Object.assign({}, props, { sxr: Object.assign({ shadow: 1, radius: 1, p: 1.5, bgcolor: "background.secondary", color: "text.primary" }, props === null || props === void 0 ? void 0 : props.sx), baseClass: 'paper', ref: ref, children: children })));
+});
+
+module.exports = Paper;
+//# sourceMappingURL=index.cjs.map

package/Paper/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/Paper/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType, useInterface } from '@xanui/core';\r\n\r\nexport type PaperProps<T extends TagComponentType = \"div\"> = TagProps<T>\r\n\r\nconst Paper = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...rest }: PaperProps<T>, ref?: React.Ref<any>) => {\r\n    let [props] = useInterface<any>(\"Paper\", rest, {})\r\n    return (\r\n        <Tag\r\n            {...props}\r\n            sxr={{\r\n                shadow: 1,\r\n                radius: 1,\r\n                p: 1.5,\r\n                bgcolor: \"background.secondary\",\r\n                color: \"text.primary\",\r\n                ...props?.sx\r\n            }}\r\n            baseClass='paper'\r\n            ref={ref}\r\n        >{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default Paper\r\n"],"names":["__rest","useInterface","_jsx","Tag"],"mappings":";;;;;;;AAMA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAoC,EAAE,GAAoB,KAAI;AAA9D,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA0B,EAArB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;AACnF,IAAA,IAAI,CAAC,KAAK,CAAC,GAAGC,iBAAY,CAAM,OAAO,EAAE,IAAI,EAAE,EAAE,CAAC;IAClD,QACIC,eAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,KAAK,EAAA,EACT,GAAG,kBACC,MAAM,EAAE,CAAC,EACT,MAAM,EAAE,CAAC,EACT,CAAC,EAAE,GAAG,EACN,OAAO,EAAE,sBAAsB,EAC/B,KAAK,EAAE,cAAc,EAAA,EAClB,KAAK,aAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,EAAE,CAAA,EAEhB,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC;;;;"}

package/Paper/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');
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { useInterface, Tag } from '@xanui/core';
 
 const Paper = React.forwardRef((_a, ref) => {
-    var { children } = _a, rest = tslib.__rest(_a, ["children"]);
-    let [props] = core.useInterface("Paper", rest, {});
-    return (jsxRuntime.jsx(core.Tag, Object.assign({}, props, { sxr: Object.assign({ shadow: 1, radius: 1, p: 1.5, bgcolor: "background.secondary", color: "text.primary" }, props === null || props === void 0 ? void 0 : props.sx), baseClass: 'paper', ref: ref, children: children })));
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    let [props] = useInterface("Paper", rest, {});
+    return (jsx(Tag, Object.assign({}, props, { sxr: Object.assign({ shadow: 1, radius: 1, p: 1.5, bgcolor: "background.secondary", color: "text.primary" }, props === null || props === void 0 ? void 0 : props.sx), baseClass: 'paper', ref: ref, children: children })));
 });
 
-module.exports = Paper;
+export { Paper as default };
 //# sourceMappingURL=index.js.map

package/Paper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Paper/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType, useInterface } from '@xanui/core';\r\n\r\nexport type PaperProps<T extends TagComponentType = \"div\"> = TagProps<T>\r\n\r\nconst Paper = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...rest }: PaperProps<T>, ref?: React.Ref<any>) => {\r\n    let [props] = useInterface<any>(\"Paper\", rest, {})\r\n    return (\r\n        <Tag\r\n            {...props}\r\n            sxr={{\r\n                shadow: 1,\r\n                radius: 1,\r\n                p: 1.5,\r\n                bgcolor: \"background.secondary\",\r\n                color: \"text.primary\",\r\n                ...props?.sx\r\n            }}\r\n            baseClass='paper'\r\n            ref={ref}\r\n        >{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default Paper\r\n"],"names":["__rest","useInterface","_jsx","Tag"],"mappings":";;;;;;;AAMA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAoC,EAAE,GAAoB,KAAI;AAA9D,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA0B,EAArB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;AACnF,IAAA,IAAI,CAAC,KAAK,CAAC,GAAGC,iBAAY,CAAM,OAAO,EAAE,IAAI,EAAE,EAAE,CAAC;IAClD,QACIC,eAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,KAAK,EAAA,EACT,GAAG,kBACC,MAAM,EAAE,CAAC,EACT,MAAM,EAAE,CAAC,EACT,CAAC,EAAE,GAAG,EACN,OAAO,EAAE,sBAAsB,EAC/B,KAAK,EAAE,cAAc,EAAA,EAClB,KAAK,aAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,EAAE,CAAA,EAEhB,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/Paper/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType, useInterface } from '@xanui/core';\r\n\r\nexport type PaperProps<T extends TagComponentType = \"div\"> = TagProps<T>\r\n\r\nconst Paper = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...rest }: PaperProps<T>, ref?: React.Ref<any>) => {\r\n    let [props] = useInterface<any>(\"Paper\", rest, {})\r\n    return (\r\n        <Tag\r\n            {...props}\r\n            sxr={{\r\n                shadow: 1,\r\n                radius: 1,\r\n                p: 1.5,\r\n                bgcolor: \"background.secondary\",\r\n                color: \"text.primary\",\r\n                ...props?.sx\r\n            }}\r\n            baseClass='paper'\r\n            ref={ref}\r\n        >{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default Paper\r\n"],"names":["_jsx"],"mappings":";;;;;AAMA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAoC,EAAE,GAAoB,KAAI;AAA9D,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA0B,EAArB,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;AACnF,IAAA,IAAI,CAAC,KAAK,CAAC,GAAG,YAAY,CAAM,OAAO,EAAE,IAAI,EAAE,EAAE,CAAC;IAClD,QACIA,IAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,KAAK,EAAA,EACT,GAAG,kBACC,MAAM,EAAE,CAAC,EACT,MAAM,EAAE,CAAC,EACT,CAAC,EAAE,GAAG,EACN,OAAO,EAAE,sBAAsB,EAC/B,KAAK,EAAE,cAAc,EAAA,EAClB,KAAK,aAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,EAAE,CAAA,EAEhB,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC;;;;"}

package/Portal/index.cjs

@@ -0,0 +1,27 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var ReactDOM = require('react-dom');
+var core = require('@xanui/core');
+
+const Portal = ({ children, appendTo, container }) => {
+    const theme = core.useTheme();
+    appendTo = appendTo || document.body;
+    const c = React.useMemo(() => {
+        let _con = container || document.createElement("div");
+        appendTo.appendChild(_con);
+        _con.className = "xui-portal";
+        return _con;
+    }, [container]);
+    React.useEffect(() => {
+        return () => {
+            appendTo.removeChild(c);
+        };
+    }, []);
+    return ReactDOM.createPortal(jsxRuntime.jsx(core.ThemeProvider, { theme: theme.name, children: children }), c);
+};
+
+module.exports = Portal;
+//# sourceMappingURL=index.cjs.map

package/Portal/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","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    }, [container])\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;AACJ;;AAGI;AACK;AACL;;AAGJ;AAMJ;;"}

package/Portal/index.js

@@ -1,27 +1,25 @@
 "use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var ReactDOM = require('react-dom');
-var core = require('@xanui/core');
+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 = core.useTheme();
+    const theme = useTheme();
     appendTo = appendTo || document.body;
-    const c = React.useMemo(() => {
+    const c = useMemo(() => {
         let _con = container || document.createElement("div");
         appendTo.appendChild(_con);
         _con.className = "xui-portal";
         return _con;
     }, [container]);
-    React.useEffect(() => {
+    useEffect(() => {
         return () => {
             appendTo.removeChild(c);
         };
     }, []);
-    return ReactDOM.createPortal(jsxRuntime.jsx(core.ThemeProvider, { theme: theme.name, children: children }), c);
+    return ReactDOM.createPortal(jsx(ThemeProvider, { theme: theme.name, children: children }), c);
 };
 
-module.exports = Portal;
+export { Portal as default };
 //# sourceMappingURL=index.js.map

package/Portal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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    }, [container])\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;AACJ;;AAGI;AACK;AACL;;AAGJ;AAMJ;;"}
+{"version":3,"file":"index.js","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    }, [container])\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;AACJ;;AAGI;AACK;AACL;;AAGJ;AAMJ;;"}

package/Radio/index.cjs

@@ -0,0 +1,16 @@
+'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.cjs');
+
+const Radio = React.forwardRef((props, ref) => {
+    let [rest] = core.useInterface("Radio", props, {});
+    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.cjs.map

package/Radio/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","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.js

@@ -1,16 +1,14 @@
-'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');
+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.js';
 
 const Radio = React.forwardRef((props, ref) => {
-    let [rest] = core.useInterface("Radio", props, {});
-    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) || [])] }));
+    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) || [])] }));
 });
 
-module.exports = Radio;
+export { Radio as default };
 //# sourceMappingURL=index.js.map

package/Radio/index.js.map

@@ -1 +1 @@
-{"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;;;;"}
+{"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":["_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.cjs

@@ -0,0 +1,59 @@
+"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);
+    React.useImperativeHandle(ref, () => ({
+        scrollTo(pos) {
+            var _a;
+            (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
+                top: pos,
+                behavior: "smooth"
+            });
+        },
+        scrollToBottom() {
+            if (!innerRef.current)
+                return;
+            const ele = innerRef.current;
+            ele.scrollTo({
+                top: ele.scrollHeight,
+                behavior: "smooth"
+            });
+        },
+        scrollToTop() {
+            var _a;
+            (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
+                top: 0,
+                behavior: "smooth"
+            });
+        }
+    }));
+    if (onScroll || onScrollEnd) {
+        props.onScroll = (e) => {
+            if (onScrollEnd) {
+                const ele = e.target;
+                const scrollTop = ele.scrollTop;
+                const scrollHeight = ele.scrollHeight;
+                const clientHeight = ele.clientHeight;
+                const isScrollDown = scrollHeight - scrollTop <= clientHeight + 1;
+                isScrollDown && onScrollEnd(e);
+            }
+            onScroll && onScroll(e);
+        };
+    }
+    return (jsxRuntime.jsx(core.Tag, Object.assign({}, props, { ref: innerRef, baseClass: 'scrollbar', sxr: {
+            height: "100%",
+            width: "100%",
+            overflow: "auto",
+        }, children: children })));
+});
+
+module.exports = Scrollbar;
+//# sourceMappingURL=index.cjs.map

package/Scrollbar/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","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.js

@@ -1,16 +1,14 @@
 "use client";
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@xanui/core');
-var React = require('react');
+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 = tslib.__rest(_a, ["children"]);
-    let [_b] = core.useInterface("Scrollbar", rest, {}), { onScroll, onScrollEnd } = _b, props = tslib.__rest(_b, ["onScroll", "onScrollEnd"]);
-    const innerRef = React.useRef(null);
-    React.useImperativeHandle(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);
+    useImperativeHandle(ref, () => ({
         scrollTo(pos) {
             var _a;
             (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
@@ -48,12 +46,12 @@ const Scrollbar = React.forwardRef((_a, ref) => {
             onScroll && onScroll(e);
         };
     }
-    return (jsxRuntime.jsx(core.Tag, Object.assign({}, props, { ref: innerRef, baseClass: 'scrollbar', sxr: {
+    return (jsx(Tag, Object.assign({}, props, { ref: innerRef, baseClass: 'scrollbar', sxr: {
             height: "100%",
             width: "100%",
             overflow: "auto",
         }, children: children })));
 });
 
-module.exports = Scrollbar;
+export { Scrollbar as default };
 //# sourceMappingURL=index.js.map

package/Scrollbar/index.js.map

@@ -1 +1 @@
-{"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;;"}
+{"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/Select/index.cjs

@@ -0,0 +1,59 @@
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index = require('../Input/index.cjs');
+var index$3 = require('../List/index.cjs');
+var index$2 = require('../Menu/index.cjs');
+var index$1 = require('../Stack/index.cjs');
+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, _f, _g;
+    var { onChange, value, children, error, helperText, name, refs } = _a, props = tslib.__rest(_a, ["onChange", "value", "children", "error", "helperText", "name", "refs"]);
+    let [_h] = core.useInterface("Select", props, {}), { slotProps, color, variant } = _h, inputProps = tslib.__rest(_h, ["slotProps", "color", "variant"]);
+    color !== null && color !== void 0 ? color : (color = "brand");
+    variant !== null && variant !== void 0 ? variant : (variant = "fill");
+    const [target, setTarget] = React.useState();
+    const conRef = React.useRef(null);
+    const { childs, selectedProps } = React.useMemo(() => {
+        let sProps = {};
+        const c = React.Children.map(children, (child) => {
+            let selected = child.props.value === value;
+            if (selected)
+                sProps = child.props;
+            return React.cloneElement(child, {
+                value: undefined,
+                selected,
+                onClick: () => {
+                    setTarget(null);
+                    onChange && onChange(child.props.value);
+                }
+            });
+        });
+        return {
+            childs: c,
+            selectedProps: sProps
+        };
+    }, [children, value]);
+    const mergeRefs = core.useMergeRefs(ref, conRef);
+    const toggleMenu = () => setTarget(target ? null : conRef.current);
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(index, Object.assign({ ref: mergeRefs, 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, error: error, helperText: helperText, name: name }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.input, inputProps, { refs: Object.assign({ input: refs === null || refs === void 0 ? void 0 : refs.input }, (_b = slotProps === null || slotProps === void 0 ? void 0 : slotProps.input) === null || _b === void 0 ? void 0 : _b.refs), slotProps: {
+                    rootContainer: Object.assign(Object.assign({ cursor: "pointer", userSelect: "none" }, (((_d = (_c = slotProps === null || slotProps === void 0 ? void 0 : slotProps.input) === null || _c === void 0 ? void 0 : _c.slotProps) === null || _d === void 0 ? void 0 : _d.container) || {})), { onClick: () => {
+                            if (!target) {
+                                toggleMenu();
+                            }
+                        } })
+                } })), jsxRuntime.jsx(index$2, Object.assign({ ref: refs === null || refs === void 0 ? void 0 : refs.menu, target: target, placement: "bottom-left" }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.menu, { slotProps: Object.assign(Object.assign({}, (_e = slotProps === null || slotProps === void 0 ? void 0 : slotProps.menu) === null || _e === void 0 ? void 0 : _e.slotProps), { content: Object.assign(Object.assign({ mt: .5 }, (_f = slotProps === null || slotProps === void 0 ? void 0 : slotProps.menu) === null || _f === void 0 ? void 0 : _f.content), { width: conRef && ((_g = conRef === null || conRef === void 0 ? void 0 : conRef.current) === null || _g === void 0 ? void 0 : _g.clientWidth) }) }), onClickOutside: (e) => {
+                    if (conRef.current.contains(e.target))
+                        return;
+                    toggleMenu();
+                }, children: jsxRuntime.jsx(index$3, Object.assign({ ref: refs === null || refs === void 0 ? void 0 : refs.list }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.list, { color: color, variant: variant === "outline" ? "fill" : variant, children: childs })) }))] }));
+});
+
+module.exports = Select;
+//# sourceMappingURL=index.cjs.map

package/Select/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","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 { useInterface, useMergeRefs } from '@xanui/core'\r\n\r\n\r\nexport type SelectProps = Omit<InputProps, \"onChange\" | \"value\" | \"children\" | \"slotProps\"> & {\r\n    value?: string | number;\r\n    onChange?: (value: string | number) => void;\r\n    children: ReactElement<OptionProps> | ReactElement<OptionProps>[];\r\n\r\n    refs?: {\r\n        input?: React.Ref<any>;\r\n        menu?: React.Ref<any>;\r\n        list?: React.Ref<any>;\r\n    };\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, error, helperText, name, refs, ...props }: SelectProps, ref: React.Ref<any>) => {\r\n    let [{ slotProps, color, variant, ...inputProps }] = 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 mergeRefs = useMergeRefs(ref, conRef)\r\n    const toggleMenu = () => setTarget(target ? null : conRef.current)\r\n\r\n    return (\r\n        <>\r\n            <Input\r\n                ref={mergeRefs}\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                error={error}\r\n                helperText={helperText}\r\n                name={name}\r\n                {...slotProps?.input}\r\n                {...inputProps}\r\n                refs={{\r\n                    input: refs?.input,\r\n                    ...slotProps?.input?.refs\r\n                }}\r\n                slotProps={{\r\n                    rootContainer: {\r\n                        cursor: \"pointer\",\r\n                        userSelect: \"none\",\r\n                        ...(slotProps?.input?.slotProps?.container || {}),\r\n                        onClick: () => {\r\n                            if (!target) {\r\n                                toggleMenu()\r\n                            }\r\n                        },\r\n                    }\r\n                }}\r\n            />\r\n            <Menu\r\n                ref={refs?.menu}\r\n                target={target}\r\n                placement=\"bottom-left\"\r\n                {...slotProps?.menu}\r\n                slotProps={{\r\n                    ...slotProps?.menu?.slotProps,\r\n                    content: {\r\n                        mt: .5,\r\n                        ...slotProps?.menu?.content,\r\n                        width: conRef && (conRef?.current as any)?.clientWidth,\r\n                    }\r\n                }}\r\n                onClickOutside={(e) => {\r\n                    if ((conRef.current as any).contains(e.target)) return;\r\n                    toggleMenu()\r\n                }}\r\n            >\r\n                <List\r\n                    ref={refs?.list}\r\n                    {...slotProps?.list}\r\n                    color={color}\r\n                    variant={variant === \"outline\" ? \"fill\" : 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":";;;;;;;;;;;;;;AA8BA;;AAAiC;;;;;AAK7B;;;;;AAKQ;AAAc;;AAEV;;;;;;AAMH;AACL;;AAEI;AACA;;AAER;;AAGA;AAEA;AAuBgB;;AAMY;;AAER;AAEP;;;AAiBG;;AAcpB;;"}