@orbe-agro/client-core 5.5.3 → 5.5.9

package/dist/@ecme/views/guide/SharedComponentsDoc/components/MediaSkeletonDoc/Simple.js.map

@@ -1 +1 @@
-{"version":3,"file":"Simple.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/MediaSkeletonDoc/Simple.tsx"],"sourcesContent":["import MediaSkeleton from '@/components/shared/loaders/MediaSkeleton'\n\nconst Example = () => {\n    return (\n        <MediaSkeleton\n            avatarProps={{\n                width: 45,\n                height: 45,\n            }}\n        />\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAEd,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAa;AAAA,QACT,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IACZ;AAAA,EACJ;AAER;"}
+{"version":3,"file":"Simple.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/MediaSkeletonDoc/Simple.tsx"],"sourcesContent":["import MediaSkeleton from '@/components/shared/loaders/MediaSkeleton'\n\nconst Example = () => {\n    return (\n        <MediaSkeleton\n            avatarProps={{\n                width: 45,\n                height: 45,\n            }}\n        />\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAClB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAa;AAAA,QACT,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/MediaSkeletonDoc/WithLoding.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithLoding.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/MediaSkeletonDoc/WithLoding.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Switcher from '@/components/ui/Switcher'\nimport Avatar from '@/components/ui/Avatar'\nimport Loading from '@/components/shared/Loading'\nimport MediaSkeleton from '@/components/shared/loaders/MediaSkeleton'\n\nconst WithLoding = () => {\n    const [isLoading, setIsLoading] = useState(true)\n\n    return (\n        <>\n            <div className=\"flex items-center mb-4 gap-2\">\n                <span>Loading State: </span>\n                <Switcher\n                    checked={isLoading}\n                    onChange={(checked) => setIsLoading(checked)}\n                />\n            </div>\n            <Loading\n                loading={isLoading}\n                customLoader={\n                    <MediaSkeleton\n                        titleProps={{\n                            width: 130,\n                        }}\n                        textProps={{\n                            width: 150,\n                        }}\n                        avatarProps={{\n                            width: 45,\n                            height: 45,\n                        }}\n                    />\n                }\n            >\n                <div className=\"flex items-center gap-2\">\n                    <Avatar\n                        size={45}\n                        src=\"/img/avatars/thumb-1.jpg\"\n                        shape=\"circle\"\n                    />\n                    <div>\n                        <h6>Carolyn Perkins</h6>\n                        <p>carolyn.p@elstar.com</p>\n                    </div>\n                </div>\n            </Loading>\n        </>\n    )\n}\n\nexport default WithLoding\n"],"names":[],"mappings":";;;;;;;AAMA,MAAM,aAAa,MAAM;AACrB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAE/C,SAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAC,qBAAA,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,MAAA,oBAAC,UAAK,UAAe,kBAAA,CAAA;AAAA,MACrB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAS;AAAA,UACT,UAAU,CAAC,YAAY,aAAa,OAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/C,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,SAAS;AAAA,QACT,cACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,YAAY;AAAA,cACR,OAAO;AAAA,YACX;AAAA,YACA,WAAW;AAAA,cACP,OAAO;AAAA,YACX;AAAA,YACA,aAAa;AAAA,cACT,OAAO;AAAA,cACP,QAAQ;AAAA,YAAA;AAAA,UACZ;AAAA,QACJ;AAAA,QAGJ,UAAA,qBAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAM;AAAA,cACN,KAAI;AAAA,cACJ,OAAM;AAAA,YAAA;AAAA,UACV;AAAA,+BACC,OACG,EAAA,UAAA;AAAA,YAAA,oBAAC,QAAG,UAAe,kBAAA,CAAA;AAAA,YACnB,oBAAC,OAAE,UAAoB,uBAAA,CAAA;AAAA,UAAA,EAC3B,CAAA;AAAA,QAAA,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"WithLoding.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/MediaSkeletonDoc/WithLoding.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Switcher from '@/components/ui/Switcher'\nimport Avatar from '@/components/ui/Avatar'\nimport Loading from '@/components/shared/Loading'\nimport MediaSkeleton from '@/components/shared/loaders/MediaSkeleton'\n\nconst WithLoding = () => {\n    const [isLoading, setIsLoading] = useState(true)\n\n    return (\n        <>\n            <div className=\"flex items-center mb-4 gap-2\">\n                <span>Loading State: </span>\n                <Switcher\n                    checked={isLoading}\n                    onChange={(checked) => setIsLoading(checked)}\n                />\n            </div>\n            <Loading\n                loading={isLoading}\n                customLoader={\n                    <MediaSkeleton\n                        titleProps={{\n                            width: 130,\n                        }}\n                        textProps={{\n                            width: 150,\n                        }}\n                        avatarProps={{\n                            width: 45,\n                            height: 45,\n                        }}\n                    />\n                }\n            >\n                <div className=\"flex items-center gap-2\">\n                    <Avatar\n                        size={45}\n                        src=\"/img/avatars/thumb-1.jpg\"\n                        shape=\"circle\"\n                    />\n                    <div>\n                        <h6>Carolyn Perkins</h6>\n                        <p>carolyn.p@elstar.com</p>\n                    </div>\n                </div>\n            </Loading>\n        </>\n    )\n}\n\nexport default WithLoding\n"],"names":[],"mappings":";;;;;;;AAMA,MAAM,aAAa,MAAM;AACrB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAE/C,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,MAAA,oBAAC,UAAK,UAAA,kBAAA,CAAe;AAAA,MACrB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAS;AAAA,UACT,UAAU,CAAC,YAAY,aAAa,OAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/C,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,SAAS;AAAA,QACT,cACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,YAAY;AAAA,cACR,OAAO;AAAA,YAAA;AAAA,YAEX,WAAW;AAAA,cACP,OAAO;AAAA,YAAA;AAAA,YAEX,aAAa;AAAA,cACT,OAAO;AAAA,cACP,QAAQ;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,QAIR,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAM;AAAA,cACN,KAAI;AAAA,cACJ,OAAM;AAAA,YAAA;AAAA,UAAA;AAAA,+BAET,OAAA,EACG,UAAA;AAAA,YAAA,oBAAC,QAAG,UAAA,kBAAA,CAAe;AAAA,YACnB,oBAAC,OAAE,UAAA,uBAAA,CAAoB;AAAA,UAAA,EAAA,CAC3B;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/MediaSkeletonDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Simple from './Simple'\nimport WithLoding from './WithLoding'\n\nconst mdPath = 'MediaSkeletonDoc'\n\nconst demoHeader = {\n    title: 'MediaSkeleton',\n    desc: 'MediaSkeleton is a combination of Skeleton component for display a loading state of a media like element.',\n}\n\nconst demos = [\n    {\n        mdName: 'Simple',\n        mdPath: mdPath,\n        title: 'Simple',\n        desc: `Basic usage.`,\n        component: <Simple />,\n    },\n    {\n        mdName: 'WithLoding',\n        mdPath: mdPath,\n        title: 'WithLoding',\n        desc: `Usage with loading`,\n        component: <WithLoding />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'MediaSkeleton',\n        api: [\n            {\n                propName: 'avatarProps',\n                type: `<a class=\"text-indigo-600 underline\" href=\"/ui-components/skeleton#api\" target=\"_blank\"><code>SkeletonProps</code></a>`,\n                default: `-`,\n                desc: 'Props for avatar skeleton',\n            },\n            {\n                propName: 'showAvatar',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to display avatar skeleton',\n            },\n            {\n                propName: 'textProps',\n                type: `<a class=\"text-indigo-600 underline\" href=\"/ui-components/skeleton#api\" target=\"_blank\"><code>SkeletonProps</code></a>`,\n                default: `-`,\n                desc: 'Props for text skeleton',\n            },\n            {\n                propName: 'titleProps',\n                type: `<a class=\"text-indigo-600 underline\" href=\"/ui-components/skeleton#api\" target=\"_blank\"><code>SkeletonProps</code></a>`,\n                default: `-`,\n                desc: 'Props for title skeleton',\n            },\n        ],\n    },\n]\n\nconst MediaSkeletonDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default MediaSkeletonDoc\n"],"names":["Simple"],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAYA,SAAO,CAAA,CAAA;AAAA,EACvB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,YAAW,CAAA,CAAA;AAAA,EAAA;AAE/B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,mBAAmB,MAAM;AAEvB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,IAAA;AAAA,EACjB;AAER;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/MediaSkeletonDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Simple from './Simple'\nimport WithLoding from './WithLoding'\n\nconst mdPath = 'MediaSkeletonDoc'\n\nconst demoHeader = {\n    title: 'MediaSkeleton',\n    desc: 'MediaSkeleton is a combination of Skeleton component for display a loading state of a media like element.',\n}\n\nconst demos = [\n    {\n        mdName: 'Simple',\n        mdPath: mdPath,\n        title: 'Simple',\n        desc: `Basic usage.`,\n        component: <Simple />,\n    },\n    {\n        mdName: 'WithLoding',\n        mdPath: mdPath,\n        title: 'WithLoding',\n        desc: `Usage with loading`,\n        component: <WithLoding />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'MediaSkeleton',\n        api: [\n            {\n                propName: 'avatarProps',\n                type: `<a class=\"text-indigo-600 underline\" href=\"/ui-components/skeleton#api\" target=\"_blank\"><code>SkeletonProps</code></a>`,\n                default: `-`,\n                desc: 'Props for avatar skeleton',\n            },\n            {\n                propName: 'showAvatar',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to display avatar skeleton',\n            },\n            {\n                propName: 'textProps',\n                type: `<a class=\"text-indigo-600 underline\" href=\"/ui-components/skeleton#api\" target=\"_blank\"><code>SkeletonProps</code></a>`,\n                default: `-`,\n                desc: 'Props for text skeleton',\n            },\n            {\n                propName: 'titleProps',\n                type: `<a class=\"text-indigo-600 underline\" href=\"/ui-components/skeleton#api\" target=\"_blank\"><code>SkeletonProps</code></a>`,\n                default: `-`,\n                desc: 'Props for title skeleton',\n            },\n        ],\n    },\n]\n\nconst MediaSkeletonDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default MediaSkeletonDoc\n"],"names":["Simple"],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAYA,SAAA,CAAA,CAAO;AAAA,EAAA;AAAA,EAEvB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,YAAA,CAAA,CAAW;AAAA,EAAA;AAE/B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,mBAAmB,MAAM;AAC3B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,IAAA;AAAA,EAAA;AAGzB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/NavToggleDoc/Example.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport NavToggle from '@/components/shared/NavToggle'\n\nconst Example = () => {\n    const [collapsed, setCollapsed] = useState(false)\n\n    return (\n        <Button\n            shape=\"circle\"\n            variant=\"plain\"\n            icon={<NavToggle toggled={collapsed} />}\n            onClick={() => setCollapsed(!collapsed)}\n        />\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;;;;AAIA,MAAM,UAAU,MAAM;AAClB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAG5C,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,MAAM,oBAAC,WAAU,EAAA,SAAS,UAAW,CAAA;AAAA,MACrC,SAAS,MAAM,aAAa,CAAC,SAAS;AAAA,IAAA;AAAA,EAC1C;AAER;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/NavToggleDoc/Example.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport NavToggle from '@/components/shared/NavToggle'\n\nconst Example = () => {\n    const [collapsed, setCollapsed] = useState(false)\n\n    return (\n        <Button\n            shape=\"circle\"\n            variant=\"plain\"\n            icon={<NavToggle toggled={collapsed} />}\n            onClick={() => setCollapsed(!collapsed)}\n        />\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;;;;AAIA,MAAM,UAAU,MAAM;AAClB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,MAAM,oBAAC,WAAA,EAAU,SAAS,UAAA,CAAW;AAAA,MACrC,SAAS,MAAM,aAAa,CAAC,SAAS;AAAA,IAAA;AAAA,EAAA;AAGlD;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/NavToggleDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'NavToggleDoc'\n\nconst demoHeader = {\n    title: 'NavToggle',\n    desc: 'NavToggle component designed as a toggler for expandable or side navigation.',\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: 'NavToggle',\n        api: [\n            {\n                propName: 'toggled',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'State of NavToggle',\n            },\n        ],\n    },\n]\n\nconst NavToggleDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default NavToggleDoc\n"],"names":[],"mappings":";;;AAKA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,eAAe,MAAM;AAEnB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,IAAA;AAAA,EACjB;AAER;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/NavToggleDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'NavToggleDoc'\n\nconst demoHeader = {\n    title: 'NavToggle',\n    desc: 'NavToggle component designed as a toggler for expandable or side navigation.',\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: 'NavToggle',\n        api: [\n            {\n                propName: 'toggled',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'State of NavToggle',\n            },\n        ],\n    },\n]\n\nconst NavToggleDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default NavToggleDoc\n"],"names":[],"mappings":";;;AAKA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,eAAe,MAAM;AACvB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,IAAA;AAAA,EAAA;AAGzB;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/NumericInputDoc/Basic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/NumericInputDoc/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport NumericInput from '@/components/shared/NumericInput'\n\nconst Basic = () => {\n    const [value, setValue] = useState(0)\n\n    const handleValueChange = (e: {\n        floatValue?: number\n        formattedValue: string\n        value: string\n    }) => {\n        console.log(e)\n        setValue(e.floatValue as number)\n    }\n\n    return (\n        <NumericInput\n            fixedDecimalScale\n            value={value}\n            decimalScale={2}\n            onValueChange={handleValueChange}\n        />\n    )\n}\n\nexport default Basic\n"],"names":[],"mappings":";;;AAGA,MAAM,QAAQ,MAAM;AAChB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AAE9B,QAAA,oBAAoB,CAAC,MAIrB;AACF,YAAQ,IAAI,CAAC;AACb,aAAS,EAAE,UAAoB;AAAA,EACnC;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,mBAAiB;AAAA,MACjB;AAAA,MACA,cAAc;AAAA,MACd,eAAe;AAAA,IAAA;AAAA,EACnB;AAER;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/NumericInputDoc/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport NumericInput from '@/components/shared/NumericInput'\n\nconst Basic = () => {\n    const [value, setValue] = useState(0)\n\n    const handleValueChange = (e: {\n        floatValue?: number\n        formattedValue: string\n        value: string\n    }) => {\n        console.log(e)\n        setValue(e.floatValue as number)\n    }\n\n    return (\n        <NumericInput\n            fixedDecimalScale\n            value={value}\n            decimalScale={2}\n            onValueChange={handleValueChange}\n        />\n    )\n}\n\nexport default Basic\n"],"names":[],"mappings":";;;AAGA,MAAM,QAAQ,MAAM;AAChB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AAEpC,QAAM,oBAAoB,CAAC,MAIrB;AACF,YAAQ,IAAI,CAAC;AACb,aAAS,EAAE,UAAoB;AAAA,EACnC;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,mBAAiB;AAAA,MACjB;AAAA,MACA,cAAc;AAAA,MACd,eAAe;AAAA,IAAA;AAAA,EAAA;AAG3B;"}

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

@@ -1 +1 @@
-{"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/NumericInputDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<{ amount?: string }>()\n\n    const onSubmit = (value: { amount?: string }) => {\n        console.log(value)\n    }\n\n    return (\n        <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Amount\"\n                invalid={Boolean(errors.amount)}\n                errorMessage={errors.amount?.message}\n            >\n                <Controller\n                    name=\"amount\"\n                    control={control}\n                    render={({ field }) => (\n                        <NumericInput\n                            thousandSeparator\n                            placeholder=\"Amount\"\n                            value={field.value}\n                            onValueChange={(e) => {\n                                field.onChange(e.floatValue)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <Button block variant=\"solid\" type=\"submit\">\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default WithForm\n"],"names":[],"mappings":";;;;;;;;AAKA,MAAM,WAAW,MAAM;AACb,QAAA;AAAA,IACF;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,IACpB;AAAA,MACA,QAA6B;AAE3B,QAAA,WAAW,CAAC,UAA+B;AAC7C,YAAQ,IAAI,KAAK;AAAA,EACrB;AAEA,8BACK,MAAK,EAAA,WAAU,QAAO,UAAU,aAAa,QAAQ,GAClD,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,QAAQ,OAAO,MAAM;AAAA,QAC9B,cAAc,OAAO,QAAQ;AAAA,QAE7B,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL;AAAA,YACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,mBAAiB;AAAA,gBACjB,aAAY;AAAA,gBACZ,OAAO,MAAM;AAAA,gBACb,eAAe,CAAC,MAAM;AACZ,wBAAA,SAAS,EAAE,UAAU;AAAA,gBAAA;AAAA,cAC/B;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IACJ;AAAA,IACA,oBAAC,UAAO,OAAK,MAAC,SAAQ,SAAQ,MAAK,UAAS,UAE5C,SAAA,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/NumericInputDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<{ amount?: string }>()\n\n    const onSubmit = (value: { amount?: string }) => {\n        console.log(value)\n    }\n\n    return (\n        <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Amount\"\n                invalid={Boolean(errors.amount)}\n                errorMessage={errors.amount?.message}\n            >\n                <Controller\n                    name=\"amount\"\n                    control={control}\n                    render={({ field }) => (\n                        <NumericInput\n                            thousandSeparator\n                            placeholder=\"Amount\"\n                            value={field.value}\n                            onValueChange={(e) => {\n                                field.onChange(e.floatValue)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <Button block variant=\"solid\" type=\"submit\">\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default WithForm\n"],"names":[],"mappings":";;;;;;;;AAKA,MAAM,WAAW,MAAM;AACnB,QAAM;AAAA,IACF;AAAA,IACA,WAAW,EAAE,OAAA;AAAA,IACb;AAAA,EAAA,IACA,QAAA;AAEJ,QAAM,WAAW,CAAC,UAA+B;AAC7C,YAAQ,IAAI,KAAK;AAAA,EACrB;AAEA,8BACK,MAAA,EAAK,WAAU,QAAO,UAAU,aAAa,QAAQ,GAClD,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,QAAQ,OAAO,MAAM;AAAA,QAC9B,cAAc,OAAO,QAAQ;AAAA,QAE7B,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL;AAAA,YACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,mBAAiB;AAAA,gBACjB,aAAY;AAAA,gBACZ,OAAO,MAAM;AAAA,gBACb,eAAe,CAAC,MAAM;AAClB,wBAAM,SAAS,EAAE,UAAU;AAAA,gBAC/B;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,oBAAC,UAAO,OAAK,MAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/NumericInputDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport WithForm from './WithForm'\n\nconst mdPath = 'NumericInputDoc'\n\nconst demoHeader = {\n    title: 'FormNumericInput',\n    desc: 'FormCustomFormatInput wrapped Input component with <a class=\"text-primary underline\" href=\"https://github.com/s-yadav/react-number-format\" target=\"_blank\">react-number-format</a>, refer to the <a class=\"text-primary underline\" href=\"https://s-yadav.github.io/react-number-format/docs/numeric_format\" target=\"_blank\">official doc</a> for more usage example .',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of FormNumericInput, all <a class=\"text-primary underline\" href=\"https://s-yadav.github.io/react-number-format/docs/numeric_format\" target=\"_blank\">react-number-format props</a> can be apply to this component as well.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'WithForm',\n        mdPath: mdPath,\n        title: 'WithForm',\n        desc: `Example usage with <a class=\"text-primary underline\" href=\"https://react-hook-form.com/docs/useform\" target=\"_blank\">React Hook Form</a>`,\n        component: <WithForm />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'FormNumericInput',\n        api: [\n            {\n                propName: 'inputPrefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside Input',\n            },\n            {\n                propName: 'inputSuffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a suffix content inside Input',\n            },\n            {\n                propName: 'thousandSeparator',\n                type: `<code>boolean</code> | <code>string</code>`,\n                default: `-`,\n                desc: 'Whether to enable thousandSeparator, also allow custom character',\n            },\n            {\n                propName: 'decimalSeparator',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Decimal separator symbol',\n            },\n            {\n                propName: 'allowedDecimalSeparators',\n                type: `<code>Array<string></code>`,\n                default: `-`,\n                desc: `Characters which when pressed result in a decimal separator. When missing, decimal separator and '.' are used`,\n            },\n            {\n                propName: 'thousandsGroupStyle',\n                type: `<code>'thousand'</code> | <code>'lakh'</code> | <code>'wan'</code> | <code>'none'</code>`,\n                default: `-`,\n                desc: `Defines the thousand grouping style`,\n            },\n            {\n                propName: 'decimalScale',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: `If defined, it limits the number of digits after the decimal point`,\n            },\n            {\n                propName: 'fixedDecimalScale',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: `If set to true, it adds trailing 0s after decimalSeparator to match given decimalScale`,\n            },\n            {\n                propName: 'allowLeadingZeros',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'This allows enabling or disabling leading zeros in the input field. By default, on blur of an input, leading zeros are removed. To allow leading 0s in the input field, set allowLeadingZeros to true. This does not, however, control trailing zeros',\n            },\n            {\n                propName: 'allowNegative',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'If set to false, negative numbers will not be allowed',\n            },\n            {\n                propName: 'suffix',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Adds the suffix after the input value',\n            },\n            {\n                propName: 'prefix',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Adds the prefix character before the input value',\n            },\n        ],\n    },\n]\n\nconst reactNumberFormatApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-number-format-api\" className=\"mb-3\">\n            React number format\n        </h6>\n        <p>\n            All common React number format props can be applied on this\n            component, refer{' '}\n            <a\n                className=\"underline text-primary\"\n                href=\"https://s-yadav.github.io/react-number-format/docs/props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete this.props.first list.{' '}\n        </p>\n    </div>\n)\n\nconst FormNumericInputDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n            extra={reactNumberFormatApi}\n        />\n    )\n}\n\nexport default FormNumericInputDoc\n"],"names":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAS,CAAA,CAAA;AAAA,EAAA;AAE7B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,uBACF,qBAAC,OAAI,EAAA,WAAU,wBACX,UAAA;AAAA,EAAC,oBAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,sBAChC,MAAG,EAAA,IAAG,2BAA0B,WAAU,QAAO,UAElD,uBAAA;AAAA,uBACC,KAAE,EAAA,UAAA;AAAA,IAAA;AAAA,IAEkB;AAAA,IACjB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IAAK;AAAA,IAAI;AAAA,IAC+B;AAAA,EAAA,EAC5C,CAAA;AAAA,GACJ;AAGJ,MAAM,sBAAsB,MAAM;AAE1B,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EACX;AAER;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/NumericInputDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport WithForm from './WithForm'\n\nconst mdPath = 'NumericInputDoc'\n\nconst demoHeader = {\n    title: 'FormNumericInput',\n    desc: 'FormCustomFormatInput wrapped Input component with <a class=\"text-primary underline\" href=\"https://github.com/s-yadav/react-number-format\" target=\"_blank\">react-number-format</a>, refer to the <a class=\"text-primary underline\" href=\"https://s-yadav.github.io/react-number-format/docs/numeric_format\" target=\"_blank\">official doc</a> for more usage example .',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of FormNumericInput, all <a class=\"text-primary underline\" href=\"https://s-yadav.github.io/react-number-format/docs/numeric_format\" target=\"_blank\">react-number-format props</a> can be apply to this component as well.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'WithForm',\n        mdPath: mdPath,\n        title: 'WithForm',\n        desc: `Example usage with <a class=\"text-primary underline\" href=\"https://react-hook-form.com/docs/useform\" target=\"_blank\">React Hook Form</a>`,\n        component: <WithForm />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'FormNumericInput',\n        api: [\n            {\n                propName: 'inputPrefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside Input',\n            },\n            {\n                propName: 'inputSuffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a suffix content inside Input',\n            },\n            {\n                propName: 'thousandSeparator',\n                type: `<code>boolean</code> | <code>string</code>`,\n                default: `-`,\n                desc: 'Whether to enable thousandSeparator, also allow custom character',\n            },\n            {\n                propName: 'decimalSeparator',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Decimal separator symbol',\n            },\n            {\n                propName: 'allowedDecimalSeparators',\n                type: `<code>Array<string></code>`,\n                default: `-`,\n                desc: `Characters which when pressed result in a decimal separator. When missing, decimal separator and '.' are used`,\n            },\n            {\n                propName: 'thousandsGroupStyle',\n                type: `<code>'thousand'</code> | <code>'lakh'</code> | <code>'wan'</code> | <code>'none'</code>`,\n                default: `-`,\n                desc: `Defines the thousand grouping style`,\n            },\n            {\n                propName: 'decimalScale',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: `If defined, it limits the number of digits after the decimal point`,\n            },\n            {\n                propName: 'fixedDecimalScale',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: `If set to true, it adds trailing 0s after decimalSeparator to match given decimalScale`,\n            },\n            {\n                propName: 'allowLeadingZeros',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'This allows enabling or disabling leading zeros in the input field. By default, on blur of an input, leading zeros are removed. To allow leading 0s in the input field, set allowLeadingZeros to true. This does not, however, control trailing zeros',\n            },\n            {\n                propName: 'allowNegative',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'If set to false, negative numbers will not be allowed',\n            },\n            {\n                propName: 'suffix',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Adds the suffix after the input value',\n            },\n            {\n                propName: 'prefix',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Adds the prefix character before the input value',\n            },\n        ],\n    },\n]\n\nconst reactNumberFormatApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-number-format-api\" className=\"mb-3\">\n            React number format\n        </h6>\n        <p>\n            All common React number format props can be applied on this\n            component, refer{' '}\n            <a\n                className=\"underline text-primary\"\n                href=\"https://s-yadav.github.io/react-number-format/docs/props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete this.props.first list.{' '}\n        </p>\n    </div>\n)\n\nconst FormNumericInputDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n            extra={reactNumberFormatApi}\n        />\n    )\n}\n\nexport default FormNumericInputDoc\n"],"names":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAA,CAAA,CAAS;AAAA,EAAA;AAE7B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,uBACF,qBAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,EAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,sBAChC,MAAA,EAAG,IAAG,2BAA0B,WAAU,QAAO,UAAA,uBAElD;AAAA,uBACC,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IAEkB;AAAA,IACjB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEI;AAAA,IAAI;AAAA,IAC+B;AAAA,EAAA,EAAA,CAC5C;AAAA,GACJ;AAGJ,MAAM,sBAAsB,MAAM;AAC9B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EAAA;AAGnB;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/OtpInputDoc/Basic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/OtpInputDoc/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport OtpInput from '@/components/shared/OtpInput'\n\nconst Basic = () => {\n    const [value, setValue] = useState('')\n\n    const handleChange = (value: string) => {\n        console.log(value)\n        setValue(value)\n    }\n\n    return <OtpInput value={value} onChange={handleChange} />\n}\n\nexport default Basic\n"],"names":["value","OtpInput"],"mappings":";;;AAGA,MAAM,QAAQ,MAAM;AAChB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AAE/B,QAAA,eAAe,CAACA,WAAkB;AACpC,YAAQ,IAAIA,MAAK;AACjB,aAASA,MAAK;AAAA,EAClB;AAEA,SAAQ,oBAAAC,UAAA,EAAS,OAAc,UAAU,aAAc,CAAA;AAC3D;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/OtpInputDoc/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport OtpInput from '@/components/shared/OtpInput'\n\nconst Basic = () => {\n    const [value, setValue] = useState('')\n\n    const handleChange = (value: string) => {\n        console.log(value)\n        setValue(value)\n    }\n\n    return <OtpInput value={value} onChange={handleChange} />\n}\n\nexport default Basic\n"],"names":["value","OtpInput"],"mappings":";;;AAGA,MAAM,QAAQ,MAAM;AAChB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AAErC,QAAM,eAAe,CAACA,WAAkB;AACpC,YAAQ,IAAIA,MAAK;AACjB,aAASA,MAAK;AAAA,EAClB;AAEA,SAAO,oBAACC,UAAA,EAAS,OAAc,UAAU,aAAA,CAAc;AAC3D;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/OtpInputDoc/Length.js.map

@@ -1 +1 @@
-{"version":3,"file":"Length.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/OtpInputDoc/Length.tsx"],"sourcesContent":["import { useState } from 'react'\nimport OtpInput from '@/components/shared/OtpInput'\n\nconst Length = () => {\n    const [value, setValue] = useState('')\n\n    const handleChange = (value: string) => {\n        console.log(value)\n        setValue(value)\n    }\n\n    return <OtpInput value={value} length={4} onChange={handleChange} />\n}\n\nexport default Length\n"],"names":["value","OtpInput"],"mappings":";;;AAGA,MAAM,SAAS,MAAM;AACjB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AAE/B,QAAA,eAAe,CAACA,WAAkB;AACpC,YAAQ,IAAIA,MAAK;AACjB,aAASA,MAAK;AAAA,EAClB;AAEA,6BAAQC,UAAS,EAAA,OAAc,QAAQ,GAAG,UAAU,cAAc;AACtE;"}
+{"version":3,"file":"Length.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/OtpInputDoc/Length.tsx"],"sourcesContent":["import { useState } from 'react'\nimport OtpInput from '@/components/shared/OtpInput'\n\nconst Length = () => {\n    const [value, setValue] = useState('')\n\n    const handleChange = (value: string) => {\n        console.log(value)\n        setValue(value)\n    }\n\n    return <OtpInput value={value} length={4} onChange={handleChange} />\n}\n\nexport default Length\n"],"names":["value","OtpInput"],"mappings":";;;AAGA,MAAM,SAAS,MAAM;AACjB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AAErC,QAAM,eAAe,CAACA,WAAkB;AACpC,YAAQ,IAAIA,MAAK;AACjB,aAASA,MAAK;AAAA,EAClB;AAEA,6BAAQC,UAAA,EAAS,OAAc,QAAQ,GAAG,UAAU,cAAc;AACtE;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/OtpInputDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Length from './Length'\n\nconst mdPath = 'NumericInputDoc'\n\nconst demoHeader = {\n    title: 'OtpInput',\n    desc: 'The OtpInput component provides an easy way to implement input fields for multi-digit one-time passwords (OTP) or verification codes. It is designed to handle the input of sequential digits, enabling seamless user experiences for forms requiring OTP input.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of OtpInput`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Length',\n        mdPath: mdPath,\n        title: 'Length',\n        desc: `OtpInput can adapt to different OTP lengths using the <code>length</code> prop`,\n        component: <Length />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'FormNumericInput',\n        api: [\n            {\n                propName: 'autoFocus',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is focused automatically',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is disabled',\n            },\n            {\n                propName: 'invalid',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is invalid status',\n            },\n            {\n                propName: 'inputClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class for all input fields',\n            },\n            {\n                propName: 'length',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'Length of input field',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(value: string) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input value changed',\n            },\n            {\n                propName: 'placeholder',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Placeholder text for all input fields',\n            },\n            {\n                propName: 'value',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Controlled Input value',\n            },\n        ],\n    },\n]\n\nconst OtpInputDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default OtpInputDoc\n"],"names":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,QAAO,CAAA,CAAA;AAAA,EAAA;AAE3B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,cAAc,MAAM;AAElB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,IAAA;AAAA,EACjB;AAER;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/OtpInputDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Length from './Length'\n\nconst mdPath = 'NumericInputDoc'\n\nconst demoHeader = {\n    title: 'OtpInput',\n    desc: 'The OtpInput component provides an easy way to implement input fields for multi-digit one-time passwords (OTP) or verification codes. It is designed to handle the input of sequential digits, enabling seamless user experiences for forms requiring OTP input.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of OtpInput`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Length',\n        mdPath: mdPath,\n        title: 'Length',\n        desc: `OtpInput can adapt to different OTP lengths using the <code>length</code> prop`,\n        component: <Length />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'FormNumericInput',\n        api: [\n            {\n                propName: 'autoFocus',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is focused automatically',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is disabled',\n            },\n            {\n                propName: 'invalid',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is invalid status',\n            },\n            {\n                propName: 'inputClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class for all input fields',\n            },\n            {\n                propName: 'length',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'Length of input field',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(value: string) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input value changed',\n            },\n            {\n                propName: 'placeholder',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Placeholder text for all input fields',\n            },\n            {\n                propName: 'value',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Controlled Input value',\n            },\n        ],\n    },\n]\n\nconst OtpInputDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default OtpInputDoc\n"],"names":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,QAAA,CAAA,CAAO;AAAA,EAAA;AAE3B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,cAAc,MAAM;AACtB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,IAAA;AAAA,EAAA;AAGzB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PasswordInputDoc/Example.tsx"],"sourcesContent":["import PasswordInput from '@/components/shared/PasswordInput'\n\nconst Example = () => {\n    return (\n        <PasswordInput\n            onVisibleChange={(visible) => {\n                console.log(visible)\n            }}\n        />\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAEd,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,iBAAiB,CAAC,YAAY;AAC1B,gBAAQ,IAAI,OAAO;AAAA,MAAA;AAAA,IACvB;AAAA,EACJ;AAER;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PasswordInputDoc/Example.tsx"],"sourcesContent":["import PasswordInput from '@/components/shared/PasswordInput'\n\nconst Example = () => {\n    return (\n        <PasswordInput\n            onVisibleChange={(visible) => {\n                console.log(visible)\n            }}\n        />\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAClB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,iBAAiB,CAAC,YAAY;AAC1B,gBAAQ,IAAI,OAAO;AAAA,MACvB;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PasswordInputDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'PasswordInputDoc'\n\nconst demoHeader = {\n    title: 'PasswordInput',\n    desc: 'A password input component',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `PasswordInput accepts all props from <a class=\"text-indigo-600 underline\" href=\"/ui-components/input#api\" target=\"_blank\"><code>Input</code></a>`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'PasswordInput',\n        api: [\n            {\n                propName: 'onVisibleChange',\n                type: `<code>(visible:boolean) => void</code>`,\n                default: `-`,\n                desc: 'Callback when icon clicked',\n            },\n        ],\n    },\n]\n\nconst PasswordInputDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\nexport default PasswordInputDoc\n"],"names":[],"mappings":";;;AAKA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,mBAAmB,MAAM;AAEvB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,IAAA;AAAA,EACjB;AAER;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PasswordInputDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'PasswordInputDoc'\n\nconst demoHeader = {\n    title: 'PasswordInput',\n    desc: 'A password input component',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `PasswordInput accepts all props from <a class=\"text-indigo-600 underline\" href=\"/ui-components/input#api\" target=\"_blank\"><code>Input</code></a>`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'PasswordInput',\n        api: [\n            {\n                propName: 'onVisibleChange',\n                type: `<code>(visible:boolean) => void</code>`,\n                default: `-`,\n                desc: 'Callback when icon clicked',\n            },\n        ],\n    },\n]\n\nconst PasswordInputDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\nexport default PasswordInputDoc\n"],"names":[],"mappings":";;;AAKA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,mBAAmB,MAAM;AAC3B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,IAAA;AAAA,EAAA;AAGzB;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/Basic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport PatternInput from '@/components/shared/PatternInput'\n\nconst Basic = () => {\n    const [value, setValue] = useState(0)\n\n    const handleValueChange = (e: {\n        floatValue?: number\n        formattedValue: string\n        value: string\n    }) => {\n        console.log(e)\n        setValue(e.floatValue as number)\n    }\n\n    return (\n        <PatternInput\n            value={value}\n            format=\"### ###\"\n            onValueChange={handleValueChange}\n        />\n    )\n}\n\nexport default Basic\n"],"names":[],"mappings":";;;AAGA,MAAM,QAAQ,MAAM;AAChB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AAE9B,QAAA,oBAAoB,CAAC,MAIrB;AACF,YAAQ,IAAI,CAAC;AACb,aAAS,EAAE,UAAoB;AAAA,EACnC;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,QAAO;AAAA,MACP,eAAe;AAAA,IAAA;AAAA,EACnB;AAER;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport PatternInput from '@/components/shared/PatternInput'\n\nconst Basic = () => {\n    const [value, setValue] = useState(0)\n\n    const handleValueChange = (e: {\n        floatValue?: number\n        formattedValue: string\n        value: string\n    }) => {\n        console.log(e)\n        setValue(e.floatValue as number)\n    }\n\n    return (\n        <PatternInput\n            value={value}\n            format=\"### ###\"\n            onValueChange={handleValueChange}\n        />\n    )\n}\n\nexport default Basic\n"],"names":[],"mappings":";;;AAGA,MAAM,QAAQ,MAAM;AAChB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AAEpC,QAAM,oBAAoB,CAAC,MAIrB;AACF,YAAQ,IAAI,CAAC;AACb,aAAS,EAAE,UAAoB;AAAA,EACnC;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,QAAO;AAAA,MACP,eAAe;AAAA,IAAA;AAAA,EAAA;AAG3B;"}

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

