@xanui/ui 1.0.1 → 1.1.1

package/Tabs/index.mjs

@@ -174,15 +174,15 @@ const Tabs = React.forwardRef((_a, ref) => {
             position: "relative",
             zIndex: 1,
             display: "inline-block"
-        } }, { children: [jsx(Tag, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.content, { baseClass: 'tabs-content', sxr: {
+        }, children: [jsx(Tag, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.content, { baseClass: 'tabs-content', sxr: {
                     display: verticle ? "flex" : "inline-flex",
                     flexDirection: verticle ? "column" : "row",
-                }, ref: containerRef }, { children: childs })), jsx(Transition, Object.assign({ open: !!trans, variant: trans || { from: {}, to: {} }, easing: "easeInOut", duration: trans ? (disableTransition ? 0 : 250) : 0 }, { children: jsx(Tag, Object.assign({ baseClass: 'tabs-indicator', 
+                }, ref: containerRef, children: childs })), jsx(Transition, { open: !!trans, variant: trans || { from: {}, to: {} }, easing: "easeInOut", duration: trans ? (disableTransition ? 0 : 250) : 0, children: jsx(Tag, Object.assign({ baseClass: 'tabs-indicator', 
                     // className={classname}
                     sxr: {
                         position: "absolute",
                         zIndex: -1,
                         cursor: "pointer",
                         bgcolor: color
-                    } }, indicatorProps)) }), !!trans ? "asd" : "qwe")] })));
+                    } }, indicatorProps)) }, !!trans ? "asd" : "qwe")] })));
 });export{Tabs as default};//# sourceMappingURL=index.mjs.map

