@orbe-agro/client-core 5.0.0 → 5.1.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/SortByDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'SortByDoc/'\n\nconst demoHeader = {\n    title: 'sortBy',\n    desc: 'sortBy function able to sort array of object order with <code>array.sort</code> compare function by key.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'field',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'key of the object that target to sort',\n            },\n            {\n                propName: 'reverse',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Order of the result, <code>true</code> for descending, <code>false</code> for ascending',\n            },\n            {\n                propName: 'primer',\n                type: `<code>(key: string) => (key) => void</code>`,\n                default: `-`,\n                desc: 'Callback closure for key',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'result',\n                        type: `<code>(a, b) => boolean</code>`,\n                        default: `-`,\n                        desc: 'Sort result callback',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst SortByDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"docs/SharedComponentsDoc/components\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default SortByDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","SortByDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,cAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,WAAW;AAAA,QACX,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAY,MAEV,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,IACb,OAAAC;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseAuthDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseAuthDoc/'\n\nconst demoHeader = {\n    title: 'useAuth',\n    desc: 'A hook that enables any component to get the current auth & users state & methods.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 'authenticated',\n                        type: `<code>boolean</code>`,\n                        default: `-`,\n                        desc: 'State of current authencation',\n                    },\n                    {\n                        propName: 'oAuthSignIn',\n                        type: `<code>(callback: (payload: {\n    onSignIn: (tokens: Token, user?: User) => void\n    redirect: () => void\n}) => void) => void</code>`,\n                        default: `-`,\n                        desc: 'Callback fuction after a single sign on',\n                    },\n                    {\n                        propName: 'signIn',\n                        type: `<code>({email: string, password: string}) => ({status: 'success' | 'failed', message: string})</code>`,\n                        default: `-`,\n                        desc: 'Sign in handler, return status & message as result',\n                    },\n                    {\n                        propName: 'signOut',\n                        type: `<code>() => void</code>`,\n                        default: `-`,\n                        desc: 'Sign out handler',\n                    },\n                    {\n                        propName: 'signUp',\n                        type: `<code>({userName: string, email: string, password: string}) => ({status: 'success' | 'failed', message: string})</code>`,\n                        default: `-`,\n                        desc: 'Sign up handler, return status & message as result',\n                    },\n                    {\n                        propName: 'user',\n                        type: `<code>{\n    userId?: string | null\n    avatar?: string | null\n    userName?: string | null\n    email?: string | null\n    authority?: string[]\n}</code>`,\n                        default: `-`,\n                        desc: 'Signed in user information',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseAuthDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseAuthDoc\n"],"names":["mdPath","demoHeader","demos","Example","extra","jsx","DemoComponentApi","UseAuthDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,eAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA;AAAA;AAAA;AAAA,YAIN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAON,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAa,MAEX,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAAE;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseAuthorityDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useAuthority from '@/utils/hooks/useAuthority'\n\nconst Component = () => {\n\n\tconst { userAuthority = [], authority = [], children } = props\n\n\tconst userAuthority = ['USER']\n\n\tconst authority = ['ADMIN', 'USER']\n\n\tconst roleMatched = useAuthority(userAuthority, authority)\n\n\treturn (...)\n}\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcxC;"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseTranslationDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import useTranslation from '@/utils/hooks/useTranslation\n\nconst Example = () => {\n    const { t, ready } = useTranslation(true)\n\n    return (\n        <div>\n            {ready ? <p>{t('hello', 'Hello')}</p> : <p>Loading translations...</p>}\n        </div>\n    );\n};\n\nexport default Example\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAaxC;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/UseTranslationDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UseTranslationDoc'\n\nconst demoHeader = {\n    title: 'useTranslation',\n    desc: `<code>useTranslation</code> is a custom wrapper around <code>react-i18next</code>'s <code>useTranslation</code>.`,\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'usePlaceholder',\n                type: `<code>boolean</code>\t`,\n                default: '-',\n                desc: 'A flag indicating whether to use a placeholder translation function.',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                api: [\n                    {\n                        propName: 't',\n                        type: `<code>(key: string, fallback?: string | Record< string, string | number >) => string</code>`,\n                        default: '-',\n                        desc: 'A translation function that returns the translated string or the fallback if no translation is found.',\n                    },\n                    {\n                        propName: 'ready',\n                        type: `<code>boolean</code>`,\n                        default: '-',\n                        desc: 'Indicates whether the translations are ready to be used.',\n                    },\n                    {\n                        propName: 'i18n',\n                        type: `<code>string</code>`,\n                        default: '-',\n                        desc: 'The i18n instance or an empty string in placeholder mode.',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst UseTranslationDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            api={demoApi}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default UseTranslationDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","UseTranslationDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,qBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAEV;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAoB,MAElB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,cAAa;AAAA,IACb,OAAAG;AAAA,IACA,KAAKD;AAAA,IACL,SAAQ;AAAA,EAAA;AAAA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/WildCardSearchDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"js\">{`import wildCardSearch from '@/utils/wildCardSearch'\n\nconst arr = [\n\t{\n\t\tname: 'Carolyn Perkins',\n\t\temail: 'eileen_h@hotmail.com',\n\t},\n\t{\n\t\tname: 'Terrance Moreno',\n\t\temail: 'terrance_moreno@infotech.io',\n\t},\n\t{\n\t\tname: 'Ron Vargas',\n\t\temail: 'ronnie_vergas@infotech.io',\n\t},\n\t{\n\t\tname: 'Luke Cook',\n\t\temail: 'cookie_lukie@hotmail.com',\n\t},\n]\n\nconst data = wildCardSearch(arr, 'Terran')\n\n// output: [\n//  {\n// \t\tname: 'Terrance Moreno',\n// \t\temail: 'terrance_moreno@infotech.io',\n// \t},\n// ]\n`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","SyntaxHighlighter"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6BxC;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/WildCardSearchDoc/index.tsx"],"sourcesContent":["import DemoComponentApi from '@/components/docs/DemoComponentApi'\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'WildCardSearchDoc'\n\nconst demoHeader = {\n    title: 'wildCardSearch',\n    desc: 'Wildcard search for array of object.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: ``,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Params',\n        api: [\n            {\n                propName: 'list',\n                type: `<code>Array&lt;T&gt;</code>`,\n                default: `-`,\n                desc: 'Array of object',\n            },\n            {\n                propName: 'input',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Keyword',\n            },\n        ],\n    },\n]\n\nconst extra = (\n    <DemoComponentApi\n        hideApiTitle\n        keyText=\"return\"\n        api={[\n            {\n                component: 'Return',\n                api: [\n                    {\n                        propName: 'result',\n                        type: `<code>Array&lt;T&gt;</code>`,\n                        default: `-`,\n                        desc: 'Result array',\n                    },\n                ],\n            },\n        ]}\n    />\n)\n\nconst WildCardSearchDoc = () => {\n    return (\n        <DemoLayout\n            hideApiTitle\n            hideFooter\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n            extra={extra}\n            keyText=\"param\"\n        />\n    )\n}\n\nexport default WildCardSearchDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","extra","jsx","DemoComponentApi","WildCardSearchDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,qBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,SAAQ;AAAA,IACR,KAAK;AAAA,MACD;AAAA,QACI,WAAW;AAAA,QACX,KAAK;AAAA,UACD;AAAA,YACI,UAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ,GAGEC,IAAoB,MAElB,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,cAAY;AAAA,IACZ,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,IACb,OAAAC;AAAA,IACA,SAAQ;AAAA,EAAA;AAAA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/WithHeaderItemDoc/Example.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport Dropdown from '@/components/ui/Dropdown'\nimport { HiOutlineSearch } from 'react-icons/hi'\n\nconst _Example = () => {\n    return (\n        <Dropdown\n            renderTitle={<HiOutlineSearch className={classNames('text-4xl')} />}\n        >\n            <Dropdown.Item eventKey=\"a\">Item A</Dropdown.Item>\n            <Dropdown.Item eventKey=\"b\">Item B</Dropdown.Item>\n            <Dropdown.Item eventKey=\"c\">Item C</Dropdown.Item>\n            <Dropdown.Item eventKey=\"d\">Item D</Dropdown.Item>\n        </Dropdown>\n    )\n}\n\nconst Example = withHeaderItem(_Example)\n\nexport default Example\n"],"names":["_Example","jsxs","Dropdown","jsx","HiOutlineSearch","classNames","Example","withHeaderItem"],"mappings":";;;;;AAKA,MAAMA,IAAW,MAET,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,aAAa,gBAAAC,EAACC,GAAA,EAAgB,WAAWC,EAAW,UAAU,GAAG;AAAA,IAEjE,UAAA;AAAA,MAAA,gBAAAF,EAACD,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,wBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,wBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,wBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,SAAA,CAAM;AAAA,IAAA;AAAA,EAAA;AAAA,GAKxCI,IAAUC,EAAeP,CAAQ;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/UtilsDoc/components/WithHeaderItemDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'WithHeaderItemDoc'\n\nconst demoHeader = {\n    title: 'withHeaderItem',\n    desc: 'withHeaderItem wrap component into a clickable option for header.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'withHeaderItem',\n        api: [\n            {\n                propName: 'hoverable',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to make the item hoverable',\n            },\n        ],\n    },\n]\n\nconst WithHeaderItemDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"utils\"\n        />\n    )\n}\n\nexport default WithHeaderItemDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","WithHeaderItemDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,qBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAoB,MAElB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../lib/@ecme/views/guide/index.ts"],"sourcesContent":["// Guide components exports\n// Add specific guide component exports as needed\nexport const guidePlaceholder = 'Guide components';\n"],"names":["guidePlaceholder"],"mappings":"AAEO,MAAMA,IAAmB;"}

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

@@ -0,0 +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'\n\nconst AccessDenied = () => {\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\">Access Denied!</h3>\n                    <p className=\"text-base\">\n                        You have no permission to visit this page\n                    </p>\n                </div>\n            </div>\n        </Container>\n    )\n}\n\nexport default AccessDenied\n"],"names":["AccessDenied","Container","jsxs","jsx","SpaceSignBoard"],"mappings":";;;AAGA,MAAMA,IAAe,wBAEZC,GAAA,EAAU,WAAU,UACjB,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAe,QAAQ,KAAK,OAAO,KAAK;AAAA,EACzC,gBAAAF,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,kBAAc;AAAA,IACnC,gBAAAA,EAAC,KAAA,EAAE,WAAU,aAAY,UAAA,4CAAA,CAEzB;AAAA,EAAA,EAAA,CACJ;AAAA,EAAA,CACJ,EAAA,CACJ;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../lib/@ecme/views/others/index.ts"],"sourcesContent":["// Other components exports\n// Add specific other component exports as needed\nexport const othersPlaceholder = 'Other components';\n"],"names":["othersPlaceholder"],"mappings":"AAEO,MAAMA,IAAoB;"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +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":["Icon","jsxs","Fragment","jsx","Button","HiPhone"],"mappings":";;;;AAGA,MAAMA,IAAO,MAEL,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,IAAA,gBAAAE,EAACC,GAAA,EAAO,OAAM,UAAS,MAAK,MAAK,MAAM,gBAAAD,EAACE,KAAQ,EAAA,CAAI;AAAA,IACpD,gBAAAF,EAACC,KAAO,OAAM,UAAS,MAAK,MAAK,MAAM,gBAAAD,EAACE,GAAA,CAAA,CAAQ,EAAA,CAAI;AAAA,sBACnDD,GAAA,EAAO,OAAM,UAAS,MAAM,gBAAAD,EAACE,KAAQ,GAAI;AAAA,IAC1C,gBAAAF,EAACC,KAAO,OAAM,UAAS,MAAK,MAAK,MAAM,gBAAAD,EAACE,GAAA,CAAA,CAAQ,EAAA,CAAI;AAAA,EAAA,GACxD;AAAA,oBACC,MAAA,EAAG;AAAA,EACJ,gBAAAJ,EAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,IAAA,gBAAAE,EAACC,KAAO,MAAK,MAAK,MAAM,gBAAAD,EAACE,KAAQ,GAAI;AAAA,sBACpCD,GAAA,EAAO,MAAK,MAAK,MAAM,gBAAAD,EAACE,KAAQ,GAAI;AAAA,IACrC,gBAAAF,EAACC,GAAA,EAAO,MAAM,gBAAAD,EAACE,KAAQ,GAAI;AAAA,sBAC1BD,GAAA,EAAO,MAAK,MAAK,MAAM,gBAAAD,EAACE,KAAQ,EAAA,CAAI;AAAA,EAAA,EAAA,CACzC;AAAA,GACJ;"}

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

@@ -0,0 +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":["Loading","loading","setLoading","useState","jsxs","jsx","Button","HiPhone"],"mappings":";;;;;AAIA,MAAMA,IAAU,MAAM;AAClB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAU5C,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,SAAO,IAAC,UAAA,WAAO;AAAA,IACvB,gBAAAD,EAACC,KAAO,SAAO,IAAC,OAAM,UAAS,MAAM,gBAAAD,EAACE,GAAA,CAAA,CAAQ,EAAA,CAAI;AAAA,sBACjDD,GAAA,EAAO,SAAQ,SAAQ,SAAAL,GAAkB,SAZlC,MAAM;AAClB,MAAAC,EAAW,EAAI,GAEf,WAAW,MAAM;AACb,QAAAA,EAAW,EAAK;AAAA,MAAA,GACjB,GAAI;AAAA,IAAA,GAOyD,UAAA,YAAA,CAE5D;AAAA,EAAA,GACJ;AAER;"}

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

@@ -0,0 +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":["Shape","jsxs","jsx","Button"],"mappings":";;;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAO,UAAA,UAAA,CAAO;AAAA,EACf,gBAAAD,EAACC,GAAA,EAAO,OAAM,QAAO,UAAA,QAAI;AAAA,EACzB,gBAAAD,EAACC,GAAA,EAAO,OAAM,UAAS,UAAA,SAAA,CAAM;AAAA,GACjC;"}

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

@@ -0,0 +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":["Size","jsxs","jsx","Button"],"mappings":";;;AAEA,MAAMA,IAAO,MAEL,gBAAAC,EAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAO,MAAK,MAAK,UAAA,oBAAgB;AAAA,EAClC,gBAAAD,EAACC,GAAA,EAAO,MAAK,MAAK,UAAA,cAAU;AAAA,EAC5B,gBAAAD,EAACC,KAAO,UAAA,cAAA,CAAW;AAAA,EACnB,gBAAAD,EAACC,GAAA,EAAO,MAAK,MAAK,UAAA,aAAA,CAAU;AAAA,GAChC;"}

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

@@ -0,0 +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":["Variant","jsxs","jsx","Button"],"mappings":";;;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAAC,OAAA,EAAI,WAAU,uCACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAO,UAAA,UAAA,CAAO;AAAA,EACf,gBAAAD,EAACC,GAAA,EAAO,SAAQ,SAAQ,UAAA,SAAK;AAAA,EAC7B,gBAAAD,EAACC,GAAA,EAAO,SAAQ,SAAQ,UAAA,QAAA,CAAK;AAAA,GACjC;"}

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

@@ -0,0 +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":["mdPath","demoHeader","demos","Variant","Size","Color","Disabled","Shape","Icon","ButtonWithIcon","Loading","Block","demoApi","Button","jsx","Fragment","DemoLayout"],"mappings":";;;;;;;;;;;AAaA,MAAMA,IAAS,UAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA;AAAA,IAEN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAAA,EAExB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAK;AAAA,EAAA;AAAA,EAErB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAS;AAAA,EAAA;AAAA,EAEzB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAA,CAAA,CAAK;AAAA,EAAA;AAAA,EAErB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYS,GAAA,CAAA,CAAe;AAAA,EAAA;AAAA,EAE/B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAT;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYU,GAAA,CAAA,CAAQ;AAAA,EAAA;AAAA,EAExB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAV;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYW,GAAA,CAAA,CAAM;AAAA,EAAA;AAE1B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAS,MAEP,gBAAAC,EAAAC,GAAA,EACI,4BAACC,GAAA,EAAW,QAAQf,GAAY,OAAAC,GAAc,KAAKU,GAAS,EAAA,CAChE;"}

package/dist/@ecme/views/ui-components/common/Grid/BreakpointsMediaQueries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreakpointsMediaQueries.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Grid/BreakpointsMediaQueries.tsx"],"sourcesContent":["import DemoBoxContent from '@/components/docs/DemoBoxContent'\n\nconst BreakpointsMediaQueries = () => {\n    return (\n        <div className=\"grid grid-cols-1 md:grid-cols-6 gap-4\">\n            <DemoBoxContent className=\"shadow-lg bg-cyan-500\">\n                01\n            </DemoBoxContent>\n            <DemoBoxContent className=\"shadow-lg bg-cyan-500\">\n                02\n            </DemoBoxContent>\n            <DemoBoxContent className=\"shadow-lg bg-cyan-500\">\n                03\n            </DemoBoxContent>\n            <DemoBoxContent className=\"shadow-lg bg-cyan-500\">\n                04\n            </DemoBoxContent>\n            <DemoBoxContent className=\"shadow-lg bg-cyan-500\">\n                05\n            </DemoBoxContent>\n            <DemoBoxContent className=\"shadow-lg bg-cyan-500\">\n                06\n            </DemoBoxContent>\n            <DemoBoxContent className=\"shadow-lg bg-cyan-500\">\n                07\n            </DemoBoxContent>\n            <DemoBoxContent className=\"shadow-lg bg-cyan-500\">\n                08\n            </DemoBoxContent>\n            <DemoBoxContent className=\"shadow-lg bg-cyan-500\">\n                09\n            </DemoBoxContent>\n        </div>\n    )\n}\n\nexport default BreakpointsMediaQueries\n"],"names":["BreakpointsMediaQueries","jsxs","jsx","DemoBoxContent"],"mappings":";;AAEA,MAAMA,IAA0B,MAExB,gBAAAC,EAAC,OAAA,EAAI,WAAU,yCACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAe,WAAU,yBAAwB,UAAA,MAElD;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,yBAAwB,UAAA,MAElD;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,yBAAwB,UAAA,MAElD;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,yBAAwB,UAAA,MAElD;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,yBAAwB,UAAA,MAElD;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,yBAAwB,UAAA,MAElD;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,yBAAwB,UAAA,MAElD;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,yBAAwB,UAAA,MAElD;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,yBAAwB,UAAA,KAAA,CAElD;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/common/Grid/GridAutoColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridAutoColumns.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Grid/GridAutoColumns.tsx"],"sourcesContent":["import DemoBoxContent from '@/components/docs/DemoBoxContent'\n\nconst GridAutoColumns = () => {\n    return (\n        <div className=\"grid grid-flow-col auto-cols-max gap-4\">\n            <DemoBoxContent className=\"shadow-lg bg-emerald-500\">\n                01\n            </DemoBoxContent>\n            <DemoBoxContent className=\"shadow-lg bg-emerald-500\">\n                02\n            </DemoBoxContent>\n            <DemoBoxContent className=\"shadow-lg bg-emerald-500\">\n                03\n            </DemoBoxContent>\n        </div>\n    )\n}\n\nexport default GridAutoColumns\n"],"names":["GridAutoColumns","jsxs","jsx","DemoBoxContent"],"mappings":";;AAEA,MAAMA,IAAkB,MAEhB,gBAAAC,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAe,WAAU,4BAA2B,UAAA,MAErD;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,4BAA2B,UAAA,MAErD;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,4BAA2B,UAAA,KAAA,CAErD;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/common/Grid/GridAutoRows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridAutoRows.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Grid/GridAutoRows.tsx"],"sourcesContent":["import DemoBoxContent from '@/components/docs/DemoBoxContent'\n\nconst GridAutoRows = () => {\n    return (\n        <div className=\"grid grid-flow-row auto-rows-max gap-4\">\n            <DemoBoxContent className=\"shadow-lg bg-amber-500\">\n                01\n            </DemoBoxContent>\n            <DemoBoxContent className=\"shadow-lg bg-amber-500\">\n                02\n            </DemoBoxContent>\n            <DemoBoxContent className=\"shadow-lg bg-amber-500\">\n                03\n            </DemoBoxContent>\n        </div>\n    )\n}\n\nexport default GridAutoRows\n"],"names":["GridAutoRows","jsxs","jsx","DemoBoxContent"],"mappings":";;AAEA,MAAMA,IAAe,MAEb,gBAAAC,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAe,WAAU,0BAAyB,UAAA,MAEnD;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,0BAAyB,UAAA,MAEnD;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,0BAAyB,UAAA,KAAA,CAEnD;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/common/Grid/GridAutoflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridAutoflow.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Grid/GridAutoflow.tsx"],"sourcesContent":["import DemoBoxContent from '@/components/docs/DemoBoxContent'\n\nconst GridAutoflow = () => {\n    return (\n        <div className=\"grid grid-flow-row-dense grid-cols-3 grid-rows-3 gap-4\">\n            <DemoBoxContent className=\"col-span-2 bg-purple-300 dark:bg-purple-800 dark:text-purple-400\">\n                01\n            </DemoBoxContent>\n            <DemoBoxContent className=\"col-span-2 bg-purple-300 dark:bg-purple-800 dark:text-purple-400\">\n                02\n            </DemoBoxContent>\n            <DemoBoxContent className=\"shadow-lg bg-purple-500\">\n                03\n            </DemoBoxContent>\n            <DemoBoxContent className=\"bg-purple-300 dark:bg-purple-800 dark:text-purple-400\">\n                04\n            </DemoBoxContent>\n            <DemoBoxContent className=\"bg-purple-300 dark:bg-purple-800 dark:text-purple-400\">\n                05\n            </DemoBoxContent>\n        </div>\n    )\n}\n\nexport default GridAutoflow\n"],"names":["GridAutoflow","jsxs","jsx","DemoBoxContent"],"mappings":";;AAEA,MAAMA,IAAe,MAEb,gBAAAC,EAAC,OAAA,EAAI,WAAU,0DACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAe,WAAU,oEAAmE,UAAA,MAE7F;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,oEAAmE,UAAA,MAE7F;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,2BAA0B,UAAA,MAEpD;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,yDAAwD,UAAA,MAElF;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,yDAAwD,UAAA,KAAA,CAElF;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/common/Grid/GridColumnStartEnd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridColumnStartEnd.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Grid/GridColumnStartEnd.tsx"],"sourcesContent":["import DemoBoxContent from '@/components/docs/DemoBoxContent'\n\nconst GridColumnStartEnd = () => {\n    return (\n        <div className=\"grid grid-cols-3 gap-4\">\n            <div className=\"...\">\n                <DemoBoxContent className=\"bg-indigo-300 dark:bg-indigo-800 dark:text-indigo-400\">\n                    01\n                </DemoBoxContent>\n            </div>\n            <div className=\"...\">\n                <DemoBoxContent className=\"bg-indigo-300 dark:bg-indigo-800 dark:text-indigo-400\">\n                    02\n                </DemoBoxContent>\n            </div>\n            <div className=\"...\">\n                <DemoBoxContent className=\"bg-indigo-300 dark:bg-indigo-800 dark:text-indigo-400\">\n                    03\n                </DemoBoxContent>\n            </div>\n            <div className=\"col-span-2 ...\">\n                <DemoBoxContent className=\"shadow-lg bg-indigo-500\">\n                    04\n                </DemoBoxContent>\n            </div>\n            <div className=\"...\">\n                <DemoBoxContent className=\"bg-indigo-300 dark:bg-indigo-800 dark:text-indigo-400\">\n                    05\n                </DemoBoxContent>\n            </div>\n            <div className=\"...\">\n                <DemoBoxContent className=\"bg-indigo-300 dark:bg-indigo-800 dark:text-indigo-400\">\n                    06\n                </DemoBoxContent>\n            </div>\n            <div className=\"col-span-2 ...\">\n                <DemoBoxContent className=\"shadow-lg bg-indigo-500\">\n                    07\n                </DemoBoxContent>\n            </div>\n        </div>\n    )\n}\n\nexport default GridColumnStartEnd\n"],"names":["GridColumnStartEnd","jsxs","jsx","DemoBoxContent"],"mappings":";;AAEA,MAAMA,IAAqB,MAEnB,gBAAAC,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,OACX,UAAA,gBAAAA,EAACC,KAAe,WAAU,yDAAwD,gBAElF,EAAA,CACJ;AAAA,EACA,gBAAAD,EAAC,SAAI,WAAU,OACX,4BAACC,GAAA,EAAe,WAAU,yDAAwD,UAAA,KAAA,CAElF,EAAA,CACJ;AAAA,EACA,gBAAAD,EAAC,SAAI,WAAU,OACX,4BAACC,GAAA,EAAe,WAAU,yDAAwD,UAAA,KAAA,CAElF,EAAA,CACJ;AAAA,EACA,gBAAAD,EAAC,SAAI,WAAU,kBACX,4BAACC,GAAA,EAAe,WAAU,2BAA0B,UAAA,KAAA,CAEpD,EAAA,CACJ;AAAA,EACA,gBAAAD,EAAC,SAAI,WAAU,OACX,4BAACC,GAAA,EAAe,WAAU,yDAAwD,UAAA,KAAA,CAElF,EAAA,CACJ;AAAA,EACA,gBAAAD,EAAC,SAAI,WAAU,OACX,4BAACC,GAAA,EAAe,WAAU,yDAAwD,UAAA,KAAA,CAElF,EAAA,CACJ;AAAA,EACA,gBAAAD,EAAC,SAAI,WAAU,kBACX,4BAACC,GAAA,EAAe,WAAU,2BAA0B,UAAA,KAAA,CAEpD,EAAA,CACJ;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/common/Grid/GridColumnStartEndLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridColumnStartEndLine.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Grid/GridColumnStartEndLine.tsx"],"sourcesContent":["import DemoBoxContent from '@/components/docs/DemoBoxContent'\n\nconst GridColumnStartEndLine = () => {\n    return (\n        <div className=\"grid grid-cols-6 gap-4\">\n            <DemoBoxContent className=\"col-start-2 col-span-4 shadow-lg bg-sky-500\">\n                01\n            </DemoBoxContent>\n            <DemoBoxContent className=\"col-start-1 col-end-3 shadow-lg bg-sky-500\">\n                02\n            </DemoBoxContent>\n            <DemoBoxContent className=\"col-end-7 col-span-2 shadow-lg bg-sky-500\">\n                03\n            </DemoBoxContent>\n            <DemoBoxContent className=\"col-start-1 col-end-7 shadow-lg bg-sky-500\">\n                04\n            </DemoBoxContent>\n        </div>\n    )\n}\n\nexport default GridColumnStartEndLine\n"],"names":["GridColumnStartEndLine","jsxs","jsx","DemoBoxContent"],"mappings":";;AAEA,MAAMA,IAAyB,MAEvB,gBAAAC,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAe,WAAU,+CAA8C,UAAA,MAExE;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,8CAA6C,UAAA,MAEvE;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,6CAA4C,UAAA,MAEtE;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,8CAA6C,UAAA,KAAA,CAEvE;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/common/Grid/GridRowStartEnd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridRowStartEnd.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Grid/GridRowStartEnd.tsx"],"sourcesContent":["import DemoBoxContent from '@/components/docs/DemoBoxContent'\n\nconst GridRowStartEnd = () => {\n    return (\n        <div className=\"grid grid-rows-3 grid-flow-col gap-4\">\n            <DemoBoxContent className=\"row-span-3 bg-fuchsia-500 grid place-content-center\">\n                01\n            </DemoBoxContent>\n            <DemoBoxContent className=\"col-span-2 bg-fuchsia-300 grid place-content-center dark:bg-fuchsia-800 dark:text-fuchsia-400\">\n                02\n            </DemoBoxContent>\n            <DemoBoxContent className=\"row-span-2 col-span-2 bg-fuchsia-500 grid place-content-center\">\n                03\n            </DemoBoxContent>\n        </div>\n    )\n}\n\nexport default GridRowStartEnd\n"],"names":["GridRowStartEnd","jsxs","jsx","DemoBoxContent"],"mappings":";;AAEA,MAAMA,IAAkB,MAEhB,gBAAAC,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAe,WAAU,uDAAsD,UAAA,MAEhF;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,iGAAgG,UAAA,MAE1H;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,kEAAiE,UAAA,KAAA,CAE3F;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/common/Grid/GridRowStartEndLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridRowStartEndLine.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Grid/GridRowStartEndLine.tsx"],"sourcesContent":["import DemoBoxContent from '@/components/docs/DemoBoxContent'\n\nconst GridRowStartEndLine = () => {\n    return (\n        <div className=\"grid grid-rows-3 grid-flow-col gap-4\">\n            <DemoBoxContent className=\"row-start-2 row-span-2 bg-blue-500 place-content-center\">\n                01\n            </DemoBoxContent>\n            <DemoBoxContent className=\"row-end-3 row-span-2 bg-blue-500 place-content-center\">\n                02\n            </DemoBoxContent>\n            <DemoBoxContent className=\"row-start-1 row-end-4 bg-blue-500 place-content-center\">\n                03\n            </DemoBoxContent>\n        </div>\n    )\n}\n\nexport default GridRowStartEndLine\n"],"names":["GridRowStartEndLine","jsxs","jsx","DemoBoxContent"],"mappings":";;AAEA,MAAMA,IAAsB,MAEpB,gBAAAC,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAe,WAAU,2DAA0D,UAAA,MAEpF;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,yDAAwD,UAAA,MAElF;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,0DAAyD,UAAA,KAAA,CAEnF;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/common/Grid/GridTemplateColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridTemplateColumns.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Grid/GridTemplateColumns.tsx"],"sourcesContent":["import DemoBoxContent from '@/components/docs/DemoBoxContent'\n\nconst GridTemplateColumns = () => {\n    return (\n        <div className=\"grid grid-cols-4 gap-4\">\n            {[...Array(9).keys()].map((elm) => (\n                <DemoBoxContent key={elm} className=\"shadow-lg bg-fuchsia-500\">\n                    {'0' + (elm + 1)}\n                </DemoBoxContent>\n            ))}\n        </div>\n    )\n}\n\nexport default GridTemplateColumns\n"],"names":["GridTemplateColumns","jsx","elm","DemoBoxContent"],"mappings":";;AAEA,MAAMA,IAAsB,MAEpB,gBAAAC,EAAC,OAAA,EAAI,WAAU,0BACV,UAAA,CAAC,GAAG,MAAM,CAAC,EAAE,KAAA,CAAM,EAAE,IAAI,CAACC,MACvB,gBAAAD,EAACE,GAAA,EAAyB,WAAU,4BAC/B,iBAAOD,IAAM,GAAA,GADGA,CAErB,CACH,EAAA,CACL;"}

package/dist/@ecme/views/ui-components/common/Grid/GridTemplateRows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridTemplateRows.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Grid/GridTemplateRows.tsx"],"sourcesContent":["import DemoBoxContent from '@/components/docs/DemoBoxContent'\n\nconst GridTemplateRows = () => {\n    return (\n        <div className=\"grid grid-rows-4 grid-flow-col gap-4\">\n            {[...Array(9).keys()].map((elm) => (\n                <DemoBoxContent key={elm} className=\"shadow-lg bg-pink-500\">\n                    {'0' + (elm + 1)}\n                </DemoBoxContent>\n            ))}\n        </div>\n    )\n}\n\nexport default GridTemplateRows\n"],"names":["GridTemplateRows","jsx","elm","DemoBoxContent"],"mappings":";;AAEA,MAAMA,IAAmB,MAEjB,gBAAAC,EAAC,OAAA,EAAI,WAAU,wCACV,UAAA,CAAC,GAAG,MAAM,CAAC,EAAE,KAAA,CAAM,EAAE,IAAI,CAACC,MACvB,gBAAAD,EAACE,GAAA,EAAyB,WAAU,yBAC/B,iBAAOD,IAAM,GAAA,GADGA,CAErB,CACH,EAAA,CACL;"}

package/dist/@ecme/views/ui-components/common/Grid/HoverFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverFocus.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Grid/HoverFocus.tsx"],"sourcesContent":["import DemoBoxContent from '@/components/docs/DemoBoxContent'\n\nconst HoverFocus = () => {\n    return (\n        <div className=\"grid hover:grid-cols-1 grid-cols-6 gap-4\">\n            <DemoBoxContent className=\"shadow-lg bg-violet-500\">\n                01\n            </DemoBoxContent>\n            <DemoBoxContent className=\"shadow-lg bg-violet-500\">\n                02\n            </DemoBoxContent>\n            <DemoBoxContent className=\"shadow-lg bg-violet-500\">\n                03\n            </DemoBoxContent>\n        </div>\n    )\n}\n\nexport default HoverFocus\n"],"names":["HoverFocus","jsxs","jsx","DemoBoxContent"],"mappings":";;AAEA,MAAMA,IAAa,MAEX,gBAAAC,EAAC,OAAA,EAAI,WAAU,4CACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAe,WAAU,2BAA0B,UAAA,MAEpD;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,2BAA0B,UAAA,MAEpD;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAe,WAAU,2BAA0B,UAAA,KAAA,CAEpD;AAAA,GACJ;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Grid/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport GridTemplateColumns from './GridTemplateColumns'\nimport GridColumnStartEnd from './GridColumnStartEnd'\nimport GridColumnStartEndLine from './GridColumnStartEndLine'\nimport GridTemplateRows from './GridTemplateRows'\nimport GridRowStartEndLine from './GridRowStartEndLine'\nimport GridRowStartEnd from './GridRowStartEnd'\nimport GridAutoflow from './GridAutoflow'\nimport GridAutoColumns from './GridAutoColumns'\nimport GridAutoRows from './GridAutoRows'\nimport HoverFocus from './HoverFocus'\nimport BreakpointsMediaQueries from './BreakpointsMediaQueries'\n\nconst mdPath = 'Grid'\n\nconst demoHeader = {\n    title: 'Grid',\n    desc: `Grid system from Tailwind CSS, refer to the <a class=\"text-blue-500 underline\" href=\"https://tailwindcss.com/\" target=\"_blank\" >official doc</a> for more detail usage`,\n}\n\nconst demos = [\n    {\n        mdName: 'GridTemplateColumns',\n        mdPath: mdPath,\n        title: 'Grid Template Columns',\n        desc: `<p>Use the <code>grid-cols-{n}</code> utilities to create grids with <em>n</em> equally sized columns.</p>`,\n        component: <GridTemplateColumns />,\n    },\n    {\n        mdName: 'GridColumnStartEnd',\n        mdPath: mdPath,\n        title: 'Grid Column Start / End',\n        desc: `<p>Use the <code>col-span-{n}</code> utilities to make an element span <em>n</em> columns.</p>`,\n        component: <GridColumnStartEnd />,\n    },\n    {\n        mdName: 'GridColumnStartEndLine',\n        mdPath: mdPath,\n        title: 'Grid Column Start / End Line',\n        desc: `<p>Use the <code>col-start-{n}</code> and <code>col-end-{n}</code> utilities to make an element start or end at the <em>nth</em> grid line. These can also be combined with the <code>col-span-{n}</code> utilities to span a specific number of columns.</p> <p>Note that CSS grid lines start at 1, not 0, so a full-width element in a 6-column grid would start at line 1 and end at line 7.</p>`,\n        component: <GridColumnStartEndLine />,\n    },\n    {\n        mdName: 'GridTemplateRows',\n        mdPath: mdPath,\n        title: 'Grid Template Rows',\n        desc: `<p>Use the <code>grid-rows-{n}</code> utilities to create grids with <em>n</em> equally sized rows.</p>`,\n        component: <GridTemplateRows />,\n    },\n    {\n        mdName: 'GridRowStartEndLine',\n        mdPath: mdPath,\n        title: 'Grid Row Start / End Line',\n        desc: `<p>Use the <code>row-start-{n}</code> and <code>row-end-{n}</code> utilities to make an element start or end at the <em>nth</em> grid line. These can also be combined with the <code>row-span-{n}</code> utilities to span a specific number of rows.</p> <br /> <p>Note that CSS grid lines start at 1, not 0, so a full-height element in a 3-row grid would start at line 1 and end at line 4.</p>`,\n        component: <GridRowStartEndLine />,\n    },\n    {\n        mdName: 'GridRowStartEnd',\n        mdPath: mdPath,\n        title: 'Grid Row Start / End',\n        desc: `<p>Use the <code>row-span-{n}</code> utilities to make an element span <em>n</em> rows.</p>`,\n        component: <GridRowStartEnd />,\n    },\n    {\n        mdName: 'GridAutoflow',\n        mdPath: mdPath,\n        title: 'Grid Auto Flow',\n        desc: `<p>Use the <code>grid-flow-{keyword}</code> utilities to control how the auto-placement algorithm works for a grid layout.</p>`,\n        component: <GridAutoflow />,\n    },\n    {\n        mdName: 'GridAutoColumns',\n        mdPath: mdPath,\n        title: 'Grid Auto Columns',\n        desc: `<p>Use the <code>auto-cols-{size}</code> utilities to control the size of implicitly-created grid columns.</p>`,\n        component: <GridAutoColumns />,\n    },\n    {\n        mdName: 'GridAutoRows',\n        mdPath: mdPath,\n        title: 'Grid Auto Rows',\n        desc: `<p>Use the <code>auto-rows-{size}</code> utilities to control the size implicitly-created grid rows.</p>`,\n        component: <GridAutoRows />,\n    },\n    {\n        mdName: 'HoverFocus',\n        mdPath: mdPath,\n        title: 'Hover, focus, and other states',\n        desc: `<p>Tailwind lets you conditionally apply utility classes in different states using variant modifiers. For example, use <code>hover:{class}</code> to only apply the <code>{class}</code> utility on hover.</p>`,\n        component: <HoverFocus />,\n    },\n    {\n        mdName: 'BreakpointsMediaQueries',\n        mdPath: mdPath,\n        title: 'Breakpoints and media queries',\n        desc: `<p>You can also use variant modifiers to target media queries like responsive breakpoints, dark mode, prefers-reduced-motion, and more. For example, use <code>md:{class}</code> to apply the <code>{class}</code> utility at only medium screen sizes and above.</p>`,\n        component: <BreakpointsMediaQueries />,\n    },\n]\n\nconst Typography = () => {\n    return <DemoLayout header={demoHeader} demos={demos} />\n}\n\nexport default Typography\n"],"names":["mdPath","demoHeader","demos","GridTemplateColumns","GridColumnStartEnd","GridColumnStartEndLine","GridTemplateRows","GridRowStartEndLine","GridRowStartEnd","GridAutoflow","GridAutoColumns","GridAutoRows","HoverFocus","BreakpointsMediaQueries","Typography","jsx","DemoLayout"],"mappings":";;;;;;;;;;;;;AAeA,MAAMA,IAAS,QAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAoB;AAAA,EAAA;AAAA,EAEpC;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAmB;AAAA,EAAA;AAAA,EAEnC;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAuB;AAAA,EAAA;AAAA,EAEvC;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAiB;AAAA,EAAA;AAAA,EAEjC;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAA,CAAA,CAAoB;AAAA,EAAA;AAAA,EAEpC;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAA,CAAA,CAAgB;AAAA,EAAA;AAAA,EAEhC;AAAA,IACI,QAAQ;AAAA,IACR,QAAAR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYS,GAAA,CAAA,CAAa;AAAA,EAAA;AAAA,EAE7B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAT;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYU,GAAA,CAAA,CAAgB;AAAA,EAAA;AAAA,EAEhC;AAAA,IACI,QAAQ;AAAA,IACR,QAAAV;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYW,GAAA,CAAA,CAAa;AAAA,EAAA;AAAA,EAE7B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAX;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYY,GAAA,CAAA,CAAW;AAAA,EAAA;AAAA,EAE3B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAZ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYa,GAAA,CAAA,CAAwB;AAAA,EAAA;AAE5C,GAEMC,IAAa,MACR,gBAAAC,EAACC,GAAA,EAAW,QAAQf,GAAY,OAAAC,EAAA,CAAc;"}

