@orbe-agro/client-core 5.0.0 → 5.1.1

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/CustomToolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomToolbar.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/CustomToolbar.tsx"],"sourcesContent":["import RichTextEditor from '@/components/shared/RichTextEditor'\n\nconst CustomToolbar = () => {\n    return (\n        <RichTextEditor\n            content=\"<strong>Hello World</strong>\"\n            customToolBar={(\n                editor,\n                {\n                    ToolButtonStrike,\n                    ToolButtonHeading,\n                    ToolButtonOrderedList,\n                    ToolButtonBulletList,\n                },\n            ) => {\n                return (\n                    <>\n                        <ToolButtonHeading editor={editor} />\n                        <ToolButtonStrike editor={editor} />\n                        <ToolButtonOrderedList editor={editor} />\n                        <ToolButtonBulletList editor={editor} />\n                    </>\n                )\n            }}\n        />\n    )\n}\n\nexport default CustomToolbar\n"],"names":["CustomToolbar","jsx","RichTextEditor","editor","ToolButtonStrike","ToolButtonHeading","ToolButtonOrderedList","ToolButtonBulletList","jsxs","Fragment"],"mappings":";;;AAEA,MAAMA,IAAgB,MAEd,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAQ;AAAA,IACR,eAAe,CACXC,GACA;AAAA,MACI,kBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,sBAAAC;AAAA,IAAA,MAIA,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAR,EAACI,KAAkB,QAAAF,GAAgB;AAAA,MACnC,gBAAAF,EAACG,KAAiB,QAAAD,GAAgB;AAAA,MAClC,gBAAAF,EAACK,KAAsB,QAAAH,GAAgB;AAAA,MACvC,gBAAAF,EAACM,KAAqB,QAAAJ,EAAA,CAAgB;AAAA,IAAA,GAC1C;AAAA,EAER;AAAA;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/WithForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WithForm.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<{ textContent?: string }>()\n\n    const onSubmit = (value: { textContent?: string }) => {\n        window.alert(JSON.stringify(value))\n    }\n\n    return (\n        <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Expiration date\"\n                invalid={Boolean(errors.textContent)}\n                errorMessage={errors.textContent?.message}\n            >\n                <Controller\n                    name=\"textContent\"\n                    control={control}\n                    render={({ field }) => (\n                        <RichTextEditor\n                            content={field.value}\n                            invalid={Boolean(errors.textContent)}\n                            onChange={({ html }) => {\n                                field.onChange(html)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <Button block variant=\"solid\" type=\"submit\">\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default WithForm\n"],"names":["WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","_a","Controller","field","RichTextEditor","html","Button"],"mappings":";;;;;;;;;AAKA,MAAMA,IAAW,MAAM;;AACnB,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAA;AAMJ,2BACKC,GAAA,EAAK,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAAoC;AAClD,WAAO,MAAM,KAAK,UAAUA,CAAK,CAAC;AAAA,EAAA,CAIoB,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,eAAcO,IAAAP,EAAO,gBAAP,gBAAAO,EAAoB;AAAA,QAElC,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAP;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAQ,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,SAASD,EAAM;AAAA,gBACf,SAAS,EAAQT,EAAO;AAAA,gBACxB,UAAU,CAAC,EAAE,MAAAW,QAAW;AACpB,kBAAAF,EAAM,SAASE,CAAI;AAAA,gBAAA;AAAA,cACvB;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAN,EAACO,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport CustomToolbar from './CustomToolbar'\nimport CustomConfig from './CustomConfig'\nimport WithForm from './WithForm'\n\nconst mdPath = 'RichTextEditorDoc'\n\nconst demoHeader = {\n    title: 'RichTextEditor',\n    desc: ' <code>RichTextEditor</code> component is a customizable rich text editor utilized with Tiptap editor framework. It comes with a predefined toolbar that includes common formatting options like bold, italic, lists, and more.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'CustomToolbar',\n        mdPath: mdPath,\n        title: 'Custom toolbar',\n        desc: `You can customize the editor toolbar with <code>customToolBar</code> prop`,\n        component: <CustomToolbar />,\n    },\n    {\n        mdName: 'CustomConfig',\n        mdPath: mdPath,\n        title: 'Custom config',\n        desc: `You can customize the entire configuration with <code>customToolBar</code> prop. Note: Documentation & Text extension is required if not using StarterKit as extension.`,\n        component: <CustomConfig />,\n    },\n    {\n        mdName: 'WithForm',\n        mdPath: mdPath,\n        title: 'With form',\n        desc: `Example with form`,\n        component: <WithForm />,\n    },\n]\n\nconst tiptapUsage = (\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            tiptap\n        </h6>\n        <p>\n            For futher usage of tiptap, you could refer the\n            <a\n                className=\"underline text-primary\"\n                href=\"https://tiptap.dev/docss\"\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 demoApi = [\n    {\n        component: 'RichTextEditor',\n        api: [\n            {\n                propName: 'content',\n                type: '<code>string</code>',\n                default: '-',\n                desc: 'The initial content of the editor. This can be an HTML string or plain text.',\n            },\n            {\n                propName: 'invalid',\n                type: '<code>boolean</code>',\n                default: '-',\n                desc: 'Applies styles to indicate the editor content is invalid, typically used for form validation.',\n            },\n            {\n                propName: 'customToolBar',\n                type: `<code>(editor: Editor, components: {\n                    ToolButtonBold: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonItalic: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonStrike: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonCode: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonBlockquote:  ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonHeading: ({ editor }: BaseToolButtonProps & { headingLevel?: HeadingLevel[] }) => JSX.Element,\n                    ToolButtonBulletList: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonOrderedList: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonCodeBlock:  ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonHorizontalRule: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonParagraph: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonUndo: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonRedo: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                }) => ReactNode</code>`,\n                default: '-',\n                desc: 'A function to customize the toolbar by providing your own buttons. It receives the current `editor` instance and an object containing the default toolbar components.',\n            },\n            {\n                propName: 'onChange',\n                type: '<code>(content: {text: string, html: string, json: JSONContent}) => void</code>',\n                default: '-',\n                desc: 'Callback function that is triggered whenever the content of the editor changes. It provides the updated content in three formats: plain text, HTML, and JSON.',\n            },\n            {\n                propName: 'editorContentClass',\n                type: '<code>string</code>',\n                default: '-',\n                desc: \"Additional CSS classes to apply to the editor's content area.\",\n            },\n            {\n                propName: 'customEditor',\n                type: '<code>Editor | null</code>',\n                default: '-',\n                desc: 'A custom Tiptap `Editor` instance. If provided, this instance will be used instead of creating a new one.',\n            },\n        ],\n    },\n]\n\nconst RichTextEditorDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"shared\"\n            api={demoApi}\n            extra={tiptapUsage}\n        />\n    )\n}\n\nexport default RichTextEditorDoc\n"],"names":["mdPath","demoHeader","demos","Basic","CustomToolbar","CustomConfig","WithForm","tiptapUsage","jsxs","jsx","demoApi","RichTextEditorDoc","DemoLayout"],"mappings":";;;;;;AAQA,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,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAc;AAAA,EAAA;AAAA,EAE9B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAa;AAAA,EAAA;AAAA,EAE7B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAS;AAAA,EAAA;AAE7B,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,UAEvD;AAAA,oBACC,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IAEC,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,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAeN,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,IAAoB,MAElB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQX;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,KAAKQ;AAAA,IACL,OAAOH;AAAA,EAAA;AAAA;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/shareComponentsDocRoutes.js.map

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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