@xanui/ui 1.1.48 → 1.1.50

package/Stack/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Stack/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type StackProps<T extends TagComponentType = \"div\"> = TagProps<T>\n\nconst Stack = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...props }: StackProps<T>, ref?: React.Ref<any>) => {\n    return (\n        <Tag\n            {...props}\n            sxr={{\n                display: \"flex\",\n                flexDirection: \"column\",\n            }}\n            baseClass='stack'\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default Stack\n"],"names":["_jsx"],"mappings":";;;;;AAMA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAqC,EAAE,GAAoB,KAAI;AAA/D,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA2B,EAAtB,KAAK,GAAA,MAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;AACpF,IAAA,QACIA,GAAA,CAAC,GAAG,oBACI,KAAK,EAAA,EACT,GAAG,EAAE;AACD,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;SAC1B,EACD,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/Stack/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\r\n\r\nexport type StackProps<T extends TagComponentType = \"div\"> = TagProps<T>\r\n\r\nconst Stack = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...props }: StackProps<T>, ref?: React.Ref<any>) => {\r\n    return (\r\n        <Tag\r\n            {...props}\r\n            sxr={{\r\n                display: \"flex\",\r\n                flexDirection: \"column\",\r\n            }}\r\n            baseClass='stack'\r\n            ref={ref}\r\n        >{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default Stack\r\n"],"names":["_jsx"],"mappings":";;;;;AAMA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAqC,EAAE,GAAoB,KAAI;AAA/D,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA2B,EAAtB,KAAK,GAAA,MAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;AACpF,IAAA,QACIA,GAAA,CAAC,GAAG,oBACI,KAAK,EAAA,EACT,GAAG,EAAE;AACD,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;SAC1B,EACD,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC;;;;"}

package/Switch/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/Switch/index.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { ReactElement, useState } from 'react';\nimport { Tag, TagProps, useBreakpointProps, UseColorTemplateColor, useInterface, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type SwitchProps = Omit<TagProps<\"input\">, \"color\" | \"size\" | \"component\" | \"type\" | \"checked\"> & {\n    checked?: boolean;\n    size?: useBreakpointPropsType<number | \"small\" | \"medium\" | \"large\">;\n    color?: useBreakpointPropsType<Omit<UseColorTemplateColor, \"default\">>;\n    disabled?: useBreakpointPropsType<boolean>;\n    trackSize?: useBreakpointPropsType<number>;\n    icon?: useBreakpointPropsType<ReactElement>;\n    slotProps?: {\n        thumb?: Omit<TagProps, 'children'>;\n        track?: Omit<TagProps, 'children'>;\n    }\n}\n\nconst Switch = React.forwardRef((props: SwitchProps, ref?: React.Ref<any>) => {\n    let [{ size, checked, color, disabled, icon, onChange, trackSize, slotProps, ...rest }] = useInterface<any>(\"Switch\", props, {})\n    const _p: any = {}\n    if (size) _p.size = size\n    if (color) _p.color = color\n    if (disabled) _p.disabled = disabled\n    if (trackSize) _p.trackSize = trackSize\n    if (icon) _p.icon = icon\n    const p: any = useBreakpointProps(_p)\n    size = p.size ?? \"medium\"\n    color = p.color ?? \"brand\"\n    disabled = p.disabled\n    trackSize = p.trackSize\n    icon = p.icon\n\n    const [c, set] = useState(false)\n    checked ??= c\n\n    onChange = onChange || (() => set(!c));\n\n    let sizes: any = {\n        small: 32,\n        medium: 48,\n        large: 60\n    }\n    let _size = sizes[size as any] || size\n\n    let height = (_size / 2)\n    trackSize ??= height + 4\n    let isNormalSize = (height + 4) === trackSize\n    let transform = checked ? \"92%\" : \"8%\"\n    if (!isNormalSize) {\n        transform = checked ? \"100%\" : \"-10%\"\n    }\n\n    return (\n        <Tag\n            disabled={disabled}\n            sxr={{\n                width: _size,\n                height: height,\n                position: \"relative\",\n                cursor: \"pointer\",\n                display: \"inline-block\"\n            }}\n            onClick={onChange}\n        >\n            <Tag\n                {...slotProps?.track}\n                baseClass='switch-track-bar'\n                sxr={{\n                    width: _size,\n                    height: trackSize,\n                    borderRadius: height,\n                    position: 'absolute',\n                    top: \"50%\",\n                    transform: \"translateY(-50%)\",\n                    bgcolor: checked ? color : \"divider\",\n\n                }}\n            >\n            </Tag>\n            <Tag\n                {...slotProps?.thumb}\n                baseClass='switch-thumb'\n                sxr={{\n                    transition: \"all .25s\",\n                    width: height,\n                    height: height,\n                    radius: height,\n                    bgcolor: \"#FFFFFF\",\n                    position: \"absolute\",\n                    top: \"50%\",\n                    border: isNormalSize ? 0 : 1,\n                    left: 0,\n                    transform: `translate(${transform}, -50%)`,\n                    display: \"flex\",\n                    justifyContent: \"center\",\n                    alignItems: \"center\"\n                }}\n            >\n                {\n                    icon\n                }\n            </Tag>\n            <Tag\n                {...rest}\n                component='input'\n                ref={ref}\n                type=\"radio\"\n                readOnly\n                checked={checked}\n                sxr={{\n                    display: \"none!important\"\n                }}\n            />\n        </Tag>\n    )\n})\n\nexport default Switch\n"],"names":[],"mappings":";;;;;;;;AAmBA;;AACI;;AAEA;AAAU;AACV;AAAW;AACX;AAAc;AACd;AAAe;AACf;AAAU;AACV;AACA;AACA;AACA;AACA;AACA;;;AAKA;AAEA;AACI;AACA;AACA;;;AAIJ;;;;;;;;AAYY;AACA;AACA;AACA;AACA;;AAQI;AACA;AACA;AACA;AACA;AACA;;AAGH;AAOG;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAeA;;AAKpB;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/Switch/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { ReactElement, useState } from 'react';\r\nimport { Tag, TagProps, useBreakpointProps, UseColorTemplateColor, useInterface, useBreakpointPropsType } from '@xanui/core';\r\n\r\n\r\nexport type SwitchProps = Omit<TagProps<\"input\">, \"color\" | \"size\" | \"component\" | \"type\" | \"checked\"> & {\r\n    checked?: boolean;\r\n    size?: useBreakpointPropsType<number | \"small\" | \"medium\" | \"large\">;\r\n    color?: useBreakpointPropsType<Omit<UseColorTemplateColor, \"default\">>;\r\n    disabled?: useBreakpointPropsType<boolean>;\r\n    trackSize?: useBreakpointPropsType<number>;\r\n    icon?: useBreakpointPropsType<ReactElement>;\r\n    slotProps?: {\r\n        thumb?: Omit<TagProps, 'children'>;\r\n        track?: Omit<TagProps, 'children'>;\r\n    }\r\n}\r\n\r\nconst Switch = React.forwardRef((props: SwitchProps, ref?: React.Ref<any>) => {\r\n    let [{ size, checked, color, disabled, icon, onChange, trackSize, slotProps, ...rest }] = useInterface<any>(\"Switch\", props, {})\r\n    const _p: any = {}\r\n    if (size) _p.size = size\r\n    if (color) _p.color = color\r\n    if (disabled) _p.disabled = disabled\r\n    if (trackSize) _p.trackSize = trackSize\r\n    if (icon) _p.icon = icon\r\n    const p: any = useBreakpointProps(_p)\r\n    size = p.size ?? \"medium\"\r\n    color = p.color ?? \"brand\"\r\n    disabled = p.disabled\r\n    trackSize = p.trackSize\r\n    icon = p.icon\r\n\r\n    const [c, set] = useState(false)\r\n    checked ??= c\r\n\r\n    onChange = onChange || (() => set(!c));\r\n\r\n    let sizes: any = {\r\n        small: 32,\r\n        medium: 48,\r\n        large: 60\r\n    }\r\n    let _size = sizes[size as any] || size\r\n\r\n    let height = (_size / 2)\r\n    trackSize ??= height + 4\r\n    let isNormalSize = (height + 4) === trackSize\r\n    let transform = checked ? \"92%\" : \"8%\"\r\n    if (!isNormalSize) {\r\n        transform = checked ? \"100%\" : \"-10%\"\r\n    }\r\n\r\n    return (\r\n        <Tag\r\n            disabled={disabled}\r\n            sxr={{\r\n                width: _size,\r\n                height: height,\r\n                position: \"relative\",\r\n                cursor: \"pointer\",\r\n                display: \"inline-block\"\r\n            }}\r\n            onClick={onChange}\r\n        >\r\n            <Tag\r\n                {...slotProps?.track}\r\n                baseClass='switch-track-bar'\r\n                sxr={{\r\n                    width: _size,\r\n                    height: trackSize,\r\n                    borderRadius: height,\r\n                    position: 'absolute',\r\n                    top: \"50%\",\r\n                    transform: \"translateY(-50%)\",\r\n                    bgcolor: checked ? color : \"divider\",\r\n\r\n                }}\r\n            >\r\n            </Tag>\r\n            <Tag\r\n                {...slotProps?.thumb}\r\n                baseClass='switch-thumb'\r\n                sxr={{\r\n                    transition: \"all .25s\",\r\n                    width: height,\r\n                    height: height,\r\n                    radius: height,\r\n                    bgcolor: \"#FFFFFF\",\r\n                    position: \"absolute\",\r\n                    top: \"50%\",\r\n                    border: isNormalSize ? 0 : 1,\r\n                    left: 0,\r\n                    transform: `translate(${transform}, -50%)`,\r\n                    display: \"flex\",\r\n                    justifyContent: \"center\",\r\n                    alignItems: \"center\"\r\n                }}\r\n            >\r\n                {\r\n                    icon\r\n                }\r\n            </Tag>\r\n            <Tag\r\n                {...rest}\r\n                component='input'\r\n                ref={ref}\r\n                type=\"radio\"\r\n                readOnly\r\n                checked={checked}\r\n                sxr={{\r\n                    display: \"none!important\"\r\n                }}\r\n            />\r\n        </Tag>\r\n    )\r\n})\r\n\r\nexport default Switch\r\n"],"names":[],"mappings":";;;;;;;;AAmBA;;AACI;;AAEA;AAAU;AACV;AAAW;AACX;AAAc;AACd;AAAe;AACf;AAAU;AACV;AACA;AACA;AACA;AACA;AACA;;;AAKA;AAEA;AACI;AACA;AACA;;;AAIJ;;;;;;;;AAYY;AACA;AACA;AACA;AACA;;AAQI;AACA;AACA;AACA;AACA;AACA;;AAGH;AAOG;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAeA;;AAKpB;;"}

