@orbe-agro/client-core 5.3.147 → 5.3.157

package/dist/@ecme/components/template/Theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.js","sources":["../../../../lib/@ecme/components/template/Theme.tsx"],"sourcesContent":["import ConfigProvider from \"@/components/ui/ConfigProvider\";\nimport { themeConfig } from \"@/configs/theme.config\";\nimport useDarkMode from \"@/utils/hooks/useDarkMode\";\nimport useThemeSchema from \"@/utils/hooks/useThemeSchema\";\nimport useLocale from \"@/utils/hooks/useLocale\";\nimport useDirection from \"@/utils/hooks/useDirection\";\nimport type { CommonProps } from \"@/@types/common\";\n\nconst Theme = (props: CommonProps) => {\n  const [isDarkMode] = useDarkMode();\n  useThemeSchema();\n  useDarkMode();\n  useDirection();\n\n  const { locale } = useLocale();\n  const mode = isDarkMode ? \"dark\" : \"light\";\n  return (\n    <ConfigProvider\n      value={{\n        locale: locale,\n        ...themeConfig,\n        mode: mode,\n      }}\n    >\n      {props.children}\n    </ConfigProvider>\n  );\n};\n\nexport default Theme;\n"],"names":["Theme","props","isDarkMode","useDarkMode","useThemeSchema","useDirection","locale","useLocale","jsx","ConfigProvider","themeConfig"],"mappings":";;;;;;;;AAQA,MAAMA,IAAQ,CAACC,MAAuB;AACpC,QAAM,CAACC,CAAU,IAAIC,EAAA;AACrB,EAAAC,EAAA,GACAD,EAAA,GACAE,EAAA;AAEA,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA;AAEnB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,QAAAH;AAAA,QACA,GAAGI;AAAA,QACH,MANOR,IAAa,SAAS;AAAA,MAM7B;AAAA,MAGD,UAAAD,EAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"Theme.js","sources":["../../../../lib/@ecme/components/template/Theme.tsx"],"sourcesContent":["import ConfigProvider from \"@/components/ui/ConfigProvider\";\nimport { themeConfig } from \"@/configs/theme.config\";\nimport useDarkMode from \"@/utils/hooks/useDarkMode\";\nimport useThemeSchema from \"@/utils/hooks/useThemeSchema\";\nimport useLocale from \"@/utils/hooks/useLocale\";\nimport useDirection from \"@/utils/hooks/useDirection\";\nimport type { CommonProps } from \"@/@types/common\";\n\nconst Theme = (props: CommonProps) => {\n  const [isDarkMode] = useDarkMode();\n  useThemeSchema();\n  useDarkMode();\n  useDirection();\n\n  const { locale } = useLocale();\n  const mode = isDarkMode ? \"dark\" : \"light\";\n  return (\n    <ConfigProvider\n      value={{\n        locale: locale,\n        ...themeConfig,\n        mode: mode,\n      }}\n    >\n      {props.children}\n    </ConfigProvider>\n  );\n};\n\nexport default Theme;\n"],"names":["Theme","props","isDarkMode","useDarkMode","useThemeSchema","useDirection","locale","useLocale","jsx","ConfigProvider","themeConfig"],"mappings":";;;;;;;;AAQM,MAAAA,IAAQ,CAACC,MAAuB;AAC9B,QAAA,CAACC,CAAU,IAAIC,EAAY;AAClB,EAAAC,EAAA,GACHD,EAAA,GACCE,EAAA;AAEP,QAAA,EAAE,QAAAC,EAAO,IAAIC,EAAU;AAG3B,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,QAAAH;AAAA,QACA,GAAGI;AAAA,QACH,MANOR,IAAa,SAAS;AAAA,MAO/B;AAAA,MAEC,UAAMD,EAAA;AAAA,IAAA;AAAA,EACT;AAEJ;"}

package/dist/@ecme/components/template/ThemeConfigurator/CopyButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/CopyButton.tsx"],"sourcesContent":["import Notification from '@/components/ui/Notification'\nimport Button from '@/components/ui/Button'\nimport toast from '@/components/ui/toast'\nimport { themeConfig } from '@/configs/theme.config'\nimport { useThemeStore } from '@/store/themeStore'\nimport { useTranslation } from 'react-i18next'\n\nconst CopyButton = () => {\n    const theme = useThemeStore((state) => state)\n\n    const handleCopy = () => {\n        const config = {\n            ...themeConfig,\n            ...theme,\n            layout: {\n                type: theme.layout.type,\n                sideNavCollapse: theme.layout.sideNavCollapse,\n            },\n            panelExpand: false,\n        }\n\n        navigator.clipboard.writeText(`\n            \nexport const themeConfig: ThemeConfig = ${JSON.stringify(config, null, 2)}\n`)\n\n        toast.push(\n            <Notification title=\"Copy Success\" type=\"success\">\n                {`Please replace themeConfig in 'src/configs/theme.config.ts'`}\n            </Notification>,\n            {\n                placement: 'top-center',\n            },\n        )\n    }\n\n    const { t } = useTranslation()\n\n    return (\n        <Button block variant=\"solid\" onClick={handleCopy}>\n            {t('base.layout.themeConfig.buttons.copyConfig')}\n        </Button>\n    )\n}\n\nexport default CopyButton\n"],"names":["CopyButton","theme","useThemeStore","state","handleCopy","config","themeConfig","toast","Notification","t","useTranslation","jsx","Button"],"mappings":";;;;;;;;;;AAOA,MAAMA,IAAa,MAAM;AACrB,QAAMC,IAAQC,EAAc,CAACC,MAAUA,CAAK,GAEtCC,IAAa,MAAM;AACrB,UAAMC,IAAS;AAAA,MACX,GAAGC;AAAA,MACH,GAAGL;AAAA,MACH,QAAQ;AAAA,QACJ,MAAMA,EAAM,OAAO;AAAA,QACnB,iBAAiBA,EAAM,OAAO;AAAA,MAAA;AAAA,MAElC,aAAa;AAAA,IAAA;AAGjB,cAAU,UAAU,UAAU;AAAA;AAAA,0CAEI,KAAK,UAAUI,GAAQ,MAAM,CAAC,CAAC;AAAA,CACxE,GAEOE,EAAM;AAAA,wBACDC,GAAA,EAAa,OAAM,gBAAe,MAAK,WACnC,UAAA,+DACL;AAAA,MACA;AAAA,QACI,WAAW;AAAA,MAAA;AAAA,IACf;AAAA,EAER,GAEM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,SACI,gBAAAC,EAACC,GAAA,EAAO,OAAK,IAAC,SAAQ,SAAQ,SAASR,GAClC,UAAAK,EAAE,4CAA4C,EAAA,CACnD;AAER;"}
+{"version":3,"file":"CopyButton.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/CopyButton.tsx"],"sourcesContent":["import Notification from '@/components/ui/Notification'\nimport Button from '@/components/ui/Button'\nimport toast from '@/components/ui/toast'\nimport { themeConfig } from '@/configs/theme.config'\nimport { useThemeStore } from '@/store/themeStore'\nimport { useTranslation } from 'react-i18next'\n\nconst CopyButton = () => {\n    const theme = useThemeStore((state) => state)\n\n    const handleCopy = () => {\n        const config = {\n            ...themeConfig,\n            ...theme,\n            layout: {\n                type: theme.layout.type,\n                sideNavCollapse: theme.layout.sideNavCollapse,\n            },\n            panelExpand: false,\n        }\n\n        navigator.clipboard.writeText(`\n            \nexport const themeConfig: ThemeConfig = ${JSON.stringify(config, null, 2)}\n`)\n\n        toast.push(\n            <Notification title=\"Copy Success\" type=\"success\">\n                {`Please replace themeConfig in 'src/configs/theme.config.ts'`}\n            </Notification>,\n            {\n                placement: 'top-center',\n            },\n        )\n    }\n\n    const { t } = useTranslation()\n\n    return (\n        <Button block variant=\"solid\" onClick={handleCopy}>\n            {t('base.layout.themeConfig.buttons.copyConfig')}\n        </Button>\n    )\n}\n\nexport default CopyButton\n"],"names":["CopyButton","theme","useThemeStore","state","handleCopy","config","themeConfig","toast","Notification","t","useTranslation","jsx","Button"],"mappings":";;;;;;;;;;AAOA,MAAMA,IAAa,MAAM;AACrB,QAAMC,IAAQC,EAAc,CAACC,MAAUA,CAAK,GAEtCC,IAAa,MAAM;AACrB,UAAMC,IAAS;AAAA,MACX,GAAGC;AAAA,MACH,GAAGL;AAAA,MACH,QAAQ;AAAA,QACJ,MAAMA,EAAM,OAAO;AAAA,QACnB,iBAAiBA,EAAM,OAAO;AAAA,MAClC;AAAA,MACA,aAAa;AAAA,IACjB;AAEA,cAAU,UAAU,UAAU;AAAA;AAAA,0CAEI,KAAK,UAAUI,GAAQ,MAAM,CAAC,CAAC;AAAA,CACxE,GAEaE,EAAA;AAAA,wBACDC,GAAa,EAAA,OAAM,gBAAe,MAAK,WACnC,UACL,+DAAA;AAAA,MACA;AAAA,QACI,WAAW;AAAA,MAAA;AAAA,IAEnB;AAAA,EACJ,GAEM,EAAE,GAAAC,EAAE,IAAIC,EAAe;AAGzB,SAAA,gBAAAC,EAACC,GAAO,EAAA,OAAK,IAAC,SAAQ,SAAQ,SAASR,GAClC,UAAEK,EAAA,4CAA4C,EACnD,CAAA;AAER;"}

package/dist/@ecme/components/template/ThemeConfigurator/DirectionSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"DirectionSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/DirectionSwitcher.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport InputGroup from '@/components/ui/InputGroup'\nimport useDirection from '@/utils/hooks/useDirection'\nimport { THEME_ENUM } from '@/constants/theme.constant'\nimport type { Direction } from '@/@types/theme'\n\nconst dirList = [\n    { value: THEME_ENUM.DIR_LTR, label: 'LTR' },\n    { value: THEME_ENUM.DIR_RTL, label: 'RTL' },\n]\n\nconst DirectionSwitcher = ({\n    callBackClose,\n}: {\n    callBackClose?: () => void\n}) => {\n    const [direction, setDirection] = useDirection()\n\n    const onDirChange = (val: Direction) => {\n        setDirection(val)\n        callBackClose?.()\n    }\n\n    return (\n        <InputGroup size=\"sm\">\n            {dirList.map((dir) => (\n                <Button\n                    key={dir.value}\n                    active={direction === dir.value}\n                    onClick={() => onDirChange(dir.value)}\n                >\n                    {dir.label}\n                </Button>\n            ))}\n        </InputGroup>\n    )\n}\n\nexport default DirectionSwitcher\n"],"names":["dirList","THEME_ENUM","DirectionSwitcher","callBackClose","direction","setDirection","useDirection","onDirChange","val","InputGroup","dir","jsx","Button"],"mappings":";;;;;;AAMA,MAAMA,IAAU;AAAA,EACZ,EAAE,OAAOC,EAAW,SAAS,OAAO,MAAA;AAAA,EACpC,EAAE,OAAOA,EAAW,SAAS,OAAO,MAAA;AACxC,GAEMC,IAAoB,CAAC;AAAA,EACvB,eAAAC;AACJ,MAEM;AACF,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAA,GAE5BC,IAAc,CAACC,MAAmB;AACpC,IAAAH,EAAaG,CAAG,GAChBL,IAAA;AAAA,EACJ;AAEA,2BACKM,GAAA,EAAW,MAAK,MACZ,UAAAT,EAAQ,IAAI,CAACU,MACV,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MAEG,QAAQR,MAAcM,EAAI;AAAA,MAC1B,SAAS,MAAMH,EAAYG,EAAI,KAAK;AAAA,MAEnC,UAAAA,EAAI;AAAA,IAAA;AAAA,IAJAA,EAAI;AAAA,EAAA,CAMhB,GACL;AAER;"}
+{"version":3,"file":"DirectionSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/DirectionSwitcher.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport InputGroup from '@/components/ui/InputGroup'\nimport useDirection from '@/utils/hooks/useDirection'\nimport { THEME_ENUM } from '@/constants/theme.constant'\nimport type { Direction } from '@/@types/theme'\n\nconst dirList = [\n    { value: THEME_ENUM.DIR_LTR, label: 'LTR' },\n    { value: THEME_ENUM.DIR_RTL, label: 'RTL' },\n]\n\nconst DirectionSwitcher = ({\n    callBackClose,\n}: {\n    callBackClose?: () => void\n}) => {\n    const [direction, setDirection] = useDirection()\n\n    const onDirChange = (val: Direction) => {\n        setDirection(val)\n        callBackClose?.()\n    }\n\n    return (\n        <InputGroup size=\"sm\">\n            {dirList.map((dir) => (\n                <Button\n                    key={dir.value}\n                    active={direction === dir.value}\n                    onClick={() => onDirChange(dir.value)}\n                >\n                    {dir.label}\n                </Button>\n            ))}\n        </InputGroup>\n    )\n}\n\nexport default DirectionSwitcher\n"],"names":["dirList","THEME_ENUM","DirectionSwitcher","callBackClose","direction","setDirection","useDirection","onDirChange","val","InputGroup","dir","jsx","Button"],"mappings":";;;;;;AAMA,MAAMA,IAAU;AAAA,EACZ,EAAE,OAAOC,EAAW,SAAS,OAAO,MAAM;AAAA,EAC1C,EAAE,OAAOA,EAAW,SAAS,OAAO,MAAM;AAC9C,GAEMC,IAAoB,CAAC;AAAA,EACvB,eAAAC;AACJ,MAEM;AACF,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAa,GAEzCC,IAAc,CAACC,MAAmB;AACpC,IAAAH,EAAaG,CAAG,GACAL,IAAA;AAAA,EACpB;AAEA,2BACKM,GAAW,EAAA,MAAK,MACZ,UAAQT,EAAA,IAAI,CAACU,MACV,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MAEG,QAAQR,MAAcM,EAAI;AAAA,MAC1B,SAAS,MAAMH,EAAYG,EAAI,KAAK;AAAA,MAEnC,UAAIA,EAAA;AAAA,IAAA;AAAA,IAJAA,EAAI;AAAA,EAMhB,CAAA,GACL;AAER;"}

