@xanui/ui 1.1.17 → 1.1.19

package/Text/index.js

@@ -1,4 +1,11 @@
-'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 Text = 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 Text = React.forwardRef((_a, ref) => {
     var _b;
     var { children, variant } = _a, props = tslib.__rest(_a, ["children", "variant"]);
     const _p = {};
@@ -12,4 +19,7 @@
             fontWeight: variant,
             color: "text.primary",
         }, baseClass: 'text', ref: ref, children: children })));
-});exports.default=Text;//# sourceMappingURL=index.js.map
+});
+
+module.exports = Text;
+//# sourceMappingURL=index.js.map

package/Text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Text/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type TextProps<T extends TagComponentType = \"p\"> = TagProps<T> & {\n    variant?: useBreakpointPropsType<\"text\" | \"button\" | \"small\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\">\n}\n\nconst Text = React.forwardRef(<T extends TagComponentType = \"p\">({ children, variant, ...props }: TextProps<T>, ref?: React.Ref<any>) => {\n    const _p: any = {}\n    if (variant) _p.variant = variant\n    const p: any = useBreakpointProps(_p)\n    variant = p.variant ?? 'text'\n\n    return (\n        <Tag\n            component={(variant as string).startsWith('h') ? variant as any : \"p\"}\n            {...props}\n            sxr={{\n                fontSize: variant,\n                lineHeight: variant,\n                fontWeight: variant,\n                color: \"text.primary\",\n            }}\n            baseClass='text'\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default Text\n"],"names":["__rest","useBreakpointProps","_jsx","Tag"],"mappings":"4LASA,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,CAAmC,EAA6C,EAAE,GAAoB,KAAI;;QAAvE,EAAE,QAAQ,EAAE,OAAO,EAAA,GAAA,EAA0B,EAArB,KAAK,GAAAA,YAAA,CAAA,EAAA,EAA7B,uBAA+B,CAAF;IAC1F,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,OAAO;AAAE,QAAA,EAAE,CAAC,OAAO,GAAG,OAAO;AACjC,IAAA,MAAM,CAAC,GAAQC,uBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,OAAO,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,MAAM;IAE7B,QACIC,cAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,SAAS,EAAG,OAAkB,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,OAAc,GAAG,GAAG,EAAA,EACjE,KAAK,EAAA,EACT,GAAG,EAAE;AACD,YAAA,QAAQ,EAAE,OAAO;AACjB,YAAA,UAAU,EAAE,OAAO;AACnB,YAAA,UAAU,EAAE,OAAO;AACnB,YAAA,KAAK,EAAE,cAAc;SACxB,EACD,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC"}
+{"version":3,"file":"index.js","sources":["../../src/Text/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type TextProps<T extends TagComponentType = \"p\"> = TagProps<T> & {\n    variant?: useBreakpointPropsType<\"text\" | \"button\" | \"small\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\">\n}\n\nconst Text = React.forwardRef(<T extends TagComponentType = \"p\">({ children, variant, ...props }: TextProps<T>, ref?: React.Ref<any>) => {\n    const _p: any = {}\n    if (variant) _p.variant = variant\n    const p: any = useBreakpointProps(_p)\n    variant = p.variant ?? 'text'\n\n    return (\n        <Tag\n            component={(variant as string).startsWith('h') ? variant as any : \"p\"}\n            {...props}\n            sxr={{\n                fontSize: variant,\n                lineHeight: variant,\n                fontWeight: variant,\n                color: \"text.primary\",\n            }}\n            baseClass='text'\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default Text\n"],"names":["__rest","useBreakpointProps","_jsx","Tag"],"mappings":";;;;;;;AASA,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,CAAmC,EAA6C,EAAE,GAAoB,KAAI;;QAAvE,EAAE,QAAQ,EAAE,OAAO,EAAA,GAAA,EAA0B,EAArB,KAAK,GAAAA,YAAA,CAAA,EAAA,EAA7B,uBAA+B,CAAF;IAC1F,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,OAAO;AAAE,QAAA,EAAE,CAAC,OAAO,GAAG,OAAO;AACjC,IAAA,MAAM,CAAC,GAAQC,uBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,OAAO,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,MAAM;IAE7B,QACIC,cAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,SAAS,EAAG,OAAkB,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,OAAc,GAAG,GAAG,EAAA,EACjE,KAAK,EAAA,EACT,GAAG,EAAE;AACD,YAAA,QAAQ,EAAE,OAAO;AACjB,YAAA,UAAU,EAAE,OAAO;AACnB,YAAA,UAAU,EAAE,OAAO;AACnB,YAAA,KAAK,EAAE,cAAc;SACxB,EACD,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC;;;;"}

package/Text/index.mjs

@@ -1,4 +1,9 @@
-import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import React from'react';import {useBreakpointProps,Tag}from'@xanui/core';const Text = React.forwardRef((_a, ref) => {
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { useBreakpointProps, Tag } from '@xanui/core';
+
+const Text = React.forwardRef((_a, ref) => {
     var _b;
     var { children, variant } = _a, props = __rest(_a, ["children", "variant"]);
     const _p = {};
@@ -12,4 +17,7 @@ import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import React from
             fontWeight: variant,
             color: "text.primary",
         }, baseClass: 'text', ref: ref, children: children })));
-});export{Text as default};//# sourceMappingURL=index.mjs.map
+});
+
+export { Text as default };
+//# sourceMappingURL=index.mjs.map

package/Text/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Text/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type TextProps<T extends TagComponentType = \"p\"> = TagProps<T> & {\n    variant?: useBreakpointPropsType<\"text\" | \"button\" | \"small\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\">\n}\n\nconst Text = React.forwardRef(<T extends TagComponentType = \"p\">({ children, variant, ...props }: TextProps<T>, ref?: React.Ref<any>) => {\n    const _p: any = {}\n    if (variant) _p.variant = variant\n    const p: any = useBreakpointProps(_p)\n    variant = p.variant ?? 'text'\n\n    return (\n        <Tag\n            component={(variant as string).startsWith('h') ? variant as any : \"p\"}\n            {...props}\n            sxr={{\n                fontSize: variant,\n                lineHeight: variant,\n                fontWeight: variant,\n                color: \"text.primary\",\n            }}\n            baseClass='text'\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default Text\n"],"names":["_jsx"],"mappings":"yIASA,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,CAAmC,EAA6C,EAAE,GAAoB,KAAI;;QAAvE,EAAE,QAAQ,EAAE,OAAO,EAAA,GAAA,EAA0B,EAArB,KAAK,GAAA,MAAA,CAAA,EAAA,EAA7B,uBAA+B,CAAF;IAC1F,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,OAAO;AAAE,QAAA,EAAE,CAAC,OAAO,GAAG,OAAO;AACjC,IAAA,MAAM,CAAC,GAAQ,kBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,OAAO,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,MAAM;IAE7B,QACIA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,SAAS,EAAG,OAAkB,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,OAAc,GAAG,GAAG,EAAA,EACjE,KAAK,EAAA,EACT,GAAG,EAAE;AACD,YAAA,QAAQ,EAAE,OAAO;AACjB,YAAA,UAAU,EAAE,OAAO;AACnB,YAAA,UAAU,EAAE,OAAO;AACnB,YAAA,KAAK,EAAE,cAAc;SACxB,EACD,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC"}
+{"version":3,"file":"index.mjs","sources":["../../src/Text/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type TextProps<T extends TagComponentType = \"p\"> = TagProps<T> & {\n    variant?: useBreakpointPropsType<\"text\" | \"button\" | \"small\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\">\n}\n\nconst Text = React.forwardRef(<T extends TagComponentType = \"p\">({ children, variant, ...props }: TextProps<T>, ref?: React.Ref<any>) => {\n    const _p: any = {}\n    if (variant) _p.variant = variant\n    const p: any = useBreakpointProps(_p)\n    variant = p.variant ?? 'text'\n\n    return (\n        <Tag\n            component={(variant as string).startsWith('h') ? variant as any : \"p\"}\n            {...props}\n            sxr={{\n                fontSize: variant,\n                lineHeight: variant,\n                fontWeight: variant,\n                color: \"text.primary\",\n            }}\n            baseClass='text'\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default Text\n"],"names":["_jsx"],"mappings":";;;;;AASA,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,CAAmC,EAA6C,EAAE,GAAoB,KAAI;;QAAvE,EAAE,QAAQ,EAAE,OAAO,EAAA,GAAA,EAA0B,EAArB,KAAK,GAAA,MAAA,CAAA,EAAA,EAA7B,uBAA+B,CAAF;IAC1F,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,OAAO;AAAE,QAAA,EAAE,CAAC,OAAO,GAAG,OAAO;AACjC,IAAA,MAAM,CAAC,GAAQ,kBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,OAAO,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,MAAM;IAE7B,QACIA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,SAAS,EAAG,OAAkB,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,OAAc,GAAG,GAAG,EAAA,EACjE,KAAK,EAAA,EACT,GAAG,EAAE;AACD,YAAA,QAAQ,EAAE,OAAO;AACjB,YAAA,UAAU,EAAE,OAAO;AACnB,YAAA,UAAU,EAAE,OAAO;AACnB,YAAA,KAAK,EAAE,cAAc;SACxB,EACD,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC;;;;"}

package/Toast/index.js