package/Switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Switch/index.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { ReactElement, useState } from 'react';\nimport { Tag, TagProps, useBreakpointProps, UseColorTemplateColor, useInterface, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type SwitchProps = Omit<TagProps<\"input\">, \"color\" | \"size\" | \"component\" | \"type\" | \"checked\"> & {\n    checked?: boolean;\n    size?: useBreakpointPropsType<number | \"small\" | \"medium\" | \"large\">;\n    color?: useBreakpointPropsType<Omit<UseColorTemplateColor, \"default\">>;\n    disabled?: useBreakpointPropsType<boolean>;\n    trackSize?: useBreakpointPropsType<number>;\n    icon?: useBreakpointPropsType<ReactElement>;\n    slotProps?: {\n        thumb?: Omit<TagProps, 'children'>;\n        track?: Omit<TagProps, 'children'>;\n    }\n}\n\nconst Switch = React.forwardRef((props: SwitchProps, ref?: React.Ref<any>) => {\n    let [{ size, checked, color, disabled, icon, onChange, trackSize, slotProps, ...rest }] = useInterface<any>(\"Switch\", props, {})\n    const _p: any = {}\n    if (size) _p.size = size\n    if (color) _p.color = color\n    if (disabled) _p.disabled = disabled\n    if (trackSize) _p.trackSize = trackSize\n    if (icon) _p.icon = icon\n    const p: any = useBreakpointProps(_p)\n    size = p.size ?? \"medium\"\n    color = p.color ?? \"brand\"\n    disabled = p.disabled\n    trackSize = p.trackSize\n    icon = p.icon\n\n    const [c, set] = useState(false)\n    checked ??= c\n\n    onChange = onChange || (() => set(!c));\n\n    let sizes: any = {\n        small: 32,\n        medium: 48,\n        large: 60\n    }\n    let _size = sizes[size as any] || size\n\n    let height = (_size / 2)\n    trackSize ??= height + 4\n    let isNormalSize = (height + 4) === trackSize\n    let transform = checked ? \"92%\" : \"8%\"\n    if (!isNormalSize) {\n        transform = checked ? \"100%\" : \"-10%\"\n    }\n\n    return (\n        <Tag\n            disabled={disabled}\n            sxr={{\n                width: _size,\n                height: height,\n                position: \"relative\",\n                cursor: \"pointer\",\n                display: \"inline-block\"\n            }}\n            onClick={onChange}\n        >\n            <Tag\n                {...slotProps?.track}\n                baseClass='switch-track-bar'\n                sxr={{\n                    width: _size,\n                    height: trackSize,\n                    borderRadius: height,\n                    position: 'absolute',\n                    top: \"50%\",\n                    transform: \"translateY(-50%)\",\n                    bgcolor: checked ? color : \"divider\",\n\n                }}\n            >\n            </Tag>\n            <Tag\n                {...slotProps?.thumb}\n                baseClass='switch-thumb'\n                sxr={{\n                    transition: \"all .25s\",\n                    width: height,\n                    height: height,\n                    radius: height,\n                    bgcolor: \"#FFFFFF\",\n                    position: \"absolute\",\n                    top: \"50%\",\n                    border: isNormalSize ? 0 : 1,\n                    left: 0,\n                    transform: `translate(${transform}, -50%)`,\n                    display: \"flex\",\n                    justifyContent: \"center\",\n                    alignItems: \"center\"\n                }}\n            >\n                {\n                    icon\n                }\n            </Tag>\n            <Tag\n                {...rest}\n                component='input'\n                ref={ref}\n                type=\"radio\"\n                readOnly\n                checked={checked}\n                sxr={{\n                    display: \"none!important\"\n                }}\n            />\n        </Tag>\n    )\n})\n\nexport default Switch\n"],"names":[],"mappings":";;;;;;AAmBA;;AACI;;AAEA;AAAU;AACV;AAAW;AACX;AAAc;AACd;AAAe;AACf;AAAU;AACV;AACA;AACA;AACA;AACA;AACA;;;AAKA;AAEA;AACI;AACA;AACA;;;AAIJ;;;;;;;;AAYY;AACA;AACA;AACA;AACA;;AAQI;AACA;AACA;AACA;AACA;AACA;;AAGH;AAOG;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAeA;;AAKpB;;"}
+{"version":3,"file":"index.js","sources":["../../src/Switch/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { ReactElement, useState } from 'react';\r\nimport { Tag, TagProps, useBreakpointProps, UseColorTemplateColor, useInterface, useBreakpointPropsType } from '@xanui/core';\r\n\r\n\r\nexport type SwitchProps = Omit<TagProps<\"input\">, \"color\" | \"size\" | \"component\" | \"type\" | \"checked\"> & {\r\n    checked?: boolean;\r\n    size?: useBreakpointPropsType<number | \"small\" | \"medium\" | \"large\">;\r\n    color?: useBreakpointPropsType<Omit<UseColorTemplateColor, \"default\">>;\r\n    disabled?: useBreakpointPropsType<boolean>;\r\n    trackSize?: useBreakpointPropsType<number>;\r\n    icon?: useBreakpointPropsType<ReactElement>;\r\n    slotProps?: {\r\n        thumb?: Omit<TagProps, 'children'>;\r\n        track?: Omit<TagProps, 'children'>;\r\n    }\r\n}\r\n\r\nconst Switch = React.forwardRef((props: SwitchProps, ref?: React.Ref<any>) => {\r\n    let [{ size, checked, color, disabled, icon, onChange, trackSize, slotProps, ...rest }] = useInterface<any>(\"Switch\", props, {})\r\n    const _p: any = {}\r\n    if (size) _p.size = size\r\n    if (color) _p.color = color\r\n    if (disabled) _p.disabled = disabled\r\n    if (trackSize) _p.trackSize = trackSize\r\n    if (icon) _p.icon = icon\r\n    const p: any = useBreakpointProps(_p)\r\n    size = p.size ?? \"medium\"\r\n    color = p.color ?? \"brand\"\r\n    disabled = p.disabled\r\n    trackSize = p.trackSize\r\n    icon = p.icon\r\n\r\n    const [c, set] = useState(false)\r\n    checked ??= c\r\n\r\n    onChange = onChange || (() => set(!c));\r\n\r\n    let sizes: any = {\r\n        small: 32,\r\n        medium: 48,\r\n        large: 60\r\n    }\r\n    let _size = sizes[size as any] || size\r\n\r\n    let height = (_size / 2)\r\n    trackSize ??= height + 4\r\n    let isNormalSize = (height + 4) === trackSize\r\n    let transform = checked ? \"92%\" : \"8%\"\r\n    if (!isNormalSize) {\r\n        transform = checked ? \"100%\" : \"-10%\"\r\n    }\r\n\r\n    return (\r\n        <Tag\r\n            disabled={disabled}\r\n            sxr={{\r\n                width: _size,\r\n                height: height,\r\n                position: \"relative\",\r\n                cursor: \"pointer\",\r\n                display: \"inline-block\"\r\n            }}\r\n            onClick={onChange}\r\n        >\r\n            <Tag\r\n                {...slotProps?.track}\r\n                baseClass='switch-track-bar'\r\n                sxr={{\r\n                    width: _size,\r\n                    height: trackSize,\r\n                    borderRadius: height,\r\n                    position: 'absolute',\r\n                    top: \"50%\",\r\n                    transform: \"translateY(-50%)\",\r\n                    bgcolor: checked ? color : \"divider\",\r\n\r\n                }}\r\n            >\r\n            </Tag>\r\n            <Tag\r\n                {...slotProps?.thumb}\r\n                baseClass='switch-thumb'\r\n                sxr={{\r\n                    transition: \"all .25s\",\r\n                    width: height,\r\n                    height: height,\r\n                    radius: height,\r\n                    bgcolor: \"#FFFFFF\",\r\n                    position: \"absolute\",\r\n                    top: \"50%\",\r\n                    border: isNormalSize ? 0 : 1,\r\n                    left: 0,\r\n                    transform: `translate(${transform}, -50%)`,\r\n                    display: \"flex\",\r\n                    justifyContent: \"center\",\r\n                    alignItems: \"center\"\r\n                }}\r\n            >\r\n                {\r\n                    icon\r\n                }\r\n            </Tag>\r\n            <Tag\r\n                {...rest}\r\n                component='input'\r\n                ref={ref}\r\n                type=\"radio\"\r\n                readOnly\r\n                checked={checked}\r\n                sxr={{\r\n                    display: \"none!important\"\r\n                }}\r\n            />\r\n        </Tag>\r\n    )\r\n})\r\n\r\nexport default Switch\r\n"],"names":[],"mappings":";;;;;;AAmBA;;AACI;;AAEA;AAAU;AACV;AAAW;AACX;AAAc;AACd;AAAe;AACf;AAAU;AACV;AACA;AACA;AACA;AACA;AACA;;;AAKA;AAEA;AACI;AACA;AACA;;;AAIJ;;;;;;;;AAYY;AACA;AACA;AACA;AACA;;AAQI;AACA;AACA;AACA;AACA;AACA;;AAGH;AAOG;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAeA;;AAKpB;;"}

