@xanui/ui 1.1.10 → 1.1.12

package/TableFooter/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../src/TableFooter/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\r\n\r\nexport type TableFooterProps<T extends TagComponentType = \"tfoot\"> = TagProps<T>\r\n\r\nconst TableFooter = React.forwardRef(<T extends TagComponentType = \"tfoot\">({ children, ...rest }: TableFooterProps<T>, ref: React.Ref<any>) => {\r\n    return (\r\n        <Tag\r\n            {...rest}\r\n            baseClass='table-footer'\r\n            component=\"tfoot\"\r\n            ref={ref}\r\n        >{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default TableFooter"],"names":["__rest","_jsx","Tag"],"mappings":";;;;;;;AAMA,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,CAAuC,EAA0C,EAAE,GAAmB,KAAI;AAAnE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAgC,EAA3B,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IAC3F,QACIC,eAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,SAAS,EAAC,cAAc,EACxB,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC;;;;"}

package/TableHead/index.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@xanui/core');
-
-const TableHead = React.forwardRef((_a, ref) => {
-    var { children } = _a, rest = tslib.__rest(_a, ["children"]);
-    return (jsxRuntime.jsx(core.Tag, Object.assign({}, rest, { baseClass: 'table-head', component: "thead", ref: ref, children: children })));
-});
-
-module.exports = TableHead;
-//# sourceMappingURL=index.cjs.map

package/TableHead/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../src/TableHead/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\r\n\r\nexport type TableHeadProps<T extends TagComponentType = \"thead\"> = TagProps<T>\r\n\r\nconst TableHead = React.forwardRef(<T extends TagComponentType = \"thead\">({ children, ...rest }: TableHeadProps<T>, ref: React.Ref<any>) => {\r\n    return (\r\n        <Tag\r\n            {...rest}\r\n            baseClass='table-head'\r\n            component=\"thead\"\r\n            ref={ref}\r\n        >{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default TableHead "],"names":["__rest","_jsx","Tag"],"mappings":";;;;;;;AAMA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAuC,EAAwC,EAAE,GAAmB,KAAI;AAAjE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACzF,QACIC,eAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,SAAS,EAAC,YAAY,EACtB,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC;;;;"}

