@orbe-agro/client-core 5.0.0 → 5.1.1

package/dist/@ecme/views/ui-components/data-display/Tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Tag/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Affix from './Affix'\nimport Custom from './Custom'\n\nconst mdPath = 'Tag'\n\nconst demoHeader = {\n    title: 'Tag',\n    desc: 'Tag component is used for categorize content with a keyword.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of Tag.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Affix',\n        mdPath: mdPath,\n        title: 'Affix',\n        desc: `Tag can have prefix and suffix, both affix can be customized as well.`,\n        component: <Affix />,\n    },\n    {\n        mdName: 'Custom',\n        mdPath: mdPath,\n        title: 'Custom',\n        desc: `We can have different Tag style by applying tailwind css class.`,\n        component: <Custom />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Tag',\n        api: [\n            {\n                propName: 'prefix',\n                type: `<code>boolean</code> | <code>ReactNode</code>`,\n                default: `<code>false</code>`,\n                desc: 'Tag prefix',\n            },\n            {\n                propName: 'prefixClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Css class for Tag prefix, only available when prefix type is boolean',\n            },\n            {\n                propName: 'suffix',\n                type: `<code>boolean</code> | <code>ReactNode</code>`,\n                default: `<code>false</code>`,\n                desc: 'Tag suffix',\n            },\n            {\n                propName: 'suffixClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Css class for Tag suffix, only available when suffix type is boolean',\n            },\n        ],\n    },\n]\n\nconst Tag = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Tag\n"],"names":["mdPath","demoHeader","demos","Basic","Affix","Custom","demoApi","Tag","DemoLayout"],"mappings":";;;;;AAOA,MAAMA,IAAS,OAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAO;AAAA,EAAA;AAE3B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAM,wBACAC,GAAA,EAAW,QAAQP,GAAY,OAAAC,GAAc,KAAKI,GAAS;"}

package/dist/@ecme/views/ui-components/data-display/Timeline/Advance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Advance.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Timeline/Advance.tsx"],"sourcesContent":["import Timeline from '@/components/ui/Timeline'\nimport Avatar from '@/components/ui/Avatar'\nimport Badge from '@/components/ui/Badge'\nimport Card from '@/components/ui/Card'\nimport Tag from '@/components/ui/Tag'\nimport { HiTag } from 'react-icons/hi'\nimport type { AvatarProps } from '@/components/ui/Avatar'\n\ntype TimelineAvatarProps = AvatarProps\n\nconst TimelineAvatar = ({ children, ...rest }: TimelineAvatarProps) => {\n    return (\n        <Avatar {...rest} size={25} shape=\"circle\">\n            {children}\n        </Avatar>\n    )\n}\n\nconst Advance = () => {\n    return (\n        <div className=\"max-w-[700px]\">\n            <Timeline>\n                <Timeline.Item\n                    media={\n                        <TimelineAvatar className=\"bg-amber-500\">\n                            C\n                        </TimelineAvatar>\n                    }\n                >\n                    <p className=\"my-1 flex items-center\">\n                        <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                            Angelina Gotelli{' '}\n                        </span>\n                        <span className=\"mx-2\">has change the status to </span>\n                        <Badge className=\"bg-emerald-500\" />\n                        <span className=\"ml-1 rtl:mr-1 font-semibold text-gray-900 dark:text-gray-100\">\n                            Completed\n                        </span>\n                        <span className=\"ml-3 rtl:mr-3\">6h ago</span>\n                    </p>\n                </Timeline.Item>\n                <Timeline.Item\n                    media={\n                        <TimelineAvatar\n                            src=\"/img/avatars/thumb-3.jpg\"\n                            className=\"bg-amber-500\"\n                        />\n                    }\n                >\n                    <p className=\"my-1 flex items-center\">\n                        <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                            Max Alexander\n                        </span>\n                        <span className=\"mx-2\">comment on your </span>\n                        <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                            Post\n                        </span>\n                        <span className=\"ml-3 rtl:mr-3\">2d ago</span>\n                    </p>\n                    <Card className=\"mt-4\">\n                        <p>\n                            Fine, Java MIGHT be a good example of what a\n                            programming language should be like. But Java\n                            applications are good examples of what applications\n                            SHOULDN&apos;T be like.\n                        </p>\n                    </Card>\n                </Timeline.Item>\n                <Timeline.Item\n                    media={\n                        <TimelineAvatar className=\"bg-gray-200 dark:bg-gray-600 text-gray-700 dark:text-gray-100\">\n                            <HiTag />\n                        </TimelineAvatar>\n                    }\n                >\n                    <p className=\"flex items-center\">\n                        <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\n                            Eugene Stewart{' '}\n                        </span>\n                        <span className=\"mx-2\">added tags </span>\n                        <Tag\n                            prefix\n                            className=\"mr-2 rtl:ml-2 cursor-pointer\"\n                            prefixClass=\"bg-rose-500\"\n                        >\n                            Live Issue\n                        </Tag>\n                        <Tag\n                            prefix\n                            className=\"mr-2 rtl:ml-2 cursor-pointer\"\n                            prefixClass=\"bg-blue-600\"\n                        >\n                            Backend\n                        </Tag>\n                        <span className=\"ml-3 rtl:mr-3\">2d ago</span>\n                    </p>\n                </Timeline.Item>\n            </Timeline>\n        </div>\n    )\n}\n\nexport default Advance\n"],"names":["TimelineAvatar","children","rest","jsx","Avatar","Advance","Timeline","jsxs","Badge","Card","HiTag","Tag"],"mappings":";;;;;;;;;;AAUA,MAAMA,IAAiB,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAE/B,gBAAAC,EAACC,KAAQ,GAAGF,GAAM,MAAM,IAAI,OAAM,UAC7B,UAAAD,GACL,GAIFI,IAAU,MAER,gBAAAF,EAAC,OAAA,EAAI,WAAU,iBACX,4BAACG,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAH;AAAA,IAACG,EAAS;AAAA,IAAT;AAAA,MACG,OACI,gBAAAH,EAACH,GAAA,EAAe,WAAU,gBAAe,UAAA,KAEzC;AAAA,MAGJ,UAAA,gBAAAO,EAAC,KAAA,EAAE,WAAU,0BACT,UAAA;AAAA,QAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,kDAAiD,UAAA;AAAA,UAAA;AAAA,UAC5C;AAAA,QAAA,GACrB;AAAA,QACA,gBAAAJ,EAAC,QAAA,EAAK,WAAU,QAAO,UAAA,6BAAyB;AAAA,QAChD,gBAAAA,EAACK,GAAA,EAAM,WAAU,iBAAA,CAAiB;AAAA,QAClC,gBAAAL,EAAC,QAAA,EAAK,WAAU,gEAA+D,UAAA,aAE/E;AAAA,QACA,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,SAAA,CAAM;AAAA,MAAA,EAAA,CAC1C;AAAA,IAAA;AAAA,EAAA;AAAA,EAEJ,gBAAAI;AAAA,IAACD,EAAS;AAAA,IAAT;AAAA,MACG,OACI,gBAAAH;AAAA,QAACH;AAAA,QAAA;AAAA,UACG,KAAI;AAAA,UACJ,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAIlB,UAAA;AAAA,QAAA,gBAAAO,EAAC,KAAA,EAAE,WAAU,0BACT,UAAA;AAAA,UAAA,gBAAAJ,EAAC,QAAA,EAAK,WAAU,kDAAiD,UAAA,iBAEjE;AAAA,UACA,gBAAAA,EAAC,QAAA,EAAK,WAAU,QAAO,UAAA,oBAAgB;AAAA,UACvC,gBAAAA,EAAC,QAAA,EAAK,WAAU,kDAAiD,UAAA,QAEjE;AAAA,UACA,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,SAAA,CAAM;AAAA,QAAA,GAC1C;AAAA,0BACCM,GAAA,EAAK,WAAU,QACZ,UAAA,gBAAAN,EAAC,KAAA,EAAE,+KAKH,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAEJ,gBAAAA;AAAA,IAACG,EAAS;AAAA,IAAT;AAAA,MACG,OACI,gBAAAH,EAACH,GAAA,EAAe,WAAU,iEACtB,UAAA,gBAAAG,EAACO,KAAM,GACX;AAAA,MAGJ,UAAA,gBAAAH,EAAC,KAAA,EAAE,WAAU,qBACT,UAAA;AAAA,QAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,kDAAiD,UAAA;AAAA,UAAA;AAAA,UAC9C;AAAA,QAAA,GACnB;AAAA,QACA,gBAAAJ,EAAC,QAAA,EAAK,WAAU,QAAO,UAAA,eAAW;AAAA,QAClC,gBAAAA;AAAA,UAACQ;AAAA,UAAA;AAAA,YACG,QAAM;AAAA,YACN,WAAU;AAAA,YACV,aAAY;AAAA,YACf,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD,gBAAAR;AAAA,UAACQ;AAAA,UAAA;AAAA,YACG,QAAM;AAAA,YACN,WAAU;AAAA,YACV,aAAY;AAAA,YACf,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD,gBAAAR,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,SAAA,CAAM;AAAA,MAAA,EAAA,CAC1C;AAAA,IAAA;AAAA,EAAA;AACJ,EAAA,CACJ,EAAA,CACJ;"}

package/dist/@ecme/views/ui-components/data-display/Timeline/Basic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Timeline/Basic.tsx"],"sourcesContent":["import Timeline from '@/components/ui/Timeline'\n\nconst Basic = () => {\n    return (\n        <div>\n            <Timeline>\n                <Timeline.Item>Breakfast - 09:00</Timeline.Item>\n                <Timeline.Item>Lunch - 12:30</Timeline.Item>\n                <Timeline.Item>Dinner - 7:00</Timeline.Item>\n            </Timeline>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","jsxs","Timeline"],"mappings":";;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAC,EAACC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAF,EAACE,EAAS,MAAT,EAAc,UAAA,oBAAA,CAAiB;AAAA,EAChC,gBAAAF,EAACE,EAAS,MAAT,EAAc,UAAA,gBAAA,CAAa;AAAA,EAC5B,gBAAAF,EAACE,EAAS,MAAT,EAAc,UAAA,gBAAA,CAAa;AAAA,EAAA,CAChC,EAAA,CACJ;"}

package/dist/@ecme/views/ui-components/data-display/Timeline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Timeline/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Advance from './Advance'\n\nconst mdPath = 'Timeline'\n\nconst demoHeader = {\n    title: 'Timeline',\n    desc: 'Timeline displays a list of events in chronological order.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: ``,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Advance',\n        mdPath: mdPath,\n        title: 'Advance',\n        desc: ``,\n        component: <Advance />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Timeline.Item',\n        api: [\n            {\n                propName: 'media',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Timeline item media (Note: media width must be consistent between Timeline item)',\n            },\n        ],\n    },\n]\n\nconst Timeline = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Timeline\n"],"names":["mdPath","demoHeader","demos","Basic","Advance","demoApi","Timeline","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,YAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAW,wBACLC,GAAA,EAAW,QAAQN,GAAY,OAAAC,GAAc,KAAKG,GAAS;"}

package/dist/@ecme/views/ui-components/data-display/Tooltip/Basic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Tooltip/Basic.tsx"],"sourcesContent":["import Tooltip from '@/components/ui/Tooltip'\n\nconst Basic = () => {\n    return (\n        <div>\n            <Tooltip title=\"Tooltip message\">\n                <span className=\"cursor-pointer\">Hover me</span>\n            </Tooltip>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Tooltip"],"mappings":";;;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAQ,OAAM,mBACX,UAAA,gBAAAD,EAAC,QAAA,EAAK,WAAU,kBAAiB,UAAA,WAAA,CAAQ,EAAA,CAC7C,GACJ;"}

