@orbe-agro/client-core 5.3.13 → 5.3.25

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

@@ -1 +1 @@
-{"version":3,"file":"Advance.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Timeline/Advance.tsx"],"sourcesContent":["import Timeline from '@/components/ui/Timeline'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Badge from '@/components/ui/Badge'\r\nimport Card from '@/components/ui/Card'\r\nimport Tag from '@/components/ui/Tag'\r\nimport { HiTag } from 'react-icons/hi'\r\nimport type { AvatarProps } from '@/components/ui/Avatar'\r\n\r\ntype TimelineAvatarProps = AvatarProps\r\n\r\nconst TimelineAvatar = ({ children, ...rest }: TimelineAvatarProps) => {\r\n    return (\r\n        <Avatar {...rest} size={25} shape=\"circle\">\r\n            {children}\r\n        </Avatar>\r\n    )\r\n}\r\n\r\nconst Advance = () => {\r\n    return (\r\n        <div className=\"max-w-[700px]\">\r\n            <Timeline>\r\n                <Timeline.Item\r\n                    media={\r\n                        <TimelineAvatar className=\"bg-amber-500\">\r\n                            C\r\n                        </TimelineAvatar>\r\n                    }\r\n                >\r\n                    <p className=\"my-1 flex items-center\">\r\n                        <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\r\n                            Angelina Gotelli{' '}\r\n                        </span>\r\n                        <span className=\"mx-2\">has change the status to </span>\r\n                        <Badge className=\"bg-emerald-500\" />\r\n                        <span className=\"ml-1 rtl:mr-1 font-semibold text-gray-900 dark:text-gray-100\">\r\n                            Completed\r\n                        </span>\r\n                        <span className=\"ml-3 rtl:mr-3\">6h ago</span>\r\n                    </p>\r\n                </Timeline.Item>\r\n                <Timeline.Item\r\n                    media={\r\n                        <TimelineAvatar\r\n                            src=\"/img/avatars/thumb-3.jpg\"\r\n                            className=\"bg-amber-500\"\r\n                        />\r\n                    }\r\n                >\r\n                    <p className=\"my-1 flex items-center\">\r\n                        <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\r\n                            Max Alexander\r\n                        </span>\r\n                        <span className=\"mx-2\">comment on your </span>\r\n                        <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\r\n                            Post\r\n                        </span>\r\n                        <span className=\"ml-3 rtl:mr-3\">2d ago</span>\r\n                    </p>\r\n                    <Card className=\"mt-4\">\r\n                        <p>\r\n                            Fine, Java MIGHT be a good example of what a\r\n                            programming language should be like. But Java\r\n                            applications are good examples of what applications\r\n                            SHOULDN&apos;T be like.\r\n                        </p>\r\n                    </Card>\r\n                </Timeline.Item>\r\n                <Timeline.Item\r\n                    media={\r\n                        <TimelineAvatar className=\"bg-gray-200 dark:bg-gray-600 text-gray-700 dark:text-gray-100\">\r\n                            <HiTag />\r\n                        </TimelineAvatar>\r\n                    }\r\n                >\r\n                    <p className=\"flex items-center\">\r\n                        <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\r\n                            Eugene Stewart{' '}\r\n                        </span>\r\n                        <span className=\"mx-2\">added tags </span>\r\n                        <Tag\r\n                            prefix\r\n                            className=\"mr-2 rtl:ml-2 cursor-pointer\"\r\n                            prefixClass=\"bg-rose-500\"\r\n                        >\r\n                            Live Issue\r\n                        </Tag>\r\n                        <Tag\r\n                            prefix\r\n                            className=\"mr-2 rtl:ml-2 cursor-pointer\"\r\n                            prefixClass=\"bg-blue-600\"\r\n                        >\r\n                            Backend\r\n                        </Tag>\r\n                        <span className=\"ml-3 rtl:mr-3\">2d ago</span>\r\n                    </p>\r\n                </Timeline.Item>\r\n            </Timeline>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Advance\r\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;"}
+{"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

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Timeline/Basic.tsx"],"sourcesContent":["import Timeline from '@/components/ui/Timeline'\r\n\r\nconst Basic = () => {\r\n    return (\r\n        <div>\r\n            <Timeline>\r\n                <Timeline.Item>Breakfast - 09:00</Timeline.Item>\r\n                <Timeline.Item>Lunch - 12:30</Timeline.Item>\r\n                <Timeline.Item>Dinner - 7:00</Timeline.Item>\r\n            </Timeline>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Basic\r\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;"}
+{"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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Timeline/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Basic from './Basic'\r\nimport Advance from './Advance'\r\n\r\nconst mdPath = 'Timeline'\r\n\r\nconst demoHeader = {\r\n    title: 'Timeline',\r\n    desc: 'Timeline displays a list of events in chronological order.',\r\n}\r\n\r\nconst demos = [\r\n    {\r\n        mdName: 'Basic',\r\n        mdPath: mdPath,\r\n        title: 'Basic',\r\n        desc: ``,\r\n        component: <Basic />,\r\n    },\r\n    {\r\n        mdName: 'Advance',\r\n        mdPath: mdPath,\r\n        title: 'Advance',\r\n        desc: ``,\r\n        component: <Advance />,\r\n    },\r\n]\r\n\r\nconst demoApi = [\r\n    {\r\n        component: 'Timeline.Item',\r\n        api: [\r\n            {\r\n                propName: 'media',\r\n                type: `<code>string</code> | <code>ReactNode</code>`,\r\n                default: `-`,\r\n                desc: 'Timeline item media (Note: media width must be consistent between Timeline item)',\r\n            },\r\n        ],\r\n    },\r\n]\r\n\r\nconst Timeline = () => {\r\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\r\n}\r\n\r\nexport default Timeline\r\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;"}
+{"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

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Tooltip/Basic.tsx"],"sourcesContent":["import Tooltip from '@/components/ui/Tooltip'\r\n\r\nconst Basic = () => {\r\n    return (\r\n        <div>\r\n            <Tooltip title=\"Tooltip message\">\r\n                <span className=\"cursor-pointer\">Hover me</span>\r\n            </Tooltip>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Basic\r\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;"}
+{"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

@@ -1 +1 @@
-{"version":3,"file":"Customize.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Tooltip/Customize.tsx"],"sourcesContent":["import Tooltip from '@/components/ui/Tooltip'\r\n\r\nconst Customize = () => {\r\n    return (\r\n        <div>\r\n            <Tooltip\r\n                title={\r\n                    <div>\r\n                        This is{' '}\r\n                        <strong className=\"text-yellow-400\">HTML</strong>\r\n                    </div>\r\n                }\r\n            >\r\n                <span className=\"cursor-pointer\">Hover me</span>\r\n            </Tooltip>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Customize\r\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;"}
+{"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

@@ -1 +1 @@
-{"version":3,"file":"DefaultOpen.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Tooltip/DefaultOpen.tsx"],"sourcesContent":["import Tooltip from '@/components/ui/Tooltip'\r\n\r\nconst DefaultOpen = () => {\r\n    return (\r\n        <div>\r\n            <Tooltip title=\"Tooltip Message\" isOpen={true} placement=\"right\">\r\n                <span>Default Open</span>\r\n            </Tooltip>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default DefaultOpen\r\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;"}
+{"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

@@ -1 +1 @@
-{"version":3,"file":"Placement.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Tooltip/Placement.tsx"],"sourcesContent":["import Tooltip from '@/components/ui/Tooltip'\r\n\r\nconst Placement = () => {\r\n    return (\r\n        <div\r\n            style={{ maxWidth: 700 }}\r\n            className=\"grid grid-cols-1 md:grid-cols-5 gap-4\"\r\n        >\r\n            <div></div>\r\n            <Tooltip title=\"Top start\" placement=\"top-start\">\r\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\r\n                    Top start\r\n                </div>\r\n            </Tooltip>\r\n            <Tooltip title=\"Top\" placement=\"top\">\r\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\r\n                    Top\r\n                </div>\r\n            </Tooltip>\r\n            <Tooltip title=\"Top end\" placement=\"top-end\">\r\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\r\n                    Top end\r\n                </div>\r\n            </Tooltip>\r\n            <div></div>\r\n            <Tooltip title=\"Left start\" placement=\"left-start\">\r\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\r\n                    Left start\r\n                </div>\r\n            </Tooltip>\r\n            <div></div>\r\n            <div></div>\r\n            <div></div>\r\n            <Tooltip title=\"Right start\" placement=\"right-start\">\r\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\r\n                    Right start\r\n                </div>\r\n            </Tooltip>\r\n            <Tooltip title=\"Left\" placement=\"left\">\r\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\r\n                    Left\r\n                </div>\r\n            </Tooltip>\r\n            <div></div>\r\n            <div></div>\r\n            <div></div>\r\n            <Tooltip title=\"Right\" placement=\"right\">\r\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\r\n                    Right\r\n                </div>\r\n            </Tooltip>\r\n            <Tooltip title=\"Left end\" placement=\"left-end\">\r\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\r\n                    Left end\r\n                </div>\r\n            </Tooltip>\r\n            <div></div>\r\n            <div></div>\r\n            <div></div>\r\n            <Tooltip title=\"Right end\" placement=\"right-end\">\r\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\r\n                    Right end\r\n                </div>\r\n            </Tooltip>\r\n            <div></div>\r\n            <Tooltip title=\"Bottom start\" placement=\"bottom-start\">\r\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\r\n                    Bottom start\r\n                </div>\r\n            </Tooltip>\r\n            <Tooltip title=\"Bottom\" placement=\"bottom\">\r\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\r\n                    Bottom\r\n                </div>\r\n            </Tooltip>\r\n            <Tooltip title=\"Bottom end\" placement=\"bottom-end\">\r\n                <div className=\"border border-gray-200 py-2 px-4 text-center cursor-pointer w-full\">\r\n                    Bottom end\r\n                </div>\r\n            </Tooltip>\r\n            <div></div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Placement\r\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;"}
+{"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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Tooltip/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Basic from './Basic'\r\nimport Placement from './Placement'\r\nimport Customize from './Customize'\r\n\r\nconst mdPath = 'Tooltip'\r\n\r\nconst demoHeader = {\r\n    title: 'Tooltip',\r\n    desc: 'Tooltips will appear when users hover on an element, it display contextual information related to the element.',\r\n}\r\n\r\nconst demos = [\r\n    {\r\n        mdName: 'Basic',\r\n        mdPath: mdPath,\r\n        title: 'Basic',\r\n        desc: `Basic usage of Tooltip.`,\r\n        component: <Basic />,\r\n    },\r\n    {\r\n        mdName: 'Customize',\r\n        mdPath: mdPath,\r\n        title: 'Customize',\r\n        desc: `Tooltip content can be customize as well.`,\r\n        component: <Customize />,\r\n    },\r\n    {\r\n        mdName: 'Placement',\r\n        mdPath: mdPath,\r\n        title: 'Placement',\r\n        desc: `There are 9 placement options for tooltip, it occupies the top position by default.`,\r\n        component: <Placement />,\r\n    },\r\n]\r\n\r\nconst demoApi = [\r\n    {\r\n        component: 'Tooltip',\r\n        api: [\r\n            {\r\n                propName: 'disabled',\r\n                type: `<code>boolean</code>`,\r\n                default: `-`,\r\n                desc: 'Whether to disable tooltip toggle',\r\n            },\r\n            {\r\n                propName: 'isOpen',\r\n                type: `<code>boolean</code>`,\r\n                default: `<code>false</code>`,\r\n                desc: 'Whether to display tooltip by default',\r\n            },\r\n            {\r\n                propName: 'placement',\r\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>`,\r\n                default: `<code>'top'</code>`,\r\n                desc: 'Tooltip placement',\r\n            },\r\n            {\r\n                propName: 'title',\r\n                type: `<code>string</code> | <code>ReactNode</code>`,\r\n                default: ``,\r\n                desc: 'Tooltip content',\r\n            },\r\n            {\r\n                propName: 'wrapperClass',\r\n                type: `<code>string</code>`,\r\n                default: `-`,\r\n                desc: 'Class for tooltip wrapper',\r\n            },\r\n        ],\r\n    },\r\n]\r\n\r\nconst Tooltip = () => {\r\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\r\n}\r\n\r\nexport default Tooltip\r\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;"}
+{"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

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

@@ -1 +1 @@
-{"version":3,"file":"Closable.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Alert/Closable.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\r\n\r\nconst Closable = () => {\r\n    const onCloseClick = () => {\r\n        console.log('Alert closed!')\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <Alert closable type=\"success\" onClose={onCloseClick}>\r\n                Thanks for submitting your application. Our team will get back\r\n                to you soon.\r\n            </Alert>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Closable\r\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;"}
+{"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;AAC/B,GAI8D,UAAA,8EAAA,CAGtD,GACJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"CustomIcon.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Alert/CustomIcon.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\r\nimport { HiFire } from 'react-icons/hi'\r\n\r\nconst Icon = () => {\r\n    return (\r\n        <div>\r\n            <Alert showIcon type=\"success\" customIcon={<HiFire />}>\r\n                Additional description and information about copywriting.\r\n            </Alert>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Icon\r\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;"}
+{"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

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

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Alert/Title.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\r\n\r\nconst Title = () => {\r\n    return (\r\n        <div>\r\n            <Alert showIcon type=\"danger\" title=\"Error!\">\r\n                Additional description and information about copywriting.\r\n            </Alert>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Title\r\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;"}
+{"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

@@ -1 +1 @@
-{"version":3,"file":"Type.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Alert/Type.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\r\n\r\nconst Type = () => {\r\n    return (\r\n        <div>\r\n            <Alert showIcon className=\"mb-4\" type=\"info\">\r\n                Additional description and information about copywriting.\r\n            </Alert>\r\n            <Alert showIcon className=\"mb-4\">\r\n                Additional description and information about copywriting.\r\n            </Alert>\r\n            <Alert showIcon className=\"mb-4\" type=\"success\">\r\n                Additional description and information about copywriting.\r\n            </Alert>\r\n            <Alert showIcon className=\"mb-4\" type=\"danger\">\r\n                Additional description and information about copywriting.\r\n            </Alert>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Type\r\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;"}
+{"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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Alert/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Basic from './Basic'\r\nimport Icon from './Icon'\r\nimport CustomIcon from './CustomIcon'\r\nimport Type from './Type'\r\nimport Title from './Title'\r\nimport Closable from './Closable'\r\n\r\nconst mdPath = 'Alert'\r\n\r\nconst demoHeader = {\r\n    title: 'Alert',\r\n    desc: 'Alerts are used to feedback to the user action or system activity.',\r\n}\r\n\r\nconst demos = [\r\n    {\r\n        mdName: 'Basic',\r\n        mdPath: mdPath,\r\n        title: 'Basic',\r\n        desc: `Basic usage of alert.`,\r\n        component: <Basic />,\r\n    },\r\n    {\r\n        mdName: 'Icon',\r\n        mdPath: mdPath,\r\n        title: 'Icon',\r\n        desc: `Display icon within alert.`,\r\n        component: <Icon />,\r\n    },\r\n    {\r\n        mdName: 'CustomIcon',\r\n        mdPath: mdPath,\r\n        title: 'CustomIcon',\r\n        desc: `Icon can be replaced by setting own icon to <code>customIcon</code> prop.`,\r\n        component: <CustomIcon />,\r\n    },\r\n    {\r\n        mdName: 'Type',\r\n        mdPath: mdPath,\r\n        title: 'Type',\r\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.`,\r\n        component: <Type />,\r\n    },\r\n    {\r\n        mdName: 'Title',\r\n        mdPath: mdPath,\r\n        title: 'Title',\r\n        desc: `Alert also can have a title by input a string to <code>title</code> prop.`,\r\n        component: <Title />,\r\n    },\r\n    {\r\n        mdName: 'Closable',\r\n        mdPath: mdPath,\r\n        title: 'Closable',\r\n        desc: `Turn <code>closable</code> prop to true to display close button which allow user dismiss alert.`,\r\n        component: <Closable />,\r\n    },\r\n]\r\n\r\nconst demoApi = [\r\n    {\r\n        component: 'Alert',\r\n        api: [\r\n            {\r\n                propName: 'title',\r\n                type: `<code>ReactNode</code> | <code>string</code>`,\r\n                default: `-`,\r\n                desc: 'Alert title',\r\n            },\r\n            {\r\n                propName: 'showIcon',\r\n                type: `<code>boolean</code>`,\r\n                default: `<code>false</code>`,\r\n                desc: 'Display icon based on type',\r\n            },\r\n            {\r\n                propName: 'customIcon',\r\n                type: `<code>ReactNode</code>`,\r\n                default: `-`,\r\n                desc: 'Replace default icon to custom icon',\r\n            },\r\n            {\r\n                propName: 'type',\r\n                type: `<code>'info'</code> | <code>'warning'</code> | <code>'success'</code> | <code>'danger'</code>`,\r\n                default: `<code>'warning'</code>`,\r\n                desc: 'The status of the alert',\r\n            },\r\n            {\r\n                propName: 'closable',\r\n                type: `<code>boolean</code>`,\r\n                default: `<code>false</code>`,\r\n                desc: 'Display close button',\r\n            },\r\n            {\r\n                propName: 'customClose',\r\n                type: `<code>ReactNode | <code>string</code>`,\r\n                default: `-`,\r\n                desc: 'Replace default close',\r\n            },\r\n            {\r\n                propName: 'rounded',\r\n                type: `<code>boolean</code>`,\r\n                default: `<code>true</code>`,\r\n                desc: 'Whether the Alert have round border radius',\r\n            },\r\n            {\r\n                propName: 'onClose',\r\n                type: `<code>(e: MouseEvent) => void</code>`,\r\n                default: `<code>-</code>`,\r\n                desc: 'Callback when Alert is closed',\r\n            },\r\n            {\r\n                propName: 'triggerByToast',\r\n                type: `<code>boolean</code>`,\r\n                default: `<code>false</code>`,\r\n                desc: 'identifier for toast trigger (for toast purpose)',\r\n            },\r\n            {\r\n                propName: 'duration',\r\n                type: `<code>2000</code>`,\r\n                default: `<code>number</code>`,\r\n                desc: 'Interval of dismiss (for toast purpose)',\r\n            },\r\n        ],\r\n    },\r\n]\r\n\r\nconst Alert = () => {\r\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\r\n}\r\n\r\nexport default Alert\r\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;"}
+{"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

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport type { MouseEvent } from 'react'\r\n\r\nconst Basic = () => {\r\n    const [dialogIsOpen, setIsOpen] = useState(false)\r\n\r\n    const openDialog = () => {\r\n        setIsOpen(true)\r\n    }\r\n\r\n    const onDialogClose = (e: MouseEvent) => {\r\n        console.log('onDialogClose', e)\r\n        setIsOpen(false)\r\n    }\r\n\r\n    const onDialogOk = (e: MouseEvent) => {\r\n        console.log('onDialogOk', e)\r\n        setIsOpen(false)\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <Button variant=\"solid\" onClick={() => openDialog()}>\r\n                Open Dialog\r\n            </Button>\r\n            <Dialog\r\n                isOpen={dialogIsOpen}\r\n                onClose={onDialogClose}\r\n                onRequestClose={onDialogClose}\r\n            >\r\n                <h5 className=\"mb-4\">Dialog Title</h5>\r\n                <p>\r\n                    There are many variations of passages of Lorem Ipsum\r\n                    available, but the majority have suffered alteration in some\r\n                    form, by injected humour, or randomised words which dont\r\n                    look even slightly believable.\r\n                </p>\r\n                <div className=\"text-right mt-6\">\r\n                    <Button\r\n                        className=\"ltr:mr-2 rtl:ml-2\"\r\n                        variant=\"plain\"\r\n                        onClick={onDialogClose}\r\n                    >\r\n                        Cancel\r\n                    </Button>\r\n                    <Button variant=\"solid\" onClick={onDialogOk}>\r\n                        Okay\r\n                    </Button>\r\n                </div>\r\n            </Dialog>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Basic\r\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;"}
+{"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,EAClB,GAEMG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,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,YACnB,GA2B6D,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

@@ -1 +1 @@
-{"version":3,"file":"Closable.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/Closable.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport type { MouseEvent } from 'react'\r\n\r\nconst Closable = () => {\r\n    const [dialogIsOpen, setIsOpen] = useState(false)\r\n\r\n    const openDialog = () => {\r\n        setIsOpen(true)\r\n    }\r\n\r\n    const onDialogClose = (e: MouseEvent) => {\r\n        console.log('onDialogClose', e)\r\n        setIsOpen(false)\r\n    }\r\n\r\n    const onDialogOk = (e: MouseEvent) => {\r\n        console.log('onDialogOk', e)\r\n        setIsOpen(false)\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <Button variant=\"solid\" onClick={() => openDialog()}>\r\n                Open Dialog\r\n            </Button>\r\n            <Dialog isOpen={dialogIsOpen} closable={false}>\r\n                <h5 className=\"mb-4\">Dialog Title</h5>\r\n                <p>\r\n                    There are many variations of passages of Lorem Ipsum\r\n                    available, but the majority have suffered alteration in some\r\n                    form, by injected humour, or randomised words which dont\r\n                    look even slightly believable.\r\n                </p>\r\n                <div className=\"text-right mt-6\">\r\n                    <Button\r\n                        className=\"ltr:mr-2 rtl:ml-2\"\r\n                        variant=\"plain\"\r\n                        onClick={onDialogClose}\r\n                    >\r\n                        Cancel\r\n                    </Button>\r\n                    <Button variant=\"solid\" onClick={onDialogOk}>\r\n                        Okay\r\n                    </Button>\r\n                </div>\r\n            </Dialog>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Closable\r\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;"}
+{"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,EAClB;AAYA,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,YACnB;AAAA,YAyBiB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,0BAGAI,GAAA,EAAO,SAAQ,SAAQ,SA1BrB,CAACG,MAAkB;AAClC,kBAAQ,IAAI,cAAcA,CAAC,GAC3BP,EAAU,EAAK;AAAA,QACnB,GAuB6D,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

@@ -1 +1 @@
-{"version":3,"file":"CloseWithEscBackdrop.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/CloseWithEscBackdrop.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport type { MouseEvent } from 'react'\r\n\r\nconst CloseWithEscBackdrop = () => {\r\n    const [dialogIsOpen, setIsOpen] = useState(false)\r\n\r\n    const openDialog = () => {\r\n        setIsOpen(true)\r\n    }\r\n\r\n    const onDialogClose = (e: MouseEvent) => {\r\n        console.log('onDialogClose', e)\r\n        setIsOpen(false)\r\n    }\r\n\r\n    const onDialogOk = (e: MouseEvent) => {\r\n        console.log('onDialogOk', e)\r\n        setIsOpen(false)\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <Button variant=\"solid\" onClick={() => openDialog()}>\r\n                Open Dialog\r\n            </Button>\r\n            <Dialog\r\n                isOpen={dialogIsOpen}\r\n                shouldCloseOnOverlayClick={false}\r\n                shouldCloseOnEsc={false}\r\n                onClose={onDialogClose}\r\n                onRequestClose={onDialogClose}\r\n            >\r\n                <h5 className=\"mb-4\">Dialog Title</h5>\r\n                <p>\r\n                    There are many variations of passages of Lorem Ipsum\r\n                    available, but the majority have suffered alteration in some\r\n                    form, by injected humour, or randomised words which dont\r\n                    look even slightly believable.\r\n                </p>\r\n                <div className=\"text-right mt-6\">\r\n                    <Button\r\n                        className=\"ltr:mr-2 rtl:ml-2\"\r\n                        variant=\"plain\"\r\n                        onClick={onDialogClose}\r\n                    >\r\n                        Cancel\r\n                    </Button>\r\n                    <Button variant=\"solid\" onClick={onDialogOk}>\r\n                        Okay\r\n                    </Button>\r\n                </div>\r\n            </Dialog>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default CloseWithEscBackdrop\r\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;"}
+{"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,EAClB,GAEMG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,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,YACnB,GA6B6D,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

@@ -1 +1 @@
-{"version":3,"file":"CustomStyle.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/CustomStyle.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport type { MouseEvent } from 'react'\r\n\r\nconst CustomStyle = () => {\r\n    const [dialogIsOpen, setIsOpen] = useState(false)\r\n\r\n    const openDialog = () => {\r\n        setIsOpen(true)\r\n    }\r\n\r\n    const onDialogClose = (e: MouseEvent) => {\r\n        console.log('onDialogClose', e)\r\n        setIsOpen(false)\r\n    }\r\n\r\n    const onDialogOk = (e: MouseEvent) => {\r\n        console.log('onDialogOk', e)\r\n        setIsOpen(false)\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <Button variant=\"solid\" onClick={() => openDialog()}>\r\n                Open Dialog\r\n            </Button>\r\n            <Dialog\r\n                isOpen={dialogIsOpen}\r\n                style={{\r\n                    content: {\r\n                        marginTop: 250,\r\n                    },\r\n                }}\r\n                contentClassName=\"pb-0 px-0\"\r\n                onClose={onDialogClose}\r\n                onRequestClose={onDialogClose}\r\n            >\r\n                <div className=\"px-6 pb-6\">\r\n                    <h5 className=\"mb-4\">Dialog Title</h5>\r\n                    <p>\r\n                        There are many variations of passages of Lorem Ipsum\r\n                        available, but the majority have suffered alteration in\r\n                        some form, by injected humour, or randomised words which\r\n                        dont look even slightly believable.\r\n                    </p>\r\n                </div>\r\n                <div className=\"text-right px-6 py-3 bg-gray-100 dark:bg-gray-700 rounded-bl-lg rounded-br-lg\">\r\n                    <Button\r\n                        className=\"ltr:mr-2 rtl:ml-2\"\r\n                        onClick={onDialogClose}\r\n                    >\r\n                        Cancel\r\n                    </Button>\r\n                    <Button variant=\"solid\" onClick={onDialogOk}>\r\n                        Okay\r\n                    </Button>\r\n                </div>\r\n            </Dialog>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default CustomStyle\r\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;"}
+{"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,EAClB,GAEMG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,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,YACnB,GAkC6D,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

@@ -1 +1 @@
-{"version":3,"file":"InternalScroll.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/InternalScroll.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport type { MouseEvent } from 'react'\r\n\r\nconst InternalScroll = () => {\r\n    const [dialogIsOpen, setIsOpen] = useState(false)\r\n\r\n    const openDialog = () => {\r\n        setIsOpen(true)\r\n    }\r\n\r\n    const onDialogClose = (e: MouseEvent) => {\r\n        console.log('onDialogClose', e)\r\n        setIsOpen(false)\r\n    }\r\n\r\n    const onDialogOk = (e: MouseEvent) => {\r\n        console.log('onDialogOk', e)\r\n        setIsOpen(false)\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <Button variant=\"solid\" onClick={() => openDialog()}>\r\n                Open\r\n            </Button>\r\n            <Dialog\r\n                isOpen={dialogIsOpen}\r\n                onClose={onDialogClose}\r\n                onRequestClose={onDialogClose}\r\n            >\r\n                <div className=\"flex flex-col h-full justify-between\">\r\n                    <h5 className=\"mb-4\">Dialog Title</h5>\r\n                    <div className=\"max-h-96 overflow-y-auto\">\r\n                        <p>\r\n                            There are only two kinds of programming languages:\r\n                            those people always bitch about and those nobody\r\n                            uses. (Bjarne Stroustrup) Walking on water and\r\n                            developing software from a specification are easy if\r\n                            both are frozen. (Edward V Berard) Any fool can use\r\n                            a computer. Many do. (Ted Nelson) If debugging is\r\n                            the process of removing bugs, then programming must\r\n                            be the process of putting them in. (Edsger W.\r\n                            Dijkstra)\r\n                        </p>\r\n                        <p>\r\n                            Any fool can use a computer. Many do. (Ted Nelson)\r\n                            If the automobile had followed the same development\r\n                            cycle as the computer, a Rolls-Royce would today\r\n                            cost $100, get a million miles per gallon, and\r\n                            explode once a year, killing everyone inside.\r\n                            (Robert X. Cringely) Every operating system out\r\n                            there is about equal… We all suck. (Microsoft senior\r\n                            vice president Brian Valentine describing the state\r\n                            of the art in OS security, 2003) It is practically\r\n                            impossible to teach good programming style to\r\n                            students that have had prior exposure to BASIC. As\r\n                            potential programmers, they are mentally mutilated\r\n                            beyond hope of regeneration. (E. W. Dijkstra) It has\r\n                            been said that the great scientific disciplines are\r\n                            examples of giants standing on the shoulders of\r\n                            other giants. It has also been said that the\r\n                            software industry is an example of midgets standing\r\n                            on the toes of other midgets. (Alan Cooper)\r\n                        </p>\r\n                        <p>\r\n                            Always code as if the guy who ends up maintaining\r\n                            your code will be a violent psychopath who knows\r\n                            where you live. (Martin Golding) There is no\r\n                            programming language–no matter how structured-that\r\n                            will prevent programmers from making bad programs.\r\n                            (Larry Flon) If builders built buildings the way\r\n                            programmers wrote programs, then the first\r\n                            woodpecker that came along would destroy\r\n                            civilization. (Gerald Weinberg)\r\n                        </p>\r\n                    </div>\r\n                    <div className=\"text-right mt-6\">\r\n                        <Button\r\n                            className=\"ltr:mr-2 rtl:ml-2\"\r\n                            variant=\"plain\"\r\n                            onClick={onDialogClose}\r\n                        >\r\n                            Cancel\r\n                        </Button>\r\n                        <Button variant=\"solid\" onClick={onDialogOk}>\r\n                            Okay\r\n                        </Button>\r\n                    </div>\r\n                </div>\r\n            </Dialog>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default InternalScroll\r\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;"}
+{"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,EAClB,GAEMG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,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,YACnB,GAkEiE,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

@@ -1 +1 @@
-{"version":3,"file":"Size.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/Size.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport type { MouseEvent } from 'react'\r\n\r\nconst Size = () => {\r\n    const [dialogIsOpen, setIsOpen] = useState(false)\r\n\r\n    const openDialog = () => {\r\n        setIsOpen(true)\r\n    }\r\n\r\n    const onDialogClose = (e: MouseEvent) => {\r\n        console.log('onDialogClose', e)\r\n        setIsOpen(false)\r\n    }\r\n\r\n    const onDialogOk = (e: MouseEvent) => {\r\n        console.log('onDialogOk', e)\r\n        setIsOpen(false)\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <Button variant=\"solid\" onClick={() => openDialog()}>\r\n                Custom Size Dialog\r\n            </Button>\r\n            <Dialog\r\n                isOpen={dialogIsOpen}\r\n                width={1000}\r\n                height={250}\r\n                onClose={onDialogClose}\r\n                onRequestClose={onDialogClose}\r\n            >\r\n                <div className=\"flex flex-col h-full justify-between\">\r\n                    <h5 className=\"mb-4\">Dialog Title</h5>\r\n                    <p>\r\n                        There are many variations of passages of Lorem Ipsum\r\n                        available, but the majority have suffered alteration in\r\n                        some form, by injected humour, or randomised words which\r\n                        dont look even slightly believable.\r\n                    </p>\r\n                    <div className=\"text-right mt-6\">\r\n                        <Button\r\n                            className=\"ltr:mr-2 rtl:ml-2\"\r\n                            variant=\"plain\"\r\n                            onClick={onDialogClose}\r\n                        >\r\n                            Cancel\r\n                        </Button>\r\n                        <Button variant=\"solid\" onClick={onDialogOk}>\r\n                            Okay\r\n                        </Button>\r\n                    </div>\r\n                </div>\r\n            </Dialog>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Size\r\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;"}
+{"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,EAClB,GAEMG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,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,YACnB,GA8BiE,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

@@ -1 +1 @@
-{"version":3,"file":"StaticBackdrop.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/StaticBackdrop.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport type { MouseEvent } from 'react'\r\n\r\nconst StaticBackdrop = () => {\r\n    const [dialogIsOpen, setIsOpen] = useState(false)\r\n\r\n    const openDialog = () => {\r\n        setIsOpen(true)\r\n    }\r\n\r\n    const onDialogClose = (e: MouseEvent) => {\r\n        console.log('onDialogClose', e)\r\n        setIsOpen(false)\r\n    }\r\n\r\n    const onDialogOk = (e: MouseEvent) => {\r\n        console.log('onDialogOk', e)\r\n        setIsOpen(false)\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <Button variant=\"solid\" onClick={() => openDialog()}>\r\n                Open Dialog\r\n            </Button>\r\n            <Dialog\r\n                isOpen={dialogIsOpen}\r\n                bodyOpenClassName=\"overflow-hidden\"\r\n                onClose={onDialogClose}\r\n                onRequestClose={onDialogClose}\r\n            >\r\n                <h5 className=\"mb-4\">Dialog Title</h5>\r\n                <p>\r\n                    There are many variations of passages of Lorem Ipsum\r\n                    available, but the majority have suffered alteration in some\r\n                    form, by injected humour, or randomised words which dont\r\n                    look even slightly believable.\r\n                </p>\r\n                <div className=\"text-right mt-6\">\r\n                    <Button\r\n                        className=\"ltr:mr-2 rtl:ml-2\"\r\n                        variant=\"plain\"\r\n                        onClick={onDialogClose}\r\n                    >\r\n                        Cancel\r\n                    </Button>\r\n                    <Button variant=\"solid\" onClick={onDialogOk}>\r\n                        Okay\r\n                    </Button>\r\n                </div>\r\n            </Dialog>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default StaticBackdrop\r\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;"}
+{"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,EAClB,GAEMG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,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,YACnB,GA4B6D,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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Basic from './Basic'\r\nimport Size from './Size'\r\nimport CloseWithEscBackdrop from './CloseWithEscBackdrop'\r\nimport InternalScroll from './InternalScroll'\r\nimport StaticBackdrop from './StaticBackdrop'\r\nimport CustomStyle from './CustomStyle'\r\nimport Closable from './Closable'\r\n\r\nconst mdPath = 'Dialog'\r\n\r\nconst demoHeader = {\r\n    title: 'Dialog',\r\n    desc: 'Dialog is a box that overlay on the current page which force user interact with.',\r\n}\r\n\r\nconst demos = [\r\n    {\r\n        mdName: 'Basic',\r\n        mdPath: mdPath,\r\n        title: 'Basic',\r\n        desc: `Basic usage of Dialog.`,\r\n        component: <Basic />,\r\n    },\r\n    {\r\n        mdName: 'Size',\r\n        mdPath: mdPath,\r\n        title: 'Size',\r\n        desc: `Dialog allow us to input <code>width</code> & <code>height</code> to adjust the size of Dialog.`,\r\n        component: <Size />,\r\n    },\r\n    {\r\n        mdName: 'CloseWithEscBackdrop',\r\n        mdPath: mdPath,\r\n        title: 'Disable Escape & backdrop click',\r\n        desc: `We can disable escape key & backdrop click close by setting <code>shouldCloseOnOverlayClick</code> & <code>shouldCloseOnEsc</code> props. `,\r\n        component: <CloseWithEscBackdrop />,\r\n    },\r\n    {\r\n        mdName: 'InternalScroll',\r\n        mdPath: mdPath,\r\n        title: 'Internal Scroll',\r\n        desc: `Example of Dialog internal scroll.`,\r\n        component: <InternalScroll />,\r\n    },\r\n    {\r\n        mdName: 'StaticBackdrop',\r\n        mdPath: mdPath,\r\n        title: 'Lock Scroll',\r\n        desc: `We can lock window scroll by passing <code>'overflow-hidden</code> to <code>bodyOpenClassName</code>`,\r\n        component: <StaticBackdrop />,\r\n    },\r\n    {\r\n        mdName: 'CustomStyle',\r\n        mdPath: mdPath,\r\n        title: 'Custom dialog style',\r\n        desc: `Example of Dialog custom style`,\r\n        component: <CustomStyle />,\r\n    },\r\n    {\r\n        mdName: 'Closable',\r\n        mdPath: mdPath,\r\n        title: 'Closable',\r\n        desc: `Set <code>closeable</code> to false will hide Dialog close icon.`,\r\n        component: <Closable />,\r\n    },\r\n]\r\n\r\nconst demoApi = [\r\n    {\r\n        component: 'Dialog',\r\n        api: [\r\n            {\r\n                propName: 'width',\r\n                type: `<code>string</code> | <code>number</code>`,\r\n                default: `<code>520</code>`,\r\n                desc: 'Dialog width',\r\n            },\r\n            {\r\n                propName: 'height',\r\n                type: `<code>string</code> | <code>number</code>`,\r\n                default: `-`,\r\n                desc: 'Dialog height',\r\n            },\r\n            {\r\n                propName: 'isOpen',\r\n                type: `<code>boolean</code>`,\r\n                default: `<code>false</code>`,\r\n                desc: 'Whether to display dialog',\r\n            },\r\n            {\r\n                propName: 'style',\r\n                type: `<code>object: { content: object, overlay: object }</code>`,\r\n                default: `<-`,\r\n                desc: 'Style for dialog & backdrop',\r\n            },\r\n            {\r\n                propName: 'contentClassName',\r\n                type: `<code>string</code>`,\r\n                default: `-`,\r\n                desc: 'Class name that append to Dialog content',\r\n            },\r\n            {\r\n                propName: 'portalClassName',\r\n                type: `<code>string</code>`,\r\n                default: `-`,\r\n                desc: 'Class name that append to Dialog portal',\r\n            },\r\n            {\r\n                propName: 'bodyOpenClassName',\r\n                type: `<code>string</code>`,\r\n                default: `-`,\r\n                desc: 'Class name that append to body while Dialog is open',\r\n            },\r\n            {\r\n                propName: 'htmlOpenClassName',\r\n                type: `<code>string</code>`,\r\n                default: `-`,\r\n                desc: 'Class name that append to html while Dialog is open',\r\n            },\r\n            {\r\n                propName: 'overlayClassName',\r\n                type: `<code>string</code>`,\r\n                default: `-`,\r\n                desc: 'Class name for Dialog backdrop',\r\n            },\r\n            {\r\n                propName: 'appElement',\r\n                type: `<code>SafeHTMLElement</code> | <code>SafeHTMLCollection</code> | <code>SafeNodeList</code> | <code>SafeHTMLElement[]</code>`,\r\n                default: `-`,\r\n                desc: 'Setting external node to Dialog content',\r\n            },\r\n            {\r\n                propName: 'onAfterOpen',\r\n                type: `<code>(overlayElement: HTMLElement, contentElement: HTMLElement) => void</code>`,\r\n                default: `-`,\r\n                desc: 'Callback function after Dialog open',\r\n            },\r\n            {\r\n                propName: 'closable',\r\n                type: `<code>boolean</code>`,\r\n                default: `<code>true</code>`,\r\n                desc: 'Whether show Dialog close icon',\r\n            },\r\n            {\r\n                propName: 'onClose',\r\n                type: `<code>(event: Event) => void</code>`,\r\n                default: `-`,\r\n                desc: 'Callback function after click on Dialog close icon',\r\n            },\r\n            {\r\n                propName: 'onRequestClose',\r\n                type: `<code>(event: Event) => void</code>`,\r\n                default: `-`,\r\n                desc: 'Callback function after Dialog close',\r\n            },\r\n            {\r\n                propName: 'closeTimeoutMS',\r\n                type: `<code>(event: Event) => void</code>`,\r\n                default: `<code>150</code>`,\r\n                desc: 'Timeout speed during Dialog close',\r\n            },\r\n            {\r\n                propName: 'shouldFocusAfterRender',\r\n                type: `<code>boolean</code>`,\r\n                default: `<code>true</code>`,\r\n                desc: 'Boolean indicating if the dialog should be focused after render',\r\n            },\r\n            {\r\n                propName: 'shouldReturnFocusAfterClose',\r\n                type: `<code>boolean</code>`,\r\n                default: `<code>true</code>`,\r\n                desc: 'Boolean indicating if the dialog should restore focus to the element that had focus prior to its display',\r\n            },\r\n            {\r\n                propName: 'preventScroll',\r\n                type: `<code>boolean</code>`,\r\n                default: `<code>false</code>`,\r\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',\r\n            },\r\n            {\r\n                propName: 'shouldCloseOnOverlayClick',\r\n                type: `<code>boolean</code>`,\r\n                default: `<code>true</code>`,\r\n                desc: 'Whether to close Dialog when the backdrop is clicked',\r\n            },\r\n            {\r\n                propName: 'shouldCloseOnEsc',\r\n                type: `<code>boolean</code>`,\r\n                default: `<code>true</code>`,\r\n                desc: 'Whether to close Dialog when esc key pressed',\r\n            },\r\n            {\r\n                propName: 'parentSelector',\r\n                type: `<code>() => document.body</code>`,\r\n                default: `<code>() => document.body</code>`,\r\n                desc: 'Function that will be called to get the parent element that the dialog will be attached to',\r\n            },\r\n            {\r\n                propName: 'overlayRef',\r\n                type: `<code>(node: Node) => void</code>`,\r\n                default: `-`,\r\n                desc: 'Dialog backdrop ref',\r\n            },\r\n            {\r\n                propName: 'contentRef',\r\n                type: `<code>(node: Node) => void</code>`,\r\n                default: `-`,\r\n                desc: 'Dialog content ref',\r\n            },\r\n        ],\r\n    },\r\n]\r\n\r\nconst Dialog = () => {\r\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\r\n}\r\n\r\nexport default Dialog\r\n"],"names":["mdPath","demoHeader","demos","Basic","Size","CloseWithEscBackdrop","InternalScroll","StaticBackdrop","CustomStyle","Closable","demoApi","Dialog","DemoLayout"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAS,UAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,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,CAAqB;AAAA,EAAA;AAAA,EAErC;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAe;AAAA,EAAA;AAAA,EAE/B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAA,CAAA,CAAe;AAAA,EAAA;AAAA,EAE/B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAA,CAAA,CAAY;AAAA,EAAA;AAAA,EAE5B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYS,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,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,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAS,wBACHC,GAAA,EAAW,QAAQX,GAAY,OAAAC,GAAc,KAAKQ,GAAS;"}
+{"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":";;;;;;;;;AAWA,MAAMA,IAAS,UAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,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,CAAqB;AAAA,EAAA;AAAA,EAErC;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAe;AAAA,EAAA;AAAA,EAE/B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAA,CAAA,CAAe;AAAA,EAAA;AAAA,EAE/B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAA,CAAA,CAAY;AAAA,EAAA;AAAA,EAE5B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYS,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,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,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAS,wBACHC,GAAA,EAAW,QAAQX,GAAY,OAAAC,GAAc,KAAKQ,GAAS;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Drawer/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Drawer from '@/components/ui/Drawer'\r\nimport type { MouseEvent } from 'react'\r\n\r\nconst Basic = () => {\r\n    const [isOpen, setIsOpen] = useState(false)\r\n\r\n    const openDrawer = () => {\r\n        setIsOpen(true)\r\n    }\r\n\r\n    const onDrawerClose = (e: MouseEvent) => {\r\n        console.log('onDrawerClose', e)\r\n        setIsOpen(false)\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <Button onClick={() => openDrawer()}>Open Drawer</Button>\r\n            <Drawer\r\n                title=\"Drawer Title\"\r\n                isOpen={isOpen}\r\n                onClose={onDrawerClose}\r\n                onRequestClose={onDrawerClose}\r\n            >\r\n                Drawer Content\r\n            </Drawer>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Basic\r\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;"}
+{"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,EAClB,GAEMG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAEA,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

@@ -1 +1 @@
-{"version":3,"file":"Closable.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Drawer/Closable.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Drawer from '@/components/ui/Drawer'\r\nimport type { MouseEvent } from 'react'\r\n\r\nconst Closable = () => {\r\n    const [isOpen, setIsOpen] = useState(false)\r\n\r\n    const openDrawer = () => {\r\n        setIsOpen(true)\r\n    }\r\n\r\n    const onDrawerClose = (e: MouseEvent) => {\r\n        console.log('onDrawerClose', e)\r\n        setIsOpen(false)\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <Button onClick={() => openDrawer()}>Open Drawer</Button>\r\n            <Drawer\r\n                title=\"Drawer Title\"\r\n                isOpen={isOpen}\r\n                closable={false}\r\n                onClose={onDrawerClose}\r\n                onRequestClose={onDrawerClose}\r\n            >\r\n                Drawer Content\r\n            </Drawer>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Closable\r\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;"}
+{"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,EAClB,GAEMG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAEA,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

@@ -1 +1 @@
-{"version":3,"file":"CustomStyle.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Drawer/CustomStyle.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Drawer from '@/components/ui/Drawer'\r\n\r\nconst CustomStyle = () => {\r\n    const [isOpen, setIsOpen] = useState(false)\r\n\r\n    const openDrawer = () => {\r\n        setIsOpen(true)\r\n    }\r\n\r\n    const onDrawerClose = () => {\r\n        setIsOpen(false)\r\n    }\r\n\r\n    const Footer = (\r\n        <div className=\"flex w-full items-start\">\r\n            <Button block className=\"mx-2\" onClick={() => onDrawerClose()}>\r\n                Cancel\r\n            </Button>\r\n            <Button\r\n                block\r\n                className=\"mx-2\"\r\n                variant=\"solid\"\r\n                onClick={() => onDrawerClose()}\r\n            >\r\n                Confirm\r\n            </Button>\r\n        </div>\r\n    )\r\n\r\n    const Title = (\r\n        <div>\r\n            <h4 className=\"mb-2\">Drawer Title</h4>\r\n            <p>To iterate is human, to recurse divine.</p>\r\n        </div>\r\n    )\r\n\r\n    return (\r\n        <div>\r\n            <Button onClick={() => openDrawer()}>Open Drawer</Button>\r\n            <Drawer\r\n                title={Title}\r\n                isOpen={isOpen}\r\n                footer={Footer}\r\n                headerClass=\"!items-start !bg-gray-100 dark:!bg-gray-900\"\r\n                footerClass=\"!border-t-0 !p-3\"\r\n                onClose={onDrawerClose}\r\n                onRequestClose={onDrawerClose}\r\n            >\r\n                Drawer Content\r\n            </Drawer>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default CustomStyle\r\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;"}
+{"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,EAClB,GAEMG,IAAgB,MAAM;AACxB,IAAAH,EAAU,EAAK;AAAA,EACnB;AAyBA,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

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Drawer/Footer.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport Drawer from '@/components/ui/Drawer'\r\n\r\nconst Footer = () => {\r\n    const [isOpen, setIsOpen] = useState(false)\r\n\r\n    const openDrawer = () => {\r\n        setIsOpen(true)\r\n    }\r\n\r\n    const onDrawerClose = () => {\r\n        setIsOpen(false)\r\n    }\r\n\r\n    const Footer = (\r\n        <div className=\"text-right w-full\">\r\n            <Button size=\"sm\" className=\"mr-2\" onClick={() => onDrawerClose()}>\r\n                Cancel\r\n            </Button>\r\n            <Button size=\"sm\" variant=\"solid\" onClick={() => onDrawerClose()}>\r\n                Confirm\r\n            </Button>\r\n        </div>\r\n    )\r\n\r\n    return (\r\n        <div>\r\n            <Button variant=\"solid\" onClick={() => openDrawer()}>\r\n                Open Drawer\r\n            </Button>\r\n            <Drawer\r\n                title=\"Drawer Title\"\r\n                isOpen={isOpen}\r\n                footer={Footer}\r\n                onClose={onDrawerClose}\r\n                onRequestClose={onDrawerClose}\r\n            >\r\n                Drawer Content\r\n            </Drawer>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Footer\r\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;"}
+{"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,EAClB,GAEMG,IAAgB,MAAM;AACxB,IAAAH,EAAU,EAAK;AAAA,EACnB;AAaA,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;"}