package/Tabs/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Tabs/index.tsx"],"sourcesContent":["\nimport React, { useEffect, ReactElement, useMemo, cloneElement, useState, Children, useRef } from 'react'\nimport { TabProps } from '../Tab'\nimport { Tag, TagProps, useBreakpointProps, ColorTemplateColors, useInterface, useBreakpointPropsType, Transition } from '@xanui/core'\nimport { ButtonProps } from '../Button'\n\n\ntype ValueType = string | number\nexport type TabsProps = Omit<TagProps, 'onChange'> & {\n    children: ReactElement<TabProps> | ReactElement<TabProps>[];\n    value?: ValueType;\n    onChange?: (value: ValueType) => void;\n    variant?: useBreakpointPropsType<\"start-line\" | \"end-line\" | \"fill\" | \"outline\" | \"text\" | \"alpha\">;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    verticle?: useBreakpointPropsType<boolean>;\n    disableTransition?: useBreakpointPropsType<boolean>;\n    indicatorSize?: useBreakpointPropsType<number>;\n\n    slotProps?: {\n        content?: Omit<TagProps, \"children\">;\n        button?: Omit<ButtonProps, \"children\" | \"color\" | \"variant\" | \"classNames\">;\n    }\n}\n\nconst getRect = (ele: HTMLElement, parent: HTMLElement) => {\n    const _rect: any = {};\n    const parentRect = parent.getBoundingClientRect();\n    const childRect = ele.getBoundingClientRect();\n    _rect.top = childRect.top - parentRect.top;\n    _rect.right = childRect.right - parentRect.right;\n    _rect.bottom = childRect.bottom - parentRect.bottom;\n    _rect.left = childRect.left - parentRect.left;\n    _rect.width = childRect.width;\n    _rect.height = childRect.height;\n    return _rect\n}\n\nconst Tabs = React.forwardRef(({ onChange, value, children, ...props }: TabsProps, ref: any) => {\n    let [{ verticle, color, variant, indicatorSize, disableTransition, slotProps, ...rest }] = useInterface<any>(\"Tabs\", props, {})\n    const _p: any = {}\n    if (variant) _p.variant = variant\n    if (color) _p.color = color\n    if (verticle) _p.verticle = verticle\n    if (disableTransition) _p.disableTransition = disableTransition\n    if (indicatorSize) _p.indicatorSize = indicatorSize\n    const p: any = useBreakpointProps(_p)\n\n    variant = p.variant ?? \"end-line\"\n    color = p.color ?? \"brand\"\n    verticle = p.verticle\n    disableTransition = p.disableTransition\n    indicatorSize = p.indicatorSize ?? 3\n\n    ref = ref || useRef(null)\n    const containerRef: any = useRef(null)\n    const [trans, setTrans] = useState<any>()\n\n    const { childs, selectedIndex } = useMemo(() => {\n        let info: any = {\n            childs: null,\n            selectedIndex: 0\n        }\n        info.childs = Children.map(children, (child: any, idx: number) => {\n            let selected = child.props.value === value\n            if (selected) {\n                info.selectedIndex = idx\n            }\n\n            let btnProps: any = {}\n            if (variant === 'fill' && selected) {\n                btnProps = {\n                    sx: {\n                        bgcolor: \"transparent!importnat\",\n                        color: \"#FFFFFF!important\"\n                    }\n                }\n            } else if (variant === 'alpha' && selected) {\n                btnProps = {\n                    sx: {\n                        bgcolor: \"transparent!importnat\",\n                    }\n                }\n            }\n\n            // delete child.props.value\n            return cloneElement(child, {\n                corner: \"square\",\n                value: undefined,\n                onClick: () => {\n                    onChange && onChange(child.props.value)\n                },\n                border: 1,\n                borderColor: \"transparent\",\n                ...slotProps?.button,\n                ...btnProps,\n                color: selected ? color : \"default\",\n                variant: \"text\",\n                classNames: [child.props.classNames, { \"tab-selected\": selected }],\n            })\n        })\n        return info\n    }, [children, onChange, value, variant, color, verticle])\n\n    useEffect(() => {\n        let con = containerRef.current\n        const conChilds = con.children\n        if (conChilds && conChilds[selectedIndex]) {\n            const selectedTab = con.querySelector(\".tab-selected\") || conChilds[0]\n            const prevRect = getRect(selectedTab, con)\n            const rect = getRect(conChilds[selectedIndex], con)\n\n            let anim: any = {}\n            if (verticle) {\n                anim = {\n                    from: {\n                        top: prevRect?.top || 0,\n                        height: prevRect?.height || 0,\n                    },\n                    to: {\n                        top: rect?.top || 0,\n                        height: rect?.height || 0,\n                    }\n                }\n                if ([\"fill\", \"alpha\", \"outline\"].includes(variant)) {\n                    anim.from.width = prevRect?.width\n                    anim.to.width = rect?.width\n                }\n            } else {\n                anim = {\n                    from: {\n                        left: prevRect?.left || 0,\n                        width: prevRect?.width || 0,\n                    },\n                    to: {\n                        left: rect?.left || 0,\n                        width: rect?.width || 0,\n                    },\n                }\n                if ([\"fill\", \"alpha\", \"outline\"].includes(variant)) {\n                    anim.from.height = prevRect?.height || 0\n                    anim.to.height = rect?.height || 0\n                }\n            }\n            setTrans(anim)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedIndex, variant, color, verticle])\n\n    let indicatorProps: any = useMemo(() => {\n        let _indicatorProps: any = {}\n        switch (variant) {\n            case \"start-line\":\n                if (verticle) {\n                    _indicatorProps = {\n                        left: 0,\n                        width: indicatorSize\n                    }\n                } else {\n                    _indicatorProps = {\n                        top: 0,\n                        height: indicatorSize\n                    }\n                }\n                break;\n            case \"end-line\":\n                if (verticle) {\n                    _indicatorProps = {\n                        right: 0,\n                        width: indicatorSize\n                    }\n                } else {\n                    _indicatorProps = {\n                        bottom: 0,\n                        height: indicatorSize\n                    }\n                }\n                break;\n            case \"fill\":\n                _indicatorProps = {\n                    top: 0,\n                    bgcolor: color\n                }\n                break;\n            case \"outline\":\n                _indicatorProps = {\n                    top: 0,\n                    border: 1,\n                    borderColor: color,\n                    bgcolor: \"transparent\"\n                }\n                break;\n            case \"alpha\":\n                _indicatorProps = {\n                    top: 0,\n                    bgcolor: `${color}.alpha`\n                }\n                break;\n            case \"text\":\n                _indicatorProps = {\n                    display: \"none\"\n                }\n                break;\n        }\n        return _indicatorProps\n    }, [selectedIndex, variant, color, verticle])\n\n    return (\n        <Tag\n            {...rest}\n            baseClass='tabs'\n            ref={ref}\n            sxr={{\n                position: \"relative\",\n                zIndex: 1,\n                display: \"inline-block\"\n            }}\n        >\n            <Tag\n                {...slotProps?.content}\n                baseClass='tabs-content'\n                sxr={{\n                    display: verticle ? \"flex\" : \"inline-flex\",\n                    flexDirection: verticle ? \"column\" : \"row\",\n                }}\n                ref={containerRef}\n            >\n                {childs}\n            </Tag>\n            <Transition\n                key={!!trans ? \"asd\" : \"qwe\"}\n                open={!!trans}\n                variant={trans || { from: {}, to: {} }}\n                easing=\"easeInOut\"\n                duration={trans ? (disableTransition ? 0 : 250) : 0}\n            >\n                <Tag\n                    baseClass='tabs-indicator'\n                    // className={classname}\n                    sxr={{\n                        position: \"absolute\",\n                        zIndex: -1,\n                        cursor: \"pointer\",\n                        bgcolor: color\n                    }}\n                    {...indicatorProps}\n                >\n                </Tag>\n            </Transition>\n        </Tag>\n    )\n})\n\nexport default Tabs"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/Tabs/index.tsx"],"sourcesContent":["\nimport React, { useEffect, ReactElement, useMemo, cloneElement, useState, Children, useRef } from 'react'\nimport { TabProps } from '../Tab'\nimport { Tag, TagProps, useBreakpointProps, ColorTemplateColors, useInterface, useBreakpointPropsType, Transition } from '@xanui/core'\nimport { ButtonProps } from '../Button'\n\n\ntype ValueType = string | number\nexport type TabsProps = Omit<TagProps, 'onChange'> & {\n    children: ReactElement<TabProps> | ReactElement<TabProps>[];\n    value?: ValueType;\n    onChange?: (value: ValueType) => void;\n    variant?: useBreakpointPropsType<\"start-line\" | \"end-line\" | \"fill\" | \"outline\" | \"text\" | \"alpha\">;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    verticle?: useBreakpointPropsType<boolean>;\n    disableTransition?: useBreakpointPropsType<boolean>;\n    indicatorSize?: useBreakpointPropsType<number>;\n\n    slotProps?: {\n        content?: Omit<TagProps, \"children\">;\n        button?: Omit<ButtonProps, \"children\" | \"color\" | \"variant\" | \"classNames\">;\n    }\n}\n\nconst getRect = (ele: HTMLElement, parent: HTMLElement) => {\n    const _rect: any = {};\n    const parentRect = parent.getBoundingClientRect();\n    const childRect = ele.getBoundingClientRect();\n    _rect.top = childRect.top - parentRect.top;\n    _rect.right = childRect.right - parentRect.right;\n    _rect.bottom = childRect.bottom - parentRect.bottom;\n    _rect.left = childRect.left - parentRect.left;\n    _rect.width = childRect.width;\n    _rect.height = childRect.height;\n    return _rect\n}\n\nconst Tabs = React.forwardRef(({ onChange, value, children, ...props }: TabsProps, ref: any) => {\n    let [{ verticle, color, variant, indicatorSize, disableTransition, slotProps, ...rest }] = useInterface<any>(\"Tabs\", props, {})\n    const _p: any = {}\n    if (variant) _p.variant = variant\n    if (color) _p.color = color\n    if (verticle) _p.verticle = verticle\n    if (disableTransition) _p.disableTransition = disableTransition\n    if (indicatorSize) _p.indicatorSize = indicatorSize\n    const p: any = useBreakpointProps(_p)\n\n    variant = p.variant ?? \"end-line\"\n    color = p.color ?? \"brand\"\n    verticle = p.verticle\n    disableTransition = p.disableTransition\n    indicatorSize = p.indicatorSize ?? 3\n\n    ref = ref || useRef(null)\n    const containerRef: any = useRef(null)\n    const [trans, setTrans] = useState<any>()\n\n    const { childs, selectedIndex } = useMemo(() => {\n        let info: any = {\n            childs: null,\n            selectedIndex: 0\n        }\n        info.childs = Children.map(children, (child: any, idx: number) => {\n            let selected = child.props.value === value\n            if (selected) {\n                info.selectedIndex = idx\n            }\n\n            let btnProps: any = {}\n            if (variant === 'fill' && selected) {\n                btnProps = {\n                    sx: {\n                        bgcolor: \"transparent!importnat\",\n                        color: \"#FFFFFF!important\"\n                    }\n                }\n            } else if (variant === 'alpha' && selected) {\n                btnProps = {\n                    sx: {\n                        bgcolor: \"transparent!importnat\",\n                    }\n                }\n            }\n\n            // delete child.props.value\n            return cloneElement(child, {\n                corner: \"square\",\n                value: undefined,\n                onClick: () => {\n                    onChange && onChange(child.props.value)\n                },\n                border: 1,\n                borderColor: \"transparent\",\n                ...slotProps?.button,\n                ...btnProps,\n                color: selected ? color : \"default\",\n                variant: \"text\",\n                classNames: [child.props.classNames, { \"tab-selected\": selected }],\n            })\n        })\n        return info\n    }, [children, onChange, value, variant, color, verticle])\n\n    useEffect(() => {\n        let con = containerRef.current\n        const conChilds = con.children\n        if (conChilds && conChilds[selectedIndex]) {\n            const selectedTab = con.querySelector(\".tab-selected\") || conChilds[0]\n            const prevRect = getRect(selectedTab, con)\n            const rect = getRect(conChilds[selectedIndex], con)\n\n            let anim: any = {}\n            if (verticle) {\n                anim = {\n                    from: {\n                        top: prevRect?.top || 0,\n                        height: prevRect?.height || 0,\n                    },\n                    to: {\n                        top: rect?.top || 0,\n                        height: rect?.height || 0,\n                    }\n                }\n                if ([\"fill\", \"alpha\", \"outline\"].includes(variant)) {\n                    anim.from.width = prevRect?.width\n                    anim.to.width = rect?.width\n                }\n            } else {\n                anim = {\n                    from: {\n                        left: prevRect?.left || 0,\n                        width: prevRect?.width || 0,\n                    },\n                    to: {\n                        left: rect?.left || 0,\n                        width: rect?.width || 0,\n                    },\n                }\n                if ([\"fill\", \"alpha\", \"outline\"].includes(variant)) {\n                    anim.from.height = prevRect?.height || 0\n                    anim.to.height = rect?.height || 0\n                }\n            }\n            setTrans(anim)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedIndex, variant, color, verticle])\n\n    let indicatorProps: any = useMemo(() => {\n        let _indicatorProps: any = {}\n        switch (variant) {\n            case \"start-line\":\n                if (verticle) {\n                    _indicatorProps = {\n                        left: 0,\n                        width: indicatorSize\n                    }\n                } else {\n                    _indicatorProps = {\n                        top: 0,\n                        height: indicatorSize\n                    }\n                }\n                break;\n            case \"end-line\":\n                if (verticle) {\n                    _indicatorProps = {\n                        right: 0,\n                        width: indicatorSize\n                    }\n                } else {\n                    _indicatorProps = {\n                        bottom: 0,\n                        height: indicatorSize\n                    }\n                }\n                break;\n            case \"fill\":\n                _indicatorProps = {\n                    top: 0,\n                    bgcolor: color\n                }\n                break;\n            case \"outline\":\n                _indicatorProps = {\n                    top: 0,\n                    border: 1,\n                    borderColor: color,\n                    bgcolor: \"transparent\"\n                }\n                break;\n            case \"alpha\":\n                _indicatorProps = {\n                    top: 0,\n                    bgcolor: `${color}.alpha`\n                }\n                break;\n            case \"text\":\n                _indicatorProps = {\n                    display: \"none\"\n                }\n                break;\n        }\n        return _indicatorProps\n    }, [selectedIndex, variant, color, verticle])\n\n    return (\n        <Tag\n            {...rest}\n            baseClass='tabs'\n            ref={ref}\n            sxr={{\n                position: \"relative\",\n                zIndex: 1,\n                display: \"inline-block\"\n            }}\n        >\n            <Tag\n                {...slotProps?.content}\n                baseClass='tabs-content'\n                sxr={{\n                    display: verticle ? \"flex\" : \"inline-flex\",\n                    flexDirection: verticle ? \"column\" : \"row\",\n                }}\n                ref={containerRef}\n            >\n                {childs}\n            </Tag>\n            <Transition\n                key={!!trans ? \"asd\" : \"qwe\"}\n                open={!!trans}\n                variant={trans || { from: {}, to: {} }}\n                easing=\"easeInOut\"\n                duration={trans ? (disableTransition ? 0 : 250) : 0}\n            >\n                <Tag\n                    baseClass='tabs-indicator'\n                    // className={classname}\n                    sxr={{\n                        position: \"absolute\",\n                        zIndex: -1,\n                        cursor: \"pointer\",\n                        bgcolor: color\n                    }}\n                    {...indicatorProps}\n                >\n                </Tag>\n            </Transition>\n        </Tag>\n    )\n})\n\nexport default Tabs"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/Text/index.js

@@ -6,5 +6,5 @@
         _p.variant = variant;
     const p = core.useBreakpointProps(_p);
     variant = (_b = p.variant) !== null && _b !== void 0 ? _b : 'text';
-    return (jsxRuntime.jsx(core.Tag, Object.assign({ component: (variant === 'text' || variant === 'small' ? "p" : variant) }, props, { sxr: Object.assign({ fontSize: variant, lineHeight: variant, fontWeight: variant, color: "text.primary" }, props === null || props === void 0 ? void 0 : props.sx), baseClass: 'text', ref: ref }, { children: children })));
+    return (jsxRuntime.jsx(core.Tag, Object.assign({ component: (variant === 'text' || variant === 'small' ? "p" : variant) }, props, { sxr: Object.assign({ fontSize: variant, lineHeight: variant, fontWeight: variant, color: "text.primary" }, props === null || props === void 0 ? void 0 : props.sx), baseClass: 'text', ref: ref, children: children })));
 });exports.default=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 === 'text' || variant === 'small' ? \"p\" : variant) as any}\n            {...props}\n            sxr={{\n                fontSize: variant,\n                lineHeight: variant,\n                fontWeight: variant,\n                color: \"text.primary\",\n                ...(props as any)?.sx\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;AAE7B,IAAA,QACIC,cAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,SAAS,GAAG,OAAO,KAAK,MAAM,IAAI,OAAO,KAAK,OAAO,GAAG,GAAG,GAAG,OAAO,CAAQ,EAAA,EACzE,KAAK,EAAA,EACT,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACC,QAAQ,EAAE,OAAO,EACjB,UAAU,EAAE,OAAO,EACnB,UAAU,EAAE,OAAO,EACnB,KAAK,EAAE,cAAc,EAAA,EACjB,KAAa,aAAb,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAU,EAAE,CAAA,EAEzB,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,GAAG,EAAA,EAAA,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 === 'text' || variant === 'small' ? \"p\" : variant) as any}\n            {...props}\n            sxr={{\n                fontSize: variant,\n                lineHeight: variant,\n                fontWeight: variant,\n                color: \"text.primary\",\n                ...(props as any)?.sx\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;AAE7B,IAAA,QACIC,cAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,SAAS,GAAG,OAAO,KAAK,MAAM,IAAI,OAAO,KAAK,OAAO,GAAG,GAAG,GAAG,OAAO,CAAQ,EAAA,EACzE,KAAK,EAAA,EACT,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACC,QAAQ,EAAE,OAAO,EACjB,UAAU,EAAE,OAAO,EACnB,UAAU,EAAE,OAAO,EACnB,KAAK,EAAE,cAAc,EAAA,EACjB,KAAa,aAAb,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAU,EAAE,CAAA,EAEzB,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC"}

