@orbe-agro/client-core 3.4.12 → 5.0.0

package/dist/lib/@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","LAYOUT_BLANK","BlankSvg","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,MAC3D;AAAA,MACA;AAAA,QACI,OAAOC;AAAA,QACP,OAAOf,EAAE,6CAA6C;AAAA,QACtD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAM,gBAAAK,EAAAW,GAAA,EAAS,QAAQ,QAAQ,OAAO,OAAQ,CAAA;AAAA,MAAA;AAAA,IAEtD;AAAA,IACA,CAAChB,CAAC;AAAA,EACN;AAEA,2BACK,OACG,EAAA,UAAA,gBAAAK;AAAA,IAACY;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,CAAC;AAAA,MACR,UAAU,CAACC,MAAQnB,EAAUmB,CAAiB;AAAA,MAE9C,4BAAC,OAAI,EAAA,WAAU,iCACV,UAAQhB,EAAA,IAAI,CAACiB,MACV,gBAAAd,EAACY,EAAQ,MAAR,EAAgC,OAAOE,EAAO,OAC1C,UAAC,CAAA,EAAE,oBAAAC,QAAyB;AACnB,cAAAC,IAASzB,EAAY,SAASuB,EAAO;AAEvC,eAAA,gBAAAG,EAAC,OAAI,EAAA,WAAU,eACX,UAAA;AAAA,UAAA,gBAAAjB;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAWkB;AAAA,gBACP;AAAA,gBACAF,IACM,uCACA;AAAA,cACV;AAAA,cACA,SAASD;AAAA,cAER,UAAOD,EAAA;AAAA,YAAA;AAAA,UACZ;AAAA,UACC,gBAAAd,EAAA,OAAA,EAAI,WAAU,sBACV,YAAO,MACZ,CAAA;AAAA,QAAA,GACJ;AAAA,MAAA,KAnBOc,EAAO,KAsB1B,CACH,EACL,CAAA;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","LAYOUT_BLANK","BlankSvg","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,MAE3D;AAAA,QACI,OAAOC;AAAA,QACP,OAAOf,EAAE,6CAA6C;AAAA,QACtD,KAAK;AAAA,QACL,SAAS;AAAA,QACT,KAAK,gBAAAK,EAACW,GAAA,EAAS,QAAQ,QAAQ,OAAO,OAAA,CAAQ;AAAA,MAAA;AAAA,IAClD;AAAA,IAEJ,CAAChB,CAAC;AAAA,EAAA;AAGN,2BACK,OAAA,EACG,UAAA,gBAAAK;AAAA,IAACY;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,CAAA;AAAA,MACP,UAAU,CAACC,MAAQnB,EAAUmB,CAAiB;AAAA,MAE9C,4BAAC,OAAA,EAAI,WAAU,iCACV,UAAAhB,EAAQ,IAAI,CAACiB,MACV,gBAAAd,EAACY,EAAQ,MAAR,EAAgC,OAAOE,EAAO,OAC1C,UAAA,CAAC,EAAE,oBAAAC,QAAyB;AACzB,cAAMC,IAASzB,EAAY,SAASuB,EAAO;AAC3C,eACI,gBAAAG,EAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,UAAA,gBAAAjB;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAWkB;AAAA,gBACP;AAAA,gBACAF,IACM,uCACA;AAAA,cAAA;AAAA,cAEV,SAASD;AAAA,cAER,UAAAD,EAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAEZ,gBAAAd,EAAC,OAAA,EAAI,WAAU,sBACV,YAAO,MAAA,CACZ;AAAA,QAAA,GACJ;AAAA,MAAA,KAnBOc,EAAO,KAsB1B,CACH,EAAA,CACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}

package/dist/lib/@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,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;"}
+{"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,IAAA;AAAA,IAExC,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;"}

package/dist/lib/@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;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;"}
+{"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;"}

package/dist/lib/@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,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;"}
+{"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;"}