package/TablePagination/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../src/TablePagination/index.tsx"],"sourcesContent":["import Text from '../Text'\r\nimport Select, { SelectProps } from '../Select'\r\nimport Option from '../Option'\r\nimport IconButton, { IconButtonProps } from '../IconButton'\r\nimport React, { useMemo, useState } from 'react'\r\nimport PrevIcon from '@xanui/icons/KeyboardArrowLeft'\r\nimport NextIcon from '@xanui/icons/KeyboardArrowRight'\r\nimport { TagProps, Tag, useInterface, UseColorTemplateColor, UseColorTemplateType, useBreakpointPropsType } from '@xanui/core';\r\n\r\n\r\nexport type TablePaginationProps = Omit<TagProps, \"children\"> & {\r\n    page: number;\r\n    total: number;\r\n    perpages?: number[];\r\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\r\n    variant?: useBreakpointPropsType<UseColorTemplateType>;\r\n    onChange?: (state: { page: number, perpage: number, from: number, to: number }) => void;\r\n\r\n    slotProps?: {\r\n        button?: Omit<IconButtonProps, \"children\" | \"color\" | \"variant\">;\r\n        select?: Omit<SelectProps, \"value\" | \"onChange\">;\r\n    }\r\n}\r\n\r\nconst TablePagination = React.forwardRef(({ page, total, onChange, ...rest }: TablePaginationProps, ref: React.Ref<any>) => {\r\n    let [{ perpages, color, variant, slotProps, ...props }] = useInterface<any>(\"TablePagination\", rest, {})\r\n    color ??= \"default\"\r\n    variant ??= \"fill\"\r\n    perpages ??= [30, 50, 100]\r\n    const [perpage, setPerpage] = useState(perpages[0] || 10)\r\n    const isPerpage = perpages[0] && perpages.length >= 1\r\n\r\n    const chunks = useMemo(() => {\r\n        const chunks: any = [];\r\n        let _page = 1;\r\n        for (let from = 0; from < total; from += perpage) {\r\n            const to = Math.min(from + perpage, total)\r\n            chunks[_page] = { from: from + 1, to, page: _page, perpage }\r\n            _page++\r\n        }\r\n        return chunks\r\n    }, [perpage, total])\r\n\r\n    if (!chunks.length) {\r\n        return <></>\r\n    }\r\n\r\n    const current = chunks[page] || chunks[1]\r\n    const next = chunks[page + 1]\r\n    const prev = chunks[page - 1]\r\n    if (!chunks[page]) {\r\n        console.error(`Indvalid page`)\r\n    }\r\n\r\n    return (\r\n        <Tag\r\n            {...props}\r\n            sxr={{\r\n                display: \"flex\",\r\n                flexDirection: \"row\",\r\n                gap: 1,\r\n                alignItems: \"center\"\r\n            }}\r\n            baseClass='table-pagination'\r\n            ref={ref}\r\n        >\r\n            {\r\n                isPerpage && <Tag baseClass='table-pagination-perpage' flexBox flexRow gap={1} alignItems=\"center\">\r\n                    <Text fontSize=\"button\">PER PAGE</Text>\r\n                    <Select\r\n                        {...slotProps?.select}\r\n                        slotProps={{\r\n                            ...slotProps?.select?.slotProps,\r\n                            input: {\r\n                                ...slotProps?.select?.slotProps?.input,\r\n                                slotProps: {\r\n                                    container: {\r\n                                        minWidth: \"auto\"\r\n                                    }\r\n                                },\r\n                                width: perpage.toString().length * 10,\r\n                                size: \"small\",\r\n                            },\r\n                        }}\r\n                        value={perpage}\r\n                        onChange={(value: any) => {\r\n                            setPerpage(value);\r\n                            onChange && onChange(current)\r\n                        }}\r\n                    >\r\n                        {perpages.map((p: number) => <Option key={p} value={p}>{p}</Option>)}\r\n                    </Select>\r\n                </Tag>\r\n            }\r\n            <Tag\r\n                sxr={{\r\n                    display: \"flex\",\r\n                    flexDirection: \"row\",\r\n                    gap: 1,\r\n                    alignItems: 'center'\r\n                }}\r\n            >\r\n                <Text fontSize=\"button\">{current?.from}-{current.to}</Text>\r\n                <Text color=\"text.secondary\">of</Text>\r\n                <Text fontSize=\"button\">{total}</Text>\r\n            </Tag>\r\n            <Tag baseClass='table-pagination-navigation' flexBox flexRow gap={.4} >\r\n                <IconButton\r\n                    {...slotProps?.button}\r\n                    color={color}\r\n                    variant={variant}\r\n\r\n                    size={30}\r\n                    disabled={!prev}\r\n                    onClick={() => {\r\n                        (onChange && prev) && onChange(prev)\r\n                    }}\r\n                >\r\n                    <PrevIcon />\r\n                </IconButton>\r\n                <IconButton\r\n                    {...slotProps?.button}\r\n                    color={color}\r\n                    variant={variant}\r\n                    size={30}\r\n                    disabled={!next}\r\n                    onClick={() => {\r\n                        (onChange && next) && onChange(next)\r\n                    }}\r\n                >\r\n                    <NextIcon />\r\n                </IconButton>\r\n            </Tag>\r\n        </Tag>\r\n    )\r\n})\r\n\r\nexport default TablePagination"],"names":["__rest","useInterface","useState","useMemo","_jsx","_jsxs","Tag","Text","Select","Option","IconButton","PrevIcon","NextIcon"],"mappings":";;;;;;;;;;;;;AAwBA,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAAwD,EAAE,GAAmB,KAAI;;QAAjF,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,OAAiC,EAA5B,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAhC,CAAA,MAAA,EAAA,OAAA,EAAA,UAAA,CAAkC,CAAF;IACtE,IAAI,CAAA,EAAA,CAAA,GAAsDC,iBAAY,CAAM,iBAAiB,EAAE,IAAI,EAAE,EAAE,CAAC,EAAnG,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAA,GAAA,EAAY,EAAP,KAAK,GAAAD,YAAA,CAAA,EAAA,EAA/C,CAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,CAAiD,CAAkD;IACxG,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAL,KAAK,IAAL,KAAK,GAAK,SAAS,CAAA;IACnB,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAP,OAAO,IAAP,OAAO,GAAK,MAAM,CAAA;AAClB,IAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAR,QAAQ,IAAR,QAAQ,GAAK,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAA;AAC1B,IAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGE,cAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AACzD,IAAA,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,MAAM,IAAI,CAAC;AAErD,IAAA,MAAM,MAAM,GAAGC,aAAO,CAAC,MAAK;QACxB,MAAM,MAAM,GAAQ,EAAE;QACtB,IAAI,KAAK,GAAG,CAAC;AACb,QAAA,KAAK,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,KAAK,EAAE,IAAI,IAAI,OAAO,EAAE;AAC9C,YAAA,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,OAAO,EAAE,KAAK,CAAC;AAC1C,YAAA,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;AAC5D,YAAA,KAAK,EAAE;QACX;AACA,QAAA,OAAO,MAAM;AACjB,IAAA,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAEpB,IAAA,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;AAChB,QAAA,OAAOC,uCAAK;IAChB;IAEA,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC;IACzC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC;IAC7B,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC;AAC7B,IAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;AACf,QAAA,OAAO,CAAC,KAAK,CAAC,CAAA,aAAA,CAAe,CAAC;IAClC;AAEA,IAAA,QACIC,eAAA,CAACC,QAAG,oBACI,KAAK,EAAA,EACT,GAAG,EAAE;AACD,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,KAAK;AACpB,YAAA,GAAG,EAAE,CAAC;AACN,YAAA,UAAU,EAAE;AACf,SAAA,EACD,SAAS,EAAC,kBAAkB,EAC5B,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAGJ,SAAS,IAAID,gBAACC,QAAG,EAAA,EAAC,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAA,IAAA,EAAC,OAAO,QAAC,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CAC9FF,cAAA,CAACG,KAAI,EAAA,EAAC,QAAQ,EAAC,QAAQ,EAAA,QAAA,EAAA,UAAA,EAAA,CAAgB,EACvCH,cAAA,CAACI,OAAM,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACC,SAAS,aAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,MAAM,EAAA,EACrB,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACF,CAAA,EAAA,GAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,SAAS,CAAA,EAAA,EAC/B,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,SAAS,aAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,SAAS,0CAAE,KAAK,CAAA,EAAA,EACtC,SAAS,EAAE;AACP,oCAAA,SAAS,EAAE;AACP,wCAAA,QAAQ,EAAE;AACb;iCACJ,EACD,KAAK,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,GAAG,EAAE,EACrC,IAAI,EAAE,OAAO,EAAA,CAAA,EAAA,CAAA,EAGrB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,CAAC,KAAU,KAAI;4BACrB,UAAU,CAAC,KAAK,CAAC;AACjB,4BAAA,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC;AACjC,wBAAA,CAAC,EAAA,QAAA,EAEA,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAS,KAAKJ,cAAA,CAACK,OAAM,EAAA,EAAS,KAAK,EAAE,CAAC,EAAA,QAAA,EAAG,CAAC,EAAA,EAAf,CAAC,CAAwB,CAAC,EAAA,CAAA,CAC/D,CAAA,EAAA,CACP,EAEVJ,eAAA,CAACC,QAAG,EAAA,EACA,GAAG,EAAE;AACD,oBAAA,OAAO,EAAE,MAAM;AACf,oBAAA,aAAa,EAAE,KAAK;AACpB,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,UAAU,EAAE;AACf,iBAAA,EAAA,QAAA,EAAA,CAEDD,gBAACE,KAAI,EAAA,EAAC,QAAQ,EAAC,QAAQ,aAAE,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,IAAI,OAAG,OAAO,CAAC,EAAE,CAAA,EAAA,CAAQ,EAC3DH,cAAA,CAACG,KAAI,IAAC,KAAK,EAAC,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAU,EACtCH,eAACG,KAAI,EAAA,EAAC,QAAQ,EAAC,QAAQ,EAAA,QAAA,EAAE,KAAK,GAAQ,CAAA,EAAA,CACpC,EACNF,gBAACC,QAAG,EAAA,EAAC,SAAS,EAAC,6BAA6B,EAAC,OAAO,QAAC,OAAO,EAAA,IAAA,EAAC,GAAG,EAAE,EAAE,EAAA,QAAA,EAAA,CAChEF,cAAA,CAACM,OAAU,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACH,SAAS,aAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,MAAM,EAAA,EACrB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAEhB,IAAI,EAAE,EAAE,EACR,QAAQ,EAAE,CAAC,IAAI,EACf,OAAO,EAAE,MAAK;4BACV,CAAC,QAAQ,IAAI,IAAI,KAAK,QAAQ,CAAC,IAAI,CAAC;AACxC,wBAAA,CAAC,YAEDN,cAAA,CAACO,qBAAQ,EAAA,EAAA,CAAG,EAAA,CAAA,CACH,EACbP,cAAA,CAACM,OAAU,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACH,SAAS,aAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,MAAM,EAAA,EACrB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,EAAE,EACR,QAAQ,EAAE,CAAC,IAAI,EACf,OAAO,EAAE,MAAK;4BACV,CAAC,QAAQ,IAAI,IAAI,KAAK,QAAQ,CAAC,IAAI,CAAC;wBACxC,CAAC,EAAA,QAAA,EAEDN,eAACQ,sBAAQ,EAAA,EAAA,CAAG,IACH,CAAA,EAAA,CACX,CAAA,EAAA,CAAA,CACJ;AAEd,CAAC;;;;"}