package/Tab/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/Tab/index.tsx"],"sourcesContent":["\"use client\";\n\nimport React from 'react'\nimport { TagComponentType, useInterface } from '@xanui/core';\nimport Button, { ButtonProps } from '../Button';\n\nexport type TabProps<T extends TagComponentType = \"button\"> = ButtonProps<T> & {\n    value?: string | number\n}\n\nconst Tab = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...props }: TabProps<T>, ref: React.Ref<any>) => {\n    let [_props] = useInterface<any>(\"Tab\", props, {})\n    return (\n        <Button\n            {..._props}\n            classNames={[\"tab\", ...(_props?.classNames || [])]}\n            ref={ref}\n        >\n            {children}\n        </Button>\n    )\n})\n\nexport default Tab"],"names":[],"mappings":";;;;;;;;;AAUA;AAAkE;AAC9D;AACA;AASJ;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/Tab/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from 'react'\r\nimport { TagComponentType, useInterface } from '@xanui/core';\r\nimport Button, { ButtonProps } from '../Button';\r\n\r\nexport type TabProps<T extends TagComponentType = \"button\"> = ButtonProps<T> & {\r\n    value?: string | number\r\n}\r\n\r\nconst Tab = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...props }: TabProps<T>, ref: React.Ref<any>) => {\r\n    let [_props] = useInterface<any>(\"Tab\", props, {})\r\n    return (\r\n        <Button\r\n            {..._props}\r\n            classNames={[\"tab\", ...(_props?.classNames || [])]}\r\n            ref={ref}\r\n        >\r\n            {children}\r\n        </Button>\r\n    )\r\n})\r\n\r\nexport default Tab"],"names":[],"mappings":";;;;;;;;;AAUA;AAAkE;AAC9D;AACA;AASJ;;"}

package/Tab/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Tab/index.tsx"],"sourcesContent":["\"use client\";\n\nimport React from 'react'\nimport { TagComponentType, useInterface } from '@xanui/core';\nimport Button, { ButtonProps } from '../Button';\n\nexport type TabProps<T extends TagComponentType = \"button\"> = ButtonProps<T> & {\n    value?: string | number\n}\n\nconst Tab = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...props }: TabProps<T>, ref: React.Ref<any>) => {\n    let [_props] = useInterface<any>(\"Tab\", props, {})\n    return (\n        <Button\n            {..._props}\n            classNames={[\"tab\", ...(_props?.classNames || [])]}\n            ref={ref}\n        >\n            {children}\n        </Button>\n    )\n})\n\nexport default Tab"],"names":[],"mappings":";;;;;;;AAUA;AAAkE;AAC9D;AACA;AASJ;;"}
+{"version":3,"file":"index.js","sources":["../../src/Tab/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from 'react'\r\nimport { TagComponentType, useInterface } from '@xanui/core';\r\nimport Button, { ButtonProps } from '../Button';\r\n\r\nexport type TabProps<T extends TagComponentType = \"button\"> = ButtonProps<T> & {\r\n    value?: string | number\r\n}\r\n\r\nconst Tab = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...props }: TabProps<T>, ref: React.Ref<any>) => {\r\n    let [_props] = useInterface<any>(\"Tab\", props, {})\r\n    return (\r\n        <Button\r\n            {..._props}\r\n            classNames={[\"tab\", ...(_props?.classNames || [])]}\r\n            ref={ref}\r\n        >\r\n            {children}\r\n        </Button>\r\n    )\r\n})\r\n\r\nexport default Tab"],"names":[],"mappings":";;;;;;;AAUA;AAAkE;AAC9D;AACA;AASJ;;"}

package/Table/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/Table/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType, UseColorTemplateColor, useInterface, useColorTemplate, UseColorTemplateType, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\nimport Scrollbar from '../Scrollbar';\n\n\nexport type TableProps<T extends TagComponentType = \"table\"> = Omit<TagProps<T>, \"color\" | \"size\"> & {\n    evenColor?: useBreakpointPropsType<boolean>;\n    size?: useBreakpointPropsType<\"small\" | \"medium\" | \"large\" | number>;\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\n    variant?: useBreakpointPropsType<Omit<UseColorTemplateType, \"outline\">>;\n    borderType?: useBreakpointPropsType<\"box\" | \"line\" | \"none\">;\n}\n\nconst Table = React.forwardRef(<T extends TagComponentType = \"table\">({ children, ...props }: TableProps<T>, ref: React.Ref<any>) => {\n    let [{ evenColor, size, color, variant, borderType, ...rest }] = useInterface<any>(\"Table\", props, {})\n    const _p: any = {}\n    if (evenColor) _p.evenColor = evenColor\n    if (size) _p.size = size\n    if (color) _p.color = color\n    if (variant) _p.variant = variant\n    if (borderType) _p.borderType = borderType\n    const p: any = useBreakpointProps(_p)\n    evenColor = p.evenColor\n    size = p.size ?? \"medium\"\n    color = p.color ?? 'default'\n    variant = p.variant ?? \"fill\"\n    borderType = p.borderType ?? \"line\"\n\n    const main = useColorTemplate(color, variant)\n    const soft = useColorTemplate(color, \"soft\")\n\n    let sx: any = {}\n    if (evenColor) {\n        sx = {\n            \"& tbody tr:nth-child(even)\": {\n                bgcolor: soft.primary.bgcolor\n            }\n        }\n    }\n    if (borderType === 'box') {\n        sx = {\n            ...sx,\n            \"& tr:last-child td\": {\n                borderBottom: 0\n            },\n            \"& tr:first-child th\": {\n                borderTop: 0\n            },\n            \"& tr td:first-child, & tr th:first-child\": {\n                borderLeft: 0\n            },\n            \"& tr td:last-child, & tr th:last-child\": {\n                borderRight: 0\n            },\n        }\n    }\n    let _size = size\n    let sizes: any = {\n        small: .4,\n        medium: .8,\n        large: 2\n    }\n\n    if (typeof size === 'string' && sizes[size]) {\n        _size = sizes[size]\n    }\n    let border: any = {\n        line: {\n            borderBottom: \"1px solid\",\n            borderColor: \"divider\",\n        },\n        box: {\n            border: \"1px solid\",\n            borderColor: \"divider\",\n        },\n        none: {}\n    }\n\n    return (\n        <Scrollbar\n            style={{\n                overflowY: \"hidden\"\n            }}\n        >\n            <Tag\n                {...rest}\n                baseClass='table'\n                sxr={{\n                    color: \"text.primary\",\n                    fontSize: size === \"small\" ? \"text\" : \"text\",\n                    width: \"100%\",\n                    \"& thead, & tfoot\": {\n                        bgcolor: main.primary.bgcolor,\n                        \"& th\": {\n                            color: main.primary.color\n                        }\n                    },\n                    \"& td, & th\": {\n                        p: _size,\n                        px: 1,\n                        ...border[borderType],\n                    },\n                    \"& tr:last-child td\": {\n                        borderBottom: 0\n                    },\n                    \"& tr:first-child th\": {\n                        borderTop: 0\n                    },\n                    \"& tbody tr:hover\": {\n                        bgcolor: soft.primary.bgcolor\n                    },\n                    ...sx,\n                    ...((rest as any).sx || {})\n                }}\n                component=\"table\"\n                ref={ref}\n            >{children}</Tag>\n        </Scrollbar>\n    )\n})\n\nexport default Table"],"names":["__rest","useInterface","useBreakpointProps","useColorTemplate","_jsx","Scrollbar","Tag"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../src/Table/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType, UseColorTemplateColor, useInterface, useColorTemplate, UseColorTemplateType, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\r\nimport Scrollbar from '../Scrollbar';\r\n\r\n\r\nexport type TableProps<T extends TagComponentType = \"table\"> = Omit<TagProps<T>, \"color\" | \"size\"> & {\r\n    evenColor?: useBreakpointPropsType<boolean>;\r\n    size?: useBreakpointPropsType<\"small\" | \"medium\" | \"large\" | number>;\r\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\r\n    variant?: useBreakpointPropsType<Omit<UseColorTemplateType, \"outline\">>;\r\n    borderType?: useBreakpointPropsType<\"box\" | \"line\" | \"none\">;\r\n}\r\n\r\nconst Table = React.forwardRef(<T extends TagComponentType = \"table\">({ children, ...props }: TableProps<T>, ref: React.Ref<any>) => {\r\n    let [{ evenColor, size, color, variant, borderType, ...rest }] = useInterface<any>(\"Table\", props, {})\r\n    const _p: any = {}\r\n    if (evenColor) _p.evenColor = evenColor\r\n    if (size) _p.size = size\r\n    if (color) _p.color = color\r\n    if (variant) _p.variant = variant\r\n    if (borderType) _p.borderType = borderType\r\n    const p: any = useBreakpointProps(_p)\r\n    evenColor = p.evenColor\r\n    size = p.size ?? \"medium\"\r\n    color = p.color ?? 'default'\r\n    variant = p.variant ?? \"fill\"\r\n    borderType = p.borderType ?? \"line\"\r\n\r\n    const main = useColorTemplate(color, variant)\r\n    const soft = useColorTemplate(color, \"soft\")\r\n\r\n    let sx: any = {}\r\n    if (evenColor) {\r\n        sx = {\r\n            \"& tbody tr:nth-child(even)\": {\r\n                bgcolor: soft.primary.bgcolor\r\n            }\r\n        }\r\n    }\r\n    if (borderType === 'box') {\r\n        sx = {\r\n            ...sx,\r\n            \"& tr:last-child td\": {\r\n                borderBottom: 0\r\n            },\r\n            \"& tr:first-child th\": {\r\n                borderTop: 0\r\n            },\r\n            \"& tr td:first-child, & tr th:first-child\": {\r\n                borderLeft: 0\r\n            },\r\n            \"& tr td:last-child, & tr th:last-child\": {\r\n                borderRight: 0\r\n            },\r\n        }\r\n    }\r\n    let _size = size\r\n    let sizes: any = {\r\n        small: .4,\r\n        medium: .8,\r\n        large: 2\r\n    }\r\n\r\n    if (typeof size === 'string' && sizes[size]) {\r\n        _size = sizes[size]\r\n    }\r\n    let border: any = {\r\n        line: {\r\n            borderBottom: \"1px solid\",\r\n            borderColor: \"divider\",\r\n        },\r\n        box: {\r\n            border: \"1px solid\",\r\n            borderColor: \"divider\",\r\n        },\r\n        none: {}\r\n    }\r\n\r\n    return (\r\n        <Scrollbar\r\n            style={{\r\n                overflowY: \"hidden\"\r\n            }}\r\n        >\r\n            <Tag\r\n                {...rest}\r\n                baseClass='table'\r\n                sxr={{\r\n                    color: \"text.primary\",\r\n                    fontSize: size === \"small\" ? \"text\" : \"text\",\r\n                    width: \"100%\",\r\n                    \"& thead, & tfoot\": {\r\n                        bgcolor: main.primary.bgcolor,\r\n                        \"& th\": {\r\n                            color: main.primary.color\r\n                        }\r\n                    },\r\n                    \"& td, & th\": {\r\n                        p: _size,\r\n                        px: 1,\r\n                        ...border[borderType],\r\n                    },\r\n                    \"& tr:last-child td\": {\r\n                        borderBottom: 0\r\n                    },\r\n                    \"& tr:first-child th\": {\r\n                        borderTop: 0\r\n                    },\r\n                    \"& tbody tr:hover\": {\r\n                        bgcolor: soft.primary.bgcolor\r\n                    },\r\n                    ...sx,\r\n                    ...((rest as any).sx || {})\r\n                }}\r\n                component=\"table\"\r\n                ref={ref}\r\n            >{children}</Tag>\r\n        </Scrollbar>\r\n    )\r\n})\r\n\r\nexport default Table"],"names":["__rest","useInterface","useBreakpointProps","useColorTemplate","_jsx","Scrollbar","Tag"],"mappings":"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"}