@@ -1 +1 @@
-{"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport PatternInput from '@/components/shared/PatternInput'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<{ amount?: string }>()\n\n    const onSubmit = (value: { amount?: string }) => {\n        console.log(value)\n    }\n\n    return (\n        <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Amount\"\n                invalid={Boolean(errors.amount)}\n                errorMessage={errors.amount?.message}\n            >\n                <Controller\n                    name=\"amount\"\n                    control={control}\n                    render={({ field }) => (\n                        <PatternInput\n                            format=\"#### #### #### ####\"\n                            mask=\"_\"\n                            placeholder=\"Card Number\"\n                            value={field.value}\n                            onValueChange={(e) => {\n                                field.onChange(e.floatValue)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <Button block variant=\"solid\" type=\"submit\">\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default WithForm\n"],"names":[],"mappings":";;;;;;;;AAKA,MAAM,WAAW,MAAM;AACb,QAAA;AAAA,IACF;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,IACpB;AAAA,MACA,QAA6B;AAE3B,QAAA,WAAW,CAAC,UAA+B;AAC7C,YAAQ,IAAI,KAAK;AAAA,EACrB;AAEA,8BACK,MAAK,EAAA,WAAU,QAAO,UAAU,aAAa,QAAQ,GAClD,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,QAAQ,OAAO,MAAM;AAAA,QAC9B,cAAc,OAAO,QAAQ;AAAA,QAE7B,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL;AAAA,YACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,QAAO;AAAA,gBACP,MAAK;AAAA,gBACL,aAAY;AAAA,gBACZ,OAAO,MAAM;AAAA,gBACb,eAAe,CAAC,MAAM;AACZ,wBAAA,SAAS,EAAE,UAAU;AAAA,gBAAA;AAAA,cAC/B;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IACJ;AAAA,IACA,oBAAC,UAAO,OAAK,MAAC,SAAQ,SAAQ,MAAK,UAAS,UAE5C,SAAA,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport PatternInput from '@/components/shared/PatternInput'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<{ amount?: string }>()\n\n    const onSubmit = (value: { amount?: string }) => {\n        console.log(value)\n    }\n\n    return (\n        <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Amount\"\n                invalid={Boolean(errors.amount)}\n                errorMessage={errors.amount?.message}\n            >\n                <Controller\n                    name=\"amount\"\n                    control={control}\n                    render={({ field }) => (\n                        <PatternInput\n                            format=\"#### #### #### ####\"\n                            mask=\"_\"\n                            placeholder=\"Card Number\"\n                            value={field.value}\n                            onValueChange={(e) => {\n                                field.onChange(e.floatValue)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <Button block variant=\"solid\" type=\"submit\">\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default WithForm\n"],"names":[],"mappings":";;;;;;;;AAKA,MAAM,WAAW,MAAM;AACnB,QAAM;AAAA,IACF;AAAA,IACA,WAAW,EAAE,OAAA;AAAA,IACb;AAAA,EAAA,IACA,QAAA;AAEJ,QAAM,WAAW,CAAC,UAA+B;AAC7C,YAAQ,IAAI,KAAK;AAAA,EACrB;AAEA,8BACK,MAAA,EAAK,WAAU,QAAO,UAAU,aAAa,QAAQ,GAClD,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,QAAQ,OAAO,MAAM;AAAA,QAC9B,cAAc,OAAO,QAAQ;AAAA,QAE7B,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL;AAAA,YACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,QAAO;AAAA,gBACP,MAAK;AAAA,gBACL,aAAY;AAAA,gBACZ,OAAO,MAAM;AAAA,gBACb,eAAe,CAAC,MAAM;AAClB,wBAAM,SAAS,EAAE,UAAU;AAAA,gBAC/B;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,oBAAC,UAAO,OAAK,MAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport WithForm from './WithForm'\n\nconst mdPath = 'PatternInputDoc'\n\nconst demoHeader = {\n    title: 'PatternInput',\n    desc: 'PatternInput wrapped Input component with <a class=\"text-primary underline\" href=\"https://github.com/s-yadav/react-number-format\" target=\"_blank\">react-number-format</a>, refer to the <a class=\"text-primary underline\" href=\"https://s-yadav.github.io/react-number-format/docs/pattern_format\" target=\"_blank\">official doc</a> for more usage example .',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of PatternInput, all <a class=\"text-primary underline\" href=\"https://s-yadav.github.io/react-number-format/docs/pattern_format\" target=\"_blank\">react-number-format props</a> can be apply to this component as well.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'WithForm',\n        mdPath: mdPath,\n        title: 'WithForm',\n        desc: `Example usage with <a class=\"text-primary underline\" href=\"https://react-hook-form.com/docs/useform\" target=\"_blank\">React Hook Form</a>`,\n        component: <WithForm />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'PatternInputDoc',\n        api: [\n            {\n                propName: 'inputPrefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside Input',\n            },\n            {\n                propName: 'inputSuffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a suffix content inside Input',\n            },\n            {\n                propName: 'format',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'It defines the format pattern using the # (or a patternChar ) character. # is the placeholder character for numbers',\n            },\n            {\n                propName: 'allowEmptyFormatting',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: `By default PatternFormat component does not apply formatting when value is empty (null, undefined or ''). If you want to apply formatting on empty values set allowEmptyFormatting to true.`,\n            },\n            {\n                propName: 'mask',\n                type: `<code>string</code> | <code>Array<string></code>`,\n                default: `-`,\n                desc: 'Used as mask character for numeric places, until any numeric character is provided for that position. You can provide different mask characters for every numeric positions by passing array of mask characters. Note: The length of mask characters should match the numbers of # patternChar',\n            },\n            {\n                propName: 'patternChar',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'This helps define the format pattern character',\n            },\n        ],\n    },\n]\n\nconst reactNumberFormatApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-number-format-api\" className=\"mb-3\">\n            React number format\n        </h6>\n        <p>\n            All common React number format props can be applied on this\n            component, refer{' '}\n            <a\n                className=\"underline text-primary\"\n                href=\"https://s-yadav.github.io/react-number-format/docs/props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete this.props.first list.{' '}\n        </p>\n    </div>\n)\n\nconst PatternInputDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n            extra={reactNumberFormatApi}\n        />\n    )\n}\n\nexport default PatternInputDoc\n"],"names":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAS,CAAA,CAAA;AAAA,EAAA;AAE7B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,uBACF,qBAAC,OAAI,EAAA,WAAU,wBACX,UAAA;AAAA,EAAC,oBAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,sBAChC,MAAG,EAAA,IAAG,2BAA0B,WAAU,QAAO,UAElD,uBAAA;AAAA,uBACC,KAAE,EAAA,UAAA;AAAA,IAAA;AAAA,IAEkB;AAAA,IACjB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IAAK;AAAA,IAAI;AAAA,IAC+B;AAAA,EAAA,EAC5C,CAAA;AAAA,GACJ;AAGJ,MAAM,kBAAkB,MAAM;AAEtB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EACX;AAER;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport WithForm from './WithForm'\n\nconst mdPath = 'PatternInputDoc'\n\nconst demoHeader = {\n    title: 'PatternInput',\n    desc: 'PatternInput wrapped Input component with <a class=\"text-primary underline\" href=\"https://github.com/s-yadav/react-number-format\" target=\"_blank\">react-number-format</a>, refer to the <a class=\"text-primary underline\" href=\"https://s-yadav.github.io/react-number-format/docs/pattern_format\" target=\"_blank\">official doc</a> for more usage example .',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of PatternInput, all <a class=\"text-primary underline\" href=\"https://s-yadav.github.io/react-number-format/docs/pattern_format\" target=\"_blank\">react-number-format props</a> can be apply to this component as well.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'WithForm',\n        mdPath: mdPath,\n        title: 'WithForm',\n        desc: `Example usage with <a class=\"text-primary underline\" href=\"https://react-hook-form.com/docs/useform\" target=\"_blank\">React Hook Form</a>`,\n        component: <WithForm />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'PatternInputDoc',\n        api: [\n            {\n                propName: 'inputPrefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside Input',\n            },\n            {\n                propName: 'inputSuffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a suffix content inside Input',\n            },\n            {\n                propName: 'format',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'It defines the format pattern using the # (or a patternChar ) character. # is the placeholder character for numbers',\n            },\n            {\n                propName: 'allowEmptyFormatting',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: `By default PatternFormat component does not apply formatting when value is empty (null, undefined or ''). If you want to apply formatting on empty values set allowEmptyFormatting to true.`,\n            },\n            {\n                propName: 'mask',\n                type: `<code>string</code> | <code>Array<string></code>`,\n                default: `-`,\n                desc: 'Used as mask character for numeric places, until any numeric character is provided for that position. You can provide different mask characters for every numeric positions by passing array of mask characters. Note: The length of mask characters should match the numbers of # patternChar',\n            },\n            {\n                propName: 'patternChar',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'This helps define the format pattern character',\n            },\n        ],\n    },\n]\n\nconst reactNumberFormatApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-number-format-api\" className=\"mb-3\">\n            React number format\n        </h6>\n        <p>\n            All common React number format props can be applied on this\n            component, refer{' '}\n            <a\n                className=\"underline text-primary\"\n                href=\"https://s-yadav.github.io/react-number-format/docs/props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete this.props.first list.{' '}\n        </p>\n    </div>\n)\n\nconst PatternInputDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n            extra={reactNumberFormatApi}\n        />\n    )\n}\n\nexport default PatternInputDoc\n"],"names":[],"mappings":";;;;AAMA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAA,CAAA,CAAS;AAAA,EAAA;AAE7B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,uBACF,qBAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,EAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,sBAChC,MAAA,EAAG,IAAG,2BAA0B,WAAU,QAAO,UAAA,uBAElD;AAAA,uBACC,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IAEkB;AAAA,IACjB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEI;AAAA,IAAI;AAAA,IAC+B;AAAA,EAAA,EAAA,CAC5C;AAAA,GACJ;AAGJ,MAAM,kBAAkB,MAAM;AAC1B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EAAA;AAGnB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PresetSegmentItemOptionDoc/Example.tsx"],"sourcesContent":["import { useState } from 'react'\nimport PresetSegmentItemOption from '@/components/shared/PresetSegmentItemOption'\nimport Segment from '@/components/ui/Segment'\nimport { HiOutlineCode, HiOutlineCube, HiOutlinePencil } from 'react-icons/hi'\nimport type { JSX } from 'react'\n\nconst roles: {\n    value: string\n    label: string\n    icon: JSX.Element\n    disabled?: boolean\n}[] = [\n    { value: 'softwareEngineer', label: 'Developer', icon: <HiOutlineCode /> },\n    { value: 'productManager', label: 'Manager', icon: <HiOutlineCube /> },\n    { value: 'designer', label: 'Designer', icon: <HiOutlinePencil /> },\n]\n\nconst Example = () => {\n    const [value, setValue] = useState<string[]>([roles[0].value])\n\n    const handleChange = (val: string[]) => {\n        console.log('val', val)\n        setValue(val)\n    }\n\n    return (\n        <Segment\n            value={value}\n            className=\"bg-transparent dark:bg-transparent\"\n            onChange={(val) => handleChange(val as string[])}\n        >\n            <div className=\"flex flex-col xl:flex-row items-center gap-4\">\n                {roles.map((item) => (\n                    <Segment.Item\n                        key={item.value}\n                        value={item.value}\n                        disabled={item.disabled}\n                    >\n                        {({ active, onSegmentItemClick, disabled }) => {\n                            return (\n                                <PresetSegmentItemOption\n                                    hoverable\n                                    active={active}\n                                    disabled={disabled}\n                                    className=\"bg-white dark:bg-gray-800 w-[250px]\"\n                                    onSegmentItemClick={onSegmentItemClick}\n                                >\n                                    <div className=\"flex items-center gap-3\">\n                                        <span className=\"text-2xl\">\n                                            {item.icon}\n                                        </span>\n                                        <h6>{item.label}</h6>\n                                    </div>\n                                </PresetSegmentItemOption>\n                            )\n                        }}\n                    </Segment.Item>\n                ))}\n            </div>\n        </Segment>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;;;;AAMA,MAAM,QAKA;AAAA,EACF,EAAE,OAAO,oBAAoB,OAAO,aAAa,MAAM,oBAAC,iBAAc,EAAG;AAAA,EACzE,EAAE,OAAO,kBAAkB,OAAO,WAAW,MAAM,oBAAC,iBAAc,EAAG;AAAA,EACrE,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,oBAAC,mBAAgB,EAAG;AACtE;AAEA,MAAM,UAAU,MAAM;AACZ,QAAA,CAAC,OAAO,QAAQ,IAAI,SAAmB,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC;AAEvD,QAAA,eAAe,CAAC,QAAkB;AAC5B,YAAA,IAAI,OAAO,GAAG;AACtB,aAAS,GAAG;AAAA,EAChB;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAU;AAAA,MACV,UAAU,CAAC,QAAQ,aAAa,GAAe;AAAA,MAE/C,8BAAC,OAAI,EAAA,WAAU,gDACV,UAAM,MAAA,IAAI,CAAC,SACR;AAAA,QAAC,QAAQ;AAAA,QAAR;AAAA,UAEG,OAAO,KAAK;AAAA,UACZ,UAAU,KAAK;AAAA,UAEd,UAAC,CAAA,EAAE,QAAQ,oBAAoB,eAAe;AAEvC,mBAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAS;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA,WAAU;AAAA,gBACV;AAAA,gBAEA,UAAA,qBAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,kBAAA,oBAAC,QAAK,EAAA,WAAU,YACX,UAAA,KAAK,MACV;AAAA,kBACA,oBAAC,MAAI,EAAA,UAAA,KAAK,MAAM,CAAA;AAAA,gBAAA,EACpB,CAAA;AAAA,cAAA;AAAA,YACJ;AAAA,UAAA;AAAA,QAER;AAAA,QArBK,KAAK;AAAA,MAAA,CAuBjB,EACL,CAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PresetSegmentItemOptionDoc/Example.tsx"],"sourcesContent":["import { useState } from 'react'\nimport PresetSegmentItemOption from '@/components/shared/PresetSegmentItemOption'\nimport Segment from '@/components/ui/Segment'\nimport { HiOutlineCode, HiOutlineCube, HiOutlinePencil } from 'react-icons/hi'\nimport type { JSX } from 'react'\n\nconst roles: {\n    value: string\n    label: string\n    icon: JSX.Element\n    disabled?: boolean\n}[] = [\n    { value: 'softwareEngineer', label: 'Developer', icon: <HiOutlineCode /> },\n    { value: 'productManager', label: 'Manager', icon: <HiOutlineCube /> },\n    { value: 'designer', label: 'Designer', icon: <HiOutlinePencil /> },\n]\n\nconst Example = () => {\n    const [value, setValue] = useState<string[]>([roles[0].value])\n\n    const handleChange = (val: string[]) => {\n        console.log('val', val)\n        setValue(val)\n    }\n\n    return (\n        <Segment\n            value={value}\n            className=\"bg-transparent dark:bg-transparent\"\n            onChange={(val) => handleChange(val as string[])}\n        >\n            <div className=\"flex flex-col xl:flex-row items-center gap-4\">\n                {roles.map((item) => (\n                    <Segment.Item\n                        key={item.value}\n                        value={item.value}\n                        disabled={item.disabled}\n                    >\n                        {({ active, onSegmentItemClick, disabled }) => {\n                            return (\n                                <PresetSegmentItemOption\n                                    hoverable\n                                    active={active}\n                                    disabled={disabled}\n                                    className=\"bg-white dark:bg-gray-800 w-[250px]\"\n                                    onSegmentItemClick={onSegmentItemClick}\n                                >\n                                    <div className=\"flex items-center gap-3\">\n                                        <span className=\"text-2xl\">\n                                            {item.icon}\n                                        </span>\n                                        <h6>{item.label}</h6>\n                                    </div>\n                                </PresetSegmentItemOption>\n                            )\n                        }}\n                    </Segment.Item>\n                ))}\n            </div>\n        </Segment>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;;;;AAMA,MAAM,QAKA;AAAA,EACF,EAAE,OAAO,oBAAoB,OAAO,aAAa,MAAM,oBAAC,iBAAc,EAAA;AAAA,EACtE,EAAE,OAAO,kBAAkB,OAAO,WAAW,MAAM,oBAAC,iBAAc,EAAA;AAAA,EAClE,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,oBAAC,mBAAgB,EAAA;AACnE;AAEA,MAAM,UAAU,MAAM;AAClB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAmB,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC;AAE7D,QAAM,eAAe,CAAC,QAAkB;AACpC,YAAQ,IAAI,OAAO,GAAG;AACtB,aAAS,GAAG;AAAA,EAChB;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAU;AAAA,MACV,UAAU,CAAC,QAAQ,aAAa,GAAe;AAAA,MAE/C,8BAAC,OAAA,EAAI,WAAU,gDACV,UAAA,MAAM,IAAI,CAAC,SACR;AAAA,QAAC,QAAQ;AAAA,QAAR;AAAA,UAEG,OAAO,KAAK;AAAA,UACZ,UAAU,KAAK;AAAA,UAEd,UAAA,CAAC,EAAE,QAAQ,oBAAoB,eAAe;AAC3C,mBACI;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAS;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA,WAAU;AAAA,gBACV;AAAA,gBAEA,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,kBAAA,oBAAC,QAAA,EAAK,WAAU,YACX,UAAA,KAAK,MACV;AAAA,kBACA,oBAAC,MAAA,EAAI,UAAA,KAAK,MAAA,CAAM;AAAA,gBAAA,EAAA,CACpB;AAAA,cAAA;AAAA,YAAA;AAAA,UAGZ;AAAA,QAAA;AAAA,QArBK,KAAK;AAAA,MAAA,CAuBjB,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PresetSegmentItemOptionDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'PresetSegmentItemOptionDoc'\n\nconst demoHeader = {\n    title: 'PresetSegmentItemOption',\n    desc: 'A premade custom option use for Segment component.',\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: 'PresetSegmentItemOption',\n        api: [\n            {\n                propName: 'active',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether this option is active',\n            },\n            {\n                propName: 'customCheck',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Display a custom check when active is true',\n            },\n            {\n                propName: 'defaultGutter',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to use default spacer',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to disabled this option',\n            },\n            {\n                propName: 'hoverable',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to disabled hover effect',\n            },\n            {\n                propName: 'onSegmentItemClick',\n                type: `<code>() => void</code>`,\n                default: `-`,\n                desc: 'Callback when this option clicked',\n            },\n        ],\n    },\n]\n\nconst PresetSegmentItemOptionDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default PresetSegmentItemOptionDoc\n"],"names":[],"mappings":";;;AAKA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,6BAA6B,MAAM;AAEjC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,IAAA;AAAA,EACjB;AAER;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PresetSegmentItemOptionDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'PresetSegmentItemOptionDoc'\n\nconst demoHeader = {\n    title: 'PresetSegmentItemOption',\n    desc: 'A premade custom option use for Segment component.',\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: 'PresetSegmentItemOption',\n        api: [\n            {\n                propName: 'active',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether this option is active',\n            },\n            {\n                propName: 'customCheck',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Display a custom check when active is true',\n            },\n            {\n                propName: 'defaultGutter',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to use default spacer',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to disabled this option',\n            },\n            {\n                propName: 'hoverable',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to disabled hover effect',\n            },\n            {\n                propName: 'onSegmentItemClick',\n                type: `<code>() => void</code>`,\n                default: `-`,\n                desc: 'Callback when this option clicked',\n            },\n        ],\n    },\n]\n\nconst PresetSegmentItemOptionDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default PresetSegmentItemOptionDoc\n"],"names":[],"mappings":";;;AAKA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,6BAA6B,MAAM;AACrC,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,IAAA;AAAA,EAAA;AAGzB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RegionMapDoc/Example.tsx"],"sourcesContent":["import RegionMap from '@/components/shared/RegionMap'\nimport classNames from '@/utils/classNames'\nimport { useState } from 'react'\n\nconst Example = () => {\n    const [hovering, setHovering] = useState('')\n\n    const data = [\n        {\n            id: 'us',\n            name: 'United States',\n            value: 38.61,\n            coordinates: [-95.7129, 37.0902],\n        },\n        {\n            id: 'br',\n            name: 'Brazil',\n            value: 32.79,\n            coordinates: [-51.9253, -14.235],\n        },\n        {\n            id: 'in',\n            name: 'India',\n            value: 26.42,\n            coordinates: [78.9629, 20.5937],\n        },\n        {\n            id: 'uk',\n            name: 'United Kingdom',\n            value: 17.42,\n            coordinates: [0.1278, 51.5074],\n        },\n        {\n            id: 'tr',\n            name: 'Turkey',\n            value: 12.85,\n            coordinates: [28.9784, 41.0082],\n        },\n    ]\n\n    return (\n        <RegionMap\n            data={data}\n            valueSuffix=\"%\"\n            marker={(Marker) => (\n                <>\n                    {data.map(({ name, coordinates, value, id }) => (\n                        <Marker\n                            key={name}\n                            coordinates={coordinates as [number, number]}\n                            className=\"cursor-pointer group\"\n                            onMouseEnter={() => setHovering(id)}\n                            onMouseLeave={() => setHovering('')}\n                        >\n                            <g transform=\"translate(-12, -24)\">\n                                <circle\n                                    cx=\"12\"\n                                    cy=\"12\"\n                                    r={value * 1.5}\n                                    className=\"fill-gray-900 opacity-10\"\n                                />\n                                <circle\n                                    cx=\"12\"\n                                    cy=\"12\"\n                                    r={(value * 1.5) / 2.5}\n                                    className={classNames(\n                                        'fill-gray-400 opacity-80 group-hover:fill-primary transition-colors duration-150',\n                                        hovering === id && 'fill-primary',\n                                    )}\n                                />\n                            </g>\n                        </Marker>\n                    ))}\n                </>\n            )}\n        />\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;;;AAIA,MAAM,UAAU,MAAM;AAClB,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAE3C,QAAM,OAAO;AAAA,IACT;AAAA,MACI,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa,CAAC,UAAU,OAAO;AAAA,IACnC;AAAA,IACA;AAAA,MACI,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa,CAAC,UAAU,OAAO;AAAA,IACnC;AAAA,IACA;AAAA,MACI,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa,CAAC,SAAS,OAAO;AAAA,IAClC;AAAA,IACA;AAAA,MACI,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa,CAAC,QAAQ,OAAO;AAAA,IACjC;AAAA,IACA;AAAA,MACI,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa,CAAC,SAAS,OAAO;AAAA,IAAA;AAAA,EAEtC;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,aAAY;AAAA,MACZ,QAAQ,CAAC,WACL,oBAAA,UAAA,EACK,UAAK,KAAA,IAAI,CAAC,EAAE,MAAM,aAAa,OAAO,GACnC,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG;AAAA,UACA,WAAU;AAAA,UACV,cAAc,MAAM,YAAY,EAAE;AAAA,UAClC,cAAc,MAAM,YAAY,EAAE;AAAA,UAElC,UAAA,qBAAC,KAAE,EAAA,WAAU,uBACT,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,IAAG;AAAA,gBACH,IAAG;AAAA,gBACH,GAAG,QAAQ;AAAA,gBACX,WAAU;AAAA,cAAA;AAAA,YACd;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,IAAG;AAAA,gBACH,IAAG;AAAA,gBACH,GAAI,QAAQ,MAAO;AAAA,gBACnB,WAAW;AAAA,kBACP;AAAA,kBACA,aAAa,MAAM;AAAA,gBAAA;AAAA,cACvB;AAAA,YAAA;AAAA,UACJ,EACJ,CAAA;AAAA,QAAA;AAAA,QAtBK;AAAA,MAAA,CAwBZ,EACL,CAAA;AAAA,IAAA;AAAA,EAER;AAER;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RegionMapDoc/Example.tsx"],"sourcesContent":["import RegionMap from '@/components/shared/RegionMap'\nimport classNames from '@/utils/classNames'\nimport { useState } from 'react'\n\nconst Example = () => {\n    const [hovering, setHovering] = useState('')\n\n    const data = [\n        {\n            id: 'us',\n            name: 'United States',\n            value: 38.61,\n            coordinates: [-95.7129, 37.0902],\n        },\n        {\n            id: 'br',\n            name: 'Brazil',\n            value: 32.79,\n            coordinates: [-51.9253, -14.235],\n        },\n        {\n            id: 'in',\n            name: 'India',\n            value: 26.42,\n            coordinates: [78.9629, 20.5937],\n        },\n        {\n            id: 'uk',\n            name: 'United Kingdom',\n            value: 17.42,\n            coordinates: [0.1278, 51.5074],\n        },\n        {\n            id: 'tr',\n            name: 'Turkey',\n            value: 12.85,\n            coordinates: [28.9784, 41.0082],\n        },\n    ]\n\n    return (\n        <RegionMap\n            data={data}\n            valueSuffix=\"%\"\n            marker={(Marker) => (\n                <>\n                    {data.map(({ name, coordinates, value, id }) => (\n                        <Marker\n                            key={name}\n                            coordinates={coordinates as [number, number]}\n                            className=\"cursor-pointer group\"\n                            onMouseEnter={() => setHovering(id)}\n                            onMouseLeave={() => setHovering('')}\n                        >\n                            <g transform=\"translate(-12, -24)\">\n                                <circle\n                                    cx=\"12\"\n                                    cy=\"12\"\n                                    r={value * 1.5}\n                                    className=\"fill-gray-900 opacity-10\"\n                                />\n                                <circle\n                                    cx=\"12\"\n                                    cy=\"12\"\n                                    r={(value * 1.5) / 2.5}\n                                    className={classNames(\n                                        'fill-gray-400 opacity-80 group-hover:fill-primary transition-colors duration-150',\n                                        hovering === id && 'fill-primary',\n                                    )}\n                                />\n                            </g>\n                        </Marker>\n                    ))}\n                </>\n            )}\n        />\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;;;AAIA,MAAM,UAAU,MAAM;AAClB,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAE3C,QAAM,OAAO;AAAA,IACT;AAAA,MACI,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa,CAAC,UAAU,OAAO;AAAA,IAAA;AAAA,IAEnC;AAAA,MACI,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa,CAAC,UAAU,OAAO;AAAA,IAAA;AAAA,IAEnC;AAAA,MACI,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa,CAAC,SAAS,OAAO;AAAA,IAAA;AAAA,IAElC;AAAA,MACI,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa,CAAC,QAAQ,OAAO;AAAA,IAAA;AAAA,IAEjC;AAAA,MACI,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa,CAAC,SAAS,OAAO;AAAA,IAAA;AAAA,EAClC;AAGJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,aAAY;AAAA,MACZ,QAAQ,CAAC,WACL,oBAAA,UAAA,EACK,UAAA,KAAK,IAAI,CAAC,EAAE,MAAM,aAAa,OAAO,GAAA,MACnC;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG;AAAA,UACA,WAAU;AAAA,UACV,cAAc,MAAM,YAAY,EAAE;AAAA,UAClC,cAAc,MAAM,YAAY,EAAE;AAAA,UAElC,UAAA,qBAAC,KAAA,EAAE,WAAU,uBACT,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,IAAG;AAAA,gBACH,IAAG;AAAA,gBACH,GAAG,QAAQ;AAAA,gBACX,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,YAEd;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,IAAG;AAAA,gBACH,IAAG;AAAA,gBACH,GAAI,QAAQ,MAAO;AAAA,gBACnB,WAAW;AAAA,kBACP;AAAA,kBACA,aAAa,MAAM;AAAA,gBAAA;AAAA,cACvB;AAAA,YAAA;AAAA,UACJ,EAAA,CACJ;AAAA,QAAA;AAAA,QAtBK;AAAA,MAAA,CAwBZ,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAIhB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RegionMapDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'RegionMapDoc'\n\nconst demoHeader = {\n    title: 'RegionMap',\n    desc: 'A simple geodata component wrap on top of <a class=\"text-indigo-600 underline\" href=\"https://www.react-simple-maps.io/\" target=\"_blank\">react-simple-maps</a>.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'RegionMap',\n        api: [\n            {\n                propName: 'data',\n                type: `<code>Array<{name: string, value: string | number}></code>`,\n                default: `<code>[]</code>`,\n                desc: 'Map data',\n            },\n            {\n                propName: 'mapSource',\n                type: `<code>string</code> | <code>string[]</code>`,\n                default: ``,\n                desc: 'Geography SVG, More geography SVG can be found in this <a class=\"text-indigo-600 underline\" href=\"https://github.com/deldersveld/topojson/tree/master/countries\" target=\"_blank\" rel=\"noopener noreferrer\">repository</a>',\n            },\n            {\n                propName: 'valuePrefix',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Render a prefix content before the value',\n            },\n            {\n                propName: 'valueSuffix',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Render a suffix content next to the value',\n            },\n        ],\n    },\n]\n\nconst RegionMapDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default RegionMapDoc\n"],"names":[],"mappings":";;;AAKA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,eAAe,MAAM;AAEnB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,IAAA;AAAA,EACjB;AAER;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RegionMapDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'RegionMapDoc'\n\nconst demoHeader = {\n    title: 'RegionMap',\n    desc: 'A simple geodata component wrap on top of <a class=\"text-indigo-600 underline\" href=\"https://www.react-simple-maps.io/\" target=\"_blank\">react-simple-maps</a>.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'RegionMap',\n        api: [\n            {\n                propName: 'data',\n                type: `<code>Array<{name: string, value: string | number}></code>`,\n                default: `<code>[]</code>`,\n                desc: 'Map data',\n            },\n            {\n                propName: 'mapSource',\n                type: `<code>string</code> | <code>string[]</code>`,\n                default: ``,\n                desc: 'Geography SVG, More geography SVG can be found in this <a class=\"text-indigo-600 underline\" href=\"https://github.com/deldersveld/topojson/tree/master/countries\" target=\"_blank\" rel=\"noopener noreferrer\">repository</a>',\n            },\n            {\n                propName: 'valuePrefix',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Render a prefix content before the value',\n            },\n            {\n                propName: 'valueSuffix',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Render a suffix content next to the value',\n            },\n        ],\n    },\n]\n\nconst RegionMapDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default RegionMapDoc\n"],"names":[],"mappings":";;;AAKA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,eAAe,MAAM;AACvB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,IAAA;AAAA,EAAA;AAGzB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/Basic.tsx"],"sourcesContent":["import RichTextEditor from '@/components/shared/RichTextEditor'\n\nconst Basic = () => {\n    return <RichTextEditor content=\"Hello World\" />\n}\n\nexport default Basic\n"],"names":[],"mappings":";;;AAEA,MAAM,QAAQ,MAAM;AACT,SAAA,oBAAC,gBAAe,EAAA,SAAQ,cAAc,CAAA;AACjD;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/Basic.tsx"],"sourcesContent":["import RichTextEditor from '@/components/shared/RichTextEditor'\n\nconst Basic = () => {\n    return <RichTextEditor content=\"Hello World\" />\n}\n\nexport default Basic\n"],"names":[],"mappings":";;;AAEA,MAAM,QAAQ,MAAM;AAChB,SAAO,oBAAC,gBAAA,EAAe,SAAQ,cAAA,CAAc;AACjD;"}

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