package/dist/@ecme/views/ui-components/data-display/Tooltip/Customize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Customize.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Tooltip/Customize.tsx"],"sourcesContent":["import Tooltip from '@/components/ui/Tooltip'\n\nconst Customize = () => {\n    return (\n        <div>\n            <Tooltip\n                title={\n                    <div>\n                        This is{' '}\n                        <strong className=\"text-yellow-400\">HTML</strong>\n                    </div>\n                }\n            >\n                <span className=\"cursor-pointer\">Hover me</span>\n            </Tooltip>\n        </div>\n    )\n}\n\nexport default Customize\n"],"names":["Customize","jsx","Tooltip"],"mappings":";;;AAEA,MAAMA,IAAY,wBAET,OAAA,EACG,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,yBACK,OAAA,EAAI,UAAA;AAAA,MAAA;AAAA,MACO;AAAA,MACR,gBAAAD,EAAC,UAAA,EAAO,WAAU,mBAAkB,UAAA,OAAA,CAAI;AAAA,IAAA,GAC5C;AAAA,IAGJ,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,kBAAiB,UAAA,WAAA,CAAQ;AAAA,EAAA;AAAA,GAEjD;"}

package/dist/@ecme/views/ui-components/data-display/Tooltip/DefaultOpen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultOpen.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Tooltip/DefaultOpen.tsx"],"sourcesContent":["import Tooltip from '@/components/ui/Tooltip'\n\nconst DefaultOpen = () => {\n    return (\n        <div>\n            <Tooltip title=\"Tooltip Message\" isOpen={true} placement=\"right\">\n                <span>Default Open</span>\n            </Tooltip>\n        </div>\n    )\n}\n\nexport default DefaultOpen\n"],"names":["DefaultOpen","jsx","Tooltip"],"mappings":";;;AAEA,MAAMA,IAAc,MAEZ,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAQ,OAAM,mBAAkB,QAAQ,IAAM,WAAU,SACrD,UAAA,gBAAAD,EAAC,QAAA,EAAK,UAAA,eAAA,CAAY,GACtB,GACJ;"}

package/dist/@ecme/views/ui-components/data-display/Tooltip/Placement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Placement.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Tooltip/Placement.tsx"],"sourcesContent":["import Tooltip from '@/components/ui/Tooltip'\n\nconst Placement = () => {\n    return (\n        <div\n            style={{ maxWidth: 700 }}\n            className=\"grid grid-cols-1 md:grid-cols-5 gap-4\"\n        >\n            <div></div>\n            <Tooltip title=\"Top start\" placement=\"top-start\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Top start\n                </div>\n            </Tooltip>\n            <Tooltip title=\"Top\" placement=\"top\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Top\n                </div>\n            </Tooltip>\n            <Tooltip title=\"Top end\" placement=\"top-end\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Top end\n                </div>\n            </Tooltip>\n            <div></div>\n            <Tooltip title=\"Left start\" placement=\"left-start\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Left start\n                </div>\n            </Tooltip>\n            <div></div>\n            <div></div>\n            <div></div>\n            <Tooltip title=\"Right start\" placement=\"right-start\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Right start\n                </div>\n            </Tooltip>\n            <Tooltip title=\"Left\" placement=\"left\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Left\n                </div>\n            </Tooltip>\n            <div></div>\n            <div></div>\n            <div></div>\n            <Tooltip title=\"Right\" placement=\"right\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Right\n                </div>\n            </Tooltip>\n            <Tooltip title=\"Left end\" placement=\"left-end\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Left end\n                </div>\n            </Tooltip>\n            <div></div>\n            <div></div>\n            <div></div>\n            <Tooltip title=\"Right end\" placement=\"right-end\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Right end\n                </div>\n            </Tooltip>\n            <div></div>\n            <Tooltip title=\"Bottom start\" placement=\"bottom-start\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Bottom start\n                </div>\n            </Tooltip>\n            <Tooltip title=\"Bottom\" placement=\"bottom\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Bottom\n                </div>\n            </Tooltip>\n            <Tooltip title=\"Bottom end\" placement=\"bottom-end\">\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\n                    Bottom end\n                </div>\n            </Tooltip>\n            <div></div>\n        </div>\n    )\n}\n\nexport default Placement\n"],"names":["Placement","jsxs","jsx","Tooltip"],"mappings":";;;AAEA,MAAMA,IAAY,MAEV,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,OAAO,EAAE,UAAU,IAAA;AAAA,IACnB,WAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI;AAAA,MACL,gBAAAA,EAACC,GAAA,EAAQ,OAAM,aAAY,WAAU,aACjC,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,YAAA,CAEpF,GACJ;AAAA,MACA,gBAAAA,EAACC,GAAA,EAAQ,OAAM,OAAM,WAAU,OAC3B,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,MAAA,CAEpF,GACJ;AAAA,MACA,gBAAAA,EAACC,GAAA,EAAQ,OAAM,WAAU,WAAU,WAC/B,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,UAAA,CAEpF,GACJ;AAAA,wBACC,OAAA,EAAI;AAAA,MACL,gBAAAA,EAACC,GAAA,EAAQ,OAAM,cAAa,WAAU,cAClC,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,aAAA,CAEpF,GACJ;AAAA,wBACC,OAAA,EAAI;AAAA,wBACJ,OAAA,EAAI;AAAA,wBACJ,OAAA,EAAI;AAAA,MACL,gBAAAA,EAACC,GAAA,EAAQ,OAAM,eAAc,WAAU,eACnC,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,cAAA,CAEpF,GACJ;AAAA,MACA,gBAAAA,EAACC,GAAA,EAAQ,OAAM,QAAO,WAAU,QAC5B,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,OAAA,CAEpF,GACJ;AAAA,wBACC,OAAA,EAAI;AAAA,wBACJ,OAAA,EAAI;AAAA,wBACJ,OAAA,EAAI;AAAA,MACL,gBAAAA,EAACC,GAAA,EAAQ,OAAM,SAAQ,WAAU,SAC7B,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,QAAA,CAEpF,GACJ;AAAA,MACA,gBAAAA,EAACC,GAAA,EAAQ,OAAM,YAAW,WAAU,YAChC,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,WAAA,CAEpF,GACJ;AAAA,wBACC,OAAA,EAAI;AAAA,wBACJ,OAAA,EAAI;AAAA,wBACJ,OAAA,EAAI;AAAA,MACL,gBAAAA,EAACC,GAAA,EAAQ,OAAM,aAAY,WAAU,aACjC,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,YAAA,CAEpF,GACJ;AAAA,wBACC,OAAA,EAAI;AAAA,MACL,gBAAAA,EAACC,GAAA,EAAQ,OAAM,gBAAe,WAAU,gBACpC,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,eAAA,CAEpF,GACJ;AAAA,MACA,gBAAAA,EAACC,GAAA,EAAQ,OAAM,UAAS,WAAU,UAC9B,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,SAAA,CAEpF,GACJ;AAAA,MACA,gBAAAA,EAACC,GAAA,EAAQ,OAAM,cAAa,WAAU,cAClC,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,sEAAqE,UAAA,aAAA,CAEpF,GACJ;AAAA,wBACC,OAAA,CAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/ui-components/data-display/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Tooltip/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Placement from './Placement'\nimport Customize from './Customize'\n\nconst mdPath = 'Tooltip'\n\nconst demoHeader = {\n    title: 'Tooltip',\n    desc: 'Tooltips will appear when users hover on an element, it display contextual information related to the element.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of Tooltip.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Customize',\n        mdPath: mdPath,\n        title: 'Customize',\n        desc: `Tooltip content can be customize as well.`,\n        component: <Customize />,\n    },\n    {\n        mdName: 'Placement',\n        mdPath: mdPath,\n        title: 'Placement',\n        desc: `There are 9 placement options for tooltip, it occupies the top position by default.`,\n        component: <Placement />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Tooltip',\n        api: [\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to disable tooltip toggle',\n            },\n            {\n                propName: 'isOpen',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to display tooltip by default',\n            },\n            {\n                propName: 'placement',\n                type: `<code>'top'</code> | <code>'top-start'</code> | <code>'top-end'</code> | <code>'bottom'</code> | <code>'bottom-start'</code> | <code>'bottom-end'</code> | <code>'right'</code> | <code>'right-start'</code> | <code>'right-end'</code> | <code>'left'</code> | <code>'left-start'</code> | <code>'left-end'</code>`,\n                default: `<code>'top'</code>`,\n                desc: 'Tooltip placement',\n            },\n            {\n                propName: 'title',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: ``,\n                desc: 'Tooltip content',\n            },\n            {\n                propName: 'wrapperClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class for tooltip wrapper',\n            },\n        ],\n    },\n]\n\nconst Tooltip = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Tooltip\n"],"names":["mdPath","demoHeader","demos","Basic","Customize","Placement","demoApi","Tooltip","DemoLayout"],"mappings":";;;;;AAOA,MAAMA,IAAS,WAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAU;AAAA,EAAA;AAAA,EAE1B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAU;AAAA,EAAA;AAE9B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAU,wBACJC,GAAA,EAAW,QAAQP,GAAY,OAAAC,GAAc,KAAKI,GAAS;"}