package/dist/lib/@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/lib/@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        <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\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        </AuthorityCheck>\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 key={nav.key} isActive={parentKeys?.includes(nav.key)} eventKey={nav.key} className=\"mb-2\">\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","AuthorityCheck","jsxs","Fragment","VerticalMenuIcon","CollapsedItem","direction","renderAsIcon","parentKeys","menuItem","dropdownItem","Dropdown","VerticalCollapsedMenuItem","sideCollapsed","rest"],"mappings":";;;;;AA4BA,MAAM,EAAE,UAAAA,GAAU,cAAAC,EAAA,IAAiBC,GAE7BC,IAAc,CAAC;AAAA,EACjB,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAAC;AACJ,MAES,gBAAAC,EAAAC,GAAA,EAAe,eAAAH,GAA8B,WAAWJ,EAAI,WACzD,UAAA,gBAAAM;AAAA,EAACT;AAAA,EAAA;AAAA,IAEG,OAEQ,gBAAAW,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAC,gBAAAH,EAAAI,GAAA,EAAiB,MAAMV,EAAI,KAAM,CAAA;AAAA,wBACjC,QAAM,EAAA,UAAAK,EAAEL,EAAI,cAAcA,EAAI,KAAK,EAAE,CAAA;AAAA,IAAA,GAC1C;AAAA,IAEJ,UAAUA,EAAI;AAAA,IACd,UAAU;AAAA,IACV,WAAAE;AAAA,IACA,QAAAD;AAAA,IAEC,UAAAE;AAAA,EAAA;AAAA,EAZIH,EAAI;AAAA,GAcjB,GAIFW,IAAgB,CAAC;AAAA,EACnB,KAAAX;AAAA,EACA,WAAAY;AAAA,EACA,UAAAT;AAAA,EACA,GAAAE;AAAA,EACA,cAAAQ;AAAA,EACA,eAAAT;AAAA,EACA,YAAAU;AACJ,MAA0B;AAChB,QAAAC,sBACDnB,GAAuB,EAAA,UAAUkB,KAAA,gBAAAA,EAAY,SAASd,EAAI,MAAM,UAAUA,EAAI,KAAK,WAAU,QAC1F,UAAC,gBAAAM,EAAAI,GAAA,EAAiB,MAAMV,EAAI,KAAM,CAAA,KADvBA,EAAI,GAEnB,GAGEgB,IACD,gBAAAV,EAAA,OAAA,EAAmB,UAAED,EAAAL,EAAI,cAAcA,EAAI,KAAK,EAAvC,GAAAA,EAAI,GAAqC;AAGvD,SACK,gBAAAM,EAAAC,GAAA,EAAe,eAAAH,GAA8B,WAAWJ,EAAI,WACzD,UAAA,gBAAAM;AAAA,IAACW;AAAA,IAAA;AAAA,MACG,SAAQ;AAAA,MACR,aAAaJ,IAAeE,IAAWC;AAAA,MACvC,WAAWJ,MAAc,QAAQ,eAAe;AAAA,MAE/C,UAAAT;AAAA,IAAA;AAAA,EAAA,GAET;AAER,GAEMe,IAA4B,CAAC;AAAA,EAC/B,eAAAC;AAAA,EACA,GAAGC;AACP,MACWD,sBACFR,GAAe,EAAA,GAAGS,GAAM,IAEzB,gBAAAd,EAACP,GAAa,EAAA,GAAGqB,EAAM,CAAA;"}
+{"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        <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\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        </AuthorityCheck>\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 key={nav.key} isActive={parentKeys?.includes(nav.key)} eventKey={nav.key} className=\"mb-2\">\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","AuthorityCheck","jsxs","Fragment","VerticalMenuIcon","CollapsedItem","direction","renderAsIcon","parentKeys","menuItem","dropdownItem","Dropdown","VerticalCollapsedMenuItem","sideCollapsed","rest"],"mappings":";;;;;AA4BA,MAAM,EAAE,UAAAA,GAAU,cAAAC,EAAA,IAAiBC,GAE7BC,IAAc,CAAC;AAAA,EACjB,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAAC;AACJ,MAEQ,gBAAAC,EAACC,GAAA,EAAe,eAAAH,GAA8B,WAAWJ,EAAI,WACzD,UAAA,gBAAAM;AAAA,EAACT;AAAA,EAAA;AAAA,IAEG,OACI,gBAAAW,EAAAC,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EAAiB,MAAMV,EAAI,KAAA,CAAM;AAAA,wBACjC,QAAA,EAAM,UAAAK,EAAEL,EAAI,cAAcA,EAAI,KAAK,EAAA,CAAE;AAAA,IAAA,GAC1C;AAAA,IAEJ,UAAUA,EAAI;AAAA,IACd,UAAU;AAAA,IACV,WAAAE;AAAA,IACA,QAAAD;AAAA,IAEC,UAAAE;AAAA,EAAA;AAAA,EAZIH,EAAI;AAAA,GAcjB,GAIFW,IAAgB,CAAC;AAAA,EACnB,KAAAX;AAAA,EACA,WAAAY;AAAA,EACA,UAAAT;AAAA,EACA,GAAAE;AAAA,EACA,cAAAQ;AAAA,EACA,eAAAT;AAAA,EACA,YAAAU;AACJ,MAA0B;AACtB,QAAMC,sBACDnB,GAAA,EAAuB,UAAUkB,KAAA,gBAAAA,EAAY,SAASd,EAAI,MAAM,UAAUA,EAAI,KAAK,WAAU,QAC1F,UAAA,gBAAAM,EAACI,GAAA,EAAiB,MAAMV,EAAI,KAAA,CAAM,KADvBA,EAAI,GAEnB,GAGEgB,IACF,gBAAAV,EAAC,OAAA,EAAmB,UAAAD,EAAEL,EAAI,cAAcA,EAAI,KAAK,EAAA,GAAvCA,EAAI,GAAqC;AAGvD,SACI,gBAAAM,EAACC,GAAA,EAAe,eAAAH,GAA8B,WAAWJ,EAAI,WACzD,UAAA,gBAAAM;AAAA,IAACW;AAAA,IAAA;AAAA,MACG,SAAQ;AAAA,MACR,aAAaJ,IAAeE,IAAWC;AAAA,MACvC,WAAWJ,MAAc,QAAQ,eAAe;AAAA,MAE/C,UAAAT;AAAA,IAAA;AAAA,EAAA,GAET;AAER,GAEMe,IAA4B,CAAC;AAAA,EAC/B,eAAAC;AAAA,EACA,GAAGC;AACP,MACWD,sBACFR,GAAA,EAAe,GAAGS,GAAM,IAEzB,gBAAAd,EAACP,GAAA,EAAa,GAAGqB,EAAA,CAAM;"}