package/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Table/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType, UseColorTemplateColor, useInterface, useColorTemplate, UseColorTemplateType, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\nimport Scrollbar from '../Scrollbar';\n\n\nexport type TableProps<T extends TagComponentType = \"table\"> = Omit<TagProps<T>, \"color\" | \"size\"> & {\n    evenColor?: useBreakpointPropsType<boolean>;\n    size?: useBreakpointPropsType<\"small\" | \"medium\" | \"large\" | number>;\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\n    variant?: useBreakpointPropsType<Omit<UseColorTemplateType, \"outline\">>;\n    borderType?: useBreakpointPropsType<\"box\" | \"line\" | \"none\">;\n}\n\nconst Table = React.forwardRef(<T extends TagComponentType = \"table\">({ children, ...props }: TableProps<T>, ref: React.Ref<any>) => {\n    let [{ evenColor, size, color, variant, borderType, ...rest }] = useInterface<any>(\"Table\", props, {})\n    const _p: any = {}\n    if (evenColor) _p.evenColor = evenColor\n    if (size) _p.size = size\n    if (color) _p.color = color\n    if (variant) _p.variant = variant\n    if (borderType) _p.borderType = borderType\n    const p: any = useBreakpointProps(_p)\n    evenColor = p.evenColor\n    size = p.size ?? \"medium\"\n    color = p.color ?? 'default'\n    variant = p.variant ?? \"fill\"\n    borderType = p.borderType ?? \"line\"\n\n    const main = useColorTemplate(color, variant)\n    const soft = useColorTemplate(color, \"soft\")\n\n    let sx: any = {}\n    if (evenColor) {\n        sx = {\n            \"& tbody tr:nth-child(even)\": {\n                bgcolor: soft.primary.bgcolor\n            }\n        }\n    }\n    if (borderType === 'box') {\n        sx = {\n            ...sx,\n            \"& tr:last-child td\": {\n                borderBottom: 0\n            },\n            \"& tr:first-child th\": {\n                borderTop: 0\n            },\n            \"& tr td:first-child, & tr th:first-child\": {\n                borderLeft: 0\n            },\n            \"& tr td:last-child, & tr th:last-child\": {\n                borderRight: 0\n            },\n        }\n    }\n    let _size = size\n    let sizes: any = {\n        small: .4,\n        medium: .8,\n        large: 2\n    }\n\n    if (typeof size === 'string' && sizes[size]) {\n        _size = sizes[size]\n    }\n    let border: any = {\n        line: {\n            borderBottom: \"1px solid\",\n            borderColor: \"divider\",\n        },\n        box: {\n            border: \"1px solid\",\n            borderColor: \"divider\",\n        },\n        none: {}\n    }\n\n    return (\n        <Scrollbar\n            style={{\n                overflowY: \"hidden\"\n            }}\n        >\n            <Tag\n                {...rest}\n                baseClass='table'\n                sxr={{\n                    color: \"text.primary\",\n                    fontSize: size === \"small\" ? \"text\" : \"text\",\n                    width: \"100%\",\n                    \"& thead, & tfoot\": {\n                        bgcolor: main.primary.bgcolor,\n                        \"& th\": {\n                            color: main.primary.color\n                        }\n                    },\n                    \"& td, & th\": {\n                        p: _size,\n                        px: 1,\n                        ...border[borderType],\n                    },\n                    \"& tr:last-child td\": {\n                        borderBottom: 0\n                    },\n                    \"& tr:first-child th\": {\n                        borderTop: 0\n                    },\n                    \"& tbody tr:hover\": {\n                        bgcolor: soft.primary.bgcolor\n                    },\n                    ...sx,\n                    ...((rest as any).sx || {})\n                }}\n                component=\"table\"\n                ref={ref}\n            >{children}</Tag>\n        </Scrollbar>\n    )\n})\n\nexport default Table"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/Table/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType, UseColorTemplateColor, useInterface, useColorTemplate, UseColorTemplateType, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\r\nimport Scrollbar from '../Scrollbar';\r\n\r\n\r\nexport type TableProps<T extends TagComponentType = \"table\"> = Omit<TagProps<T>, \"color\" | \"size\"> & {\r\n    evenColor?: useBreakpointPropsType<boolean>;\r\n    size?: useBreakpointPropsType<\"small\" | \"medium\" | \"large\" | number>;\r\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\r\n    variant?: useBreakpointPropsType<Omit<UseColorTemplateType, \"outline\">>;\r\n    borderType?: useBreakpointPropsType<\"box\" | \"line\" | \"none\">;\r\n}\r\n\r\nconst Table = React.forwardRef(<T extends TagComponentType = \"table\">({ children, ...props }: TableProps<T>, ref: React.Ref<any>) => {\r\n    let [{ evenColor, size, color, variant, borderType, ...rest }] = useInterface<any>(\"Table\", props, {})\r\n    const _p: any = {}\r\n    if (evenColor) _p.evenColor = evenColor\r\n    if (size) _p.size = size\r\n    if (color) _p.color = color\r\n    if (variant) _p.variant = variant\r\n    if (borderType) _p.borderType = borderType\r\n    const p: any = useBreakpointProps(_p)\r\n    evenColor = p.evenColor\r\n    size = p.size ?? \"medium\"\r\n    color = p.color ?? 'default'\r\n    variant = p.variant ?? \"fill\"\r\n    borderType = p.borderType ?? \"line\"\r\n\r\n    const main = useColorTemplate(color, variant)\r\n    const soft = useColorTemplate(color, \"soft\")\r\n\r\n    let sx: any = {}\r\n    if (evenColor) {\r\n        sx = {\r\n            \"& tbody tr:nth-child(even)\": {\r\n                bgcolor: soft.primary.bgcolor\r\n            }\r\n        }\r\n    }\r\n    if (borderType === 'box') {\r\n        sx = {\r\n            ...sx,\r\n            \"& tr:last-child td\": {\r\n                borderBottom: 0\r\n            },\r\n            \"& tr:first-child th\": {\r\n                borderTop: 0\r\n            },\r\n            \"& tr td:first-child, & tr th:first-child\": {\r\n                borderLeft: 0\r\n            },\r\n            \"& tr td:last-child, & tr th:last-child\": {\r\n                borderRight: 0\r\n            },\r\n        }\r\n    }\r\n    let _size = size\r\n    let sizes: any = {\r\n        small: .4,\r\n        medium: .8,\r\n        large: 2\r\n    }\r\n\r\n    if (typeof size === 'string' && sizes[size]) {\r\n        _size = sizes[size]\r\n    }\r\n    let border: any = {\r\n        line: {\r\n            borderBottom: \"1px solid\",\r\n            borderColor: \"divider\",\r\n        },\r\n        box: {\r\n            border: \"1px solid\",\r\n            borderColor: \"divider\",\r\n        },\r\n        none: {}\r\n    }\r\n\r\n    return (\r\n        <Scrollbar\r\n            style={{\r\n                overflowY: \"hidden\"\r\n            }}\r\n        >\r\n            <Tag\r\n                {...rest}\r\n                baseClass='table'\r\n                sxr={{\r\n                    color: \"text.primary\",\r\n                    fontSize: size === \"small\" ? \"text\" : \"text\",\r\n                    width: \"100%\",\r\n                    \"& thead, & tfoot\": {\r\n                        bgcolor: main.primary.bgcolor,\r\n                        \"& th\": {\r\n                            color: main.primary.color\r\n                        }\r\n                    },\r\n                    \"& td, & th\": {\r\n                        p: _size,\r\n                        px: 1,\r\n                        ...border[borderType],\r\n                    },\r\n                    \"& tr:last-child td\": {\r\n                        borderBottom: 0\r\n                    },\r\n                    \"& tr:first-child th\": {\r\n                        borderTop: 0\r\n                    },\r\n                    \"& tbody tr:hover\": {\r\n                        bgcolor: soft.primary.bgcolor\r\n                    },\r\n                    ...sx,\r\n                    ...((rest as any).sx || {})\r\n                }}\r\n                component=\"table\"\r\n                ref={ref}\r\n            >{children}</Tag>\r\n        </Scrollbar>\r\n    )\r\n})\r\n\r\nexport default Table"],"names":["_jsx"],"mappings":";;;;;;AAcA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAuC,EAAqC,EAAE,GAAmB,KAAI;;AAA9D,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA2B,EAAtB,KAAK,GAAA,MAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;IACtF,IAAI,CAAA,EAAA,CAAA,GAA6D,YAAY,CAAM,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,EAAjG,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAA,GAAA,EAAW,EAAN,IAAI,GAAA,MAAA,CAAA,EAAA,EAAtD,CAAA,WAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,YAAA,CAAwD,CAAyC;IACtG,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,SAAS;AAAE,QAAA,EAAE,CAAC,SAAS,GAAG,SAAS;AACvC,IAAA,IAAI,IAAI;AAAE,QAAA,EAAE,CAAC,IAAI,GAAG,IAAI;AACxB,IAAA,IAAI,KAAK;AAAE,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAC3B,IAAA,IAAI,OAAO;AAAE,QAAA,EAAE,CAAC,OAAO,GAAG,OAAO;AACjC,IAAA,IAAI,UAAU;AAAE,QAAA,EAAE,CAAC,UAAU,GAAG,UAAU;AAC1C,IAAA,MAAM,CAAC,GAAQ,kBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,SAAS,GAAG,CAAC,CAAC,SAAS;AACvB,IAAA,IAAI,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,QAAQ;AACzB,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;AAC7B,IAAA,UAAU,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,MAAM;IAEnC,MAAM,IAAI,GAAG,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC;IAC7C,MAAM,IAAI,GAAG,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC;IAE5C,IAAI,EAAE,GAAQ,EAAE;IAChB,IAAI,SAAS,EAAE;AACX,QAAA,EAAE,GAAG;AACD,YAAA,4BAA4B,EAAE;AAC1B,gBAAA,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC;AACzB;SACJ;IACL;AACA,IAAA,IAAI,UAAU,KAAK,KAAK,EAAE;AACtB,QAAA,EAAE,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACK,EAAE,CAAA,EAAA,EACL,oBAAoB,EAAE;AAClB,gBAAA,YAAY,EAAE;AACjB,aAAA,EACD,qBAAqB,EAAE;AACnB,gBAAA,SAAS,EAAE;AACd,aAAA,EACD,0CAA0C,EAAE;AACxC,gBAAA,UAAU,EAAE;AACf,aAAA,EACD,wCAAwC,EAAE;AACtC,gBAAA,WAAW,EAAE;AAChB,aAAA,EAAA,CACJ;IACL;IACA,IAAI,KAAK,GAAG,IAAI;AAChB,IAAA,IAAI,KAAK,GAAQ;AACb,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,KAAK,EAAE;KACV;IAED,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE;AACzC,QAAA,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC;IACvB;AACA,IAAA,IAAI,MAAM,GAAQ;AACd,QAAA,IAAI,EAAE;AACF,YAAA,YAAY,EAAE,WAAW;AACzB,YAAA,WAAW,EAAE,SAAS;AACzB,SAAA;AACD,QAAA,GAAG,EAAE;AACD,YAAA,MAAM,EAAE,WAAW;AACnB,YAAA,WAAW,EAAE,SAAS;AACzB,SAAA;AACD,QAAA,IAAI,EAAE;KACT;AAED,IAAA,QACIA,GAAA,CAAC,SAAS,EAAA,EACN,KAAK,EAAE;AACH,YAAA,SAAS,EAAE;AACd,SAAA,EAAA,QAAA,EAEDA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,IACR,SAAS,EAAC,OAAO,EACjB,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EACC,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,IAAI,KAAK,OAAO,GAAG,MAAM,GAAG,MAAM,EAC5C,KAAK,EAAE,MAAM,EACb,kBAAkB,EAAE;AAChB,oBAAA,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO;AAC7B,oBAAA,MAAM,EAAE;AACJ,wBAAA,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC;AACvB;AACJ,iBAAA,EACD,YAAY,EAAA,MAAA,CAAA,MAAA,CAAA,EACR,CAAC,EAAE,KAAK,EACR,EAAE,EAAE,CAAC,EAAA,EACF,MAAM,CAAC,UAAU,CAAC,CAAA,EAEzB,oBAAoB,EAAE;AAClB,oBAAA,YAAY,EAAE;AACjB,iBAAA,EACD,qBAAqB,EAAE;AACnB,oBAAA,SAAS,EAAE;AACd,iBAAA,EACD,kBAAkB,EAAE;AAChB,oBAAA,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC;iBACzB,EAAA,EACE,EAAE,IACA,IAAY,CAAC,EAAE,IAAI,EAAE,EAAC,EAE/B,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,YACV,QAAQ,EAAA,CAAA,CAAO,EAAA,CACT;AAEpB,CAAC;;;;"}