package/dist/@ecme/views/ui-components/feedback/Alert/Basic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Alert/Basic.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\n\nconst Basic = () => {\n    return (\n        <div>\n            <Alert>\n                Additional description and information about copywriting.\n            </Alert>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Alert"],"mappings":";;;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAM,uEAEP,GACJ;"}

package/dist/@ecme/views/ui-components/feedback/Alert/Closable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Closable.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Alert/Closable.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\n\nconst Closable = () => {\n    const onCloseClick = () => {\n        console.log('Alert closed!')\n    }\n\n    return (\n        <div>\n            <Alert closable type=\"success\" onClose={onCloseClick}>\n                Thanks for submitting your application. Our team will get back\n                to you soon.\n            </Alert>\n        </div>\n    )\n}\n\nexport default Closable\n"],"names":["Closable","jsx","Alert"],"mappings":";;;AAEA,MAAMA,IAAW,MAMT,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAM,UAAQ,IAAC,MAAK,WAAU,SANlB,MAAM;AACvB,UAAQ,IAAI,eAAe;AAAA,GAK+B,UAAA,8EAAA,CAGtD,GACJ;"}

package/dist/@ecme/views/ui-components/feedback/Alert/CustomIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomIcon.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Alert/CustomIcon.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\nimport { HiFire } from 'react-icons/hi'\n\nconst Icon = () => {\n    return (\n        <div>\n            <Alert showIcon type=\"success\" customIcon={<HiFire />}>\n                Additional description and information about copywriting.\n            </Alert>\n        </div>\n    )\n}\n\nexport default Icon\n"],"names":["Icon","jsx","Alert","HiFire"],"mappings":";;;;AAGA,MAAMA,IAAO,MAEL,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAM,UAAQ,IAAC,MAAK,WAAU,YAAY,gBAAAD,EAACE,GAAA,CAAA,CAAO,GAAI,uEAEvD,GACJ;"}

package/dist/@ecme/views/ui-components/feedback/Alert/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Alert/Icon.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\n\nconst Icon = () => {\n    return (\n        <div>\n            <Alert showIcon>\n                Additional description and information about copywriting.\n            </Alert>\n        </div>\n    )\n}\n\nexport default Icon\n"],"names":["Icon","jsx","Alert"],"mappings":";;;AAEA,MAAMA,IAAO,wBAEJ,OAAA,EACG,UAAA,gBAAAC,EAACC,KAAM,UAAQ,IAAC,uEAEhB,EAAA,CACJ;"}

package/dist/@ecme/views/ui-components/feedback/Alert/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Alert/Title.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\n\nconst Title = () => {\n    return (\n        <div>\n            <Alert showIcon type=\"danger\" title=\"Error!\">\n                Additional description and information about copywriting.\n            </Alert>\n        </div>\n    )\n}\n\nexport default Title\n"],"names":["Title","jsx","Alert"],"mappings":";;;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAM,UAAQ,IAAC,MAAK,UAAS,OAAM,UAAS,UAAA,4DAAA,CAE7C,GACJ;"}

package/dist/@ecme/views/ui-components/feedback/Alert/Type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Type.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Alert/Type.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\n\nconst Type = () => {\n    return (\n        <div>\n            <Alert showIcon className=\"mb-4\" type=\"info\">\n                Additional description and information about copywriting.\n            </Alert>\n            <Alert showIcon className=\"mb-4\">\n                Additional description and information about copywriting.\n            </Alert>\n            <Alert showIcon className=\"mb-4\" type=\"success\">\n                Additional description and information about copywriting.\n            </Alert>\n            <Alert showIcon className=\"mb-4\" type=\"danger\">\n                Additional description and information about copywriting.\n            </Alert>\n        </div>\n    )\n}\n\nexport default Type\n"],"names":["Type","jsx","Alert"],"mappings":";;;AAEA,MAAMA,IAAO,wBAEJ,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAM,UAAQ,IAAC,WAAU,QAAO,MAAK,QAAO,UAAA,4DAAA,CAE7C;AAAA,oBACCA,GAAA,EAAM,UAAQ,IAAC,WAAU,QAAO,UAAA,6DAEjC;AAAA,EACA,gBAAAD,EAACC,KAAM,UAAQ,IAAC,WAAU,QAAO,MAAK,WAAU,UAAA,4DAAA,CAEhD;AAAA,EACA,gBAAAD,EAACC,KAAM,UAAQ,IAAC,WAAU,QAAO,MAAK,UAAS,UAAA,4DAAA,CAE/C;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/feedback/Alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Alert/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Icon from './Icon'\nimport CustomIcon from './CustomIcon'\nimport Type from './Type'\nimport Title from './Title'\nimport Closable from './Closable'\n\nconst mdPath = 'Alert'\n\nconst demoHeader = {\n    title: 'Alert',\n    desc: 'Alerts are used to feedback to the user action or system activity.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of alert.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Icon',\n        mdPath: mdPath,\n        title: 'Icon',\n        desc: `Display icon within alert.`,\n        component: <Icon />,\n    },\n    {\n        mdName: 'CustomIcon',\n        mdPath: mdPath,\n        title: 'CustomIcon',\n        desc: `Icon can be replaced by setting own icon to <code>customIcon</code> prop.`,\n        component: <CustomIcon />,\n    },\n    {\n        mdName: 'Type',\n        mdPath: mdPath,\n        title: 'Type',\n        desc: `Change the status of the alerts by passing the <code>type</code> prop. Alert supports <code>info</code>, <code>success</code>, <code>warning</code>, and <code>danger</code> types.`,\n        component: <Type />,\n    },\n    {\n        mdName: 'Title',\n        mdPath: mdPath,\n        title: 'Title',\n        desc: `Alert also can have a title by input a string to <code>title</code> prop.`,\n        component: <Title />,\n    },\n    {\n        mdName: 'Closable',\n        mdPath: mdPath,\n        title: 'Closable',\n        desc: `Turn <code>closable</code> prop to true to display close button which allow user dismiss alert.`,\n        component: <Closable />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Alert',\n        api: [\n            {\n                propName: 'title',\n                type: `<code>ReactNode</code> | <code>string</code>`,\n                default: `-`,\n                desc: 'Alert title',\n            },\n            {\n                propName: 'showIcon',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Display icon based on type',\n            },\n            {\n                propName: 'customIcon',\n                type: `<code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Replace default icon to custom icon',\n            },\n            {\n                propName: 'type',\n                type: `<code>'info'</code> | <code>'warning'</code> | <code>'success'</code> | <code>'danger'</code>`,\n                default: `<code>'warning'</code>`,\n                desc: 'The status of the alert',\n            },\n            {\n                propName: 'closable',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Display close button',\n            },\n            {\n                propName: 'customClose',\n                type: `<code>ReactNode | <code>string</code>`,\n                default: `-`,\n                desc: 'Replace default close',\n            },\n            {\n                propName: 'rounded',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether the Alert have round border radius',\n            },\n            {\n                propName: 'onClose',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `<code>-</code>`,\n                desc: 'Callback when Alert is closed',\n            },\n            {\n                propName: 'triggerByToast',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'identifier for toast trigger (for toast purpose)',\n            },\n            {\n                propName: 'duration',\n                type: `<code>2000</code>`,\n                default: `<code>number</code>`,\n                desc: 'Interval of dismiss (for toast purpose)',\n            },\n        ],\n    },\n]\n\nconst Alert = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Alert\n"],"names":["mdPath","demoHeader","demos","Basic","Icon","CustomIcon","Type","Title","Closable","demoApi","Alert","DemoLayout"],"mappings":";;;;;;;;AAUA,MAAMA,IAAS,SAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAK;AAAA,EAAA;AAAA,EAErB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAW;AAAA,EAAA;AAAA,EAE3B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAK;AAAA,EAAA;AAAA,EAErB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAA,CAAA,CAAS;AAAA,EAAA;AAE7B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAQ,wBACFC,GAAA,EAAW,QAAQV,GAAY,OAAAC,GAAc,KAAKO,GAAS;"}

package/dist/@ecme/views/ui-components/feedback/Dialog/Basic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst Basic = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = (e: MouseEvent) => {\n        console.log('onDialogClose', e)\n        setIsOpen(false)\n    }\n\n    const onDialogOk = (e: MouseEvent) => {\n        console.log('onDialogOk', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button variant=\"solid\" onClick={() => openDialog()}>\n                Open Dialog\n            </Button>\n            <Dialog\n                isOpen={dialogIsOpen}\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <h5 className=\"mb-4\">Dialog Title</h5>\n                <p>\n                    There are many variations of passages of Lorem Ipsum\n                    available, but the majority have suffered alteration in some\n                    form, by injected humour, or randomised words which dont\n                    look even slightly believable.\n                </p>\n                <div className=\"text-right mt-6\">\n                    <Button\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        variant=\"plain\"\n                        onClick={onDialogClose}\n                    >\n                        Cancel\n                    </Button>\n                    <Button variant=\"solid\" onClick={onDialogOk}>\n                        Okay\n                    </Button>\n                </div>\n            </Dialog>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","jsxs","Dialog"],"mappings":";;;;;;AAKA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAAA,GAGZG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EAAA;AAQnB,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,eAErD;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,UACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SA9BrB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YAAA,GA4B0C,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Dialog/Closable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Closable.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/Closable.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst Closable = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = (e: MouseEvent) => {\n        console.log('onDialogClose', e)\n        setIsOpen(false)\n    }\n\n    const onDialogOk = (e: MouseEvent) => {\n        console.log('onDialogOk', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button variant=\"solid\" onClick={() => openDialog()}>\n                Open Dialog\n            </Button>\n            <Dialog isOpen={dialogIsOpen} closable={false}>\n                <h5 className=\"mb-4\">Dialog Title</h5>\n                <p>\n                    There are many variations of passages of Lorem Ipsum\n                    available, but the majority have suffered alteration in some\n                    form, by injected humour, or randomised words which dont\n                    look even slightly believable.\n                </p>\n                <div className=\"text-right mt-6\">\n                    <Button\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        variant=\"plain\"\n                        onClick={onDialogClose}\n                    >\n                        Cancel\n                    </Button>\n                    <Button variant=\"solid\" onClick={onDialogOk}>\n                        Okay\n                    </Button>\n                </div>\n            </Dialog>\n        </div>\n    )\n}\n\nexport default Closable\n"],"names":["Closable","dialogIsOpen","setIsOpen","useState","openDialog","jsx","Button","jsxs","Dialog","e"],"mappings":";;;;;;AAKA,MAAMA,IAAW,MAAM;AACnB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAAA;AAalB,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAG,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMF,EAAA,GAAc,UAAA,eAErD;AAAA,IACA,gBAAAG,EAACC,GAAA,EAAO,QAAQP,GAAc,UAAU,IACpC,UAAA;AAAA,MAAA,gBAAAI,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,MACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,MACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,QAAA,gBAAAF;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,SAAQ;AAAA,YACR,SA3BE,CAACG,MAAkB;AACrC,sBAAQ,IAAI,iBAAiBA,CAAC,GAC9BP,EAAU,EAAK;AAAA,YAAA;AAAA,YA0BF,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,0BAGAI,GAAA,EAAO,SAAQ,SAAQ,SA1BrB,CAACG,MAAkB;AAClC,kBAAQ,IAAI,cAAcA,CAAC,GAC3BP,EAAU,EAAK;AAAA,QAAA,GAwB0C,UAAA,OAAA,CAE7C;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Dialog/CloseWithEscBackdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseWithEscBackdrop.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/CloseWithEscBackdrop.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst CloseWithEscBackdrop = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = (e: MouseEvent) => {\n        console.log('onDialogClose', e)\n        setIsOpen(false)\n    }\n\n    const onDialogOk = (e: MouseEvent) => {\n        console.log('onDialogOk', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button variant=\"solid\" onClick={() => openDialog()}>\n                Open Dialog\n            </Button>\n            <Dialog\n                isOpen={dialogIsOpen}\n                shouldCloseOnOverlayClick={false}\n                shouldCloseOnEsc={false}\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <h5 className=\"mb-4\">Dialog Title</h5>\n                <p>\n                    There are many variations of passages of Lorem Ipsum\n                    available, but the majority have suffered alteration in some\n                    form, by injected humour, or randomised words which dont\n                    look even slightly believable.\n                </p>\n                <div className=\"text-right mt-6\">\n                    <Button\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        variant=\"plain\"\n                        onClick={onDialogClose}\n                    >\n                        Cancel\n                    </Button>\n                    <Button variant=\"solid\" onClick={onDialogOk}>\n                        Okay\n                    </Button>\n                </div>\n            </Dialog>\n        </div>\n    )\n}\n\nexport default CloseWithEscBackdrop\n"],"names":["CloseWithEscBackdrop","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","jsxs","Dialog"],"mappings":";;;;;;AAKA,MAAMA,IAAuB,MAAM;AAC/B,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAAA,GAGZG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EAAA;AAQnB,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,eAErD;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,2BAA2B;AAAA,QAC3B,kBAAkB;AAAA,QAClB,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,UACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SAhCrB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YAAA,GA8B0C,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Dialog/CustomStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomStyle.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/CustomStyle.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst CustomStyle = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = (e: MouseEvent) => {\n        console.log('onDialogClose', e)\n        setIsOpen(false)\n    }\n\n    const onDialogOk = (e: MouseEvent) => {\n        console.log('onDialogOk', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button variant=\"solid\" onClick={() => openDialog()}>\n                Open Dialog\n            </Button>\n            <Dialog\n                isOpen={dialogIsOpen}\n                style={{\n                    content: {\n                        marginTop: 250,\n                    },\n                }}\n                contentClassName=\"pb-0 px-0\"\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <div className=\"px-6 pb-6\">\n                    <h5 className=\"mb-4\">Dialog Title</h5>\n                    <p>\n                        There are many variations of passages of Lorem Ipsum\n                        available, but the majority have suffered alteration in\n                        some form, by injected humour, or randomised words which\n                        dont look even slightly believable.\n                    </p>\n                </div>\n                <div className=\"text-right px-6 py-3 bg-gray-100 dark:bg-gray-700 rounded-bl-lg rounded-br-lg\">\n                    <Button\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        onClick={onDialogClose}\n                    >\n                        Cancel\n                    </Button>\n                    <Button variant=\"solid\" onClick={onDialogOk}>\n                        Okay\n                    </Button>\n                </div>\n            </Dialog>\n        </div>\n    )\n}\n\nexport default CustomStyle\n"],"names":["CustomStyle","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","jsxs","Dialog"],"mappings":";;;;;;AAKA,MAAMA,IAAc,MAAM;AACtB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAAA,GAGZG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EAAA;AAQnB,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,eAErD;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,OAAO;AAAA,UACH,SAAS;AAAA,YACL,WAAW;AAAA,UAAA;AAAA,QACf;AAAA,QAEJ,kBAAiB;AAAA,QACjB,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,aACX,UAAA;AAAA,YAAA,gBAAAF,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,YACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,iFACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SArCrB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YAAA,GAmC0C,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Dialog/InternalScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalScroll.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/InternalScroll.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst InternalScroll = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = (e: MouseEvent) => {\n        console.log('onDialogClose', e)\n        setIsOpen(false)\n    }\n\n    const onDialogOk = (e: MouseEvent) => {\n        console.log('onDialogOk', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button variant=\"solid\" onClick={() => openDialog()}>\n                Open\n            </Button>\n            <Dialog\n                isOpen={dialogIsOpen}\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <div className=\"flex flex-col h-full justify-between\">\n                    <h5 className=\"mb-4\">Dialog Title</h5>\n                    <div className=\"max-h-96 overflow-y-auto\">\n                        <p>\n                            There are only two kinds of programming languages:\n                            those people always bitch about and those nobody\n                            uses. (Bjarne Stroustrup) Walking on water and\n                            developing software from a specification are easy if\n                            both are frozen. (Edward V Berard) Any fool can use\n                            a computer. Many do. (Ted Nelson) If debugging is\n                            the process of removing bugs, then programming must\n                            be the process of putting them in. (Edsger W.\n                            Dijkstra)\n                        </p>\n                        <p>\n                            Any fool can use a computer. Many do. (Ted Nelson)\n                            If the automobile had followed the same development\n                            cycle as the computer, a Rolls-Royce would today\n                            cost $100, get a million miles per gallon, and\n                            explode once a year, killing everyone inside.\n                            (Robert X. Cringely) Every operating system out\n                            there is about equal… We all suck. (Microsoft senior\n                            vice president Brian Valentine describing the state\n                            of the art in OS security, 2003) It is practically\n                            impossible to teach good programming style to\n                            students that have had prior exposure to BASIC. As\n                            potential programmers, they are mentally mutilated\n                            beyond hope of regeneration. (E. W. Dijkstra) It has\n                            been said that the great scientific disciplines are\n                            examples of giants standing on the shoulders of\n                            other giants. It has also been said that the\n                            software industry is an example of midgets standing\n                            on the toes of other midgets. (Alan Cooper)\n                        </p>\n                        <p>\n                            Always code as if the guy who ends up maintaining\n                            your code will be a violent psychopath who knows\n                            where you live. (Martin Golding) There is no\n                            programming language–no matter how structured-that\n                            will prevent programmers from making bad programs.\n                            (Larry Flon) If builders built buildings the way\n                            programmers wrote programs, then the first\n                            woodpecker that came along would destroy\n                            civilization. (Gerald Weinberg)\n                        </p>\n                    </div>\n                    <div className=\"text-right mt-6\">\n                        <Button\n                            className=\"ltr:mr-2 rtl:ml-2\"\n                            variant=\"plain\"\n                            onClick={onDialogClose}\n                        >\n                            Cancel\n                        </Button>\n                        <Button variant=\"solid\" onClick={onDialogOk}>\n                            Okay\n                        </Button>\n                    </div>\n                </div>\n            </Dialog>\n        </div>\n    )\n}\n\nexport default InternalScroll\n"],"names":["InternalScroll","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","Dialog","jsxs"],"mappings":";;;;;;AAKA,MAAMA,IAAiB,MAAM;AACzB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAAA,GAGZG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EAAA;AAQnB,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,QAErD;AAAA,IACA,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,QAAQR;AAAA,QACR,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,UAAA,gBAAAH,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,UACjC,gBAAAG,EAAC,OAAA,EAAI,WAAU,4BACX,UAAA;AAAA,YAAA,gBAAAH,EAAC,OAAE,UAAA,4ZAAA,CAUH;AAAA,YACA,gBAAAA,EAAC,OAAE,UAAA,63BAAA,CAmBH;AAAA,YACA,gBAAAA,EAAC,OAAE,UAAA,6ZAAA,CAUH;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAG,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SArEzB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YAAA,GAmE8C,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Dialog/Size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Size.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/Size.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst Size = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = (e: MouseEvent) => {\n        console.log('onDialogClose', e)\n        setIsOpen(false)\n    }\n\n    const onDialogOk = (e: MouseEvent) => {\n        console.log('onDialogOk', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button variant=\"solid\" onClick={() => openDialog()}>\n                Custom Size Dialog\n            </Button>\n            <Dialog\n                isOpen={dialogIsOpen}\n                width={1000}\n                height={250}\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <div className=\"flex flex-col h-full justify-between\">\n                    <h5 className=\"mb-4\">Dialog Title</h5>\n                    <p>\n                        There are many variations of passages of Lorem Ipsum\n                        available, but the majority have suffered alteration in\n                        some form, by injected humour, or randomised words which\n                        dont look even slightly believable.\n                    </p>\n                    <div className=\"text-right mt-6\">\n                        <Button\n                            className=\"ltr:mr-2 rtl:ml-2\"\n                            variant=\"plain\"\n                            onClick={onDialogClose}\n                        >\n                            Cancel\n                        </Button>\n                        <Button variant=\"solid\" onClick={onDialogOk}>\n                            Okay\n                        </Button>\n                    </div>\n                </div>\n            </Dialog>\n        </div>\n    )\n}\n\nexport default Size\n"],"names":["Size","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","Dialog","jsxs"],"mappings":";;;;;;AAKA,MAAMA,IAAO,MAAM;AACf,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAAA,GAGZG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EAAA;AAQnB,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,sBAErD;AAAA,IACA,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,QAAQR;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,UAAA,gBAAAH,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,UACA,gBAAAG,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SAjCzB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YAAA,GA+B8C,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Dialog/StaticBackdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaticBackdrop.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/StaticBackdrop.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst StaticBackdrop = () => {\n    const [dialogIsOpen, setIsOpen] = useState(false)\n\n    const openDialog = () => {\n        setIsOpen(true)\n    }\n\n    const onDialogClose = (e: MouseEvent) => {\n        console.log('onDialogClose', e)\n        setIsOpen(false)\n    }\n\n    const onDialogOk = (e: MouseEvent) => {\n        console.log('onDialogOk', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button variant=\"solid\" onClick={() => openDialog()}>\n                Open Dialog\n            </Button>\n            <Dialog\n                isOpen={dialogIsOpen}\n                bodyOpenClassName=\"overflow-hidden\"\n                onClose={onDialogClose}\n                onRequestClose={onDialogClose}\n            >\n                <h5 className=\"mb-4\">Dialog Title</h5>\n                <p>\n                    There are many variations of passages of Lorem Ipsum\n                    available, but the majority have suffered alteration in some\n                    form, by injected humour, or randomised words which dont\n                    look even slightly believable.\n                </p>\n                <div className=\"text-right mt-6\">\n                    <Button\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        variant=\"plain\"\n                        onClick={onDialogClose}\n                    >\n                        Cancel\n                    </Button>\n                    <Button variant=\"solid\" onClick={onDialogOk}>\n                        Okay\n                    </Button>\n                </div>\n            </Dialog>\n        </div>\n    )\n}\n\nexport default StaticBackdrop\n"],"names":["StaticBackdrop","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","jsxs","Dialog"],"mappings":";;;;;;AAKA,MAAMA,IAAiB,MAAM;AACzB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAAA,GAGZG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EAAA;AAQnB,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,eAErD;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,mBAAkB;AAAA,QAClB,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,UACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SA/BrB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YAAA,GA6B0C,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Size from './Size'\nimport CloseWithEscBackdrop from './CloseWithEscBackdrop'\nimport InternalScroll from './InternalScroll'\nimport StaticBackdrop from './StaticBackdrop'\nimport CustomStyle from './CustomStyle'\nimport Closable from './Closable'\n\nconst mdPath = 'Dialog'\n\nconst demoHeader = {\n    title: 'Dialog',\n    desc: 'Dialog is a box that overlay on the current page which force user interact with.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of Dialog.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Size',\n        mdPath: mdPath,\n        title: 'Size',\n        desc: `Dialog allow us to input <code>width</code> & <code>height</code> to adjust the size of Dialog.`,\n        component: <Size />,\n    },\n    {\n        mdName: 'CloseWithEscBackdrop',\n        mdPath: mdPath,\n        title: 'Disable Escape & backdrop click',\n        desc: `We can disable escape key & backdrop click close by setting <code>shouldCloseOnOverlayClick</code> & <code>shouldCloseOnEsc</code> props. `,\n        component: <CloseWithEscBackdrop />,\n    },\n    {\n        mdName: 'InternalScroll',\n        mdPath: mdPath,\n        title: 'Internal Scroll',\n        desc: `Example of Dialog internal scroll.`,\n        component: <InternalScroll />,\n    },\n    {\n        mdName: 'StaticBackdrop',\n        mdPath: mdPath,\n        title: 'Lock Scroll',\n        desc: `We can lock window scroll by passing <code>'overflow-hidden</code> to <code>bodyOpenClassName</code>`,\n        component: <StaticBackdrop />,\n    },\n    {\n        mdName: 'CustomStyle',\n        mdPath: mdPath,\n        title: 'Custom dialog style',\n        desc: `Example of Dialog custom style`,\n        component: <CustomStyle />,\n    },\n    {\n        mdName: 'Closable',\n        mdPath: mdPath,\n        title: 'Closable',\n        desc: `Set <code>closeable</code> to false will hide Dialog close icon.`,\n        component: <Closable />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Dialog',\n        api: [\n            {\n                propName: 'width',\n                type: `<code>string</code> | <code>number</code>`,\n                default: `<code>520</code>`,\n                desc: 'Dialog width',\n            },\n            {\n                propName: 'height',\n                type: `<code>string</code> | <code>number</code>`,\n                default: `-`,\n                desc: 'Dialog height',\n            },\n            {\n                propName: 'isOpen',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to display dialog',\n            },\n            {\n                propName: 'style',\n                type: `<code>object: { content: object, overlay: object }</code>`,\n                default: `<-`,\n                desc: 'Style for dialog & backdrop',\n            },\n            {\n                propName: 'contentClassName',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class name that append to Dialog content',\n            },\n            {\n                propName: 'portalClassName',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class name that append to Dialog portal',\n            },\n            {\n                propName: 'bodyOpenClassName',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class name that append to body while Dialog is open',\n            },\n            {\n                propName: 'htmlOpenClassName',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class name that append to html while Dialog is open',\n            },\n            {\n                propName: 'overlayClassName',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class name for Dialog backdrop',\n            },\n            {\n                propName: 'appElement',\n                type: `<code>SafeHTMLElement</code> | <code>SafeHTMLCollection</code> | <code>SafeNodeList</code> | <code>SafeHTMLElement[]</code>`,\n                default: `-`,\n                desc: 'Setting external node to Dialog content',\n            },\n            {\n                propName: 'onAfterOpen',\n                type: `<code>(overlayElement: HTMLElement, contentElement: HTMLElement) => void</code>`,\n                default: `-`,\n                desc: 'Callback function after Dialog open',\n            },\n            {\n                propName: 'closable',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether show Dialog close icon',\n            },\n            {\n                propName: 'onClose',\n                type: `<code>(event: Event) => void</code>`,\n                default: `-`,\n                desc: 'Callback function after click on Dialog close icon',\n            },\n            {\n                propName: 'onRequestClose',\n                type: `<code>(event: Event) => void</code>`,\n                default: `-`,\n                desc: 'Callback function after Dialog close',\n            },\n            {\n                propName: 'closeTimeoutMS',\n                type: `<code>(event: Event) => void</code>`,\n                default: `<code>150</code>`,\n                desc: 'Timeout speed during Dialog close',\n            },\n            {\n                propName: 'shouldFocusAfterRender',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Boolean indicating if the dialog should be focused after render',\n            },\n            {\n                propName: 'shouldReturnFocusAfterClose',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Boolean indicating if the dialog should restore focus to the element that had focus prior to its display',\n            },\n            {\n                propName: 'preventScroll',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Boolean indicating if the dialog should use the preventScroll flag when restoring focus to the element that had focus prior to its display',\n            },\n            {\n                propName: 'shouldCloseOnOverlayClick',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to close Dialog when the backdrop is clicked',\n            },\n            {\n                propName: 'shouldCloseOnEsc',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to close Dialog when esc key pressed',\n            },\n            {\n                propName: 'parentSelector',\n                type: `<code>() => document.body</code>`,\n                default: `<code>() => document.body</code>`,\n                desc: 'Function that will be called to get the parent element that the dialog will be attached to',\n            },\n            {\n                propName: 'overlayRef',\n                type: `<code>(node: Node) => void</code>`,\n                default: `-`,\n                desc: 'Dialog backdrop ref',\n            },\n            {\n                propName: 'contentRef',\n                type: `<code>(node: Node) => void</code>`,\n                default: `-`,\n                desc: 'Dialog content ref',\n            },\n        ],\n    },\n]\n\nconst Dialog = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Dialog\n"],"names":["mdPath","demoHeader","demos","Basic","Size","CloseWithEscBackdrop","InternalScroll","StaticBackdrop","CustomStyle","Closable","demoApi","Dialog","DemoLayout"],"mappings":"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"}

