@orbe-agro/client-core 5.3.147 → 5.3.157

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'\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;"}
+{"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,GAAQ,CAAA,CAAA;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,UACV;AAAA,UACA;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;AACZ;"}

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'\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;"}
+{"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,GAAkB,EAAA,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'\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;"}
+{"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,GAAQ,CAAA,CAAA;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,MACV;AAAA,MACA;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;AACZ;"}

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'\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;"}
+{"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,GAAkB,EAAA,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'\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;"}
+{"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,GAAQ,CAAA,CAAA;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,UACV;AAAA,UACA;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;AACZ;"}

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'\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;"}
+{"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,GAAkB,EAAA,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'\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;"}
+{"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,GAAQ,CAAA,CAAA;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,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;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,UACV;AAAA,UACA;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;AACZ;"}

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'\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;"}
+{"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,GAAkB,EAAA,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'\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;"}
+{"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,GAAQ,CAAA,CAAA;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,MACV;AAAA,MACA;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;AACZ;"}

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'\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;"}
+{"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,GAAkB,EAAA,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'\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;"}
+{"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,GAAQ,CAAA,CAAA;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,UACV;AAAA,UACA;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UACV;AAAA,UACA;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;AACZ;"}

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'\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;"}
+{"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,GAAkB,EAAA,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'\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;"}
+{"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,GAAQ,CAAA,CAAA;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,MACV;AAAA,MACA;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,UACV;AAAA,UACA;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;AACZ;"}

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'\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;"}
+{"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,GAAkB,EAAA,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'\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;"}
+{"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,GAAQ,CAAA,CAAA;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;AACZ;"}

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'\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;"}
+{"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,GAAkB,EAAA,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'\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;"}
+{"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,GAAQ,CAAA,CAAA;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;AACZ;"}

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'\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;"}
+{"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,GAAkB,EAAA,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'\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;"}
+{"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,GAAQ,CAAA,CAAA;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,UACV;AAAA,UACA;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UACV;AAAA,UACA;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;AACZ;"}

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'\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;"}
+{"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,GAAkB,EAAA,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'\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;"}
+{"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,GAAQ,CAAA,CAAA;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;AACZ;"}

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'\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;"}
+{"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,GAAkB,EAAA,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'\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;"}
+{"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,GAAQ,CAAA,CAAA;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,UACV;AAAA,UACA;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;AACZ;"}

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'\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;"}
+{"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,GAAkB,EAAA,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'\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;"}
+{"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,GAAQ,CAAA,CAAA;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,UACV;AAAA,UACA;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UACV;AAAA,UACA;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;AACZ;"}

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'\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;"}
+{"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,GAAkB,EAAA,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'\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;"}
+{"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,GAAQ,CAAA,CAAA;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,MACV;AAAA,MACA;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;AACZ;"}

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'\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;"}
+{"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,aAAc,gBAAAC,EAAAC,GAAA,EAAgB,WAAWC,EAAW,UAAU,GAAG;AAAA,IAEjE,UAAA;AAAA,MAAA,gBAAAF,EAACD,EAAS,MAAT,EAAc,UAAS,KAAI,UAAM,UAAA;AAAA,wBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAM,UAAA;AAAA,wBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAM,UAAA;AAAA,wBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAM,SAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AACtC,GAIFI,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'\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;"}
+{"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,GAAQ,CAAA,CAAA;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;AACjB;"}

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'\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;"}
+{"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,MAC3D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAChE;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,sCAA6B,CAAC;AAAA,MAC/D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,sCAA6B,CAAC;AAAA,MAC/D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAChE;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,4CAAmC;AAAA,QAAA;AAAA,MAExD;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,sCAA6B,CAAC;AAAA,MAC/D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,oCAA2B,CAAC;AAAA,MAC7D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,wCAA+B,CAAC;AAAA,MACjE;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,mCAA0B,CAAC;AAAA,MAC5D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,2CAAkC;AAAA,QAAA;AAAA,MAEvD;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,wCAA+B,CAAC;AAAA,MACjE;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAChE;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,4CAAmC;AAAA,QAAA;AAAA,MAExD;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,yCAAgC,CAAC;AAAA,MAAA;AAAA,IAClE;AAAA,EAER;AAAA,EACA;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,kCAAyB,CAAC;AAAA,MAC3D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,qCAA4B,CAAC;AAAA,MAC9D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,yCAAgC,CAAC;AAAA,MAClE;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,uCAA8B,CAAC;AAAA,MAChE;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,sCAA6B,CAAC;AAAA,MAC/D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,mCAA0B,CAAC;AAAA,MAC5D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,sCAA6B,CAAC;AAAA,MAC/D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,0CAAiC;AAAA,QAAA;AAAA,MAEtD;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,gCAAuB,CAAC;AAAA,MACzD;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,iCAAwB,CAAC;AAAA,MAC1D;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,yCAAgC,CAAC;AAAA,MAAA;AAAA,IAClE;AAAA,EAER;AAAA,EACA;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/others/AccessDenied/AccessDenied.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessDenied.js","sources":["../../../../../lib/@ecme/views/others/AccessDenied/AccessDenied.tsx"],"sourcesContent":["import Container from \"@/components/shared/Container\";\nimport SpaceSignBoard from \"@/assets/svg/SpaceSignBoard\";\nimport { useTranslation } from \"react-i18next\";\n\nconst AccessDenied = () => {\n  const { t } = useTranslation();\n  return (\n    <Container className=\"h-full\">\n      <div className=\"h-full flex flex-col items-center justify-center\">\n        <SpaceSignBoard height={280} width={280} />\n        <div className=\"mt-10 text-center\">\n          <h3 className=\"mb-2\">{t(\"pages.accessDenied.layout.title\")}</h3>\n          <p className=\"text-base\">{t(\"pages.accessDenied.layout.subtitle\")}</p>\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default AccessDenied;\n"],"names":["AccessDenied","t","useTranslation","Container","jsxs","jsx","SpaceSignBoard"],"mappings":";;;;AAIA,MAAMA,IAAe,MAAM;AACzB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AACd,2BACGC,GAAA,EAAU,WAAU,UACnB,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,oDACb,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAe,QAAQ,KAAK,OAAO,KAAK;AAAA,IACzC,gBAAAF,EAAC,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAQ,UAAAJ,EAAE,iCAAiC,GAAE;AAAA,wBAC1D,KAAA,EAAE,WAAU,aAAa,UAAAA,EAAE,oCAAoC,EAAA,CAAE;AAAA,IAAA,EAAA,CACpE;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"AccessDenied.js","sources":["../../../../../lib/@ecme/views/others/AccessDenied/AccessDenied.tsx"],"sourcesContent":["import Container from \"@/components/shared/Container\";\nimport SpaceSignBoard from \"@/assets/svg/SpaceSignBoard\";\nimport { useTranslation } from \"react-i18next\";\n\nconst AccessDenied = () => {\n  const { t } = useTranslation();\n  return (\n    <Container className=\"h-full\">\n      <div className=\"h-full flex flex-col items-center justify-center\">\n        <SpaceSignBoard height={280} width={280} />\n        <div className=\"mt-10 text-center\">\n          <h3 className=\"mb-2\">{t(\"pages.accessDenied.layout.title\")}</h3>\n          <p className=\"text-base\">{t(\"pages.accessDenied.layout.subtitle\")}</p>\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default AccessDenied;\n"],"names":["AccessDenied","t","useTranslation","Container","jsxs","jsx","SpaceSignBoard"],"mappings":";;;;AAIA,MAAMA,IAAe,MAAM;AACnB,QAAA,EAAE,GAAAC,EAAE,IAAIC,EAAe;AAC7B,2BACGC,GAAU,EAAA,WAAU,UACnB,UAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,oDACb,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAe,EAAA,QAAQ,KAAK,OAAO,KAAK;AAAA,IACzC,gBAAAF,EAAC,OAAI,EAAA,WAAU,qBACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAG,EAAA,WAAU,QAAQ,UAAAJ,EAAE,iCAAiC,GAAE;AAAA,wBAC1D,KAAE,EAAA,WAAU,aAAa,UAAAA,EAAE,oCAAoC,EAAE,CAAA;AAAA,IAAA,EACpE,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}