package/TableBody/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/TableBody/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableBodyProps<T extends TagComponentType = \"tbody\"> = TagProps<T>\n\nconst TableBody = React.forwardRef(<T extends TagComponentType = \"tbody\">({ children, ...rest }: TableBodyProps<T>, ref: React.Ref<any>) => {\n    return (\n        <Tag\n            {...rest}\n            baseClass='table-body'\n            component=\"tbody\"\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default TableBody"],"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;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/TableBody/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\r\n\r\nexport type TableBodyProps<T extends TagComponentType = \"tbody\"> = TagProps<T>\r\n\r\nconst TableBody = React.forwardRef(<T extends TagComponentType = \"tbody\">({ children, ...rest }: TableBodyProps<T>, ref: React.Ref<any>) => {\r\n    return (\r\n        <Tag\r\n            {...rest}\r\n            baseClass='table-body'\r\n            component=\"tbody\"\r\n            ref={ref}\r\n        >{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default TableBody"],"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/TableBody/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/TableBody/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableBodyProps<T extends TagComponentType = \"tbody\"> = TagProps<T>\n\nconst TableBody = React.forwardRef(<T extends TagComponentType = \"tbody\">({ children, ...rest }: TableBodyProps<T>, ref: React.Ref<any>) => {\n    return (\n        <Tag\n            {...rest}\n            baseClass='table-body'\n            component=\"tbody\"\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default TableBody"],"names":["_jsx"],"mappings":";;;;;AAMA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAuC,EAAwC,EAAE,GAAmB,KAAI;AAAjE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACzF,QACIA,IAAC,GAAG,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;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/TableBody/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\r\n\r\nexport type TableBodyProps<T extends TagComponentType = \"tbody\"> = TagProps<T>\r\n\r\nconst TableBody = React.forwardRef(<T extends TagComponentType = \"tbody\">({ children, ...rest }: TableBodyProps<T>, ref: React.Ref<any>) => {\r\n    return (\r\n        <Tag\r\n            {...rest}\r\n            baseClass='table-body'\r\n            component=\"tbody\"\r\n            ref={ref}\r\n        >{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default TableBody"],"names":["_jsx"],"mappings":";;;;;AAMA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAuC,EAAwC,EAAE,GAAmB,KAAI;AAAjE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACzF,QACIA,IAAC,GAAG,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/TableCell/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/TableCell/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableColumnProps<T extends TagComponentType = \"td\"> = TagProps<T> & {\n    th?: boolean\n}\n\nconst TableCell = React.forwardRef(<T extends TagComponentType = \"td\">({ children, th, ...rest }: TableColumnProps<T>, ref: React.Ref<any>) => {\n    return (\n        <Tag\n            {...rest}\n            sxr={{\n                verticalAlign: \"inherit\",\n                textAlign: \"left\",\n                fontSize: \"inherit\",\n                color: \"text.primary\",\n                ...((rest as any)?.sx || {})\n            }}\n            baseClass='table-cell'\n            component={th ? \"th\" : \"td\"} ref={ref}\n        >\n            {children}\n        </Tag>\n    )\n})\n\nexport default TableCell"],"names":["__rest","_jsx","Tag"],"mappings":";;;;;;;AAQA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAoC,EAA8C,EAAE,GAAmB,KAAI;QAAvE,EAAE,QAAQ,EAAE,EAAE,EAAA,GAAA,EAAgC,EAA3B,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAvB,kBAAyB,CAAF;AAC1F,IAAA,QACIC,cAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACC,aAAa,EAAE,SAAS,EACxB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,SAAS,EACnB,KAAK,EAAE,cAAc,EAAA,GACjB,CAAC,IAAY,KAAA,IAAA,IAAZ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAU,EAAE,KAAI,EAAE,EAAC,EAEhC,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,EAAE,GAAG,IAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,QAAA,EAEpC,QAAQ,EAAA,CAAA,CACP;AAEd,CAAC;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/TableCell/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\r\n\r\nexport type TableColumnProps<T extends TagComponentType = \"td\"> = TagProps<T> & {\r\n    th?: boolean\r\n}\r\n\r\nconst TableCell = React.forwardRef(<T extends TagComponentType = \"td\">({ children, th, ...rest }: TableColumnProps<T>, ref: React.Ref<any>) => {\r\n    return (\r\n        <Tag\r\n            {...rest}\r\n            sxr={{\r\n                verticalAlign: \"inherit\",\r\n                textAlign: \"left\",\r\n                fontSize: \"inherit\",\r\n                color: \"text.primary\",\r\n                ...((rest as any)?.sx || {})\r\n            }}\r\n            baseClass='table-cell'\r\n            component={th ? \"th\" : \"td\"} ref={ref}\r\n        >\r\n            {children}\r\n        </Tag>\r\n    )\r\n})\r\n\r\nexport default TableCell"],"names":["__rest","_jsx","Tag"],"mappings":";;;;;;;AAQA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAoC,EAA8C,EAAE,GAAmB,KAAI;QAAvE,EAAE,QAAQ,EAAE,EAAE,EAAA,GAAA,EAAgC,EAA3B,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAvB,kBAAyB,CAAF;AAC1F,IAAA,QACIC,cAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACC,aAAa,EAAE,SAAS,EACxB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,SAAS,EACnB,KAAK,EAAE,cAAc,EAAA,GACjB,CAAC,IAAY,KAAA,IAAA,IAAZ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAU,EAAE,KAAI,EAAE,EAAC,EAEhC,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,EAAE,GAAG,IAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,QAAA,EAEpC,QAAQ,EAAA,CAAA,CACP;AAEd,CAAC;;;;"}