@@ -1,4 +1,15 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),client=require('react-dom/client'),core=require('@xanui/core'),React=require('react'),index$1=require('../Alert/index.js'),index=require('../Scrollbar/index.js');const formatPacement = (placement) => {
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var client = require('react-dom/client');
+var core = require('@xanui/core');
+var React = require('react');
+var index$1 = require('../Alert/index.js');
+var index = require('../Scrollbar/index.js');
+
+const formatPacement = (placement) => {
     let sx = {};
     let transition = "";
     switch (placement) {
@@ -60,7 +71,7 @@ const ToastView = (props) => {
             setTimer(setTimeout(() => {
                 setOpen(false);
             }, 6000));
-        }, children: jsxRuntime.jsx(index$1.default, Object.assign({ shadow: 2, variant: "fill", color: "brand" }, rest, { mode: "item", mb: 1, onMouseEnter: () => {
+        }, children: jsxRuntime.jsx(index$1, Object.assign({ shadow: 2, variant: "fill", color: "brand" }, rest, { mode: "item", mb: 1, onMouseEnter: () => {
                 clearTimeout(timer);
             }, onMouseLeave: () => {
                 setTimer(setTimeout(() => {
@@ -85,7 +96,7 @@ const Toast = (props) => {
         const appRoot = core.appRootElement();
         appRoot.appendChild(wrapperEle);
         const wrapperRoot = client.createRoot(wrapperEle);
-        wrapperRoot.render(jsxRuntime.jsx(index.default, { p: 1, overflow: "hidden", className: wrapperClassName, sx: Object.assign({ position: "fixed", zIndex: 99999999, display: "flex", justifyContent: "flex-end", flexDirection: "column", width: 320, height: "auto", maxHeight: "100vh" }, sx) }));
+        wrapperRoot.render(jsxRuntime.jsx(index, { p: 1, overflow: "hidden", className: wrapperClassName, sx: Object.assign({ position: "fixed", zIndex: 99999999, display: "flex", justifyContent: "flex-end", flexDirection: "column", width: 320, height: "auto", maxHeight: "100vh" }, sx) }));
     }
     setTimeout(() => {
         const wrapper = document.querySelector(`.${wrapperClassName}`);
@@ -103,4 +114,7 @@ const Toast = (props) => {
                 }
             } })));
     }, 5);
-};exports.default=Toast;//# sourceMappingURL=index.js.map
+};
+
+module.exports = Toast;
+//# sourceMappingURL=index.js.map

package/Toast/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Toast/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { createRoot } from \"react-dom/client\";\nimport { appRootElement, UseColorTemplateColor, UseColorTemplateType, Transition, useBreakpointPropsType } from \"@xanui/core\";\nimport React, { ReactElement } from \"react\";\nimport Alert, { AlertProps } from \"../Alert\";\nimport Scrollbar from \"../Scrollbar\";\n\ntype PlacementType = \"top-left\" | \"top-center\" | \"top-right\" | \"bottom-left\" | \"bottom-center\" | \"bottom-right\"\n\nexport type UseToastProps = {\n    title?: useBreakpointPropsType<string | ReactElement>;\n    content?: AlertProps['children'];\n    variant?: useBreakpointPropsType<UseColorTemplateType>;\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\n    icon?: useBreakpointPropsType<\"info\" | \"warning\" | \"success\" | \"error\" | false | ReactElement>;\n    placement?: PlacementType;\n    closeable?: useBreakpointPropsType<boolean>;\n}\n\n\nconst formatPacement = (placement: PlacementType) => {\n    let sx: any = {}\n    let transition: any = \"\"\n    switch (placement) {\n        case \"top-left\":\n            sx = {\n                top: 0,\n                left: 0\n            }\n            transition = \"fadeRight\"\n            break;\n        case \"top-right\":\n            sx = {\n                top: 0,\n                right: 0\n            }\n            transition = \"fadeLeft\"\n            break;\n        case \"top-center\":\n            sx = {\n                top: 0,\n                left: \"50%\",\n                transform: \"translateX(-50%)\"\n            }\n            transition = \"fadeDown\"\n            break;\n        case \"bottom-right\":\n            sx = {\n                bottom: 0,\n                right: 0\n            }\n            transition = \"fadeLeft\"\n            break;\n        case \"bottom-left\":\n            sx = {\n                bottom: 0,\n                left: 0\n            }\n            transition = \"fadeRight\"\n            break;\n        case \"bottom-center\":\n            sx = {\n                bottom: 0,\n                left: \"50%\",\n                transform: \"translateX(-50%)\"\n            }\n            transition = \"fadeUp\"\n            break;\n    }\n    return { sx, transition }\n}\n\nconst ToastView = (props: UseToastProps & { onClosed: () => void }) => {\n    const [open, setOpen] = React.useState(true)\n    const [timer, setTimer] = React.useState<any>(null)\n    const { placement = \"bottom-right\", content, closeable, onClosed, ...rest } = props || {}\n    const { transition } = formatPacement(placement)\n\n    return (<Transition\n        open={open}\n        variant={transition}\n        onClosed={() => {\n            onClosed()\n        }}\n        onOpened={() => {\n            setTimer(setTimeout(() => {\n                setOpen(false)\n            }, 6000))\n        }}\n    >\n        <Alert\n            shadow={2}\n            variant=\"fill\"\n            color=\"brand\"\n            {...rest as any}\n            mode=\"item\"\n            mb={1}\n            onMouseEnter={() => {\n                clearTimeout(timer)\n            }}\n            onMouseLeave={() => {\n                setTimer(setTimeout(() => {\n                    setOpen(false)\n                }, 6000))\n            }}\n            onClose={closeable ? () => {\n                setOpen(false)\n            } : undefined}\n        >{content}</Alert>\n    </Transition>)\n}\n\nconst Toast = (props?: string | UseToastProps) => {\n    if (typeof props === \"string\") {\n        props = { content: props }\n    }\n    let { placement = \"bottom-right\", content, closeable, ...rest } = props || {}\n    const { sx } = formatPacement(placement)\n\n    const wrapperContainerClassName = `xui-toast-container-${placement}`\n    const wrapperClassName = `xui-toast-list-${placement}`\n    let wrapperEle = document.querySelector(`.${wrapperContainerClassName}`) as HTMLElement\n    if (!wrapperEle) {\n        wrapperEle = document.createElement('div')\n        wrapperEle.className = wrapperContainerClassName\n        const appRoot = appRootElement()\n        appRoot.appendChild(wrapperEle)\n\n        const wrapperRoot = createRoot(wrapperEle);\n        wrapperRoot.render(<Scrollbar\n            p={1}\n            overflow=\"hidden\"\n            className={wrapperClassName}\n            sx={{\n                position: \"fixed\",\n                zIndex: 99999999,\n                display: \"flex\",\n                justifyContent: \"flex-end\",\n                flexDirection: \"column\",\n                width: 320,\n                height: \"auto\",\n                maxHeight: \"100vh\",\n                ...sx\n            }}\n        >\n\n        </Scrollbar>);\n    }\n\n    setTimeout(() => {\n        const wrapper = document.querySelector(`.${wrapperClassName}`) as HTMLElement;\n        const div = document.createElement('div');\n        wrapper.appendChild(div);\n        const root = createRoot(div);\n\n        root.render(<ToastView\n            placement={placement}\n            content={content}\n            closeable={closeable}\n            {...rest}\n            onClosed={() => {\n                root.unmount();\n                wrapper.removeChild(div);\n                if (wrapper.children.length === 0) {\n                    const container = document.querySelector(`.${wrapperContainerClassName}`) as HTMLElement\n                    if (container) {\n                        appRootElement().removeChild(container);\n                    }\n                }\n            }}\n        />);\n    }, 5);\n\n}\n\nexport default Toast;"],"names":["__rest","_jsx","Transition","Alert","appRootElement","createRoot","Scrollbar"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/Toast/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { createRoot } from \"react-dom/client\";\nimport { appRootElement, UseColorTemplateColor, UseColorTemplateType, Transition, useBreakpointPropsType } from \"@xanui/core\";\nimport React, { ReactElement } from \"react\";\nimport Alert, { AlertProps } from \"../Alert\";\nimport Scrollbar from \"../Scrollbar\";\n\ntype PlacementType = \"top-left\" | \"top-center\" | \"top-right\" | \"bottom-left\" | \"bottom-center\" | \"bottom-right\"\n\nexport type UseToastProps = {\n    title?: useBreakpointPropsType<string | ReactElement>;\n    content?: AlertProps['children'];\n    variant?: useBreakpointPropsType<UseColorTemplateType>;\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\n    icon?: useBreakpointPropsType<\"info\" | \"warning\" | \"success\" | \"error\" | false | ReactElement>;\n    placement?: PlacementType;\n    closeable?: useBreakpointPropsType<boolean>;\n}\n\n\nconst formatPacement = (placement: PlacementType) => {\n    let sx: any = {}\n    let transition: any = \"\"\n    switch (placement) {\n        case \"top-left\":\n            sx = {\n                top: 0,\n                left: 0\n            }\n            transition = \"fadeRight\"\n            break;\n        case \"top-right\":\n            sx = {\n                top: 0,\n                right: 0\n            }\n            transition = \"fadeLeft\"\n            break;\n        case \"top-center\":\n            sx = {\n                top: 0,\n                left: \"50%\",\n                transform: \"translateX(-50%)\"\n            }\n            transition = \"fadeDown\"\n            break;\n        case \"bottom-right\":\n            sx = {\n                bottom: 0,\n                right: 0\n            }\n            transition = \"fadeLeft\"\n            break;\n        case \"bottom-left\":\n            sx = {\n                bottom: 0,\n                left: 0\n            }\n            transition = \"fadeRight\"\n            break;\n        case \"bottom-center\":\n            sx = {\n                bottom: 0,\n                left: \"50%\",\n                transform: \"translateX(-50%)\"\n            }\n            transition = \"fadeUp\"\n            break;\n    }\n    return { sx, transition }\n}\n\nconst ToastView = (props: UseToastProps & { onClosed: () => void }) => {\n    const [open, setOpen] = React.useState(true)\n    const [timer, setTimer] = React.useState<any>(null)\n    const { placement = \"bottom-right\", content, closeable, onClosed, ...rest } = props || {}\n    const { transition } = formatPacement(placement)\n\n    return (<Transition\n        open={open}\n        variant={transition}\n        onClosed={() => {\n            onClosed()\n        }}\n        onOpened={() => {\n            setTimer(setTimeout(() => {\n                setOpen(false)\n            }, 6000))\n        }}\n    >\n        <Alert\n            shadow={2}\n            variant=\"fill\"\n            color=\"brand\"\n            {...rest as any}\n            mode=\"item\"\n            mb={1}\n            onMouseEnter={() => {\n                clearTimeout(timer)\n            }}\n            onMouseLeave={() => {\n                setTimer(setTimeout(() => {\n                    setOpen(false)\n                }, 6000))\n            }}\n            onClose={closeable ? () => {\n                setOpen(false)\n            } : undefined}\n        >{content}</Alert>\n    </Transition>)\n}\n\nconst Toast = (props?: string | UseToastProps) => {\n    if (typeof props === \"string\") {\n        props = { content: props }\n    }\n    let { placement = \"bottom-right\", content, closeable, ...rest } = props || {}\n    const { sx } = formatPacement(placement)\n\n    const wrapperContainerClassName = `xui-toast-container-${placement}`\n    const wrapperClassName = `xui-toast-list-${placement}`\n    let wrapperEle = document.querySelector(`.${wrapperContainerClassName}`) as HTMLElement\n    if (!wrapperEle) {\n        wrapperEle = document.createElement('div')\n        wrapperEle.className = wrapperContainerClassName\n        const appRoot = appRootElement()\n        appRoot.appendChild(wrapperEle)\n\n        const wrapperRoot = createRoot(wrapperEle);\n        wrapperRoot.render(<Scrollbar\n            p={1}\n            overflow=\"hidden\"\n            className={wrapperClassName}\n            sx={{\n                position: \"fixed\",\n                zIndex: 99999999,\n                display: \"flex\",\n                justifyContent: \"flex-end\",\n                flexDirection: \"column\",\n                width: 320,\n                height: \"auto\",\n                maxHeight: \"100vh\",\n                ...sx\n            }}\n        >\n\n        </Scrollbar>);\n    }\n\n    setTimeout(() => {\n        const wrapper = document.querySelector(`.${wrapperClassName}`) as HTMLElement;\n        const div = document.createElement('div');\n        wrapper.appendChild(div);\n        const root = createRoot(div);\n\n        root.render(<ToastView\n            placement={placement}\n            content={content}\n            closeable={closeable}\n            {...rest}\n            onClosed={() => {\n                root.unmount();\n                wrapper.removeChild(div);\n                if (wrapper.children.length === 0) {\n                    const container = document.querySelector(`.${wrapperContainerClassName}`) as HTMLElement\n                    if (container) {\n                        appRootElement().removeChild(container);\n                    }\n                }\n            }}\n        />);\n    }, 5);\n\n}\n\nexport default Toast;"],"names":[],"mappings":";;;;;;;;;;;AAqBA;;;;AAIQ;AACI;AACI;AACA;;;;AAIR;AACI;AACI;AACA;;;;AAIR;AACI;AACI;AACA;AACA;;;;AAIR;AACI;AACI;AACA;;;;AAIR;AACI;AACI;AACA;;;;AAIR;AACI;AACI;AACA;AACA;;;;;AAKZ;AACJ;AAEA;AACI;AACA;;;AAIA;AAIQ;AACJ;AAEI;;AAEA;AACJ;;AAWI;AAEI;;AAEA;;;;AAOhB;AAEA;AACI;AACI;;AAEJ;;AAGA;AACA;;;AAGI;AACA;AACA;AACA;AAEA;;;;;;AAwBA;AACA;;;AASQ;;;;AAIQ;;;;;AAOxB;;"}

package/Toast/index.mjs

@@ -1,4 +1,13 @@
-import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import {createRoot}from'react-dom/client';import {appRootElement,Transition}from'@xanui/core';import React from'react';import Alert from'../Alert/index.mjs';import Scrollbar from'../Scrollbar/index.mjs';const formatPacement = (placement) => {
+"use client";
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import { createRoot } from 'react-dom/client';
+import { appRootElement, Transition } from '@xanui/core';
+import React from 'react';
+import Alert from '../Alert/index.mjs';
+import Scrollbar from '../Scrollbar/index.mjs';
+
+const formatPacement = (placement) => {
     let sx = {};
     let transition = "";
     switch (placement) {
@@ -103,4 +112,7 @@ const Toast = (props) => {
                 }
             } })));
     }, 5);