package/dist/@ecme/views/ui-components/feedback/Drawer/Basic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Drawer/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Drawer from '@/components/ui/Drawer'\nimport type { MouseEvent } from 'react'\n\nconst Basic = () => {\n    const [isOpen, setIsOpen] = useState(false)\n\n    const openDrawer = () => {\n        setIsOpen(true)\n    }\n\n    const onDrawerClose = (e: MouseEvent) => {\n        console.log('onDrawerClose', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button onClick={() => openDrawer()}>Open Drawer</Button>\n            <Drawer\n                title=\"Drawer Title\"\n                isOpen={isOpen}\n                onClose={onDrawerClose}\n                onRequestClose={onDrawerClose}\n            >\n                Drawer Content\n            </Drawer>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","isOpen","setIsOpen","useState","openDrawer","onDrawerClose","e","jsx","Button","Drawer"],"mappings":";;;;;;AAKA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAAA,GAGZG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EAAA;AAGnB,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,GAAA,EAAO,SAAS,MAAMJ,KAAc,UAAA,eAAW;AAAA,IAChD,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,QAAAR;AAAA,QACA,SAASI;AAAA,QACT,gBAAgBA;AAAA,QACnB,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Drawer/Closable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Closable.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Drawer/Closable.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Drawer from '@/components/ui/Drawer'\nimport type { MouseEvent } from 'react'\n\nconst Closable = () => {\n    const [isOpen, setIsOpen] = useState(false)\n\n    const openDrawer = () => {\n        setIsOpen(true)\n    }\n\n    const onDrawerClose = (e: MouseEvent) => {\n        console.log('onDrawerClose', e)\n        setIsOpen(false)\n    }\n\n    return (\n        <div>\n            <Button onClick={() => openDrawer()}>Open Drawer</Button>\n            <Drawer\n                title=\"Drawer Title\"\n                isOpen={isOpen}\n                closable={false}\n                onClose={onDrawerClose}\n                onRequestClose={onDrawerClose}\n            >\n                Drawer Content\n            </Drawer>\n        </div>\n    )\n}\n\nexport default Closable\n"],"names":["Closable","isOpen","setIsOpen","useState","openDrawer","onDrawerClose","e","jsx","Button","Drawer"],"mappings":";;;;;;AAKA,MAAMA,IAAW,MAAM;AACnB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAAA,GAGZG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EAAA;AAGnB,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,GAAA,EAAO,SAAS,MAAMJ,KAAc,UAAA,eAAW;AAAA,IAChD,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,QAAAR;AAAA,QACA,UAAU;AAAA,QACV,SAASI;AAAA,QACT,gBAAgBA;AAAA,QACnB,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Drawer/CustomStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomStyle.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Drawer/CustomStyle.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Drawer from '@/components/ui/Drawer'\n\nconst CustomStyle = () => {\n    const [isOpen, setIsOpen] = useState(false)\n\n    const openDrawer = () => {\n        setIsOpen(true)\n    }\n\n    const onDrawerClose = () => {\n        setIsOpen(false)\n    }\n\n    const Footer = (\n        <div className=\"flex w-full items-start\">\n            <Button block className=\"mx-2\" onClick={() => onDrawerClose()}>\n                Cancel\n            </Button>\n            <Button\n                block\n                className=\"mx-2\"\n                variant=\"solid\"\n                onClick={() => onDrawerClose()}\n            >\n                Confirm\n            </Button>\n        </div>\n    )\n\n    const Title = (\n        <div>\n            <h4 className=\"mb-2\">Drawer Title</h4>\n            <p>To iterate is human, to recurse divine.</p>\n        </div>\n    )\n\n    return (\n        <div>\n            <Button onClick={() => openDrawer()}>Open Drawer</Button>\n            <Drawer\n                title={Title}\n                isOpen={isOpen}\n                footer={Footer}\n                headerClass=\"!items-start !bg-gray-100 dark:!bg-gray-900\"\n                footerClass=\"!border-t-0 !p-3\"\n                onClose={onDrawerClose}\n                onRequestClose={onDrawerClose}\n            >\n                Drawer Content\n            </Drawer>\n        </div>\n    )\n}\n\nexport default CustomStyle\n"],"names":["CustomStyle","isOpen","setIsOpen","useState","openDrawer","onDrawerClose","jsx","Button","Drawer","jsxs"],"mappings":";;;;;;AAIA,MAAMA,IAAc,MAAM;AACtB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAAA,GAGZG,IAAgB,MAAM;AACxB,IAAAH,EAAU,EAAK;AAAA,EAAA;AA0BnB,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAI,EAACC,GAAA,EAAO,SAAS,MAAMH,KAAc,UAAA,eAAW;AAAA,IAChD,gBAAAE;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,yBAVP,OAAA,EACG,UAAA;AAAA,UAAA,gBAAAF,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAAA,0CAAA,CAAuC;AAAA,QAAA,GAC9C;AAAA,QAQQ,QAAAL;AAAA,QACA,QA5BR,gBAAAQ,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,gBAAAH,EAACC,GAAA,EAAO,OAAK,IAAC,WAAU,QAAO,SAAS,MAAMF,EAAA,GAAiB,UAAA,SAAA,CAE/D;AAAA,UACA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,OAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAQ;AAAA,cACR,SAAS,MAAMF,EAAA;AAAA,cAClB,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAED,GACJ;AAAA,QAiBQ,aAAY;AAAA,QACZ,aAAY;AAAA,QACZ,SAASA;AAAA,QACT,gBAAgBA;AAAA,QACnB,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Drawer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Drawer/Footer.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Drawer from '@/components/ui/Drawer'\n\nconst Footer = () => {\n    const [isOpen, setIsOpen] = useState(false)\n\n    const openDrawer = () => {\n        setIsOpen(true)\n    }\n\n    const onDrawerClose = () => {\n        setIsOpen(false)\n    }\n\n    const Footer = (\n        <div className=\"text-right w-full\">\n            <Button size=\"sm\" className=\"mr-2\" onClick={() => onDrawerClose()}>\n                Cancel\n            </Button>\n            <Button size=\"sm\" variant=\"solid\" onClick={() => onDrawerClose()}>\n                Confirm\n            </Button>\n        </div>\n    )\n\n    return (\n        <div>\n            <Button variant=\"solid\" onClick={() => openDrawer()}>\n                Open Drawer\n            </Button>\n            <Drawer\n                title=\"Drawer Title\"\n                isOpen={isOpen}\n                footer={Footer}\n                onClose={onDrawerClose}\n                onRequestClose={onDrawerClose}\n            >\n                Drawer Content\n            </Drawer>\n        </div>\n    )\n}\n\nexport default Footer\n"],"names":["Footer","isOpen","setIsOpen","useState","openDrawer","onDrawerClose","jsx","Button","Drawer","jsxs"],"mappings":";;;;;;AAIA,MAAMA,IAAS,MAAM;AACjB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAAA,GAGZG,IAAgB,MAAM;AACxB,IAAAH,EAAU,EAAK;AAAA,EAAA;AAcnB,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAI,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMH,EAAA,GAAc,UAAA,eAErD;AAAA,IACA,gBAAAE;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,QAAAP;AAAA,QACA,QAlBR,gBAAAQ,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,UAAA,gBAAAH,EAACC,GAAA,EAAO,MAAK,MAAK,WAAU,QAAO,SAAS,MAAMF,EAAA,GAAiB,UAAA,SAAA,CAEnE;AAAA,UACA,gBAAAC,EAACC,GAAA,EAAO,MAAK,MAAK,SAAQ,SAAQ,SAAS,MAAMF,KAAiB,UAAA,UAAA,CAElE;AAAA,QAAA,GACJ;AAAA,QAYQ,SAASA;AAAA,QACT,gBAAgBA;AAAA,QACnB,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Drawer/Placement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Placement.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Drawer/Placement.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Radio from '@/components/ui/Radio'\nimport Drawer from '@/components/ui/Drawer'\nimport type { MouseEvent } from 'react'\n\ntype Direction = 'top' | 'right' | 'bottom' | 'left'\n\nconst placementList: {\n    name: string\n    value: Direction\n}[] = [\n    { name: 'Top', value: 'top' },\n    { name: 'Right', value: 'right' },\n    { name: 'Bottom', value: 'bottom' },\n    { name: 'Left', value: 'left' },\n]\n\nconst Placement = () => {\n    const [isOpen, setIsOpen] = useState(false)\n    const [placement, setPlacement] = useState<Direction>(\n        placementList[1].value,\n    )\n\n    const openDrawer = () => {\n        setIsOpen(true)\n    }\n\n    const onDrawerClose = (e: MouseEvent) => {\n        console.log('onDrawerClose', e)\n        setIsOpen(false)\n    }\n\n    const onPlacementChange = (val: Direction) => {\n        setPlacement(val)\n    }\n\n    return (\n        <div className=\"flex-wrap inline-flex xl:flex items-center gap-2\">\n            <Radio.Group value={placement} onChange={onPlacementChange}>\n                {placementList.map((item) => (\n                    <Radio key={item.value} value={item.value} id={item.value}>\n                        {item.name}\n                    </Radio>\n                ))}\n            </Radio.Group>\n            <Button onClick={() => openDrawer()}>Open Drawer</Button>\n            <Drawer\n                title=\"Drawer Title\"\n                isOpen={isOpen}\n                placement={placement}\n                onClose={onDrawerClose}\n                onRequestClose={onDrawerClose}\n            >\n                Drawer Content\n            </Drawer>\n        </div>\n    )\n}\n\nexport default Placement\n"],"names":["placementList","Placement","isOpen","setIsOpen","useState","placement","setPlacement","openDrawer","onDrawerClose","onPlacementChange","val","jsxs","jsx","Radio","item","Button","Drawer"],"mappings":";;;;;;;AAQA,MAAMA,IAGA;AAAA,EACF,EAAE,MAAM,OAAO,OAAO,MAAA;AAAA,EACtB,EAAE,MAAM,SAAS,OAAO,QAAA;AAAA,EACxB,EAAE,MAAM,UAAU,OAAO,SAAA;AAAA,EACzB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAC3B,GAEMC,IAAY,MAAM;AACpB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAAWC,CAAY,IAAIF;AAAA,IAC9BJ,EAAc,CAAC,EAAE;AAAA,EAAA,GAGfO,IAAa,MAAM;AACrB,IAAAJ,EAAU,EAAI;AAAA,EAAA,GAGZK,IAAgB,CAAC,MAAkB;AACrC,YAAQ,IAAI,iBAAiB,CAAC,GAC9BL,EAAU,EAAK;AAAA,EAAA,GAGbM,IAAoB,CAACC,MAAmB;AAC1C,IAAAJ,EAAaI,CAAG;AAAA,EAAA;AAGpB,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,EAAM,OAAN,EAAY,OAAOR,GAAW,UAAUI,GACpC,UAAAT,EAAc,IAAI,CAACc,MAChB,gBAAAF,EAACC,KAAuB,OAAOC,EAAK,OAAO,IAAIA,EAAK,OAC/C,YAAK,KAAA,GADEA,EAAK,KAEjB,CACH,EAAA,CACL;AAAA,sBACCC,GAAA,EAAO,SAAS,MAAMR,KAAc,UAAA,eAAW;AAAA,IAChD,gBAAAK;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,QAAAd;AAAA,QACA,WAAAG;AAAA,QACA,SAASG;AAAA,QACT,gBAAgBA;AAAA,QACnB,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Drawer/WidthHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidthHeight.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Drawer/WidthHeight.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Drawer from '@/components/ui/Drawer'\n\nconst WidthHeight = () => {\n    const [verticalOpen, setVerticalOpen] = useState(false)\n    const [horizontalOpen, setHorizontalOpen] = useState(false)\n\n    const onVerticalOpen = () => {\n        setVerticalOpen(true)\n    }\n\n    const onHorizontalOpen = () => {\n        setHorizontalOpen(true)\n    }\n\n    const onDrawerClose = () => {\n        setVerticalOpen(false)\n        setHorizontalOpen(false)\n    }\n\n    return (\n        <div>\n            <Button className=\"mx-2\" onClick={() => onVerticalOpen()}>\n                Vertical Drawer\n            </Button>\n            <Button onClick={() => onHorizontalOpen()}>\n                Horizontal Drawer\n            </Button>\n            <Drawer\n                title=\"Vertical Drawer\"\n                isOpen={verticalOpen}\n                placement=\"right\"\n                width={600}\n                onClose={onDrawerClose}\n                onRequestClose={onDrawerClose}\n            >\n                Drawer Content\n            </Drawer>\n            <Drawer\n                title=\"Horizontal Drawer\"\n                isOpen={horizontalOpen}\n                placement=\"bottom\"\n                height={300}\n                onClose={onDrawerClose}\n                onRequestClose={onDrawerClose}\n            >\n                Drawer Content\n            </Drawer>\n        </div>\n    )\n}\n\nexport default WidthHeight\n"],"names":["WidthHeight","verticalOpen","setVerticalOpen","useState","horizontalOpen","setHorizontalOpen","onVerticalOpen","onHorizontalOpen","onDrawerClose","jsx","Button","Drawer"],"mappings":";;;;;;AAIA,MAAMA,IAAc,MAAM;AACtB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAChD,CAACC,GAAgBC,CAAiB,IAAIF,EAAS,EAAK,GAEpDG,IAAiB,MAAM;AACzB,IAAAJ,EAAgB,EAAI;AAAA,EAAA,GAGlBK,IAAmB,MAAM;AAC3B,IAAAF,EAAkB,EAAI;AAAA,EAAA,GAGpBG,IAAgB,MAAM;AACxB,IAAAN,EAAgB,EAAK,GACrBG,EAAkB,EAAK;AAAA,EAAA;AAG3B,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAI,EAACC,KAAO,WAAU,QAAO,SAAS,MAAMJ,EAAA,GAAkB,UAAA,mBAE1D;AAAA,sBACCI,GAAA,EAAO,SAAS,MAAMH,KAAoB,UAAA,qBAE3C;AAAA,IACA,gBAAAE;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,QAAQV;AAAA,QACR,WAAU;AAAA,QACV,OAAO;AAAA,QACP,SAASO;AAAA,QACT,gBAAgBA;AAAA,QACnB,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAC;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,QAAQP;AAAA,QACR,WAAU;AAAA,QACV,QAAQ;AAAA,QACR,SAASI;AAAA,QACT,gBAAgBA;AAAA,QACnB,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Drawer/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Placement from './Placement'\nimport WidthHeight from './WidthHeight'\nimport Footer from './Footer'\nimport CustomStyle from './CustomStyle'\nimport Closable from './Closable'\n\nconst mdPath = 'Drawer'\n\nconst demoHeader = {\n    title: 'Drawer',\n    desc: 'Drawer is a panel that slides out from the edge of the screen which containing supplementary content.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of Drawer`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Placement',\n        mdPath: mdPath,\n        title: 'Placement',\n        desc: `Set the <code>placement</code> prop to <code>'top'</code>, <code>'right'</code>, <code>'bottom'</code>, or <code>'left'</code> to arrange where the Drawer slide out from.`,\n        component: <Placement />,\n    },\n    {\n        mdName: 'WidthHeight',\n        mdPath: mdPath,\n        title: 'Width & Height',\n        desc: `We can adjust Drawer via with <code>height</code> & <code>width</code> prop.`,\n        component: <WidthHeight />,\n    },\n    {\n        mdName: 'Footer',\n        mdPath: mdPath,\n        title: 'Footer',\n        desc: `We can also have a footer under the Drawer.`,\n        component: <Footer />,\n    },\n    {\n        mdName: 'CustomStyle',\n        mdPath: mdPath,\n        title: 'Custom Style',\n        desc: `Drawer allow us to set extra class via <code>headerClass</code>, <code>bodyClass</code> & <code>footerClass</code>`,\n        component: <CustomStyle />,\n    },\n    {\n        mdName: 'Closable',\n        mdPath: mdPath,\n        title: 'Closable',\n        desc: `Set <code>closeable</code> to false will hide Drawer close icon.`,\n        component: <Closable />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Drawer',\n        api: [\n            {\n                propName: 'placement',\n                type: `<code>'top'</code> | <code>'right'</code> | <code>'bottom'</code> | <code>'left'</code> `,\n                default: `<code>'right'</code>`,\n                desc: `Drawer placement`,\n            },\n            {\n                propName: 'width',\n                type: `<code>string</code> | <code>number</code>`,\n                default: `<code>400</code>`,\n                desc: `Drawer width, (only available when placement is <code>'left'</code> or <code>'right'</code>`,\n            },\n            {\n                propName: 'height',\n                type: `<code>string</code> | <code>number</code>`,\n                default: `<code>400</code>`,\n                desc: `Drawer height, (only available when placement is <code>'top'</code> or <code>'bottom'</code>`,\n            },\n            {\n                propName: 'title',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: `Title of Drawer`,\n            },\n            {\n                propName: 'footer',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: `Footer of Drawer`,\n            },\n            {\n                propName: 'headerClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: `Extra class for Drawer header (<code>!</code> modifier recommended for tailwind css overiding)`,\n            },\n            {\n                propName: 'bodyClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: `Extra class for Drawer body (<code>!</code> modifier recommended for tailwind css overiding)`,\n            },\n            {\n                propName: 'footerClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: `Extra class for Drawer footer (<code>!</code> modifier recommended for tailwind css overiding)`,\n            },\n            {\n                propName: 'showBackdrop',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether the display Drawer backdrop',\n            },\n            {\n                propName: 'lockScroll',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to disable window scrolling when Drawer is open',\n            },\n            {\n                propName: 'isOpen',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to display Drawer',\n            },\n            {\n                propName: 'style',\n                type: `<code>object: { content: object, overlay: object }</code>`,\n                default: `-`,\n                desc: 'Style for Drawer & backdrop',\n            },\n            {\n                propName: 'portalClassName',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class name that append to Drawer portal',\n            },\n            {\n                propName: 'bodyOpenClassName',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class name that append to body while Drawer is open',\n            },\n            {\n                propName: 'htmlOpenClassName',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class name that append to html while Drawer is open',\n            },\n            {\n                propName: 'overlayClassName',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class name for Drawer backdrop',\n            },\n            {\n                propName: 'appElement',\n                type: `<code>SafeHTMLElement</code> | <code>SafeHTMLCollection</code> | <code>SafeNodeList</code> | <code>SafeHTMLElement[]</code>`,\n                default: `-`,\n                desc: 'Setting external node to Drawer content',\n            },\n            {\n                propName: 'onAfterOpen',\n                type: `<code>(overlayElement: HTMLElement, contentElement: HTMLElement) => void</code>`,\n                default: `-`,\n                desc: 'Callback function after Drawer open',\n            },\n            {\n                propName: 'closable',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether show Drawer close icon',\n            },\n            {\n                propName: 'onClose',\n                type: `<code>(event: Event) => void</code>`,\n                default: `-`,\n                desc: 'Callback function after click on Drawer close icon',\n            },\n            {\n                propName: 'onRequestClose',\n                type: `<code>(event: Event) => void</code>`,\n                default: `-`,\n                desc: 'Callback function after Drawer close',\n            },\n            {\n                propName: 'closeTimeoutMS',\n                type: `<code>(event: Event) => void</code>`,\n                default: `<code>300</code>`,\n                desc: 'Timeout speed during Drawer close',\n            },\n            {\n                propName: 'shouldFocusAfterRender',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Boolean indicating if the Drawer should be focused after render',\n            },\n            {\n                propName: 'shouldReturnFocusAfterClose',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Boolean indicating if the Drawer should restore focus to the element that had focus prior to its display',\n            },\n            {\n                propName: 'preventScroll',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Boolean indicating if the Drawer should use the preventScroll flag when restoring focus to the element that had focus prior to its display',\n            },\n            {\n                propName: 'shouldCloseOnOverlayClick',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to close Drawer when the backdrop is clicked',\n            },\n            {\n                propName: 'shouldCloseOnEsc',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to close Drawer when esc key pressed',\n            },\n            {\n                propName: 'parentSelector',\n                type: `<code>() => document.body</code>`,\n                default: `<code>() => document.body</code>`,\n                desc: 'Function that will be called to get the parent element that the Drawer will be attached to',\n            },\n            {\n                propName: 'overlayRef',\n                type: `<code>(node: Node) => void</code>`,\n                default: `-`,\n                desc: 'Drawer backdrop ref',\n            },\n            {\n                propName: 'contentRef',\n                type: `<code>(node: Node) => void</code>`,\n                default: `-`,\n                desc: 'Drawer content ref',\n            },\n        ],\n    },\n]\n\nconst Drawer = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Drawer\n"],"names":["mdPath","demoHeader","demos","Basic","Placement","WidthHeight","Footer","CustomStyle","Closable","demoApi","Drawer","DemoLayout"],"mappings":"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"}