package/Text/index.mjs

@@ -6,5 +6,5 @@ import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import React from
         _p.variant = variant;
     const p = useBreakpointProps(_p);
     variant = (_b = p.variant) !== null && _b !== void 0 ? _b : 'text';
-    return (jsx(Tag, Object.assign({ component: (variant === 'text' || variant === 'small' ? "p" : variant) }, props, { sxr: Object.assign({ fontSize: variant, lineHeight: variant, fontWeight: variant, color: "text.primary" }, props === null || props === void 0 ? void 0 : props.sx), baseClass: 'text', ref: ref }, { children: children })));
+    return (jsx(Tag, Object.assign({ component: (variant === 'text' || variant === 'small' ? "p" : variant) }, props, { sxr: Object.assign({ fontSize: variant, lineHeight: variant, fontWeight: variant, color: "text.primary" }, props === null || props === void 0 ? void 0 : props.sx), baseClass: 'text', ref: ref, children: children })));
 });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 === 'text' || variant === 'small' ? \"p\" : variant) as any}\n            {...props}\n            sxr={{\n                fontSize: variant,\n                lineHeight: variant,\n                fontWeight: variant,\n                color: \"text.primary\",\n                ...(props as any)?.sx\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;AAE7B,IAAA,QACIA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,SAAS,GAAG,OAAO,KAAK,MAAM,IAAI,OAAO,KAAK,OAAO,GAAG,GAAG,GAAG,OAAO,CAAQ,EAAA,EACzE,KAAK,EAAA,EACT,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACC,QAAQ,EAAE,OAAO,EACjB,UAAU,EAAE,OAAO,EACnB,UAAU,EAAE,OAAO,EACnB,KAAK,EAAE,cAAc,EAAA,EACjB,KAAa,aAAb,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAU,EAAE,CAAA,EAEzB,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,GAAG,EAAA,EAAA,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 === 'text' || variant === 'small' ? \"p\" : variant) as any}\n            {...props}\n            sxr={{\n                fontSize: variant,\n                lineHeight: variant,\n                fontWeight: variant,\n                color: \"text.primary\",\n                ...(props as any)?.sx\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;AAE7B,IAAA,QACIA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,SAAS,GAAG,OAAO,KAAK,MAAM,IAAI,OAAO,KAAK,OAAO,GAAG,GAAG,GAAG,OAAO,CAAQ,EAAA,EACzE,KAAK,EAAA,EACT,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACC,QAAQ,EAAE,OAAO,EACjB,UAAU,EAAE,OAAO,EACnB,UAAU,EAAE,OAAO,EACnB,KAAK,EAAE,cAAc,EAAA,EACjB,KAAa,aAAb,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAU,EAAE,CAAA,EAEzB,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC"}