-};export{Toast as default};//# sourceMappingURL=index.mjs.map
+};
+
+export { Toast as default };
+//# sourceMappingURL=index.mjs.map

package/Toast/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Toast/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { createRoot } from \"react-dom/client\";\nimport { appRootElement, UseColorTemplateColor, UseColorTemplateType, Transition, useBreakpointPropsType } from \"@xanui/core\";\nimport React, { ReactElement } from \"react\";\nimport Alert, { AlertProps } from \"../Alert\";\nimport Scrollbar from \"../Scrollbar\";\n\ntype PlacementType = \"top-left\" | \"top-center\" | \"top-right\" | \"bottom-left\" | \"bottom-center\" | \"bottom-right\"\n\nexport type UseToastProps = {\n    title?: useBreakpointPropsType<string | ReactElement>;\n    content?: AlertProps['children'];\n    variant?: useBreakpointPropsType<UseColorTemplateType>;\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\n    icon?: useBreakpointPropsType<\"info\" | \"warning\" | \"success\" | \"error\" | false | ReactElement>;\n    placement?: PlacementType;\n    closeable?: useBreakpointPropsType<boolean>;\n}\n\n\nconst formatPacement = (placement: PlacementType) => {\n    let sx: any = {}\n    let transition: any = \"\"\n    switch (placement) {\n        case \"top-left\":\n            sx = {\n                top: 0,\n                left: 0\n            }\n            transition = \"fadeRight\"\n            break;\n        case \"top-right\":\n            sx = {\n                top: 0,\n                right: 0\n            }\n            transition = \"fadeLeft\"\n            break;\n        case \"top-center\":\n            sx = {\n                top: 0,\n                left: \"50%\",\n                transform: \"translateX(-50%)\"\n            }\n            transition = \"fadeDown\"\n            break;\n        case \"bottom-right\":\n            sx = {\n                bottom: 0,\n                right: 0\n            }\n            transition = \"fadeLeft\"\n            break;\n        case \"bottom-left\":\n            sx = {\n                bottom: 0,\n                left: 0\n            }\n            transition = \"fadeRight\"\n            break;\n        case \"bottom-center\":\n            sx = {\n                bottom: 0,\n                left: \"50%\",\n                transform: \"translateX(-50%)\"\n            }\n            transition = \"fadeUp\"\n            break;\n    }\n    return { sx, transition }\n}\n\nconst ToastView = (props: UseToastProps & { onClosed: () => void }) => {\n    const [open, setOpen] = React.useState(true)\n    const [timer, setTimer] = React.useState<any>(null)\n    const { placement = \"bottom-right\", content, closeable, onClosed, ...rest } = props || {}\n    const { transition } = formatPacement(placement)\n\n    return (<Transition\n        open={open}\n        variant={transition}\n        onClosed={() => {\n            onClosed()\n        }}\n        onOpened={() => {\n            setTimer(setTimeout(() => {\n                setOpen(false)\n            }, 6000))\n        }}\n    >\n        <Alert\n            shadow={2}\n            variant=\"fill\"\n            color=\"brand\"\n            {...rest as any}\n            mode=\"item\"\n            mb={1}\n            onMouseEnter={() => {\n                clearTimeout(timer)\n            }}\n            onMouseLeave={() => {\n                setTimer(setTimeout(() => {\n                    setOpen(false)\n                }, 6000))\n            }}\n            onClose={closeable ? () => {\n                setOpen(false)\n            } : undefined}\n        >{content}</Alert>\n    </Transition>)\n}\n\nconst Toast = (props?: string | UseToastProps) => {\n    if (typeof props === \"string\") {\n        props = { content: props }\n    }\n    let { placement = \"bottom-right\", content, closeable, ...rest } = props || {}\n    const { sx } = formatPacement(placement)\n\n    const wrapperContainerClassName = `xui-toast-container-${placement}`\n    const wrapperClassName = `xui-toast-list-${placement}`\n    let wrapperEle = document.querySelector(`.${wrapperContainerClassName}`) as HTMLElement\n    if (!wrapperEle) {\n        wrapperEle = document.createElement('div')\n        wrapperEle.className = wrapperContainerClassName\n        const appRoot = appRootElement()\n        appRoot.appendChild(wrapperEle)\n\n        const wrapperRoot = createRoot(wrapperEle);\n        wrapperRoot.render(<Scrollbar\n            p={1}\n            overflow=\"hidden\"\n            className={wrapperClassName}\n            sx={{\n                position: \"fixed\",\n                zIndex: 99999999,\n                display: \"flex\",\n                justifyContent: \"flex-end\",\n                flexDirection: \"column\",\n                width: 320,\n                height: \"auto\",\n                maxHeight: \"100vh\",\n                ...sx\n            }}\n        >\n\n        </Scrollbar>);\n    }\n\n    setTimeout(() => {\n        const wrapper = document.querySelector(`.${wrapperClassName}`) as HTMLElement;\n        const div = document.createElement('div');\n        wrapper.appendChild(div);\n        const root = createRoot(div);\n\n        root.render(<ToastView\n            placement={placement}\n            content={content}\n            closeable={closeable}\n            {...rest}\n            onClosed={() => {\n                root.unmount();\n                wrapper.removeChild(div);\n                if (wrapper.children.length === 0) {\n                    const container = document.querySelector(`.${wrapperContainerClassName}`) as HTMLElement\n                    if (container) {\n                        appRootElement().removeChild(container);\n                    }\n                }\n            }}\n        />);\n    }, 5);\n\n}\n\nexport default Toast;"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/Toast/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { createRoot } from \"react-dom/client\";\nimport { appRootElement, UseColorTemplateColor, UseColorTemplateType, Transition, useBreakpointPropsType } from \"@xanui/core\";\nimport React, { ReactElement } from \"react\";\nimport Alert, { AlertProps } from \"../Alert\";\nimport Scrollbar from \"../Scrollbar\";\n\ntype PlacementType = \"top-left\" | \"top-center\" | \"top-right\" | \"bottom-left\" | \"bottom-center\" | \"bottom-right\"\n\nexport type UseToastProps = {\n    title?: useBreakpointPropsType<string | ReactElement>;\n    content?: AlertProps['children'];\n    variant?: useBreakpointPropsType<UseColorTemplateType>;\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\n    icon?: useBreakpointPropsType<\"info\" | \"warning\" | \"success\" | \"error\" | false | ReactElement>;\n    placement?: PlacementType;\n    closeable?: useBreakpointPropsType<boolean>;\n}\n\n\nconst formatPacement = (placement: PlacementType) => {\n    let sx: any = {}\n    let transition: any = \"\"\n    switch (placement) {\n        case \"top-left\":\n            sx = {\n                top: 0,\n                left: 0\n            }\n            transition = \"fadeRight\"\n            break;\n        case \"top-right\":\n            sx = {\n                top: 0,\n                right: 0\n            }\n            transition = \"fadeLeft\"\n            break;\n        case \"top-center\":\n            sx = {\n                top: 0,\n                left: \"50%\",\n                transform: \"translateX(-50%)\"\n            }\n            transition = \"fadeDown\"\n            break;\n        case \"bottom-right\":\n            sx = {\n                bottom: 0,\n                right: 0\n            }\n            transition = \"fadeLeft\"\n            break;\n        case \"bottom-left\":\n            sx = {\n                bottom: 0,\n                left: 0\n            }\n            transition = \"fadeRight\"\n            break;\n        case \"bottom-center\":\n            sx = {\n                bottom: 0,\n                left: \"50%\",\n                transform: \"translateX(-50%)\"\n            }\n            transition = \"fadeUp\"\n            break;\n    }\n    return { sx, transition }\n}\n\nconst ToastView = (props: UseToastProps & { onClosed: () => void }) => {\n    const [open, setOpen] = React.useState(true)\n    const [timer, setTimer] = React.useState<any>(null)\n    const { placement = \"bottom-right\", content, closeable, onClosed, ...rest } = props || {}\n    const { transition } = formatPacement(placement)\n\n    return (<Transition\n        open={open}\n        variant={transition}\n        onClosed={() => {\n            onClosed()\n        }}\n        onOpened={() => {\n            setTimer(setTimeout(() => {\n                setOpen(false)\n            }, 6000))\n        }}\n    >\n        <Alert\n            shadow={2}\n            variant=\"fill\"\n            color=\"brand\"\n            {...rest as any}\n            mode=\"item\"\n            mb={1}\n            onMouseEnter={() => {\n                clearTimeout(timer)\n            }}\n            onMouseLeave={() => {\n                setTimer(setTimeout(() => {\n                    setOpen(false)\n                }, 6000))\n            }}\n            onClose={closeable ? () => {\n                setOpen(false)\n            } : undefined}\n        >{content}</Alert>\n    </Transition>)\n}\n\nconst Toast = (props?: string | UseToastProps) => {\n    if (typeof props === \"string\") {\n        props = { content: props }\n    }\n    let { placement = \"bottom-right\", content, closeable, ...rest } = props || {}\n    const { sx } = formatPacement(placement)\n\n    const wrapperContainerClassName = `xui-toast-container-${placement}`\n    const wrapperClassName = `xui-toast-list-${placement}`\n    let wrapperEle = document.querySelector(`.${wrapperContainerClassName}`) as HTMLElement\n    if (!wrapperEle) {\n        wrapperEle = document.createElement('div')\n        wrapperEle.className = wrapperContainerClassName\n        const appRoot = appRootElement()\n        appRoot.appendChild(wrapperEle)\n\n        const wrapperRoot = createRoot(wrapperEle);\n        wrapperRoot.render(<Scrollbar\n            p={1}\n            overflow=\"hidden\"\n            className={wrapperClassName}\n            sx={{\n                position: \"fixed\",\n                zIndex: 99999999,\n                display: \"flex\",\n                justifyContent: \"flex-end\",\n                flexDirection: \"column\",\n                width: 320,\n                height: \"auto\",\n                maxHeight: \"100vh\",\n                ...sx\n            }}\n        >\n\n        </Scrollbar>);\n    }\n\n    setTimeout(() => {\n        const wrapper = document.querySelector(`.${wrapperClassName}`) as HTMLElement;\n        const div = document.createElement('div');\n        wrapper.appendChild(div);\n        const root = createRoot(div);\n\n        root.render(<ToastView\n            placement={placement}\n            content={content}\n            closeable={closeable}\n            {...rest}\n            onClosed={() => {\n                root.unmount();\n                wrapper.removeChild(div);\n                if (wrapper.children.length === 0) {\n                    const container = document.querySelector(`.${wrapperContainerClassName}`) as HTMLElement\n                    if (container) {\n                        appRootElement().removeChild(container);\n                    }\n                }\n            }}\n        />);\n    }, 5);\n\n}\n\nexport default Toast;"],"names":[],"mappings":";;;;;;;;;AAqBA;;;;AAIQ;AACI;AACI;AACA;;;;AAIR;AACI;AACI;AACA;;;;AAIR;AACI;AACI;AACA;AACA;;;;AAIR;AACI;AACI;AACA;;;;AAIR;AACI;AACI;AACA;;;;AAIR;AACI;AACI;AACA;AACA;;;;;AAKZ;AACJ;AAEA;AACI;AACA;;;AAIA;AAIQ;AACJ;AAEI;;AAEA;AACJ;;AAWI;AAEI;;AAEA;;;;AAOhB;AAEA;AACI;AACI;;AAEJ;;AAGA;AACA;;;AAGI;AACA;AACA;AACA;AAEA;;;;;;AAwBA;AACA;;;AASQ;;;;AAIQ;;;;;AAOxB;;"}

