@orbe-agro/client-core 5.5.3 → 5.5.8

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

@@ -1 +1 @@
-{"version":3,"file":"shareComponentsDocRoutes.js","sources":["../../../../../lib/@ecme/views/guide/SharedComponentsDoc/shareComponentsDocRoutes.ts"],"sourcesContent":["import { lazy } from 'react'\nimport { DocumentationRoute } from '@/@types/docs'\n\nconst documentationRoutes: DocumentationRoute[] = [\n    {\n        groupName: 'Components',\n        nav: [\n            {\n                path: 'abbreviate-number',\n                label: 'AbbreviateNumber',\n                component: lazy(\n                    () => import('./components/AbbreviateNumberDoc'),\n                ),\n            },\n            {\n                path: 'action-link',\n                label: 'ActionLink',\n                component: lazy(() => import('./components/ActionLinkDoc')),\n            },\n            {\n                path: 'adaptive-card',\n                label: 'AdaptiveCard',\n                component: lazy(() => import('./components/AdaptiveCardDoc')),\n            },\n            {\n                path: 'affix',\n                label: 'Affix',\n                component: lazy(() => import('./components/AffixDoc')),\n            },\n            {\n                path: 'authority-check',\n                label: 'AuthorityCheck',\n                component: lazy(() => import('./components/AuthorityCheckDoc')),\n            },\n            {\n                path: 'calendar-view',\n                label: 'CalendarView',\n                component: lazy(() => import('./components/CalendarViewDoc')),\n            },\n            {\n                path: 'chart',\n                label: 'Chart',\n                component: lazy(() => import('./components/ChartDoc')),\n            },\n            {\n                path: 'confirm-dialog',\n                label: 'ConfirmDialog',\n                component: lazy(() => import('./components/ConfirmDialogDoc')),\n            },\n            {\n                path: 'container',\n                label: 'Container',\n                component: lazy(() => import('./components/ContainerDoc')),\n            },\n            {\n                path: 'custom-format-input',\n                label: 'CustomFormatInput',\n                component: lazy(\n                    () => import('./components/CustomFormatInputDoc'),\n                ),\n            },\n            {\n                path: 'data-table',\n                label: 'DataTable',\n                component: lazy(() => import('./components/DataTableDoc')),\n            },\n            {\n                path: 'debounce-input',\n                label: 'DebounceInput',\n                component: lazy(() => import('./components/DebounceInputDoc')),\n            },\n            {\n                path: 'double-sided-image',\n                label: 'DoubleSidedImage',\n                component: lazy(\n                    () => import('./components/DoubleSidedImageDoc'),\n                ),\n            },\n            {\n                path: 'ellipsis-button',\n                label: 'EllipsisButton',\n                component: lazy(() => import('./components/EllipsisButtonDoc')),\n            },\n            {\n                path: 'gantt-chart',\n                label: 'GanttChart',\n                component: lazy(() => import('./components/GanttChartDoc')),\n            },\n            {\n                path: 'grow-shrink-value',\n                label: 'GrowShrinkValue',\n                component: lazy(\n                    () => import('./components/GrowShrinkValueDoc'),\n                ),\n            },\n            {\n                path: 'icon-text',\n                label: 'IconText',\n                component: lazy(() => import('./components/IconTextDoc')),\n            },\n            {\n                path: 'image-gallery',\n                label: 'ImageGallery',\n                component: lazy(() => import('./components/ImageGalleryDoc')),\n            },\n            {\n                path: 'loading',\n                label: 'Loading',\n                component: lazy(() => import('./components/LoadingDoc')),\n            },\n            {\n                path: 'masonry',\n                label: 'Masonry',\n                component: lazy(() => import('./components/MasonryDoc')),\n            },\n            {\n                path: 'media-skeleton',\n                label: 'MediaSkeleton',\n                component: lazy(() => import('./components/MediaSkeletonDoc')),\n            },\n            {\n                path: 'nav-toggle',\n                label: 'NavToggle',\n                component: lazy(() => import('./components/NavToggleDoc')),\n            },\n            {\n                path: 'numeric-input',\n                label: 'NumericInput',\n                component: lazy(() => import('./components/NumericInputDoc')),\n            },\n            {\n                path: 'otp-input',\n                label: 'OtpInput',\n                component: lazy(() => import('./components/OtpInputDoc')),\n            },\n            {\n                path: 'password-input',\n                label: 'PasswordInput',\n                component: lazy(() => import('./components/PasswordInputDoc')),\n            },\n            {\n                path: 'pattern-input',\n                label: 'PatternInput',\n                component: lazy(() => import('./components/PatternInputDoc')),\n            },\n            {\n                path: 'region-map',\n                label: 'RegionMap',\n                component: lazy(() => import('./components/RegionMapDoc')),\n            },\n            {\n                path: 'rich-text-editor',\n                label: 'RichTextEditor',\n                component: lazy(() => import('./components/RichTextEditorDoc')),\n            },\n            {\n                path: 'preset-segment-item-option',\n                label: 'SegmentItemOption',\n                component: lazy(\n                    () => import('./components/PresetSegmentItemOptionDoc'),\n                ),\n            },\n            {\n                path: 'sticky-footer',\n                label: 'StickyFooter',\n                component: lazy(() => import('./components/StickyFooterDoc')),\n            },\n            {\n                path: 'syntax-highlighter',\n                label: 'SyntaxHighlighter',\n                component: lazy(\n                    () => import('./components/SyntaxHighlighterDoc'),\n                ),\n            },\n            {\n                path: 'users-avatar-group',\n                label: 'UsersAvatarGroup',\n                component: lazy(\n                    () => import('./components/UsersAvatarGroupDoc'),\n                ),\n            },\n        ],\n    },\n]\n\nexport default documentationRoutes\n"],"names":[],"mappings":"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"}
+{"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":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"UtilsDoc.js","sources":["../../../../../lib/@ecme/views/guide/UtilsDoc/UtilsDoc.tsx"],"sourcesContent":["import DocumentationNav from '@/components/docs/DocumentationNav'\nimport utilsDocRoutes from './utilsDocRoutes'\nimport UtilsDocView from './UtilsDocView'\n\nconst UtilsDoc = () => {\n    return (\n        <div className=\"lg:flex h-full gap-8\">\n            <div className=\"lg:w-[280px] py-2 lg-py-0 px-4 mb-4 border border-gray-200 dark:border-gray-700 rounded-md lg:border-0\">\n                <DocumentationNav routes={utilsDocRoutes} />\n            </div>\n            <div className=\"w-full\">\n                <UtilsDocView />\n            </div>\n        </div>\n    )\n}\n\nexport default UtilsDoc\n"],"names":[],"mappings":";;;;AAIA,MAAM,WAAW,MAAM;AAEf,SAAA,qBAAC,OAAI,EAAA,WAAU,wBACX,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,0GACX,8BAAC,kBAAiB,EAAA,QAAQ,gBAAgB,EAC9C,CAAA;AAAA,wBACC,OAAI,EAAA,WAAU,UACX,UAAA,oBAAC,gBAAa,EAClB,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"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":[],"mappings":";;;;AAIA,MAAM,WAAW,MAAM;AACnB,SACI,qBAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,0GACX,8BAAC,kBAAA,EAAiB,QAAQ,gBAAgB,EAAA,CAC9C;AAAA,wBACC,OAAA,EAAI,WAAU,UACX,UAAA,oBAAC,gBAAa,EAAA,CAClB;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"UtilsDocView.js","sources":["../../../../../lib/@ecme/views/guide/UtilsDoc/UtilsDocView.tsx"],"sourcesContent":["import { Fragment, Suspense } from 'react'\nimport Spinner from '@/components/ui/Spinner'\nimport utilsDocRoutes from './utilsDocRoutes'\nimport { Routes, Route, Navigate } from 'react-router-dom'\n\nconst UtilsDocView = () => {\n    return (\n        <Routes>\n            {utilsDocRoutes.map((group) => (\n                <Fragment key={group.groupName}>\n                    {group.nav.map(({ path, component: Component, label }) => (\n                        <Route\n                            key={label}\n                            path={path}\n                            element={\n                                <Suspense\n                                    fallback={\n                                        <div className=\"h-full w-full flex items-center justify-center\">\n                                            <Spinner size={40} />\n                                        </div>\n                                    }\n                                >\n                                    <Component />\n                                </Suspense>\n                            }\n                        />\n                    ))}\n                </Fragment>\n            ))}\n            <Route path=\"*\" element={<Navigate replace to=\"/\" />} />\n        </Routes>\n    )\n}\n\nexport default UtilsDocView\n"],"names":[],"mappings":";;;;;;AAKA,MAAM,eAAe,MAAM;AACvB,8BACK,QACI,EAAA,UAAA;AAAA,IAAA,eAAe,IAAI,CAAC,UACjB,oBAAC,YACI,UAAM,MAAA,IAAI,IAAI,CAAC,EAAE,MAAM,WAAW,WAAW,YAC1C;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG;AAAA,QACA,SACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,8BACK,OAAI,EAAA,WAAU,kDACX,UAAC,oBAAA,SAAA,EAAQ,MAAM,GAAA,CAAI,EACvB,CAAA;AAAA,YAGJ,8BAAC,WAAU,CAAA,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACf;AAAA,MAXC;AAAA,IAAA,CAcZ,EAAA,GAjBU,MAAM,SAkBrB,CACH;AAAA,IACD,oBAAC,OAAM,EAAA,MAAK,KAAI,SAAU,oBAAA,UAAA,EAAS,SAAO,MAAC,IAAG,IAAI,CAAA,EAAI,CAAA;AAAA,EAAA,GAC1D;AAER;"}
+{"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":[],"mappings":";;;;;;AAKA,MAAM,eAAe,MAAM;AACvB,8BACK,QAAA,EACI,UAAA;AAAA,IAAA,eAAe,IAAI,CAAC,UACjB,oBAAC,YACI,UAAA,MAAM,IAAI,IAAI,CAAC,EAAE,MAAM,WAAW,WAAW,YAC1C;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG;AAAA,QACA,SACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,8BACK,OAAA,EAAI,WAAU,kDACX,UAAA,oBAAC,SAAA,EAAQ,MAAM,GAAA,CAAI,EAAA,CACvB;AAAA,YAGJ,8BAAC,WAAA,CAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACf;AAAA,MAXC;AAAA,IAAA,CAcZ,EAAA,GAjBU,MAAM,SAkBrB,CACH;AAAA,IACD,oBAAC,OAAA,EAAM,MAAK,KAAI,SAAS,oBAAC,UAAA,EAAS,SAAO,MAAC,IAAG,IAAA,CAAI,EAAA,CAAI;AAAA,EAAA,GAC1D;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/AcronymDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import acronym from '@/utils/acronym'\n\nconst name = acronym('Vickie Kim')\n\n// output: 'VK'\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAEd,SAAA,oBAAC,mBAAkB,EAAA,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAKxC;AAEF;"}
+{"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":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAClB,SACI,oBAAC,mBAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAKxC;AAEF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/AcronymDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'AcronymDoc'\n\nconst demoHeader = {\n    title: 'acronym',\n    desc: 'Fuction to get acronym from a name string.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'name',\n                type: `<code>string</code>`,\n                default: `<code>''</code>`,\n                desc: 'Name string',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'acronym',\n                        type: `<code>string</code>`,\n                        default: `-`,\n                        desc: 'Acronym',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst AcronymDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default AcronymDoc\n"],"names":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;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;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,aAAa,MAAM;AAEjB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"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":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;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;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,aAAa,MAAM;AACrB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/ClassNamesDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import classNames from '@/utils/classNames';\n\nconst Example = ({ primary, disabled }) => {\n    return (\n        <button\n            className={classNames(\n                'p-2 text-base',\n                primary && 'bg-blue-500 text-white',\n                disabled && 'bg-gray-500 cursor-not-allowed'\n            )}\n            disabled={disabled}\n        >\n            Click me\n        </button>\n    );\n}`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAEd,SAAA,oBAAC,mBAAkB,EAAA,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAevC;AAEH;"}
+{"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":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAClB,SACI,oBAAC,mBAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAevC;AAEH;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/ClassNamesDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'ClassNamesDoc'\n\nconst demoHeader = {\n    title: 'classNames',\n    desc: 'utility function combines multiple class names using the <code>classnames</code> library and merges Tailwind CSS class conflicts using the <code>tailwind-merge</code> utility',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'name',\n                type: `<code>cn.ArgumentArray</code>`,\n                default: `-`,\n                desc: 'A variable-length list of class names or conditions that resolve to class names.',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'classNames',\n                        type: `<code>string</code>`,\n                        default: `-`,\n                        desc: 'ClassNames',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst ClassNamesDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default ClassNamesDoc\n"],"names":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;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;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,gBAAgB,MAAM;AAEpB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"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":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;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;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,gBAAgB,MAAM;AACxB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/CookiesStorageDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import cookiesStorage from '@/utils/cookiesStorage';\n\n// Set a cookie\ncookiesStorage.setItem('userToken', 'abc123', 7); // expires in 7 days\n\n// Get a cookie\nconst userToken = cookiesStorage.getItem('userToken')\n\n// Remove a cookie\ncookiesStorage.removeItem('userToken')`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAEd,SAAA,oBAAC,mBAAkB,EAAA,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yCASF;AAExC;"}
+{"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":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAClB,SACI,oBAAC,mBAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yCASF;AAExC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/CookiesStorageDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'CookiesStorageDoc'\n\nconst demoHeader = {\n    title: 'cookiesStorage',\n    desc: 'a utility function provides an interface for storing, retrieving, and removing items from cookies.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'cookiesStorage',\n        api: [\n            {\n                propName: 'getItem',\n                type: `<code>(name: string) => string | null</code>`,\n                default: '-',\n                desc: 'Retrieves the value of a cookie or returns null if the cookie does not exist.',\n            },\n            {\n                propName: 'setItem',\n                type: `<code>(name: string, value: string, expires?: number | Date) => void</code>`,\n                default: '-',\n                desc: 'Sets a cookie with the provided name, value, and expiration date.',\n            },\n            {\n                propName: 'removeItem',\n                type: `<code>(name: string) => void</code>`,\n                default: '-',\n                desc: 'Removes a cookie by its name.',\n            },\n        ],\n    },\n]\n\nconst CookiesStorageDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n        />\n    )\n}\n\nexport default CookiesStorageDoc\n"],"names":[],"mappings":";;;AAKA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,oBAAoB,MAAM;AAExB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,IAAA;AAAA,EACjB;AAER;"}
+{"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":[],"mappings":";;;AAKA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;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;AAEA,MAAM,oBAAoB,MAAM;AAC5B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,IAAA;AAAA,EAAA;AAGzB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/FileSizeUnitDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import fileSizeUnit from '@/utils/fileSizeUnit'\n\n// Using SI units (default)\nconst sizeSI = fileSizeUnit(1500) // output: '1.5 kB'\n\n// Using binary units\nconst sizeBinary = fileSizeUnit(1500, false) // output: '1.46 KiB'\n\n// Specifying decimal places\nconst sizeWithDecimal = fileSizeUnit(1536000, true, 2) // output: '1.54 MB'\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAEd,SAAA,oBAAC,mBAAkB,EAAA,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUxC;AAEF;"}
+{"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":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAClB,SACI,oBAAC,mBAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUxC;AAEF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/FileSizeUnitDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'FileSizeUnitDoc'\n\nconst demoHeader = {\n    title: 'fileSizeUnit',\n    desc: '<p><code>fileSizeUnit</code> function formats a file size (in bytes) into a human-readable string with appropriate units (kB, MB, etc.).</p>',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'bytes',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'The file size in bytes.',\n            },\n            {\n                propName: 'si',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Determines whether to use SI units (base 1000) or binary units (base 1024).',\n            },\n            {\n                propName: 'dp',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'The number of decimal places to include in the formatted output.',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Params',\n                api: [\n                    {\n                        propName: 'result',\n                        type: `<code>string</code>`,\n                        desc: 'The formatted file size with the appropriate unit, based on the number of bytes.',\n                        default: `-`,\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst FileSizeUnitDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default FileSizeUnitDoc\n"],"names":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,kBAAkB,MAAM;AAEtB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"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":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;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;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,kBAAkB,MAAM;AAC1B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/IsLastChildDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import isLastChild from '@/utils/isLastChild'\n\nconst name = isLastChild([1, 2, 3, 4, 5], 4)\n\n// output: true\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAEd,SAAA,oBAAC,mBAAkB,EAAA,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAKxC;AAEF;"}
+{"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":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAClB,SACI,oBAAC,mBAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAKxC;AAEF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/IsLastChildDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'IsLastChildDoc'\n\nconst demoHeader = {\n    title: 'isLastChild',\n    desc: 'A function to discriminate last index of an array.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'arr',\n                type: `<code>Array<any></code>`,\n                default: `-`,\n                desc: 'Array',\n            },\n            {\n                propName: 'index',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'Current index',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'lastChild',\n                        type: `<code>boolean</code>`,\n                        default: `-`,\n                        desc: 'Whether the input index is last of the array.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst IsLastChildDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default IsLastChildDoc\n"],"names":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,iBAAiB,MAAM;AAErB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"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":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;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;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,iBAAiB,MAAM;AACzB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/PaginateDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import paginate from '@/utils/paginate'\n        \nconst arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]\n\nconst data = paginate(arr, 3, 2)\n\n// output: [4, 5, 6]\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAEd,SAAA,oBAAC,mBAAkB,EAAA,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOxC;AAEF;"}
+{"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":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAClB,SACI,oBAAC,mBAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOxC;AAEF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/PaginateDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'PaginateDoc/'\n\nconst demoHeader = {\n    title: 'paginate',\n    desc: 'This function paginate an array according to page number & size.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'array',\n                type: `<code>Array&lt;any&gt;</code>`,\n                default: `-`,\n                desc: 'Array that need to paginate',\n            },\n            {\n                propName: 'pageSize',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'Maximun element of the output array',\n            },\n            {\n                propName: 'pageNumber',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'Index that start from the array',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'paginatedData',\n                        type: `<code>Array&lt;any&gt;</code>`,\n                        default: `-`,\n                        desc: 'End result',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst PaginateDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"docs/SharedComponentsDoc/components\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default PaginateDoc\n"],"names":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,cAAc,MAAM;AAElB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"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":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;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;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,cAAc,MAAM;AACtB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/ReoderArrayDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import reorderArray from '@/utils/reorderArray';\n\nconst myList = ['apple', 'banana', 'cherry', 'date'];\nconst reorderedList = reorderArray(myList, 1, 3);\n\n// output: ['apple', 'cherry', 'date', 'banana']`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAEd,SAAA,oBAAC,mBAAkB,EAAA,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mDAKQ;AAElD;"}
+{"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":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAClB,SACI,oBAAC,mBAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mDAKQ;AAElD;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/ReoderArrayDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'ReoderArrayDoc'\n\nconst demoHeader = {\n    title: 'reoderArray',\n    desc: '<p><code>reorderArray</code> function takes an array and reorders its elements by moving an item from one index to another.</p>',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'list',\n                type: `<code>T[]</code>`,\n                default: `-`,\n                desc: 'The array to be reordered. This can be an array of any type (T is a generic type).',\n            },\n            {\n                propName: 'startIndex',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'The index of the element in the array that you want to move.',\n            },\n            {\n                propName: 'endIndex',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'The target index where the element should be placed.',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'result',\n                        type: `<code>T[]</code>`,\n                        desc: 'A new array with the element reordered from startIndex to endIndex.',\n                        default: `-`,\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst ReoderArrayDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default ReoderArrayDoc\n"],"names":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,iBAAiB,MAAM;AAErB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"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":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;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;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,iBAAiB,MAAM;AACzB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/ReorderDragableDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import reorderDragable from '@/utils/reorderDragable';\n\nconst quoteMap = {\n    list1: ['item1', 'item2', 'item3'],\n    list2: ['item4', 'item5'],\n};\n\nconst source = { droppableId: 'list1', index: 1 };  // Moving item2\nconst destination = { droppableId: 'list2', index: 1 };  // To position 1 in list2\n\nconst result = reorderDragable({ quoteMap, source, destination });\n\n// output:\n// {\n//   quoteMap: {\n//     list1: ['item1', 'item3'],\n//     list2: ['item4', 'item2', 'item5'],\n//   }\n// }\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAEd,SAAA,oBAAC,mBAAkB,EAAA,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAmBxC;AAEF;"}
+{"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":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAClB,SACI,oBAAC,mBAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAmBxC;AAEF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/ReorderDragableDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'ReorderDragableDoc'\n\nconst demoHeader = {\n    title: 'reorderDragable',\n    desc: '<p><code>reorderDragable</code> function is used for reordering items within or across droppable areas in a drag-and-drop interface, using the <code>DraggableLocation</code> structure.</p>',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'quoteMap',\n                type: `<code>T extends Record&lt;string, unknown[]&gt;</code>`,\n                default: `-`,\n                desc: 'An object where the keys represent different droppable areas (lists), and the values are arrays of items in each.',\n            },\n            {\n                propName: 'source',\n                type: `<code>{droppableId: string; index: number;}</code>`,\n                default: `-`,\n                desc: 'The starting location of the dragged item. This contains the droppableId and index of the item.',\n            },\n            {\n                propName: 'destination',\n                type: `<code>{droppableId: string; index: number;}</code>`,\n                default: `-`,\n                desc: 'The target location where the item is being dropped, containing the droppableId and index.',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'quoteMap',\n                        type: `<code>T</code>`,\n                        desc: 'A new object with the updated lists, reflecting the reordered items either within the same list or between different lists.',\n                        default: `-`,\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst ReorderDragableDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default ReorderDragableDoc\n"],"names":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,qBAAqB,MAAM;AAEzB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"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":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;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;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,qBAAqB,MAAM;AAC7B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/SleepDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import sleep from '@/utils/sleep';\n\nconst exampleFunction = async () => {\n    console.log(\"Before sleep\");\n    await sleep(2000);  // Pauses execution for 2 seconds\n    console.log(\"After sleep\");\n};\n\nexampleFunction()`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAEd,SAAA,oBAAC,mBAAkB,EAAA,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQvB;AAEnB;"}
+{"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":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAClB,SACI,oBAAC,mBAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQvB;AAEnB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/SleepDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'SleepDoc'\n\nconst demoHeader = {\n    title: 'sleep',\n    desc: 'Fuction of creates a delay or pause in the execution of code for a specified number of milliseconds by returning a promise that resolves after the given time',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'ms',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'The number of milliseconds to pause the execution.',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'resolve',\n                        type: `<code>Promise<void></code>`,\n                        default: `-`,\n                        desc: 'The promise resolves after the delay, allowing the execution of the next operation.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst SleepDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default SleepDoc\n"],"names":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;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;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,WAAW,MAAM;AAEf,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"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":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;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;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,WAAW,MAAM;AACnB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/SortByDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import sortBy from '@/utils/sortBy'\n\nconst arr = [\n\t{\n\t\tname: 'Carolyn Perkins',\n\t\temail: 'eileen_h@hotmail.com',\n\t},\n\t{\n\t\tname: 'Terrance Moreno',\n\t\temail: 'terrance_moreno@infotech.io',\n\t},\n\t{\n\t\tname: 'Ron Vargas',\n\t\temail: 'ronnie_vergas@infotech.io',\n\t},\n\t{\n\t\tname: 'Luke Cook',\n\t\temail: 'cookie_lukie@hotmail.com',\n\t},\n]\n\nconst data = arr.sort(sortBy('name', false , (a) =>  a.toUpperCase()))\n\n// output: [\n// \t{\n// \t\tname: 'Carolyn Perkins',\n// \t\temail: 'eileen_h@hotmail.com',\n// \t},\n// \t{\n// \t\tname: 'Luke Cook',\n// \t\temail: 'cookie_lukie@hotmail.com',\n// \t},\n// \t{\n// \t\tname: 'Ron Vargas',\n// \t\temail: 'ronnie_vergas@infotech.io',\n// \t},\n//  {\n// \t\tname: 'Terrance Moreno',\n// \t\temail: 'terrance_moreno@infotech.io',\n// \t},\n// ]\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAEd,SAAA,oBAAC,mBAAkB,EAAA,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAyCxC;AAEF;"}
+{"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":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAClB,SACI,oBAAC,mBAAA,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;AAEF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/SortByDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'SortByDoc/'\n\nconst demoHeader = {\n    title: 'sortBy',\n    desc: 'sortBy function able to sort array of object order with <code>array.sort</code> compare function by key.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'field',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'key of the object that target to sort',\n            },\n            {\n                propName: 'reverse',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Order of the result, <code>true</code> for descending, <code>false</code> for ascending',\n            },\n            {\n                propName: 'primer',\n                type: `<code>(key: string) => (key) => void</code>`,\n                default: `-`,\n                desc: 'Callback closure for key',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'result',\n                        type: `<code>(a, b) => boolean</code>`,\n                        default: `-`,\n                        desc: 'Sort result callback',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst SortByDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"docs/SharedComponentsDoc/components\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default SortByDoc\n"],"names":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,YAAY,MAAM;AAEhB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"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":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;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;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,YAAY,MAAM;AACpB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseAuthDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseAuthDoc/'\n\nconst demoHeader = {\n    title: 'useAuth',\n    desc: 'A hook that enables any component to get the current auth & users state & methods.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 'authenticated',\n                        type: `<code>boolean</code>`,\n                        default: `-`,\n                        desc: 'State of current authencation',\n                    },\n                    {\n                        propName: 'oAuthSignIn',\n                        type: `<code>(callback: (payload: {\n    onSignIn: (tokens: Token, user?: User) => void\n    redirect: () => void\n}) => void) => void</code>`,\n                        default: `-`,\n                        desc: 'Callback fuction after a single sign on',\n                    },\n                    {\n                        propName: 'signIn',\n                        type: `<code>({email: string, password: string}) => ({status: 'success' | 'failed', message: string})</code>`,\n                        default: `-`,\n                        desc: 'Sign in handler, return status & message as result',\n                    },\n                    {\n                        propName: 'signOut',\n                        type: `<code>() => void</code>`,\n                        default: `-`,\n                        desc: 'Sign out handler',\n                    },\n                    {\n                        propName: 'signUp',\n                        type: `<code>({userName: string, email: string, password: string}) => ({status: 'success' | 'failed', message: string})</code>`,\n                        default: `-`,\n                        desc: 'Sign up handler, return status & message as result',\n                    },\n                    {\n                        propName: 'user',\n                        type: `<code>{\n    userId?: string | null\n    avatar?: string | null\n    userName?: string | null\n    email?: string | null\n    authority?: string[]\n}</code>`,\n                        default: `-`,\n                        desc: 'Signed in user information',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseAuthDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseAuthDoc\n"],"names":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B;AAEA,MAAM,QACF;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UACV;AAAA,UACA;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA;AAAA;AAAA;AAAA,YAIN,SAAS;AAAA,YACT,MAAM;AAAA,UACV;AAAA,UACA;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UACV;AAAA,UACA;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UACV;AAAA,UACA;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UACV;AAAA,UACA;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAON,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ;AAGJ,MAAM,aAAa,MAAM;AAEjB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"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":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,aAAa,MAAM;AACrB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseAuthorityDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useAuthority from '@/utils/hooks/useAuthority'\n\nconst Component = () => {\n\n\tconst { userAuthority = [], authority = [], children } = props\n\n\tconst userAuthority = ['USER']\n\n\tconst authority = ['ADMIN', 'USER']\n\n\tconst roleMatched = useAuthority(userAuthority, authority)\n\n\treturn (...)\n}\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAEd,SAAA,oBAAC,mBAAkB,EAAA,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcxC;AAEF;"}
+{"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":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAClB,SACI,oBAAC,mBAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcxC;AAEF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseAuthorityDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseAuthorityDoc'\n\nconst demoHeader = {\n    title: 'useAuthority',\n    desc: 'useAuthority hook help to check whether the current user has permmision to access.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'userAuthority',\n                type: `<code>Array</code>`,\n                default: `<code>[]</code>`,\n                desc: 'List of the user roles',\n            },\n            {\n                propName: 'authority',\n                type: `<code>Array</code>`,\n                default: `<code>[]</code>`,\n                desc: 'List of roles that allow to access',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'roleMatched',\n                        type: `<code>boolean</code>`,\n                        default: `-`,\n                        desc: 'Result of authority match',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseAuthorityDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseAuthorityDoc\n"],"names":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,kBAAkB,MAAM;AAEtB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"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":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;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;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,kBAAkB,MAAM;AAC1B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseDarkModeDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useDarkMode from '@/utils/hooks/useDarkMode'\n\nconst Component = () => {\n\n\tconst [isDark, setIsDark] = useDarkMode()\n\n\tconst handleSetDarkMode = (bool) => {\n\t\tsetIsDark(bool ? 'dark' : 'light')\n\t}\n\treturn (...)\n}\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAEd,SAAA,oBAAC,mBAAkB,EAAA,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWxC;AAEF;"}
+{"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":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAClB,SACI,oBAAC,mBAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWxC;AAEF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseDarkModeDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseDarkModeDoc'\n\nconst demoHeader = {\n    title: 'useDarkMode',\n    desc: 'This hook helps to handles dark or light mode on the app.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 'isDark',\n                        type: `<code>boolean</code>`,\n                        default: `-`,\n                        desc: 'Whether the current mode is dark mode',\n                    },\n                    {\n                        propName: 'setIsDark',\n                        type: `<code>(mode: 'dark' | 'light') => void</code>`,\n                        default: `-`,\n                        desc: 'Mode setter',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseDarkModeDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseDarkModeDoc\n"],"names":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B;AAEA,MAAM,QACF;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UACV;AAAA,UACA;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ;AAGJ,MAAM,iBAAiB,MAAM;AAErB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"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":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,iBAAiB,MAAM;AACzB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseDebounceDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import { useState, useCallback } from 'react'\nimport Input from '@/components/ui/Input'\nimport useDebounce from '@/utils/hooks/useDebounce'\nimport type { ChangeEvent } from 'react'\n\nconst Example = () => {\n    const [query, setQuery] = useState('')\n\n    const handleSearch = (input: string) => {\n        console.log('Searching for:', input)\n    };\n\n    const debouncedSearch = useDebounce(handleSearch, 300);\n\n    const handleChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n        const value = event.target.value\n        setQuery(value)\n        debouncedSearch(value)\n    }, [debouncedSearch])\n\n    return (\n        <Input \n            type=\"text\"\n            value={query}\n            onChange={handleChange}\n            placeholder=\"Search...\"\n        />\n    );\n};\n\nexport default Example\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAEd,SAAA,oBAAC,mBAAkB,EAAA,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA+BxC;AAEF;"}
+{"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":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAClB,SACI,oBAAC,mBAAA,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;AAEF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseDebounceDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseDebounceDoc/'\n\nconst demoHeader = {\n    title: 'useDebounce ',\n    desc: 'This hook provides an easy way to debounce any function, ensuring that it only executes after a specified delay.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'func',\n                type: `<code> (...args: any)</code>`,\n                default: `-`,\n                desc: 'The function to debounce.',\n            },\n            {\n                propName: 'wait',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'The number of milliseconds to delay. If not provided, the function will be debounced with a default delay (usually determined by lodash)',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'func',\n                        type: `<code> (...args: any)</code>`,\n                        default: `-`,\n                        desc: 'A debounced version of the provided function, which will delay its execution based on the specified wait time and options.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseDebounceDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"docs/SharedComponentsDoc/components\"\n            api={demoApi}\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseDebounceDoc\n"],"names":[],"mappings":";;;;AAKA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,iBAAiB,MAAM;AAErB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,cAAa;AAAA,MACb,KAAK;AAAA,MACL;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"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":[],"mappings":";;;;AAKA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;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;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,iBAAiB,MAAM;AACzB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,cAAa;AAAA,MACb,KAAK;AAAA,MACL;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseDirectionDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useDirection from '@/utils/hooks/useDirection'\n\nconst Component = () => {\n\n\tconst [direction, updateDirection] = useDirection()\n\n\tconst handleDirChange = () => {\n\t\tupdateDirection('rtl')\n\t}\n\n\treturn (...)\n}\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAEd,SAAA,oBAAC,mBAAkB,EAAA,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYxC;AAEF;"}
+{"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":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAClB,SACI,oBAAC,mBAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYxC;AAEF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseDirectionDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseDirectionDoc/'\n\nconst demoHeader = {\n    title: 'useDirection',\n    desc: 'This hook helps to handles direction state of the app.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 'direction',\n                        type: `<code>'ltr'</code> | <code>'rtl'</code>`,\n                        default: `-`,\n                        desc: 'Current direction state',\n                    },\n                    {\n                        propName: 'updateDirection',\n                        type: `<code>(direction: 'ltr' | 'rtl') => void</code>`,\n                        default: `-`,\n                        desc: 'Direction setter',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseDirectionDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"docs/SharedComponentsDoc/components\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseDirectionDoc\n"],"names":[],"mappings":";;;;AAKA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B;AAEA,MAAM,QACF;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UACV;AAAA,UACA;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ;AAGJ,MAAM,kBAAkB,MAAM;AAEtB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"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":[],"mappings":";;;;AAKA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B;AAEA,MAAM,QACF;AAAA,EAAC;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;AAGJ,MAAM,kBAAkB,MAAM;AAC1B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

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

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