package/TableRow/index.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@xanui/core');
-
-const TableRow = React.forwardRef((_a, ref) => {
-    var { children } = _a, rest = tslib.__rest(_a, ["children"]);
-    return (jsxRuntime.jsx(core.Tag, Object.assign({ baseClass: 'table-row', verticalAlign: "middle" }, rest, { component: "tr", ref: ref, children: children })));
-});
-
-module.exports = TableRow;
-//# sourceMappingURL=index.cjs.map

package/TableRow/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../src/TableRow/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\r\n\r\nexport type TableRowProps<T extends TagComponentType = \"tr\"> = TagProps<T>\r\n\r\nconst TableRow = React.forwardRef(<T extends TagComponentType = \"tr\">({ children, ...rest }: TableRowProps<T>, ref: React.Ref<any>) => {\r\n    return (\r\n        <Tag\r\n            baseClass='table-row'\r\n            verticalAlign=\"middle\"\r\n            {...rest}\r\n            component=\"tr\"\r\n            ref={ref}>{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default TableRow"],"names":["__rest","_jsx","Tag"],"mappings":";;;;;;;AAMA,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAAoC,EAAuC,EAAE,GAAmB,KAAI;AAAhE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA6B,EAAxB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACrF,QACIC,cAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,SAAS,EAAC,WAAW,EACrB,aAAa,EAAC,QAAQ,EAAA,EAClB,IAAI,EAAA,EACR,SAAS,EAAC,IAAI,EACd,GAAG,EAAE,GAAG,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAA,CAAO;AAEtC,CAAC;;;;"}