@@ -1 +1 @@
-{"version":3,"file":"CustomConfig.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/CustomConfig.tsx"],"sourcesContent":["import { useState } from 'react'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { useEditor } from '@tiptap/react'\nimport Document from '@tiptap/extension-document'\nimport Paragraph from '@tiptap/extension-paragraph'\nimport Text from '@tiptap/extension-text'\nimport Heading from '@tiptap/extension-heading'\n\nconst CustomConfig = () => {\n    const [content, setcontent] = useState('Hello World')\n\n    const editor = useEditor({\n        extensions: [Paragraph, Text, Heading, Document],\n        editorProps: {\n            attributes: {\n                class: 'm-2 focus:outline-none',\n            },\n        },\n        content,\n        onUpdate({ editor }) {\n            setcontent(editor.getHTML())\n        },\n    })\n\n    return (\n        <RichTextEditor\n            customEditor={editor}\n            customToolBar={(\n                editor,\n                { ToolButtonParagraph, ToolButtonHeading },\n            ) => {\n                return (\n                    <>\n                        <ToolButtonHeading editor={editor} />\n                        <ToolButtonParagraph editor={editor} />\n                    </>\n                )\n            }}\n        />\n    )\n}\n\nexport default CustomConfig\n"],"names":["editor"],"mappings":";;;;;;;;;AAQA,MAAM,eAAe,MAAM;AACvB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,aAAa;AAEpD,QAAM,SAAS,UAAU;AAAA,IACrB,YAAY,CAAC,WAAW,MAAM,SAAS,QAAQ;AAAA,IAC/C,aAAa;AAAA,MACT,YAAY;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IAEf;AAAA,IACA;AAAA,IACA,SAAS,EAAE,QAAAA,WAAU;AACNA,iBAAAA,QAAO,SAAS;AAAA,IAAA;AAAA,EAC/B,CACH;AAGG,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAc;AAAA,MACd,eAAe,CACXA,SACA,EAAE,qBAAqB,wBACtB;AACD,eAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,UAAC,oBAAA,mBAAA,EAAkB,QAAQA,QAAQ,CAAA;AAAA,UACnC,oBAAC,qBAAoB,EAAA,QAAQA,QAAQ,CAAA;AAAA,QAAA,GACzC;AAAA,MAAA;AAAA,IAER;AAAA,EACJ;AAER;"}
+{"version":3,"file":"CustomConfig.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/CustomConfig.tsx"],"sourcesContent":["import { useState } from 'react'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { useEditor } from '@tiptap/react'\nimport Document from '@tiptap/extension-document'\nimport Paragraph from '@tiptap/extension-paragraph'\nimport Text from '@tiptap/extension-text'\nimport Heading from '@tiptap/extension-heading'\n\nconst CustomConfig = () => {\n    const [content, setcontent] = useState('Hello World')\n\n    const editor = useEditor({\n        extensions: [Paragraph, Text, Heading, Document],\n        editorProps: {\n            attributes: {\n                class: 'm-2 focus:outline-none',\n            },\n        },\n        content,\n        onUpdate({ editor }) {\n            setcontent(editor.getHTML())\n        },\n    })\n\n    return (\n        <RichTextEditor\n            customEditor={editor}\n            customToolBar={(\n                editor,\n                { ToolButtonParagraph, ToolButtonHeading },\n            ) => {\n                return (\n                    <>\n                        <ToolButtonHeading editor={editor} />\n                        <ToolButtonParagraph editor={editor} />\n                    </>\n                )\n            }}\n        />\n    )\n}\n\nexport default CustomConfig\n"],"names":["editor"],"mappings":";;;;;;;;;AAQA,MAAM,eAAe,MAAM;AACvB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,aAAa;AAEpD,QAAM,SAAS,UAAU;AAAA,IACrB,YAAY,CAAC,WAAW,MAAM,SAAS,QAAQ;AAAA,IAC/C,aAAa;AAAA,MACT,YAAY;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,IAEJ;AAAA,IACA,SAAS,EAAE,QAAAA,WAAU;AACjB,iBAAWA,QAAO,SAAS;AAAA,IAC/B;AAAA,EAAA,CACH;AAED,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAc;AAAA,MACd,eAAe,CACXA,SACA,EAAE,qBAAqB,wBACtB;AACD,eACI,qBAAA,UAAA,EACI,UAAA;AAAA,UAAA,oBAAC,mBAAA,EAAkB,QAAQA,QAAAA,CAAQ;AAAA,UACnC,oBAAC,qBAAA,EAAoB,QAAQA,QAAAA,CAAQ;AAAA,QAAA,GACzC;AAAA,MAER;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"CustomToolbar.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/CustomToolbar.tsx"],"sourcesContent":["import RichTextEditor from '@/components/shared/RichTextEditor'\n\nconst CustomToolbar = () => {\n    return (\n        <RichTextEditor\n            content=\"<strong>Hello World</strong>\"\n            customToolBar={(\n                editor,\n                {\n                    ToolButtonStrike,\n                    ToolButtonHeading,\n                    ToolButtonOrderedList,\n                    ToolButtonBulletList,\n                },\n            ) => {\n                return (\n                    <>\n                        <ToolButtonHeading editor={editor} />\n                        <ToolButtonStrike editor={editor} />\n                        <ToolButtonOrderedList editor={editor} />\n                        <ToolButtonBulletList editor={editor} />\n                    </>\n                )\n            }}\n        />\n    )\n}\n\nexport default CustomToolbar\n"],"names":[],"mappings":";;;AAEA,MAAM,gBAAgB,MAAM;AAEpB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAQ;AAAA,MACR,eAAe,CACX,QACA;AAAA,QACI;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,MAEH;AACD,eAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,UAAA,oBAAC,qBAAkB,QAAgB;AAAA,UACnC,oBAAC,oBAAiB,QAAgB;AAAA,UAClC,oBAAC,yBAAsB,QAAgB;AAAA,UACvC,oBAAC,wBAAqB,OAAgB,CAAA;AAAA,QAAA,GAC1C;AAAA,MAAA;AAAA,IAER;AAAA,EACJ;AAER;"}
+{"version":3,"file":"CustomToolbar.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/CustomToolbar.tsx"],"sourcesContent":["import RichTextEditor from '@/components/shared/RichTextEditor'\n\nconst CustomToolbar = () => {\n    return (\n        <RichTextEditor\n            content=\"<strong>Hello World</strong>\"\n            customToolBar={(\n                editor,\n                {\n                    ToolButtonStrike,\n                    ToolButtonHeading,\n                    ToolButtonOrderedList,\n                    ToolButtonBulletList,\n                },\n            ) => {\n                return (\n                    <>\n                        <ToolButtonHeading editor={editor} />\n                        <ToolButtonStrike editor={editor} />\n                        <ToolButtonOrderedList editor={editor} />\n                        <ToolButtonBulletList editor={editor} />\n                    </>\n                )\n            }}\n        />\n    )\n}\n\nexport default CustomToolbar\n"],"names":[],"mappings":";;;AAEA,MAAM,gBAAgB,MAAM;AACxB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAQ;AAAA,MACR,eAAe,CACX,QACA;AAAA,QACI;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,MAEH;AACD,eACI,qBAAA,UAAA,EACI,UAAA;AAAA,UAAA,oBAAC,qBAAkB,QAAgB;AAAA,UACnC,oBAAC,oBAAiB,QAAgB;AAAA,UAClC,oBAAC,yBAAsB,QAAgB;AAAA,UACvC,oBAAC,wBAAqB,OAAA,CAAgB;AAAA,QAAA,GAC1C;AAAA,MAER;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<{ textContent?: string }>()\n\n    const onSubmit = (value: { textContent?: string }) => {\n        window.alert(JSON.stringify(value))\n    }\n\n    return (\n        <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Expiration date\"\n                invalid={Boolean(errors.textContent)}\n                errorMessage={errors.textContent?.message}\n            >\n                <Controller\n                    name=\"textContent\"\n                    control={control}\n                    render={({ field }) => (\n                        <RichTextEditor\n                            content={field.value}\n                            invalid={Boolean(errors.textContent)}\n                            onChange={({ html }) => {\n                                field.onChange(html)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <Button block variant=\"solid\" type=\"submit\">\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default WithForm\n"],"names":[],"mappings":";;;;;;;;;AAKA,MAAM,WAAW,MAAM;AACb,QAAA;AAAA,IACF;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,IACpB;AAAA,MACA,QAAkC;AAEhC,QAAA,WAAW,CAAC,UAAoC;AAClD,WAAO,MAAM,KAAK,UAAU,KAAK,CAAC;AAAA,EACtC;AAEA,8BACK,MAAK,EAAA,WAAU,QAAO,UAAU,aAAa,QAAQ,GAClD,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,QAAQ,OAAO,WAAW;AAAA,QACnC,cAAc,OAAO,aAAa;AAAA,QAElC,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL;AAAA,YACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS,MAAM;AAAA,gBACf,SAAS,QAAQ,OAAO,WAAW;AAAA,gBACnC,UAAU,CAAC,EAAE,WAAW;AACpB,wBAAM,SAAS,IAAI;AAAA,gBAAA;AAAA,cACvB;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IACJ;AAAA,IACA,oBAAC,UAAO,OAAK,MAAC,SAAQ,SAAQ,MAAK,UAAS,UAE5C,SAAA,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<{ textContent?: string }>()\n\n    const onSubmit = (value: { textContent?: string }) => {\n        window.alert(JSON.stringify(value))\n    }\n\n    return (\n        <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Expiration date\"\n                invalid={Boolean(errors.textContent)}\n                errorMessage={errors.textContent?.message}\n            >\n                <Controller\n                    name=\"textContent\"\n                    control={control}\n                    render={({ field }) => (\n                        <RichTextEditor\n                            content={field.value}\n                            invalid={Boolean(errors.textContent)}\n                            onChange={({ html }) => {\n                                field.onChange(html)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <Button block variant=\"solid\" type=\"submit\">\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default WithForm\n"],"names":[],"mappings":";;;;;;;;;AAKA,MAAM,WAAW,MAAM;AACnB,QAAM;AAAA,IACF;AAAA,IACA,WAAW,EAAE,OAAA;AAAA,IACb;AAAA,EAAA,IACA,QAAA;AAEJ,QAAM,WAAW,CAAC,UAAoC;AAClD,WAAO,MAAM,KAAK,UAAU,KAAK,CAAC;AAAA,EACtC;AAEA,8BACK,MAAA,EAAK,WAAU,QAAO,UAAU,aAAa,QAAQ,GAClD,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,QAAQ,OAAO,WAAW;AAAA,QACnC,cAAc,OAAO,aAAa;AAAA,QAElC,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL;AAAA,YACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,SAAS,MAAM;AAAA,gBACf,SAAS,QAAQ,OAAO,WAAW;AAAA,gBACnC,UAAU,CAAC,EAAE,WAAW;AACpB,wBAAM,SAAS,IAAI;AAAA,gBACvB;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,oBAAC,UAAO,OAAK,MAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport CustomToolbar from './CustomToolbar'\nimport CustomConfig from './CustomConfig'\nimport WithForm from './WithForm'\n\nconst mdPath = 'RichTextEditorDoc'\n\nconst demoHeader = {\n    title: 'RichTextEditor',\n    desc: ' <code>RichTextEditor</code> component is a customizable rich text editor utilized with Tiptap editor framework. It comes with a predefined toolbar that includes common formatting options like bold, italic, lists, and more.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'CustomToolbar',\n        mdPath: mdPath,\n        title: 'Custom toolbar',\n        desc: `You can customize the editor toolbar with <code>customToolBar</code> prop`,\n        component: <CustomToolbar />,\n    },\n    {\n        mdName: 'CustomConfig',\n        mdPath: mdPath,\n        title: 'Custom config',\n        desc: `You can customize the entire configuration with <code>customToolBar</code> prop. Note: Documentation & Text extension is required if not using StarterKit as extension.`,\n        component: <CustomConfig />,\n    },\n    {\n        mdName: 'WithForm',\n        mdPath: mdPath,\n        title: 'With form',\n        desc: `Example with form`,\n        component: <WithForm />,\n    },\n]\n\nconst tiptapUsage = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-syntax-highlighter-api\" className=\"mb-3\">\n            tiptap\n        </h6>\n        <p>\n            For futher usage of tiptap, you could refer the\n            <a\n                className=\"underline text-primary\"\n                href=\"https://tiptap.dev/docss\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete api list.{' '}\n        </p>\n    </div>\n)\n\nconst demoApi = [\n    {\n        component: 'RichTextEditor',\n        api: [\n            {\n                propName: 'content',\n                type: '<code>string</code>',\n                default: '-',\n                desc: 'The initial content of the editor. This can be an HTML string or plain text.',\n            },\n            {\n                propName: 'invalid',\n                type: '<code>boolean</code>',\n                default: '-',\n                desc: 'Applies styles to indicate the editor content is invalid, typically used for form validation.',\n            },\n            {\n                propName: 'customToolBar',\n                type: `<code>(editor: Editor, components: {\n                    ToolButtonBold: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonItalic: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonStrike: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonCode: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonBlockquote:  ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonHeading: ({ editor }: BaseToolButtonProps & { headingLevel?: HeadingLevel[] }) => JSX.Element,\n                    ToolButtonBulletList: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonOrderedList: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonCodeBlock:  ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonHorizontalRule: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonParagraph: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonUndo: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonRedo: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                }) => ReactNode</code>`,\n                default: '-',\n                desc: 'A function to customize the toolbar by providing your own buttons. It receives the current `editor` instance and an object containing the default toolbar components.',\n            },\n            {\n                propName: 'onChange',\n                type: '<code>(content: {text: string, html: string, json: JSONContent}) => void</code>',\n                default: '-',\n                desc: 'Callback function that is triggered whenever the content of the editor changes. It provides the updated content in three formats: plain text, HTML, and JSON.',\n            },\n            {\n                propName: 'editorContentClass',\n                type: '<code>string</code>',\n                default: '-',\n                desc: \"Additional CSS classes to apply to the editor's content area.\",\n            },\n            {\n                propName: 'customEditor',\n                type: '<code>Editor | null</code>',\n                default: '-',\n                desc: 'A custom Tiptap `Editor` instance. If provided, this instance will be used instead of creating a new one.',\n            },\n        ],\n    },\n]\n\nconst RichTextEditorDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"shared\"\n            api={demoApi}\n            extra={tiptapUsage}\n        />\n    )\n}\n\nexport default RichTextEditorDoc\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,eAAc,CAAA,CAAA;AAAA,EAC9B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,cAAa,CAAA,CAAA;AAAA,EAC7B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAS,CAAA,CAAA;AAAA,EAAA;AAE7B;AAEA,MAAM,cACF,qBAAC,OAAI,EAAA,WAAU,wBACX,UAAA;AAAA,EAAC,oBAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,sBAChC,MAAG,EAAA,IAAG,gCAA+B,WAAU,QAAO,UAEvD,UAAA;AAAA,uBACC,KAAE,EAAA,UAAA;AAAA,IAAA;AAAA,IAEC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IAAK;AAAA,IAAI;AAAA,IACkB;AAAA,EAAA,EAC/B,CAAA;AAAA,GACJ;AAGJ,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAeN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,oBAAoB,MAAM;AAExB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,cAAa;AAAA,MACb,KAAK;AAAA,MACL,OAAO;AAAA,IAAA;AAAA,EACX;AAER;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport CustomToolbar from './CustomToolbar'\nimport CustomConfig from './CustomConfig'\nimport WithForm from './WithForm'\n\nconst mdPath = 'RichTextEditorDoc'\n\nconst demoHeader = {\n    title: 'RichTextEditor',\n    desc: ' <code>RichTextEditor</code> component is a customizable rich text editor utilized with Tiptap editor framework. It comes with a predefined toolbar that includes common formatting options like bold, italic, lists, and more.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'CustomToolbar',\n        mdPath: mdPath,\n        title: 'Custom toolbar',\n        desc: `You can customize the editor toolbar with <code>customToolBar</code> prop`,\n        component: <CustomToolbar />,\n    },\n    {\n        mdName: 'CustomConfig',\n        mdPath: mdPath,\n        title: 'Custom config',\n        desc: `You can customize the entire configuration with <code>customToolBar</code> prop. Note: Documentation & Text extension is required if not using StarterKit as extension.`,\n        component: <CustomConfig />,\n    },\n    {\n        mdName: 'WithForm',\n        mdPath: mdPath,\n        title: 'With form',\n        desc: `Example with form`,\n        component: <WithForm />,\n    },\n]\n\nconst tiptapUsage = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-syntax-highlighter-api\" className=\"mb-3\">\n            tiptap\n        </h6>\n        <p>\n            For futher usage of tiptap, you could refer the\n            <a\n                className=\"underline text-primary\"\n                href=\"https://tiptap.dev/docss\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete api list.{' '}\n        </p>\n    </div>\n)\n\nconst demoApi = [\n    {\n        component: 'RichTextEditor',\n        api: [\n            {\n                propName: 'content',\n                type: '<code>string</code>',\n                default: '-',\n                desc: 'The initial content of the editor. This can be an HTML string or plain text.',\n            },\n            {\n                propName: 'invalid',\n                type: '<code>boolean</code>',\n                default: '-',\n                desc: 'Applies styles to indicate the editor content is invalid, typically used for form validation.',\n            },\n            {\n                propName: 'customToolBar',\n                type: `<code>(editor: Editor, components: {\n                    ToolButtonBold: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonItalic: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonStrike: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonCode: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonBlockquote:  ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonHeading: ({ editor }: BaseToolButtonProps & { headingLevel?: HeadingLevel[] }) => JSX.Element,\n                    ToolButtonBulletList: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonOrderedList: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonCodeBlock:  ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonHorizontalRule: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonParagraph: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonUndo: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                    ToolButtonRedo: ({ editor }: BaseToolButtonProps) => JSX.Element,\n                }) => ReactNode</code>`,\n                default: '-',\n                desc: 'A function to customize the toolbar by providing your own buttons. It receives the current `editor` instance and an object containing the default toolbar components.',\n            },\n            {\n                propName: 'onChange',\n                type: '<code>(content: {text: string, html: string, json: JSONContent}) => void</code>',\n                default: '-',\n                desc: 'Callback function that is triggered whenever the content of the editor changes. It provides the updated content in three formats: plain text, HTML, and JSON.',\n            },\n            {\n                propName: 'editorContentClass',\n                type: '<code>string</code>',\n                default: '-',\n                desc: \"Additional CSS classes to apply to the editor's content area.\",\n            },\n            {\n                propName: 'customEditor',\n                type: '<code>Editor | null</code>',\n                default: '-',\n                desc: 'A custom Tiptap `Editor` instance. If provided, this instance will be used instead of creating a new one.',\n            },\n        ],\n    },\n]\n\nconst RichTextEditorDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"shared\"\n            api={demoApi}\n            extra={tiptapUsage}\n        />\n    )\n}\n\nexport default RichTextEditorDoc\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,eAAA,CAAA,CAAc;AAAA,EAAA;AAAA,EAE9B;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,cAAA,CAAA,CAAa;AAAA,EAAA;AAAA,EAE7B;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAA,CAAA,CAAS;AAAA,EAAA;AAE7B;AAEA,MAAM,cACF,qBAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,EAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,sBAChC,MAAA,EAAG,IAAG,gCAA+B,WAAU,QAAO,UAAA,UAEvD;AAAA,uBACC,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IAEC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEI;AAAA,IAAI;AAAA,IACkB;AAAA,EAAA,EAAA,CAC/B;AAAA,GACJ;AAGJ,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAeN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,oBAAoB,MAAM;AAC5B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,cAAa;AAAA,MACb,KAAK;AAAA,MACL,OAAO;AAAA,IAAA;AAAA,EAAA;AAGnB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/StickyFooterDoc/Example.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport StickyFooter from '@/components/shared/StickyFooter'\n\nconst Example = () => {\n    return (\n        <div>\n            <div className=\"h-screen\">\n                <h6>Scroll to bottom 👇</h6>\n            </div>\n            <StickyFooter\n                className=\"px-8 flex items-center justify-between py-4\"\n                stickyClass=\"border rounded-lg bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700\"\n            >\n                <div className=\"md:flex items-center\">\n                    <Button size=\"sm\" className=\"ltr:mr-3 rtl:ml-3\">\n                        Discard\n                    </Button>\n                    <Button size=\"sm\" variant=\"solid\">\n                        Save\n                    </Button>\n                </div>\n            </StickyFooter>\n        </div>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;;;AAGA,MAAM,UAAU,MAAM;AAClB,8BACK,OACG,EAAA,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,YACX,UAAC,oBAAA,MAAA,EAAG,iCAAmB,EAC3B,CAAA;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QAEZ,UAAA,qBAAC,OAAI,EAAA,WAAU,wBACX,UAAA;AAAA,UAAA,oBAAC,QAAO,EAAA,MAAK,MAAK,WAAU,qBAAoB,UAEhD,WAAA;AAAA,8BACC,QAAO,EAAA,MAAK,MAAK,SAAQ,SAAQ,UAElC,OAAA,CAAA;AAAA,QAAA,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/StickyFooterDoc/Example.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport StickyFooter from '@/components/shared/StickyFooter'\n\nconst Example = () => {\n    return (\n        <div>\n            <div className=\"h-screen\">\n                <h6>Scroll to bottom 👇</h6>\n            </div>\n            <StickyFooter\n                className=\"px-8 flex items-center justify-between py-4\"\n                stickyClass=\"border rounded-lg bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700\"\n            >\n                <div className=\"md:flex items-center\">\n                    <Button size=\"sm\" className=\"ltr:mr-3 rtl:ml-3\">\n                        Discard\n                    </Button>\n                    <Button size=\"sm\" variant=\"solid\">\n                        Save\n                    </Button>\n                </div>\n            </StickyFooter>\n        </div>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;;;AAGA,MAAM,UAAU,MAAM;AAClB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,YACX,UAAA,oBAAC,MAAA,EAAG,iCAAmB,EAAA,CAC3B;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QAEZ,UAAA,qBAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAO,MAAK,MAAK,WAAU,qBAAoB,UAAA,WAEhD;AAAA,8BACC,QAAA,EAAO,MAAK,MAAK,SAAQ,SAAQ,UAAA,OAAA,CAElC;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/StickyFooterDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'StickyFooterDoc'\n\nconst demoHeader = {\n    title: 'StickyFooter',\n    desc: 'StickyFooter allow element stick to bottom of a view port even where the content is not reached yet.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'StickyFooter',\n        api: [\n            {\n                propName: 'defaultClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class to active while the component is not stick to the bottom',\n            },\n            {\n                propName: 'stickyClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class to active while the component stick to the bottom',\n            },\n        ],\n    },\n]\n\nconst StickyFooterDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default StickyFooterDoc\n"],"names":[],"mappings":";;;AAKA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,kBAAkB,MAAM;AAEtB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,IAAA;AAAA,EACjB;AAER;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/StickyFooterDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'StickyFooterDoc'\n\nconst demoHeader = {\n    title: 'StickyFooter',\n    desc: 'StickyFooter allow element stick to bottom of a view port even where the content is not reached yet.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'StickyFooter',\n        api: [\n            {\n                propName: 'defaultClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class to active while the component is not stick to the bottom',\n            },\n            {\n                propName: 'stickyClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class to active while the component stick to the bottom',\n            },\n        ],\n    },\n]\n\nconst StickyFooterDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default StickyFooterDoc\n"],"names":[],"mappings":";;;AAKA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,kBAAkB,MAAM;AAC1B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,IAAA;AAAA,EAAA;AAGzB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/SyntaxHighlighterDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"tsx\">{`import React from 'react'\n\t\t \nconst HelloWorld = () =>\n{\n\treturn <h1>Hello World!</h1>\n}\n\t\nexport default HelloWorld`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAEd,SAAA,oBAAC,mBAAkB,EAAA,UAAS,OAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAOhB;AAE3B;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/SyntaxHighlighterDoc/Example.tsx"],"sourcesContent":["import SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst Example = () => {\n    return (\n        <SyntaxHighlighter language=\"tsx\">{`import React from 'react'\n\t\t \nconst HelloWorld = () =>\n{\n\treturn <h1>Hello World!</h1>\n}\n\t\nexport default HelloWorld`}</SyntaxHighlighter>\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAClB,SACI,oBAAC,mBAAA,EAAkB,UAAS,OAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAOhB;AAE3B;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/SyntaxHighlighterDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'SyntaxHighlighterDoc'\n\nconst demoHeader = {\n    title: 'SyntaxHighlighter',\n    desc: 'This component is a wrapper of <a class=\"underline text-primary\" href=\"https://github.com/react-syntax-highlighter/react-syntax-highlighter\" target=\"_blank\">react-syntax-highlighter</a>.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage.`,\n        component: <Example />,\n    },\n]\n\nconst reactSyntaxHighlighterApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-syntax-highlighter-api\" className=\"mb-3\">\n            react-syntax-highlighter\n        </h6>\n        <p>\n            All react-syntax-highlighter props can be applied on this component,\n            refer{' '}\n            <a\n                className=\"underline text-primary\"\n                href=\"https://github.com/react-syntax-highlighter/react-syntax-highlighter#props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete api list.{' '}\n        </p>\n    </div>\n)\n\nconst SyntaxHighlighterDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"shared\"\n            extra={reactSyntaxHighlighterApi}\n        />\n    )\n}\n\nexport default SyntaxHighlighterDoc\n"],"names":[],"mappings":";;;AAKA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B;AAEA,MAAM,4BACF,qBAAC,OAAI,EAAA,WAAU,wBACX,UAAA;AAAA,EAAC,oBAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,sBAChC,MAAG,EAAA,IAAG,gCAA+B,WAAU,QAAO,UAEvD,4BAAA;AAAA,uBACC,KAAE,EAAA,UAAA;AAAA,IAAA;AAAA,IAEO;AAAA,IACN;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IAAK;AAAA,IAAI;AAAA,IACkB;AAAA,EAAA,EAC/B,CAAA;AAAA,GACJ;AAGJ,MAAM,uBAAuB,MAAM;AAE3B,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,cAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EACX;AAER;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/SyntaxHighlighterDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'SyntaxHighlighterDoc'\n\nconst demoHeader = {\n    title: 'SyntaxHighlighter',\n    desc: 'This component is a wrapper of <a class=\"underline text-primary\" href=\"https://github.com/react-syntax-highlighter/react-syntax-highlighter\" target=\"_blank\">react-syntax-highlighter</a>.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage.`,\n        component: <Example />,\n    },\n]\n\nconst reactSyntaxHighlighterApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-syntax-highlighter-api\" className=\"mb-3\">\n            react-syntax-highlighter\n        </h6>\n        <p>\n            All react-syntax-highlighter props can be applied on this component,\n            refer{' '}\n            <a\n                className=\"underline text-primary\"\n                href=\"https://github.com/react-syntax-highlighter/react-syntax-highlighter#props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete api list.{' '}\n        </p>\n    </div>\n)\n\nconst SyntaxHighlighterDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            mdPrefixPath=\"shared\"\n            extra={reactSyntaxHighlighterApi}\n        />\n    )\n}\n\nexport default SyntaxHighlighterDoc\n"],"names":[],"mappings":";;;AAKA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B;AAEA,MAAM,4BACF,qBAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,EAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,sBAChC,MAAA,EAAG,IAAG,gCAA+B,WAAU,QAAO,UAAA,4BAEvD;AAAA,uBACC,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IAEO;AAAA,IACN;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEI;AAAA,IAAI;AAAA,IACkB;AAAA,EAAA,EAAA,CAC/B;AAAA,GACJ;AAGJ,MAAM,uBAAuB,MAAM;AAC/B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,cAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EAAA;AAGnB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/UsersAvatarGroupDoc/Example.tsx"],"sourcesContent":["import UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\n\nconst data = [\n    {\n        userName: 'Ron Vargas',\n        avatarImg: '/img/avatars/thumb-3.jpg',\n    },\n    {\n        userName: 'Carolyn Hanson',\n        avatarImg: '/img/avatars/thumb-9.jpg',\n    },\n    {\n        userName: 'Samantha Phillips',\n        avatarImg: '/img/avatars/thumb-6.jpg',\n    },\n    {\n        userName: 'Ella Robinson',\n        avatarImg: '/img/avatars/thumb-15.jpg',\n    },\n]\n\nconst Example = () => {\n    return (\n        <UsersAvatarGroup\n            nameKey=\"userName\"\n            imgKey=\"avatarImg\"\n            avatarProps={{ size: 40 }}\n            users={data}\n        />\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,OAAO;AAAA,EACT;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EACf;AAAA,EACA;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EACf;AAAA,EACA;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EACf;AAAA,EACA;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EAAA;AAEnB;AAEA,MAAM,UAAU,MAAM;AAEd,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAQ;AAAA,MACR,QAAO;AAAA,MACP,aAAa,EAAE,MAAM,GAAG;AAAA,MACxB,OAAO;AAAA,IAAA;AAAA,EACX;AAER;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/UsersAvatarGroupDoc/Example.tsx"],"sourcesContent":["import UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\n\nconst data = [\n    {\n        userName: 'Ron Vargas',\n        avatarImg: '/img/avatars/thumb-3.jpg',\n    },\n    {\n        userName: 'Carolyn Hanson',\n        avatarImg: '/img/avatars/thumb-9.jpg',\n    },\n    {\n        userName: 'Samantha Phillips',\n        avatarImg: '/img/avatars/thumb-6.jpg',\n    },\n    {\n        userName: 'Ella Robinson',\n        avatarImg: '/img/avatars/thumb-15.jpg',\n    },\n]\n\nconst Example = () => {\n    return (\n        <UsersAvatarGroup\n            nameKey=\"userName\"\n            imgKey=\"avatarImg\"\n            avatarProps={{ size: 40 }}\n            users={data}\n        />\n    )\n}\n\nexport default Example\n"],"names":[],"mappings":";;AAEA,MAAM,OAAO;AAAA,EACT;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EAAA;AAAA,EAEf;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EAAA;AAAA,EAEf;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EAAA;AAAA,EAEf;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,EAAA;AAEnB;AAEA,MAAM,UAAU,MAAM;AAClB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAQ;AAAA,MACR,QAAO;AAAA,MACP,aAAa,EAAE,MAAM,GAAA;AAAA,MACrB,OAAO;AAAA,IAAA;AAAA,EAAA;AAGnB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/UsersAvatarGroupDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UsersAvatarGroupDoc'\n\nconst demoHeader = {\n    title: 'UsersAvatarGroup',\n    desc: 'UsersAvatarGroup chain multiple users avatar into a stack, ',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'UsersAvatarGroup',\n        api: [\n            {\n                propName: 'avatarGroupProps',\n                type: `<a class=\"text-indigo-600 underline\" href=\"/ui-components/avatar#api\" target=\"_blank\"><code>Avatar.GroupProps</code></a>`,\n                default: `<code>{}</code>`,\n                desc: 'Props for Avatar.Group',\n            },\n            {\n                propName: 'avatarProps',\n                type: `<a class=\"text-indigo-600 underline\" href=\"/ui-components/avatar#api\" target=\"_blank\"><code>Avatar.GroupProps</code></a>`,\n                default: `<code>{}</code>`,\n                desc: 'Props for Avatar',\n            },\n            {\n                propName: 'imgKey',\n                type: `<code>string</code>`,\n                default: `<code>'img'</code>`,\n                desc: 'Property key to identify image source',\n            },\n            {\n                propName: 'nameKey',\n                type: `<code>string</code>`,\n                default: `<code>'name'</code>`,\n                desc: 'Property key to identify avatar name',\n            },\n            {\n                propName: 'onAvatarClick',\n                type: `<code>(data: UserDataObject) => void</code>`,\n                default: `-`,\n                desc: 'Property key to identify avatar name',\n            },\n            {\n                propName: 'users',\n                type: `<code>Array&lt;UserDataObject&gt;</code>`,\n                default: `<code>[]</code>`,\n                desc: 'Users data.',\n            },\n        ],\n    },\n]\n\nconst UsersAvatarGroupDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default UsersAvatarGroupDoc\n"],"names":[],"mappings":";;;AAKA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,sBAAsB,MAAM;AAE1B,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,IAAA;AAAA,EACjB;AAER;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/UsersAvatarGroupDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'UsersAvatarGroupDoc'\n\nconst demoHeader = {\n    title: 'UsersAvatarGroup',\n    desc: 'UsersAvatarGroup chain multiple users avatar into a stack, ',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'UsersAvatarGroup',\n        api: [\n            {\n                propName: 'avatarGroupProps',\n                type: `<a class=\"text-indigo-600 underline\" href=\"/ui-components/avatar#api\" target=\"_blank\"><code>Avatar.GroupProps</code></a>`,\n                default: `<code>{}</code>`,\n                desc: 'Props for Avatar.Group',\n            },\n            {\n                propName: 'avatarProps',\n                type: `<a class=\"text-indigo-600 underline\" href=\"/ui-components/avatar#api\" target=\"_blank\"><code>Avatar.GroupProps</code></a>`,\n                default: `<code>{}</code>`,\n                desc: 'Props for Avatar',\n            },\n            {\n                propName: 'imgKey',\n                type: `<code>string</code>`,\n                default: `<code>'img'</code>`,\n                desc: 'Property key to identify image source',\n            },\n            {\n                propName: 'nameKey',\n                type: `<code>string</code>`,\n                default: `<code>'name'</code>`,\n                desc: 'Property key to identify avatar name',\n            },\n            {\n                propName: 'onAvatarClick',\n                type: `<code>(data: UserDataObject) => void</code>`,\n                default: `-`,\n                desc: 'Property key to identify avatar name',\n            },\n            {\n                propName: 'users',\n                type: `<code>Array&lt;UserDataObject&gt;</code>`,\n                default: `<code>[]</code>`,\n                desc: 'Users data.',\n            },\n        ],\n    },\n]\n\nconst UsersAvatarGroupDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default UsersAvatarGroupDoc\n"],"names":[],"mappings":";;;AAKA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,sBAAsB,MAAM;AAC9B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,cAAa;AAAA,IAAA;AAAA,EAAA;AAGzB;"}