@orbe-agro/client-core 5.3.13 → 5.3.25

package/dist/@ecme/views/guide/UtilsDoc/components/UseAuthorityDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseAuthorityDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\r\nimport DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Example from './Example'\r\n\r\nconst mdPath = 'UseAuthorityDoc'\r\n\r\nconst demoHeader = {\r\n    title: 'useAuthority',\r\n    desc: 'useAuthority hook help to check whether the current user has permmision to access.',\r\n}\r\n\r\nconst demos = [\r\n    {\r\n        mdName: 'Example',\r\n        mdPath: mdPath,\r\n        title: 'Example',\r\n        desc: ``,\r\n        component: <Example />,\r\n    },\r\n]\r\n\r\nconst demoApi = [\r\n    {\r\n        component: 'Params',\r\n        api: [\r\n            {\r\n                propName: 'userAuthority',\r\n                type: `<code>Array</code>`,\r\n                default: `<code>[]</code>`,\r\n                desc: 'List of the user roles',\r\n            },\r\n            {\r\n                propName: 'authority',\r\n                type: `<code>Array</code>`,\r\n                default: `<code>[]</code>`,\r\n                desc: 'List of roles that allow to access',\r\n            },\r\n        ],\r\n    },\r\n]\r\n\r\nconst extra = (\r\n    <DemoComponentApi\r\n        hideApiTitle\r\n        keyText=\"return\"\r\n        api={[\r\n            {\r\n                component: 'Return',\r\n                api: [\r\n                    {\r\n                        propName: 'roleMatched',\r\n                        type: `<code>boolean</code>`,\r\n                        default: `-`,\r\n                        desc: 'Result of authority match',\r\n                    },\r\n                ],\r\n            },\r\n        ]}\r\n    />\r\n)\r\n\r\nconst UseAuthorityDoc = () => {\r\n    return (\r\n        <DemoLayout\r\n            hideApiTitle\r\n            hideFooter\r\n            innerFrame={false}\r\n            header={demoHeader}\r\n            demos={demos}\r\n            api={demoApi}\r\n            mdPrefixPath=\"utils\"\r\n            extra={extra}\r\n            keyText=\"param\"\r\n        />\r\n    )\r\n}\r\n\r\nexport default UseAuthorityDoc\r\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","UseAuthorityDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,mBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,WAAW;AAAA,QACX,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAkB,MAEhB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,IACb,OAAAC;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseAuthorityDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseAuthorityDoc'\n\nconst demoHeader = {\n    title: 'useAuthority',\n    desc: 'useAuthority hook help to check whether the current user has permmision to access.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'userAuthority',\n                type: `<code>Array</code>`,\n                default: `<code>[]</code>`,\n                desc: 'List of the user roles',\n            },\n            {\n                propName: 'authority',\n                type: `<code>Array</code>`,\n                default: `<code>[]</code>`,\n                desc: 'List of roles that allow to access',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'roleMatched',\n                        type: `<code>boolean</code>`,\n                        default: `-`,\n                        desc: 'Result of authority match',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseAuthorityDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseAuthorityDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","UseAuthorityDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,mBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,WAAW;AAAA,QACX,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAkB,MAEhB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,IACb,OAAAC;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseDarkModeDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseDarkModeDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\r\n\r\nconst Example = () => {\r\n    return (\r\n        <SyntaxHighlighter language=\"js\">{`import useDarkMode from '@/utils/hooks/useDarkMode'\r\n\r\nconst Component = () => {\r\n\r\n\tconst [isDark, setIsDark] = useDarkMode()\r\n\r\n\tconst handleSetDarkMode = (bool) => {\r\n\t\tsetIsDark(bool ? 'dark' : 'light')\r\n\t}\r\n\treturn (...)\r\n}\r\n`}</SyntaxHighlighter>\r\n    )\r\n}\r\n\r\nexport default Example\r\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWxC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseDarkModeDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useDarkMode from '@/utils/hooks/useDarkMode'\n\nconst Component = () => {\n\n\tconst [isDark, setIsDark] = useDarkMode()\n\n\tconst handleSetDarkMode = (bool) => {\n\t\tsetIsDark(bool ? 'dark' : 'light')\n\t}\n\treturn (...)\n}\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWxC;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseDarkModeDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseDarkModeDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\r\nimport DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Example from './Example'\r\n\r\nconst mdPath = 'UseDarkModeDoc'\r\n\r\nconst demoHeader = {\r\n    title: 'useDarkMode',\r\n    desc: 'This hook helps to handles dark or light mode on the app.',\r\n}\r\n\r\nconst demos = [\r\n    {\r\n        mdName: 'Example',\r\n        mdPath: mdPath,\r\n        title: 'Example',\r\n        desc: ``,\r\n        component: <Example />,\r\n    },\r\n]\r\n\r\nconst extra = (\r\n    <DemoComponentApi\r\n        hideApiTitle\r\n        keyText=\"return\"\r\n        api={[\r\n            {\r\n                api: [\r\n                    {\r\n                        propName: 'isDark',\r\n                        type: `<code>boolean</code>`,\r\n                        default: `-`,\r\n                        desc: 'Whether the current mode is dark mode',\r\n                    },\r\n                    {\r\n                        propName: 'setIsDark',\r\n                        type: `<code>(mode: 'dark' | 'light') => void</code>`,\r\n                        default: `-`,\r\n                        desc: 'Mode setter',\r\n                    },\r\n                ],\r\n            },\r\n        ]}\r\n    />\r\n)\r\n\r\nconst UseDarkModeDoc = () => {\r\n    return (\r\n        <DemoLayout\r\n            hideApiTitle\r\n            hideFooter\r\n            innerFrame={false}\r\n            header={demoHeader}\r\n            demos={demos}\r\n            mdPrefixPath=\"utils\"\r\n            extra={extra}\r\n            keyText=\"param\"\r\n        />\r\n    )\r\n}\r\n\r\nexport default UseDarkModeDoc\r\n"],"names":["mdPath","demoHeader","demos","Example","extra","jsx","DemoComponentApi","UseDarkModeDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,kBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAiB,MAEf,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAAE;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseDarkModeDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseDarkModeDoc'\n\nconst demoHeader = {\n    title: 'useDarkMode',\n    desc: 'This hook helps to handles dark or light mode on the app.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 'isDark',\n                        type: `<code>boolean</code>`,\n                        default: `-`,\n                        desc: 'Whether the current mode is dark mode',\n                    },\n                    {\n                        propName: 'setIsDark',\n                        type: `<code>(mode: 'dark' | 'light') => void</code>`,\n                        default: `-`,\n                        desc: 'Mode setter',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseDarkModeDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseDarkModeDoc\n"],"names":["mdPath","demoHeader","demos","Example","extra","jsx","DemoComponentApi","UseDarkModeDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,kBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAiB,MAEf,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAAE;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseDebounceDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseDebounceDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\r\n\r\nconst Example = () => {\r\n    return (\r\n        <SyntaxHighlighter language=\"js\">{`import { useState, useCallback } from 'react'\r\nimport Input from '@/components/ui/Input'\r\nimport useDebounce from '@/utils/hooks/useDebounce'\r\nimport type { ChangeEvent } from 'react'\r\n\r\nconst Example = () => {\r\n    const [query, setQuery] = useState('')\r\n\r\n    const handleSearch = (input: string) => {\r\n        console.log('Searching for:', input)\r\n    };\r\n\r\n    const debouncedSearch = useDebounce(handleSearch, 300);\r\n\r\n    const handleChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {\r\n        const value = event.target.value\r\n        setQuery(value)\r\n        debouncedSearch(value)\r\n    }, [debouncedSearch])\r\n\r\n    return (\r\n        <Input \r\n            type=\"text\"\r\n            value={query}\r\n            onChange={handleChange}\r\n            placeholder=\"Search...\"\r\n        />\r\n    );\r\n};\r\n\r\nexport default Example\r\n`}</SyntaxHighlighter>\r\n    )\r\n}\r\n\r\nexport default Example\r\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA+BxC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseDebounceDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import { useState, useCallback } from 'react'\nimport Input from '@/components/ui/Input'\nimport useDebounce from '@/utils/hooks/useDebounce'\nimport type { ChangeEvent } from 'react'\n\nconst Example = () => {\n    const [query, setQuery] = useState('')\n\n    const handleSearch = (input: string) => {\n        console.log('Searching for:', input)\n    };\n\n    const debouncedSearch = useDebounce(handleSearch, 300);\n\n    const handleChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n        const value = event.target.value\n        setQuery(value)\n        debouncedSearch(value)\n    }, [debouncedSearch])\n\n    return (\n        <Input \n            type=\"text\"\n            value={query}\n            onChange={handleChange}\n            placeholder=\"Search...\"\n        />\n    );\n};\n\nexport default Example\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA+BxC;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseDebounceDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseDebounceDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\r\nimport DemoLayout from '@/components/docs/DemoLayout'\r\n// Demo\r\nimport Example from './Example'\r\n\r\nconst mdPath = 'UseDebounceDoc/'\r\n\r\nconst demoHeader = {\r\n    title: 'useDebounce ',\r\n    desc: 'This hook provides an easy way to debounce any function, ensuring that it only executes after a specified delay.',\r\n}\r\n\r\nconst demos = [\r\n    {\r\n        mdName: 'Example',\r\n        mdPath: mdPath,\r\n        title: 'Example',\r\n        desc: ``,\r\n        component: <Example />,\r\n    },\r\n]\r\n\r\nconst demoApi = [\r\n    {\r\n        component: 'Params',\r\n        api: [\r\n            {\r\n                propName: 'func',\r\n                type: `<code> (...args: any)</code>`,\r\n                default: `-`,\r\n                desc: 'The function to debounce.',\r\n            },\r\n            {\r\n                propName: 'wait',\r\n                type: `<code>number</code>`,\r\n                default: `-`,\r\n                desc: 'The number of milliseconds to delay. If not provided, the function will be debounced with a default delay (usually determined by lodash)',\r\n            },\r\n        ],\r\n    },\r\n]\r\n\r\nconst extra = (\r\n    <DemoComponentApi\r\n        keyText=\"return\"\r\n        api={[\r\n            {\r\n                component: 'Return',\r\n                api: [\r\n                    {\r\n                        propName: 'func',\r\n                        type: `<code> (...args: any)</code>`,\r\n                        default: `-`,\r\n                        desc: 'A debounced version of the provided function, which will delay its execution based on the specified wait time and options.',\r\n                    },\r\n                ],\r\n            },\r\n        ]}\r\n    />\r\n)\r\n\r\nconst UseDebounceDoc = () => {\r\n    return (\r\n        <DemoLayout\r\n            hideApiTitle\r\n            hideFooter\r\n            innerFrame={false}\r\n            header={demoHeader}\r\n            demos={demos}\r\n            mdPrefixPath=\"docs/SharedComponentsDoc/components\"\r\n            api={demoApi}\r\n            extra={extra}\r\n            keyText=\"param\"\r\n        />\r\n    )\r\n}\r\n\r\nexport default UseDebounceDoc\r\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","UseDebounceDoc","DemoLayout"],"mappings":";;;;AAKA,MAAMA,IAAS,mBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,WAAW;AAAA,QACX,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAiB,MAEf,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,KAAKE;AAAA,IACL,OAAAC;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseDebounceDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseDebounceDoc/'\n\nconst demoHeader = {\n    title: 'useDebounce ',\n    desc: 'This hook provides an easy way to debounce any function, ensuring that it only executes after a specified delay.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'func',\n                type: `<code> (...args: any)</code>`,\n                default: `-`,\n                desc: 'The function to debounce.',\n            },\n            {\n                propName: 'wait',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'The number of milliseconds to delay. If not provided, the function will be debounced with a default delay (usually determined by lodash)',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'func',\n                        type: `<code> (...args: any)</code>`,\n                        default: `-`,\n                        desc: 'A debounced version of the provided function, which will delay its execution based on the specified wait time and options.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseDebounceDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"docs/SharedComponentsDoc/components\"\n            api={demoApi}\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseDebounceDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","UseDebounceDoc","DemoLayout"],"mappings":";;;;AAKA,MAAMA,IAAS,mBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,WAAW;AAAA,QACX,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAiB,MAEf,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,KAAKE;AAAA,IACL,OAAAC;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseDirectionDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseDirectionDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\r\n\r\nconst Example = () => {\r\n    return (\r\n        <SyntaxHighlighter language=\"js\">{`import useDirection from '@/utils/hooks/useDirection'\r\n\r\nconst Component = () => {\r\n\r\n\tconst [direction, updateDirection] = useDirection()\r\n\r\n\tconst handleDirChange = () => {\r\n\t\tupdateDirection('rtl')\r\n\t}\r\n\r\n\treturn (...)\r\n}\r\n`}</SyntaxHighlighter>\r\n    )\r\n}\r\n\r\nexport default Example\r\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYxC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseDirectionDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useDirection from '@/utils/hooks/useDirection'\n\nconst Component = () => {\n\n\tconst [direction, updateDirection] = useDirection()\n\n\tconst handleDirChange = () => {\n\t\tupdateDirection('rtl')\n\t}\n\n\treturn (...)\n}\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYxC;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseDirectionDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseDirectionDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\r\nimport DemoLayout from '@/components/docs/DemoLayout'\r\n// Demo\r\nimport Example from './Example'\r\n\r\nconst mdPath = 'UseDirectionDoc/'\r\n\r\nconst demoHeader = {\r\n    title: 'useDirection',\r\n    desc: 'This hook helps to handles direction state of the app.',\r\n}\r\n\r\nconst demos = [\r\n    {\r\n        mdName: 'Example',\r\n        mdPath: mdPath,\r\n        title: 'Example',\r\n        desc: ``,\r\n        component: <Example />,\r\n    },\r\n]\r\n\r\nconst extra = (\r\n    <DemoComponentApi\r\n        hideApiTitle\r\n        keyText=\"return\"\r\n        api={[\r\n            {\r\n                api: [\r\n                    {\r\n                        propName: 'direction',\r\n                        type: `<code>'ltr'</code> | <code>'rtl'</code>`,\r\n                        default: `-`,\r\n                        desc: 'Current direction state',\r\n                    },\r\n                    {\r\n                        propName: 'updateDirection',\r\n                        type: `<code>(direction: 'ltr' | 'rtl') => void</code>`,\r\n                        default: `-`,\r\n                        desc: 'Direction setter',\r\n                    },\r\n                ],\r\n            },\r\n        ]}\r\n    />\r\n)\r\n\r\nconst UseDirectionDoc = () => {\r\n    return (\r\n        <DemoLayout\r\n            hideApiTitle\r\n            hideFooter\r\n            innerFrame={false}\r\n            header={demoHeader}\r\n            demos={demos}\r\n            mdPrefixPath=\"docs/SharedComponentsDoc/components\"\r\n            extra={extra}\r\n            keyText=\"param\"\r\n        />\r\n    )\r\n}\r\n\r\nexport default UseDirectionDoc\r\n"],"names":["mdPath","demoHeader","demos","Example","extra","jsx","DemoComponentApi","UseDirectionDoc","DemoLayout"],"mappings":";;;;AAKA,MAAMA,IAAS,oBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAkB,MAEhB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAAE;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseDirectionDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseDirectionDoc/'\n\nconst demoHeader = {\n    title: 'useDirection',\n    desc: 'This hook helps to handles direction state of the app.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 'direction',\n                        type: `<code>'ltr'</code> | <code>'rtl'</code>`,\n                        default: `-`,\n                        desc: 'Current direction state',\n                    },\n                    {\n                        propName: 'updateDirection',\n                        type: `<code>(direction: 'ltr' | 'rtl') => void</code>`,\n                        default: `-`,\n                        desc: 'Direction setter',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseDirectionDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"docs/SharedComponentsDoc/components\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseDirectionDoc\n"],"names":["mdPath","demoHeader","demos","Example","extra","jsx","DemoComponentApi","UseDirectionDoc","DemoLayout"],"mappings":";;;;AAKA,MAAMA,IAAS,oBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAkB,MAEhB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAAE;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseInfiniteScrollDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseInfiniteScrollDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\r\n\r\nconst Example = () => {\r\n    return (\r\n        <SyntaxHighlighter language=\"js\">{`import useInfiniteScroll from '@/utils/hooks/useInfiniteScroll';\r\n\r\nconst InfiniteScrollComponent = () => {\r\n    const [items, setItems] = useState([...Array(20).keys()]);\r\n\r\n    const loadMoreItems = async () => {\r\n        await new Promise((resolve) => setTimeout(resolve, 1000));\r\n        setItems((prevItems) => [...prevItems, ...Array(20).keys()]);\r\n    };\r\n\r\n    const { isLoading, containerRef } = useInfiniteScroll({\r\n        onLoadMore: loadMoreItems,\r\n    });\r\n\r\n    return (\r\n        <div ref={containerRef} style={{ height: '300px', overflowY: 'auto' }}>\r\n            {items.map((item, index) => (\r\n                <div key={index} style={{ padding: '10px', border: '1px solid #ddd' }}>\r\n                    Item {index + 1}\r\n                </div>\r\n            ))}\r\n            {isLoading && <p>Loading more items...</p>}\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default InfiniteScrollComponent;\r\n`}</SyntaxHighlighter>\r\n    )\r\n}\r\n\r\nexport default Example\r\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA2BxC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseInfiniteScrollDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useInfiniteScroll from '@/utils/hooks/useInfiniteScroll';\n\nconst InfiniteScrollComponent = () => {\n    const [items, setItems] = useState([...Array(20).keys()]);\n\n    const loadMoreItems = async () => {\n        await new Promise((resolve) => setTimeout(resolve, 1000));\n        setItems((prevItems) => [...prevItems, ...Array(20).keys()]);\n    };\n\n    const { isLoading, containerRef } = useInfiniteScroll({\n        onLoadMore: loadMoreItems,\n    });\n\n    return (\n        <div ref={containerRef} style={{ height: '300px', overflowY: 'auto' }}>\n            {items.map((item, index) => (\n                <div key={index} style={{ padding: '10px', border: '1px solid #ddd' }}>\n                    Item {index + 1}\n                </div>\n            ))}\n            {isLoading && <p>Loading more items...</p>}\n        </div>\n    );\n};\n\nexport default InfiniteScrollComponent;\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA2BxC;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseInfiniteScrollDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseInfiniteScrollDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\r\nimport DemoLayout from '@/components/docs/DemoLayout'\r\n// Demo\r\nimport Example from './Example'\r\n\r\nconst mdPath = 'UseInfiniteScrollDoc/'\r\n\r\nconst demoHeader = {\r\n    title: 'useInfiniteScroll',\r\n    desc: 'useInfiniteScroll hook provides a convenient way to implement infinite scrolling in a React component.',\r\n}\r\n\r\nconst demos = [\r\n    {\r\n        mdName: 'Example',\r\n        mdPath: mdPath,\r\n        title: 'Example',\r\n        desc: ``,\r\n        component: <Example />,\r\n    },\r\n]\r\n\r\nconst demoApi = [\r\n    {\r\n        component: 'Params',\r\n        api: [\r\n            {\r\n                propName: 'offset',\r\n                type: `<code>string</code>`,\r\n                default: `'0px'`,\r\n                desc: 'The offset from the bottom of the container at which to trigger the load more action.',\r\n            },\r\n            {\r\n                propName: 'shouldStop',\r\n                type: `<code>boolean</code>`,\r\n                default: `false`,\r\n                desc: 'Flag to stop the infinite scroll from triggering further load more actions.',\r\n            },\r\n            {\r\n                propName: 'onLoadMore',\r\n                type: `<code>() => Promise<void></code>`,\r\n                default: `undefined`,\r\n                desc: 'The function to be called when the user reaches the bottom of the container.',\r\n            },\r\n        ],\r\n    },\r\n]\r\n\r\nconst extra = (\r\n    <DemoComponentApi\r\n        hideApiTitle\r\n        keyText=\"return\"\r\n        api={[\r\n            {\r\n                component: 'Return',\r\n                api: [\r\n                    {\r\n                        propName: 'isLoading',\r\n                        type: `<code>boolean</code>`,\r\n                        default: '',\r\n                        desc: 'Indicates whether the hook is currently loading more content.',\r\n                    },\r\n                    {\r\n                        propName: 'containerRef',\r\n                        type: `<code>LegacyRef<HTMLElement></code>`,\r\n                        default: '',\r\n                        desc: 'A ref callback function to be assigned to the container that requires infinite scrolling.',\r\n                    },\r\n                ],\r\n            },\r\n        ]}\r\n    />\r\n)\r\n\r\nconst UseInfiniteScrollDoc = () => {\r\n    return (\r\n        <DemoLayout\r\n            hideApiTitle\r\n            hideFooter\r\n            innerFrame={false}\r\n            header={demoHeader}\r\n            demos={demos}\r\n            mdPrefixPath=\"docs/SharedComponentsDoc/components\"\r\n            extra={extra}\r\n            api={demoApi}\r\n            keyText=\"param\"\r\n        />\r\n    )\r\n}\r\n\r\nexport default UseInfiniteScrollDoc\r\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","UseInfiniteScrollDoc","DemoLayout"],"mappings":";;;;AAKA,MAAMA,IAAS,yBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,WAAW;AAAA,QACX,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAuB,MAErB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAAG;AAAA,IACA,KAAKD;AAAA,IACL,SAAQ;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseInfiniteScrollDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseInfiniteScrollDoc/'\n\nconst demoHeader = {\n    title: 'useInfiniteScroll',\n    desc: 'useInfiniteScroll hook provides a convenient way to implement infinite scrolling in a React component.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'offset',\n                type: `<code>string</code>`,\n                default: `'0px'`,\n                desc: 'The offset from the bottom of the container at which to trigger the load more action.',\n            },\n            {\n                propName: 'shouldStop',\n                type: `<code>boolean</code>`,\n                default: `false`,\n                desc: 'Flag to stop the infinite scroll from triggering further load more actions.',\n            },\n            {\n                propName: 'onLoadMore',\n                type: `<code>() => Promise<void></code>`,\n                default: `undefined`,\n                desc: 'The function to be called when the user reaches the bottom of the container.',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'isLoading',\n                        type: `<code>boolean</code>`,\n                        default: '',\n                        desc: 'Indicates whether the hook is currently loading more content.',\n                    },\n                    {\n                        propName: 'containerRef',\n                        type: `<code>LegacyRef<HTMLElement></code>`,\n                        default: '',\n                        desc: 'A ref callback function to be assigned to the container that requires infinite scrolling.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseInfiniteScrollDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"docs/SharedComponentsDoc/components\"\n            extra={extra}\n            api={demoApi}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseInfiniteScrollDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","UseInfiniteScrollDoc","DemoLayout"],"mappings":";;;;AAKA,MAAMA,IAAS,yBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,WAAW;AAAA,QACX,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAuB,MAErB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAAG;AAAA,IACA,KAAKD;AAAA,IACL,SAAQ;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseIntervalDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseIntervalDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\r\n\r\nconst Example = () => {\r\n    return (\r\n        <SyntaxHighlighter language=\"js\">{`import useInterval from '@/utils/hooks/useInterval'\r\n\r\nconst Example = () => {\r\n    const [count, setCount] = useState(0)\r\n\r\n    useInterval(() => {\r\n        setCount((prevCount) => prevCount + 1)\r\n    }, 1000)\r\n\r\n    return <div>Count: {count}</div>;\r\n};\r\n\r\nexport default Example\r\n`}</SyntaxHighlighter>\r\n    )\r\n}\r\n\r\nexport default Example\r\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAaxC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseIntervalDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useInterval from '@/utils/hooks/useInterval'\n\nconst Example = () => {\n    const [count, setCount] = useState(0)\n\n    useInterval(() => {\n        setCount((prevCount) => prevCount + 1)\n    }, 1000)\n\n    return <div>Count: {count}</div>;\n};\n\nexport default Example\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAaxC;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseIntervalDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseIntervalDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\r\nimport DemoLayout from '@/components/docs/DemoLayout'\r\n// Demo\r\nimport Example from './Example'\r\n\r\nconst mdPath = 'UseIntervalDoc/'\r\n\r\nconst demoHeader = {\r\n    title: 'useInterval',\r\n    desc: 'This hook provides an easy way to debounce any function, ensuring that it only executes after a specified delay.',\r\n}\r\n\r\nconst demos = [\r\n    {\r\n        mdName: 'Example',\r\n        mdPath: mdPath,\r\n        title: 'Example',\r\n        desc: ``,\r\n        component: <Example />,\r\n    },\r\n]\r\n\r\nconst demoApi = [\r\n    {\r\n        component: 'Params',\r\n        api: [\r\n            {\r\n                propName: 'callback',\r\n                type: `<code>() => void</code>`,\r\n                default: `-`,\r\n                desc: 'The function to be executed at each interval.',\r\n            },\r\n            {\r\n                propName: 'delay',\r\n                type: `<code>number | null</code>`,\r\n                default: `-`,\r\n                desc: 'The delay between each execution of the callback in milliseconds. If null, the interval is paused.',\r\n            },\r\n        ],\r\n    },\r\n]\r\n\r\nconst extra = (\r\n    <DemoComponentApi\r\n        keyText=\"return\"\r\n        api={[\r\n            {\r\n                component: 'Return',\r\n                api: [\r\n                    {\r\n                        propName: 'intervalRef',\r\n                        type: `<code>React.MutableRefObject<number | null></code>`,\r\n                        default: `-`,\r\n                        desc: 'A ref object that holds the interval ID, which can be used for manual management of the interval.',\r\n                    },\r\n                ],\r\n            },\r\n        ]}\r\n    />\r\n)\r\n\r\nconst UseIntervalDoc = () => {\r\n    return (\r\n        <DemoLayout\r\n            hideApiTitle\r\n            hideFooter\r\n            innerFrame={false}\r\n            header={demoHeader}\r\n            demos={demos}\r\n            mdPrefixPath=\"docs/SharedComponentsDoc/components\"\r\n            api={demoApi}\r\n            extra={extra}\r\n            keyText=\"param\"\r\n        />\r\n    )\r\n}\r\n\r\nexport default UseIntervalDoc\r\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","UseIntervalDoc","DemoLayout"],"mappings":";;;;AAKA,MAAMA,IAAS,mBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,WAAW;AAAA,QACX,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAiB,MAEf,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,KAAKE;AAAA,IACL,OAAAC;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseIntervalDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseIntervalDoc/'\n\nconst demoHeader = {\n    title: 'useInterval',\n    desc: 'This hook provides an easy way to debounce any function, ensuring that it only executes after a specified delay.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'callback',\n                type: `<code>() => void</code>`,\n                default: `-`,\n                desc: 'The function to be executed at each interval.',\n            },\n            {\n                propName: 'delay',\n                type: `<code>number | null</code>`,\n                default: `-`,\n                desc: 'The delay between each execution of the callback in milliseconds. If null, the interval is paused.',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'intervalRef',\n                        type: `<code>React.MutableRefObject<number | null></code>`,\n                        default: `-`,\n                        desc: 'A ref object that holds the interval ID, which can be used for manual management of the interval.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseIntervalDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"docs/SharedComponentsDoc/components\"\n            api={demoApi}\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseIntervalDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","UseIntervalDoc","DemoLayout"],"mappings":";;;;AAKA,MAAMA,IAAS,mBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,WAAW;AAAA,QACX,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAiB,MAEf,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,KAAKE;AAAA,IACL,OAAAC;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseLayoutDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseLayoutDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\r\n\r\nconst Example = () => {\r\n    return (\r\n        <SyntaxHighlighter language=\"js\">{`import useLayout from '@/utlis/hooks/useLayout';\r\n\r\nconst Example = () => {\r\n    const { type, adaptiveCardActive, pageContainerReassemble } = useLayout();\r\n\r\n    return (\r\n        <div>\r\n            <h1>Layout Type: {type}</h1>\r\n            {adaptiveCardActive && <p>Adaptive Card is active</p>}\r\n            {/* Example usage of pageContainerReassemble if provided */}\r\n            {pageContainerReassemble && pageContainerReassemble({\r\n                defaultClass: 'default-class',\r\n                pageContainerGutterClass: 'gutter-class',\r\n                pageContainerDefaultClass: 'container-class',\r\n                PageContainerHeader: () => <header>Header</header>,\r\n                PageContainerBody: () => <div>Body</div>,\r\n                PageContainerFooter: () => <footer>Footer</footer>,\r\n            })}\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default Example;\r\n`}</SyntaxHighlighter>\r\n    )\r\n}\r\n\r\nexport default Example\r\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAuBxC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseLayoutDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useLayout from '@/utlis/hooks/useLayout';\n\nconst Example = () => {\n    const { type, adaptiveCardActive, pageContainerReassemble } = useLayout();\n\n    return (\n        <div>\n            <h1>Layout Type: {type}</h1>\n            {adaptiveCardActive && <p>Adaptive Card is active</p>}\n            {/* Example usage of pageContainerReassemble if provided */}\n            {pageContainerReassemble && pageContainerReassemble({\n                defaultClass: 'default-class',\n                pageContainerGutterClass: 'gutter-class',\n                pageContainerDefaultClass: 'container-class',\n                PageContainerHeader: () => <header>Header</header>,\n                PageContainerBody: () => <div>Body</div>,\n                PageContainerFooter: () => <footer>Footer</footer>,\n            })}\n        </div>\n    );\n};\n\nexport default Example;\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAuBxC;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseLayoutDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseLayoutDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\r\nimport DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Example from './Example'\r\n\r\nconst mdPath = 'UseLayoutDoc'\r\n\r\nconst demoHeader = {\r\n    title: 'useLayout',\r\n    desc: 'The useLayout hook provides access to the layout context, which various layout data & method to reassemble the page container, its purposely server for the template layout.',\r\n}\r\n\r\nconst demos = [\r\n    {\r\n        mdName: 'Example',\r\n        mdPath: mdPath,\r\n        title: 'Example',\r\n        desc: ``,\r\n        component: <Example />,\r\n    },\r\n]\r\n\r\nconst extra = (\r\n    <DemoComponentApi\r\n        hideApiTitle\r\n        keyText=\"return\"\r\n        api={[\r\n            {\r\n                api: [\r\n                    {\r\n                        propName: 'type',\r\n                        type: `<code>LayoutType</code>`,\r\n                        default: '-',\r\n                        desc: 'Indicates the current layout type, which may influence how components are displayed.',\r\n                    },\r\n                    {\r\n                        propName: 'adaptiveCardActive',\r\n                        type: `<code>boolean | undefined</code>`,\r\n                        default: '-',\r\n                        desc: 'Indicating whether an adaptive card layout is active.',\r\n                    },\r\n                    {\r\n                        propName: 'pageContainerReassemble',\r\n                        type: `<code>(props: PageContainerReassembleProps) => ReactNode | undefined</code>`,\r\n                        default: '-',\r\n                        desc: 'Optional function to dynamically reassemble the page container structure with custom properties and components.',\r\n                    },\r\n                ],\r\n            },\r\n        ]}\r\n    />\r\n)\r\n\r\nconst UseLayoutDoc = () => {\r\n    return (\r\n        <DemoLayout\r\n            hideApiTitle\r\n            hideFooter\r\n            innerFrame={false}\r\n            header={demoHeader}\r\n            demos={demos}\r\n            mdPrefixPath=\"utils\"\r\n            extra={extra}\r\n            keyText=\"param\"\r\n        />\r\n    )\r\n}\r\n\r\nexport default UseLayoutDoc\r\n"],"names":["mdPath","demoHeader","demos","Example","extra","jsx","DemoComponentApi","UseLayoutDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,gBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAe,MAEb,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAAE;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseLayoutDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseLayoutDoc'\n\nconst demoHeader = {\n    title: 'useLayout',\n    desc: 'The useLayout hook provides access to the layout context, which various layout data & method to reassemble the page container, its purposely server for the template layout.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 'type',\n                        type: `<code>LayoutType</code>`,\n                        default: '-',\n                        desc: 'Indicates the current layout type, which may influence how components are displayed.',\n                    },\n                    {\n                        propName: 'adaptiveCardActive',\n                        type: `<code>boolean | undefined</code>`,\n                        default: '-',\n                        desc: 'Indicating whether an adaptive card layout is active.',\n                    },\n                    {\n                        propName: 'pageContainerReassemble',\n                        type: `<code>(props: PageContainerReassembleProps) => ReactNode | undefined</code>`,\n                        default: '-',\n                        desc: 'Optional function to dynamically reassemble the page container structure with custom properties and components.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseLayoutDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseLayoutDoc\n"],"names":["mdPath","demoHeader","demos","Example","extra","jsx","DemoComponentApi","UseLayoutDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,gBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAe,MAEb,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAAE;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseMenuActiveDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseMenuActiveDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\r\n\r\nconst Example = () => {\r\n    return (\r\n        <SyntaxHighlighter language=\"js\">{`import useMenuActive from '@/utils/hooks/useMenuActive'\r\nimport navigationConfig from '@/configs/navigation.config'\r\nimport { useSelector } from 'react-redux'\r\n\r\nconst Component = () => {\r\n\r\n    const currentRouteKey = useSelector(state => state.base.common.currentRouteKey)\r\n\r\n\tconst { activedRoute, includedRouteTree } = useMenuActive(navigationConfig, routeKey)\r\n\r\n\treturn (...)\r\n}\r\n`}</SyntaxHighlighter>\r\n    )\r\n}\r\n\r\nexport default Example\r\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYxC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseMenuActiveDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useMenuActive from '@/utils/hooks/useMenuActive'\nimport navigationConfig from '@/configs/navigation.config'\nimport { useSelector } from 'react-redux'\n\nconst Component = () => {\n\n    const currentRouteKey = useSelector(state => state.base.common.currentRouteKey)\n\n\tconst { activedRoute, includedRouteTree } = useMenuActive(navigationConfig, routeKey)\n\n\treturn (...)\n}\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYxC;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseMenuActiveDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseMenuActiveDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\r\nimport DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Example from './Example'\r\n\r\nconst mdPath = 'UseMenuActiveDoc'\r\n\r\nconst demoHeader = {\r\n    title: 'useMenuActive',\r\n    desc: 'useMenuActive helps to get navigation meta related with current route.',\r\n}\r\n\r\nconst demos = [\r\n    {\r\n        mdName: 'Example',\r\n        mdPath: mdPath,\r\n        title: 'Example',\r\n        desc: ``,\r\n        component: <Example />,\r\n    },\r\n]\r\n\r\nconst demoApi = [\r\n    {\r\n        component: 'Params',\r\n        api: [\r\n            {\r\n                propName: 'navTree',\r\n                type: `<code>NavConfigMeta[]</code>`,\r\n                default: `-`,\r\n                desc: 'Nav config tree',\r\n            },\r\n            {\r\n                propName: 'key',\r\n                type: `<code>string</code>`,\r\n                default: `-`,\r\n                desc: 'Current route key',\r\n            },\r\n        ],\r\n    },\r\n]\r\n\r\nconst extra = (\r\n    <DemoComponentApi\r\n        hideApiTitle\r\n        keyText=\"return\"\r\n        api={[\r\n            {\r\n                component: 'Return',\r\n                api: [\r\n                    {\r\n                        propName: 'activedRoute',\r\n                        type: `<code>NavConfigMeta</code>`,\r\n                        default: `-`,\r\n                        desc: 'NavConfigMeta that paired with current route key',\r\n                    },\r\n                    {\r\n                        propName: 'includedRouteTree',\r\n                        type: `<code>NavConfigMeta</code>`,\r\n                        default: `-`,\r\n                        desc: 'Root NavConfigMeta tree that included current route key',\r\n                    },\r\n                ],\r\n            },\r\n        ]}\r\n    />\r\n)\r\n\r\nconst UseMenuActiveDoc = () => {\r\n    return (\r\n        <DemoLayout\r\n            hideApiTitle\r\n            hideFooter\r\n            innerFrame={false}\r\n            header={demoHeader}\r\n            demos={demos}\r\n            api={demoApi}\r\n            mdPrefixPath=\"utils\"\r\n            extra={extra}\r\n            keyText=\"param\"\r\n        />\r\n    )\r\n}\r\n\r\nexport default UseMenuActiveDoc\r\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","UseMenuActiveDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,oBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,WAAW;AAAA,QACX,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAmB,MAEjB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,IACb,OAAAC;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseMenuActiveDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseMenuActiveDoc'\n\nconst demoHeader = {\n    title: 'useMenuActive',\n    desc: 'useMenuActive helps to get navigation meta related with current route.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'navTree',\n                type: `<code>NavConfigMeta[]</code>`,\n                default: `-`,\n                desc: 'Nav config tree',\n            },\n            {\n                propName: 'key',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Current route key',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'activedRoute',\n                        type: `<code>NavConfigMeta</code>`,\n                        default: `-`,\n                        desc: 'NavConfigMeta that paired with current route key',\n                    },\n                    {\n                        propName: 'includedRouteTree',\n                        type: `<code>NavConfigMeta</code>`,\n                        default: `-`,\n                        desc: 'Root NavConfigMeta tree that included current route key',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseMenuActiveDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseMenuActiveDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","UseMenuActiveDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,oBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,WAAW;AAAA,QACX,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAmB,MAEjB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,IACb,OAAAC;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseQueryDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseQueryDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\r\n\r\nconst Example = () => {\r\n    return (\r\n        <SyntaxHighlighter language=\"js\">{`import useQuery from '@/utils/hooks/useQuery'\r\n\r\nconst Component = () => {\r\n\r\n    const query = useQuery()\r\n\r\n    const id = query.get('queryKey')\r\n\r\n\treturn (...)\r\n}\r\n`}</SyntaxHighlighter>\r\n    )\r\n}\r\n\r\nexport default Example\r\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUxC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseQueryDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useQuery from '@/utils/hooks/useQuery'\n\nconst Component = () => {\n\n    const query = useQuery()\n\n    const id = query.get('queryKey')\n\n\treturn (...)\n}\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUxC;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseQueryDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseQueryDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\r\nimport DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Example from './Example'\r\n\r\nconst mdPath = 'UseQueryDoc'\r\n\r\nconst demoHeader = {\r\n    title: 'useQuery',\r\n    desc: 'useQuery created on top of <a class=\"text-primary underline\" href=\"https://reactrouter.com/docs/en/v6/hooks/use-location\" target=\"_blank\"><code>useLocation</code></a> hook to parse the query string.',\r\n}\r\n\r\nconst demos = [\r\n    {\r\n        mdName: 'Example',\r\n        mdPath: mdPath,\r\n        title: 'Example',\r\n        desc: ``,\r\n        component: <Example />,\r\n    },\r\n]\r\n\r\nconst extra = (\r\n    <DemoComponentApi\r\n        hideApiTitle\r\n        keyText=\"return\"\r\n        api={[\r\n            {\r\n                api: [\r\n                    {\r\n                        propName: 'query',\r\n                        type: `<a class=\"text-primary underline\" href=\"https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams/URLSearchParams\" target=\"_blank\"><code>URLSearchParams</code></a>`,\r\n                        default: `-`,\r\n                        desc: 'A URLSearchParams instance with useLocation().search initialized ',\r\n                    },\r\n                ],\r\n            },\r\n        ]}\r\n    />\r\n)\r\n\r\nconst UseQueryDoc = () => {\r\n    return (\r\n        <DemoLayout\r\n            hideApiTitle\r\n            hideFooter\r\n            innerFrame={false}\r\n            header={demoHeader}\r\n            demos={demos}\r\n            mdPrefixPath=\"utils\"\r\n            extra={extra}\r\n            keyText=\"param\"\r\n        />\r\n    )\r\n}\r\n\r\nexport default UseQueryDoc\r\n"],"names":["mdPath","demoHeader","demos","Example","extra","jsx","DemoComponentApi","UseQueryDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,eAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAc,MAEZ,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAAE;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseQueryDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseQueryDoc'\n\nconst demoHeader = {\n    title: 'useQuery',\n    desc: 'useQuery created on top of <a class=\"text-primary underline\" href=\"https://reactrouter.com/docs/en/v6/hooks/use-location\" target=\"_blank\"><code>useLocation</code></a> hook to parse the query string.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 'query',\n                        type: `<a class=\"text-primary underline\" href=\"https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams/URLSearchParams\" target=\"_blank\"><code>URLSearchParams</code></a>`,\n                        default: `-`,\n                        desc: 'A URLSearchParams instance with useLocation().search initialized ',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseQueryDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseQueryDoc\n"],"names":["mdPath","demoHeader","demos","Example","extra","jsx","DemoComponentApi","UseQueryDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,eAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAc,MAEZ,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAAE;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseRandomBgColorDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseRandomBgColorDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\r\n\r\nconst Example = () => {\r\n    return (\r\n        <SyntaxHighlighter language=\"js\">{`import useRandomBgColor from '@/utils/hooks/useRandomBgColor';\r\n\r\nconst Example = ({ name }: { name: string }) => {\r\n    const getBgColor = useRandomBgColor();\r\n\r\n    return (\r\n        <div className={getBgColor(name)}>\r\n            {name}\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default Example\r\n`}</SyntaxHighlighter>\r\n    )\r\n}\r\n\r\nexport default Example\r\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAaxC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseRandomBgColorDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useRandomBgColor from '@/utils/hooks/useRandomBgColor';\n\nconst Example = ({ name }: { name: string }) => {\n    const getBgColor = useRandomBgColor();\n\n    return (\n        <div className={getBgColor(name)}>\n            {name}\n        </div>\n    );\n};\n\nexport default Example\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAaxC;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseRandomBgColorDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseRandomBgColorDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\r\nimport DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Example from './Example'\r\n\r\nconst mdPath = 'UseRandomBgColorDoc'\r\n\r\nconst demoHeader = {\r\n    title: 'useRandomBgColor',\r\n    desc: 'useRandomBgColor  hook generates a random background color from a predefined whitelist of Tailwind CSS colors based on the input name. This hook is useful for assigning consistent background colors based on a string, such as a username or item name.',\r\n}\r\n\r\nconst demos = [\r\n    {\r\n        mdName: 'Example',\r\n        mdPath: mdPath,\r\n        title: 'Example',\r\n        desc: ``,\r\n        component: <Example />,\r\n    },\r\n]\r\n\r\nconst extra = (\r\n    <DemoComponentApi\r\n        hideApiTitle\r\n        keyText=\"return\"\r\n        api={[\r\n            {\r\n                api: [\r\n                    {\r\n                        propName: 'generateBgColor',\r\n                        type: `<code>(name: string) => string</code>`,\r\n                        default: '',\r\n                        desc: 'Returns a Tailwind CSS background color class based on the input name string.',\r\n                    },\r\n                ],\r\n            },\r\n        ]}\r\n    />\r\n)\r\n\r\nconst UseRandomBgColorDoc = () => {\r\n    return (\r\n        <DemoLayout\r\n            hideApiTitle\r\n            hideFooter\r\n            innerFrame={false}\r\n            header={demoHeader}\r\n            demos={demos}\r\n            mdPrefixPath=\"utils\"\r\n            extra={extra}\r\n            keyText=\"param\"\r\n        />\r\n    )\r\n}\r\n\r\nexport default UseRandomBgColorDoc\r\n"],"names":["mdPath","demoHeader","demos","Example","extra","jsx","DemoComponentApi","UseRandomBgColorDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,uBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAsB,MAEpB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAAE;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseRandomBgColorDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseRandomBgColorDoc'\n\nconst demoHeader = {\n    title: 'useRandomBgColor',\n    desc: 'useRandomBgColor  hook generates a random background color from a predefined whitelist of Tailwind CSS colors based on the input name. This hook is useful for assigning consistent background colors based on a string, such as a username or item name.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 'generateBgColor',\n                        type: `<code>(name: string) => string</code>`,\n                        default: '',\n                        desc: 'Returns a Tailwind CSS background color class based on the input name string.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseRandomBgColorDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseRandomBgColorDoc\n"],"names":["mdPath","demoHeader","demos","Example","extra","jsx","DemoComponentApi","UseRandomBgColorDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,uBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAsB,MAEpB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAAE;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseResponsiveDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseResponsiveDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\r\n\r\nconst Example = () => {\r\n    return (\r\n        <SyntaxHighlighter language=\"js\">{`import useResponsive from '@/utils/hooks/useResponsive'\r\n\r\nconst Component = () => {\r\n\r\n    const { larger, smaller, windowWidth } = useResponsive()\r\n\r\n\treturn (...)\r\n}\r\n`}</SyntaxHighlighter>\r\n    )\r\n}\r\n\r\nexport default Example\r\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQxC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseResponsiveDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useResponsive from '@/utils/hooks/useResponsive'\n\nconst Component = () => {\n\n    const { larger, smaller, windowWidth } = useResponsive()\n\n\treturn (...)\n}\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQxC;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseResponsiveDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseResponsiveDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\r\nimport DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Example from './Example'\r\n\r\nconst mdPath = 'UseResponsiveDoc'\r\n\r\nconst demoHeader = {\r\n    title: 'useResponsive',\r\n    desc: 'A hooks for getting responsive information',\r\n}\r\n\r\nconst demos = [\r\n    {\r\n        mdName: 'Example',\r\n        mdPath: mdPath,\r\n        title: 'Example',\r\n        desc: ``,\r\n        component: <Example />,\r\n    },\r\n]\r\n\r\nconst extra = (\r\n    <DemoComponentApi\r\n        hideApiTitle\r\n        keyText=\"return\"\r\n        api={[\r\n            {\r\n                api: [\r\n                    {\r\n                        propName: 'larger',\r\n                        type: `<code>{2xl: boolean, xl: boolean, lg: boolean, md: boolean, sm: boolean, xs: boolean}</code>`,\r\n                        default: `-`,\r\n                        desc: 'Breakpoints with statement that larger than current window width',\r\n                    },\r\n                    {\r\n                        propName: 'smaller',\r\n                        type: `<code>{2xl: boolean, xl: boolean, lg: boolean, md: boolean, sm: boolean, xs: boolean}</code>`,\r\n                        default: `-`,\r\n                        desc: 'Breakpoints with statement that smaller than current window width',\r\n                    },\r\n                    {\r\n                        propName: 'windowWidth',\r\n                        type: `<code>number</code>`,\r\n                        default: `-`,\r\n                        desc: 'Current window width',\r\n                    },\r\n                ],\r\n            },\r\n        ]}\r\n    />\r\n)\r\n\r\nconst UseResponsiveDoc = () => {\r\n    return (\r\n        <DemoLayout\r\n            hideApiTitle\r\n            hideFooter\r\n            innerFrame={false}\r\n            header={demoHeader}\r\n            demos={demos}\r\n            mdPrefixPath=\"utils\"\r\n            extra={extra}\r\n            keyText=\"param\"\r\n        />\r\n    )\r\n}\r\n\r\nexport default UseResponsiveDoc\r\n"],"names":["mdPath","demoHeader","demos","Example","extra","jsx","DemoComponentApi","UseResponsiveDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,oBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAmB,MAEjB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAAE;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseResponsiveDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseResponsiveDoc'\n\nconst demoHeader = {\n    title: 'useResponsive',\n    desc: 'A hooks for getting responsive information',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 'larger',\n                        type: `<code>{2xl: boolean, xl: boolean, lg: boolean, md: boolean, sm: boolean, xs: boolean}</code>`,\n                        default: `-`,\n                        desc: 'Breakpoints with statement that larger than current window width',\n                    },\n                    {\n                        propName: 'smaller',\n                        type: `<code>{2xl: boolean, xl: boolean, lg: boolean, md: boolean, sm: boolean, xs: boolean}</code>`,\n                        default: `-`,\n                        desc: 'Breakpoints with statement that smaller than current window width',\n                    },\n                    {\n                        propName: 'windowWidth',\n                        type: `<code>number</code>`,\n                        default: `-`,\n                        desc: 'Current window width',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseResponsiveDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseResponsiveDoc\n"],"names":["mdPath","demoHeader","demos","Example","extra","jsx","DemoComponentApi","UseResponsiveDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,oBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAmB,MAEjB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAAE;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseScrollTopDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseScrollTopDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\r\n\r\nconst Example = () => {\r\n    return (\r\n        <SyntaxHighlighter language=\"js\">{`import useScrollTop from '@/utils/hooks/useScrollTop';\r\n\r\nconst Example = () => {\r\n    const { isSticky } = useScrollTop();\r\n\r\n    return (\r\n        <header className={isSticky ? 'sticky' : ''}>\r\n            <h1>My Sticky Header</h1>\r\n        </header>\r\n    );\r\n};\r\n\r\nexport default Example\r\n`}</SyntaxHighlighter>\r\n    )\r\n}\r\n\r\nexport default Example\r\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAaxC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseScrollTopDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useScrollTop from '@/utils/hooks/useScrollTop';\n\nconst Example = () => {\n    const { isSticky } = useScrollTop();\n\n    return (\n        <header className={isSticky ? 'sticky' : ''}>\n            <h1>My Sticky Header</h1>\n        </header>\n    );\n};\n\nexport default Example\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAaxC;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseScrollTopDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseScrollTopDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\r\nimport DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Example from './Example'\r\n\r\nconst mdPath = 'UseScrollTopDoc'\r\n\r\nconst demoHeader = {\r\n    title: 'useScrollTop',\r\n    desc: 'This hook tracks the window scroll position and returns a boolean value indicating whether the user has scrolled past the top of the page.',\r\n}\r\n\r\nconst demos = [\r\n    {\r\n        mdName: 'Example',\r\n        mdPath: mdPath,\r\n        title: 'Example',\r\n        desc: ``,\r\n        component: <Example />,\r\n    },\r\n]\r\n\r\nconst extra = (\r\n    <DemoComponentApi\r\n        hideApiTitle\r\n        keyText=\"return\"\r\n        api={[\r\n            {\r\n                api: [\r\n                    {\r\n                        propName: 'isSticky',\r\n                        type: `<code>boolean</code>`,\r\n                        default: '',\r\n                        desc: 'Indicates whether the page has been scrolled from the top (i.e., if the element should be sticky).',\r\n                    },\r\n                ],\r\n            },\r\n        ]}\r\n    />\r\n)\r\n\r\nconst UseScrollTopDoc = () => {\r\n    return (\r\n        <DemoLayout\r\n            hideApiTitle\r\n            hideFooter\r\n            innerFrame={false}\r\n            header={demoHeader}\r\n            demos={demos}\r\n            mdPrefixPath=\"utils\"\r\n            extra={extra}\r\n            keyText=\"param\"\r\n        />\r\n    )\r\n}\r\n\r\nexport default UseScrollTopDoc\r\n"],"names":["mdPath","demoHeader","demos","Example","extra","jsx","DemoComponentApi","UseScrollTopDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,mBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAkB,MAEhB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAAE;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseScrollTopDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseScrollTopDoc'\n\nconst demoHeader = {\n    title: 'useScrollTop',\n    desc: 'This hook tracks the window scroll position and returns a boolean value indicating whether the user has scrolled past the top of the page.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 'isSticky',\n                        type: `<code>boolean</code>`,\n                        default: '',\n                        desc: 'Indicates whether the page has been scrolled from the top (i.e., if the element should be sticky).',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseScrollTopDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseScrollTopDoc\n"],"names":["mdPath","demoHeader","demos","Example","extra","jsx","DemoComponentApi","UseScrollTopDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,mBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAkB,MAEhB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAAE;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseTimeOutMessageDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseTimeOutMessageDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\r\n\r\nconst Example = () => {\r\n    return (\r\n        <SyntaxHighlighter language=\"js\">{`import useTimeOutMessage from '@/utils/hooks/useTimeOutMessage'\r\n\r\nconst Component = () => {\r\n\r\n    const [ message, setMessage ] = useTimeOutMessage(5000)\r\n\r\n\treturn (...)\r\n}\r\n`}</SyntaxHighlighter>\r\n    )\r\n}\r\n\r\nexport default Example\r\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQxC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseTimeOutMessageDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useTimeOutMessage from '@/utils/hooks/useTimeOutMessage'\n\nconst Component = () => {\n\n    const [ message, setMessage ] = useTimeOutMessage(5000)\n\n\treturn (...)\n}\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQxC;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseTimeOutMessageDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseTimeOutMessageDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\r\nimport DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Example from './Example'\r\n\r\nconst mdPath = 'UseTimeOutMessageDoc'\r\n\r\nconst demoHeader = {\r\n    title: 'useTimeOutMessage',\r\n    desc: 'useTimeOutMessage allow us to display message that disappear after a period of time.',\r\n}\r\n\r\nconst demos = [\r\n    {\r\n        mdName: 'Example',\r\n        mdPath: mdPath,\r\n        title: 'Example',\r\n        desc: ``,\r\n        component: <Example />,\r\n    },\r\n]\r\n\r\nconst demoApi = [\r\n    {\r\n        component: 'Params',\r\n        api: [\r\n            {\r\n                propName: 'interval',\r\n                type: `<code>number</code>`,\r\n                default: `<code>3000</code>`,\r\n                desc: 'Time of message display',\r\n            },\r\n        ],\r\n    },\r\n]\r\n\r\nconst extra = (\r\n    <DemoComponentApi\r\n        hideApiTitle\r\n        keyText=\"return\"\r\n        api={[\r\n            {\r\n                component: 'Return',\r\n                api: [\r\n                    {\r\n                        propName: 'message',\r\n                        type: `<code>string</code>`,\r\n                        default: `-`,\r\n                        desc: 'Message string',\r\n                    },\r\n                    {\r\n                        propName: 'setMessage',\r\n                        type: `<code>string</code>`,\r\n                        default: `-`,\r\n                        desc: 'Message setter',\r\n                    },\r\n                ],\r\n            },\r\n        ]}\r\n    />\r\n)\r\n\r\nconst UseTimeOutMessageDoc = () => {\r\n    return (\r\n        <DemoLayout\r\n            hideApiTitle\r\n            hideFooter\r\n            innerFrame={false}\r\n            header={demoHeader}\r\n            demos={demos}\r\n            api={demoApi}\r\n            mdPrefixPath=\"utils\"\r\n            extra={extra}\r\n            keyText=\"param\"\r\n        />\r\n    )\r\n}\r\n\r\nexport default UseTimeOutMessageDoc\r\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","UseTimeOutMessageDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,wBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,WAAW;AAAA,QACX,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAuB,MAErB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,IACb,OAAAC;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseTimeOutMessageDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseTimeOutMessageDoc'\n\nconst demoHeader = {\n    title: 'useTimeOutMessage',\n    desc: 'useTimeOutMessage allow us to display message that disappear after a period of time.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'interval',\n                type: `<code>number</code>`,\n                default: `<code>3000</code>`,\n                desc: 'Time of message display',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'message',\n                        type: `<code>string</code>`,\n                        default: `-`,\n                        desc: 'Message string',\n                    },\n                    {\n                        propName: 'setMessage',\n                        type: `<code>string</code>`,\n                        default: `-`,\n                        desc: 'Message setter',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseTimeOutMessageDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseTimeOutMessageDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","UseTimeOutMessageDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,wBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,WAAW;AAAA,QACX,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAuB,MAErB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,IACb,OAAAC;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseTranslationDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseTranslationDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\r\n\r\nconst Example = () => {\r\n    return (\r\n        <SyntaxHighlighter language=\"js\">{`import useTranslation from '@/utils/hooks/useTranslation\r\n\r\nconst Example = () => {\r\n    const { t, ready } = useTranslation(true)\r\n\r\n    return (\r\n        <div>\r\n            {ready ? <p>{t('hello', 'Hello')}</p> : <p>Loading translations...</p>}\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default Example\r\n`}</SyntaxHighlighter>\r\n    )\r\n}\r\n\r\nexport default Example\r\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAaxC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseTranslationDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useTranslation from '@/utils/hooks/useTranslation\n\nconst Example = () => {\n    const { t, ready } = useTranslation(true)\n\n    return (\n        <div>\n            {ready ? <p>{t('hello', 'Hello')}</p> : <p>Loading translations...</p>}\n        </div>\n    );\n};\n\nexport default Example\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAaxC;"}

