@orbe-agro/client-core 5.5.82 → 5.6.0

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

@@ -1 +1 @@
-{"version":3,"file":"Color.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Spinner/Color.tsx"],"sourcesContent":["import Spinner from '@/components/ui/Spinner'\n\nconst Color = () => {\n    return (\n        <div className=\"flex items-center\">\n            <Spinner className=\"mr-4 text-yellow-500\" size=\"40px\" />\n            <Spinner className=\"mr-4 text-green-500\" size=\"40px\" />\n        </div>\n    )\n}\n\nexport default Color\n"],"names":[],"mappings":";;;AAEA,MAAM,QAAQ,MAAM;AAChB,SACI,qBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAQ,WAAU,wBAAuB,MAAK,QAAO;AAAA,IACtD,oBAAC,SAAA,EAAQ,WAAU,uBAAsB,MAAK,OAAA,CAAO;AAAA,EAAA,GACzD;AAER;"}
+{"version":3,"file":"Color.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Spinner/Color.tsx"],"sourcesContent":["import Spinner from '@/components/ui/Spinner'\r\n\r\nconst Color = () => {\r\n    return (\r\n        <div className=\"flex items-center\">\r\n            <Spinner className=\"mr-4 text-yellow-500\" size=\"40px\" />\r\n            <Spinner className=\"mr-4 text-green-500\" size=\"40px\" />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Color\r\n"],"names":[],"mappings":";;;AAEA,MAAM,QAAQ,MAAM;AAChB,SACI,qBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAQ,WAAU,wBAAuB,MAAK,QAAO;AAAA,IACtD,oBAAC,SAAA,EAAQ,WAAU,uBAAsB,MAAK,OAAA,CAAO;AAAA,EAAA,GACzD;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"CustomIndicator.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Spinner/CustomIndicator.tsx"],"sourcesContent":["import Spinner from '@/components/ui/Spinner'\nimport { ImSpinner9 } from 'react-icons/im'\n\nconst CustomIndicator = () => {\n    return (\n        <div>\n            <Spinner size={40} indicator={ImSpinner9} />\n        </div>\n    )\n}\n\nexport default CustomIndicator\n"],"names":[],"mappings":";;;;AAGA,MAAM,kBAAkB,MAAM;AAC1B,SACI,oBAAC,SACG,UAAA,oBAAC,SAAA,EAAQ,MAAM,IAAI,WAAW,YAAY,EAAA,CAC9C;AAER;"}
+{"version":3,"file":"CustomIndicator.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Spinner/CustomIndicator.tsx"],"sourcesContent":["import Spinner from '@/components/ui/Spinner'\r\nimport { ImSpinner9 } from 'react-icons/im'\r\n\r\nconst CustomIndicator = () => {\r\n    return (\r\n        <div>\r\n            <Spinner size={40} indicator={ImSpinner9} />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default CustomIndicator\r\n"],"names":[],"mappings":";;;;AAGA,MAAM,kBAAkB,MAAM;AAC1B,SACI,oBAAC,SACG,UAAA,oBAAC,SAAA,EAAQ,MAAM,IAAI,WAAW,YAAY,EAAA,CAC9C;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Size.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Spinner/Size.tsx"],"sourcesContent":["import Spinner from '@/components/ui/Spinner'\n\nexport const Size = () => {\n    return (\n        <div className=\"flex items-center\">\n            <Spinner className=\"mr-4\" size={30} />\n            <Spinner className=\"mr-4\" size=\"40px\" />\n            <Spinner size=\"3.25rem\" />\n        </div>\n    )\n}\n\nexport default Size\n"],"names":[],"mappings":";;;AAEO,MAAM,OAAO,MAAM;AACtB,SACI,qBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAQ,WAAU,QAAO,MAAM,IAAI;AAAA,IACpC,oBAAC,SAAA,EAAQ,WAAU,QAAO,MAAK,QAAO;AAAA,IACtC,oBAAC,SAAA,EAAQ,MAAK,UAAA,CAAU;AAAA,EAAA,GAC5B;AAER;"}
+{"version":3,"file":"Size.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Spinner/Size.tsx"],"sourcesContent":["import Spinner from '@/components/ui/Spinner'\r\n\r\nexport const Size = () => {\r\n    return (\r\n        <div className=\"flex items-center\">\r\n            <Spinner className=\"mr-4\" size={30} />\r\n            <Spinner className=\"mr-4\" size=\"40px\" />\r\n            <Spinner size=\"3.25rem\" />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Size\r\n"],"names":[],"mappings":";;;AAEO,MAAM,OAAO,MAAM;AACtB,SACI,qBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAQ,WAAU,QAAO,MAAM,IAAI;AAAA,IACpC,oBAAC,SAAA,EAAQ,WAAU,QAAO,MAAK,QAAO;AAAA,IACtC,oBAAC,SAAA,EAAQ,MAAK,UAAA,CAAU;AAAA,EAAA,GAC5B;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Static.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Spinner/Static.tsx"],"sourcesContent":["import Spinner from '@/components/ui/Spinner'\n\nconst Static = () => {\n    return (\n        <div>\n            <Spinner isSpining={false} size=\"40px\" />\n        </div>\n    )\n}\n\nexport default Static\n"],"names":[],"mappings":";;;AAEA,MAAM,SAAS,MAAM;AACjB,SACI,oBAAC,SACG,UAAA,oBAAC,SAAA,EAAQ,WAAW,OAAO,MAAK,QAAO,EAAA,CAC3C;AAER;"}
+{"version":3,"file":"Static.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Spinner/Static.tsx"],"sourcesContent":["import Spinner from '@/components/ui/Spinner'\r\n\r\nconst Static = () => {\r\n    return (\r\n        <div>\r\n            <Spinner isSpining={false} size=\"40px\" />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Static\r\n"],"names":[],"mappings":";;;AAEA,MAAM,SAAS,MAAM;AACjB,SACI,oBAAC,SACG,UAAA,oBAAC,SAAA,EAAQ,WAAW,OAAO,MAAK,QAAO,EAAA,CAC3C;AAER;"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Closable.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/Closable.tsx"],"sourcesContent":["import toast from '@/components/ui/toast'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\n\nconst Closable = () => {\n    const toastNotification = (\n        <Notification closable title=\"Mesasge\">\n            The fat cat sat on the mat bat away with paws annoy owner.\n        </Notification>\n    )\n\n    function openNotification() {\n        toast.push(toastNotification)\n    }\n\n    return (\n        <div>\n            <Button onClick={openNotification}>Show toast</Button>\n        </div>\n    )\n}\n\nexport default Closable\n"],"names":[],"mappings":";;;;;;;AAIA,MAAM,WAAW,MAAM;AACnB,QAAM,oBACF,oBAAC,cAAA,EAAa,UAAQ,MAAC,OAAM,WAAU,UAAA,8DAEvC;AAGJ,WAAS,mBAAmB;AACxB,UAAM,KAAK,iBAAiB;AAAA,EAChC;AAEA,6BACK,OAAA,EACG,UAAA,oBAAC,UAAO,SAAS,kBAAkB,wBAAU,EAAA,CACjD;AAER;"}
+{"version":3,"file":"Closable.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/Closable.tsx"],"sourcesContent":["import toast from '@/components/ui/toast'\r\nimport Button from '@/components/ui/Button'\r\nimport Notification from '@/components/ui/Notification'\r\n\r\nconst Closable = () => {\r\n    const toastNotification = (\r\n        <Notification closable title=\"Mesasge\">\r\n            The fat cat sat on the mat bat away with paws annoy owner.\r\n        </Notification>\r\n    )\r\n\r\n    function openNotification() {\r\n        toast.push(toastNotification)\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <Button onClick={openNotification}>Show toast</Button>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Closable\r\n"],"names":[],"mappings":";;;;;;;AAIA,MAAM,WAAW,MAAM;AACnB,QAAM,oBACF,oBAAC,cAAA,EAAa,UAAQ,MAAC,OAAM,WAAU,UAAA,8DAEvC;AAGJ,WAAS,mBAAmB;AACxB,UAAM,KAAK,iBAAiB;AAAA,EAChC;AAEA,6BACK,OAAA,EACG,UAAA,oBAAC,UAAO,SAAS,kBAAkB,wBAAU,EAAA,CACjD;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"CustomClose.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/CustomClose.tsx"],"sourcesContent":["import toast from '@/components/ui/toast'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\n\nconst CustomClose = () => {\n    function closeNotification(key: string | Promise<string>) {\n        if (typeof key !== 'string') {\n            key.then((resolvedValue) => {\n                toast.remove(resolvedValue)\n            })\n        } else {\n            toast.remove(key)\n        }\n    }\n\n    function openNotification() {\n        const notificationKey = toast.push(\n            <Notification title=\"Mesasge\" duration={0}>\n                <div>\n                    The fat cat sat on the mat bat away with paws annoy owner.\n                </div>\n                <div className=\"text-right mt-3\">\n                    <Button\n                        size=\"sm\"\n                        variant=\"solid\"\n                        className=\"mr-2\"\n                        onClick={() =>\n                            closeNotification(\n                                notificationKey as string | Promise<string>,\n                            )\n                        }\n                    >\n                        Confirm\n                    </Button>\n                    <Button\n                        size=\"sm\"\n                        onClick={() =>\n                            closeNotification(\n                                notificationKey as string | Promise<string>,\n                            )\n                        }\n                    >\n                        Close\n                    </Button>\n                </div>\n            </Notification>,\n        )\n    }\n\n    return <Button onClick={openNotification}>Show toast</Button>\n}\n\nexport default CustomClose\n"],"names":[],"mappings":";;;;;;;AAIA,MAAM,cAAc,MAAM;AACtB,WAAS,kBAAkB,KAA+B;AACtD,QAAI,OAAO,QAAQ,UAAU;AACzB,UAAI,KAAK,CAAC,kBAAkB;AACxB,cAAM,OAAO,aAAa;AAAA,MAC9B,CAAC;AAAA,IACL,OAAO;AACH,YAAM,OAAO,GAAG;AAAA,IACpB;AAAA,EACJ;AAEA,WAAS,mBAAmB;AACxB,UAAM,kBAAkB,MAAM;AAAA,MAC1B,qBAAC,cAAA,EAAa,OAAM,WAAU,UAAU,GACpC,UAAA;AAAA,QAAA,oBAAC,SAAI,UAAA,6DAAA,CAEL;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,SAAS,MACL;AAAA,gBACI;AAAA,cAAA;AAAA,cAGX,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGD;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,SAAS,MACL;AAAA,gBACI;AAAA,cAAA;AAAA,cAGX,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAED,EAAA,CACJ;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,EAER;AAEA,SAAO,oBAAC,QAAA,EAAO,SAAS,kBAAkB,UAAA,cAAU;AACxD;"}
+{"version":3,"file":"CustomClose.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/CustomClose.tsx"],"sourcesContent":["import toast from '@/components/ui/toast'\r\nimport Button from '@/components/ui/Button'\r\nimport Notification from '@/components/ui/Notification'\r\n\r\nconst CustomClose = () => {\r\n    function closeNotification(key: string | Promise<string>) {\r\n        if (typeof key !== 'string') {\r\n            key.then((resolvedValue) => {\r\n                toast.remove(resolvedValue)\r\n            })\r\n        } else {\r\n            toast.remove(key)\r\n        }\r\n    }\r\n\r\n    function openNotification() {\r\n        const notificationKey = toast.push(\r\n            <Notification title=\"Mesasge\" duration={0}>\r\n                <div>\r\n                    The fat cat sat on the mat bat away with paws annoy owner.\r\n                </div>\r\n                <div className=\"text-right mt-3\">\r\n                    <Button\r\n                        size=\"sm\"\r\n                        variant=\"solid\"\r\n                        className=\"mr-2\"\r\n                        onClick={() =>\r\n                            closeNotification(\r\n                                notificationKey as string | Promise<string>,\r\n                            )\r\n                        }\r\n                    >\r\n                        Confirm\r\n                    </Button>\r\n                    <Button\r\n                        size=\"sm\"\r\n                        onClick={() =>\r\n                            closeNotification(\r\n                                notificationKey as string | Promise<string>,\r\n                            )\r\n                        }\r\n                    >\r\n                        Close\r\n                    </Button>\r\n                </div>\r\n            </Notification>,\r\n        )\r\n    }\r\n\r\n    return <Button onClick={openNotification}>Show toast</Button>\r\n}\r\n\r\nexport default CustomClose\r\n"],"names":[],"mappings":";;;;;;;AAIA,MAAM,cAAc,MAAM;AACtB,WAAS,kBAAkB,KAA+B;AACtD,QAAI,OAAO,QAAQ,UAAU;AACzB,UAAI,KAAK,CAAC,kBAAkB;AACxB,cAAM,OAAO,aAAa;AAAA,MAC9B,CAAC;AAAA,IACL,OAAO;AACH,YAAM,OAAO,GAAG;AAAA,IACpB;AAAA,EACJ;AAEA,WAAS,mBAAmB;AACxB,UAAM,kBAAkB,MAAM;AAAA,MAC1B,qBAAC,cAAA,EAAa,OAAM,WAAU,UAAU,GACpC,UAAA;AAAA,QAAA,oBAAC,SAAI,UAAA,6DAAA,CAEL;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,SAAS,MACL;AAAA,gBACI;AAAA,cAAA;AAAA,cAGX,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGD;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,SAAS,MACL;AAAA,gBACI;AAAA,cAAA;AAAA,cAGX,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAED,EAAA,CACJ;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,EAER;AAEA,SAAO,oBAAC,QAAA,EAAO,SAAS,kBAAkB,UAAA,cAAU;AACxD;"}

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