package/Tooltip/index.js

@@ -1,4 +1,12 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var jsxRuntime=require('react/jsx-runtime'),React=require('react'),index=require('../Menu/index.js'),core=require('@xanui/core');const Tooltip = ({ children, title, variant, color, placement }) => {
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index = require('../Menu/index.js');
+var core = require('@xanui/core');
+
+const Tooltip = ({ children, title, variant, color, placement }) => {
     var _a, _b;
     const [target, setTarget] = React.useState();
     const _p = {};
@@ -23,7 +31,10 @@
         },
         onMouseLeave: () => setTarget(null)
     });
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [child, jsxRuntime.jsx(index.default, { target: target, placement: placement, slotProps: {
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [child, jsxRuntime.jsx(index, { target: target, placement: placement, slotProps: {
                     content: Object.assign(Object.assign({ p: .5, shadow: 1 }, template.primary), { bgcolor: color == "default" ? "background.primary" : template.primary.bgcolor })
                 }, children: title })] }));
-};exports.default=Tooltip;//# sourceMappingURL=index.js.map
+};
+
+module.exports = Tooltip;
+//# sourceMappingURL=index.js.map

package/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Tooltip/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Children, cloneElement, ReactElement, useState } from 'react'\nimport Menu, { MenuProps } from '../Menu'\nimport { useBreakpointProps, useColorTemplate, UseColorTemplateColor, UseColorTemplateType, useBreakpointPropsType } from '@xanui/core'\n\n\nexport type TooltipProps = {\n    children: ReactElement;\n    title: useBreakpointPropsType<string>;\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\n    variant?: useBreakpointPropsType<UseColorTemplateType>;\n    placement?: MenuProps['placement']\n}\n\nconst Tooltip = ({ children, title, variant, color, placement }: TooltipProps) => {\n    const [target, setTarget] = useState<any>()\n    const _p: any = {}\n    if (title) _p.title = title\n    if (color) _p.color = color\n    if (variant) _p.variant = variant\n    const p: any = useBreakpointProps(_p)\n    title = p.title\n    color = p.color ?? \"default\"\n    variant = p.variant ?? \"fill\"\n    placement ??= \"bottom\"\n\n    const template = useColorTemplate(color as any, variant as any)\n    if (!children || Array.isArray(children)) throw new Error(\"Invalid children in Toast\")\n    const first: any = Children.toArray(children).shift();\n    const child = cloneElement(first, {\n        onMouseEnter: (e) => {\n            setTarget(e.target)\n        },\n        onMouseLeave: () => setTarget(null)\n    })\n\n\n    return (\n        <>\n            {child}\n            <Menu\n                target={target}\n                placement={placement}\n                slotProps={{\n                    content: {\n                        p: .5,\n                        shadow: 1,\n                        ...template.primary,\n                        bgcolor: color == \"default\" ? \"background.primary\" : template.primary.bgcolor,\n                    }\n                }}\n            >\n                {title as any}\n            </Menu>\n        </>\n    )\n}\n\nexport default Tooltip"],"names":["useState","useBreakpointProps","useColorTemplate","Children","cloneElement","_jsxs","_Fragment","_jsx","Menu"],"mappings":"uMAeA,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAgB,KAAI;;IAC7E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,EAAO;IAC3C,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,KAAK;AAAE,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAC3B,IAAA,IAAI,KAAK;AAAE,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAC3B,IAAA,IAAI,OAAO;AAAE,QAAA,EAAE,CAAC,OAAO,GAAG,OAAO;AACjC,IAAA,MAAM,CAAC,GAAQC,uBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,KAAK,GAAG,CAAC,CAAC,KAAK;AACf,IAAA,KAAK,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,SAAS;AAC5B,IAAA,OAAO,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,MAAM;IAC7B,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAT,SAAS,IAAT,SAAS,GAAK,QAAQ,CAAA;IAEtB,MAAM,QAAQ,GAAGC,qBAAgB,CAAC,KAAY,EAAE,OAAc,CAAC;IAC/D,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC;IACtF,MAAM,KAAK,GAAQC,cAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE;AACrD,IAAA,MAAM,KAAK,GAAGC,kBAAY,CAAC,KAAK,EAAE;AAC9B,QAAA,YAAY,EAAE,CAAC,CAAC,KAAI;AAChB,YAAA,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;QACvB,CAAC;AACD,QAAA,YAAY,EAAE,MAAM,SAAS,CAAC,IAAI;AACrC,KAAA,CAAC;AAGF,IAAA,QACIC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACK,KAAK,EACNC,cAAA,CAACC,aAAI,EAAA,EACD,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE;AACP,oBAAA,OAAO,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EACH,CAAC,EAAE,EAAE,EACL,MAAM,EAAE,CAAC,EAAA,EACN,QAAQ,CAAC,OAAO,KACnB,OAAO,EAAE,KAAK,IAAI,SAAS,GAAG,oBAAoB,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAA;AAEpF,iBAAA,EAAA,QAAA,EAEA,KAAY,EAAA,CACV,CAAA,EAAA,CACR;AAEX"}
+{"version":3,"file":"index.js","sources":["../../src/Tooltip/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Children, cloneElement, ReactElement, useState } from 'react'\nimport Menu, { MenuProps } from '../Menu'\nimport { useBreakpointProps, useColorTemplate, UseColorTemplateColor, UseColorTemplateType, useBreakpointPropsType } from '@xanui/core'\n\n\nexport type TooltipProps = {\n    children: ReactElement;\n    title: useBreakpointPropsType<string>;\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\n    variant?: useBreakpointPropsType<UseColorTemplateType>;\n    placement?: MenuProps['placement']\n}\n\nconst Tooltip = ({ children, title, variant, color, placement }: TooltipProps) => {\n    const [target, setTarget] = useState<any>()\n    const _p: any = {}\n    if (title) _p.title = title\n    if (color) _p.color = color\n    if (variant) _p.variant = variant\n    const p: any = useBreakpointProps(_p)\n    title = p.title\n    color = p.color ?? \"default\"\n    variant = p.variant ?? \"fill\"\n    placement ??= \"bottom\"\n\n    const template = useColorTemplate(color as any, variant as any)\n    if (!children || Array.isArray(children)) throw new Error(\"Invalid children in Toast\")\n    const first: any = Children.toArray(children).shift();\n    const child = cloneElement(first, {\n        onMouseEnter: (e) => {\n            setTarget(e.target)\n        },\n        onMouseLeave: () => setTarget(null)\n    })\n\n\n    return (\n        <>\n            {child}\n            <Menu\n                target={target}\n                placement={placement}\n                slotProps={{\n                    content: {\n                        p: .5,\n                        shadow: 1,\n                        ...template.primary,\n                        bgcolor: color == \"default\" ? \"background.primary\" : template.primary.bgcolor,\n                    }\n                }}\n            >\n                {title as any}\n            </Menu>\n        </>\n    )\n}\n\nexport default Tooltip"],"names":[],"mappings":";;;;;;;;AAeA;;;;AAGI;AAAW;AACX;AAAW;AACX;AAAa;AACb;AACA;AACA;AACA;;;;AAI0C;;AAE1C;AACI;AACI;;AAEJ;AACH;AAGD;AAOgB;AAMH;AAMjB;;"}

package/Tooltip/index.mjs