package/TableCell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/TableCell/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableColumnProps<T extends TagComponentType = \"td\"> = TagProps<T> & {\n    th?: boolean\n}\n\nconst TableCell = React.forwardRef(<T extends TagComponentType = \"td\">({ children, th, ...rest }: TableColumnProps<T>, ref: React.Ref<any>) => {\n    return (\n        <Tag\n            {...rest}\n            sxr={{\n                verticalAlign: \"inherit\",\n                textAlign: \"left\",\n                fontSize: \"inherit\",\n                color: \"text.primary\",\n                ...((rest as any)?.sx || {})\n            }}\n            baseClass='table-cell'\n            component={th ? \"th\" : \"td\"} ref={ref}\n        >\n            {children}\n        </Tag>\n    )\n})\n\nexport default TableCell"],"names":["_jsx"],"mappings":";;;;;AAQA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAoC,EAA8C,EAAE,GAAmB,KAAI;QAAvE,EAAE,QAAQ,EAAE,EAAE,EAAA,GAAA,EAAgC,EAA3B,IAAI,GAAA,MAAA,CAAA,EAAA,EAAvB,kBAAyB,CAAF;AAC1F,IAAA,QACIA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACC,aAAa,EAAE,SAAS,EACxB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,SAAS,EACnB,KAAK,EAAE,cAAc,EAAA,GACjB,CAAC,IAAY,KAAA,IAAA,IAAZ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAU,EAAE,KAAI,EAAE,EAAC,EAEhC,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,EAAE,GAAG,IAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,QAAA,EAEpC,QAAQ,EAAA,CAAA,CACP;AAEd,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/TableCell/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\r\n\r\nexport type TableColumnProps<T extends TagComponentType = \"td\"> = TagProps<T> & {\r\n    th?: boolean\r\n}\r\n\r\nconst TableCell = React.forwardRef(<T extends TagComponentType = \"td\">({ children, th, ...rest }: TableColumnProps<T>, ref: React.Ref<any>) => {\r\n    return (\r\n        <Tag\r\n            {...rest}\r\n            sxr={{\r\n                verticalAlign: \"inherit\",\r\n                textAlign: \"left\",\r\n                fontSize: \"inherit\",\r\n                color: \"text.primary\",\r\n                ...((rest as any)?.sx || {})\r\n            }}\r\n            baseClass='table-cell'\r\n            component={th ? \"th\" : \"td\"} ref={ref}\r\n        >\r\n            {children}\r\n        </Tag>\r\n    )\r\n})\r\n\r\nexport default TableCell"],"names":["_jsx"],"mappings":";;;;;AAQA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAoC,EAA8C,EAAE,GAAmB,KAAI;QAAvE,EAAE,QAAQ,EAAE,EAAE,EAAA,GAAA,EAAgC,EAA3B,IAAI,GAAA,MAAA,CAAA,EAAA,EAAvB,kBAAyB,CAAF;AAC1F,IAAA,QACIA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACC,aAAa,EAAE,SAAS,EACxB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,SAAS,EACnB,KAAK,EAAE,cAAc,EAAA,GACjB,CAAC,IAAY,KAAA,IAAA,IAAZ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAU,EAAE,KAAI,EAAE,EAAC,EAEhC,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,EAAE,GAAG,IAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,QAAA,EAEpC,QAAQ,EAAA,CAAA,CACP;AAEd,CAAC;;;;"}

package/TableFooter/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/TableFooter/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableFooterProps<T extends TagComponentType = \"tfoot\"> = TagProps<T>\n\nconst TableFooter = React.forwardRef(<T extends TagComponentType = \"tfoot\">({ children, ...rest }: TableFooterProps<T>, ref: React.Ref<any>) => {\n    return (\n        <Tag\n            {...rest}\n            baseClass='table-footer'\n            component=\"tfoot\"\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\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;;;;"}
+{"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/TableFooter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/TableFooter/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableFooterProps<T extends TagComponentType = \"tfoot\"> = TagProps<T>\n\nconst TableFooter = React.forwardRef(<T extends TagComponentType = \"tfoot\">({ children, ...rest }: TableFooterProps<T>, ref: React.Ref<any>) => {\n    return (\n        <Tag\n            {...rest}\n            baseClass='table-footer'\n            component=\"tfoot\"\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default TableFooter"],"names":["_jsx"],"mappings":";;;;;AAMA,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,CAAuC,EAA0C,EAAE,GAAmB,KAAI;AAAnE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAgC,EAA3B,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IAC3F,QACIA,IAAC,GAAG,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;;;;"}
+{"version":3,"file":"index.js","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":["_jsx"],"mappings":";;;;;AAMA,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,CAAuC,EAA0C,EAAE,GAAmB,KAAI;AAAnE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAgC,EAA3B,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IAC3F,QACIA,IAAC,GAAG,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.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/TableHead/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableHeadProps<T extends TagComponentType = \"thead\"> = TagProps<T>\n\nconst TableHead = React.forwardRef(<T extends TagComponentType = \"thead\">({ children, ...rest }: TableHeadProps<T>, ref: React.Ref<any>) => {\n    return (\n        <Tag\n            {...rest}\n            baseClass='table-head'\n            component=\"thead\"\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\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;;;;"}
+{"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/TableHead/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/TableHead/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableHeadProps<T extends TagComponentType = \"thead\"> = TagProps<T>\n\nconst TableHead = React.forwardRef(<T extends TagComponentType = \"thead\">({ children, ...rest }: TableHeadProps<T>, ref: React.Ref<any>) => {\n    return (\n        <Tag\n            {...rest}\n            baseClass='table-head'\n            component=\"thead\"\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default TableHead "],"names":["_jsx"],"mappings":";;;;;AAMA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAuC,EAAwC,EAAE,GAAmB,KAAI;AAAjE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACzF,QACIA,IAAC,GAAG,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;;;;"}
+{"version":3,"file":"index.js","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":["_jsx"],"mappings":";;;;;AAMA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAuC,EAAwC,EAAE,GAAmB,KAAI;AAAjE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACzF,QACIA,IAAC,GAAG,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 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/TablePagination/index.tsx"],"sourcesContent":["\"use client\";\n\nimport Text from '../Text'\nimport Select, { SelectProps } from '../Select'\nimport Option from '../Option'\nimport IconButton, { IconButtonProps } from '../IconButton'\nimport React, { useMemo } from 'react'\nimport PrevIcon from '@xanui/icons/KeyboardArrowLeft'\nimport NextIcon from '@xanui/icons/KeyboardArrowRight'\nimport { TagProps, Tag, useInterface, UseColorTemplateColor, UseColorTemplateType, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type TablePaginationState = { page: number, perpage: number, from: number, to: number }\nexport type TablePaginationProps = Omit<TagProps, \"children\" | \"onChange\"> & {\n    page: number;\n    total: number;\n    perpage?: number;\n    perpages?: number[];\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\n    variant?: useBreakpointPropsType<UseColorTemplateType>;\n    onChange?: (state: TablePaginationState) => void;\n\n    slotProps?: {\n        button?: Omit<IconButtonProps, \"children\" | \"color\" | \"variant\">;\n        select?: Omit<SelectProps, \"value\" | \"onChange\" | \"children\">;\n    }\n}\n\nconst TablePagination = React.forwardRef(({ page, total, perpage, onChange, ...rest }: TablePaginationProps, ref: React.Ref<any>) => {\n    let [{ perpages, color, variant, slotProps, ...props }] = useInterface<any>(\"TablePagination\", rest, {})\n    color ??= \"default\"\n    variant ??= \"fill\"\n    perpages ??= [30, 50, 100]\n    perpage = perpage || perpages[0] as number\n    const isPerpage = perpages[0] && perpages.length >= 1\n\n\n    const chunks = useMemo(() => {\n        const chunks: any = [];\n        let _page = 1;\n        for (let from = 0; from < total; from += perpage) {\n            const to = Math.min(from + perpage, total)\n            chunks[_page] = { from: from + 1, to, page: _page, perpage }\n            _page++\n        }\n        return chunks\n    }, [perpage, perpages, total])\n\n    if (!chunks.length) {\n        return <></>\n    }\n\n    const current = chunks[page] || chunks[1]\n    const hasNext = !!chunks[page + 1]\n    const hasPrev = !!chunks[page - 1]\n\n    return (\n        <Tag\n            {...props}\n            sxr={{\n                display: \"flex\",\n                flexDirection: \"row\",\n                gap: 1,\n                alignItems: \"center\"\n            }}\n            baseClass='table-pagination'\n            ref={ref}\n        >\n            {\n                isPerpage && <Tag baseClass='table-pagination-perpage' flexBox flexRow gap={1} alignItems=\"center\">\n                    <Text fontSize=\"button\">PER PAGE</Text>\n                    <Select\n                        {...slotProps?.select}\n                        width={(perpage.toString().length * 10) + 60}\n                        minWidth={\"auto\"}\n                        maxWidth={\"auto\"}\n                        value={perpage}\n                        onChange={(value: any) => {\n                            onChange && onChange({ page: 1, perpage: value, from: 1, to: Math.min(value, total) })\n                        }}\n                    >\n                        {perpages.map((p: number) => <Option key={p} value={p}>{p}</Option>)}\n                    </Select>\n                </Tag>\n            }\n            <Tag\n                sxr={{\n                    display: \"flex\",\n                    flexDirection: \"row\",\n                    gap: 1,\n                    alignItems: 'center'\n                }}\n            >\n                <Text fontSize=\"button\">{current?.from}-{current.to}</Text>\n                <Text color=\"text.secondary\">of</Text>\n                <Text fontSize=\"button\">{total}</Text>\n            </Tag>\n            <Tag baseClass='table-pagination-navigation' flexBox flexRow gap={.4} >\n                <IconButton\n                    {...slotProps?.button}\n                    color={color}\n                    variant={variant}\n                    size={30}\n                    disabled={!hasPrev}\n                    onClick={() => {\n                        onChange && onChange(chunks[page - 1]);\n                    }}\n                >\n                    <PrevIcon />\n                </IconButton>\n                <IconButton\n                    {...slotProps?.button}\n                    color={color}\n                    variant={variant}\n                    size={30}\n                    disabled={!hasNext}\n                    onClick={() => {\n                        onChange && onChange(chunks[page + 1]);\n                    }}\n                >\n                    <NextIcon />\n                </IconButton>\n            </Tag>\n        </Tag>\n    )\n})\n\nexport default TablePagination"],"names":[],"mappings":";;;;;;;;;;;;;;AA4BA;AAA0C;;;;AAItC;AACA;AACA;AAGA;;;AAGI;AACI;AACA;AACA;;AAEJ;;AAGJ;AACI;;;;;AAOJ;AAIY;AACA;AACA;AACA;AACH;AAce;AACJ;AAQJ;AACA;AACA;AACA;AACH;;AAeG;;;AAmBpB;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/TablePagination/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport Text from '../Text'\r\nimport Select, { SelectProps } from '../Select'\r\nimport Option from '../Option'\r\nimport IconButton, { IconButtonProps } from '../IconButton'\r\nimport React, { useMemo } 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 TablePaginationState = { page: number, perpage: number, from: number, to: number }\r\nexport type TablePaginationProps = Omit<TagProps, \"children\" | \"onChange\"> & {\r\n    page: number;\r\n    total: number;\r\n    perpage?: number;\r\n    perpages?: number[];\r\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\r\n    variant?: useBreakpointPropsType<UseColorTemplateType>;\r\n    onChange?: (state: TablePaginationState) => void;\r\n\r\n    slotProps?: {\r\n        button?: Omit<IconButtonProps, \"children\" | \"color\" | \"variant\">;\r\n        select?: Omit<SelectProps, \"value\" | \"onChange\" | \"children\">;\r\n    }\r\n}\r\n\r\nconst TablePagination = React.forwardRef(({ page, total, perpage, 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    perpage = perpage || perpages[0] as number\r\n    const isPerpage = perpages[0] && perpages.length >= 1\r\n\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, perpages, 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 hasNext = !!chunks[page + 1]\r\n    const hasPrev = !!chunks[page - 1]\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                        width={(perpage.toString().length * 10) + 60}\r\n                        minWidth={\"auto\"}\r\n                        maxWidth={\"auto\"}\r\n                        value={perpage}\r\n                        onChange={(value: any) => {\r\n                            onChange && onChange({ page: 1, perpage: value, from: 1, to: Math.min(value, total) })\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                    size={30}\r\n                    disabled={!hasPrev}\r\n                    onClick={() => {\r\n                        onChange && onChange(chunks[page - 1]);\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={!hasNext}\r\n                    onClick={() => {\r\n                        onChange && onChange(chunks[page + 1]);\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":[],"mappings":";;;;;;;;;;;;;;AA4BA;AAA0C;;;;AAItC;AACA;AACA;AAGA;;;AAGI;AACI;AACA;AACA;;AAEJ;;AAGJ;AACI;;;;;AAOJ;AAIY;AACA;AACA;AACA;AACH;AAce;AACJ;AAQJ;AACA;AACA;AACA;AACH;;AAeG;;;AAmBpB;;"}