package/dist/@ecme/views/guide/UtilsDoc/components/UseTranslationDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseTranslationDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\r\nimport DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Example from './Example'\r\n\r\nconst mdPath = 'UseTranslationDoc'\r\n\r\nconst demoHeader = {\r\n    title: 'useTranslation',\r\n    desc: `<code>useTranslation</code> is a custom wrapper around <code>react-i18next</code>'s <code>useTranslation</code>.`,\r\n}\r\n\r\nconst demos = [\r\n    {\r\n        mdName: 'Example',\r\n        mdPath: mdPath,\r\n        title: 'Example',\r\n        desc: ``,\r\n        component: <Example />,\r\n    },\r\n]\r\n\r\nconst demoApi = [\r\n    {\r\n        component: 'Params',\r\n        api: [\r\n            {\r\n                propName: 'usePlaceholder',\r\n                type: `<code>boolean</code>\t`,\r\n                default: '-',\r\n                desc: 'A flag indicating whether to use a placeholder translation function.',\r\n            },\r\n        ],\r\n    },\r\n]\r\n\r\nconst extra = (\r\n    <DemoComponentApi\r\n        hideApiTitle\r\n        keyText=\"return\"\r\n        api={[\r\n            {\r\n                api: [\r\n                    {\r\n                        propName: 't',\r\n                        type: `<code>(key: string, fallback?: string | Record< string, string | number >) => string</code>`,\r\n                        default: '-',\r\n                        desc: 'A translation function that returns the translated string or the fallback if no translation is found.',\r\n                    },\r\n                    {\r\n                        propName: 'ready',\r\n                        type: `<code>boolean</code>`,\r\n                        default: '-',\r\n                        desc: 'Indicates whether the translations are ready to be used.',\r\n                    },\r\n                    {\r\n                        propName: 'i18n',\r\n                        type: `<code>string</code>`,\r\n                        default: '-',\r\n                        desc: 'The i18n instance or an empty string in placeholder mode.',\r\n                    },\r\n                ],\r\n            },\r\n        ]}\r\n    />\r\n)\r\n\r\nconst UseTranslationDoc = () => {\r\n    return (\r\n        <DemoLayout\r\n            hideApiTitle\r\n            hideFooter\r\n            innerFrame={false}\r\n            header={demoHeader}\r\n            demos={demos}\r\n            mdPrefixPath=\"utils\"\r\n            extra={extra}\r\n            api={demoApi}\r\n            keyText=\"param\"\r\n        />\r\n    )\r\n}\r\n\r\nexport default UseTranslationDoc\r\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","UseTranslationDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,qBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAoB,MAElB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAAG;AAAA,IACA,KAAKD;AAAA,IACL,SAAQ;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseTranslationDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseTranslationDoc'\n\nconst demoHeader = {\n    title: 'useTranslation',\n    desc: `<code>useTranslation</code> is a custom wrapper around <code>react-i18next</code>'s <code>useTranslation</code>.`,\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'usePlaceholder',\n                type: `<code>boolean</code>\t`,\n                default: '-',\n                desc: 'A flag indicating whether to use a placeholder translation function.',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 't',\n                        type: `<code>(key: string, fallback?: string | Record< string, string | number >) => string</code>`,\n                        default: '-',\n                        desc: 'A translation function that returns the translated string or the fallback if no translation is found.',\n                    },\n                    {\n                        propName: 'ready',\n                        type: `<code>boolean</code>`,\n                        default: '-',\n                        desc: 'Indicates whether the translations are ready to be used.',\n                    },\n                    {\n                        propName: 'i18n',\n                        type: `<code>string</code>`,\n                        default: '-',\n                        desc: 'The i18n instance or an empty string in placeholder mode.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseTranslationDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            api={demoApi}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseTranslationDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","UseTranslationDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,qBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAoB,MAElB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAAG;AAAA,IACA,KAAKD;AAAA,IACL,SAAQ;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/guide/UtilsDoc/components/WildCardSearchDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/WildCardSearchDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\r\n\r\nconst Example = () => {\r\n    return (\r\n        <SyntaxHighlighter language=\"js\">{`import wildCardSearch from '@/utils/wildCardSearch'\r\n\r\nconst arr = [\r\n\t{\r\n\t\tname: 'Carolyn Perkins',\r\n\t\temail: 'eileen_h@hotmail.com',\r\n\t},\r\n\t{\r\n\t\tname: 'Terrance Moreno',\r\n\t\temail: 'terrance_moreno@infotech.io',\r\n\t},\r\n\t{\r\n\t\tname: 'Ron Vargas',\r\n\t\temail: 'ronnie_vergas@infotech.io',\r\n\t},\r\n\t{\r\n\t\tname: 'Luke Cook',\r\n\t\temail: 'cookie_lukie@hotmail.com',\r\n\t},\r\n]\r\n\r\nconst data = wildCardSearch(arr, 'Terran')\r\n\r\n// output: [\r\n//  {\r\n// \t\tname: 'Terrance Moreno',\r\n// \t\temail: 'terrance_moreno@infotech.io',\r\n// \t},\r\n// ]\r\n`}</SyntaxHighlighter>\r\n    )\r\n}\r\n\r\nexport default Example\r\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6BxC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/WildCardSearchDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import wildCardSearch from '@/utils/wildCardSearch'\n\nconst arr = [\n\t{\n\t\tname: 'Carolyn Perkins',\n\t\temail: 'eileen_h@hotmail.com',\n\t},\n\t{\n\t\tname: 'Terrance Moreno',\n\t\temail: 'terrance_moreno@infotech.io',\n\t},\n\t{\n\t\tname: 'Ron Vargas',\n\t\temail: 'ronnie_vergas@infotech.io',\n\t},\n\t{\n\t\tname: 'Luke Cook',\n\t\temail: 'cookie_lukie@hotmail.com',\n\t},\n]\n\nconst data = wildCardSearch(arr, 'Terran')\n\n// output: [\n//  {\n// \t\tname: 'Terrance Moreno',\n// \t\temail: 'terrance_moreno@infotech.io',\n// \t},\n// ]\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6BxC;"}