@@ -1,4 +1,10 @@
-import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {useState,Children,cloneElement}from'react';import Menu from'../Menu/index.mjs';import {useBreakpointProps,useColorTemplate}from'@xanui/core';const Tooltip = ({ children, title, variant, color, placement }) => {
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, Children, cloneElement } from 'react';
+import Menu from '../Menu/index.mjs';
+import { useBreakpointProps, useColorTemplate } from '@xanui/core';
+
+const Tooltip = ({ children, title, variant, color, placement }) => {
     var _a, _b;
     const [target, setTarget] = useState();
     const _p = {};
@@ -26,4 +32,7 @@ import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {useState,Children,clon
     return (jsxs(Fragment, { children: [child, jsx(Menu, { target: target, placement: placement, slotProps: {
                     content: Object.assign(Object.assign({ p: .5, shadow: 1 }, template.primary), { bgcolor: color == "default" ? "background.primary" : template.primary.bgcolor })
                 }, children: title })] }));
-};export{Tooltip as default};//# sourceMappingURL=index.mjs.map
+};
+
+export { Tooltip as default };
+//# sourceMappingURL=index.mjs.map

package/Tooltip/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Tooltip/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Children, cloneElement, ReactElement, useState } from 'react'\nimport Menu, { MenuProps } from '../Menu'\nimport { useBreakpointProps, useColorTemplate, UseColorTemplateColor, UseColorTemplateType, useBreakpointPropsType } from '@xanui/core'\n\n\nexport type TooltipProps = {\n    children: ReactElement;\n    title: useBreakpointPropsType<string>;\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\n    variant?: useBreakpointPropsType<UseColorTemplateType>;\n    placement?: MenuProps['placement']\n}\n\nconst Tooltip = ({ children, title, variant, color, placement }: TooltipProps) => {\n    const [target, setTarget] = useState<any>()\n    const _p: any = {}\n    if (title) _p.title = title\n    if (color) _p.color = color\n    if (variant) _p.variant = variant\n    const p: any = useBreakpointProps(_p)\n    title = p.title\n    color = p.color ?? \"default\"\n    variant = p.variant ?? \"fill\"\n    placement ??= \"bottom\"\n\n    const template = useColorTemplate(color as any, variant as any)\n    if (!children || Array.isArray(children)) throw new Error(\"Invalid children in Toast\")\n    const first: any = Children.toArray(children).shift();\n    const child = cloneElement(first, {\n        onMouseEnter: (e) => {\n            setTarget(e.target)\n        },\n        onMouseLeave: () => setTarget(null)\n    })\n\n\n    return (\n        <>\n            {child}\n            <Menu\n                target={target}\n                placement={placement}\n                slotProps={{\n                    content: {\n                        p: .5,\n                        shadow: 1,\n                        ...template.primary,\n                        bgcolor: color == \"default\" ? \"background.primary\" : template.primary.bgcolor,\n                    }\n                }}\n            >\n                {title as any}\n            </Menu>\n        </>\n    )\n}\n\nexport default Tooltip"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"uMAeA,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAgB,KAAI;;IAC7E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAO;IAC3C,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,KAAK;AAAE,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAC3B,IAAA,IAAI,KAAK;AAAE,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAC3B,IAAA,IAAI,OAAO;AAAE,QAAA,EAAE,CAAC,OAAO,GAAG,OAAO;AACjC,IAAA,MAAM,CAAC,GAAQ,kBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,KAAK,GAAG,CAAC,CAAC,KAAK;AACf,IAAA,KAAK,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,SAAS;AAC5B,IAAA,OAAO,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,MAAM;IAC7B,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAT,SAAS,IAAT,SAAS,GAAK,QAAQ,CAAA;IAEtB,MAAM,QAAQ,GAAG,gBAAgB,CAAC,KAAY,EAAE,OAAc,CAAC;IAC/D,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC;IACtF,MAAM,KAAK,GAAQ,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE;AACrD,IAAA,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,EAAE;AAC9B,QAAA,YAAY,EAAE,CAAC,CAAC,KAAI;AAChB,YAAA,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;QACvB,CAAC;AACD,QAAA,YAAY,EAAE,MAAM,SAAS,CAAC,IAAI;AACrC,KAAA,CAAC;AAGF,IAAA,QACIA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACK,KAAK,EACNC,GAAA,CAAC,IAAI,EAAA,EACD,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE;AACP,oBAAA,OAAO,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EACH,CAAC,EAAE,EAAE,EACL,MAAM,EAAE,CAAC,EAAA,EACN,QAAQ,CAAC,OAAO,KACnB,OAAO,EAAE,KAAK,IAAI,SAAS,GAAG,oBAAoB,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAA;AAEpF,iBAAA,EAAA,QAAA,EAEA,KAAY,EAAA,CACV,CAAA,EAAA,CACR;AAEX"}
+{"version":3,"file":"index.mjs","sources":["../../src/Tooltip/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Children, cloneElement, ReactElement, useState } from 'react'\nimport Menu, { MenuProps } from '../Menu'\nimport { useBreakpointProps, useColorTemplate, UseColorTemplateColor, UseColorTemplateType, useBreakpointPropsType } from '@xanui/core'\n\n\nexport type TooltipProps = {\n    children: ReactElement;\n    title: useBreakpointPropsType<string>;\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\n    variant?: useBreakpointPropsType<UseColorTemplateType>;\n    placement?: MenuProps['placement']\n}\n\nconst Tooltip = ({ children, title, variant, color, placement }: TooltipProps) => {\n    const [target, setTarget] = useState<any>()\n    const _p: any = {}\n    if (title) _p.title = title\n    if (color) _p.color = color\n    if (variant) _p.variant = variant\n    const p: any = useBreakpointProps(_p)\n    title = p.title\n    color = p.color ?? \"default\"\n    variant = p.variant ?? \"fill\"\n    placement ??= \"bottom\"\n\n    const template = useColorTemplate(color as any, variant as any)\n    if (!children || Array.isArray(children)) throw new Error(\"Invalid children in Toast\")\n    const first: any = Children.toArray(children).shift();\n    const child = cloneElement(first, {\n        onMouseEnter: (e) => {\n            setTarget(e.target)\n        },\n        onMouseLeave: () => setTarget(null)\n    })\n\n\n    return (\n        <>\n            {child}\n            <Menu\n                target={target}\n                placement={placement}\n                slotProps={{\n                    content: {\n                        p: .5,\n                        shadow: 1,\n                        ...template.primary,\n                        bgcolor: color == \"default\" ? \"background.primary\" : template.primary.bgcolor,\n                    }\n                }}\n            >\n                {title as any}\n            </Menu>\n        </>\n    )\n}\n\nexport default Tooltip"],"names":[],"mappings":";;;;;;AAeA;;;;AAGI;AAAW;AACX;AAAW;AACX;AAAa;AACb;AACA;AACA;AACA;;;;AAI0C;;AAE1C;AACI;AACI;;AAEJ;AACH;AAGD;AAOgB;AAMH;AAMjB;;"}

package/ViewBox/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'),index=require('../Scrollbar/index.js'),core=require('@xanui/core');const ViewBox = React.forwardRef((_a, ref) => {
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index = require('../Scrollbar/index.js');
+var core = require('@xanui/core');
+
+const ViewBox = React.forwardRef((_a, ref) => {
     var _b;
     var { children } = _a, rest = tslib.__rest(_a, ["children"]);
     let [_c] = core.useInterface("ViewBox", rest, {}), { startContent, endContent, slotProps, horizental } = _c, props = tslib.__rest(_c, ["startContent", "endContent", "slotProps", "horizental"]);
@@ -17,5 +25,8 @@
             display: "flex",
             justifyContent: "space-between",
             flexDirection: horizental ? "row" : "column"
-        }, baseClass: 'viewbox', ref: ref, children: [startContent && jsxRuntime.jsx(core.Tag, { baseClass: 'viewbox-start-content', flexBox: true, flexDirection: horizental ? "row" : "column", children: startContent }), jsxRuntime.jsx(index.default, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.scrollbar, { className: 'viewbox-content', style: Object.assign({ flex: 1, display: "flex", flexDirection: horizental ? "row" : "column" }, (((_b = slotProps === null || slotProps === void 0 ? void 0 : slotProps.scrollbar) === null || _b === void 0 ? void 0 : _b.style) || {})), children: children })), endContent && jsxRuntime.jsx(core.Tag, { baseClass: 'viewbox-end-content', flexBox: true, flexDirection: horizental ? "row" : "column", children: endContent })] })));
-});exports.default=ViewBox;//# sourceMappingURL=index.js.map
+        }, baseClass: 'viewbox', ref: ref, children: [startContent && jsxRuntime.jsx(core.Tag, { baseClass: 'viewbox-start-content', flexBox: true, flexDirection: horizental ? "row" : "column", children: startContent }), jsxRuntime.jsx(index, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.scrollbar, { className: 'viewbox-content', style: Object.assign({ flex: 1, display: "flex", flexDirection: horizental ? "row" : "column" }, (((_b = slotProps === null || slotProps === void 0 ? void 0 : slotProps.scrollbar) === null || _b === void 0 ? void 0 : _b.style) || {})), children: children })), endContent && jsxRuntime.jsx(core.Tag, { baseClass: 'viewbox-end-content', flexBox: true, flexDirection: horizental ? "row" : "column", children: endContent })] })));
+});
+
+module.exports = ViewBox;
+//# sourceMappingURL=index.js.map

