@orbe-agro/client-core 5.3.147 → 5.3.157

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'\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;"}
+{"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;AAC7B,YAAA,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,2BACK,OACG,EAAA,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,KAAc,UAErD,eAAA;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAC,gBAAAE,EAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAKH,4MAAA,CAAA;AAAA,UACA,gBAAAE,EAAC,OAAI,EAAA,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,YAED;AAAA,8BACCG,GAAO,EAAA,SAAQ,SAAQ,SA9BrB,CAACF,MAAkB;AAC1B,sBAAA,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YACnB,GA2B6D,UAE7C,OAAA,CAAA;AAAA,UAAA,EACJ,CAAA;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'\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;"}
+{"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,OACG,EAAA,UAAA;AAAA,IAAA,gBAAAG,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMF,KAAc,UAErD,eAAA;AAAA,IACC,gBAAAG,EAAAC,GAAA,EAAO,QAAQP,GAAc,UAAU,IACpC,UAAA;AAAA,MAAC,gBAAAI,EAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,MACjC,gBAAAA,EAAC,OAAE,UAKH,4MAAA,CAAA;AAAA,MACA,gBAAAE,EAAC,OAAI,EAAA,WAAU,mBACX,UAAA;AAAA,QAAA,gBAAAF;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,SAAQ;AAAA,YACR,SA3BE,CAACG,MAAkB;AAC7B,sBAAA,IAAI,iBAAiBA,CAAC,GAC9BP,EAAU,EAAK;AAAA,YACnB;AAAA,YAyBiB,UAAA;AAAA,UAAA;AAAA,QAED;AAAA,0BACCI,GAAO,EAAA,SAAQ,SAAQ,SA1BrB,CAACG,MAAkB;AAC1B,kBAAA,IAAI,cAAcA,CAAC,GAC3BP,EAAU,EAAK;AAAA,QACnB,GAuB6D,UAE7C,OAAA,CAAA;AAAA,MAAA,EACJ,CAAA;AAAA,IAAA,EACJ,CAAA;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'\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;"}
+{"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;AAC7B,YAAA,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,2BACK,OACG,EAAA,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,KAAc,UAErD,eAAA;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,UAAC,gBAAAE,EAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAKH,4MAAA,CAAA;AAAA,UACA,gBAAAE,EAAC,OAAI,EAAA,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,YAED;AAAA,8BACCG,GAAO,EAAA,SAAQ,SAAQ,SAhCrB,CAACF,MAAkB;AAC1B,sBAAA,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YACnB,GA6B6D,UAE7C,OAAA,CAAA;AAAA,UAAA,EACJ,CAAA;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'\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;"}
+{"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;AAC7B,YAAA,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,2BACK,OACG,EAAA,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,KAAc,UAErD,eAAA;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,OAAO;AAAA,UACH,SAAS;AAAA,YACL,WAAW;AAAA,UAAA;AAAA,QAEnB;AAAA,QACA,kBAAiB;AAAA,QACjB,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAC,gBAAAI,EAAA,OAAA,EAAI,WAAU,aACX,UAAA;AAAA,YAAC,gBAAAF,EAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,YACjC,gBAAAA,EAAC,OAAE,UAKH,4MAAA,CAAA;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAE,EAAC,OAAI,EAAA,WAAU,iFACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAED;AAAA,8BACCG,GAAO,EAAA,SAAQ,SAAQ,SArCrB,CAACF,MAAkB;AAC1B,sBAAA,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YACnB,GAkC6D,UAE7C,OAAA,CAAA;AAAA,UAAA,EACJ,CAAA;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'\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;"}
+{"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;AAC7B,YAAA,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,2BACK,OACG,EAAA,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,KAAc,UAErD,QAAA;AAAA,IACA,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,QAAQR;AAAA,QACR,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA,gBAAAK,EAAC,OAAI,EAAA,WAAU,wCACX,UAAA;AAAA,UAAC,gBAAAH,EAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,UACjC,gBAAAG,EAAC,OAAI,EAAA,WAAU,4BACX,UAAA;AAAA,YAAA,gBAAAH,EAAC,OAAE,UAUH,4ZAAA,CAAA;AAAA,YACA,gBAAAA,EAAC,OAAE,UAmBH,63BAAA,CAAA;AAAA,YACA,gBAAAA,EAAC,OAAE,UAUH,6ZAAA,CAAA;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAG,EAAC,OAAI,EAAA,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,YAED;AAAA,8BACCG,GAAO,EAAA,SAAQ,SAAQ,SArEzB,CAACF,MAAkB;AAC1B,sBAAA,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YACnB,GAkEiE,UAE7C,OAAA,CAAA;AAAA,UAAA,EACJ,CAAA;AAAA,QAAA,EACJ,CAAA;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'\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;"}
+{"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;AAC7B,YAAA,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,2BACK,OACG,EAAA,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,KAAc,UAErD,sBAAA;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,OAAI,EAAA,WAAU,wCACX,UAAA;AAAA,UAAC,gBAAAH,EAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAKH,4MAAA,CAAA;AAAA,UACA,gBAAAG,EAAC,OAAI,EAAA,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,YAED;AAAA,8BACCG,GAAO,EAAA,SAAQ,SAAQ,SAjCzB,CAACF,MAAkB;AAC1B,sBAAA,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YACnB,GA8BiE,UAE7C,OAAA,CAAA;AAAA,UAAA,EACJ,CAAA;AAAA,QAAA,EACJ,CAAA;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'\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;"}
+{"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;AAC7B,YAAA,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,2BACK,OACG,EAAA,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,KAAc,UAErD,eAAA;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,mBAAkB;AAAA,QAClB,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAC,gBAAAE,EAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAKH,4MAAA,CAAA;AAAA,UACA,gBAAAE,EAAC,OAAI,EAAA,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,YAED;AAAA,8BACCG,GAAO,EAAA,SAAQ,SAAQ,SA/BrB,CAACF,MAAkB;AAC1B,sBAAA,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YACnB,GA4B6D,UAE7C,OAAA,CAAA;AAAA,UAAA,EACJ,CAAA;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'\n\n// Demo\nimport Basic from './Basic'\nimport Size from './Size'\nimport CloseWithEscBackdrop from './CloseWithEscBackdrop'\nimport InternalScroll from './InternalScroll'\nimport StaticBackdrop from './StaticBackdrop'\nimport CustomStyle from './CustomStyle'\nimport Closable from './Closable'\n\nconst mdPath = 'Dialog'\n\nconst demoHeader = {\n    title: 'Dialog',\n    desc: 'Dialog is a box that overlay on the current page which force user interact with.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of Dialog.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Size',\n        mdPath: mdPath,\n        title: 'Size',\n        desc: `Dialog allow us to input <code>width</code> & <code>height</code> to adjust the size of Dialog.`,\n        component: <Size />,\n    },\n    {\n        mdName: 'CloseWithEscBackdrop',\n        mdPath: mdPath,\n        title: 'Disable Escape & backdrop click',\n        desc: `We can disable escape key & backdrop click close by setting <code>shouldCloseOnOverlayClick</code> & <code>shouldCloseOnEsc</code> props. `,\n        component: <CloseWithEscBackdrop />,\n    },\n    {\n        mdName: 'InternalScroll',\n        mdPath: mdPath,\n        title: 'Internal Scroll',\n        desc: `Example of Dialog internal scroll.`,\n        component: <InternalScroll />,\n    },\n    {\n        mdName: 'StaticBackdrop',\n        mdPath: mdPath,\n        title: 'Lock Scroll',\n        desc: `We can lock window scroll by passing <code>'overflow-hidden</code> to <code>bodyOpenClassName</code>`,\n        component: <StaticBackdrop />,\n    },\n    {\n        mdName: 'CustomStyle',\n        mdPath: mdPath,\n        title: 'Custom dialog style',\n        desc: `Example of Dialog custom style`,\n        component: <CustomStyle />,\n    },\n    {\n        mdName: 'Closable',\n        mdPath: mdPath,\n        title: 'Closable',\n        desc: `Set <code>closeable</code> to false will hide Dialog close icon.`,\n        component: <Closable />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Dialog',\n        api: [\n            {\n                propName: 'width',\n                type: `<code>string</code> | <code>number</code>`,\n                default: `<code>520</code>`,\n                desc: 'Dialog width',\n            },\n            {\n                propName: 'height',\n                type: `<code>string</code> | <code>number</code>`,\n                default: `-`,\n                desc: 'Dialog height',\n            },\n            {\n                propName: 'isOpen',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to display dialog',\n            },\n            {\n                propName: 'style',\n                type: `<code>object: { content: object, overlay: object }</code>`,\n                default: `<-`,\n                desc: 'Style for dialog & backdrop',\n            },\n            {\n                propName: 'contentClassName',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class name that append to Dialog content',\n            },\n            {\n                propName: 'portalClassName',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class name that append to Dialog portal',\n            },\n            {\n                propName: 'bodyOpenClassName',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class name that append to body while Dialog is open',\n            },\n            {\n                propName: 'htmlOpenClassName',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class name that append to html while Dialog is open',\n            },\n            {\n                propName: 'overlayClassName',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class name for Dialog backdrop',\n            },\n            {\n                propName: 'appElement',\n                type: `<code>SafeHTMLElement</code> | <code>SafeHTMLCollection</code> | <code>SafeNodeList</code> | <code>SafeHTMLElement[]</code>`,\n                default: `-`,\n                desc: 'Setting external node to Dialog content',\n            },\n            {\n                propName: 'onAfterOpen',\n                type: `<code>(overlayElement: HTMLElement, contentElement: HTMLElement) => void</code>`,\n                default: `-`,\n                desc: 'Callback function after Dialog open',\n            },\n            {\n                propName: 'closable',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether show Dialog close icon',\n            },\n            {\n                propName: 'onClose',\n                type: `<code>(event: Event) => void</code>`,\n                default: `-`,\n                desc: 'Callback function after click on Dialog close icon',\n            },\n            {\n                propName: 'onRequestClose',\n                type: `<code>(event: Event) => void</code>`,\n                default: `-`,\n                desc: 'Callback function after Dialog close',\n            },\n            {\n                propName: 'closeTimeoutMS',\n                type: `<code>(event: Event) => void</code>`,\n                default: `<code>150</code>`,\n                desc: 'Timeout speed during Dialog close',\n            },\n            {\n                propName: 'shouldFocusAfterRender',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Boolean indicating if the dialog should be focused after render',\n            },\n            {\n                propName: 'shouldReturnFocusAfterClose',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Boolean indicating if the dialog should restore focus to the element that had focus prior to its display',\n            },\n            {\n                propName: 'preventScroll',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Boolean indicating if the dialog should use the preventScroll flag when restoring focus to the element that had focus prior to its display',\n            },\n            {\n                propName: 'shouldCloseOnOverlayClick',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to close Dialog when the backdrop is clicked',\n            },\n            {\n                propName: 'shouldCloseOnEsc',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to close Dialog when esc key pressed',\n            },\n            {\n                propName: 'parentSelector',\n                type: `<code>() => document.body</code>`,\n                default: `<code>() => document.body</code>`,\n                desc: 'Function that will be called to get the parent element that the dialog will be attached to',\n            },\n            {\n                propName: 'overlayRef',\n                type: `<code>(node: Node) => void</code>`,\n                default: `-`,\n                desc: 'Dialog backdrop ref',\n            },\n            {\n                propName: 'contentRef',\n                type: `<code>(node: Node) => void</code>`,\n                default: `-`,\n                desc: 'Dialog content ref',\n            },\n        ],\n    },\n]\n\nconst Dialog = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Dialog\n"],"names":["mdPath","demoHeader","demos","Basic","Size","CloseWithEscBackdrop","InternalScroll","StaticBackdrop","CustomStyle","Closable","demoApi","Dialog","DemoLayout"],"mappings":"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"}
+{"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,GAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAK,CAAA,CAAA;AAAA,EACrB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAqB,CAAA,CAAA;AAAA,EACrC;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAe,CAAA,CAAA;AAAA,EAC/B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAe,CAAA,CAAA;AAAA,EAC/B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAY,CAAA,CAAA;AAAA,EAC5B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYS,GAAS,CAAA,CAAA;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,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAS,wBACHC,GAAW,EAAA,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'\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;"}
+{"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;AAC7B,YAAA,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAEA,2BACK,OACG,EAAA,UAAA;AAAA,IAAA,gBAAAK,EAACC,GAAO,EAAA,SAAS,MAAMJ,KAAc,UAAW,eAAA;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'\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;"}
+{"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;AAC7B,YAAA,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAEA,2BACK,OACG,EAAA,UAAA;AAAA,IAAA,gBAAAK,EAACC,GAAO,EAAA,SAAS,MAAMJ,KAAc,UAAW,eAAA;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'\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;"}
+{"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,OACG,EAAA,UAAA;AAAA,IAAA,gBAAAI,EAACC,GAAO,EAAA,SAAS,MAAMH,KAAc,UAAW,eAAA;AAAA,IAChD,gBAAAE;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,yBAVP,OACG,EAAA,UAAA;AAAA,UAAC,gBAAAF,EAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAAuC,0CAAA,CAAA;AAAA,QAAA,GAC9C;AAAA,QAQQ,QAAAL;AAAA,QACA,QA5BR,gBAAAQ,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,UAAC,gBAAAH,EAAAC,GAAA,EAAO,OAAK,IAAC,WAAU,QAAO,SAAS,MAAMF,EAAc,GAAG,UAE/D,SAAA,CAAA;AAAA,UACA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,OAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAQ;AAAA,cACR,SAAS,MAAMF,EAAc;AAAA,cAChC,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'\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;"}
+{"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,OACG,EAAA,UAAA;AAAA,IAAA,gBAAAI,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMH,KAAc,UAErD,eAAA;AAAA,IACA,gBAAAE;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,QAAAP;AAAA,QACA,QAlBR,gBAAAQ,EAAC,OAAI,EAAA,WAAU,qBACX,UAAA;AAAA,UAAC,gBAAAH,EAAAC,GAAA,EAAO,MAAK,MAAK,WAAU,QAAO,SAAS,MAAMF,EAAc,GAAG,UAEnE,SAAA,CAAA;AAAA,UACA,gBAAAC,EAACC,GAAO,EAAA,MAAK,MAAK,SAAQ,SAAQ,SAAS,MAAMF,KAAiB,UAElE,UAAA,CAAA;AAAA,QAAA,GACJ;AAAA,QAYQ,SAASA;AAAA,QACT,gBAAgBA;AAAA,QACnB,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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