package/ThemeProvider/RenderRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderRoot.js","sources":["../../src/ThemeProvider/RenderRoot.tsx"],"sourcesContent":["import { ReactNode, useEffect, useState } from \"react\";\n\n\ntype Callback = () => ReactNode\n\n\nconst Renderar = {\n   components: {} as { [id: string]: Callback },\n   dispatch: () => { },\n   create: (id: string, component: Callback) => {\n      Renderar.components[id] = component\n   },\n   delete: (id: string) => {\n      if (Renderar.components[id]) {\n         delete Renderar.components[id]\n         Renderar.dispatch()\n      }\n   }\n}\n\nexport default Renderar\n\nexport const RenderComponents = () => {\n   const [, dispatch] = useState(0)\n   useEffect(() => {\n      Renderar.dispatch = () => {\n         dispatch(Math.random())\n      }\n   }, [])\n\n   return <>{Object.values(Renderar.components).map((Render: any, idx) => <Render key={\"renderar\" + idx} />)}</>\n}"],"names":["useState","useEffect","_jsx","_Fragment"],"mappings":"yIAMA,MAAM,QAAQ,GAAG;AACd,IAAA,UAAU,EAAE,EAAgC;AAC5C,IAAA,QAAQ,EAAE,MAAK,EAAG,CAAC;AACnB,IAAA,MAAM,EAAE,CAAC,EAAU,EAAE,SAAmB,KAAI;AACzC,QAAA,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,SAAS;IACtC,CAAC;AACD,IAAA,MAAM,EAAE,CAAC,EAAU,KAAI;AACpB,QAAA,IAAI,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE;AAC1B,YAAA,OAAO,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;YAC9B,QAAQ,CAAC,QAAQ,EAAE;AACrB,QAAA;IACJ;;AAKI,MAAM,gBAAgB,GAAG,MAAK;IAClC,MAAM,GAAG,QAAQ,CAAC,GAAGA,cAAQ,CAAC,CAAC,CAAC;IAChCC,eAAS,CAAC,MAAK;AACZ,QAAA,QAAQ,CAAC,QAAQ,GAAG,MAAK;AACtB,YAAA,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;AAC1B,QAAA,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,OAAOC,cAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,GAAG,KAAKD,cAAA,CAAC,MAAM,EAAA,EAAA,EAAM,UAAU,GAAG,GAAG,CAAI,CAAC,EAAA,CAAI;AAChH"}
+{"version":3,"file":"RenderRoot.js","sources":["../../src/ThemeProvider/RenderRoot.tsx"],"sourcesContent":["import { ReactNode, useEffect, useState } from \"react\";\n\n\ntype Callback = () => ReactNode\n\n\nconst Renderar = {\n   components: {} as { [id: string]: Callback },\n   dispatch: () => { },\n   create: (id: string, component: Callback) => {\n      Renderar.components[id] = component\n   },\n   delete: (id: string) => {\n      if (Renderar.components[id]) {\n         delete Renderar.components[id]\n         Renderar.dispatch()\n      }\n   }\n}\n\nexport default Renderar\n\nexport const RenderComponents = () => {\n   const [, dispatch] = useState(0)\n   useEffect(() => {\n      Renderar.dispatch = () => {\n         dispatch(Math.random())\n      }\n   }, [])\n\n   return <>{Object.values(Renderar.components).map((Render: any, idx) => <Render key={\"renderar\" + idx} />)}</>\n}"],"names":["useState","useEffect","_jsx","_Fragment"],"mappings":"yIAMA,MAAM,QAAQ,GAAG;AACd,IAAA,UAAU,EAAE,EAAgC;AAC5C,IAAA,QAAQ,EAAE,MAAK,EAAG,CAAC;AACnB,IAAA,MAAM,EAAE,CAAC,EAAU,EAAE,SAAmB,KAAI;AACzC,QAAA,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,SAAS;IACtC,CAAC;AACD,IAAA,MAAM,EAAE,CAAC,EAAU,KAAI;AACpB,QAAA,IAAI,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE;AAC1B,YAAA,OAAO,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;YAC9B,QAAQ,CAAC,QAAQ,EAAE;QACtB;IACH;;AAKI,MAAM,gBAAgB,GAAG,MAAK;IAClC,MAAM,GAAG,QAAQ,CAAC,GAAGA,cAAQ,CAAC,CAAC,CAAC;IAChCC,eAAS,CAAC,MAAK;AACZ,QAAA,QAAQ,CAAC,QAAQ,GAAG,MAAK;AACtB,YAAA,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;AAC1B,QAAA,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,OAAOC,cAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,GAAG,KAAKD,cAAA,CAAC,MAAM,EAAA,EAAA,EAAM,UAAU,GAAG,GAAG,CAAI,CAAC,EAAA,CAAI;AAChH"}

package/ThemeProvider/RenderRoot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RenderRoot.mjs","sources":["../../src/ThemeProvider/RenderRoot.tsx"],"sourcesContent":["import { ReactNode, useEffect, useState } from \"react\";\n\n\ntype Callback = () => ReactNode\n\n\nconst Renderar = {\n   components: {} as { [id: string]: Callback },\n   dispatch: () => { },\n   create: (id: string, component: Callback) => {\n      Renderar.components[id] = component\n   },\n   delete: (id: string) => {\n      if (Renderar.components[id]) {\n         delete Renderar.components[id]\n         Renderar.dispatch()\n      }\n   }\n}\n\nexport default Renderar\n\nexport const RenderComponents = () => {\n   const [, dispatch] = useState(0)\n   useEffect(() => {\n      Renderar.dispatch = () => {\n         dispatch(Math.random())\n      }\n   }, [])\n\n   return <>{Object.values(Renderar.components).map((Render: any, idx) => <Render key={\"renderar\" + idx} />)}</>\n}"],"names":["_jsx","_Fragment"],"mappings":"oFAMA,MAAM,QAAQ,GAAG;AACd,IAAA,UAAU,EAAE,EAAgC;AAC5C,IAAA,QAAQ,EAAE,MAAK,EAAG,CAAC;AACnB,IAAA,MAAM,EAAE,CAAC,EAAU,EAAE,SAAmB,KAAI;AACzC,QAAA,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,SAAS;IACtC,CAAC;AACD,IAAA,MAAM,EAAE,CAAC,EAAU,KAAI;AACpB,QAAA,IAAI,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE;AAC1B,YAAA,OAAO,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;YAC9B,QAAQ,CAAC,QAAQ,EAAE;AACrB,QAAA;IACJ;;AAKI,MAAM,gBAAgB,GAAG,MAAK;IAClC,MAAM,GAAG,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;IAChC,SAAS,CAAC,MAAK;AACZ,QAAA,QAAQ,CAAC,QAAQ,GAAG,MAAK;AACtB,YAAA,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;AAC1B,QAAA,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,OAAOA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,GAAG,KAAKD,GAAA,CAAC,MAAM,EAAA,EAAA,EAAM,UAAU,GAAG,GAAG,CAAI,CAAC,EAAA,CAAI;AAChH"}
+{"version":3,"file":"RenderRoot.mjs","sources":["../../src/ThemeProvider/RenderRoot.tsx"],"sourcesContent":["import { ReactNode, useEffect, useState } from \"react\";\n\n\ntype Callback = () => ReactNode\n\n\nconst Renderar = {\n   components: {} as { [id: string]: Callback },\n   dispatch: () => { },\n   create: (id: string, component: Callback) => {\n      Renderar.components[id] = component\n   },\n   delete: (id: string) => {\n      if (Renderar.components[id]) {\n         delete Renderar.components[id]\n         Renderar.dispatch()\n      }\n   }\n}\n\nexport default Renderar\n\nexport const RenderComponents = () => {\n   const [, dispatch] = useState(0)\n   useEffect(() => {\n      Renderar.dispatch = () => {\n         dispatch(Math.random())\n      }\n   }, [])\n\n   return <>{Object.values(Renderar.components).map((Render: any, idx) => <Render key={\"renderar\" + idx} />)}</>\n}"],"names":["_jsx","_Fragment"],"mappings":"oFAMA,MAAM,QAAQ,GAAG;AACd,IAAA,UAAU,EAAE,EAAgC;AAC5C,IAAA,QAAQ,EAAE,MAAK,EAAG,CAAC;AACnB,IAAA,MAAM,EAAE,CAAC,EAAU,EAAE,SAAmB,KAAI;AACzC,QAAA,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,SAAS;IACtC,CAAC;AACD,IAAA,MAAM,EAAE,CAAC,EAAU,KAAI;AACpB,QAAA,IAAI,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE;AAC1B,YAAA,OAAO,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;YAC9B,QAAQ,CAAC,QAAQ,EAAE;QACtB;IACH;;AAKI,MAAM,gBAAgB,GAAG,MAAK;IAClC,MAAM,GAAG,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;IAChC,SAAS,CAAC,MAAK;AACZ,QAAA,QAAQ,CAAC,QAAQ,GAAG,MAAK;AACtB,YAAA,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;AAC1B,QAAA,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,OAAOA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,GAAG,KAAKD,GAAA,CAAC,MAAM,EAAA,EAAA,EAAM,UAAU,GAAG,GAAG,CAAI,CAAC,EAAA,CAAI;AAChH"}