package/dist/@ecme/views/ui-components/common/Button/Block.js.map

@@ -1 +1 @@
-{"version":3,"file":"Block.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Block.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\n\nconst Block = () => {\n    return (\n        <div>\n            <Button block className=\"mb-5\">\n                Block\n            </Button>\n            <Button block variant=\"solid\">\n                Another Block\n            </Button>\n        </div>\n    )\n}\n\nexport default Block\n"],"names":["Block","jsx","Button"],"mappings":";;;AAEA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAO,OAAK,IAAC,WAAU,QAAO,UAAA,SAE/B;AAAA,oBACCA,GAAA,EAAO,OAAK,IAAC,SAAQ,SAAQ,UAAA,gBAAA,CAE9B;AAAA,GACJ;"}
+{"version":3,"file":"Block.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Block.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\n\nconst Block = () => {\n    return (\n        <div>\n            <Button block className=\"mb-5\">\n                Block\n            </Button>\n            <Button block variant=\"solid\">\n                Another Block\n            </Button>\n        </div>\n    )\n}\n\nexport default Block\n"],"names":["Block","jsx","Button"],"mappings":";;;AAEA,MAAMA,IAAQ,wBAEL,OACG,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAO,EAAA,OAAK,IAAC,WAAU,QAAO,UAE/B,SAAA;AAAA,oBACCA,GAAO,EAAA,OAAK,IAAC,SAAQ,SAAQ,UAE9B,gBAAA,CAAA;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/common/Button/ButtonWithIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonWithIcon.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/ButtonWithIcon.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport { HiOutlineCog, HiOutlinePencil, HiOutlineInboxIn } from 'react-icons/hi'\n\nconst ButtonWithIcon = () => {\n    const [loading, setLoading] = useState(false)\n\n    const onClick = () => {\n        setLoading(true)\n\n        setTimeout(() => {\n            setLoading(false)\n        }, 3000)\n    }\n\n    return (\n        <div className=\"flex-wrap inline-flex xl:flex items-center gap-2\">\n            <Button className=\"mr-2\" icon={<HiOutlinePencil />}>\n                <span>Edit</span>\n            </Button>\n            <Button className=\"mr-2\" icon={<HiOutlineCog />}>\n                <span>\n                    <span>Settings</span>\n                </span>\n            </Button>\n            <Button\n                className=\"mr-2\"\n                variant=\"solid\"\n                loading={loading}\n                icon={<HiOutlineInboxIn />}\n                onClick={onClick}\n            >\n                <span>With Loading (Click to trigger)</span>\n            </Button>\n        </div>\n    )\n}\n\nexport default ButtonWithIcon\n"],"names":["ButtonWithIcon","loading","setLoading","useState","jsxs","jsx","Button","HiOutlinePencil","HiOutlineCog","HiOutlineInboxIn"],"mappings":";;;;;AAIA,MAAMA,IAAiB,MAAM;AACzB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAU5C,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,WAAU,QAAO,MAAM,gBAAAD,EAACE,KAAgB,GAC5C,UAAA,gBAAAF,EAAC,QAAA,EAAK,UAAA,OAAA,CAAI,GACd;AAAA,IACA,gBAAAA,EAACC,GAAA,EAAO,WAAU,QAAO,MAAM,gBAAAD,EAACG,GAAA,CAAA,CAAa,GACzC,UAAA,gBAAAH,EAAC,QAAA,EACG,UAAA,gBAAAA,EAAC,QAAA,EAAK,UAAA,WAAA,CAAQ,GAClB,GACJ;AAAA,IACA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,SAAAL;AAAA,QACA,wBAAOQ,GAAA,EAAiB;AAAA,QACxB,SAvBI,MAAM;AAClB,UAAAP,EAAW,EAAI,GAEf,WAAW,MAAM;AACb,YAAAA,EAAW,EAAK;AAAA,UACpB,GAAG,GAAI;AAAA,QACX;AAAA,QAmBY,UAAA,gBAAAG,EAAC,UAAK,UAAA,kCAAA,CAA+B;AAAA,MAAA;AAAA,IAAA;AAAA,EACzC,GACJ;AAER;"}
+{"version":3,"file":"ButtonWithIcon.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/ButtonWithIcon.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport { HiOutlineCog, HiOutlinePencil, HiOutlineInboxIn } from 'react-icons/hi'\n\nconst ButtonWithIcon = () => {\n    const [loading, setLoading] = useState(false)\n\n    const onClick = () => {\n        setLoading(true)\n\n        setTimeout(() => {\n            setLoading(false)\n        }, 3000)\n    }\n\n    return (\n        <div className=\"flex-wrap inline-flex xl:flex items-center gap-2\">\n            <Button className=\"mr-2\" icon={<HiOutlinePencil />}>\n                <span>Edit</span>\n            </Button>\n            <Button className=\"mr-2\" icon={<HiOutlineCog />}>\n                <span>\n                    <span>Settings</span>\n                </span>\n            </Button>\n            <Button\n                className=\"mr-2\"\n                variant=\"solid\"\n                loading={loading}\n                icon={<HiOutlineInboxIn />}\n                onClick={onClick}\n            >\n                <span>With Loading (Click to trigger)</span>\n            </Button>\n        </div>\n    )\n}\n\nexport default ButtonWithIcon\n"],"names":["ButtonWithIcon","loading","setLoading","useState","jsxs","jsx","Button","HiOutlinePencil","HiOutlineCog","HiOutlineInboxIn"],"mappings":";;;;;AAIA,MAAMA,IAAiB,MAAM;AACzB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAWxC,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,oDACX,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAO,WAAU,QAAO,MAAM,gBAAAD,EAACE,IAAgB,CAAA,GAC5C,UAAA,gBAAAF,EAAC,QAAK,EAAA,UAAA,OAAI,CAAA,GACd;AAAA,IACC,gBAAAA,EAAAC,GAAA,EAAO,WAAU,QAAO,MAAO,gBAAAD,EAAAG,GAAA,CAAa,CAAA,GACzC,UAAA,gBAAAH,EAAC,QACG,EAAA,UAAA,gBAAAA,EAAC,QAAK,EAAA,UAAA,WAAA,CAAQ,EAClB,CAAA,GACJ;AAAA,IACA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,SAAAL;AAAA,QACA,wBAAOQ,GAAiB,EAAA;AAAA,QACxB,SAvBI,MAAM;AAClB,UAAAP,EAAW,EAAI,GAEf,WAAW,MAAM;AACb,YAAAA,EAAW,EAAK;AAAA,aACjB,GAAI;AAAA,QACX;AAAA,QAmBY,UAAA,gBAAAG,EAAC,UAAK,UAA+B,kCAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACzC,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/common/Button/Color.js.map