package/Tabs/index.cjs.map

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

package/Text/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../src/Text/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\r\n\r\n\r\nexport type TextProps<T extends TagComponentType = \"p\"> = TagProps<T> & {\r\n    variant?: useBreakpointPropsType<\"text\" | \"button\" | \"small\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\">\r\n}\r\n\r\nconst Text = React.forwardRef(<T extends TagComponentType = \"p\">({ children, variant, ...props }: TextProps<T>, ref?: React.Ref<any>) => {\r\n    const _p: any = {}\r\n    if (variant) _p.variant = variant\r\n    const p: any = useBreakpointProps(_p)\r\n    variant = p.variant ?? 'text'\r\n\r\n    return (\r\n        <Tag\r\n            component={(variant === 'text' || variant === 'small' ? \"p\" : variant) as any}\r\n            {...props}\r\n            sxr={{\r\n                fontSize: variant,\r\n                lineHeight: variant,\r\n                fontWeight: variant,\r\n                color: \"text.primary\",\r\n                ...(props as any)?.sx\r\n            }}\r\n            baseClass='text'\r\n            ref={ref}\r\n        >{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default Text\r\n"],"names":["__rest","useBreakpointProps","_jsx","Tag"],"mappings":";;;;;;;AASA,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,CAAmC,EAA6C,EAAE,GAAoB,KAAI;;QAAvE,EAAE,QAAQ,EAAE,OAAO,EAAA,GAAA,EAA0B,EAArB,KAAK,GAAAA,YAAA,CAAA,EAAA,EAA7B,uBAA+B,CAAF;IAC1F,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,OAAO;AAAE,QAAA,EAAE,CAAC,OAAO,GAAG,OAAO;AACjC,IAAA,MAAM,CAAC,GAAQC,uBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,OAAO,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,MAAM;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/Toast/index.cjs.map

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

package/Tooltip/index.cjs.map

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

package/ViewBox/index.cjs.map

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

package/index.cjs

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

package/index.cjs.map

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