@@ -1 +1 @@
-{"version":3,"file":"CustomIcon.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/CustomIcon.tsx"],"sourcesContent":["import toast from '@/components/ui/toast'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\nimport Avatar from '@/components/ui/Avatar'\nimport { HiOutlineGift } from 'react-icons/hi'\n\nconst CustomIcon = () => {\n    const notificationWithIcon = (\n        <Notification\n            title=\"You received a Gift!\"\n            customIcon={<HiOutlineGift className=\"text-2xl text-indigo-600\" />}\n        >\n            Something you may like.\n        </Notification>\n    )\n\n    const notificationWithAvatar = (\n        <Notification\n            title=\"Emily Gale\"\n            customIcon={\n                <Avatar shape=\"circle\" src=\"/img/avatars/thumb-1.jpg\" />\n            }\n        >\n            Sent you a friend request.\n        </Notification>\n    )\n\n    function openNotification(type: string) {\n        toast.push(\n            type === 'icon' ? notificationWithIcon : notificationWithAvatar,\n        )\n    }\n\n    return (\n        <div>\n            <Button className=\"mr-2\" onClick={() => openNotification('icon')}>\n                Custom icon\n            </Button>\n            <Button onClick={() => openNotification('avatar')}>Avatar</Button>\n        </div>\n    )\n}\n\nexport default CustomIcon\n"],"names":[],"mappings":";;;;;;;;;AAMA,MAAM,aAAa,MAAM;AACrB,QAAM,uBACF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,YAAY,oBAAC,eAAA,EAAc,WAAU,2BAAA,CAA2B;AAAA,MACnE,UAAA;AAAA,IAAA;AAAA,EAAA;AAKL,QAAM,yBACF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,YACI,oBAAC,QAAA,EAAO,OAAM,UAAS,KAAI,4BAA2B;AAAA,MAE7D,UAAA;AAAA,IAAA;AAAA,EAAA;AAKL,WAAS,iBAAiB,MAAc;AACpC,UAAM;AAAA,MACF,SAAS,SAAS,uBAAuB;AAAA,IAAA;AAAA,EAEjD;AAEA,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,WAAU,QAAO,SAAS,MAAM,iBAAiB,MAAM,GAAG,UAAA,cAAA,CAElE;AAAA,wBACC,QAAA,EAAO,SAAS,MAAM,iBAAiB,QAAQ,GAAG,UAAA,SAAA,CAAM;AAAA,EAAA,GAC7D;AAER;"}
+{"version":3,"file":"CustomIcon.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/CustomIcon.tsx"],"sourcesContent":["import toast from '@/components/ui/toast'\r\nimport Button from '@/components/ui/Button'\r\nimport Notification from '@/components/ui/Notification'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport { HiOutlineGift } from 'react-icons/hi'\r\n\r\nconst CustomIcon = () => {\r\n    const notificationWithIcon = (\r\n        <Notification\r\n            title=\"You received a Gift!\"\r\n            customIcon={<HiOutlineGift className=\"text-2xl text-indigo-600\" />}\r\n        >\r\n            Something you may like.\r\n        </Notification>\r\n    )\r\n\r\n    const notificationWithAvatar = (\r\n        <Notification\r\n            title=\"Emily Gale\"\r\n            customIcon={\r\n                <Avatar shape=\"circle\" src=\"/img/avatars/thumb-1.jpg\" />\r\n            }\r\n        >\r\n            Sent you a friend request.\r\n        </Notification>\r\n    )\r\n\r\n    function openNotification(type: string) {\r\n        toast.push(\r\n            type === 'icon' ? notificationWithIcon : notificationWithAvatar,\r\n        )\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <Button className=\"mr-2\" onClick={() => openNotification('icon')}>\r\n                Custom icon\r\n            </Button>\r\n            <Button onClick={() => openNotification('avatar')}>Avatar</Button>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default CustomIcon\r\n"],"names":[],"mappings":";;;;;;;;;AAMA,MAAM,aAAa,MAAM;AACrB,QAAM,uBACF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,YAAY,oBAAC,eAAA,EAAc,WAAU,2BAAA,CAA2B;AAAA,MACnE,UAAA;AAAA,IAAA;AAAA,EAAA;AAKL,QAAM,yBACF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,YACI,oBAAC,QAAA,EAAO,OAAM,UAAS,KAAI,4BAA2B;AAAA,MAE7D,UAAA;AAAA,IAAA;AAAA,EAAA;AAKL,WAAS,iBAAiB,MAAc;AACpC,UAAM;AAAA,MACF,SAAS,SAAS,uBAAuB;AAAA,IAAA;AAAA,EAEjD;AAEA,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,WAAU,QAAO,SAAS,MAAM,iBAAiB,MAAM,GAAG,UAAA,cAAA,CAElE;AAAA,wBACC,QAAA,EAAO,SAAS,MAAM,iBAAiB,QAAQ,GAAG,UAAA,SAAA,CAAM;AAAA,EAAA,GAC7D;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Duration.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/Duration.tsx"],"sourcesContent":["import toast from '@/components/ui/toast'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\n\nconst Duration = () => {\n    function notificationNeverClose() {\n        toast.push(\n            <Notification closable type=\"success\" duration={0}>\n                Success\n            </Notification>,\n        )\n    }\n\n    function closeAfter2000ms() {\n        toast.push(\n            <Notification closable type=\"success\" duration={2000}>\n                Success\n            </Notification>,\n        )\n    }\n\n    return (\n        <div>\n            <Button className=\"mr-2\" onClick={notificationNeverClose}>\n                Persist\n            </Button>\n            <Button className=\"mr-2\" onClick={closeAfter2000ms}>\n                Close after 2s\n            </Button>\n        </div>\n    )\n}\n\nexport default Duration\n"],"names":[],"mappings":";;;;;;;AAIA,MAAM,WAAW,MAAM;AACnB,WAAS,yBAAyB;AAC9B,UAAM;AAAA,MACF,oBAAC,gBAAa,UAAQ,MAAC,MAAK,WAAU,UAAU,GAAG,UAAA,UAAA,CAEnD;AAAA,IAAA;AAAA,EAER;AAEA,WAAS,mBAAmB;AACxB,UAAM;AAAA,MACF,oBAAC,gBAAa,UAAQ,MAAC,MAAK,WAAU,UAAU,KAAM,UAAA,UAAA,CAEtD;AAAA,IAAA;AAAA,EAER;AAEA,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,WAAU,QAAO,SAAS,wBAAwB,UAAA,WAE1D;AAAA,wBACC,QAAA,EAAO,WAAU,QAAO,SAAS,kBAAkB,UAAA,iBAAA,CAEpD;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Duration.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/Duration.tsx"],"sourcesContent":["import toast from '@/components/ui/toast'\r\nimport Button from '@/components/ui/Button'\r\nimport Notification from '@/components/ui/Notification'\r\n\r\nconst Duration = () => {\r\n    function notificationNeverClose() {\r\n        toast.push(\r\n            <Notification closable type=\"success\" duration={0}>\r\n                Success\r\n            </Notification>,\r\n        )\r\n    }\r\n\r\n    function closeAfter2000ms() {\r\n        toast.push(\r\n            <Notification closable type=\"success\" duration={2000}>\r\n                Success\r\n            </Notification>,\r\n        )\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <Button className=\"mr-2\" onClick={notificationNeverClose}>\r\n                Persist\r\n            </Button>\r\n            <Button className=\"mr-2\" onClick={closeAfter2000ms}>\r\n                Close after 2s\r\n            </Button>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Duration\r\n"],"names":[],"mappings":";;;;;;;AAIA,MAAM,WAAW,MAAM;AACnB,WAAS,yBAAyB;AAC9B,UAAM;AAAA,MACF,oBAAC,gBAAa,UAAQ,MAAC,MAAK,WAAU,UAAU,GAAG,UAAA,UAAA,CAEnD;AAAA,IAAA;AAAA,EAER;AAEA,WAAS,mBAAmB;AACxB,UAAM;AAAA,MACF,oBAAC,gBAAa,UAAQ,MAAC,MAAK,WAAU,UAAU,KAAM,UAAA,UAAA,CAEtD;AAAA,IAAA;AAAA,EAER;AAEA,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,WAAU,QAAO,SAAS,wBAAwB,UAAA,WAE1D;AAAA,wBACC,QAAA,EAAO,WAAU,QAAO,SAAS,kBAAkB,UAAA,iBAAA,CAEpD;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/Notification.tsx"],"sourcesContent":["import toast from '@/components/ui/toast'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\n\nconst Basic = () => {\n    const toastNotification = (\n        <Notification title=\"Mesasge\">\n            The fat cat sat on the mat bat away with paws annoy owner.\n        </Notification>\n    )\n\n    function openNotification() {\n        toast.push(toastNotification)\n    }\n\n    return (\n        <div>\n            <Button className=\"mr-2 mb-2\" onClick={openNotification}>\n                Show toast\n            </Button>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":[],"mappings":";;;;;;;AAIA,MAAM,QAAQ,MAAM;AAChB,QAAM,oBACF,oBAAC,cAAA,EAAa,OAAM,WAAU,UAAA,8DAE9B;AAGJ,WAAS,mBAAmB;AACxB,UAAM,KAAK,iBAAiB;AAAA,EAChC;AAEA,SACI,oBAAC,SACG,UAAA,oBAAC,QAAA,EAAO,WAAU,aAAY,SAAS,kBAAkB,UAAA,aAAA,CAEzD,EAAA,CACJ;AAER;"}
+{"version":3,"file":"Notification.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/Notification.tsx"],"sourcesContent":["import toast from '@/components/ui/toast'\r\nimport Button from '@/components/ui/Button'\r\nimport Notification from '@/components/ui/Notification'\r\n\r\nconst Basic = () => {\r\n    const toastNotification = (\r\n        <Notification title=\"Mesasge\">\r\n            The fat cat sat on the mat bat away with paws annoy owner.\r\n        </Notification>\r\n    )\r\n\r\n    function openNotification() {\r\n        toast.push(toastNotification)\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <Button className=\"mr-2 mb-2\" onClick={openNotification}>\r\n                Show toast\r\n            </Button>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Basic\r\n"],"names":[],"mappings":";;;;;;;AAIA,MAAM,QAAQ,MAAM;AAChB,QAAM,oBACF,oBAAC,cAAA,EAAa,OAAM,WAAU,UAAA,8DAE9B;AAGJ,WAAS,mBAAmB;AACxB,UAAM,KAAK,iBAAiB;AAAA,EAChC;AAEA,SACI,oBAAC,SACG,UAAA,oBAAC,QAAA,EAAO,WAAU,aAAY,SAAS,kBAAkB,UAAA,aAAA,CAEzD,EAAA,CACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationType.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/NotificationType.tsx"],"sourcesContent":["import toast from '@/components/ui/toast'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\n\nconst NotificationType = () => {\n    const openNotification = (\n        type: 'success' | 'warning' | 'danger' | 'info',\n    ) => {\n        toast.push(\n            <Notification\n                title={type.charAt(0).toUpperCase() + type.slice(1)}\n                type={type}\n            >\n                The fat cat sat on the mat bat away with paws annoy owner.\n            </Notification>,\n        )\n    }\n\n    return (\n        <div>\n            <Button\n                className=\"mr-2 mb-2\"\n                onClick={() => openNotification('success')}\n            >\n                Success\n            </Button>\n            <Button\n                className=\"mr-2 mb-2\"\n                onClick={() => openNotification('info')}\n            >\n                Info\n            </Button>\n            <Button\n                className=\"mr-2 mb-2\"\n                onClick={() => openNotification('danger')}\n            >\n                Danger\n            </Button>\n            <Button\n                className=\"mr-2 mb-2\"\n                onClick={() => openNotification('warning')}\n            >\n                Warning\n            </Button>\n        </div>\n    )\n}\n\nexport default NotificationType\n"],"names":[],"mappings":";;;;;;;AAIA,MAAM,mBAAmB,MAAM;AAC3B,QAAM,mBAAmB,CACrB,SACC;AACD,UAAM;AAAA,MACF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAO,KAAK,OAAO,CAAC,EAAE,gBAAgB,KAAK,MAAM,CAAC;AAAA,UAClD;AAAA,UACH,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAER;AAEA,8BACK,OAAA,EACG,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAM,iBAAiB,SAAS;AAAA,QAC5C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAM,iBAAiB,MAAM;AAAA,QACzC,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAM,iBAAiB,QAAQ;AAAA,QAC3C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAM,iBAAiB,SAAS;AAAA,QAC5C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}
+{"version":3,"file":"NotificationType.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/NotificationType.tsx"],"sourcesContent":["import toast from '@/components/ui/toast'\r\nimport Button from '@/components/ui/Button'\r\nimport Notification from '@/components/ui/Notification'\r\n\r\nconst NotificationType = () => {\r\n    const openNotification = (\r\n        type: 'success' | 'warning' | 'danger' | 'info',\r\n    ) => {\r\n        toast.push(\r\n            <Notification\r\n                title={type.charAt(0).toUpperCase() + type.slice(1)}\r\n                type={type}\r\n            >\r\n                The fat cat sat on the mat bat away with paws annoy owner.\r\n            </Notification>,\r\n        )\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <Button\r\n                className=\"mr-2 mb-2\"\r\n                onClick={() => openNotification('success')}\r\n            >\r\n                Success\r\n            </Button>\r\n            <Button\r\n                className=\"mr-2 mb-2\"\r\n                onClick={() => openNotification('info')}\r\n            >\r\n                Info\r\n            </Button>\r\n            <Button\r\n                className=\"mr-2 mb-2\"\r\n                onClick={() => openNotification('danger')}\r\n            >\r\n                Danger\r\n            </Button>\r\n            <Button\r\n                className=\"mr-2 mb-2\"\r\n                onClick={() => openNotification('warning')}\r\n            >\r\n                Warning\r\n            </Button>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default NotificationType\r\n"],"names":[],"mappings":";;;;;;;AAIA,MAAM,mBAAmB,MAAM;AAC3B,QAAM,mBAAmB,CACrB,SACC;AACD,UAAM;AAAA,MACF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAO,KAAK,OAAO,CAAC,EAAE,gBAAgB,KAAK,MAAM,CAAC;AAAA,UAClD;AAAA,UACH,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAER;AAEA,8BACK,OAAA,EACG,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAM,iBAAiB,SAAS;AAAA,QAC5C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAM,iBAAiB,MAAM;AAAA,QACzC,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAM,iBAAiB,QAAQ;AAAA,QAC3C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAM,iBAAiB,SAAS;AAAA,QAC5C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Placement.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/Placement.tsx"],"sourcesContent":["import toast from '@/components/ui/toast'\nimport Button from '@/components/ui/Button'\nimport Notification from '@/components/ui/Notification'\n\nconst Placement = () => {\n    const openNotification = (\n        placement:\n            | 'top-start'\n            | 'top-center'\n            | 'top-end'\n            | 'bottom-start'\n            | 'bottom-center'\n            | 'bottom-end',\n    ) => {\n        toast.push(<Notification type=\"success\" title=\"Message\" />, {\n            placement: placement,\n        })\n    }\n\n    return (\n        <div className=\"grid md:grid-cols-3 gap-4 max-w-xl\">\n            <Button\n                className=\"mb-2\"\n                onClick={() => openNotification('top-start')}\n            >\n                Top Start\n            </Button>\n            <Button\n                className=\"mb-2\"\n                onClick={() => openNotification('top-center')}\n            >\n                Top Center\n            </Button>\n            <Button\n                className=\"mb-2\"\n                onClick={() => openNotification('top-end')}\n            >\n                Top End\n            </Button>\n            <Button\n                className=\"mb-2\"\n                onClick={() => openNotification('bottom-start')}\n            >\n                Bottom Start\n            </Button>\n            <Button\n                className=\"mb-2\"\n                onClick={() => openNotification('bottom-center')}\n            >\n                Bottom Center\n            </Button>\n            <Button\n                className=\"mb-2\"\n                onClick={() => openNotification('bottom-end')}\n            >\n                Bottom End\n            </Button>\n        </div>\n    )\n}\n\nexport default Placement\n"],"names":[],"mappings":";;;;;;;AAIA,MAAM,YAAY,MAAM;AACpB,QAAM,mBAAmB,CACrB,cAOC;AACD,UAAM,KAAK,oBAAC,cAAA,EAAa,MAAK,WAAU,OAAM,WAAU,GAAI;AAAA,MACxD;AAAA,IAAA,CACH;AAAA,EACL;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,sCACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAM,iBAAiB,WAAW;AAAA,QAC9C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAM,iBAAiB,YAAY;AAAA,QAC/C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAM,iBAAiB,SAAS;AAAA,QAC5C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAM,iBAAiB,cAAc;AAAA,QACjD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAM,iBAAiB,eAAe;AAAA,QAClD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAM,iBAAiB,YAAY;AAAA,QAC/C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}
+{"version":3,"file":"Placement.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/Placement.tsx"],"sourcesContent":["import toast from '@/components/ui/toast'\r\nimport Button from '@/components/ui/Button'\r\nimport Notification from '@/components/ui/Notification'\r\n\r\nconst Placement = () => {\r\n    const openNotification = (\r\n        placement:\r\n            | 'top-start'\r\n            | 'top-center'\r\n            | 'top-end'\r\n            | 'bottom-start'\r\n            | 'bottom-center'\r\n            | 'bottom-end',\r\n    ) => {\r\n        toast.push(<Notification type=\"success\" title=\"Message\" />, {\r\n            placement: placement,\r\n        })\r\n    }\r\n\r\n    return (\r\n        <div className=\"grid md:grid-cols-3 gap-4 max-w-xl\">\r\n            <Button\r\n                className=\"mb-2\"\r\n                onClick={() => openNotification('top-start')}\r\n            >\r\n                Top Start\r\n            </Button>\r\n            <Button\r\n                className=\"mb-2\"\r\n                onClick={() => openNotification('top-center')}\r\n            >\r\n                Top Center\r\n            </Button>\r\n            <Button\r\n                className=\"mb-2\"\r\n                onClick={() => openNotification('top-end')}\r\n            >\r\n                Top End\r\n            </Button>\r\n            <Button\r\n                className=\"mb-2\"\r\n                onClick={() => openNotification('bottom-start')}\r\n            >\r\n                Bottom Start\r\n            </Button>\r\n            <Button\r\n                className=\"mb-2\"\r\n                onClick={() => openNotification('bottom-center')}\r\n            >\r\n                Bottom Center\r\n            </Button>\r\n            <Button\r\n                className=\"mb-2\"\r\n                onClick={() => openNotification('bottom-end')}\r\n            >\r\n                Bottom End\r\n            </Button>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Placement\r\n"],"names":[],"mappings":";;;;;;;AAIA,MAAM,YAAY,MAAM;AACpB,QAAM,mBAAmB,CACrB,cAOC;AACD,UAAM,KAAK,oBAAC,cAAA,EAAa,MAAK,WAAU,OAAM,WAAU,GAAI;AAAA,MACxD;AAAA,IAAA,CACH;AAAA,EACL;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,sCACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAM,iBAAiB,WAAW;AAAA,QAC9C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAM,iBAAiB,YAAY;AAAA,QAC/C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAM,iBAAiB,SAAS;AAAA,QAC5C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAM,iBAAiB,cAAc;AAAA,QACjD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAM,iBAAiB,eAAe;AAAA,QAClD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,MAAM,iBAAiB,YAAY;AAAA,QAC/C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/index.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities */\nimport Table from '@/components/ui/Table'\n\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Notification from './Notification'\nimport NotificationType from './NotificationType'\nimport CustomIcon from './CustomIcon'\nimport Placement from './Placement'\nimport Closable from './Closable'\nimport AlertToast from './AlertToast'\nimport Duration from './Duration'\nimport CustomClose from './CustomClose'\n\nconst mdPath = 'Toast'\n\nconst demoHeader = {\n    title: 'Toast',\n    desc: 'Toast is used to show message on top of an overlay to update that users the status of system.',\n}\n\nconst demos = [\n    {\n        mdName: 'Notification',\n        mdPath: mdPath,\n        title: 'Notification',\n        desc: `Notification pop up with toast`,\n        component: <Notification />,\n    },\n    {\n        mdName: 'NotificationType',\n        mdPath: mdPath,\n        title: 'Notification Type',\n        desc: `Indicate <code>type</code> of Notification will show corresponded icon & colors, type can be <code>'info'</code>, <code>'warning'</code>, <code>'error'</code>, or <code>'success'</code>.`,\n        component: <NotificationType />,\n    },\n    {\n        mdName: 'CustomIcon',\n        mdPath: mdPath,\n        title: 'Custom icon',\n        desc: `Then icon in Notification can be replaced by any element.`,\n        component: <CustomIcon />,\n    },\n    {\n        mdName: 'Placement',\n        mdPath: mdPath,\n        title: 'Placement',\n        desc: `Toast placement can be assign around the trigger element in different positions, there are 6 placement options available.`,\n        component: <Placement />,\n    },\n    {\n        mdName: 'Closable',\n        mdPath: mdPath,\n        title: 'Closable',\n        desc: `Enable <code>closable</code> prop to show close icon in Notification`,\n        component: <Closable />,\n    },\n    {\n        mdName: 'AlertToast',\n        mdPath: mdPath,\n        title: 'Alert',\n        desc: `Toast can also use with <a href=\"/ui-components/alert\" class=\"text-blue-500\">Alert</a>.`,\n        component: <AlertToast />,\n    },\n    {\n        mdName: 'Duration',\n        mdPath: mdPath,\n        title: 'Duration',\n        desc: `Setting <code>duration</code> prop on Notification to specify the duration of open, toast will never dismiss if duration value is <code>0</code>.`,\n        component: <Duration />,\n    },\n    {\n        mdName: 'CustomClose',\n        mdPath: mdPath,\n        title: 'CustomClose',\n        desc: `<code>toast.push()</code> will return a uid of notification instance, we can pass this uid to <code>toast.remove(uid)</code> method to remove the corresponded notification.`,\n        component: <CustomClose />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Notification',\n        api: [\n            {\n                propName: 'closable',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to show close icon',\n            },\n            {\n                propName: 'customIcon',\n                type: `<code>ReactNode</code> | <code>string</code>`,\n                default: `-`,\n                desc: 'Custom element beside Notification content',\n            },\n            {\n                propName: 'duration',\n                type: `<code>number</code>`,\n                default: `<code>3000</code>`,\n                desc: 'Time in seconds before Notification dismiss, it will never dismiss if duration value is 0',\n            },\n            {\n                propName: 'onClose',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `<code>-</code>`,\n                desc: 'Callback when Notification is closed',\n            },\n            {\n                propName: 'title',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Title of Notification',\n            },\n            {\n                propName: 'type',\n                type: `<code>'info'</code> | <code>'warning'</code> | <code>'success'</code> | <code>'danger'</code>`,\n                default: `-`,\n                desc: 'Type of Notification',\n            },\n            {\n                propName: 'width',\n                type: `<code>number</code> | <code>string</code>`,\n                default: `<code>350</code>`,\n                desc: 'Width of Notification',\n            },\n        ],\n    },\n]\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst toastApi = (\n    <>\n        <h4>API</h4>\n        <div className=\"mt-4\">\n            <h6 className=\"mb-3\">toast</h6>\n            <Table className=\"demo-api-table mb-8\">\n                <THead>\n                    <Tr>\n                        <Th>Method</Th>\n                        <Th>Description</Th>\n                    </Tr>\n                </THead>\n                <TBody>\n                    <Tr>\n                        <Td className=\"font-semibold\">\n                            <code>\n                                toast.push(message: ReactNode, options?:\n                                ToastProps): string\n                            </code>\n                        </Td>\n                        <Td>\n                            Method to pop a toast message, it will return a UID\n                            for the current toast\n                        </Td>\n                    </Tr>\n                    <Tr>\n                        <Td className=\"font-semibold\">\n                            <code>toast.remove(key: string): void</code>\n                        </Td>\n                        <Td>\n                            Method to remove a specify toast message by using\n                            the key from push method\n                        </Td>\n                    </Tr>\n                    <Tr>\n                        <Td className=\"font-semibold\">\n                            <code>toast.removeAll(): void</code>\n                        </Td>\n                        <Td>Method to remove all toast message</Td>\n                    </Tr>\n                </TBody>\n            </Table>\n        </div>\n        <div className=\"mt-4\">\n            <h6 className=\"mb-3\">ToastProps</h6>\n            <Table className=\"demo-api-table mb-8\">\n                <THead>\n                    <Tr>\n                        <Th>Prop</Th>\n                        <Th>Description</Th>\n                        <Th>Type</Th>\n                        <Th>Default</Th>\n                    </Tr>\n                </THead>\n                <TBody>\n                    <Tr>\n                        <Td className=\"font-semibold\">block</Td>\n                        <Td>Whether to display toast in full width</Td>\n                        <Td>\n                            <code>boolean</code>\n                        </Td>\n                        <Td>\n                            <code>false</code>\n                        </Td>\n                    </Tr>\n                    <Tr>\n                        <Td className=\"font-semibold\">offsetX</Td>\n                        <Td>Offset X of toast</Td>\n                        <Td>\n                            <code>number</code>\n                        </Td>\n                        <Td>\n                            <code>30</code>\n                        </Td>\n                    </Tr>\n                    <Tr>\n                        <Td className=\"font-semibold\">offsetY</Td>\n                        <Td>Offset Y of toast</Td>\n                        <Td>\n                            <code>number</code>\n                        </Td>\n                        <Td>\n                            <code>30</code>\n                        </Td>\n                    </Tr>\n                    <Tr>\n                        <Td className=\"font-semibold\">placement</Td>\n                        <Td>Placement of toast</Td>\n                        <Td>\n                            <code>'top-start'</code> | <code>'top-center'</code>{' '}\n                            | <code>'top-end'</code> |{' '}\n                            <code>'bottom-start'</code> |{' '}\n                            <code>'bottom-center'</code> |{' '}\n                            <code>'bottom-end'</code>\n                        </Td>\n                        <Td>\n                            <code>'top-end'</code>\n                        </Td>\n                    </Tr>\n                    <Tr>\n                        <Td className=\"font-semibold\">transitionType</Td>\n                        <Td>Transition type of animation</Td>\n                        <Td>\n                            <code>'scale'</code> | <code>'fade'</code>\n                        </Td>\n                        <Td>\n                            <code>'scale'</code>\n                        </Td>\n                    </Tr>\n                </TBody>\n            </Table>\n        </div>\n    </>\n)\n\nconst Noification = () => {\n    return (\n        <DemoLayout\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            note={toastApi}\n            hideApiTitle={true}\n        />\n    )\n}\n\nexport default Noification\n"],"names":["Notification"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Toast/index.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities */\r\nimport Table from '@/components/ui/Table'\r\n\r\nimport DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Notification from './Notification'\r\nimport NotificationType from './NotificationType'\r\nimport CustomIcon from './CustomIcon'\r\nimport Placement from './Placement'\r\nimport Closable from './Closable'\r\nimport AlertToast from './AlertToast'\r\nimport Duration from './Duration'\r\nimport CustomClose from './CustomClose'\r\n\r\nconst mdPath = 'Toast'\r\n\r\nconst demoHeader = {\r\n    title: 'Toast',\r\n    desc: 'Toast is used to show message on top of an overlay to update that users the status of system.',\r\n}\r\n\r\nconst demos = [\r\n    {\r\n        mdName: 'Notification',\r\n        mdPath: mdPath,\r\n        title: 'Notification',\r\n        desc: `Notification pop up with toast`,\r\n        component: <Notification />,\r\n    },\r\n    {\r\n        mdName: 'NotificationType',\r\n        mdPath: mdPath,\r\n        title: 'Notification Type',\r\n        desc: `Indicate <code>type</code> of Notification will show corresponded icon & colors, type can be <code>'info'</code>, <code>'warning'</code>, <code>'error'</code>, or <code>'success'</code>.`,\r\n        component: <NotificationType />,\r\n    },\r\n    {\r\n        mdName: 'CustomIcon',\r\n        mdPath: mdPath,\r\n        title: 'Custom icon',\r\n        desc: `Then icon in Notification can be replaced by any element.`,\r\n        component: <CustomIcon />,\r\n    },\r\n    {\r\n        mdName: 'Placement',\r\n        mdPath: mdPath,\r\n        title: 'Placement',\r\n        desc: `Toast placement can be assign around the trigger element in different positions, there are 6 placement options available.`,\r\n        component: <Placement />,\r\n    },\r\n    {\r\n        mdName: 'Closable',\r\n        mdPath: mdPath,\r\n        title: 'Closable',\r\n        desc: `Enable <code>closable</code> prop to show close icon in Notification`,\r\n        component: <Closable />,\r\n    },\r\n    {\r\n        mdName: 'AlertToast',\r\n        mdPath: mdPath,\r\n        title: 'Alert',\r\n        desc: `Toast can also use with <a href=\"/ui-components/alert\" class=\"text-blue-500\">Alert</a>.`,\r\n        component: <AlertToast />,\r\n    },\r\n    {\r\n        mdName: 'Duration',\r\n        mdPath: mdPath,\r\n        title: 'Duration',\r\n        desc: `Setting <code>duration</code> prop on Notification to specify the duration of open, toast will never dismiss if duration value is <code>0</code>.`,\r\n        component: <Duration />,\r\n    },\r\n    {\r\n        mdName: 'CustomClose',\r\n        mdPath: mdPath,\r\n        title: 'CustomClose',\r\n        desc: `<code>toast.push()</code> will return a uid of notification instance, we can pass this uid to <code>toast.remove(uid)</code> method to remove the corresponded notification.`,\r\n        component: <CustomClose />,\r\n    },\r\n]\r\n\r\nconst demoApi = [\r\n    {\r\n        component: 'Notification',\r\n        api: [\r\n            {\r\n                propName: 'closable',\r\n                type: `<code>boolean</code>`,\r\n                default: `<code>false</code>`,\r\n                desc: 'Whether to show close icon',\r\n            },\r\n            {\r\n                propName: 'customIcon',\r\n                type: `<code>ReactNode</code> | <code>string</code>`,\r\n                default: `-`,\r\n                desc: 'Custom element beside Notification content',\r\n            },\r\n            {\r\n                propName: 'duration',\r\n                type: `<code>number</code>`,\r\n                default: `<code>3000</code>`,\r\n                desc: 'Time in seconds before Notification dismiss, it will never dismiss if duration value is 0',\r\n            },\r\n            {\r\n                propName: 'onClose',\r\n                type: `<code>(e: MouseEvent) => void</code>`,\r\n                default: `<code>-</code>`,\r\n                desc: 'Callback when Notification is closed',\r\n            },\r\n            {\r\n                propName: 'title',\r\n                type: `<code>string</code>`,\r\n                default: `-`,\r\n                desc: 'Title of Notification',\r\n            },\r\n            {\r\n                propName: 'type',\r\n                type: `<code>'info'</code> | <code>'warning'</code> | <code>'success'</code> | <code>'danger'</code>`,\r\n                default: `-`,\r\n                desc: 'Type of Notification',\r\n            },\r\n            {\r\n                propName: 'width',\r\n                type: `<code>number</code> | <code>string</code>`,\r\n                default: `<code>350</code>`,\r\n                desc: 'Width of Notification',\r\n            },\r\n        ],\r\n    },\r\n]\r\n\r\nconst { Tr, Th, Td, THead, TBody } = Table\r\n\r\nconst toastApi = (\r\n    <>\r\n        <h4>API</h4>\r\n        <div className=\"mt-4\">\r\n            <h6 className=\"mb-3\">toast</h6>\r\n            <Table className=\"demo-api-table mb-8\">\r\n                <THead>\r\n                    <Tr>\r\n                        <Th>Method</Th>\r\n                        <Th>Description</Th>\r\n                    </Tr>\r\n                </THead>\r\n                <TBody>\r\n                    <Tr>\r\n                        <Td className=\"font-semibold\">\r\n                            <code>\r\n                                toast.push(message: ReactNode, options?:\r\n                                ToastProps): string\r\n                            </code>\r\n                        </Td>\r\n                        <Td>\r\n                            Method to pop a toast message, it will return a UID\r\n                            for the current toast\r\n                        </Td>\r\n                    </Tr>\r\n                    <Tr>\r\n                        <Td className=\"font-semibold\">\r\n                            <code>toast.remove(key: string): void</code>\r\n                        </Td>\r\n                        <Td>\r\n                            Method to remove a specify toast message by using\r\n                            the key from push method\r\n                        </Td>\r\n                    </Tr>\r\n                    <Tr>\r\n                        <Td className=\"font-semibold\">\r\n                            <code>toast.removeAll(): void</code>\r\n                        </Td>\r\n                        <Td>Method to remove all toast message</Td>\r\n                    </Tr>\r\n                </TBody>\r\n            </Table>\r\n        </div>\r\n        <div className=\"mt-4\">\r\n            <h6 className=\"mb-3\">ToastProps</h6>\r\n            <Table className=\"demo-api-table mb-8\">\r\n                <THead>\r\n                    <Tr>\r\n                        <Th>Prop</Th>\r\n                        <Th>Description</Th>\r\n                        <Th>Type</Th>\r\n                        <Th>Default</Th>\r\n                    </Tr>\r\n                </THead>\r\n                <TBody>\r\n                    <Tr>\r\n                        <Td className=\"font-semibold\">block</Td>\r\n                        <Td>Whether to display toast in full width</Td>\r\n                        <Td>\r\n                            <code>boolean</code>\r\n                        </Td>\r\n                        <Td>\r\n                            <code>false</code>\r\n                        </Td>\r\n                    </Tr>\r\n                    <Tr>\r\n                        <Td className=\"font-semibold\">offsetX</Td>\r\n                        <Td>Offset X of toast</Td>\r\n                        <Td>\r\n                            <code>number</code>\r\n                        </Td>\r\n                        <Td>\r\n                            <code>30</code>\r\n                        </Td>\r\n                    </Tr>\r\n                    <Tr>\r\n                        <Td className=\"font-semibold\">offsetY</Td>\r\n                        <Td>Offset Y of toast</Td>\r\n                        <Td>\r\n                            <code>number</code>\r\n                        </Td>\r\n                        <Td>\r\n                            <code>30</code>\r\n                        </Td>\r\n                    </Tr>\r\n                    <Tr>\r\n                        <Td className=\"font-semibold\">placement</Td>\r\n                        <Td>Placement of toast</Td>\r\n                        <Td>\r\n                            <code>'top-start'</code> | <code>'top-center'</code>{' '}\r\n                            | <code>'top-end'</code> |{' '}\r\n                            <code>'bottom-start'</code> |{' '}\r\n                            <code>'bottom-center'</code> |{' '}\r\n                            <code>'bottom-end'</code>\r\n                        </Td>\r\n                        <Td>\r\n                            <code>'top-end'</code>\r\n                        </Td>\r\n                    </Tr>\r\n                    <Tr>\r\n                        <Td className=\"font-semibold\">transitionType</Td>\r\n                        <Td>Transition type of animation</Td>\r\n                        <Td>\r\n                            <code>'scale'</code> | <code>'fade'</code>\r\n                        </Td>\r\n                        <Td>\r\n                            <code>'scale'</code>\r\n                        </Td>\r\n                    </Tr>\r\n                </TBody>\r\n            </Table>\r\n        </div>\r\n    </>\r\n)\r\n\r\nconst Noification = () => {\r\n    return (\r\n        <DemoLayout\r\n            header={demoHeader}\r\n            demos={demos}\r\n            api={demoApi}\r\n            note={toastApi}\r\n            hideApiTitle={true}\r\n        />\r\n    )\r\n}\r\n\r\nexport default Noification\r\n"],"names":["Notification"],"mappings":";;;;;;;;;;;AAeA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAYA,OAAA,CAAA,CAAa;AAAA,EAAA;AAAA,EAE7B;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,kBAAA,CAAA,CAAiB;AAAA,EAAA;AAAA,EAEjC;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,YAAA,CAAA,CAAW;AAAA,EAAA;AAAA,EAE3B;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,WAAA,CAAA,CAAU;AAAA,EAAA;AAAA,EAE1B;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAA,CAAA,CAAS;AAAA,EAAA;AAAA,EAEzB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,YAAA,CAAA,CAAW;AAAA,EAAA;AAAA,EAE3B;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAA,CAAA,CAAS;AAAA,EAAA;AAAA,EAEzB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,aAAA,CAAA,CAAY;AAAA,EAAA;AAEhC;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,EAAE,IAAI,IAAI,IAAI,OAAO,UAAU;AAErC,MAAM,WACF,qBAAA,UAAA,EACI,UAAA;AAAA,EAAA,oBAAC,QAAG,UAAA,MAAA,CAAG;AAAA,EACP,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,SAAK;AAAA,IAC1B,qBAAC,OAAA,EAAM,WAAU,uBACb,UAAA;AAAA,MAAA,oBAAC,OAAA,EACG,+BAAC,IAAA,EACG,UAAA;AAAA,QAAA,oBAAC,MAAG,UAAA,SAAA,CAAM;AAAA,QACV,oBAAC,MAAG,UAAA,cAAA,CAAW;AAAA,MAAA,EAAA,CACnB,EAAA,CACJ;AAAA,2BACC,OAAA,EACG,UAAA;AAAA,QAAA,qBAAC,IAAA,EACG,UAAA;AAAA,UAAA,oBAAC,MAAG,WAAU,iBACV,UAAA,oBAAC,QAAA,EAAK,0EAGN,EAAA,CACJ;AAAA,UACA,oBAAC,MAAG,UAAA,4EAAA,CAGJ;AAAA,QAAA,GACJ;AAAA,6BACC,IAAA,EACG,UAAA;AAAA,UAAA,oBAAC,MAAG,WAAU,iBACV,UAAA,oBAAC,QAAA,EAAK,6CAA+B,EAAA,CACzC;AAAA,UACA,oBAAC,MAAG,UAAA,6EAAA,CAGJ;AAAA,QAAA,GACJ;AAAA,6BACC,IAAA,EACG,UAAA;AAAA,UAAA,oBAAC,MAAG,WAAU,iBACV,UAAA,oBAAC,QAAA,EAAK,qCAAuB,EAAA,CACjC;AAAA,UACA,oBAAC,MAAG,UAAA,qCAAA,CAAkC;AAAA,QAAA,EAAA,CAC1C;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAAA,EACA,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,cAAU;AAAA,IAC/B,qBAAC,OAAA,EAAM,WAAU,uBACb,UAAA;AAAA,MAAA,oBAAC,OAAA,EACG,+BAAC,IAAA,EACG,UAAA;AAAA,QAAA,oBAAC,MAAG,UAAA,OAAA,CAAI;AAAA,QACR,oBAAC,MAAG,UAAA,cAAA,CAAW;AAAA,QACf,oBAAC,MAAG,UAAA,OAAA,CAAI;AAAA,QACR,oBAAC,MAAG,UAAA,UAAA,CAAO;AAAA,MAAA,EAAA,CACf,EAAA,CACJ;AAAA,2BACC,OAAA,EACG,UAAA;AAAA,QAAA,qBAAC,IAAA,EACG,UAAA;AAAA,UAAA,oBAAC,IAAA,EAAG,WAAU,iBAAgB,UAAA,SAAK;AAAA,UACnC,oBAAC,MAAG,UAAA,yCAAA,CAAsC;AAAA,UAC1C,oBAAC,IAAA,EACG,UAAA,oBAAC,QAAA,EAAK,qBAAO,GACjB;AAAA,UACA,oBAAC,IAAA,EACG,UAAA,oBAAC,QAAA,EAAK,mBAAK,EAAA,CACf;AAAA,QAAA,GACJ;AAAA,6BACC,IAAA,EACG,UAAA;AAAA,UAAA,oBAAC,IAAA,EAAG,WAAU,iBAAgB,UAAA,WAAO;AAAA,UACrC,oBAAC,MAAG,UAAA,oBAAA,CAAiB;AAAA,UACrB,oBAAC,IAAA,EACG,UAAA,oBAAC,QAAA,EAAK,oBAAM,GAChB;AAAA,UACA,oBAAC,IAAA,EACG,UAAA,oBAAC,QAAA,EAAK,gBAAE,EAAA,CACZ;AAAA,QAAA,GACJ;AAAA,6BACC,IAAA,EACG,UAAA;AAAA,UAAA,oBAAC,IAAA,EAAG,WAAU,iBAAgB,UAAA,WAAO;AAAA,UACrC,oBAAC,MAAG,UAAA,oBAAA,CAAiB;AAAA,UACrB,oBAAC,IAAA,EACG,UAAA,oBAAC,QAAA,EAAK,oBAAM,GAChB;AAAA,UACA,oBAAC,IAAA,EACG,UAAA,oBAAC,QAAA,EAAK,gBAAE,EAAA,CACZ;AAAA,QAAA,GACJ;AAAA,6BACC,IAAA,EACG,UAAA;AAAA,UAAA,oBAAC,IAAA,EAAG,WAAU,iBAAgB,UAAA,aAAS;AAAA,UACvC,oBAAC,MAAG,UAAA,qBAAA,CAAkB;AAAA,+BACrB,IAAA,EACG,UAAA;AAAA,YAAA,oBAAC,UAAK,UAAA,cAAA,CAAW;AAAA,YAAO;AAAA,YAAG,oBAAC,UAAK,UAAA,eAAA,CAAY;AAAA,YAAQ;AAAA,YAAI;AAAA,YACvD,oBAAC,UAAK,UAAA,YAAA,CAAS;AAAA,YAAO;AAAA,YAAG;AAAA,YAC3B,oBAAC,UAAK,UAAA,iBAAA,CAAc;AAAA,YAAO;AAAA,YAAG;AAAA,YAC9B,oBAAC,UAAK,UAAA,kBAAA,CAAe;AAAA,YAAO;AAAA,YAAG;AAAA,YAC/B,oBAAC,UAAK,UAAA,eAAA,CAAY;AAAA,UAAA,GACtB;AAAA,UACA,oBAAC,IAAA,EACG,UAAA,oBAAC,QAAA,EAAK,uBAAS,EAAA,CACnB;AAAA,QAAA,GACJ;AAAA,6BACC,IAAA,EACG,UAAA;AAAA,UAAA,oBAAC,IAAA,EAAG,WAAU,iBAAgB,UAAA,kBAAc;AAAA,UAC5C,oBAAC,MAAG,UAAA,+BAAA,CAA4B;AAAA,+BAC/B,IAAA,EACG,UAAA;AAAA,YAAA,oBAAC,UAAK,UAAA,UAAA,CAAO;AAAA,YAAO;AAAA,YAAG,oBAAC,UAAK,UAAA,SAAA,CAAM;AAAA,UAAA,GACvC;AAAA,UACA,oBAAC,IAAA,EACG,UAAA,oBAAC,QAAA,EAAK,qBAAO,EAAA,CACjB;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ;AAAA,GACJ;AAGJ,MAAM,cAAc,MAAM;AACtB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,MAAM;AAAA,MACN,cAAc;AAAA,IAAA;AAAA,EAAA;AAG1B;"}