package/dist/@ecme/views/ui-components/feedback/Progress/Circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Circle.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Progress/Circle.tsx"],"sourcesContent":["import Progress from '@/components/ui/Progress'\n\nconst Circle = () => {\n    return (\n        <div className=\"md:inline-flex items-center\">\n            <Progress\n                className=\"md:mb-0 md:mr-4 mb-4\"\n                variant=\"circle\"\n                percent={40}\n            />\n            <Progress\n                variant=\"circle\"\n                percent={70}\n                gapDegree={70}\n                gapPosition=\"bottom\"\n            />\n        </div>\n    )\n}\n\nexport default Circle\n"],"names":["Circle","jsxs","jsx","Progress"],"mappings":";;;AAEA,MAAMA,IAAS,MAEP,gBAAAC,EAAC,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,EAAA;AAAA,EAEb,gBAAAD;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAAQ;AAAA,MACR,SAAS;AAAA,MACT,WAAW;AAAA,MACX,aAAY;AAAA,IAAA;AAAA,EAAA;AAChB,GACJ;"}

package/dist/@ecme/views/ui-components/feedback/Progress/Colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Colors.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Progress/Colors.tsx"],"sourcesContent":["import Progress from '@/components/ui/Progress'\n\nconst Colors = () => {\n    return (\n        <div>\n            <Progress\n                customColorClass=\"bg-red-500\"\n                percent={20}\n                className=\"mb-4\"\n            />\n            <Progress\n                customColorClass=\"bg-green-500\"\n                percent={30}\n                className=\"mb-4\"\n            />\n        </div>\n    )\n}\n\nexport default Colors\n"],"names":["Colors","jsx","Progress"],"mappings":";;;AAEA,MAAMA,IAAS,wBAEN,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,kBAAiB;AAAA,MACjB,SAAS;AAAA,MACT,WAAU;AAAA,IAAA;AAAA,EAAA;AAAA,EAEd,gBAAAD;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,kBAAiB;AAAA,MACjB,SAAS;AAAA,MACT,WAAU;AAAA,IAAA;AAAA,EAAA;AACd,GACJ;"}