package/useAlert/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../src/useAlert/index.tsx"],"sourcesContent":["\r\nimport { Tag, UseTransitionVariantTypes } from \"@xanui/core\"\r\nimport Button, { ButtonProps } from \"../Button\";\r\nimport useModal, { UseModalProps } from \"../useModal\";\r\nimport Alert, { AlertProps } from \"../Alert\";\r\nimport React from \"react\";\r\nexport type UseAlertContentProps = {\r\n    open: () => void;\r\n    close: () => void;\r\n    loading: (is: boolean) => void;\r\n    isLoading: () => boolean;\r\n}\r\n\r\nexport type UseAlertContent = React.ReactElement | ((props: UseAlertContentProps) => React.ReactElement)\r\n\r\nexport type UseAlerProps = Omit<AlertProps, 'children' | 'onClose' | 'variant' | \"size\"> & {\r\n    content: string | UseAlertContent,\r\n    size?: \"small\" | \"medium\" | \"large\" | number;\r\n    closeButton?: boolean;\r\n    clickOutsideToClose?: boolean;\r\n    okButtonText?: string;\r\n    cancelButtonText?: string;\r\n    hideOkButton?: boolean;\r\n    hideCancelButton?: boolean;\r\n    buttonPlacement?: \"start\" | \"end\" | \"between\" | \"full\";\r\n    variant?: \"text\" | \"fill\"\r\n    onConfirm?: () => Promise<void> | void;\r\n    onCancel?: () => Promise<void> | void;\r\n    transition?: UseTransitionVariantTypes;\r\n    blurMode?: UseModalProps['blurMode'];\r\n    slotProps?: {\r\n        modal?: UseModalProps;\r\n        okButton?: Omit<ButtonProps, \"children\">;\r\n        closeButton?: Omit<ButtonProps, \"children\">;\r\n    }\r\n}\r\n\r\n\r\nconst useAlert = (props: UseAlerProps) => {\r\n    const [loading, setLoading] = React.useState(false)\r\n    let {\r\n        content,\r\n        size,\r\n        color,\r\n        direction,\r\n        variant,\r\n        closeButton,\r\n        clickOutsideToClose,\r\n        okButtonText,\r\n        cancelButtonText,\r\n        hideOkButton,\r\n        hideCancelButton,\r\n        buttonPlacement,\r\n        onConfirm,\r\n        onCancel,\r\n        transition,\r\n        blurMode,\r\n        slotProps,\r\n        ...rest\r\n    } = props\r\n\r\n    hideOkButton ??= false\r\n    hideCancelButton ??= false\r\n\r\n    size ??= \"small\"\r\n    color ??= 'default'\r\n    variant ??= \"text\"\r\n    direction ??= \"column\"\r\n    buttonPlacement ??= \"end\"\r\n    let sx: any = {};\r\n\r\n    switch (buttonPlacement) {\r\n        case \"start\":\r\n            sx.justifyContent = 'flex-start'\r\n            break;\r\n        case \"end\":\r\n            sx.justifyContent = 'flex-end'\r\n            break;\r\n        case \"between\":\r\n            sx.justifyContent = 'space-between'\r\n            break;\r\n        case \"full\":\r\n            sx = {\r\n                \"& button\": {\r\n                    flex: 1\r\n                }\r\n            }\r\n            break;\r\n    }\r\n\r\n    let sizes: any = {\r\n        small: 320,\r\n        medium: 400,\r\n        large: 600\r\n    }\r\n\r\n    let okcolor = color\r\n    let closecolor = color\r\n    if (color === 'default') {\r\n        okcolor = 'brand'\r\n        closecolor = 'default'\r\n        variant = 'text'\r\n    } else {\r\n        if (variant === 'fill') {\r\n            okcolor = 'default'\r\n            closecolor = 'default'\r\n        } else {\r\n            okcolor = color\r\n            closecolor = 'default'\r\n        }\r\n    }\r\n\r\n    const modal = useModal(<Alert\r\n        direction={direction}\r\n        sx={{\r\n            px: 2,\r\n            py: 1,\r\n            pt: direction === 'row' ? 1 : 2\r\n        }}\r\n        color={color}\r\n        variant={variant}\r\n        onClose={closeButton ? close : undefined}\r\n        {...rest}\r\n    >\r\n        {typeof content === \"function\" ? content({\r\n            open: () => modal.open(),\r\n            close: () => modal.close(),\r\n            loading: (is: boolean) => setLoading(is),\r\n            isLoading: () => loading\r\n        }) : content}\r\n        <Tag\r\n            sxr={{\r\n                display: \"flex\",\r\n                gap: 1,\r\n                pt: 4,\r\n                flexDirection: \"row\",\r\n                ...sx,\r\n            }}\r\n        >\r\n            {!hideCancelButton && <Button\r\n                disabled={loading}\r\n                color={closecolor}\r\n                variant=\"fill\"\r\n                {...slotProps?.closeButton}\r\n                onClick={async () => {\r\n                    setLoading(true)\r\n                    onCancel && await onCancel()\r\n                    setLoading(false)\r\n                    modal.close()\r\n                }}\r\n            >{cancelButtonText || \"Close\"}</Button>}\r\n            <Button\r\n                loading={loading}\r\n                color={okcolor}\r\n                variant=\"fill\"\r\n                {...slotProps?.okButton}\r\n\r\n                onClick={async () => {\r\n                    setLoading(true)\r\n                    onConfirm && await onConfirm()\r\n                    setLoading(false)\r\n                    modal.close()\r\n                }}\r\n            >{okButtonText || \"OK\"}</Button>\r\n        </Tag>\r\n    </Alert>, {\r\n        ...slotProps?.modal,\r\n        size: sizes[size] || size,\r\n        blur: 40,\r\n        blurMode: blurMode || \"transparent\",\r\n        transition: transition || \"zoom\",\r\n        onClickOutside: async () => {\r\n            if (clickOutsideToClose && !loading) {\r\n                setLoading(true)\r\n                onCancel && await onCancel()\r\n                setLoading(false)\r\n                modal.close()\r\n            }\r\n        }\r\n    })\r\n\r\n    return {\r\n        ...modal,\r\n        loading: (is: boolean) => setLoading(is),\r\n        isLoading: () => loading\r\n    }\r\n}\r\n\r\nexport default useAlert"],"names":["__rest","useModal","_jsxs","Alert","Tag","_jsx","Button"],"mappings":"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"}