package/dist/@ecme/components/template/ThemeConfigurator/LayoutSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/LayoutSwitcher.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport Segment from '@/components/ui/Segment'\nimport { useThemeStore } from '@/store/themeStore'\nimport {\n    LAYOUT_COLLAPSIBLE_SIDE,\n    LAYOUT_STACKED_SIDE,\n    LAYOUT_TOP_BAR_CLASSIC,\n    LAYOUT_FRAMELESS_SIDE,\n    LAYOUT_CONTENT_OVERLAY,\n    LAYOUT_BLANK,\n} from '@/constants/theme.constant'\nimport CollapsibleSideSvg from '@/assets/svg/CollapsibleSideSvg'\nimport StackedSideSvg from '@/assets/svg/StackedSideSvg'\nimport TopBarClassicSvg from '@/assets/svg/TopBarClassicSvg'\nimport FrameLessSideSvg from '@/assets/svg/FrameLessSideSvg'\nimport ContentOverlaySvg from '@/assets/svg/ContentOverlaySvg'\nimport BlankSvg from '@/assets/svg/BlankSvg'\nimport type { LayoutType } from '@/@types/theme'\nimport { useTranslation } from 'react-i18next'\nimport { useMemo } from 'react'\n\nconst LayoutSwitcher = () => {\n    const themeLayout = useThemeStore((state) => state.layout)\n    const setLayout = useThemeStore((state) => state.setLayout)\n\n    const { t } = useTranslation()\n\n    const layouts = useMemo(\n        () => [\n            {\n                value: LAYOUT_COLLAPSIBLE_SIDE,\n                label: t('base.layout.themeConfig.options.layoutCollapsible'),\n                src: '/img/thumbs/layouts/classic.jpg',\n                srcDark: '/img/thumbs/layouts/classic-dark.jpg',\n                svg: <CollapsibleSideSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_STACKED_SIDE,\n                label: t('base.layout.themeConfig.options.layoutStacked'),\n                src: '/img/thumbs/layouts/modern.jpg',\n                srcDark: '/img/thumbs/layouts/modern-dark.jpg',\n                svg: <StackedSideSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_TOP_BAR_CLASSIC,\n                label: t('base.layout.themeConfig.options.layoutTopbar'),\n                src: '/img/thumbs/layouts/stackedSide.jpg',\n                srcDark: '/img/thumbs/layouts/stackedSide-dark.jpg',\n                svg: <TopBarClassicSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_FRAMELESS_SIDE,\n                label: t('base.layout.themeConfig.options.layoutFrameless'),\n                src: '/img/thumbs/layouts/simple.jpg',\n                srcDark: '/img/thumbs/layouts/simple-dark.jpg',\n                svg: <FrameLessSideSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_CONTENT_OVERLAY,\n                label: t('base.layout.themeConfig.options.layoutOverlay'),\n                src: '/img/thumbs/layouts/decked.jpg',\n                srcDark: '/img/thumbs/layouts/decked-dark.jpg',\n                svg: <ContentOverlaySvg height={'100%'} width={'100%'} />,\n            },\n            // {\n            //     value: LAYOUT_BLANK,\n            //     label: t('base.layout.themeConfig.options.layoutBlank'),\n            //     src: '/img/thumbs/layouts/blank.jpg',\n            //     srcDark: '/img/thumbs/layouts/blank-dark.jpg',\n            //     svg: <BlankSvg height={'100%'} width={'100%'} />,\n            // },\n        ],\n        [t],\n    )\n\n    return (\n        <div>\n            <Segment\n                className=\"w-full bg-transparent p-0 dark:bg-transparent\"\n                value={[]}\n                onChange={(val) => setLayout(val as LayoutType)}\n            >\n                <div className=\"grid w-full grid-cols-3 gap-4\">\n                    {layouts.map((layout) => (\n                        <Segment.Item key={layout.value} value={layout.value}>\n                            {({ onSegmentItemClick }) => {\n                                const active = themeLayout.type === layout.value\n                                return (\n                                    <div className=\"text-center\">\n                                        <button\n                                            className={classNames(\n                                                'border-2 rounded-xl overflow-hidden',\n                                                active\n                                                    ? 'border-primary dark:border-primary'\n                                                    : 'border-gray-200 dark:border-gray-700',\n                                            )}\n                                            onClick={onSegmentItemClick}\n                                        >\n                                            {layout.svg}\n                                        </button>\n                                        <div className=\"mt-2 font-semibold\">\n                                            {layout.label}\n                                        </div>\n                                    </div>\n                                )\n                            }}\n                        </Segment.Item>\n                    ))}\n                </div>\n            </Segment>\n        </div>\n    )\n}\n\nexport default LayoutSwitcher\n"],"names":["LayoutSwitcher","themeLayout","useThemeStore","state","setLayout","t","useTranslation","layouts","useMemo","LAYOUT_COLLAPSIBLE_SIDE","jsx","CollapsibleSideSvg","LAYOUT_STACKED_SIDE","StackedSideSvg","LAYOUT_TOP_BAR_CLASSIC","TopBarClassicSvg","LAYOUT_FRAMELESS_SIDE","FrameLessSideSvg","LAYOUT_CONTENT_OVERLAY","ContentOverlaySvg","Segment","val","layout","onSegmentItemClick","active","jsxs","classNames"],"mappings":";;;;;;;;;;;;AAqBA,MAAMA,IAAiB,MAAM;AACzB,QAAMC,IAAcC,EAAc,CAACC,MAAUA,EAAM,MAAM,GACnDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GAEpD,EAAE,GAAAE,EAAA,IAAMC,EAAA,GAERC,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF;AAAA,QACI,OAAOC;AAAA,QACP,OAAOJ,EAAE,mDAAmD;AAAA,QAC5D,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,gBAAAK,EAACC,GAAA,EAAmB,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAE5D;AAAA,QACI,OAAOC;AAAA,QACP,OAAOP,EAAE,+CAA+C;AAAA,QACxD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,gBAAAK,EAACG,GAAA,EAAe,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAExD;AAAA,QACI,OAAOC;AAAA,QACP,OAAOT,EAAE,8CAA8C;AAAA,QACvD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,gBAAAK,EAACK,GAAA,EAAiB,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAE1D;AAAA,QACI,OAAOC;AAAA,QACP,OAAOX,EAAE,iDAAiD;AAAA,QAC1D,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,gBAAAK,EAACO,GAAA,EAAiB,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,MAE1D;AAAA,QACI,OAAOC;AAAA,QACP,OAAOb,EAAE,+CAA+C;AAAA,QACxD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,gBAAAK,EAACS,GAAA,EAAkB,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAC3D;AAAA,IASJ,CAACd,CAAC;AAAA,EAAA;AAGN,2BACK,OAAA,EACG,UAAA,gBAAAK;AAAA,IAACU;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,CAAA;AAAA,MACP,UAAU,CAACC,MAAQjB,EAAUiB,CAAiB;AAAA,MAE9C,4BAAC,OAAA,EAAI,WAAU,iCACV,UAAAd,EAAQ,IAAI,CAACe,MACV,gBAAAZ,EAACU,EAAQ,MAAR,EAAgC,OAAOE,EAAO,OAC1C,UAAA,CAAC,EAAE,oBAAAC,QAAyB;AACzB,cAAMC,IAASvB,EAAY,SAASqB,EAAO;AAC3C,eACI,gBAAAG,EAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,UAAA,gBAAAf;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAWgB;AAAA,gBACP;AAAA,gBACAF,IACM,uCACA;AAAA,cAAA;AAAA,cAEV,SAASD;AAAA,cAER,UAAAD,EAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAEZ,gBAAAZ,EAAC,OAAA,EAAI,WAAU,sBACV,YAAO,MAAA,CACZ;AAAA,QAAA,GACJ;AAAA,MAER,KArBeY,EAAO,KAsB1B,CACH,EAAA,CACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"LayoutSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/LayoutSwitcher.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport Segment from '@/components/ui/Segment'\nimport { useThemeStore } from '@/store/themeStore'\nimport {\n    LAYOUT_COLLAPSIBLE_SIDE,\n    LAYOUT_STACKED_SIDE,\n    LAYOUT_TOP_BAR_CLASSIC,\n    LAYOUT_FRAMELESS_SIDE,\n    LAYOUT_CONTENT_OVERLAY,\n    LAYOUT_BLANK,\n} from '@/constants/theme.constant'\nimport CollapsibleSideSvg from '@/assets/svg/CollapsibleSideSvg'\nimport StackedSideSvg from '@/assets/svg/StackedSideSvg'\nimport TopBarClassicSvg from '@/assets/svg/TopBarClassicSvg'\nimport FrameLessSideSvg from '@/assets/svg/FrameLessSideSvg'\nimport ContentOverlaySvg from '@/assets/svg/ContentOverlaySvg'\nimport BlankSvg from '@/assets/svg/BlankSvg'\nimport type { LayoutType } from '@/@types/theme'\nimport { useTranslation } from 'react-i18next'\nimport { useMemo } from 'react'\n\nconst LayoutSwitcher = () => {\n    const themeLayout = useThemeStore((state) => state.layout)\n    const setLayout = useThemeStore((state) => state.setLayout)\n\n    const { t } = useTranslation()\n\n    const layouts = useMemo(\n        () => [\n            {\n                value: LAYOUT_COLLAPSIBLE_SIDE,\n                label: t('base.layout.themeConfig.options.layoutCollapsible'),\n                src: '/img/thumbs/layouts/classic.jpg',\n                srcDark: '/img/thumbs/layouts/classic-dark.jpg',\n                svg: <CollapsibleSideSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_STACKED_SIDE,\n                label: t('base.layout.themeConfig.options.layoutStacked'),\n                src: '/img/thumbs/layouts/modern.jpg',\n                srcDark: '/img/thumbs/layouts/modern-dark.jpg',\n                svg: <StackedSideSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_TOP_BAR_CLASSIC,\n                label: t('base.layout.themeConfig.options.layoutTopbar'),\n                src: '/img/thumbs/layouts/stackedSide.jpg',\n                srcDark: '/img/thumbs/layouts/stackedSide-dark.jpg',\n                svg: <TopBarClassicSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_FRAMELESS_SIDE,\n                label: t('base.layout.themeConfig.options.layoutFrameless'),\n                src: '/img/thumbs/layouts/simple.jpg',\n                srcDark: '/img/thumbs/layouts/simple-dark.jpg',\n                svg: <FrameLessSideSvg height={'100%'} width={'100%'} />,\n            },\n            {\n                value: LAYOUT_CONTENT_OVERLAY,\n                label: t('base.layout.themeConfig.options.layoutOverlay'),\n                src: '/img/thumbs/layouts/decked.jpg',\n                srcDark: '/img/thumbs/layouts/decked-dark.jpg',\n                svg: <ContentOverlaySvg height={'100%'} width={'100%'} />,\n            },\n            // {\n            //     value: LAYOUT_BLANK,\n            //     label: t('base.layout.themeConfig.options.layoutBlank'),\n            //     src: '/img/thumbs/layouts/blank.jpg',\n            //     srcDark: '/img/thumbs/layouts/blank-dark.jpg',\n            //     svg: <BlankSvg height={'100%'} width={'100%'} />,\n            // },\n        ],\n        [t],\n    )\n\n    return (\n        <div>\n            <Segment\n                className=\"w-full bg-transparent p-0 dark:bg-transparent\"\n                value={[]}\n                onChange={(val) => setLayout(val as LayoutType)}\n            >\n                <div className=\"grid w-full grid-cols-3 gap-4\">\n                    {layouts.map((layout) => (\n                        <Segment.Item key={layout.value} value={layout.value}>\n                            {({ onSegmentItemClick }) => {\n                                const active = themeLayout.type === layout.value\n                                return (\n                                    <div className=\"text-center\">\n                                        <button\n                                            className={classNames(\n                                                'border-2 rounded-xl overflow-hidden',\n                                                active\n                                                    ? 'border-primary dark:border-primary'\n                                                    : 'border-gray-200 dark:border-gray-700',\n                                            )}\n                                            onClick={onSegmentItemClick}\n                                        >\n                                            {layout.svg}\n                                        </button>\n                                        <div className=\"mt-2 font-semibold\">\n                                            {layout.label}\n                                        </div>\n                                    </div>\n                                )\n                            }}\n                        </Segment.Item>\n                    ))}\n                </div>\n            </Segment>\n        </div>\n    )\n}\n\nexport default LayoutSwitcher\n"],"names":["LayoutSwitcher","themeLayout","useThemeStore","state","setLayout","t","useTranslation","layouts","useMemo","LAYOUT_COLLAPSIBLE_SIDE","jsx","CollapsibleSideSvg","LAYOUT_STACKED_SIDE","StackedSideSvg","LAYOUT_TOP_BAR_CLASSIC","TopBarClassicSvg","LAYOUT_FRAMELESS_SIDE","FrameLessSideSvg","LAYOUT_CONTENT_OVERLAY","ContentOverlaySvg","Segment","val","layout","onSegmentItemClick","active","jsxs","classNames"],"mappings":";;;;;;;;;;;;AAqBA,MAAMA,IAAiB,MAAM;AACzB,QAAMC,IAAcC,EAAc,CAACC,MAAUA,EAAM,MAAM,GACnDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GAEpD,EAAE,GAAAE,EAAE,IAAIC,EAAe,GAEvBC,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF;AAAA,QACI,OAAOC;AAAA,QACP,OAAOJ,EAAE,mDAAmD;AAAA,QAC5D,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAM,gBAAAK,EAAAC,GAAA,EAAmB,QAAQ,QAAQ,OAAO,OAAQ,CAAA;AAAA,MAC5D;AAAA,MACA;AAAA,QACI,OAAOC;AAAA,QACP,OAAOP,EAAE,+CAA+C;AAAA,QACxD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAM,gBAAAK,EAAAG,GAAA,EAAe,QAAQ,QAAQ,OAAO,OAAQ,CAAA;AAAA,MACxD;AAAA,MACA;AAAA,QACI,OAAOC;AAAA,QACP,OAAOT,EAAE,8CAA8C;AAAA,QACvD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAM,gBAAAK,EAAAK,GAAA,EAAiB,QAAQ,QAAQ,OAAO,OAAQ,CAAA;AAAA,MAC1D;AAAA,MACA;AAAA,QACI,OAAOC;AAAA,QACP,OAAOX,EAAE,iDAAiD;AAAA,QAC1D,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAM,gBAAAK,EAAAO,GAAA,EAAiB,QAAQ,QAAQ,OAAO,OAAQ,CAAA;AAAA,MAC1D;AAAA,MACA;AAAA,QACI,OAAOC;AAAA,QACP,OAAOb,EAAE,+CAA+C;AAAA,QACxD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAM,gBAAAK,EAAAS,GAAA,EAAkB,QAAQ,QAAQ,OAAO,OAAQ,CAAA;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAS/D;AAAA,IACA,CAACd,CAAC;AAAA,EACN;AAEA,2BACK,OACG,EAAA,UAAA,gBAAAK;AAAA,IAACU;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,CAAC;AAAA,MACR,UAAU,CAACC,MAAQjB,EAAUiB,CAAiB;AAAA,MAE9C,4BAAC,OAAI,EAAA,WAAU,iCACV,UAAQd,EAAA,IAAI,CAACe,MACV,gBAAAZ,EAACU,EAAQ,MAAR,EAAgC,OAAOE,EAAO,OAC1C,UAAC,CAAA,EAAE,oBAAAC,QAAyB;AACnB,cAAAC,IAASvB,EAAY,SAASqB,EAAO;AAEvC,eAAA,gBAAAG,EAAC,OAAI,EAAA,WAAU,eACX,UAAA;AAAA,UAAA,gBAAAf;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAWgB;AAAA,gBACP;AAAA,gBACAF,IACM,uCACA;AAAA,cACV;AAAA,cACA,SAASD;AAAA,cAER,UAAOD,EAAA;AAAA,YAAA;AAAA,UACZ;AAAA,UACC,gBAAAZ,EAAA,OAAA,EAAI,WAAU,sBACV,YAAO,MACZ,CAAA;AAAA,QAAA,GACJ;AAAA,MAAA,KAnBOY,EAAO,KAsB1B,CACH,EACL,CAAA;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}

package/dist/@ecme/components/template/ThemeConfigurator/ModeSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModeSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/ModeSwitcher.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport useDarkMode from '@/utils/hooks/useDarkMode'\nimport Switcher from '@/components/ui/Switcher'\n\nconst ModeSwitcher = () => {\n    const [isDark, setIsDark] = useDarkMode()\n\n    const onSwitchChange = useCallback(\n        (checked: boolean) => {\n            setIsDark(checked ? 'dark' : 'light')\n        },\n        [setIsDark],\n    )\n\n    return (\n        <div>\n            <Switcher\n                defaultChecked={isDark}\n                onChange={(checked) => onSwitchChange(checked)}\n            />\n        </div>\n    )\n}\n\nexport default ModeSwitcher\n"],"names":["ModeSwitcher","isDark","setIsDark","useDarkMode","onSwitchChange","useCallback","checked","jsx","Switcher"],"mappings":";;;;;AAIA,MAAMA,IAAe,MAAM;AACvB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAA,GAEtBC,IAAiBC;AAAA,IACnB,CAACC,MAAqB;AAClB,MAAAJ,EAAUI,IAAU,SAAS,OAAO;AAAA,IACxC;AAAA,IACA,CAACJ,CAAS;AAAA,EAAA;AAGd,2BACK,OAAA,EACG,UAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,gBAAgBP;AAAA,MAChB,UAAU,CAACK,MAAYF,EAAeE,CAAO;AAAA,IAAA;AAAA,EAAA,GAErD;AAER;"}
+{"version":3,"file":"ModeSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/ModeSwitcher.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport useDarkMode from '@/utils/hooks/useDarkMode'\nimport Switcher from '@/components/ui/Switcher'\n\nconst ModeSwitcher = () => {\n    const [isDark, setIsDark] = useDarkMode()\n\n    const onSwitchChange = useCallback(\n        (checked: boolean) => {\n            setIsDark(checked ? 'dark' : 'light')\n        },\n        [setIsDark],\n    )\n\n    return (\n        <div>\n            <Switcher\n                defaultChecked={isDark}\n                onChange={(checked) => onSwitchChange(checked)}\n            />\n        </div>\n    )\n}\n\nexport default ModeSwitcher\n"],"names":["ModeSwitcher","isDark","setIsDark","useDarkMode","onSwitchChange","useCallback","checked","jsx","Switcher"],"mappings":";;;;;AAIA,MAAMA,IAAe,MAAM;AACvB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAY,GAElCC,IAAiBC;AAAA,IACnB,CAACC,MAAqB;AACR,MAAAJ,EAAAI,IAAU,SAAS,OAAO;AAAA,IACxC;AAAA,IACA,CAACJ,CAAS;AAAA,EACd;AAEA,2BACK,OACG,EAAA,UAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,gBAAgBP;AAAA,MAChB,UAAU,CAACK,MAAYF,EAAeE,CAAO;AAAA,IAAA;AAAA,EAAA,GAErD;AAER;"}

package/dist/@ecme/components/template/ThemeConfigurator/ThemeConfigurator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeConfigurator.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/ThemeConfigurator.tsx"],"sourcesContent":["import ModeSwitcher from './ModeSwitcher'\nimport LayoutSwitcher from './LayoutSwitcher'\nimport ThemeSwitcher from './ThemeSwitcher'\nimport DirectionSwitcher from './DirectionSwitcher'\nimport CopyButton from './CopyButton'\nimport { useTranslation } from 'react-i18next'\n\nexport type ThemeConfiguratorProps = {\n    callBackClose?: () => void\n}\n\nconst ThemeConfigurator = ({ callBackClose }: ThemeConfiguratorProps) => {\n    const { t } = useTranslation()\n    \n    return (\n        <div className=\"flex h-full flex-col justify-between\">\n            <div className=\"mb-6 flex flex-col gap-y-10\">\n                <div className=\"flex items-center justify-between\">\n                    <div>\n                        <h6>{t('base.layout.themeConfig.options.darkMode')}</h6>\n                        <span>\n                            {t('base.layout.themeConfig.options.darkModeDesc')}\n                        </span>\n                    </div>\n                    <ModeSwitcher />\n                </div>\n                <div className=\"flex items-center justify-between\">\n                    <div>\n                        <h6>\n                            {t('base.layout.themeConfig.options.direction')}\n                        </h6>\n                        <span>\n                            {t('base.layout.themeConfig.options.directionDesc')}\n                        </span>\n                    </div>\n                    <DirectionSwitcher callBackClose={callBackClose} />\n                </div>\n                <div>\n                    <h6 className=\"mb-3\">\n                        {t('base.layout.themeConfig.options.theme')}\n                    </h6>\n                    <ThemeSwitcher />\n                </div>\n                <div>\n                    <h6 className=\"mb-3\">\n                        {t('base.layout.themeConfig.options.layout')}\n                    </h6>\n                    <LayoutSwitcher />\n                </div>\n            </div>\n            <CopyButton />\n        </div>\n    )\n}\n\nexport default ThemeConfigurator\n"],"names":["ThemeConfigurator","callBackClose","t","useTranslation","jsxs","jsx","ModeSwitcher","DirectionSwitcher","ThemeSwitcher","LayoutSwitcher","CopyButton"],"mappings":";;;;;;;AAWA,MAAMA,IAAoB,CAAC,EAAE,eAAAC,QAA4C;AACrE,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,UAAA,gBAAAC,EAAC,MAAA,EAAI,UAAAH,EAAE,0CAA0C,EAAA,CAAE;AAAA,UACnD,gBAAAG,EAAC,QAAA,EACI,UAAAH,EAAE,8CAA8C,EAAA,CACrD;AAAA,QAAA,GACJ;AAAA,0BACCI,GAAA,CAAA,CAAa;AAAA,MAAA,GAClB;AAAA,MACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,UAAA,gBAAAC,EAAC,MAAA,EACI,UAAAH,EAAE,2CAA2C,EAAA,CAClD;AAAA,UACA,gBAAAG,EAAC,QAAA,EACI,UAAAH,EAAE,+CAA+C,EAAA,CACtD;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAG,EAACE,KAAkB,eAAAN,EAAA,CAA8B;AAAA,MAAA,GACrD;AAAA,wBACC,OAAA,EACG,UAAA;AAAA,QAAA,gBAAAI,EAAC,MAAA,EAAG,WAAU,QACT,UAAAH,EAAE,uCAAuC,GAC9C;AAAA,0BACCM,GAAA,CAAA,CAAc;AAAA,MAAA,GACnB;AAAA,wBACC,OAAA,EACG,UAAA;AAAA,QAAA,gBAAAH,EAAC,MAAA,EAAG,WAAU,QACT,UAAAH,EAAE,wCAAwC,GAC/C;AAAA,0BACCO,GAAA,CAAA,CAAe;AAAA,MAAA,EAAA,CACpB;AAAA,IAAA,GACJ;AAAA,sBACCC,GAAA,CAAA,CAAW;AAAA,EAAA,GAChB;AAER;"}
+{"version":3,"file":"ThemeConfigurator.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/ThemeConfigurator.tsx"],"sourcesContent":["import ModeSwitcher from './ModeSwitcher'\nimport LayoutSwitcher from './LayoutSwitcher'\nimport ThemeSwitcher from './ThemeSwitcher'\nimport DirectionSwitcher from './DirectionSwitcher'\nimport CopyButton from './CopyButton'\nimport { useTranslation } from 'react-i18next'\n\nexport type ThemeConfiguratorProps = {\n    callBackClose?: () => void\n}\n\nconst ThemeConfigurator = ({ callBackClose }: ThemeConfiguratorProps) => {\n    const { t } = useTranslation()\n    \n    return (\n        <div className=\"flex h-full flex-col justify-between\">\n            <div className=\"mb-6 flex flex-col gap-y-10\">\n                <div className=\"flex items-center justify-between\">\n                    <div>\n                        <h6>{t('base.layout.themeConfig.options.darkMode')}</h6>\n                        <span>\n                            {t('base.layout.themeConfig.options.darkModeDesc')}\n                        </span>\n                    </div>\n                    <ModeSwitcher />\n                </div>\n                <div className=\"flex items-center justify-between\">\n                    <div>\n                        <h6>\n                            {t('base.layout.themeConfig.options.direction')}\n                        </h6>\n                        <span>\n                            {t('base.layout.themeConfig.options.directionDesc')}\n                        </span>\n                    </div>\n                    <DirectionSwitcher callBackClose={callBackClose} />\n                </div>\n                <div>\n                    <h6 className=\"mb-3\">\n                        {t('base.layout.themeConfig.options.theme')}\n                    </h6>\n                    <ThemeSwitcher />\n                </div>\n                <div>\n                    <h6 className=\"mb-3\">\n                        {t('base.layout.themeConfig.options.layout')}\n                    </h6>\n                    <LayoutSwitcher />\n                </div>\n            </div>\n            <CopyButton />\n        </div>\n    )\n}\n\nexport default ThemeConfigurator\n"],"names":["ThemeConfigurator","callBackClose","t","useTranslation","jsxs","jsx","ModeSwitcher","DirectionSwitcher","ThemeSwitcher","LayoutSwitcher","CopyButton"],"mappings":";;;;;;;AAWA,MAAMA,IAAoB,CAAC,EAAE,eAAAC,QAA4C;AAC/D,QAAA,EAAE,GAAAC,EAAE,IAAIC,EAAe;AAGzB,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,wCACX,UAAA;AAAA,IAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,MAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OACG,EAAA,UAAA;AAAA,UAAC,gBAAAC,EAAA,MAAA,EAAI,UAAEH,EAAA,0CAA0C,EAAE,CAAA;AAAA,UAClD,gBAAAG,EAAA,QAAA,EACI,UAAEH,EAAA,8CAA8C,EACrD,CAAA;AAAA,QAAA,GACJ;AAAA,0BACCI,GAAa,CAAA,CAAA;AAAA,MAAA,GAClB;AAAA,MACA,gBAAAF,EAAC,OAAI,EAAA,WAAU,qCACX,UAAA;AAAA,QAAA,gBAAAA,EAAC,OACG,EAAA,UAAA;AAAA,UAAC,gBAAAC,EAAA,MAAA,EACI,UAAEH,EAAA,2CAA2C,EAClD,CAAA;AAAA,UACC,gBAAAG,EAAA,QAAA,EACI,UAAEH,EAAA,+CAA+C,EACtD,CAAA;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAG,EAACE,KAAkB,eAAAN,EAA8B,CAAA;AAAA,MAAA,GACrD;AAAA,wBACC,OACG,EAAA,UAAA;AAAA,QAAA,gBAAAI,EAAC,MAAG,EAAA,WAAU,QACT,UAAAH,EAAE,uCAAuC,GAC9C;AAAA,0BACCM,GAAc,CAAA,CAAA;AAAA,MAAA,GACnB;AAAA,wBACC,OACG,EAAA,UAAA;AAAA,QAAA,gBAAAH,EAAC,MAAG,EAAA,WAAU,QACT,UAAAH,EAAE,wCAAwC,GAC/C;AAAA,0BACCO,GAAe,CAAA,CAAA;AAAA,MAAA,EACpB,CAAA;AAAA,IAAA,GACJ;AAAA,sBACCC,GAAW,CAAA,CAAA;AAAA,EAAA,GAChB;AAER;"}

package/dist/@ecme/components/template/ThemeConfigurator/ThemeSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/ThemeSwitcher.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport { TbCheck } from 'react-icons/tb'\nimport presetThemeSchemaConfig from '@/configs/preset-theme-schema.config'\nimport { useThemeStore } from '@/store/themeStore'\n\nconst ThemeSwitcher = () => {\n    const schema = useThemeStore((state) => state.themeSchema)\n    const setSchema = useThemeStore((state) => state.setSchema)\n    const mode = useThemeStore((state) => state.mode)\n\n    return (\n        <div className=\"inline-flex items-center gap-2\">\n            {Object.entries(presetThemeSchemaConfig).map(([key, value]) => (\n                <button\n                    key={key}\n                    className={classNames(\n                        'h-8 w-8 rounded-full flex items-center justify-center border-2 border-white',\n                        schema === key && 'ring-2 ring-primary',\n                    )}\n                    style={{ backgroundColor: value[mode].primary || '' }}\n                    onClick={() => setSchema(key)}\n                >\n                    {schema === key ? (\n                        <TbCheck className=\"text-neutral text-lg\" />\n                    ) : (\n                        <></>\n                    )}\n                </button>\n            ))}\n        </div>\n    )\n}\n\nexport default ThemeSwitcher\n"],"names":["ThemeSwitcher","schema","useThemeStore","state","setSchema","mode","jsx","presetThemeSchemaConfig","key","value","classNames","TbCheck","Fragment"],"mappings":";;;;;AAKA,MAAMA,IAAgB,MAAM;AACxB,QAAMC,IAASC,EAAc,CAACC,MAAUA,EAAM,WAAW,GACnDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GACpDE,IAAOH,EAAc,CAACC,MAAUA,EAAM,IAAI;AAEhD,SACI,gBAAAG,EAAC,OAAA,EAAI,WAAU,kCACV,UAAA,OAAO,QAAQC,CAAuB,EAAE,IAAI,CAAC,CAACC,GAAKC,CAAK,MACrD,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAWI;AAAA,QACP;AAAA,QACAT,MAAWO,KAAO;AAAA,MAAA;AAAA,MAEtB,OAAO,EAAE,iBAAiBC,EAAMJ,CAAI,EAAE,WAAW,GAAA;AAAA,MACjD,SAAS,MAAMD,EAAUI,CAAG;AAAA,MAE3B,gBAAWA,IACR,gBAAAF,EAACK,KAAQ,WAAU,uBAAA,CAAuB,IAE1C,gBAAAL,EAAAM,GAAA,CAAA,CAAE;AAAA,IAAA;AAAA,IAXDJ;AAAA,EAAA,CAcZ,GACL;AAER;"}
+{"version":3,"file":"ThemeSwitcher.js","sources":["../../../../../lib/@ecme/components/template/ThemeConfigurator/ThemeSwitcher.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport { TbCheck } from 'react-icons/tb'\nimport presetThemeSchemaConfig from '@/configs/preset-theme-schema.config'\nimport { useThemeStore } from '@/store/themeStore'\n\nconst ThemeSwitcher = () => {\n    const schema = useThemeStore((state) => state.themeSchema)\n    const setSchema = useThemeStore((state) => state.setSchema)\n    const mode = useThemeStore((state) => state.mode)\n\n    return (\n        <div className=\"inline-flex items-center gap-2\">\n            {Object.entries(presetThemeSchemaConfig).map(([key, value]) => (\n                <button\n                    key={key}\n                    className={classNames(\n                        'h-8 w-8 rounded-full flex items-center justify-center border-2 border-white',\n                        schema === key && 'ring-2 ring-primary',\n                    )}\n                    style={{ backgroundColor: value[mode].primary || '' }}\n                    onClick={() => setSchema(key)}\n                >\n                    {schema === key ? (\n                        <TbCheck className=\"text-neutral text-lg\" />\n                    ) : (\n                        <></>\n                    )}\n                </button>\n            ))}\n        </div>\n    )\n}\n\nexport default ThemeSwitcher\n"],"names":["ThemeSwitcher","schema","useThemeStore","state","setSchema","mode","jsx","presetThemeSchemaConfig","key","value","classNames","TbCheck","Fragment"],"mappings":";;;;;AAKA,MAAMA,IAAgB,MAAM;AACxB,QAAMC,IAASC,EAAc,CAACC,MAAUA,EAAM,WAAW,GACnDC,IAAYF,EAAc,CAACC,MAAUA,EAAM,SAAS,GACpDE,IAAOH,EAAc,CAACC,MAAUA,EAAM,IAAI;AAEhD,SACK,gBAAAG,EAAA,OAAA,EAAI,WAAU,kCACV,UAAO,OAAA,QAAQC,CAAuB,EAAE,IAAI,CAAC,CAACC,GAAKC,CAAK,MACrD,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAWI;AAAA,QACP;AAAA,QACAT,MAAWO,KAAO;AAAA,MACtB;AAAA,MACA,OAAO,EAAE,iBAAiBC,EAAMJ,CAAI,EAAE,WAAW,GAAG;AAAA,MACpD,SAAS,MAAMD,EAAUI,CAAG;AAAA,MAE3B,gBAAWA,IACR,gBAAAF,EAACK,KAAQ,WAAU,uBAAuB,CAAA,IAExC,gBAAAL,EAAAM,GAAA,CAAA,CAAA;AAAA,IAAA;AAAA,IAXDJ;AAAA,EAcZ,CAAA,GACL;AAER;"}

package/dist/@ecme/components/template/UserProfileDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfileDropdown.js","sources":["../../../../lib/@ecme/components/template/UserProfileDropdown.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport { useSessionUser } from '@/store/authStore'\nimport { Link } from 'react-router-dom'\nimport {\n    PiUserDuotone,\n    PiGearDuotone,\n    PiPulseDuotone,\n    PiSignOutDuotone,\n} from 'react-icons/pi'\nimport { useAuth } from '@/auth'\nimport { useMemo, type JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\n\ntype DropdownList = {\n    label: string\n    path: string\n    icon: JSX.Element\n}\n\nconst _UserDropdown = () => {\n    const { avatar, userName, email } = useSessionUser((state) => state.user)\n\n    const { signOut } = useAuth()\n\n    const handleSignOut = () => {\n        signOut()\n    }\n\n    const avatarProps = {\n        ...(avatar ? { src: avatar } : { icon: <PiUserDuotone /> }),\n    }\n\n    const { t } = useTranslation()\n\n    const dropdownItemList: DropdownList[] = useMemo(\n        () => [\n            {\n                label: t('base.layout.profile.dropdown.options.profile'),\n                path: '/concepts/account/settings',\n                icon: <PiUserDuotone />,\n            },\n            {\n                label: t('base.layout.profile.dropdown.options.settings'),\n                path: '/concepts/account/settings',\n                icon: <PiGearDuotone />,\n            },\n            {\n                label: t('base.layout.profile.dropdown.options.activity'),\n                path: '/concepts/account/activity-log',\n                icon: <PiPulseDuotone />,\n            },\n        ],\n        [t],\n    )\n\n    return (\n        <Dropdown\n            className=\"flex\"\n            toggleClassName=\"flex items-center\"\n            renderTitle={\n                <div className=\"flex cursor-pointer items-center\">\n                    <Avatar size={32} {...avatarProps} />\n                </div>\n            }\n            placement=\"bottom-end\"\n        >\n            <Dropdown.Item variant=\"header\">\n                <div className=\"flex items-center gap-3 px-3 py-2\">\n                    <Avatar {...avatarProps} />\n                    <div>\n                        <div className=\"font-bold text-gray-900 dark:text-gray-100\">\n                            {userName || 'Anonymous'}\n                        </div>\n                        <div className=\"text-xs\">\n                            {email || 'No email available'}\n                        </div>\n                    </div>\n                </div>\n            </Dropdown.Item>\n            <Dropdown.Item variant=\"divider\" />\n            {dropdownItemList.map((item) => (\n                <Dropdown.Item\n                    key={item.label}\n                    eventKey={item.label}\n                    className=\"px-0\"\n                >\n                    <Link className=\"flex h-full w-full px-2\" to={item.path}>\n                        <span className=\"flex w-full items-center gap-2\">\n                            <span className=\"text-xl\">{item.icon}</span>\n                            <span>{item.label}</span>\n                        </span>\n                    </Link>\n                </Dropdown.Item>\n            ))}\n            <Dropdown.Item variant=\"divider\" />\n            <Dropdown.Item\n                eventKey=\"Sign Out\"\n                className=\"gap-2\"\n                onClick={handleSignOut}\n            >\n                <span className=\"text-xl\">\n                    <PiSignOutDuotone />\n                </span>\n                <span>{t('base.layout.profile.dropdown.options.signOut')}</span>\n            </Dropdown.Item>\n        </Dropdown>\n    )\n}\n\nconst UserDropdown = withHeaderItem(_UserDropdown)\n\nexport default UserDropdown\n"],"names":["_UserDropdown","avatar","userName","email","useSessionUser","state","signOut","useAuth","handleSignOut","avatarProps","jsx","PiUserDuotone","t","useTranslation","dropdownItemList","useMemo","PiGearDuotone","PiPulseDuotone","jsxs","Dropdown","Avatar","item","Link","PiSignOutDuotone","UserDropdown","withHeaderItem"],"mappings":"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"}
+{"version":3,"file":"UserProfileDropdown.js","sources":["../../../../lib/@ecme/components/template/UserProfileDropdown.tsx"],"sourcesContent":["import Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport { useSessionUser } from '@/store/authStore'\nimport { Link } from 'react-router-dom'\nimport {\n    PiUserDuotone,\n    PiGearDuotone,\n    PiPulseDuotone,\n    PiSignOutDuotone,\n} from 'react-icons/pi'\nimport { useAuth } from '@/auth'\nimport { useMemo, type JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\n\ntype DropdownList = {\n    label: string\n    path: string\n    icon: JSX.Element\n}\n\nconst _UserDropdown = () => {\n    const { avatar, userName, email } = useSessionUser((state) => state.user)\n\n    const { signOut } = useAuth()\n\n    const handleSignOut = () => {\n        signOut()\n    }\n\n    const avatarProps = {\n        ...(avatar ? { src: avatar } : { icon: <PiUserDuotone /> }),\n    }\n\n    const { t } = useTranslation()\n\n    const dropdownItemList: DropdownList[] = useMemo(\n        () => [\n            {\n                label: t('base.layout.profile.dropdown.options.profile'),\n                path: '/concepts/account/settings',\n                icon: <PiUserDuotone />,\n            },\n            {\n                label: t('base.layout.profile.dropdown.options.settings'),\n                path: '/concepts/account/settings',\n                icon: <PiGearDuotone />,\n            },\n            {\n                label: t('base.layout.profile.dropdown.options.activity'),\n                path: '/concepts/account/activity-log',\n                icon: <PiPulseDuotone />,\n            },\n        ],\n        [t],\n    )\n\n    return (\n        <Dropdown\n            className=\"flex\"\n            toggleClassName=\"flex items-center\"\n            renderTitle={\n                <div className=\"flex cursor-pointer items-center\">\n                    <Avatar size={32} {...avatarProps} />\n                </div>\n            }\n            placement=\"bottom-end\"\n        >\n            <Dropdown.Item variant=\"header\">\n                <div className=\"flex items-center gap-3 px-3 py-2\">\n                    <Avatar {...avatarProps} />\n                    <div>\n                        <div className=\"font-bold text-gray-900 dark:text-gray-100\">\n                            {userName || 'Anonymous'}\n                        </div>\n                        <div className=\"text-xs\">\n                            {email || 'No email available'}\n                        </div>\n                    </div>\n                </div>\n            </Dropdown.Item>\n            <Dropdown.Item variant=\"divider\" />\n            {dropdownItemList.map((item) => (\n                <Dropdown.Item\n                    key={item.label}\n                    eventKey={item.label}\n                    className=\"px-0\"\n                >\n                    <Link className=\"flex h-full w-full px-2\" to={item.path}>\n                        <span className=\"flex w-full items-center gap-2\">\n                            <span className=\"text-xl\">{item.icon}</span>\n                            <span>{item.label}</span>\n                        </span>\n                    </Link>\n                </Dropdown.Item>\n            ))}\n            <Dropdown.Item variant=\"divider\" />\n            <Dropdown.Item\n                eventKey=\"Sign Out\"\n                className=\"gap-2\"\n                onClick={handleSignOut}\n            >\n                <span className=\"text-xl\">\n                    <PiSignOutDuotone />\n                </span>\n                <span>{t('base.layout.profile.dropdown.options.signOut')}</span>\n            </Dropdown.Item>\n        </Dropdown>\n    )\n}\n\nconst UserDropdown = withHeaderItem(_UserDropdown)\n\nexport default UserDropdown\n"],"names":["_UserDropdown","avatar","userName","email","useSessionUser","state","signOut","useAuth","handleSignOut","avatarProps","jsx","PiUserDuotone","t","useTranslation","dropdownItemList","useMemo","PiGearDuotone","PiPulseDuotone","jsxs","Dropdown","Avatar","item","Link","PiSignOutDuotone","UserDropdown","withHeaderItem"],"mappings":"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"}

package/dist/@ecme/components/template/VerticalMenuContent/VerticalCollapsedMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalCollapsedMenuItem.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalCollapsedMenuItem.tsx"],"sourcesContent":["import Menu from \"@/components/ui/Menu\";\nimport Dropdown from \"@/components/ui/Dropdown\";\nimport VerticalMenuIcon from \"./VerticalMenuIcon\";\nimport AuthorityCheck from \"@/components/shared/AuthorityCheck\";\nimport type { CommonProps, TraslationFn } from \"@/@types/common\";\nimport type { Direction } from \"@/@types/theme\";\nimport type { NavigationTree } from \"@/@types/navigation\";\n\ninterface DefaultItemProps extends CommonProps {\n  nav: NavigationTree;\n  onLinkClick?: (link: { key: string; title: string; path: string }) => void;\n  t: TraslationFn;\n  indent?: boolean;\n  dotIndent?: boolean;\n  userAuthority: string[];\n}\n\ninterface CollapsedItemProps extends DefaultItemProps {\n  direction: Direction;\n  renderAsIcon?: boolean;\n  currentKey?: string;\n  parentKeys?: string[];\n}\n\ninterface VerticalCollapsedMenuItemProps extends CollapsedItemProps {\n  sideCollapsed?: boolean;\n}\n\nconst { MenuItem, MenuCollapse } = Menu;\n\nconst DefaultItem = ({\n  nav,\n  indent,\n  dotIndent,\n  children,\n  userAuthority,\n  t,\n}: DefaultItemProps) => {\n  return (\n    <MenuCollapse\n      key={nav.key}\n      label={\n        <>\n          <VerticalMenuIcon icon={nav.icon} />\n          <span>{t(nav.translateKey, nav.title)}</span>\n        </>\n      }\n      eventKey={nav.key}\n      expanded={false}\n      dotIndent={dotIndent}\n      indent={indent}\n    >\n      {children}\n    </MenuCollapse>\n  );\n};\n\nconst CollapsedItem = ({\n  nav,\n  direction,\n  children,\n  t,\n  renderAsIcon,\n  userAuthority,\n  parentKeys,\n}: CollapsedItemProps) => {\n  const menuItem = (\n    <MenuItem\n      key={nav.key}\n      isActive={parentKeys?.includes(nav.key)}\n      eventKey={nav.key}\n      className=\"mb-2\"\n    >\n      <VerticalMenuIcon icon={nav.icon} />\n    </MenuItem>\n  );\n\n  const dropdownItem = (\n    <div key={nav.key}>{t(nav.translateKey, nav.title)}</div>\n  );\n\n  return (\n    <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\n      <Dropdown\n        trigger=\"hover\"\n        renderTitle={renderAsIcon ? menuItem : dropdownItem}\n        placement={direction === \"rtl\" ? \"left-start\" : \"right-start\"}\n      >\n        {children}\n      </Dropdown>\n    </AuthorityCheck>\n  );\n};\n\nconst VerticalCollapsedMenuItem = ({\n  sideCollapsed,\n  ...rest\n}: VerticalCollapsedMenuItemProps) => {\n  return sideCollapsed ? (\n    <CollapsedItem {...rest} />\n  ) : (\n    <DefaultItem {...rest} />\n  );\n};\n\nexport default VerticalCollapsedMenuItem;\n"],"names":["MenuItem","MenuCollapse","Menu","DefaultItem","nav","indent","dotIndent","children","userAuthority","t","jsx","jsxs","Fragment","VerticalMenuIcon","CollapsedItem","direction","renderAsIcon","parentKeys","menuItem","dropdownItem","AuthorityCheck","Dropdown","VerticalCollapsedMenuItem","sideCollapsed","rest"],"mappings":";;;;;AA4BA,MAAM,EAAE,UAAAA,GAAU,cAAAC,EAAA,IAAiBC,GAE7BC,IAAc,CAAC;AAAA,EACnB,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAAC;AACF,MAEI,gBAAAC;AAAA,EAACT;AAAA,EAAA;AAAA,IAEC,OACE,gBAAAU,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAF,EAACG,GAAA,EAAiB,MAAMT,EAAI,KAAA,CAAM;AAAA,wBACjC,QAAA,EAAM,UAAAK,EAAEL,EAAI,cAAcA,EAAI,KAAK,EAAA,CAAE;AAAA,IAAA,GACxC;AAAA,IAEF,UAAUA,EAAI;AAAA,IACd,UAAU;AAAA,IACV,WAAAE;AAAA,IACA,QAAAD;AAAA,IAEC,UAAAE;AAAA,EAAA;AAAA,EAZIH,EAAI;AAAA,GAiBTU,IAAgB,CAAC;AAAA,EACrB,KAAAV;AAAA,EACA,WAAAW;AAAA,EACA,UAAAR;AAAA,EACA,GAAAE;AAAA,EACA,cAAAO;AAAA,EACA,eAAAR;AAAA,EACA,YAAAS;AACF,MAA0B;AACxB,QAAMC,IACJ,gBAAAR;AAAA,IAACV;AAAA,IAAA;AAAA,MAEC,UAAUiB,GAAY,SAASb,EAAI,GAAG;AAAA,MACtC,UAAUA,EAAI;AAAA,MACd,WAAU;AAAA,MAEV,UAAA,gBAAAM,EAACG,GAAA,EAAiB,MAAMT,EAAI,KAAA,CAAM;AAAA,IAAA;AAAA,IAL7BA,EAAI;AAAA,EAAA,GASPe,IACJ,gBAAAT,EAAC,OAAA,EAAmB,UAAAD,EAAEL,EAAI,cAAcA,EAAI,KAAK,EAAA,GAAvCA,EAAI,GAAqC;AAGrD,SACE,gBAAAM,EAACU,GAAA,EAAe,eAAAZ,GAA8B,WAAWJ,EAAI,WAC3D,UAAA,gBAAAM;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,aAAaL,IAAeE,IAAWC;AAAA,MACvC,WAAWJ,MAAc,QAAQ,eAAe;AAAA,MAE/C,UAAAR;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ,GAEMe,IAA4B,CAAC;AAAA,EACjC,eAAAC;AAAA,EACA,GAAGC;AACL,MACSD,sBACJT,GAAA,EAAe,GAAGU,GAAM,IAEzB,gBAAAd,EAACP,GAAA,EAAa,GAAGqB,EAAA,CAAM;"}
+{"version":3,"file":"VerticalCollapsedMenuItem.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalCollapsedMenuItem.tsx"],"sourcesContent":["import Menu from \"@/components/ui/Menu\";\nimport Dropdown from \"@/components/ui/Dropdown\";\nimport VerticalMenuIcon from \"./VerticalMenuIcon\";\nimport AuthorityCheck from \"@/components/shared/AuthorityCheck\";\nimport type { CommonProps, TraslationFn } from \"@/@types/common\";\nimport type { Direction } from \"@/@types/theme\";\nimport type { NavigationTree } from \"@/@types/navigation\";\n\ninterface DefaultItemProps extends CommonProps {\n  nav: NavigationTree;\n  onLinkClick?: (link: { key: string; title: string; path: string }) => void;\n  t: TraslationFn;\n  indent?: boolean;\n  dotIndent?: boolean;\n  userAuthority: string[];\n}\n\ninterface CollapsedItemProps extends DefaultItemProps {\n  direction: Direction;\n  renderAsIcon?: boolean;\n  currentKey?: string;\n  parentKeys?: string[];\n}\n\ninterface VerticalCollapsedMenuItemProps extends CollapsedItemProps {\n  sideCollapsed?: boolean;\n}\n\nconst { MenuItem, MenuCollapse } = Menu;\n\nconst DefaultItem = ({\n  nav,\n  indent,\n  dotIndent,\n  children,\n  userAuthority,\n  t,\n}: DefaultItemProps) => {\n  return (\n    <MenuCollapse\n      key={nav.key}\n      label={\n        <>\n          <VerticalMenuIcon icon={nav.icon} />\n          <span>{t(nav.translateKey, nav.title)}</span>\n        </>\n      }\n      eventKey={nav.key}\n      expanded={false}\n      dotIndent={dotIndent}\n      indent={indent}\n    >\n      {children}\n    </MenuCollapse>\n  );\n};\n\nconst CollapsedItem = ({\n  nav,\n  direction,\n  children,\n  t,\n  renderAsIcon,\n  userAuthority,\n  parentKeys,\n}: CollapsedItemProps) => {\n  const menuItem = (\n    <MenuItem\n      key={nav.key}\n      isActive={parentKeys?.includes(nav.key)}\n      eventKey={nav.key}\n      className=\"mb-2\"\n    >\n      <VerticalMenuIcon icon={nav.icon} />\n    </MenuItem>\n  );\n\n  const dropdownItem = (\n    <div key={nav.key}>{t(nav.translateKey, nav.title)}</div>\n  );\n\n  return (\n    <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\n      <Dropdown\n        trigger=\"hover\"\n        renderTitle={renderAsIcon ? menuItem : dropdownItem}\n        placement={direction === \"rtl\" ? \"left-start\" : \"right-start\"}\n      >\n        {children}\n      </Dropdown>\n    </AuthorityCheck>\n  );\n};\n\nconst VerticalCollapsedMenuItem = ({\n  sideCollapsed,\n  ...rest\n}: VerticalCollapsedMenuItemProps) => {\n  return sideCollapsed ? (\n    <CollapsedItem {...rest} />\n  ) : (\n    <DefaultItem {...rest} />\n  );\n};\n\nexport default VerticalCollapsedMenuItem;\n"],"names":["MenuItem","MenuCollapse","Menu","DefaultItem","nav","indent","dotIndent","children","userAuthority","t","jsx","jsxs","Fragment","VerticalMenuIcon","CollapsedItem","direction","renderAsIcon","parentKeys","menuItem","dropdownItem","AuthorityCheck","Dropdown","VerticalCollapsedMenuItem","sideCollapsed","rest"],"mappings":";;;;;AA4BA,MAAM,EAAE,UAAAA,GAAU,cAAAC,EAAA,IAAiBC,GAE7BC,IAAc,CAAC;AAAA,EACnB,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAAC;AACF,MAEI,gBAAAC;AAAA,EAACT;AAAA,EAAA;AAAA,IAEC,OAEI,gBAAAU,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAC,gBAAAF,EAAAG,GAAA,EAAiB,MAAMT,EAAI,KAAM,CAAA;AAAA,wBACjC,QAAM,EAAA,UAAAK,EAAEL,EAAI,cAAcA,EAAI,KAAK,EAAE,CAAA;AAAA,IAAA,GACxC;AAAA,IAEF,UAAUA,EAAI;AAAA,IACd,UAAU;AAAA,IACV,WAAAE;AAAA,IACA,QAAAD;AAAA,IAEC,UAAAE;AAAA,EAAA;AAAA,EAZIH,EAAI;AAaX,GAIEU,IAAgB,CAAC;AAAA,EACrB,KAAAV;AAAA,EACA,WAAAW;AAAA,EACA,UAAAR;AAAA,EACA,GAAAE;AAAA,EACA,cAAAO;AAAA,EACA,eAAAR;AAAA,EACA,YAAAS;AACF,MAA0B;AACxB,QAAMC,IACJ,gBAAAR;AAAA,IAACV;AAAA,IAAA;AAAA,MAEC,UAAUiB,GAAY,SAASb,EAAI,GAAG;AAAA,MACtC,UAAUA,EAAI;AAAA,MACd,WAAU;AAAA,MAEV,UAAC,gBAAAM,EAAAG,GAAA,EAAiB,MAAMT,EAAI,KAAM,CAAA;AAAA,IAAA;AAAA,IAL7BA,EAAI;AAAA,EAMX,GAGIe,IACH,gBAAAT,EAAA,OAAA,EAAmB,UAAED,EAAAL,EAAI,cAAcA,EAAI,KAAK,EAAvC,GAAAA,EAAI,GAAqC;AAGrD,SACG,gBAAAM,EAAAU,GAAA,EAAe,eAAAZ,GAA8B,WAAWJ,EAAI,WAC3D,UAAA,gBAAAM;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,aAAaL,IAAeE,IAAWC;AAAA,MACvC,WAAWJ,MAAc,QAAQ,eAAe;AAAA,MAE/C,UAAAR;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ,GAEMe,IAA4B,CAAC;AAAA,EACjC,eAAAC;AAAA,EACA,GAAGC;AACL,MACSD,sBACJT,GAAe,EAAA,GAAGU,GAAM,IAEzB,gBAAAd,EAACP,GAAa,EAAA,GAAGqB,EAAM,CAAA;"}