package/dist/@ecme/views/ui-components/feedback/Progress/CustomInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomInfo.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Progress/CustomInfo.tsx"],"sourcesContent":["import Progress from '@/components/ui/Progress'\nimport { HiXCircle, HiCheckCircle } from 'react-icons/hi'\n\nconst CircleCustomInfo = ({ percent }: { percent: number }) => {\n    return (\n        <div className=\"text-center\">\n            <h3>{percent}%</h3>\n            <span>completion</span>\n        </div>\n    )\n}\n\nconst CustomInfo = () => {\n    return (\n        <div className=\"md:flex items-center\">\n            <div style={{ minWidth: '50%' }} className=\"md:mb-0 mb-4 mx-6\">\n                <Progress\n                    customColorClass=\"bg-red-500\"\n                    percent={60}\n                    className=\"mb-4\"\n                    customInfo={<HiXCircle className=\"text-red-500 text-xl\" />}\n                />\n                <Progress\n                    customColorClass=\"bg-green-500\"\n                    percent={100}\n                    customInfo={\n                        <HiCheckCircle className=\"text-emerald-500 text-xl\" />\n                    }\n                />\n            </div>\n            <Progress\n                variant=\"circle\"\n                percent={40}\n                width={150}\n                customInfo={<CircleCustomInfo percent={40} />}\n            />\n        </div>\n    )\n}\n\nexport default CustomInfo\n"],"names":["CircleCustomInfo","percent","jsxs","jsx","CustomInfo","Progress","HiXCircle","HiCheckCircle"],"mappings":";;;;AAGA,MAAMA,IAAmB,CAAC,EAAE,SAAAC,QAEpB,gBAAAC,EAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,EAAA,gBAAAA,EAAC,MAAA,EAAI,UAAA;AAAA,IAAAD;AAAA,IAAQ;AAAA,EAAA,GAAC;AAAA,EACd,gBAAAE,EAAC,UAAK,UAAA,aAAA,CAAU;AAAA,GACpB,GAIFC,IAAa,MAEX,gBAAAF,EAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,EAAA,gBAAAA,EAAC,SAAI,OAAO,EAAE,UAAU,SAAS,WAAU,qBACvC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,kBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,WAAU;AAAA,QACV,YAAY,gBAAAF,EAACG,GAAA,EAAU,WAAU,uBAAA,CAAuB;AAAA,MAAA;AAAA,IAAA;AAAA,IAE5D,gBAAAH;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,kBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,YACI,gBAAAF,EAACI,GAAA,EAAc,WAAU,2BAAA,CAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,EAE5D,GACJ;AAAA,EACA,gBAAAJ;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,SAAQ;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA,MACP,YAAY,gBAAAF,EAACH,GAAA,EAAiB,SAAS,GAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AAC/C,GACJ;"}

package/dist/@ecme/views/ui-components/feedback/Progress/Dynamic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dynamic.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Progress/Dynamic.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport Progress from '@/components/ui/Progress'\nimport Button from '@/components/ui/Button'\nimport InputGroup from '@/components/ui/InputGroup'\nimport { HiPlus, HiMinus } from 'react-icons/hi'\n\nconst Dynamic = () => {\n    const [percentage, setPercentage] = useState(20)\n\n    const onIncrease = useCallback(() => {\n        let value = percentage + 10\n        if (value > 100) {\n            value = 100\n        }\n        setPercentage(value)\n    }, [percentage])\n\n    const onDecrease = useCallback(() => {\n        let value = percentage - 10\n        if (value < 0) {\n            value = 0\n        }\n        setPercentage(value)\n    }, [percentage])\n\n    return (\n        <div>\n            <InputGroup size=\"sm\">\n                <Button icon={<HiMinus />} onClick={onDecrease} />\n                <Button icon={<HiPlus />} onClick={onIncrease} />\n            </InputGroup>\n            <div className=\"mt-4 flex items-center\">\n                <Progress className=\"mx-0 md:mx-4\" percent={percentage} />\n                <Progress variant=\"circle\" percent={percentage} />\n            </div>\n        </div>\n    )\n}\n\nexport default Dynamic\n"],"names":["Dynamic","percentage","setPercentage","useState","onIncrease","useCallback","value","onDecrease","jsxs","InputGroup","jsx","Button","HiMinus","HiPlus","Progress"],"mappings":";;;;;;;;AAMA,MAAMA,IAAU,MAAM;AAClB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAE,GAEzCC,IAAaC,EAAY,MAAM;AACjC,QAAIC,IAAQL,IAAa;AACzB,IAAIK,IAAQ,QACRA,IAAQ,MAEZJ,EAAcI,CAAK;AAAA,EAAA,GACpB,CAACL,CAAU,CAAC,GAETM,IAAaF,EAAY,MAAM;AACjC,QAAIC,IAAQL,IAAa;AACzB,IAAIK,IAAQ,MACRA,IAAQ,IAEZJ,EAAcI,CAAK;AAAA,EAAA,GACpB,CAACL,CAAU,CAAC;AAEf,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAO,EAACC,GAAA,EAAW,MAAK,MACb,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAO,MAAM,gBAAAD,EAACE,GAAA,EAAQ,GAAI,SAASL,GAAY;AAAA,wBAC/CI,GAAA,EAAO,wBAAOE,GAAA,CAAA,CAAO,GAAI,SAAST,EAAA,CAAY;AAAA,IAAA,GACnD;AAAA,IACA,gBAAAI,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,MAAA,gBAAAE,EAACI,GAAA,EAAS,WAAU,gBAAe,SAASb,GAAY;AAAA,MACxD,gBAAAS,EAACI,GAAA,EAAS,SAAQ,UAAS,SAASb,EAAA,CAAY;AAAA,IAAA,EAAA,CACpD;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Progress/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Progress/ProgressBar.tsx"],"sourcesContent":["import Progress from '@/components/ui/Progress'\n\nconst ProgressBar = () => {\n    return (\n        <div>\n            <Progress percent={30} />\n        </div>\n    )\n}\n\nexport default ProgressBar\n"],"names":["ProgressBar","jsx","Progress"],"mappings":";;;AAEA,MAAMA,IAAc,wBAEX,OAAA,EACG,UAAA,gBAAAC,EAACC,GAAA,EAAS,SAAS,IAAI,GAC3B;"}

package/dist/@ecme/views/ui-components/feedback/Progress/Size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Size.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Progress/Size.tsx"],"sourcesContent":["import Progress from '@/components/ui/Progress'\n\nconst Size = () => {\n    return (\n        <div className=\"flex items-center\">\n            <Progress className=\"mx-6\" size=\"sm\" percent={60} />\n            <Progress variant=\"circle\" percent={40} width={80} />\n        </div>\n    )\n}\n\nexport default Size\n"],"names":["Size","jsxs","jsx","Progress"],"mappings":";;;AAEA,MAAMA,IAAO,MAEL,gBAAAC,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAS,WAAU,QAAO,MAAK,MAAK,SAAS,IAAI;AAAA,oBACjDA,GAAA,EAAS,SAAQ,UAAS,SAAS,IAAI,OAAO,GAAA,CAAI;AAAA,GACvD;"}

package/dist/@ecme/views/ui-components/feedback/Progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Progress/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport ProgressBar from './ProgressBar'\nimport Colors from './Colors'\nimport Size from './Size'\nimport Circle from './Circle'\nimport CustomInfo from './CustomInfo'\nimport Dynamic from './Dynamic'\n\nconst mdPath = 'Progress'\n\nconst demoHeader = {\n    title: 'Progress',\n    desc: 'A Progress loader show the progression of an operation flow in visual way.',\n}\n\nconst demos = [\n    {\n        mdName: 'ProgressBar',\n        mdPath: mdPath,\n        title: 'Progress Bar',\n        desc: `Progress in progress bar was controlled by <code>percent</code> prop.`,\n        component: <ProgressBar />,\n    },\n    {\n        mdName: 'Circle',\n        mdPath: mdPath,\n        title: 'Circle',\n        desc: `Alternatively, we can display the Progress in circle by setting <code>variant</code> to 'circle'`,\n        component: <Circle />,\n    },\n    {\n        mdName: 'Colors',\n        mdPath: mdPath,\n        title: 'Colors',\n        desc: `We can apply custom color to the progress bar, available colors option based on tailwind <code>theme.colors</code>.`,\n        component: <Colors />,\n    },\n    {\n        mdName: 'Size',\n        mdPath: mdPath,\n        title: 'Size',\n        desc: `Adjusting progress size via <code>size</code> prop for line progress or <code>width</code> prop for circle progress.`,\n        component: <Size />,\n    },\n    {\n        mdName: 'CustomInfo',\n        mdPath: mdPath,\n        title: 'CustomInfo',\n        desc: `We can insert any custom content via <code>customInfo/code>.`,\n        component: <CustomInfo />,\n    },\n    {\n        mdName: 'Dynamic',\n        mdPath: mdPath,\n        title: 'Dynamic',\n        desc: `Example of dynamic progress.`,\n        component: <Dynamic />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Progress',\n        api: [\n            {\n                propName: 'color',\n                type: `<code>string</code>`,\n                default: 'current theme color',\n                desc: 'Custom color for Progress, available colors option based on tailwind <code>theme.colors</code>',\n            },\n            {\n                propName: 'customInfo',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: '-',\n                desc: 'Custom content',\n            },\n            {\n                propName: 'gapDegree',\n                type: `<code>number</code>`,\n                default: '<code>0</code>',\n                desc: 'The gap degree of circle progress (only applicable when variant=\"circle\")',\n            },\n            {\n                propName: 'gapPosition',\n                type: `<code>'top'</code> | <code>'right'</code> | <code>'bottom'</code> | <code>'left'</code> `,\n                default: `<code>'top'</code>`,\n                desc: 'Gap postion of circle progress (only applicable when variant=\"circle\")',\n            },\n            {\n                propName: 'percent',\n                type: `<code>number</code>`,\n                default: '<code>0</code>',\n                desc: 'The current value of progress',\n            },\n            {\n                propName: 'showInfo',\n                type: `<code>boolean</code>`,\n                default: '<code>true</code>',\n                desc: 'Whether to display progress info',\n            },\n            {\n                propName: 'size',\n                type: `<code>'sm'</code> | <code>'md'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Size of progress bar (only applicable when variant=\"line\")',\n            },\n            {\n                propName: 'strokeLinecap',\n                type: `<code>'round'</code> | <code>'square'</code>`,\n                default: `<code>'round'</code>`,\n                desc: 'Style of the progress linecap (only applicable when variant=\"circle\")',\n            },\n            {\n                propName: 'strokeWidth',\n                type: `<code>number</code>`,\n                default: `<code>6</code>`,\n                desc: 'Width of the circular progress (only applicable when variant=\"circle\")',\n            },\n            {\n                propName: 'trailClass',\n                type: `<code>string</code>`,\n                default: `<code>-</code>`,\n                desc: 'Css class for progress trail',\n            },\n            {\n                propName: 'variant',\n                type: `<code>'line'</code> | <code>'circle'</code>`,\n                default: `<code>'line'</code>`,\n                desc: 'Progress variants',\n            },\n            {\n                propName: 'width',\n                type: `<code>number</code> | <code>string</code>`,\n                default: `<code>'line'</code>`,\n                desc: 'Determine the size of circular progress (only applicable when variant=\"circle\")',\n            },\n        ],\n    },\n]\n\nconst Progress = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Progress\n"],"names":["mdPath","demoHeader","demos","ProgressBar","Circle","Colors","Size","CustomInfo","Dynamic","demoApi","Progress","DemoLayout"],"mappings":";;;;;;;;AAUA,MAAMA,IAAS,YAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAY;AAAA,EAAA;AAAA,EAE5B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAO;AAAA,EAAA;AAAA,EAEvB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAO;AAAA,EAAA;AAAA,EAEvB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAK;AAAA,EAAA;AAAA,EAErB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAA,CAAA,CAAW;AAAA,EAAA;AAAA,EAE3B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAW,wBACLC,GAAA,EAAW,QAAQV,GAAY,OAAAC,GAAc,KAAKO,GAAS;"}

package/dist/@ecme/views/ui-components/feedback/Skeleton/Animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Animation.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Skeleton/Animation.tsx"],"sourcesContent":["import Skeleton from '@/components/ui/Skeleton'\n\nconst Animation = () => {\n    return <Skeleton animation={false} />\n}\n\nexport default Animation\n"],"names":["Animation","jsx","Skeleton"],"mappings":";;;AAEA,MAAMA,IAAY,MACP,gBAAAC,EAACC,GAAA,EAAS,WAAW,GAAA,CAAO;"}

package/dist/@ecme/views/ui-components/feedback/Skeleton/Size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Size.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Skeleton/Size.tsx"],"sourcesContent":["import Skeleton from '@/components/ui/Skeleton'\n\nconst Size = () => {\n    return (\n        <div className=\"flex flex-col gap-4\" style={{ maxWidth: 300 }}>\n            <Skeleton height={150} />\n            <div className=\"flex flex-auto items-center gap-2\">\n                <div>\n                    <Skeleton variant=\"circle\" height={35} width={35} />\n                </div>\n                <div className=\"flex flex-col gap-4 w-full\">\n                    <Skeleton height={10} />\n                    <Skeleton height={10} width=\"60%\" />\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default Size\n"],"names":["Size","jsxs","jsx","Skeleton"],"mappings":";;;AAEA,MAAMA,IAAO,MAEL,gBAAAC,EAAC,SAAI,WAAU,uBAAsB,OAAO,EAAE,UAAU,OACpD,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAS,QAAQ,IAAA,CAAK;AAAA,EACvB,gBAAAF,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EACG,4BAACC,GAAA,EAAS,SAAQ,UAAS,QAAQ,IAAI,OAAO,GAAA,CAAI,EAAA,CACtD;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,8BACX,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAS,QAAQ,GAAA,CAAI;AAAA,MACtB,gBAAAD,EAACC,GAAA,EAAS,QAAQ,IAAI,OAAM,MAAA,CAAM;AAAA,IAAA,EAAA,CACtC;AAAA,EAAA,EAAA,CACJ;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/feedback/Skeleton/Variant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Variant.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Skeleton/Variant.tsx"],"sourcesContent":["import Skeleton from '@/components/ui/Skeleton'\n\nconst Variant = () => {\n    return (\n        <div className=\"flex items-center gap-4\">\n            <div>\n                <Skeleton variant=\"circle\" />\n            </div>\n            <Skeleton />\n        </div>\n    )\n}\n\nexport default Variant\n"],"names":["Variant","jsxs","jsx","Skeleton"],"mappings":";;;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAS,SAAQ,UAAS,GAC/B;AAAA,oBACCA,GAAA,CAAA,CAAS;AAAA,GACd;"}

