@orbe-agro/client-core 5.3.147 → 5.3.157

package/dist/@ecme/views/guide/SharedComponentsDoc/components/StickyFooterDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/StickyFooterDoc/Example.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport StickyFooter from '@/components/shared/StickyFooter'\n\nconst Example = () => {\n    return (\n        <div>\n            <div className=\"h-screen\">\n                <h6>Scroll to bottom 👇</h6>\n            </div>\n            <StickyFooter\n                className=\"px-8 flex items-center justify-between py-4\"\n                stickyClass=\"border rounded-lg bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700\"\n            >\n                <div className=\"md:flex items-center\">\n                    <Button size=\"sm\" className=\"ltr:mr-3 rtl:ml-3\">\n                        Discard\n                    </Button>\n                    <Button size=\"sm\" variant=\"solid\">\n                        Save\n                    </Button>\n                </div>\n            </StickyFooter>\n        </div>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","StickyFooter","jsxs","Button"],"mappings":";;;;AAGA,MAAMA,IAAU,wBAEP,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,YACX,UAAA,gBAAAA,EAAC,MAAA,EAAG,iCAAmB,EAAA,CAC3B;AAAA,EACA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,aAAY;AAAA,MAEZ,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAO,MAAK,MAAK,WAAU,qBAAoB,UAAA,WAEhD;AAAA,0BACCA,GAAA,EAAO,MAAK,MAAK,SAAQ,SAAQ,UAAA,OAAA,CAElC;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AACJ,GACJ;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/StickyFooterDoc/Example.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport StickyFooter from '@/components/shared/StickyFooter'\n\nconst Example = () => {\n    return (\n        <div>\n            <div className=\"h-screen\">\n                <h6>Scroll to bottom 👇</h6>\n            </div>\n            <StickyFooter\n                className=\"px-8 flex items-center justify-between py-4\"\n                stickyClass=\"border rounded-lg bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700\"\n            >\n                <div className=\"md:flex items-center\">\n                    <Button size=\"sm\" className=\"ltr:mr-3 rtl:ml-3\">\n                        Discard\n                    </Button>\n                    <Button size=\"sm\" variant=\"solid\">\n                        Save\n                    </Button>\n                </div>\n            </StickyFooter>\n        </div>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","StickyFooter","jsxs","Button"],"mappings":";;;;AAGA,MAAMA,IAAU,wBAEP,OACG,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,YACX,UAAC,gBAAAA,EAAA,MAAA,EAAG,iCAAmB,EAC3B,CAAA;AAAA,EACA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,aAAY;AAAA,MAEZ,UAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,wBACX,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAO,EAAA,MAAK,MAAK,WAAU,qBAAoB,UAEhD,WAAA;AAAA,0BACCA,GAAO,EAAA,MAAK,MAAK,SAAQ,SAAQ,UAElC,OAAA,CAAA;AAAA,MAAA,EACJ,CAAA;AAAA,IAAA;AAAA,EAAA;AACJ,GACJ;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/StickyFooterDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/StickyFooterDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'StickyFooterDoc'\n\nconst demoHeader = {\n    title: 'StickyFooter',\n    desc: 'StickyFooter allow element stick to bottom of a view port even where the content is not reached yet.',\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: 'StickyFooter',\n        api: [\n            {\n                propName: 'defaultClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class to active while the component is not stick to the bottom',\n            },\n            {\n                propName: 'stickyClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class to active while the component stick to the bottom',\n            },\n        ],\n    },\n]\n\nconst StickyFooterDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default StickyFooterDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","StickyFooterDoc","jsx","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,IAAkB,MAEhB,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/SharedComponentsDoc/components/StickyFooterDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'StickyFooterDoc'\n\nconst demoHeader = {\n    title: 'StickyFooter',\n    desc: 'StickyFooter allow element stick to bottom of a view port even where the content is not reached yet.',\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: 'StickyFooter',\n        api: [\n            {\n                propName: 'defaultClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class to active while the component is not stick to the bottom',\n            },\n            {\n                propName: 'stickyClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class to active while the component stick to the bottom',\n            },\n        ],\n    },\n]\n\nconst StickyFooterDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default StickyFooterDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","StickyFooterDoc","jsx","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,IAAkB,MAEhB,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/SharedComponentsDoc/components/SyntaxHighlighterDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/SyntaxHighlighterDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"tsx\">{`import React from 'react'\n\t\t \nconst HelloWorld = () =>\n{\n\treturn <h1>Hello World!</h1>\n}\n\t\nexport default HelloWorld`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,OAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAOhB;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/SyntaxHighlighterDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"tsx\">{`import React from 'react'\n\t\t \nconst HelloWorld = () =>\n{\n\treturn <h1>Hello World!</h1>\n}\n\t\nexport default HelloWorld`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAkB,EAAA,UAAS,OAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAOhB;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/SyntaxHighlighterDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/SyntaxHighlighterDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'SyntaxHighlighterDoc'\n\nconst demoHeader = {\n    title: 'SyntaxHighlighter',\n    desc: 'This component is a wrapper of <a class=\"underline text-primary\" href=\"https://github.com/react-syntax-highlighter/react-syntax-highlighter\" target=\"_blank\">react-syntax-highlighter</a>.',\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 reactSyntaxHighlighterApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-syntax-highlighter-api\" className=\"mb-3\">\n            react-syntax-highlighter\n        </h6>\n        <p>\n            All react-syntax-highlighter props can be applied on this component,\n            refer{' '}\n            <a\n                className=\"underline text-primary\"\n                href=\"https://github.com/react-syntax-highlighter/react-syntax-highlighter#props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete api list.{' '}\n        </p>\n    </div>\n)\n\nconst SyntaxHighlighterDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"shared\"\n            extra={reactSyntaxHighlighterApi}\n        />\n    )\n}\n\nexport default SyntaxHighlighterDoc\n"],"names":["mdPath","demoHeader","demos","Example","reactSyntaxHighlighterApi","jsxs","jsx","SyntaxHighlighterDoc","DemoLayout"],"mappings":";;;AAKA,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,IACF,gBAAAC,EAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,oBAChC,MAAA,EAAG,IAAG,gCAA+B,WAAU,QAAO,UAAA,4BAEvD;AAAA,oBACC,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IAEO;AAAA,IACN,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEI;AAAA,IAAI;AAAA,IACkB;AAAA,EAAA,EAAA,CAC/B;AAAA,GACJ,GAGEC,IAAuB,MAErB,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAOE;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/SyntaxHighlighterDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'SyntaxHighlighterDoc'\n\nconst demoHeader = {\n    title: 'SyntaxHighlighter',\n    desc: 'This component is a wrapper of <a class=\"underline text-primary\" href=\"https://github.com/react-syntax-highlighter/react-syntax-highlighter\" target=\"_blank\">react-syntax-highlighter</a>.',\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 reactSyntaxHighlighterApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-syntax-highlighter-api\" className=\"mb-3\">\n            react-syntax-highlighter\n        </h6>\n        <p>\n            All react-syntax-highlighter props can be applied on this component,\n            refer{' '}\n            <a\n                className=\"underline text-primary\"\n                href=\"https://github.com/react-syntax-highlighter/react-syntax-highlighter#props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete api list.{' '}\n        </p>\n    </div>\n)\n\nconst SyntaxHighlighterDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"shared\"\n            extra={reactSyntaxHighlighterApi}\n        />\n    )\n}\n\nexport default SyntaxHighlighterDoc\n"],"names":["mdPath","demoHeader","demos","Example","reactSyntaxHighlighterApi","jsxs","jsx","SyntaxHighlighterDoc","DemoLayout"],"mappings":";;;AAKA,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,IACF,gBAAAC,EAAC,OAAI,EAAA,WAAU,wBACX,UAAA;AAAA,EAAC,gBAAAC,EAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,oBAChC,MAAG,EAAA,IAAG,gCAA+B,WAAU,QAAO,UAEvD,4BAAA;AAAA,oBACC,KAAE,EAAA,UAAA;AAAA,IAAA;AAAA,IAEO;AAAA,IACN,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IAAK;AAAA,IAAI;AAAA,IACkB;AAAA,EAAA,EAC/B,CAAA;AAAA,GACJ,GAGEC,IAAuB,MAErB,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAOE;AAAA,EAAA;AACX;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/UsersAvatarGroupDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/UsersAvatarGroupDoc/Example.tsx"],"sourcesContent":["import UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\n\nconst data = [\n    {\n        userName: 'Ron Vargas',\n        avatarImg: '/img/avatars/thumb-3.jpg',\n    },\n    {\n        userName: 'Carolyn Hanson',\n        avatarImg: '/img/avatars/thumb-9.jpg',\n    },\n    {\n        userName: 'Samantha Phillips',\n        avatarImg: '/img/avatars/thumb-6.jpg',\n    },\n    {\n        userName: 'Ella Robinson',\n        avatarImg: '/img/avatars/thumb-15.jpg',\n    },\n]\n\nconst Example = () => {\n    return (\n        <UsersAvatarGroup\n            nameKey=\"userName\"\n            imgKey=\"avatarImg\"\n            avatarProps={{ size: 40 }}\n            users={data}\n        />\n    )\n}\n\nexport default Example\n"],"names":["data","Example","jsx","UsersAvatarGroup"],"mappings":";;AAEA,MAAMA,IAAO;AAAA,EACT;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EAAA;AAAA,EAEf;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EAAA;AAAA,EAEf;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EAAA;AAAA,EAEf;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EAAA;AAEnB,GAEMC,IAAU,MAER,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAQ;AAAA,IACR,QAAO;AAAA,IACP,aAAa,EAAE,MAAM,GAAA;AAAA,IACrB,OAAOH;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/UsersAvatarGroupDoc/Example.tsx"],"sourcesContent":["import UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\n\nconst data = [\n    {\n        userName: 'Ron Vargas',\n        avatarImg: '/img/avatars/thumb-3.jpg',\n    },\n    {\n        userName: 'Carolyn Hanson',\n        avatarImg: '/img/avatars/thumb-9.jpg',\n    },\n    {\n        userName: 'Samantha Phillips',\n        avatarImg: '/img/avatars/thumb-6.jpg',\n    },\n    {\n        userName: 'Ella Robinson',\n        avatarImg: '/img/avatars/thumb-15.jpg',\n    },\n]\n\nconst Example = () => {\n    return (\n        <UsersAvatarGroup\n            nameKey=\"userName\"\n            imgKey=\"avatarImg\"\n            avatarProps={{ size: 40 }}\n            users={data}\n        />\n    )\n}\n\nexport default Example\n"],"names":["data","Example","jsx","UsersAvatarGroup"],"mappings":";;AAEA,MAAMA,IAAO;AAAA,EACT;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EACf;AAAA,EACA;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EACf;AAAA,EACA;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EACf;AAAA,EACA;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EAAA;AAEnB,GAEMC,IAAU,MAER,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAQ;AAAA,IACR,QAAO;AAAA,IACP,aAAa,EAAE,MAAM,GAAG;AAAA,IACxB,OAAOH;AAAA,EAAA;AACX;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/UsersAvatarGroupDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/UsersAvatarGroupDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UsersAvatarGroupDoc'\n\nconst demoHeader = {\n    title: 'UsersAvatarGroup',\n    desc: 'UsersAvatarGroup chain multiple users avatar into a stack, ',\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: 'UsersAvatarGroup',\n        api: [\n            {\n                propName: 'avatarGroupProps',\n                type: `<a class=\"text-indigo-600 underline\" href=\"/ui-components/avatar#api\" target=\"_blank\"><code>Avatar.GroupProps</code></a>`,\n                default: `<code>{}</code>`,\n                desc: 'Props for Avatar.Group',\n            },\n            {\n                propName: 'avatarProps',\n                type: `<a class=\"text-indigo-600 underline\" href=\"/ui-components/avatar#api\" target=\"_blank\"><code>Avatar.GroupProps</code></a>`,\n                default: `<code>{}</code>`,\n                desc: 'Props for Avatar',\n            },\n            {\n                propName: 'imgKey',\n                type: `<code>string</code>`,\n                default: `<code>'img'</code>`,\n                desc: 'Property key to identify image source',\n            },\n            {\n                propName: 'nameKey',\n                type: `<code>string</code>`,\n                default: `<code>'name'</code>`,\n                desc: 'Property key to identify avatar name',\n            },\n            {\n                propName: 'onAvatarClick',\n                type: `<code>(data: UserDataObject) => void</code>`,\n                default: `-`,\n                desc: 'Property key to identify avatar name',\n            },\n            {\n                propName: 'users',\n                type: `<code>Array&lt;UserDataObject&gt;</code>`,\n                default: `<code>[]</code>`,\n                desc: 'Users data.',\n            },\n        ],\n    },\n]\n\nconst UsersAvatarGroupDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default UsersAvatarGroupDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","UsersAvatarGroupDoc","jsx","DemoLayout"],"mappings":";;;AAKA,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,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,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,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAsB,MAEpB,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/SharedComponentsDoc/components/UsersAvatarGroupDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UsersAvatarGroupDoc'\n\nconst demoHeader = {\n    title: 'UsersAvatarGroup',\n    desc: 'UsersAvatarGroup chain multiple users avatar into a stack, ',\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: 'UsersAvatarGroup',\n        api: [\n            {\n                propName: 'avatarGroupProps',\n                type: `<a class=\"text-indigo-600 underline\" href=\"/ui-components/avatar#api\" target=\"_blank\"><code>Avatar.GroupProps</code></a>`,\n                default: `<code>{}</code>`,\n                desc: 'Props for Avatar.Group',\n            },\n            {\n                propName: 'avatarProps',\n                type: `<a class=\"text-indigo-600 underline\" href=\"/ui-components/avatar#api\" target=\"_blank\"><code>Avatar.GroupProps</code></a>`,\n                default: `<code>{}</code>`,\n                desc: 'Props for Avatar',\n            },\n            {\n                propName: 'imgKey',\n                type: `<code>string</code>`,\n                default: `<code>'img'</code>`,\n                desc: 'Property key to identify image source',\n            },\n            {\n                propName: 'nameKey',\n                type: `<code>string</code>`,\n                default: `<code>'name'</code>`,\n                desc: 'Property key to identify avatar name',\n            },\n            {\n                propName: 'onAvatarClick',\n                type: `<code>(data: UserDataObject) => void</code>`,\n                default: `-`,\n                desc: 'Property key to identify avatar name',\n            },\n            {\n                propName: 'users',\n                type: `<code>Array&lt;UserDataObject&gt;</code>`,\n                default: `<code>[]</code>`,\n                desc: 'Users data.',\n            },\n        ],\n    },\n]\n\nconst UsersAvatarGroupDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default UsersAvatarGroupDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","UsersAvatarGroupDoc","jsx","DemoLayout"],"mappings":";;;AAKA,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,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,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,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAsB,MAEpB,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/SharedComponentsDoc/shareComponentsDocRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"shareComponentsDocRoutes.js","sources":["../../../../../lib/@ecme/views/guide/SharedComponentsDoc/shareComponentsDocRoutes.ts"],"sourcesContent":["import { lazy } from 'react'\nimport { DocumentationRoute } from '@/@types/docs'\n\nconst documentationRoutes: DocumentationRoute[] = [\n    {\n        groupName: 'Components',\n        nav: [\n            {\n                path: 'abbreviate-number',\n                label: 'AbbreviateNumber',\n                component: lazy(\n                    () => import('./components/AbbreviateNumberDoc'),\n                ),\n            },\n            {\n                path: 'action-link',\n                label: 'ActionLink',\n                component: lazy(() => import('./components/ActionLinkDoc')),\n            },\n            {\n                path: 'adaptive-card',\n                label: 'AdaptiveCard',\n                component: lazy(() => import('./components/AdaptiveCardDoc')),\n            },\n            {\n                path: 'affix',\n                label: 'Affix',\n                component: lazy(() => import('./components/AffixDoc')),\n            },\n            {\n                path: 'authority-check',\n                label: 'AuthorityCheck',\n                component: lazy(() => import('./components/AuthorityCheckDoc')),\n            },\n            {\n                path: 'calendar-view',\n                label: 'CalendarView',\n                component: lazy(() => import('./components/CalendarViewDoc')),\n            },\n            {\n                path: 'chart',\n                label: 'Chart',\n                component: lazy(() => import('./components/ChartDoc')),\n            },\n            {\n                path: 'confirm-dialog',\n                label: 'ConfirmDialog',\n                component: lazy(() => import('./components/ConfirmDialogDoc')),\n            },\n            {\n                path: 'container',\n                label: 'Container',\n                component: lazy(() => import('./components/ContainerDoc')),\n            },\n            {\n                path: 'custom-format-input',\n                label: 'CustomFormatInput',\n                component: lazy(\n                    () => import('./components/CustomFormatInputDoc'),\n                ),\n            },\n            {\n                path: 'data-table',\n                label: 'DataTable',\n                component: lazy(() => import('./components/DataTableDoc')),\n            },\n            {\n                path: 'debounce-input',\n                label: 'DebounceInput',\n                component: lazy(() => import('./components/DebounceInputDoc')),\n            },\n            {\n                path: 'double-sided-image',\n                label: 'DoubleSidedImage',\n                component: lazy(\n                    () => import('./components/DoubleSidedImageDoc'),\n                ),\n            },\n            {\n                path: 'ellipsis-button',\n                label: 'EllipsisButton',\n                component: lazy(() => import('./components/EllipsisButtonDoc')),\n            },\n            {\n                path: 'gantt-chart',\n                label: 'GanttChart',\n                component: lazy(() => import('./components/GanttChartDoc')),\n            },\n            {\n                path: 'grow-shrink-value',\n                label: 'GrowShrinkValue',\n                component: lazy(\n                    () => import('./components/GrowShrinkValueDoc'),\n                ),\n            },\n            {\n                path: 'icon-text',\n                label: 'IconText',\n                component: lazy(() => import('./components/IconTextDoc')),\n            },\n            {\n                path: 'image-gallery',\n                label: 'ImageGallery',\n                component: lazy(() => import('./components/ImageGalleryDoc')),\n            },\n            {\n                path: 'loading',\n                label: 'Loading',\n                component: lazy(() => import('./components/LoadingDoc')),\n            },\n            {\n                path: 'masonry',\n                label: 'Masonry',\n                component: lazy(() => import('./components/MasonryDoc')),\n            },\n            {\n                path: 'media-skeleton',\n                label: 'MediaSkeleton',\n                component: lazy(() => import('./components/MediaSkeletonDoc')),\n            },\n            {\n                path: 'nav-toggle',\n                label: 'NavToggle',\n                component: lazy(() => import('./components/NavToggleDoc')),\n            },\n            {\n                path: 'numeric-input',\n                label: 'NumericInput',\n                component: lazy(() => import('./components/NumericInputDoc')),\n            },\n            {\n                path: 'otp-input',\n                label: 'OtpInput',\n                component: lazy(() => import('./components/OtpInputDoc')),\n            },\n            {\n                path: 'password-input',\n                label: 'PasswordInput',\n                component: lazy(() => import('./components/PasswordInputDoc')),\n            },\n            {\n                path: 'pattern-input',\n                label: 'PatternInput',\n                component: lazy(() => import('./components/PatternInputDoc')),\n            },\n            {\n                path: 'region-map',\n                label: 'RegionMap',\n                component: lazy(() => import('./components/RegionMapDoc')),\n            },\n            {\n                path: 'rich-text-editor',\n                label: 'RichTextEditor',\n                component: lazy(() => import('./components/RichTextEditorDoc')),\n            },\n            {\n                path: 'preset-segment-item-option',\n                label: 'SegmentItemOption',\n                component: lazy(\n                    () => import('./components/PresetSegmentItemOptionDoc'),\n                ),\n            },\n            {\n                path: 'sticky-footer',\n                label: 'StickyFooter',\n                component: lazy(() => import('./components/StickyFooterDoc')),\n            },\n            {\n                path: 'syntax-highlighter',\n                label: 'SyntaxHighlighter',\n                component: lazy(\n                    () => import('./components/SyntaxHighlighterDoc'),\n                ),\n            },\n            {\n                path: 'users-avatar-group',\n                label: 'UsersAvatarGroup',\n                component: lazy(\n                    () => import('./components/UsersAvatarGroupDoc'),\n                ),\n            },\n        ],\n    },\n]\n\nexport default documentationRoutes\n"],"names":["documentationRoutes","lazy"],"mappings":";AAGA,MAAMA,IAA4C;AAAA,EAC9C;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWC;AAAA,UACP,MAAM,OAAO,2CAAkC;AAAA,QAAA;AAAA,MACnD;AAAA,MAEJ;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,uCAA8B,CAAC;AAAA,MAAA;AAAA,MAEhE;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,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,gCAAuB,CAAC;AAAA,MAAA;AAAA,MAEzD;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,oCAA2B,CAAC;AAAA,MAAA;AAAA,MAE7D;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,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;AAAA,UACP,MAAM,OAAO,2CAAkC;AAAA,QAAA;AAAA,MACnD;AAAA,MAEJ;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,qCAA4B,CAAC;AAAA,MAAA;AAAA,MAE9D;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,mCAA0B,CAAC;AAAA,MAAA;AAAA,MAE5D;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,kCAAyB,CAAC;AAAA,MAAA;AAAA,MAE3D;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,wCAA+B,CAAC;AAAA,MAAA;AAAA,MAEjE;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,uCAA8B,CAAC;AAAA,MAAA;AAAA,MAEhE;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,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,EAAK,MAAM,OAAO,oCAA2B,CAAC;AAAA,MAAA;AAAA,MAE7D;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;AAAA,UACP,MAAM,OAAO,kDAAyC;AAAA,QAAA;AAAA,MAC1D;AAAA,MAEJ;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;AAAA,UACP,MAAM,OAAO,2CAAkC;AAAA,QAAA;AAAA,MACnD;AAAA,IACJ;AAAA,EACJ;AAER;"}
+{"version":3,"file":"shareComponentsDocRoutes.js","sources":["../../../../../lib/@ecme/views/guide/SharedComponentsDoc/shareComponentsDocRoutes.ts"],"sourcesContent":["import { lazy } from 'react'\nimport { DocumentationRoute } from '@/@types/docs'\n\nconst documentationRoutes: DocumentationRoute[] = [\n    {\n        groupName: 'Components',\n        nav: [\n            {\n                path: 'abbreviate-number',\n                label: 'AbbreviateNumber',\n                component: lazy(\n                    () => import('./components/AbbreviateNumberDoc'),\n                ),\n            },\n            {\n                path: 'action-link',\n                label: 'ActionLink',\n                component: lazy(() => import('./components/ActionLinkDoc')),\n            },\n            {\n                path: 'adaptive-card',\n                label: 'AdaptiveCard',\n                component: lazy(() => import('./components/AdaptiveCardDoc')),\n            },\n            {\n                path: 'affix',\n                label: 'Affix',\n                component: lazy(() => import('./components/AffixDoc')),\n            },\n            {\n                path: 'authority-check',\n                label: 'AuthorityCheck',\n                component: lazy(() => import('./components/AuthorityCheckDoc')),\n            },\n            {\n                path: 'calendar-view',\n                label: 'CalendarView',\n                component: lazy(() => import('./components/CalendarViewDoc')),\n            },\n            {\n                path: 'chart',\n                label: 'Chart',\n                component: lazy(() => import('./components/ChartDoc')),\n            },\n            {\n                path: 'confirm-dialog',\n                label: 'ConfirmDialog',\n                component: lazy(() => import('./components/ConfirmDialogDoc')),\n            },\n            {\n                path: 'container',\n                label: 'Container',\n                component: lazy(() => import('./components/ContainerDoc')),\n            },\n            {\n                path: 'custom-format-input',\n                label: 'CustomFormatInput',\n                component: lazy(\n                    () => import('./components/CustomFormatInputDoc'),\n                ),\n            },\n            {\n                path: 'data-table',\n                label: 'DataTable',\n                component: lazy(() => import('./components/DataTableDoc')),\n            },\n            {\n                path: 'debounce-input',\n                label: 'DebounceInput',\n                component: lazy(() => import('./components/DebounceInputDoc')),\n            },\n            {\n                path: 'double-sided-image',\n                label: 'DoubleSidedImage',\n                component: lazy(\n                    () => import('./components/DoubleSidedImageDoc'),\n                ),\n            },\n            {\n                path: 'ellipsis-button',\n                label: 'EllipsisButton',\n                component: lazy(() => import('./components/EllipsisButtonDoc')),\n            },\n            {\n                path: 'gantt-chart',\n                label: 'GanttChart',\n                component: lazy(() => import('./components/GanttChartDoc')),\n            },\n            {\n                path: 'grow-shrink-value',\n                label: 'GrowShrinkValue',\n                component: lazy(\n                    () => import('./components/GrowShrinkValueDoc'),\n                ),\n            },\n            {\n                path: 'icon-text',\n                label: 'IconText',\n                component: lazy(() => import('./components/IconTextDoc')),\n            },\n            {\n                path: 'image-gallery',\n                label: 'ImageGallery',\n                component: lazy(() => import('./components/ImageGalleryDoc')),\n            },\n            {\n                path: 'loading',\n                label: 'Loading',\n                component: lazy(() => import('./components/LoadingDoc')),\n            },\n            {\n                path: 'masonry',\n                label: 'Masonry',\n                component: lazy(() => import('./components/MasonryDoc')),\n            },\n            {\n                path: 'media-skeleton',\n                label: 'MediaSkeleton',\n                component: lazy(() => import('./components/MediaSkeletonDoc')),\n            },\n            {\n                path: 'nav-toggle',\n                label: 'NavToggle',\n                component: lazy(() => import('./components/NavToggleDoc')),\n            },\n            {\n                path: 'numeric-input',\n                label: 'NumericInput',\n                component: lazy(() => import('./components/NumericInputDoc')),\n            },\n            {\n                path: 'otp-input',\n                label: 'OtpInput',\n                component: lazy(() => import('./components/OtpInputDoc')),\n            },\n            {\n                path: 'password-input',\n                label: 'PasswordInput',\n                component: lazy(() => import('./components/PasswordInputDoc')),\n            },\n            {\n                path: 'pattern-input',\n                label: 'PatternInput',\n                component: lazy(() => import('./components/PatternInputDoc')),\n            },\n            {\n                path: 'region-map',\n                label: 'RegionMap',\n                component: lazy(() => import('./components/RegionMapDoc')),\n            },\n            {\n                path: 'rich-text-editor',\n                label: 'RichTextEditor',\n                component: lazy(() => import('./components/RichTextEditorDoc')),\n            },\n            {\n                path: 'preset-segment-item-option',\n                label: 'SegmentItemOption',\n                component: lazy(\n                    () => import('./components/PresetSegmentItemOptionDoc'),\n                ),\n            },\n            {\n                path: 'sticky-footer',\n                label: 'StickyFooter',\n                component: lazy(() => import('./components/StickyFooterDoc')),\n            },\n            {\n                path: 'syntax-highlighter',\n                label: 'SyntaxHighlighter',\n                component: lazy(\n                    () => import('./components/SyntaxHighlighterDoc'),\n                ),\n            },\n            {\n                path: 'users-avatar-group',\n                label: 'UsersAvatarGroup',\n                component: lazy(\n                    () => import('./components/UsersAvatarGroupDoc'),\n                ),\n            },\n        ],\n    },\n]\n\nexport default documentationRoutes\n"],"names":["documentationRoutes","lazy"],"mappings":";AAGA,MAAMA,IAA4C;AAAA,EAC9C;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWC;AAAA,UACP,MAAM,OAAO,2CAAkC;AAAA,QAAA;AAAA,MAEvD;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,uCAA8B,CAAC;AAAA,MAChE;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,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,gCAAuB,CAAC;AAAA,MACzD;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,oCAA2B,CAAC;AAAA,MAC7D;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,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;AAAA,UACP,MAAM,OAAO,2CAAkC;AAAA,QAAA;AAAA,MAEvD;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,qCAA4B,CAAC;AAAA,MAC9D;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,mCAA0B,CAAC;AAAA,MAC5D;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,kCAAyB,CAAC;AAAA,MAC3D;AAAA,MACA;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,wCAA+B,CAAC;AAAA,MACjE;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,uCAA8B,CAAC;AAAA,MAChE;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,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,EAAK,MAAM,OAAO,oCAA2B,CAAC;AAAA,MAC7D;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;AAAA,UACP,MAAM,OAAO,kDAAyC;AAAA,QAAA;AAAA,MAE9D;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;AAAA,UACP,MAAM,OAAO,2CAAkC;AAAA,QAAA;AAAA,MACnD;AAAA,IACJ;AAAA,EACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"UtilsDoc.js","sources":["../../../../../lib/@ecme/views/guide/UtilsDoc/UtilsDoc.tsx"],"sourcesContent":["import DocumentationNav from '@/components/docs/DocumentationNav'\nimport utilsDocRoutes from './utilsDocRoutes'\nimport UtilsDocView from './UtilsDocView'\n\nconst UtilsDoc = () => {\n    return (\n        <div className=\"lg:flex h-full gap-8\">\n            <div className=\"lg:w-[280px] py-2 lg-py-0 px-4 mb-4 border border-gray-200 dark:border-gray-700 rounded-md lg:border-0\">\n                <DocumentationNav routes={utilsDocRoutes} />\n            </div>\n            <div className=\"w-full\">\n                <UtilsDocView />\n            </div>\n        </div>\n    )\n}\n\nexport default UtilsDoc\n"],"names":["UtilsDoc","jsxs","jsx","DocumentationNav","utilsDocRoutes","UtilsDocView"],"mappings":";;;;AAIA,MAAMA,IAAW,MAET,gBAAAC,EAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,0GACX,4BAACC,GAAA,EAAiB,QAAQC,GAAgB,EAAA,CAC9C;AAAA,oBACC,OAAA,EAAI,WAAU,UACX,UAAA,gBAAAF,EAACG,KAAa,EAAA,CAClB;AAAA,GACJ;"}
+{"version":3,"file":"UtilsDoc.js","sources":["../../../../../lib/@ecme/views/guide/UtilsDoc/UtilsDoc.tsx"],"sourcesContent":["import DocumentationNav from '@/components/docs/DocumentationNav'\nimport utilsDocRoutes from './utilsDocRoutes'\nimport UtilsDocView from './UtilsDocView'\n\nconst UtilsDoc = () => {\n    return (\n        <div className=\"lg:flex h-full gap-8\">\n            <div className=\"lg:w-[280px] py-2 lg-py-0 px-4 mb-4 border border-gray-200 dark:border-gray-700 rounded-md lg:border-0\">\n                <DocumentationNav routes={utilsDocRoutes} />\n            </div>\n            <div className=\"w-full\">\n                <UtilsDocView />\n            </div>\n        </div>\n    )\n}\n\nexport default UtilsDoc\n"],"names":["UtilsDoc","jsxs","jsx","DocumentationNav","utilsDocRoutes","UtilsDocView"],"mappings":";;;;AAIA,MAAMA,IAAW,MAET,gBAAAC,EAAC,OAAI,EAAA,WAAU,wBACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,0GACX,4BAACC,GAAiB,EAAA,QAAQC,GAAgB,EAC9C,CAAA;AAAA,oBACC,OAAI,EAAA,WAAU,UACX,UAAA,gBAAAF,EAACG,KAAa,EAClB,CAAA;AAAA,GACJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"UtilsDocView.js","sources":["../../../../../lib/@ecme/views/guide/UtilsDoc/UtilsDocView.tsx"],"sourcesContent":["import { Fragment, Suspense } from 'react'\nimport Spinner from '@/components/ui/Spinner'\nimport utilsDocRoutes from './utilsDocRoutes'\nimport { Routes, Route, Navigate } from 'react-router-dom'\n\nconst UtilsDocView = () => {\n    return (\n        <Routes>\n            {utilsDocRoutes.map((group) => (\n                <Fragment key={group.groupName}>\n                    {group.nav.map(({ path, component: Component, label }) => (\n                        <Route\n                            key={label}\n                            path={path}\n                            element={\n                                <Suspense\n                                    fallback={\n                                        <div className=\"h-full w-full flex items-center justify-center\">\n                                            <Spinner size={40} />\n                                        </div>\n                                    }\n                                >\n                                    <Component />\n                                </Suspense>\n                            }\n                        />\n                    ))}\n                </Fragment>\n            ))}\n            <Route path=\"*\" element={<Navigate replace to=\"/\" />} />\n        </Routes>\n    )\n}\n\nexport default UtilsDocView\n"],"names":["UtilsDocView","Routes","utilsDocRoutes","group","jsx","Fragment","path","Component","label","Route","Suspense","Spinner","Navigate"],"mappings":";;;;;;AAKA,MAAMA,IAAe,wBAEZC,GAAA,EACI,UAAA;AAAA,EAAAC,EAAe,IAAI,CAACC,MACjB,gBAAAC,EAACC,KACI,UAAAF,EAAM,IAAI,IAAI,CAAC,EAAE,MAAAG,GAAM,WAAWC,GAAW,OAAAC,QAC1C,gBAAAJ;AAAA,IAACK;AAAA,IAAA;AAAA,MAEG,MAAAH;AAAA,MACA,SACI,gBAAAF;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,4BACK,OAAA,EAAI,WAAU,kDACX,UAAA,gBAAAN,EAACO,GAAA,EAAQ,MAAM,GAAA,CAAI,EAAA,CACvB;AAAA,UAGJ,4BAACJ,GAAA,CAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACf;AAAA,IAXCC;AAAA,EAAA,CAcZ,EAAA,GAjBUL,EAAM,SAkBrB,CACH;AAAA,EACD,gBAAAC,EAACK,GAAA,EAAM,MAAK,KAAI,SAAS,gBAAAL,EAACQ,GAAA,EAAS,SAAO,IAAC,IAAG,IAAA,CAAI,EAAA,CAAI;AAAA,GAC1D;"}
+{"version":3,"file":"UtilsDocView.js","sources":["../../../../../lib/@ecme/views/guide/UtilsDoc/UtilsDocView.tsx"],"sourcesContent":["import { Fragment, Suspense } from 'react'\nimport Spinner from '@/components/ui/Spinner'\nimport utilsDocRoutes from './utilsDocRoutes'\nimport { Routes, Route, Navigate } from 'react-router-dom'\n\nconst UtilsDocView = () => {\n    return (\n        <Routes>\n            {utilsDocRoutes.map((group) => (\n                <Fragment key={group.groupName}>\n                    {group.nav.map(({ path, component: Component, label }) => (\n                        <Route\n                            key={label}\n                            path={path}\n                            element={\n                                <Suspense\n                                    fallback={\n                                        <div className=\"h-full w-full flex items-center justify-center\">\n                                            <Spinner size={40} />\n                                        </div>\n                                    }\n                                >\n                                    <Component />\n                                </Suspense>\n                            }\n                        />\n                    ))}\n                </Fragment>\n            ))}\n            <Route path=\"*\" element={<Navigate replace to=\"/\" />} />\n        </Routes>\n    )\n}\n\nexport default UtilsDocView\n"],"names":["UtilsDocView","Routes","utilsDocRoutes","group","jsx","Fragment","path","Component","label","Route","Suspense","Spinner","Navigate"],"mappings":";;;;;;AAKA,MAAMA,IAAe,wBAEZC,GACI,EAAA,UAAA;AAAA,EAAAC,EAAe,IAAI,CAACC,MACjB,gBAAAC,EAACC,KACI,UAAMF,EAAA,IAAI,IAAI,CAAC,EAAE,MAAAG,GAAM,WAAWC,GAAW,OAAAC,QAC1C,gBAAAJ;AAAA,IAACK;AAAA,IAAA;AAAA,MAEG,MAAAH;AAAA,MACA,SACI,gBAAAF;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,4BACK,OAAI,EAAA,WAAU,kDACX,UAAC,gBAAAN,EAAAO,GAAA,EAAQ,MAAM,GAAA,CAAI,EACvB,CAAA;AAAA,UAGJ,4BAACJ,GAAU,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACf;AAAA,IAXCC;AAAA,EAAA,CAcZ,EAAA,GAjBUL,EAAM,SAkBrB,CACH;AAAA,EACD,gBAAAC,EAACK,GAAM,EAAA,MAAK,KAAI,SAAU,gBAAAL,EAAAQ,GAAA,EAAS,SAAO,IAAC,IAAG,IAAI,CAAA,EAAI,CAAA;AAAA,GAC1D;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/AcronymDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import acronym from '@/utils/acronym'\n\nconst name = acronym('Vickie Kim')\n\n// output: 'VK'\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,GAKxC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/AcronymDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import acronym from '@/utils/acronym'\n\nconst name = acronym('Vickie Kim')\n\n// output: 'VK'\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,GAKxC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/AcronymDoc/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 = 'AcronymDoc'\n\nconst demoHeader = {\n    title: 'acronym',\n    desc: 'Fuction to get acronym from a name string.',\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: 'name',\n                type: `<code>string</code>`,\n                default: `<code>''</code>`,\n                desc: 'Name string',\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: 'acronym',\n                        type: `<code>string</code>`,\n                        default: `-`,\n                        desc: 'Acronym',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst AcronymDoc = () => {\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 AcronymDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","AcronymDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,cAETC,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,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAa,MAEX,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/AcronymDoc/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 = 'AcronymDoc'\n\nconst demoHeader = {\n    title: 'acronym',\n    desc: 'Fuction to get acronym from a name string.',\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: 'name',\n                type: `<code>string</code>`,\n                default: `<code>''</code>`,\n                desc: 'Name string',\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: 'acronym',\n                        type: `<code>string</code>`,\n                        default: `-`,\n                        desc: 'Acronym',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst AcronymDoc = () => {\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 AcronymDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","AcronymDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,cAETC,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,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAa,MAEX,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/ClassNamesDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/ClassNamesDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import classNames from '@/utils/classNames';\n\nconst Example = ({ primary, disabled }) => {\n    return (\n        <button\n            className={classNames(\n                'p-2 text-base',\n                primary && 'bg-blue-500 text-white',\n                disabled && 'bg-gray-500 cursor-not-allowed'\n            )}\n            disabled={disabled}\n        >\n            Click me\n        </button>\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,IAevC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/ClassNamesDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import classNames from '@/utils/classNames';\n\nconst Example = ({ primary, disabled }) => {\n    return (\n        <button\n            className={classNames(\n                'p-2 text-base',\n                primary && 'bg-blue-500 text-white',\n                disabled && 'bg-gray-500 cursor-not-allowed'\n            )}\n            disabled={disabled}\n        >\n            Click me\n        </button>\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,IAevC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/ClassNamesDoc/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 = 'ClassNamesDoc'\n\nconst demoHeader = {\n    title: 'classNames',\n    desc: 'utility function combines multiple class names using the <code>classnames</code> library and merges Tailwind CSS class conflicts using the <code>tailwind-merge</code> utility',\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: 'name',\n                type: `<code>cn.ArgumentArray</code>`,\n                default: `-`,\n                desc: 'A variable-length list of class names or conditions that resolve to class names.',\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: 'classNames',\n                        type: `<code>string</code>`,\n                        default: `-`,\n                        desc: 'ClassNames',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst ClassNamesDoc = () => {\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 ClassNamesDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","ClassNamesDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,iBAETC,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,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAgB,MAEd,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/ClassNamesDoc/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 = 'ClassNamesDoc'\n\nconst demoHeader = {\n    title: 'classNames',\n    desc: 'utility function combines multiple class names using the <code>classnames</code> library and merges Tailwind CSS class conflicts using the <code>tailwind-merge</code> utility',\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: 'name',\n                type: `<code>cn.ArgumentArray</code>`,\n                default: `-`,\n                desc: 'A variable-length list of class names or conditions that resolve to class names.',\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: 'classNames',\n                        type: `<code>string</code>`,\n                        default: `-`,\n                        desc: 'ClassNames',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst ClassNamesDoc = () => {\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 ClassNamesDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","ClassNamesDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,iBAETC,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,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAgB,MAEd,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/CookiesStorageDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/CookiesStorageDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import cookiesStorage from '@/utils/cookiesStorage';\n\n// Set a cookie\ncookiesStorage.setItem('userToken', 'abc123', 7); // expires in 7 days\n\n// Get a cookie\nconst userToken = cookiesStorage.getItem('userToken')\n\n// Remove a cookie\ncookiesStorage.removeItem('userToken')`}</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,yCASF;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/CookiesStorageDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import cookiesStorage from '@/utils/cookiesStorage';\n\n// Set a cookie\ncookiesStorage.setItem('userToken', 'abc123', 7); // expires in 7 days\n\n// Get a cookie\nconst userToken = cookiesStorage.getItem('userToken')\n\n// Remove a cookie\ncookiesStorage.removeItem('userToken')`}</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,yCASF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/CookiesStorageDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'CookiesStorageDoc'\n\nconst demoHeader = {\n    title: 'cookiesStorage',\n    desc: 'a utility function provides an interface for storing, retrieving, and removing items from cookies.',\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: 'cookiesStorage',\n        api: [\n            {\n                propName: 'getItem',\n                type: `<code>(name: string) => string | null</code>`,\n                default: '-',\n                desc: 'Retrieves the value of a cookie or returns null if the cookie does not exist.',\n            },\n            {\n                propName: 'setItem',\n                type: `<code>(name: string, value: string, expires?: number | Date) => void</code>`,\n                default: '-',\n                desc: 'Sets a cookie with the provided name, value, and expiration date.',\n            },\n            {\n                propName: 'removeItem',\n                type: `<code>(name: string) => void</code>`,\n                default: '-',\n                desc: 'Removes a cookie by its name.',\n            },\n        ],\n    },\n]\n\nconst CookiesStorageDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n        />\n    )\n}\n\nexport default CookiesStorageDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","CookiesStorageDoc","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,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,IAAoB,MAElB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,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/CookiesStorageDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'CookiesStorageDoc'\n\nconst demoHeader = {\n    title: 'cookiesStorage',\n    desc: 'a utility function provides an interface for storing, retrieving, and removing items from cookies.',\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: 'cookiesStorage',\n        api: [\n            {\n                propName: 'getItem',\n                type: `<code>(name: string) => string | null</code>`,\n                default: '-',\n                desc: 'Retrieves the value of a cookie or returns null if the cookie does not exist.',\n            },\n            {\n                propName: 'setItem',\n                type: `<code>(name: string, value: string, expires?: number | Date) => void</code>`,\n                default: '-',\n                desc: 'Sets a cookie with the provided name, value, and expiration date.',\n            },\n            {\n                propName: 'removeItem',\n                type: `<code>(name: string) => void</code>`,\n                default: '-',\n                desc: 'Removes a cookie by its name.',\n            },\n        ],\n    },\n]\n\nconst CookiesStorageDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n        />\n    )\n}\n\nexport default CookiesStorageDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","CookiesStorageDoc","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,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,IAAoB,MAElB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AACjB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/FileSizeUnitDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import fileSizeUnit from '@/utils/fileSizeUnit'\n\n// Using SI units (default)\nconst sizeSI = fileSizeUnit(1500) // output: '1.5 kB'\n\n// Using binary units\nconst sizeBinary = fileSizeUnit(1500, false) // output: '1.46 KiB'\n\n// Specifying decimal places\nconst sizeWithDecimal = fileSizeUnit(1536000, true, 2) // output: '1.54 MB'\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/FileSizeUnitDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import fileSizeUnit from '@/utils/fileSizeUnit'\n\n// Using SI units (default)\nconst sizeSI = fileSizeUnit(1500) // output: '1.5 kB'\n\n// Using binary units\nconst sizeBinary = fileSizeUnit(1500, false) // output: '1.46 KiB'\n\n// Specifying decimal places\nconst sizeWithDecimal = fileSizeUnit(1536000, true, 2) // output: '1.54 MB'\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/FileSizeUnitDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/FileSizeUnitDoc/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 = 'FileSizeUnitDoc'\n\nconst demoHeader = {\n    title: 'fileSizeUnit',\n    desc: '<p><code>fileSizeUnit</code> function formats a file size (in bytes) into a human-readable string with appropriate units (kB, MB, etc.).</p>',\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: 'bytes',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'The file size in bytes.',\n            },\n            {\n                propName: 'si',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Determines whether to use SI units (base 1000) or binary units (base 1024).',\n            },\n            {\n                propName: 'dp',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'The number of decimal places to include in the formatted output.',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Params',\n                api: [\n                    {\n                        propName: 'result',\n                        type: `<code>string</code>`,\n                        desc: 'The formatted file size with the appropriate unit, based on the number of bytes.',\n                        default: `-`,\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst FileSizeUnitDoc = () => {\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 FileSizeUnitDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","FileSizeUnitDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,mBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,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,MAAM;AAAA,YACN,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAkB,MAEhB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,IACb,OAAAC;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/FileSizeUnitDoc/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 = 'FileSizeUnitDoc'\n\nconst demoHeader = {\n    title: 'fileSizeUnit',\n    desc: '<p><code>fileSizeUnit</code> function formats a file size (in bytes) into a human-readable string with appropriate units (kB, MB, etc.).</p>',\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: 'bytes',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'The file size in bytes.',\n            },\n            {\n                propName: 'si',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Determines whether to use SI units (base 1000) or binary units (base 1024).',\n            },\n            {\n                propName: 'dp',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'The number of decimal places to include in the formatted output.',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Params',\n                api: [\n                    {\n                        propName: 'result',\n                        type: `<code>string</code>`,\n                        desc: 'The formatted file size with the appropriate unit, based on the number of bytes.',\n                        default: `-`,\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst FileSizeUnitDoc = () => {\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 FileSizeUnitDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","FileSizeUnitDoc","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,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,MAAM;AAAA,YACN,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAkB,MAEhB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,IACb,OAAAC;AAAA,IACA,SAAQ;AAAA,EAAA;AACZ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/IsLastChildDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import isLastChild from '@/utils/isLastChild'\n\nconst name = isLastChild([1, 2, 3, 4, 5], 4)\n\n// output: true\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,GAKxC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/IsLastChildDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import isLastChild from '@/utils/isLastChild'\n\nconst name = isLastChild([1, 2, 3, 4, 5], 4)\n\n// output: true\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,GAKxC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/IsLastChildDoc/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 = 'IsLastChildDoc'\n\nconst demoHeader = {\n    title: 'isLastChild',\n    desc: 'A function to discriminate last index of an array.',\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: 'arr',\n                type: `<code>Array<any></code>`,\n                default: `-`,\n                desc: 'Array',\n            },\n            {\n                propName: 'index',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'Current index',\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: 'lastChild',\n                        type: `<code>boolean</code>`,\n                        default: `-`,\n                        desc: 'Whether the input index is last of the array.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst IsLastChildDoc = () => {\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 IsLastChildDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","IsLastChildDoc","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,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,IAAiB,MAEf,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/IsLastChildDoc/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 = 'IsLastChildDoc'\n\nconst demoHeader = {\n    title: 'isLastChild',\n    desc: 'A function to discriminate last index of an array.',\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: 'arr',\n                type: `<code>Array<any></code>`,\n                default: `-`,\n                desc: 'Array',\n            },\n            {\n                propName: 'index',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'Current index',\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: 'lastChild',\n                        type: `<code>boolean</code>`,\n                        default: `-`,\n                        desc: 'Whether the input index is last of the array.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst IsLastChildDoc = () => {\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 IsLastChildDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","IsLastChildDoc","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,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,IAAiB,MAEf,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/PaginateDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/PaginateDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import paginate from '@/utils/paginate'\n        \nconst arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]\n\nconst data = paginate(arr, 3, 2)\n\n// output: [4, 5, 6]\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,GAOxC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/PaginateDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import paginate from '@/utils/paginate'\n        \nconst arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]\n\nconst data = paginate(arr, 3, 2)\n\n// output: [4, 5, 6]\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,GAOxC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/PaginateDoc/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 = 'PaginateDoc/'\n\nconst demoHeader = {\n    title: 'paginate',\n    desc: 'This function paginate an array according to page number & size.',\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: 'array',\n                type: `<code>Array&lt;any&gt;</code>`,\n                default: `-`,\n                desc: 'Array that need to paginate',\n            },\n            {\n                propName: 'pageSize',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'Maximun element of the output array',\n            },\n            {\n                propName: 'pageNumber',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'Index that start from the array',\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: 'paginatedData',\n                        type: `<code>Array&lt;any&gt;</code>`,\n                        default: `-`,\n                        desc: 'End result',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst PaginateDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"docs/SharedComponentsDoc/components\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default PaginateDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","PaginateDoc","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,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,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,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/PaginateDoc/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 = 'PaginateDoc/'\n\nconst demoHeader = {\n    title: 'paginate',\n    desc: 'This function paginate an array according to page number & size.',\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: 'array',\n                type: `<code>Array&lt;any&gt;</code>`,\n                default: `-`,\n                desc: 'Array that need to paginate',\n            },\n            {\n                propName: 'pageSize',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'Maximun element of the output array',\n            },\n            {\n                propName: 'pageNumber',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'Index that start from the array',\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: 'paginatedData',\n                        type: `<code>Array&lt;any&gt;</code>`,\n                        default: `-`,\n                        desc: 'End result',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst PaginateDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"docs/SharedComponentsDoc/components\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default PaginateDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","PaginateDoc","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,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,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,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/ReoderArrayDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/ReoderArrayDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import reorderArray from '@/utils/reorderArray';\n\nconst myList = ['apple', 'banana', 'cherry', 'date'];\nconst reorderedList = reorderArray(myList, 1, 3);\n\n// output: ['apple', 'cherry', 'date', 'banana']`}</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,mDAKQ;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/ReoderArrayDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import reorderArray from '@/utils/reorderArray';\n\nconst myList = ['apple', 'banana', 'cherry', 'date'];\nconst reorderedList = reorderArray(myList, 1, 3);\n\n// output: ['apple', 'cherry', 'date', 'banana']`}</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,mDAKQ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/ReoderArrayDoc/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 = 'ReoderArrayDoc'\n\nconst demoHeader = {\n    title: 'reoderArray',\n    desc: '<p><code>reorderArray</code> function takes an array and reorders its elements by moving an item from one index to another.</p>',\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>T[]</code>`,\n                default: `-`,\n                desc: 'The array to be reordered. This can be an array of any type (T is a generic type).',\n            },\n            {\n                propName: 'startIndex',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'The index of the element in the array that you want to move.',\n            },\n            {\n                propName: 'endIndex',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'The target index where the element should be placed.',\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>T[]</code>`,\n                        desc: 'A new array with the element reordered from startIndex to endIndex.',\n                        default: `-`,\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst ReoderArrayDoc = () => {\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 ReoderArrayDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","ReoderArrayDoc","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,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,MAAM;AAAA,YACN,SAAS;AAAA,UAAA;AAAA,QACb;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,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/ReoderArrayDoc/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 = 'ReoderArrayDoc'\n\nconst demoHeader = {\n    title: 'reoderArray',\n    desc: '<p><code>reorderArray</code> function takes an array and reorders its elements by moving an item from one index to another.</p>',\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>T[]</code>`,\n                default: `-`,\n                desc: 'The array to be reordered. This can be an array of any type (T is a generic type).',\n            },\n            {\n                propName: 'startIndex',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'The index of the element in the array that you want to move.',\n            },\n            {\n                propName: 'endIndex',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'The target index where the element should be placed.',\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>T[]</code>`,\n                        desc: 'A new array with the element reordered from startIndex to endIndex.',\n                        default: `-`,\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst ReoderArrayDoc = () => {\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 ReoderArrayDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","ReoderArrayDoc","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,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,MAAM;AAAA,YACN,SAAS;AAAA,UAAA;AAAA,QACb;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,KAAKE;AAAA,IACL,cAAa;AAAA,IACb,OAAAC;AAAA,IACA,SAAQ;AAAA,EAAA;AACZ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/ReorderDragableDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import reorderDragable from '@/utils/reorderDragable';\n\nconst quoteMap = {\n    list1: ['item1', 'item2', 'item3'],\n    list2: ['item4', 'item5'],\n};\n\nconst source = { droppableId: 'list1', index: 1 };  // Moving item2\nconst destination = { droppableId: 'list2', index: 1 };  // To position 1 in list2\n\nconst result = reorderDragable({ quoteMap, source, destination });\n\n// output:\n// {\n//   quoteMap: {\n//     list1: ['item1', 'item3'],\n//     list2: ['item4', 'item2', 'item5'],\n//   }\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,GAmBxC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/ReorderDragableDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import reorderDragable from '@/utils/reorderDragable';\n\nconst quoteMap = {\n    list1: ['item1', 'item2', 'item3'],\n    list2: ['item4', 'item5'],\n};\n\nconst source = { droppableId: 'list1', index: 1 };  // Moving item2\nconst destination = { droppableId: 'list2', index: 1 };  // To position 1 in list2\n\nconst result = reorderDragable({ quoteMap, source, destination });\n\n// output:\n// {\n//   quoteMap: {\n//     list1: ['item1', 'item3'],\n//     list2: ['item4', 'item2', 'item5'],\n//   }\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,GAmBxC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/ReorderDragableDoc/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 = 'ReorderDragableDoc'\n\nconst demoHeader = {\n    title: 'reorderDragable',\n    desc: '<p><code>reorderDragable</code> function is used for reordering items within or across droppable areas in a drag-and-drop interface, using the <code>DraggableLocation</code> structure.</p>',\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: 'quoteMap',\n                type: `<code>T extends Record&lt;string, unknown[]&gt;</code>`,\n                default: `-`,\n                desc: 'An object where the keys represent different droppable areas (lists), and the values are arrays of items in each.',\n            },\n            {\n                propName: 'source',\n                type: `<code>{droppableId: string; index: number;}</code>`,\n                default: `-`,\n                desc: 'The starting location of the dragged item. This contains the droppableId and index of the item.',\n            },\n            {\n                propName: 'destination',\n                type: `<code>{droppableId: string; index: number;}</code>`,\n                default: `-`,\n                desc: 'The target location where the item is being dropped, containing the droppableId and index.',\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: 'quoteMap',\n                        type: `<code>T</code>`,\n                        desc: 'A new object with the updated lists, reflecting the reordered items either within the same list or between different lists.',\n                        default: `-`,\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst ReorderDragableDoc = () => {\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 ReorderDragableDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","ReorderDragableDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,sBAETC,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,MAAM;AAAA,YACN,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAqB,MAEnB,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/ReorderDragableDoc/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 = 'ReorderDragableDoc'\n\nconst demoHeader = {\n    title: 'reorderDragable',\n    desc: '<p><code>reorderDragable</code> function is used for reordering items within or across droppable areas in a drag-and-drop interface, using the <code>DraggableLocation</code> structure.</p>',\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: 'quoteMap',\n                type: `<code>T extends Record&lt;string, unknown[]&gt;</code>`,\n                default: `-`,\n                desc: 'An object where the keys represent different droppable areas (lists), and the values are arrays of items in each.',\n            },\n            {\n                propName: 'source',\n                type: `<code>{droppableId: string; index: number;}</code>`,\n                default: `-`,\n                desc: 'The starting location of the dragged item. This contains the droppableId and index of the item.',\n            },\n            {\n                propName: 'destination',\n                type: `<code>{droppableId: string; index: number;}</code>`,\n                default: `-`,\n                desc: 'The target location where the item is being dropped, containing the droppableId and index.',\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: 'quoteMap',\n                        type: `<code>T</code>`,\n                        desc: 'A new object with the updated lists, reflecting the reordered items either within the same list or between different lists.',\n                        default: `-`,\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst ReorderDragableDoc = () => {\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 ReorderDragableDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","ReorderDragableDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,sBAETC,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,MAAM;AAAA,YACN,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAqB,MAEnB,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/SleepDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/SleepDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import sleep from '@/utils/sleep';\n\nconst exampleFunction = async () => {\n    console.log(\"Before sleep\");\n    await sleep(2000);  // Pauses execution for 2 seconds\n    console.log(\"After sleep\");\n};\n\nexampleFunction()`}</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,oBAQvB;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/SleepDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import sleep from '@/utils/sleep';\n\nconst exampleFunction = async () => {\n    console.log(\"Before sleep\");\n    await sleep(2000);  // Pauses execution for 2 seconds\n    console.log(\"After sleep\");\n};\n\nexampleFunction()`}</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,oBAQvB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/SleepDoc/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 = 'SleepDoc'\n\nconst demoHeader = {\n    title: 'sleep',\n    desc: 'Fuction of creates a delay or pause in the execution of code for a specified number of milliseconds by returning a promise that resolves after the given 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: 'ms',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'The number of milliseconds to pause the execution.',\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: 'resolve',\n                        type: `<code>Promise<void></code>`,\n                        default: `-`,\n                        desc: 'The promise resolves after the delay, allowing the execution of the next operation.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst SleepDoc = () => {\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 SleepDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","SleepDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,YAETC,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,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAW,MAET,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/SleepDoc/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 = 'SleepDoc'\n\nconst demoHeader = {\n    title: 'sleep',\n    desc: 'Fuction of creates a delay or pause in the execution of code for a specified number of milliseconds by returning a promise that resolves after the given 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: 'ms',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'The number of milliseconds to pause the execution.',\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: 'resolve',\n                        type: `<code>Promise<void></code>`,\n                        default: `-`,\n                        desc: 'The promise resolves after the delay, allowing the execution of the next operation.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst SleepDoc = () => {\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 SleepDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","SleepDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,YAETC,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,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAW,MAET,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/SortByDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/SortByDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import sortBy from '@/utils/sortBy'\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 = arr.sort(sortBy('name', false , (a) =>  a.toUpperCase()))\n\n// output: [\n// \t{\n// \t\tname: 'Carolyn Perkins',\n// \t\temail: 'eileen_h@hotmail.com',\n// \t},\n// \t{\n// \t\tname: 'Luke Cook',\n// \t\temail: 'cookie_lukie@hotmail.com',\n// \t},\n// \t{\n// \t\tname: 'Ron Vargas',\n// \t\temail: 'ronnie_vergas@infotech.io',\n// \t},\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAyCxC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/SortByDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import sortBy from '@/utils/sortBy'\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 = arr.sort(sortBy('name', false , (a) =>  a.toUpperCase()))\n\n// output: [\n// \t{\n// \t\tname: 'Carolyn Perkins',\n// \t\temail: 'eileen_h@hotmail.com',\n// \t},\n// \t{\n// \t\tname: 'Luke Cook',\n// \t\temail: 'cookie_lukie@hotmail.com',\n// \t},\n// \t{\n// \t\tname: 'Ron Vargas',\n// \t\temail: 'ronnie_vergas@infotech.io',\n// \t},\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAyCxC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/SortByDoc/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 = 'SortByDoc/'\n\nconst demoHeader = {\n    title: 'sortBy',\n    desc: 'sortBy function able to sort array of object order with <code>array.sort</code> compare function by key.',\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: 'field',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'key of the object that target to sort',\n            },\n            {\n                propName: 'reverse',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Order of the result, <code>true</code> for descending, <code>false</code> for ascending',\n            },\n            {\n                propName: 'primer',\n                type: `<code>(key: string) => (key) => void</code>`,\n                default: `-`,\n                desc: 'Callback closure for 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: 'result',\n                        type: `<code>(a, b) => boolean</code>`,\n                        default: `-`,\n                        desc: 'Sort result callback',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst SortByDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"docs/SharedComponentsDoc/components\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default SortByDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","SortByDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,cAETC,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,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAY,MAEV,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/SortByDoc/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 = 'SortByDoc/'\n\nconst demoHeader = {\n    title: 'sortBy',\n    desc: 'sortBy function able to sort array of object order with <code>array.sort</code> compare function by key.',\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: 'field',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'key of the object that target to sort',\n            },\n            {\n                propName: 'reverse',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Order of the result, <code>true</code> for descending, <code>false</code> for ascending',\n            },\n            {\n                propName: 'primer',\n                type: `<code>(key: string) => (key) => void</code>`,\n                default: `-`,\n                desc: 'Callback closure for 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: 'result',\n                        type: `<code>(a, b) => boolean</code>`,\n                        default: `-`,\n                        desc: 'Sort result callback',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst SortByDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"docs/SharedComponentsDoc/components\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default SortByDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","SortByDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,cAETC,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,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAY,MAEV,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/UseAuthDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseAuthDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import { useState } from 'react';\nimport useAuth from '@/auth/useAuth'\n\nconst Component = () => {\n\n    const { authenticated, user, signIn, signOut, signUp, oAuthSignIn } = useAuth()\n    const [ error, setError ] = useState<string | null>(null)\n\n    const handleSignIn = async ({ email, password }: { email:string, password: string }) => {\n    \n        const result = await signIn({ email, password })\n\n        if (result.status === 'failed') {\n            setError(result.message)\n        }\n    }\n\n    const handleSignUp = async ({ userName, email, password }: { userName: string, email:string, password: string }) => {\n    \n        const result = await signUp({ userName, email, password })\n\n        if (result.status === 'failed') {\n            setError(result.message)\n        }\n    }\n\n    const handleGoogleSignIn = async () => {\n        oAuthSignIn(async ({redirect, onSignIn}) => {\n            try {\n                const resp = await apiGoogleOauthSignIn()\n                if (resp) {\n                    const { token, user } = resp\n                    onSignIn({accessToken: token}, user)\n                    redirect()\n                }\n            } catch (error) {\n                setError?.((error as string)?.toString() || '')\n            }\n        })\n    }\n\n    const handleSignout = () => {\n        signOut()\n    }\n\n    return (\n        <>\n            {authenticated && (\n                <div>\n                    <h6>Welcome, {user?.userName}</h6>\n                    <div>{user?.email}</div>\n                </div>\n            )}\n        </>\n    )\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;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,GAwDxC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseAuthDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import { useState } from 'react';\nimport useAuth from '@/auth/useAuth'\n\nconst Component = () => {\n\n    const { authenticated, user, signIn, signOut, signUp, oAuthSignIn } = useAuth()\n    const [ error, setError ] = useState<string | null>(null)\n\n    const handleSignIn = async ({ email, password }: { email:string, password: string }) => {\n    \n        const result = await signIn({ email, password })\n\n        if (result.status === 'failed') {\n            setError(result.message)\n        }\n    }\n\n    const handleSignUp = async ({ userName, email, password }: { userName: string, email:string, password: string }) => {\n    \n        const result = await signUp({ userName, email, password })\n\n        if (result.status === 'failed') {\n            setError(result.message)\n        }\n    }\n\n    const handleGoogleSignIn = async () => {\n        oAuthSignIn(async ({redirect, onSignIn}) => {\n            try {\n                const resp = await apiGoogleOauthSignIn()\n                if (resp) {\n                    const { token, user } = resp\n                    onSignIn({accessToken: token}, user)\n                    redirect()\n                }\n            } catch (error) {\n                setError?.((error as string)?.toString() || '')\n            }\n        })\n    }\n\n    const handleSignout = () => {\n        signOut()\n    }\n\n    return (\n        <>\n            {authenticated && (\n                <div>\n                    <h6>Welcome, {user?.userName}</h6>\n                    <div>{user?.email}</div>\n                </div>\n            )}\n        </>\n    )\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;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,GAwDxC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseAuthDoc/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 = 'UseAuthDoc/'\n\nconst demoHeader = {\n    title: 'useAuth',\n    desc: 'A hook that enables any component to get the current auth & users state & methods.',\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: 'authenticated',\n                        type: `<code>boolean</code>`,\n                        default: `-`,\n                        desc: 'State of current authencation',\n                    },\n                    {\n                        propName: 'oAuthSignIn',\n                        type: `<code>(callback: (payload: {\n    onSignIn: (tokens: Token, user?: User) => void\n    redirect: () => void\n}) => void) => void</code>`,\n                        default: `-`,\n                        desc: 'Callback fuction after a single sign on',\n                    },\n                    {\n                        propName: 'signIn',\n                        type: `<code>({email: string, password: string}) => ({status: 'success' | 'failed', message: string})</code>`,\n                        default: `-`,\n                        desc: 'Sign in handler, return status & message as result',\n                    },\n                    {\n                        propName: 'signOut',\n                        type: `<code>() => void</code>`,\n                        default: `-`,\n                        desc: 'Sign out handler',\n                    },\n                    {\n                        propName: 'signUp',\n                        type: `<code>({userName: string, email: string, password: string}) => ({status: 'success' | 'failed', message: string})</code>`,\n                        default: `-`,\n                        desc: 'Sign up handler, return status & message as result',\n                    },\n                    {\n                        propName: 'user',\n                        type: `<code>{\n    userId?: string | null\n    avatar?: string | null\n    userName?: string | null\n    email?: string | null\n    authority?: string[]\n}</code>`,\n                        default: `-`,\n                        desc: 'Signed in user information',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseAuthDoc = () => {\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 UseAuthDoc\n"],"names":["mdPath","demoHeader","demos","Example","extra","jsx","DemoComponentApi","UseAuthDoc","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,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA;AAAA;AAAA;AAAA,YAIN,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,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAON,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAa,MAEX,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/UseAuthDoc/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 = 'UseAuthDoc/'\n\nconst demoHeader = {\n    title: 'useAuth',\n    desc: 'A hook that enables any component to get the current auth & users state & methods.',\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: 'authenticated',\n                        type: `<code>boolean</code>`,\n                        default: `-`,\n                        desc: 'State of current authencation',\n                    },\n                    {\n                        propName: 'oAuthSignIn',\n                        type: `<code>(callback: (payload: {\n    onSignIn: (tokens: Token, user?: User) => void\n    redirect: () => void\n}) => void) => void</code>`,\n                        default: `-`,\n                        desc: 'Callback fuction after a single sign on',\n                    },\n                    {\n                        propName: 'signIn',\n                        type: `<code>({email: string, password: string}) => ({status: 'success' | 'failed', message: string})</code>`,\n                        default: `-`,\n                        desc: 'Sign in handler, return status & message as result',\n                    },\n                    {\n                        propName: 'signOut',\n                        type: `<code>() => void</code>`,\n                        default: `-`,\n                        desc: 'Sign out handler',\n                    },\n                    {\n                        propName: 'signUp',\n                        type: `<code>({userName: string, email: string, password: string}) => ({status: 'success' | 'failed', message: string})</code>`,\n                        default: `-`,\n                        desc: 'Sign up handler, return status & message as result',\n                    },\n                    {\n                        propName: 'user',\n                        type: `<code>{\n    userId?: string | null\n    avatar?: string | null\n    userName?: string | null\n    email?: string | null\n    authority?: string[]\n}</code>`,\n                        default: `-`,\n                        desc: 'Signed in user information',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseAuthDoc = () => {\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 UseAuthDoc\n"],"names":["mdPath","demoHeader","demos","Example","extra","jsx","DemoComponentApi","UseAuthDoc","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,UACV;AAAA,UACA;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA;AAAA;AAAA;AAAA,YAIN,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,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAON,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAa,MAEX,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/UseAuthorityDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseAuthorityDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useAuthority from '@/utils/hooks/useAuthority'\n\nconst Component = () => {\n\n\tconst { userAuthority = [], authority = [], children } = props\n\n\tconst userAuthority = ['USER']\n\n\tconst authority = ['ADMIN', 'USER']\n\n\tconst roleMatched = useAuthority(userAuthority, authority)\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;AAAA;AAAA,GAcxC;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseAuthorityDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useAuthority from '@/utils/hooks/useAuthority'\n\nconst Component = () => {\n\n\tconst { userAuthority = [], authority = [], children } = props\n\n\tconst userAuthority = ['USER']\n\n\tconst authority = ['ADMIN', 'USER']\n\n\tconst roleMatched = useAuthority(userAuthority, authority)\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;AAAA;AAAA,GAcxC;"}

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

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

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

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