package/dist/@ecme/views/ui-components/forms/Checkbox/Color.js.map

@@ -1 +1 @@
-{"version":3,"file":"Color.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Checkbox/Color.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Checkbox from '@/components/ui/Checkbox'\n\nconst Color = () => {\n    const [checkboxList] = useState(['A', 'B', 'C'])\n\n    return (\n        <div>\n            <div className=\"mb-5\">\n                <Checkbox checked checkboxClass=\"text-green-500\">\n                    Checkbox 1\n                </Checkbox>\n            </div>\n            <Checkbox.Group\n                checkboxClass=\"text-yellow-500\"\n                value={checkboxList}\n            >\n                <Checkbox checkboxClass=\"text-indigo-600\" value=\"A\">\n                    Selection A{' '}\n                </Checkbox>\n                <Checkbox value=\"B\">Selection B </Checkbox>\n                <Checkbox value=\"C\">Selection C </Checkbox>\n            </Checkbox.Group>\n        </div>\n    )\n}\n\nexport default Color\n"],"names":[],"mappings":";;;AAGA,MAAM,QAAQ,MAAM;AAChB,QAAM,CAAC,YAAY,IAAI,SAAS,CAAC,KAAK,KAAK,GAAG,CAAC;AAE/C,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,UAAA,EAAS,SAAO,MAAC,eAAc,kBAAiB,UAAA,aAAA,CAEjD,GACJ;AAAA,IACA;AAAA,MAAC,SAAS;AAAA,MAAT;AAAA,QACG,eAAc;AAAA,QACd,OAAO;AAAA,QAEP,UAAA;AAAA,UAAA,qBAAC,UAAA,EAAS,eAAc,mBAAkB,OAAM,KAAI,UAAA;AAAA,YAAA;AAAA,YACpC;AAAA,UAAA,GAChB;AAAA,UACA,oBAAC,UAAA,EAAS,OAAM,KAAI,UAAA,gBAAY;AAAA,UAChC,oBAAC,UAAA,EAAS,OAAM,KAAI,UAAA,eAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACpC,GACJ;AAER;"}
+{"version":3,"file":"Color.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Checkbox/Color.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Checkbox from '@/components/ui/Checkbox'\r\n\r\nconst Color = () => {\r\n    const [checkboxList] = useState(['A', 'B', 'C'])\r\n\r\n    return (\r\n        <div>\r\n            <div className=\"mb-5\">\r\n                <Checkbox checked checkboxClass=\"text-green-500\">\r\n                    Checkbox 1\r\n                </Checkbox>\r\n            </div>\r\n            <Checkbox.Group\r\n                checkboxClass=\"text-yellow-500\"\r\n                value={checkboxList}\r\n            >\r\n                <Checkbox checkboxClass=\"text-indigo-600\" value=\"A\">\r\n                    Selection A{' '}\r\n                </Checkbox>\r\n                <Checkbox value=\"B\">Selection B </Checkbox>\r\n                <Checkbox value=\"C\">Selection C </Checkbox>\r\n            </Checkbox.Group>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Color\r\n"],"names":[],"mappings":";;;AAGA,MAAM,QAAQ,MAAM;AAChB,QAAM,CAAC,YAAY,IAAI,SAAS,CAAC,KAAK,KAAK,GAAG,CAAC;AAE/C,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,UAAA,EAAS,SAAO,MAAC,eAAc,kBAAiB,UAAA,aAAA,CAEjD,GACJ;AAAA,IACA;AAAA,MAAC,SAAS;AAAA,MAAT;AAAA,QACG,eAAc;AAAA,QACd,OAAO;AAAA,QAEP,UAAA;AAAA,UAAA,qBAAC,UAAA,EAAS,eAAc,mBAAkB,OAAM,KAAI,UAAA;AAAA,YAAA;AAAA,YACpC;AAAA,UAAA,GAChB;AAAA,UACA,oBAAC,UAAA,EAAS,OAAM,KAAI,UAAA,gBAAY;AAAA,UAChC,oBAAC,UAAA,EAAS,OAAM,KAAI,UAAA,eAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACpC,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/Checkbox/Default.js.map