package/dist/@ecme/views/ui-components/feedback/Skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Skeleton/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Variant from './Variant'\nimport Size from './Size'\nimport Animation from './Animation'\n\nconst mdPath = 'Skeleton'\n\nconst demoHeader = {\n    title: 'Skeleton',\n    desc: 'Display a placeholder preview of component before the data gets loaded, it can help to the user aware and that the data is processing.',\n}\n\nconst demos = [\n    {\n        mdName: 'Variant',\n        mdPath: mdPath,\n        title: 'Variant',\n        desc: `The skeleton has two variations in appearance, combining multiple skeletons to make a component holder.`,\n        component: <Variant />,\n    },\n    {\n        mdName: 'Size',\n        mdPath: mdPath,\n        title: 'Size',\n        desc: `Sizes of Skeleton can be customize with <code>width</code> & <code>height</code> props.`,\n        component: <Size />,\n    },\n    {\n        mdName: 'Animation',\n        mdPath: mdPath,\n        title: 'Animation',\n        desc: `Animation can be disabled by setting <code>animation</code> to <code>false</code>.`,\n        component: <Animation />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Skeleton',\n        api: [\n            {\n                propName: 'animation',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to active animation',\n            },\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'span'</code>`,\n                desc: 'Render element',\n            },\n            {\n                propName: 'height',\n                type: `<code>string</code> | <code>number</code>`,\n                default: `-`,\n                desc: 'Height of Skeleton',\n            },\n            {\n                propName: 'variant',\n                type: `<code>'block'</code>  | <code>'circle'</code>`,\n                default: `<code>'block'</code>`,\n                desc: 'Appearance of Skeleton',\n            },\n            {\n                propName: 'width',\n                type: `<code>string</code> | <code>number</code>`,\n                default: `-`,\n                desc: 'Width of Skeleton',\n            },\n        ],\n    },\n]\n\nconst Skeleton = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Skeleton\n"],"names":["mdPath","demoHeader","demos","Variant","Size","Animation","demoApi","Skeleton","DemoLayout"],"mappings":";;;;;AAOA,MAAMA,IAAS,YAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAAA,EAExB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAK;AAAA,EAAA;AAAA,EAErB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAU;AAAA,EAAA;AAE9B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAW,wBACLC,GAAA,EAAW,QAAQP,GAAY,OAAAC,GAAc,KAAKI,GAAS;"}

package/dist/@ecme/views/ui-components/feedback/Spinner/Basic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Spinner/Basic.tsx"],"sourcesContent":["import Spinner from '@/components/ui/Spinner'\n\nconst Basic = () => {\n    return (\n        <div>\n            <Spinner />\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Spinner"],"mappings":";;;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,CAAA,CAAQ,GACb;"}

package/dist/@ecme/views/ui-components/feedback/Spinner/Color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Spinner/Color.tsx"],"sourcesContent":["import Spinner from '@/components/ui/Spinner'\n\nconst Color = () => {\n    return (\n        <div className=\"flex items-center\">\n            <Spinner className=\"mr-4 text-yellow-500\" size=\"40px\" />\n            <Spinner className=\"mr-4 text-green-500\" size=\"40px\" />\n        </div>\n    )\n}\n\nexport default Color\n"],"names":["Color","jsxs","jsx","Spinner"],"mappings":";;;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAQ,WAAU,wBAAuB,MAAK,QAAO;AAAA,EACtD,gBAAAD,EAACC,GAAA,EAAQ,WAAU,uBAAsB,MAAK,OAAA,CAAO;AAAA,GACzD;"}

package/dist/@ecme/views/ui-components/feedback/Spinner/CustomIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomIndicator.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Spinner/CustomIndicator.tsx"],"sourcesContent":["import Spinner from '@/components/ui/Spinner'\nimport { ImSpinner9 } from 'react-icons/im'\n\nconst CustomIndicator = () => {\n    return (\n        <div>\n            <Spinner size={40} indicator={ImSpinner9} />\n        </div>\n    )\n}\n\nexport default CustomIndicator\n"],"names":["CustomIndicator","jsx","Spinner","ImSpinner9"],"mappings":";;;;AAGA,MAAMA,IAAkB,MAEhB,gBAAAC,EAAC,SACG,UAAA,gBAAAA,EAACC,GAAA,EAAQ,MAAM,IAAI,WAAWC,GAAY,EAAA,CAC9C;"}

package/dist/@ecme/views/ui-components/feedback/Spinner/Size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Size.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Spinner/Size.tsx"],"sourcesContent":["import Spinner from '@/components/ui/Spinner'\n\nexport const Size = () => {\n    return (\n        <div className=\"flex items-center\">\n            <Spinner className=\"mr-4\" size={30} />\n            <Spinner className=\"mr-4\" size=\"40px\" />\n            <Spinner size=\"3.25rem\" />\n        </div>\n    )\n}\n\nexport default Size\n"],"names":["Size","jsxs","jsx","Spinner"],"mappings":";;;AAEO,MAAMA,IAAO,MAEZ,gBAAAC,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAQ,WAAU,QAAO,MAAM,IAAI;AAAA,EACpC,gBAAAD,EAACC,GAAA,EAAQ,WAAU,QAAO,MAAK,QAAO;AAAA,EACtC,gBAAAD,EAACC,GAAA,EAAQ,MAAK,UAAA,CAAU;AAAA,GAC5B;"}

package/dist/@ecme/views/ui-components/feedback/Spinner/Static.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Static.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Spinner/Static.tsx"],"sourcesContent":["import Spinner from '@/components/ui/Spinner'\n\nconst Static = () => {\n    return (\n        <div>\n            <Spinner isSpining={false} size=\"40px\" />\n        </div>\n    )\n}\n\nexport default Static\n"],"names":["Static","jsx","Spinner"],"mappings":";;;AAEA,MAAMA,IAAS,MAEP,gBAAAC,EAAC,SACG,UAAA,gBAAAA,EAACC,GAAA,EAAQ,WAAW,IAAO,MAAK,QAAO,EAAA,CAC3C;"}

package/dist/@ecme/views/ui-components/feedback/Spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Spinner/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Size from './Size'\nimport Color from './Color'\nimport CustomIndicator from './CustomIndicator'\nimport Static from './Static'\n\nconst mdPath = 'Spinner'\n\nconst demoHeader = {\n    title: 'Spinner',\n    desc: 'Spinner indicate the loading state of a component or page, it can help to the user aware and that the data is processing.',\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: 'Size',\n        mdPath: mdPath,\n        title: 'Size',\n        desc: `We can configure the Spinner size on <code>size</code> prop. `,\n        component: <Size />,\n    },\n    {\n        mdName: 'Color',\n        mdPath: mdPath,\n        title: 'Color',\n        desc: `Using text color css able to override the spinner color`,\n        component: <Color />,\n    },\n    {\n        mdName: 'CustomIndicator',\n        mdPath: mdPath,\n        title: 'Custom Indicator',\n        desc: `If you don't fancy the default spinner, you can replace it with your own spinner instead.`,\n        component: <CustomIndicator />,\n    },\n    {\n        mdName: 'Static',\n        mdPath: mdPath,\n        title: 'Static',\n        desc: `Stop the spining animation by setting <code>isSpining</code> to false.`,\n        component: <Static />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Spinner',\n        api: [\n            {\n                propName: 'color',\n                type: `<code>string</code>`,\n                default: 'current theme color',\n                desc: 'Custom color for Spinner, available colors option based on tailwind <code>theme.colors</code>',\n            },\n            {\n                propName: 'enableTheme',\n                type: `<code>boolean</code>`,\n                default: '<code>true</code>',\n                desc: 'Wheter the Spinner inherit theme color',\n            },\n            {\n                propName: 'indicator',\n                type: `<code>ReactNode</code>`,\n                default: '<code>CgSpinner</code>',\n                desc: 'Spinner indicator',\n            },\n            {\n                propName: 'isSpining',\n                type: `<code>boolean</code>`,\n                default: '<code>true</code>',\n                desc: 'Wheter the Spinner is spinning',\n            },\n            {\n                propName: 'size',\n                type: `<code>string</code> | <code>number</code>`,\n                default: '<code>20</code>',\n                desc: 'Size of Spinner',\n            },\n        ],\n    },\n]\n\nconst Spinner = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Spinner\n"],"names":["mdPath","demoHeader","demos","Basic","Size","Color","CustomIndicator","Static","demoApi","Spinner","DemoLayout"],"mappings":";;;;;;;AASA,MAAMA,IAAS,WAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAK;AAAA,EAAA;AAAA,EAErB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAgB;AAAA,EAAA;AAAA,EAEhC;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAA,CAAA,CAAO;AAAA,EAAA;AAE3B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAU,wBACJC,GAAA,EAAW,QAAQT,GAAY,OAAAC,GAAc,KAAKM,GAAS;"}