package/ViewBox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/ViewBox/index.tsx"],"sourcesContent":["\nimport React, { ReactElement } from 'react'\nimport Scrollbar, { ScrollbarProps } from '../Scrollbar'\nimport { Tag, TagProps, TagComponentType, useInterface, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type ViewBoxProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\n    startContent?: useBreakpointPropsType<ReactElement>;\n    endContent?: useBreakpointPropsType<ReactElement>;\n    horizental?: useBreakpointPropsType<boolean>;\n    slotProps?: {\n        scrollbar?: Omit<ScrollbarProps, 'children'>;\n    }\n}\n\n\nconst ViewBox = React.forwardRef(({ children, ...rest }: ViewBoxProps, ref?: any) => {\n    let [{ startContent, endContent, slotProps, horizental, ...props }] = useInterface<any>(\"ViewBox\", rest, {})\n    const _p: any = {}\n    if (startContent) _p.startContent = startContent\n    if (endContent) _p.endContent = endContent\n    if (horizental) _p.horizental = horizental\n    const p: any = useBreakpointProps(_p)\n    startContent = p.startContent\n    endContent = p.endContent\n    horizental = p.horizental\n\n    return (\n        <Tag\n            {...props}\n            sxr={{\n                display: \"flex\",\n                justifyContent: \"space-between\",\n                flexDirection: horizental ? \"row\" : \"column\"\n            }}\n            baseClass='viewbox'\n            ref={ref}\n        >\n            {startContent && <Tag baseClass='viewbox-start-content' flexBox flexDirection={horizental ? \"row\" : \"column\"}>{startContent}</Tag>}\n            <Scrollbar\n                {...slotProps?.scrollbar}\n                className='viewbox-content'\n                style={{\n                    flex: 1,\n                    display: \"flex\",\n                    flexDirection: horizental ? \"row\" : \"column\",\n                    ...(slotProps?.scrollbar?.style || {})\n                }}\n            >\n                {children}\n            </Scrollbar>\n            {endContent && <Tag baseClass='viewbox-end-content' flexBox flexDirection={horizental ? \"row\" : \"column\"}>{endContent}</Tag>}\n        </Tag>\n    )\n})\n\nexport default ViewBox\n"],"names":["__rest","useInterface","useBreakpointProps","_jsxs","Tag","_jsx","Scrollbar"],"mappings":"mOAgBA,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAAmC,EAAE,GAAS,KAAI;;AAAlD,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAyB,EAApB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACjD,IAAI,CAAA,EAAA,CAAA,GAAkEC,iBAAY,CAAM,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC,EAAvG,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAA,GAAA,EAAY,EAAP,KAAK,GAAAD,YAAA,CAAA,EAAA,EAA3D,CAAA,cAAA,EAAA,YAAA,EAAA,WAAA,EAAA,YAAA,CAA6D,CAA0C;IAC5G,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,YAAY;AAAE,QAAA,EAAE,CAAC,YAAY,GAAG,YAAY;AAChD,IAAA,IAAI,UAAU;AAAE,QAAA,EAAE,CAAC,UAAU,GAAG,UAAU;AAC1C,IAAA,IAAI,UAAU;AAAE,QAAA,EAAE,CAAC,UAAU,GAAG,UAAU;AAC1C,IAAA,MAAM,CAAC,GAAQE,uBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,YAAY,GAAG,CAAC,CAAC,YAAY;AAC7B,IAAA,UAAU,GAAG,CAAC,CAAC,UAAU;AACzB,IAAA,UAAU,GAAG,CAAC,CAAC,UAAU;AAEzB,IAAA,QACIC,eAAA,CAACC,QAAG,oBACI,KAAK,EAAA,EACT,GAAG,EAAE;AACD,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,cAAc,EAAE,eAAe;YAC/B,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG;SACvC,EACD,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAEP,YAAY,IAAIC,cAAA,CAACD,QAAG,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAA,IAAA,EAAC,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,QAAA,EAAG,YAAY,EAAA,CAAO,EAClIC,cAAA,CAACC,aAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACF,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,SAAS,EAAA,EACxB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EACD,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,GACxC,CAAA,MAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,KAAI,EAAE,EAAC,EAAA,QAAA,EAGzC,QAAQ,IACD,EACX,UAAU,IAAID,cAAA,CAACD,QAAG,EAAA,EAAC,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAA,IAAA,EAAC,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,QAAA,EAAG,UAAU,EAAA,CAAO,CAAA,EAAA,CAAA,CAC1H;AAEd,CAAC"}
+{"version":3,"file":"index.js","sources":["../../src/ViewBox/index.tsx"],"sourcesContent":["\nimport React, { ReactElement } from 'react'\nimport Scrollbar, { ScrollbarProps } from '../Scrollbar'\nimport { Tag, TagProps, TagComponentType, useInterface, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type ViewBoxProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\n    startContent?: useBreakpointPropsType<ReactElement>;\n    endContent?: useBreakpointPropsType<ReactElement>;\n    horizental?: useBreakpointPropsType<boolean>;\n    slotProps?: {\n        scrollbar?: Omit<ScrollbarProps, 'children'>;\n    }\n}\n\n\nconst ViewBox = React.forwardRef(({ children, ...rest }: ViewBoxProps, ref?: any) => {\n    let [{ startContent, endContent, slotProps, horizental, ...props }] = useInterface<any>(\"ViewBox\", rest, {})\n    const _p: any = {}\n    if (startContent) _p.startContent = startContent\n    if (endContent) _p.endContent = endContent\n    if (horizental) _p.horizental = horizental\n    const p: any = useBreakpointProps(_p)\n    startContent = p.startContent\n    endContent = p.endContent\n    horizental = p.horizental\n\n    return (\n        <Tag\n            {...props}\n            sxr={{\n                display: \"flex\",\n                justifyContent: \"space-between\",\n                flexDirection: horizental ? \"row\" : \"column\"\n            }}\n            baseClass='viewbox'\n            ref={ref}\n        >\n            {startContent && <Tag baseClass='viewbox-start-content' flexBox flexDirection={horizental ? \"row\" : \"column\"}>{startContent}</Tag>}\n            <Scrollbar\n                {...slotProps?.scrollbar}\n                className='viewbox-content'\n                style={{\n                    flex: 1,\n                    display: \"flex\",\n                    flexDirection: horizental ? \"row\" : \"column\",\n                    ...(slotProps?.scrollbar?.style || {})\n                }}\n            >\n                {children}\n            </Scrollbar>\n            {endContent && <Tag baseClass='viewbox-end-content' flexBox flexDirection={horizental ? \"row\" : \"column\"}>{endContent}</Tag>}\n        </Tag>\n    )\n})\n\nexport default ViewBox\n"],"names":["__rest","useInterface","useBreakpointProps","_jsxs","Tag","_jsx","Scrollbar"],"mappings":";;;;;;;;AAgBA,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAAmC,EAAE,GAAS,KAAI;;AAAlD,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAyB,EAApB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACjD,IAAI,CAAA,EAAA,CAAA,GAAkEC,iBAAY,CAAM,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC,EAAvG,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAA,GAAA,EAAY,EAAP,KAAK,GAAAD,YAAA,CAAA,EAAA,EAA3D,CAAA,cAAA,EAAA,YAAA,EAAA,WAAA,EAAA,YAAA,CAA6D,CAA0C;IAC5G,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,YAAY;AAAE,QAAA,EAAE,CAAC,YAAY,GAAG,YAAY;AAChD,IAAA,IAAI,UAAU;AAAE,QAAA,EAAE,CAAC,UAAU,GAAG,UAAU;AAC1C,IAAA,IAAI,UAAU;AAAE,QAAA,EAAE,CAAC,UAAU,GAAG,UAAU;AAC1C,IAAA,MAAM,CAAC,GAAQE,uBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,YAAY,GAAG,CAAC,CAAC,YAAY;AAC7B,IAAA,UAAU,GAAG,CAAC,CAAC,UAAU;AACzB,IAAA,UAAU,GAAG,CAAC,CAAC,UAAU;AAEzB,IAAA,QACIC,eAAA,CAACC,QAAG,oBACI,KAAK,EAAA,EACT,GAAG,EAAE;AACD,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,cAAc,EAAE,eAAe;YAC/B,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG;SACvC,EACD,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAEP,YAAY,IAAIC,cAAA,CAACD,QAAG,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAA,IAAA,EAAC,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,QAAA,EAAG,YAAY,EAAA,CAAO,EAClIC,cAAA,CAACC,KAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACF,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,SAAS,EAAA,EACxB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EACD,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,GACxC,CAAA,MAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,KAAI,EAAE,EAAC,EAAA,QAAA,EAGzC,QAAQ,IACD,EACX,UAAU,IAAID,cAAA,CAACD,QAAG,EAAA,EAAC,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAA,IAAA,EAAC,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,QAAA,EAAG,UAAU,EAAA,CAAO,CAAA,EAAA,CAAA,CAC1H;AAEd,CAAC;;;;"}

package/ViewBox/index.mjs

@@ -1,4 +1,10 @@
-import {__rest}from'tslib';import {jsxs,jsx}from'react/jsx-runtime';import React from'react';import Scrollbar from'../Scrollbar/index.mjs';import {useInterface,useBreakpointProps,Tag}from'@xanui/core';const ViewBox = React.forwardRef((_a, ref) => {
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import Scrollbar from '../Scrollbar/index.mjs';
+import { useInterface, useBreakpointProps, Tag } from '@xanui/core';
+
+const ViewBox = React.forwardRef((_a, ref) => {
     var _b;
     var { children } = _a, rest = __rest(_a, ["children"]);
     let [_c] = useInterface("ViewBox", rest, {}), { startContent, endContent, slotProps, horizental } = _c, props = __rest(_c, ["startContent", "endContent", "slotProps", "horizental"]);
@@ -18,4 +24,7 @@ import {__rest}from'tslib';import {jsxs,jsx}from'react/jsx-runtime';import React
             justifyContent: "space-between",
             flexDirection: horizental ? "row" : "column"
         }, baseClass: 'viewbox', ref: ref, children: [startContent && jsx(Tag, { baseClass: 'viewbox-start-content', flexBox: true, flexDirection: horizental ? "row" : "column", children: startContent }), jsx(Scrollbar, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.scrollbar, { className: 'viewbox-content', style: Object.assign({ flex: 1, display: "flex", flexDirection: horizental ? "row" : "column" }, (((_b = slotProps === null || slotProps === void 0 ? void 0 : slotProps.scrollbar) === null || _b === void 0 ? void 0 : _b.style) || {})), children: children })), endContent && jsx(Tag, { baseClass: 'viewbox-end-content', flexBox: true, flexDirection: horizental ? "row" : "column", children: endContent })] })));
-});export{ViewBox as default};//# sourceMappingURL=index.mjs.map
+});
+
+export { ViewBox as default };
+//# sourceMappingURL=index.mjs.map