@@ -1 +1 @@
-{"version":3,"file":"Default.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Checkbox/Default.tsx"],"sourcesContent":["import Checkbox from '@/components/ui/Checkbox'\nimport type { ChangeEvent } from 'react'\n\nconst Default = () => {\n    const onCheck = (value: boolean, e: ChangeEvent<HTMLInputElement>) => {\n        console.log(value, e)\n    }\n\n    return (\n        <div>\n            <Checkbox defaultChecked onChange={onCheck}>\n                Checkbox\n            </Checkbox>\n        </div>\n    )\n}\n\nexport default Default\n"],"names":[],"mappings":";;AAGA,MAAM,UAAU,MAAM;AAClB,QAAM,UAAU,CAAC,OAAgB,MAAqC;AAClE,YAAQ,IAAI,OAAO,CAAC;AAAA,EACxB;AAEA,SACI,oBAAC,SACG,UAAA,oBAAC,UAAA,EAAS,gBAAc,MAAC,UAAU,SAAS,UAAA,WAAA,CAE5C,EAAA,CACJ;AAER;"}
+{"version":3,"file":"Default.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Checkbox/Default.tsx"],"sourcesContent":["import Checkbox from '@/components/ui/Checkbox'\r\nimport type { ChangeEvent } from 'react'\r\n\r\nconst Default = () => {\r\n    const onCheck = (value: boolean, e: ChangeEvent<HTMLInputElement>) => {\r\n        console.log(value, e)\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <Checkbox defaultChecked onChange={onCheck}>\r\n                Checkbox\r\n            </Checkbox>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Default\r\n"],"names":[],"mappings":";;AAGA,MAAM,UAAU,MAAM;AAClB,QAAM,UAAU,CAAC,OAAgB,MAAqC;AAClE,YAAQ,IAAI,OAAO,CAAC;AAAA,EACxB;AAEA,SACI,oBAAC,SACG,UAAA,oBAAC,UAAA,EAAS,gBAAc,MAAC,UAAU,SAAS,UAAA,WAAA,CAE5C,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/Checkbox/Disabled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Checkbox/Disabled.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Checkbox from '@/components/ui/Checkbox'\n\nconst Disabled = () => {\n    const [selected] = useState(['A'])\n\n    const checkboxes = [\n        { value: 'A', label: 'Selection A', disabled: true },\n        { value: 'B', label: 'Selection B', disabled: true },\n        { value: 'C', label: 'Selection C', disabled: false },\n    ]\n\n    return (\n        <div>\n            <div className=\"flex gap-3 mb-3\">\n                <Checkbox disabled>Disabled</Checkbox>\n                <Checkbox defaultChecked disabled>\n                    Checked Disabled\n                </Checkbox>\n            </div>\n            <Checkbox.Group value={selected}>\n                {checkboxes.map((checkbox) => (\n                    <Checkbox\n                        key={checkbox.label}\n                        value={checkbox.value}\n                        disabled={checkbox.disabled}\n                    >\n                        {checkbox.label}\n                    </Checkbox>\n                ))}\n            </Checkbox.Group>\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":[],"mappings":";;;AAGA,MAAM,WAAW,MAAM;AACnB,QAAM,CAAC,QAAQ,IAAI,SAAS,CAAC,GAAG,CAAC;AAEjC,QAAM,aAAa;AAAA,IACf,EAAE,OAAO,KAAK,OAAO,eAAe,UAAU,KAAA;AAAA,IAC9C,EAAE,OAAO,KAAK,OAAO,eAAe,UAAU,KAAA;AAAA,IAC9C,EAAE,OAAO,KAAK,OAAO,eAAe,UAAU,MAAA;AAAA,EAAM;AAGxD,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,MAAA,oBAAC,UAAA,EAAS,UAAQ,MAAC,UAAA,YAAQ;AAAA,0BAC1B,UAAA,EAAS,gBAAc,MAAC,UAAQ,MAAC,UAAA,mBAAA,CAElC;AAAA,IAAA,GACJ;AAAA,IACA,oBAAC,SAAS,OAAT,EAAe,OAAO,UAClB,UAAA,WAAW,IAAI,CAAC,aACb;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,OAAO,SAAS;AAAA,QAChB,UAAU,SAAS;AAAA,QAElB,UAAA,SAAS;AAAA,MAAA;AAAA,MAJL,SAAS;AAAA,IAAA,CAMrB,EAAA,CACL;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Checkbox/Disabled.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Checkbox from '@/components/ui/Checkbox'\r\n\r\nconst Disabled = () => {\r\n    const [selected] = useState(['A'])\r\n\r\n    const checkboxes = [\r\n        { value: 'A', label: 'Selection A', disabled: true },\r\n        { value: 'B', label: 'Selection B', disabled: true },\r\n        { value: 'C', label: 'Selection C', disabled: false },\r\n    ]\r\n\r\n    return (\r\n        <div>\r\n            <div className=\"flex gap-3 mb-3\">\r\n                <Checkbox disabled>Disabled</Checkbox>\r\n                <Checkbox defaultChecked disabled>\r\n                    Checked Disabled\r\n                </Checkbox>\r\n            </div>\r\n            <Checkbox.Group value={selected}>\r\n                {checkboxes.map((checkbox) => (\r\n                    <Checkbox\r\n                        key={checkbox.label}\r\n                        value={checkbox.value}\r\n                        disabled={checkbox.disabled}\r\n                    >\r\n                        {checkbox.label}\r\n                    </Checkbox>\r\n                ))}\r\n            </Checkbox.Group>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Disabled\r\n"],"names":[],"mappings":";;;AAGA,MAAM,WAAW,MAAM;AACnB,QAAM,CAAC,QAAQ,IAAI,SAAS,CAAC,GAAG,CAAC;AAEjC,QAAM,aAAa;AAAA,IACf,EAAE,OAAO,KAAK,OAAO,eAAe,UAAU,KAAA;AAAA,IAC9C,EAAE,OAAO,KAAK,OAAO,eAAe,UAAU,KAAA;AAAA,IAC9C,EAAE,OAAO,KAAK,OAAO,eAAe,UAAU,MAAA;AAAA,EAAM;AAGxD,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,MAAA,oBAAC,UAAA,EAAS,UAAQ,MAAC,UAAA,YAAQ;AAAA,0BAC1B,UAAA,EAAS,gBAAc,MAAC,UAAQ,MAAC,UAAA,mBAAA,CAElC;AAAA,IAAA,GACJ;AAAA,IACA,oBAAC,SAAS,OAAT,EAAe,OAAO,UAClB,UAAA,WAAW,IAAI,CAAC,aACb;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,OAAO,SAAS;AAAA,QAChB,UAAU,SAAS;AAAA,QAElB,UAAA,SAAS;AAAA,MAAA;AAAA,MAJL,SAAS;AAAA,IAAA,CAMrB,EAAA,CACL;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/Checkbox/Group.js.map

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Checkbox/Group.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Checkbox from '@/components/ui/Checkbox'\nimport type { SyntheticEvent } from 'react'\n\nconst Group = () => {\n    const [checkboxList, setCheckboxList] = useState<string[]>(['Selection A'])\n\n    const onCheckboxChange = (options: string[], e: SyntheticEvent) => {\n        console.log('Checkbox change', options, e)\n        setCheckboxList(options)\n    }\n\n    return (\n        <div>\n            <Checkbox.Group value={checkboxList} onChange={onCheckboxChange}>\n                <Checkbox value=\"Selection A\">Selection A </Checkbox>\n                <Checkbox value=\"Selection B\">Selection B </Checkbox>\n                <Checkbox value=\"Selection C\">Selection C </Checkbox>\n            </Checkbox.Group>\n        </div>\n    )\n}\n\nexport default Group\n"],"names":[],"mappings":";;;AAIA,MAAM,QAAQ,MAAM;AAChB,QAAM,CAAC,cAAc,eAAe,IAAI,SAAmB,CAAC,aAAa,CAAC;AAE1E,QAAM,mBAAmB,CAAC,SAAmB,MAAsB;AAC/D,YAAQ,IAAI,mBAAmB,SAAS,CAAC;AACzC,oBAAgB,OAAO;AAAA,EAC3B;AAEA,SACI,oBAAC,SACG,UAAA,qBAAC,SAAS,OAAT,EAAe,OAAO,cAAc,UAAU,kBAC3C,UAAA;AAAA,IAAA,oBAAC,UAAA,EAAS,OAAM,eAAc,UAAA,gBAAY;AAAA,IAC1C,oBAAC,UAAA,EAAS,OAAM,eAAc,UAAA,gBAAY;AAAA,IAC1C,oBAAC,UAAA,EAAS,OAAM,eAAc,UAAA,eAAA,CAAY;AAAA,EAAA,EAAA,CAC9C,EAAA,CACJ;AAER;"}
+{"version":3,"file":"Group.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Checkbox/Group.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Checkbox from '@/components/ui/Checkbox'\r\nimport type { SyntheticEvent } from 'react'\r\n\r\nconst Group = () => {\r\n    const [checkboxList, setCheckboxList] = useState<string[]>(['Selection A'])\r\n\r\n    const onCheckboxChange = (options: string[], e: SyntheticEvent) => {\r\n        console.log('Checkbox change', options, e)\r\n        setCheckboxList(options)\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <Checkbox.Group value={checkboxList} onChange={onCheckboxChange}>\r\n                <Checkbox value=\"Selection A\">Selection A </Checkbox>\r\n                <Checkbox value=\"Selection B\">Selection B </Checkbox>\r\n                <Checkbox value=\"Selection C\">Selection C </Checkbox>\r\n            </Checkbox.Group>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Group\r\n"],"names":[],"mappings":";;;AAIA,MAAM,QAAQ,MAAM;AAChB,QAAM,CAAC,cAAc,eAAe,IAAI,SAAmB,CAAC,aAAa,CAAC;AAE1E,QAAM,mBAAmB,CAAC,SAAmB,MAAsB;AAC/D,YAAQ,IAAI,mBAAmB,SAAS,CAAC;AACzC,oBAAgB,OAAO;AAAA,EAC3B;AAEA,SACI,oBAAC,SACG,UAAA,qBAAC,SAAS,OAAT,EAAe,OAAO,cAAc,UAAU,kBAC3C,UAAA;AAAA,IAAA,oBAAC,UAAA,EAAS,OAAM,eAAc,UAAA,gBAAY;AAAA,IAC1C,oBAAC,UAAA,EAAS,OAAM,eAAc,UAAA,gBAAY;AAAA,IAC1C,oBAAC,UAAA,EAAS,OAAM,eAAc,UAAA,eAAA,CAAY;AAAA,EAAA,EAAA,CAC9C,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/Checkbox/Vertical.js.map