package/ThemeProvider/index.js

@@ -1,4 +1,4 @@
 'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),core=require('@xanui/core'),RenderRoot=require('./RenderRoot.js');const ThemeProvider = (_a) => {
     var { children } = _a, props = tslib.__rest(_a, ["children"]);
-    return (jsxRuntime.jsx(core.ThemeProvider, Object.assign({}, props, { renderIsRoot: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.renderIsRoot, jsxRuntime.jsx(RenderRoot.RenderComponents, {})] }) }, { children: children })));
+    return (jsxRuntime.jsx(core.ThemeProvider, Object.assign({}, props, { renderIsRoot: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.renderIsRoot, jsxRuntime.jsx(RenderRoot.RenderComponents, {})] }), children: children })));
 };exports.default=ThemeProvider;//# sourceMappingURL=index.js.map

package/ThemeProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/ThemeProvider/index.tsx"],"sourcesContent":["import { ThemeProvider as RootThemeProvider, ThemeProviderProps as RootThemeProviderProps } from '@xanui/core'\nimport { RenderComponents } from './RenderRoot'\n\nexport type ThemeProviderProps = RootThemeProviderProps & {\n\n}\n\nconst ThemeProvider = ({ children, ...props }: ThemeProviderProps) => {\n    return (\n        <RootThemeProvider\n            {...props}\n            renderIsRoot={<>\n                {props.renderIsRoot}\n                <RenderComponents />\n            </>}\n        >\n            {children}\n        </RootThemeProvider>\n    )\n}\n\nexport default ThemeProvider"],"names":["__rest","_jsx","RootThemeProvider","_jsxs","_Fragment","RenderComponents"],"mappings":"2MAOA,MAAM,aAAa,GAAG,CAAC,EAA0C,KAAI;AAA9C,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAgC,EAA3B,KAAK,GAAAA,YAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;IACvC,QACIC,eAACC,kBAAiB,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACV,KAAK,EAAA,EACT,YAAY,EAAEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACT,KAAK,CAAC,YAAY,EACnBH,eAACI,2BAAgB,EAAA,EAAA,CAAG,IACrB,EAAA,EAAA,EAAA,QAAA,EAEF,QAAQ,EAAA,CAAA,CACO;AAE5B"}
+{"version":3,"file":"index.js","sources":["../../src/ThemeProvider/index.tsx"],"sourcesContent":["import { ThemeProvider as RootThemeProvider, ThemeProviderProps as RootThemeProviderProps } from '@xanui/core'\nimport { RenderComponents } from './RenderRoot'\n\nexport type ThemeProviderProps = RootThemeProviderProps & {\n\n}\n\nconst ThemeProvider = ({ children, ...props }: ThemeProviderProps) => {\n    return (\n        <RootThemeProvider\n            {...props}\n            renderIsRoot={<>\n                {props.renderIsRoot}\n                <RenderComponents />\n            </>}\n        >\n            {children}\n        </RootThemeProvider>\n    )\n}\n\nexport default ThemeProvider"],"names":["__rest","_jsx","RootThemeProvider","_jsxs","_Fragment","RenderComponents"],"mappings":"2MAOA,MAAM,aAAa,GAAG,CAAC,EAA0C,KAAI;AAA9C,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAgC,EAA3B,KAAK,GAAAA,YAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;IACvC,QACIC,eAACC,kBAAiB,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACV,KAAK,EAAA,EACT,YAAY,EAAEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACT,KAAK,CAAC,YAAY,EACnBH,eAACI,2BAAgB,EAAA,EAAA,CAAG,IACrB,EAAA,QAAA,EAEF,QAAQ,EAAA,CAAA,CACO;AAE5B"}

package/ThemeProvider/index.mjs

@@ -1,4 +1,4 @@
 import {__rest}from'tslib';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {ThemeProvider as ThemeProvider$1}from'@xanui/core';import {RenderComponents}from'./RenderRoot.mjs';const ThemeProvider = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
-    return (jsx(ThemeProvider$1, Object.assign({}, props, { renderIsRoot: jsxs(Fragment, { children: [props.renderIsRoot, jsx(RenderComponents, {})] }) }, { children: children })));
+    return (jsx(ThemeProvider$1, Object.assign({}, props, { renderIsRoot: jsxs(Fragment, { children: [props.renderIsRoot, jsx(RenderComponents, {})] }), children: children })));
 };export{ThemeProvider as default};//# sourceMappingURL=index.mjs.map

package/ThemeProvider/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/ThemeProvider/index.tsx"],"sourcesContent":["import { ThemeProvider as RootThemeProvider, ThemeProviderProps as RootThemeProviderProps } from '@xanui/core'\nimport { RenderComponents } from './RenderRoot'\n\nexport type ThemeProviderProps = RootThemeProviderProps & {\n\n}\n\nconst ThemeProvider = ({ children, ...props }: ThemeProviderProps) => {\n    return (\n        <RootThemeProvider\n            {...props}\n            renderIsRoot={<>\n                {props.renderIsRoot}\n                <RenderComponents />\n            </>}\n        >\n            {children}\n        </RootThemeProvider>\n    )\n}\n\nexport default ThemeProvider"],"names":["_jsx","RootThemeProvider","_jsxs","_Fragment"],"mappings":"wLAOA,MAAM,aAAa,GAAG,CAAC,EAA0C,KAAI;AAA9C,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAgC,EAA3B,KAAK,GAAA,MAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;IACvC,QACIA,IAACC,eAAiB,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACV,KAAK,EAAA,EACT,YAAY,EAAEC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACT,KAAK,CAAC,YAAY,EACnBH,IAAC,gBAAgB,EAAA,EAAA,CAAG,IACrB,EAAA,EAAA,EAAA,QAAA,EAEF,QAAQ,EAAA,CAAA,CACO;AAE5B"}
+{"version":3,"file":"index.mjs","sources":["../../src/ThemeProvider/index.tsx"],"sourcesContent":["import { ThemeProvider as RootThemeProvider, ThemeProviderProps as RootThemeProviderProps } from '@xanui/core'\nimport { RenderComponents } from './RenderRoot'\n\nexport type ThemeProviderProps = RootThemeProviderProps & {\n\n}\n\nconst ThemeProvider = ({ children, ...props }: ThemeProviderProps) => {\n    return (\n        <RootThemeProvider\n            {...props}\n            renderIsRoot={<>\n                {props.renderIsRoot}\n                <RenderComponents />\n            </>}\n        >\n            {children}\n        </RootThemeProvider>\n    )\n}\n\nexport default ThemeProvider"],"names":["_jsx","RootThemeProvider","_jsxs","_Fragment"],"mappings":"wLAOA,MAAM,aAAa,GAAG,CAAC,EAA0C,KAAI;AAA9C,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAgC,EAA3B,KAAK,GAAA,MAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;IACvC,QACIA,IAACC,eAAiB,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACV,KAAK,EAAA,EACT,YAAY,EAAEC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACT,KAAK,CAAC,YAAY,EACnBH,IAAC,gBAAgB,EAAA,EAAA,CAAG,IACrB,EAAA,QAAA,EAEF,QAAQ,EAAA,CAAA,CACO;AAE5B"}