package/dist/@ecme/views/guide/UtilsDoc/components/WildCardSearchDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/WildCardSearchDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\r\nimport DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Example from './Example'\r\n\r\nconst mdPath = 'WildCardSearchDoc'\r\n\r\nconst demoHeader = {\r\n    title: 'wildCardSearch',\r\n    desc: 'Wildcard search for array of object.',\r\n}\r\n\r\nconst demos = [\r\n    {\r\n        mdName: 'Example',\r\n        mdPath: mdPath,\r\n        title: 'Example',\r\n        desc: ``,\r\n        component: <Example />,\r\n    },\r\n]\r\n\r\nconst demoApi = [\r\n    {\r\n        component: 'Params',\r\n        api: [\r\n            {\r\n                propName: 'list',\r\n                type: `<code>Array&lt;T&gt;</code>`,\r\n                default: `-`,\r\n                desc: 'Array of object',\r\n            },\r\n            {\r\n                propName: 'input',\r\n                type: `<code>string</code>`,\r\n                default: `-`,\r\n                desc: 'Keyword',\r\n            },\r\n        ],\r\n    },\r\n]\r\n\r\nconst extra = (\r\n    <DemoComponentApi\r\n        hideApiTitle\r\n        keyText=\"return\"\r\n        api={[\r\n            {\r\n                component: 'Return',\r\n                api: [\r\n                    {\r\n                        propName: 'result',\r\n                        type: `<code>Array&lt;T&gt;</code>`,\r\n                        default: `-`,\r\n                        desc: 'Result array',\r\n                    },\r\n                ],\r\n            },\r\n        ]}\r\n    />\r\n)\r\n\r\nconst WildCardSearchDoc = () => {\r\n    return (\r\n        <DemoLayout\r\n            hideApiTitle\r\n            hideFooter\r\n            innerFrame={false}\r\n            header={demoHeader}\r\n            demos={demos}\r\n            api={demoApi}\r\n            mdPrefixPath=\"utils\"\r\n            extra={extra}\r\n            keyText=\"param\"\r\n        />\r\n    )\r\n}\r\n\r\nexport default WildCardSearchDoc\r\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","WildCardSearchDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,qBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,WAAW;AAAA,QACX,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAoB,MAElB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,IACb,OAAAC;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/WildCardSearchDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'WildCardSearchDoc'\n\nconst demoHeader = {\n    title: 'wildCardSearch',\n    desc: 'Wildcard search for array of object.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'list',\n                type: `<code>Array&lt;T&gt;</code>`,\n                default: `-`,\n                desc: 'Array of object',\n            },\n            {\n                propName: 'input',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Keyword',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'result',\n                        type: `<code>Array&lt;T&gt;</code>`,\n                        default: `-`,\n                        desc: 'Result array',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst WildCardSearchDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default WildCardSearchDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","WildCardSearchDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,qBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,WAAW;AAAA,QACX,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAoB,MAElB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,IACb,OAAAC;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/guide/UtilsDoc/components/WithHeaderItemDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/WithHeaderItemDoc/Example.tsx"],"sourcesContent":["import classNames from 'classnames'\r\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\r\nimport Dropdown from '@/components/ui/Dropdown'\r\nimport { HiOutlineSearch } from 'react-icons/hi'\r\n\r\nconst _Example = () => {\r\n    return (\r\n        <Dropdown\r\n            renderTitle={<HiOutlineSearch className={classNames('text-4xl')} />}\r\n        >\r\n            <Dropdown.Item eventKey=\"a\">Item A</Dropdown.Item>\r\n            <Dropdown.Item eventKey=\"b\">Item B</Dropdown.Item>\r\n            <Dropdown.Item eventKey=\"c\">Item C</Dropdown.Item>\r\n            <Dropdown.Item eventKey=\"d\">Item D</Dropdown.Item>\r\n        </Dropdown>\r\n    )\r\n}\r\n\r\nconst Example = withHeaderItem(_Example)\r\n\r\nexport default Example\r\n"],"names":["_Example","jsxs","Dropdown","jsx","HiOutlineSearch","classNames","Example","withHeaderItem"],"mappings":";;;;;AAKA,MAAMA,IAAW,MAET,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,aAAa,gBAAAC,EAACC,GAAA,EAAgB,WAAWC,EAAW,UAAU,GAAG;AAAA,IAEjE,UAAA;AAAA,MAAA,gBAAAF,EAACD,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,wBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,wBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,wBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,SAAA,CAAM;AAAA,IAAA;AAAA,EAAA;AAAA,GAKxCI,IAAUC,EAAeP,CAAQ;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/WithHeaderItemDoc/Example.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport Dropdown from '@/components/ui/Dropdown'\nimport { HiOutlineSearch } from 'react-icons/hi'\n\nconst _Example = () => {\n    return (\n        <Dropdown\n            renderTitle={<HiOutlineSearch className={classNames('text-4xl')} />}\n        >\n            <Dropdown.Item eventKey=\"a\">Item A</Dropdown.Item>\n            <Dropdown.Item eventKey=\"b\">Item B</Dropdown.Item>\n            <Dropdown.Item eventKey=\"c\">Item C</Dropdown.Item>\n            <Dropdown.Item eventKey=\"d\">Item D</Dropdown.Item>\n        </Dropdown>\n    )\n}\n\nconst Example = withHeaderItem(_Example)\n\nexport default Example\n"],"names":["_Example","jsxs","Dropdown","jsx","HiOutlineSearch","classNames","Example","withHeaderItem"],"mappings":";;;;;AAKA,MAAMA,IAAW,MAET,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,aAAa,gBAAAC,EAACC,GAAA,EAAgB,WAAWC,EAAW,UAAU,GAAG;AAAA,IAEjE,UAAA;AAAA,MAAA,gBAAAF,EAACD,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,wBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,wBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,wBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,SAAA,CAAM;AAAA,IAAA;AAAA,EAAA;AAAA,GAKxCI,IAAUC,EAAeP,CAAQ;"}