@@ -1 +1 @@
-{"version":3,"file":"Vertical.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Checkbox/Vertical.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Checkbox from '@/components/ui/Checkbox'\n\nconst Vertical = () => {\n    const [checkboxList] = useState(['Selection A'])\n\n    return (\n        <div>\n            <div className=\"flex flex-col mb-5\">\n                <Checkbox className=\"mb-2\">Checkbox 1</Checkbox>\n                <Checkbox>Checkbox 2</Checkbox>\n            </div>\n            <Checkbox.Group vertical value={checkboxList}>\n                <Checkbox value=\"Selection A\">Selection A </Checkbox>\n                <Checkbox value=\"Selection B\">Selection B </Checkbox>\n                <Checkbox value=\"Selection C\">Selection C </Checkbox>\n            </Checkbox.Group>\n        </div>\n    )\n}\n\nexport default Vertical\n"],"names":[],"mappings":";;;AAGA,MAAM,WAAW,MAAM;AACnB,QAAM,CAAC,YAAY,IAAI,SAAS,CAAC,aAAa,CAAC;AAE/C,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,sBACX,UAAA;AAAA,MAAA,oBAAC,UAAA,EAAS,WAAU,QAAO,UAAA,cAAU;AAAA,MACrC,oBAAC,YAAS,UAAA,aAAA,CAAU;AAAA,IAAA,GACxB;AAAA,yBACC,SAAS,OAAT,EAAe,UAAQ,MAAC,OAAO,cAC5B,UAAA;AAAA,MAAA,oBAAC,UAAA,EAAS,OAAM,eAAc,UAAA,gBAAY;AAAA,MAC1C,oBAAC,UAAA,EAAS,OAAM,eAAc,UAAA,gBAAY;AAAA,MAC1C,oBAAC,UAAA,EAAS,OAAM,eAAc,UAAA,eAAA,CAAY;AAAA,IAAA,EAAA,CAC9C;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Vertical.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Checkbox/Vertical.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Checkbox from '@/components/ui/Checkbox'\r\n\r\nconst Vertical = () => {\r\n    const [checkboxList] = useState(['Selection A'])\r\n\r\n    return (\r\n        <div>\r\n            <div className=\"flex flex-col mb-5\">\r\n                <Checkbox className=\"mb-2\">Checkbox 1</Checkbox>\r\n                <Checkbox>Checkbox 2</Checkbox>\r\n            </div>\r\n            <Checkbox.Group vertical value={checkboxList}>\r\n                <Checkbox value=\"Selection A\">Selection A </Checkbox>\r\n                <Checkbox value=\"Selection B\">Selection B </Checkbox>\r\n                <Checkbox value=\"Selection C\">Selection C </Checkbox>\r\n            </Checkbox.Group>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Vertical\r\n"],"names":[],"mappings":";;;AAGA,MAAM,WAAW,MAAM;AACnB,QAAM,CAAC,YAAY,IAAI,SAAS,CAAC,aAAa,CAAC;AAE/C,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,sBACX,UAAA;AAAA,MAAA,oBAAC,UAAA,EAAS,WAAU,QAAO,UAAA,cAAU;AAAA,MACrC,oBAAC,YAAS,UAAA,aAAA,CAAU;AAAA,IAAA,GACxB;AAAA,yBACC,SAAS,OAAT,EAAe,UAAQ,MAAC,OAAO,cAC5B,UAAA;AAAA,MAAA,oBAAC,UAAA,EAAS,OAAM,eAAc,UAAA,gBAAY;AAAA,MAC1C,oBAAC,UAAA,EAAS,OAAM,eAAc,UAAA,gBAAY;AAAA,MAC1C,oBAAC,UAAA,EAAS,OAAM,eAAc,UAAA,eAAA,CAAY;AAAA,IAAA,EAAA,CAC9C;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Checkbox/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Default from './Default'\nimport Group from './Group'\nimport Disabled from './Disabled'\nimport Vertical from './Vertical'\nimport Color from './Color'\n\nconst mdPath = 'Checkbox'\n\nconst demoHeader = {\n    title: 'Checkbox',\n    desc: 'Checkboxes let users select one or more options from a choice of list.',\n}\n\nconst demos = [\n    {\n        mdName: 'Default',\n        mdPath: mdPath,\n        title: 'Default',\n        desc: `A simple checkbox example.`,\n        component: <Default />,\n    },\n    {\n        mdName: 'Group',\n        mdPath: mdPath,\n        title: 'Group',\n        desc: `<code>Checkbox.Group</code> help to manage state of checkboxes in a list.`,\n        component: <Group />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Checkbox allow to <code>disabled</code> to prevent user execute click event.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Vertical',\n        mdPath: mdPath,\n        title: 'Vertical',\n        desc: `Checkbox list can display in vertical too.`,\n        component: <Vertical />,\n    },\n    {\n        mdName: 'Color',\n        mdPath: mdPath,\n        title: 'Color',\n        desc: `Checkbox & group able to apply custom color via <code>color</code> prop.`,\n        component: <Color />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Checkbox',\n        api: [\n            {\n                propName: 'checked',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Checkbox is checked',\n            },\n            {\n                propName: 'defaultChecked',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Checkbox initial state is checked',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Checkbox is disabled',\n            },\n            {\n                propName: 'value',\n                type: `<code>string</code> | <code>number</code>`,\n                default: `-`,\n                desc: 'The value of the selected state (only valid when Checkbox.Group or the binding object type is array)',\n            },\n            {\n                propName: 'labelRef',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Ref of Checkbox label element',\n            },\n            {\n                propName: 'checkboxClass',\n                type: `<code>string</code>`,\n                default: '-',\n                desc: 'Custom css for Checkbox',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(checked: boolean, e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Checkbox value is changed',\n            },\n            {\n                propName: 'name',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'The name of the Checkbox input field',\n            },\n        ],\n    },\n    {\n        component: 'Checkbox.Group',\n        api: [\n            {\n                propName: 'vertical',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Display list of checkbox in vertical',\n            },\n            {\n                propName: 'color',\n                type: `<code>string</code>`,\n                default: 'current theme color',\n                desc: 'Custom color for all checkboxes in the group, available colors option based on tailwind <code>theme.colors</code>',\n            },\n            {\n                propName: 'value',\n                type: `<code>string[]</code> | <code>number[]</code>`,\n                default: `-`,\n                desc: 'Specify selected value of checkboxes',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(values: string[] | number[], e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when value is changed',\n            },\n            {\n                propName: 'name',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Name of all checkboxes input field under the group',\n            },\n        ],\n    },\n]\n\nconst Checkbox = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Checkbox\n"],"names":[],"mappings":";;;;;;;AASA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAAA,EAExB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAA,CAAA,CAAS;AAAA,EAAA;AAAA,EAEzB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAA,CAAA,CAAS;AAAA,EAAA;AAAA,EAEzB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAA,CAAA,CAAM;AAAA,EAAA;AAE1B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,WAAW,MAAM;AACnB,6BAAQ,YAAA,EAAW,QAAQ,YAAY,OAAc,KAAK,SAAS;AACvE;"}
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Checkbox/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Default from './Default'\r\nimport Group from './Group'\r\nimport Disabled from './Disabled'\r\nimport Vertical from './Vertical'\r\nimport Color from './Color'\r\n\r\nconst mdPath = 'Checkbox'\r\n\r\nconst demoHeader = {\r\n    title: 'Checkbox',\r\n    desc: 'Checkboxes let users select one or more options from a choice of list.',\r\n}\r\n\r\nconst demos = [\r\n    {\r\n        mdName: 'Default',\r\n        mdPath: mdPath,\r\n        title: 'Default',\r\n        desc: `A simple checkbox example.`,\r\n        component: <Default />,\r\n    },\r\n    {\r\n        mdName: 'Group',\r\n        mdPath: mdPath,\r\n        title: 'Group',\r\n        desc: `<code>Checkbox.Group</code> help to manage state of checkboxes in a list.`,\r\n        component: <Group />,\r\n    },\r\n    {\r\n        mdName: 'Disabled',\r\n        mdPath: mdPath,\r\n        title: 'Disabled',\r\n        desc: `Checkbox allow to <code>disabled</code> to prevent user execute click event.`,\r\n        component: <Disabled />,\r\n    },\r\n    {\r\n        mdName: 'Vertical',\r\n        mdPath: mdPath,\r\n        title: 'Vertical',\r\n        desc: `Checkbox list can display in vertical too.`,\r\n        component: <Vertical />,\r\n    },\r\n    {\r\n        mdName: 'Color',\r\n        mdPath: mdPath,\r\n        title: 'Color',\r\n        desc: `Checkbox & group able to apply custom color via <code>color</code> prop.`,\r\n        component: <Color />,\r\n    },\r\n]\r\n\r\nconst demoApi = [\r\n    {\r\n        component: 'Checkbox',\r\n        api: [\r\n            {\r\n                propName: 'checked',\r\n                type: `<code>boolean</code>`,\r\n                default: `-`,\r\n                desc: 'Whether the Checkbox is checked',\r\n            },\r\n            {\r\n                propName: 'defaultChecked',\r\n                type: `<code>boolean</code>`,\r\n                default: `-`,\r\n                desc: 'Whether the Checkbox initial state is checked',\r\n            },\r\n            {\r\n                propName: 'disabled',\r\n                type: `<code>boolean</code>`,\r\n                default: `-`,\r\n                desc: 'Whether the Checkbox is disabled',\r\n            },\r\n            {\r\n                propName: 'value',\r\n                type: `<code>string</code> | <code>number</code>`,\r\n                default: `-`,\r\n                desc: 'The value of the selected state (only valid when Checkbox.Group or the binding object type is array)',\r\n            },\r\n            {\r\n                propName: 'labelRef',\r\n                type: `<code>string</code>`,\r\n                default: `-`,\r\n                desc: 'Ref of Checkbox label element',\r\n            },\r\n            {\r\n                propName: 'checkboxClass',\r\n                type: `<code>string</code>`,\r\n                default: '-',\r\n                desc: 'Custom css for Checkbox',\r\n            },\r\n            {\r\n                propName: 'onChange',\r\n                type: `<code>(checked: boolean, e: MouseEvent) => void</code>`,\r\n                default: `-`,\r\n                desc: 'Callback when Checkbox value is changed',\r\n            },\r\n            {\r\n                propName: 'name',\r\n                type: `<code>string</code>`,\r\n                default: `-`,\r\n                desc: 'The name of the Checkbox input field',\r\n            },\r\n        ],\r\n    },\r\n    {\r\n        component: 'Checkbox.Group',\r\n        api: [\r\n            {\r\n                propName: 'vertical',\r\n                type: `<code>boolean</code>`,\r\n                default: `<code>false</code>`,\r\n                desc: 'Display list of checkbox in vertical',\r\n            },\r\n            {\r\n                propName: 'color',\r\n                type: `<code>string</code>`,\r\n                default: 'current theme color',\r\n                desc: 'Custom color for all checkboxes in the group, available colors option based on tailwind <code>theme.colors</code>',\r\n            },\r\n            {\r\n                propName: 'value',\r\n                type: `<code>string[]</code> | <code>number[]</code>`,\r\n                default: `-`,\r\n                desc: 'Specify selected value of checkboxes',\r\n            },\r\n            {\r\n                propName: 'onChange',\r\n                type: `<code>(values: string[] | number[], e: MouseEvent) => void</code>`,\r\n                default: `-`,\r\n                desc: 'Callback when value is changed',\r\n            },\r\n            {\r\n                propName: 'name',\r\n                type: `<code>string</code>`,\r\n                default: `-`,\r\n                desc: 'Name of all checkboxes input field under the group',\r\n            },\r\n        ],\r\n    },\r\n]\r\n\r\nconst Checkbox = () => {\r\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\r\n}\r\n\r\nexport default Checkbox\r\n"],"names":[],"mappings":";;;;;;;AASA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAAA,EAExB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAA,CAAA,CAAS;AAAA,EAAA;AAAA,EAEzB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAA,CAAA,CAAS;AAAA,EAAA;AAAA,EAEzB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAA,CAAA,CAAM;AAAA,EAAA;AAE1B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,WAAW,MAAM;AACnB,6BAAQ,YAAA,EAAW,QAAQ,YAAY,OAAc,KAAK,SAAS;AACvE;"}