package/Toast/index.js

@@ -65,12 +65,12 @@ const ToastContainer = ({ placement }) => {
             transition = "fadeUp";
             break;
     }
-    return (jsxRuntime.jsx(core.Tag, Object.assign({ sxr: Object.assign({ position: "fixed", zIndex: 99999999, display: "flex", gap: 2, flexDirection: "column", maxHeight: "100%", width: 320 }, sxr) }, { children: jsxRuntime.jsx(index.default, Object.assign({ style: {
+    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 }) => {
+            }, 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, Object.assign({ open: open, variant: transition, onClosed: () => {
+                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++) {
@@ -94,7 +94,7 @@ const ToastContainer = ({ placement }) => {
                             _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: () => {
+                    }, 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;
@@ -116,8 +116,8 @@ const ToastContainer = ({ placement }) => {
                                 clearTimeout(_item.timer);
                                 return _item;
                             });
-                        } : undefined }, { children: content })) }), id));
-            }) })) })));
+                        } : undefined, children: content })) }, id));
+            }) }) }));
 };
 const uid = (p) => {
     const id = Math.random().toString(32).substring(2, 5);

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":"sSAqBA,MAAM,KAAK,GAAG,IAAI,GAAG,EAA+B;AAGpD,IAAI,WAAW,GAAG,CAAC,SAAwB,EAAE,EAAU,EAAE,QAA0C,KAAI;IACnG,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC;AAClC,IAAA,IAAI,KAAK,EAAE;AACP,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACnC,YAAA,IAAI,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC;AACnB,YAAA,IAAI,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE;gBAChB,KAAK,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;AACzB,gBAAA,KAAK,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC;gBAC3BA,kBAAQ,CAAC,QAAQ,EAAE;gBACnB;AACH,YAAA;AACJ,QAAA;AACJ,IAAA;AACL,CAAC;AAED,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAgC,KAAI;IACnE,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC;AAClC,IAAA,IAAI,CAAC,KAAK,IAAI,EAAC,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,MAAM,CAAA;AAAE,QAAA,OAAOC,uCAAK;IAE1C,IAAI,GAAG,GAAQ,EAAE;IACjB,IAAI,UAAU,GAAQ,EAAE;AACxB,IAAA,QAAQ,SAAS;AACb,QAAA,KAAK,UAAU;AACX,YAAA,GAAG,GAAG;AACF,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,IAAI,EAAE;aACT;YACD,UAAU,GAAG,WAAW;YACxB;AACJ,QAAA,KAAK,WAAW;AACZ,YAAA,GAAG,GAAG;AACF,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,KAAK,EAAE;aACV;YACD,UAAU,GAAG,UAAU;YACvB;AACJ,QAAA,KAAK,YAAY;AACb,YAAA,GAAG,GAAG;AACF,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,IAAI,EAAE,KAAK;AACX,gBAAA,SAAS,EAAE;aACd;YACD,UAAU,GAAG,UAAU;YACvB;AACJ,QAAA,KAAK,cAAc;AACf,YAAA,GAAG,GAAG;AACF,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,KAAK,EAAE;aACV;YACD,UAAU,GAAG,UAAU;YACvB;AACJ,QAAA,KAAK,aAAa;AACd,YAAA,GAAG,GAAG;AACF,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,IAAI,EAAE;aACT;YACD,UAAU,GAAG,WAAW;YACxB;AACJ,QAAA,KAAK,eAAe;AAChB,YAAA,GAAG,GAAG;AACF,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,IAAI,EAAE,KAAK;AACX,gBAAA,SAAS,EAAE;aACd;YACD,UAAU,GAAG,QAAQ;YACrB;AACP;AACD,IAAA,QACIA,cAAA,CAACC,QAAG,kBACA,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACC,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE,MAAM,EACf,GAAG,EAAE,CAAC,EACN,aAAa,EAAE,QAAQ,EACvB,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,GAAG,IACP,GAAG,CAAA,EAAA,EAAA,EAAA,QAAA,EAGVD,eAACE,aAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EACN,KAAK,EAAE;AACH,gBAAA,OAAO,EAAE;AACZ,aAAA,EAAA,EAAA,EAAA,QAAA,EAGG,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAI;AAC9B,gBAAA,IAAI,EAAE,OAAO,EAAE,SAAS,EAAA,GAAc,KAAK,EAAd,IAAI,GAAAC,YAAA,CAAK,KAAK,EAAvC,CAAA,SAAA,EAAA,WAAA,CAA+B,CAAQ;gBAC3C,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAT,SAAS,IAAT,SAAS,GAAK,IAAI,CAAA;AAClB,gBAAA,QACIH,cAAA,CAACI,eAAU,EAAA,MAAA,CAAA,MAAA,CAAA,EAEP,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,MAAK;wBACX,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC;AAClC,wBAAA,IAAI,KAAK,EAAE;AACP,4BAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACnC,gCAAA,IAAI,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC;AACnB,gCAAA,IAAI,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE;AAChB,oCAAA,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;AAClB,oCAAA,KAAK,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC;oCAC3BL,kBAAQ,CAAC,QAAQ,EAAE;oCACnB;AACH,gCAAA;AACJ,4BAAA;AACJ,wBAAA;AACL,oBAAA,CAAC,EACD,QAAQ,EAAE,MAAK;AACX,wBAAA,IAAI,KAAK,GAAG,UAAU,CAAC,MAAK;4BACxB,WAAW,CAAC,SAAS,EAAE,EAAE,EAAE,CAAC,KAAK,KAAI;AACjC,gCAAA,KAAK,CAAC,IAAI,GAAG,KAAK;AAClB,gCAAA,OAAO,KAAK;AAChB,4BAAA,CAAC,CAAC;wBACN,CAAC,EAAE,IAAI,CAAC;wBACR,WAAW,CAAC,SAAS,EAAE,EAAE,EAAE,CAAC,KAAK,KAAI;AACjC,4BAAA,KAAK,CAAC,KAAK,GAAG,KAAK;AACnB,4BAAA,OAAO,KAAK;AAChB,wBAAA,CAAC,CAAC;AACN,oBAAA,CAAC,EAAA,EAAA,EAAA,QAAA,EAEDC,cAAA,CAACK,eAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EACF,MAAM,EAAE,CAAC,EACT,OAAO,EAAC,MAAM,EACd,KAAK,EAAC,OAAO,EAAA,EACT,IAAW,EAAA,EACf,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,GAAG,EACP,YAAY,EAAE,MAAK;4BACf,WAAW,CAAC,SAAS,EAAE,EAAE,EAAE,CAAC,KAAK,KAAI;AACjC,gCAAA,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;AACzB,gCAAA,OAAO,KAAK;AAChB,4BAAA,CAAC,CAAC;AACN,wBAAA,CAAC,EACD,YAAY,EAAE,MAAK;AACf,4BAAA,IAAI,KAAK,GAAG,UAAU,CAAC,MAAK;gCACxB,WAAW,CAAC,SAAS,EAAE,EAAE,EAAE,CAAC,KAAK,KAAI;AACjC,oCAAA,KAAK,CAAC,IAAI,GAAG,KAAK;AAClB,oCAAA,OAAO,KAAK;AAChB,gCAAA,CAAC,CAAC;4BACN,CAAC,EAAE,IAAI,CAAC;4BACR,WAAW,CAAC,SAAS,EAAE,EAAE,EAAE,CAAC,KAAK,KAAI;AACjC,gCAAA,KAAK,CAAC,KAAK,GAAG,KAAK;AACnB,gCAAA,OAAO,KAAK;AAChB,4BAAA,CAAC,CAAC;wBACN,CAAC,EACD,OAAO,EAAE,SAAS,GAAG,MAAK;4BACtB,WAAW,CAAC,SAAS,EAAE,EAAE,EAAE,CAAC,KAAK,KAAI;AACjC,gCAAA,KAAK,CAAC,IAAI,GAAG,KAAK;AAClB,gCAAA,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;AACzB,gCAAA,OAAO,KAAK;AAChB,4BAAA,CAAC,CAAC;wBACN,CAAC,GAAG,SAAS,EAAA,EAAA,EAAA,QAAA,EACf,OAAO,EAAA,CAAA,CAAS,EAAA,CAAA,EA9Db,EAAE,CA+DE;AAErB,YAAA,CAAC,CAAC,EAAA,CAAA,CAEE,EAAA,CAAA,CACV;AAEd,CAAC;AACD,MAAM,GAAG,GAAG,CAAC,CAAS,KAAI;AACtB,IAAA,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;IACrD,OAAO,CAAA,gBAAA,EAAmB,CAAC,CAAA,CAAA,EAAI,EAAE,EAAE,CAAC,WAAW,EAAE;AACrD,CAAC;AACDN,kBAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,MAAMC,cAAA,CAAC,cAAc,EAAA,EAAC,SAAS,EAAC,UAAU,EAAA,CAAG,CAAC;AAC/ED,kBAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,MAAMC,cAAA,CAAC,cAAc,EAAA,EAAC,SAAS,EAAC,WAAW,EAAA,CAAG,CAAC;AACjFD,kBAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,MAAMC,cAAA,CAAC,cAAc,EAAA,EAAC,SAAS,EAAC,YAAY,EAAA,CAAG,CAAC;AACnFD,kBAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,MAAMC,cAAA,CAAC,cAAc,EAAA,EAAC,SAAS,EAAC,aAAa,EAAA,CAAG,CAAC;AACrFD,kBAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,MAAMC,cAAA,CAAC,cAAc,EAAA,EAAC,SAAS,EAAC,cAAc,EAAA,CAAG,CAAC;AACvFD,kBAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE,MAAMC,cAAA,CAAC,cAAc,EAAA,EAAC,SAAS,EAAC,eAAe,EAAA,CAAG,CAAC;AAEzF,MAAM,KAAK,GAAG;AACV,IAAA,IAAI,EAAE,CAAC,KAAiB,KAAI;AACxB,QAAA,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,IAAI,EAAE;QAC/B,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAT,SAAS,IAAT,SAAS,GAAK,cAAc,CAAA;QAC5B,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE;QACrC,IAAI,CAAC,IAAI,CAAC;AACN,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;YAC5B;AACH,SAAA,CAAC;AACF,QAAA,KAAK,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC;QAC1BD,kBAAQ,CAAC,QAAQ,EAAE;IACvB;"}
+{"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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"}

package/Toast/index.mjs

@@ -65,12 +65,12 @@ const ToastContainer = ({ placement }) => {
             transition = "fadeUp";
             break;
     }
-    return (jsx(Tag, Object.assign({ sxr: Object.assign({ position: "fixed", zIndex: 99999999, display: "flex", gap: 2, flexDirection: "column", maxHeight: "100%", width: 320 }, sxr) }, { children: jsx(Scrollbar, Object.assign({ style: {
+    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 }) => {
+            }, 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, Object.assign({ open: open, variant: transition, onClosed: () => {
+                return (jsx(Transition, { open: open, variant: transition, onClosed: () => {
                         const items = State.get(placement);
                         if (items) {
                             for (let i = 0; i < items.length; i++) {
@@ -94,7 +94,7 @@ const ToastContainer = ({ placement }) => {
                             _item.timer = timer;
                             return _item;
                         });
-                    } }, { children: jsx(Alert, Object.assign({ shadow: 2, variant: "fill", color: "brand" }, rest, { mode: "item", mb: 1.5, onMouseEnter: () => {
+                    }, 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;
@@ -116,8 +116,8 @@ const ToastContainer = ({ placement }) => {
                                 clearTimeout(_item.timer);
                                 return _item;
                             });
-                        } : undefined }, { children: content })) }), id));
-            }) })) })));
+                        } : undefined, children: content })) }, id));
+            }) }) }));
 };
 const uid = (p) => {
     const id = Math.random().toString(32).substring(2, 5);

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":["\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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"}

package/Tooltip/index.js

@@ -23,7 +23,7 @@
         },
         onMouseLeave: () => setTarget(null)
     });
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [child, jsxRuntime.jsx(index.default, Object.assign({ target: target, placement: placement, slotProps: {
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [child, jsxRuntime.jsx(index.default, { target: target, placement: placement, slotProps: {
                     content: Object.assign({ p: .5, shadow: 1 }, template)
-                } }, { children: title }))] }));
+                }, children: title })] }));
 };exports.default=Tooltip;//# sourceMappingURL=index.js.map