package/dist/@ecme/views/ui-components/feedback/Toast/AlertToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertToast.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/AlertToast.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\nimport toast from '@/components/ui/toast'\nimport Button from '@/components/ui/Button'\n\nconst AlertToast = () => {\n    function blockAlert() {\n        toast.push(\n            <Alert\n                showIcon\n                closable\n                type=\"success\"\n                className=\"dark:bg-gray-700\"\n            >\n                Success\n            </Alert>,\n            {\n                offsetX: 0,\n                offsetY: 0,\n                transitionType: 'fade',\n                block: true,\n            },\n        )\n    }\n\n    return (\n        <div>\n            <Button className=\"mr-2\" onClick={blockAlert}>\n                Show Alert\n            </Button>\n        </div>\n    )\n}\n\nexport default AlertToast\n"],"names":["AlertToast","blockAlert","toast","jsx","Alert","Button"],"mappings":";;;;;;;AAIA,MAAMA,IAAa,MAAM;AACrB,WAASC,IAAa;AAClB,IAAAC,EAAM;AAAA,MACF,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,UAAQ;AAAA,UACR,UAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAU;AAAA,UACb,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD;AAAA,QACI,SAAS;AAAA,QACT,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,EACJ;AAGJ,SACI,gBAAAD,EAAC,SACG,UAAA,gBAAAA,EAACE,GAAA,EAAO,WAAU,QAAO,SAASJ,GAAY,UAAA,aAAA,CAE9C,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Toast/Closable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Closable.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/Closable.tsx"],"sourcesContent":["import toast from '@/components/ui/toast'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\n\nconst Closable = () => {\n    const toastNotification = (\n        <Notification closable title=\"Mesasge\">\n            The fat cat sat on the mat bat away with paws annoy owner.\n        </Notification>\n    )\n\n    function openNotification() {\n        toast.push(toastNotification)\n    }\n\n    return (\n        <div>\n            <Button onClick={openNotification}>Show toast</Button>\n        </div>\n    )\n}\n\nexport default Closable\n"],"names":["Closable","toastNotification","jsx","Notification","openNotification","toast","Button"],"mappings":";;;;;;;AAIA,MAAMA,IAAW,MAAM;AACnB,QAAMC,IACF,gBAAAC,EAACC,GAAA,EAAa,UAAQ,IAAC,OAAM,WAAU,UAAA,8DAEvC;AAGJ,WAASC,IAAmB;AACxB,IAAAC,EAAM,KAAKJ,CAAiB;AAAA,EAAA;AAGhC,2BACK,OAAA,EACG,UAAA,gBAAAC,EAACI,KAAO,SAASF,GAAkB,wBAAU,EAAA,CACjD;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Toast/CustomClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomClose.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/CustomClose.tsx"],"sourcesContent":["import toast from '@/components/ui/toast'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\n\nconst CustomClose = () => {\n    function closeNotification(key: string | Promise<string>) {\n        if (typeof key !== 'string') {\n            key.then((resolvedValue) => {\n                toast.remove(resolvedValue)\n            })\n        } else {\n            toast.remove(key)\n        }\n    }\n\n    function openNotification() {\n        const notificationKey = toast.push(\n            <Notification title=\"Mesasge\" duration={0}>\n                <div>\n                    The fat cat sat on the mat bat away with paws annoy owner.\n                </div>\n                <div className=\"text-right mt-3\">\n                    <Button\n                        size=\"sm\"\n                        variant=\"solid\"\n                        className=\"mr-2\"\n                        onClick={() =>\n                            closeNotification(\n                                notificationKey as string | Promise<string>,\n                            )\n                        }\n                    >\n                        Confirm\n                    </Button>\n                    <Button\n                        size=\"sm\"\n                        onClick={() =>\n                            closeNotification(\n                                notificationKey as string | Promise<string>,\n                            )\n                        }\n                    >\n                        Close\n                    </Button>\n                </div>\n            </Notification>,\n        )\n    }\n\n    return <Button onClick={openNotification}>Show toast</Button>\n}\n\nexport default CustomClose\n"],"names":["CustomClose","closeNotification","key","resolvedValue","toast","openNotification","notificationKey","jsxs","Notification","jsx","Button"],"mappings":";;;;;;;AAIA,MAAMA,IAAc,MAAM;AACtB,WAASC,EAAkBC,GAA+B;AACtD,IAAI,OAAOA,KAAQ,WACfA,EAAI,KAAK,CAACC,MAAkB;AACxB,MAAAC,EAAM,OAAOD,CAAa;AAAA,IAAA,CAC7B,IAEDC,EAAM,OAAOF,CAAG;AAAA,EACpB;AAGJ,WAASG,IAAmB;AACxB,UAAMC,IAAkBF,EAAM;AAAA,MAC1B,gBAAAG,EAACC,GAAA,EAAa,OAAM,WAAU,UAAU,GACpC,UAAA;AAAA,QAAA,gBAAAC,EAAC,SAAI,UAAA,6DAAA,CAEL;AAAA,QACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,SAAS,MACLT;AAAA,gBACIK;AAAA,cAAA;AAAA,cAGX,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGD,gBAAAG;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,SAAS,MACLT;AAAA,gBACIK;AAAA,cAAA;AAAA,cAGX,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAED,EAAA,CACJ;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,EACJ;AAGJ,SAAO,gBAAAG,EAACC,GAAA,EAAO,SAASL,GAAkB,UAAA,cAAU;AACxD;"}

package/dist/@ecme/views/ui-components/feedback/Toast/CustomIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomIcon.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/CustomIcon.tsx"],"sourcesContent":["import toast from '@/components/ui/toast'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport Avatar from '@/components/ui/Avatar'\nimport { HiOutlineGift } from 'react-icons/hi'\n\nconst CustomIcon = () => {\n    const notificationWithIcon = (\n        <Notification\n            title=\"You received a Gift!\"\n            customIcon={<HiOutlineGift className=\"text-2xl text-indigo-600\" />}\n        >\n            Something you may like.\n        </Notification>\n    )\n\n    const notificationWithAvatar = (\n        <Notification\n            title=\"Emily Gale\"\n            customIcon={\n                <Avatar shape=\"circle\" src=\"/img/avatars/thumb-1.jpg\" />\n            }\n        >\n            Sent you a friend request.\n        </Notification>\n    )\n\n    function openNotification(type: string) {\n        toast.push(\n            type === 'icon' ? notificationWithIcon : notificationWithAvatar,\n        )\n    }\n\n    return (\n        <div>\n            <Button className=\"mr-2\" onClick={() => openNotification('icon')}>\n                Custom icon\n            </Button>\n            <Button onClick={() => openNotification('avatar')}>Avatar</Button>\n        </div>\n    )\n}\n\nexport default CustomIcon\n"],"names":["CustomIcon","notificationWithIcon","jsx","Notification","HiOutlineGift","notificationWithAvatar","Avatar","openNotification","type","toast","Button"],"mappings":";;;;;;;;;AAMA,MAAMA,IAAa,MAAM;AACrB,QAAMC,IACF,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,YAAY,gBAAAD,EAACE,GAAA,EAAc,WAAU,2BAAA,CAA2B;AAAA,MACnE,UAAA;AAAA,IAAA;AAAA,EAAA,GAKCC,IACF,gBAAAH;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,YACI,gBAAAD,EAACI,GAAA,EAAO,OAAM,UAAS,KAAI,4BAA2B;AAAA,MAE7D,UAAA;AAAA,IAAA;AAAA,EAAA;AAKL,WAASC,EAAiBC,GAAc;AACpC,IAAAC,EAAM;AAAA,MACFD,MAAS,SAASP,IAAuBI;AAAA,IAAA;AAAA,EAC7C;AAGJ,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAH,EAACQ,GAAA,EAAO,WAAU,QAAO,SAAS,MAAMH,EAAiB,MAAM,GAAG,UAAA,cAAA,CAElE;AAAA,sBACCG,GAAA,EAAO,SAAS,MAAMH,EAAiB,QAAQ,GAAG,UAAA,SAAA,CAAM;AAAA,EAAA,GAC7D;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Toast/Duration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Duration.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/Duration.tsx"],"sourcesContent":["import toast from '@/components/ui/toast'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\n\nconst Duration = () => {\n    function notificationNeverClose() {\n        toast.push(\n            <Notification closable type=\"success\" duration={0}>\n                Success\n            </Notification>,\n        )\n    }\n\n    function closeAfter2000ms() {\n        toast.push(\n            <Notification closable type=\"success\" duration={2000}>\n                Success\n            </Notification>,\n        )\n    }\n\n    return (\n        <div>\n            <Button className=\"mr-2\" onClick={notificationNeverClose}>\n                Persist\n            </Button>\n            <Button className=\"mr-2\" onClick={closeAfter2000ms}>\n                Close after 2s\n            </Button>\n        </div>\n    )\n}\n\nexport default Duration\n"],"names":["Duration","notificationNeverClose","toast","jsx","Notification","closeAfter2000ms","Button"],"mappings":";;;;;;;AAIA,MAAMA,IAAW,MAAM;AACnB,WAASC,IAAyB;AAC9B,IAAAC,EAAM;AAAA,MACF,gBAAAC,EAACC,KAAa,UAAQ,IAAC,MAAK,WAAU,UAAU,GAAG,UAAA,UAAA,CAEnD;AAAA,IAAA;AAAA,EACJ;AAGJ,WAASC,IAAmB;AACxB,IAAAH,EAAM;AAAA,MACF,gBAAAC,EAACC,KAAa,UAAQ,IAAC,MAAK,WAAU,UAAU,KAAM,UAAA,UAAA,CAEtD;AAAA,IAAA;AAAA,EACJ;AAGJ,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAD,EAACG,GAAA,EAAO,WAAU,QAAO,SAASL,GAAwB,UAAA,WAE1D;AAAA,sBACCK,GAAA,EAAO,WAAU,QAAO,SAASD,GAAkB,UAAA,iBAAA,CAEpD;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Toast/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/Notification.tsx"],"sourcesContent":["import toast from '@/components/ui/toast'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\n\nconst Basic = () => {\n    const toastNotification = (\n        <Notification title=\"Mesasge\">\n            The fat cat sat on the mat bat away with paws annoy owner.\n        </Notification>\n    )\n\n    function openNotification() {\n        toast.push(toastNotification)\n    }\n\n    return (\n        <div>\n            <Button className=\"mr-2 mb-2\" onClick={openNotification}>\n                Show toast\n            </Button>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","toastNotification","jsx","Notification","openNotification","toast","Button"],"mappings":";;;;;;;AAIA,MAAMA,IAAQ,MAAM;AAChB,QAAMC,IACF,gBAAAC,EAACC,GAAA,EAAa,OAAM,WAAU,UAAA,8DAE9B;AAGJ,WAASC,IAAmB;AACxB,IAAAC,EAAM,KAAKJ,CAAiB;AAAA,EAAA;AAGhC,SACI,gBAAAC,EAAC,SACG,UAAA,gBAAAA,EAACI,GAAA,EAAO,WAAU,aAAY,SAASF,GAAkB,UAAA,aAAA,CAEzD,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Toast/NotificationType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationType.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/NotificationType.tsx"],"sourcesContent":["import toast from '@/components/ui/toast'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\n\nconst NotificationType = () => {\n    const openNotification = (\n        type: 'success' | 'warning' | 'danger' | 'info',\n    ) => {\n        toast.push(\n            <Notification\n                title={type.charAt(0).toUpperCase() + type.slice(1)}\n                type={type}\n            >\n                The fat cat sat on the mat bat away with paws annoy owner.\n            </Notification>,\n        )\n    }\n\n    return (\n        <div>\n            <Button\n                className=\"mr-2 mb-2\"\n                onClick={() => openNotification('success')}\n            >\n                Success\n            </Button>\n            <Button\n                className=\"mr-2 mb-2\"\n                onClick={() => openNotification('info')}\n            >\n                Info\n            </Button>\n            <Button\n                className=\"mr-2 mb-2\"\n                onClick={() => openNotification('danger')}\n            >\n                Danger\n            </Button>\n            <Button\n                className=\"mr-2 mb-2\"\n                onClick={() => openNotification('warning')}\n            >\n                Warning\n            </Button>\n        </div>\n    )\n}\n\nexport default NotificationType\n"],"names":["NotificationType","openNotification","type","toast","jsx","Notification","Button"],"mappings":";;;;;;;AAIA,MAAMA,IAAmB,MAAM;AAC3B,QAAMC,IAAmB,CACrBC,MACC;AACD,IAAAC,EAAM;AAAA,MACF,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,OAAOH,EAAK,OAAO,CAAC,EAAE,gBAAgBA,EAAK,MAAM,CAAC;AAAA,UAClD,MAAAA;AAAA,UACH,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED;AAAA,EACJ;AAGJ,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAML,EAAiB,SAAS;AAAA,QAC5C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAML,EAAiB,MAAM;AAAA,QACzC,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAML,EAAiB,QAAQ;AAAA,QAC3C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAML,EAAiB,SAAS;AAAA,QAC5C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Toast/Placement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Placement.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/Placement.tsx"],"sourcesContent":["import toast from '@/components/ui/toast'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\n\nconst Placement = () => {\n    const openNotification = (\n        placement:\n            | 'top-start'\n            | 'top-center'\n            | 'top-end'\n            | 'bottom-start'\n            | 'bottom-center'\n            | 'bottom-end',\n    ) => {\n        toast.push(<Notification type=\"success\" title=\"Message\" />, {\n            placement: placement,\n        })\n    }\n\n    return (\n        <div className=\"grid md:grid-cols-3 gap-4 max-w-xl\">\n            <Button\n                className=\"mb-2\"\n                onClick={() => openNotification('top-start')}\n            >\n                Top Start\n            </Button>\n            <Button\n                className=\"mb-2\"\n                onClick={() => openNotification('top-center')}\n            >\n                Top Center\n            </Button>\n            <Button\n                className=\"mb-2\"\n                onClick={() => openNotification('top-end')}\n            >\n                Top End\n            </Button>\n            <Button\n                className=\"mb-2\"\n                onClick={() => openNotification('bottom-start')}\n            >\n                Bottom Start\n            </Button>\n            <Button\n                className=\"mb-2\"\n                onClick={() => openNotification('bottom-center')}\n            >\n                Bottom Center\n            </Button>\n            <Button\n                className=\"mb-2\"\n                onClick={() => openNotification('bottom-end')}\n            >\n                Bottom End\n            </Button>\n        </div>\n    )\n}\n\nexport default Placement\n"],"names":["Placement","openNotification","placement","toast","jsx","Notification","jsxs","Button"],"mappings":";;;;;;;AAIA,MAAMA,IAAY,MAAM;AACpB,QAAMC,IAAmB,CACrBC,MAOC;AACD,IAAAC,EAAM,KAAK,gBAAAC,EAACC,GAAA,EAAa,MAAK,WAAU,OAAM,WAAU,GAAI;AAAA,MACxD,WAAAH;AAAA,IAAA,CACH;AAAA,EAAA;AAGL,SACI,gBAAAI,EAAC,OAAA,EAAI,WAAU,sCACX,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAMN,EAAiB,WAAW;AAAA,QAC9C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAG;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAMN,EAAiB,YAAY;AAAA,QAC/C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAG;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAMN,EAAiB,SAAS;AAAA,QAC5C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAG;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAMN,EAAiB,cAAc;AAAA,QACjD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAG;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAMN,EAAiB,eAAe;AAAA,QAClD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAG;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAMN,EAAiB,YAAY;AAAA,QAC/C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}