package/dist/@ecme/views/ui-components/forms/DatePicker/Basic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/Basic.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\n\nconst Basic = () => {\n    return <DatePicker placeholder=\"Pick a date\" />\n}\n\nexport default Basic\n"],"names":[],"mappings":";;AAEA,MAAM,QAAQ,MAAM;AAChB,SAAO,oBAAC,YAAA,EAAW,aAAY,cAAA,CAAc;AACjD;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/Basic.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\r\n\r\nconst Basic = () => {\r\n    return <DatePicker placeholder=\"Pick a date\" />\r\n}\r\n\r\nexport default Basic\r\n"],"names":[],"mappings":";;AAEA,MAAM,QAAQ,MAAM;AAChB,SAAO,oBAAC,YAAA,EAAW,aAAY,cAAA,CAAc;AACjD;"}

package/dist/@ecme/views/ui-components/forms/DatePicker/ClearButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClearButton.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/ClearButton.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\nimport Button from '@/components/ui/Button'\n\nconst ClearButton = () => {\n    return (\n        <div className=\"flex flex-col gap-5\">\n            <div>\n                <div className=\"mb-1 font-semibold text-sm\">\n                    No clear button:\n                </div>\n                <DatePicker defaultValue={new Date()} clearable={false} />\n            </div>\n            <div>\n                <div className=\"mb-1 font-semibold text-sm\">\n                    Custom clear button:\n                </div>\n                <DatePicker\n                    defaultValue={new Date()}\n                    clearButton={<Button size=\"xs\">Clear</Button>}\n                />\n            </div>\n        </div>\n    )\n}\n\nexport default ClearButton\n"],"names":[],"mappings":";;;;AAGA,MAAM,cAAc,MAAM;AACtB,SACI,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,oBAE5C;AAAA,0BACC,YAAA,EAAW,kCAAkB,KAAA,GAAQ,WAAW,MAAA,CAAO;AAAA,IAAA,GAC5D;AAAA,yBACC,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,wBAE5C;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,kCAAkB,KAAA;AAAA,UAClB,aAAa,oBAAC,QAAA,EAAO,MAAK,MAAK,UAAA,QAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACxC,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"ClearButton.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/ClearButton.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\r\nimport Button from '@/components/ui/Button'\r\n\r\nconst ClearButton = () => {\r\n    return (\r\n        <div className=\"flex flex-col gap-5\">\r\n            <div>\r\n                <div className=\"mb-1 font-semibold text-sm\">\r\n                    No clear button:\r\n                </div>\r\n                <DatePicker defaultValue={new Date()} clearable={false} />\r\n            </div>\r\n            <div>\r\n                <div className=\"mb-1 font-semibold text-sm\">\r\n                    Custom clear button:\r\n                </div>\r\n                <DatePicker\r\n                    defaultValue={new Date()}\r\n                    clearButton={<Button size=\"xs\">Clear</Button>}\r\n                />\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default ClearButton\r\n"],"names":[],"mappings":";;;;AAGA,MAAM,cAAc,MAAM;AACtB,SACI,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,oBAE5C;AAAA,0BACC,YAAA,EAAW,kCAAkB,KAAA,GAAQ,WAAW,MAAA,CAAO;AAAA,IAAA,GAC5D;AAAA,yBACC,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,wBAE5C;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,kCAAkB,KAAA;AAAA,UAClB,aAAa,oBAAC,QAAA,EAAO,MAAK,MAAK,UAAA,QAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACxC,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/DatePicker/Controlled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Controlled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/Controlled.tsx"],"sourcesContent":["import { useState } from 'react'\nimport DatePicker from '@/components/ui/DatePicker'\n\nconst Controlled = () => {\n    const [date, setDate] = useState<Date | null>(new Date())\n    const [dateRange, setDateRange] = useState<[Date | null, Date | null]>([\n        new Date(2022, 11, 1),\n        new Date(2022, 11, 5),\n    ])\n    const [dateTime, setDateTime] = useState<Date | null>(new Date())\n\n    const handleDatePickerChange = (date: Date | null) => {\n        console.log('Selected date', date)\n        setDate(date)\n    }\n\n    const handleRangePickerChange = (date: [Date | null, Date | null]) => {\n        console.log('Selected range date', date)\n        setDateRange(date)\n    }\n\n    const handleDateTimeChange = (val: Date | null) => {\n        console.log('Selected date time: ', val)\n        setDateTime(val)\n    }\n\n    return (\n        <div className=\"flex flex-col gap-5\">\n            <DatePicker\n                placeholder=\"Pick a date\"\n                value={date}\n                onChange={handleDatePickerChange}\n            />\n            <DatePicker.DatePickerRange\n                placeholder=\"Select dates range\"\n                value={dateRange}\n                onChange={handleRangePickerChange}\n            />\n            <DatePicker.DateTimepicker\n                placeholder=\"Pick date & time\"\n                value={dateTime}\n                onChange={handleDateTimeChange}\n            />\n        </div>\n    )\n}\n\nexport default Controlled\n"],"names":["date"],"mappings":";;;AAGA,MAAM,aAAa,MAAM;AACrB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAsB,oBAAI,MAAM;AACxD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAqC;AAAA,IACnE,IAAI,KAAK,MAAM,IAAI,CAAC;AAAA,IACpB,IAAI,KAAK,MAAM,IAAI,CAAC;AAAA,EAAA,CACvB;AACD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAsB,oBAAI,MAAM;AAEhE,QAAM,yBAAyB,CAACA,UAAsB;AAClD,YAAQ,IAAI,iBAAiBA,KAAI;AACjC,YAAQA,KAAI;AAAA,EAChB;AAEA,QAAM,0BAA0B,CAACA,UAAqC;AAClE,YAAQ,IAAI,uBAAuBA,KAAI;AACvC,iBAAaA,KAAI;AAAA,EACrB;AAEA,QAAM,uBAAuB,CAAC,QAAqB;AAC/C,YAAQ,IAAI,wBAAwB,GAAG;AACvC,gBAAY,GAAG;AAAA,EACnB;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEd;AAAA,MAAC,WAAW;AAAA,MAAX;AAAA,QACG,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEd;AAAA,MAAC,WAAW;AAAA,MAAX;AAAA,QACG,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACJ;AAER;"}
+{"version":3,"file":"Controlled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/Controlled.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport DatePicker from '@/components/ui/DatePicker'\r\n\r\nconst Controlled = () => {\r\n    const [date, setDate] = useState<Date | null>(new Date())\r\n    const [dateRange, setDateRange] = useState<[Date | null, Date | null]>([\r\n        new Date(2022, 11, 1),\r\n        new Date(2022, 11, 5),\r\n    ])\r\n    const [dateTime, setDateTime] = useState<Date | null>(new Date())\r\n\r\n    const handleDatePickerChange = (date: Date | null) => {\r\n        console.log('Selected date', date)\r\n        setDate(date)\r\n    }\r\n\r\n    const handleRangePickerChange = (date: [Date | null, Date | null]) => {\r\n        console.log('Selected range date', date)\r\n        setDateRange(date)\r\n    }\r\n\r\n    const handleDateTimeChange = (val: Date | null) => {\r\n        console.log('Selected date time: ', val)\r\n        setDateTime(val)\r\n    }\r\n\r\n    return (\r\n        <div className=\"flex flex-col gap-5\">\r\n            <DatePicker\r\n                placeholder=\"Pick a date\"\r\n                value={date}\r\n                onChange={handleDatePickerChange}\r\n            />\r\n            <DatePicker.DatePickerRange\r\n                placeholder=\"Select dates range\"\r\n                value={dateRange}\r\n                onChange={handleRangePickerChange}\r\n            />\r\n            <DatePicker.DateTimepicker\r\n                placeholder=\"Pick date & time\"\r\n                value={dateTime}\r\n                onChange={handleDateTimeChange}\r\n            />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Controlled\r\n"],"names":["date"],"mappings":";;;AAGA,MAAM,aAAa,MAAM;AACrB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAsB,oBAAI,MAAM;AACxD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAqC;AAAA,IACnE,IAAI,KAAK,MAAM,IAAI,CAAC;AAAA,IACpB,IAAI,KAAK,MAAM,IAAI,CAAC;AAAA,EAAA,CACvB;AACD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAsB,oBAAI,MAAM;AAEhE,QAAM,yBAAyB,CAACA,UAAsB;AAClD,YAAQ,IAAI,iBAAiBA,KAAI;AACjC,YAAQA,KAAI;AAAA,EAChB;AAEA,QAAM,0BAA0B,CAACA,UAAqC;AAClE,YAAQ,IAAI,uBAAuBA,KAAI;AACvC,iBAAaA,KAAI;AAAA,EACrB;AAEA,QAAM,uBAAuB,CAAC,QAAqB;AAC/C,YAAQ,IAAI,wBAAwB,GAAG;AACvC,gBAAY,GAAG;AAAA,EACnB;AAEA,SACI,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEd;AAAA,MAAC,WAAW;AAAA,MAAX;AAAA,QACG,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEd;AAAA,MAAC,WAAW;AAAA,MAAX;AAAA,QACG,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/DatePicker/CustomRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomRender.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/CustomRender.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\nimport Badge from '@/components/ui/Badge'\n\nconst CustomRender = () => {\n    return (\n        <DatePicker\n            placeholder=\"Pick date\"\n            dayClassName={(date, { selected }) => {\n                if (date.getDate() === 12 && !selected) {\n                    return 'text-red-600'\n                }\n\n                if (selected) {\n                    return 'text-white'\n                }\n\n                return 'text-gray-700 dark:text-gray-200'\n            }}\n            dayStyle={(date, { selected, outOfMonth }) => {\n                if (date.getDate() === 18 && !selected) {\n                    return { color: '#15c39a' }\n                }\n\n                if (outOfMonth) {\n                    return {\n                        opacity: 0,\n                        pointerEvents: 'none',\n                        cursor: 'default',\n                    }\n                }\n\n                return {}\n            }}\n            renderDay={(date) => {\n                const day = date.getDate()\n\n                if (day !== 12) {\n                    return <span>{day}</span>\n                }\n\n                return (\n                    <span className=\"relative flex justify-center items-center w-full h-full\">\n                        {day}\n                        <Badge\n                            className=\"absolute bottom-1\"\n                            innerClass=\"h-1 w-1\"\n                        />\n                    </span>\n                )\n            }}\n        />\n    )\n}\n\nexport default CustomRender\n"],"names":[],"mappings":";;;;AAGA,MAAM,eAAe,MAAM;AACvB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,cAAc,CAAC,MAAM,EAAE,eAAe;AAClC,YAAI,KAAK,QAAA,MAAc,MAAM,CAAC,UAAU;AACpC,iBAAO;AAAA,QACX;AAEA,YAAI,UAAU;AACV,iBAAO;AAAA,QACX;AAEA,eAAO;AAAA,MACX;AAAA,MACA,UAAU,CAAC,MAAM,EAAE,UAAU,iBAAiB;AAC1C,YAAI,KAAK,QAAA,MAAc,MAAM,CAAC,UAAU;AACpC,iBAAO,EAAE,OAAO,UAAA;AAAA,QACpB;AAEA,YAAI,YAAY;AACZ,iBAAO;AAAA,YACH,SAAS;AAAA,YACT,eAAe;AAAA,YACf,QAAQ;AAAA,UAAA;AAAA,QAEhB;AAEA,eAAO,CAAA;AAAA,MACX;AAAA,MACA,WAAW,CAAC,SAAS;AACjB,cAAM,MAAM,KAAK,QAAA;AAEjB,YAAI,QAAQ,IAAI;AACZ,iBAAO,oBAAC,UAAM,UAAA,IAAA,CAAI;AAAA,QACtB;AAEA,eACI,qBAAC,QAAA,EAAK,WAAU,2DACX,UAAA;AAAA,UAAA;AAAA,UACD;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,YAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACf,GACJ;AAAA,MAER;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"CustomRender.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/CustomRender.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\r\nimport Badge from '@/components/ui/Badge'\r\n\r\nconst CustomRender = () => {\r\n    return (\r\n        <DatePicker\r\n            placeholder=\"Pick date\"\r\n            dayClassName={(date, { selected }) => {\r\n                if (date.getDate() === 12 && !selected) {\r\n                    return 'text-red-600'\r\n                }\r\n\r\n                if (selected) {\r\n                    return 'text-white'\r\n                }\r\n\r\n                return 'text-gray-700 dark:text-gray-200'\r\n            }}\r\n            dayStyle={(date, { selected, outOfMonth }) => {\r\n                if (date.getDate() === 18 && !selected) {\r\n                    return { color: '#15c39a' }\r\n                }\r\n\r\n                if (outOfMonth) {\r\n                    return {\r\n                        opacity: 0,\r\n                        pointerEvents: 'none',\r\n                        cursor: 'default',\r\n                    }\r\n                }\r\n\r\n                return {}\r\n            }}\r\n            renderDay={(date) => {\r\n                const day = date.getDate()\r\n\r\n                if (day !== 12) {\r\n                    return <span>{day}</span>\r\n                }\r\n\r\n                return (\r\n                    <span className=\"relative flex justify-center items-center w-full h-full\">\r\n                        {day}\r\n                        <Badge\r\n                            className=\"absolute bottom-1\"\r\n                            innerClass=\"h-1 w-1\"\r\n                        />\r\n                    </span>\r\n                )\r\n            }}\r\n        />\r\n    )\r\n}\r\n\r\nexport default CustomRender\r\n"],"names":[],"mappings":";;;;AAGA,MAAM,eAAe,MAAM;AACvB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,cAAc,CAAC,MAAM,EAAE,eAAe;AAClC,YAAI,KAAK,QAAA,MAAc,MAAM,CAAC,UAAU;AACpC,iBAAO;AAAA,QACX;AAEA,YAAI,UAAU;AACV,iBAAO;AAAA,QACX;AAEA,eAAO;AAAA,MACX;AAAA,MACA,UAAU,CAAC,MAAM,EAAE,UAAU,iBAAiB;AAC1C,YAAI,KAAK,QAAA,MAAc,MAAM,CAAC,UAAU;AACpC,iBAAO,EAAE,OAAO,UAAA;AAAA,QACpB;AAEA,YAAI,YAAY;AACZ,iBAAO;AAAA,YACH,SAAS;AAAA,YACT,eAAe;AAAA,YACf,QAAQ;AAAA,UAAA;AAAA,QAEhB;AAEA,eAAO,CAAA;AAAA,MACX;AAAA,MACA,WAAW,CAAC,SAAS;AACjB,cAAM,MAAM,KAAK,QAAA;AAEjB,YAAI,QAAQ,IAAI;AACZ,iBAAO,oBAAC,UAAM,UAAA,IAAA,CAAI;AAAA,QACtB;AAEA,eACI,qBAAC,QAAA,EAAK,WAAU,2DACX,UAAA;AAAA,UAAA;AAAA,UACD;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,YAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACf,GACJ;AAAA,MAER;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/ui-components/forms/DatePicker/DateTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/DateTimePicker.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\n\nconst { DateTimepicker } = DatePicker\n\nconst DateTimePicker = () => {\n    return <DateTimepicker placeholder=\"Pick date & time\" />\n}\n\nexport default DateTimePicker\n"],"names":[],"mappings":";;AAEA,MAAM,EAAE,mBAAmB;AAE3B,MAAM,iBAAiB,MAAM;AACzB,SAAO,oBAAC,gBAAA,EAAe,aAAY,mBAAA,CAAmB;AAC1D;"}
+{"version":3,"file":"DateTimePicker.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/DateTimePicker.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\r\n\r\nconst { DateTimepicker } = DatePicker\r\n\r\nconst DateTimePicker = () => {\r\n    return <DateTimepicker placeholder=\"Pick date & time\" />\r\n}\r\n\r\nexport default DateTimePicker\r\n"],"names":[],"mappings":";;AAEA,MAAM,EAAE,mBAAmB;AAE3B,MAAM,iBAAiB,MAAM;AACzB,SAAO,oBAAC,gBAAA,EAAe,aAAY,mBAAA,CAAmB;AAC1D;"}