package/ViewBox/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/ViewBox/index.tsx"],"sourcesContent":["\nimport React, { ReactElement } from 'react'\nimport Scrollbar, { ScrollbarProps } from '../Scrollbar'\nimport { Tag, TagProps, TagComponentType, useInterface, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type ViewBoxProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\n    startContent?: useBreakpointPropsType<ReactElement>;\n    endContent?: useBreakpointPropsType<ReactElement>;\n    horizental?: useBreakpointPropsType<boolean>;\n    slotProps?: {\n        scrollbar?: Omit<ScrollbarProps, 'children'>;\n    }\n}\n\n\nconst ViewBox = React.forwardRef(({ children, ...rest }: ViewBoxProps, ref?: any) => {\n    let [{ startContent, endContent, slotProps, horizental, ...props }] = useInterface<any>(\"ViewBox\", rest, {})\n    const _p: any = {}\n    if (startContent) _p.startContent = startContent\n    if (endContent) _p.endContent = endContent\n    if (horizental) _p.horizental = horizental\n    const p: any = useBreakpointProps(_p)\n    startContent = p.startContent\n    endContent = p.endContent\n    horizental = p.horizental\n\n    return (\n        <Tag\n            {...props}\n            sxr={{\n                display: \"flex\",\n                justifyContent: \"space-between\",\n                flexDirection: horizental ? \"row\" : \"column\"\n            }}\n            baseClass='viewbox'\n            ref={ref}\n        >\n            {startContent && <Tag baseClass='viewbox-start-content' flexBox flexDirection={horizental ? \"row\" : \"column\"}>{startContent}</Tag>}\n            <Scrollbar\n                {...slotProps?.scrollbar}\n                className='viewbox-content'\n                style={{\n                    flex: 1,\n                    display: \"flex\",\n                    flexDirection: horizental ? \"row\" : \"column\",\n                    ...(slotProps?.scrollbar?.style || {})\n                }}\n            >\n                {children}\n            </Scrollbar>\n            {endContent && <Tag baseClass='viewbox-end-content' flexBox flexDirection={horizental ? \"row\" : \"column\"}>{endContent}</Tag>}\n        </Tag>\n    )\n})\n\nexport default ViewBox\n"],"names":["_jsxs","_jsx"],"mappings":"yMAgBA,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAAmC,EAAE,GAAS,KAAI;;AAAlD,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAyB,EAApB,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACjD,IAAI,CAAA,EAAA,CAAA,GAAkE,YAAY,CAAM,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC,EAAvG,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAA,GAAA,EAAY,EAAP,KAAK,GAAA,MAAA,CAAA,EAAA,EAA3D,CAAA,cAAA,EAAA,YAAA,EAAA,WAAA,EAAA,YAAA,CAA6D,CAA0C;IAC5G,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,YAAY;AAAE,QAAA,EAAE,CAAC,YAAY,GAAG,YAAY;AAChD,IAAA,IAAI,UAAU;AAAE,QAAA,EAAE,CAAC,UAAU,GAAG,UAAU;AAC1C,IAAA,IAAI,UAAU;AAAE,QAAA,EAAE,CAAC,UAAU,GAAG,UAAU;AAC1C,IAAA,MAAM,CAAC,GAAQ,kBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,YAAY,GAAG,CAAC,CAAC,YAAY;AAC7B,IAAA,UAAU,GAAG,CAAC,CAAC,UAAU;AACzB,IAAA,UAAU,GAAG,CAAC,CAAC,UAAU;AAEzB,IAAA,QACIA,IAAA,CAAC,GAAG,oBACI,KAAK,EAAA,EACT,GAAG,EAAE;AACD,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,cAAc,EAAE,eAAe;YAC/B,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG;SACvC,EACD,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAEP,YAAY,IAAIC,GAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAA,IAAA,EAAC,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,QAAA,EAAG,YAAY,EAAA,CAAO,EAClIA,GAAA,CAAC,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACF,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,SAAS,EAAA,EACxB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EACD,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,GACxC,CAAA,MAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,KAAI,EAAE,EAAC,EAAA,QAAA,EAGzC,QAAQ,IACD,EACX,UAAU,IAAIA,GAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAA,IAAA,EAAC,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,QAAA,EAAG,UAAU,EAAA,CAAO,CAAA,EAAA,CAAA,CAC1H;AAEd,CAAC"}
+{"version":3,"file":"index.mjs","sources":["../../src/ViewBox/index.tsx"],"sourcesContent":["\nimport React, { ReactElement } from 'react'\nimport Scrollbar, { ScrollbarProps } from '../Scrollbar'\nimport { Tag, TagProps, TagComponentType, useInterface, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type ViewBoxProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\n    startContent?: useBreakpointPropsType<ReactElement>;\n    endContent?: useBreakpointPropsType<ReactElement>;\n    horizental?: useBreakpointPropsType<boolean>;\n    slotProps?: {\n        scrollbar?: Omit<ScrollbarProps, 'children'>;\n    }\n}\n\n\nconst ViewBox = React.forwardRef(({ children, ...rest }: ViewBoxProps, ref?: any) => {\n    let [{ startContent, endContent, slotProps, horizental, ...props }] = useInterface<any>(\"ViewBox\", rest, {})\n    const _p: any = {}\n    if (startContent) _p.startContent = startContent\n    if (endContent) _p.endContent = endContent\n    if (horizental) _p.horizental = horizental\n    const p: any = useBreakpointProps(_p)\n    startContent = p.startContent\n    endContent = p.endContent\n    horizental = p.horizental\n\n    return (\n        <Tag\n            {...props}\n            sxr={{\n                display: \"flex\",\n                justifyContent: \"space-between\",\n                flexDirection: horizental ? \"row\" : \"column\"\n            }}\n            baseClass='viewbox'\n            ref={ref}\n        >\n            {startContent && <Tag baseClass='viewbox-start-content' flexBox flexDirection={horizental ? \"row\" : \"column\"}>{startContent}</Tag>}\n            <Scrollbar\n                {...slotProps?.scrollbar}\n                className='viewbox-content'\n                style={{\n                    flex: 1,\n                    display: \"flex\",\n                    flexDirection: horizental ? \"row\" : \"column\",\n                    ...(slotProps?.scrollbar?.style || {})\n                }}\n            >\n                {children}\n            </Scrollbar>\n            {endContent && <Tag baseClass='viewbox-end-content' flexBox flexDirection={horizental ? \"row\" : \"column\"}>{endContent}</Tag>}\n        </Tag>\n    )\n})\n\nexport default ViewBox\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAgBA,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAAmC,EAAE,GAAS,KAAI;;AAAlD,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAyB,EAApB,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACjD,IAAI,CAAA,EAAA,CAAA,GAAkE,YAAY,CAAM,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC,EAAvG,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAA,GAAA,EAAY,EAAP,KAAK,GAAA,MAAA,CAAA,EAAA,EAA3D,CAAA,cAAA,EAAA,YAAA,EAAA,WAAA,EAAA,YAAA,CAA6D,CAA0C;IAC5G,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,YAAY;AAAE,QAAA,EAAE,CAAC,YAAY,GAAG,YAAY;AAChD,IAAA,IAAI,UAAU;AAAE,QAAA,EAAE,CAAC,UAAU,GAAG,UAAU;AAC1C,IAAA,IAAI,UAAU;AAAE,QAAA,EAAE,CAAC,UAAU,GAAG,UAAU;AAC1C,IAAA,MAAM,CAAC,GAAQ,kBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,YAAY,GAAG,CAAC,CAAC,YAAY;AAC7B,IAAA,UAAU,GAAG,CAAC,CAAC,UAAU;AACzB,IAAA,UAAU,GAAG,CAAC,CAAC,UAAU;AAEzB,IAAA,QACIA,IAAA,CAAC,GAAG,oBACI,KAAK,EAAA,EACT,GAAG,EAAE;AACD,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,cAAc,EAAE,eAAe;YAC/B,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG;SACvC,EACD,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAEP,YAAY,IAAIC,GAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAA,IAAA,EAAC,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,QAAA,EAAG,YAAY,EAAA,CAAO,EAClIA,GAAA,CAAC,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACF,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,SAAS,EAAA,EACxB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EACD,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,GACxC,CAAA,MAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,KAAI,EAAE,EAAC,EAAA,QAAA,EAGzC,QAAQ,IACD,EACX,UAAU,IAAIA,GAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAA,IAAA,EAAC,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,QAAA,EAAG,UAAU,EAAA,CAAO,CAAA,EAAA,CAAA,CAC1H;AAEd,CAAC;;;;"}

package/index.js

@@ -1 +1,116 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var index=require('./Accordion/index.js'),index$1=require('./Alert/index.js'),index$2=require('./Avatar/index.js'),index$3=require('./Badge/index.js'),index$4=require('./Box/index.js'),index$5=require('./Button/index.js'),index$6=require('./ButtonGroup/index.js'),index$7=require('./Calendar/index.js'),index$8=require('./CalendarInput/index.js'),index$9=require('./Checkbox/index.js'),index$a=require('./Chip/index.js'),index$b=require('./CircleProgress/index.js'),index$c=require('./ClickOutside/index.js'),index$d=require('./Collaps/index.js'),index$e=require('./Container/index.js'),index$f=require('./Datatable/index.js'),index$g=require('./Divider/index.js'),index$h=require('./Drawer/index.js'),index$i=require('./Form/index.js'),index$j=require('./GridContainer/index.js'),index$k=require('./GridItem/index.js'),index$l=require('./IconButton/index.js'),index$m=require('./Image/index.js'),index$n=require('./Input/index.js'),index$o=require('./Label/index.js'),index$p=require('./Layer/index.js'),index$q=require('./LineProgress/index.js'),index$r=require('./List/index.js'),index$s=require('./ListItem/index.js'),index$t=require('./LoadingBox/index.js'),index$u=require('./Menu/index.js'),index$v=require('./Modal/index.js'),index$w=require('./NoSSR/index.js'),index$x=require('./Option/index.js'),index$y=require('./Paper/index.js'),index$z=require('./Portal/index.js'),index$A=require('./Radio/index.js'),index$B=require('./Scrollbar/index.js'),index$C=require('./Select/index.js'),index$D=require('./Stack/index.js'),index$E=require('./Switch/index.js'),index$F=require('./Tab/index.js'),index$G=require('./Table/index.js'),index$H=require('./TableBody/index.js'),index$I=require('./TableCell/index.js'),index$J=require('./TableFooter/index.js'),index$K=require('./TableHead/index.js'),index$L=require('./TablePagination/index.js'),index$M=require('./TableRow/index.js'),index$N=require('./Tabs/index.js'),index$O=require('./Text/index.js'),index$P=require('./Toast/index.js'),index$Q=require('./Tooltip/index.js'),index$R=require('./useCorner/index.js'),index$S=require('./ViewBox/index.js');exports.Accordion=index.default;exports.Alert=index$1.default;exports.Avatar=index$2.default;exports.Badge=index$3.default;exports.Box=index$4.default;exports.Button=index$5.default;exports.ButtonGroup=index$6.default;exports.Calendar=index$7.default;exports.CalendarInput=index$8.default;exports.Checkbox=index$9.default;exports.Chip=index$a.default;exports.CircleProgress=index$b.default;exports.ClickOutside=index$c.default;exports.Collaps=index$d.default;exports.Container=index$e.default;exports.Datatable=index$f.default;exports.Divider=index$g.default;exports.Drawer=index$h.default;exports.Form=index$i.default;exports.GridContainer=index$j.default;exports.GridItem=index$k.default;exports.IconButton=index$l.default;exports.Image=index$m.default;exports.Input=index$n.default;exports.Label=index$o.default;exports.Layer=index$p.default;exports.LineProgress=index$q.default;exports.List=index$r.default;exports.ListItem=index$s.default;exports.LoadingBox=index$t.default;exports.Menu=index$u.default;exports.Modal=index$v.default;exports.NoSSR=index$w.default;exports.Option=index$x.default;exports.Paper=index$y.default;exports.Portal=index$z.default;exports.Radio=index$A.default;exports.Scrollbar=index$B.default;exports.Select=index$C.default;exports.Stack=index$D.default;exports.Switch=index$E.default;exports.Tab=index$F.default;exports.Table=index$G.default;exports.TableBody=index$H.default;exports.TableCell=index$I.default;exports.TableFooter=index$J.default;exports.TableHead=index$K.default;exports.TablePagination=index$L.default;exports.TableRow=index$M.default;exports.Tabs=index$N.default;exports.Text=index$O.default;exports.Toast=index$P.default;exports.Tooltip=index$Q.default;exports.useCorner=index$R.default;exports.ViewBox=index$S.default;//# sourceMappingURL=index.js.map
+'use strict';
+
+var index = require('./Accordion/index.js');
+var index$1 = require('./Alert/index.js');
+var index$2 = require('./Avatar/index.js');
+var index$3 = require('./Badge/index.js');
+var index$4 = require('./Box/index.js');
+var index$5 = require('./Button/index.js');
+var index$6 = require('./ButtonGroup/index.js');
+var index$7 = require('./Calendar/index.js');
+var index$8 = require('./CalendarInput/index.js');
+var index$9 = require('./Checkbox/index.js');
+var index$a = require('./Chip/index.js');
+var index$b = require('./CircleProgress/index.js');
+var index$c = require('./ClickOutside/index.js');
+var index$d = require('./Collaps/index.js');
+var index$e = require('./Container/index.js');
+var index$f = require('./Datatable/index.js');
+var index$g = require('./Divider/index.js');
+var index$h = require('./Drawer/index.js');
+var index$i = require('./Form/index.js');
+var index$j = require('./GridContainer/index.js');
+var index$k = require('./GridItem/index.js');
+var index$l = require('./IconButton/index.js');
+var index$m = require('./Image/index.js');
+var index$n = require('./Input/index.js');
+var index$o = require('./Label/index.js');
+var index$p = require('./Layer/index.js');
+var index$q = require('./LineProgress/index.js');
+var index$r = require('./List/index.js');
+var index$s = require('./ListItem/index.js');
+var index$t = require('./LoadingBox/index.js');
+var index$u = require('./Menu/index.js');
+var index$v = require('./Modal/index.js');
+var index$w = require('./NoSSR/index.js');
+var index$x = require('./Option/index.js');
+var index$y = require('./Paper/index.js');
+var index$z = require('./Portal/index.js');
+var index$A = require('./Radio/index.js');
+var index$B = require('./Scrollbar/index.js');
+var index$C = require('./Select/index.js');
+var index$D = require('./Stack/index.js');
+var index$E = require('./Switch/index.js');
+var index$F = require('./Tab/index.js');
+var index$G = require('./Table/index.js');
+var index$H = require('./TableBody/index.js');
+var index$I = require('./TableCell/index.js');
+var index$J = require('./TableFooter/index.js');
+var index$K = require('./TableHead/index.js');
+var index$L = require('./TablePagination/index.js');
+var index$M = require('./TableRow/index.js');
+var index$N = require('./Tabs/index.js');
+var index$O = require('./Text/index.js');
+var index$P = require('./Toast/index.js');
+var index$Q = require('./Tooltip/index.js');
+var index$R = require('./useCorner/index.js');
+var index$S = require('./ViewBox/index.js');
+
+
+
+exports.Accordion = index;
+exports.Alert = index$1;
+exports.Avatar = index$2;
+exports.Badge = index$3;
+exports.Box = index$4;
+exports.Button = index$5;
+exports.ButtonGroup = index$6;
+exports.Calendar = index$7;
+exports.CalendarInput = index$8;
+exports.Checkbox = index$9;
+exports.Chip = index$a;
+exports.CircleProgress = index$b;
+exports.ClickOutside = index$c;
+exports.Collaps = index$d;
+exports.Container = index$e;
+exports.Datatable = index$f;
+exports.Divider = index$g;
+exports.Drawer = index$h;
+exports.Form = index$i;
+exports.GridContainer = index$j;
+exports.GridItem = index$k;
+exports.IconButton = index$l;
+exports.Image = index$m;
+exports.Input = index$n;
+exports.Label = index$o;
+exports.Layer = index$p;
+exports.LineProgress = index$q;
+exports.List = index$r;
+exports.ListItem = index$s;
+exports.LoadingBox = index$t;
+exports.Menu = index$u;
+exports.Modal = index$v;
+exports.NoSSR = index$w;
+exports.Option = index$x;
+exports.Paper = index$y;
+exports.Portal = index$z;
+exports.Radio = index$A;
+exports.Scrollbar = index$B;
+exports.Select = index$C;
+exports.Stack = index$D;
+exports.Switch = index$E;
+exports.Tab = index$F;
+exports.Table = index$G;
+exports.TableBody = index$H;
+exports.TableCell = index$I;
+exports.TableFooter = index$J;
+exports.TableHead = index$K;
+exports.TablePagination = index$L;
+exports.TableRow = index$M;
+exports.Tabs = index$N;
+exports.Text = index$O;
+exports.Toast = index$P;
+exports.Tooltip = index$Q;
+exports.useCorner = index$R;
+exports.ViewBox = index$S;
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/index.mjs

@@ -1 +1,56 @@
-export{default as Accordion}from'./Accordion/index.mjs';export{default as Alert}from'./Alert/index.mjs';export{default as Avatar}from'./Avatar/index.mjs';export{default as Badge}from'./Badge/index.mjs';export{default as Box}from'./Box/index.mjs';export{default as Button}from'./Button/index.mjs';export{default as ButtonGroup}from'./ButtonGroup/index.mjs';export{default as Calendar}from'./Calendar/index.mjs';export{default as CalendarInput}from'./CalendarInput/index.mjs';export{default as Checkbox}from'./Checkbox/index.mjs';export{default as Chip}from'./Chip/index.mjs';export{default as CircleProgress}from'./CircleProgress/index.mjs';export{default as ClickOutside}from'./ClickOutside/index.mjs';export{default as Collaps}from'./Collaps/index.mjs';export{default as Container}from'./Container/index.mjs';export{default as Datatable}from'./Datatable/index.mjs';export{default as Divider}from'./Divider/index.mjs';export{default as Drawer}from'./Drawer/index.mjs';export{default as Form}from'./Form/index.mjs';export{default as GridContainer}from'./GridContainer/index.mjs';export{default as GridItem}from'./GridItem/index.mjs';export{default as IconButton}from'./IconButton/index.mjs';export{default as Image}from'./Image/index.mjs';export{default as Input}from'./Input/index.mjs';export{default as Label}from'./Label/index.mjs';export{default as Layer}from'./Layer/index.mjs';export{default as LineProgress}from'./LineProgress/index.mjs';export{default as List}from'./List/index.mjs';export{default as ListItem}from'./ListItem/index.mjs';export{default as LoadingBox}from'./LoadingBox/index.mjs';export{default as Menu}from'./Menu/index.mjs';export{default as Modal}from'./Modal/index.mjs';export{default as NoSSR}from'./NoSSR/index.mjs';export{default as Option}from'./Option/index.mjs';export{default as Paper}from'./Paper/index.mjs';export{default as Portal}from'./Portal/index.mjs';export{default as Radio}from'./Radio/index.mjs';export{default as Scrollbar}from'./Scrollbar/index.mjs';export{default as Select}from'./Select/index.mjs';export{default as Stack}from'./Stack/index.mjs';export{default as Switch}from'./Switch/index.mjs';export{default as Tab}from'./Tab/index.mjs';export{default as Table}from'./Table/index.mjs';export{default as TableBody}from'./TableBody/index.mjs';export{default as TableCell}from'./TableCell/index.mjs';export{default as TableFooter}from'./TableFooter/index.mjs';export{default as TableHead}from'./TableHead/index.mjs';export{default as TablePagination}from'./TablePagination/index.mjs';export{default as TableRow}from'./TableRow/index.mjs';export{default as Tabs}from'./Tabs/index.mjs';export{default as Text}from'./Text/index.mjs';export{default as Toast}from'./Toast/index.mjs';export{default as Tooltip}from'./Tooltip/index.mjs';export{default as useCorner}from'./useCorner/index.mjs';export{default as ViewBox}from'./ViewBox/index.mjs';//# sourceMappingURL=index.mjs.map
+export { default as Accordion } from './Accordion/index.mjs';
+export { default as Alert } from './Alert/index.mjs';
+export { default as Avatar } from './Avatar/index.mjs';
+export { default as Badge } from './Badge/index.mjs';
+export { default as Box } from './Box/index.mjs';
+export { default as Button } from './Button/index.mjs';
+export { default as ButtonGroup } from './ButtonGroup/index.mjs';
+export { default as Calendar } from './Calendar/index.mjs';
+export { default as CalendarInput } from './CalendarInput/index.mjs';
+export { default as Checkbox } from './Checkbox/index.mjs';
+export { default as Chip } from './Chip/index.mjs';
+export { default as CircleProgress } from './CircleProgress/index.mjs';
+export { default as ClickOutside } from './ClickOutside/index.mjs';
+export { default as Collaps } from './Collaps/index.mjs';
+export { default as Container } from './Container/index.mjs';
+export { default as Datatable } from './Datatable/index.mjs';
+export { default as Divider } from './Divider/index.mjs';
+export { default as Drawer } from './Drawer/index.mjs';
+export { default as Form } from './Form/index.mjs';
+export { default as GridContainer } from './GridContainer/index.mjs';
+export { default as GridItem } from './GridItem/index.mjs';
+export { default as IconButton } from './IconButton/index.mjs';
+export { default as Image } from './Image/index.mjs';
+export { default as Input } from './Input/index.mjs';
+export { default as Label } from './Label/index.mjs';
+export { default as Layer } from './Layer/index.mjs';
+export { default as LineProgress } from './LineProgress/index.mjs';
+export { default as List } from './List/index.mjs';
+export { default as ListItem } from './ListItem/index.mjs';
+export { default as LoadingBox } from './LoadingBox/index.mjs';
+export { default as Menu } from './Menu/index.mjs';
+export { default as Modal } from './Modal/index.mjs';
+export { default as NoSSR } from './NoSSR/index.mjs';
+export { default as Option } from './Option/index.mjs';
+export { default as Paper } from './Paper/index.mjs';
+export { default as Portal } from './Portal/index.mjs';
+export { default as Radio } from './Radio/index.mjs';
+export { default as Scrollbar } from './Scrollbar/index.mjs';
+export { default as Select } from './Select/index.mjs';
+export { default as Stack } from './Stack/index.mjs';
+export { default as Switch } from './Switch/index.mjs';
+export { default as Tab } from './Tab/index.mjs';
+export { default as Table } from './Table/index.mjs';
+export { default as TableBody } from './TableBody/index.mjs';
+export { default as TableCell } from './TableCell/index.mjs';
+export { default as TableFooter } from './TableFooter/index.mjs';
+export { default as TableHead } from './TableHead/index.mjs';
+export { default as TablePagination } from './TablePagination/index.mjs';
+export { default as TableRow } from './TableRow/index.mjs';
+export { default as Tabs } from './Tabs/index.mjs';
+export { default as Text } from './Text/index.mjs';
+export { default as Toast } from './Toast/index.mjs';
+export { default as Tooltip } from './Tooltip/index.mjs';
+export { default as useCorner } from './useCorner/index.mjs';
+export { default as ViewBox } from './ViewBox/index.mjs';
+//# sourceMappingURL=index.mjs.map