package/dist/@ecme/views/ui-components/common/Icons/AntDesignIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AntDesignIcons.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Icons/AntDesignIcons.tsx"],"sourcesContent":["import IconWrapper from './IconWrapper'\nimport {\n    AiOutlineAntDesign,\n    AiOutlineConsoleSql,\n    AiOutlineDeploymentUnit,\n    AiOutlineFieldString,\n    AiOutlineCiCircle,\n    AiOutlineLike,\n    AiOutlineUser,\n    AiOutlineVerified,\n    AiOutlineZhihu,\n} from 'react-icons/ai'\n\nconst renderIcon = [\n    { render: () => <AiOutlineAntDesign /> },\n    { render: () => <AiOutlineConsoleSql /> },\n    { render: () => <AiOutlineDeploymentUnit /> },\n    { render: () => <AiOutlineFieldString /> },\n    { render: () => <AiOutlineCiCircle /> },\n    { render: () => <AiOutlineLike /> },\n    { render: () => <AiOutlineUser /> },\n    { render: () => <AiOutlineVerified /> },\n    { render: () => <AiOutlineZhihu /> },\n]\n\nconst AntDesignIcons = () => {\n    return (\n        <div className=\"grid grid-cols-3 gap-y-6 text-4xl text-center heading-text\">\n            {renderIcon.map((icon, index) => (\n                <IconWrapper key={`antDesignIcons-${index}`}>\n                    {icon.render()}\n                </IconWrapper>\n            ))}\n        </div>\n    )\n}\n\nexport default AntDesignIcons\n"],"names":["renderIcon","jsx","AiOutlineAntDesign","AiOutlineConsoleSql","AiOutlineDeploymentUnit","AiOutlineFieldString","AiOutlineCiCircle","AiOutlineLike","AiOutlineUser","AiOutlineVerified","AiOutlineZhihu","AntDesignIcons","icon","index","IconWrapper"],"mappings":";;;AAaA,MAAMA,IAAa;AAAA,EACf,EAAE,QAAQ,MAAM,gBAAAC,EAACC,KAAmB,EAAA;AAAA,EACpC,EAAE,QAAQ,MAAM,gBAAAD,EAACE,KAAoB,EAAA;AAAA,EACrC,EAAE,QAAQ,MAAM,gBAAAF,EAACG,KAAwB,EAAA;AAAA,EACzC,EAAE,QAAQ,MAAM,gBAAAH,EAACI,KAAqB,EAAA;AAAA,EACtC,EAAE,QAAQ,MAAM,gBAAAJ,EAACK,KAAkB,EAAA;AAAA,EACnC,EAAE,QAAQ,MAAM,gBAAAL,EAACM,KAAc,EAAA;AAAA,EAC/B,EAAE,QAAQ,MAAM,gBAAAN,EAACO,KAAc,EAAA;AAAA,EAC/B,EAAE,QAAQ,MAAM,gBAAAP,EAACQ,KAAkB,EAAA;AAAA,EACnC,EAAE,QAAQ,MAAM,gBAAAR,EAACS,KAAe,EAAA;AACpC,GAEMC,IAAiB,wBAEd,OAAA,EAAI,WAAU,8DACV,UAAAX,EAAW,IAAI,CAACY,GAAMC,MACnB,gBAAAZ,EAACa,GAAA,EACI,YAAK,OAAA,EAAO,GADC,kBAAkBD,CAAK,EAEzC,CACH,GACL;"}