package/useBlurCss/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../src/useBlurCss/index.tsx"],"sourcesContent":["import { useMemo } from \"react\"\r\nimport { alpha } from \"@xanui/core\";\r\n\r\nlet _d: CSSStyleDeclaration;\r\n\r\nconst useBlurCss = (blur: number, mode?: \"transparent\" | \"blur\") => {\r\n   return useMemo(() => {\r\n      let transparent = { bgcolor: alpha(\"#000000\", blur / 100) }\r\n      if (typeof window === 'undefined' || mode === 'transparent') {\r\n         return transparent\r\n      }\r\n      const d = _d || (_d = window.document.createElement(\"div\").style)\r\n      return d['backdropFilter'] !== undefined ? { backdropFilter: `blur(${(blur / 100) * 10}px)` } : transparent\r\n   }, [blur])\r\n}\r\n\r\n\r\nexport default useBlurCss"],"names":["useMemo","alpha"],"mappings":";;;;;AAGA,IAAI,EAAuB;AAE3B,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,IAA6B,KAAI;IAChE,OAAOA,aAAO,CAAC,MAAK;AACjB,QAAA,IAAI,WAAW,GAAG,EAAE,OAAO,EAAEC,UAAK,CAAC,SAAS,EAAE,IAAI,GAAG,GAAG,CAAC,EAAE;QAC3D,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,IAAI,KAAK,aAAa,EAAE;AAC1D,YAAA,OAAO,WAAW;QACrB;AACA,QAAA,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;QACjE,OAAO,CAAC,CAAC,gBAAgB,CAAC,KAAK,SAAS,GAAG,EAAE,cAAc,EAAE,CAAA,KAAA,EAAQ,CAAC,IAAI,GAAG,GAAG,IAAI,EAAE,CAAA,GAAA,CAAK,EAAE,GAAG,WAAW;AAC9G,IAAA,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AACb;;;;"}

package/useCorner/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../src/useCorner/index.ts"],"sourcesContent":["\r\nexport type UseCornerTypes = \"square\" | \"rounded\" | \"circle\"\r\nconst useCorner = (type?: UseCornerTypes): object => {\r\n    switch (type) {\r\n        case 'square':\r\n            return {\r\n                radius: 0\r\n            }\r\n        case 'rounded':\r\n            return {\r\n                radius: 1\r\n            }\r\n        case 'circle':\r\n            return {\r\n                radius: 100\r\n            }\r\n    }\r\n    return {}\r\n}\r\n\r\nexport default useCorner"],"names":[],"mappings":";;AAEA,MAAM,SAAS,GAAG,CAAC,IAAqB,KAAY;IAChD,QAAQ,IAAI;AACR,QAAA,KAAK,QAAQ;YACT,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;AACL,QAAA,KAAK,SAAS;YACV,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;AACL,QAAA,KAAK,QAAQ;YACT,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;;AAET,IAAA,OAAO,EAAE;AACb;;;;"}