package/dist/@ecme/components/template/VerticalMenuContent/VerticalMenuContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalMenuContent.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalMenuContent.tsx"],"sourcesContent":["import { useState, useEffect, Fragment } from \"react\";\nimport Menu from \"@/components/ui/Menu\";\nimport VerticalSingleMenuItem from \"./VerticalSingleMenuItem\";\nimport VerticalCollapsedMenuItem from \"./VerticalCollapsedMenuItem\";\nimport { themeConfig } from \"@/configs/theme.config\";\nimport {\n  NAV_ITEM_TYPE_TITLE,\n  NAV_ITEM_TYPE_COLLAPSE,\n  NAV_ITEM_TYPE_ITEM,\n} from \"@/constants/navigation.constant\";\nimport useMenuActive from \"@/utils/hooks/useMenuActive\";\nimport useTranslation from \"@/utils/hooks/useTranslation\";\nimport { Direction } from \"@/@types/theme\";\nimport type { NavigationTree } from \"@/@types/navigation\";\nimport type { TraslationFn } from \"@/@types/common\";\nimport { LinkRenderer } from \"@/components/layouts/Layouts\";\n\nexport interface VerticalMenuContentProps {\n  collapsed?: boolean;\n  routeKey: string;\n  navigationTree?: NavigationTree[];\n  onMenuItemClick?: () => void;\n  direction?: Direction;\n  translationSetup?: boolean;\n  userAuthority: string[];\n  linkRenderer?: LinkRenderer;\n}\n\nconst { MenuGroup } = Menu;\n\nconst filterNavigationByAuthority = (\n  navTree: NavigationTree[],\n  userAuthority: string[]\n): NavigationTree[] => {\n  return navTree.reduce((acc: NavigationTree[], nav) => {\n    if (nav.subMenu && nav.subMenu.length > 0) {\n      const filteredSubMenu = filterNavigationByAuthority(\n        nav.subMenu,\n        userAuthority\n      );\n      if (filteredSubMenu.length > 0) {\n        acc.push({ ...nav, subMenu: filteredSubMenu });\n      }\n    } else {\n      if ((nav.path && userAuthority.includes(nav.path)) || !nav.path) {\n        acc.push(nav);\n      }\n    }\n    return acc;\n  }, []);\n};\n\nconst VerticalMenuContent = (props: VerticalMenuContentProps) => {\n  const {\n    collapsed,\n    routeKey,\n    navigationTree = [],\n    onMenuItemClick,\n    direction = themeConfig.direction,\n    translationSetup,\n    userAuthority,\n    linkRenderer,\n  } = props;\n\n  const { t } = useTranslation(!translationSetup);\n  const [defaulExpandKey, setDefaulExpandKey] = useState<string[]>([]);\n  const filteredNavigationTree = filterNavigationByAuthority(\n    navigationTree,\n    userAuthority\n  );\n\n  const { activedRoute } = useMenuActive(filteredNavigationTree, routeKey);\n\n  useEffect(() => {\n    if (activedRoute?.parentKey) {\n      setDefaulExpandKey([activedRoute?.parentKey]);\n    }\n  }, [activedRoute?.parentKey]);\n\n  const handleLinkClick = () => {\n    onMenuItemClick?.();\n  };\n\n  const renderNavigation = (\n    navTree: NavigationTree[],\n    cascade: number = 0,\n    indent?: boolean\n  ) => {\n    const nextCascade = cascade + 1;\n\n    return (\n      <>\n        {navTree.map((nav) => (\n          <Fragment key={nav.key}>\n            {nav.type === NAV_ITEM_TYPE_ITEM && (\n              <VerticalSingleMenuItem\n                key={nav.key}\n                currentKey={activedRoute?.key}\n                parentKeys={defaulExpandKey}\n                nav={nav}\n                sideCollapsed={collapsed}\n                direction={direction}\n                indent={indent}\n                renderAsIcon={cascade <= 0}\n                showIcon={cascade <= 0}\n                userAuthority={userAuthority}\n                showTitle={\n                  nav.forceShowTitle ??\n                  (collapsed ? cascade >= 1 : cascade <= 1)\n                }\n                t={t as TraslationFn}\n                onLinkClick={handleLinkClick}\n                linkRenderer={linkRenderer}\n              />\n            )}\n            {nav.type === NAV_ITEM_TYPE_COLLAPSE && (\n              <VerticalCollapsedMenuItem\n                key={nav.key}\n                currentKey={activedRoute?.key}\n                parentKeys={defaulExpandKey}\n                nav={nav}\n                sideCollapsed={collapsed}\n                direction={direction}\n                indent={nextCascade >= 2}\n                dotIndent={nextCascade >= 2}\n                renderAsIcon={nextCascade <= 1}\n                userAuthority={userAuthority}\n                t={t as TraslationFn}\n                onLinkClick={onMenuItemClick}\n              >\n                {nav.subMenu &&\n                  nav.subMenu.length > 0 &&\n                  renderNavigation(nav.subMenu, nextCascade, true)}\n              </VerticalCollapsedMenuItem>\n            )}\n            {nav.type === NAV_ITEM_TYPE_TITLE && (\n              <MenuGroup key={nav.key} label={t(nav.translateKey) || nav.title}>\n                {nav.subMenu &&\n                  nav.subMenu.length > 0 &&\n                  renderNavigation(nav.subMenu, cascade, false)}\n              </MenuGroup>\n            )}\n          </Fragment>\n        ))}\n      </>\n    );\n  };\n\n  return (\n    <Menu\n      className=\"px-4 pb-4\"\n      sideCollapsed={collapsed}\n      defaultActiveKeys={activedRoute?.key ? [activedRoute.key] : []}\n      defaultExpandedKeys={defaulExpandKey}\n      defaultCollapseActiveKeys={\n        activedRoute?.parentKey ? [activedRoute.parentKey] : []\n      }\n    >\n      {renderNavigation(filteredNavigationTree, 0)}\n    </Menu>\n  );\n};\n\nexport default VerticalMenuContent;\n"],"names":["MenuGroup","Menu","filterNavigationByAuthority","navTree","userAuthority","acc","nav","filteredSubMenu","VerticalMenuContent","props","collapsed","routeKey","navigationTree","onMenuItemClick","direction","themeConfig","translationSetup","linkRenderer","t","useTranslation","defaulExpandKey","setDefaulExpandKey","useState","filteredNavigationTree","activedRoute","useMenuActive","useEffect","handleLinkClick","renderNavigation","cascade","indent","nextCascade","jsxs","Fragment","NAV_ITEM_TYPE_ITEM","jsx","VerticalSingleMenuItem","NAV_ITEM_TYPE_COLLAPSE","VerticalCollapsedMenuItem","NAV_ITEM_TYPE_TITLE"],"mappings":"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"}
+{"version":3,"file":"VerticalMenuContent.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalMenuContent.tsx"],"sourcesContent":["import { useState, useEffect, Fragment } from \"react\";\nimport Menu from \"@/components/ui/Menu\";\nimport VerticalSingleMenuItem from \"./VerticalSingleMenuItem\";\nimport VerticalCollapsedMenuItem from \"./VerticalCollapsedMenuItem\";\nimport { themeConfig } from \"@/configs/theme.config\";\nimport {\n  NAV_ITEM_TYPE_TITLE,\n  NAV_ITEM_TYPE_COLLAPSE,\n  NAV_ITEM_TYPE_ITEM,\n} from \"@/constants/navigation.constant\";\nimport useMenuActive from \"@/utils/hooks/useMenuActive\";\nimport useTranslation from \"@/utils/hooks/useTranslation\";\nimport { Direction } from \"@/@types/theme\";\nimport type { NavigationTree } from \"@/@types/navigation\";\nimport type { TraslationFn } from \"@/@types/common\";\nimport { LinkRenderer } from \"@/components/layouts/Layouts\";\n\nexport interface VerticalMenuContentProps {\n  collapsed?: boolean;\n  routeKey: string;\n  navigationTree?: NavigationTree[];\n  onMenuItemClick?: () => void;\n  direction?: Direction;\n  translationSetup?: boolean;\n  userAuthority: string[];\n  linkRenderer?: LinkRenderer;\n}\n\nconst { MenuGroup } = Menu;\n\nconst filterNavigationByAuthority = (\n  navTree: NavigationTree[],\n  userAuthority: string[]\n): NavigationTree[] => {\n  return navTree.reduce((acc: NavigationTree[], nav) => {\n    if (nav.subMenu && nav.subMenu.length > 0) {\n      const filteredSubMenu = filterNavigationByAuthority(\n        nav.subMenu,\n        userAuthority\n      );\n      if (filteredSubMenu.length > 0) {\n        acc.push({ ...nav, subMenu: filteredSubMenu });\n      }\n    } else {\n      if ((nav.path && userAuthority.includes(nav.path)) || !nav.path) {\n        acc.push(nav);\n      }\n    }\n    return acc;\n  }, []);\n};\n\nconst VerticalMenuContent = (props: VerticalMenuContentProps) => {\n  const {\n    collapsed,\n    routeKey,\n    navigationTree = [],\n    onMenuItemClick,\n    direction = themeConfig.direction,\n    translationSetup,\n    userAuthority,\n    linkRenderer,\n  } = props;\n\n  const { t } = useTranslation(!translationSetup);\n  const [defaulExpandKey, setDefaulExpandKey] = useState<string[]>([]);\n  const filteredNavigationTree = filterNavigationByAuthority(\n    navigationTree,\n    userAuthority\n  );\n\n  const { activedRoute } = useMenuActive(filteredNavigationTree, routeKey);\n\n  useEffect(() => {\n    if (activedRoute?.parentKey) {\n      setDefaulExpandKey([activedRoute?.parentKey]);\n    }\n  }, [activedRoute?.parentKey]);\n\n  const handleLinkClick = () => {\n    onMenuItemClick?.();\n  };\n\n  const renderNavigation = (\n    navTree: NavigationTree[],\n    cascade: number = 0,\n    indent?: boolean\n  ) => {\n    const nextCascade = cascade + 1;\n\n    return (\n      <>\n        {navTree.map((nav) => (\n          <Fragment key={nav.key}>\n            {nav.type === NAV_ITEM_TYPE_ITEM && (\n              <VerticalSingleMenuItem\n                key={nav.key}\n                currentKey={activedRoute?.key}\n                parentKeys={defaulExpandKey}\n                nav={nav}\n                sideCollapsed={collapsed}\n                direction={direction}\n                indent={indent}\n                renderAsIcon={cascade <= 0}\n                showIcon={cascade <= 0}\n                userAuthority={userAuthority}\n                showTitle={\n                  nav.forceShowTitle ??\n                  (collapsed ? cascade >= 1 : cascade <= 1)\n                }\n                t={t as TraslationFn}\n                onLinkClick={handleLinkClick}\n                linkRenderer={linkRenderer}\n              />\n            )}\n            {nav.type === NAV_ITEM_TYPE_COLLAPSE && (\n              <VerticalCollapsedMenuItem\n                key={nav.key}\n                currentKey={activedRoute?.key}\n                parentKeys={defaulExpandKey}\n                nav={nav}\n                sideCollapsed={collapsed}\n                direction={direction}\n                indent={nextCascade >= 2}\n                dotIndent={nextCascade >= 2}\n                renderAsIcon={nextCascade <= 1}\n                userAuthority={userAuthority}\n                t={t as TraslationFn}\n                onLinkClick={onMenuItemClick}\n              >\n                {nav.subMenu &&\n                  nav.subMenu.length > 0 &&\n                  renderNavigation(nav.subMenu, nextCascade, true)}\n              </VerticalCollapsedMenuItem>\n            )}\n            {nav.type === NAV_ITEM_TYPE_TITLE && (\n              <MenuGroup key={nav.key} label={t(nav.translateKey) || nav.title}>\n                {nav.subMenu &&\n                  nav.subMenu.length > 0 &&\n                  renderNavigation(nav.subMenu, cascade, false)}\n              </MenuGroup>\n            )}\n          </Fragment>\n        ))}\n      </>\n    );\n  };\n\n  return (\n    <Menu\n      className=\"px-4 pb-4\"\n      sideCollapsed={collapsed}\n      defaultActiveKeys={activedRoute?.key ? [activedRoute.key] : []}\n      defaultExpandedKeys={defaulExpandKey}\n      defaultCollapseActiveKeys={\n        activedRoute?.parentKey ? [activedRoute.parentKey] : []\n      }\n    >\n      {renderNavigation(filteredNavigationTree, 0)}\n    </Menu>\n  );\n};\n\nexport default VerticalMenuContent;\n"],"names":["MenuGroup","Menu","filterNavigationByAuthority","navTree","userAuthority","acc","nav","filteredSubMenu","VerticalMenuContent","props","collapsed","routeKey","navigationTree","onMenuItemClick","direction","themeConfig","translationSetup","linkRenderer","t","useTranslation","defaulExpandKey","setDefaulExpandKey","useState","filteredNavigationTree","activedRoute","useMenuActive","useEffect","handleLinkClick","renderNavigation","cascade","indent","nextCascade","jsxs","Fragment","NAV_ITEM_TYPE_ITEM","jsx","VerticalSingleMenuItem","NAV_ITEM_TYPE_COLLAPSE","VerticalCollapsedMenuItem","NAV_ITEM_TYPE_TITLE"],"mappings":"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"}