package/dist/lib/@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 AuthorityCheck from '@/components/shared/AuthorityCheck'\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'\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}\n\nconst { MenuGroup } = Menu\n\nconst VerticalMenuContent = (props: VerticalMenuContentProps) => {\n    const {\n        collapsed,\n        routeKey,\n        navigationTree = [],\n        onMenuItemClick,\n        direction = themeConfig.direction,\n        translationSetup,\n        userAuthority,\n    } = props\n\n    const { t } = useTranslation(!translationSetup)\n\n    const [defaulExpandKey, setDefaulExpandKey] = useState<string[]>([])\n\n    const { activedRoute } = useMenuActive(navigationTree, 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 ?? (collapsed ? cascade >= 1 : cascade <= 1)\n                                }\n                                t={t as TraslationFn}\n                                onLinkClick={handleLinkClick}\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(\n                                        nav.subMenu,\n                                        nextCascade,\n                                        true,\n                                    )}\n                            </VerticalCollapsedMenuItem>\n                        )}\n                        {nav.type === NAV_ITEM_TYPE_TITLE && (\n                            <AuthorityCheck\n                                userAuthority={userAuthority}\n                                authority={nav.authority}\n                            >\n                                <MenuGroup\n                                    key={nav.key}\n                                    label={t(nav.translateKey) || nav.title}\n                                >\n                                    {nav.subMenu &&\n                                        nav.subMenu.length > 0 &&\n                                        renderNavigation(\n                                            nav.subMenu,\n                                            cascade,\n                                            false,\n                                        )}\n                                </MenuGroup>\n                            </AuthorityCheck>\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(navigationTree, 0)}\n        </Menu>\n    )\n}\n\nexport default VerticalMenuContent\n"],"names":["MenuGroup","Menu","VerticalMenuContent","props","collapsed","routeKey","navigationTree","onMenuItemClick","direction","themeConfig","translationSetup","userAuthority","t","useTranslation","defaulExpandKey","setDefaulExpandKey","useState","activedRoute","useMenuActive","useEffect","handleLinkClick","renderNavigation","navTree","cascade","indent","nextCascade","nav","jsxs","Fragment","NAV_ITEM_TYPE_ITEM","jsx","VerticalSingleMenuItem","NAV_ITEM_TYPE_COLLAPSE","VerticalCollapsedMenuItem","NAV_ITEM_TYPE_TITLE","AuthorityCheck"],"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 AuthorityCheck from '@/components/shared/AuthorityCheck'\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'\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}\n\nconst { MenuGroup } = Menu\n\nconst VerticalMenuContent = (props: VerticalMenuContentProps) => {\n    const {\n        collapsed,\n        routeKey,\n        navigationTree = [],\n        onMenuItemClick,\n        direction = themeConfig.direction,\n        translationSetup,\n        userAuthority,\n    } = props\n\n    const { t } = useTranslation(!translationSetup)\n\n    const [defaulExpandKey, setDefaulExpandKey] = useState<string[]>([])\n\n    const { activedRoute } = useMenuActive(navigationTree, 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 ?? (collapsed ? cascade >= 1 : cascade <= 1)\n                                }\n                                t={t as TraslationFn}\n                                onLinkClick={handleLinkClick}\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(\n                                        nav.subMenu,\n                                        nextCascade,\n                                        true,\n                                    )}\n                            </VerticalCollapsedMenuItem>\n                        )}\n                        {nav.type === NAV_ITEM_TYPE_TITLE && (\n                            <AuthorityCheck\n                                userAuthority={userAuthority}\n                                authority={nav.authority}\n                            >\n                                <MenuGroup\n                                    key={nav.key}\n                                    label={t(nav.translateKey) || nav.title}\n                                >\n                                    {nav.subMenu &&\n                                        nav.subMenu.length > 0 &&\n                                        renderNavigation(\n                                            nav.subMenu,\n                                            cascade,\n                                            false,\n                                        )}\n                                </MenuGroup>\n                            </AuthorityCheck>\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(navigationTree, 0)}\n        </Menu>\n    )\n}\n\nexport default VerticalMenuContent\n"],"names":["MenuGroup","Menu","VerticalMenuContent","props","collapsed","routeKey","navigationTree","onMenuItemClick","direction","themeConfig","translationSetup","userAuthority","t","useTranslation","defaulExpandKey","setDefaulExpandKey","useState","activedRoute","useMenuActive","useEffect","handleLinkClick","renderNavigation","navTree","cascade","indent","nextCascade","nav","jsxs","Fragment","NAV_ITEM_TYPE_ITEM","jsx","VerticalSingleMenuItem","NAV_ITEM_TYPE_COLLAPSE","VerticalCollapsedMenuItem","NAV_ITEM_TYPE_TITLE","AuthorityCheck"],"mappings":"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"}

