@xanui/ui 1.1.1 → 1.1.4

package/Toast/index.js

@@ -1,41 +1,23 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),core=require('@xanui/core'),RenderRoot=require('../ThemeProvider/RenderRoot.js'),index$1=require('../Alert/index.js'),index=require('../Scrollbar/index.js');const State = new Map();
-let updateState = (placement, id, callback) => {
-    const items = State.get(placement);
-    if (items) {
-        for (let i = 0; i < items.length; i++) {
-            let item = items[i];
-            if (item.id === id) {
-                items[i] = callback(item);
-                State.set(placement, items);
-                RenderRoot.default.dispatch();
-                break;
-            }
-        }
-    }
-};
-const ToastContainer = ({ placement }) => {
-    const items = State.get(placement);
-    if (!items || !(items === null || items === void 0 ? void 0 : items.length))
-        return jsxRuntime.jsx(jsxRuntime.Fragment, {});
-    let sxr = {};
+'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) => {
+    let sx = {};
     let transition = "";
     switch (placement) {
         case "top-left":
-            sxr = {
+            sx = {
                 top: 0,
                 left: 0
             };
             transition = "fadeRight";
             break;
         case "top-right":
-            sxr = {
+            sx = {
                 top: 0,
                 right: 0
             };
             transition = "fadeLeft";
             break;
         case "top-center":
-            sxr = {
+            sx = {
                 top: 0,
                 left: "50%",
                 transform: "translateX(-50%)"
@@ -43,21 +25,21 @@ const ToastContainer = ({ placement }) => {
             transition = "fadeDown";
             break;
         case "bottom-right":
-            sxr = {
+            sx = {
                 bottom: 0,
                 right: 0
             };
             transition = "fadeLeft";
             break;
         case "bottom-left":
-            sxr = {
+            sx = {
                 bottom: 0,
                 left: 0
             };
             transition = "fadeRight";
             break;
         case "bottom-center":
-            sxr = {
+            sx = {
                 bottom: 0,
                 left: "50%",
                 transform: "translateX(-50%)"
@@ -65,81 +47,60 @@ const ToastContainer = ({ placement }) => {
             transition = "fadeUp";
             break;
     }
-    return (jsxRuntime.jsx(core.Tag, { sxr: Object.assign({ position: "fixed", zIndex: 99999999, display: "flex", gap: 2, flexDirection: "column", maxHeight: "100%", width: 320 }, sxr), children: jsxRuntime.jsx(index.default, { style: {
-                padding: 8
-            }, children: items.map(({ open, id, props }) => {
-                let { content, closeable } = props, rest = tslib.__rest(props, ["content", "closeable"]);
-                closeable !== null && closeable !== void 0 ? closeable : (closeable = true);
-                return (jsxRuntime.jsx(core.Transition, { open: open, variant: transition, onClosed: () => {
-                        const items = State.get(placement);
-                        if (items) {
-                            for (let i = 0; i < items.length; i++) {
-                                let item = items[i];
-                                if (item.id === id) {
-                                    items.splice(i, 1);
-                                    State.set(placement, items);
-                                    RenderRoot.default.dispatch();
-                                    break;
-                                }
-                            }
-                        }
-                    }, onOpened: () => {
-                        let timer = setTimeout(() => {
-                            updateState(placement, id, (_item) => {
-                                _item.open = false;
-                                return _item;
-                            });
-                        }, 6000);
-                        updateState(placement, id, (_item) => {
-                            _item.timer = timer;
-                            return _item;
-                        });
-                    }, children: jsxRuntime.jsx(index$1.default, Object.assign({ shadow: 2, variant: "fill", color: "brand" }, rest, { mode: "item", mb: 1.5, onMouseEnter: () => {
-                            updateState(placement, id, (_item) => {
-                                clearTimeout(_item.timer);
-                                return _item;
-                            });
-                        }, onMouseLeave: () => {
-                            let timer = setTimeout(() => {
-                                updateState(placement, id, (_item) => {
-                                    _item.open = false;
-                                    return _item;
-                                });
-                            }, 6000);
-                            updateState(placement, id, (_item) => {
-                                _item.timer = timer;
-                                return _item;
-                            });
-                        }, onClose: closeable ? () => {
-                            updateState(placement, id, (_item) => {
-                                _item.open = false;
-                                clearTimeout(_item.timer);
-                                return _item;
-                            });
-                        } : undefined, children: content })) }, id));
-            }) }) }));
+    return { sx, transition };
 };
-const uid = (p) => {
-    const id = Math.random().toString(32).substring(2, 5);
-    return `TOAST_CONTAINER_${p}_${id}`.toUpperCase();
+const ToastView = (props) => {
+    const [open, setOpen] = React.useState(true);
+    const [timer, setTimer] = React.useState(null);
+    const _a = props || {}, { placement = "bottom-right", content, closeable, onClosed } = _a, rest = tslib.__rest(_a, ["placement", "content", "closeable", "onClosed"]);
+    const { transition } = formatPacement(placement);
+    return (jsxRuntime.jsx(core.Transition, { open: open, variant: transition, onClosed: () => {
+            onClosed();
+        }, onOpened: () => {
+            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: () => {
+                clearTimeout(timer);
+            }, onMouseLeave: () => {
+                setTimer(setTimeout(() => {
+                    setOpen(false);
+                }, 6000));
+            }, onClose: closeable ? () => {
+                setOpen(false);
+            } : undefined, children: content })) }));
 };
-RenderRoot.default.create(uid("TOP_LEFT"), () => jsxRuntime.jsx(ToastContainer, { placement: 'top-left' }));
-RenderRoot.default.create(uid("TOP_RIGHT"), () => jsxRuntime.jsx(ToastContainer, { placement: 'top-right' }));
-RenderRoot.default.create(uid("TOP_CENTER"), () => jsxRuntime.jsx(ToastContainer, { placement: 'top-center' }));
-RenderRoot.default.create(uid("BOTTOM_LEFT"), () => jsxRuntime.jsx(ToastContainer, { placement: 'bottom-left' }));
-RenderRoot.default.create(uid("BOTTOM_RIGHT"), () => jsxRuntime.jsx(ToastContainer, { placement: 'bottom-right' }));
-RenderRoot.default.create(uid("BOTTOM_CENTER"), () => jsxRuntime.jsx(ToastContainer, { placement: 'bottom-center' }));
-const Toast = {
-    open: (props) => {
-        let { placement } = props || {};
-        placement !== null && placement !== void 0 ? placement : (placement = "bottom-right");
-        let prev = State.get(placement) || [];
-        prev.push({
-            open: true,
-            id: Math.random().toString(),
-            props
-        });
-        State.set(placement, prev);
-        RenderRoot.default.dispatch();
+const Toast = (props) => {
+    if (typeof props === "string") {
+        props = { content: props };
+    }
+    let _a = props || {}, { placement = "bottom-right", content, closeable } = _a, rest = tslib.__rest(_a, ["placement", "content", "closeable"]);
+    const { sx } = formatPacement(placement);
+    const wrapperContainerClassName = `xui-toast-container-${placement}`;
+    const wrapperClassName = `xui-toast-list-${placement}`;
+    let wrapperEle = document.querySelector(`.${wrapperContainerClassName}`);
+    if (!wrapperEle) {
+        wrapperEle = document.createElement('div');
+        wrapperEle.className = wrapperContainerClassName;
+        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) }));
     }
+    setTimeout(() => {
+        const wrapper = document.querySelector(`.${wrapperClassName}`);
+        const div = document.createElement('div');
+        wrapper.appendChild(div);
+        const root = client.createRoot(div);
+        root.render(jsxRuntime.jsx(ToastView, Object.assign({ placement: placement, content: content, closeable: closeable }, rest, { onClosed: () => {
+                root.unmount();
+                wrapper.removeChild(div);
+                if (wrapper.children.length === 0) {
+                    const container = document.querySelector(`.${wrapperContainerClassName}`);
+                    if (container) {
+                        core.appRootElement().removeChild(container);
+                    }
+                }
+            } })));
+    }, 5);
 };exports.default=Toast;//# sourceMappingURL=index.js.map

package/Toast/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Toast/index.tsx"],"sourcesContent":["\nimport { Tag, ColorTemplateColors, ColorTemplateType, useBreakpointPropsType, Transition } from '@xanui/core'\nimport { ReactElement } from \"react\";\nimport Renderar from '../ThemeProvider/RenderRoot';\nimport Alert, { AlertProps } from '../Alert';\nimport Scrollbar from '../Scrollbar';\n\n\ntype PlacementType = \"top-left\" | \"top-center\" | \"top-right\" | \"bottom-left\" | \"bottom-center\" | \"bottom-right\"\n\nexport type ToastProps = {\n    title?: useBreakpointPropsType<string | ReactElement>;\n    content?: AlertProps['children'];\n    variant?: useBreakpointPropsType<ColorTemplateType>;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    icon?: useBreakpointPropsType<\"info\" | \"warning\" | \"success\" | \"error\" | false | ReactElement>;\n    placement?: PlacementType;\n    closeable?: useBreakpointPropsType<boolean>;\n}\n\ntype StateValue = { open: boolean, id: string, timer?: NodeJS.Timeout, props: ToastProps }\nconst State = new Map<PlacementType, StateValue[]>()\n\n\nlet updateState = (placement: PlacementType, id: string, callback: (item: StateValue) => StateValue) => {\n    const items = State.get(placement)\n    if (items) {\n        for (let i = 0; i < items.length; i++) {\n            let item = items[i]\n            if (item.id === id) {\n                items[i] = callback(item)\n                State.set(placement, items)\n                Renderar.dispatch()\n                break;\n            }\n        }\n    }\n}\n\nconst ToastContainer = ({ placement }: { placement: PlacementType }) => {\n    const items = State.get(placement)\n    if (!items || !items?.length) return <></>\n\n    let sxr: any = {}\n    let transition: any = \"\"\n    switch (placement) {\n        case \"top-left\":\n            sxr = {\n                top: 0,\n                left: 0\n            }\n            transition = \"fadeRight\"\n            break;\n        case \"top-right\":\n            sxr = {\n                top: 0,\n                right: 0\n            }\n            transition = \"fadeLeft\"\n            break;\n        case \"top-center\":\n            sxr = {\n                top: 0,\n                left: \"50%\",\n                transform: \"translateX(-50%)\"\n            }\n            transition = \"fadeDown\"\n            break;\n        case \"bottom-right\":\n            sxr = {\n                bottom: 0,\n                right: 0\n            }\n            transition = \"fadeLeft\"\n            break;\n        case \"bottom-left\":\n            sxr = {\n                bottom: 0,\n                left: 0\n            }\n            transition = \"fadeRight\"\n            break;\n        case \"bottom-center\":\n            sxr = {\n                bottom: 0,\n                left: \"50%\",\n                transform: \"translateX(-50%)\"\n            }\n            transition = \"fadeUp\"\n            break;\n    }\n    return (\n        <Tag\n            sxr={{\n                position: \"fixed\",\n                zIndex: 99999999,\n                display: \"flex\",\n                gap: 2,\n                flexDirection: \"column\",\n                maxHeight: \"100%\",\n                width: 320,\n                ...sxr\n            }}\n        >\n            <Scrollbar\n                style={{\n                    padding: 8\n                }}\n            >\n                {\n                    items.map(({ open, id, props }) => {\n                        let { content, closeable, ...rest } = props\n                        closeable ??= true\n                        return (\n                            <Transition\n                                key={id}\n                                open={open}\n                                variant={transition}\n                                onClosed={() => {\n                                    const items = State.get(placement)\n                                    if (items) {\n                                        for (let i = 0; i < items.length; i++) {\n                                            let item = items[i]\n                                            if (item.id === id) {\n                                                items.splice(i, 1)\n                                                State.set(placement, items)\n                                                Renderar.dispatch()\n                                                break;\n                                            }\n                                        }\n                                    }\n                                }}\n                                onOpened={() => {\n                                    let timer = setTimeout(() => {\n                                        updateState(placement, id, (_item) => {\n                                            _item.open = false\n                                            return _item\n                                        })\n                                    }, 6000)\n                                    updateState(placement, id, (_item) => {\n                                        _item.timer = timer\n                                        return _item\n                                    })\n                                }}\n                            >\n                                <Alert\n                                    shadow={2}\n                                    variant=\"fill\"\n                                    color=\"brand\"\n                                    {...rest as any}\n                                    mode=\"item\"\n                                    mb={1.5}\n                                    onMouseEnter={() => {\n                                        updateState(placement, id, (_item) => {\n                                            clearTimeout(_item.timer)\n                                            return _item\n                                        })\n                                    }}\n                                    onMouseLeave={() => {\n                                        let timer = setTimeout(() => {\n                                            updateState(placement, id, (_item) => {\n                                                _item.open = false\n                                                return _item\n                                            })\n                                        }, 6000)\n                                        updateState(placement, id, (_item) => {\n                                            _item.timer = timer\n                                            return _item\n                                        })\n                                    }}\n                                    onClose={closeable ? () => {\n                                        updateState(placement, id, (_item) => {\n                                            _item.open = false\n                                            clearTimeout(_item.timer)\n                                            return _item\n                                        })\n                                    } : undefined}\n                                >{content}</Alert>\n                            </Transition>\n                        )\n                    })\n                }\n            </Scrollbar>\n        </Tag>\n    )\n}\nconst uid = (p: string) => {\n    const id = Math.random().toString(32).substring(2, 5)\n    return `TOAST_CONTAINER_${p}_${id}`.toUpperCase()\n}\nRenderar.create(uid(\"TOP_LEFT\"), () => <ToastContainer placement='top-left' />)\nRenderar.create(uid(\"TOP_RIGHT\"), () => <ToastContainer placement='top-right' />)\nRenderar.create(uid(\"TOP_CENTER\"), () => <ToastContainer placement='top-center' />)\nRenderar.create(uid(\"BOTTOM_LEFT\"), () => <ToastContainer placement='bottom-left' />)\nRenderar.create(uid(\"BOTTOM_RIGHT\"), () => <ToastContainer placement='bottom-right' />)\nRenderar.create(uid(\"BOTTOM_CENTER\"), () => <ToastContainer placement='bottom-center' />)\n\nconst Toast = {\n    open: (props: ToastProps) => {\n        let { placement } = props || {}\n        placement ??= \"bottom-right\"\n        let prev = State.get(placement) || []\n        prev.push({\n            open: true,\n            id: Math.random().toString(),\n            props\n        })\n        State.set(placement, prev)\n        Renderar.dispatch()\n    }\n}\n\nexport default Toast"],"names":["Renderar","_jsx","Tag","Scrollbar","__rest","Transition","Alert"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/Toast/index.tsx"],"sourcesContent":["import { createRoot } from \"react-dom/client\";\nimport { appRootElement, ColorTemplateColors, ColorTemplateType, Transition, useBreakpointPropsType } from \"@xanui/core\";\nimport React, { ReactElement } from \"react\";\nimport Alert, { AlertProps } from \"../Alert\";\nimport Scrollbar from \"../Scrollbar\";\n\n\n\ntype PlacementType = \"top-left\" | \"top-center\" | \"top-right\" | \"bottom-left\" | \"bottom-center\" | \"bottom-right\"\n\nexport type useToastContentProps = {\n    show: () => string;\n    hide: () => void;\n}\n\nexport type UseTastContent = string | ReactElement | ((props: useToastContentProps) => ReactElement)\n\nexport type UseToastProps = {\n    title?: useBreakpointPropsType<string | ReactElement>;\n    content?: AlertProps['children'];\n    variant?: useBreakpointPropsType<ColorTemplateType>;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\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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"}

package/Toast/index.mjs

@@ -1,41 +1,23 @@
-import {__rest}from'tslib';import {jsx,Fragment}from'react/jsx-runtime';import {Tag,Transition}from'@xanui/core';import Renderar from'../ThemeProvider/RenderRoot.mjs';import Alert from'../Alert/index.mjs';import Scrollbar from'../Scrollbar/index.mjs';const State = new Map();
-let updateState = (placement, id, callback) => {
-    const items = State.get(placement);
-    if (items) {
-        for (let i = 0; i < items.length; i++) {
-            let item = items[i];
-            if (item.id === id) {
-                items[i] = callback(item);
-                State.set(placement, items);
-                Renderar.dispatch();
-                break;
-            }
-        }
-    }
-};
-const ToastContainer = ({ placement }) => {
-    const items = State.get(placement);
-    if (!items || !(items === null || items === void 0 ? void 0 : items.length))
-        return jsx(Fragment, {});
-    let sxr = {};
+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) {
         case "top-left":
-            sxr = {
+            sx = {
                 top: 0,
                 left: 0
             };
             transition = "fadeRight";
             break;
         case "top-right":
-            sxr = {
+            sx = {
                 top: 0,
                 right: 0
             };
             transition = "fadeLeft";
             break;
         case "top-center":
-            sxr = {
+            sx = {
                 top: 0,
                 left: "50%",
                 transform: "translateX(-50%)"
@@ -43,21 +25,21 @@ const ToastContainer = ({ placement }) => {
             transition = "fadeDown";
             break;
         case "bottom-right":
-            sxr = {
+            sx = {
                 bottom: 0,
                 right: 0
             };
             transition = "fadeLeft";
             break;
         case "bottom-left":
-            sxr = {
+            sx = {
                 bottom: 0,
                 left: 0
             };
             transition = "fadeRight";
             break;
         case "bottom-center":
-            sxr = {
+            sx = {
                 bottom: 0,
                 left: "50%",
                 transform: "translateX(-50%)"
@@ -65,81 +47,60 @@ const ToastContainer = ({ placement }) => {
             transition = "fadeUp";
             break;
     }
-    return (jsx(Tag, { sxr: Object.assign({ position: "fixed", zIndex: 99999999, display: "flex", gap: 2, flexDirection: "column", maxHeight: "100%", width: 320 }, sxr), children: jsx(Scrollbar, { style: {
-                padding: 8
-            }, children: items.map(({ open, id, props }) => {
-                let { content, closeable } = props, rest = __rest(props, ["content", "closeable"]);
-                closeable !== null && closeable !== void 0 ? closeable : (closeable = true);
-                return (jsx(Transition, { open: open, variant: transition, onClosed: () => {
-                        const items = State.get(placement);
-                        if (items) {
-                            for (let i = 0; i < items.length; i++) {
-                                let item = items[i];
-                                if (item.id === id) {
-                                    items.splice(i, 1);
-                                    State.set(placement, items);
-                                    Renderar.dispatch();
-                                    break;
-                                }
-                            }
-                        }
-                    }, onOpened: () => {
-                        let timer = setTimeout(() => {
-                            updateState(placement, id, (_item) => {
-                                _item.open = false;
-                                return _item;
-                            });
-                        }, 6000);
-                        updateState(placement, id, (_item) => {
-                            _item.timer = timer;
-                            return _item;
-                        });
-                    }, children: jsx(Alert, Object.assign({ shadow: 2, variant: "fill", color: "brand" }, rest, { mode: "item", mb: 1.5, onMouseEnter: () => {
-                            updateState(placement, id, (_item) => {
-                                clearTimeout(_item.timer);
-                                return _item;
-                            });
-                        }, onMouseLeave: () => {
-                            let timer = setTimeout(() => {
-                                updateState(placement, id, (_item) => {
-                                    _item.open = false;
-                                    return _item;
-                                });
-                            }, 6000);
-                            updateState(placement, id, (_item) => {
-                                _item.timer = timer;
-                                return _item;
-                            });
-                        }, onClose: closeable ? () => {
-                            updateState(placement, id, (_item) => {
-                                _item.open = false;
-                                clearTimeout(_item.timer);
-                                return _item;
-                            });
-                        } : undefined, children: content })) }, id));
-            }) }) }));
+    return { sx, transition };
 };
-const uid = (p) => {
-    const id = Math.random().toString(32).substring(2, 5);
-    return `TOAST_CONTAINER_${p}_${id}`.toUpperCase();
+const ToastView = (props) => {
+    const [open, setOpen] = React.useState(true);
+    const [timer, setTimer] = React.useState(null);
+    const _a = props || {}, { placement = "bottom-right", content, closeable, onClosed } = _a, rest = __rest(_a, ["placement", "content", "closeable", "onClosed"]);
+    const { transition } = formatPacement(placement);
+    return (jsx(Transition, { open: open, variant: transition, onClosed: () => {
+            onClosed();
+        }, onOpened: () => {
+            setTimer(setTimeout(() => {
+                setOpen(false);
+            }, 6000));
+        }, children: jsx(Alert, Object.assign({ shadow: 2, variant: "fill", color: "brand" }, rest, { mode: "item", mb: 1, onMouseEnter: () => {
+                clearTimeout(timer);
+            }, onMouseLeave: () => {
+                setTimer(setTimeout(() => {
+                    setOpen(false);
+                }, 6000));
+            }, onClose: closeable ? () => {
+                setOpen(false);
+            } : undefined, children: content })) }));
 };
-Renderar.create(uid("TOP_LEFT"), () => jsx(ToastContainer, { placement: 'top-left' }));
-Renderar.create(uid("TOP_RIGHT"), () => jsx(ToastContainer, { placement: 'top-right' }));
-Renderar.create(uid("TOP_CENTER"), () => jsx(ToastContainer, { placement: 'top-center' }));
-Renderar.create(uid("BOTTOM_LEFT"), () => jsx(ToastContainer, { placement: 'bottom-left' }));
-Renderar.create(uid("BOTTOM_RIGHT"), () => jsx(ToastContainer, { placement: 'bottom-right' }));
-Renderar.create(uid("BOTTOM_CENTER"), () => jsx(ToastContainer, { placement: 'bottom-center' }));
-const Toast = {
-    open: (props) => {
-        let { placement } = props || {};
-        placement !== null && placement !== void 0 ? placement : (placement = "bottom-right");
-        let prev = State.get(placement) || [];
-        prev.push({
-            open: true,
-            id: Math.random().toString(),
-            props
-        });
-        State.set(placement, prev);
-        Renderar.dispatch();
+const Toast = (props) => {
+    if (typeof props === "string") {
+        props = { content: props };
+    }
+    let _a = props || {}, { placement = "bottom-right", content, closeable } = _a, rest = __rest(_a, ["placement", "content", "closeable"]);
+    const { sx } = formatPacement(placement);
+    const wrapperContainerClassName = `xui-toast-container-${placement}`;
+    const wrapperClassName = `xui-toast-list-${placement}`;
+    let wrapperEle = document.querySelector(`.${wrapperContainerClassName}`);
+    if (!wrapperEle) {
+        wrapperEle = document.createElement('div');
+        wrapperEle.className = wrapperContainerClassName;
+        const appRoot = appRootElement();
+        appRoot.appendChild(wrapperEle);
+        const wrapperRoot = createRoot(wrapperEle);
+        wrapperRoot.render(jsx(Scrollbar, { 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}`);
+        const div = document.createElement('div');
+        wrapper.appendChild(div);
+        const root = createRoot(div);
+        root.render(jsx(ToastView, Object.assign({ placement: placement, content: content, closeable: closeable }, rest, { onClosed: () => {
+                root.unmount();
+                wrapper.removeChild(div);
+                if (wrapper.children.length === 0) {
+                    const container = document.querySelector(`.${wrapperContainerClassName}`);
+                    if (container) {
+                        appRootElement().removeChild(container);
+                    }
+                }
+            } })));
+    }, 5);
 };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":["\nimport { Tag, ColorTemplateColors, ColorTemplateType, useBreakpointPropsType, Transition } from '@xanui/core'\nimport { ReactElement } from \"react\";\nimport Renderar from '../ThemeProvider/RenderRoot';\nimport Alert, { AlertProps } from '../Alert';\nimport Scrollbar from '../Scrollbar';\n\n\ntype PlacementType = \"top-left\" | \"top-center\" | \"top-right\" | \"bottom-left\" | \"bottom-center\" | \"bottom-right\"\n\nexport type ToastProps = {\n    title?: useBreakpointPropsType<string | ReactElement>;\n    content?: AlertProps['children'];\n    variant?: useBreakpointPropsType<ColorTemplateType>;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    icon?: useBreakpointPropsType<\"info\" | \"warning\" | \"success\" | \"error\" | false | ReactElement>;\n    placement?: PlacementType;\n    closeable?: useBreakpointPropsType<boolean>;\n}\n\ntype StateValue = { open: boolean, id: string, timer?: NodeJS.Timeout, props: ToastProps }\nconst State = new Map<PlacementType, StateValue[]>()\n\n\nlet updateState = (placement: PlacementType, id: string, callback: (item: StateValue) => StateValue) => {\n    const items = State.get(placement)\n    if (items) {\n        for (let i = 0; i < items.length; i++) {\n            let item = items[i]\n            if (item.id === id) {\n                items[i] = callback(item)\n                State.set(placement, items)\n                Renderar.dispatch()\n                break;\n            }\n        }\n    }\n}\n\nconst ToastContainer = ({ placement }: { placement: PlacementType }) => {\n    const items = State.get(placement)\n    if (!items || !items?.length) return <></>\n\n    let sxr: any = {}\n    let transition: any = \"\"\n    switch (placement) {\n        case \"top-left\":\n            sxr = {\n                top: 0,\n                left: 0\n            }\n            transition = \"fadeRight\"\n            break;\n        case \"top-right\":\n            sxr = {\n                top: 0,\n                right: 0\n            }\n            transition = \"fadeLeft\"\n            break;\n        case \"top-center\":\n            sxr = {\n                top: 0,\n                left: \"50%\",\n                transform: \"translateX(-50%)\"\n            }\n            transition = \"fadeDown\"\n            break;\n        case \"bottom-right\":\n            sxr = {\n                bottom: 0,\n                right: 0\n            }\n            transition = \"fadeLeft\"\n            break;\n        case \"bottom-left\":\n            sxr = {\n                bottom: 0,\n                left: 0\n            }\n            transition = \"fadeRight\"\n            break;\n        case \"bottom-center\":\n            sxr = {\n                bottom: 0,\n                left: \"50%\",\n                transform: \"translateX(-50%)\"\n            }\n            transition = \"fadeUp\"\n            break;\n    }\n    return (\n        <Tag\n            sxr={{\n                position: \"fixed\",\n                zIndex: 99999999,\n                display: \"flex\",\n                gap: 2,\n                flexDirection: \"column\",\n                maxHeight: \"100%\",\n                width: 320,\n                ...sxr\n            }}\n        >\n            <Scrollbar\n                style={{\n                    padding: 8\n                }}\n            >\n                {\n                    items.map(({ open, id, props }) => {\n                        let { content, closeable, ...rest } = props\n                        closeable ??= true\n                        return (\n                            <Transition\n                                key={id}\n                                open={open}\n                                variant={transition}\n                                onClosed={() => {\n                                    const items = State.get(placement)\n                                    if (items) {\n                                        for (let i = 0; i < items.length; i++) {\n                                            let item = items[i]\n                                            if (item.id === id) {\n                                                items.splice(i, 1)\n                                                State.set(placement, items)\n                                                Renderar.dispatch()\n                                                break;\n                                            }\n                                        }\n                                    }\n                                }}\n                                onOpened={() => {\n                                    let timer = setTimeout(() => {\n                                        updateState(placement, id, (_item) => {\n                                            _item.open = false\n                                            return _item\n                                        })\n                                    }, 6000)\n                                    updateState(placement, id, (_item) => {\n                                        _item.timer = timer\n                                        return _item\n                                    })\n                                }}\n                            >\n                                <Alert\n                                    shadow={2}\n                                    variant=\"fill\"\n                                    color=\"brand\"\n                                    {...rest as any}\n                                    mode=\"item\"\n                                    mb={1.5}\n                                    onMouseEnter={() => {\n                                        updateState(placement, id, (_item) => {\n                                            clearTimeout(_item.timer)\n                                            return _item\n                                        })\n                                    }}\n                                    onMouseLeave={() => {\n                                        let timer = setTimeout(() => {\n                                            updateState(placement, id, (_item) => {\n                                                _item.open = false\n                                                return _item\n                                            })\n                                        }, 6000)\n                                        updateState(placement, id, (_item) => {\n                                            _item.timer = timer\n                                            return _item\n                                        })\n                                    }}\n                                    onClose={closeable ? () => {\n                                        updateState(placement, id, (_item) => {\n                                            _item.open = false\n                                            clearTimeout(_item.timer)\n                                            return _item\n                                        })\n                                    } : undefined}\n                                >{content}</Alert>\n                            </Transition>\n                        )\n                    })\n                }\n            </Scrollbar>\n        </Tag>\n    )\n}\nconst uid = (p: string) => {\n    const id = Math.random().toString(32).substring(2, 5)\n    return `TOAST_CONTAINER_${p}_${id}`.toUpperCase()\n}\nRenderar.create(uid(\"TOP_LEFT\"), () => <ToastContainer placement='top-left' />)\nRenderar.create(uid(\"TOP_RIGHT\"), () => <ToastContainer placement='top-right' />)\nRenderar.create(uid(\"TOP_CENTER\"), () => <ToastContainer placement='top-center' />)\nRenderar.create(uid(\"BOTTOM_LEFT\"), () => <ToastContainer placement='bottom-left' />)\nRenderar.create(uid(\"BOTTOM_RIGHT\"), () => <ToastContainer placement='bottom-right' />)\nRenderar.create(uid(\"BOTTOM_CENTER\"), () => <ToastContainer placement='bottom-center' />)\n\nconst Toast = {\n    open: (props: ToastProps) => {\n        let { placement } = props || {}\n        placement ??= \"bottom-right\"\n        let prev = State.get(placement) || []\n        prev.push({\n            open: true,\n            id: Math.random().toString(),\n            props\n        })\n        State.set(placement, prev)\n        Renderar.dispatch()\n    }\n}\n\nexport default Toast"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/Toast/index.tsx"],"sourcesContent":["import { createRoot } from \"react-dom/client\";\nimport { appRootElement, ColorTemplateColors, ColorTemplateType, Transition, useBreakpointPropsType } from \"@xanui/core\";\nimport React, { ReactElement } from \"react\";\nimport Alert, { AlertProps } from \"../Alert\";\nimport Scrollbar from \"../Scrollbar\";\n\n\n\ntype PlacementType = \"top-left\" | \"top-center\" | \"top-right\" | \"bottom-left\" | \"bottom-center\" | \"bottom-right\"\n\nexport type useToastContentProps = {\n    show: () => string;\n    hide: () => void;\n}\n\nexport type UseTastContent = string | ReactElement | ((props: useToastContentProps) => ReactElement)\n\nexport type UseToastProps = {\n    title?: useBreakpointPropsType<string | ReactElement>;\n    content?: AlertProps['children'];\n    variant?: useBreakpointPropsType<ColorTemplateType>;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\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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"}

package/index.d.ts

@@ -49,7 +49,6 @@ export { default as TablePagination } from './TablePagination/index.js';
 export { default as TableRow } from './TableRow/index.js';
 export { default as Tabs } from './Tabs/index.js';
 export { default as Text } from './Text/index.js';
-export { default as ThemeProvider } from './ThemeProvider/index.js';
 export { default as Toast } from './Toast/index.js';
 export { default as Tooltip } from './Tooltip/index.js';
 export { default as useCorner } from './useCorner/index.js';

package/index.js

@@ -1 +1 @@
-'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('./ThemeProvider/index.js'),index$Q=require('./Toast/index.js'),index$R=require('./Tooltip/index.js'),index$S=require('./useCorner/index.js'),index$T=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.ThemeProvider=index$P.default;exports.Toast=index$Q.default;exports.Tooltip=index$R.default;exports.useCorner=index$S.default;exports.ViewBox=index$T.default;//# sourceMappingURL=index.js.map
+'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

package/index.mjs

@@ -1 +1 @@
-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 ThemeProvider}from'./ThemeProvider/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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xanui/ui",
-  "version": "1.1.1",
+  "version": "1.1.4",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -9,11 +9,11 @@
   "module": "./index.mjs",
   "types": "./index.d.ts",
   "dependencies": {
-    "@xanui/core": "^1.1.14",
+    "@xanui/core": "^1.1.26",
     "@xanui/icons": "^1.1.10",
-    "oncss": "^1.1.15",
+    "oncss": "^1.2.3",
     "pretty-class": "^1.0.5",
-    "react-state-bucket": "^1.1.9",
+    "react-state-bucket": "^1.2.4",
     "tslib": "^2.8.1"
   },
   "devDependencies": {