package/dist/@ecme/views/guide/UtilsDoc/components/WithHeaderItemDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/WithHeaderItemDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Example from './Example'\r\n\r\nconst mdPath = 'WithHeaderItemDoc'\r\n\r\nconst demoHeader = {\r\n    title: 'withHeaderItem',\r\n    desc: 'withHeaderItem wrap component into a clickable option for header.',\r\n}\r\n\r\nconst demos = [\r\n    {\r\n        mdName: 'Example',\r\n        mdPath: mdPath,\r\n        title: 'Example',\r\n        desc: `Example usage.`,\r\n        component: <Example />,\r\n    },\r\n]\r\n\r\nconst demoApi = [\r\n    {\r\n        component: 'withHeaderItem',\r\n        api: [\r\n            {\r\n                propName: 'hoverable',\r\n                type: `<code>boolean</code>`,\r\n                default: `<code>true</code>`,\r\n                desc: 'Whether to make the item hoverable',\r\n            },\r\n        ],\r\n    },\r\n]\r\n\r\nconst WithHeaderItemDoc = () => {\r\n    return (\r\n        <DemoLayout\r\n            innerFrame={false}\r\n            header={demoHeader}\r\n            demos={demos}\r\n            api={demoApi}\r\n            mdPrefixPath=\"utils\"\r\n        />\r\n    )\r\n}\r\n\r\nexport default WithHeaderItemDoc\r\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","WithHeaderItemDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,qBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAoB,MAElB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/WithHeaderItemDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'WithHeaderItemDoc'\n\nconst demoHeader = {\n    title: 'withHeaderItem',\n    desc: 'withHeaderItem wrap component into a clickable option for header.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'withHeaderItem',\n        api: [\n            {\n                propName: 'hoverable',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to make the item hoverable',\n            },\n        ],\n    },\n]\n\nconst WithHeaderItemDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n        />\n    )\n}\n\nexport default WithHeaderItemDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","WithHeaderItemDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,qBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAoB,MAElB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/guide/UtilsDoc/utilsDocRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"utilsDocRoutes.js","sources":["../../../../../lib/@ecme/views/guide/UtilsDoc/utilsDocRoutes.tsx"],"sourcesContent":["import { lazy } from 'react'\r\nimport { DocumentationRoute } from '@/@types/docs'\r\n\r\nconst utilsDocRoutes: DocumentationRoute[] = [\r\n    {\r\n        groupName: 'Hooks',\r\n        nav: [\r\n            {\r\n                path: 'use-auth',\r\n                label: 'useAuth',\r\n                component: lazy(() => import('./components/UseAuthDoc')),\r\n            },\r\n            {\r\n                path: 'use-authority',\r\n                label: 'useAuthority',\r\n                component: lazy(() => import('./components/UseAuthorityDoc')),\r\n            },\r\n            {\r\n                path: 'use-dark-mode',\r\n                label: 'useDarkMode',\r\n                component: lazy(() => import('./components/UseDarkModeDoc')),\r\n            },\r\n            {\r\n                path: 'use-debounce',\r\n                label: 'useDebounce',\r\n                component: lazy(() => import('./components/UseDebounceDoc')),\r\n            },\r\n            {\r\n                path: 'use-direction',\r\n                label: 'useDirection',\r\n                component: lazy(() => import('./components/UseDirectionDoc')),\r\n            },\r\n            {\r\n                path: 'use-infinite-scroll',\r\n                label: 'useInfiniteScroll',\r\n                component: lazy(\r\n                    () => import('./components/UseInfiniteScrollDoc'),\r\n                ),\r\n            },\r\n            {\r\n                path: 'use-interval',\r\n                label: 'useInterval',\r\n                component: lazy(() => import('./components/UseIntervalDoc')),\r\n            },\r\n            {\r\n                path: 'use-layout',\r\n                label: 'useLayout',\r\n                component: lazy(() => import('./components/UseLayoutDoc')),\r\n            },\r\n            {\r\n                path: 'use-menu-active',\r\n                label: 'useMenuActive',\r\n                component: lazy(() => import('./components/UseMenuActiveDoc')),\r\n            },\r\n            {\r\n                path: 'use-query',\r\n                label: 'useQuery',\r\n                component: lazy(() => import('./components/UseQueryDoc')),\r\n            },\r\n            {\r\n                path: 'use-random-bg-color',\r\n                label: 'useRandomBgColor',\r\n                component: lazy(\r\n                    () => import('./components/UseRandomBgColorDoc'),\r\n                ),\r\n            },\r\n            {\r\n                path: 'use-responsive',\r\n                label: 'useResponsive',\r\n                component: lazy(() => import('./components/UseResponsiveDoc')),\r\n            },\r\n            {\r\n                path: 'use-scroll-top',\r\n                label: 'useScrollTop',\r\n                component: lazy(() => import('./components/UseScrollTopDoc')),\r\n            },\r\n            {\r\n                path: 'use-time-out-message',\r\n                label: 'useTimeOutMessage',\r\n                component: lazy(\r\n                    () => import('./components/UseTimeOutMessageDoc'),\r\n                ),\r\n            },\r\n            {\r\n                path: 'use-translation',\r\n                label: 'useTranslation',\r\n                component: lazy(() => import('./components/UseTranslationDoc')),\r\n            },\r\n        ],\r\n    },\r\n    {\r\n        groupName: 'Functions',\r\n        nav: [\r\n            {\r\n                path: 'acronym',\r\n                label: 'acronym',\r\n                component: lazy(() => import('./components/AcronymDoc')),\r\n            },\r\n            {\r\n                path: 'classNames',\r\n                label: 'classNames',\r\n                component: lazy(() => import('./components/ClassNamesDoc')),\r\n            },\r\n            {\r\n                path: 'cookies-storage',\r\n                label: 'cookiesStorage',\r\n                component: lazy(() => import('./components/CookiesStorageDoc')),\r\n            },\r\n            {\r\n                path: 'file-size-unit',\r\n                label: 'fileSizeUnit',\r\n                component: lazy(() => import('./components/FileSizeUnitDoc')),\r\n            },\r\n            {\r\n                path: 'is-last-child',\r\n                label: 'isLastChild',\r\n                component: lazy(() => import('./components/IsLastChildDoc')),\r\n            },\r\n            {\r\n                path: 'paginate',\r\n                label: 'paginate',\r\n                component: lazy(() => import('./components/PaginateDoc')),\r\n            },\r\n            {\r\n                path: 'reoder-array',\r\n                label: 'reoderArray',\r\n                component: lazy(() => import('./components/ReoderArrayDoc')),\r\n            },\r\n            {\r\n                path: 'reorder dragable',\r\n                label: 'reorderDragable',\r\n                component: lazy(\r\n                    () => import('./components/ReorderDragableDoc'),\r\n                ),\r\n            },\r\n            {\r\n                path: 'sleep',\r\n                label: 'sleep',\r\n                component: lazy(() => import('./components/SleepDoc')),\r\n            },\r\n            {\r\n                path: 'sort-by',\r\n                label: 'sortBy',\r\n                component: lazy(() => import('./components/SortByDoc')),\r\n            },\r\n            {\r\n                path: 'wild-card-search',\r\n                label: 'wildCardSearch',\r\n                component: lazy(() => import('./components/WildCardSearchDoc')),\r\n            },\r\n        ],\r\n    },\r\n    {\r\n        groupName: 'HOC',\r\n        nav: [\r\n            {\r\n                path: 'with-header-item',\r\n                label: 'withHeaderItem',\r\n                component: lazy(() => import('./components/WithHeaderItemDoc')),\r\n            },\r\n        ],\r\n    },\r\n]\r\n\r\nexport default utilsDocRoutes\r\n"],"names":["utilsDocRoutes","lazy"],"mappings":";AAGA,MAAMA,IAAuC;AAAA,EACzC;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWC,EAAK,MAAM,OAAO,kCAAyB,CAAC;AAAA,MAAA;AAAA,MAE3D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAAA;AAAA,MAEhE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,sCAA6B,CAAC;AAAA,MAAA;AAAA,MAE/D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,sCAA6B,CAAC;AAAA,MAAA;AAAA,MAE/D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAAA;AAAA,MAEhE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,4CAAmC;AAAA,QAAA;AAAA,MACpD;AAAA,MAEJ;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,sCAA6B,CAAC;AAAA,MAAA;AAAA,MAE/D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,oCAA2B,CAAC;AAAA,MAAA;AAAA,MAE7D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,wCAA+B,CAAC;AAAA,MAAA;AAAA,MAEjE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,mCAA0B,CAAC;AAAA,MAAA;AAAA,MAE5D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,2CAAkC;AAAA,QAAA;AAAA,MACnD;AAAA,MAEJ;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,wCAA+B,CAAC;AAAA,MAAA;AAAA,MAEjE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAAA;AAAA,MAEhE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,4CAAmC;AAAA,QAAA;AAAA,MACpD;AAAA,MAEJ;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,yCAAgC,CAAC;AAAA,MAAA;AAAA,IAClE;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,kCAAyB,CAAC;AAAA,MAAA;AAAA,MAE3D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,qCAA4B,CAAC;AAAA,MAAA;AAAA,MAE9D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,yCAAgC,CAAC;AAAA,MAAA;AAAA,MAElE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAAA;AAAA,MAEhE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,sCAA6B,CAAC;AAAA,MAAA;AAAA,MAE/D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,mCAA0B,CAAC;AAAA,MAAA;AAAA,MAE5D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,sCAA6B,CAAC;AAAA,MAAA;AAAA,MAE/D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,0CAAiC;AAAA,QAAA;AAAA,MAClD;AAAA,MAEJ;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,gCAAuB,CAAC;AAAA,MAAA;AAAA,MAEzD;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,iCAAwB,CAAC;AAAA,MAAA;AAAA,MAE1D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,yCAAgC,CAAC;AAAA,MAAA;AAAA,IAClE;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,yCAAgC,CAAC;AAAA,MAAA;AAAA,IAClE;AAAA,EACJ;AAER;"}
+{"version":3,"file":"utilsDocRoutes.js","sources":["../../../../../lib/@ecme/views/guide/UtilsDoc/utilsDocRoutes.tsx"],"sourcesContent":["import { lazy } from 'react'\nimport { DocumentationRoute } from '@/@types/docs'\n\nconst utilsDocRoutes: DocumentationRoute[] = [\n    {\n        groupName: 'Hooks',\n        nav: [\n            {\n                path: 'use-auth',\n                label: 'useAuth',\n                component: lazy(() => import('./components/UseAuthDoc')),\n            },\n            {\n                path: 'use-authority',\n                label: 'useAuthority',\n                component: lazy(() => import('./components/UseAuthorityDoc')),\n            },\n            {\n                path: 'use-dark-mode',\n                label: 'useDarkMode',\n                component: lazy(() => import('./components/UseDarkModeDoc')),\n            },\n            {\n                path: 'use-debounce',\n                label: 'useDebounce',\n                component: lazy(() => import('./components/UseDebounceDoc')),\n            },\n            {\n                path: 'use-direction',\n                label: 'useDirection',\n                component: lazy(() => import('./components/UseDirectionDoc')),\n            },\n            {\n                path: 'use-infinite-scroll',\n                label: 'useInfiniteScroll',\n                component: lazy(\n                    () => import('./components/UseInfiniteScrollDoc'),\n                ),\n            },\n            {\n                path: 'use-interval',\n                label: 'useInterval',\n                component: lazy(() => import('./components/UseIntervalDoc')),\n            },\n            {\n                path: 'use-layout',\n                label: 'useLayout',\n                component: lazy(() => import('./components/UseLayoutDoc')),\n            },\n            {\n                path: 'use-menu-active',\n                label: 'useMenuActive',\n                component: lazy(() => import('./components/UseMenuActiveDoc')),\n            },\n            {\n                path: 'use-query',\n                label: 'useQuery',\n                component: lazy(() => import('./components/UseQueryDoc')),\n            },\n            {\n                path: 'use-random-bg-color',\n                label: 'useRandomBgColor',\n                component: lazy(\n                    () => import('./components/UseRandomBgColorDoc'),\n                ),\n            },\n            {\n                path: 'use-responsive',\n                label: 'useResponsive',\n                component: lazy(() => import('./components/UseResponsiveDoc')),\n            },\n            {\n                path: 'use-scroll-top',\n                label: 'useScrollTop',\n                component: lazy(() => import('./components/UseScrollTopDoc')),\n            },\n            {\n                path: 'use-time-out-message',\n                label: 'useTimeOutMessage',\n                component: lazy(\n                    () => import('./components/UseTimeOutMessageDoc'),\n                ),\n            },\n            {\n                path: 'use-translation',\n                label: 'useTranslation',\n                component: lazy(() => import('./components/UseTranslationDoc')),\n            },\n        ],\n    },\n    {\n        groupName: 'Functions',\n        nav: [\n            {\n                path: 'acronym',\n                label: 'acronym',\n                component: lazy(() => import('./components/AcronymDoc')),\n            },\n            {\n                path: 'classNames',\n                label: 'classNames',\n                component: lazy(() => import('./components/ClassNamesDoc')),\n            },\n            {\n                path: 'cookies-storage',\n                label: 'cookiesStorage',\n                component: lazy(() => import('./components/CookiesStorageDoc')),\n            },\n            {\n                path: 'file-size-unit',\n                label: 'fileSizeUnit',\n                component: lazy(() => import('./components/FileSizeUnitDoc')),\n            },\n            {\n                path: 'is-last-child',\n                label: 'isLastChild',\n                component: lazy(() => import('./components/IsLastChildDoc')),\n            },\n            {\n                path: 'paginate',\n                label: 'paginate',\n                component: lazy(() => import('./components/PaginateDoc')),\n            },\n            {\n                path: 'reoder-array',\n                label: 'reoderArray',\n                component: lazy(() => import('./components/ReoderArrayDoc')),\n            },\n            {\n                path: 'reorder dragable',\n                label: 'reorderDragable',\n                component: lazy(\n                    () => import('./components/ReorderDragableDoc'),\n                ),\n            },\n            {\n                path: 'sleep',\n                label: 'sleep',\n                component: lazy(() => import('./components/SleepDoc')),\n            },\n            {\n                path: 'sort-by',\n                label: 'sortBy',\n                component: lazy(() => import('./components/SortByDoc')),\n            },\n            {\n                path: 'wild-card-search',\n                label: 'wildCardSearch',\n                component: lazy(() => import('./components/WildCardSearchDoc')),\n            },\n        ],\n    },\n    {\n        groupName: 'HOC',\n        nav: [\n            {\n                path: 'with-header-item',\n                label: 'withHeaderItem',\n                component: lazy(() => import('./components/WithHeaderItemDoc')),\n            },\n        ],\n    },\n]\n\nexport default utilsDocRoutes\n"],"names":["utilsDocRoutes","lazy"],"mappings":";AAGA,MAAMA,IAAuC;AAAA,EACzC;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWC,EAAK,MAAM,OAAO,kCAAyB,CAAC;AAAA,MAAA;AAAA,MAE3D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAAA;AAAA,MAEhE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,sCAA6B,CAAC;AAAA,MAAA;AAAA,MAE/D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,sCAA6B,CAAC;AAAA,MAAA;AAAA,MAE/D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAAA;AAAA,MAEhE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,4CAAmC;AAAA,QAAA;AAAA,MACpD;AAAA,MAEJ;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,sCAA6B,CAAC;AAAA,MAAA;AAAA,MAE/D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,oCAA2B,CAAC;AAAA,MAAA;AAAA,MAE7D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,wCAA+B,CAAC;AAAA,MAAA;AAAA,MAEjE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,mCAA0B,CAAC;AAAA,MAAA;AAAA,MAE5D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,2CAAkC;AAAA,QAAA;AAAA,MACnD;AAAA,MAEJ;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,wCAA+B,CAAC;AAAA,MAAA;AAAA,MAEjE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAAA;AAAA,MAEhE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,4CAAmC;AAAA,QAAA;AAAA,MACpD;AAAA,MAEJ;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,yCAAgC,CAAC;AAAA,MAAA;AAAA,IAClE;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,kCAAyB,CAAC;AAAA,MAAA;AAAA,MAE3D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,qCAA4B,CAAC;AAAA,MAAA;AAAA,MAE9D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,yCAAgC,CAAC;AAAA,MAAA;AAAA,MAElE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAAA;AAAA,MAEhE;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,sCAA6B,CAAC;AAAA,MAAA;AAAA,MAE/D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,mCAA0B,CAAC;AAAA,MAAA;AAAA,MAE5D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,sCAA6B,CAAC;AAAA,MAAA;AAAA,MAE/D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,0CAAiC;AAAA,QAAA;AAAA,MAClD;AAAA,MAEJ;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,gCAAuB,CAAC;AAAA,MAAA;AAAA,MAEzD;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,iCAAwB,CAAC;AAAA,MAAA;AAAA,MAE1D;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,yCAAgC,CAAC;AAAA,MAAA;AAAA,IAClE;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,yCAAgC,CAAC;AAAA,MAAA;AAAA,IAClE;AAAA,EACJ;AAER;"}

package/dist/@ecme/views/guide/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../lib/@ecme/views/guide/index.ts"],"sourcesContent":["// Guide components exports\r\n// Add specific guide component exports as needed\r\nexport const guidePlaceholder = 'Guide components';\r\n"],"names":["guidePlaceholder"],"mappings":"AAEO,MAAMA,IAAmB;"}
+{"version":3,"file":"index.js","sources":["../../../../lib/@ecme/views/guide/index.ts"],"sourcesContent":["// Guide components exports\n// Add specific guide component exports as needed\nexport const guidePlaceholder = 'Guide components';\n"],"names":["guidePlaceholder"],"mappings":"AAEO,MAAMA,IAAmB;"}