@@ -1 +1 @@
-{"version":3,"file":"Color.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Color.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport classNames from 'classnames'\n\nconst Color = () => {\n    return (\n        <div className=\"mb-3\">\n            <Button\n                className=\"mr-2\"\n                clickFeedback={false}\n                customColorClass={({ active, unclickable }) =>\n                    classNames(\n                        'hover:text-gray-800 dark:hover:bg-gray-600 border-0 hover:ring-0',\n                        active ? 'bg-gray-200' : 'bg-gray-100',\n                        unclickable && 'opacity-50 cursor-not-allowed',\n                        !active && !unclickable && 'hover:bg-gray-200',\n                    )\n                }\n            >\n                Custom style\n            </Button>\n        </div>\n    )\n}\n\nexport default Color\n"],"names":["Color","jsx","Button","active","unclickable","classNames"],"mappings":";;;;AAGA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACV,eAAe;AAAA,IACf,kBAAkB,CAAC,EAAE,QAAAC,GAAQ,aAAAC,QACzBC;AAAA,MACI;AAAA,MACAF,IAAS,gBAAgB;AAAA,MACzBC,KAAe;AAAA,MACf,CAACD,KAAU,CAACC,KAAe;AAAA,IAAA;AAAA,IAGtC,UAAA;AAAA,EAAA;AAAA,GAGL;"}
+{"version":3,"file":"Color.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Color.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport classNames from 'classnames'\n\nconst Color = () => {\n    return (\n        <div className=\"mb-3\">\n            <Button\n                className=\"mr-2\"\n                clickFeedback={false}\n                customColorClass={({ active, unclickable }) =>\n                    classNames(\n                        'hover:text-gray-800 dark:hover:bg-gray-600 border-0 hover:ring-0',\n                        active ? 'bg-gray-200' : 'bg-gray-100',\n                        unclickable && 'opacity-50 cursor-not-allowed',\n                        !active && !unclickable && 'hover:bg-gray-200',\n                    )\n                }\n            >\n                Custom style\n            </Button>\n        </div>\n    )\n}\n\nexport default Color\n"],"names":["Color","jsx","Button","active","unclickable","classNames"],"mappings":";;;;AAGA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACV,eAAe;AAAA,IACf,kBAAkB,CAAC,EAAE,QAAAC,GAAQ,aAAAC,EACzB,MAAAC;AAAA,MACI;AAAA,MACAF,IAAS,gBAAgB;AAAA,MACzBC,KAAe;AAAA,MACf,CAACD,KAAU,CAACC,KAAe;AAAA,IAC/B;AAAA,IAEP,UAAA;AAAA,EAAA;AAAA,GAGL;"}