package/dist/@ecme/views/ui-components/common/Icons/BootstrapIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BootstrapIcons.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Icons/BootstrapIcons.tsx"],"sourcesContent":["import IconWrapper from './IconWrapper'\nimport {\n    BsBootstrap,\n    BsBoxSeam,\n    BsCalendarDate,\n    BsCardText,\n    BsCheckCircle,\n    BsCloudHaze,\n    BsCloudSnow,\n    BsPlayBtn,\n    BsGraphUp,\n} from 'react-icons/bs'\n\nconst renderIcon = [\n    { render: () => <BsBootstrap /> },\n    { render: () => <BsBoxSeam /> },\n    { render: () => <BsCalendarDate /> },\n    { render: () => <BsCardText /> },\n    { render: () => <BsCheckCircle /> },\n    { render: () => <BsCloudHaze /> },\n    { render: () => <BsCloudSnow /> },\n    { render: () => <BsPlayBtn /> },\n    { render: () => <BsGraphUp /> },\n]\n\nconst BootstrapIcons = () => {\n    return (\n        <div className=\"grid grid-cols-3 gap-y-6 text-4xl text-center heading-text\">\n            {renderIcon.map((icon, index) => (\n                <IconWrapper key={`bootstrapIcons-${index}`}>\n                    {icon.render()}\n                </IconWrapper>\n            ))}\n        </div>\n    )\n}\n\nexport default BootstrapIcons\n"],"names":["renderIcon","jsx","BsBootstrap","BsBoxSeam","BsCalendarDate","BsCardText","BsCheckCircle","BsCloudHaze","BsCloudSnow","BsPlayBtn","BsGraphUp","BootstrapIcons","icon","index","IconWrapper"],"mappings":";;;AAaA,MAAMA,IAAa;AAAA,EACf,EAAE,QAAQ,MAAM,gBAAAC,EAACC,KAAY,EAAA;AAAA,EAC7B,EAAE,QAAQ,MAAM,gBAAAD,EAACE,KAAU,EAAA;AAAA,EAC3B,EAAE,QAAQ,MAAM,gBAAAF,EAACG,KAAe,EAAA;AAAA,EAChC,EAAE,QAAQ,MAAM,gBAAAH,EAACI,KAAW,EAAA;AAAA,EAC5B,EAAE,QAAQ,MAAM,gBAAAJ,EAACK,KAAc,EAAA;AAAA,EAC/B,EAAE,QAAQ,MAAM,gBAAAL,EAACM,KAAY,EAAA;AAAA,EAC7B,EAAE,QAAQ,MAAM,gBAAAN,EAACO,KAAY,EAAA;AAAA,EAC7B,EAAE,QAAQ,MAAM,gBAAAP,EAACQ,KAAU,EAAA;AAAA,EAC3B,EAAE,QAAQ,MAAM,gBAAAR,EAACS,KAAU,EAAA;AAC/B,GAEMC,IAAiB,wBAEd,OAAA,EAAI,WAAU,8DACV,UAAAX,EAAW,IAAI,CAACY,GAAMC,MACnB,gBAAAZ,EAACa,GAAA,EACI,YAAK,OAAA,EAAO,GADC,kBAAkBD,CAAK,EAEzC,CACH,GACL;"}