package/dist/@ecme/views/ui-components/forms/DatePicker/DateViewCount.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateViewCount.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/DateViewCount.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\n\nconst { DatePickerRange } = DatePicker\n\nconst DateViewCount = () => {\n    return (\n        <DatePickerRange dateViewCount={2} placeholder=\"Multiple date view\" />\n    )\n}\n\nexport default DateViewCount\n"],"names":[],"mappings":";;AAEA,MAAM,EAAE,oBAAoB;AAE5B,MAAM,gBAAgB,MAAM;AACxB,SACI,oBAAC,iBAAA,EAAgB,eAAe,GAAG,aAAY,sBAAqB;AAE5E;"}
+{"version":3,"file":"DateViewCount.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/DateViewCount.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\r\n\r\nconst { DatePickerRange } = DatePicker\r\n\r\nconst DateViewCount = () => {\r\n    return (\r\n        <DatePickerRange dateViewCount={2} placeholder=\"Multiple date view\" />\r\n    )\r\n}\r\n\r\nexport default DateViewCount\r\n"],"names":[],"mappings":";;AAEA,MAAM,EAAE,oBAAoB;AAE5B,MAAM,gBAAgB,MAAM;AACxB,SACI,oBAAC,iBAAA,EAAgB,eAAe,GAAG,aAAY,sBAAqB;AAE5E;"}

package/dist/@ecme/views/ui-components/forms/DatePicker/DisableOutOfPeriodDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisableOutOfPeriodDate.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/DisableOutOfPeriodDate.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\nimport dayjs from 'dayjs'\n\nconst DisableOutOfRangeDate = () => {\n    const dateGap = 7\n\n    // Only able to select previos & future 7 days start from today\n    const minDate = dayjs(new Date())\n        .subtract(dateGap, 'day')\n        .startOf('day')\n        .toDate()\n    const maxDate = dayjs(new Date()).add(dateGap, 'day').toDate()\n\n    return (\n        <DatePicker\n            placeholder=\"Pick a date\"\n            minDate={minDate}\n            maxDate={maxDate}\n        />\n    )\n}\n\nexport default DisableOutOfRangeDate\n"],"names":[],"mappings":";;;AAGA,MAAM,wBAAwB,MAAM;AAChC,QAAM,UAAU;AAGhB,QAAM,UAAU,MAAM,oBAAI,KAAA,CAAM,EAC3B,SAAS,SAAS,KAAK,EACvB,QAAQ,KAAK,EACb,OAAA;AACL,QAAM,UAAU,MAAM,oBAAI,KAAA,CAAM,EAAE,IAAI,SAAS,KAAK,EAAE,OAAA;AAEtD,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"DisableOutOfPeriodDate.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/DisableOutOfPeriodDate.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\r\nimport dayjs from 'dayjs'\r\n\r\nconst DisableOutOfRangeDate = () => {\r\n    const dateGap = 7\r\n\r\n    // Only able to select previos & future 7 days start from today\r\n    const minDate = dayjs(new Date())\r\n        .subtract(dateGap, 'day')\r\n        .startOf('day')\r\n        .toDate()\r\n    const maxDate = dayjs(new Date()).add(dateGap, 'day').toDate()\r\n\r\n    return (\r\n        <DatePicker\r\n            placeholder=\"Pick a date\"\r\n            minDate={minDate}\r\n            maxDate={maxDate}\r\n        />\r\n    )\r\n}\r\n\r\nexport default DisableOutOfRangeDate\r\n"],"names":[],"mappings":";;;AAGA,MAAM,wBAAwB,MAAM;AAChC,QAAM,UAAU;AAGhB,QAAM,UAAU,MAAM,oBAAI,KAAA,CAAM,EAC3B,SAAS,SAAS,KAAK,EACvB,QAAQ,KAAK,EACb,OAAA;AACL,QAAM,UAAU,MAAM,oBAAI,KAAA,CAAM,EAAE,IAAI,SAAS,KAAK,EAAE,OAAA;AAEtD,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/ui-components/forms/DatePicker/DisabledCertainDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisabledCertainDate.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/DisabledCertainDate.tsx"],"sourcesContent":["import { useState } from 'react'\nimport DatePicker from '@/components/ui/DatePicker'\n\nconst DisabledCertainDate = () => {\n    const [dateValue, setDateValue] = useState<Date>(new Date())\n\n    const onCertainPeriodChange = (date: Date) => {\n        setDateValue(date)\n    }\n\n    const disableCertainDate = (date: Date) => {\n        const banDate = [7, 15, 21]\n        return banDate.includes(date.getDate())\n    }\n\n    return (\n        <DatePicker\n            value={dateValue}\n            placeholder=\"Pick your date\"\n            disableDate={disableCertainDate}\n            onChange={(date) => onCertainPeriodChange(date as Date)}\n        />\n    )\n}\n\nexport default DisabledCertainDate\n"],"names":[],"mappings":";;;AAGA,MAAM,sBAAsB,MAAM;AAC9B,QAAM,CAAC,WAAW,YAAY,IAAI,SAAe,oBAAI,MAAM;AAE3D,QAAM,wBAAwB,CAAC,SAAe;AAC1C,iBAAa,IAAI;AAAA,EACrB;AAEA,QAAM,qBAAqB,CAAC,SAAe;AACvC,UAAM,UAAU,CAAC,GAAG,IAAI,EAAE;AAC1B,WAAO,QAAQ,SAAS,KAAK,QAAA,CAAS;AAAA,EAC1C;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,aAAa;AAAA,MACb,UAAU,CAAC,SAAS,sBAAsB,IAAY;AAAA,IAAA;AAAA,EAAA;AAGlE;"}
+{"version":3,"file":"DisabledCertainDate.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/DisabledCertainDate.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport DatePicker from '@/components/ui/DatePicker'\r\n\r\nconst DisabledCertainDate = () => {\r\n    const [dateValue, setDateValue] = useState<Date>(new Date())\r\n\r\n    const onCertainPeriodChange = (date: Date) => {\r\n        setDateValue(date)\r\n    }\r\n\r\n    const disableCertainDate = (date: Date) => {\r\n        const banDate = [7, 15, 21]\r\n        return banDate.includes(date.getDate())\r\n    }\r\n\r\n    return (\r\n        <DatePicker\r\n            value={dateValue}\r\n            placeholder=\"Pick your date\"\r\n            disableDate={disableCertainDate}\r\n            onChange={(date) => onCertainPeriodChange(date as Date)}\r\n        />\r\n    )\r\n}\r\n\r\nexport default DisabledCertainDate\r\n"],"names":[],"mappings":";;;AAGA,MAAM,sBAAsB,MAAM;AAC9B,QAAM,CAAC,WAAW,YAAY,IAAI,SAAe,oBAAI,MAAM;AAE3D,QAAM,wBAAwB,CAAC,SAAe;AAC1C,iBAAa,IAAI;AAAA,EACrB;AAEA,QAAM,qBAAqB,CAAC,SAAe;AACvC,UAAM,UAAU,CAAC,GAAG,IAAI,EAAE;AAC1B,WAAO,QAAQ,SAAS,KAAK,QAAA,CAAS;AAAA,EAC1C;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,aAAa;AAAA,MACb,UAAU,CAAC,SAAS,sBAAsB,IAAY;AAAA,IAAA;AAAA,EAAA;AAGlE;"}