package/dist/lib/@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,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;"}
+{"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;"}

package/dist/lib/@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\ninterface CollapsedItemProps extends CommonProps {\n    nav: NavigationTree\n    direction?: Direction\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}\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}: CollapsedItemProps) => {\n    return (\n        <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\n            {renderAsIcon ? (\n                <Tooltip\n                    title={t(nav.translateKey, nav.title)}\n                    placement={direction === 'rtl' ? 'left' : 'right'}\n                >\n                    {children}\n                </Tooltip>\n            ) : (\n                <Dropdown.Item active={currentKey === nav.key}>\n                    {nav.path ? (\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                            <span>{t(nav.translateKey, nav.title)}</span>\n                        </Link>\n                    ) : (\n                        <span>{t(nav.translateKey, nav.title)}</span>\n                    )}\n                </Dropdown.Item>\n            )}\n        </AuthorityCheck>\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    } = props\n\n    return (\n        <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\n            <MenuItem key={nav.key} eventKey={nav.key} dotIndent={indent}>\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                    {showIcon && <VerticalMenuIcon icon={nav.icon} />}\n                    {showTitle && <span>{t(nav.translateKey, nav.title)}</span>}\n                </Link>\n            </MenuItem>\n        </AuthorityCheck>\n    )\n}\n\nconst VerticalSingleMenuItem = ({\n    nav,\n    onLinkClick,\n    sideCollapsed,\n    direction,\n    indent,\n    renderAsIcon,\n    userAuthority,\n    showIcon,\n    showTitle,\n    t,\n    currentKey,\n    parentKeys\n}: Omit<VerticalMenuItemProps, 'title' | 'translateKey'>) => {\n    return (\n        <>\n            {sideCollapsed ? (\n                <CollapsedItem\n                    currentKey={currentKey}\n                    parentKeys={parentKeys}\n                    nav={nav}\n                    direction={direction}\n                    renderAsIcon={renderAsIcon}\n                    userAuthority={userAuthority}\n                    t={t}\n                    onLinkClick={onLinkClick}\n                >\n                    <DefaultItem\n                        nav={nav}\n                        sideCollapsed={sideCollapsed}\n                        userAuthority={userAuthority}\n                        showIcon={showIcon}\n                        showTitle={showTitle}\n                        t={t}\n                        onLinkClick={onLinkClick}\n                    />\n                </CollapsedItem>\n            ) : (\n                <DefaultItem\n                    nav={nav}\n                    sideCollapsed={sideCollapsed}\n                    userAuthority={userAuthority}\n                    showIcon={showIcon}\n                    showTitle={showTitle}\n                    indent={indent}\n                    t={t}\n                    onLinkClick={onLinkClick}\n                />\n            )}\n        </>\n    )\n}\n\nexport default VerticalSingleMenuItem\n"],"names":["MenuItem","Menu","CollapsedItem","nav","children","direction","renderAsIcon","onLinkClick","userAuthority","t","currentKey","AuthorityCheck","jsx","Tooltip","Dropdown","Link","DefaultItem","props","showTitle","indent","showIcon","jsxs","VerticalMenuIcon","VerticalSingleMenuItem","sideCollapsed","parentKeys"],"mappings":"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"}
+{"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\ninterface CollapsedItemProps extends CommonProps {\n    nav: NavigationTree\n    direction?: Direction\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}\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}: CollapsedItemProps) => {\n    return (\n        <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\n            {renderAsIcon ? (\n                <Tooltip\n                    title={t(nav.translateKey, nav.title)}\n                    placement={direction === 'rtl' ? 'left' : 'right'}\n                >\n                    {children}\n                </Tooltip>\n            ) : (\n                <Dropdown.Item active={currentKey === nav.key}>\n                    {nav.path ? (\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                            <span>{t(nav.translateKey, nav.title)}</span>\n                        </Link>\n                    ) : (\n                        <span>{t(nav.translateKey, nav.title)}</span>\n                    )}\n                </Dropdown.Item>\n            )}\n        </AuthorityCheck>\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    } = props\n\n    return (\n        <AuthorityCheck userAuthority={userAuthority} authority={nav.authority}>\n            <MenuItem key={nav.key} eventKey={nav.key} dotIndent={indent}>\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                    {showIcon && <VerticalMenuIcon icon={nav.icon} />}\n                    {showTitle && <span>{t(nav.translateKey, nav.title)}</span>}\n                </Link>\n            </MenuItem>\n        </AuthorityCheck>\n    )\n}\n\nconst VerticalSingleMenuItem = ({\n    nav,\n    onLinkClick,\n    sideCollapsed,\n    direction,\n    indent,\n    renderAsIcon,\n    userAuthority,\n    showIcon,\n    showTitle,\n    t,\n    currentKey,\n    parentKeys\n}: Omit<VerticalMenuItemProps, 'title' | 'translateKey'>) => {\n    return (\n        <>\n            {sideCollapsed ? (\n                <CollapsedItem\n                    currentKey={currentKey}\n                    parentKeys={parentKeys}\n                    nav={nav}\n                    direction={direction}\n                    renderAsIcon={renderAsIcon}\n                    userAuthority={userAuthority}\n                    t={t}\n                    onLinkClick={onLinkClick}\n                >\n                    <DefaultItem\n                        nav={nav}\n                        sideCollapsed={sideCollapsed}\n                        userAuthority={userAuthority}\n                        showIcon={showIcon}\n                        showTitle={showTitle}\n                        t={t}\n                        onLinkClick={onLinkClick}\n                    />\n                </CollapsedItem>\n            ) : (\n                <DefaultItem\n                    nav={nav}\n                    sideCollapsed={sideCollapsed}\n                    userAuthority={userAuthority}\n                    showIcon={showIcon}\n                    showTitle={showTitle}\n                    indent={indent}\n                    t={t}\n                    onLinkClick={onLinkClick}\n                />\n            )}\n        </>\n    )\n}\n\nexport default VerticalSingleMenuItem\n"],"names":["MenuItem","Menu","CollapsedItem","nav","children","direction","renderAsIcon","onLinkClick","userAuthority","t","currentKey","AuthorityCheck","jsx","Tooltip","Dropdown","Link","DefaultItem","props","showTitle","indent","showIcon","jsxs","VerticalMenuIcon","VerticalSingleMenuItem","sideCollapsed","parentKeys"],"mappings":"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"}