package/dist/@ecme/views/ui-components/common/Button/Disabled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Disabled.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\n\nconst Disabled = () => {\n    return (\n        <div className=\"flex items-center gap-2\">\n            <Button disabled variant=\"default\">\n                Default\n            </Button>\n            <Button disabled variant=\"solid\">\n                Solid\n            </Button>\n            <Button disabled variant=\"plain\">\n                Plain\n            </Button>\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":["Disabled","jsxs","jsx","Button"],"mappings":";;;AAEA,MAAMA,IAAW,MAET,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAO,UAAQ,IAAC,SAAQ,WAAU,UAAA,WAEnC;AAAA,oBACCA,GAAA,EAAO,UAAQ,IAAC,SAAQ,SAAQ,UAAA,SAEjC;AAAA,oBACCA,GAAA,EAAO,UAAQ,IAAC,SAAQ,SAAQ,UAAA,QAAA,CAEjC;AAAA,GACJ;"}
+{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Disabled.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\n\nconst Disabled = () => {\n    return (\n        <div className=\"flex items-center gap-2\">\n            <Button disabled variant=\"default\">\n                Default\n            </Button>\n            <Button disabled variant=\"solid\">\n                Solid\n            </Button>\n            <Button disabled variant=\"plain\">\n                Plain\n            </Button>\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":["Disabled","jsxs","jsx","Button"],"mappings":";;;AAEA,MAAMA,IAAW,MAET,gBAAAC,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAO,EAAA,UAAQ,IAAC,SAAQ,WAAU,UAEnC,WAAA;AAAA,oBACCA,GAAO,EAAA,UAAQ,IAAC,SAAQ,SAAQ,UAEjC,SAAA;AAAA,oBACCA,GAAO,EAAA,UAAQ,IAAC,SAAQ,SAAQ,UAEjC,QAAA,CAAA;AAAA,GACJ;"}