@orbe-agro/client-core 3.4.12 → 5.0.0

package/dist/lib/@ecme/components/shared/RichTextEditor/toolButtons/ToolButtonOrderedList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolButtonOrderedList.js","sources":["../../../../../../../lib/@ecme/components/shared/RichTextEditor/toolButtons/ToolButtonOrderedList.tsx"],"sourcesContent":["import { TbListNumbers } from 'react-icons/tb'\nimport ToolButton from './ToolButton'\nimport type { BaseToolButtonProps } from './types'\n\ntype ToolButtonOrderedListProp = BaseToolButtonProps\n\nconst ToolButtonOrderedList = ({ editor }: ToolButtonOrderedListProp) => {\n    return (\n        <ToolButton\n            title=\"Ordered List\"\n            active={editor.isActive('orderedList')}\n            onClick={() => editor.chain().focus().toggleOrderedList().run()}\n        >\n            <TbListNumbers />\n        </ToolButton>\n    )\n}\n\nexport default ToolButtonOrderedList\n"],"names":["ToolButtonOrderedList","editor","jsx","ToolButton","TbListNumbers"],"mappings":";;;AAMA,MAAMA,IAAwB,CAAC,EAAE,QAAAC,QAEzB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,OAAM;AAAA,IACN,QAAQF,EAAO,SAAS,aAAa;AAAA,IACrC,SAAS,MAAMA,EAAO,MAAA,EAAQ,QAAQ,kBAAkB,EAAE,IAAI;AAAA,IAE9D,4BAACG,GAAc,CAAA,CAAA;AAAA,EAAA;AACnB;"}
+{"version":3,"file":"ToolButtonOrderedList.js","sources":["../../../../../../../lib/@ecme/components/shared/RichTextEditor/toolButtons/ToolButtonOrderedList.tsx"],"sourcesContent":["import { TbListNumbers } from 'react-icons/tb'\nimport ToolButton from './ToolButton'\nimport type { BaseToolButtonProps } from './types'\n\ntype ToolButtonOrderedListProp = BaseToolButtonProps\n\nconst ToolButtonOrderedList = ({ editor }: ToolButtonOrderedListProp) => {\n    return (\n        <ToolButton\n            title=\"Ordered List\"\n            active={editor.isActive('orderedList')}\n            onClick={() => editor.chain().focus().toggleOrderedList().run()}\n        >\n            <TbListNumbers />\n        </ToolButton>\n    )\n}\n\nexport default ToolButtonOrderedList\n"],"names":["ToolButtonOrderedList","editor","jsx","ToolButton","TbListNumbers"],"mappings":";;;AAMA,MAAMA,IAAwB,CAAC,EAAE,QAAAC,QAEzB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,OAAM;AAAA,IACN,QAAQF,EAAO,SAAS,aAAa;AAAA,IACrC,SAAS,MAAMA,EAAO,MAAA,EAAQ,QAAQ,kBAAA,EAAoB,IAAA;AAAA,IAE1D,4BAACG,GAAA,CAAA,CAAc;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/components/shared/RichTextEditor/toolButtons/ToolButtonParagraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolButtonParagraph.js","sources":["../../../../../../../lib/@ecme/components/shared/RichTextEditor/toolButtons/ToolButtonParagraph.tsx"],"sourcesContent":["import { BiParagraph } from 'react-icons/bi'\nimport ToolButton from './ToolButton'\nimport type { BaseToolButtonProps } from './types'\n\ntype ToolButtonParagraphProp = BaseToolButtonProps\n\nconst ToolButtonParagraph = ({ editor }: ToolButtonParagraphProp) => {\n    return (\n        <ToolButton\n            title=\"Paragraph\"\n            active={editor.isActive('paragraph')}\n            onClick={() => editor.chain().focus().setParagraph().run()}\n        >\n            <BiParagraph />\n        </ToolButton>\n    )\n}\n\nexport default ToolButtonParagraph\n"],"names":["ToolButtonParagraph","editor","jsx","ToolButton","BiParagraph"],"mappings":";;;AAMA,MAAMA,IAAsB,CAAC,EAAE,QAAAC,QAEvB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,OAAM;AAAA,IACN,QAAQF,EAAO,SAAS,WAAW;AAAA,IACnC,SAAS,MAAMA,EAAO,MAAA,EAAQ,QAAQ,aAAa,EAAE,IAAI;AAAA,IAEzD,4BAACG,GAAY,CAAA,CAAA;AAAA,EAAA;AACjB;"}
+{"version":3,"file":"ToolButtonParagraph.js","sources":["../../../../../../../lib/@ecme/components/shared/RichTextEditor/toolButtons/ToolButtonParagraph.tsx"],"sourcesContent":["import { BiParagraph } from 'react-icons/bi'\nimport ToolButton from './ToolButton'\nimport type { BaseToolButtonProps } from './types'\n\ntype ToolButtonParagraphProp = BaseToolButtonProps\n\nconst ToolButtonParagraph = ({ editor }: ToolButtonParagraphProp) => {\n    return (\n        <ToolButton\n            title=\"Paragraph\"\n            active={editor.isActive('paragraph')}\n            onClick={() => editor.chain().focus().setParagraph().run()}\n        >\n            <BiParagraph />\n        </ToolButton>\n    )\n}\n\nexport default ToolButtonParagraph\n"],"names":["ToolButtonParagraph","editor","jsx","ToolButton","BiParagraph"],"mappings":";;;AAMA,MAAMA,IAAsB,CAAC,EAAE,QAAAC,QAEvB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,OAAM;AAAA,IACN,QAAQF,EAAO,SAAS,WAAW;AAAA,IACnC,SAAS,MAAMA,EAAO,MAAA,EAAQ,QAAQ,aAAA,EAAe,IAAA;AAAA,IAErD,4BAACG,GAAA,CAAA,CAAY;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/components/shared/RichTextEditor/toolButtons/ToolButtonRedo.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolButtonRedo.js","sources":["../../../../../../../lib/@ecme/components/shared/RichTextEditor/toolButtons/ToolButtonRedo.tsx"],"sourcesContent":["import { CgRedo } from 'react-icons/cg'\nimport ToolButton from './ToolButton'\nimport type { BaseToolButtonProps } from './types'\n\ntype ToolButtonRedoProp = BaseToolButtonProps\n\nconst ToolButtonRedo = ({ editor }: ToolButtonRedoProp) => {\n    return (\n        <ToolButton\n            title=\"Code\"\n            disabled={!editor.can().chain().focus().redo().run()}\n            onClick={() => editor.chain().focus().redo().run()}\n        >\n            <CgRedo />\n        </ToolButton>\n    )\n}\n\nexport default ToolButtonRedo\n"],"names":["ToolButtonRedo","editor","jsx","ToolButton","CgRedo"],"mappings":";;;AAMA,MAAMA,IAAiB,CAAC,EAAE,QAAAC,QAElB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,OAAM;AAAA,IACN,UAAU,CAACF,EAAO,MAAM,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI;AAAA,IACnD,SAAS,MAAMA,EAAO,MAAA,EAAQ,QAAQ,KAAK,EAAE,IAAI;AAAA,IAEjD,4BAACG,GAAO,CAAA,CAAA;AAAA,EAAA;AACZ;"}
+{"version":3,"file":"ToolButtonRedo.js","sources":["../../../../../../../lib/@ecme/components/shared/RichTextEditor/toolButtons/ToolButtonRedo.tsx"],"sourcesContent":["import { CgRedo } from 'react-icons/cg'\nimport ToolButton from './ToolButton'\nimport type { BaseToolButtonProps } from './types'\n\ntype ToolButtonRedoProp = BaseToolButtonProps\n\nconst ToolButtonRedo = ({ editor }: ToolButtonRedoProp) => {\n    return (\n        <ToolButton\n            title=\"Code\"\n            disabled={!editor.can().chain().focus().redo().run()}\n            onClick={() => editor.chain().focus().redo().run()}\n        >\n            <CgRedo />\n        </ToolButton>\n    )\n}\n\nexport default ToolButtonRedo\n"],"names":["ToolButtonRedo","editor","jsx","ToolButton","CgRedo"],"mappings":";;;AAMA,MAAMA,IAAiB,CAAC,EAAE,QAAAC,QAElB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,OAAM;AAAA,IACN,UAAU,CAACF,EAAO,MAAM,MAAA,EAAQ,MAAA,EAAQ,KAAA,EAAO,IAAA;AAAA,IAC/C,SAAS,MAAMA,EAAO,MAAA,EAAQ,QAAQ,KAAA,EAAO,IAAA;AAAA,IAE7C,4BAACG,GAAA,CAAA,CAAO;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/components/shared/RichTextEditor/toolButtons/ToolButtonStrike.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolButtonStrike.js","sources":["../../../../../../../lib/@ecme/components/shared/RichTextEditor/toolButtons/ToolButtonStrike.tsx"],"sourcesContent":["import { TbStrikethrough } from 'react-icons/tb'\nimport ToolButton from './ToolButton'\nimport type { BaseToolButtonProps } from './types'\n\ntype ToolButtonStrikeProp = BaseToolButtonProps\n\nconst ToolButtonStrike = ({ editor }: ToolButtonStrikeProp) => {\n    return (\n        <ToolButton\n            title=\"Strikethrough\"\n            disabled={!editor.can().chain().focus().toggleStrike().run()}\n            active={editor.isActive('strike')}\n            onClick={() => editor.chain().focus().toggleStrike().run()}\n        >\n            <TbStrikethrough />\n        </ToolButton>\n    )\n}\n\nexport default ToolButtonStrike\n"],"names":["ToolButtonStrike","editor","jsx","ToolButton","TbStrikethrough"],"mappings":";;;AAMA,MAAMA,IAAmB,CAAC,EAAE,QAAAC,QAEpB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,OAAM;AAAA,IACN,UAAU,CAACF,EAAO,MAAM,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,IAAI;AAAA,IAC3D,QAAQA,EAAO,SAAS,QAAQ;AAAA,IAChC,SAAS,MAAMA,EAAO,MAAA,EAAQ,QAAQ,aAAa,EAAE,IAAI;AAAA,IAEzD,4BAACG,GAAgB,CAAA,CAAA;AAAA,EAAA;AACrB;"}
+{"version":3,"file":"ToolButtonStrike.js","sources":["../../../../../../../lib/@ecme/components/shared/RichTextEditor/toolButtons/ToolButtonStrike.tsx"],"sourcesContent":["import { TbStrikethrough } from 'react-icons/tb'\nimport ToolButton from './ToolButton'\nimport type { BaseToolButtonProps } from './types'\n\ntype ToolButtonStrikeProp = BaseToolButtonProps\n\nconst ToolButtonStrike = ({ editor }: ToolButtonStrikeProp) => {\n    return (\n        <ToolButton\n            title=\"Strikethrough\"\n            disabled={!editor.can().chain().focus().toggleStrike().run()}\n            active={editor.isActive('strike')}\n            onClick={() => editor.chain().focus().toggleStrike().run()}\n        >\n            <TbStrikethrough />\n        </ToolButton>\n    )\n}\n\nexport default ToolButtonStrike\n"],"names":["ToolButtonStrike","editor","jsx","ToolButton","TbStrikethrough"],"mappings":";;;AAMA,MAAMA,IAAmB,CAAC,EAAE,QAAAC,QAEpB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,OAAM;AAAA,IACN,UAAU,CAACF,EAAO,MAAM,MAAA,EAAQ,MAAA,EAAQ,aAAA,EAAe,IAAA;AAAA,IACvD,QAAQA,EAAO,SAAS,QAAQ;AAAA,IAChC,SAAS,MAAMA,EAAO,MAAA,EAAQ,QAAQ,aAAA,EAAe,IAAA;AAAA,IAErD,4BAACG,GAAA,CAAA,CAAgB;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/components/shared/RichTextEditor/toolButtons/ToolButtonUndo.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolButtonUndo.js","sources":["../../../../../../../lib/@ecme/components/shared/RichTextEditor/toolButtons/ToolButtonUndo.tsx"],"sourcesContent":["import { CgUndo } from 'react-icons/cg'\nimport ToolButton from './ToolButton'\nimport type { BaseToolButtonProps } from './types'\n\ntype ToolButtonUndoProp = BaseToolButtonProps\n\nconst ToolButtonUndo = ({ editor }: ToolButtonUndoProp) => {\n    return (\n        <ToolButton\n            title=\"Code\"\n            disabled={!editor.can().chain().focus().undo().run()}\n            onClick={() => editor.chain().focus().undo().run()}\n        >\n            <CgUndo />\n        </ToolButton>\n    )\n}\n\nexport default ToolButtonUndo\n"],"names":["ToolButtonUndo","editor","jsx","ToolButton","CgUndo"],"mappings":";;;AAMA,MAAMA,IAAiB,CAAC,EAAE,QAAAC,QAElB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,OAAM;AAAA,IACN,UAAU,CAACF,EAAO,MAAM,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI;AAAA,IACnD,SAAS,MAAMA,EAAO,MAAA,EAAQ,QAAQ,KAAK,EAAE,IAAI;AAAA,IAEjD,4BAACG,GAAO,CAAA,CAAA;AAAA,EAAA;AACZ;"}
+{"version":3,"file":"ToolButtonUndo.js","sources":["../../../../../../../lib/@ecme/components/shared/RichTextEditor/toolButtons/ToolButtonUndo.tsx"],"sourcesContent":["import { CgUndo } from 'react-icons/cg'\nimport ToolButton from './ToolButton'\nimport type { BaseToolButtonProps } from './types'\n\ntype ToolButtonUndoProp = BaseToolButtonProps\n\nconst ToolButtonUndo = ({ editor }: ToolButtonUndoProp) => {\n    return (\n        <ToolButton\n            title=\"Code\"\n            disabled={!editor.can().chain().focus().undo().run()}\n            onClick={() => editor.chain().focus().undo().run()}\n        >\n            <CgUndo />\n        </ToolButton>\n    )\n}\n\nexport default ToolButtonUndo\n"],"names":["ToolButtonUndo","editor","jsx","ToolButton","CgUndo"],"mappings":";;;AAMA,MAAMA,IAAiB,CAAC,EAAE,QAAAC,QAElB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,OAAM;AAAA,IACN,UAAU,CAACF,EAAO,MAAM,MAAA,EAAQ,MAAA,EAAQ,KAAA,EAAO,IAAA;AAAA,IAC/C,SAAS,MAAMA,EAAO,MAAA,EAAQ,QAAQ,KAAA,EAAO,IAAA;AAAA,IAE7C,4BAACG,GAAA,CAAA,CAAO;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/components/shared/StickyFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"StickyFooter.js","sources":["../../../../../lib/@ecme/components/shared/StickyFooter.tsx"],"sourcesContent":["import { useRef, useState, useEffect, ReactNode } from 'react'\nimport classNames from 'classnames'\nimport useDebounce from '@/utils/hooks/useDebounce'\nimport type { HTMLAttributes } from 'react'\n\ninterface StickyFooterProps\n    extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n    stickyClass?: string\n    defaultClass?: string\n    children?: ReactNode | ((isSticky: boolean) => ReactNode)\n}\n\nconst StickyFooter = (props: StickyFooterProps) => {\n    const { children, className, stickyClass, defaultClass, ...rest } = props\n\n    const [isSticky, setIsSticky] = useState(false)\n    const ref = useRef<HTMLDivElement>(null)\n\n    function handleDebounceFn(val: boolean) {\n        setIsSticky(val)\n    }\n\n    const debounceFn = useDebounce(handleDebounceFn, 100)\n\n    useEffect(() => {\n        const cachedRef = ref.current\n        const observer = new IntersectionObserver(\n            ([e]) => {\n                console.log(\n                    'e.intersectionRatio < 1',\n                    e.intersectionRatio,\n                    e.intersectionRatio < 1,\n                )\n                if (!(e.intersectionRatio < 1)) {\n                    window.scrollTo({\n                        top: document.body.scrollHeight - 1,\n                        behavior: 'smooth',\n                    })\n                }\n                debounceFn(e.intersectionRatio < 1)\n            },\n            {\n                threshold: [1],\n            },\n        )\n\n        observer.observe(cachedRef as Element)\n\n        return function () {\n            observer.unobserve(cachedRef as Element)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    return (\n        <div\n            ref={ref}\n            className={classNames(\n                'static -bottom-[1px]',\n                className,\n                isSticky ? classNames(stickyClass, 'sticky') : defaultClass,\n            )}\n            {...rest}\n        >\n            {typeof children === 'function' ? children(isSticky) : children}\n        </div>\n    )\n}\n\nexport default StickyFooter\n"],"names":["StickyFooter","props","children","className","stickyClass","defaultClass","rest","isSticky","setIsSticky","useState","ref","useRef","handleDebounceFn","val","debounceFn","useDebounce","useEffect","cachedRef","observer","jsx","classNames"],"mappings":";;;;AAYM,MAAAA,IAAe,CAACC,MAA6B;AAC/C,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,aAAAC,GAAa,cAAAC,GAAc,GAAGC,MAASL,GAE9D,CAACM,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAMC,EAAuB,IAAI;AAEvC,WAASC,EAAiBC,GAAc;AACpC,IAAAL,EAAYK,CAAG;AAAA,EAAA;AAGb,QAAAC,IAAaC,EAAYH,GAAkB,GAAG;AAEpD,SAAAI,EAAU,MAAM;AACZ,UAAMC,IAAYP,EAAI,SAChBQ,IAAW,IAAI;AAAA,MACjB,CAAC,CAAC,CAAC,MAAM;AACG,gBAAA;AAAA,UACJ;AAAA,UACA,EAAE;AAAA,UACF,EAAE,oBAAoB;AAAA,QAC1B,GACM,EAAE,oBAAoB,KACxB,OAAO,SAAS;AAAA,UACZ,KAAK,SAAS,KAAK,eAAe;AAAA,UAClC,UAAU;AAAA,QAAA,CACb,GAEMJ,EAAA,EAAE,oBAAoB,CAAC;AAAA,MACtC;AAAA,MACA;AAAA,QACI,WAAW,CAAC,CAAC;AAAA,MAAA;AAAA,IAErB;AAEA,WAAAI,EAAS,QAAQD,CAAoB,GAE9B,WAAY;AACf,MAAAC,EAAS,UAAUD,CAAoB;AAAA,IAC3C;AAAA,EAEJ,GAAG,EAAE,GAGD,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAT;AAAA,MACA,WAAWU;AAAA,QACP;AAAA,QACAjB;AAAA,QACAI,IAAWa,EAAWhB,GAAa,QAAQ,IAAIC;AAAA,MACnD;AAAA,MACC,GAAGC;AAAA,MAEH,UAAO,OAAAJ,KAAa,aAAaA,EAASK,CAAQ,IAAIL;AAAA,IAAA;AAAA,EAC3D;AAER;"}
+{"version":3,"file":"StickyFooter.js","sources":["../../../../../lib/@ecme/components/shared/StickyFooter.tsx"],"sourcesContent":["import { useRef, useState, useEffect, ReactNode } from 'react'\nimport classNames from 'classnames'\nimport useDebounce from '@/utils/hooks/useDebounce'\nimport type { HTMLAttributes } from 'react'\n\ninterface StickyFooterProps\n    extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n    stickyClass?: string\n    defaultClass?: string\n    children?: ReactNode | ((isSticky: boolean) => ReactNode)\n}\n\nconst StickyFooter = (props: StickyFooterProps) => {\n    const { children, className, stickyClass, defaultClass, ...rest } = props\n\n    const [isSticky, setIsSticky] = useState(false)\n    const ref = useRef<HTMLDivElement>(null)\n\n    function handleDebounceFn(val: boolean) {\n        setIsSticky(val)\n    }\n\n    const debounceFn = useDebounce(handleDebounceFn, 100)\n\n    useEffect(() => {\n        const cachedRef = ref.current\n        const observer = new IntersectionObserver(\n            ([e]) => {\n                console.log(\n                    'e.intersectionRatio < 1',\n                    e.intersectionRatio,\n                    e.intersectionRatio < 1,\n                )\n                if (!(e.intersectionRatio < 1)) {\n                    window.scrollTo({\n                        top: document.body.scrollHeight - 1,\n                        behavior: 'smooth',\n                    })\n                }\n                debounceFn(e.intersectionRatio < 1)\n            },\n            {\n                threshold: [1],\n            },\n        )\n\n        observer.observe(cachedRef as Element)\n\n        return function () {\n            observer.unobserve(cachedRef as Element)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    return (\n        <div\n            ref={ref}\n            className={classNames(\n                'static -bottom-[1px]',\n                className,\n                isSticky ? classNames(stickyClass, 'sticky') : defaultClass,\n            )}\n            {...rest}\n        >\n            {typeof children === 'function' ? children(isSticky) : children}\n        </div>\n    )\n}\n\nexport default StickyFooter\n"],"names":["StickyFooter","props","children","className","stickyClass","defaultClass","rest","isSticky","setIsSticky","useState","ref","useRef","handleDebounceFn","val","debounceFn","useDebounce","useEffect","cachedRef","observer","jsx","classNames"],"mappings":";;;;AAYA,MAAMA,IAAe,CAACC,MAA6B;AAC/C,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,aAAAC,GAAa,cAAAC,GAAc,GAAGC,MAASL,GAE9D,CAACM,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAMC,EAAuB,IAAI;AAEvC,WAASC,EAAiBC,GAAc;AACpC,IAAAL,EAAYK,CAAG;AAAA,EAAA;AAGnB,QAAMC,IAAaC,EAAYH,GAAkB,GAAG;AAEpD,SAAAI,EAAU,MAAM;AACZ,UAAMC,IAAYP,EAAI,SAChBQ,IAAW,IAAI;AAAA,MACjB,CAAC,CAAC,CAAC,MAAM;AACL,gBAAQ;AAAA,UACJ;AAAA,UACA,EAAE;AAAA,UACF,EAAE,oBAAoB;AAAA,QAAA,GAEpB,EAAE,oBAAoB,KACxB,OAAO,SAAS;AAAA,UACZ,KAAK,SAAS,KAAK,eAAe;AAAA,UAClC,UAAU;AAAA,QAAA,CACb,GAELJ,EAAW,EAAE,oBAAoB,CAAC;AAAA,MAAA;AAAA,MAEtC;AAAA,QACI,WAAW,CAAC,CAAC;AAAA,MAAA;AAAA,IACjB;AAGJ,WAAAI,EAAS,QAAQD,CAAoB,GAE9B,WAAY;AACf,MAAAC,EAAS,UAAUD,CAAoB;AAAA,IAAA;AAAA,EAC3C,GAED,EAAE,GAGD,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAT;AAAA,MACA,WAAWU;AAAA,QACP;AAAA,QACAjB;AAAA,QACAI,IAAWa,EAAWhB,GAAa,QAAQ,IAAIC;AAAA,MAAA;AAAA,MAElD,GAAGC;AAAA,MAEH,UAAA,OAAOJ,KAAa,aAAaA,EAASK,CAAQ,IAAIL;AAAA,IAAA;AAAA,EAAA;AAGnE;"}

package/dist/lib/@ecme/components/shared/StrictModeDroppable.js.map

@@ -1 +1 @@
-{"version":3,"file":"StrictModeDroppable.js","sources":["../../../../../lib/@ecme/components/shared/StrictModeDroppable.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { Droppable, DroppableProps } from '@hello-pangea/dnd'\n\nconst StrictModeDroppable = ({ children, ...props }: DroppableProps) => {\n    const [enabled, setEnabled] = useState(false)\n\n    useEffect(() => {\n        const animation = requestAnimationFrame(() => setEnabled(true))\n\n        return () => {\n            cancelAnimationFrame(animation)\n            setEnabled(false)\n        }\n    }, [])\n\n    if (!enabled) {\n        return null\n    }\n\n    return <Droppable {...props}>{children}</Droppable>\n}\n\nexport default StrictModeDroppable\n"],"names":["StrictModeDroppable","children","props","enabled","setEnabled","useState","useEffect","animation","jsx","Droppable"],"mappings":";;;AAGA,MAAMA,IAAsB,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAA4B;AACpE,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAW5C,SATAC,EAAU,MAAM;AACZ,UAAMC,IAAY,sBAAsB,MAAMH,EAAW,EAAI,CAAC;AAE9D,WAAO,MAAM;AACT,2BAAqBG,CAAS,GAC9BH,EAAW,EAAK;AAAA,IACpB;AAAA,EACJ,GAAG,EAAE,GAEAD,IAIG,gBAAAK,EAAAC,GAAA,EAAW,GAAGP,GAAQ,UAAAD,EAAS,CAAA,IAH5B;AAIf;"}
+{"version":3,"file":"StrictModeDroppable.js","sources":["../../../../../lib/@ecme/components/shared/StrictModeDroppable.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { Droppable, DroppableProps } from '@hello-pangea/dnd'\n\nconst StrictModeDroppable = ({ children, ...props }: DroppableProps) => {\n    const [enabled, setEnabled] = useState(false)\n\n    useEffect(() => {\n        const animation = requestAnimationFrame(() => setEnabled(true))\n\n        return () => {\n            cancelAnimationFrame(animation)\n            setEnabled(false)\n        }\n    }, [])\n\n    if (!enabled) {\n        return null\n    }\n\n    return <Droppable {...props}>{children}</Droppable>\n}\n\nexport default StrictModeDroppable\n"],"names":["StrictModeDroppable","children","props","enabled","setEnabled","useState","useEffect","animation","jsx","Droppable"],"mappings":";;;AAGA,MAAMA,IAAsB,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAA4B;AACpE,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAW5C,SATAC,EAAU,MAAM;AACZ,UAAMC,IAAY,sBAAsB,MAAMH,EAAW,EAAI,CAAC;AAE9D,WAAO,MAAM;AACT,2BAAqBG,CAAS,GAC9BH,EAAW,EAAK;AAAA,IAAA;AAAA,EACpB,GACD,EAAE,GAEAD,IAIE,gBAAAK,EAACC,GAAA,EAAW,GAAGP,GAAQ,UAAAD,EAAA,CAAS,IAH5B;AAIf;"}

package/dist/lib/@ecme/components/shared/SyntaxHighlighter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SyntaxHighlighter.js","sources":["../../../../../lib/@ecme/components/shared/SyntaxHighlighter.tsx"],"sourcesContent":["import { Prism } from 'react-syntax-highlighter'\nimport { oneDark } from 'react-syntax-highlighter/dist/esm/styles/prism'\nimport type { SyntaxHighlighterProps as ReactSyntaxHighlighterProps } from 'react-syntax-highlighter'\n\ntype SyntaxHighlighterProps = ReactSyntaxHighlighterProps\n\nconst SyntaxHighlighter = (props: SyntaxHighlighterProps) => {\n    const { children, ...rest } = props\n\n    return (\n        <Prism style={oneDark} {...rest}>\n            {children}\n        </Prism>\n    )\n}\n\nexport default SyntaxHighlighter\n"],"names":["SyntaxHighlighter","props","children","rest","Prism","oneDark"],"mappings":";;;AAMM,MAAAA,IAAoB,CAACC,MAAkC;AACzD,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAASF;AAE9B,2BACKG,GAAM,EAAA,OAAOC,GAAU,GAAGF,GACtB,UAAAD,GACL;AAER;"}
+{"version":3,"file":"SyntaxHighlighter.js","sources":["../../../../../lib/@ecme/components/shared/SyntaxHighlighter.tsx"],"sourcesContent":["import { Prism } from 'react-syntax-highlighter'\nimport { oneDark } from 'react-syntax-highlighter/dist/esm/styles/prism'\nimport type { SyntaxHighlighterProps as ReactSyntaxHighlighterProps } from 'react-syntax-highlighter'\n\ntype SyntaxHighlighterProps = ReactSyntaxHighlighterProps\n\nconst SyntaxHighlighter = (props: SyntaxHighlighterProps) => {\n    const { children, ...rest } = props\n\n    return (\n        <Prism style={oneDark} {...rest}>\n            {children}\n        </Prism>\n    )\n}\n\nexport default SyntaxHighlighter\n"],"names":["SyntaxHighlighter","props","children","rest","Prism","oneDark"],"mappings":";;;AAMA,MAAMA,IAAoB,CAACC,MAAkC;AACzD,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAASF;AAE9B,2BACKG,GAAA,EAAM,OAAOC,GAAU,GAAGF,GACtB,UAAAD,GACL;AAER;"}

package/dist/lib/@ecme/components/shared/ToggleDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleDrawer.js","sources":["../../../../../lib/@ecme/components/shared/ToggleDrawer.tsx"],"sourcesContent":["import { useState, useImperativeHandle } from 'react'\nimport Drawer from '@/components/ui/Drawer'\nimport NavToggle from './NavToggle'\nimport type { DrawerProps } from '@/components/ui/Drawer'\nimport type { Ref } from 'react'\n\nexport type ToggleDrawerProps = Omit<DrawerProps, 'isOpen'> & {\n    ref?: Ref<ToggleDrawerRef>\n}\n\nexport type ToggleDrawerRef = {\n    handleCloseDrawer: () => void\n    handleOpenDrawer: () => void\n}\n\nconst ToggleDrawer = (props: ToggleDrawerProps) => {\n    const { children, placement = 'left', ref, ...rest } = props\n\n    const [toggled, setToggled] = useState(false)\n\n    const handleCloseDrawer = () => {\n        setToggled(false)\n    }\n\n    const handleOpenDrawer = () => {\n        setToggled(true)\n    }\n\n    useImperativeHandle(ref, () => {\n        return {\n            handleCloseDrawer,\n            handleOpenDrawer,\n        }\n    }, [])\n\n    return (\n        <>\n            <button\n                className=\"close-button text-xl\"\n                type=\"button\"\n                onClick={() => setToggled(!toggled)}\n            >\n                <NavToggle toggled={toggled} />\n            </button>\n            <Drawer\n                isOpen={toggled}\n                width={330}\n                placement={placement}\n                onClose={() => setToggled(false)}\n                onRequestClose={() => setToggled(false)}\n                {...rest}\n            >\n                {children}\n            </Drawer>\n        </>\n    )\n}\n\nexport default ToggleDrawer\n"],"names":["ToggleDrawer","props","children","placement","ref","rest","toggled","setToggled","useState","handleCloseDrawer","handleOpenDrawer","useImperativeHandle","jsxs","Fragment","jsx","NavToggle","Drawer"],"mappings":";;;;;AAeM,MAAAA,IAAe,CAACC,MAA6B;AAC/C,QAAM,EAAE,UAAAC,GAAU,WAAAC,IAAY,QAAQ,KAAAC,GAAK,GAAGC,MAASJ,GAEjD,CAACK,GAASC,CAAU,IAAIC,EAAS,EAAK,GAEtCC,IAAoB,MAAM;AAC5B,IAAAF,EAAW,EAAK;AAAA,EACpB,GAEMG,IAAmB,MAAM;AAC3B,IAAAH,EAAW,EAAI;AAAA,EACnB;AAEA,SAAAI,EAAoBP,GAAK,OACd;AAAA,IACH,mBAAAK;AAAA,IACA,kBAAAC;AAAA,EACJ,IACD,EAAE,GAIG,gBAAAE,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS,MAAMP,EAAW,CAACD,CAAO;AAAA,QAElC,UAAA,gBAAAQ,EAACC,KAAU,SAAAT,EAAkB,CAAA;AAAA,MAAA;AAAA,IACjC;AAAA,IACA,gBAAAQ;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,QAAQV;AAAA,QACR,OAAO;AAAA,QACP,WAAAH;AAAA,QACA,SAAS,MAAMI,EAAW,EAAK;AAAA,QAC/B,gBAAgB,MAAMA,EAAW,EAAK;AAAA,QACrC,GAAGF;AAAA,QAEH,UAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GACJ;AAER;"}
+{"version":3,"file":"ToggleDrawer.js","sources":["../../../../../lib/@ecme/components/shared/ToggleDrawer.tsx"],"sourcesContent":["import { useState, useImperativeHandle } from 'react'\nimport Drawer from '@/components/ui/Drawer'\nimport NavToggle from './NavToggle'\nimport type { DrawerProps } from '@/components/ui/Drawer'\nimport type { Ref } from 'react'\n\nexport type ToggleDrawerProps = Omit<DrawerProps, 'isOpen'> & {\n    ref?: Ref<ToggleDrawerRef>\n}\n\nexport type ToggleDrawerRef = {\n    handleCloseDrawer: () => void\n    handleOpenDrawer: () => void\n}\n\nconst ToggleDrawer = (props: ToggleDrawerProps) => {\n    const { children, placement = 'left', ref, ...rest } = props\n\n    const [toggled, setToggled] = useState(false)\n\n    const handleCloseDrawer = () => {\n        setToggled(false)\n    }\n\n    const handleOpenDrawer = () => {\n        setToggled(true)\n    }\n\n    useImperativeHandle(ref, () => {\n        return {\n            handleCloseDrawer,\n            handleOpenDrawer,\n        }\n    }, [])\n\n    return (\n        <>\n            <button\n                className=\"close-button text-xl\"\n                type=\"button\"\n                onClick={() => setToggled(!toggled)}\n            >\n                <NavToggle toggled={toggled} />\n            </button>\n            <Drawer\n                isOpen={toggled}\n                width={330}\n                placement={placement}\n                onClose={() => setToggled(false)}\n                onRequestClose={() => setToggled(false)}\n                {...rest}\n            >\n                {children}\n            </Drawer>\n        </>\n    )\n}\n\nexport default ToggleDrawer\n"],"names":["ToggleDrawer","props","children","placement","ref","rest","toggled","setToggled","useState","handleCloseDrawer","handleOpenDrawer","useImperativeHandle","jsxs","Fragment","jsx","NavToggle","Drawer"],"mappings":";;;;;AAeA,MAAMA,IAAe,CAACC,MAA6B;AAC/C,QAAM,EAAE,UAAAC,GAAU,WAAAC,IAAY,QAAQ,KAAAC,GAAK,GAAGC,MAASJ,GAEjD,CAACK,GAASC,CAAU,IAAIC,EAAS,EAAK,GAEtCC,IAAoB,MAAM;AAC5B,IAAAF,EAAW,EAAK;AAAA,EAAA,GAGdG,IAAmB,MAAM;AAC3B,IAAAH,EAAW,EAAI;AAAA,EAAA;AAGnB,SAAAI,EAAoBP,GAAK,OACd;AAAA,IACH,mBAAAK;AAAA,IACA,kBAAAC;AAAA,EAAA,IAEL,EAAE,GAGD,gBAAAE,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS,MAAMP,EAAW,CAACD,CAAO;AAAA,QAElC,UAAA,gBAAAQ,EAACC,KAAU,SAAAT,EAAA,CAAkB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEjC,gBAAAQ;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,QAAQV;AAAA,QACR,OAAO;AAAA,QACP,WAAAH;AAAA,QACA,SAAS,MAAMI,EAAW,EAAK;AAAA,QAC/B,gBAAgB,MAAMA,EAAW,EAAK;AAAA,QACrC,GAAGF;AAAA,QAEH,UAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GACJ;AAER;"}

package/dist/lib/@ecme/components/shared/UsersAvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"UsersAvatarGroup.js","sources":["../../../../../lib/@ecme/components/shared/UsersAvatarGroup.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Avatar from '@/components/ui/Avatar'\nimport acronym from '@/utils/acronym'\nimport useRandomBgColor from '@/utils/hooks/useRandomBgColor'\nimport type { AvatarProps, AvatarGroupProps } from '@/components/ui/Avatar'\n\ntype User = Record<string, string>\n\ninterface UsersAvatarGroupProps extends AvatarGroupProps {\n    avatarGroupProps?: AvatarGroupProps\n    avatarProps?: AvatarProps\n    imgKey?: string\n    nameKey?: string\n    onAvatarClick?: (avatar: User) => void\n    users?: User[]\n}\n\nconst UsersAvatarGroup = (props: UsersAvatarGroupProps) => {\n    const {\n        avatarGroupProps = {},\n        avatarProps = {},\n        imgKey = 'img',\n        nameKey = 'name',\n        onAvatarClick,\n        users = [],\n        ...rest\n    } = props\n\n    const bgColor = useRandomBgColor()\n\n    const defaultAvatarProps = useMemo(() => {\n        return {\n            shape: 'circle' as 'round' | 'circle' | 'square',\n            size: 30,\n            className: 'cursor-pointer',\n            ...avatarProps,\n        }\n    }, [avatarProps])\n\n    const handleAvatarClick = (avatar: User) => {\n        onAvatarClick?.(avatar)\n    }\n\n    return (\n        <Avatar.Group\n            omittedAvatarTooltip\n            chained\n            omittedAvatarProps={defaultAvatarProps}\n            omittedAvatarTooltipProps={{\n                wrapperClass: 'flex',\n            }}\n            {...avatarGroupProps}\n            {...rest}\n        >\n            {users.map((elm, index) => (\n                <Tooltip\n                    key={elm[nameKey] + index}\n                    wrapperClass=\"flex\"\n                    title={elm[nameKey]}\n                >\n                    <Avatar\n                        {...defaultAvatarProps}\n                        className={`${\n                            elm[imgKey] ? '' : bgColor(elm[nameKey])\n                        } ${defaultAvatarProps.className}`}\n                        src={elm[imgKey]}\n                        onClick={() => handleAvatarClick(elm)}\n                    >\n                        {acronym(elm.name)}\n                    </Avatar>\n                </Tooltip>\n            ))}\n        </Avatar.Group>\n    )\n}\n\nexport default UsersAvatarGroup\n"],"names":["UsersAvatarGroup","props","avatarGroupProps","avatarProps","imgKey","nameKey","onAvatarClick","users","rest","bgColor","useRandomBgColor","defaultAvatarProps","useMemo","handleAvatarClick","avatar","jsx","Avatar","elm","index","Tooltip","acronym"],"mappings":";;;;;;;AAkBM,MAAAA,IAAmB,CAACC,MAAiC;AACjD,QAAA;AAAA,IACF,kBAAAC,IAAmB,CAAC;AAAA,IACpB,aAAAC,IAAc,CAAC;AAAA,IACf,QAAAC,IAAS;AAAA,IACT,SAAAC,IAAU;AAAA,IACV,eAAAC;AAAA,IACA,OAAAC,IAAQ,CAAC;AAAA,IACT,GAAGC;AAAA,EAAA,IACHP,GAEEQ,IAAUC,EAAiB,GAE3BC,IAAqBC,EAAQ,OACxB;AAAA,IACH,OAAO;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,GAAGT;AAAA,EACP,IACD,CAACA,CAAW,CAAC,GAEVU,IAAoB,CAACC,MAAiB;AACxC,IAAAR,KAAA,QAAAA,EAAgBQ;AAAA,EACpB;AAGI,SAAA,gBAAAC;AAAA,IAACC,EAAO;AAAA,IAAP;AAAA,MACG,sBAAoB;AAAA,MACpB,SAAO;AAAA,MACP,oBAAoBL;AAAA,MACpB,2BAA2B;AAAA,QACvB,cAAc;AAAA,MAClB;AAAA,MACC,GAAGT;AAAA,MACH,GAAGM;AAAA,MAEH,UAAMD,EAAA,IAAI,CAACU,GAAKC,MACb,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UAEG,cAAa;AAAA,UACb,OAAOF,EAAIZ,CAAO;AAAA,UAElB,UAAA,gBAAAU;AAAA,YAACC;AAAA,YAAA;AAAA,cACI,GAAGL;AAAA,cACJ,WAAW,GACPM,EAAIb,CAAM,IAAI,KAAKK,EAAQQ,EAAIZ,CAAO,CAAC,CAC3C,IAAIM,EAAmB,SAAS;AAAA,cAChC,KAAKM,EAAIb,CAAM;AAAA,cACf,SAAS,MAAMS,EAAkBI,CAAG;AAAA,cAEnC,UAAAG,EAAQH,EAAI,IAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QACrB;AAAA,QAbKA,EAAIZ,CAAO,IAAIa;AAAA,MAe3B,CAAA;AAAA,IAAA;AAAA,EACL;AAER;"}
+{"version":3,"file":"UsersAvatarGroup.js","sources":["../../../../../lib/@ecme/components/shared/UsersAvatarGroup.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Avatar from '@/components/ui/Avatar'\nimport acronym from '@/utils/acronym'\nimport useRandomBgColor from '@/utils/hooks/useRandomBgColor'\nimport type { AvatarProps, AvatarGroupProps } from '@/components/ui/Avatar'\n\ntype User = Record<string, string>\n\ninterface UsersAvatarGroupProps extends AvatarGroupProps {\n    avatarGroupProps?: AvatarGroupProps\n    avatarProps?: AvatarProps\n    imgKey?: string\n    nameKey?: string\n    onAvatarClick?: (avatar: User) => void\n    users?: User[]\n}\n\nconst UsersAvatarGroup = (props: UsersAvatarGroupProps) => {\n    const {\n        avatarGroupProps = {},\n        avatarProps = {},\n        imgKey = 'img',\n        nameKey = 'name',\n        onAvatarClick,\n        users = [],\n        ...rest\n    } = props\n\n    const bgColor = useRandomBgColor()\n\n    const defaultAvatarProps = useMemo(() => {\n        return {\n            shape: 'circle' as 'round' | 'circle' | 'square',\n            size: 30,\n            className: 'cursor-pointer',\n            ...avatarProps,\n        }\n    }, [avatarProps])\n\n    const handleAvatarClick = (avatar: User) => {\n        onAvatarClick?.(avatar)\n    }\n\n    return (\n        <Avatar.Group\n            omittedAvatarTooltip\n            chained\n            omittedAvatarProps={defaultAvatarProps}\n            omittedAvatarTooltipProps={{\n                wrapperClass: 'flex',\n            }}\n            {...avatarGroupProps}\n            {...rest}\n        >\n            {users.map((elm, index) => (\n                <Tooltip\n                    key={elm[nameKey] + index}\n                    wrapperClass=\"flex\"\n                    title={elm[nameKey]}\n                >\n                    <Avatar\n                        {...defaultAvatarProps}\n                        className={`${\n                            elm[imgKey] ? '' : bgColor(elm[nameKey])\n                        } ${defaultAvatarProps.className}`}\n                        src={elm[imgKey]}\n                        onClick={() => handleAvatarClick(elm)}\n                    >\n                        {acronym(elm.name)}\n                    </Avatar>\n                </Tooltip>\n            ))}\n        </Avatar.Group>\n    )\n}\n\nexport default UsersAvatarGroup\n"],"names":["UsersAvatarGroup","props","avatarGroupProps","avatarProps","imgKey","nameKey","onAvatarClick","users","rest","bgColor","useRandomBgColor","defaultAvatarProps","useMemo","handleAvatarClick","avatar","jsx","Avatar","elm","index","Tooltip","acronym"],"mappings":";;;;;;;AAkBA,MAAMA,IAAmB,CAACC,MAAiC;AACvD,QAAM;AAAA,IACF,kBAAAC,IAAmB,CAAA;AAAA,IACnB,aAAAC,IAAc,CAAA;AAAA,IACd,QAAAC,IAAS;AAAA,IACT,SAAAC,IAAU;AAAA,IACV,eAAAC;AAAA,IACA,OAAAC,IAAQ,CAAA;AAAA,IACR,GAAGC;AAAA,EAAA,IACHP,GAEEQ,IAAUC,EAAA,GAEVC,IAAqBC,EAAQ,OACxB;AAAA,IACH,OAAO;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,GAAGT;AAAA,EAAA,IAER,CAACA,CAAW,CAAC,GAEVU,IAAoB,CAACC,MAAiB;AACxC,IAAAR,KAAA,QAAAA,EAAgBQ;AAAA,EAAM;AAG1B,SACI,gBAAAC;AAAA,IAACC,EAAO;AAAA,IAAP;AAAA,MACG,sBAAoB;AAAA,MACpB,SAAO;AAAA,MACP,oBAAoBL;AAAA,MACpB,2BAA2B;AAAA,QACvB,cAAc;AAAA,MAAA;AAAA,MAEjB,GAAGT;AAAA,MACH,GAAGM;AAAA,MAEH,UAAAD,EAAM,IAAI,CAACU,GAAKC,MACb,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UAEG,cAAa;AAAA,UACb,OAAOF,EAAIZ,CAAO;AAAA,UAElB,UAAA,gBAAAU;AAAA,YAACC;AAAA,YAAA;AAAA,cACI,GAAGL;AAAA,cACJ,WAAW,GACPM,EAAIb,CAAM,IAAI,KAAKK,EAAQQ,EAAIZ,CAAO,CAAC,CAC3C,IAAIM,EAAmB,SAAS;AAAA,cAChC,KAAKM,EAAIb,CAAM;AAAA,cACf,SAAS,MAAMS,EAAkBI,CAAG;AAAA,cAEnC,UAAAG,EAAQH,EAAI,IAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QACrB;AAAA,QAbKA,EAAIZ,CAAO,IAAIa;AAAA,MAAA,CAe3B;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/lib/@ecme/components/shared/loaders/MediaSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaSkeleton.js","sources":["../../../../../../lib/@ecme/components/shared/loaders/MediaSkeleton.tsx"],"sourcesContent":["import Skeleton from '@/components/ui/Skeleton'\nimport type { SkeletonProps } from '@/components/ui/Skeleton'\n\ntype MediaSkeletonProps = {\n    showAvatar?: boolean\n    avatarProps?: SkeletonProps\n    titleProps?: SkeletonProps\n    textProps?: SkeletonProps\n}\n\nconst MediaSkeleton = (props: MediaSkeletonProps) => {\n    const { showAvatar = true, avatarProps, titleProps, textProps } = props\n\n    return (\n        <div className=\"flex flex-auto items-center gap-2\">\n            {showAvatar && (\n                <div>\n                    <Skeleton variant=\"circle\" {...avatarProps} />\n                </div>\n            )}\n            <div className=\"flex flex-col gap-4 w-full\">\n                <Skeleton width=\"40%\" {...titleProps} />\n                <Skeleton width=\"20%\" {...textProps} />\n            </div>\n        </div>\n    )\n}\n\nexport default MediaSkeleton\n"],"names":["MediaSkeleton","props","showAvatar","avatarProps","titleProps","textProps","jsxs","jsx","Skeleton"],"mappings":";;;AAUM,MAAAA,IAAgB,CAACC,MAA8B;AACjD,QAAM,EAAE,YAAAC,IAAa,IAAM,aAAAC,GAAa,YAAAC,GAAY,WAAAC,MAAcJ;AAG9D,SAAA,gBAAAK,EAAC,OAAI,EAAA,WAAU,qCACV,UAAA;AAAA,IACGJ,KAAA,gBAAAK,EAAC,SACG,UAAC,gBAAAA,EAAAC,GAAA,EAAS,SAAQ,UAAU,GAAGL,GAAa,EAChD,CAAA;AAAA,IAEJ,gBAAAG,EAAC,OAAI,EAAA,WAAU,8BACX,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAS,EAAA,OAAM,OAAO,GAAGJ,EAAY,CAAA;AAAA,MACrC,gBAAAG,EAAAC,GAAA,EAAS,OAAM,OAAO,GAAGH,EAAW,CAAA;AAAA,IAAA,EACzC,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"MediaSkeleton.js","sources":["../../../../../../lib/@ecme/components/shared/loaders/MediaSkeleton.tsx"],"sourcesContent":["import Skeleton from '@/components/ui/Skeleton'\nimport type { SkeletonProps } from '@/components/ui/Skeleton'\n\ntype MediaSkeletonProps = {\n    showAvatar?: boolean\n    avatarProps?: SkeletonProps\n    titleProps?: SkeletonProps\n    textProps?: SkeletonProps\n}\n\nconst MediaSkeleton = (props: MediaSkeletonProps) => {\n    const { showAvatar = true, avatarProps, titleProps, textProps } = props\n\n    return (\n        <div className=\"flex flex-auto items-center gap-2\">\n            {showAvatar && (\n                <div>\n                    <Skeleton variant=\"circle\" {...avatarProps} />\n                </div>\n            )}\n            <div className=\"flex flex-col gap-4 w-full\">\n                <Skeleton width=\"40%\" {...titleProps} />\n                <Skeleton width=\"20%\" {...textProps} />\n            </div>\n        </div>\n    )\n}\n\nexport default MediaSkeleton\n"],"names":["MediaSkeleton","props","showAvatar","avatarProps","titleProps","textProps","jsxs","jsx","Skeleton"],"mappings":";;;AAUA,MAAMA,IAAgB,CAACC,MAA8B;AACjD,QAAM,EAAE,YAAAC,IAAa,IAAM,aAAAC,GAAa,YAAAC,GAAY,WAAAC,MAAcJ;AAElE,SACI,gBAAAK,EAAC,OAAA,EAAI,WAAU,qCACV,UAAA;AAAA,IAAAJ,KACG,gBAAAK,EAAC,SACG,UAAA,gBAAAA,EAACC,GAAA,EAAS,SAAQ,UAAU,GAAGL,GAAa,EAAA,CAChD;AAAA,IAEJ,gBAAAG,EAAC,OAAA,EAAI,WAAU,8BACX,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAS,OAAM,OAAO,GAAGJ,EAAA,CAAY;AAAA,MACtC,gBAAAG,EAACC,GAAA,EAAS,OAAM,OAAO,GAAGH,EAAA,CAAW;AAAA,IAAA,EAAA,CACzC;AAAA,EAAA,GACJ;AAER;"}

package/dist/lib/@ecme/components/shared/loaders/TableRowSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRowSkeleton.js","sources":["../../../../../../lib/@ecme/components/shared/loaders/TableRowSkeleton.tsx"],"sourcesContent":["import Skeleton from '@/components/ui/Skeleton'\nimport Table from '@/components/ui/Table'\nimport type { SkeletonProps } from '@/components/ui/Skeleton'\n\ntype TableRowSkeletonProps = {\n    columns?: number\n    rows?: number\n    avatarInColumns?: number[]\n    avatarProps?: SkeletonProps\n}\n\nconst { Tr, Td, TBody } = Table\n\nconst TableRowSkeleton = (props: TableRowSkeletonProps) => {\n    const { columns = 1, rows = 10, avatarInColumns = [], avatarProps } = props\n\n    return (\n        <TBody>\n            {Array.from(new Array(rows), (_, i) => i + 0).map((row) => (\n                <Tr key={`row-${row}`}>\n                    {Array.from(new Array(columns), (_, i) => i + 0).map(\n                        (col) => (\n                            <Td key={`col-${col}`}>\n                                <div className=\"flex flex-auto items-center gap-2\">\n                                    {avatarInColumns.includes(col) && (\n                                        <div>\n                                            <Skeleton\n                                                variant=\"circle\"\n                                                {...avatarProps}\n                                            />\n                                        </div>\n                                    )}\n                                    <Skeleton />\n                                </div>\n                            </Td>\n                        ),\n                    )}\n                </Tr>\n            ))}\n        </TBody>\n    )\n}\n\nexport default TableRowSkeleton\n"],"names":["Tr","Td","TBody","Table","TableRowSkeleton","props","columns","rows","avatarInColumns","avatarProps","jsx","_","i","row","col","jsxs","Skeleton"],"mappings":";;;;AAWA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,OAAAC,EAAA,IAAUC,GAEpBC,IAAmB,CAACC,MAAiC;AACjD,QAAA,EAAE,SAAAC,IAAU,GAAG,MAAAC,IAAO,IAAI,iBAAAC,IAAkB,CAAA,GAAI,aAAAC,EAAA,IAAgBJ;AAEtE,SACK,gBAAAK,EAAAR,GAAA,EACI,UAAM,MAAA,KAAK,IAAI,MAAMK,CAAI,GAAG,CAACI,GAAGC,MAAMA,IAAI,CAAC,EAAE,IAAI,CAACC,MAC9C,gBAAAH,EAAAV,GAAA,EACI,UAAM,MAAA,KAAK,IAAI,MAAMM,CAAO,GAAG,CAACK,GAAGC,MAAMA,IAAI,CAAC,EAAE;AAAA,IAC7C,CAACE,MACG,gBAAAJ,EAACT,KACG,UAAC,gBAAAc,EAAA,OAAA,EAAI,WAAU,qCACV,UAAA;AAAA,MAAAP,EAAgB,SAASM,CAAG,KACzB,gBAAAJ,EAAC,OACG,EAAA,UAAA,gBAAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACP,GAAGP;AAAA,QAAA;AAAA,MAAA,GAEZ;AAAA,wBAEHO,GAAS,CAAA,CAAA;AAAA,IACd,EAAA,CAAA,EAAA,GAXK,OAAOF,CAAG,EAYnB;AAAA,EAfH,EAAA,GAAA,OAAOD,CAAG,EAkBnB,CACH,EACL,CAAA;AAER;"}
+{"version":3,"file":"TableRowSkeleton.js","sources":["../../../../../../lib/@ecme/components/shared/loaders/TableRowSkeleton.tsx"],"sourcesContent":["import Skeleton from '@/components/ui/Skeleton'\nimport Table from '@/components/ui/Table'\nimport type { SkeletonProps } from '@/components/ui/Skeleton'\n\ntype TableRowSkeletonProps = {\n    columns?: number\n    rows?: number\n    avatarInColumns?: number[]\n    avatarProps?: SkeletonProps\n}\n\nconst { Tr, Td, TBody } = Table\n\nconst TableRowSkeleton = (props: TableRowSkeletonProps) => {\n    const { columns = 1, rows = 10, avatarInColumns = [], avatarProps } = props\n\n    return (\n        <TBody>\n            {Array.from(new Array(rows), (_, i) => i + 0).map((row) => (\n                <Tr key={`row-${row}`}>\n                    {Array.from(new Array(columns), (_, i) => i + 0).map(\n                        (col) => (\n                            <Td key={`col-${col}`}>\n                                <div className=\"flex flex-auto items-center gap-2\">\n                                    {avatarInColumns.includes(col) && (\n                                        <div>\n                                            <Skeleton\n                                                variant=\"circle\"\n                                                {...avatarProps}\n                                            />\n                                        </div>\n                                    )}\n                                    <Skeleton />\n                                </div>\n                            </Td>\n                        ),\n                    )}\n                </Tr>\n            ))}\n        </TBody>\n    )\n}\n\nexport default TableRowSkeleton\n"],"names":["Tr","Td","TBody","Table","TableRowSkeleton","props","columns","rows","avatarInColumns","avatarProps","jsx","_","i","row","col","jsxs","Skeleton"],"mappings":";;;;AAWA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,OAAAC,EAAA,IAAUC,GAEpBC,IAAmB,CAACC,MAAiC;AACvD,QAAM,EAAE,SAAAC,IAAU,GAAG,MAAAC,IAAO,IAAI,iBAAAC,IAAkB,CAAA,GAAI,aAAAC,EAAA,IAAgBJ;AAEtE,SACI,gBAAAK,EAACR,GAAA,EACI,UAAA,MAAM,KAAK,IAAI,MAAMK,CAAI,GAAG,CAACI,GAAGC,MAAMA,IAAI,CAAC,EAAE,IAAI,CAACC,MAC/C,gBAAAH,EAACV,GAAA,EACI,UAAA,MAAM,KAAK,IAAI,MAAMM,CAAO,GAAG,CAACK,GAAGC,MAAMA,IAAI,CAAC,EAAE;AAAA,IAC7C,CAACE,MACG,gBAAAJ,EAACT,KACG,UAAA,gBAAAc,EAAC,OAAA,EAAI,WAAU,qCACV,UAAA;AAAA,MAAAP,EAAgB,SAASM,CAAG,KACzB,gBAAAJ,EAAC,OAAA,EACG,UAAA,gBAAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACP,GAAGP;AAAA,QAAA;AAAA,MAAA,GAEZ;AAAA,wBAEHO,GAAA,CAAA,CAAS;AAAA,IAAA,EAAA,CACd,EAAA,GAXK,OAAOF,CAAG,EAYnB;AAAA,EAAA,EAER,GAjBK,OAAOD,CAAG,EAkBnB,CACH,EAAA,CACL;AAER;"}

package/dist/lib/@ecme/components/shared/loaders/TextBlockSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextBlockSkeleton.js","sources":["../../../../../../lib/@ecme/components/shared/loaders/TextBlockSkeleton.tsx"],"sourcesContent":["import Skeleton from '@/components/ui/Skeleton'\nimport type { SkeletonProps } from '@/components/ui/Skeleton'\n\ninterface TextBlockSkeletonProps extends SkeletonProps {\n    rowCount?: number\n    lastChildWidth?: string | number\n    height?: string | number\n    titleWidth?: string | number\n    title?: boolean\n}\n\nconst TextBlockSkeleton = (props: TextBlockSkeletonProps) => {\n    const {\n        height,\n        lastChildWidth = '60%',\n        rowCount = 3,\n        title = true,\n        titleWidth = '40%',\n    } = props\n\n    return (\n        <div className=\"flex flex-col gap-4\">\n            {title && (\n                <Skeleton className=\"mb-1\" height={height} width={titleWidth} />\n            )}\n            {Array.from(new Array(rowCount), (_, i) => i + 1).map(\n                (row, index) => (\n                    <Skeleton\n                        key={row}\n                        height={height}\n                        width={\n                            index === rowCount - 1 ? lastChildWidth : undefined\n                        }\n                    />\n                ),\n            )}\n        </div>\n    )\n}\n\nexport default TextBlockSkeleton\n"],"names":["TextBlockSkeleton","props","height","lastChildWidth","rowCount","title","titleWidth","jsxs","Skeleton","_","i","row","index","jsx"],"mappings":";;;AAWM,MAAAA,IAAoB,CAACC,MAAkC;AACnD,QAAA;AAAA,IACF,QAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,UAAAC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,IACR,YAAAC,IAAa;AAAA,EAAA,IACbL;AAGA,SAAA,gBAAAM,EAAC,OAAI,EAAA,WAAU,uBACV,UAAA;AAAA,IAAAF,uBACIG,GAAS,EAAA,WAAU,QAAO,QAAAN,GAAgB,OAAOI,GAAY;AAAA,IAEjE,MAAM,KAAK,IAAI,MAAMF,CAAQ,GAAG,CAACK,GAAGC,MAAMA,IAAI,CAAC,EAAE;AAAA,MAC9C,CAACC,GAAKC,MACF,gBAAAC;AAAA,QAACL;AAAA,QAAA;AAAA,UAEG,QAAAN;AAAA,UACA,OACIU,MAAUR,IAAW,IAAID,IAAiB;AAAA,QAAA;AAAA,QAHzCQ;AAAA,MAAA;AAAA,IAKT;AAAA,EAER,GACJ;AAER;"}
+{"version":3,"file":"TextBlockSkeleton.js","sources":["../../../../../../lib/@ecme/components/shared/loaders/TextBlockSkeleton.tsx"],"sourcesContent":["import Skeleton from '@/components/ui/Skeleton'\nimport type { SkeletonProps } from '@/components/ui/Skeleton'\n\ninterface TextBlockSkeletonProps extends SkeletonProps {\n    rowCount?: number\n    lastChildWidth?: string | number\n    height?: string | number\n    titleWidth?: string | number\n    title?: boolean\n}\n\nconst TextBlockSkeleton = (props: TextBlockSkeletonProps) => {\n    const {\n        height,\n        lastChildWidth = '60%',\n        rowCount = 3,\n        title = true,\n        titleWidth = '40%',\n    } = props\n\n    return (\n        <div className=\"flex flex-col gap-4\">\n            {title && (\n                <Skeleton className=\"mb-1\" height={height} width={titleWidth} />\n            )}\n            {Array.from(new Array(rowCount), (_, i) => i + 1).map(\n                (row, index) => (\n                    <Skeleton\n                        key={row}\n                        height={height}\n                        width={\n                            index === rowCount - 1 ? lastChildWidth : undefined\n                        }\n                    />\n                ),\n            )}\n        </div>\n    )\n}\n\nexport default TextBlockSkeleton\n"],"names":["TextBlockSkeleton","props","height","lastChildWidth","rowCount","title","titleWidth","jsxs","Skeleton","_","i","row","index","jsx"],"mappings":";;;AAWA,MAAMA,IAAoB,CAACC,MAAkC;AACzD,QAAM;AAAA,IACF,QAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,UAAAC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,IACR,YAAAC,IAAa;AAAA,EAAA,IACbL;AAEJ,SACI,gBAAAM,EAAC,OAAA,EAAI,WAAU,uBACV,UAAA;AAAA,IAAAF,uBACIG,GAAA,EAAS,WAAU,QAAO,QAAAN,GAAgB,OAAOI,GAAY;AAAA,IAEjE,MAAM,KAAK,IAAI,MAAMF,CAAQ,GAAG,CAACK,GAAGC,MAAMA,IAAI,CAAC,EAAE;AAAA,MAC9C,CAACC,GAAKC,MACF,gBAAAC;AAAA,QAACL;AAAA,QAAA;AAAA,UAEG,QAAAN;AAAA,UACA,OACIU,MAAUR,IAAW,IAAID,IAAiB;AAAA,QAAA;AAAA,QAHzCQ;AAAA,MAAA;AAAA,IAKT;AAAA,EAER,GACJ;AAER;"}

package/dist/lib/@ecme/components/template/BottomStickyBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomStickyBar.js","sources":["../../../../../lib/@ecme/components/template/BottomStickyBar.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport useLayout from '@/utils/hooks/useLayout'\nimport type { CommonProps } from '@/@types/common'\nimport { LAYOUT_CONTENT_OVERLAY } from '@/constants/theme.constant'\n\nexport type BottomStickyBarProps = CommonProps\n\nconst BottomStickyBar = ({ children }: BottomStickyBarProps) => {\n    const { type } = useLayout()\n\n    return (\n        <div\n            className={classNames(\n                'bottom-0 left-0 right-0 z-10 mt-8 border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 -mx-4 sm:-mx-8 py-4',\n                type === LAYOUT_CONTENT_OVERLAY ? 'fixed' : 'sticky',\n            )}\n        >\n            {children}\n        </div>\n    )\n}\n\nexport default BottomStickyBar\n"],"names":["BottomStickyBar","children","type","useLayout","jsx","classNames","LAYOUT_CONTENT_OVERLAY"],"mappings":";;;;AAOA,MAAMA,IAAkB,CAAC,EAAE,UAAAC,QAAqC;AACtD,QAAA,EAAE,MAAAC,EAAK,IAAIC,EAAU;AAGvB,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAH,MAASI,IAAyB,UAAU;AAAA,MAChD;AAAA,MAEC,UAAAL;AAAA,IAAA;AAAA,EACL;AAER;"}
+{"version":3,"file":"BottomStickyBar.js","sources":["../../../../../lib/@ecme/components/template/BottomStickyBar.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport useLayout from '@/utils/hooks/useLayout'\nimport type { CommonProps } from '@/@types/common'\nimport { LAYOUT_CONTENT_OVERLAY } from '@/constants/theme.constant'\n\nexport type BottomStickyBarProps = CommonProps\n\nconst BottomStickyBar = ({ children }: BottomStickyBarProps) => {\n    const { type } = useLayout()\n\n    return (\n        <div\n            className={classNames(\n                'bottom-0 left-0 right-0 z-10 mt-8 border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 -mx-4 sm:-mx-8 py-4',\n                type === LAYOUT_CONTENT_OVERLAY ? 'fixed' : 'sticky',\n            )}\n        >\n            {children}\n        </div>\n    )\n}\n\nexport default BottomStickyBar\n"],"names":["BottomStickyBar","children","type","useLayout","jsx","classNames","LAYOUT_CONTENT_OVERLAY"],"mappings":";;;;AAOA,MAAMA,IAAkB,CAAC,EAAE,UAAAC,QAAqC;AAC5D,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA;AAEjB,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAH,MAASI,IAAyB,UAAU;AAAA,MAAA;AAAA,MAG/C,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/lib/@ecme/components/template/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sources":["../../../../../lib/@ecme/components/template/Footer.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\nimport classNames from '@/utils/classNames'\nimport { APP_NAME } from '@/constants/app.constant'\nimport { PAGE_CONTAINER_GUTTER_X } from '@/constants/theme.constant'\n\nexport type FooterPageContainerType = 'gutterless' | 'contained'\n\ntype FooterProps = {\n    pageContainerType: FooterPageContainerType\n    className?: string\n}\n\nconst FooterContent = () => {\n    return (\n        <div className=\"flex w-full flex-auto items-center justify-between\">\n            <span>\n                <span className=\"mr-1 font-semibold\">{`${APP_NAME}`}</span>\n                <span>&copy; {`${new Date().getFullYear()}`} </span>\n            </span>\n            {/* <div className=\"\">\n                <a\n                    className=\"text-gray\"\n                    href=\"/#\"\n                    onClick={(e) => e.preventDefault()}\n                >\n                    Term & Conditions\n                </a>\n                <span className=\"text-muted mx-2\"> | </span>\n                <a\n                    className=\"text-gray\"\n                    href=\"/#\"\n                    onClick={(e) => e.preventDefault()}\n                >\n                    Privacy & Policy\n                </a>\n            </div> */}\n        </div>\n    )\n}\n\nexport default function Footer({\n    pageContainerType = 'contained',\n    className,\n}: FooterProps) {\n    return (\n        <footer\n            className={classNames(\n                `footer flex flex-auto items-center h-16 ${PAGE_CONTAINER_GUTTER_X}`,\n                className,\n            )}\n        >\n            {pageContainerType === 'contained' ? (\n                <Container>\n                    <FooterContent />\n                </Container>\n            ) : (\n                <FooterContent />\n            )}\n        </footer>\n    )\n}\n"],"names":["FooterContent","jsx","APP_NAME","Footer","pageContainerType","className","classNames","PAGE_CONTAINER_GUTTER_X","Container"],"mappings":";;;;;AAYA,MAAMA,IAAgB,MAEb,gBAAAC,EAAA,OAAA,EAAI,WAAU,sDACX,4BAAC,QACG,EAAA,UAAA;AAAA,EAAA,gBAAAA,EAAC,QAAK,EAAA,WAAU,sBAAsB,UAAA,GAAGC,CAAQ,IAAG;AAAA,oBACnD,QAAK,EAAA,UAAA;AAAA,IAAA;AAAA,IAAQ,IAAG,oBAAI,QAAO,YAAa,CAAA;AAAA,IAAG;AAAA,EAAA,EAAC,CAAA;AAAA,EAAA,CACjD,EAkBJ,CAAA;AAIR,SAAwBC,EAAO;AAAA,EAC3B,mBAAAC,IAAoB;AAAA,EACpB,WAAAC;AACJ,GAAgB;AAER,SAAA,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWK;AAAA,QACP,2CAA2CC,CAAuB;AAAA,QAClEF;AAAA,MACJ;AAAA,MAEC,UAAAD,MAAsB,cAClB,gBAAAH,EAAAO,GAAA,EACG,4BAACR,GAAc,CAAA,CAAA,EAAA,CACnB,IAEA,gBAAAC,EAACD,GAAc,CAAA,CAAA;AAAA,IAAA;AAAA,EAEvB;AAER;"}
+{"version":3,"file":"Footer.js","sources":["../../../../../lib/@ecme/components/template/Footer.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\nimport classNames from '@/utils/classNames'\nimport { APP_NAME } from '@/constants/app.constant'\nimport { PAGE_CONTAINER_GUTTER_X } from '@/constants/theme.constant'\n\nexport type FooterPageContainerType = 'gutterless' | 'contained'\n\ntype FooterProps = {\n    pageContainerType: FooterPageContainerType\n    className?: string\n}\n\nconst FooterContent = () => {\n    return (\n        <div className=\"flex w-full flex-auto items-center justify-between\">\n            <span>\n                <span className=\"mr-1 font-semibold\">{`${APP_NAME}`}</span>\n                <span>&copy; {`${new Date().getFullYear()}`} </span>\n            </span>\n            {/* <div className=\"\">\n                <a\n                    className=\"text-gray\"\n                    href=\"/#\"\n                    onClick={(e) => e.preventDefault()}\n                >\n                    Term & Conditions\n                </a>\n                <span className=\"text-muted mx-2\"> | </span>\n                <a\n                    className=\"text-gray\"\n                    href=\"/#\"\n                    onClick={(e) => e.preventDefault()}\n                >\n                    Privacy & Policy\n                </a>\n            </div> */}\n        </div>\n    )\n}\n\nexport default function Footer({\n    pageContainerType = 'contained',\n    className,\n}: FooterProps) {\n    return (\n        <footer\n            className={classNames(\n                `footer flex flex-auto items-center h-16 ${PAGE_CONTAINER_GUTTER_X}`,\n                className,\n            )}\n        >\n            {pageContainerType === 'contained' ? (\n                <Container>\n                    <FooterContent />\n                </Container>\n            ) : (\n                <FooterContent />\n            )}\n        </footer>\n    )\n}\n"],"names":["FooterContent","jsx","APP_NAME","Footer","pageContainerType","className","classNames","PAGE_CONTAINER_GUTTER_X","Container"],"mappings":";;;;;AAYA,MAAMA,IAAgB,MAEd,gBAAAC,EAAC,OAAA,EAAI,WAAU,sDACX,4BAAC,QAAA,EACG,UAAA;AAAA,EAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,sBAAsB,UAAA,GAAGC,CAAQ,IAAG;AAAA,oBACnD,QAAA,EAAK,UAAA;AAAA,IAAA;AAAA,IAAQ,IAAG,oBAAI,QAAO,aAAa;AAAA,IAAG;AAAA,EAAA,EAAA,CAAC;AAAA,EAAA,CACjD,EAAA,CAkBJ;AAIR,SAAwBC,EAAO;AAAA,EAC3B,mBAAAC,IAAoB;AAAA,EACpB,WAAAC;AACJ,GAAgB;AACZ,SACI,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWK;AAAA,QACP,2CAA2CC,CAAuB;AAAA,QAClEF;AAAA,MAAA;AAAA,MAGH,UAAAD,MAAsB,cACnB,gBAAAH,EAACO,GAAA,EACG,4BAACR,GAAA,CAAA,CAAc,EAAA,CACnB,IAEA,gBAAAC,EAACD,GAAA,CAAA,CAAc;AAAA,IAAA;AAAA,EAAA;AAI/B;"}

package/dist/lib/@ecme/components/template/FrameLessGap.js.map

@@ -1 +1 @@
-{"version":3,"file":"FrameLessGap.js","sources":["../../../../../lib/@ecme/components/template/FrameLessGap.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport type { CommonProps } from '@/@types/common'\n\nexport interface FrameLessGapProps extends CommonProps {\n    contained?: boolean\n}\n\nconst FrameLessGap = ({ children, className }: FrameLessGapProps) => {\n    return <div className={classNames(className, 'p-6')}>{children}</div>\n}\n\nexport default FrameLessGap\n"],"names":["FrameLessGap","children","className","classNames"],"mappings":";;AAOA,MAAMA,IAAe,CAAC,EAAE,UAAAC,GAAU,WAAAC,0BACtB,OAAI,EAAA,WAAWC,EAAWD,GAAW,KAAK,GAAI,UAAAD,GAAS;"}
+{"version":3,"file":"FrameLessGap.js","sources":["../../../../../lib/@ecme/components/template/FrameLessGap.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport type { CommonProps } from '@/@types/common'\n\nexport interface FrameLessGapProps extends CommonProps {\n    contained?: boolean\n}\n\nconst FrameLessGap = ({ children, className }: FrameLessGapProps) => {\n    return <div className={classNames(className, 'p-6')}>{children}</div>\n}\n\nexport default FrameLessGap\n"],"names":["FrameLessGap","children","className","classNames"],"mappings":";;AAOA,MAAMA,IAAe,CAAC,EAAE,UAAAC,GAAU,WAAAC,0BACtB,OAAA,EAAI,WAAWC,EAAWD,GAAW,KAAK,GAAI,UAAAD,GAAS;"}

package/dist/lib/@ecme/components/template/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../../lib/@ecme/components/template/Header.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport { HEADER_HEIGHT } from '@/constants/theme.constant'\nimport type { ReactNode } from 'react'\nimport type { CommonProps } from '@/@types/common'\n\ninterface HeaderProps extends CommonProps {\n    headerStart?: ReactNode\n    headerEnd?: ReactNode\n    headerMiddle?: ReactNode\n    container?: boolean\n    wrapperClass?: string\n}\n\nconst Header = (props: HeaderProps) => {\n    const {\n        headerStart,\n        headerEnd,\n        headerMiddle,\n        className,\n        container,\n        wrapperClass,\n    } = props\n\n    return (\n        <header className={classNames('header', className)}>\n            <div\n                className={classNames(\n                    'header-wrapper',\n                    container && 'container mx-auto',\n                    wrapperClass,\n                )}\n                style={{ height: HEADER_HEIGHT }}\n            >\n                <div className=\"header-action header-action-start\">\n                    {headerStart}\n                </div>\n                {headerMiddle && (\n                    <div className=\"header-action header-action-middle\">\n                        {headerMiddle}\n                    </div>\n                )}\n                <div className=\"header-action header-action-end\">\n                    {headerEnd}\n                </div>\n            </div>\n        </header>\n    )\n}\n\nexport default Header\n"],"names":["Header","props","headerStart","headerEnd","headerMiddle","className","container","wrapperClass","classNames","jsxs","HEADER_HEIGHT","jsx"],"mappings":";;;AAaM,MAAAA,IAAS,CAACC,MAAuB;AAC7B,QAAA;AAAA,IACF,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACAN;AAEJ,2BACK,UAAO,EAAA,WAAWO,EAAW,UAAUH,CAAS,GAC7C,UAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWD;AAAA,QACP;AAAA,QACAF,KAAa;AAAA,QACbC;AAAA,MACJ;AAAA,MACA,OAAO,EAAE,QAAQG,EAAc;AAAA,MAE/B,UAAA;AAAA,QAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,qCACV,UACLT,GAAA;AAAA,QACCE,KACG,gBAAAO,EAAC,OAAI,EAAA,WAAU,sCACV,UACLP,GAAA;AAAA,QAEH,gBAAAO,EAAA,OAAA,EAAI,WAAU,mCACV,UACLR,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"Header.js","sources":["../../../../../lib/@ecme/components/template/Header.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport { HEADER_HEIGHT } from '@/constants/theme.constant'\nimport type { ReactNode } from 'react'\nimport type { CommonProps } from '@/@types/common'\n\ninterface HeaderProps extends CommonProps {\n    headerStart?: ReactNode\n    headerEnd?: ReactNode\n    headerMiddle?: ReactNode\n    container?: boolean\n    wrapperClass?: string\n}\n\nconst Header = (props: HeaderProps) => {\n    const {\n        headerStart,\n        headerEnd,\n        headerMiddle,\n        className,\n        container,\n        wrapperClass,\n    } = props\n\n    return (\n        <header className={classNames('header', className)}>\n            <div\n                className={classNames(\n                    'header-wrapper',\n                    container && 'container mx-auto',\n                    wrapperClass,\n                )}\n                style={{ height: HEADER_HEIGHT }}\n            >\n                <div className=\"header-action header-action-start\">\n                    {headerStart}\n                </div>\n                {headerMiddle && (\n                    <div className=\"header-action header-action-middle\">\n                        {headerMiddle}\n                    </div>\n                )}\n                <div className=\"header-action header-action-end\">\n                    {headerEnd}\n                </div>\n            </div>\n        </header>\n    )\n}\n\nexport default Header\n"],"names":["Header","props","headerStart","headerEnd","headerMiddle","className","container","wrapperClass","classNames","jsxs","HEADER_HEIGHT","jsx"],"mappings":";;;AAaA,MAAMA,IAAS,CAACC,MAAuB;AACnC,QAAM;AAAA,IACF,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACAN;AAEJ,2BACK,UAAA,EAAO,WAAWO,EAAW,UAAUH,CAAS,GAC7C,UAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWD;AAAA,QACP;AAAA,QACAF,KAAa;AAAA,QACbC;AAAA,MAAA;AAAA,MAEJ,OAAO,EAAE,QAAQG,EAAA;AAAA,MAEjB,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,qCACV,UAAAT,GACL;AAAA,QACCE,KACG,gBAAAO,EAAC,OAAA,EAAI,WAAU,sCACV,UAAAP,GACL;AAAA,QAEJ,gBAAAO,EAAC,OAAA,EAAI,WAAU,mCACV,UAAAR,EAAA,CACL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}

package/dist/lib/@ecme/components/template/HeaderLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLogo.js","sources":["../../../../../lib/@ecme/components/template/HeaderLogo.tsx"],"sourcesContent":["import Logo from '@/components/template/Logo'\nimport { useThemeStore } from '@/store/themeStore'\nimport appConfig from '@/configs/app.config'\nimport { Link } from 'react-router-dom'\nimport type { Mode } from '@/@types/theme'\nimport { getLogoFilename } from '@base/utils/logo'\n\nconst HeaderLogo = ({ mode }: { mode?: Mode }) => {\n    const defaultMode = useThemeStore((state) => state.mode)\n\n    return (\n        <Link to={appConfig.authenticatedEntryPath}>\n            <Logo\n                imgClass=\"max-h-8\"\n                name={getLogoFilename(true, mode || defaultMode)}\n                className=\"hidden lg:block\"\n            />\n        </Link>\n    )\n}\n\nexport default HeaderLogo\n"],"names":["HeaderLogo","mode","defaultMode","useThemeStore","state","jsx","Link","appConfig","Logo","getLogoFilename"],"mappings":";;;;;;AAOA,MAAMA,IAAa,CAAC,EAAE,MAAAC,QAA4B;AAC9C,QAAMC,IAAcC,EAAc,CAACC,MAAUA,EAAM,IAAI;AAEvD,SACK,gBAAAC,EAAAC,GAAA,EAAK,IAAIC,EAAU,wBAChB,UAAA,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MACG,UAAS;AAAA,MACT,MAAMC,EAAgB,IAAMR,KAAQC,CAAW;AAAA,MAC/C,WAAU;AAAA,IAAA;AAAA,EAAA,GAElB;AAER;"}
+{"version":3,"file":"HeaderLogo.js","sources":["../../../../../lib/@ecme/components/template/HeaderLogo.tsx"],"sourcesContent":["import Logo from '@/components/template/Logo'\nimport { useThemeStore } from '@/store/themeStore'\nimport appConfig from '@/configs/app.config'\nimport { Link } from 'react-router-dom'\nimport type { Mode } from '@/@types/theme'\nimport { getLogoFilename } from '@base/utils/logo'\n\nconst HeaderLogo = ({ mode }: { mode?: Mode }) => {\n    const defaultMode = useThemeStore((state) => state.mode)\n\n    return (\n        <Link to={appConfig.authenticatedEntryPath}>\n            <Logo\n                imgClass=\"max-h-8\"\n                name={getLogoFilename(true, mode || defaultMode)}\n                className=\"hidden lg:block\"\n            />\n        </Link>\n    )\n}\n\nexport default HeaderLogo\n"],"names":["HeaderLogo","mode","defaultMode","useThemeStore","state","jsx","Link","appConfig","Logo","getLogoFilename"],"mappings":";;;;;;AAOA,MAAMA,IAAa,CAAC,EAAE,MAAAC,QAA4B;AAC9C,QAAMC,IAAcC,EAAc,CAACC,MAAUA,EAAM,IAAI;AAEvD,SACI,gBAAAC,EAACC,GAAA,EAAK,IAAIC,EAAU,wBAChB,UAAA,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MACG,UAAS;AAAA,MACT,MAAMC,EAAgB,IAAMR,KAAQC,CAAW;AAAA,MAC/C,WAAU;AAAA,IAAA;AAAA,EAAA,GAElB;AAER;"}

package/dist/lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalMenuContent.js","sources":["../../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuContent.tsx"],"sourcesContent":["import HorizontalMenuDropdownTrigger from './HorizontalMenuDropdownTrigger'\nimport HorizontalMenuDropdown from './HorizontalMenuDropdown'\nimport HorizontalMenuDropdownContent from './HorizontalMenuDropdownContent'\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\nimport useTranslation from '@/utils/hooks/useTranslation'\nimport useMenuActive from '@/utils/hooks/useMenuActive'\nimport { TbChevronDown } from 'react-icons/tb'\nimport { Direction } from '@/@types/theme'\nimport type { NavigationTree } from '@/@types/navigation'\nimport type { TraslationFn } from '@/@types/common'\n\ntype HorizontalMenuContentProps = {\n    routeKey: string\n    navigationTree?: NavigationTree[]\n    direction?: Direction\n    translationSetup?: boolean\n    userAuthority: string[]\n}\n\nconst HorizontalMenuContent = (props: HorizontalMenuContentProps) => {\n    const {\n        routeKey,\n        navigationTree = [],\n        translationSetup,\n        userAuthority,\n    } = props\n\n    const { t } = useTranslation(!translationSetup)\n    const { activedRoute } = useMenuActive(navigationTree, routeKey)\n\n    return (\n        <div className=\"flex gap-1\">\n            {navigationTree.map((nav) => (\n                <AuthorityCheck\n                    key={nav.key}\n                    userAuthority={userAuthority}\n                    authority={nav.authority}\n                >\n                    {nav.subMenu.length > 0 ? (\n                        <HorizontalMenuDropdown\n                            dropdownLean={\n                                nav.meta?.horizontalMenu?.layout === 'default'\n                            }\n                            triggerContent={({ ref, props }) => (\n                                <HorizontalMenuDropdownTrigger\n                                    ref={ref}\n                                    {...props}\n                                    asElement=\"button\"\n                                >\n                                    <div className=\"flex items-center gap-1\">\n                                        <span>\n                                            {t(nav.translateKey, nav.title)}\n                                        </span>\n                                        <TbChevronDown />\n                                    </div>\n                                </HorizontalMenuDropdownTrigger>\n                            )}\n                            menuContent={({ styles, handleDropdownClose }) => (\n                                <HorizontalMenuDropdownContent\n                                    style={styles}\n                                    navigationTree={nav.subMenu}\n                                    t={t as TraslationFn}\n                                    layoutMeta={nav?.meta?.horizontalMenu}\n                                    routeKey={routeKey}\n                                    routeParentKey={activedRoute?.parentKey}\n                                    userAuthority={userAuthority}\n                                    onDropdownClose={handleDropdownClose}\n                                />\n                            )}\n                        ></HorizontalMenuDropdown>\n                    ) : (\n                        <HorizontalMenuDropdownTrigger\n                            {...props}\n                            path={nav.path}\n                            isExternalLink={nav.isExternalLink}\n                            active={activedRoute?.key === nav.key}\n                            asElement=\"a\"\n                        >\n                            <div className=\"flex items-center gap-1\">\n                                <span>{t(nav.translateKey, nav.title)}</span>\n                            </div>\n                        </HorizontalMenuDropdownTrigger>\n                    )}\n                </AuthorityCheck>\n            ))}\n        </div>\n    )\n}\n\nexport default HorizontalMenuContent\n"],"names":["HorizontalMenuContent","props","routeKey","navigationTree","translationSetup","userAuthority","t","useTranslation","activedRoute","useMenuActive","nav","jsx","AuthorityCheck","HorizontalMenuDropdown","_b","_a","ref","HorizontalMenuDropdownTrigger","jsxs","TbChevronDown","styles","handleDropdownClose","HorizontalMenuDropdownContent"],"mappings":";;;;;;;;AAmBM,MAAAA,IAAwB,CAACC,MAAsC;AAC3D,QAAA;AAAA,IACF,UAAAC;AAAA,IACA,gBAAAC,IAAiB,CAAC;AAAA,IAClB,kBAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACAJ,GAEE,EAAE,GAAAK,EAAA,IAAMC,EAAe,CAACH,CAAgB,GACxC,EAAE,cAAAI,EAAiB,IAAAC,EAAcN,GAAgBD,CAAQ;AAE/D,2BACK,OAAI,EAAA,WAAU,cACV,UAAeC,EAAA,IAAI,CAACO;;AACjB,2BAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QAEG,eAAAP;AAAA,QACA,WAAWK,EAAI;AAAA,QAEd,UAAAA,EAAI,QAAQ,SAAS,IAClB,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,gBACIC,KAAAC,IAAAL,EAAI,SAAJ,gBAAAK,EAAU,mBAAV,gBAAAD,EAA0B,YAAW;AAAA,YAEzC,gBAAgB,CAAC,EAAE,KAAAE,GAAK,OAAAf,EACpB,MAAA,gBAAAU;AAAA,cAACM;AAAA,cAAA;AAAA,gBACG,KAAAD;AAAA,gBACC,GAAGf;AAAAA,gBACJ,WAAU;AAAA,gBAEV,UAAA,gBAAAiB,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,kBAAA,gBAAAP,EAAC,UACI,UAAEL,EAAAI,EAAI,cAAcA,EAAI,KAAK,GAClC;AAAA,oCACCS,GAAc,CAAA,CAAA;AAAA,gBAAA,EACnB,CAAA;AAAA,cAAA;AAAA,YACJ;AAAA,YAEJ,aAAa,CAAC,EAAE,QAAAC,GAAQ,qBAAAC,EACpB,MAAA;;AAAA,qCAAAV;AAAA,gBAACW;AAAA,gBAAA;AAAA,kBACG,OAAOF;AAAA,kBACP,gBAAgBV,EAAI;AAAA,kBACpB,GAAAJ;AAAA,kBACA,aAAYS,IAAAL,KAAA,gBAAAA,EAAK,SAAL,gBAAAK,EAAW;AAAA,kBACvB,UAAAb;AAAA,kBACA,gBAAgBM,KAAA,gBAAAA,EAAc;AAAA,kBAC9B,eAAAH;AAAA,kBACA,iBAAiBgB;AAAA,gBAAA;AAAA,cAAA;AAAA;AAAA,UACrB;AAAA,QAAA,IAIR,gBAAAV;AAAA,UAACM;AAAA,UAAA;AAAA,YACI,GAAGhB;AAAA,YACJ,MAAMS,EAAI;AAAA,YACV,gBAAgBA,EAAI;AAAA,YACpB,SAAQF,KAAA,gBAAAA,EAAc,SAAQE,EAAI;AAAA,YAClC,WAAU;AAAA,YAEV,UAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,2BACX,UAAC,gBAAAA,EAAA,QAAA,EAAM,UAAEL,EAAAI,EAAI,cAAcA,EAAI,KAAK,EAAA,CAAE,EAC1C,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,MA/CCA,EAAI;AAAA,IAkDhB;AAAA,GAAA,GACL;AAER;"}
+{"version":3,"file":"HorizontalMenuContent.js","sources":["../../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuContent.tsx"],"sourcesContent":["import HorizontalMenuDropdownTrigger from './HorizontalMenuDropdownTrigger'\nimport HorizontalMenuDropdown from './HorizontalMenuDropdown'\nimport HorizontalMenuDropdownContent from './HorizontalMenuDropdownContent'\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\nimport useTranslation from '@/utils/hooks/useTranslation'\nimport useMenuActive from '@/utils/hooks/useMenuActive'\nimport { TbChevronDown } from 'react-icons/tb'\nimport { Direction } from '@/@types/theme'\nimport type { NavigationTree } from '@/@types/navigation'\nimport type { TraslationFn } from '@/@types/common'\n\ntype HorizontalMenuContentProps = {\n    routeKey: string\n    navigationTree?: NavigationTree[]\n    direction?: Direction\n    translationSetup?: boolean\n    userAuthority: string[]\n}\n\nconst HorizontalMenuContent = (props: HorizontalMenuContentProps) => {\n    const {\n        routeKey,\n        navigationTree = [],\n        translationSetup,\n        userAuthority,\n    } = props\n\n    const { t } = useTranslation(!translationSetup)\n    const { activedRoute } = useMenuActive(navigationTree, routeKey)\n\n    return (\n        <div className=\"flex gap-1\">\n            {navigationTree.map((nav) => (\n                <AuthorityCheck\n                    key={nav.key}\n                    userAuthority={userAuthority}\n                    authority={nav.authority}\n                >\n                    {nav.subMenu.length > 0 ? (\n                        <HorizontalMenuDropdown\n                            dropdownLean={\n                                nav.meta?.horizontalMenu?.layout === 'default'\n                            }\n                            triggerContent={({ ref, props }) => (\n                                <HorizontalMenuDropdownTrigger\n                                    ref={ref}\n                                    {...props}\n                                    asElement=\"button\"\n                                >\n                                    <div className=\"flex items-center gap-1\">\n                                        <span>\n                                            {t(nav.translateKey, nav.title)}\n                                        </span>\n                                        <TbChevronDown />\n                                    </div>\n                                </HorizontalMenuDropdownTrigger>\n                            )}\n                            menuContent={({ styles, handleDropdownClose }) => (\n                                <HorizontalMenuDropdownContent\n                                    style={styles}\n                                    navigationTree={nav.subMenu}\n                                    t={t as TraslationFn}\n                                    layoutMeta={nav?.meta?.horizontalMenu}\n                                    routeKey={routeKey}\n                                    routeParentKey={activedRoute?.parentKey}\n                                    userAuthority={userAuthority}\n                                    onDropdownClose={handleDropdownClose}\n                                />\n                            )}\n                        ></HorizontalMenuDropdown>\n                    ) : (\n                        <HorizontalMenuDropdownTrigger\n                            {...props}\n                            path={nav.path}\n                            isExternalLink={nav.isExternalLink}\n                            active={activedRoute?.key === nav.key}\n                            asElement=\"a\"\n                        >\n                            <div className=\"flex items-center gap-1\">\n                                <span>{t(nav.translateKey, nav.title)}</span>\n                            </div>\n                        </HorizontalMenuDropdownTrigger>\n                    )}\n                </AuthorityCheck>\n            ))}\n        </div>\n    )\n}\n\nexport default HorizontalMenuContent\n"],"names":["HorizontalMenuContent","props","routeKey","navigationTree","translationSetup","userAuthority","t","useTranslation","activedRoute","useMenuActive","nav","jsx","AuthorityCheck","HorizontalMenuDropdown","_b","_a","ref","HorizontalMenuDropdownTrigger","jsxs","TbChevronDown","styles","handleDropdownClose","HorizontalMenuDropdownContent"],"mappings":";;;;;;;;AAmBA,MAAMA,IAAwB,CAACC,MAAsC;AACjE,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,gBAAAC,IAAiB,CAAA;AAAA,IACjB,kBAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACAJ,GAEE,EAAE,GAAAK,EAAA,IAAMC,EAAe,CAACH,CAAgB,GACxC,EAAE,cAAAI,EAAA,IAAiBC,EAAcN,GAAgBD,CAAQ;AAE/D,2BACK,OAAA,EAAI,WAAU,cACV,UAAAC,EAAe,IAAI,CAACO;;AACjB,2BAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QAEG,eAAAP;AAAA,QACA,WAAWK,EAAI;AAAA,QAEd,UAAAA,EAAI,QAAQ,SAAS,IAClB,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,gBACIC,KAAAC,IAAAL,EAAI,SAAJ,gBAAAK,EAAU,mBAAV,gBAAAD,EAA0B,YAAW;AAAA,YAEzC,gBAAgB,CAAC,EAAE,KAAAE,GAAK,OAAAf,QACpB,gBAAAU;AAAA,cAACM;AAAA,cAAA;AAAA,gBACG,KAAAD;AAAA,gBACC,GAAGf;AAAAA,gBACJ,WAAU;AAAA,gBAEV,UAAA,gBAAAiB,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,kBAAA,gBAAAP,EAAC,UACI,UAAAL,EAAEI,EAAI,cAAcA,EAAI,KAAK,GAClC;AAAA,oCACCS,GAAA,CAAA,CAAc;AAAA,gBAAA,EAAA,CACnB;AAAA,cAAA;AAAA,YAAA;AAAA,YAGR,aAAa,CAAC,EAAE,QAAAC,GAAQ,qBAAAC,QAAoB;;AACxC,qCAAAV;AAAA,gBAACW;AAAA,gBAAA;AAAA,kBACG,OAAOF;AAAA,kBACP,gBAAgBV,EAAI;AAAA,kBACpB,GAAAJ;AAAA,kBACA,aAAYS,IAAAL,KAAA,gBAAAA,EAAK,SAAL,gBAAAK,EAAW;AAAA,kBACvB,UAAAb;AAAA,kBACA,gBAAgBM,KAAA,gBAAAA,EAAc;AAAA,kBAC9B,eAAAH;AAAA,kBACA,iBAAiBgB;AAAA,gBAAA;AAAA,cAAA;AAAA;AAAA,UACrB;AAAA,QAAA,IAIR,gBAAAV;AAAA,UAACM;AAAA,UAAA;AAAA,YACI,GAAGhB;AAAA,YACJ,MAAMS,EAAI;AAAA,YACV,gBAAgBA,EAAI;AAAA,YACpB,SAAQF,KAAA,gBAAAA,EAAc,SAAQE,EAAI;AAAA,YAClC,WAAU;AAAA,YAEV,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA,gBAAAA,EAAC,QAAA,EAAM,UAAAL,EAAEI,EAAI,cAAcA,EAAI,KAAK,EAAA,CAAE,EAAA,CAC1C;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,MA/CCA,EAAI;AAAA,IAAA;AAAA,GAkDhB,GACL;AAER;"}

package/dist/lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalMenuDropdown.js","sources":["../../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdown.tsx"],"sourcesContent":["import { useEffect, useState, useRef, useContext, createContext } from 'react'\nimport {\n    autoUpdate,\n    flip,\n    FloatingFocusManager,\n    FloatingList,\n    FloatingNode,\n    FloatingPortal,\n    FloatingTree,\n    offset,\n    safePolygon,\n    shift,\n    useClick,\n    useDismiss,\n    useFloating,\n    useFloatingNodeId,\n    useFloatingParentNodeId,\n    useFloatingTree,\n    useHover,\n    useInteractions,\n    useListItem,\n    useListNavigation,\n    useMergeRefs,\n    useRole,\n    useTypeahead,\n    useTransitionStyles,\n} from '@floating-ui/react'\nimport type {\n    CSSProperties,\n    HTMLProps,\n    Dispatch,\n    SetStateAction,\n    ReactNode,\n} from 'react'\n\ninterface HorizontalMenuDropdownProps {\n    dropdownLean?: boolean\n    triggerContent?: (payload: {\n        ref: ((instance: HTMLElement | null) => void) | null\n        props: { [x: string]: unknown }\n        isOpen: boolean\n        hasFocusInside: boolean\n    }) => ReactNode\n    menuContent?: (props: {\n        styles: CSSProperties\n        handleDropdownClose: () => void\n    }) => ReactNode\n}\n\nconst MenuContext = createContext<{\n    getItemProps: (\n        userProps?: HTMLProps<HTMLElement>,\n    ) => Record<string, unknown>\n    activeIndex: number | null\n    setActiveIndex: Dispatch<SetStateAction<number | null>>\n    setHasFocusInside: Dispatch<SetStateAction<boolean>>\n    isOpen: boolean\n}>({\n    getItemProps: () => ({}),\n    activeIndex: null,\n    setActiveIndex: () => {},\n    setHasFocusInside: () => {},\n    isOpen: false,\n})\n\nconst HorizontalMenuDropdown = (props: HorizontalMenuDropdownProps) => {\n    const { menuContent, triggerContent, dropdownLean } = props\n\n    const [isOpen, setIsOpen] = useState(false)\n    const [hasFocusInside, setHasFocusInside] = useState(false)\n    const [activeIndex, setActiveIndex] = useState<number | null>(null)\n\n    const elementsRef = useRef<Array<HTMLButtonElement | null>>([])\n    const labelsRef = useRef<Array<string | null>>([])\n    const parent = useContext(MenuContext)\n\n    const tree = useFloatingTree()\n    const nodeId = useFloatingNodeId()\n    const parentId = useFloatingParentNodeId()\n    const item = useListItem()\n\n    const isNested = parentId != null\n\n    const { floatingStyles, refs, context } = useFloating<HTMLButtonElement>({\n        nodeId,\n        open: isOpen,\n        onOpenChange: setIsOpen,\n        placement: isNested\n            ? 'right-start'\n            : dropdownLean\n              ? 'bottom-start'\n              : 'bottom',\n        middleware: [\n            offset({\n                mainAxis: isNested ? 0 : 4,\n                alignmentAxis: isNested ? -4 : 0,\n            }),\n            flip(),\n            shift(),\n        ],\n        whileElementsMounted: autoUpdate,\n    })\n\n    const { isMounted, styles } = useTransitionStyles(context, {\n        common: ({ side }) => ({\n            transformOrigin: {\n                top: 'bottom',\n                bottom: 'top',\n                left: 'right',\n                right: 'left',\n            }[side],\n        }),\n        initial: {\n            transform: 'translateY(-5%)',\n            opacity: 0,\n        },\n        duration: 200,\n        open: {\n            opacity: 1,\n            transform: 'translateY(0%)',\n        },\n        close: {\n            opacity: 0,\n            transform: 'translateY(-5%)',\n        },\n    })\n\n    const hover = useHover(context, {\n        enabled: isNested,\n        handleClose: safePolygon({ blockPointerEvents: true }),\n    })\n    const click = useClick(context, {\n        event: 'mousedown',\n        toggle: !isNested,\n        ignoreMouse: isNested,\n    })\n    const role = useRole(context, { role: 'menu' })\n    const dismiss = useDismiss(context, { bubbles: true })\n    const listNavigation = useListNavigation(context, {\n        listRef: elementsRef,\n        activeIndex,\n        nested: isNested,\n        onNavigate: setActiveIndex,\n    })\n    const typeahead = useTypeahead(context, {\n        listRef: labelsRef,\n        onMatch: isOpen ? setActiveIndex : undefined,\n        activeIndex,\n    })\n\n    const { getReferenceProps, getFloatingProps, getItemProps } =\n        useInteractions([\n            hover,\n            click,\n            role,\n            dismiss,\n            listNavigation,\n            typeahead,\n        ])\n\n    const handleDropdownClose = () => {\n        setIsOpen(false)\n    }\n\n    useEffect(() => {\n        if (!tree) return\n\n        function handleTreeClick() {\n            handleDropdownClose()\n        }\n\n        function onSubMenuOpen(event: { nodeId: string; parentId: string }) {\n            if (event.nodeId !== nodeId && event.parentId === parentId) {\n                handleDropdownClose()\n            }\n        }\n\n        tree.events.on('click', handleTreeClick)\n        tree.events.on('menuopen', onSubMenuOpen)\n\n        return () => {\n            tree.events.off('click', handleTreeClick)\n            tree.events.off('menuopen', onSubMenuOpen)\n        }\n    }, [tree, nodeId, parentId])\n\n    useEffect(() => {\n        if (isOpen && tree) {\n            tree.events.emit('menuopen', { parentId, nodeId })\n        }\n    }, [tree, isOpen, nodeId, parentId])\n\n    const dropdownRef = useMergeRefs([refs.setReference, item.ref])\n    const dropdownProps = {\n        ...getReferenceProps(\n            parent.getItemProps({\n                ...props,\n                onFocus() {\n                    setHasFocusInside(false)\n                    parent.setHasFocusInside(true)\n                },\n            }),\n        ),\n    }\n\n    return (\n        <FloatingTree>\n            <FloatingNode id={nodeId}>\n                {triggerContent?.({\n                    ref: dropdownRef,\n                    props: dropdownProps,\n                    hasFocusInside,\n                    isOpen: isMounted,\n                })}\n                <MenuContext.Provider\n                    value={{\n                        activeIndex,\n                        setActiveIndex,\n                        getItemProps,\n                        setHasFocusInside,\n                        isOpen,\n                    }}\n                >\n                    <FloatingList\n                        elementsRef={elementsRef}\n                        labelsRef={labelsRef}\n                    >\n                        {isMounted && (\n                            <FloatingPortal>\n                                <FloatingFocusManager\n                                    context={context}\n                                    modal={false}\n                                    initialFocus={isNested ? -1 : 0}\n                                    returnFocus={!isNested}\n                                >\n                                    <div\n                                        ref={refs.setFloating}\n                                        style={floatingStyles}\n                                        className=\"outline-none z-30\"\n                                        {...getFloatingProps()}\n                                    >\n                                        {menuContent?.({\n                                            styles,\n                                            handleDropdownClose,\n                                        })}\n                                    </div>\n                                </FloatingFocusManager>\n                            </FloatingPortal>\n                        )}\n                    </FloatingList>\n                </MenuContext.Provider>\n            </FloatingNode>\n        </FloatingTree>\n    )\n}\n\nexport default HorizontalMenuDropdown\n"],"names":["MenuContext","createContext","HorizontalMenuDropdown","props","menuContent","triggerContent","dropdownLean","isOpen","setIsOpen","useState","hasFocusInside","setHasFocusInside","activeIndex","setActiveIndex","elementsRef","useRef","labelsRef","parent","useContext","tree","useFloatingTree","nodeId","useFloatingNodeId","parentId","useFloatingParentNodeId","item","useListItem","isNested","floatingStyles","refs","context","useFloating","offset","flip","shift","autoUpdate","isMounted","styles","useTransitionStyles","side","hover","useHover","safePolygon","click","useClick","role","useRole","dismiss","useDismiss","listNavigation","useListNavigation","typeahead","useTypeahead","getReferenceProps","getFloatingProps","getItemProps","useInteractions","handleDropdownClose","useEffect","handleTreeClick","onSubMenuOpen","event","dropdownRef","useMergeRefs","dropdownProps","jsx","FloatingTree","jsxs","FloatingNode","FloatingList","FloatingPortal","FloatingFocusManager"],"mappings":"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"}
+{"version":3,"file":"HorizontalMenuDropdown.js","sources":["../../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdown.tsx"],"sourcesContent":["import { useEffect, useState, useRef, useContext, createContext } from 'react'\nimport {\n    autoUpdate,\n    flip,\n    FloatingFocusManager,\n    FloatingList,\n    FloatingNode,\n    FloatingPortal,\n    FloatingTree,\n    offset,\n    safePolygon,\n    shift,\n    useClick,\n    useDismiss,\n    useFloating,\n    useFloatingNodeId,\n    useFloatingParentNodeId,\n    useFloatingTree,\n    useHover,\n    useInteractions,\n    useListItem,\n    useListNavigation,\n    useMergeRefs,\n    useRole,\n    useTypeahead,\n    useTransitionStyles,\n} from '@floating-ui/react'\nimport type {\n    CSSProperties,\n    HTMLProps,\n    Dispatch,\n    SetStateAction,\n    ReactNode,\n} from 'react'\n\ninterface HorizontalMenuDropdownProps {\n    dropdownLean?: boolean\n    triggerContent?: (payload: {\n        ref: ((instance: HTMLElement | null) => void) | null\n        props: { [x: string]: unknown }\n        isOpen: boolean\n        hasFocusInside: boolean\n    }) => ReactNode\n    menuContent?: (props: {\n        styles: CSSProperties\n        handleDropdownClose: () => void\n    }) => ReactNode\n}\n\nconst MenuContext = createContext<{\n    getItemProps: (\n        userProps?: HTMLProps<HTMLElement>,\n    ) => Record<string, unknown>\n    activeIndex: number | null\n    setActiveIndex: Dispatch<SetStateAction<number | null>>\n    setHasFocusInside: Dispatch<SetStateAction<boolean>>\n    isOpen: boolean\n}>({\n    getItemProps: () => ({}),\n    activeIndex: null,\n    setActiveIndex: () => {},\n    setHasFocusInside: () => {},\n    isOpen: false,\n})\n\nconst HorizontalMenuDropdown = (props: HorizontalMenuDropdownProps) => {\n    const { menuContent, triggerContent, dropdownLean } = props\n\n    const [isOpen, setIsOpen] = useState(false)\n    const [hasFocusInside, setHasFocusInside] = useState(false)\n    const [activeIndex, setActiveIndex] = useState<number | null>(null)\n\n    const elementsRef = useRef<Array<HTMLButtonElement | null>>([])\n    const labelsRef = useRef<Array<string | null>>([])\n    const parent = useContext(MenuContext)\n\n    const tree = useFloatingTree()\n    const nodeId = useFloatingNodeId()\n    const parentId = useFloatingParentNodeId()\n    const item = useListItem()\n\n    const isNested = parentId != null\n\n    const { floatingStyles, refs, context } = useFloating<HTMLButtonElement>({\n        nodeId,\n        open: isOpen,\n        onOpenChange: setIsOpen,\n        placement: isNested\n            ? 'right-start'\n            : dropdownLean\n              ? 'bottom-start'\n              : 'bottom',\n        middleware: [\n            offset({\n                mainAxis: isNested ? 0 : 4,\n                alignmentAxis: isNested ? -4 : 0,\n            }),\n            flip(),\n            shift(),\n        ],\n        whileElementsMounted: autoUpdate,\n    })\n\n    const { isMounted, styles } = useTransitionStyles(context, {\n        common: ({ side }) => ({\n            transformOrigin: {\n                top: 'bottom',\n                bottom: 'top',\n                left: 'right',\n                right: 'left',\n            }[side],\n        }),\n        initial: {\n            transform: 'translateY(-5%)',\n            opacity: 0,\n        },\n        duration: 200,\n        open: {\n            opacity: 1,\n            transform: 'translateY(0%)',\n        },\n        close: {\n            opacity: 0,\n            transform: 'translateY(-5%)',\n        },\n    })\n\n    const hover = useHover(context, {\n        enabled: isNested,\n        handleClose: safePolygon({ blockPointerEvents: true }),\n    })\n    const click = useClick(context, {\n        event: 'mousedown',\n        toggle: !isNested,\n        ignoreMouse: isNested,\n    })\n    const role = useRole(context, { role: 'menu' })\n    const dismiss = useDismiss(context, { bubbles: true })\n    const listNavigation = useListNavigation(context, {\n        listRef: elementsRef,\n        activeIndex,\n        nested: isNested,\n        onNavigate: setActiveIndex,\n    })\n    const typeahead = useTypeahead(context, {\n        listRef: labelsRef,\n        onMatch: isOpen ? setActiveIndex : undefined,\n        activeIndex,\n    })\n\n    const { getReferenceProps, getFloatingProps, getItemProps } =\n        useInteractions([\n            hover,\n            click,\n            role,\n            dismiss,\n            listNavigation,\n            typeahead,\n        ])\n\n    const handleDropdownClose = () => {\n        setIsOpen(false)\n    }\n\n    useEffect(() => {\n        if (!tree) return\n\n        function handleTreeClick() {\n            handleDropdownClose()\n        }\n\n        function onSubMenuOpen(event: { nodeId: string; parentId: string }) {\n            if (event.nodeId !== nodeId && event.parentId === parentId) {\n                handleDropdownClose()\n            }\n        }\n\n        tree.events.on('click', handleTreeClick)\n        tree.events.on('menuopen', onSubMenuOpen)\n\n        return () => {\n            tree.events.off('click', handleTreeClick)\n            tree.events.off('menuopen', onSubMenuOpen)\n        }\n    }, [tree, nodeId, parentId])\n\n    useEffect(() => {\n        if (isOpen && tree) {\n            tree.events.emit('menuopen', { parentId, nodeId })\n        }\n    }, [tree, isOpen, nodeId, parentId])\n\n    const dropdownRef = useMergeRefs([refs.setReference, item.ref])\n    const dropdownProps = {\n        ...getReferenceProps(\n            parent.getItemProps({\n                ...props,\n                onFocus() {\n                    setHasFocusInside(false)\n                    parent.setHasFocusInside(true)\n                },\n            }),\n        ),\n    }\n\n    return (\n        <FloatingTree>\n            <FloatingNode id={nodeId}>\n                {triggerContent?.({\n                    ref: dropdownRef,\n                    props: dropdownProps,\n                    hasFocusInside,\n                    isOpen: isMounted,\n                })}\n                <MenuContext.Provider\n                    value={{\n                        activeIndex,\n                        setActiveIndex,\n                        getItemProps,\n                        setHasFocusInside,\n                        isOpen,\n                    }}\n                >\n                    <FloatingList\n                        elementsRef={elementsRef}\n                        labelsRef={labelsRef}\n                    >\n                        {isMounted && (\n                            <FloatingPortal>\n                                <FloatingFocusManager\n                                    context={context}\n                                    modal={false}\n                                    initialFocus={isNested ? -1 : 0}\n                                    returnFocus={!isNested}\n                                >\n                                    <div\n                                        ref={refs.setFloating}\n                                        style={floatingStyles}\n                                        className=\"outline-none z-30\"\n                                        {...getFloatingProps()}\n                                    >\n                                        {menuContent?.({\n                                            styles,\n                                            handleDropdownClose,\n                                        })}\n                                    </div>\n                                </FloatingFocusManager>\n                            </FloatingPortal>\n                        )}\n                    </FloatingList>\n                </MenuContext.Provider>\n            </FloatingNode>\n        </FloatingTree>\n    )\n}\n\nexport default HorizontalMenuDropdown\n"],"names":["MenuContext","createContext","HorizontalMenuDropdown","props","menuContent","triggerContent","dropdownLean","isOpen","setIsOpen","useState","hasFocusInside","setHasFocusInside","activeIndex","setActiveIndex","elementsRef","useRef","labelsRef","parent","useContext","tree","useFloatingTree","nodeId","useFloatingNodeId","parentId","useFloatingParentNodeId","item","useListItem","isNested","floatingStyles","refs","context","useFloating","offset","flip","shift","autoUpdate","isMounted","styles","useTransitionStyles","side","hover","useHover","safePolygon","click","useClick","role","useRole","dismiss","useDismiss","listNavigation","useListNavigation","typeahead","useTypeahead","getReferenceProps","getFloatingProps","getItemProps","useInteractions","handleDropdownClose","useEffect","handleTreeClick","onSubMenuOpen","event","dropdownRef","useMergeRefs","dropdownProps","jsx","FloatingTree","jsxs","FloatingNode","FloatingList","FloatingPortal","FloatingFocusManager"],"mappings":"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"}

package/dist/lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalMenuDropdownContent.js","sources":["../../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownContent.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport HorizontalMenuNavLink from './HorizontalMenuNavLink'\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\nimport classNames from '@/utils/classNames'\nimport {\n    NAV_ITEM_TYPE_COLLAPSE,\n    NAV_ITEM_TYPE_ITEM,\n} from '@/constants/navigation.constant'\nimport navigationIcon from '@/configs/navigation-icon.config'\nimport { TbCircle } from 'react-icons/tb'\nimport type { CommonProps, TraslationFn } from '@/@types/common'\nimport type { NavigationTree, HorizontalMenuMeta } from '@/@types/navigation'\nimport type { ReactNode, HTMLProps } from 'react'\n\ninterface LayoutProps extends CommonProps {\n    navigationTree: NavigationTree[]\n    t: TraslationFn\n    onDropdownClose: () => void\n    routeKey: string\n    routeParentKey?: string\n    userAuthority: string[]\n}\n\ninterface HorizontalMenuDropdownContentProps extends LayoutProps {\n    layoutMeta?: HorizontalMenuMeta\n}\n\nconst gridClasses = {\n    1: {\n        grid: 'grid-cols-1',\n        width: 'w-[150px]',\n    },\n    2: {\n        grid: 'grid-cols-2',\n        width: 'w-[350px]',\n    },\n    3: {\n        grid: 'grid-cols-3',\n        width: 'w-[750px]',\n    },\n    4: {\n        grid: 'grid-cols-4',\n        width: 'w-[950px]',\n    },\n    5: {\n        grid: 'grid-cols-5',\n        width: 'w-[1150px]',\n    },\n}\n\nconst MenuItem = ({\n    children,\n    className,\n    active,\n    ...rest\n}: CommonProps & { active?: boolean } & HTMLProps<HTMLDivElement>) => {\n    return (\n        <div\n            className={classNames(\n                'cursor-pointer font-semibold px-3 rounded-lg flex items-center w-full whitespace-nowrap gap-x-2 transition-colors duration-150 hover:text-gray-900 hover:bg-gray-100 dark:hover:text-gray-100 dark:hover:bg-gray-800',\n                active && 'bg-gray-100 dark:bg-gray-800',\n                className,\n            )}\n            role=\"menuitem\"\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n\nconst MenuIcon = ({ icon }: { icon: string }) => {\n    if (typeof icon !== 'string' && !icon) {\n        return <></>\n    }\n\n    return (\n        <>\n            {navigationIcon[icon] && (\n                <span className={`text-xl`}>\n                    {navigationIcon[icon] || <TbCircle />}\n                </span>\n            )}\n        </>\n    )\n}\n\nconst MenuLink = ({\n    path,\n    isExternalLink,\n    onClick,\n    icon,\n    title,\n    description,\n    active,\n}: {\n    path: string\n    isExternalLink?: boolean\n    onClick: () => void\n    icon: ReactNode\n    title: string\n    description: string\n    active?: boolean\n}) => (\n    <HorizontalMenuNavLink\n        path={path}\n        isExternalLink={isExternalLink}\n        className=\"gap-2 block\"\n        onClick={onClick}\n    >\n        <MenuItem className=\"py-2 px-2 gap-3\" active={active}>\n            <div>\n                <Avatar\n                    className={classNames(\n                        'bg-white dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600',\n                        active ? 'text-primary' : 'heading-text',\n                    )}\n                    size={40}\n                    icon={icon}\n                    shape=\"round\"\n                />\n            </div>\n            <div className=\"min-w-0\">\n                <div className=\"heading-text font-bold\">{title}</div>\n                <div className=\"text-xs truncate\">{description}</div>\n            </div>\n        </MenuItem>\n    </HorizontalMenuNavLink>\n)\n\nconst ColumnsLayout = (\n    props: LayoutProps & {\n        columns: 1 | 2 | 3 | 4 | 5\n        showColumnTitle?: boolean\n    },\n) => {\n    const {\n        navigationTree,\n        t,\n        onDropdownClose,\n        columns = 1,\n        showColumnTitle = true,\n        routeKey,\n        userAuthority,\n    } = props\n\n    return (\n        <div className=\"flex max-w-[1400px] w-full\">\n            <div\n                className={classNames(\n                    'grid gap-y-6 gap-x-8 p-6 flex-1',\n                    gridClasses[columns]?.grid,\n                )}\n            >\n                {navigationTree.map((nav) => {\n                    if (nav.subMenu.length > 0) {\n                        return (\n                            <AuthorityCheck\n                                key={nav.key}\n                                userAuthority={userAuthority}\n                                authority={nav.authority}\n                            >\n                                <div className=\"max-w-[250px]\">\n                                    {showColumnTitle && (\n                                        <div className=\"heading-text font-bold mb-2\">\n                                            {t(nav.translateKey, nav.title)}\n                                        </div>\n                                    )}\n                                    {nav.subMenu.map((subNav) => (\n                                        <AuthorityCheck\n                                            key={subNav.key}\n                                            userAuthority={userAuthority}\n                                            authority={subNav.authority}\n                                        >\n                                            <div key={subNav.key}>\n                                                <MenuLink\n                                                    path={subNav.path}\n                                                    isExternalLink={\n                                                        subNav.isExternalLink\n                                                    }\n                                                    icon={\n                                                        navigationIcon[\n                                                            subNav.icon\n                                                        ] || <TbCircle />\n                                                    }\n                                                    title={t(\n                                                        subNav.translateKey,\n                                                        subNav.title,\n                                                    )}\n                                                    description={t(\n                                                        subNav.meta?.description\n                                                            ?.translateKey ||\n                                                            '',\n                                                        subNav.meta?.description\n                                                            ?.label || '',\n                                                    )}\n                                                    active={\n                                                        subNav.key === routeKey\n                                                    }\n                                                    onClick={onDropdownClose}\n                                                />\n                                            </div>\n                                        </AuthorityCheck>\n                                    ))}\n                                </div>\n                            </AuthorityCheck>\n                        )\n                    }\n                    return null\n                })}\n            </div>\n            {navigationTree.some((nav) => nav.type === NAV_ITEM_TYPE_ITEM) && (\n                <div\n                    className={classNames(\n                        'ltr:border-l rtl:border-r border-gray-200 dark:border-gray-800 min-w-[280px] p-4 flex flex-col',\n                    )}\n                >\n                    {navigationTree.map((nav) => {\n                        if (\n                            nav.subMenu.length === 0 &&\n                            nav.type === NAV_ITEM_TYPE_ITEM\n                        ) {\n                            return (\n                                <AuthorityCheck\n                                    key={nav.key}\n                                    userAuthority={userAuthority}\n                                    authority={nav.authority}\n                                >\n                                    <MenuLink\n                                        key={nav.key}\n                                        path={nav.path}\n                                        isExternalLink={nav.isExternalLink}\n                                        icon={\n                                            navigationIcon[nav.icon] || (\n                                                <TbCircle />\n                                            )\n                                        }\n                                        title={t(nav.translateKey, nav.title)}\n                                        description={t(\n                                            nav.meta?.description\n                                                ?.translateKey || '',\n                                            nav.meta?.description?.label || '',\n                                        )}\n                                        active={nav.key === routeKey}\n                                        onClick={onDropdownClose}\n                                    />\n                                </AuthorityCheck>\n                            )\n                        }\n                        return null\n                    })}\n                </div>\n            )}\n        </div>\n    )\n}\n\nconst DefaultLayout = ({\n    navigationTree,\n    t,\n    onDropdownClose,\n    routeKey,\n    userAuthority,\n}: LayoutProps) => {\n    const renderNavigation = (navTree: NavigationTree[], cascade: number) => {\n        const nextCascade = cascade + 1\n\n        return (\n            <div className={classNames(cascade === 0 && 'p-3')}>\n                {navTree.map((nav) => (\n                    <AuthorityCheck\n                        key={nav.key}\n                        userAuthority={userAuthority}\n                        authority={nav.authority}\n                    >\n                        <ul>\n                            {nav.type === NAV_ITEM_TYPE_ITEM && (\n                                <Dropdown.Item active={routeKey === nav.key}>\n                                    <HorizontalMenuNavLink\n                                        path={nav.path}\n                                        isExternalLink={nav.isExternalLink}\n                                        className=\"gap-2 h-full\"\n                                        onClick={onDropdownClose}\n                                    >\n                                        <MenuIcon icon={nav.icon} />\n                                        <span>\n                                            {t(nav.translateKey, nav.title)}\n                                        </span>\n                                    </HorizontalMenuNavLink>\n                                </Dropdown.Item>\n                            )}\n                            {nav.type === NAV_ITEM_TYPE_COLLAPSE && (\n                                <Dropdown\n                                    renderTitle={\n                                        <span className=\"flex items-center gap-2\">\n                                            <MenuIcon icon={nav.icon} />\n                                            <span>\n                                                {t(nav.translateKey, nav.title)}\n                                            </span>\n                                        </span>\n                                    }\n                                >\n                                    {nav.subMenu &&\n                                        nav.subMenu.length > 0 &&\n                                        renderNavigation(\n                                            nav.subMenu,\n                                            nextCascade,\n                                        )}\n                                </Dropdown>\n                            )}\n                        </ul>\n                    </AuthorityCheck>\n                ))}\n            </div>\n        )\n    }\n\n    return <>{renderNavigation(navigationTree, 0)}</>\n}\n\nconst TabLayout = ({\n    navigationTree,\n    t,\n    onDropdownClose,\n    columns,\n    routeKey,\n    userAuthority,\n    routeParentKey,\n}: LayoutProps & { columns: 1 | 2 | 3 | 4 | 5 }) => {\n    const [activeKey, setActiveKey] = useState(\n        navigationTree.some((nav) => nav.key === routeParentKey)\n            ? routeParentKey\n            : navigationTree[0]?.key || '',\n    )\n\n    return (\n        <div className=\"flex\">\n            <div className=\"p-4\">\n                {navigationTree.map((nav) => {\n                    if (nav.subMenu.length > 0) {\n                        return (\n                            <AuthorityCheck\n                                key={nav.key}\n                                userAuthority={userAuthority}\n                                authority={nav.authority}\n                            >\n                                <div className=\"min-w-[250px]\">\n                                    <div key={nav.key}>\n                                        <MenuItem\n                                            className=\"py-2 px-2 gap-3\"\n                                            active={nav.key === activeKey}\n                                            onClick={() =>\n                                                setActiveKey(nav.key)\n                                            }\n                                        >\n                                            <div>\n                                                <Avatar\n                                                    className={classNames(\n                                                        'bg-white dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600',\n                                                        nav.key === routeKey\n                                                            ? 'text-primary'\n                                                            : 'heading-text',\n                                                    )}\n                                                    size={40}\n                                                    icon={\n                                                        navigationIcon[\n                                                            nav.icon\n                                                        ] || <TbCircle />\n                                                    }\n                                                    shape=\"round\"\n                                                />\n                                            </div>\n                                            <div className=\"min-w-0\">\n                                                <div className=\"heading-text font-bold\">\n                                                    {t(\n                                                        nav.translateKey,\n                                                        nav.title,\n                                                    )}\n                                                </div>\n                                                <div className=\"text-xs truncate\">\n                                                    {t(\n                                                        nav.meta?.description\n                                                            ?.translateKey ||\n                                                            '',\n                                                        nav.meta?.description\n                                                            ?.label || '',\n                                                    )}\n                                                </div>\n                                            </div>\n                                        </MenuItem>\n                                    </div>\n                                </div>\n                            </AuthorityCheck>\n                        )\n                    }\n                    return null\n                })}\n            </div>\n            {navigationTree.some(\n                (nav) =>\n                    nav.key === activeKey &&\n                    nav.type === NAV_ITEM_TYPE_COLLAPSE,\n            ) && (\n                <div className=\"ltr:border-l rtl:border-r border-gray-200 dark:border-gray-800 p-6\">\n                    <div\n                        className={classNames(\n                            'grid gap-x-8 flex-1',\n                            gridClasses[columns]?.grid,\n                            gridClasses[columns]?.width,\n                        )}\n                    >\n                        {navigationTree\n                            .find((nav) => nav.key === activeKey)\n                            ?.subMenu.map((nav) => (\n                                <AuthorityCheck\n                                    key={nav.key}\n                                    userAuthority={userAuthority}\n                                    authority={nav.authority}\n                                >\n                                    <HorizontalMenuNavLink\n                                        path={nav.path}\n                                        isExternalLink={nav.isExternalLink}\n                                        className=\"gap-2 group\"\n                                        onClick={() => onDropdownClose()}\n                                    >\n                                        <div\n                                            className={classNames(\n                                                'flex items-center gap-2 h-[42px] heading-text group-hover:text-primary',\n                                                routeKey === nav.key &&\n                                                    'text-primary',\n                                            )}\n                                        >\n                                            <span className=\"text-xl\">\n                                                {navigationIcon[nav.icon] || (\n                                                    <TbCircle />\n                                                )}\n                                            </span>\n                                            <span>\n                                                {t(nav.translateKey, nav.title)}\n                                            </span>\n                                        </div>\n                                    </HorizontalMenuNavLink>\n                                </AuthorityCheck>\n                            ))}\n                    </div>\n                </div>\n            )}\n        </div>\n    )\n}\n\nconst HorizontalMenuDropdownContent = (\n    props: HorizontalMenuDropdownContentProps,\n) => {\n    const { style, navigationTree, layoutMeta, ...rest } = props\n\n    return (\n        <div\n            className=\"rounded-2xl bg-white dark:bg-gray-900 ring-0 shadow-[0px_48px_64px_-16px_rgba(0,0,0,0.25)] border border-gray-100 dark:border-gray-800 focus:outline-none min-w-[180px]\"\n            style={style}\n        >\n            {layoutMeta?.layout === 'default' && (\n                <DefaultLayout navigationTree={navigationTree} {...rest} />\n            )}\n            {layoutMeta?.layout === 'columns' && (\n                <ColumnsLayout\n                    navigationTree={navigationTree}\n                    columns={layoutMeta.columns}\n                    showColumnTitle={layoutMeta.showColumnTitle}\n                    {...rest}\n                />\n            )}\n            {layoutMeta?.layout === 'tabs' && (\n                <TabLayout\n                    navigationTree={navigationTree}\n                    columns={layoutMeta.columns}\n                    {...rest}\n                />\n            )}\n            {!layoutMeta && (\n                <DefaultLayout navigationTree={navigationTree} {...rest} />\n            )}\n        </div>\n    )\n}\n\nexport default HorizontalMenuDropdownContent\n"],"names":["gridClasses","MenuItem","children","className","active","rest","jsx","classNames","MenuIcon","icon","Fragment","navigationIcon","TbCircle","MenuLink","path","isExternalLink","onClick","title","description","HorizontalMenuNavLink","jsxs","Avatar","ColumnsLayout","props","navigationTree","t","onDropdownClose","columns","showColumnTitle","routeKey","userAuthority","_a","nav","AuthorityCheck","subNav","_b","_d","_c","NAV_ITEM_TYPE_ITEM","DefaultLayout","renderNavigation","navTree","cascade","nextCascade","Dropdown","NAV_ITEM_TYPE_COLLAPSE","TabLayout","routeParentKey","activeKey","setActiveKey","useState","HorizontalMenuDropdownContent","style","layoutMeta"],"mappings":"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"}
+{"version":3,"file":"HorizontalMenuDropdownContent.js","sources":["../../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownContent.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport HorizontalMenuNavLink from './HorizontalMenuNavLink'\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\nimport classNames from '@/utils/classNames'\nimport {\n    NAV_ITEM_TYPE_COLLAPSE,\n    NAV_ITEM_TYPE_ITEM,\n} from '@/constants/navigation.constant'\nimport navigationIcon from '@/configs/navigation-icon.config'\nimport { TbCircle } from 'react-icons/tb'\nimport type { CommonProps, TraslationFn } from '@/@types/common'\nimport type { NavigationTree, HorizontalMenuMeta } from '@/@types/navigation'\nimport type { ReactNode, HTMLProps } from 'react'\n\ninterface LayoutProps extends CommonProps {\n    navigationTree: NavigationTree[]\n    t: TraslationFn\n    onDropdownClose: () => void\n    routeKey: string\n    routeParentKey?: string\n    userAuthority: string[]\n}\n\ninterface HorizontalMenuDropdownContentProps extends LayoutProps {\n    layoutMeta?: HorizontalMenuMeta\n}\n\nconst gridClasses = {\n    1: {\n        grid: 'grid-cols-1',\n        width: 'w-[150px]',\n    },\n    2: {\n        grid: 'grid-cols-2',\n        width: 'w-[350px]',\n    },\n    3: {\n        grid: 'grid-cols-3',\n        width: 'w-[750px]',\n    },\n    4: {\n        grid: 'grid-cols-4',\n        width: 'w-[950px]',\n    },\n    5: {\n        grid: 'grid-cols-5',\n        width: 'w-[1150px]',\n    },\n}\n\nconst MenuItem = ({\n    children,\n    className,\n    active,\n    ...rest\n}: CommonProps & { active?: boolean } & HTMLProps<HTMLDivElement>) => {\n    return (\n        <div\n            className={classNames(\n                'cursor-pointer font-semibold px-3 rounded-lg flex items-center w-full whitespace-nowrap gap-x-2 transition-colors duration-150 hover:text-gray-900 hover:bg-gray-100 dark:hover:text-gray-100 dark:hover:bg-gray-800',\n                active && 'bg-gray-100 dark:bg-gray-800',\n                className,\n            )}\n            role=\"menuitem\"\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n\nconst MenuIcon = ({ icon }: { icon: string }) => {\n    if (typeof icon !== 'string' && !icon) {\n        return <></>\n    }\n\n    return (\n        <>\n            {navigationIcon[icon] && (\n                <span className={`text-xl`}>\n                    {navigationIcon[icon] || <TbCircle />}\n                </span>\n            )}\n        </>\n    )\n}\n\nconst MenuLink = ({\n    path,\n    isExternalLink,\n    onClick,\n    icon,\n    title,\n    description,\n    active,\n}: {\n    path: string\n    isExternalLink?: boolean\n    onClick: () => void\n    icon: ReactNode\n    title: string\n    description: string\n    active?: boolean\n}) => (\n    <HorizontalMenuNavLink\n        path={path}\n        isExternalLink={isExternalLink}\n        className=\"gap-2 block\"\n        onClick={onClick}\n    >\n        <MenuItem className=\"py-2 px-2 gap-3\" active={active}>\n            <div>\n                <Avatar\n                    className={classNames(\n                        'bg-white dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600',\n                        active ? 'text-primary' : 'heading-text',\n                    )}\n                    size={40}\n                    icon={icon}\n                    shape=\"round\"\n                />\n            </div>\n            <div className=\"min-w-0\">\n                <div className=\"heading-text font-bold\">{title}</div>\n                <div className=\"text-xs truncate\">{description}</div>\n            </div>\n        </MenuItem>\n    </HorizontalMenuNavLink>\n)\n\nconst ColumnsLayout = (\n    props: LayoutProps & {\n        columns: 1 | 2 | 3 | 4 | 5\n        showColumnTitle?: boolean\n    },\n) => {\n    const {\n        navigationTree,\n        t,\n        onDropdownClose,\n        columns = 1,\n        showColumnTitle = true,\n        routeKey,\n        userAuthority,\n    } = props\n\n    return (\n        <div className=\"flex max-w-[1400px] w-full\">\n            <div\n                className={classNames(\n                    'grid gap-y-6 gap-x-8 p-6 flex-1',\n                    gridClasses[columns]?.grid,\n                )}\n            >\n                {navigationTree.map((nav) => {\n                    if (nav.subMenu.length > 0) {\n                        return (\n                            <AuthorityCheck\n                                key={nav.key}\n                                userAuthority={userAuthority}\n                                authority={nav.authority}\n                            >\n                                <div className=\"max-w-[250px]\">\n                                    {showColumnTitle && (\n                                        <div className=\"heading-text font-bold mb-2\">\n                                            {t(nav.translateKey, nav.title)}\n                                        </div>\n                                    )}\n                                    {nav.subMenu.map((subNav) => (\n                                        <AuthorityCheck\n                                            key={subNav.key}\n                                            userAuthority={userAuthority}\n                                            authority={subNav.authority}\n                                        >\n                                            <div key={subNav.key}>\n                                                <MenuLink\n                                                    path={subNav.path}\n                                                    isExternalLink={\n                                                        subNav.isExternalLink\n                                                    }\n                                                    icon={\n                                                        navigationIcon[\n                                                            subNav.icon\n                                                        ] || <TbCircle />\n                                                    }\n                                                    title={t(\n                                                        subNav.translateKey,\n                                                        subNav.title,\n                                                    )}\n                                                    description={t(\n                                                        subNav.meta?.description\n                                                            ?.translateKey ||\n                                                            '',\n                                                        subNav.meta?.description\n                                                            ?.label || '',\n                                                    )}\n                                                    active={\n                                                        subNav.key === routeKey\n                                                    }\n                                                    onClick={onDropdownClose}\n                                                />\n                                            </div>\n                                        </AuthorityCheck>\n                                    ))}\n                                </div>\n                            </AuthorityCheck>\n                        )\n                    }\n                    return null\n                })}\n            </div>\n            {navigationTree.some((nav) => nav.type === NAV_ITEM_TYPE_ITEM) && (\n                <div\n                    className={classNames(\n                        'ltr:border-l rtl:border-r border-gray-200 dark:border-gray-800 min-w-[280px] p-4 flex flex-col',\n                    )}\n                >\n                    {navigationTree.map((nav) => {\n                        if (\n                            nav.subMenu.length === 0 &&\n                            nav.type === NAV_ITEM_TYPE_ITEM\n                        ) {\n                            return (\n                                <AuthorityCheck\n                                    key={nav.key}\n                                    userAuthority={userAuthority}\n                                    authority={nav.authority}\n                                >\n                                    <MenuLink\n                                        key={nav.key}\n                                        path={nav.path}\n                                        isExternalLink={nav.isExternalLink}\n                                        icon={\n                                            navigationIcon[nav.icon] || (\n                                                <TbCircle />\n                                            )\n                                        }\n                                        title={t(nav.translateKey, nav.title)}\n                                        description={t(\n                                            nav.meta?.description\n                                                ?.translateKey || '',\n                                            nav.meta?.description?.label || '',\n                                        )}\n                                        active={nav.key === routeKey}\n                                        onClick={onDropdownClose}\n                                    />\n                                </AuthorityCheck>\n                            )\n                        }\n                        return null\n                    })}\n                </div>\n            )}\n        </div>\n    )\n}\n\nconst DefaultLayout = ({\n    navigationTree,\n    t,\n    onDropdownClose,\n    routeKey,\n    userAuthority,\n}: LayoutProps) => {\n    const renderNavigation = (navTree: NavigationTree[], cascade: number) => {\n        const nextCascade = cascade + 1\n\n        return (\n            <div className={classNames(cascade === 0 && 'p-3')}>\n                {navTree.map((nav) => (\n                    <AuthorityCheck\n                        key={nav.key}\n                        userAuthority={userAuthority}\n                        authority={nav.authority}\n                    >\n                        <ul>\n                            {nav.type === NAV_ITEM_TYPE_ITEM && (\n                                <Dropdown.Item active={routeKey === nav.key}>\n                                    <HorizontalMenuNavLink\n                                        path={nav.path}\n                                        isExternalLink={nav.isExternalLink}\n                                        className=\"gap-2 h-full\"\n                                        onClick={onDropdownClose}\n                                    >\n                                        <MenuIcon icon={nav.icon} />\n                                        <span>\n                                            {t(nav.translateKey, nav.title)}\n                                        </span>\n                                    </HorizontalMenuNavLink>\n                                </Dropdown.Item>\n                            )}\n                            {nav.type === NAV_ITEM_TYPE_COLLAPSE && (\n                                <Dropdown\n                                    renderTitle={\n                                        <span className=\"flex items-center gap-2\">\n                                            <MenuIcon icon={nav.icon} />\n                                            <span>\n                                                {t(nav.translateKey, nav.title)}\n                                            </span>\n                                        </span>\n                                    }\n                                >\n                                    {nav.subMenu &&\n                                        nav.subMenu.length > 0 &&\n                                        renderNavigation(\n                                            nav.subMenu,\n                                            nextCascade,\n                                        )}\n                                </Dropdown>\n                            )}\n                        </ul>\n                    </AuthorityCheck>\n                ))}\n            </div>\n        )\n    }\n\n    return <>{renderNavigation(navigationTree, 0)}</>\n}\n\nconst TabLayout = ({\n    navigationTree,\n    t,\n    onDropdownClose,\n    columns,\n    routeKey,\n    userAuthority,\n    routeParentKey,\n}: LayoutProps & { columns: 1 | 2 | 3 | 4 | 5 }) => {\n    const [activeKey, setActiveKey] = useState(\n        navigationTree.some((nav) => nav.key === routeParentKey)\n            ? routeParentKey\n            : navigationTree[0]?.key || '',\n    )\n\n    return (\n        <div className=\"flex\">\n            <div className=\"p-4\">\n                {navigationTree.map((nav) => {\n                    if (nav.subMenu.length > 0) {\n                        return (\n                            <AuthorityCheck\n                                key={nav.key}\n                                userAuthority={userAuthority}\n                                authority={nav.authority}\n                            >\n                                <div className=\"min-w-[250px]\">\n                                    <div key={nav.key}>\n                                        <MenuItem\n                                            className=\"py-2 px-2 gap-3\"\n                                            active={nav.key === activeKey}\n                                            onClick={() =>\n                                                setActiveKey(nav.key)\n                                            }\n                                        >\n                                            <div>\n                                                <Avatar\n                                                    className={classNames(\n                                                        'bg-white dark:bg-transparent p-2 border-2 border-gray-200 dark:border-gray-600',\n                                                        nav.key === routeKey\n                                                            ? 'text-primary'\n                                                            : 'heading-text',\n                                                    )}\n                                                    size={40}\n                                                    icon={\n                                                        navigationIcon[\n                                                            nav.icon\n                                                        ] || <TbCircle />\n                                                    }\n                                                    shape=\"round\"\n                                                />\n                                            </div>\n                                            <div className=\"min-w-0\">\n                                                <div className=\"heading-text font-bold\">\n                                                    {t(\n                                                        nav.translateKey,\n                                                        nav.title,\n                                                    )}\n                                                </div>\n                                                <div className=\"text-xs truncate\">\n                                                    {t(\n                                                        nav.meta?.description\n                                                            ?.translateKey ||\n                                                            '',\n                                                        nav.meta?.description\n                                                            ?.label || '',\n                                                    )}\n                                                </div>\n                                            </div>\n                                        </MenuItem>\n                                    </div>\n                                </div>\n                            </AuthorityCheck>\n                        )\n                    }\n                    return null\n                })}\n            </div>\n            {navigationTree.some(\n                (nav) =>\n                    nav.key === activeKey &&\n                    nav.type === NAV_ITEM_TYPE_COLLAPSE,\n            ) && (\n                <div className=\"ltr:border-l rtl:border-r border-gray-200 dark:border-gray-800 p-6\">\n                    <div\n                        className={classNames(\n                            'grid gap-x-8 flex-1',\n                            gridClasses[columns]?.grid,\n                            gridClasses[columns]?.width,\n                        )}\n                    >\n                        {navigationTree\n                            .find((nav) => nav.key === activeKey)\n                            ?.subMenu.map((nav) => (\n                                <AuthorityCheck\n                                    key={nav.key}\n                                    userAuthority={userAuthority}\n                                    authority={nav.authority}\n                                >\n                                    <HorizontalMenuNavLink\n                                        path={nav.path}\n                                        isExternalLink={nav.isExternalLink}\n                                        className=\"gap-2 group\"\n                                        onClick={() => onDropdownClose()}\n                                    >\n                                        <div\n                                            className={classNames(\n                                                'flex items-center gap-2 h-[42px] heading-text group-hover:text-primary',\n                                                routeKey === nav.key &&\n                                                    'text-primary',\n                                            )}\n                                        >\n                                            <span className=\"text-xl\">\n                                                {navigationIcon[nav.icon] || (\n                                                    <TbCircle />\n                                                )}\n                                            </span>\n                                            <span>\n                                                {t(nav.translateKey, nav.title)}\n                                            </span>\n                                        </div>\n                                    </HorizontalMenuNavLink>\n                                </AuthorityCheck>\n                            ))}\n                    </div>\n                </div>\n            )}\n        </div>\n    )\n}\n\nconst HorizontalMenuDropdownContent = (\n    props: HorizontalMenuDropdownContentProps,\n) => {\n    const { style, navigationTree, layoutMeta, ...rest } = props\n\n    return (\n        <div\n            className=\"rounded-2xl bg-white dark:bg-gray-900 ring-0 shadow-[0px_48px_64px_-16px_rgba(0,0,0,0.25)] border border-gray-100 dark:border-gray-800 focus:outline-none min-w-[180px]\"\n            style={style}\n        >\n            {layoutMeta?.layout === 'default' && (\n                <DefaultLayout navigationTree={navigationTree} {...rest} />\n            )}\n            {layoutMeta?.layout === 'columns' && (\n                <ColumnsLayout\n                    navigationTree={navigationTree}\n                    columns={layoutMeta.columns}\n                    showColumnTitle={layoutMeta.showColumnTitle}\n                    {...rest}\n                />\n            )}\n            {layoutMeta?.layout === 'tabs' && (\n                <TabLayout\n                    navigationTree={navigationTree}\n                    columns={layoutMeta.columns}\n                    {...rest}\n                />\n            )}\n            {!layoutMeta && (\n                <DefaultLayout navigationTree={navigationTree} {...rest} />\n            )}\n        </div>\n    )\n}\n\nexport default HorizontalMenuDropdownContent\n"],"names":["gridClasses","MenuItem","children","className","active","rest","jsx","classNames","MenuIcon","icon","Fragment","navigationIcon","TbCircle","MenuLink","path","isExternalLink","onClick","title","description","HorizontalMenuNavLink","jsxs","Avatar","ColumnsLayout","props","navigationTree","t","onDropdownClose","columns","showColumnTitle","routeKey","userAuthority","_a","nav","AuthorityCheck","subNav","_b","_d","_c","NAV_ITEM_TYPE_ITEM","DefaultLayout","renderNavigation","navTree","cascade","nextCascade","Dropdown","NAV_ITEM_TYPE_COLLAPSE","TabLayout","routeParentKey","activeKey","setActiveKey","useState","HorizontalMenuDropdownContent","style","layoutMeta"],"mappings":"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"}

package/dist/lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalMenuDropdownTrigger.js","sources":["../../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownTrigger.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport HorizontalMenuNavLink from './HorizontalMenuNavLink'\nimport type { CommonProps } from '@/@types/common'\nimport type { HorizontalMenuNavLinkProps } from './HorizontalMenuNavLink'\nimport type { ButtonHTMLAttributes, Ref } from 'react'\n\ninterface HorizontalMenuDropdownTriggerCommonProps extends CommonProps {\n    active?: boolean\n}\n\ninterface ButtonProps\n    extends HorizontalMenuDropdownTriggerCommonProps,\n        ButtonHTMLAttributes<HTMLButtonElement> {\n    asElement?: 'button'\n    ref?: Ref<HTMLButtonElement>\n}\n\ninterface AnchorProps\n    extends HorizontalMenuNavLinkProps,\n        HorizontalMenuDropdownTriggerCommonProps {\n    asElement?: 'a'\n    path: string\n    isExternalLink?: boolean\n}\n\ntype HorizontalMenuDropdownTriggerProps = ButtonProps | AnchorProps\n\nconst HorizontalMenuDropdownTrigger = (\n    props: HorizontalMenuDropdownTriggerProps,\n) => {\n    const { className, active, asElement = 'button', ...rest } = props\n    const commonProps = {\n        className: classNames(\n            'font-semibold inline-flex h-9 w-max items-center justify-center rounded-lg bg-background px-4 py-2 dark:text-gray-300 dark:hover:text-gray-100 text-gray-900 hover:bg-gray-100 dark:hover:bg-white/10 transition-colors',\n            className,\n            active &&\n                'bg-gray-100 hover:bg-gray-200 dark:bg-white/10 dark:hover:bg-white/20',\n        ),\n    }\n\n    if (asElement === 'a') {\n        const { path, isExternalLink, ...anchorProps } = rest as AnchorProps\n        return (\n            <HorizontalMenuNavLink\n                path={path as string}\n                isExternalLink={isExternalLink}\n                {...commonProps}\n                {...anchorProps}\n            />\n        )\n    }\n\n    if (asElement === 'button') {\n        return (\n            <button\n                ref={(rest as ButtonProps).ref}\n                {...commonProps}\n                {...(rest as ButtonProps)}\n            />\n        )\n    }\n\n    return <></>\n}\n\nexport default HorizontalMenuDropdownTrigger\n"],"names":["HorizontalMenuDropdownTrigger","props","className","active","asElement","rest","commonProps","classNames","path","isExternalLink","anchorProps","jsx","HorizontalMenuNavLink","Fragment"],"mappings":";;;AA2BM,MAAAA,IAAgC,CAClCC,MACC;AACD,QAAM,EAAE,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,IAAY,UAAU,GAAGC,MAASJ,GACvDK,IAAc;AAAA,IAChB,WAAWC;AAAA,MACP;AAAA,MACAL;AAAA,MACAC,KACI;AAAA,IAAA;AAAA,EAEZ;AAEA,MAAIC,MAAc,KAAK;AACnB,UAAM,EAAE,MAAAI,GAAM,gBAAAC,GAAgB,GAAGC,EAAgB,IAAAL;AAE7C,WAAA,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,MAAAJ;AAAA,QACA,gBAAAC;AAAA,QACC,GAAGH;AAAA,QACH,GAAGI;AAAA,MAAA;AAAA,IACR;AAAA,EAAA;AAIR,SAAIN,MAAc,WAEV,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAMN,EAAqB;AAAA,MAC1B,GAAGC;AAAA,MACH,GAAID;AAAA,IAAA;AAAA,EACT,IAIC,gBAAAM,EAAAE,GAAA,EAAA;AACb;"}
+{"version":3,"file":"HorizontalMenuDropdownTrigger.js","sources":["../../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuDropdownTrigger.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport HorizontalMenuNavLink from './HorizontalMenuNavLink'\nimport type { CommonProps } from '@/@types/common'\nimport type { HorizontalMenuNavLinkProps } from './HorizontalMenuNavLink'\nimport type { ButtonHTMLAttributes, Ref } from 'react'\n\ninterface HorizontalMenuDropdownTriggerCommonProps extends CommonProps {\n    active?: boolean\n}\n\ninterface ButtonProps\n    extends HorizontalMenuDropdownTriggerCommonProps,\n        ButtonHTMLAttributes<HTMLButtonElement> {\n    asElement?: 'button'\n    ref?: Ref<HTMLButtonElement>\n}\n\ninterface AnchorProps\n    extends HorizontalMenuNavLinkProps,\n        HorizontalMenuDropdownTriggerCommonProps {\n    asElement?: 'a'\n    path: string\n    isExternalLink?: boolean\n}\n\ntype HorizontalMenuDropdownTriggerProps = ButtonProps | AnchorProps\n\nconst HorizontalMenuDropdownTrigger = (\n    props: HorizontalMenuDropdownTriggerProps,\n) => {\n    const { className, active, asElement = 'button', ...rest } = props\n    const commonProps = {\n        className: classNames(\n            'font-semibold inline-flex h-9 w-max items-center justify-center rounded-lg bg-background px-4 py-2 dark:text-gray-300 dark:hover:text-gray-100 text-gray-900 hover:bg-gray-100 dark:hover:bg-white/10 transition-colors',\n            className,\n            active &&\n                'bg-gray-100 hover:bg-gray-200 dark:bg-white/10 dark:hover:bg-white/20',\n        ),\n    }\n\n    if (asElement === 'a') {\n        const { path, isExternalLink, ...anchorProps } = rest as AnchorProps\n        return (\n            <HorizontalMenuNavLink\n                path={path as string}\n                isExternalLink={isExternalLink}\n                {...commonProps}\n                {...anchorProps}\n            />\n        )\n    }\n\n    if (asElement === 'button') {\n        return (\n            <button\n                ref={(rest as ButtonProps).ref}\n                {...commonProps}\n                {...(rest as ButtonProps)}\n            />\n        )\n    }\n\n    return <></>\n}\n\nexport default HorizontalMenuDropdownTrigger\n"],"names":["HorizontalMenuDropdownTrigger","props","className","active","asElement","rest","commonProps","classNames","path","isExternalLink","anchorProps","jsx","HorizontalMenuNavLink","Fragment"],"mappings":";;;AA2BA,MAAMA,IAAgC,CAClCC,MACC;AACD,QAAM,EAAE,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,IAAY,UAAU,GAAGC,MAASJ,GACvDK,IAAc;AAAA,IAChB,WAAWC;AAAA,MACP;AAAA,MACAL;AAAA,MACAC,KACI;AAAA,IAAA;AAAA,EACR;AAGJ,MAAIC,MAAc,KAAK;AACnB,UAAM,EAAE,MAAAI,GAAM,gBAAAC,GAAgB,GAAGC,MAAgBL;AACjD,WACI,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,MAAAJ;AAAA,QACA,gBAAAC;AAAA,QACC,GAAGH;AAAA,QACH,GAAGI;AAAA,MAAA;AAAA,IAAA;AAAA,EACR;AAIR,SAAIN,MAAc,WAEV,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAMN,EAAqB;AAAA,MAC1B,GAAGC;AAAA,MACH,GAAID;AAAA,IAAA;AAAA,EAAA,IAKV,gBAAAM,EAAAE,GAAA,EAAE;AACb;"}

package/dist/lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuNavLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalMenuNavLink.js","sources":["../../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuNavLink.tsx"],"sourcesContent":["import { Link } from 'react-router-dom'\nimport classNames from 'classnames'\nimport type { CommonProps } from '@/@types/common'\nimport type { AnchorHTMLAttributes } from 'react'\n\nexport interface HorizontalMenuNavLinkProps\n    extends CommonProps,\n        AnchorHTMLAttributes<HTMLAnchorElement> {\n    path: string\n    isExternalLink?: boolean\n    className?: string\n}\n\nconst HorizontalMenuNavLink = ({\n    path,\n    children,\n    isExternalLink,\n    className,\n    onClick,\n}: HorizontalMenuNavLinkProps) => {\n    return (\n        <Link\n            className={classNames(\n                'w-full flex items-center outline-0',\n                className,\n            )}\n            to={path}\n            target={isExternalLink ? '_blank' : ''}\n            onClick={onClick}\n        >\n            {children}\n        </Link>\n    )\n}\n\nexport default HorizontalMenuNavLink\n"],"names":["HorizontalMenuNavLink","path","children","isExternalLink","className","onClick","jsx","Link","classNames"],"mappings":";;;AAaA,MAAMA,IAAwB,CAAC;AAAA,EAC3B,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AACJ,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,WAAWC;AAAA,MACP;AAAA,MACAJ;AAAA,IACJ;AAAA,IACA,IAAIH;AAAA,IACJ,QAAQE,IAAiB,WAAW;AAAA,IACpC,SAAAE;AAAA,IAEC,UAAAH;AAAA,EAAA;AACL;"}
+{"version":3,"file":"HorizontalMenuNavLink.js","sources":["../../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuNavLink.tsx"],"sourcesContent":["import { Link } from 'react-router-dom'\nimport classNames from 'classnames'\nimport type { CommonProps } from '@/@types/common'\nimport type { AnchorHTMLAttributes } from 'react'\n\nexport interface HorizontalMenuNavLinkProps\n    extends CommonProps,\n        AnchorHTMLAttributes<HTMLAnchorElement> {\n    path: string\n    isExternalLink?: boolean\n    className?: string\n}\n\nconst HorizontalMenuNavLink = ({\n    path,\n    children,\n    isExternalLink,\n    className,\n    onClick,\n}: HorizontalMenuNavLinkProps) => {\n    return (\n        <Link\n            className={classNames(\n                'w-full flex items-center outline-0',\n                className,\n            )}\n            to={path}\n            target={isExternalLink ? '_blank' : ''}\n            onClick={onClick}\n        >\n            {children}\n        </Link>\n    )\n}\n\nexport default HorizontalMenuNavLink\n"],"names":["HorizontalMenuNavLink","path","children","isExternalLink","className","onClick","jsx","Link","classNames"],"mappings":";;;AAaA,MAAMA,IAAwB,CAAC;AAAA,EAC3B,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AACJ,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,WAAWC;AAAA,MACP;AAAA,MACAJ;AAAA,IAAA;AAAA,IAEJ,IAAIH;AAAA,IACJ,QAAQE,IAAiB,WAAW;AAAA,IACpC,SAAAE;AAAA,IAEC,UAAAH;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/components/template/HorizontalNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalNav.js","sources":["../../../../../lib/@ecme/components/template/HorizontalNav.tsx"],"sourcesContent":["import HorizontalMenuContent from './HorizontalMenuContent'\nimport { useRouteKeyStore } from '@/store/routeKeyStore'\nimport { useSessionUser } from '@/store/authStore'\nimport appConfig from '@/configs/app.config'\nimport navigationConfig from '@/configs/navigation.config'\n\nconst HorizontalNav = ({\n    translationSetup = appConfig.activeNavTranslation,\n}: {\n    translationSetup?: boolean\n}) => {\n    const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey)\n\n    const userAuthority = useSessionUser((state) => state.user.authority)\n\n    return (\n        <HorizontalMenuContent\n            navigationTree={navigationConfig}\n            routeKey={currentRouteKey}\n            userAuthority={userAuthority || []}\n            translationSetup={translationSetup}\n        />\n    )\n}\n\nexport default HorizontalNav\n"],"names":["HorizontalNav","translationSetup","appConfig","currentRouteKey","useRouteKeyStore","state","userAuthority","useSessionUser","jsx","HorizontalMenuContent","navigationConfig"],"mappings":";;;;;;;AAMA,MAAMA,IAAgB,CAAC;AAAA,EACnB,kBAAAC,IAAmBC,EAAU;AACjC,MAEM;AACF,QAAMC,IAAkBC,EAAiB,CAACC,MAAUA,EAAM,eAAe,GAEnEC,IAAgBC,EAAe,CAACF,MAAUA,EAAM,KAAK,SAAS;AAGhE,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,gBAAgBC;AAAA,MAChB,UAAUP;AAAA,MACV,eAAeG,KAAiB,CAAC;AAAA,MACjC,kBAAAL;AAAA,IAAA;AAAA,EACJ;AAER;"}
+{"version":3,"file":"HorizontalNav.js","sources":["../../../../../lib/@ecme/components/template/HorizontalNav.tsx"],"sourcesContent":["import HorizontalMenuContent from './HorizontalMenuContent'\nimport { useRouteKeyStore } from '@/store/routeKeyStore'\nimport { useSessionUser } from '@/store/authStore'\nimport appConfig from '@/configs/app.config'\nimport navigationConfig from '@/configs/navigation.config'\n\nconst HorizontalNav = ({\n    translationSetup = appConfig.activeNavTranslation,\n}: {\n    translationSetup?: boolean\n}) => {\n    const currentRouteKey = useRouteKeyStore((state) => state.currentRouteKey)\n\n    const userAuthority = useSessionUser((state) => state.user.authority)\n\n    return (\n        <HorizontalMenuContent\n            navigationTree={navigationConfig}\n            routeKey={currentRouteKey}\n            userAuthority={userAuthority || []}\n            translationSetup={translationSetup}\n        />\n    )\n}\n\nexport default HorizontalNav\n"],"names":["HorizontalNav","translationSetup","appConfig","currentRouteKey","useRouteKeyStore","state","userAuthority","useSessionUser","jsx","HorizontalMenuContent","navigationConfig"],"mappings":";;;;;;;AAMA,MAAMA,IAAgB,CAAC;AAAA,EACnB,kBAAAC,IAAmBC,EAAU;AACjC,MAEM;AACF,QAAMC,IAAkBC,EAAiB,CAACC,MAAUA,EAAM,eAAe,GAEnEC,IAAgBC,EAAe,CAACF,MAAUA,EAAM,KAAK,SAAS;AAEpE,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,gBAAgBC;AAAA,MAChB,UAAUP;AAAA,MACV,eAAeG,KAAiB,CAAA;AAAA,MAChC,kBAAAL;AAAA,IAAA;AAAA,EAAA;AAGZ;"}