package/dist/@ecme/components/template/VerticalMenuContent/VerticalMenuIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalMenuIcon.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalMenuIcon.tsx"],"sourcesContent":["import navigationIcon from '@/configs/navigation-icon.config'\nimport type { ElementType, ComponentPropsWithRef } from 'react'\n\ntype VerticalMenuIconProps = {\n    icon: string\n    gutter?: string\n}\n\nexport const Icon = <T extends ElementType>({\n    component,\n    ...props\n}: {\n    header: T\n} & ComponentPropsWithRef<T>) => {\n    const Component = component\n    return <Component {...props} />\n}\n\nconst VerticalMenuIcon = ({ icon }: VerticalMenuIconProps) => {\n    if (typeof icon !== 'string' && !icon) {\n        return <></>\n    }\n\n    return (\n        <>\n            {navigationIcon[icon] && (\n                <span className={`text-2xl`}>{navigationIcon[icon]}</span>\n            )}\n        </>\n    )\n}\n\nexport default VerticalMenuIcon\n"],"names":["Icon","component","props","jsx","VerticalMenuIcon","icon","Fragment","navigationIcon"],"mappings":";;AAQO,MAAMA,IAAO,CAAwB;AAAA,EACxC,WAAAC;AAAA,EACA,GAAGC;AACP,MAIW,gBAAAC,EADWF,GACV,EAAW,GAAGC,EAAA,CAAO,GAG3BE,IAAmB,CAAC,EAAE,MAAAC,QACpB,OAAOA,KAAS,YAAY,CAACA,IACtB,gBAAAF,EAAAG,GAAA,EAAE,IAIT,gBAAAH,EAAAG,GAAA,EACK,UAAAC,EAAeF,CAAI,KAChB,gBAAAF,EAAC,QAAA,EAAK,WAAW,YAAa,UAAAI,EAAeF,CAAI,EAAA,CAAE,GAE3D;"}
+{"version":3,"file":"VerticalMenuIcon.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalMenuIcon.tsx"],"sourcesContent":["import navigationIcon from '@/configs/navigation-icon.config'\nimport type { ElementType, ComponentPropsWithRef } from 'react'\n\ntype VerticalMenuIconProps = {\n    icon: string\n    gutter?: string\n}\n\nexport const Icon = <T extends ElementType>({\n    component,\n    ...props\n}: {\n    header: T\n} & ComponentPropsWithRef<T>) => {\n    const Component = component\n    return <Component {...props} />\n}\n\nconst VerticalMenuIcon = ({ icon }: VerticalMenuIconProps) => {\n    if (typeof icon !== 'string' && !icon) {\n        return <></>\n    }\n\n    return (\n        <>\n            {navigationIcon[icon] && (\n                <span className={`text-2xl`}>{navigationIcon[icon]}</span>\n            )}\n        </>\n    )\n}\n\nexport default VerticalMenuIcon\n"],"names":["Icon","component","props","jsx","VerticalMenuIcon","icon","Fragment","navigationIcon"],"mappings":";;AAQO,MAAMA,IAAO,CAAwB;AAAA,EACxC,WAAAC;AAAA,EACA,GAAGC;AACP,MAIW,gBAAAC,EADWF,GACC,EAAA,GAAGC,EAAO,CAAA,GAG3BE,IAAmB,CAAC,EAAE,MAAAC,QACpB,OAAOA,KAAS,YAAY,CAACA,IACpB,gBAAAF,EAAAG,GAAA,EAAA,IAIT,gBAAAH,EAAAG,GAAA,EACK,UAAeC,EAAAF,CAAI,KAChB,gBAAAF,EAAC,QAAK,EAAA,WAAW,YAAa,UAAAI,EAAeF,CAAI,EAAE,CAAA,GAE3D;"}