package/dist/@ecme/views/ui-components/forms/DatePicker/DisabledInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisabledInput.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/DisabledInput.tsx"],"sourcesContent":["import { useState } from 'react'\nimport DatePicker from '@/components/ui/DatePicker'\n\nconst DisabledInput = () => {\n    const [date] = useState(new Date())\n\n    return (\n        <div>\n            <DatePicker disabled className=\"mb-4\" placeholder=\"Select a date\" />\n            <DatePicker disabled className=\"mb-4\" value={date} />\n        </div>\n    )\n}\n\nexport default DisabledInput\n"],"names":[],"mappings":";;;AAGA,MAAM,gBAAgB,MAAM;AACxB,QAAM,CAAC,IAAI,IAAI,SAAS,oBAAI,MAAM;AAElC,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,cAAW,UAAQ,MAAC,WAAU,QAAO,aAAY,iBAAgB;AAAA,wBACjE,YAAA,EAAW,UAAQ,MAAC,WAAU,QAAO,OAAO,KAAA,CAAM;AAAA,EAAA,GACvD;AAER;"}
+{"version":3,"file":"DisabledInput.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/DisabledInput.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport DatePicker from '@/components/ui/DatePicker'\r\n\r\nconst DisabledInput = () => {\r\n    const [date] = useState(new Date())\r\n\r\n    return (\r\n        <div>\r\n            <DatePicker disabled className=\"mb-4\" placeholder=\"Select a date\" />\r\n            <DatePicker disabled className=\"mb-4\" value={date} />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default DisabledInput\r\n"],"names":[],"mappings":";;;AAGA,MAAM,gBAAgB,MAAM;AACxB,QAAM,CAAC,IAAI,IAAI,SAAS,oBAAI,MAAM;AAElC,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,cAAW,UAAQ,MAAC,WAAU,QAAO,aAAY,iBAAgB;AAAA,wBACjE,YAAA,EAAW,UAAQ,MAAC,WAAU,QAAO,OAAO,KAAA,CAAM;AAAA,EAAA,GACvD;AAER;"}

package/dist/@ecme/views/ui-components/forms/DatePicker/Format.js.map

@@ -1 +1 @@
-{"version":3,"file":"Format.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/Format.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\n\nconst Format = () => {\n    const date = new Date()\n\n    return (\n        <div className=\"flex flex-col gap-4\">\n            <div>\n                <div className=\"mb-1 font-semibold text-sm\">Input format:</div>\n                <DatePicker inputFormat=\"MMM, DD YYYY\" defaultValue={date} />\n            </div>\n            <div>\n                <div className=\"mb-1 font-semibold text-sm\">\n                    Inner label format:\n                </div>\n                <DatePicker\n                    labelFormat={{\n                        month: 'MMMM',\n                        year: 'YY',\n                    }}\n                    defaultValue={date}\n                />\n            </div>\n        </div>\n    )\n}\n\nexport default Format\n"],"names":[],"mappings":";;AAEA,MAAM,SAAS,MAAM;AACjB,QAAM,2BAAW,KAAA;AAEjB,SACI,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,iBAAa;AAAA,MACzD,oBAAC,YAAA,EAAW,aAAY,gBAAe,cAAc,KAAA,CAAM;AAAA,IAAA,GAC/D;AAAA,yBACC,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,uBAE5C;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,aAAa;AAAA,YACT,OAAO;AAAA,YACP,MAAM;AAAA,UAAA;AAAA,UAEV,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Format.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/Format.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\r\n\r\nconst Format = () => {\r\n    const date = new Date()\r\n\r\n    return (\r\n        <div className=\"flex flex-col gap-4\">\r\n            <div>\r\n                <div className=\"mb-1 font-semibold text-sm\">Input format:</div>\r\n                <DatePicker inputFormat=\"MMM, DD YYYY\" defaultValue={date} />\r\n            </div>\r\n            <div>\r\n                <div className=\"mb-1 font-semibold text-sm\">\r\n                    Inner label format:\r\n                </div>\r\n                <DatePicker\r\n                    labelFormat={{\r\n                        month: 'MMMM',\r\n                        year: 'YY',\r\n                    }}\r\n                    defaultValue={date}\r\n                />\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Format\r\n"],"names":[],"mappings":";;AAEA,MAAM,SAAS,MAAM;AACjB,QAAM,2BAAW,KAAA;AAEjB,SACI,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,iBAAa;AAAA,MACzD,oBAAC,YAAA,EAAW,aAAY,gBAAe,cAAc,KAAA,CAAM;AAAA,IAAA,GAC/D;AAAA,yBACC,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,uBAE5C;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,aAAa;AAAA,YACT,OAAO;AAAA,YACP,MAAM;AAAA,UAAA;AAAA,UAEV,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/DatePicker/InputAffix.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputAffix.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/InputAffix.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\nimport { HiOutlineCalendar } from 'react-icons/hi'\nimport { TbCalendarStats } from 'react-icons/tb'\n\nconst InputAffix = () => {\n    return (\n        <div className=\"flex flex-col gap-5\">\n            <div>\n                <div className=\"mb-1 font-semibold text-sm\">Prefix:</div>\n                <DatePicker\n                    inputPrefix={<HiOutlineCalendar className=\"text-lg\" />}\n                    inputSuffix={null}\n                />\n            </div>\n            <div>\n                <div className=\"mb-1 font-semibold text-sm\">Suffix:</div>\n                <DatePicker\n                    inputSuffix={<TbCalendarStats className=\"text-xl\" />}\n                />\n            </div>\n        </div>\n    )\n}\n\nexport default InputAffix\n"],"names":[],"mappings":";;;;AAIA,MAAM,aAAa,MAAM;AACrB,SACI,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,WAAO;AAAA,MACnD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,aAAa,oBAAC,mBAAA,EAAkB,WAAU,UAAA,CAAU;AAAA,UACpD,aAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB,GACJ;AAAA,yBACC,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,WAAO;AAAA,MACnD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,aAAa,oBAAC,iBAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACtD,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"InputAffix.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/InputAffix.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\r\nimport { HiOutlineCalendar } from 'react-icons/hi'\r\nimport { TbCalendarStats } from 'react-icons/tb'\r\n\r\nconst InputAffix = () => {\r\n    return (\r\n        <div className=\"flex flex-col gap-5\">\r\n            <div>\r\n                <div className=\"mb-1 font-semibold text-sm\">Prefix:</div>\r\n                <DatePicker\r\n                    inputPrefix={<HiOutlineCalendar className=\"text-lg\" />}\r\n                    inputSuffix={null}\r\n                />\r\n            </div>\r\n            <div>\r\n                <div className=\"mb-1 font-semibold text-sm\">Suffix:</div>\r\n                <DatePicker\r\n                    inputSuffix={<TbCalendarStats className=\"text-xl\" />}\r\n                />\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default InputAffix\r\n"],"names":[],"mappings":";;;;AAIA,MAAM,aAAa,MAAM;AACrB,SACI,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,WAAO;AAAA,MACnD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,aAAa,oBAAC,mBAAA,EAAkB,WAAU,UAAA,CAAU;AAAA,UACpD,aAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB,GACJ;AAAA,yBACC,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,WAAO;AAAA,MACnD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,aAAa,oBAAC,iBAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACtD,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/DatePicker/InputSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputSize.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/InputSize.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\n\nconst InputSize = () => {\n    const date = new Date()\n\n    return (\n        <div>\n            <DatePicker\n                className=\"mb-4\"\n                placeholder=\"Select a date\"\n                defaultValue={date}\n                size=\"sm\"\n            />\n            <DatePicker\n                className=\"mb-4\"\n                placeholder=\"Select a date\"\n                defaultValue={date}\n            />\n            <DatePicker\n                className=\"mb-4\"\n                placeholder=\"Select a date\"\n                defaultValue={date}\n                size=\"lg\"\n            />\n        </div>\n    )\n}\n\nexport default InputSize\n"],"names":[],"mappings":";;AAEA,MAAM,YAAY,MAAM;AACpB,QAAM,2BAAW,KAAA;AAEjB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAc;AAAA,QACd,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAET;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,IAElB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAc;AAAA,QACd,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACT,GACJ;AAER;"}
+{"version":3,"file":"InputSize.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/InputSize.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\r\n\r\nconst InputSize = () => {\r\n    const date = new Date()\r\n\r\n    return (\r\n        <div>\r\n            <DatePicker\r\n                className=\"mb-4\"\r\n                placeholder=\"Select a date\"\r\n                defaultValue={date}\r\n                size=\"sm\"\r\n            />\r\n            <DatePicker\r\n                className=\"mb-4\"\r\n                placeholder=\"Select a date\"\r\n                defaultValue={date}\r\n            />\r\n            <DatePicker\r\n                className=\"mb-4\"\r\n                placeholder=\"Select a date\"\r\n                defaultValue={date}\r\n                size=\"lg\"\r\n            />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default InputSize\r\n"],"names":[],"mappings":";;AAEA,MAAM,YAAY,MAAM;AACpB,QAAM,2BAAW,KAAA;AAEjB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAc;AAAA,QACd,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAET;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,IAElB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAc;AAAA,QACd,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACT,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/DatePicker/Inputtable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Inputtable.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/Inputtable.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\n\nconst Inputtable = () => {\n    return (\n        <DatePicker\n            inputtable\n            inputtableBlurClose={false}\n            placeholder=\"Pick date\"\n        />\n    )\n}\n\nexport default Inputtable\n"],"names":[],"mappings":";;AAEA,MAAM,aAAa,MAAM;AACrB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAU;AAAA,MACV,qBAAqB;AAAA,MACrB,aAAY;AAAA,IAAA;AAAA,EAAA;AAGxB;"}
+{"version":3,"file":"Inputtable.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/Inputtable.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\r\n\r\nconst Inputtable = () => {\r\n    return (\r\n        <DatePicker\r\n            inputtable\r\n            inputtableBlurClose={false}\r\n            placeholder=\"Pick date\"\r\n        />\r\n    )\r\n}\r\n\r\nexport default Inputtable\r\n"],"names":[],"mappings":";;AAEA,MAAM,aAAa,MAAM;AACrB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAU;AAAA,MACV,qBAAqB;AAAA,MACrB,aAAY;AAAA,IAAA;AAAA,EAAA;AAGxB;"}

package/dist/@ecme/views/ui-components/forms/DatePicker/Localization.js.map

@@ -1 +1 @@
-{"version":3,"file":"Localization.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/Localization.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\nimport 'dayjs/locale/ko'\n\nconst Localization = () => {\n    return <DatePicker locale=\"ko\" defaultValue={new Date()} inputFormat=\"LL\" />\n}\n\nexport default Localization\n"],"names":[],"mappings":";;;AAGA,MAAM,eAAe,MAAM;AACvB,SAAO,oBAAC,cAAW,QAAO,MAAK,cAAc,oBAAI,KAAA,GAAQ,aAAY,MAAK;AAC9E;"}
+{"version":3,"file":"Localization.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/Localization.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\r\nimport 'dayjs/locale/ko'\r\n\r\nconst Localization = () => {\r\n    return <DatePicker locale=\"ko\" defaultValue={new Date()} inputFormat=\"LL\" />\r\n}\r\n\r\nexport default Localization\r\n"],"names":[],"mappings":";;;AAGA,MAAM,eAAe,MAAM;AACvB,SAAO,oBAAC,cAAW,QAAO,MAAK,cAAc,oBAAI,KAAA,GAAQ,aAAY,MAAK;AAC9E;"}

package/dist/@ecme/views/ui-components/forms/DatePicker/RangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangePicker.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/RangePicker.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\n\nconst { DatePickerRange } = DatePicker\n\nconst RangePicker = () => {\n    return <DatePickerRange placeholder=\"Select dates range\" />\n}\n\nexport default RangePicker\n"],"names":[],"mappings":";;AAEA,MAAM,EAAE,oBAAoB;AAE5B,MAAM,cAAc,MAAM;AACtB,SAAO,oBAAC,iBAAA,EAAgB,aAAY,qBAAA,CAAqB;AAC7D;"}
+{"version":3,"file":"RangePicker.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/DatePicker/RangePicker.tsx"],"sourcesContent":["import DatePicker from '@/components/ui/DatePicker'\r\n\r\nconst { DatePickerRange } = DatePicker\r\n\r\nconst RangePicker = () => {\r\n    return <DatePickerRange placeholder=\"Select dates range\" />\r\n}\r\n\r\nexport default RangePicker\r\n"],"names":[],"mappings":";;AAEA,MAAM,EAAE,oBAAoB;AAE5B,MAAM,cAAc,MAAM;AACtB,SAAO,oBAAC,iBAAA,EAAgB,aAAY,qBAAA,CAAqB;AAC7D;"}