package/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Tooltip/index.tsx"],"sourcesContent":["\nimport { Children, cloneElement, ReactElement, useState } from 'react'\nimport Menu, { MenuProps } from '../Menu'\nimport { useBreakpointProps, useColorTemplate, ColorTemplateColors, ColorTemplateType, useBreakpointPropsType } from '@xanui/core'\n\n\nexport type TooltipProps = {\n    children: ReactElement;\n    title: useBreakpointPropsType<string>;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    variant?: useBreakpointPropsType<ColorTemplateType>;\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 { hover, ...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\n                    }\n                }}\n            >\n                {title as any}\n            </Menu>\n        </>\n    )\n}\n\nexport default Tooltip"],"names":["useState","useBreakpointProps","useColorTemplate","__rest","Children","cloneElement","_jsxs","_Fragment","_jsx","Menu"],"mappings":"8NAcA,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;AAEtB,IAAA,MAAM,KAAyBC,qBAAgB,CAAC,KAAY,EAAE,OAAc,CAAC,EAAvE,EAAE,KAAK,OAAgE,EAA3D,QAAQ,GAAAC,YAAA,CAAA,EAAA,EAApB,CAAA,OAAA,CAAsB,CAAiD;IAC7E,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,MAAA,CAAA,MAAA,CAAA,EACD,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE;oBACP,OAAO,EAAA,MAAA,CAAA,MAAA,CAAA,EACH,CAAC,EAAE,EAAE,EACL,MAAM,EAAE,CAAC,EAAA,EACN,QAAQ;AAElB,iBAAA,EAAA,EAAA,EAAA,QAAA,EAEA,KAAY,EAAA,CAAA,CACV,CAAA,EAAA,CACR;AAEX"}
+{"version":3,"file":"index.js","sources":["../../src/Tooltip/index.tsx"],"sourcesContent":["\nimport { Children, cloneElement, ReactElement, useState } from 'react'\nimport Menu, { MenuProps } from '../Menu'\nimport { useBreakpointProps, useColorTemplate, ColorTemplateColors, ColorTemplateType, useBreakpointPropsType } from '@xanui/core'\n\n\nexport type TooltipProps = {\n    children: ReactElement;\n    title: useBreakpointPropsType<string>;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    variant?: useBreakpointPropsType<ColorTemplateType>;\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 { hover, ...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\n                    }\n                }}\n            >\n                {title as any}\n            </Menu>\n        </>\n    )\n}\n\nexport default Tooltip"],"names":["useState","useBreakpointProps","useColorTemplate","__rest","Children","cloneElement","_jsxs","_Fragment","_jsx","Menu"],"mappings":"8NAcA,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;AAEtB,IAAA,MAAM,KAAyBC,qBAAgB,CAAC,KAAY,EAAE,OAAc,CAAC,EAAvE,EAAE,KAAK,OAAgE,EAA3D,QAAQ,GAAAC,YAAA,CAAA,EAAA,EAApB,CAAA,OAAA,CAAsB,CAAiD;IAC7E,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;oBACP,OAAO,EAAA,MAAA,CAAA,MAAA,CAAA,EACH,CAAC,EAAE,EAAE,EACL,MAAM,EAAE,CAAC,EAAA,EACN,QAAQ;AAElB,iBAAA,EAAA,QAAA,EAEA,KAAY,EAAA,CACV,CAAA,EAAA,CACR;AAEX"}