package/useLayer/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../src/useLayer/index.tsx"],"sourcesContent":["import { usePortal } from \"@xanui/core\"\r\nimport { useState } from \"react\"\r\nimport Layer, { LayerProps } from \"../Layer\"\r\nimport { UsePortalOptions } from \"@xanui/core/hooks/usePortal\"\r\n\r\nexport type UseLayerProps = Omit<LayerProps, \"open\" | \"children\" | \"slotProps\"> & {\r\n   slotProps?: LayerProps[\"slotProps\"] & {\r\n      portal?: UsePortalOptions\r\n   }\r\n}\r\n\r\nexport type UseLayerReturn = {\r\n   open: () => void;\r\n   close: () => void;\r\n}\r\n\r\nexport type UseLayerChildren = React.ReactElement | ((props: UseLayerReturn) => React.ReactElement)\r\n\r\nconst useLayer = (children: UseLayerChildren, props?: UseLayerProps): UseLayerReturn => {\r\n   const [open, setOpen] = useState(false)\r\n   const portalProps = props?.slotProps?.portal || {}\r\n   const portal = usePortal(<Layer\r\n      blur={20}\r\n      {...props}\r\n      open={open}\r\n      onClosed={() => {\r\n         portal.unmount()\r\n         if (props?.onClosed) {\r\n            props.onClosed()\r\n         }\r\n      }}\r\n      onClickOutside={() => {\r\n         if (props?.onClickOutside) {\r\n            props.onClickOutside()\r\n         } else {\r\n            setOpen(false)\r\n         }\r\n      }}\r\n   >\r\n      {typeof children === \"function\" ? children({ open: () => setOpen(true), close: () => setOpen(false) }) : children}\r\n   </Layer>, portalProps)\r\n\r\n   return {\r\n      open: () => {\r\n         portal.mount()\r\n         setOpen(true)\r\n      },\r\n      close: () => {\r\n         setOpen(false)\r\n      },\r\n   }\r\n}\r\n\r\nexport default useLayer"],"names":["useState","usePortal","_jsx","Layer"],"mappings":";;;;;;;AAkBA,MAAM,QAAQ,GAAG,CAAC,QAA0B,EAAE,KAAqB,KAAoB;;IACpF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AACvC,IAAA,MAAM,WAAW,GAAG,CAAA,CAAA,EAAA,GAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,KAAI,EAAE;IAClD,MAAM,MAAM,GAAGC,cAAS,CAACC,eAACC,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EAC5B,IAAI,EAAE,EAAE,IACJ,KAAK,EAAA,EACT,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,MAAK;YACZ,MAAM,CAAC,OAAO,EAAE;YAChB,IAAI,KAAK,aAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,QAAQ,EAAE;gBAClB,KAAK,CAAC,QAAQ,EAAE;YACnB;AACH,QAAA,CAAC,EACD,cAAc,EAAE,MAAK;YAClB,IAAI,KAAK,aAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,cAAc,EAAE;gBACxB,KAAK,CAAC,cAAc,EAAE;YACzB;iBAAO;gBACJ,OAAO,CAAC,KAAK,CAAC;YACjB;AACH,QAAA,CAAC,YAEA,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,QAAQ,IAC5G,EAAE,WAAW,CAAC;IAEtB,OAAO;QACJ,IAAI,EAAE,MAAK;YACR,MAAM,CAAC,KAAK,EAAE;YACd,OAAO,CAAC,IAAI,CAAC;QAChB,CAAC;QACD,KAAK,EAAE,MAAK;YACT,OAAO,CAAC,KAAK,CAAC;QACjB,CAAC;KACH;AACJ;;;;"}