package/dist/lib/@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/lib/@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":";;;;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;"}
+{"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,EACV;AAGJ,EAAAE,EAAU,MAAM;AACZ,IAAAH,EAAA;AAAA,EAAW,GACZ,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,EACL;AAIR,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;"}

package/dist/lib/@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,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,KAAA,gBAAAA;AAAA,QACd,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;"}
+{"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,KAAA,gBAAAA;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,EAAA;AAIR,SACI,gBAAAhB,EAACJ,GAAA,EAAe,WAAAG,GAAsB,SAAAD,GACjC,UAAAD,EAAA,CACL;AAER;"}

package/dist/lib/@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":";;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;"}
+{"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;"}

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

@@ -1,4 +1,4 @@
-import { jsxs as S, jsx as o, Fragment as w } from "react/jsx-runtime";
+import { jsxs as S, jsx as o, Fragment as $ } from "react/jsx-runtime";
 import c from "../utils/classNames.js";
 import "../ConfigProvider/index.js";
 import { useForm as P } from "../Form/context.js";
@@ -6,18 +6,18 @@ import { useInputGroup as Q } from "../InputGroup/context.js";
 import { CONTROL_SIZES as n, SIZES as g } from "../utils/constants.js";
 import "../Spinner/index.js";
 import { useConfig as U } from "../ConfigProvider/ConfigProvider.js";