package/Tooltip/index.mjs

@@ -23,7 +23,7 @@ import {__rest}from'tslib';import {jsxs,Fragment,jsx}from'react/jsx-runtime';imp
         },
         onMouseLeave: () => setTarget(null)
     });
-    return (jsxs(Fragment, { children: [child, jsx(Menu, Object.assign({ target: target, placement: placement, slotProps: {
+    return (jsxs(Fragment, { children: [child, jsx(Menu, { target: target, placement: placement, slotProps: {
                     content: Object.assign({ p: .5, shadow: 1 }, template)
-                } }, { children: title }))] }));
+                }, children: title })] }));
 };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":["\nimport { Children, cloneElement, ReactElement, useState } from 'react'\nimport Menu, { MenuProps } from '../Menu'\nimport { useBreakpointProps, useColorTemplate, ColorTemplateColors, ColorTemplateType, useBreakpointPropsType } from '@xanui/core'\n\n\nexport type TooltipProps = {\n    children: ReactElement;\n    title: useBreakpointPropsType<string>;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    variant?: useBreakpointPropsType<ColorTemplateType>;\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 { hover, ...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\n                    }\n                }}\n            >\n                {title as any}\n            </Menu>\n        </>\n    )\n}\n\nexport default Tooltip"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"kOAcA,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;AAEtB,IAAA,MAAM,KAAyB,gBAAgB,CAAC,KAAY,EAAE,OAAc,CAAC,EAAvE,EAAE,KAAK,OAAgE,EAA3D,QAAQ,GAAA,MAAA,CAAA,EAAA,EAApB,CAAA,OAAA,CAAsB,CAAiD;IAC7E,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,MAAA,CAAA,MAAA,CAAA,EACD,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE;oBACP,OAAO,EAAA,MAAA,CAAA,MAAA,CAAA,EACH,CAAC,EAAE,EAAE,EACL,MAAM,EAAE,CAAC,EAAA,EACN,QAAQ;AAElB,iBAAA,EAAA,EAAA,EAAA,QAAA,EAEA,KAAY,EAAA,CAAA,CACV,CAAA,EAAA,CACR;AAEX"}
+{"version":3,"file":"index.mjs","sources":["../../src/Tooltip/index.tsx"],"sourcesContent":["\nimport { Children, cloneElement, ReactElement, useState } from 'react'\nimport Menu, { MenuProps } from '../Menu'\nimport { useBreakpointProps, useColorTemplate, ColorTemplateColors, ColorTemplateType, useBreakpointPropsType } from '@xanui/core'\n\n\nexport type TooltipProps = {\n    children: ReactElement;\n    title: useBreakpointPropsType<string>;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    variant?: useBreakpointPropsType<ColorTemplateType>;\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 { hover, ...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\n                    }\n                }}\n            >\n                {title as any}\n            </Menu>\n        </>\n    )\n}\n\nexport default Tooltip"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"kOAcA,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;AAEtB,IAAA,MAAM,KAAyB,gBAAgB,CAAC,KAAY,EAAE,OAAc,CAAC,EAAvE,EAAE,KAAK,OAAgE,EAA3D,QAAQ,GAAA,MAAA,CAAA,EAAA,EAApB,CAAA,OAAA,CAAsB,CAAiD;IAC7E,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;oBACP,OAAO,EAAA,MAAA,CAAA,MAAA,CAAA,EACH,CAAC,EAAE,EAAE,EACL,MAAM,EAAE,CAAC,EAAA,EACN,QAAQ;AAElB,iBAAA,EAAA,QAAA,EAEA,KAAY,EAAA,CACV,CAAA,EAAA,CACR;AAEX"}

package/ViewBox/index.js

@@ -17,5 +17,5 @@
             display: "flex",
             justifyContent: "space-between",
             flexDirection: horizental ? "row" : "column"
-        }, baseClass: 'viewbox', ref: ref }, { children: [startContent && jsxRuntime.jsx(core.Tag, Object.assign({ 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, Object.assign({ baseClass: 'viewbox-end-content', flexBox: true, flexDirection: horizental ? "row" : "column" }, { children: endContent }))] })));
+        }, 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

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,EAAA,EAAA,QAAA,EAAA,CAEP,YAAY,IAAIC,cAAA,CAACD,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAA,IAAA,EAAC,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,EAAA,EAAA,QAAA,EAAG,YAAY,EAAA,CAAA,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,EAAA,EAAA,QAAA,EAGzC,QAAQ,IACD,EACX,UAAU,IAAID,cAAA,CAACD,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAA,IAAA,EAAC,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,EAAA,EAAA,QAAA,EAAG,UAAU,EAAA,CAAA,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":"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"}

package/ViewBox/index.mjs

@@ -17,5 +17,5 @@ import {__rest}from'tslib';import {jsxs,jsx}from'react/jsx-runtime';import React
             display: "flex",
             justifyContent: "space-between",
             flexDirection: horizental ? "row" : "column"
-        }, baseClass: 'viewbox', ref: ref }, { children: [startContent && jsx(Tag, Object.assign({ 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, Object.assign({ baseClass: 'viewbox-end-content', flexBox: true, flexDirection: horizental ? "row" : "column" }, { children: endContent }))] })));
+        }, 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

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,EAAA,EAAA,QAAA,EAAA,CAEP,YAAY,IAAIC,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAA,IAAA,EAAC,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,EAAA,EAAA,QAAA,EAAG,YAAY,EAAA,CAAA,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,EAAA,EAAA,QAAA,EAGzC,QAAQ,IACD,EACX,UAAU,IAAIA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAA,IAAA,EAAC,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,EAAA,EAAA,QAAA,EAAG,UAAU,EAAA,CAAA,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":"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"}