@orbe-agro/client-core 5.5.3 → 5.5.9

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseInfiniteScrollDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseInfiniteScrollDoc/'\n\nconst demoHeader = {\n    title: 'useInfiniteScroll',\n    desc: 'useInfiniteScroll hook provides a convenient way to implement infinite scrolling in a React component.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'offset',\n                type: `<code>string</code>`,\n                default: `'0px'`,\n                desc: 'The offset from the bottom of the container at which to trigger the load more action.',\n            },\n            {\n                propName: 'shouldStop',\n                type: `<code>boolean</code>`,\n                default: `false`,\n                desc: 'Flag to stop the infinite scroll from triggering further load more actions.',\n            },\n            {\n                propName: 'onLoadMore',\n                type: `<code>() => Promise<void></code>`,\n                default: `undefined`,\n                desc: 'The function to be called when the user reaches the bottom of the container.',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'isLoading',\n                        type: `<code>boolean</code>`,\n                        default: '',\n                        desc: 'Indicates whether the hook is currently loading more content.',\n                    },\n                    {\n                        propName: 'containerRef',\n                        type: `<code>LegacyRef<HTMLElement></code>`,\n                        default: '',\n                        desc: 'A ref callback function to be assigned to the container that requires infinite scrolling.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseInfiniteScrollDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"docs/SharedComponentsDoc/components\"\n            extra={extra}\n            api={demoApi}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseInfiniteScrollDoc\n"],"names":[],"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,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,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,uBAAuB,MAAM;AAE3B,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,KAAK;AAAA,MACL,SAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseInfiniteScrollDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseInfiniteScrollDoc/'\n\nconst demoHeader = {\n    title: 'useInfiniteScroll',\n    desc: 'useInfiniteScroll hook provides a convenient way to implement infinite scrolling in a React component.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'offset',\n                type: `<code>string</code>`,\n                default: `'0px'`,\n                desc: 'The offset from the bottom of the container at which to trigger the load more action.',\n            },\n            {\n                propName: 'shouldStop',\n                type: `<code>boolean</code>`,\n                default: `false`,\n                desc: 'Flag to stop the infinite scroll from triggering further load more actions.',\n            },\n            {\n                propName: 'onLoadMore',\n                type: `<code>() => Promise<void></code>`,\n                default: `undefined`,\n                desc: 'The function to be called when the user reaches the bottom of the container.',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'isLoading',\n                        type: `<code>boolean</code>`,\n                        default: '',\n                        desc: 'Indicates whether the hook is currently loading more content.',\n                    },\n                    {\n                        propName: 'containerRef',\n                        type: `<code>LegacyRef<HTMLElement></code>`,\n                        default: '',\n                        desc: 'A ref callback function to be assigned to the container that requires infinite scrolling.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseInfiniteScrollDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"docs/SharedComponentsDoc/components\"\n            extra={extra}\n            api={demoApi}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseInfiniteScrollDoc\n"],"names":[],"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,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,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,uBAAuB,MAAM;AAC/B,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,KAAK;AAAA,MACL,SAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseIntervalDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useInterval from '@/utils/hooks/useInterval'\n\nconst Example = () => {\n    const [count, setCount] = useState(0)\n\n    useInterval(() => {\n        setCount((prevCount) => prevCount + 1)\n    }, 1000)\n\n    return <div>Count: {count}</div>;\n};\n\nexport default Example\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"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,GAaxC;AAEF;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseIntervalDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useInterval from '@/utils/hooks/useInterval'\n\nconst Example = () => {\n    const [count, setCount] = useState(0)\n\n    useInterval(() => {\n        setCount((prevCount) => prevCount + 1)\n    }, 1000)\n\n    return <div>Count: {count}</div>;\n};\n\nexport default Example\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"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,GAaxC;AAEF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseIntervalDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseIntervalDoc/'\n\nconst demoHeader = {\n    title: 'useInterval',\n    desc: 'This hook provides an easy way to debounce any function, ensuring that it only executes after a specified delay.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'callback',\n                type: `<code>() => void</code>`,\n                default: `-`,\n                desc: 'The function to be executed at each interval.',\n            },\n            {\n                propName: 'delay',\n                type: `<code>number | null</code>`,\n                default: `-`,\n                desc: 'The delay between each execution of the callback in milliseconds. If null, the interval is paused.',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'intervalRef',\n                        type: `<code>React.MutableRefObject<number | null></code>`,\n                        default: `-`,\n                        desc: 'A ref object that holds the interval ID, which can be used for manual management of the interval.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseIntervalDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"docs/SharedComponentsDoc/components\"\n            api={demoApi}\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseIntervalDoc\n"],"names":[],"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/UseIntervalDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseIntervalDoc/'\n\nconst demoHeader = {\n    title: 'useInterval',\n    desc: 'This hook provides an easy way to debounce any function, ensuring that it only executes after a specified delay.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'callback',\n                type: `<code>() => void</code>`,\n                default: `-`,\n                desc: 'The function to be executed at each interval.',\n            },\n            {\n                propName: 'delay',\n                type: `<code>number | null</code>`,\n                default: `-`,\n                desc: 'The delay between each execution of the callback in milliseconds. If null, the interval is paused.',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'intervalRef',\n                        type: `<code>React.MutableRefObject<number | null></code>`,\n                        default: `-`,\n                        desc: 'A ref object that holds the interval ID, which can be used for manual management of the interval.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseIntervalDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"docs/SharedComponentsDoc/components\"\n            api={demoApi}\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseIntervalDoc\n"],"names":[],"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/UseLayoutDoc/Example.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseLayoutDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseLayoutDoc'\n\nconst demoHeader = {\n    title: 'useLayout',\n    desc: 'The useLayout hook provides access to the layout context, which various layout data & method to reassemble the page container, its purposely server for the template layout.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 'type',\n                        type: `<code>LayoutType</code>`,\n                        default: '-',\n                        desc: 'Indicates the current layout type, which may influence how components are displayed.',\n                    },\n                    {\n                        propName: 'adaptiveCardActive',\n                        type: `<code>boolean | undefined</code>`,\n                        default: '-',\n                        desc: 'Indicating whether an adaptive card layout is active.',\n                    },\n                    {\n                        propName: 'pageContainerReassemble',\n                        type: `<code>(props: PageContainerReassembleProps) => ReactNode | undefined</code>`,\n                        default: '-',\n                        desc: 'Optional function to dynamically reassemble the page container structure with custom properties and components.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseLayoutDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseLayoutDoc\n"],"names":[],"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,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,eAAe,MAAM;AAEnB,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/UseLayoutDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseLayoutDoc'\n\nconst demoHeader = {\n    title: 'useLayout',\n    desc: 'The useLayout hook provides access to the layout context, which various layout data & method to reassemble the page container, its purposely server for the template layout.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 'type',\n                        type: `<code>LayoutType</code>`,\n                        default: '-',\n                        desc: 'Indicates the current layout type, which may influence how components are displayed.',\n                    },\n                    {\n                        propName: 'adaptiveCardActive',\n                        type: `<code>boolean | undefined</code>`,\n                        default: '-',\n                        desc: 'Indicating whether an adaptive card layout is active.',\n                    },\n                    {\n                        propName: 'pageContainerReassemble',\n                        type: `<code>(props: PageContainerReassembleProps) => ReactNode | undefined</code>`,\n                        default: '-',\n                        desc: 'Optional function to dynamically reassemble the page container structure with custom properties and components.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseLayoutDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseLayoutDoc\n"],"names":[],"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,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,eAAe,MAAM;AACvB,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/UseMenuActiveDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseMenuActiveDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useMenuActive from '@/utils/hooks/useMenuActive'\nimport navigationConfig from '@/configs/navigation.config'\nimport { useSelector } from 'react-redux'\n\nconst Component = () => {\n\n    const currentRouteKey = useSelector(state => state.base.common.currentRouteKey)\n\n\tconst { activedRoute, includedRouteTree } = useMenuActive(navigationConfig, routeKey)\n\n\treturn (...)\n}\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"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/UseMenuActiveDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useMenuActive from '@/utils/hooks/useMenuActive'\nimport navigationConfig from '@/configs/navigation.config'\nimport { useSelector } from 'react-redux'\n\nconst Component = () => {\n\n    const currentRouteKey = useSelector(state => state.base.common.currentRouteKey)\n\n\tconst { activedRoute, includedRouteTree } = useMenuActive(navigationConfig, routeKey)\n\n\treturn (...)\n}\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"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/UseMenuActiveDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseMenuActiveDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseMenuActiveDoc'\n\nconst demoHeader = {\n    title: 'useMenuActive',\n    desc: 'useMenuActive helps to get navigation meta related with current route.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'navTree',\n                type: `<code>NavConfigMeta[]</code>`,\n                default: `-`,\n                desc: 'Nav config tree',\n            },\n            {\n                propName: 'key',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Current route key',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'activedRoute',\n                        type: `<code>NavConfigMeta</code>`,\n                        default: `-`,\n                        desc: 'NavConfigMeta that paired with current route key',\n                    },\n                    {\n                        propName: 'includedRouteTree',\n                        type: `<code>NavConfigMeta</code>`,\n                        default: `-`,\n                        desc: 'Root NavConfigMeta tree that included current route key',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseMenuActiveDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseMenuActiveDoc\n"],"names":[],"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,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,mBAAmB,MAAM;AAEvB,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/UseMenuActiveDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseMenuActiveDoc'\n\nconst demoHeader = {\n    title: 'useMenuActive',\n    desc: 'useMenuActive helps to get navigation meta related with current route.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'navTree',\n                type: `<code>NavConfigMeta[]</code>`,\n                default: `-`,\n                desc: 'Nav config tree',\n            },\n            {\n                propName: 'key',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Current route key',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'activedRoute',\n                        type: `<code>NavConfigMeta</code>`,\n                        default: `-`,\n                        desc: 'NavConfigMeta that paired with current route key',\n                    },\n                    {\n                        propName: 'includedRouteTree',\n                        type: `<code>NavConfigMeta</code>`,\n                        default: `-`,\n                        desc: 'Root NavConfigMeta tree that included current route key',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseMenuActiveDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseMenuActiveDoc\n"],"names":[],"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,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,mBAAmB,MAAM;AAC3B,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/UseQueryDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseQueryDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useQuery from '@/utils/hooks/useQuery'\n\nconst Component = () => {\n\n    const query = useQuery()\n\n    const id = query.get('queryKey')\n\n\treturn (...)\n}\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"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/UseQueryDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useQuery from '@/utils/hooks/useQuery'\n\nconst Component = () => {\n\n    const query = useQuery()\n\n    const id = query.get('queryKey')\n\n\treturn (...)\n}\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"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/UseQueryDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseQueryDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseQueryDoc'\n\nconst demoHeader = {\n    title: 'useQuery',\n    desc: 'useQuery created on top of <a class=\"text-primary underline\" href=\"https://reactrouter.com/docs/en/v6/hooks/use-location\" target=\"_blank\"><code>useLocation</code></a> hook to parse the query string.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 'query',\n                        type: `<a class=\"text-primary underline\" href=\"https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams/URLSearchParams\" target=\"_blank\"><code>URLSearchParams</code></a>`,\n                        default: `-`,\n                        desc: 'A URLSearchParams instance with useLocation().search initialized ',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseQueryDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseQueryDoc\n"],"names":[],"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,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,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseQueryDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseQueryDoc'\n\nconst demoHeader = {\n    title: 'useQuery',\n    desc: 'useQuery created on top of <a class=\"text-primary underline\" href=\"https://reactrouter.com/docs/en/v6/hooks/use-location\" target=\"_blank\"><code>useLocation</code></a> hook to parse the query string.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 'query',\n                        type: `<a class=\"text-primary underline\" href=\"https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams/URLSearchParams\" target=\"_blank\"><code>URLSearchParams</code></a>`,\n                        default: `-`,\n                        desc: 'A URLSearchParams instance with useLocation().search initialized ',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseQueryDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseQueryDoc\n"],"names":[],"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,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,cAAa;AAAA,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseRandomBgColorDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useRandomBgColor from '@/utils/hooks/useRandomBgColor';\n\nconst Example = ({ name }: { name: string }) => {\n    const getBgColor = useRandomBgColor();\n\n    return (\n        <div className={getBgColor(name)}>\n            {name}\n        </div>\n    );\n};\n\nexport default Example\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"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,GAaxC;AAEF;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseRandomBgColorDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useRandomBgColor from '@/utils/hooks/useRandomBgColor';\n\nconst Example = ({ name }: { name: string }) => {\n    const getBgColor = useRandomBgColor();\n\n    return (\n        <div className={getBgColor(name)}>\n            {name}\n        </div>\n    );\n};\n\nexport default Example\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"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,GAaxC;AAEF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseRandomBgColorDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseRandomBgColorDoc'\n\nconst demoHeader = {\n    title: 'useRandomBgColor',\n    desc: 'useRandomBgColor  hook generates a random background color from a predefined whitelist of Tailwind CSS colors based on the input name. This hook is useful for assigning consistent background colors based on a string, such as a username or item name.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 'generateBgColor',\n                        type: `<code>(name: string) => string</code>`,\n                        default: '',\n                        desc: 'Returns a Tailwind CSS background color class based on the input name string.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseRandomBgColorDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseRandomBgColorDoc\n"],"names":[],"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,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ;AAGJ,MAAM,sBAAsB,MAAM;AAE1B,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/UseRandomBgColorDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseRandomBgColorDoc'\n\nconst demoHeader = {\n    title: 'useRandomBgColor',\n    desc: 'useRandomBgColor  hook generates a random background color from a predefined whitelist of Tailwind CSS colors based on the input name. This hook is useful for assigning consistent background colors based on a string, such as a username or item name.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 'generateBgColor',\n                        type: `<code>(name: string) => string</code>`,\n                        default: '',\n                        desc: 'Returns a Tailwind CSS background color class based on the input name string.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseRandomBgColorDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseRandomBgColorDoc\n"],"names":[],"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,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ;AAGJ,MAAM,sBAAsB,MAAM;AAC9B,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/UseResponsiveDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseResponsiveDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useResponsive from '@/utils/hooks/useResponsive'\n\nconst Component = () => {\n\n    const { larger, smaller, windowWidth } = useResponsive()\n\n\treturn (...)\n}\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAEd,SAAA,oBAAC,mBAAkB,EAAA,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQxC;AAEF;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseResponsiveDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useResponsive from '@/utils/hooks/useResponsive'\n\nconst Component = () => {\n\n    const { larger, smaller, windowWidth } = useResponsive()\n\n\treturn (...)\n}\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAClB,SACI,oBAAC,mBAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQxC;AAEF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseResponsiveDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseResponsiveDoc'\n\nconst demoHeader = {\n    title: 'useResponsive',\n    desc: 'A hooks for getting responsive information',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 'larger',\n                        type: `<code>{2xl: boolean, xl: boolean, lg: boolean, md: boolean, sm: boolean, xs: boolean}</code>`,\n                        default: `-`,\n                        desc: 'Breakpoints with statement that larger than current window width',\n                    },\n                    {\n                        propName: 'smaller',\n                        type: `<code>{2xl: boolean, xl: boolean, lg: boolean, md: boolean, sm: boolean, xs: boolean}</code>`,\n                        default: `-`,\n                        desc: 'Breakpoints with statement that smaller than current window width',\n                    },\n                    {\n                        propName: 'windowWidth',\n                        type: `<code>number</code>`,\n                        default: `-`,\n                        desc: 'Current window width',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseResponsiveDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseResponsiveDoc\n"],"names":[],"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,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,mBAAmB,MAAM;AAEvB,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/UseResponsiveDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseResponsiveDoc'\n\nconst demoHeader = {\n    title: 'useResponsive',\n    desc: 'A hooks for getting responsive information',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 'larger',\n                        type: `<code>{2xl: boolean, xl: boolean, lg: boolean, md: boolean, sm: boolean, xs: boolean}</code>`,\n                        default: `-`,\n                        desc: 'Breakpoints with statement that larger than current window width',\n                    },\n                    {\n                        propName: 'smaller',\n                        type: `<code>{2xl: boolean, xl: boolean, lg: boolean, md: boolean, sm: boolean, xs: boolean}</code>`,\n                        default: `-`,\n                        desc: 'Breakpoints with statement that smaller than current window width',\n                    },\n                    {\n                        propName: 'windowWidth',\n                        type: `<code>number</code>`,\n                        default: `-`,\n                        desc: 'Current window width',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseResponsiveDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseResponsiveDoc\n"],"names":[],"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,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,mBAAmB,MAAM;AAC3B,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/UseScrollTopDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseScrollTopDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useScrollTop from '@/utils/hooks/useScrollTop';\n\nconst Example = () => {\n    const { isSticky } = useScrollTop();\n\n    return (\n        <header className={isSticky ? 'sticky' : ''}>\n            <h1>My Sticky Header</h1>\n        </header>\n    );\n};\n\nexport default Example\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"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,GAaxC;AAEF;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseScrollTopDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useScrollTop from '@/utils/hooks/useScrollTop';\n\nconst Example = () => {\n    const { isSticky } = useScrollTop();\n\n    return (\n        <header className={isSticky ? 'sticky' : ''}>\n            <h1>My Sticky Header</h1>\n        </header>\n    );\n};\n\nexport default Example\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"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,GAaxC;AAEF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseScrollTopDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseScrollTopDoc'\n\nconst demoHeader = {\n    title: 'useScrollTop',\n    desc: 'This hook tracks the window scroll position and returns a boolean value indicating whether the user has scrolled past the top of the page.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 'isSticky',\n                        type: `<code>boolean</code>`,\n                        default: '',\n                        desc: 'Indicates whether the page has been scrolled from the top (i.e., if the element should be sticky).',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseScrollTopDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseScrollTopDoc\n"],"names":[],"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,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/UseScrollTopDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseScrollTopDoc'\n\nconst demoHeader = {\n    title: 'useScrollTop',\n    desc: 'This hook tracks the window scroll position and returns a boolean value indicating whether the user has scrolled past the top of the page.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 'isSticky',\n                        type: `<code>boolean</code>`,\n                        default: '',\n                        desc: 'Indicates whether the page has been scrolled from the top (i.e., if the element should be sticky).',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseScrollTopDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseScrollTopDoc\n"],"names":[],"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,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/UseTimeOutMessageDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseTimeOutMessageDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useTimeOutMessage from '@/utils/hooks/useTimeOutMessage'\n\nconst Component = () => {\n\n    const [ message, setMessage ] = useTimeOutMessage(5000)\n\n\treturn (...)\n}\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAEd,SAAA,oBAAC,mBAAkB,EAAA,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQxC;AAEF;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseTimeOutMessageDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useTimeOutMessage from '@/utils/hooks/useTimeOutMessage'\n\nconst Component = () => {\n\n    const [ message, setMessage ] = useTimeOutMessage(5000)\n\n\treturn (...)\n}\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAClB,SACI,oBAAC,mBAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQxC;AAEF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseTimeOutMessageDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseTimeOutMessageDoc'\n\nconst demoHeader = {\n    title: 'useTimeOutMessage',\n    desc: 'useTimeOutMessage allow us to display message that disappear after a period of time.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'interval',\n                type: `<code>number</code>`,\n                default: `<code>3000</code>`,\n                desc: 'Time of message display',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'message',\n                        type: `<code>string</code>`,\n                        default: `-`,\n                        desc: 'Message string',\n                    },\n                    {\n                        propName: 'setMessage',\n                        type: `<code>string</code>`,\n                        default: `-`,\n                        desc: 'Message setter',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseTimeOutMessageDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseTimeOutMessageDoc\n"],"names":[],"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,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,uBAAuB,MAAM;AAE3B,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/UseTimeOutMessageDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseTimeOutMessageDoc'\n\nconst demoHeader = {\n    title: 'useTimeOutMessage',\n    desc: 'useTimeOutMessage allow us to display message that disappear after a period of time.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'interval',\n                type: `<code>number</code>`,\n                default: `<code>3000</code>`,\n                desc: 'Time of message display',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'message',\n                        type: `<code>string</code>`,\n                        default: `-`,\n                        desc: 'Message string',\n                    },\n                    {\n                        propName: 'setMessage',\n                        type: `<code>string</code>`,\n                        default: `-`,\n                        desc: 'Message setter',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseTimeOutMessageDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseTimeOutMessageDoc\n"],"names":[],"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,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,uBAAuB,MAAM;AAC/B,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/UseTranslationDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseTranslationDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useTranslation from '@/utils/hooks/useTranslation\n\nconst Example = () => {\n    const { t, ready } = useTranslation(true)\n\n    return (\n        <div>\n            {ready ? <p>{t('hello', 'Hello')}</p> : <p>Loading translations...</p>}\n        </div>\n    );\n};\n\nexport default Example\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"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,GAaxC;AAEF;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseTranslationDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useTranslation from '@/utils/hooks/useTranslation\n\nconst Example = () => {\n    const { t, ready } = useTranslation(true)\n\n    return (\n        <div>\n            {ready ? <p>{t('hello', 'Hello')}</p> : <p>Loading translations...</p>}\n        </div>\n    );\n};\n\nexport default Example\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"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,GAaxC;AAEF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseTranslationDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseTranslationDoc'\n\nconst demoHeader = {\n    title: 'useTranslation',\n    desc: `<code>useTranslation</code> is a custom wrapper around <code>react-i18next</code>'s <code>useTranslation</code>.`,\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'usePlaceholder',\n                type: `<code>boolean</code>\t`,\n                default: '-',\n                desc: 'A flag indicating whether to use a placeholder translation function.',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 't',\n                        type: `<code>(key: string, fallback?: string | Record< string, string | number >) => string</code>`,\n                        default: '-',\n                        desc: 'A translation function that returns the translated string or the fallback if no translation is found.',\n                    },\n                    {\n                        propName: 'ready',\n                        type: `<code>boolean</code>`,\n                        default: '-',\n                        desc: 'Indicates whether the translations are ready to be used.',\n                    },\n                    {\n                        propName: 'i18n',\n                        type: `<code>string</code>`,\n                        default: '-',\n                        desc: 'The i18n instance or an empty string in placeholder mode.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseTranslationDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            api={demoApi}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseTranslationDoc\n"],"names":[],"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,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UACV;AAAA,UACA;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UACV;AAAA,UACA;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ;AAGJ,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,cAAa;AAAA,MACb;AAAA,MACA,KAAK;AAAA,MACL,SAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseTranslationDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseTranslationDoc'\n\nconst demoHeader = {\n    title: 'useTranslation',\n    desc: `<code>useTranslation</code> is a custom wrapper around <code>react-i18next</code>'s <code>useTranslation</code>.`,\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'usePlaceholder',\n                type: `<code>boolean</code>\t`,\n                default: '-',\n                desc: 'A flag indicating whether to use a placeholder translation function.',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 't',\n                        type: `<code>(key: string, fallback?: string | Record< string, string | number >) => string</code>`,\n                        default: '-',\n                        desc: 'A translation function that returns the translated string or the fallback if no translation is found.',\n                    },\n                    {\n                        propName: 'ready',\n                        type: `<code>boolean</code>`,\n                        default: '-',\n                        desc: 'Indicates whether the translations are ready to be used.',\n                    },\n                    {\n                        propName: 'i18n',\n                        type: `<code>string</code>`,\n                        default: '-',\n                        desc: 'The i18n instance or an empty string in placeholder mode.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseTranslationDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            api={demoApi}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseTranslationDoc\n"],"names":[],"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,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ;AAGJ,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,cAAa;AAAA,MACb;AAAA,MACA,KAAK;AAAA,MACL,SAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/WildCardSearchDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import wildCardSearch from '@/utils/wildCardSearch'\n\nconst arr = [\n\t{\n\t\tname: 'Carolyn Perkins',\n\t\temail: 'eileen_h@hotmail.com',\n\t},\n\t{\n\t\tname: 'Terrance Moreno',\n\t\temail: 'terrance_moreno@infotech.io',\n\t},\n\t{\n\t\tname: 'Ron Vargas',\n\t\temail: 'ronnie_vergas@infotech.io',\n\t},\n\t{\n\t\tname: 'Luke Cook',\n\t\temail: 'cookie_lukie@hotmail.com',\n\t},\n]\n\nconst data = wildCardSearch(arr, 'Terran')\n\n// output: [\n//  {\n// \t\tname: 'Terrance Moreno',\n// \t\temail: 'terrance_moreno@infotech.io',\n// \t},\n// ]\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"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,GA6BxC;AAEF;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/WildCardSearchDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import wildCardSearch from '@/utils/wildCardSearch'\n\nconst arr = [\n\t{\n\t\tname: 'Carolyn Perkins',\n\t\temail: 'eileen_h@hotmail.com',\n\t},\n\t{\n\t\tname: 'Terrance Moreno',\n\t\temail: 'terrance_moreno@infotech.io',\n\t},\n\t{\n\t\tname: 'Ron Vargas',\n\t\temail: 'ronnie_vergas@infotech.io',\n\t},\n\t{\n\t\tname: 'Luke Cook',\n\t\temail: 'cookie_lukie@hotmail.com',\n\t},\n]\n\nconst data = wildCardSearch(arr, 'Terran')\n\n// output: [\n//  {\n// \t\tname: 'Terrance Moreno',\n// \t\temail: 'terrance_moreno@infotech.io',\n// \t},\n// ]\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"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,GA6BxC;AAEF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/WildCardSearchDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'WildCardSearchDoc'\n\nconst demoHeader = {\n    title: 'wildCardSearch',\n    desc: 'Wildcard search for array of object.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'list',\n                type: `<code>Array&lt;T&gt;</code>`,\n                default: `-`,\n                desc: 'Array of object',\n            },\n            {\n                propName: 'input',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Keyword',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'result',\n                        type: `<code>Array&lt;T&gt;</code>`,\n                        default: `-`,\n                        desc: 'Result array',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst WildCardSearchDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default WildCardSearchDoc\n"],"names":[],"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,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,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/WildCardSearchDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'WildCardSearchDoc'\n\nconst demoHeader = {\n    title: 'wildCardSearch',\n    desc: 'Wildcard search for array of object.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'list',\n                type: `<code>Array&lt;T&gt;</code>`,\n                default: `-`,\n                desc: 'Array of object',\n            },\n            {\n                propName: 'input',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Keyword',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'result',\n                        type: `<code>Array&lt;T&gt;</code>`,\n                        default: `-`,\n                        desc: 'Result array',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst WildCardSearchDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default WildCardSearchDoc\n"],"names":[],"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,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,MACb;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/WithHeaderItemDoc/Example.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport Dropdown from '@/components/ui/Dropdown'\nimport { HiOutlineSearch } from 'react-icons/hi'\n\nconst _Example = () => {\n    return (\n        <Dropdown\n            renderTitle={<HiOutlineSearch className={classNames('text-4xl')} />}\n        >\n            <Dropdown.Item eventKey=\"a\">Item A</Dropdown.Item>\n            <Dropdown.Item eventKey=\"b\">Item B</Dropdown.Item>\n            <Dropdown.Item eventKey=\"c\">Item C</Dropdown.Item>\n            <Dropdown.Item eventKey=\"d\">Item D</Dropdown.Item>\n        </Dropdown>\n    )\n}\n\nconst Example = withHeaderItem(_Example)\n\nexport default Example\n"],"names":[],"mappings":";;;;;AAKA,MAAM,WAAW,MAAM;AAEf,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAc,oBAAA,iBAAA,EAAgB,WAAW,WAAW,UAAU,GAAG;AAAA,MAEjE,UAAA;AAAA,QAAA,oBAAC,SAAS,MAAT,EAAc,UAAS,KAAI,UAAM,UAAA;AAAA,4BACjC,SAAS,MAAT,EAAc,UAAS,KAAI,UAAM,UAAA;AAAA,4BACjC,SAAS,MAAT,EAAc,UAAS,KAAI,UAAM,UAAA;AAAA,4BACjC,SAAS,MAAT,EAAc,UAAS,KAAI,UAAM,SAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACtC;AAER;AAEM,MAAA,UAAU,eAAe,QAAQ;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/WithHeaderItemDoc/Example.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport Dropdown from '@/components/ui/Dropdown'\nimport { HiOutlineSearch } from 'react-icons/hi'\n\nconst _Example = () => {\n    return (\n        <Dropdown\n            renderTitle={<HiOutlineSearch className={classNames('text-4xl')} />}\n        >\n            <Dropdown.Item eventKey=\"a\">Item A</Dropdown.Item>\n            <Dropdown.Item eventKey=\"b\">Item B</Dropdown.Item>\n            <Dropdown.Item eventKey=\"c\">Item C</Dropdown.Item>\n            <Dropdown.Item eventKey=\"d\">Item D</Dropdown.Item>\n        </Dropdown>\n    )\n}\n\nconst Example = withHeaderItem(_Example)\n\nexport default Example\n"],"names":[],"mappings":";;;;;AAKA,MAAM,WAAW,MAAM;AACnB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAa,oBAAC,iBAAA,EAAgB,WAAW,WAAW,UAAU,GAAG;AAAA,MAEjE,UAAA;AAAA,QAAA,oBAAC,SAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,4BACjC,SAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,4BACjC,SAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,4BACjC,SAAS,MAAT,EAAc,UAAS,KAAI,UAAA,SAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG9C;AAEA,MAAM,UAAU,eAAe,QAAQ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/WithHeaderItemDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'WithHeaderItemDoc'\n\nconst demoHeader = {\n    title: 'withHeaderItem',\n    desc: 'withHeaderItem wrap component into a clickable option for header.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'withHeaderItem',\n        api: [\n            {\n                propName: 'hoverable',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to make the item hoverable',\n            },\n        ],\n    },\n]\n\nconst WithHeaderItemDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n        />\n    )\n}\n\nexport default WithHeaderItemDoc\n"],"names":[],"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,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,oBAAoB,MAAM;AAExB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,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/WithHeaderItemDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'WithHeaderItemDoc'\n\nconst demoHeader = {\n    title: 'withHeaderItem',\n    desc: 'withHeaderItem wrap component into a clickable option for header.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'withHeaderItem',\n        api: [\n            {\n                propName: 'hoverable',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to make the item hoverable',\n            },\n        ],\n    },\n]\n\nconst WithHeaderItemDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n        />\n    )\n}\n\nexport default WithHeaderItemDoc\n"],"names":[],"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,IACV;AAAA,EACJ;AAER;AAEA,MAAM,oBAAoB,MAAM;AAC5B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,IAAA;AAAA,EAAA;AAGzB;"}

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

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

package/dist/@ecme/views/others/AccessDenied/AccessDenied.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessDenied.js","sources":["../../../../../lib/@ecme/views/others/AccessDenied/AccessDenied.tsx"],"sourcesContent":["import Container from \"@/components/shared/Container\";\nimport SpaceSignBoard from \"@/assets/svg/SpaceSignBoard\";\nimport { useTranslation } from \"react-i18next\";\n\nconst AccessDenied = () => {\n  const { t } = useTranslation();\n  return (\n    <Container className=\"h-full\">\n      <div className=\"h-full flex flex-col items-center justify-center\">\n        <SpaceSignBoard height={280} width={280} />\n        <div className=\"mt-10 text-center\">\n          <h3 className=\"mb-2\">{t(\"pages.accessDenied.layout.title\")}</h3>\n          <p className=\"text-base\">{t(\"pages.accessDenied.layout.subtitle\")}</p>\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default AccessDenied;\n"],"names":[],"mappings":";;;;AAIA,MAAM,eAAe,MAAM;AACnB,QAAA,EAAE,EAAE,IAAI,eAAe;AAC7B,6BACG,WAAU,EAAA,WAAU,UACnB,UAAC,qBAAA,OAAA,EAAI,WAAU,oDACb,UAAA;AAAA,IAAA,oBAAC,gBAAe,EAAA,QAAQ,KAAK,OAAO,KAAK;AAAA,IACzC,qBAAC,OAAI,EAAA,WAAU,qBACb,UAAA;AAAA,MAAA,oBAAC,MAAG,EAAA,WAAU,QAAQ,UAAA,EAAE,iCAAiC,GAAE;AAAA,0BAC1D,KAAE,EAAA,WAAU,aAAa,UAAA,EAAE,oCAAoC,EAAE,CAAA;AAAA,IAAA,EACpE,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"AccessDenied.js","sources":["../../../../../lib/@ecme/views/others/AccessDenied/AccessDenied.tsx"],"sourcesContent":["import Container from \"@/components/shared/Container\";\nimport SpaceSignBoard from \"@/assets/svg/SpaceSignBoard\";\nimport { useTranslation } from \"react-i18next\";\n\nconst AccessDenied = () => {\n  const { t } = useTranslation();\n  return (\n    <Container className=\"h-full\">\n      <div className=\"h-full flex flex-col items-center justify-center\">\n        <SpaceSignBoard height={280} width={280} />\n        <div className=\"mt-10 text-center\">\n          <h3 className=\"mb-2\">{t(\"pages.accessDenied.layout.title\")}</h3>\n          <p className=\"text-base\">{t(\"pages.accessDenied.layout.subtitle\")}</p>\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default AccessDenied;\n"],"names":[],"mappings":";;;;AAIA,MAAM,eAAe,MAAM;AACzB,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,6BACG,WAAA,EAAU,WAAU,UACnB,UAAA,qBAAC,OAAA,EAAI,WAAU,oDACb,UAAA;AAAA,IAAA,oBAAC,gBAAA,EAAe,QAAQ,KAAK,OAAO,KAAK;AAAA,IACzC,qBAAC,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,QAAQ,UAAA,EAAE,iCAAiC,GAAE;AAAA,0BAC1D,KAAA,EAAE,WAAU,aAAa,UAAA,EAAE,oCAAoC,EAAA,CAAE;AAAA,IAAA,EAAA,CACpE;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Block.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Block.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\n\nconst Block = () => {\n    return (\n        <div>\n            <Button block className=\"mb-5\">\n                Block\n            </Button>\n            <Button block variant=\"solid\">\n                Another Block\n            </Button>\n        </div>\n    )\n}\n\nexport default Block\n"],"names":[],"mappings":";;;AAEA,MAAM,QAAQ,MAAM;AAChB,8BACK,OACG,EAAA,UAAA;AAAA,IAAA,oBAAC,QAAO,EAAA,OAAK,MAAC,WAAU,QAAO,UAE/B,SAAA;AAAA,wBACC,QAAO,EAAA,OAAK,MAAC,SAAQ,SAAQ,UAE9B,gBAAA,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Block.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Block.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\n\nconst Block = () => {\n    return (\n        <div>\n            <Button block className=\"mb-5\">\n                Block\n            </Button>\n            <Button block variant=\"solid\">\n                Another Block\n            </Button>\n        </div>\n    )\n}\n\nexport default Block\n"],"names":[],"mappings":";;;AAEA,MAAM,QAAQ,MAAM;AAChB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,OAAK,MAAC,WAAU,QAAO,UAAA,SAE/B;AAAA,wBACC,QAAA,EAAO,OAAK,MAAC,SAAQ,SAAQ,UAAA,gBAAA,CAE9B;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonWithIcon.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/ButtonWithIcon.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport { HiOutlineCog, HiOutlinePencil, HiOutlineInboxIn } from 'react-icons/hi'\n\nconst ButtonWithIcon = () => {\n    const [loading, setLoading] = useState(false)\n\n    const onClick = () => {\n        setLoading(true)\n\n        setTimeout(() => {\n            setLoading(false)\n        }, 3000)\n    }\n\n    return (\n        <div className=\"flex-wrap inline-flex xl:flex items-center gap-2\">\n            <Button className=\"mr-2\" icon={<HiOutlinePencil />}>\n                <span>Edit</span>\n            </Button>\n            <Button className=\"mr-2\" icon={<HiOutlineCog />}>\n                <span>\n                    <span>Settings</span>\n                </span>\n            </Button>\n            <Button\n                className=\"mr-2\"\n                variant=\"solid\"\n                loading={loading}\n                icon={<HiOutlineInboxIn />}\n                onClick={onClick}\n            >\n                <span>With Loading (Click to trigger)</span>\n            </Button>\n        </div>\n    )\n}\n\nexport default ButtonWithIcon\n"],"names":[],"mappings":";;;;;AAIA,MAAM,iBAAiB,MAAM;AACzB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,UAAU,MAAM;AAClB,eAAW,IAAI;AAEf,eAAW,MAAM;AACb,iBAAW,KAAK;AAAA,OACjB,GAAI;AAAA,EACX;AAGI,SAAA,qBAAC,OAAI,EAAA,WAAU,oDACX,UAAA;AAAA,IAAC,oBAAA,QAAA,EAAO,WAAU,QAAO,MAAM,oBAAC,kBAAgB,CAAA,GAC5C,UAAA,oBAAC,QAAK,EAAA,UAAA,OAAI,CAAA,GACd;AAAA,IACC,oBAAA,QAAA,EAAO,WAAU,QAAO,MAAO,oBAAA,cAAA,CAAa,CAAA,GACzC,UAAA,oBAAC,QACG,EAAA,UAAA,oBAAC,QAAK,EAAA,UAAA,WAAA,CAAQ,EAClB,CAAA,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAQ;AAAA,QACR;AAAA,QACA,0BAAO,kBAAiB,EAAA;AAAA,QACxB;AAAA,QAEA,UAAA,oBAAC,UAAK,UAA+B,kCAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACzC,GACJ;AAER;"}
+{"version":3,"file":"ButtonWithIcon.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/ButtonWithIcon.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport { HiOutlineCog, HiOutlinePencil, HiOutlineInboxIn } from 'react-icons/hi'\n\nconst ButtonWithIcon = () => {\n    const [loading, setLoading] = useState(false)\n\n    const onClick = () => {\n        setLoading(true)\n\n        setTimeout(() => {\n            setLoading(false)\n        }, 3000)\n    }\n\n    return (\n        <div className=\"flex-wrap inline-flex xl:flex items-center gap-2\">\n            <Button className=\"mr-2\" icon={<HiOutlinePencil />}>\n                <span>Edit</span>\n            </Button>\n            <Button className=\"mr-2\" icon={<HiOutlineCog />}>\n                <span>\n                    <span>Settings</span>\n                </span>\n            </Button>\n            <Button\n                className=\"mr-2\"\n                variant=\"solid\"\n                loading={loading}\n                icon={<HiOutlineInboxIn />}\n                onClick={onClick}\n            >\n                <span>With Loading (Click to trigger)</span>\n            </Button>\n        </div>\n    )\n}\n\nexport default ButtonWithIcon\n"],"names":[],"mappings":";;;;;AAIA,MAAM,iBAAiB,MAAM;AACzB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,UAAU,MAAM;AAClB,eAAW,IAAI;AAEf,eAAW,MAAM;AACb,iBAAW,KAAK;AAAA,IACpB,GAAG,GAAI;AAAA,EACX;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,WAAU,QAAO,MAAM,oBAAC,mBAAgB,GAC5C,UAAA,oBAAC,QAAA,EAAK,UAAA,OAAA,CAAI,GACd;AAAA,IACA,oBAAC,QAAA,EAAO,WAAU,QAAO,MAAM,oBAAC,cAAA,CAAA,CAAa,GACzC,UAAA,oBAAC,QAAA,EACG,UAAA,oBAAC,QAAA,EAAK,UAAA,WAAA,CAAQ,GAClB,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAQ;AAAA,QACR;AAAA,QACA,0BAAO,kBAAA,EAAiB;AAAA,QACxB;AAAA,QAEA,UAAA,oBAAC,UAAK,UAAA,kCAAA,CAA+B;AAAA,MAAA;AAAA,IAAA;AAAA,EACzC,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Color.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Color.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport classNames from 'classnames'\n\nconst Color = () => {\n    return (\n        <div className=\"mb-3\">\n            <Button\n                className=\"mr-2\"\n                clickFeedback={false}\n                customColorClass={({ active, unclickable }) =>\n                    classNames(\n                        'hover:text-gray-800 dark:hover:bg-gray-600 border-0 hover:ring-0',\n                        active ? 'bg-gray-200' : 'bg-gray-100',\n                        unclickable && 'opacity-50 cursor-not-allowed',\n                        !active && !unclickable && 'hover:bg-gray-200',\n                    )\n                }\n            >\n                Custom style\n            </Button>\n        </div>\n    )\n}\n\nexport default Color\n"],"names":[],"mappings":";;;;AAGA,MAAM,QAAQ,MAAM;AAEZ,SAAA,oBAAC,OAAI,EAAA,WAAU,QACX,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,eAAe;AAAA,MACf,kBAAkB,CAAC,EAAE,QAAQ,YACzB,MAAA;AAAA,QACI;AAAA,QACA,SAAS,gBAAgB;AAAA,QACzB,eAAe;AAAA,QACf,CAAC,UAAU,CAAC,eAAe;AAAA,MAC/B;AAAA,MAEP,UAAA;AAAA,IAAA;AAAA,EAAA,GAGL;AAER;"}
+{"version":3,"file":"Color.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Color.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport classNames from 'classnames'\n\nconst Color = () => {\n    return (\n        <div className=\"mb-3\">\n            <Button\n                className=\"mr-2\"\n                clickFeedback={false}\n                customColorClass={({ active, unclickable }) =>\n                    classNames(\n                        'hover:text-gray-800 dark:hover:bg-gray-600 border-0 hover:ring-0',\n                        active ? 'bg-gray-200' : 'bg-gray-100',\n                        unclickable && 'opacity-50 cursor-not-allowed',\n                        !active && !unclickable && 'hover:bg-gray-200',\n                    )\n                }\n            >\n                Custom style\n            </Button>\n        </div>\n    )\n}\n\nexport default Color\n"],"names":[],"mappings":";;;;AAGA,MAAM,QAAQ,MAAM;AAChB,SACI,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,eAAe;AAAA,MACf,kBAAkB,CAAC,EAAE,QAAQ,kBACzB;AAAA,QACI;AAAA,QACA,SAAS,gBAAgB;AAAA,QACzB,eAAe;AAAA,QACf,CAAC,UAAU,CAAC,eAAe;AAAA,MAAA;AAAA,MAGtC,UAAA;AAAA,IAAA;AAAA,EAAA,GAGL;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Disabled.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\n\nconst Disabled = () => {\n    return (\n        <div className=\"flex items-center gap-2\">\n            <Button disabled variant=\"default\">\n                Default\n            </Button>\n            <Button disabled variant=\"solid\">\n                Solid\n            </Button>\n            <Button disabled variant=\"plain\">\n                Plain\n            </Button>\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":[],"mappings":";;;AAEA,MAAM,WAAW,MAAM;AAEf,SAAA,qBAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,IAAA,oBAAC,QAAO,EAAA,UAAQ,MAAC,SAAQ,WAAU,UAEnC,WAAA;AAAA,wBACC,QAAO,EAAA,UAAQ,MAAC,SAAQ,SAAQ,UAEjC,SAAA;AAAA,wBACC,QAAO,EAAA,UAAQ,MAAC,SAAQ,SAAQ,UAEjC,QAAA,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Disabled.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\n\nconst Disabled = () => {\n    return (\n        <div className=\"flex items-center gap-2\">\n            <Button disabled variant=\"default\">\n                Default\n            </Button>\n            <Button disabled variant=\"solid\">\n                Solid\n            </Button>\n            <Button disabled variant=\"plain\">\n                Plain\n            </Button>\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":[],"mappings":";;;AAEA,MAAM,WAAW,MAAM;AACnB,SACI,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,UAAQ,MAAC,SAAQ,WAAU,UAAA,WAEnC;AAAA,wBACC,QAAA,EAAO,UAAQ,MAAC,SAAQ,SAAQ,UAAA,SAEjC;AAAA,wBACC,QAAA,EAAO,UAAQ,MAAC,SAAQ,SAAQ,UAAA,QAAA,CAEjC;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Icon.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { HiPhone } from 'react-icons/hi'\n\nconst Icon = () => {\n    return (\n        <>\n            <div className=\"flex-wrap inline-flex xl:flex items-center gap-2\">\n                <Button shape=\"circle\" size=\"xs\" icon={<HiPhone />} />\n                <Button shape=\"circle\" size=\"sm\" icon={<HiPhone />} />\n                <Button shape=\"circle\" icon={<HiPhone />} />\n                <Button shape=\"circle\" size=\"lg\" icon={<HiPhone />} />\n            </div>\n            <br />\n            <div className=\"flex-wrap inline-flex xl:flex items-center gap-2\">\n                <Button size=\"xs\" icon={<HiPhone />} />\n                <Button size=\"sm\" icon={<HiPhone />} />\n                <Button icon={<HiPhone />} />\n                <Button size=\"lg\" icon={<HiPhone />} />\n            </div>\n        </>\n    )\n}\n\nexport default Icon\n"],"names":[],"mappings":";;;;AAGA,MAAM,OAAO,MAAM;AACf,SAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAC,qBAAA,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,MAAC,oBAAA,QAAA,EAAO,OAAM,UAAS,MAAK,MAAK,MAAM,oBAAC,WAAQ,EAAI,CAAA;AAAA,MACpD,oBAAC,UAAO,OAAM,UAAS,MAAK,MAAK,MAAO,oBAAA,SAAA,CAAA,CAAQ,EAAI,CAAA;AAAA,0BACnD,QAAO,EAAA,OAAM,UAAS,MAAM,oBAAC,UAAQ,CAAA,GAAI;AAAA,MAC1C,oBAAC,UAAO,OAAM,UAAS,MAAK,MAAK,MAAO,oBAAA,SAAA,CAAQ,CAAA,EAAI,CAAA;AAAA,IAAA,GACxD;AAAA,wBACC,MAAG,EAAA;AAAA,IACJ,qBAAC,OAAI,EAAA,WAAU,oDACX,UAAA;AAAA,MAAA,oBAAC,UAAO,MAAK,MAAK,MAAM,oBAAC,UAAQ,CAAA,GAAI;AAAA,0BACpC,QAAO,EAAA,MAAK,MAAK,MAAM,oBAAC,UAAQ,CAAA,GAAI;AAAA,MACpC,oBAAA,QAAA,EAAO,MAAM,oBAAC,UAAQ,CAAA,GAAI;AAAA,0BAC1B,QAAO,EAAA,MAAK,MAAK,MAAM,oBAAC,WAAQ,EAAI,CAAA;AAAA,IAAA,EACzC,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Icon.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Icon.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { HiPhone } from 'react-icons/hi'\n\nconst Icon = () => {\n    return (\n        <>\n            <div className=\"flex-wrap inline-flex xl:flex items-center gap-2\">\n                <Button shape=\"circle\" size=\"xs\" icon={<HiPhone />} />\n                <Button shape=\"circle\" size=\"sm\" icon={<HiPhone />} />\n                <Button shape=\"circle\" icon={<HiPhone />} />\n                <Button shape=\"circle\" size=\"lg\" icon={<HiPhone />} />\n            </div>\n            <br />\n            <div className=\"flex-wrap inline-flex xl:flex items-center gap-2\">\n                <Button size=\"xs\" icon={<HiPhone />} />\n                <Button size=\"sm\" icon={<HiPhone />} />\n                <Button icon={<HiPhone />} />\n                <Button size=\"lg\" icon={<HiPhone />} />\n            </div>\n        </>\n    )\n}\n\nexport default Icon\n"],"names":[],"mappings":";;;;AAGA,MAAM,OAAO,MAAM;AACf,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAO,OAAM,UAAS,MAAK,MAAK,MAAM,oBAAC,WAAQ,EAAA,CAAI;AAAA,MACpD,oBAAC,UAAO,OAAM,UAAS,MAAK,MAAK,MAAM,oBAAC,SAAA,CAAA,CAAQ,EAAA,CAAI;AAAA,0BACnD,QAAA,EAAO,OAAM,UAAS,MAAM,oBAAC,WAAQ,GAAI;AAAA,MAC1C,oBAAC,UAAO,OAAM,UAAS,MAAK,MAAK,MAAM,oBAAC,SAAA,CAAA,CAAQ,EAAA,CAAI;AAAA,IAAA,GACxD;AAAA,wBACC,MAAA,EAAG;AAAA,IACJ,qBAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,MAAA,oBAAC,UAAO,MAAK,MAAK,MAAM,oBAAC,WAAQ,GAAI;AAAA,0BACpC,QAAA,EAAO,MAAK,MAAK,MAAM,oBAAC,WAAQ,GAAI;AAAA,MACrC,oBAAC,QAAA,EAAO,MAAM,oBAAC,WAAQ,GAAI;AAAA,0BAC1B,QAAA,EAAO,MAAK,MAAK,MAAM,oBAAC,WAAQ,EAAA,CAAI;AAAA,IAAA,EAAA,CACzC;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Loading.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport { HiPhone } from 'react-icons/hi'\n\nconst Loading = () => {\n    const [loading, setLoading] = useState(false)\n\n    const onClick = () => {\n        setLoading(true)\n\n        setTimeout(() => {\n            setLoading(false)\n        }, 3000)\n    }\n\n    return (\n        <div className=\"flex-wrap inline-flex xl:flex items-center gap-2\">\n            <Button loading>Loading</Button>\n            <Button loading shape=\"circle\" icon={<HiPhone />} />\n            <Button variant=\"solid\" loading={loading} onClick={onClick}>\n                Click Me!\n            </Button>\n        </div>\n    )\n}\n\nexport default Loading\n"],"names":[],"mappings":";;;;;AAIA,MAAM,UAAU,MAAM;AAClB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,UAAU,MAAM;AAClB,eAAW,IAAI;AAEf,eAAW,MAAM;AACb,iBAAW,KAAK;AAAA,OACjB,GAAI;AAAA,EACX;AAGI,SAAA,qBAAC,OAAI,EAAA,WAAU,oDACX,UAAA;AAAA,IAAC,oBAAA,QAAA,EAAO,SAAO,MAAC,UAAO,WAAA;AAAA,IACvB,oBAAC,UAAO,SAAO,MAAC,OAAM,UAAS,MAAO,oBAAA,SAAA,CAAA,CAAQ,EAAI,CAAA;AAAA,wBACjD,QAAO,EAAA,SAAQ,SAAQ,SAAkB,SAAkB,UAE5D,YAAA,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Loading.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Loading.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport { HiPhone } from 'react-icons/hi'\n\nconst Loading = () => {\n    const [loading, setLoading] = useState(false)\n\n    const onClick = () => {\n        setLoading(true)\n\n        setTimeout(() => {\n            setLoading(false)\n        }, 3000)\n    }\n\n    return (\n        <div className=\"flex-wrap inline-flex xl:flex items-center gap-2\">\n            <Button loading>Loading</Button>\n            <Button loading shape=\"circle\" icon={<HiPhone />} />\n            <Button variant=\"solid\" loading={loading} onClick={onClick}>\n                Click Me!\n            </Button>\n        </div>\n    )\n}\n\nexport default Loading\n"],"names":[],"mappings":";;;;;AAIA,MAAM,UAAU,MAAM;AAClB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,UAAU,MAAM;AAClB,eAAW,IAAI;AAEf,eAAW,MAAM;AACb,iBAAW,KAAK;AAAA,IACpB,GAAG,GAAI;AAAA,EACX;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,SAAO,MAAC,UAAA,WAAO;AAAA,IACvB,oBAAC,UAAO,SAAO,MAAC,OAAM,UAAS,MAAM,oBAAC,SAAA,CAAA,CAAQ,EAAA,CAAI;AAAA,wBACjD,QAAA,EAAO,SAAQ,SAAQ,SAAkB,SAAkB,UAAA,YAAA,CAE5D;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Shape.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Shape.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\n\nconst Shape = () => {\n    return (\n        <div className=\"flex-wrap inline-flex xl:flex items-center gap-2\">\n            <Button>Rounded</Button>\n            <Button shape=\"none\">None</Button>\n            <Button shape=\"circle\">Circle</Button>\n        </div>\n    )\n}\n\nexport default Shape\n"],"names":[],"mappings":";;;AAEA,MAAM,QAAQ,MAAM;AAEZ,SAAA,qBAAC,OAAI,EAAA,WAAU,oDACX,UAAA;AAAA,IAAA,oBAAC,UAAO,UAAO,UAAA,CAAA;AAAA,IACd,oBAAA,QAAA,EAAO,OAAM,QAAO,UAAI,QAAA;AAAA,IACxB,oBAAA,QAAA,EAAO,OAAM,UAAS,UAAM,SAAA,CAAA;AAAA,EAAA,GACjC;AAER;"}
+{"version":3,"file":"Shape.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Shape.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\n\nconst Shape = () => {\n    return (\n        <div className=\"flex-wrap inline-flex xl:flex items-center gap-2\">\n            <Button>Rounded</Button>\n            <Button shape=\"none\">None</Button>\n            <Button shape=\"circle\">Circle</Button>\n        </div>\n    )\n}\n\nexport default Shape\n"],"names":[],"mappings":";;;AAEA,MAAM,QAAQ,MAAM;AAChB,SACI,qBAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,IAAA,oBAAC,UAAO,UAAA,UAAA,CAAO;AAAA,IACf,oBAAC,QAAA,EAAO,OAAM,QAAO,UAAA,QAAI;AAAA,IACzB,oBAAC,QAAA,EAAO,OAAM,UAAS,UAAA,SAAA,CAAM;AAAA,EAAA,GACjC;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Size.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Size.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\n\nconst Size = () => {\n    return (\n        <div className=\"flex-wrap inline-flex xl:flex items-center gap-2\">\n            <Button size=\"xs\">Extra Small (xs)</Button>\n            <Button size=\"sm\">Small (sm)</Button>\n            <Button>Medium (md)</Button>\n            <Button size=\"lg\">Large (lg)</Button>\n        </div>\n    )\n}\n\nexport default Size\n"],"names":[],"mappings":";;;AAEA,MAAM,OAAO,MAAM;AAEX,SAAA,qBAAC,OAAI,EAAA,WAAU,oDACX,UAAA;AAAA,IAAC,oBAAA,QAAA,EAAO,MAAK,MAAK,UAAgB,oBAAA;AAAA,IACjC,oBAAA,QAAA,EAAO,MAAK,MAAK,UAAU,cAAA;AAAA,IAC5B,oBAAC,UAAO,UAAW,cAAA,CAAA;AAAA,IAClB,oBAAA,QAAA,EAAO,MAAK,MAAK,UAAU,aAAA,CAAA;AAAA,EAAA,GAChC;AAER;"}
+{"version":3,"file":"Size.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Size.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\n\nconst Size = () => {\n    return (\n        <div className=\"flex-wrap inline-flex xl:flex items-center gap-2\">\n            <Button size=\"xs\">Extra Small (xs)</Button>\n            <Button size=\"sm\">Small (sm)</Button>\n            <Button>Medium (md)</Button>\n            <Button size=\"lg\">Large (lg)</Button>\n        </div>\n    )\n}\n\nexport default Size\n"],"names":[],"mappings":";;;AAEA,MAAM,OAAO,MAAM;AACf,SACI,qBAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,MAAK,MAAK,UAAA,oBAAgB;AAAA,IAClC,oBAAC,QAAA,EAAO,MAAK,MAAK,UAAA,cAAU;AAAA,IAC5B,oBAAC,UAAO,UAAA,cAAA,CAAW;AAAA,IACnB,oBAAC,QAAA,EAAO,MAAK,MAAK,UAAA,aAAA,CAAU;AAAA,EAAA,GAChC;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Variant.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Variant.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\n\nconst Variant = () => {\n    return (\n        <div className=\"inline-flex flex-wrap xl:flex gap-2\">\n            <Button>Default</Button>\n            <Button variant=\"solid\">Solid</Button>\n            <Button variant=\"plain\">Plain</Button>\n        </div>\n    )\n}\n\nexport default Variant\n"],"names":[],"mappings":";;;AAEA,MAAM,UAAU,MAAM;AAEd,SAAA,qBAAC,OAAI,EAAA,WAAU,uCACX,UAAA;AAAA,IAAA,oBAAC,UAAO,UAAO,UAAA,CAAA;AAAA,IACd,oBAAA,QAAA,EAAO,SAAQ,SAAQ,UAAK,SAAA;AAAA,IAC5B,oBAAA,QAAA,EAAO,SAAQ,SAAQ,UAAK,QAAA,CAAA;AAAA,EAAA,GACjC;AAER;"}
+{"version":3,"file":"Variant.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Variant.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\n\nconst Variant = () => {\n    return (\n        <div className=\"inline-flex flex-wrap xl:flex gap-2\">\n            <Button>Default</Button>\n            <Button variant=\"solid\">Solid</Button>\n            <Button variant=\"plain\">Plain</Button>\n        </div>\n    )\n}\n\nexport default Variant\n"],"names":[],"mappings":";;;AAEA,MAAM,UAAU,MAAM;AAClB,SACI,qBAAC,OAAA,EAAI,WAAU,uCACX,UAAA;AAAA,IAAA,oBAAC,UAAO,UAAA,UAAA,CAAO;AAAA,IACf,oBAAC,QAAA,EAAO,SAAQ,SAAQ,UAAA,SAAK;AAAA,IAC7B,oBAAC,QAAA,EAAO,SAAQ,SAAQ,UAAA,QAAA,CAAK;AAAA,EAAA,GACjC;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Variant from './Variant'\nimport Size from './Size'\nimport Color from './Color'\nimport Disabled from './Disabled'\nimport Shape from './Shape'\nimport ButtonWithIcon from './ButtonWithIcon'\nimport Icon from './Icon'\nimport Loading from './Loading'\nimport Block from './Block'\n\nconst mdPath = 'Button'\n\nconst demoHeader = {\n    title: 'Button',\n    desc: 'Button is used to start an instant operation and is used when triggers an action or event',\n}\n\nconst demos = [\n    {\n        mdName: 'Variant',\n        mdPath: mdPath,\n        title: 'Variant',\n        desc: `There's few variant of appearance of the button, you can set the <code>variant</code> prop\n\t\tvalue to <code>default</code>, <code>solid</code>, or <code>plain</code>.`,\n        component: <Variant />,\n    },\n    {\n        mdName: 'Size',\n        mdPath: mdPath,\n        title: 'Size',\n        desc: `Buttons come with four type of size, <code>xs</code>, <code>sm</code>, <code>md</code> & <code>lg</code>, The default size is <code>md</code>.`,\n        component: <Size />,\n    },\n    {\n        mdName: 'Color',\n        mdPath: mdPath,\n        title: 'Color',\n        desc: `You can customize button styles by overriding Tailwind CSS.`,\n        component: <Color />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Disabled Button prevents user interaction, set <code>disabled</code> prop to <code>true</code> to disabled a button.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Shape',\n        mdPath: mdPath,\n        title: 'Shape',\n        desc: `Button shape can be set to <code>none</code> or <code>circle</code>, the default shape is <code>round</code>`,\n        component: <Shape />,\n    },\n    {\n        mdName: 'Icon',\n        mdPath: mdPath,\n        title: 'Icon',\n        desc: `Button can contain an icon by insert an icon to <code>icon</code> prop`,\n        component: <Icon />,\n    },\n    {\n        mdName: 'ButtonWithIcon',\n        mdPath: mdPath,\n        title: 'Button With Icon',\n        desc: `Icons also can be added to buttons and combined with text as the examples below.`,\n        component: <ButtonWithIcon />,\n    },\n    {\n        mdName: 'Loading',\n        mdPath: mdPath,\n        title: 'Loading',\n        desc: `Set <code>loading</code> prop to true to shows a loading indicator, it will disabled the button as well.`,\n        component: <Loading />,\n    },\n    {\n        mdName: 'Block',\n        mdPath: mdPath,\n        title: 'Block',\n        desc: `Buttons can stretch to fill the width by adding <code>block</code> prop`,\n        component: <Block />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Button',\n        api: [\n            {\n                propName: 'variant',\n                type: `<code>'solid'</code>  | <code>'plain'</code> | <code>'default'</code>`,\n                default: `<code>'default'</code>`,\n                desc: 'The variant of the button',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code> | <code>'xs'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Size of the button.',\n            },\n            {\n                propName: 'clickFeedback',\n                type: `<code>boolean</code>`,\n                default: '<code>true</code>',\n                desc: 'Feedback effect upon button clicked',\n            },\n            {\n                propName: 'customColorClass',\n                type: `<code>(state: {active: boolean, unclickable: boolean}) => string</code>`,\n                default: '-',\n                desc: 'Callback function to create a custom color for button',\n            },\n            {\n                propName: 'shape',\n                type: `<code>'round'</code>  | <code>'circle'</code> | <code>'none'</code>`,\n                default: `<code>'round'</code>`,\n                desc: 'Border radius of the button',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Prevents user interact with the button',\n            },\n            {\n                propName: 'icon',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render icon',\n            },\n            {\n                propName: 'active',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Set button to active status',\n            },\n            {\n                propName: 'loading',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Show a loading spinner & disable the button',\n            },\n            {\n                propName: 'block',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Make button fill to its container width',\n            },\n        ],\n    },\n]\n\nconst Button = () => {\n    return (\n        <>\n            <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n        </>\n    )\n}\n\nexport default Button\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Variant from './Variant'\nimport Size from './Size'\nimport Color from './Color'\nimport Disabled from './Disabled'\nimport Shape from './Shape'\nimport ButtonWithIcon from './ButtonWithIcon'\nimport Icon from './Icon'\nimport Loading from './Loading'\nimport Block from './Block'\n\nconst mdPath = 'Button'\n\nconst demoHeader = {\n    title: 'Button',\n    desc: 'Button is used to start an instant operation and is used when triggers an action or event',\n}\n\nconst demos = [\n    {\n        mdName: 'Variant',\n        mdPath: mdPath,\n        title: 'Variant',\n        desc: `There's few variant of appearance of the button, you can set the <code>variant</code> prop\n\t\tvalue to <code>default</code>, <code>solid</code>, or <code>plain</code>.`,\n        component: <Variant />,\n    },\n    {\n        mdName: 'Size',\n        mdPath: mdPath,\n        title: 'Size',\n        desc: `Buttons come with four type of size, <code>xs</code>, <code>sm</code>, <code>md</code> & <code>lg</code>, The default size is <code>md</code>.`,\n        component: <Size />,\n    },\n    {\n        mdName: 'Color',\n        mdPath: mdPath,\n        title: 'Color',\n        desc: `You can customize button styles by overriding Tailwind CSS.`,\n        component: <Color />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Disabled Button prevents user interaction, set <code>disabled</code> prop to <code>true</code> to disabled a button.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Shape',\n        mdPath: mdPath,\n        title: 'Shape',\n        desc: `Button shape can be set to <code>none</code> or <code>circle</code>, the default shape is <code>round</code>`,\n        component: <Shape />,\n    },\n    {\n        mdName: 'Icon',\n        mdPath: mdPath,\n        title: 'Icon',\n        desc: `Button can contain an icon by insert an icon to <code>icon</code> prop`,\n        component: <Icon />,\n    },\n    {\n        mdName: 'ButtonWithIcon',\n        mdPath: mdPath,\n        title: 'Button With Icon',\n        desc: `Icons also can be added to buttons and combined with text as the examples below.`,\n        component: <ButtonWithIcon />,\n    },\n    {\n        mdName: 'Loading',\n        mdPath: mdPath,\n        title: 'Loading',\n        desc: `Set <code>loading</code> prop to true to shows a loading indicator, it will disabled the button as well.`,\n        component: <Loading />,\n    },\n    {\n        mdName: 'Block',\n        mdPath: mdPath,\n        title: 'Block',\n        desc: `Buttons can stretch to fill the width by adding <code>block</code> prop`,\n        component: <Block />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Button',\n        api: [\n            {\n                propName: 'variant',\n                type: `<code>'solid'</code>  | <code>'plain'</code> | <code>'default'</code>`,\n                default: `<code>'default'</code>`,\n                desc: 'The variant of the button',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code> | <code>'xs'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Size of the button.',\n            },\n            {\n                propName: 'clickFeedback',\n                type: `<code>boolean</code>`,\n                default: '<code>true</code>',\n                desc: 'Feedback effect upon button clicked',\n            },\n            {\n                propName: 'customColorClass',\n                type: `<code>(state: {active: boolean, unclickable: boolean}) => string</code>`,\n                default: '-',\n                desc: 'Callback function to create a custom color for button',\n            },\n            {\n                propName: 'shape',\n                type: `<code>'round'</code>  | <code>'circle'</code> | <code>'none'</code>`,\n                default: `<code>'round'</code>`,\n                desc: 'Border radius of the button',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Prevents user interact with the button',\n            },\n            {\n                propName: 'icon',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render icon',\n            },\n            {\n                propName: 'active',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Set button to active status',\n            },\n            {\n                propName: 'loading',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Show a loading spinner & disable the button',\n            },\n            {\n                propName: 'block',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Make button fill to its container width',\n            },\n        ],\n    },\n]\n\nconst Button = () => {\n    return (\n        <>\n            <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n        </>\n    )\n}\n\nexport default Button\n"],"names":[],"mappings":";;;;;;;;;;;AAaA,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;AAAA,IAEN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAAA,EAExB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,MAAA,CAAA,CAAK;AAAA,EAAA;AAAA,EAErB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAA,CAAA,CAAS;AAAA,EAAA;AAAA,EAEzB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,MAAA,CAAA,CAAK;AAAA,EAAA;AAAA,EAErB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,gBAAA,CAAA,CAAe;AAAA,EAAA;AAAA,EAE/B;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAAA,EAExB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAA,CAAA,CAAM;AAAA,EAAA;AAE1B;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,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,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,SAAS,MAAM;AACjB,SACI,oBAAA,UAAA,EACI,8BAAC,YAAA,EAAW,QAAQ,YAAY,OAAc,KAAK,SAAS,EAAA,CAChE;AAER;"}