-import $ from "../Spinner/Spinner.js";
-const m = {
+import w from "../Spinner/Spinner.js";
+const u = {
   round: "rounded-xl",
   circle: "rounded-full",
   none: "rounded-none"
-}, ce = (h) => {
-  var y, k, v;
+}, cr = (x) => {
+  var C, k, v;
   const {
     asElement: z = "button",
     active: a = !1,
     block: N = !1,
-    children: r,
+    children: e,
     className: j,
     clickFeedback: F = !0,
     customColorClass: b,
@@ -28,42 +28,42 @@ const m = {
     shape: s = "round",
     size: E,
     variant: G = "default",
-    iconAlignment: x = "start",
+    iconAlignment: h = "start",
     ...T
-  } = h, { controlSize: L, ui: p } = U(), O = (y = P()) == null ? void 0 : y.size, Z = (k = Q()) == null ? void 0 : k.size, A = "button", d = "inline-flex items-center justify-center", D = E || Z || O || L, M = !((v = p == null ? void 0 : p.button) != null && v.disableClickFeedback) || F, u = I || l, R = () => {
-    let e = "";
+  } = x, { controlSize: L, ui: p } = U(), O = (C = P()) == null ? void 0 : C.size, Z = (k = Q()) == null ? void 0 : k.size, A = "button", d = "inline-flex items-center justify-center", D = E || Z || O || L, M = !((v = p == null ? void 0 : p.button) != null && v.disableClickFeedback) || F, m = I || l, R = () => {
+    let r = "";
     switch (D) {
       case g.LG:
-        e = c(
+        r = c(
           n.lg.h,
-          m[s],
-          t && !r ? `${n.lg.w} ${d} text-2xl` : "px-8 py-2 text-base"
+          u[s],
+          t && !e ? `${n.lg.w} ${d} text-2xl` : "px-8 py-2 text-base"
         );
         break;
       case g.SM:
-        e = c(
+        r = c(
           n.sm.h,
-          s === "round" ? "rounded-xl" : m[s],
-          t && !r ? `${n.sm.w} ${d} text-lg` : "px-3 py-2 text-sm"
+          s === "round" ? "rounded-xl" : u[s],
+          t && !e ? `${n.sm.w} ${d} text-lg` : "px-3 py-2 text-sm"
         );
         break;
       case g.XS:
-        e = c(
+        r = c(
           n.xs.h,
-          s === "round" ? "rounded-lg" : m[s],
-          t && !r ? `${n.xs.w} ${d} text-base` : "px-3 py-1 text-xs"
+          s === "round" ? "rounded-lg" : u[s],
+          t && !e ? `${n.xs.w} ${d} text-base` : "px-3 py-1 text-xs"
         );
         break;
       default:
-        e = c(
+        r = c(
           n.md.h,
-          m[s],
-          t && !r ? `${n.md.w} ${d} text-xl` : "px-5 py-2"
+          u[s],
+          t && !e ? `${n.md.w} ${d} text-xl` : "px-5 py-2"
         );
         break;
     }
-    return e;
-  }, X = "opacity-50 cursor-not-allowed", _ = () => f({
+    return r;
+  }, X = "cursor-not-allowed opacity-50", _ = () => f({
     bgColor: a ? "bg-primary-deep" : "bg-primary",
     textColor: "text-neutral",
     hoverColor: a ? "" : "hover:bg-primary-mild",
@@ -73,17 +73,17 @@ const m = {
     textColor: "",
     hoverColor: a ? "" : "hover:text-primary-mild",
     activeColor: "dark:active:primary-mild dark:active:bg-opacity-40"
-  }), C = () => f({
+  }), y = () => f({
     bgColor: a ? "bg-gray-100 border border-gray-300 dark:bg-gray-500 dark:border-gray-500" : "bg-white border border-gray-300 dark:bg-gray-700 dark:border-gray-700",
     textColor: "text-gray-600 dark:text-gray-100",
-    hoverColor: a ? "" : "ring-primary dark:ring-white hover:border-primary dark:hover:border-white hover:ring-1 hover:text-primary dark:hover:text-white dark:hover:bg-transparent",
+    hoverColor: a ? "" : "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",
     activeColor: ""
   }), f = ({
-    bgColor: e,
+    bgColor: r,
     hoverColor: i,
     activeColor: J,
     textColor: K
-  }) => `${e} ${u ? X : i + " " + J} ${K}`, H = c(
+  }) => `${r} ${m ? X : i + " " + J} ${K}`, H = c(
     A,
     (() => {
       switch (G) {
@@ -92,18 +92,18 @@ const m = {
         case "plain":
           return q();
         case "default":
-          return C();
+          return y();
         default:
-          return C();
+          return y();
       }
     })(),
     R(),
     j,
     N ? "w-full" : "",
-    M && !u && "button-press-feedback",
+    M && !m && "button-press-feedback",
     b == null ? void 0 : b({
       active: a,
-      unclickable: u
+      unclickable: m
     })
   );
   return /* @__PURE__ */ o(
@@ -112,26 +112,26 @@ const m = {
       ref: B,
       className: H,
       ...T,
-      onClick: (e) => {
-        const { onClick: i } = h;
-        if (u) {
-          e.preventDefault();
+      onClick: (r) => {
+        const { onClick: i } = x;
+        if (m) {
+          r.preventDefault();
           return;
         }
-        i == null || i(e);
+        i == null || i(r);
       },
-      children: l && r ? /* @__PURE__ */ S("span", { className: "flex items-center justify-center", children: [
-        /* @__PURE__ */ o($, { enableTheme: !1, className: "mr-1" }),
-        r
-      ] }) : t && !r && l ? /* @__PURE__ */ o($, { enableTheme: !1 }) : t && !r && !l ? /* @__PURE__ */ o(w, { children: t }) : t && r && !l ? /* @__PURE__ */ S("span", { className: "flex gap-1 items-center justify-center", children: [
-        x === "start" && /* @__PURE__ */ o("span", { className: "text-lg", children: t }),
-        /* @__PURE__ */ o("span", { children: r }),
-        x === "end" && /* @__PURE__ */ o("span", { className: "text-lg", children: t })
-      ] }) : /* @__PURE__ */ o(w, { children: r })
+      children: l && e ? /* @__PURE__ */ S("span", { className: "flex items-center justify-center", children: [
+        /* @__PURE__ */ o(w, { enableTheme: !1, className: "mr-1" }),
+        e
+      ] }) : t && !e && l ? /* @__PURE__ */ o(w, { enableTheme: !1 }) : t && !e && !l ? /* @__PURE__ */ o($, { children: t }) : t && e && !l ? /* @__PURE__ */ S("span", { className: "flex items-center justify-center gap-1", children: [
+        h === "start" && /* @__PURE__ */ o("span", { className: "text-lg", children: t }),
+        /* @__PURE__ */ o("span", { children: e }),
+        h === "end" && /* @__PURE__ */ o("span", { className: "text-lg", children: t })
+      ] }) : /* @__PURE__ */ o($, { children: e })
     }
   );
 };
 export {
-  ce as default
+  cr as default
 };
 //# sourceMappingURL=Button.js.map