package/dist/@ecme/views/ui-components/common/Icons/BoxIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxIcons.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Icons/BoxIcons.tsx"],"sourcesContent":["import IconWrapper from './IconWrapper'\nimport {\n    BiBox,\n    BiChurch,\n    BiCookie,\n    BiDiamond,\n    BiGitMerge,\n    BiMapPin,\n    BiTimer,\n    BiWifi2,\n    BiShieldQuarter,\n} from 'react-icons/bi'\n\nconst renderIcon = [\n    { render: () => <BiBox /> },\n    { render: () => <BiChurch /> },\n    { render: () => <BiCookie /> },\n    { render: () => <BiDiamond /> },\n    { render: () => <BiGitMerge /> },\n    { render: () => <BiMapPin /> },\n    { render: () => <BiTimer /> },\n    { render: () => <BiWifi2 /> },\n    { render: () => <BiShieldQuarter /> },\n]\n\nconst BoxIcons = () => {\n    return (\n        <div className=\"grid grid-cols-3 gap-y-6 text-4xl text-center heading-text\">\n            {renderIcon.map((icon, index) => (\n                <IconWrapper key={`boxIcons-${index}`}>\n                    {icon.render()}\n                </IconWrapper>\n            ))}\n        </div>\n    )\n}\n\nexport default BoxIcons\n"],"names":["renderIcon","jsx","BiBox","BiChurch","BiCookie","BiDiamond","BiGitMerge","BiMapPin","BiTimer","BiWifi2","BiShieldQuarter","BoxIcons","icon","index","IconWrapper"],"mappings":";;;AAaA,MAAMA,IAAa;AAAA,EACf,EAAE,QAAQ,MAAM,gBAAAC,EAACC,KAAM,EAAA;AAAA,EACvB,EAAE,QAAQ,MAAM,gBAAAD,EAACE,KAAS,EAAA;AAAA,EAC1B,EAAE,QAAQ,MAAM,gBAAAF,EAACG,KAAS,EAAA;AAAA,EAC1B,EAAE,QAAQ,MAAM,gBAAAH,EAACI,KAAU,EAAA;AAAA,EAC3B,EAAE,QAAQ,MAAM,gBAAAJ,EAACK,KAAW,EAAA;AAAA,EAC5B,EAAE,QAAQ,MAAM,gBAAAL,EAACM,KAAS,EAAA;AAAA,EAC1B,EAAE,QAAQ,MAAM,gBAAAN,EAACO,KAAQ,EAAA;AAAA,EACzB,EAAE,QAAQ,MAAM,gBAAAP,EAACQ,KAAQ,EAAA;AAAA,EACzB,EAAE,QAAQ,MAAM,gBAAAR,EAACS,KAAgB,EAAA;AACrC,GAEMC,IAAW,wBAER,OAAA,EAAI,WAAU,8DACV,UAAAX,EAAW,IAAI,CAACY,GAAMC,MACnB,gBAAAZ,EAACa,GAAA,EACI,YAAK,OAAA,EAAO,GADC,YAAYD,CAAK,EAEnC,CACH,GACL;"}