package/TablePagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/TablePagination/index.tsx"],"sourcesContent":["\"use client\";\n\nimport Text from '../Text'\nimport Select, { SelectProps } from '../Select'\nimport Option from '../Option'\nimport IconButton, { IconButtonProps } from '../IconButton'\nimport React, { useMemo } from 'react'\nimport PrevIcon from '@xanui/icons/KeyboardArrowLeft'\nimport NextIcon from '@xanui/icons/KeyboardArrowRight'\nimport { TagProps, Tag, useInterface, UseColorTemplateColor, UseColorTemplateType, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type TablePaginationState = { page: number, perpage: number, from: number, to: number }\nexport type TablePaginationProps = Omit<TagProps, \"children\" | \"onChange\"> & {\n    page: number;\n    total: number;\n    perpage?: number;\n    perpages?: number[];\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\n    variant?: useBreakpointPropsType<UseColorTemplateType>;\n    onChange?: (state: TablePaginationState) => void;\n\n    slotProps?: {\n        button?: Omit<IconButtonProps, \"children\" | \"color\" | \"variant\">;\n        select?: Omit<SelectProps, \"value\" | \"onChange\" | \"children\">;\n    }\n}\n\nconst TablePagination = React.forwardRef(({ page, total, perpage, onChange, ...rest }: TablePaginationProps, ref: React.Ref<any>) => {\n    let [{ perpages, color, variant, slotProps, ...props }] = useInterface<any>(\"TablePagination\", rest, {})\n    color ??= \"default\"\n    variant ??= \"fill\"\n    perpages ??= [30, 50, 100]\n    perpage = perpage || perpages[0] as number\n    const isPerpage = perpages[0] && perpages.length >= 1\n\n\n    const chunks = useMemo(() => {\n        const chunks: any = [];\n        let _page = 1;\n        for (let from = 0; from < total; from += perpage) {\n            const to = Math.min(from + perpage, total)\n            chunks[_page] = { from: from + 1, to, page: _page, perpage }\n            _page++\n        }\n        return chunks\n    }, [perpage, perpages, total])\n\n    if (!chunks.length) {\n        return <></>\n    }\n\n    const current = chunks[page] || chunks[1]\n    const hasNext = !!chunks[page + 1]\n    const hasPrev = !!chunks[page - 1]\n\n    return (\n        <Tag\n            {...props}\n            sxr={{\n                display: \"flex\",\n                flexDirection: \"row\",\n                gap: 1,\n                alignItems: \"center\"\n            }}\n            baseClass='table-pagination'\n            ref={ref}\n        >\n            {\n                isPerpage && <Tag baseClass='table-pagination-perpage' flexBox flexRow gap={1} alignItems=\"center\">\n                    <Text fontSize=\"button\">PER PAGE</Text>\n                    <Select\n                        {...slotProps?.select}\n                        width={(perpage.toString().length * 10) + 60}\n                        minWidth={\"auto\"}\n                        maxWidth={\"auto\"}\n                        value={perpage}\n                        onChange={(value: any) => {\n                            onChange && onChange({ page: 1, perpage: value, from: 1, to: Math.min(value, total) })\n                        }}\n                    >\n                        {perpages.map((p: number) => <Option key={p} value={p}>{p}</Option>)}\n                    </Select>\n                </Tag>\n            }\n            <Tag\n                sxr={{\n                    display: \"flex\",\n                    flexDirection: \"row\",\n                    gap: 1,\n                    alignItems: 'center'\n                }}\n            >\n                <Text fontSize=\"button\">{current?.from}-{current.to}</Text>\n                <Text color=\"text.secondary\">of</Text>\n                <Text fontSize=\"button\">{total}</Text>\n            </Tag>\n            <Tag baseClass='table-pagination-navigation' flexBox flexRow gap={.4} >\n                <IconButton\n                    {...slotProps?.button}\n                    color={color}\n                    variant={variant}\n                    size={30}\n                    disabled={!hasPrev}\n                    onClick={() => {\n                        onChange && onChange(chunks[page - 1]);\n                    }}\n                >\n                    <PrevIcon />\n                </IconButton>\n                <IconButton\n                    {...slotProps?.button}\n                    color={color}\n                    variant={variant}\n                    size={30}\n                    disabled={!hasNext}\n                    onClick={() => {\n                        onChange && onChange(chunks[page + 1]);\n                    }}\n                >\n                    <NextIcon />\n                </IconButton>\n            </Tag>\n        </Tag>\n    )\n})\n\nexport default TablePagination"],"names":[],"mappings":";;;;;;;;;;;;AA4BA;AAA0C;;;;AAItC;AACA;AACA;AAGA;;;AAGI;AACI;AACA;AACA;;AAEJ;;AAGJ;AACI;;;;;AAOJ;AAIY;AACA;AACA;AACA;AACH;AAce;AACJ;AAQJ;AACA;AACA;AACA;AACH;;AAeG;;;AAmBpB;;"}
+{"version":3,"file":"index.js","sources":["../../src/TablePagination/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport Text from '../Text'\r\nimport Select, { SelectProps } from '../Select'\r\nimport Option from '../Option'\r\nimport IconButton, { IconButtonProps } from '../IconButton'\r\nimport React, { useMemo } 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 TablePaginationState = { page: number, perpage: number, from: number, to: number }\r\nexport type TablePaginationProps = Omit<TagProps, \"children\" | \"onChange\"> & {\r\n    page: number;\r\n    total: number;\r\n    perpage?: number;\r\n    perpages?: number[];\r\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\r\n    variant?: useBreakpointPropsType<UseColorTemplateType>;\r\n    onChange?: (state: TablePaginationState) => void;\r\n\r\n    slotProps?: {\r\n        button?: Omit<IconButtonProps, \"children\" | \"color\" | \"variant\">;\r\n        select?: Omit<SelectProps, \"value\" | \"onChange\" | \"children\">;\r\n    }\r\n}\r\n\r\nconst TablePagination = React.forwardRef(({ page, total, perpage, 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    perpage = perpage || perpages[0] as number\r\n    const isPerpage = perpages[0] && perpages.length >= 1\r\n\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, perpages, 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 hasNext = !!chunks[page + 1]\r\n    const hasPrev = !!chunks[page - 1]\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                        width={(perpage.toString().length * 10) + 60}\r\n                        minWidth={\"auto\"}\r\n                        maxWidth={\"auto\"}\r\n                        value={perpage}\r\n                        onChange={(value: any) => {\r\n                            onChange && onChange({ page: 1, perpage: value, from: 1, to: Math.min(value, total) })\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                    size={30}\r\n                    disabled={!hasPrev}\r\n                    onClick={() => {\r\n                        onChange && onChange(chunks[page - 1]);\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={!hasNext}\r\n                    onClick={() => {\r\n                        onChange && onChange(chunks[page + 1]);\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":[],"mappings":";;;;;;;;;;;;AA4BA;AAA0C;;;;AAItC;AACA;AACA;AAGA;;;AAGI;AACI;AACA;AACA;;AAEJ;;AAGJ;AACI;;;;;AAOJ;AAIY;AACA;AACA;AACA;AACH;AAce;AACJ;AAQJ;AACA;AACA;AACA;AACH;;AAeG;;;AAmBpB;;"}

package/TableRow/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/TableRow/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableRowProps<T extends TagComponentType = \"tr\"> = TagProps<T>\n\nconst TableRow = React.forwardRef(<T extends TagComponentType = \"tr\">({ children, ...rest }: TableRowProps<T>, ref: React.Ref<any>) => {\n    return (\n        <Tag\n            baseClass='table-row'\n            verticalAlign=\"middle\"\n            {...rest}\n            component=\"tr\"\n            ref={ref}>{children}</Tag>\n    )\n})\n\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;;;;"}
+{"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/TableRow/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/TableRow/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableRowProps<T extends TagComponentType = \"tr\"> = TagProps<T>\n\nconst TableRow = React.forwardRef(<T extends TagComponentType = \"tr\">({ children, ...rest }: TableRowProps<T>, ref: React.Ref<any>) => {\n    return (\n        <Tag\n            baseClass='table-row'\n            verticalAlign=\"middle\"\n            {...rest}\n            component=\"tr\"\n            ref={ref}>{children}</Tag>\n    )\n})\n\nexport default TableRow"],"names":["_jsx"],"mappings":";;;;;AAMA,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAAoC,EAAuC,EAAE,GAAmB,KAAI;AAAhE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA6B,EAAxB,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACrF,QACIA,GAAA,CAAC,GAAG,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;;;;"}
+{"version":3,"file":"index.js","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":["_jsx"],"mappings":";;;;;AAMA,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAAoC,EAAuC,EAAE,GAAmB,KAAI;AAAhE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA6B,EAAxB,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACrF,QACIA,GAAA,CAAC,GAAG,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 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/Tabs/index.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useEffect, ReactElement, useMemo, cloneElement, useState, Children, useRef } from 'react'\nimport { TabProps } from '../Tab'\nimport { Tag, TagProps, useBreakpointProps, UseColorTemplateColor, 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\" | \"soft\">;\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\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 === 'soft' && 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                ...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                let v: any = {\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\n                if ([\"fill\", \"soft\", \"outline\"].includes(variant)) {\n                    v.from.width = prevRect?.width\n                    v.to.width = rect?.width\n                }\n                anim = () => v\n            } else {\n                let v: any = {\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\n                if ([\"fill\", \"soft\", \"outline\"].includes(variant)) {\n                    v.from.height = prevRect?.height || 0\n                    v.to.height = rect?.height || 0\n                }\n                anim = () => v\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: \"1px solid\",\n                    borderColor: color,\n                    bgcolor: \"transparent\"\n                }\n                break;\n            case \"soft\":\n                _indicatorProps = {\n                    top: 0,\n                    bgcolor: `${color}.soft.primary`\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                open={!!trans}\n                variant={trans}\n                duration={trans ? (disableTransition ? 0 : 250) : 0}\n                easing=\"smooth\"\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":[],"mappings":";;;;;;;;AAyBA;;AAEI;AACA;;;;;AAKA;AACA;AACA;AACJ;AAEA;;;AACI;;AAEA;AAAa;AACb;AAAW;AACX;AAAc;AACd;AAAuB;AACvB;AAAmB;AACnB;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;;;AAII;AACI;AACA;;AAEJ;;;AAGQ;;;AAIJ;AACI;AACI;AACI;AACA;AACH;;;AAEF;AACH;AACI;AACI;AACH;;;;AAKT;;AAKI;AAOR;AACA;AACJ;;AAGI;AACA;AACA;AACI;;;;;AAMI;AACI;;;AAGC;AACD;;;AAGC;;AAGL;AACI;AACA;;AAEJ;;;AAEA;AACI;;;AAGC;AACD;;;AAGC;;AAGL;AACI;AACA;;AAEJ;;AAEJ;;;;AAKR;;;AAGQ;;AAEQ;AACI;AACA;;;;AAGJ;AACI;AACA;;;;AAIZ;;AAEQ;AACI;AACA;;;;AAGJ;AACI;AACA;;;;AAIZ;AACI;AACI;AACA;;;AAGR;AACI;AACI;AACA;AACA;AACA;;;AAGR;AACI;AACI;;;;AAIR;AACI;AACI;;;;AAIZ;;AAGJ;AAMY;AACA;AACA;AACH;;;;;AAsBO;AACI;;AAEA;AACA;AACH;AAOrB;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/Tabs/index.tsx"],"sourcesContent":["\"use client\";\r\n\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                ...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                let v: any = {\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\r\n                if ([\"fill\", \"soft\", \"outline\"].includes(variant)) {\r\n                    v.from.width = prevRect?.width\r\n                    v.to.width = rect?.width\r\n                }\r\n                anim = () => v\r\n            } else {\r\n                let v: any = {\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\r\n                if ([\"fill\", \"soft\", \"outline\"].includes(variant)) {\r\n                    v.from.height = prevRect?.height || 0\r\n                    v.to.height = rect?.height || 0\r\n                }\r\n                anim = () => v\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                open={!!trans}\r\n                variant={trans}\r\n                duration={trans ? (disableTransition ? 0 : 250) : 0}\r\n                easing=\"smooth\"\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":[],"mappings":";;;;;;;;AAyBA;;AAEI;AACA;;;;;AAKA;AACA;AACA;AACJ;AAEA;;;AACI;;AAEA;AAAa;AACb;AAAW;AACX;AAAc;AACd;AAAuB;AACvB;AAAmB;AACnB;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;;;AAII;AACI;AACA;;AAEJ;;;AAGQ;;;AAIJ;AACI;AACI;AACI;AACA;AACH;;;AAEF;AACH;AACI;AACI;AACH;;;;AAKT;;AAKI;AAOR;AACA;AACJ;;AAGI;AACA;AACA;AACI;;;;;AAMI;AACI;;;AAGC;AACD;;;AAGC;;AAGL;AACI;AACA;;AAEJ;;;AAEA;AACI;;;AAGC;AACD;;;AAGC;;AAGL;AACI;AACA;;AAEJ;;AAEJ;;;;AAKR;;;AAGQ;;AAEQ;AACI;AACA;;;;AAGJ;AACI;AACA;;;;AAIZ;;AAEQ;AACI;AACA;;;;AAGJ;AACI;AACA;;;;AAIZ;AACI;AACI;AACA;;;AAGR;AACI;AACI;AACA;AACA;AACA;;;AAGR;AACI;AACI;;;;AAIR;AACI;AACI;;;;AAIZ;;AAGJ;AAMY;AACA;AACA;AACH;;;;;AAsBO;AACI;;AAEA;AACA;AACH;AAOrB;;"}