package/dist/@ecme/components/template/VerticalMenuContent/VerticalSingleMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalSingleMenuItem.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalSingleMenuItem.tsx"],"sourcesContent":["import Tooltip from \"@/components/ui/Tooltip\";\nimport Menu from \"@/components/ui/Menu\";\nimport AuthorityCheck from \"@/components/shared/AuthorityCheck\";\nimport VerticalMenuIcon from \"./VerticalMenuIcon\";\nimport { Link } from \"react-router-dom\";\nimport Dropdown from \"@/components/ui/Dropdown\";\nimport type { CommonProps } from \"@/@types/common\";\nimport type { Direction } from \"@/@types/theme\";\nimport type { NavigationTree } from \"@/@types/navigation\";\n\nconst { MenuItem } = Menu;\n\ntype LinkRenderer = (\n  nav: NavigationTree,\n  children: React.ReactNode\n) => React.ReactNode;\n\ninterface CollapsedItemProps extends CommonProps {\n  nav: NavigationTree;\n  direction?: Direction;\n  linkRenderer?: LinkRenderer;\n  onLinkClick?: (link: { key: string; title: string; path: string }) => void;\n  t: (\n    key: string,\n    fallback?: string | Record<string, string | number>\n  ) => string;\n  renderAsIcon?: boolean;\n  userAuthority: string[];\n  currentKey?: string;\n  parentKeys?: string[];\n}\n\ninterface DefaultItemProps {\n  nav: NavigationTree;\n  onLinkClick?: (link: { key: string; title: string; path: string }) => void;\n  sideCollapsed?: boolean;\n  t: (\n    key: string,\n    fallback?: string | Record<string, string | number>\n  ) => string;\n  indent?: boolean;\n  userAuthority: string[];\n  showIcon?: boolean;\n  showTitle?: boolean;\n  linkRenderer?: LinkRenderer;\n}\n\ninterface VerticalMenuItemProps extends CollapsedItemProps, DefaultItemProps {}\n\nconst CollapsedItem = ({\n  nav,\n  children,\n  direction,\n  renderAsIcon,\n  onLinkClick,\n  userAuthority,\n  t,\n  currentKey,\n  linkRenderer,\n}: CollapsedItemProps) => {\n  const linkContent = <span>{t(nav.translateKey, nav.title)}</span>;\n\n  const renderLink = () => {\n    if (linkRenderer) {\n      return linkRenderer(nav, linkContent);\n    }\n\n    return (\n      <Link\n        id={nav.path}\n        className=\"flex h-full w-full items-center outline-none\"\n        to={nav.path}\n        target={nav.isExternalLink ? \"_blank\" : \"\"}\n        onClick={() =>\n          onLinkClick?.({\n            key: nav.key,\n            title: nav.title,\n            path: nav.path,\n          })\n        }\n      >\n        {linkContent}\n      </Link>\n    );\n  };\n\n  return (\n    <Dropdown.Item active={currentKey === nav.key}>\n      {nav.path ? renderLink() : <span>{t(nav.translateKey, nav.title)}</span>}\n    </Dropdown.Item>\n  );\n};\n\nconst DefaultItem = (props: DefaultItemProps) => {\n  const {\n    nav,\n    onLinkClick,\n    showTitle,\n    indent,\n    showIcon = true,\n    userAuthority,\n    t,\n    linkRenderer,\n  } = props;\n\n  const linkContent = (\n    <>\n      {showIcon && <VerticalMenuIcon icon={nav.icon} />}\n      {showTitle && <span>{t(nav.translateKey, nav.title)}</span>}\n    </>\n  );\n\n  const renderLink = () => {\n    if (linkRenderer) {\n      return linkRenderer(nav, linkContent);\n    }\n\n    return (\n      <Link\n        to={nav.path}\n        className=\"flex h-full w-full items-center gap-2\"\n        target={nav.isExternalLink ? \"_blank\" : \"\"}\n        onClick={() =>\n          onLinkClick?.({\n            key: nav.key,\n            title: nav.title,\n            path: nav.path,\n          })\n        }\n      >\n        {linkContent}\n      </Link>\n    );\n  };\n\n  return (\n    <MenuItem key={nav.key} eventKey={nav.key} dotIndent={indent}>\n      {renderLink()}\n    </MenuItem>\n  );\n};\nconst VerticalSingleMenuItem = (props: VerticalMenuItemProps) => {\n  const { sideCollapsed, nav, t, userAuthority, onLinkClick, linkRenderer } =\n    props;\n\n  if (sideCollapsed) {\n    return (\n      <Tooltip\n        title={t(nav.translateKey, nav.title)}\n        placement={props.direction === \"rtl\" ? \"left\" : \"right\"}\n      >\n        <DefaultItem\n          nav={nav}\n          onLinkClick={onLinkClick}\n          t={t}\n          userAuthority={userAuthority}\n          linkRenderer={linkRenderer}\n          showIcon={true}\n          showTitle={false}\n          indent={props.indent}\n        />\n      </Tooltip>\n    );\n  }\n\n  return (\n    <DefaultItem\n      nav={nav}\n      onLinkClick={onLinkClick}\n      t={t}\n      userAuthority={userAuthority}\n      linkRenderer={linkRenderer}\n      showIcon={true}\n      showTitle={true}\n      indent={props.indent}\n    />\n  );\n};\nexport default VerticalSingleMenuItem;\n"],"names":["MenuItem","Menu","DefaultItem","props","nav","onLinkClick","showTitle","indent","showIcon","userAuthority","t","linkRenderer","linkContent","jsxs","Fragment","jsx","VerticalMenuIcon","renderLink","Link","VerticalSingleMenuItem","sideCollapsed","Tooltip"],"mappings":";;;;;;;AAUA,MAAM,EAAE,UAAAA,MAAaC;AAmFrB,MAAMC,IAAc,CAACC,MAA4B;AAC/C,QAAM;AAAA,IACJ,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,eAAAC;AAAA,IACA,GAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACER,GAEES,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAN,KAAY,gBAAAO,EAACC,GAAA,EAAiB,MAAMZ,EAAI,MAAM;AAAA,IAC9CE,uBAAc,QAAA,EAAM,UAAAI,EAAEN,EAAI,cAAcA,EAAI,KAAK,EAAA,CAAE;AAAA,EAAA,GACtD,GAGIa,IAAa,MACbN,IACKA,EAAaP,GAAKQ,CAAW,IAIpC,gBAAAG;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,IAAId,EAAI;AAAA,MACR,WAAU;AAAA,MACV,QAAQA,EAAI,iBAAiB,WAAW;AAAA,MACxC,SAAS,MACPC,IAAc;AAAA,QACZ,KAAKD,EAAI;AAAA,QACT,OAAOA,EAAI;AAAA,QACX,MAAMA,EAAI;AAAA,MAAA,CACX;AAAA,MAGF,UAAAQ;AAAA,IAAA;AAAA,EAAA;AAKP,SACE,gBAAAG,EAACf,GAAA,EAAuB,UAAUI,EAAI,KAAK,WAAWG,GACnD,UAAAU,EAAA,EAAW,GADCb,EAAI,GAEnB;AAEJ,GACMe,IAAyB,CAAChB,MAAiC;AAC/D,QAAM,EAAE,eAAAiB,GAAe,KAAAhB,GAAK,GAAAM,GAAG,eAAAD,GAAe,aAAAJ,GAAa,cAAAM,MACzDR;AAEF,SAAIiB,IAEA,gBAAAL;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,OAAOX,EAAEN,EAAI,cAAcA,EAAI,KAAK;AAAA,MACpC,WAAWD,EAAM,cAAc,QAAQ,SAAS;AAAA,MAEhD,UAAA,gBAAAY;AAAA,QAACb;AAAA,QAAA;AAAA,UACC,KAAAE;AAAA,UACA,aAAAC;AAAA,UACA,GAAAK;AAAA,UACA,eAAAD;AAAA,UACA,cAAAE;AAAA,UACA,UAAU;AAAA,UACV,WAAW;AAAA,UACX,QAAQR,EAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EAAA,IAMJ,gBAAAY;AAAA,IAACb;AAAA,IAAA;AAAA,MACC,KAAAE;AAAA,MACA,aAAAC;AAAA,MACA,GAAAK;AAAA,MACA,eAAAD;AAAA,MACA,cAAAE;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX,QAAQR,EAAM;AAAA,IAAA;AAAA,EAAA;AAGpB;"}
+{"version":3,"file":"VerticalSingleMenuItem.js","sources":["../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalSingleMenuItem.tsx"],"sourcesContent":["import Tooltip from \"@/components/ui/Tooltip\";\nimport Menu from \"@/components/ui/Menu\";\nimport AuthorityCheck from \"@/components/shared/AuthorityCheck\";\nimport VerticalMenuIcon from \"./VerticalMenuIcon\";\nimport { Link } from \"react-router-dom\";\nimport Dropdown from \"@/components/ui/Dropdown\";\nimport type { CommonProps } from \"@/@types/common\";\nimport type { Direction } from \"@/@types/theme\";\nimport type { NavigationTree } from \"@/@types/navigation\";\n\nconst { MenuItem } = Menu;\n\ntype LinkRenderer = (\n  nav: NavigationTree,\n  children: React.ReactNode\n) => React.ReactNode;\n\ninterface CollapsedItemProps extends CommonProps {\n  nav: NavigationTree;\n  direction?: Direction;\n  linkRenderer?: LinkRenderer;\n  onLinkClick?: (link: { key: string; title: string; path: string }) => void;\n  t: (\n    key: string,\n    fallback?: string | Record<string, string | number>\n  ) => string;\n  renderAsIcon?: boolean;\n  userAuthority: string[];\n  currentKey?: string;\n  parentKeys?: string[];\n}\n\ninterface DefaultItemProps {\n  nav: NavigationTree;\n  onLinkClick?: (link: { key: string; title: string; path: string }) => void;\n  sideCollapsed?: boolean;\n  t: (\n    key: string,\n    fallback?: string | Record<string, string | number>\n  ) => string;\n  indent?: boolean;\n  userAuthority: string[];\n  showIcon?: boolean;\n  showTitle?: boolean;\n  linkRenderer?: LinkRenderer;\n}\n\ninterface VerticalMenuItemProps extends CollapsedItemProps, DefaultItemProps {}\n\nconst CollapsedItem = ({\n  nav,\n  children,\n  direction,\n  renderAsIcon,\n  onLinkClick,\n  userAuthority,\n  t,\n  currentKey,\n  linkRenderer,\n}: CollapsedItemProps) => {\n  const linkContent = <span>{t(nav.translateKey, nav.title)}</span>;\n\n  const renderLink = () => {\n    if (linkRenderer) {\n      return linkRenderer(nav, linkContent);\n    }\n\n    return (\n      <Link\n        id={nav.path}\n        className=\"flex h-full w-full items-center outline-none\"\n        to={nav.path}\n        target={nav.isExternalLink ? \"_blank\" : \"\"}\n        onClick={() =>\n          onLinkClick?.({\n            key: nav.key,\n            title: nav.title,\n            path: nav.path,\n          })\n        }\n      >\n        {linkContent}\n      </Link>\n    );\n  };\n\n  return (\n    <Dropdown.Item active={currentKey === nav.key}>\n      {nav.path ? renderLink() : <span>{t(nav.translateKey, nav.title)}</span>}\n    </Dropdown.Item>\n  );\n};\n\nconst DefaultItem = (props: DefaultItemProps) => {\n  const {\n    nav,\n    onLinkClick,\n    showTitle,\n    indent,\n    showIcon = true,\n    userAuthority,\n    t,\n    linkRenderer,\n  } = props;\n\n  const linkContent = (\n    <>\n      {showIcon && <VerticalMenuIcon icon={nav.icon} />}\n      {showTitle && <span>{t(nav.translateKey, nav.title)}</span>}\n    </>\n  );\n\n  const renderLink = () => {\n    if (linkRenderer) {\n      return linkRenderer(nav, linkContent);\n    }\n\n    return (\n      <Link\n        to={nav.path}\n        className=\"flex h-full w-full items-center gap-2\"\n        target={nav.isExternalLink ? \"_blank\" : \"\"}\n        onClick={() =>\n          onLinkClick?.({\n            key: nav.key,\n            title: nav.title,\n            path: nav.path,\n          })\n        }\n      >\n        {linkContent}\n      </Link>\n    );\n  };\n\n  return (\n    <MenuItem key={nav.key} eventKey={nav.key} dotIndent={indent}>\n      {renderLink()}\n    </MenuItem>\n  );\n};\nconst VerticalSingleMenuItem = (props: VerticalMenuItemProps) => {\n  const { sideCollapsed, nav, t, userAuthority, onLinkClick, linkRenderer } =\n    props;\n\n  if (sideCollapsed) {\n    return (\n      <Tooltip\n        title={t(nav.translateKey, nav.title)}\n        placement={props.direction === \"rtl\" ? \"left\" : \"right\"}\n      >\n        <DefaultItem\n          nav={nav}\n          onLinkClick={onLinkClick}\n          t={t}\n          userAuthority={userAuthority}\n          linkRenderer={linkRenderer}\n          showIcon={true}\n          showTitle={false}\n          indent={props.indent}\n        />\n      </Tooltip>\n    );\n  }\n\n  return (\n    <DefaultItem\n      nav={nav}\n      onLinkClick={onLinkClick}\n      t={t}\n      userAuthority={userAuthority}\n      linkRenderer={linkRenderer}\n      showIcon={true}\n      showTitle={true}\n      indent={props.indent}\n    />\n  );\n};\nexport default VerticalSingleMenuItem;\n"],"names":["MenuItem","Menu","DefaultItem","props","nav","onLinkClick","showTitle","indent","showIcon","userAuthority","t","linkRenderer","linkContent","jsxs","Fragment","jsx","VerticalMenuIcon","renderLink","Link","VerticalSingleMenuItem","sideCollapsed","Tooltip"],"mappings":";;;;;;;AAUA,MAAM,EAAE,UAAAA,EAAa,IAAAC;AAmFrB,MAAMC,IAAc,CAACC,MAA4B;AACzC,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,eAAAC;AAAA,IACA,GAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACER,GAEES,IAED,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAAN,KAAa,gBAAAO,EAAAC,GAAA,EAAiB,MAAMZ,EAAI,MAAM;AAAA,IAC9CE,uBAAc,QAAM,EAAA,UAAAI,EAAEN,EAAI,cAAcA,EAAI,KAAK,EAAE,CAAA;AAAA,EAAA,GACtD,GAGIa,IAAa,MACbN,IACKA,EAAaP,GAAKQ,CAAW,IAIpC,gBAAAG;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,IAAId,EAAI;AAAA,MACR,WAAU;AAAA,MACV,QAAQA,EAAI,iBAAiB,WAAW;AAAA,MACxC,SAAS,MACPC,IAAc;AAAA,QACZ,KAAKD,EAAI;AAAA,QACT,OAAOA,EAAI;AAAA,QACX,MAAMA,EAAI;AAAA,MAAA,CACX;AAAA,MAGF,UAAAQ;AAAA,IAAA;AAAA,EACH;AAKF,SAAA,gBAAAG,EAACf,GAAuB,EAAA,UAAUI,EAAI,KAAK,WAAWG,GACnD,UAAAU,EADY,EAAA,GAAAb,EAAI,GAEnB;AAEJ,GACMe,IAAyB,CAAChB,MAAiC;AAC/D,QAAM,EAAE,eAAAiB,GAAe,KAAAhB,GAAK,GAAAM,GAAG,eAAAD,GAAe,aAAAJ,GAAa,cAAAM,MACzDR;AAEF,SAAIiB,IAEA,gBAAAL;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,OAAOX,EAAEN,EAAI,cAAcA,EAAI,KAAK;AAAA,MACpC,WAAWD,EAAM,cAAc,QAAQ,SAAS;AAAA,MAEhD,UAAA,gBAAAY;AAAA,QAACb;AAAA,QAAA;AAAA,UACC,KAAAE;AAAA,UACA,aAAAC;AAAA,UACA,GAAAK;AAAA,UACA,eAAAD;AAAA,UACA,cAAAE;AAAA,UACA,UAAU;AAAA,UACV,WAAW;AAAA,UACX,QAAQR,EAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EACF,IAKF,gBAAAY;AAAA,IAACb;AAAA,IAAA;AAAA,MACC,KAAAE;AAAA,MACA,aAAAC;AAAA,MACA,GAAAK;AAAA,MACA,eAAAD;AAAA,MACA,cAAAE;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX,QAAQR,EAAM;AAAA,IAAA;AAAA,EAChB;AAEJ;"}