package/useModal/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../src/useModal/index.tsx"],"sourcesContent":["import useLayer, { UseLayerProps } from \"../useLayer\";\r\nimport { Tag, TagProps } from '@xanui/core'\r\n\r\nexport type UseModalProps = Omit<UseLayerProps, \"slotProps\"> & {\r\n   size?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"fullWidth\" | number;\r\n   slotProps?: {\r\n      layer?: UseLayerProps['slotProps'];\r\n      root?: Omit<TagProps<'div'>, \"children\">\r\n   }\r\n}\r\n\r\nexport type UseModalChildren = React.ReactElement | ((props: UseModalReturn) => React.ReactElement)\r\n\r\nexport type UseModalReturn = {\r\n   open: () => void;\r\n   close: () => void;\r\n}\r\n\r\nconst useModal = (children: UseModalChildren, props?: UseModalProps) => {\r\n\r\n   let sizes: any = {\r\n      xs: 420,\r\n      sm: 760,\r\n      md: 990,\r\n      lg: 1120,\r\n      xl: 1300,\r\n      fullWidth: \"100%\"\r\n   }\r\n   let { size, slotProps, ...useLayerProps } = props || {}\r\n   size = size ?? \"xs\"\r\n   slotProps = slotProps || {} as any\r\n   const root: any = slotProps?.root || {}\r\n\r\n   const layer = useLayer(() => {\r\n      return (\r\n         <Tag\r\n            {...root}\r\n            sxr={{\r\n               maxWidth: sizes[size as any] || size,\r\n               width: \"100%\",\r\n               radius: 2,\r\n               bgcolor: \"background.primary\",\r\n               shadow: 15,\r\n               ...root?.sx\r\n            }}\r\n            baseClass='modal'\r\n         >\r\n            {typeof children === \"function\" ? children({ open: layer.open, close: layer.close }) : children}\r\n         </Tag>\r\n      )\r\n   }, {\r\n      ...useLayerProps,\r\n      onClickOutside: () => {\r\n         if (props?.onClickOutside) {\r\n            props.onClickOutside()\r\n         } else {\r\n            layer.close()\r\n         }\r\n      },\r\n      slotProps: {\r\n         ...slotProps?.layer,\r\n         root: {\r\n            display: \"flex\",\r\n            alignItems: 'center',\r\n            justifyContent: \"center\",\r\n            ...slotProps?.layer?.root,\r\n         }\r\n      }\r\n   })\r\n\r\n   return layer\r\n}\r\n\r\nexport default useModal;"],"names":["__rest","useLayer","_jsx","Tag"],"mappings":";;;;;;;AAkBA,MAAM,QAAQ,GAAG,CAAC,QAA0B,EAAE,KAAqB,KAAI;;AAEpE,IAAA,IAAI,KAAK,GAAQ;AACd,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,EAAE,EAAE,IAAI;AACR,QAAA,EAAE,EAAE,IAAI;AACR,QAAA,SAAS,EAAE;KACb;AACD,IAAA,IAAI,EAAA,GAAwC,KAAK,IAAI,EAAE,EAAnD,EAAE,IAAI,EAAE,SAAS,OAAkC,EAA7B,aAAa,GAAAA,YAAA,CAAA,EAAA,EAAnC,CAAA,MAAA,EAAA,WAAA,CAAqC,CAAc;IACvD,IAAI,GAAG,IAAI,KAAA,IAAA,IAAJ,IAAI,cAAJ,IAAI,GAAI,IAAI;AACnB,IAAA,SAAS,GAAG,SAAS,IAAI,EAAS;AAClC,IAAA,MAAM,IAAI,GAAQ,CAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,IAAI,KAAI,EAAE;AAEvC,IAAA,MAAM,KAAK,GAAGC,KAAQ,CAAC,MAAK;AACzB,QAAA,QACGC,cAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACG,IAAI,EAAA,EACR,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,QAAQ,EAAE,KAAK,CAAC,IAAW,CAAC,IAAI,IAAI,EACpC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,EAAE,EAAA,EACP,IAAI,aAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,EAAE,CAAA,EAEd,SAAS,EAAC,OAAO,EAAA,QAAA,EAEhB,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,GAAG,QAAQ,EAAA,CAAA,CAC5F;AAEZ,IAAA,CAAC,kCACK,aAAa,CAAA,EAAA,EAChB,cAAc,EAAE,MAAK;YAClB,IAAI,KAAK,aAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,cAAc,EAAE;gBACxB,KAAK,CAAC,cAAc,EAAE;YACzB;iBAAO;gBACJ,KAAK,CAAC,KAAK,EAAE;YAChB;AACH,QAAA,CAAC,EACD,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACH,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,KAAK,KACnB,IAAI,EAAA,MAAA,CAAA,MAAA,CAAA,EACD,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,QAAQ,EACpB,cAAc,EAAE,QAAQ,EAAA,EACrB,MAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,QAGhC;AAEF,IAAA,OAAO,KAAK;AACf;;;;"}