package/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Tabs/index.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useEffect, ReactElement, useMemo, cloneElement, useState, Children, useRef } from 'react'\nimport { TabProps } from '../Tab'\nimport { Tag, TagProps, useBreakpointProps, UseColorTemplateColor, 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\" | \"soft\">;\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\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 === 'soft' && 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                ...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                let v: any = {\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\n                if ([\"fill\", \"soft\", \"outline\"].includes(variant)) {\n                    v.from.width = prevRect?.width\n                    v.to.width = rect?.width\n                }\n                anim = () => v\n            } else {\n                let v: any = {\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\n                if ([\"fill\", \"soft\", \"outline\"].includes(variant)) {\n                    v.from.height = prevRect?.height || 0\n                    v.to.height = rect?.height || 0\n                }\n                anim = () => v\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: \"1px solid\",\n                    borderColor: color,\n                    bgcolor: \"transparent\"\n                }\n                break;\n            case \"soft\":\n                _indicatorProps = {\n                    top: 0,\n                    bgcolor: `${color}.soft.primary`\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                open={!!trans}\n                variant={trans}\n                duration={trans ? (disableTransition ? 0 : 250) : 0}\n                easing=\"smooth\"\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":[],"mappings":";;;;;;AAyBA;;AAEI;AACA;;;;;AAKA;AACA;AACA;AACJ;AAEA;;;AACI;;AAEA;AAAa;AACb;AAAW;AACX;AAAc;AACd;AAAuB;AACvB;AAAmB;AACnB;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;;;AAII;AACI;AACA;;AAEJ;;;AAGQ;;;AAIJ;AACI;AACI;AACI;AACA;AACH;;;AAEF;AACH;AACI;AACI;AACH;;;;AAKT;;AAKI;AAOR;AACA;AACJ;;AAGI;AACA;AACA;AACI;;;;;AAMI;AACI;;;AAGC;AACD;;;AAGC;;AAGL;AACI;AACA;;AAEJ;;;AAEA;AACI;;;AAGC;AACD;;;AAGC;;AAGL;AACI;AACA;;AAEJ;;AAEJ;;;;AAKR;;;AAGQ;;AAEQ;AACI;AACA;;;;AAGJ;AACI;AACA;;;;AAIZ;;AAEQ;AACI;AACA;;;;AAGJ;AACI;AACA;;;;AAIZ;AACI;AACI;AACA;;;AAGR;AACI;AACI;AACA;AACA;AACA;;;AAGR;AACI;AACI;;;;AAIR;AACI;AACI;;;;AAIZ;;AAGJ;AAMY;AACA;AACA;AACH;;;;;AAsBO;AACI;;AAEA;AACA;AACH;AAOrB;;"}
+{"version":3,"file":"index.js","sources":["../../src/Tabs/index.tsx"],"sourcesContent":["\"use client\";\r\n\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                ...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                let v: any = {\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\r\n                if ([\"fill\", \"soft\", \"outline\"].includes(variant)) {\r\n                    v.from.width = prevRect?.width\r\n                    v.to.width = rect?.width\r\n                }\r\n                anim = () => v\r\n            } else {\r\n                let v: any = {\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\r\n                if ([\"fill\", \"soft\", \"outline\"].includes(variant)) {\r\n                    v.from.height = prevRect?.height || 0\r\n                    v.to.height = rect?.height || 0\r\n                }\r\n                anim = () => v\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                open={!!trans}\r\n                variant={trans}\r\n                duration={trans ? (disableTransition ? 0 : 250) : 0}\r\n                easing=\"smooth\"\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":[],"mappings":";;;;;;AAyBA;;AAEI;AACA;;;;;AAKA;AACA;AACA;AACJ;AAEA;;;AACI;;AAEA;AAAa;AACb;AAAW;AACX;AAAc;AACd;AAAuB;AACvB;AAAmB;AACnB;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;;;AAII;AACI;AACA;;AAEJ;;;AAGQ;;;AAIJ;AACI;AACI;AACI;AACA;AACH;;;AAEF;AACH;AACI;AACI;AACH;;;;AAKT;;AAKI;AAOR;AACA;AACJ;;AAGI;AACA;AACA;AACI;;;;;AAMI;AACI;;;AAGC;AACD;;;AAGC;;AAGL;AACI;AACA;;AAEJ;;;AAEA;AACI;;;AAGC;AACD;;;AAGC;;AAGL;AACI;AACA;;AAEJ;;AAEJ;;;;AAKR;;;AAGQ;;AAEQ;AACI;AACA;;;;AAGJ;AACI;AACA;;;;AAIZ;;AAEQ;AACI;AACA;;;;AAGJ;AACI;AACA;;;;AAIZ;AACI;AACI;AACA;;;AAGR;AACI;AACI;AACA;AACA;AACA;;;AAGR;AACI;AACI;;;;AAIR;AACI;AACI;;;;AAIZ;;AAGJ;AAMY;AACA;AACA;AACH;;;;;AAsBO;AACI;;AAEA;AACA;AACH;AAOrB;;"}

package/Text/index.cjs.map

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

package/Text/index.js.map

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

package/Toast/index.cjs.map

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

package/Toast/index.js.map

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