package/dist/@ecme/components/ui/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../../lib/@ecme/components/ui/Alert/Alert.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from '../utils/classNames'\nimport useTimeout from '../hooks/useTimeout'\nimport {\n    HiCheckCircle,\n    HiInformationCircle,\n    HiExclamation,\n    HiXCircle,\n} from 'react-icons/hi'\nimport { motion } from 'framer-motion'\nimport CloseButton from '../CloseButton'\nimport StatusIcon from '../StatusIcon'\nimport type { TypeAttributes, CommonProps } from '../@types/common'\nimport type { ReactNode, MouseEvent, Ref } from 'react'\n\nexport interface AlertProps extends CommonProps {\n    closable?: boolean\n    customClose?: ReactNode | string\n    customIcon?: ReactNode | string\n    duration?: number\n    title?: ReactNode | string\n    onClose?: (e?: MouseEvent<HTMLDivElement>) => void\n    showIcon?: boolean\n    triggerByToast?: boolean\n    type?: TypeAttributes.Status\n    ref?: Ref<HTMLDivElement>\n}\n\nconst DEFAULT_TYPE = 'warning'\n\nconst TYPE_MAP = {\n    success: {\n        backgroundColor: 'bg-success-subtle',\n        titleColor: 'text-success',\n        textColor: 'text-success',\n        iconColor: 'text-success',\n        icon: <HiCheckCircle />,\n    },\n    info: {\n        backgroundColor: 'bg-info-subtle',\n        titleColor: 'text-info',\n        textColor: 'text-info',\n        iconColor: 'text-info',\n        icon: <HiInformationCircle />,\n    },\n    warning: {\n        backgroundColor: 'bg-warning-subtle',\n        titleColor: 'text-warning',\n        textColor: 'text-warning',\n        iconColor: 'text-warning',\n        icon: <HiExclamation />,\n    },\n    danger: {\n        backgroundColor: 'bg-error-subtle',\n        titleColor: 'text-error',\n        textColor: 'text-error',\n        iconColor: 'text-error',\n        icon: <HiXCircle />,\n    },\n}\n\nconst TYPE_ARRAY: TypeAttributes.Status[] = [\n    'success',\n    'danger',\n    'info',\n    'warning',\n]\n\nconst Alert = (props: AlertProps) => {\n    const {\n        children,\n        className,\n        closable = false,\n        customClose,\n        customIcon,\n        duration = 3000,\n        title = null,\n        onClose,\n        ref,\n        showIcon = false,\n        triggerByToast = false,\n        ...rest\n    } = props\n\n    const getType = () => {\n        const { type = DEFAULT_TYPE } = props\n        if (TYPE_ARRAY.includes(type)) {\n            return type\n        }\n        return DEFAULT_TYPE\n    }\n\n    const type = getType()\n    const typeMap = TYPE_MAP[type]\n\n    const [display, setDisplay] = useState('show')\n\n    const { clear } = useTimeout(\n        onClose as () => void,\n        duration,\n        (duration as number) > 0,\n    )\n\n    const handleClose = (e: MouseEvent<HTMLDivElement>) => {\n        setDisplay('hiding')\n        onClose?.(e)\n        clear()\n        if (!triggerByToast) {\n            setTimeout(() => {\n                setDisplay('hide')\n            }, 400)\n        }\n    }\n\n    const renderClose = () => {\n        return (\n            <div\n                className=\"cursor-pointer\"\n                role=\"presentation\"\n                onClick={(e) => handleClose(e)}\n            >\n                {customClose || (\n                    <CloseButton\n                        resetDefaultClass\n                        className=\"text-lg outline-none\"\n                    />\n                )}\n            </div>\n        )\n    }\n\n    const alertClass = classNames(\n        'alert',\n        typeMap.backgroundColor,\n        typeMap.textColor,\n        !title ? 'font-semibold' : '',\n        closable ? 'justify-between' : '',\n        closable && !title ? 'items-center' : '',\n        !triggerByToast && 'rounded-xl',\n\n        className,\n    )\n\n    if (display === 'hide') {\n        return null\n    }\n\n    return (\n        <motion.div\n            ref={ref}\n            className={alertClass}\n            initial={{ opacity: 1 }}\n            animate={display === 'hiding' ? 'exit' : 'animate'}\n            transition={{ duration: 0.25, type: 'tween' }}\n            variants={{\n                animate: {\n                    opacity: 1,\n                },\n                exit: {\n                    opacity: 0,\n                },\n            }}\n            {...rest}\n        >\n            <div\n                className={classNames(\n                    'flex gap-2',\n                    !title && children ? 'items-center' : '',\n                    title && children ? 'mt-0.5' : '',\n                )}\n            >\n                {showIcon && (\n                    <StatusIcon\n                        iconColor={typeMap.iconColor}\n                        custom={customIcon}\n                        type={type}\n                    />\n                )}\n                <div>\n                    {title ? (\n                        <div\n                            className={classNames(\n                                'font-semibold text-lg mb-1',\n                                typeMap.titleColor,\n                            )}\n                        >\n                            {title}\n                        </div>\n                    ) : null}\n                    {children}\n                </div>\n            </div>\n            {closable ? renderClose() : null}\n        </motion.div>\n    )\n}\n\nexport default Alert\n"],"names":["DEFAULT_TYPE","TYPE_MAP","HiCheckCircle","HiInformationCircle","HiExclamation","HiXCircle","TYPE_ARRAY","Alert","props","children","className","closable","customClose","customIcon","duration","title","onClose","ref","showIcon","triggerByToast","rest","type","typeMap","display","setDisplay","useState","clear","useTimeout","handleClose","renderClose","jsx","CloseButton","alertClass","classNames","jsxs","motion","StatusIcon"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../../../../../lib/@ecme/components/ui/Alert/Alert.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from '../utils/classNames'\nimport useTimeout from '../hooks/useTimeout'\nimport {\n    HiCheckCircle,\n    HiInformationCircle,\n    HiExclamation,\n    HiXCircle,\n} from 'react-icons/hi'\nimport { motion } from 'framer-motion'\nimport CloseButton from '../CloseButton'\nimport StatusIcon from '../StatusIcon'\nimport type { TypeAttributes, CommonProps } from '../@types/common'\nimport type { ReactNode, MouseEvent, Ref } from 'react'\n\nexport interface AlertProps extends CommonProps {\n    closable?: boolean\n    customClose?: ReactNode | string\n    customIcon?: ReactNode | string\n    duration?: number\n    title?: ReactNode | string\n    onClose?: (e?: MouseEvent<HTMLDivElement>) => void\n    showIcon?: boolean\n    triggerByToast?: boolean\n    type?: TypeAttributes.Status\n    ref?: Ref<HTMLDivElement>\n}\n\nconst DEFAULT_TYPE = 'warning'\n\nconst TYPE_MAP = {\n    success: {\n        backgroundColor: 'bg-success-subtle',\n        titleColor: 'text-success',\n        textColor: 'text-success',\n        iconColor: 'text-success',\n        icon: <HiCheckCircle />,\n    },\n    info: {\n        backgroundColor: 'bg-info-subtle',\n        titleColor: 'text-info',\n        textColor: 'text-info',\n        iconColor: 'text-info',\n        icon: <HiInformationCircle />,\n    },\n    warning: {\n        backgroundColor: 'bg-warning-subtle',\n        titleColor: 'text-warning',\n        textColor: 'text-warning',\n        iconColor: 'text-warning',\n        icon: <HiExclamation />,\n    },\n    danger: {\n        backgroundColor: 'bg-error-subtle',\n        titleColor: 'text-error',\n        textColor: 'text-error',\n        iconColor: 'text-error',\n        icon: <HiXCircle />,\n    },\n}\n\nconst TYPE_ARRAY: TypeAttributes.Status[] = [\n    'success',\n    'danger',\n    'info',\n    'warning',\n]\n\nconst Alert = (props: AlertProps) => {\n    const {\n        children,\n        className,\n        closable = false,\n        customClose,\n        customIcon,\n        duration = 3000,\n        title = null,\n        onClose,\n        ref,\n        showIcon = false,\n        triggerByToast = false,\n        ...rest\n    } = props\n\n    const getType = () => {\n        const { type = DEFAULT_TYPE } = props\n        if (TYPE_ARRAY.includes(type)) {\n            return type\n        }\n        return DEFAULT_TYPE\n    }\n\n    const type = getType()\n    const typeMap = TYPE_MAP[type]\n\n    const [display, setDisplay] = useState('show')\n\n    const { clear } = useTimeout(\n        onClose as () => void,\n        duration,\n        (duration as number) > 0,\n    )\n\n    const handleClose = (e: MouseEvent<HTMLDivElement>) => {\n        setDisplay('hiding')\n        onClose?.(e)\n        clear()\n        if (!triggerByToast) {\n            setTimeout(() => {\n                setDisplay('hide')\n            }, 400)\n        }\n    }\n\n    const renderClose = () => {\n        return (\n            <div\n                className=\"cursor-pointer\"\n                role=\"presentation\"\n                onClick={(e) => handleClose(e)}\n            >\n                {customClose || (\n                    <CloseButton\n                        resetDefaultClass\n                        className=\"text-lg outline-none\"\n                    />\n                )}\n            </div>\n        )\n    }\n\n    const alertClass = classNames(\n        'alert',\n        typeMap.backgroundColor,\n        typeMap.textColor,\n        !title ? 'font-semibold' : '',\n        closable ? 'justify-between' : '',\n        closable && !title ? 'items-center' : '',\n        !triggerByToast && 'rounded-xl',\n\n        className,\n    )\n\n    if (display === 'hide') {\n        return null\n    }\n\n    return (\n        <motion.div\n            ref={ref}\n            className={alertClass}\n            initial={{ opacity: 1 }}\n            animate={display === 'hiding' ? 'exit' : 'animate'}\n            transition={{ duration: 0.25, type: 'tween' }}\n            variants={{\n                animate: {\n                    opacity: 1,\n                },\n                exit: {\n                    opacity: 0,\n                },\n            }}\n            {...rest}\n        >\n            <div\n                className={classNames(\n                    'flex gap-2',\n                    !title && children ? 'items-center' : '',\n                    title && children ? 'mt-0.5' : '',\n                )}\n            >\n                {showIcon && (\n                    <StatusIcon\n                        iconColor={typeMap.iconColor}\n                        custom={customIcon}\n                        type={type}\n                    />\n                )}\n                <div>\n                    {title ? (\n                        <div\n                            className={classNames(\n                                'font-semibold text-lg mb-1',\n                                typeMap.titleColor,\n                            )}\n                        >\n                            {title}\n                        </div>\n                    ) : null}\n                    {children}\n                </div>\n            </div>\n            {closable ? renderClose() : null}\n        </motion.div>\n    )\n}\n\nexport default Alert\n"],"names":["DEFAULT_TYPE","TYPE_MAP","HiCheckCircle","HiInformationCircle","HiExclamation","HiXCircle","TYPE_ARRAY","Alert","props","children","className","closable","customClose","customIcon","duration","title","onClose","ref","showIcon","triggerByToast","rest","type","typeMap","display","setDisplay","useState","clear","useTimeout","handleClose","renderClose","jsx","CloseButton","alertClass","classNames","jsxs","motion","StatusIcon"],"mappings":"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"}

package/dist/@ecme/components/ui/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../../lib/@ecme/components/ui/Avatar/Avatar.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport useMergedRef from '../hooks/useMergeRef'\nimport classNames from 'classnames'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { ReactNode, Ref } from 'react'\n\nexport interface AvatarProps extends CommonProps {\n    alt?: string\n    icon?: ReactNode\n    onClick?: () => void\n    ref?: Ref<HTMLSpanElement>\n    size?: 'lg' | 'md' | 'sm' | number\n    shape?: Exclude<TypeAttributes.Shape, 'none'> | 'square'\n    src?: string\n    srcSet?: string\n}\n\nconst Avatar = (props: AvatarProps) => {\n    const {\n        alt,\n        className,\n        icon,\n        ref = null,\n        shape = 'circle',\n        size = 'md',\n        src,\n        srcSet,\n        ...rest\n    } = props\n\n    let { children } = props\n    const [scale, setScale] = useState(1)\n\n    const avatarChildren = useRef<HTMLSpanElement>(null)\n    const avatarNode = useRef<HTMLSpanElement>(null)\n\n    const avatarMergeRef = useMergedRef(ref, avatarNode)\n\n    const innerScale = () => {\n        if (!avatarChildren.current || !avatarNode.current) {\n            return\n        }\n        const avatarChildrenWidth = avatarChildren.current.offsetWidth\n        const avatarNodeWidth = avatarNode.current.offsetWidth\n        if (avatarChildrenWidth === 0 || avatarNodeWidth === 0) {\n            return\n        }\n        setScale(\n            avatarNodeWidth - 8 < avatarChildrenWidth\n                ? (avatarNodeWidth - 8) / avatarChildrenWidth\n                : 1,\n        )\n    }\n\n    useEffect(() => {\n        innerScale()\n    }, [scale, children])\n\n    const sizeStyle =\n        typeof size === 'number'\n            ? {\n                  width: size,\n                  height: size,\n                  minWidth: size,\n                  lineHeight: `${size}px`,\n                  fontSize: icon ? size / 2 : 12,\n              }\n            : {}\n\n    const classes = classNames(\n        'avatar',\n        `avatar-${shape}`,\n        typeof size === 'string' ? `avatar-${size}` : '',\n        className,\n    )\n\n    if (src) {\n        children = (\n            <img\n                className={`avatar-img avatar-${shape}`}\n                src={src}\n                srcSet={srcSet}\n                alt={alt}\n                loading=\"lazy\"\n            />\n        )\n    } else if (icon) {\n        children = (\n            <span className={classNames('avatar-icon', `avatar-icon-${size}`)}>\n                {icon}\n            </span>\n        )\n    } else {\n        const childrenSizeStyle =\n            typeof size === 'number' ? { lineHeight: `${size}px` } : {}\n        const stringCentralized = {\n            transform: `translateX(-50%) scale(${scale})`,\n        }\n        children = (\n            <span\n                ref={avatarChildren}\n                className={`avatar-string ${\n                    typeof size === 'number' ? '' : `avatar-inner-${size}`\n                }`}\n                style={{\n                    ...childrenSizeStyle,\n                    ...stringCentralized,\n                    ...(typeof size === 'number' ? { height: size } : {}),\n                }}\n            >\n                {children}\n            </span>\n        )\n    }\n\n    return (\n        <span\n            ref={avatarMergeRef}\n            className={classes}\n            style={{ ...sizeStyle, ...rest.style }}\n            {...rest}\n        >\n            {children}\n        </span>\n    )\n}\n\nexport default Avatar\n"],"names":["Avatar","props","alt","className","icon","ref","shape","size","src","srcSet","rest","children","scale","setScale","useState","avatarChildren","useRef","avatarNode","avatarMergeRef","useMergedRef","innerScale","avatarChildrenWidth","avatarNodeWidth","useEffect","sizeStyle","classes","classNames","jsx","childrenSizeStyle","stringCentralized"],"mappings":";;;;AAiBA,MAAMA,IAAS,CAACC,MAAuB;AACnC,QAAM;AAAA,IACF,KAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,KAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT;AAEJ,MAAI,EAAE,UAAAU,MAAaV;AACnB,QAAM,CAACW,GAAOC,CAAQ,IAAIC,EAAS,CAAC,GAE9BC,IAAiBC,EAAwB,IAAI,GAC7CC,IAAaD,EAAwB,IAAI,GAEzCE,IAAiBC,EAAad,GAAKY,CAAU,GAE7CG,IAAa,MAAM;AACrB,QAAI,CAACL,EAAe,WAAW,CAACE,EAAW;AACvC;AAEJ,UAAMI,IAAsBN,EAAe,QAAQ,aAC7CO,IAAkBL,EAAW,QAAQ;AAC3C,IAAII,MAAwB,KAAKC,MAAoB,KAGrDT;AAAA,MACIS,IAAkB,IAAID,KACfC,IAAkB,KAAKD,IACxB;AAAA,IAAA;AAAA,EAEd;AAEA,EAAAE,EAAU,MAAM;AACZ,IAAAH,EAAA;AAAA,EACJ,GAAG,CAACR,GAAOD,CAAQ,CAAC;AAEpB,QAAMa,IACF,OAAOjB,KAAS,WACV;AAAA,IACI,OAAOA;AAAA,IACP,QAAQA;AAAA,IACR,UAAUA;AAAA,IACV,YAAY,GAAGA,CAAI;AAAA,IACnB,UAAUH,IAAOG,IAAO,IAAI;AAAA,EAAA,IAEhC,CAAA,GAEJkB,IAAUC;AAAA,IACZ;AAAA,IACA,UAAUpB,CAAK;AAAA,IACf,OAAOC,KAAS,WAAW,UAAUA,CAAI,KAAK;AAAA,IAC9CJ;AAAA,EAAA;AAGJ,MAAIK;AACA,IAAAG,IACI,gBAAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,qBAAqBrB,CAAK;AAAA,QACrC,KAAAE;AAAA,QACA,QAAAC;AAAA,QACA,KAAAP;AAAA,QACA,SAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,WAGTE;AACP,IAAAO,IACI,gBAAAgB,EAAC,UAAK,WAAWD,EAAW,eAAe,eAAenB,CAAI,EAAE,GAC3D,UAAAH,EAAA,CACL;AAAA,OAED;AACH,UAAMwB,IACF,OAAOrB,KAAS,WAAW,EAAE,YAAY,GAAGA,CAAI,KAAA,IAAS,CAAA,GACvDsB,IAAoB;AAAA,MACtB,WAAW,0BAA0BjB,CAAK;AAAA,IAAA;AAE9C,IAAAD,IACI,gBAAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKZ;AAAA,QACL,WAAW,iBACP,OAAOR,KAAS,WAAW,KAAK,gBAAgBA,CAAI,EACxD;AAAA,QACA,OAAO;AAAA,UACH,GAAGqB;AAAA,UACH,GAAGC;AAAA,UACH,GAAI,OAAOtB,KAAS,WAAW,EAAE,QAAQA,EAAA,IAAS,CAAA;AAAA,QAAC;AAAA,QAGtD,UAAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AAEA,SACI,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKT;AAAA,MACL,WAAWO;AAAA,MACX,OAAO,EAAE,GAAGD,GAAW,GAAGd,EAAK,MAAA;AAAA,MAC9B,GAAGA;AAAA,MAEH,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"Avatar.js","sources":["../../../../../lib/@ecme/components/ui/Avatar/Avatar.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport useMergedRef from '../hooks/useMergeRef'\nimport classNames from 'classnames'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { ReactNode, Ref } from 'react'\n\nexport interface AvatarProps extends CommonProps {\n    alt?: string\n    icon?: ReactNode\n    onClick?: () => void\n    ref?: Ref<HTMLSpanElement>\n    size?: 'lg' | 'md' | 'sm' | number\n    shape?: Exclude<TypeAttributes.Shape, 'none'> | 'square'\n    src?: string\n    srcSet?: string\n}\n\nconst Avatar = (props: AvatarProps) => {\n    const {\n        alt,\n        className,\n        icon,\n        ref = null,\n        shape = 'circle',\n        size = 'md',\n        src,\n        srcSet,\n        ...rest\n    } = props\n\n    let { children } = props\n    const [scale, setScale] = useState(1)\n\n    const avatarChildren = useRef<HTMLSpanElement>(null)\n    const avatarNode = useRef<HTMLSpanElement>(null)\n\n    const avatarMergeRef = useMergedRef(ref, avatarNode)\n\n    const innerScale = () => {\n        if (!avatarChildren.current || !avatarNode.current) {\n            return\n        }\n        const avatarChildrenWidth = avatarChildren.current.offsetWidth\n        const avatarNodeWidth = avatarNode.current.offsetWidth\n        if (avatarChildrenWidth === 0 || avatarNodeWidth === 0) {\n            return\n        }\n        setScale(\n            avatarNodeWidth - 8 < avatarChildrenWidth\n                ? (avatarNodeWidth - 8) / avatarChildrenWidth\n                : 1,\n        )\n    }\n\n    useEffect(() => {\n        innerScale()\n    }, [scale, children])\n\n    const sizeStyle =\n        typeof size === 'number'\n            ? {\n                  width: size,\n                  height: size,\n                  minWidth: size,\n                  lineHeight: `${size}px`,\n                  fontSize: icon ? size / 2 : 12,\n              }\n            : {}\n\n    const classes = classNames(\n        'avatar',\n        `avatar-${shape}`,\n        typeof size === 'string' ? `avatar-${size}` : '',\n        className,\n    )\n\n    if (src) {\n        children = (\n            <img\n                className={`avatar-img avatar-${shape}`}\n                src={src}\n                srcSet={srcSet}\n                alt={alt}\n                loading=\"lazy\"\n            />\n        )\n    } else if (icon) {\n        children = (\n            <span className={classNames('avatar-icon', `avatar-icon-${size}`)}>\n                {icon}\n            </span>\n        )\n    } else {\n        const childrenSizeStyle =\n            typeof size === 'number' ? { lineHeight: `${size}px` } : {}\n        const stringCentralized = {\n            transform: `translateX(-50%) scale(${scale})`,\n        }\n        children = (\n            <span\n                ref={avatarChildren}\n                className={`avatar-string ${\n                    typeof size === 'number' ? '' : `avatar-inner-${size}`\n                }`}\n                style={{\n                    ...childrenSizeStyle,\n                    ...stringCentralized,\n                    ...(typeof size === 'number' ? { height: size } : {}),\n                }}\n            >\n                {children}\n            </span>\n        )\n    }\n\n    return (\n        <span\n            ref={avatarMergeRef}\n            className={classes}\n            style={{ ...sizeStyle, ...rest.style }}\n            {...rest}\n        >\n            {children}\n        </span>\n    )\n}\n\nexport default Avatar\n"],"names":["Avatar","props","alt","className","icon","ref","shape","size","src","srcSet","rest","children","scale","setScale","useState","avatarChildren","useRef","avatarNode","avatarMergeRef","useMergedRef","innerScale","avatarChildrenWidth","avatarNodeWidth","useEffect","sizeStyle","classes","classNames","jsx","childrenSizeStyle","stringCentralized"],"mappings":";;;;AAiBM,MAAAA,IAAS,CAACC,MAAuB;AAC7B,QAAA;AAAA,IACF,KAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,KAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT;AAEA,MAAA,EAAE,UAAAU,MAAaV;AACnB,QAAM,CAACW,GAAOC,CAAQ,IAAIC,EAAS,CAAC,GAE9BC,IAAiBC,EAAwB,IAAI,GAC7CC,IAAaD,EAAwB,IAAI,GAEzCE,IAAiBC,EAAad,GAAKY,CAAU,GAE7CG,IAAa,MAAM;AACrB,QAAI,CAACL,EAAe,WAAW,CAACE,EAAW;AACvC;AAEE,UAAAI,IAAsBN,EAAe,QAAQ,aAC7CO,IAAkBL,EAAW,QAAQ;AACvC,IAAAI,MAAwB,KAAKC,MAAoB,KAGrDT;AAAA,MACIS,IAAkB,IAAID,KACfC,IAAkB,KAAKD,IACxB;AAAA,IACV;AAAA,EACJ;AAEA,EAAAE,EAAU,MAAM;AACD,IAAAH,EAAA;AAAA,EAAA,GACZ,CAACR,GAAOD,CAAQ,CAAC;AAEd,QAAAa,IACF,OAAOjB,KAAS,WACV;AAAA,IACI,OAAOA;AAAA,IACP,QAAQA;AAAA,IACR,UAAUA;AAAA,IACV,YAAY,GAAGA,CAAI;AAAA,IACnB,UAAUH,IAAOG,IAAO,IAAI;AAAA,EAAA,IAEhC,CAAC,GAELkB,IAAUC;AAAA,IACZ;AAAA,IACA,UAAUpB,CAAK;AAAA,IACf,OAAOC,KAAS,WAAW,UAAUA,CAAI,KAAK;AAAA,IAC9CJ;AAAA,EACJ;AAEA,MAAIK;AAEI,IAAAG,IAAA,gBAAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,qBAAqBrB,CAAK;AAAA,QACrC,KAAAE;AAAA,QACA,QAAAC;AAAA,QACA,KAAAP;AAAA,QACA,SAAQ;AAAA,MAAA;AAAA,IACZ;AAAA,WAEGE;AAEH,IAAAO,IAAA,gBAAAgB,EAAC,UAAK,WAAWD,EAAW,eAAe,eAAenB,CAAI,EAAE,GAC3D,UACLH,EAAA,CAAA;AAAA,OAED;AACG,UAAAwB,IACF,OAAOrB,KAAS,WAAW,EAAE,YAAY,GAAGA,CAAI,KAAK,IAAI,CAAC,GACxDsB,IAAoB;AAAA,MACtB,WAAW,0BAA0BjB,CAAK;AAAA,IAC9C;AAEI,IAAAD,IAAA,gBAAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKZ;AAAA,QACL,WAAW,iBACP,OAAOR,KAAS,WAAW,KAAK,gBAAgBA,CAAI,EACxD;AAAA,QACA,OAAO;AAAA,UACH,GAAGqB;AAAA,UACH,GAAGC;AAAA,UACH,GAAI,OAAOtB,KAAS,WAAW,EAAE,QAAQA,EAAA,IAAS,CAAA;AAAA,QACtD;AAAA,QAEC,UAAAI;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAKJ,SAAA,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKT;AAAA,MACL,WAAWO;AAAA,MACX,OAAO,EAAE,GAAGD,GAAW,GAAGd,EAAK,MAAM;AAAA,MACpC,GAAGA;AAAA,MAEH,UAAAC;AAAA,IAAA;AAAA,EACL;AAER;"}

package/dist/@ecme/components/ui/Avatar/AvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.js","sources":["../../../../../lib/@ecme/components/ui/Avatar/AvatarGroup.tsx"],"sourcesContent":["import { Children, cloneElement, Fragment } from 'react'\nimport classNames from 'classnames'\nimport Avatar from './Avatar'\nimport Tooltip from '../Tooltip/Tooltip'\nimport type { AvatarProps } from './Avatar'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ReactElement } from 'react'\nimport type { TooltipProps } from '../Tooltip/Tooltip'\n\nexport interface AvatarGroupProps extends CommonProps {\n    chained?: boolean\n    maxCount?: number\n    onOmittedAvatarClick?: () => void\n    omittedAvatarContent?: string | ReactNode\n    omittedAvatarProps?: AvatarProps\n    omittedAvatarTooltip?: boolean\n    omittedAvatarTooltipProps?: Omit<TooltipProps, 'title'>\n}\n\ninterface GroupContainerProps\n    extends CommonProps,\n        Pick<AvatarGroupProps, 'chained'> {}\n\nconst GroupContainer = ({\n    children,\n    chained,\n    className,\n}: GroupContainerProps) => (\n    <div\n        className={classNames(\n            'avatar-group',\n            chained && 'avatar-group-chained',\n            className,\n        )}\n    >\n        {children}\n    </div>\n)\n\nconst AvatarGroup = (props: AvatarGroupProps) => {\n    const {\n        chained = false,\n        children,\n        className,\n        maxCount = 4,\n        onOmittedAvatarClick,\n        omittedAvatarContent,\n        omittedAvatarProps,\n        omittedAvatarTooltip = false,\n        omittedAvatarTooltipProps,\n    } = props\n\n    const childCount = Children.count(children)\n\n    const childWithKey = Children.toArray(children).map((child, index) =>\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        cloneElement(child as ReactElement<any>, {\n            key: `grouped-avatar-${index}`,\n        }),\n    )\n\n    if (maxCount && maxCount < childCount) {\n        const childToShow = childWithKey.slice(0, maxCount)\n        const overflowCount = childCount - maxCount\n        const avatar = (\n            <Avatar\n                className={onOmittedAvatarClick ? 'cursor-pointer' : ''}\n                onClick={() => onOmittedAvatarClick?.()}\n                {...omittedAvatarProps}\n            >\n                {omittedAvatarContent || `+${overflowCount}`}\n            </Avatar>\n        )\n\n        childToShow.push(\n            omittedAvatarTooltip ? (\n                <Tooltip\n                    key=\"avatar-more-tooltip\"\n                    title={`${overflowCount} More`}\n                    {...omittedAvatarTooltipProps}\n                >\n                    <>{avatar}</>\n                </Tooltip>\n            ) : (\n                <Fragment key=\"avatar-more-tooltip\">{avatar}</Fragment>\n            ),\n        )\n        return (\n            <GroupContainer className={className} chained={chained}>\n                {childToShow}\n            </GroupContainer>\n        )\n    }\n\n    return (\n        <GroupContainer className={className} chained={chained}>\n            {children}\n        </GroupContainer>\n    )\n}\n\nexport default AvatarGroup\n"],"names":["GroupContainer","children","chained","className","jsx","classNames","AvatarGroup","props","maxCount","onOmittedAvatarClick","omittedAvatarContent","omittedAvatarProps","omittedAvatarTooltip","omittedAvatarTooltipProps","childCount","Children","childWithKey","child","index","cloneElement","childToShow","overflowCount","avatar","Avatar","Tooltip","Fragment"],"mappings":";;;;;AAuBA,MAAMA,IAAiB,CAAC;AAAA,EACpB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACJ,MACI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAWC;AAAA,MACP;AAAA,MACAH,KAAW;AAAA,MACXC;AAAA,IAAA;AAAA,IAGH,UAAAF;AAAA,EAAA;AACL,GAGEK,IAAc,CAACC,MAA4B;AAC7C,QAAM;AAAA,IACF,SAAAL,IAAU;AAAA,IACV,UAAAD;AAAA,IACA,WAAAE;AAAA,IACA,UAAAK,IAAW;AAAA,IACX,sBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,2BAAAC;AAAA,EAAA,IACAN,GAEEO,IAAaC,EAAS,MAAMd,CAAQ,GAEpCe,IAAeD,EAAS,QAAQd,CAAQ,EAAE;AAAA,IAAI,CAACgB,GAAOC;AAAA;AAAA,MAExDC,EAAaF,GAA4B;AAAA,QACrC,KAAK,kBAAkBC,CAAK;AAAA,MAAA,CAC/B;AAAA;AAAA,EAAA;AAGL,MAAIV,KAAYA,IAAWM,GAAY;AACnC,UAAMM,IAAcJ,EAAa,MAAM,GAAGR,CAAQ,GAC5Ca,IAAgBP,IAAaN,GAC7Bc,IACF,gBAAAlB;AAAA,MAACmB;AAAA,MAAA;AAAA,QACG,WAAWd,IAAuB,mBAAmB;AAAA,QACrD,SAAS,MAAMA,IAAA;AAAA,QACd,GAAGE;AAAA,QAEH,UAAAD,KAAwB,IAAIW,CAAa;AAAA,MAAA;AAAA,IAAA;AAIlD,WAAAD,EAAY;AAAA,MACRR,IACI,gBAAAR;AAAA,QAACoB;AAAA,QAAA;AAAA,UAEG,OAAO,GAAGH,CAAa;AAAA,UACtB,GAAGR;AAAA,UAEJ,iCAAG,UAAAS,EAAA,CAAO;AAAA,QAAA;AAAA,QAJN;AAAA,MAAA,IAOR,gBAAAlB,EAACqB,GAAA,EAAoC,eAAvB,qBAA8B;AAAA,IAAA,GAIhD,gBAAArB,EAACJ,GAAA,EAAe,WAAAG,GAAsB,SAAAD,GACjC,UAAAkB,GACL;AAAA,EAER;AAEA,SACI,gBAAAhB,EAACJ,GAAA,EAAe,WAAAG,GAAsB,SAAAD,GACjC,UAAAD,EAAA,CACL;AAER;"}
+{"version":3,"file":"AvatarGroup.js","sources":["../../../../../lib/@ecme/components/ui/Avatar/AvatarGroup.tsx"],"sourcesContent":["import { Children, cloneElement, Fragment } from 'react'\nimport classNames from 'classnames'\nimport Avatar from './Avatar'\nimport Tooltip from '../Tooltip/Tooltip'\nimport type { AvatarProps } from './Avatar'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ReactElement } from 'react'\nimport type { TooltipProps } from '../Tooltip/Tooltip'\n\nexport interface AvatarGroupProps extends CommonProps {\n    chained?: boolean\n    maxCount?: number\n    onOmittedAvatarClick?: () => void\n    omittedAvatarContent?: string | ReactNode\n    omittedAvatarProps?: AvatarProps\n    omittedAvatarTooltip?: boolean\n    omittedAvatarTooltipProps?: Omit<TooltipProps, 'title'>\n}\n\ninterface GroupContainerProps\n    extends CommonProps,\n        Pick<AvatarGroupProps, 'chained'> {}\n\nconst GroupContainer = ({\n    children,\n    chained,\n    className,\n}: GroupContainerProps) => (\n    <div\n        className={classNames(\n            'avatar-group',\n            chained && 'avatar-group-chained',\n            className,\n        )}\n    >\n        {children}\n    </div>\n)\n\nconst AvatarGroup = (props: AvatarGroupProps) => {\n    const {\n        chained = false,\n        children,\n        className,\n        maxCount = 4,\n        onOmittedAvatarClick,\n        omittedAvatarContent,\n        omittedAvatarProps,\n        omittedAvatarTooltip = false,\n        omittedAvatarTooltipProps,\n    } = props\n\n    const childCount = Children.count(children)\n\n    const childWithKey = Children.toArray(children).map((child, index) =>\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        cloneElement(child as ReactElement<any>, {\n            key: `grouped-avatar-${index}`,\n        }),\n    )\n\n    if (maxCount && maxCount < childCount) {\n        const childToShow = childWithKey.slice(0, maxCount)\n        const overflowCount = childCount - maxCount\n        const avatar = (\n            <Avatar\n                className={onOmittedAvatarClick ? 'cursor-pointer' : ''}\n                onClick={() => onOmittedAvatarClick?.()}\n                {...omittedAvatarProps}\n            >\n                {omittedAvatarContent || `+${overflowCount}`}\n            </Avatar>\n        )\n\n        childToShow.push(\n            omittedAvatarTooltip ? (\n                <Tooltip\n                    key=\"avatar-more-tooltip\"\n                    title={`${overflowCount} More`}\n                    {...omittedAvatarTooltipProps}\n                >\n                    <>{avatar}</>\n                </Tooltip>\n            ) : (\n                <Fragment key=\"avatar-more-tooltip\">{avatar}</Fragment>\n            ),\n        )\n        return (\n            <GroupContainer className={className} chained={chained}>\n                {childToShow}\n            </GroupContainer>\n        )\n    }\n\n    return (\n        <GroupContainer className={className} chained={chained}>\n            {children}\n        </GroupContainer>\n    )\n}\n\nexport default AvatarGroup\n"],"names":["GroupContainer","children","chained","className","jsx","classNames","AvatarGroup","props","maxCount","onOmittedAvatarClick","omittedAvatarContent","omittedAvatarProps","omittedAvatarTooltip","omittedAvatarTooltipProps","childCount","Children","childWithKey","child","index","cloneElement","childToShow","overflowCount","avatar","Avatar","Tooltip","Fragment"],"mappings":";;;;;AAuBA,MAAMA,IAAiB,CAAC;AAAA,EACpB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACJ,MACI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAWC;AAAA,MACP;AAAA,MACAH,KAAW;AAAA,MACXC;AAAA,IACJ;AAAA,IAEC,UAAAF;AAAA,EAAA;AACL,GAGEK,IAAc,CAACC,MAA4B;AACvC,QAAA;AAAA,IACF,SAAAL,IAAU;AAAA,IACV,UAAAD;AAAA,IACA,WAAAE;AAAA,IACA,UAAAK,IAAW;AAAA,IACX,sBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,2BAAAC;AAAA,EAAA,IACAN,GAEEO,IAAaC,EAAS,MAAMd,CAAQ,GAEpCe,IAAeD,EAAS,QAAQd,CAAQ,EAAE;AAAA,IAAI,CAACgB,GAAOC;AAAA;AAAA,MAExDC,EAAaF,GAA4B;AAAA,QACrC,KAAK,kBAAkBC,CAAK;AAAA,MAC/B,CAAA;AAAA;AAAA,EACL;AAEI,MAAAV,KAAYA,IAAWM,GAAY;AACnC,UAAMM,IAAcJ,EAAa,MAAM,GAAGR,CAAQ,GAC5Ca,IAAgBP,IAAaN,GAC7Bc,IACF,gBAAAlB;AAAA,MAACmB;AAAA,MAAA;AAAA,QACG,WAAWd,IAAuB,mBAAmB;AAAA,QACrD,SAAS,MAAMA,IAAuB;AAAA,QACrC,GAAGE;AAAA,QAEH,UAAAD,KAAwB,IAAIW,CAAa;AAAA,MAAA;AAAA,IAC9C;AAGQ,WAAAD,EAAA;AAAA,MACRR,IACI,gBAAAR;AAAA,QAACoB;AAAA,QAAA;AAAA,UAEG,OAAO,GAAGH,CAAa;AAAA,UACtB,GAAGR;AAAA,UAEJ,iCAAG,UAAOS,EAAA,CAAA;AAAA,QAAA;AAAA,QAJN;AAAA,MAOR,IAAA,gBAAAlB,EAACqB,GAAA,EAAoC,eAAvB,qBAA8B;AAAA,IAEpD,GAEK,gBAAArB,EAAAJ,GAAA,EAAe,WAAAG,GAAsB,SAAAD,GACjC,UACLkB,GAAA;AAAA,EAAA;AAIR,SACK,gBAAAhB,EAAAJ,GAAA,EAAe,WAAAG,GAAsB,SAAAD,GACjC,UAAAD,EACL,CAAA;AAER;"}

package/dist/@ecme/components/ui/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../../lib/@ecme/components/ui/Badge/Badge.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport type { CommonProps } from '../@types/common'\nimport type { CSSProperties, Ref } from 'react'\n\nexport interface BadgeProps extends CommonProps {\n    badgeStyle?: CSSProperties\n    content?: string | number\n    innerClass?: string\n    maxCount?: number\n    ref?: Ref<HTMLSpanElement>\n}\n\nconst Badge = (props: BadgeProps) => {\n    const {\n        badgeStyle,\n        children,\n        className,\n        content,\n        innerClass,\n        maxCount = 99,\n        ref,\n        ...rest\n    } = props\n\n    const badgeBaseClass =\n        'rounded-full text-xs font-semibold bg-error text-white'\n\n    const dot = typeof content !== 'number' && typeof content !== 'string'\n\n    const badgeClass = classNames(\n        dot\n            ? 'badge-dot w-3 h-3 border border-white dark:border-gray-900'\n            : 'badge px-2 py-1 min-w-6',\n        badgeBaseClass,\n        innerClass,\n    )\n\n    const renderBadge = () => {\n        if (children) {\n            return (\n                <span\n                    ref={ref}\n                    className={classNames(\n                        'badge-wrapper relative flex',\n                        className,\n                    )}\n                    {...rest}\n                >\n                    <span\n                        className={classNames(badgeClass, 'badge-inner')}\n                        style={badgeStyle}\n                    >\n                        {typeof content === 'number' && content > maxCount\n                            ? `${maxCount}+`\n                            : content}\n                    </span>\n                    {children}\n                </span>\n            )\n        }\n        return (\n            <span\n                ref={ref}\n                className={classNames(badgeClass, className)}\n                style={badgeStyle}\n                {...rest}\n            >\n                {content}\n            </span>\n        )\n    }\n\n    return renderBadge()\n}\n\nBadge.displayName = 'Badge'\n\nexport default Badge\n"],"names":["Badge","props","badgeStyle","children","className","content","innerClass","maxCount","ref","rest","badgeClass","classNames","jsxs","jsx"],"mappings":";;AAYA,MAAMA,IAAQ,CAACC,MAAsB;AACjC,QAAM;AAAA,IACF,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHR,GAOES,IAAaC;AAAA,IAFP,OAAON,KAAY,YAAY,OAAOA,KAAY,WAIpD,+DACA;AAAA,IAPN;AAAA,IASAC;AAAA,EAAA;AAsCJ,SAlCQH,IAEI,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAJ;AAAA,MACA,WAAWG;AAAA,QACP;AAAA,QACAP;AAAA,MAAA;AAAA,MAEH,GAAGK;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWF,EAAWD,GAAY,aAAa;AAAA,YAC/C,OAAOR;AAAA,YAEN,iBAAOG,KAAY,YAAYA,IAAUE,IACpC,GAAGA,CAAQ,MACXF;AAAA,UAAA;AAAA,QAAA;AAAA,QAETF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAKT,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAL;AAAA,MACA,WAAWG,EAAWD,GAAYN,CAAS;AAAA,MAC3C,OAAOF;AAAA,MACN,GAAGO;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAMjB;AAEAL,EAAM,cAAc;"}
+{"version":3,"file":"Badge.js","sources":["../../../../../lib/@ecme/components/ui/Badge/Badge.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport type { CommonProps } from '../@types/common'\nimport type { CSSProperties, Ref } from 'react'\n\nexport interface BadgeProps extends CommonProps {\n    badgeStyle?: CSSProperties\n    content?: string | number\n    innerClass?: string\n    maxCount?: number\n    ref?: Ref<HTMLSpanElement>\n}\n\nconst Badge = (props: BadgeProps) => {\n    const {\n        badgeStyle,\n        children,\n        className,\n        content,\n        innerClass,\n        maxCount = 99,\n        ref,\n        ...rest\n    } = props\n\n    const badgeBaseClass =\n        'rounded-full text-xs font-semibold bg-error text-white'\n\n    const dot = typeof content !== 'number' && typeof content !== 'string'\n\n    const badgeClass = classNames(\n        dot\n            ? 'badge-dot w-3 h-3 border border-white dark:border-gray-900'\n            : 'badge px-2 py-1 min-w-6',\n        badgeBaseClass,\n        innerClass,\n    )\n\n    const renderBadge = () => {\n        if (children) {\n            return (\n                <span\n                    ref={ref}\n                    className={classNames(\n                        'badge-wrapper relative flex',\n                        className,\n                    )}\n                    {...rest}\n                >\n                    <span\n                        className={classNames(badgeClass, 'badge-inner')}\n                        style={badgeStyle}\n                    >\n                        {typeof content === 'number' && content > maxCount\n                            ? `${maxCount}+`\n                            : content}\n                    </span>\n                    {children}\n                </span>\n            )\n        }\n        return (\n            <span\n                ref={ref}\n                className={classNames(badgeClass, className)}\n                style={badgeStyle}\n                {...rest}\n            >\n                {content}\n            </span>\n        )\n    }\n\n    return renderBadge()\n}\n\nBadge.displayName = 'Badge'\n\nexport default Badge\n"],"names":["Badge","props","badgeStyle","children","className","content","innerClass","maxCount","ref","rest","badgeClass","classNames","jsxs","jsx"],"mappings":";;AAYM,MAAAA,IAAQ,CAACC,MAAsB;AAC3B,QAAA;AAAA,IACF,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHR,GAOES,IAAaC;AAAA,IAFP,OAAON,KAAY,YAAY,OAAOA,KAAY,WAIpD,+DACA;AAAA,IAPN;AAAA,IASAC;AAAA,EACJ;AAqCA,SAlCQH,IAEI,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAJ;AAAA,MACA,WAAWG;AAAA,QACP;AAAA,QACAP;AAAA,MACJ;AAAA,MACC,GAAGK;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWF,EAAWD,GAAY,aAAa;AAAA,YAC/C,OAAOR;AAAA,YAEN,iBAAOG,KAAY,YAAYA,IAAUE,IACpC,GAAGA,CAAQ,MACXF;AAAA,UAAA;AAAA,QACV;AAAA,QACCF;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,IAIJ,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAL;AAAA,MACA,WAAWG,EAAWD,GAAYN,CAAS;AAAA,MAC3C,OAAOF;AAAA,MACN,GAAGO;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EACL;AAKZ;AAEAL,EAAM,cAAc;"}

package/dist/@ecme/components/ui/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../lib/@ecme/components/ui/Button/Button.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm } from '../Form/context'\nimport { useInputGroup } from '../InputGroup/context'\nimport { CONTROL_SIZES, SIZES } from '../utils/constants'\nimport { Spinner } from '../Spinner'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type {\n    ReactNode,\n    ComponentPropsWithRef,\n    MouseEvent,\n    ElementType,\n} from 'react'\n\nexport interface ButtonProps\n    extends CommonProps,\n        Omit<ComponentPropsWithRef<'button'>, 'onClick'> {\n    asElement?: ElementType\n    active?: boolean\n    block?: boolean\n    clickFeedback?: boolean\n    customColorClass?: (state: {\n        active: boolean\n        unclickable: boolean\n    }) => string\n    disabled?: boolean\n    icon?: string | ReactNode\n    loading?: boolean\n    onClick?: (e: MouseEvent<HTMLButtonElement>) => void\n    ref?: React.Ref<HTMLButtonElement>\n    shape?: TypeAttributes.Shape\n    size?: TypeAttributes.Size\n    variant?: 'solid' | 'plain' | 'default'\n    iconAlignment?: 'start' | 'end'\n}\n\ntype ButtonColor = {\n    bgColor: string\n    hoverColor: string\n    activeColor: string\n    textColor: string\n}\n\nconst radiusShape: Record<TypeAttributes.Shape, string> = {\n    round: 'rounded-xl',\n    circle: 'rounded-full',\n    none: 'rounded-none',\n}\n\nconst Button = (props: ButtonProps) => {\n    const {\n        asElement: Component = 'button',\n        active = false,\n        block = false,\n        children,\n        className,\n        clickFeedback = true,\n        customColorClass,\n        disabled,\n        icon,\n        loading = false,\n        ref,\n        shape = 'round',\n        size,\n        variant = 'default',\n        iconAlignment = 'start',\n        ...rest\n    } = props\n    const { controlSize, ui } = useConfig()\n    const formControlSize = useForm()?.size\n    const inputGroupSize = useInputGroup()?.size\n    const defaultClass = 'button'\n    const sizeIconClass = 'inline-flex items-center justify-center'\n\n    const buttonSize = size || inputGroupSize || formControlSize || controlSize\n    const feedback = !ui?.button?.disableClickFeedback || clickFeedback\n    const unclickable = disabled || loading\n\n    const getButtonSize = () => {\n        let sizeClass = ''\n        switch (buttonSize) {\n            case SIZES.LG:\n                sizeClass = classNames(\n                    CONTROL_SIZES.lg.h,\n                    radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.lg.w} ${sizeIconClass} text-2xl`\n                        : 'px-8 py-2 text-base',\n                )\n                break\n            case SIZES.SM:\n                sizeClass = classNames(\n                    CONTROL_SIZES.sm.h,\n                    shape === 'round' ? 'rounded-xl' : radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.sm.w} ${sizeIconClass} text-lg`\n                        : 'px-3 py-2 text-sm',\n                )\n                break\n            case SIZES.XS:\n                sizeClass = classNames(\n                    CONTROL_SIZES.xs.h,\n                    shape === 'round' ? 'rounded-lg' : radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.xs.w} ${sizeIconClass} text-base`\n                        : 'px-3 py-1 text-xs',\n                )\n                break\n            default:\n                sizeClass = classNames(\n                    CONTROL_SIZES.md.h,\n                    radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.md.w} ${sizeIconClass} text-xl`\n                        : 'px-5 py-2',\n                )\n                break\n        }\n        return sizeClass\n    }\n\n    const disabledClass = 'cursor-not-allowed opacity-50'\n\n    const solidColor = () => {\n        const btn = {\n            bgColor: active ? `bg-primary-deep` : `bg-primary`,\n            textColor: 'text-neutral',\n            hoverColor: active ? '' : `hover:bg-primary-mild`,\n            activeColor: ``,\n        }\n        return getBtnColor(btn)\n    }\n\n    const plainColor = () => {\n        const btn = {\n            bgColor: active ? `` : `dark:primary-mild dark:bg-opacity-20`,\n            textColor: ``,\n            hoverColor: active ? '' : `hover:text-primary-mild`,\n            activeColor: `dark:active:primary-mild dark:active:bg-opacity-40`,\n        }\n        return getBtnColor(btn)\n    }\n\n    const defaultColor = () => {\n        const btn = {\n            bgColor: active\n                ? `bg-gray-100 border border-gray-300 dark:bg-gray-500 dark:border-gray-500`\n                : `bg-white border border-gray-300 dark:bg-gray-700 dark:border-gray-700`,\n            textColor: `text-gray-600 dark:text-gray-100`,\n            hoverColor: active\n                ? ''\n                : `ring-primary dark:ring-primary hover:border-primary dark:hover:border-primary hover:ring-1 hover:text-primary dark:hover:text-white dark:hover:bg-transparent`,\n            activeColor: ``,\n        }\n        return getBtnColor(btn)\n    }\n\n    const getBtnColor = ({\n        bgColor,\n        hoverColor,\n        activeColor,\n        textColor,\n    }: ButtonColor) => {\n        return `${bgColor} ${\n            unclickable ? disabledClass : hoverColor + ' ' + activeColor\n        } ${textColor}`\n    }\n\n    const btnColor = () => {\n        switch (variant) {\n            case 'solid':\n                return solidColor()\n            case 'plain':\n                return plainColor()\n            case 'default':\n                return defaultColor()\n            default:\n                return defaultColor()\n        }\n    }\n\n    const classes = classNames(\n        defaultClass,\n        btnColor(),\n        getButtonSize(),\n        className,\n        block ? 'w-full' : '',\n        feedback && !unclickable && 'button-press-feedback',\n        customColorClass?.({\n            active,\n            unclickable,\n        }),\n    )\n\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n        const { onClick } = props\n        if (unclickable) {\n            e.preventDefault()\n            return\n        }\n        onClick?.(e)\n    }\n\n    const renderChildren = () => {\n        if (loading && children) {\n            return (\n                <span className=\"flex items-center justify-center\">\n                    <Spinner enableTheme={false} className=\"mr-1\" />\n                    {children}\n                </span>\n            )\n        }\n\n        if (icon && !children && loading) {\n            return <Spinner enableTheme={false} />\n        }\n\n        if (icon && !children && !loading) {\n            return <>{icon}</>\n        }\n\n        if (icon && children && !loading) {\n            return (\n                <span className=\"flex items-center justify-center gap-1\">\n                    {iconAlignment === 'start' && (\n                        <span className=\"text-lg\">{icon}</span>\n                    )}\n                    <span>{children}</span>\n                    {iconAlignment === 'end' && (\n                        <span className=\"text-lg\">{icon}</span>\n                    )}\n                </span>\n            )\n        }\n\n        return <>{children}</>\n    }\n\n    return (\n        <Component\n            ref={ref}\n            className={classes}\n            {...rest}\n            onClick={handleClick}\n        >\n            {renderChildren()}\n        </Component>\n    )\n}\n\nexport default Button\n"],"names":["radiusShape","Button","props","Component","active","block","children","className","clickFeedback","customColorClass","disabled","icon","loading","ref","shape","size","variant","iconAlignment","rest","controlSize","ui","useConfig","formControlSize","useForm","inputGroupSize","useInputGroup","defaultClass","sizeIconClass","buttonSize","feedback","unclickable","getButtonSize","sizeClass","SIZES","classNames","CONTROL_SIZES","disabledClass","solidColor","getBtnColor","plainColor","defaultColor","bgColor","hoverColor","activeColor","textColor","classes","jsx","e","onClick","jsxs","Spinner"],"mappings":";;;;;;;;;AA2CA,MAAMA,IAAoD;AAAA,EACtD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACV,GAEMC,KAAS,CAACC,MAAuB;AACnC,QAAM;AAAA,IACF,WAAWC,IAAY;AAAA,IACvB,QAAAC,IAAS;AAAA,IACT,OAAAC,IAAQ;AAAA,IACR,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,kBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,KAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,MAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,eAAAC,IAAgB;AAAA,IAChB,GAAGC;AAAA,EAAA,IACHhB,GACE,EAAE,aAAAiB,GAAa,IAAAC,EAAA,IAAOC,EAAA,GACtBC,IAAkBC,KAAW,MAC7BC,IAAiBC,KAAiB,MAClCC,IAAe,UACfC,IAAgB,2CAEhBC,IAAab,KAAQS,KAAkBF,KAAmBH,GAC1DU,IAAW,CAACT,GAAI,QAAQ,wBAAwBZ,GAChDsB,IAAcpB,KAAYE,GAE1BmB,IAAgB,MAAM;AACxB,QAAIC,IAAY;AAChB,YAAQJ,GAAA;AAAA,MACJ,KAAKK,EAAM;AACP,QAAAD,IAAYE;AAAA,UACRC,EAAc,GAAG;AAAA,UACjBnC,EAAYc,CAAK;AAAA,UACjBH,KAAQ,CAACL,IACH,GAAG6B,EAAc,GAAG,CAAC,IAAIR,CAAa,cACtC;AAAA,QAAA;AAEV;AAAA,MACJ,KAAKM,EAAM;AACP,QAAAD,IAAYE;AAAA,UACRC,EAAc,GAAG;AAAA,UACjBrB,MAAU,UAAU,eAAed,EAAYc,CAAK;AAAA,UACpDH,KAAQ,CAACL,IACH,GAAG6B,EAAc,GAAG,CAAC,IAAIR,CAAa,aACtC;AAAA,QAAA;AAEV;AAAA,MACJ,KAAKM,EAAM;AACP,QAAAD,IAAYE;AAAA,UACRC,EAAc,GAAG;AAAA,UACjBrB,MAAU,UAAU,eAAed,EAAYc,CAAK;AAAA,UACpDH,KAAQ,CAACL,IACH,GAAG6B,EAAc,GAAG,CAAC,IAAIR,CAAa,eACtC;AAAA,QAAA;AAEV;AAAA,MACJ;AACI,QAAAK,IAAYE;AAAA,UACRC,EAAc,GAAG;AAAA,UACjBnC,EAAYc,CAAK;AAAA,UACjBH,KAAQ,CAACL,IACH,GAAG6B,EAAc,GAAG,CAAC,IAAIR,CAAa,aACtC;AAAA,QAAA;AAEV;AAAA,IAAA;AAER,WAAOK;AAAA,EACX,GAEMI,IAAgB,iCAEhBC,IAAa,MAORC,EANK;AAAA,IACR,SAASlC,IAAS,oBAAoB;AAAA,IACtC,WAAW;AAAA,IACX,YAAYA,IAAS,KAAK;AAAA,IAC1B,aAAa;AAAA,EAAA,CAEK,GAGpBmC,IAAa,MAORD,EANK;AAAA,IACR,SAASlC,IAAS,KAAK;AAAA,IACvB,WAAW;AAAA,IACX,YAAYA,IAAS,KAAK;AAAA,IAC1B,aAAa;AAAA,EAAA,CAEK,GAGpBoC,IAAe,MAWVF,EAVK;AAAA,IACR,SAASlC,IACH,6EACA;AAAA,IACN,WAAW;AAAA,IACX,YAAYA,IACN,KACA;AAAA,IACN,aAAa;AAAA,EAAA,CAEK,GAGpBkC,IAAc,CAAC;AAAA,IACjB,SAAAG;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,MAEO,GAAGH,CAAO,IACbX,IAAcM,IAAgBM,IAAa,MAAMC,CACrD,IAAIC,CAAS,IAgBXC,IAAUX;AAAA,IACZR;AAAA,KAda,MAAM;AACnB,cAAQV,GAAA;AAAA,QACJ,KAAK;AACD,iBAAOqB,EAAA;AAAA,QACX,KAAK;AACD,iBAAOE,EAAA;AAAA,QACX,KAAK;AACD,iBAAOC,EAAA;AAAA,QACX;AACI,iBAAOA,EAAA;AAAA,MAAa;AAAA,IAEhC,GAII;AAAA,IACAT,EAAA;AAAA,IACAxB;AAAA,IACAF,IAAQ,WAAW;AAAA,IACnBwB,KAAY,CAACC,KAAe;AAAA,IAC5BrB,IAAmB;AAAA,MACf,QAAAL;AAAA,MACA,aAAA0B;AAAA,IAAA,CACH;AAAA,EAAA;AA+CL,SACI,gBAAAgB;AAAA,IAAC3C;AAAA,IAAA;AAAA,MACG,KAAAU;AAAA,MACA,WAAWgC;AAAA,MACV,GAAG3B;AAAA,MACJ,SAjDY,CAAC6B,MAAqC;AACtD,cAAM,EAAE,SAAAC,MAAY9C;AACpB,YAAI4B,GAAa;AACb,UAAAiB,EAAE,eAAA;AACF;AAAA,QACJ;AACA,QAAAC,IAAUD,CAAC;AAAA,MACf;AAAA,MA4CS,UAzCDnC,KAAWN,IAEP,gBAAA2C,EAAC,QAAA,EAAK,WAAU,oCACZ,UAAA;AAAA,QAAA,gBAAAH,EAACI,GAAA,EAAQ,aAAa,IAAO,WAAU,QAAO;AAAA,QAC7C5C;AAAA,MAAA,GACL,IAIJK,KAAQ,CAACL,KAAYM,IACd,gBAAAkC,EAACI,GAAA,EAAQ,aAAa,GAAA,CAAO,IAGpCvC,KAAQ,CAACL,KAAY,CAACM,2BACZ,UAAAD,EAAA,CAAK,IAGfA,KAAQL,KAAY,CAACM,IAEjB,gBAAAqC,EAAC,QAAA,EAAK,WAAU,0CACX,UAAA;AAAA,QAAAhC,MAAkB,WACf,gBAAA6B,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAnC,GAAK;AAAA,QAEpC,gBAAAmC,EAAC,UAAM,UAAAxC,GAAS;AAAA,QACfW,MAAkB,SACf,gBAAA6B,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAnC,EAAA,CAAK;AAAA,MAAA,GAExC,2BAIE,UAAAL,GAAS;AAAA,IAUC;AAAA,EAAA;AAG5B;"}
+{"version":3,"file":"Button.js","sources":["../../../../../lib/@ecme/components/ui/Button/Button.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm } from '../Form/context'\nimport { useInputGroup } from '../InputGroup/context'\nimport { CONTROL_SIZES, SIZES } from '../utils/constants'\nimport { Spinner } from '../Spinner'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type {\n    ReactNode,\n    ComponentPropsWithRef,\n    MouseEvent,\n    ElementType,\n} from 'react'\n\nexport interface ButtonProps\n    extends CommonProps,\n        Omit<ComponentPropsWithRef<'button'>, 'onClick'> {\n    asElement?: ElementType\n    active?: boolean\n    block?: boolean\n    clickFeedback?: boolean\n    customColorClass?: (state: {\n        active: boolean\n        unclickable: boolean\n    }) => string\n    disabled?: boolean\n    icon?: string | ReactNode\n    loading?: boolean\n    onClick?: (e: MouseEvent<HTMLButtonElement>) => void\n    ref?: React.Ref<HTMLButtonElement>\n    shape?: TypeAttributes.Shape\n    size?: TypeAttributes.Size\n    variant?: 'solid' | 'plain' | 'default'\n    iconAlignment?: 'start' | 'end'\n}\n\ntype ButtonColor = {\n    bgColor: string\n    hoverColor: string\n    activeColor: string\n    textColor: string\n}\n\nconst radiusShape: Record<TypeAttributes.Shape, string> = {\n    round: 'rounded-xl',\n    circle: 'rounded-full',\n    none: 'rounded-none',\n}\n\nconst Button = (props: ButtonProps) => {\n    const {\n        asElement: Component = 'button',\n        active = false,\n        block = false,\n        children,\n        className,\n        clickFeedback = true,\n        customColorClass,\n        disabled,\n        icon,\n        loading = false,\n        ref,\n        shape = 'round',\n        size,\n        variant = 'default',\n        iconAlignment = 'start',\n        ...rest\n    } = props\n    const { controlSize, ui } = useConfig()\n    const formControlSize = useForm()?.size\n    const inputGroupSize = useInputGroup()?.size\n    const defaultClass = 'button'\n    const sizeIconClass = 'inline-flex items-center justify-center'\n\n    const buttonSize = size || inputGroupSize || formControlSize || controlSize\n    const feedback = !ui?.button?.disableClickFeedback || clickFeedback\n    const unclickable = disabled || loading\n\n    const getButtonSize = () => {\n        let sizeClass = ''\n        switch (buttonSize) {\n            case SIZES.LG:\n                sizeClass = classNames(\n                    CONTROL_SIZES.lg.h,\n                    radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.lg.w} ${sizeIconClass} text-2xl`\n                        : 'px-8 py-2 text-base',\n                )\n                break\n            case SIZES.SM:\n                sizeClass = classNames(\n                    CONTROL_SIZES.sm.h,\n                    shape === 'round' ? 'rounded-xl' : radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.sm.w} ${sizeIconClass} text-lg`\n                        : 'px-3 py-2 text-sm',\n                )\n                break\n            case SIZES.XS:\n                sizeClass = classNames(\n                    CONTROL_SIZES.xs.h,\n                    shape === 'round' ? 'rounded-lg' : radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.xs.w} ${sizeIconClass} text-base`\n                        : 'px-3 py-1 text-xs',\n                )\n                break\n            default:\n                sizeClass = classNames(\n                    CONTROL_SIZES.md.h,\n                    radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.md.w} ${sizeIconClass} text-xl`\n                        : 'px-5 py-2',\n                )\n                break\n        }\n        return sizeClass\n    }\n\n    const disabledClass = 'cursor-not-allowed opacity-50'\n\n    const solidColor = () => {\n        const btn = {\n            bgColor: active ? `bg-primary-deep` : `bg-primary`,\n            textColor: 'text-neutral',\n            hoverColor: active ? '' : `hover:bg-primary-mild`,\n            activeColor: ``,\n        }\n        return getBtnColor(btn)\n    }\n\n    const plainColor = () => {\n        const btn = {\n            bgColor: active ? `` : `dark:primary-mild dark:bg-opacity-20`,\n            textColor: ``,\n            hoverColor: active ? '' : `hover:text-primary-mild`,\n            activeColor: `dark:active:primary-mild dark:active:bg-opacity-40`,\n        }\n        return getBtnColor(btn)\n    }\n\n    const defaultColor = () => {\n        const btn = {\n            bgColor: active\n                ? `bg-gray-100 border border-gray-300 dark:bg-gray-500 dark:border-gray-500`\n                : `bg-white border border-gray-300 dark:bg-gray-700 dark:border-gray-700`,\n            textColor: `text-gray-600 dark:text-gray-100`,\n            hoverColor: active\n                ? ''\n                : `ring-primary dark:ring-primary hover:border-primary dark:hover:border-primary hover:ring-1 hover:text-primary dark:hover:text-white dark:hover:bg-transparent`,\n            activeColor: ``,\n        }\n        return getBtnColor(btn)\n    }\n\n    const getBtnColor = ({\n        bgColor,\n        hoverColor,\n        activeColor,\n        textColor,\n    }: ButtonColor) => {\n        return `${bgColor} ${\n            unclickable ? disabledClass : hoverColor + ' ' + activeColor\n        } ${textColor}`\n    }\n\n    const btnColor = () => {\n        switch (variant) {\n            case 'solid':\n                return solidColor()\n            case 'plain':\n                return plainColor()\n            case 'default':\n                return defaultColor()\n            default:\n                return defaultColor()\n        }\n    }\n\n    const classes = classNames(\n        defaultClass,\n        btnColor(),\n        getButtonSize(),\n        className,\n        block ? 'w-full' : '',\n        feedback && !unclickable && 'button-press-feedback',\n        customColorClass?.({\n            active,\n            unclickable,\n        }),\n    )\n\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n        const { onClick } = props\n        if (unclickable) {\n            e.preventDefault()\n            return\n        }\n        onClick?.(e)\n    }\n\n    const renderChildren = () => {\n        if (loading && children) {\n            return (\n                <span className=\"flex items-center justify-center\">\n                    <Spinner enableTheme={false} className=\"mr-1\" />\n                    {children}\n                </span>\n            )\n        }\n\n        if (icon && !children && loading) {\n            return <Spinner enableTheme={false} />\n        }\n\n        if (icon && !children && !loading) {\n            return <>{icon}</>\n        }\n\n        if (icon && children && !loading) {\n            return (\n                <span className=\"flex items-center justify-center gap-1\">\n                    {iconAlignment === 'start' && (\n                        <span className=\"text-lg\">{icon}</span>\n                    )}\n                    <span>{children}</span>\n                    {iconAlignment === 'end' && (\n                        <span className=\"text-lg\">{icon}</span>\n                    )}\n                </span>\n            )\n        }\n\n        return <>{children}</>\n    }\n\n    return (\n        <Component\n            ref={ref}\n            className={classes}\n            {...rest}\n            onClick={handleClick}\n        >\n            {renderChildren()}\n        </Component>\n    )\n}\n\nexport default Button\n"],"names":["radiusShape","Button","props","Component","active","block","children","className","clickFeedback","customColorClass","disabled","icon","loading","ref","shape","size","variant","iconAlignment","rest","controlSize","ui","useConfig","formControlSize","useForm","inputGroupSize","useInputGroup","defaultClass","sizeIconClass","buttonSize","feedback","unclickable","getButtonSize","sizeClass","SIZES","classNames","CONTROL_SIZES","disabledClass","solidColor","getBtnColor","plainColor","defaultColor","bgColor","hoverColor","activeColor","textColor","classes","jsx","e","onClick","jsxs","Spinner"],"mappings":"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"}

package/dist/@ecme/components/ui/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../../lib/@ecme/components/ui/Card/Card.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useConfig } from '../ConfigProvider'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ComponentPropsWithRef, MouseEvent, Ref } from 'react'\n\ntype CardHeader = {\n    content?: string | ReactNode\n    className?: string\n    bordered?: boolean\n    extra?: string | ReactNode\n}\n\ntype CardFooter = {\n    content?: string | ReactNode\n    className?: string\n    bordered?: boolean\n}\n\nexport interface CardProps\n    extends CommonProps,\n        Omit<ComponentPropsWithRef<'div'>, 'onClick'> {\n    clickable?: boolean\n    header?: CardHeader\n    bodyClass?: string\n    footer?: CardFooter\n    bordered?: boolean\n    ref?: Ref<HTMLDivElement>\n    onClick?: (e: MouseEvent<HTMLDivElement>) => void\n}\n\nconst defaultHeaderConfig: CardHeader = {\n    bordered: true,\n}\n\nconst defaultFooterConfig: CardHeader = {\n    bordered: true,\n}\n\nconst Card = (props: CardProps) => {\n    const { ui } = useConfig()\n\n    const {\n        bodyClass,\n        children,\n        className,\n        clickable = false,\n        bordered = ui?.card?.cardBordered ?? true,\n        header = {},\n        footer = {},\n        ref,\n        onClick,\n        ...rest\n    } = props\n\n    const headerProps = {\n        ...defaultHeaderConfig,\n        ...header,\n    }\n\n    const footerProps = {\n        ...defaultFooterConfig,\n        ...footer,\n    }\n\n    const cardClass = classNames(\n        'card',\n        className,\n        bordered ? `card-border` : `card-shadow`,\n        clickable && 'cursor-pointer user-select-none',\n    )\n\n    const cardBodyClasss = classNames('card-body', bodyClass)\n    const cardHeaderClass = classNames(\n        'card-header',\n        headerProps.bordered ? 'card-header-border' : null,\n        headerProps.extra ? 'card-header-extra' : null,\n        headerProps.className,\n    )\n    const cardFooterClass = classNames(\n        'card-footer',\n        footerProps.bordered && `card-footer-border`,\n        footerProps.className,\n    )\n\n    const renderHeader = () => {\n        if (typeof headerProps.content === 'string') {\n            return <h4>{headerProps.content}</h4>\n        }\n        return <>{headerProps.content}</>\n    }\n\n    const handleClick = (e: MouseEvent<HTMLDivElement>) => {\n        onClick?.(e)\n    }\n\n    return (\n        <div\n            ref={ref}\n            className={cardClass}\n            role=\"presentation\"\n            onClick={handleClick}\n            {...rest}\n        >\n            {headerProps.content && (\n                <div className={cardHeaderClass}>\n                    {renderHeader()}\n                    {headerProps.extra && <span>{headerProps.extra}</span>}\n                </div>\n            )}\n            <div className={cardBodyClasss}>{children}</div>\n            {footerProps.content && (\n                <div className={cardFooterClass}>{footerProps.content}</div>\n            )}\n        </div>\n    )\n}\n\nexport default Card\n"],"names":["defaultHeaderConfig","defaultFooterConfig","Card","props","ui","useConfig","bodyClass","children","className","clickable","bordered","header","footer","ref","onClick","rest","headerProps","footerProps","cardClass","classNames","cardBodyClasss","cardHeaderClass","cardFooterClass","renderHeader","jsx","Fragment","jsxs","e"],"mappings":";;;;AA8BA,MAAMA,IAAkC;AAAA,EACpC,UAAU;AACd,GAEMC,IAAkC;AAAA,EACpC,UAAU;AACd,GAEMC,IAAO,CAACC,MAAqB;AAC/B,QAAM,EAAE,IAAAC,EAAA,IAAOC,EAAA,GAET;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAWN,GAAI,MAAM,gBAAgB;AAAA,IACrC,QAAAO,IAAS,CAAA;AAAA,IACT,QAAAC,IAAS,CAAA;AAAA,IACT,KAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHZ,GAEEa,IAAc;AAAA,IAChB,GAAGhB;AAAA,IACH,GAAGW;AAAA,EAAA,GAGDM,IAAc;AAAA,IAChB,GAAGhB;AAAA,IACH,GAAGW;AAAA,EAAA,GAGDM,IAAYC;AAAA,IACd;AAAA,IACAX;AAAA,IACAE,IAAW,gBAAgB;AAAA,IAC3BD,KAAa;AAAA,EAAA,GAGXW,IAAiBD,EAAW,aAAab,CAAS,GAClDe,IAAkBF;AAAA,IACpB;AAAA,IACAH,EAAY,WAAW,uBAAuB;AAAA,IAC9CA,EAAY,QAAQ,sBAAsB;AAAA,IAC1CA,EAAY;AAAA,EAAA,GAEVM,IAAkBH;AAAA,IACpB;AAAA,IACAF,EAAY,YAAY;AAAA,IACxBA,EAAY;AAAA,EAAA,GAGVM,IAAe,MACb,OAAOP,EAAY,WAAY,WACxB,gBAAAQ,EAAC,MAAA,EAAI,UAAAR,EAAY,QAAA,CAAQ,IAE7B,gBAAAQ,EAAAC,GAAA,EAAG,YAAY,QAAA,CAAQ;AAOlC,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAb;AAAA,MACA,WAAWK;AAAA,MACX,MAAK;AAAA,MACL,SATY,CAACS,MAAkC;AACnD,QAAAb,IAAUa,CAAC;AAAA,MACf;AAAA,MAQS,GAAGZ;AAAA,MAEH,UAAA;AAAA,QAAAC,EAAY,WACT,gBAAAU,EAAC,OAAA,EAAI,WAAWL,GACX,UAAA;AAAA,UAAAE,EAAA;AAAA,UACAP,EAAY,SAAS,gBAAAQ,EAAC,QAAA,EAAM,YAAY,MAAA,CAAM;AAAA,QAAA,GACnD;AAAA,QAEJ,gBAAAA,EAAC,OAAA,EAAI,WAAWJ,GAAiB,UAAAb,EAAA,CAAS;AAAA,QACzCU,EAAY,WACT,gBAAAO,EAAC,SAAI,WAAWF,GAAkB,YAAY,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAItE;"}
+{"version":3,"file":"Card.js","sources":["../../../../../lib/@ecme/components/ui/Card/Card.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useConfig } from '../ConfigProvider'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ComponentPropsWithRef, MouseEvent, Ref } from 'react'\n\ntype CardHeader = {\n    content?: string | ReactNode\n    className?: string\n    bordered?: boolean\n    extra?: string | ReactNode\n}\n\ntype CardFooter = {\n    content?: string | ReactNode\n    className?: string\n    bordered?: boolean\n}\n\nexport interface CardProps\n    extends CommonProps,\n        Omit<ComponentPropsWithRef<'div'>, 'onClick'> {\n    clickable?: boolean\n    header?: CardHeader\n    bodyClass?: string\n    footer?: CardFooter\n    bordered?: boolean\n    ref?: Ref<HTMLDivElement>\n    onClick?: (e: MouseEvent<HTMLDivElement>) => void\n}\n\nconst defaultHeaderConfig: CardHeader = {\n    bordered: true,\n}\n\nconst defaultFooterConfig: CardHeader = {\n    bordered: true,\n}\n\nconst Card = (props: CardProps) => {\n    const { ui } = useConfig()\n\n    const {\n        bodyClass,\n        children,\n        className,\n        clickable = false,\n        bordered = ui?.card?.cardBordered ?? true,\n        header = {},\n        footer = {},\n        ref,\n        onClick,\n        ...rest\n    } = props\n\n    const headerProps = {\n        ...defaultHeaderConfig,\n        ...header,\n    }\n\n    const footerProps = {\n        ...defaultFooterConfig,\n        ...footer,\n    }\n\n    const cardClass = classNames(\n        'card',\n        className,\n        bordered ? `card-border` : `card-shadow`,\n        clickable && 'cursor-pointer user-select-none',\n    )\n\n    const cardBodyClasss = classNames('card-body', bodyClass)\n    const cardHeaderClass = classNames(\n        'card-header',\n        headerProps.bordered ? 'card-header-border' : null,\n        headerProps.extra ? 'card-header-extra' : null,\n        headerProps.className,\n    )\n    const cardFooterClass = classNames(\n        'card-footer',\n        footerProps.bordered && `card-footer-border`,\n        footerProps.className,\n    )\n\n    const renderHeader = () => {\n        if (typeof headerProps.content === 'string') {\n            return <h4>{headerProps.content}</h4>\n        }\n        return <>{headerProps.content}</>\n    }\n\n    const handleClick = (e: MouseEvent<HTMLDivElement>) => {\n        onClick?.(e)\n    }\n\n    return (\n        <div\n            ref={ref}\n            className={cardClass}\n            role=\"presentation\"\n            onClick={handleClick}\n            {...rest}\n        >\n            {headerProps.content && (\n                <div className={cardHeaderClass}>\n                    {renderHeader()}\n                    {headerProps.extra && <span>{headerProps.extra}</span>}\n                </div>\n            )}\n            <div className={cardBodyClasss}>{children}</div>\n            {footerProps.content && (\n                <div className={cardFooterClass}>{footerProps.content}</div>\n            )}\n        </div>\n    )\n}\n\nexport default Card\n"],"names":["defaultHeaderConfig","defaultFooterConfig","Card","props","ui","useConfig","bodyClass","children","className","clickable","bordered","header","footer","ref","onClick","rest","headerProps","footerProps","cardClass","classNames","cardBodyClasss","cardHeaderClass","cardFooterClass","renderHeader","jsx","Fragment","jsxs","e"],"mappings":";;;;AA8BA,MAAMA,IAAkC;AAAA,EACpC,UAAU;AACd,GAEMC,IAAkC;AAAA,EACpC,UAAU;AACd,GAEMC,IAAO,CAACC,MAAqB;AACzB,QAAA,EAAE,IAAAC,EAAG,IAAIC,EAAU,GAEnB;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAWN,GAAI,MAAM,gBAAgB;AAAA,IACrC,QAAAO,IAAS,CAAC;AAAA,IACV,QAAAC,IAAS,CAAC;AAAA,IACV,KAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHZ,GAEEa,IAAc;AAAA,IAChB,GAAGhB;AAAA,IACH,GAAGW;AAAA,EACP,GAEMM,IAAc;AAAA,IAChB,GAAGhB;AAAA,IACH,GAAGW;AAAA,EACP,GAEMM,IAAYC;AAAA,IACd;AAAA,IACAX;AAAA,IACAE,IAAW,gBAAgB;AAAA,IAC3BD,KAAa;AAAA,EACjB,GAEMW,IAAiBD,EAAW,aAAab,CAAS,GAClDe,IAAkBF;AAAA,IACpB;AAAA,IACAH,EAAY,WAAW,uBAAuB;AAAA,IAC9CA,EAAY,QAAQ,sBAAsB;AAAA,IAC1CA,EAAY;AAAA,EAChB,GACMM,IAAkBH;AAAA,IACpB;AAAA,IACAF,EAAY,YAAY;AAAA,IACxBA,EAAY;AAAA,EAChB,GAEMM,IAAe,MACb,OAAOP,EAAY,WAAY,WACxB,gBAAAQ,EAAC,MAAI,EAAA,UAAAR,EAAY,QAAQ,CAAA,IAE7B,gBAAAQ,EAAAC,GAAA,EAAG,YAAY,QAAQ,CAAA;AAQ9B,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAb;AAAA,MACA,WAAWK;AAAA,MACX,MAAK;AAAA,MACL,SATY,CAACS,MAAkC;AACnD,QAAAb,IAAUa,CAAC;AAAA,MACf;AAAA,MAQS,GAAGZ;AAAA,MAEH,UAAA;AAAA,QAAAC,EAAY,WACT,gBAAAU,EAAC,OAAI,EAAA,WAAWL,GACX,UAAA;AAAA,UAAaE,EAAA;AAAA,UACbP,EAAY,SAAU,gBAAAQ,EAAA,QAAA,EAAM,YAAY,MAAM,CAAA;AAAA,QAAA,GACnD;AAAA,QAEH,gBAAAA,EAAA,OAAA,EAAI,WAAWJ,GAAiB,UAAAb,EAAS,CAAA;AAAA,QACzCU,EAAY,WACT,gBAAAO,EAAC,SAAI,WAAWF,GAAkB,YAAY,QAAQ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAE9D;AAER;"}