@orbe-agro/client-core 5.5.3 → 5.5.8

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Size from './Size'\nimport Disabled from './Disabled'\nimport DisabledSearch from './DisabledSearch'\nimport MultiSelection from './MultiSelection'\nimport Group from './Group'\nimport Custom from './Custom'\nimport AsyncOnSearch from './AsyncOnSearch'\nimport LoadOptionOnExpand from './LoadOptionOnExpand'\nimport Creatable from './Creatable'\n\nconst mdPath = 'Select'\n\nconst demoHeader = {\n    title: 'Select',\n    desc: 'Select allows a user to pick single or multiple options from a list. This component is a wrapper of <a class=\"underline text-blue-500\" href=\"https://react-select.com/home\" target=\"_blank\">react-select</a>.',\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: `There's three sizes of option for Select.`,\n        component: <Size />,\n    },\n    {\n        mdName: 'MultiSelection',\n        mdPath: mdPath,\n        title: 'Multi Selection',\n        desc: `By setting <code>isMulti</code> to true, we can select multiple options from the list.`,\n        component: <MultiSelection />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Example of disabled.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'DisabledSearch',\n        mdPath: mdPath,\n        title: 'Disabled Search',\n        desc: `Select is searchable by default, but we can also turn it off by setting <code>isSearchable</code> to false.`,\n        component: <DisabledSearch />,\n    },\n    {\n        mdName: 'Group',\n        mdPath: mdPath,\n        title: 'Group',\n        desc: `Options can be grouped with nested data.`,\n        component: <Group />,\n    },\n    {\n        mdName: 'Custom',\n        mdPath: mdPath,\n        title: 'Custom',\n        desc: `React-select allow us to make customization the building block of the component, refer <a class=\"underline text-blue-500\" href=\"https://react-select.com/components\" target=\"_blank\">here</a> for more detail infomation`,\n        component: <Custom />,\n    },\n    {\n        mdName: 'AsyncOnSearch',\n        mdPath: mdPath,\n        title: 'Async on Search',\n        desc: `Use the Async component to load options from a remote source as the user types.`,\n        component: <AsyncOnSearch />,\n    },\n    {\n        mdName: 'LoadOptionOnExpand',\n        mdPath: mdPath,\n        title: 'Load Options on Expand',\n        desc: `We can also load options upon clicking the Select.`,\n        component: <LoadOptionOnExpand />,\n    },\n    {\n        mdName: 'Creatable',\n        mdPath: mdPath,\n        title: 'Creatable',\n        desc: `Example of creating new option via Select input.`,\n        component: <Creatable />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Select',\n        api: [\n            {\n                propName: 'componentAs',\n                type: `<code>ReactNode</code>`,\n                default: `<code>ReactSelect</code>`,\n                desc: 'Receive extensive component from react-select, such as <code>Async</code> & <code>Creatable</code>',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Select size',\n            },\n        ],\n    },\n]\n\nconst reactSelectApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-select-api\" className=\"mb-3\">\n            React Select\n        </h6>\n        <p className=\"mb-1\">\n            <code>Select</code> is a wrapper component of{' '}\n            <a\n                className=\"underline text-blue-500\"\n                href=\"https://react-select.com/home\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                react-select\n            </a>\n            .\n        </p>\n        <p>\n            All react-select props can be applied on this component, refer{' '}\n            <a\n                className=\"underline text-blue-500\"\n                href=\"https://react-select.com/props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete api list.{' '}\n        </p>\n    </div>\n)\n\nconst Select = () => {\n    return (\n        <DemoLayout\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            extra={reactSelectApi}\n        />\n    )\n}\n\nexport default Select\n"],"names":[],"mappings":";;;;;;;;;;;;AAcA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,MAAK,CAAA,CAAA;AAAA,EACrB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,gBAAe,CAAA,CAAA;AAAA,EAC/B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAS,CAAA,CAAA;AAAA,EACzB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,gBAAe,CAAA,CAAA;AAAA,EAC/B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,QAAO,CAAA,CAAA;AAAA,EACvB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,eAAc,CAAA,CAAA;AAAA,EAC9B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,oBAAmB,CAAA,CAAA;AAAA,EACnC;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,WAAU,CAAA,CAAA;AAAA,EAAA;AAE9B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,iBACF,qBAAC,OAAI,EAAA,WAAU,wBACX,UAAA;AAAA,EAAC,oBAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,sBAChC,MAAG,EAAA,IAAG,oBAAmB,WAAU,QAAO,UAE3C,gBAAA;AAAA,EACA,qBAAC,KAAE,EAAA,WAAU,QACT,UAAA;AAAA,IAAA,oBAAC,UAAK,UAAM,SAAA,CAAA;AAAA,IAAO;AAAA,IAA2B;AAAA,IAC9C;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IAAI;AAAA,EAAA,GAER;AAAA,uBACC,KAAE,EAAA,UAAA;AAAA,IAAA;AAAA,IACgE;AAAA,IAC/D;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IAAK;AAAA,IAAI;AAAA,IACkB;AAAA,EAAA,EAC/B,CAAA;AAAA,GACJ;AAGJ,MAAM,SAAS,MAAM;AAEb,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,MACR;AAAA,MACA,KAAK;AAAA,MACL,OAAO;AAAA,IAAA;AAAA,EACX;AAER;"}
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Size from './Size'\nimport Disabled from './Disabled'\nimport DisabledSearch from './DisabledSearch'\nimport MultiSelection from './MultiSelection'\nimport Group from './Group'\nimport Custom from './Custom'\nimport AsyncOnSearch from './AsyncOnSearch'\nimport LoadOptionOnExpand from './LoadOptionOnExpand'\nimport Creatable from './Creatable'\n\nconst mdPath = 'Select'\n\nconst demoHeader = {\n    title: 'Select',\n    desc: 'Select allows a user to pick single or multiple options from a list. This component is a wrapper of <a class=\"underline text-blue-500\" href=\"https://react-select.com/home\" target=\"_blank\">react-select</a>.',\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: `There's three sizes of option for Select.`,\n        component: <Size />,\n    },\n    {\n        mdName: 'MultiSelection',\n        mdPath: mdPath,\n        title: 'Multi Selection',\n        desc: `By setting <code>isMulti</code> to true, we can select multiple options from the list.`,\n        component: <MultiSelection />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Example of disabled.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'DisabledSearch',\n        mdPath: mdPath,\n        title: 'Disabled Search',\n        desc: `Select is searchable by default, but we can also turn it off by setting <code>isSearchable</code> to false.`,\n        component: <DisabledSearch />,\n    },\n    {\n        mdName: 'Group',\n        mdPath: mdPath,\n        title: 'Group',\n        desc: `Options can be grouped with nested data.`,\n        component: <Group />,\n    },\n    {\n        mdName: 'Custom',\n        mdPath: mdPath,\n        title: 'Custom',\n        desc: `React-select allow us to make customization the building block of the component, refer <a class=\"underline text-blue-500\" href=\"https://react-select.com/components\" target=\"_blank\">here</a> for more detail infomation`,\n        component: <Custom />,\n    },\n    {\n        mdName: 'AsyncOnSearch',\n        mdPath: mdPath,\n        title: 'Async on Search',\n        desc: `Use the Async component to load options from a remote source as the user types.`,\n        component: <AsyncOnSearch />,\n    },\n    {\n        mdName: 'LoadOptionOnExpand',\n        mdPath: mdPath,\n        title: 'Load Options on Expand',\n        desc: `We can also load options upon clicking the Select.`,\n        component: <LoadOptionOnExpand />,\n    },\n    {\n        mdName: 'Creatable',\n        mdPath: mdPath,\n        title: 'Creatable',\n        desc: `Example of creating new option via Select input.`,\n        component: <Creatable />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Select',\n        api: [\n            {\n                propName: 'componentAs',\n                type: `<code>ReactNode</code>`,\n                default: `<code>ReactSelect</code>`,\n                desc: 'Receive extensive component from react-select, such as <code>Async</code> & <code>Creatable</code>',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Select size',\n            },\n        ],\n    },\n]\n\nconst reactSelectApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-select-api\" className=\"mb-3\">\n            React Select\n        </h6>\n        <p className=\"mb-1\">\n            <code>Select</code> is a wrapper component of{' '}\n            <a\n                className=\"underline text-blue-500\"\n                href=\"https://react-select.com/home\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                react-select\n            </a>\n            .\n        </p>\n        <p>\n            All react-select props can be applied on this component, refer{' '}\n            <a\n                className=\"underline text-blue-500\"\n                href=\"https://react-select.com/props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete api list.{' '}\n        </p>\n    </div>\n)\n\nconst Select = () => {\n    return (\n        <DemoLayout\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            extra={reactSelectApi}\n        />\n    )\n}\n\nexport default Select\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Basic.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\nimport type { ChangeEvent } from 'react'\n\nconst Basic = () => {\n    const onSwitcherToggle = (val: boolean, e: ChangeEvent) => {\n        console.log(val, e)\n    }\n\n    return (\n        <div>\n            <Switcher defaultChecked onChange={onSwitcherToggle} />\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":[],"mappings":";;;AAGA,MAAM,QAAQ,MAAM;AACV,QAAA,mBAAmB,CAAC,KAAc,MAAmB;AAC/C,YAAA,IAAI,KAAK,CAAC;AAAA,EACtB;AAGI,SAAA,oBAAC,SACG,UAAC,oBAAA,UAAA,EAAS,gBAAc,MAAC,UAAU,kBAAkB,EACzD,CAAA;AAER;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Basic.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\nimport type { ChangeEvent } from 'react'\n\nconst Basic = () => {\n    const onSwitcherToggle = (val: boolean, e: ChangeEvent) => {\n        console.log(val, e)\n    }\n\n    return (\n        <div>\n            <Switcher defaultChecked onChange={onSwitcherToggle} />\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":[],"mappings":";;;AAGA,MAAM,QAAQ,MAAM;AAChB,QAAM,mBAAmB,CAAC,KAAc,MAAmB;AACvD,YAAQ,IAAI,KAAK,CAAC;AAAA,EACtB;AAEA,SACI,oBAAC,SACG,UAAA,oBAAC,UAAA,EAAS,gBAAc,MAAC,UAAU,kBAAkB,EAAA,CACzD;AAER;"}

package/dist/@ecme/views/ui-components/forms/Switcher/Colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"Colors.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Colors.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\n\nconst Colors = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Switcher defaultChecked switcherClass=\"bg-green-500\" />\n            </div>\n            <div className=\"mb-4\">\n                <Switcher defaultChecked switcherClass=\"bg-red-500\" />\n            </div>\n        </div>\n    )\n}\n\nexport default Colors\n"],"names":[],"mappings":";;;AAEA,MAAM,SAAS,MAAM;AACjB,8BACK,OACG,EAAA,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,YAAS,gBAAc,MAAC,eAAc,eAAA,CAAe,EAC1D,CAAA;AAAA,IACA,oBAAC,OAAI,EAAA,WAAU,QACX,UAAA,oBAAC,YAAS,gBAAc,MAAC,eAAc,aAAa,CAAA,EACxD,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Colors.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Colors.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\n\nconst Colors = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Switcher defaultChecked switcherClass=\"bg-green-500\" />\n            </div>\n            <div className=\"mb-4\">\n                <Switcher defaultChecked switcherClass=\"bg-red-500\" />\n            </div>\n        </div>\n    )\n}\n\nexport default Colors\n"],"names":[],"mappings":";;;AAEA,MAAM,SAAS,MAAM;AACjB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,YAAS,gBAAc,MAAC,eAAc,eAAA,CAAe,EAAA,CAC1D;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,YAAS,gBAAc,MAAC,eAAc,aAAA,CAAa,EAAA,CACxD;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/Switcher/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Content.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\nimport { RiMoonClearLine, RiSunLine } from 'react-icons/ri'\nimport type { ReactNode } from 'react'\n\nconst withIcon = (component: ReactNode) => {\n    return <div className=\"text-lg\">{component}</div>\n}\n\nconst Content = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Switcher checkedContent=\"a\" unCheckedContent=\"b\" />\n            </div>\n            <div className=\"mb-4\">\n                <Switcher\n                    unCheckedContent={withIcon(<RiMoonClearLine />)}\n                    checkedContent={withIcon(<RiSunLine />)}\n                />\n            </div>\n        </div>\n    )\n}\n\nexport default Content\n"],"names":[],"mappings":";;;;AAIA,MAAM,WAAW,CAAC,cAAyB;AACvC,SAAQ,oBAAA,OAAA,EAAI,WAAU,WAAW,UAAU,WAAA;AAC/C;AAEA,MAAM,UAAU,MAAM;AAClB,8BACK,OACG,EAAA,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,YAAS,gBAAe,KAAI,kBAAiB,IAAA,CAAI,EACtD,CAAA;AAAA,IACA,oBAAC,OAAI,EAAA,WAAU,QACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,kBAAkB,SAAU,oBAAA,iBAAA,CAAgB,CAAA,CAAE;AAAA,QAC9C,gBAAgB,SAAU,oBAAA,WAAA,CAAA,CAAU,CAAE;AAAA,MAAA;AAAA,IAAA,EAE9C,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Content.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Content.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\nimport { RiMoonClearLine, RiSunLine } from 'react-icons/ri'\nimport type { ReactNode } from 'react'\n\nconst withIcon = (component: ReactNode) => {\n    return <div className=\"text-lg\">{component}</div>\n}\n\nconst Content = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Switcher checkedContent=\"a\" unCheckedContent=\"b\" />\n            </div>\n            <div className=\"mb-4\">\n                <Switcher\n                    unCheckedContent={withIcon(<RiMoonClearLine />)}\n                    checkedContent={withIcon(<RiSunLine />)}\n                />\n            </div>\n        </div>\n    )\n}\n\nexport default Content\n"],"names":[],"mappings":";;;;AAIA,MAAM,WAAW,CAAC,cAAyB;AACvC,SAAO,oBAAC,OAAA,EAAI,WAAU,WAAW,UAAA,WAAU;AAC/C;AAEA,MAAM,UAAU,MAAM;AAClB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,YAAS,gBAAe,KAAI,kBAAiB,IAAA,CAAI,EAAA,CACtD;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,kBAAkB,SAAS,oBAAC,iBAAA,CAAA,CAAgB,CAAE;AAAA,QAC9C,gBAAgB,SAAS,oBAAC,WAAA,CAAA,CAAU,CAAE;AAAA,MAAA;AAAA,IAAA,EAC1C,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Controlled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Controlled.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Switcher from '@/components/ui/Switcher'\n\nconst Controlled = () => {\n    const [checked, setChecked] = useState(false)\n\n    const onSwitcherToggle = (val: boolean) => {\n        console.log('value', val)\n        setChecked(val)\n    }\n\n    return (\n        <div>\n            <Switcher checked={checked} onChange={onSwitcherToggle} />\n        </div>\n    )\n}\n\nexport default Controlled\n"],"names":[],"mappings":";;;;AAGA,MAAM,aAAa,MAAM;AACrB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAEtC,QAAA,mBAAmB,CAAC,QAAiB;AAC/B,YAAA,IAAI,SAAS,GAAG;AACxB,eAAW,GAAG;AAAA,EAClB;AAEA,6BACK,OACG,EAAA,UAAA,oBAAC,YAAS,SAAkB,UAAU,kBAAkB,EAC5D,CAAA;AAER;"}
+{"version":3,"file":"Controlled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Controlled.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Switcher from '@/components/ui/Switcher'\n\nconst Controlled = () => {\n    const [checked, setChecked] = useState(false)\n\n    const onSwitcherToggle = (val: boolean) => {\n        console.log('value', val)\n        setChecked(val)\n    }\n\n    return (\n        <div>\n            <Switcher checked={checked} onChange={onSwitcherToggle} />\n        </div>\n    )\n}\n\nexport default Controlled\n"],"names":[],"mappings":";;;;AAGA,MAAM,aAAa,MAAM;AACrB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,mBAAmB,CAAC,QAAiB;AACvC,YAAQ,IAAI,SAAS,GAAG;AACxB,eAAW,GAAG;AAAA,EAClB;AAEA,6BACK,OAAA,EACG,UAAA,oBAAC,YAAS,SAAkB,UAAU,kBAAkB,EAAA,CAC5D;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Disabled.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\n\nconst Disabled = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Switcher disabled />\n            </div>\n            <div className=\"mb-4\">\n                <Switcher disabled defaultChecked />\n            </div>\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":[],"mappings":";;;AAEA,MAAM,WAAW,MAAM;AACnB,8BACK,OACG,EAAA,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,QACX,8BAAC,UAAS,EAAA,UAAQ,MAAC,EACvB,CAAA;AAAA,IACA,oBAAC,OAAI,EAAA,WAAU,QACX,UAAA,oBAAC,YAAS,UAAQ,MAAC,gBAAc,KAAC,CAAA,EACtC,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Disabled.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\n\nconst Disabled = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Switcher disabled />\n            </div>\n            <div className=\"mb-4\">\n                <Switcher disabled defaultChecked />\n            </div>\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":[],"mappings":";;;AAEA,MAAM,WAAW,MAAM;AACnB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,QACX,8BAAC,UAAA,EAAS,UAAQ,MAAC,EAAA,CACvB;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,YAAS,UAAQ,MAAC,gBAAc,KAAA,CAAC,EAAA,CACtC;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/Switcher/Loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Loading.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Switcher from '@/components/ui/Switcher'\n\nconst Loading = () => {\n    const [checked, setChecked] = useState(false)\n    const [isLoading, setIsLoading] = useState(false)\n\n    const onSwitcherToggle = () => {\n        setIsLoading(true)\n        setTimeout(() => {\n            setChecked((checked) => !checked)\n            setIsLoading(false)\n        }, 1000)\n    }\n\n    return (\n        <div>\n            <Switcher\n                checked={checked}\n                isLoading={isLoading}\n                onChange={onSwitcherToggle}\n            />\n        </div>\n    )\n}\n\nexport default Loading\n"],"names":["checked"],"mappings":";;;;AAGA,MAAM,UAAU,MAAM;AAClB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,mBAAmB,MAAM;AAC3B,iBAAa,IAAI;AACjB,eAAW,MAAM;AACF,iBAAA,CAACA,aAAY,CAACA,QAAO;AAChC,mBAAa,KAAK;AAAA,OACnB,GAAI;AAAA,EACX;AAEA,6BACK,OACG,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,EAAA,GAElB;AAER;"}
+{"version":3,"file":"Loading.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Loading.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Switcher from '@/components/ui/Switcher'\n\nconst Loading = () => {\n    const [checked, setChecked] = useState(false)\n    const [isLoading, setIsLoading] = useState(false)\n\n    const onSwitcherToggle = () => {\n        setIsLoading(true)\n        setTimeout(() => {\n            setChecked((checked) => !checked)\n            setIsLoading(false)\n        }, 1000)\n    }\n\n    return (\n        <div>\n            <Switcher\n                checked={checked}\n                isLoading={isLoading}\n                onChange={onSwitcherToggle}\n            />\n        </div>\n    )\n}\n\nexport default Loading\n"],"names":["checked"],"mappings":";;;;AAGA,MAAM,UAAU,MAAM;AAClB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,mBAAmB,MAAM;AAC3B,iBAAa,IAAI;AACjB,eAAW,MAAM;AACb,iBAAW,CAACA,aAAY,CAACA,QAAO;AAChC,mBAAa,KAAK;AAAA,IACtB,GAAG,GAAI;AAAA,EACX;AAEA,6BACK,OAAA,EACG,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,EAAA,GAElB;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Content from './Content'\nimport Disabled from './Disabled'\nimport Loading from './Loading'\nimport Colors from './Colors'\nimport Controlled from './Controlled'\n\nconst mdPath = 'Switcher'\n\nconst demoHeader = {\n    title: 'Switcher',\n    desc: 'Switcher component used as an alternative of the single Checkbox, it can be switch between enabled or disabled.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic example for Switcher.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Content',\n        mdPath: mdPath,\n        title: 'Content',\n        desc: `Switcher can have different content on state enabled or disabled`,\n        component: <Content />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Set <code>disabled</code> to true to disable the Switcher.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Loading',\n        mdPath: mdPath,\n        title: 'Loading',\n        desc: `We can set <code>isLoading</code> prop to true and make Switcher status to pending.`,\n        component: <Loading />,\n    },\n    {\n        mdName: 'Colors',\n        mdPath: mdPath,\n        title: 'Colors',\n        desc: `We can apply custom color to Switcher via <code>color</code> prop.`,\n        component: <Colors />,\n    },\n    {\n        mdName: 'Controlled',\n        mdPath: mdPath,\n        title: 'Controlled',\n        desc: `Controlled example.`,\n        component: <Controlled />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Switcher',\n        api: [\n            {\n                propName: 'checked',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Switcher is checked',\n            },\n            {\n                propName: 'checkedContent',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Content to be shown when the state is checked',\n            },\n            {\n                propName: 'defaultChecked',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Switcher initial state is checked',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Switcher is disabled',\n            },\n            {\n                propName: 'isLoading',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether the checkbox is loading',\n            },\n            {\n                propName: 'labelRef',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Ref of Checkbox label element',\n            },\n            {\n                propName: 'name',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'The name of the switcher input field',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(checked: boolean, e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Switcher value is changed',\n            },\n            {\n                propName: 'readOnly',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Switcher is read only',\n            },\n            {\n                propName: 'switcherClass',\n                type: `<code>string</code>`,\n                default: 'current theme color',\n                desc: 'Custom css for Switcher',\n            },\n            {\n                propName: 'unCheckedContent',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Content to be shown when the state is unchecked',\n            },\n        ],\n    },\n]\n\nconst Switcher = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Switcher\n"],"names":[],"mappings":";;;;;;;;AAUA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EACxB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAS,CAAA,CAAA;AAAA,EACzB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EACxB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,QAAO,CAAA,CAAA;AAAA,EACvB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,YAAW,CAAA,CAAA;AAAA,EAAA;AAE/B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,WAAW,MAAM;AACnB,6BAAQ,YAAW,EAAA,QAAQ,YAAY,OAAc,KAAK,SAAS;AACvE;"}
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Content from './Content'\nimport Disabled from './Disabled'\nimport Loading from './Loading'\nimport Colors from './Colors'\nimport Controlled from './Controlled'\n\nconst mdPath = 'Switcher'\n\nconst demoHeader = {\n    title: 'Switcher',\n    desc: 'Switcher component used as an alternative of the single Checkbox, it can be switch between enabled or disabled.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic example for Switcher.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Content',\n        mdPath: mdPath,\n        title: 'Content',\n        desc: `Switcher can have different content on state enabled or disabled`,\n        component: <Content />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Set <code>disabled</code> to true to disable the Switcher.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Loading',\n        mdPath: mdPath,\n        title: 'Loading',\n        desc: `We can set <code>isLoading</code> prop to true and make Switcher status to pending.`,\n        component: <Loading />,\n    },\n    {\n        mdName: 'Colors',\n        mdPath: mdPath,\n        title: 'Colors',\n        desc: `We can apply custom color to Switcher via <code>color</code> prop.`,\n        component: <Colors />,\n    },\n    {\n        mdName: 'Controlled',\n        mdPath: mdPath,\n        title: 'Controlled',\n        desc: `Controlled example.`,\n        component: <Controlled />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Switcher',\n        api: [\n            {\n                propName: 'checked',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Switcher is checked',\n            },\n            {\n                propName: 'checkedContent',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Content to be shown when the state is checked',\n            },\n            {\n                propName: 'defaultChecked',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Switcher initial state is checked',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Switcher is disabled',\n            },\n            {\n                propName: 'isLoading',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether the checkbox is loading',\n            },\n            {\n                propName: 'labelRef',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Ref of Checkbox label element',\n            },\n            {\n                propName: 'name',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'The name of the switcher input field',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(checked: boolean, e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Switcher value is changed',\n            },\n            {\n                propName: 'readOnly',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Switcher is read only',\n            },\n            {\n                propName: 'switcherClass',\n                type: `<code>string</code>`,\n                default: 'current theme color',\n                desc: 'Custom css for Switcher',\n            },\n            {\n                propName: 'unCheckedContent',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Content to be shown when the state is unchecked',\n            },\n        ],\n    },\n]\n\nconst Switcher = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Switcher\n"],"names":[],"mappings":";;;;;;;;AAUA,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,SAAA,CAAA,CAAQ;AAAA,EAAA;AAAA,EAExB;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,SAAA,CAAA,CAAQ;AAAA,EAAA;AAAA,EAExB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,QAAA,CAAA,CAAO;AAAA,EAAA;AAAA,EAEvB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,YAAA,CAAA,CAAW;AAAA,EAAA;AAE/B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,WAAW,MAAM;AACnB,6BAAQ,YAAA,EAAW,QAAQ,YAAY,OAAc,KAAK,SAAS;AACvE;"}

package/dist/@ecme/views/ui-components/forms/TimeInput/Affix.js.map

@@ -1 +1 @@
-{"version":3,"file":"Affix.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Affix.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\nimport { HiOutlineClock, HiClock } from 'react-icons/hi'\n\nconst Affix = () => {\n    return (\n        <div className=\"flex flex-col gap-5\">\n            <TimeInput\n                prefix={<HiOutlineClock className=\"text-lg\" />}\n                suffix={null}\n            />\n            <TimeInput suffix={<HiClock className=\"text-lg\" />} />\n        </div>\n    )\n}\n\nexport default Affix\n"],"names":[],"mappings":";;;AAGA,MAAM,QAAQ,MAAM;AAEZ,SAAA,qBAAC,OAAI,EAAA,WAAU,uBACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ,oBAAC,gBAAe,EAAA,WAAU,UAAU,CAAA;AAAA,QAC5C,QAAQ;AAAA,MAAA;AAAA,IACZ;AAAA,wBACC,WAAU,EAAA,4BAAS,SAAQ,EAAA,WAAU,WAAU,EAAI,CAAA;AAAA,EAAA,GACxD;AAER;"}
+{"version":3,"file":"Affix.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Affix.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\nimport { HiOutlineClock, HiClock } from 'react-icons/hi'\n\nconst Affix = () => {\n    return (\n        <div className=\"flex flex-col gap-5\">\n            <TimeInput\n                prefix={<HiOutlineClock className=\"text-lg\" />}\n                suffix={null}\n            />\n            <TimeInput suffix={<HiClock className=\"text-lg\" />} />\n        </div>\n    )\n}\n\nexport default Affix\n"],"names":[],"mappings":";;;AAGA,MAAM,QAAQ,MAAM;AAChB,SACI,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQ,oBAAC,gBAAA,EAAe,WAAU,UAAA,CAAU;AAAA,QAC5C,QAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,wBAEX,WAAA,EAAU,4BAAS,SAAA,EAAQ,WAAU,WAAU,EAAA,CAAI;AAAA,EAAA,GACxD;AAER;"}

package/dist/@ecme/views/ui-components/forms/TimeInput/AmPm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmPm.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/AmPm.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst AmPm = () => {\n    return <TimeInput format=\"12\" defaultValue={new Date()} />\n}\n\nexport default AmPm\n"],"names":[],"mappings":";;AAEA,MAAM,OAAO,MAAM;AACf,6BAAQ,WAAU,EAAA,QAAO,MAAK,cAAc,oBAAI,QAAQ;AAC5D;"}
+{"version":3,"file":"AmPm.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/AmPm.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst AmPm = () => {\n    return <TimeInput format=\"12\" defaultValue={new Date()} />\n}\n\nexport default AmPm\n"],"names":[],"mappings":";;AAEA,MAAM,OAAO,MAAM;AACf,6BAAQ,WAAA,EAAU,QAAO,MAAK,cAAc,oBAAI,QAAQ;AAC5D;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Basic.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Basic = () => {\n    return <TimeInput />\n}\n\nexport default Basic\n"],"names":[],"mappings":";;AAEA,MAAM,QAAQ,MAAM;AAChB,6BAAQ,WAAU,EAAA;AACtB;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Basic.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Basic = () => {\n    return <TimeInput />\n}\n\nexport default Basic\n"],"names":[],"mappings":";;AAEA,MAAM,QAAQ,MAAM;AAChB,6BAAQ,WAAA,EAAU;AACtB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Controlled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Controlled.tsx"],"sourcesContent":["import { useState } from 'react'\nimport TimeInput from '@/components/ui/TimeInput'\nimport dayjs from 'dayjs'\n\nconst { TimeInputRange } = TimeInput\n\nconst Controlled = () => {\n    const [timeValue, setTimeValue] = useState<Date | null>(new Date())\n\n    const [timeRangeValue, setTimeRangeValue] = useState<\n        [Date | null, Date | null]\n    >([new Date(), dayjs(new Date()).add(60, 'minutes').toDate()])\n\n    return (\n        <div className=\"flex flex-col gap-5\">\n            <TimeInput value={timeValue} onChange={setTimeValue} />\n            <TimeInputRange\n                value={timeRangeValue}\n                onChange={setTimeRangeValue}\n            />\n        </div>\n    )\n}\n\nexport default Controlled\n"],"names":[],"mappings":";;;;AAIA,MAAM,EAAE,eAAmB,IAAA;AAE3B,MAAM,aAAa,MAAM;AACrB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAsB,oBAAI,MAAM;AAE5D,QAAA,CAAC,gBAAgB,iBAAiB,IAAI,SAE1C,CAAC,oBAAI,QAAQ,0BAAU,KAAK,CAAC,EAAE,IAAI,IAAI,SAAS,EAAE,OAAA,CAAQ,CAAC;AAGzD,SAAA,qBAAC,OAAI,EAAA,WAAU,uBACX,UAAA;AAAA,IAAA,oBAAC,WAAU,EAAA,OAAO,WAAW,UAAU,cAAc;AAAA,IACrD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACJ;AAER;"}
+{"version":3,"file":"Controlled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Controlled.tsx"],"sourcesContent":["import { useState } from 'react'\nimport TimeInput from '@/components/ui/TimeInput'\nimport dayjs from 'dayjs'\n\nconst { TimeInputRange } = TimeInput\n\nconst Controlled = () => {\n    const [timeValue, setTimeValue] = useState<Date | null>(new Date())\n\n    const [timeRangeValue, setTimeRangeValue] = useState<\n        [Date | null, Date | null]\n    >([new Date(), dayjs(new Date()).add(60, 'minutes').toDate()])\n\n    return (\n        <div className=\"flex flex-col gap-5\">\n            <TimeInput value={timeValue} onChange={setTimeValue} />\n            <TimeInputRange\n                value={timeRangeValue}\n                onChange={setTimeRangeValue}\n            />\n        </div>\n    )\n}\n\nexport default Controlled\n"],"names":[],"mappings":";;;;AAIA,MAAM,EAAE,mBAAmB;AAE3B,MAAM,aAAa,MAAM;AACrB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAsB,oBAAI,MAAM;AAElE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAE1C,CAAC,oBAAI,QAAQ,0BAAU,KAAA,CAAM,EAAE,IAAI,IAAI,SAAS,EAAE,OAAA,CAAQ,CAAC;AAE7D,SACI,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,oBAAC,WAAA,EAAU,OAAO,WAAW,UAAU,cAAc;AAAA,IACrD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Disabled.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Disabled = () => {\n    return (\n        <div className=\"flex flex-col gap-5\">\n            <TimeInput disabled />\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":[],"mappings":";;AAEA,MAAM,WAAW,MAAM;AAEf,SAAA,oBAAC,SAAI,WAAU,uBACX,8BAAC,WAAU,EAAA,UAAQ,MAAC,EACxB,CAAA;AAER;"}
+{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Disabled.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Disabled = () => {\n    return (\n        <div className=\"flex flex-col gap-5\">\n            <TimeInput disabled />\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":[],"mappings":";;AAEA,MAAM,WAAW,MAAM;AACnB,SACI,oBAAC,SAAI,WAAU,uBACX,8BAAC,WAAA,EAAU,UAAQ,MAAC,EAAA,CACxB;AAER;"}

package/dist/@ecme/views/ui-components/forms/TimeInput/Invalid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Invalid.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Invalid.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Invalid = () => {\n    return <TimeInput invalid />\n}\n\nexport default Invalid\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AACX,SAAA,oBAAC,WAAU,EAAA,SAAO,KAAC,CAAA;AAC9B;"}
+{"version":3,"file":"Invalid.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Invalid.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Invalid = () => {\n    return <TimeInput invalid />\n}\n\nexport default Invalid\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAClB,SAAO,oBAAC,WAAA,EAAU,SAAO,KAAA,CAAC;AAC9B;"}

package/dist/@ecme/views/ui-components/forms/TimeInput/Seconds.js.map

@@ -1 +1 @@
-{"version":3,"file":"Seconds.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Seconds.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Seconds = () => {\n    return <TimeInput showSeconds defaultValue={new Date()} />\n}\n\nexport default Seconds\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAClB,6BAAQ,WAAU,EAAA,aAAW,MAAC,cAAc,oBAAI,QAAQ;AAC5D;"}
+{"version":3,"file":"Seconds.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Seconds.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Seconds = () => {\n    return <TimeInput showSeconds defaultValue={new Date()} />\n}\n\nexport default Seconds\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,MAAM;AAClB,6BAAQ,WAAA,EAAU,aAAW,MAAC,cAAc,oBAAI,QAAQ;AAC5D;"}

package/dist/@ecme/views/ui-components/forms/TimeInput/Sizes.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sizes.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Sizes.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Sizes = () => {\n    return (\n        <div className=\"flex flex-col gap-5\">\n            <TimeInput size=\"sm\" />\n            <TimeInput />\n            <TimeInput size=\"lg\" />\n        </div>\n    )\n}\n\nexport default Sizes\n"],"names":[],"mappings":";;AAEA,MAAM,QAAQ,MAAM;AAEZ,SAAA,qBAAC,OAAI,EAAA,WAAU,uBACX,UAAA;AAAA,IAAC,oBAAA,WAAA,EAAU,MAAK,KAAK,CAAA;AAAA,wBACpB,WAAU,EAAA;AAAA,IACX,oBAAC,WAAU,EAAA,MAAK,KAAK,CAAA;AAAA,EAAA,GACzB;AAER;"}
+{"version":3,"file":"Sizes.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Sizes.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Sizes = () => {\n    return (\n        <div className=\"flex flex-col gap-5\">\n            <TimeInput size=\"sm\" />\n            <TimeInput />\n            <TimeInput size=\"lg\" />\n        </div>\n    )\n}\n\nexport default Sizes\n"],"names":[],"mappings":";;AAEA,MAAM,QAAQ,MAAM;AAChB,SACI,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,oBAAC,WAAA,EAAU,MAAK,KAAA,CAAK;AAAA,wBACpB,WAAA,EAAU;AAAA,IACX,oBAAC,WAAA,EAAU,MAAK,KAAA,CAAK;AAAA,EAAA,GACzB;AAER;"}

package/dist/@ecme/views/ui-components/forms/TimeInput/TimeRangeInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeRangeInput.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/TimeRangeInput.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\nimport dayjs from 'dayjs'\n\nconst TimeRangeInput = () => {\n    return (\n        <TimeInput.TimeInputRange\n            clearable\n            defaultValue={[\n                new Date(),\n                dayjs(new Date()).add(60, 'minutes').toDate(),\n            ]}\n        />\n    )\n}\n\nexport default TimeRangeInput\n"],"names":[],"mappings":";;;AAGA,MAAM,iBAAiB,MAAM;AAErB,SAAA;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACG,WAAS;AAAA,MACT,cAAc;AAAA,4BACN,KAAK;AAAA,QACT,0BAAU,MAAM,EAAE,IAAI,IAAI,SAAS,EAAE,OAAO;AAAA,MAAA;AAAA,IAChD;AAAA,EACJ;AAER;"}
+{"version":3,"file":"TimeRangeInput.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/TimeRangeInput.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\nimport dayjs from 'dayjs'\n\nconst TimeRangeInput = () => {\n    return (\n        <TimeInput.TimeInputRange\n            clearable\n            defaultValue={[\n                new Date(),\n                dayjs(new Date()).add(60, 'minutes').toDate(),\n            ]}\n        />\n    )\n}\n\nexport default TimeRangeInput\n"],"names":[],"mappings":";;;AAGA,MAAM,iBAAiB,MAAM;AACzB,SACI;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACG,WAAS;AAAA,MACT,cAAc;AAAA,4BACN,KAAA;AAAA,QACJ,0BAAU,MAAM,EAAE,IAAI,IAAI,SAAS,EAAE,OAAA;AAAA,MAAO;AAAA,IAChD;AAAA,EAAA;AAGZ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport TimeRangeInput from './TimeRangeInput'\nimport Controlled from './Controlled'\nimport Seconds from './Seconds'\nimport AmPm from './AmPm'\nimport Sizes from './Sizes'\nimport Disabled from './Disabled'\nimport Affix from './Affix'\nimport Invalid from './Invalid'\n\nconst mdPath = 'TimeInput'\n\nconst demoHeader = {\n    title: 'TimeInput',\n    desc: 'An input field alllow user enter specify time.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic example of TimeInput.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'TimeRangeInput',\n        mdPath: mdPath,\n        title: 'Time range input',\n        desc: `Basic example for TimeInputRange.`,\n        component: <TimeRangeInput />,\n    },\n    {\n        mdName: 'Controlled',\n        mdPath: mdPath,\n        title: 'Controlled',\n        desc: `Controlled usage.`,\n        component: <Controlled />,\n    },\n    {\n        mdName: 'Seconds',\n        mdPath: mdPath,\n        title: 'Display seconds',\n        desc: `We can also enable seconds for input.`,\n        component: <Seconds />,\n    },\n    {\n        mdName: 'AmPm',\n        mdPath: mdPath,\n        title: 'Display AM or PM',\n        desc: `Setting <code>format</code> prop to <code>'12'</code> to change time to 12 hours format`,\n        component: <AmPm />,\n    },\n    {\n        mdName: 'Sizes',\n        mdPath: mdPath,\n        title: 'Sizes',\n        desc: `There's three sizes of option for TimeInput.`,\n        component: <Sizes />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Disabled TimeInput.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Affix',\n        mdPath: mdPath,\n        title: 'Affix',\n        desc: `TimeInput can have <code>suffix</code> or <code>prefix</code> content inside.`,\n        component: <Affix />,\n    },\n    {\n        mdName: 'Invalid',\n        mdPath: mdPath,\n        title: 'Invalid state',\n        desc: `Display TimeInput as invalid status when <code>invalid</code> prop is set to true.`,\n        component: <Invalid />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'TimeInput',\n        api: [\n            {\n                propName: 'amLabel',\n                type: `<code>'string'</code>`,\n                default: `<code>'am'</code>`,\n                desc: 'Display string for AM',\n            },\n            {\n                propName: 'amPmPlaceholder',\n                type: `<code>'string'</code>`,\n                default: `<code>'am'</code>`,\n                desc: 'Placeholder for AM/PM field',\n            },\n            {\n                propName: 'clearable',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether allow to clear value',\n            },\n            {\n                propName: 'defaultValue',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Default value of TimeInput (use value instead if it is controlled)',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether TimeInput is disabled',\n            },\n            {\n                propName: 'format',\n                type: `<code>'12'</code> | <code>'24'</code>`,\n                default: `<code>'24'</code>`,\n                desc: 'Determine time format',\n            },\n            {\n                propName: 'invalid',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the TimeInput is invalid status',\n            },\n            {\n                propName: 'nextRef',\n                type: `<code>RefObject</code>`,\n                default: `-`,\n                desc: 'Ref to focus after final TimeInput field, can be used by TimeInputRange',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(value: Date) => void</code>`,\n                default: `-`,\n                desc: 'Callback when TimeInput value changed',\n            },\n            {\n                propName: 'pmLabel',\n                type: `<code>'string'</code>`,\n                default: `<code>'pm'</code>`,\n                desc: 'Display string for PM',\n            },\n            {\n                propName: 'prefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside TimeInput',\n            },\n            {\n                propName: 'showSeconds',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether display seconds input field',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'TimeInput size',\n            },\n            {\n                propName: 'suffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `<code>ReactNode</code>`,\n                desc: 'Render a suffix content inside TimeInput',\n            },\n            {\n                propName: 'timeFieldPlaceholder',\n                type: `<code>'string'</code>`,\n                default: `<code>'--'</code>`,\n                desc: 'Time field placeholder',\n            },\n            {\n                propName: 'timeFieldClass',\n                type: `<code>'string'</code>`,\n                default: `-`,\n                desc: 'Extra class for time field',\n            },\n            {\n                propName: 'value',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Value of TimeInput (Controlled)',\n            },\n        ],\n    },\n    {\n        component: 'TimeInput.TimeInputRange',\n        api: [\n            {\n                propName: 'amLabel',\n                type: `<code>'string'</code>`,\n                default: `<code>'am'</code>`,\n                desc: 'Display string for AM',\n            },\n            {\n                propName: 'amPmPlaceholder',\n                type: `<code>'string'</code>`,\n                default: `<code>'am'</code>`,\n                desc: 'Placeholder for AM/PM field',\n            },\n            {\n                propName: 'clearable',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether allow to clear value',\n            },\n            {\n                propName: 'defaultValue',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Default value of TimeInputRange (use value instead if it is controlled)',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether TimeInputRange is disabled',\n            },\n            {\n                propName: 'format',\n                type: `<code>'12'</code> | <code>'24'</code>`,\n                default: `<code>'24'</code>`,\n                desc: 'Determine time format',\n            },\n            {\n                propName: 'invalid',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the TimeInputRange is invalid status',\n            },\n            {\n                propName: 'nextRef',\n                type: `<code>RefObject</code>`,\n                default: `-`,\n                desc: 'Ref to focus after final TimeInputRange field, can be used by TimeInputRangeRange',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(value: Date) => void</code>`,\n                default: `-`,\n                desc: 'Callback when TimeInputRange value changed',\n            },\n            {\n                propName: 'pmLabel',\n                type: `<code>'string'</code>`,\n                default: `<code>'pm'</code>`,\n                desc: 'Display string for PM',\n            },\n            {\n                propName: 'prefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside TimeInputRange',\n            },\n            {\n                propName: 'separator',\n                type: `<code>'string'</code> | <code>'24'</code>`,\n                default: `<code>'~'</code>`,\n                desc: 'Seperator between time inputs ',\n            },\n            {\n                propName: 'showSeconds',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether display seconds input field',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'TimeInputRange size',\n            },\n            {\n                propName: 'suffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `<code>ReactNode</code>`,\n                desc: 'Render a suffix content inside TimeInputRange',\n            },\n            {\n                propName: 'timeFieldPlaceholder',\n                type: `<code>'string'</code>`,\n                default: `<code>'--'</code>`,\n                desc: 'Time field placeholder',\n            },\n            {\n                propName: 'timeFieldClass',\n                type: `<code>'string'</code>`,\n                default: `-`,\n                desc: 'Extra class for time field',\n            },\n            {\n                propName: 'value',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Value of TimeInputRange (Controlled)',\n            },\n        ],\n    },\n]\n\nconst Switcher = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Switcher\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport TimeRangeInput from './TimeRangeInput'\nimport Controlled from './Controlled'\nimport Seconds from './Seconds'\nimport AmPm from './AmPm'\nimport Sizes from './Sizes'\nimport Disabled from './Disabled'\nimport Affix from './Affix'\nimport Invalid from './Invalid'\n\nconst mdPath = 'TimeInput'\n\nconst demoHeader = {\n    title: 'TimeInput',\n    desc: 'An input field alllow user enter specify time.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic example of TimeInput.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'TimeRangeInput',\n        mdPath: mdPath,\n        title: 'Time range input',\n        desc: `Basic example for TimeInputRange.`,\n        component: <TimeRangeInput />,\n    },\n    {\n        mdName: 'Controlled',\n        mdPath: mdPath,\n        title: 'Controlled',\n        desc: `Controlled usage.`,\n        component: <Controlled />,\n    },\n    {\n        mdName: 'Seconds',\n        mdPath: mdPath,\n        title: 'Display seconds',\n        desc: `We can also enable seconds for input.`,\n        component: <Seconds />,\n    },\n    {\n        mdName: 'AmPm',\n        mdPath: mdPath,\n        title: 'Display AM or PM',\n        desc: `Setting <code>format</code> prop to <code>'12'</code> to change time to 12 hours format`,\n        component: <AmPm />,\n    },\n    {\n        mdName: 'Sizes',\n        mdPath: mdPath,\n        title: 'Sizes',\n        desc: `There's three sizes of option for TimeInput.`,\n        component: <Sizes />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Disabled TimeInput.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Affix',\n        mdPath: mdPath,\n        title: 'Affix',\n        desc: `TimeInput can have <code>suffix</code> or <code>prefix</code> content inside.`,\n        component: <Affix />,\n    },\n    {\n        mdName: 'Invalid',\n        mdPath: mdPath,\n        title: 'Invalid state',\n        desc: `Display TimeInput as invalid status when <code>invalid</code> prop is set to true.`,\n        component: <Invalid />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'TimeInput',\n        api: [\n            {\n                propName: 'amLabel',\n                type: `<code>'string'</code>`,\n                default: `<code>'am'</code>`,\n                desc: 'Display string for AM',\n            },\n            {\n                propName: 'amPmPlaceholder',\n                type: `<code>'string'</code>`,\n                default: `<code>'am'</code>`,\n                desc: 'Placeholder for AM/PM field',\n            },\n            {\n                propName: 'clearable',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether allow to clear value',\n            },\n            {\n                propName: 'defaultValue',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Default value of TimeInput (use value instead if it is controlled)',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether TimeInput is disabled',\n            },\n            {\n                propName: 'format',\n                type: `<code>'12'</code> | <code>'24'</code>`,\n                default: `<code>'24'</code>`,\n                desc: 'Determine time format',\n            },\n            {\n                propName: 'invalid',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the TimeInput is invalid status',\n            },\n            {\n                propName: 'nextRef',\n                type: `<code>RefObject</code>`,\n                default: `-`,\n                desc: 'Ref to focus after final TimeInput field, can be used by TimeInputRange',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(value: Date) => void</code>`,\n                default: `-`,\n                desc: 'Callback when TimeInput value changed',\n            },\n            {\n                propName: 'pmLabel',\n                type: `<code>'string'</code>`,\n                default: `<code>'pm'</code>`,\n                desc: 'Display string for PM',\n            },\n            {\n                propName: 'prefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside TimeInput',\n            },\n            {\n                propName: 'showSeconds',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether display seconds input field',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'TimeInput size',\n            },\n            {\n                propName: 'suffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `<code>ReactNode</code>`,\n                desc: 'Render a suffix content inside TimeInput',\n            },\n            {\n                propName: 'timeFieldPlaceholder',\n                type: `<code>'string'</code>`,\n                default: `<code>'--'</code>`,\n                desc: 'Time field placeholder',\n            },\n            {\n                propName: 'timeFieldClass',\n                type: `<code>'string'</code>`,\n                default: `-`,\n                desc: 'Extra class for time field',\n            },\n            {\n                propName: 'value',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Value of TimeInput (Controlled)',\n            },\n        ],\n    },\n    {\n        component: 'TimeInput.TimeInputRange',\n        api: [\n            {\n                propName: 'amLabel',\n                type: `<code>'string'</code>`,\n                default: `<code>'am'</code>`,\n                desc: 'Display string for AM',\n            },\n            {\n                propName: 'amPmPlaceholder',\n                type: `<code>'string'</code>`,\n                default: `<code>'am'</code>`,\n                desc: 'Placeholder for AM/PM field',\n            },\n            {\n                propName: 'clearable',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether allow to clear value',\n            },\n            {\n                propName: 'defaultValue',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Default value of TimeInputRange (use value instead if it is controlled)',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether TimeInputRange is disabled',\n            },\n            {\n                propName: 'format',\n                type: `<code>'12'</code> | <code>'24'</code>`,\n                default: `<code>'24'</code>`,\n                desc: 'Determine time format',\n            },\n            {\n                propName: 'invalid',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the TimeInputRange is invalid status',\n            },\n            {\n                propName: 'nextRef',\n                type: `<code>RefObject</code>`,\n                default: `-`,\n                desc: 'Ref to focus after final TimeInputRange field, can be used by TimeInputRangeRange',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(value: Date) => void</code>`,\n                default: `-`,\n                desc: 'Callback when TimeInputRange value changed',\n            },\n            {\n                propName: 'pmLabel',\n                type: `<code>'string'</code>`,\n                default: `<code>'pm'</code>`,\n                desc: 'Display string for PM',\n            },\n            {\n                propName: 'prefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside TimeInputRange',\n            },\n            {\n                propName: 'separator',\n                type: `<code>'string'</code> | <code>'24'</code>`,\n                default: `<code>'~'</code>`,\n                desc: 'Seperator between time inputs ',\n            },\n            {\n                propName: 'showSeconds',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether display seconds input field',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'TimeInputRange size',\n            },\n            {\n                propName: 'suffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `<code>ReactNode</code>`,\n                desc: 'Render a suffix content inside TimeInputRange',\n            },\n            {\n                propName: 'timeFieldPlaceholder',\n                type: `<code>'string'</code>`,\n                default: `<code>'--'</code>`,\n                desc: 'Time field placeholder',\n            },\n            {\n                propName: 'timeFieldClass',\n                type: `<code>'string'</code>`,\n                default: `-`,\n                desc: 'Extra class for time field',\n            },\n            {\n                propName: 'value',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Value of TimeInputRange (Controlled)',\n            },\n        ],\n    },\n]\n\nconst Switcher = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Switcher\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/ui-components/forms/Upload/AvatarImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarImage.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/AvatarImage.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Upload from '@/components/ui/Upload'\nimport { HiOutlinePlus } from 'react-icons/hi'\n\nconst AvatarImage = () => {\n    const [avatarImg, setAvatarImg] = useState<string | null>(null)\n\n    const onFileUpload = (files: File[]) => {\n        if (files.length > 0) {\n            setAvatarImg(URL.createObjectURL(files[0]))\n        }\n    }\n\n    const beforeUpload = (files: FileList | null) => {\n        let valid: string | boolean = true\n\n        const allowedFileType = ['image/jpeg', 'image/png']\n        if (files) {\n            for (const file of files) {\n                if (!allowedFileType.includes(file.type)) {\n                    valid = 'Please upload a .jpeg or .png file!'\n                }\n            }\n        }\n\n        return valid\n    }\n\n    return (\n        <div>\n            <Upload\n                className=\"cursor-pointer\"\n                showList={false}\n                uploadLimit={1}\n                beforeUpload={beforeUpload}\n                onChange={onFileUpload}\n            >\n                <Avatar\n                    size={80}\n                    src={avatarImg as string}\n                    icon={<HiOutlinePlus />}\n                />\n            </Upload>\n        </div>\n    )\n}\n\nexport default AvatarImage\n"],"names":[],"mappings":";;;;;;AAKA,MAAM,cAAc,MAAM;AACtB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAwB,IAAI;AAExD,QAAA,eAAe,CAAC,UAAkB;AAChC,QAAA,MAAM,SAAS,GAAG;AAClB,mBAAa,IAAI,gBAAgB,MAAM,CAAC,CAAC,CAAC;AAAA,IAAA;AAAA,EAElD;AAEM,QAAA,eAAe,CAAC,UAA2B;AAC7C,QAAI,QAA0B;AAExB,UAAA,kBAAkB,CAAC,cAAc,WAAW;AAClD,QAAI,OAAO;AACP,iBAAW,QAAQ,OAAO;AACtB,YAAI,CAAC,gBAAgB,SAAS,KAAK,IAAI,GAAG;AAC9B,kBAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IACJ;AAGG,WAAA;AAAA,EACX;AAEA,6BACK,OACG,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,UAAU;AAAA,MACV,aAAa;AAAA,MACb;AAAA,MACA,UAAU;AAAA,MAEV,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN,KAAK;AAAA,UACL,0BAAO,eAAc,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACzB;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"AvatarImage.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/AvatarImage.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Upload from '@/components/ui/Upload'\nimport { HiOutlinePlus } from 'react-icons/hi'\n\nconst AvatarImage = () => {\n    const [avatarImg, setAvatarImg] = useState<string | null>(null)\n\n    const onFileUpload = (files: File[]) => {\n        if (files.length > 0) {\n            setAvatarImg(URL.createObjectURL(files[0]))\n        }\n    }\n\n    const beforeUpload = (files: FileList | null) => {\n        let valid: string | boolean = true\n\n        const allowedFileType = ['image/jpeg', 'image/png']\n        if (files) {\n            for (const file of files) {\n                if (!allowedFileType.includes(file.type)) {\n                    valid = 'Please upload a .jpeg or .png file!'\n                }\n            }\n        }\n\n        return valid\n    }\n\n    return (\n        <div>\n            <Upload\n                className=\"cursor-pointer\"\n                showList={false}\n                uploadLimit={1}\n                beforeUpload={beforeUpload}\n                onChange={onFileUpload}\n            >\n                <Avatar\n                    size={80}\n                    src={avatarImg as string}\n                    icon={<HiOutlinePlus />}\n                />\n            </Upload>\n        </div>\n    )\n}\n\nexport default AvatarImage\n"],"names":[],"mappings":";;;;;;AAKA,MAAM,cAAc,MAAM;AACtB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAwB,IAAI;AAE9D,QAAM,eAAe,CAAC,UAAkB;AACpC,QAAI,MAAM,SAAS,GAAG;AAClB,mBAAa,IAAI,gBAAgB,MAAM,CAAC,CAAC,CAAC;AAAA,IAC9C;AAAA,EACJ;AAEA,QAAM,eAAe,CAAC,UAA2B;AAC7C,QAAI,QAA0B;AAE9B,UAAM,kBAAkB,CAAC,cAAc,WAAW;AAClD,QAAI,OAAO;AACP,iBAAW,QAAQ,OAAO;AACtB,YAAI,CAAC,gBAAgB,SAAS,KAAK,IAAI,GAAG;AACtC,kBAAQ;AAAA,QACZ;AAAA,MACJ;AAAA,IACJ;AAEA,WAAO;AAAA,EACX;AAEA,6BACK,OAAA,EACG,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,UAAU;AAAA,MACV,aAAa;AAAA,MACb;AAAA,MACA,UAAU;AAAA,MAEV,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN,KAAK;AAAA,UACL,0BAAO,eAAA,CAAA,CAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IACzB;AAAA,EAAA,GAER;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/Basic.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\n\nconst Basic = () => {\n    return (\n        <div>\n            <Upload />\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":[],"mappings":";;;AAEA,MAAM,QAAQ,MAAM;AAChB,SACK,oBAAA,OAAA,EACG,UAAC,oBAAA,QAAA,CAAO,CAAA,GACZ;AAER;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/Basic.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\n\nconst Basic = () => {\n    return (\n        <div>\n            <Upload />\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":[],"mappings":";;;AAEA,MAAM,QAAQ,MAAM;AAChB,SACI,oBAAC,OAAA,EACG,UAAA,oBAAC,QAAA,CAAA,CAAO,GACZ;AAER;"}

package/dist/@ecme/views/ui-components/forms/Upload/BeforeUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"BeforeUpload.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/BeforeUpload.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\n\nconst BeforeUpload = () => {\n    const maxUpload = 2\n\n    const beforeUpload = (files: FileList | null, fileList: File[]) => {\n        let valid: string | boolean = true\n\n        const allowedFileType = ['image/jpeg', 'image/png']\n        const maxFileSize = 500000\n\n        if (fileList.length >= maxUpload) {\n            return `You can only upload ${maxUpload} file(s)`\n        }\n\n        if (files) {\n            for (const f of files) {\n                if (!allowedFileType.includes(f.type)) {\n                    valid = 'Please upload a .jpeg or .png file!'\n                }\n\n                if (f.size >= maxFileSize) {\n                    valid = 'Upload image cannot more then 500kb!'\n                }\n            }\n        }\n\n        return valid\n    }\n\n    const tip = <p className=\"mt-2\">jpeg or png only (max 500kb)</p>\n\n    return (\n        <div>\n            <Upload\n                beforeUpload={beforeUpload}\n                uploadLimit={maxUpload}\n                tip={tip}\n            />\n        </div>\n    )\n}\n\nexport default BeforeUpload\n"],"names":[],"mappings":";;;AAEA,MAAM,eAAe,MAAM;AACvB,QAAM,YAAY;AAEZ,QAAA,eAAe,CAAC,OAAwB,aAAqB;AAC/D,QAAI,QAA0B;AAExB,UAAA,kBAAkB,CAAC,cAAc,WAAW;AAClD,UAAM,cAAc;AAEhB,QAAA,SAAS,UAAU,WAAW;AAC9B,aAAO,uBAAuB,SAAS;AAAA,IAAA;AAG3C,QAAI,OAAO;AACP,iBAAW,KAAK,OAAO;AACnB,YAAI,CAAC,gBAAgB,SAAS,EAAE,IAAI,GAAG;AAC3B,kBAAA;AAAA,QAAA;AAGR,YAAA,EAAE,QAAQ,aAAa;AACf,kBAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IACJ;AAGG,WAAA;AAAA,EACX;AAEA,QAAM,MAAM,oBAAC,KAAE,EAAA,WAAU,QAAO,UAA4B,gCAAA;AAE5D,6BACK,OACG,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,aAAa;AAAA,MACb;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"BeforeUpload.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/BeforeUpload.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\n\nconst BeforeUpload = () => {\n    const maxUpload = 2\n\n    const beforeUpload = (files: FileList | null, fileList: File[]) => {\n        let valid: string | boolean = true\n\n        const allowedFileType = ['image/jpeg', 'image/png']\n        const maxFileSize = 500000\n\n        if (fileList.length >= maxUpload) {\n            return `You can only upload ${maxUpload} file(s)`\n        }\n\n        if (files) {\n            for (const f of files) {\n                if (!allowedFileType.includes(f.type)) {\n                    valid = 'Please upload a .jpeg or .png file!'\n                }\n\n                if (f.size >= maxFileSize) {\n                    valid = 'Upload image cannot more then 500kb!'\n                }\n            }\n        }\n\n        return valid\n    }\n\n    const tip = <p className=\"mt-2\">jpeg or png only (max 500kb)</p>\n\n    return (\n        <div>\n            <Upload\n                beforeUpload={beforeUpload}\n                uploadLimit={maxUpload}\n                tip={tip}\n            />\n        </div>\n    )\n}\n\nexport default BeforeUpload\n"],"names":[],"mappings":";;;AAEA,MAAM,eAAe,MAAM;AACvB,QAAM,YAAY;AAElB,QAAM,eAAe,CAAC,OAAwB,aAAqB;AAC/D,QAAI,QAA0B;AAE9B,UAAM,kBAAkB,CAAC,cAAc,WAAW;AAClD,UAAM,cAAc;AAEpB,QAAI,SAAS,UAAU,WAAW;AAC9B,aAAO,uBAAuB,SAAS;AAAA,IAC3C;AAEA,QAAI,OAAO;AACP,iBAAW,KAAK,OAAO;AACnB,YAAI,CAAC,gBAAgB,SAAS,EAAE,IAAI,GAAG;AACnC,kBAAQ;AAAA,QACZ;AAEA,YAAI,EAAE,QAAQ,aAAa;AACvB,kBAAQ;AAAA,QACZ;AAAA,MACJ;AAAA,IACJ;AAEA,WAAO;AAAA,EACX;AAEA,QAAM,MAAM,oBAAC,KAAA,EAAE,WAAU,QAAO,UAAA,gCAA4B;AAE5D,6BACK,OAAA,EACG,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,aAAa;AAAA,MACb;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}

package/dist/@ecme/views/ui-components/forms/Upload/Customize.js.map

@@ -1 +1 @@
-{"version":3,"file":"Customize.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/Customize.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\nimport Button from '@/components/ui/Button'\nimport { HiOutlineCloudUpload } from 'react-icons/hi'\nimport { FcImageFile } from 'react-icons/fc'\n\nconst Customize = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Upload>\n                    <Button variant=\"solid\" icon={<HiOutlineCloudUpload />}>\n                        Upload your file\n                    </Button>\n                </Upload>\n            </div>\n            <div>\n                <Upload draggable>\n                    <div className=\"my-16 text-center\">\n                        <div className=\"text-6xl mb-4 flex justify-center\">\n                            <FcImageFile />\n                        </div>\n                        <p className=\"font-semibold\">\n                            <span className=\"text-gray-800 dark:text-white\">\n                                Drop your image here, or{' '}\n                            </span>\n                            <span className=\"text-blue-500\">browse</span>\n                        </p>\n                        <p className=\"mt-1 opacity-60 dark:text-white\">\n                            Support: jpeg, png, gif\n                        </p>\n                    </div>\n                </Upload>\n            </div>\n        </div>\n    )\n}\n\nexport default Customize\n"],"names":[],"mappings":";;;;;;;AAKA,MAAM,YAAY,MAAM;AACpB,8BACK,OACG,EAAA,UAAA;AAAA,IAAA,oBAAC,OAAI,EAAA,WAAU,QACX,UAAA,oBAAC,UACG,UAAC,oBAAA,QAAA,EAAO,SAAQ,SAAQ,MAAO,oBAAA,sBAAA,CAAA,CAAqB,GAAI,UAAA,mBAAA,CAExD,EACJ,CAAA,GACJ;AAAA,IACA,oBAAC,SACG,UAAC,oBAAA,QAAA,EAAO,WAAS,MACb,UAAA,qBAAC,OAAI,EAAA,WAAU,qBACX,UAAA;AAAA,MAAA,oBAAC,OAAI,EAAA,WAAU,qCACX,UAAA,oBAAC,cAAY,CAAA,GACjB;AAAA,MACA,qBAAC,KAAE,EAAA,WAAU,iBACT,UAAA;AAAA,QAAC,qBAAA,QAAA,EAAK,WAAU,iCAAgC,UAAA;AAAA,UAAA;AAAA,UACnB;AAAA,QAAA,GAC7B;AAAA,QACC,oBAAA,QAAA,EAAK,WAAU,iBAAgB,UAAM,SAAA,CAAA;AAAA,MAAA,GAC1C;AAAA,MACC,oBAAA,KAAA,EAAE,WAAU,mCAAkC,UAE/C,0BAAA,CAAA;AAAA,IAAA,EACJ,CAAA,EACJ,CAAA,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Customize.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/Customize.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\nimport Button from '@/components/ui/Button'\nimport { HiOutlineCloudUpload } from 'react-icons/hi'\nimport { FcImageFile } from 'react-icons/fc'\n\nconst Customize = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Upload>\n                    <Button variant=\"solid\" icon={<HiOutlineCloudUpload />}>\n                        Upload your file\n                    </Button>\n                </Upload>\n            </div>\n            <div>\n                <Upload draggable>\n                    <div className=\"my-16 text-center\">\n                        <div className=\"text-6xl mb-4 flex justify-center\">\n                            <FcImageFile />\n                        </div>\n                        <p className=\"font-semibold\">\n                            <span className=\"text-gray-800 dark:text-white\">\n                                Drop your image here, or{' '}\n                            </span>\n                            <span className=\"text-blue-500\">browse</span>\n                        </p>\n                        <p className=\"mt-1 opacity-60 dark:text-white\">\n                            Support: jpeg, png, gif\n                        </p>\n                    </div>\n                </Upload>\n            </div>\n        </div>\n    )\n}\n\nexport default Customize\n"],"names":[],"mappings":";;;;;;;AAKA,MAAM,YAAY,MAAM;AACpB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,UACG,UAAA,oBAAC,QAAA,EAAO,SAAQ,SAAQ,MAAM,oBAAC,sBAAA,CAAA,CAAqB,GAAI,UAAA,mBAAA,CAExD,GACJ,GACJ;AAAA,IACA,oBAAC,SACG,UAAA,oBAAC,QAAA,EAAO,WAAS,MACb,UAAA,qBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,qCACX,UAAA,oBAAC,eAAY,GACjB;AAAA,MACA,qBAAC,KAAA,EAAE,WAAU,iBACT,UAAA;AAAA,QAAA,qBAAC,QAAA,EAAK,WAAU,iCAAgC,UAAA;AAAA,UAAA;AAAA,UACnB;AAAA,QAAA,GAC7B;AAAA,QACA,oBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,SAAA,CAAM;AAAA,MAAA,GAC1C;AAAA,MACA,oBAAC,KAAA,EAAE,WAAU,mCAAkC,UAAA,0BAAA,CAE/C;AAAA,IAAA,EAAA,CACJ,GACJ,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/Disabled.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\n\nconst Disabled = () => {\n    return (\n        <div>\n            <div className=\"mb-6\">\n                <Upload disabled />\n            </div>\n            <div>\n                <Upload draggable disabled />\n            </div>\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":[],"mappings":";;;AAEA,MAAM,WAAW,MAAM;AACnB,8BACK,OACG,EAAA,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,QACX,8BAAC,QAAO,EAAA,UAAQ,MAAC,EACrB,CAAA;AAAA,IACA,oBAAC,SACG,UAAC,oBAAA,QAAA,EAAO,WAAS,MAAC,UAAQ,KAAC,CAAA,EAC/B,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/Disabled.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\n\nconst Disabled = () => {\n    return (\n        <div>\n            <div className=\"mb-6\">\n                <Upload disabled />\n            </div>\n            <div>\n                <Upload draggable disabled />\n            </div>\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":[],"mappings":";;;AAEA,MAAM,WAAW,MAAM;AACnB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAU,QACX,8BAAC,QAAA,EAAO,UAAQ,MAAC,EAAA,CACrB;AAAA,IACA,oBAAC,SACG,UAAA,oBAAC,QAAA,EAAO,WAAS,MAAC,UAAQ,MAAC,EAAA,CAC/B;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/Upload/DragAndDrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragAndDrop.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/DragAndDrop.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\n\nconst DragAndDrop = () => {\n    return (\n        <div>\n            <Upload draggable />\n        </div>\n    )\n}\n\nexport default DragAndDrop\n"],"names":[],"mappings":";;;AAEA,MAAM,cAAc,MAAM;AACtB,6BACK,OACG,EAAA,UAAA,oBAAC,QAAO,EAAA,WAAS,KAAC,CAAA,GACtB;AAER;"}
+{"version":3,"file":"DragAndDrop.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/DragAndDrop.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\n\nconst DragAndDrop = () => {\n    return (\n        <div>\n            <Upload draggable />\n        </div>\n    )\n}\n\nexport default DragAndDrop\n"],"names":[],"mappings":";;;AAEA,MAAM,cAAc,MAAM;AACtB,6BACK,OAAA,EACG,UAAA,oBAAC,QAAA,EAAO,WAAS,MAAC,GACtB;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport DragAndDrop from './DragAndDrop'\nimport Disabled from './Disabled'\nimport BeforeUpload from './BeforeUpload'\nimport Customize from './Customize'\nimport AvatarImage from './AvatarImage'\n\nconst mdPath = 'Upload'\n\nconst demoHeader = {\n    title: 'Upload',\n    desc: 'Upload is a component that allow user to attach files & images, it can be used with form and upload the data to some where else.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `A basic Upload example.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'DragAndDrop',\n        mdPath: mdPath,\n        title: 'Drag and Drop',\n        desc: `With <code>draggable</code> prop, we can drag files to a specific area to proceed upload.`,\n        component: <DragAndDrop />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Disabled the Upload component by setting <code>disabled</code> to true.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Customize',\n        mdPath: mdPath,\n        title: 'Customize',\n        desc: `We can replace the default upload look.`,\n        component: <Customize />,\n    },\n    {\n        mdName: 'BeforeUpload',\n        mdPath: mdPath,\n        title: 'Upload Control',\n        desc: `Use <code>beforeUpload</code> prop to make a callback function to validate file before upload.`,\n        component: <BeforeUpload />,\n    },\n    {\n        mdName: 'AvatarImage',\n        mdPath: mdPath,\n        title: 'Avatar',\n        desc: `An example for avatar upload`,\n        component: <AvatarImage />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Upload',\n        api: [\n            {\n                propName: 'accept',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'File types that can be accepted as input accept attribute',\n            },\n            {\n                propName: 'beforeUpload',\n                type: `<code>(file: FileList | null, fileList: File[]) => boolean | string</code>`,\n                default: `-`,\n                desc: 'The callback function that before file upload, return false or string with value to intercept the upload',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to disable Upload',\n            },\n            {\n                propName: 'draggable',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether enable draggable upload',\n            },\n            {\n                propName: 'fileList',\n                type: `<code>File[]</code>`,\n                default: `<code>[]</code>`,\n                desc: 'Initial file list',\n            },\n            {\n                propName: 'fileListClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class for file list wrapper',\n            },\n            {\n                propName: 'fileItemClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class for file item',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(file: File[], fileList: File[]) => void</code>`,\n                default: `-`,\n                desc: 'Callback function after file uploaded',\n            },\n            {\n                propName: 'onFileRemove',\n                type: `<code>(file: File[]) => void</code>`,\n                default: `-`,\n                desc: 'Callback function when a file was deleted',\n            },\n            {\n                propName: 'showList',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to show uploaded file list',\n            },\n            {\n                propName: 'tip',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Hint message under Upload',\n            },\n            {\n                propName: 'uploadLimit',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'Maximum file to upload',\n            },\n        ],\n    },\n]\n\nconst FormControl = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default FormControl\n"],"names":[],"mappings":";;;;;;;;AAUA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,aAAY,CAAA,CAAA;AAAA,EAC5B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAS,CAAA,CAAA;AAAA,EACzB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,WAAU,CAAA,CAAA;AAAA,EAC1B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,cAAa,CAAA,CAAA;AAAA,EAC7B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,aAAY,CAAA,CAAA;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,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,cAAc,MAAM;AACtB,6BAAQ,YAAW,EAAA,QAAQ,YAAY,OAAc,KAAK,SAAS;AACvE;"}
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport DragAndDrop from './DragAndDrop'\nimport Disabled from './Disabled'\nimport BeforeUpload from './BeforeUpload'\nimport Customize from './Customize'\nimport AvatarImage from './AvatarImage'\n\nconst mdPath = 'Upload'\n\nconst demoHeader = {\n    title: 'Upload',\n    desc: 'Upload is a component that allow user to attach files & images, it can be used with form and upload the data to some where else.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `A basic Upload example.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'DragAndDrop',\n        mdPath: mdPath,\n        title: 'Drag and Drop',\n        desc: `With <code>draggable</code> prop, we can drag files to a specific area to proceed upload.`,\n        component: <DragAndDrop />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Disabled the Upload component by setting <code>disabled</code> to true.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Customize',\n        mdPath: mdPath,\n        title: 'Customize',\n        desc: `We can replace the default upload look.`,\n        component: <Customize />,\n    },\n    {\n        mdName: 'BeforeUpload',\n        mdPath: mdPath,\n        title: 'Upload Control',\n        desc: `Use <code>beforeUpload</code> prop to make a callback function to validate file before upload.`,\n        component: <BeforeUpload />,\n    },\n    {\n        mdName: 'AvatarImage',\n        mdPath: mdPath,\n        title: 'Avatar',\n        desc: `An example for avatar upload`,\n        component: <AvatarImage />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Upload',\n        api: [\n            {\n                propName: 'accept',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'File types that can be accepted as input accept attribute',\n            },\n            {\n                propName: 'beforeUpload',\n                type: `<code>(file: FileList | null, fileList: File[]) => boolean | string</code>`,\n                default: `-`,\n                desc: 'The callback function that before file upload, return false or string with value to intercept the upload',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to disable Upload',\n            },\n            {\n                propName: 'draggable',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether enable draggable upload',\n            },\n            {\n                propName: 'fileList',\n                type: `<code>File[]</code>`,\n                default: `<code>[]</code>`,\n                desc: 'Initial file list',\n            },\n            {\n                propName: 'fileListClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class for file list wrapper',\n            },\n            {\n                propName: 'fileItemClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class for file item',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(file: File[], fileList: File[]) => void</code>`,\n                default: `-`,\n                desc: 'Callback function after file uploaded',\n            },\n            {\n                propName: 'onFileRemove',\n                type: `<code>(file: File[]) => void</code>`,\n                default: `-`,\n                desc: 'Callback function when a file was deleted',\n            },\n            {\n                propName: 'showList',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to show uploaded file list',\n            },\n            {\n                propName: 'tip',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Hint message under Upload',\n            },\n            {\n                propName: 'uploadLimit',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'Maximum file to upload',\n            },\n        ],\n    },\n]\n\nconst FormControl = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default FormControl\n"],"names":[],"mappings":";;;;;;;;AAUA,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,aAAA,CAAA,CAAY;AAAA,EAAA;AAAA,EAE5B;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,WAAA,CAAA,CAAU;AAAA,EAAA;AAAA,EAE1B;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,cAAA,CAAA,CAAa;AAAA,EAAA;AAAA,EAE7B;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,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,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,cAAc,MAAM;AACtB,6BAAQ,YAAA,EAAW,QAAQ,YAAY,OAAc,KAAK,SAAS;AACvE;"}

package/dist/@ecme/views/ui-components/graph/Charts/BasicArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicArea.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/BasicArea.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLOR_1 } from '@/constants/chart.constant'\n\nconst BasicArea = () => {\n    const data = [\n        {\n            name: 'STOCK ABC',\n            data: [\n                8107.85, 8128.0, 8122.9, 8165.5, 8340.7, 8423.7, 8423.5, 8514.3,\n                8481.85, 8487.7, 8506.9, 8626.2, 8668.95, 8602.3, 8607.55,\n                8512.9, 8496.25, 8600.65, 8881.1, 9340.85,\n            ],\n        },\n    ]\n\n    return (\n        <Chart\n            options={{\n                chart: {\n                    zoom: {\n                        enabled: false,\n                    },\n                },\n                colors: [COLOR_1],\n                fill: {\n                    type: 'gradient',\n                    gradient: {\n                        shadeIntensity: 1,\n                        opacityFrom: 0.7,\n                        opacityTo: 0.9,\n                        stops: [0, 80, 100],\n                    },\n                },\n                dataLabels: {\n                    enabled: false,\n                },\n                stroke: {\n                    curve: 'smooth',\n                    width: 3,\n                },\n                labels: [\n                    '13 Nov 2017',\n                    '14 Nov 2017',\n                    '15 Nov 2017',\n                    '16 Nov 2017',\n                    '17 Nov 2017',\n                    '20 Nov 2017',\n                    '21 Nov 2017',\n                    '22 Nov 2017',\n                    '23 Nov 2017',\n                    '24 Nov 2017',\n                    '27 Nov 2017',\n                    '28 Nov 2017',\n                    '29 Nov 2017',\n                    '30 Nov 2017',\n                    '01 Dec 2017',\n                    '04 Dec 2017',\n                    '05 Dec 2017',\n                    '06 Dec 2017',\n                    '07 Dec 2017',\n                    '08 Dec 2017',\n                ],\n                xaxis: {\n                    type: 'datetime',\n                },\n                yaxis: {\n                    opposite: true,\n                },\n                legend: {\n                    horizontalAlign: 'left',\n                },\n            }}\n            type=\"area\"\n            series={data}\n            height={300}\n        />\n    )\n}\n\nexport default BasicArea\n"],"names":[],"mappings":";;;AAGA,MAAM,YAAY,MAAM;AACpB,QAAM,OAAO;AAAA,IACT;AAAA,MACI,MAAM;AAAA,MACN,MAAM;AAAA,QACF;AAAA,QAAS;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAQ;AAAA,QACzD;AAAA,QAAS;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAS;AAAA,QAAQ;AAAA,QAClD;AAAA,QAAQ;AAAA,QAAS;AAAA,QAAS;AAAA,QAAQ;AAAA,MAAA;AAAA,IACtC;AAAA,EAER;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,OAAO;AAAA,UACH,MAAM;AAAA,YACF,SAAS;AAAA,UAAA;AAAA,QAEjB;AAAA,QACA,QAAQ,CAAC,OAAO;AAAA,QAChB,MAAM;AAAA,UACF,MAAM;AAAA,UACN,UAAU;AAAA,YACN,gBAAgB;AAAA,YAChB,aAAa;AAAA,YACb,WAAW;AAAA,YACX,OAAO,CAAC,GAAG,IAAI,GAAG;AAAA,UAAA;AAAA,QAE1B;AAAA,QACA,YAAY;AAAA,UACR,SAAS;AAAA,QACb;AAAA,QACA,QAAQ;AAAA,UACJ,OAAO;AAAA,UACP,OAAO;AAAA,QACX;AAAA,QACA,QAAQ;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACJ;AAAA,QACA,OAAO;AAAA,UACH,MAAM;AAAA,QACV;AAAA,QACA,OAAO;AAAA,UACH,UAAU;AAAA,QACd;AAAA,QACA,QAAQ;AAAA,UACJ,iBAAiB;AAAA,QAAA;AAAA,MAEzB;AAAA,MACA,MAAK;AAAA,MACL,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"version":3,"file":"BasicArea.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/BasicArea.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLOR_1 } from '@/constants/chart.constant'\n\nconst BasicArea = () => {\n    const data = [\n        {\n            name: 'STOCK ABC',\n            data: [\n                8107.85, 8128.0, 8122.9, 8165.5, 8340.7, 8423.7, 8423.5, 8514.3,\n                8481.85, 8487.7, 8506.9, 8626.2, 8668.95, 8602.3, 8607.55,\n                8512.9, 8496.25, 8600.65, 8881.1, 9340.85,\n            ],\n        },\n    ]\n\n    return (\n        <Chart\n            options={{\n                chart: {\n                    zoom: {\n                        enabled: false,\n                    },\n                },\n                colors: [COLOR_1],\n                fill: {\n                    type: 'gradient',\n                    gradient: {\n                        shadeIntensity: 1,\n                        opacityFrom: 0.7,\n                        opacityTo: 0.9,\n                        stops: [0, 80, 100],\n                    },\n                },\n                dataLabels: {\n                    enabled: false,\n                },\n                stroke: {\n                    curve: 'smooth',\n                    width: 3,\n                },\n                labels: [\n                    '13 Nov 2017',\n                    '14 Nov 2017',\n                    '15 Nov 2017',\n                    '16 Nov 2017',\n                    '17 Nov 2017',\n                    '20 Nov 2017',\n                    '21 Nov 2017',\n                    '22 Nov 2017',\n                    '23 Nov 2017',\n                    '24 Nov 2017',\n                    '27 Nov 2017',\n                    '28 Nov 2017',\n                    '29 Nov 2017',\n                    '30 Nov 2017',\n                    '01 Dec 2017',\n                    '04 Dec 2017',\n                    '05 Dec 2017',\n                    '06 Dec 2017',\n                    '07 Dec 2017',\n                    '08 Dec 2017',\n                ],\n                xaxis: {\n                    type: 'datetime',\n                },\n                yaxis: {\n                    opposite: true,\n                },\n                legend: {\n                    horizontalAlign: 'left',\n                },\n            }}\n            type=\"area\"\n            series={data}\n            height={300}\n        />\n    )\n}\n\nexport default BasicArea\n"],"names":[],"mappings":";;;AAGA,MAAM,YAAY,MAAM;AACpB,QAAM,OAAO;AAAA,IACT;AAAA,MACI,MAAM;AAAA,MACN,MAAM;AAAA,QACF;AAAA,QAAS;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAQ;AAAA,QACzD;AAAA,QAAS;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAS;AAAA,QAAQ;AAAA,QAClD;AAAA,QAAQ;AAAA,QAAS;AAAA,QAAS;AAAA,QAAQ;AAAA,MAAA;AAAA,IACtC;AAAA,EACJ;AAGJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,OAAO;AAAA,UACH,MAAM;AAAA,YACF,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,QAEJ,QAAQ,CAAC,OAAO;AAAA,QAChB,MAAM;AAAA,UACF,MAAM;AAAA,UACN,UAAU;AAAA,YACN,gBAAgB;AAAA,YAChB,aAAa;AAAA,YACb,WAAW;AAAA,YACX,OAAO,CAAC,GAAG,IAAI,GAAG;AAAA,UAAA;AAAA,QACtB;AAAA,QAEJ,YAAY;AAAA,UACR,SAAS;AAAA,QAAA;AAAA,QAEb,QAAQ;AAAA,UACJ,OAAO;AAAA,UACP,OAAO;AAAA,QAAA;AAAA,QAEX,QAAQ;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAEJ,OAAO;AAAA,UACH,MAAM;AAAA,QAAA;AAAA,QAEV,OAAO;AAAA,UACH,UAAU;AAAA,QAAA;AAAA,QAEd,QAAQ;AAAA,UACJ,iBAAiB;AAAA,QAAA;AAAA,MACrB;AAAA,MAEJ,MAAK;AAAA,MACL,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

package/dist/@ecme/views/ui-components/graph/Charts/BasicBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicBar.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/BasicBar.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst BasicBar = () => {\n    const data = [\n        {\n            data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380],\n        },\n    ]\n\n    return (\n        <Chart\n            options={{\n                plotOptions: {\n                    bar: {\n                        horizontal: true,\n                    },\n                },\n                colors: COLORS,\n                dataLabels: {\n                    enabled: false,\n                },\n                xaxis: {\n                    categories: [\n                        'South Korea',\n                        'Canada',\n                        'United Kingdom',\n                        'Netherlands',\n                        'Italy',\n                        'France',\n                        'Japan',\n                        'United States',\n                        'China',\n                        'Germany',\n                    ],\n                },\n            }}\n            series={data}\n            type=\"bar\"\n            height={300}\n        />\n    )\n}\n\nexport default BasicBar\n"],"names":[],"mappings":";;;AAGA,MAAM,WAAW,MAAM;AACnB,QAAM,OAAO;AAAA,IACT;AAAA,MACI,MAAM,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,MAAM,MAAM,IAAI;AAAA,IAAA;AAAA,EAElE;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,aAAa;AAAA,UACT,KAAK;AAAA,YACD,YAAY;AAAA,UAAA;AAAA,QAEpB;AAAA,QACA,QAAQ;AAAA,QACR,YAAY;AAAA,UACR,SAAS;AAAA,QACb;AAAA,QACA,OAAO;AAAA,UACH,YAAY;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACJ;AAAA,MAER;AAAA,MACA,QAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"version":3,"file":"BasicBar.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/BasicBar.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst BasicBar = () => {\n    const data = [\n        {\n            data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380],\n        },\n    ]\n\n    return (\n        <Chart\n            options={{\n                plotOptions: {\n                    bar: {\n                        horizontal: true,\n                    },\n                },\n                colors: COLORS,\n                dataLabels: {\n                    enabled: false,\n                },\n                xaxis: {\n                    categories: [\n                        'South Korea',\n                        'Canada',\n                        'United Kingdom',\n                        'Netherlands',\n                        'Italy',\n                        'France',\n                        'Japan',\n                        'United States',\n                        'China',\n                        'Germany',\n                    ],\n                },\n            }}\n            series={data}\n            type=\"bar\"\n            height={300}\n        />\n    )\n}\n\nexport default BasicBar\n"],"names":[],"mappings":";;;AAGA,MAAM,WAAW,MAAM;AACnB,QAAM,OAAO;AAAA,IACT;AAAA,MACI,MAAM,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,MAAM,MAAM,IAAI;AAAA,IAAA;AAAA,EAC9D;AAGJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,aAAa;AAAA,UACT,KAAK;AAAA,YACD,YAAY;AAAA,UAAA;AAAA,QAChB;AAAA,QAEJ,QAAQ;AAAA,QACR,YAAY;AAAA,UACR,SAAS;AAAA,QAAA;AAAA,QAEb,OAAO;AAAA,UACH,YAAY;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACJ;AAAA,MACJ;AAAA,MAEJ,QAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

package/dist/@ecme/views/ui-components/graph/Charts/BasicColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicColumn.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/BasicColumn.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst BasicColumn = () => {\n    const data = [\n        {\n            name: 'Net Profit',\n            data: [44, 55, 57, 56, 61, 58, 63, 60, 66],\n        },\n        {\n            name: 'Revenue',\n            data: [76, 85, 101, 98, 87, 105, 91, 114, 94],\n        },\n        {\n            name: 'Free Cash Flow',\n            data: [35, 41, 36, 26, 45, 48, 52, 53, 41],\n        },\n    ]\n\n    return (\n        <Chart\n            options={{\n                plotOptions: {\n                    bar: {\n                        horizontal: false,\n                        columnWidth: '55%',\n                        borderRadius: 4,\n                    },\n                },\n                colors: COLORS,\n                dataLabels: {\n                    enabled: false,\n                },\n                stroke: {\n                    show: true,\n                    width: 2,\n                    colors: ['transparent'],\n                },\n                xaxis: {\n                    categories: [\n                        'Feb',\n                        'Mar',\n                        'Apr',\n                        'May',\n                        'Jun',\n                        'Jul',\n                        'Aug',\n                        'Sep',\n                        'Oct',\n                    ],\n                },\n                fill: {\n                    opacity: 1,\n                },\n                tooltip: {\n                    y: {\n                        formatter: (val) => `$${val} thousands`,\n                    },\n                },\n            }}\n            series={data}\n            height={300}\n            type=\"bar\"\n        />\n    )\n}\n\nexport default BasicColumn\n"],"names":[],"mappings":";;;AAGA,MAAM,cAAc,MAAM;AACtB,QAAM,OAAO;AAAA,IACT;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAC7C;AAAA,IACA;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,KAAK,EAAE;AAAA,IAChD;AAAA,IACA;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,EAEjD;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,aAAa;AAAA,UACT,KAAK;AAAA,YACD,YAAY;AAAA,YACZ,aAAa;AAAA,YACb,cAAc;AAAA,UAAA;AAAA,QAEtB;AAAA,QACA,QAAQ;AAAA,QACR,YAAY;AAAA,UACR,SAAS;AAAA,QACb;AAAA,QACA,QAAQ;AAAA,UACJ,MAAM;AAAA,UACN,OAAO;AAAA,UACP,QAAQ,CAAC,aAAa;AAAA,QAC1B;AAAA,QACA,OAAO;AAAA,UACH,YAAY;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAER;AAAA,QACA,MAAM;AAAA,UACF,SAAS;AAAA,QACb;AAAA,QACA,SAAS;AAAA,UACL,GAAG;AAAA,YACC,WAAW,CAAC,QAAQ,IAAI,GAAG;AAAA,UAAA;AAAA,QAC/B;AAAA,MAER;AAAA,MACA,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,MAAK;AAAA,IAAA;AAAA,EACT;AAER;"}
+{"version":3,"file":"BasicColumn.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/BasicColumn.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst BasicColumn = () => {\n    const data = [\n        {\n            name: 'Net Profit',\n            data: [44, 55, 57, 56, 61, 58, 63, 60, 66],\n        },\n        {\n            name: 'Revenue',\n            data: [76, 85, 101, 98, 87, 105, 91, 114, 94],\n        },\n        {\n            name: 'Free Cash Flow',\n            data: [35, 41, 36, 26, 45, 48, 52, 53, 41],\n        },\n    ]\n\n    return (\n        <Chart\n            options={{\n                plotOptions: {\n                    bar: {\n                        horizontal: false,\n                        columnWidth: '55%',\n                        borderRadius: 4,\n                    },\n                },\n                colors: COLORS,\n                dataLabels: {\n                    enabled: false,\n                },\n                stroke: {\n                    show: true,\n                    width: 2,\n                    colors: ['transparent'],\n                },\n                xaxis: {\n                    categories: [\n                        'Feb',\n                        'Mar',\n                        'Apr',\n                        'May',\n                        'Jun',\n                        'Jul',\n                        'Aug',\n                        'Sep',\n                        'Oct',\n                    ],\n                },\n                fill: {\n                    opacity: 1,\n                },\n                tooltip: {\n                    y: {\n                        formatter: (val) => `$${val} thousands`,\n                    },\n                },\n            }}\n            series={data}\n            height={300}\n            type=\"bar\"\n        />\n    )\n}\n\nexport default BasicColumn\n"],"names":[],"mappings":";;;AAGA,MAAM,cAAc,MAAM;AACtB,QAAM,OAAO;AAAA,IACT;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,IAE7C;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,KAAK,EAAE;AAAA,IAAA;AAAA,IAEhD;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,EAC7C;AAGJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,aAAa;AAAA,UACT,KAAK;AAAA,YACD,YAAY;AAAA,YACZ,aAAa;AAAA,YACb,cAAc;AAAA,UAAA;AAAA,QAClB;AAAA,QAEJ,QAAQ;AAAA,QACR,YAAY;AAAA,UACR,SAAS;AAAA,QAAA;AAAA,QAEb,QAAQ;AAAA,UACJ,MAAM;AAAA,UACN,OAAO;AAAA,UACP,QAAQ,CAAC,aAAa;AAAA,QAAA;AAAA,QAE1B,OAAO;AAAA,UACH,YAAY;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACJ;AAAA,QAEJ,MAAM;AAAA,UACF,SAAS;AAAA,QAAA;AAAA,QAEb,SAAS;AAAA,UACL,GAAG;AAAA,YACC,WAAW,CAAC,QAAQ,IAAI,GAAG;AAAA,UAAA;AAAA,QAC/B;AAAA,MACJ;AAAA,MAEJ,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,MAAK;AAAA,IAAA;AAAA,EAAA;AAGjB;"}

package/dist/@ecme/views/ui-components/graph/Charts/BasicLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicLine.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/BasicLine.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLOR_2 } from '@/constants/chart.constant'\n\nconst BasicLine = () => {\n    const data = [\n        {\n            name: 'Desktops',\n            data: [10, 41, 35, 51, 49, 62, 69, 91, 148],\n        },\n    ]\n\n    return (\n        <Chart\n            options={{\n                chart: {\n                    type: 'line',\n                    zoom: {\n                        enabled: false,\n                    },\n                },\n                dataLabels: {\n                    enabled: false,\n                },\n                stroke: {\n                    curve: 'smooth',\n                    width: 3,\n                },\n                colors: [COLOR_2],\n                xaxis: {\n                    categories: [\n                        'Jan',\n                        'Feb',\n                        'Mar',\n                        'Apr',\n                        'May',\n                        'Jun',\n                        'Jul',\n                        'Aug',\n                        'Sep',\n                    ],\n                },\n            }}\n            series={data}\n            height={300}\n        />\n    )\n}\n\nexport default BasicLine\n"],"names":[],"mappings":";;;AAGA,MAAM,YAAY,MAAM;AACpB,QAAM,OAAO;AAAA,IACT;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG;AAAA,IAAA;AAAA,EAElD;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,OAAO;AAAA,UACH,MAAM;AAAA,UACN,MAAM;AAAA,YACF,SAAS;AAAA,UAAA;AAAA,QAEjB;AAAA,QACA,YAAY;AAAA,UACR,SAAS;AAAA,QACb;AAAA,QACA,QAAQ;AAAA,UACJ,OAAO;AAAA,UACP,OAAO;AAAA,QACX;AAAA,QACA,QAAQ,CAAC,OAAO;AAAA,QAChB,OAAO;AAAA,UACH,YAAY;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACJ;AAAA,MAER;AAAA,MACA,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"version":3,"file":"BasicLine.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/BasicLine.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLOR_2 } from '@/constants/chart.constant'\n\nconst BasicLine = () => {\n    const data = [\n        {\n            name: 'Desktops',\n            data: [10, 41, 35, 51, 49, 62, 69, 91, 148],\n        },\n    ]\n\n    return (\n        <Chart\n            options={{\n                chart: {\n                    type: 'line',\n                    zoom: {\n                        enabled: false,\n                    },\n                },\n                dataLabels: {\n                    enabled: false,\n                },\n                stroke: {\n                    curve: 'smooth',\n                    width: 3,\n                },\n                colors: [COLOR_2],\n                xaxis: {\n                    categories: [\n                        'Jan',\n                        'Feb',\n                        'Mar',\n                        'Apr',\n                        'May',\n                        'Jun',\n                        'Jul',\n                        'Aug',\n                        'Sep',\n                    ],\n                },\n            }}\n            series={data}\n            height={300}\n        />\n    )\n}\n\nexport default BasicLine\n"],"names":[],"mappings":";;;AAGA,MAAM,YAAY,MAAM;AACpB,QAAM,OAAO;AAAA,IACT;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG;AAAA,IAAA;AAAA,EAC9C;AAGJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,OAAO;AAAA,UACH,MAAM;AAAA,UACN,MAAM;AAAA,YACF,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,QAEJ,YAAY;AAAA,UACR,SAAS;AAAA,QAAA;AAAA,QAEb,QAAQ;AAAA,UACJ,OAAO;AAAA,UACP,OAAO;AAAA,QAAA;AAAA,QAEX,QAAQ,CAAC,OAAO;AAAA,QAChB,OAAO;AAAA,UACH,YAAY;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACJ;AAAA,MACJ;AAAA,MAEJ,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

package/dist/@ecme/views/ui-components/graph/Charts/DashedLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashedLine.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/DashedLine.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst DashedLine = () => {\n    const data = [\n        {\n            name: 'Session Duration',\n            data: [45, 52, 38, 24, 33, 26, 21, 20, 6, 8, 15, 10],\n        },\n        {\n            name: 'Page Views',\n            data: [35, 41, 62, 42, 13, 18, 29, 37, 36, 51, 32, 35],\n        },\n        {\n            name: 'Total Visits',\n            data: [87, 57, 74, 99, 75, 38, 62, 47, 82, 56, 45, 47],\n        },\n    ]\n\n    return (\n        <Chart\n            options={{\n                chart: {\n                    height: 350,\n                    type: 'line',\n                    zoom: {\n                        enabled: false,\n                    },\n                },\n                colors: [...COLORS],\n                dataLabels: {\n                    enabled: false,\n                },\n                stroke: {\n                    width: [3, 5, 3],\n                    curve: 'straight',\n                    dashArray: [0, 8, 5],\n                },\n                legend: {\n                    tooltipHoverFormatter: function (val, opts) {\n                        return (\n                            val +\n                            ' - ' +\n                            opts.w.globals.series[opts.seriesIndex][\n                                opts.dataPointIndex\n                            ] +\n                            ''\n                        )\n                    },\n                },\n                markers: {\n                    size: 0,\n                    hover: {\n                        sizeOffset: 6,\n                    },\n                },\n                xaxis: {\n                    categories: [\n                        '01 Jan',\n                        '02 Jan',\n                        '03 Jan',\n                        '04 Jan',\n                        '05 Jan',\n                        '06 Jan',\n                        '07 Jan',\n                        '08 Jan',\n                        '09 Jan',\n                        '10 Jan',\n                        '11 Jan',\n                        '12 Jan',\n                    ],\n                },\n                tooltip: {\n                    y: [\n                        {\n                            title: {\n                                formatter: function (val) {\n                                    return val + ' (mins)'\n                                },\n                            },\n                        },\n                        {\n                            title: {\n                                formatter: function (val) {\n                                    return val + ' per session'\n                                },\n                            },\n                        },\n                        {\n                            title: {\n                                formatter: function (val) {\n                                    return val\n                                },\n                            },\n                        },\n                    ],\n                },\n                grid: {\n                    borderColor: '#f1f1f1',\n                },\n            }}\n            series={data}\n            height={300}\n        />\n    )\n}\n\nexport default DashedLine\n"],"names":[],"mappings":";;;AAGA,MAAM,aAAa,MAAM;AACrB,QAAM,OAAO;AAAA,IACT;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,IAAI,EAAE;AAAA,IACvD;AAAA,IACA;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IACzD;AAAA,IACA;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,EAE7D;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,OAAO;AAAA,UACH,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,YACF,SAAS;AAAA,UAAA;AAAA,QAEjB;AAAA,QACA,QAAQ,CAAC,GAAG,MAAM;AAAA,QAClB,YAAY;AAAA,UACR,SAAS;AAAA,QACb;AAAA,QACA,QAAQ;AAAA,UACJ,OAAO,CAAC,GAAG,GAAG,CAAC;AAAA,UACf,OAAO;AAAA,UACP,WAAW,CAAC,GAAG,GAAG,CAAC;AAAA,QACvB;AAAA,QACA,QAAQ;AAAA,UACJ,uBAAuB,SAAU,KAAK,MAAM;AAEpC,mBAAA,MACA,QACA,KAAK,EAAE,QAAQ,OAAO,KAAK,WAAW,EAClC,KAAK,cACT;AAAA,UAAA;AAAA,QAIZ;AAAA,QACA,SAAS;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA,YACH,YAAY;AAAA,UAAA;AAAA,QAEpB;AAAA,QACA,OAAO;AAAA,UACH,YAAY;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAER;AAAA,QACA,SAAS;AAAA,UACL,GAAG;AAAA,YACC;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAU,KAAK;AACtB,yBAAO,MAAM;AAAA,gBAAA;AAAA,cACjB;AAAA,YAER;AAAA,YACA;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAU,KAAK;AACtB,yBAAO,MAAM;AAAA,gBAAA;AAAA,cACjB;AAAA,YAER;AAAA,YACA;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAU,KAAK;AACf,yBAAA;AAAA,gBAAA;AAAA,cACX;AAAA,YACJ;AAAA,UACJ;AAAA,QAER;AAAA,QACA,MAAM;AAAA,UACF,aAAa;AAAA,QAAA;AAAA,MAErB;AAAA,MACA,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"version":3,"file":"DashedLine.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/DashedLine.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst DashedLine = () => {\n    const data = [\n        {\n            name: 'Session Duration',\n            data: [45, 52, 38, 24, 33, 26, 21, 20, 6, 8, 15, 10],\n        },\n        {\n            name: 'Page Views',\n            data: [35, 41, 62, 42, 13, 18, 29, 37, 36, 51, 32, 35],\n        },\n        {\n            name: 'Total Visits',\n            data: [87, 57, 74, 99, 75, 38, 62, 47, 82, 56, 45, 47],\n        },\n    ]\n\n    return (\n        <Chart\n            options={{\n                chart: {\n                    height: 350,\n                    type: 'line',\n                    zoom: {\n                        enabled: false,\n                    },\n                },\n                colors: [...COLORS],\n                dataLabels: {\n                    enabled: false,\n                },\n                stroke: {\n                    width: [3, 5, 3],\n                    curve: 'straight',\n                    dashArray: [0, 8, 5],\n                },\n                legend: {\n                    tooltipHoverFormatter: function (val, opts) {\n                        return (\n                            val +\n                            ' - ' +\n                            opts.w.globals.series[opts.seriesIndex][\n                                opts.dataPointIndex\n                            ] +\n                            ''\n                        )\n                    },\n                },\n                markers: {\n                    size: 0,\n                    hover: {\n                        sizeOffset: 6,\n                    },\n                },\n                xaxis: {\n                    categories: [\n                        '01 Jan',\n                        '02 Jan',\n                        '03 Jan',\n                        '04 Jan',\n                        '05 Jan',\n                        '06 Jan',\n                        '07 Jan',\n                        '08 Jan',\n                        '09 Jan',\n                        '10 Jan',\n                        '11 Jan',\n                        '12 Jan',\n                    ],\n                },\n                tooltip: {\n                    y: [\n                        {\n                            title: {\n                                formatter: function (val) {\n                                    return val + ' (mins)'\n                                },\n                            },\n                        },\n                        {\n                            title: {\n                                formatter: function (val) {\n                                    return val + ' per session'\n                                },\n                            },\n                        },\n                        {\n                            title: {\n                                formatter: function (val) {\n                                    return val\n                                },\n                            },\n                        },\n                    ],\n                },\n                grid: {\n                    borderColor: '#f1f1f1',\n                },\n            }}\n            series={data}\n            height={300}\n        />\n    )\n}\n\nexport default DashedLine\n"],"names":[],"mappings":";;;AAGA,MAAM,aAAa,MAAM;AACrB,QAAM,OAAO;AAAA,IACT;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,IAAI,EAAE;AAAA,IAAA;AAAA,IAEvD;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,IAEzD;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,EACzD;AAGJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,OAAO;AAAA,UACH,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,YACF,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,QAEJ,QAAQ,CAAC,GAAG,MAAM;AAAA,QAClB,YAAY;AAAA,UACR,SAAS;AAAA,QAAA;AAAA,QAEb,QAAQ;AAAA,UACJ,OAAO,CAAC,GAAG,GAAG,CAAC;AAAA,UACf,OAAO;AAAA,UACP,WAAW,CAAC,GAAG,GAAG,CAAC;AAAA,QAAA;AAAA,QAEvB,QAAQ;AAAA,UACJ,uBAAuB,SAAU,KAAK,MAAM;AACxC,mBACI,MACA,QACA,KAAK,EAAE,QAAQ,OAAO,KAAK,WAAW,EAClC,KAAK,cACT;AAAA,UAGR;AAAA,QAAA;AAAA,QAEJ,SAAS;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA,YACH,YAAY;AAAA,UAAA;AAAA,QAChB;AAAA,QAEJ,OAAO;AAAA,UACH,YAAY;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACJ;AAAA,QAEJ,SAAS;AAAA,UACL,GAAG;AAAA,YACC;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAU,KAAK;AACtB,yBAAO,MAAM;AAAA,gBACjB;AAAA,cAAA;AAAA,YACJ;AAAA,YAEJ;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAU,KAAK;AACtB,yBAAO,MAAM;AAAA,gBACjB;AAAA,cAAA;AAAA,YACJ;AAAA,YAEJ;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAU,KAAK;AACtB,yBAAO;AAAA,gBACX;AAAA,cAAA;AAAA,YACJ;AAAA,UACJ;AAAA,QACJ;AAAA,QAEJ,MAAM;AAAA,UACF,aAAa;AAAA,QAAA;AAAA,MACjB;AAAA,MAEJ,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

package/dist/@ecme/views/ui-components/graph/Charts/GroupedBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupedBar.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/GroupedBar.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst GroupedBar = () => {\n    const data = [\n        {\n            data: [44, 55, 41, 64],\n        },\n        {\n            data: [53, 32, 33, 52],\n        },\n    ]\n\n    return (\n        <Chart\n            options={{\n                plotOptions: {\n                    bar: {\n                        horizontal: true,\n                        dataLabels: {\n                            position: 'top',\n                        },\n                    },\n                },\n                colors: COLORS,\n                dataLabels: {\n                    enabled: true,\n                    offsetX: -6,\n                    style: {\n                        fontSize: '12px',\n                        colors: ['#fff'],\n                    },\n                },\n                stroke: {\n                    show: true,\n                    width: 1,\n                    colors: ['#fff'],\n                },\n                xaxis: {\n                    categories: [2001, 2002, 2003, 2004],\n                },\n            }}\n            series={data}\n            height={300}\n            type=\"bar\"\n        />\n    )\n}\n\nexport default GroupedBar\n"],"names":[],"mappings":";;;AAGA,MAAM,aAAa,MAAM;AACrB,QAAM,OAAO;AAAA,IACT;AAAA,MACI,MAAM,CAAC,IAAI,IAAI,IAAI,EAAE;AAAA,IACzB;AAAA,IACA;AAAA,MACI,MAAM,CAAC,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,EAE7B;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,aAAa;AAAA,UACT,KAAK;AAAA,YACD,YAAY;AAAA,YACZ,YAAY;AAAA,cACR,UAAU;AAAA,YAAA;AAAA,UACd;AAAA,QAER;AAAA,QACA,QAAQ;AAAA,QACR,YAAY;AAAA,UACR,SAAS;AAAA,UACT,SAAS;AAAA,UACT,OAAO;AAAA,YACH,UAAU;AAAA,YACV,QAAQ,CAAC,MAAM;AAAA,UAAA;AAAA,QAEvB;AAAA,QACA,QAAQ;AAAA,UACJ,MAAM;AAAA,UACN,OAAO;AAAA,UACP,QAAQ,CAAC,MAAM;AAAA,QACnB;AAAA,QACA,OAAO;AAAA,UACH,YAAY,CAAC,MAAM,MAAM,MAAM,IAAI;AAAA,QAAA;AAAA,MAE3C;AAAA,MACA,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,MAAK;AAAA,IAAA;AAAA,EACT;AAER;"}
+{"version":3,"file":"GroupedBar.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/GroupedBar.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst GroupedBar = () => {\n    const data = [\n        {\n            data: [44, 55, 41, 64],\n        },\n        {\n            data: [53, 32, 33, 52],\n        },\n    ]\n\n    return (\n        <Chart\n            options={{\n                plotOptions: {\n                    bar: {\n                        horizontal: true,\n                        dataLabels: {\n                            position: 'top',\n                        },\n                    },\n                },\n                colors: COLORS,\n                dataLabels: {\n                    enabled: true,\n                    offsetX: -6,\n                    style: {\n                        fontSize: '12px',\n                        colors: ['#fff'],\n                    },\n                },\n                stroke: {\n                    show: true,\n                    width: 1,\n                    colors: ['#fff'],\n                },\n                xaxis: {\n                    categories: [2001, 2002, 2003, 2004],\n                },\n            }}\n            series={data}\n            height={300}\n            type=\"bar\"\n        />\n    )\n}\n\nexport default GroupedBar\n"],"names":[],"mappings":";;;AAGA,MAAM,aAAa,MAAM;AACrB,QAAM,OAAO;AAAA,IACT;AAAA,MACI,MAAM,CAAC,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,IAEzB;AAAA,MACI,MAAM,CAAC,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,EACzB;AAGJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,aAAa;AAAA,UACT,KAAK;AAAA,YACD,YAAY;AAAA,YACZ,YAAY;AAAA,cACR,UAAU;AAAA,YAAA;AAAA,UACd;AAAA,QACJ;AAAA,QAEJ,QAAQ;AAAA,QACR,YAAY;AAAA,UACR,SAAS;AAAA,UACT,SAAS;AAAA,UACT,OAAO;AAAA,YACH,UAAU;AAAA,YACV,QAAQ,CAAC,MAAM;AAAA,UAAA;AAAA,QACnB;AAAA,QAEJ,QAAQ;AAAA,UACJ,MAAM;AAAA,UACN,OAAO;AAAA,UACP,QAAQ,CAAC,MAAM;AAAA,QAAA;AAAA,QAEnB,OAAO;AAAA,UACH,YAAY,CAAC,MAAM,MAAM,MAAM,IAAI;AAAA,QAAA;AAAA,MACvC;AAAA,MAEJ,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,MAAK;AAAA,IAAA;AAAA,EAAA;AAGjB;"}

package/dist/@ecme/views/ui-components/graph/Charts/SimpleDonut.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleDonut.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/SimpleDonut.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst SimpleDonut = () => {\n    return (\n        <Chart\n            options={{\n                colors: COLORS,\n                responsive: [\n                    {\n                        breakpoint: 480,\n                        options: {\n                            chart: {\n                                width: 200,\n                            },\n                            legend: {\n                                position: 'bottom',\n                            },\n                        },\n                    },\n                ],\n            }}\n            series={[44, 55, 41, 17, 15]}\n            height={300}\n            type=\"donut\"\n        />\n    )\n}\n\nexport default SimpleDonut\n"],"names":[],"mappings":";;;AAGA,MAAM,cAAc,MAAM;AAElB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,QAAQ;AAAA,QACR,YAAY;AAAA,UACR;AAAA,YACI,YAAY;AAAA,YACZ,SAAS;AAAA,cACL,OAAO;AAAA,gBACH,OAAO;AAAA,cACX;AAAA,cACA,QAAQ;AAAA,gBACJ,UAAU;AAAA,cAAA;AAAA,YACd;AAAA,UACJ;AAAA,QACJ;AAAA,MAER;AAAA,MACA,QAAQ,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAC3B,QAAQ;AAAA,MACR,MAAK;AAAA,IAAA;AAAA,EACT;AAER;"}
+{"version":3,"file":"SimpleDonut.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/SimpleDonut.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst SimpleDonut = () => {\n    return (\n        <Chart\n            options={{\n                colors: COLORS,\n                responsive: [\n                    {\n                        breakpoint: 480,\n                        options: {\n                            chart: {\n                                width: 200,\n                            },\n                            legend: {\n                                position: 'bottom',\n                            },\n                        },\n                    },\n                ],\n            }}\n            series={[44, 55, 41, 17, 15]}\n            height={300}\n            type=\"donut\"\n        />\n    )\n}\n\nexport default SimpleDonut\n"],"names":[],"mappings":";;;AAGA,MAAM,cAAc,MAAM;AACtB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,QAAQ;AAAA,QACR,YAAY;AAAA,UACR;AAAA,YACI,YAAY;AAAA,YACZ,SAAS;AAAA,cACL,OAAO;AAAA,gBACH,OAAO;AAAA,cAAA;AAAA,cAEX,QAAQ;AAAA,gBACJ,UAAU;AAAA,cAAA;AAAA,YACd;AAAA,UACJ;AAAA,QACJ;AAAA,MACJ;AAAA,MAEJ,QAAQ,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAC3B,QAAQ;AAAA,MACR,MAAK;AAAA,IAAA;AAAA,EAAA;AAGjB;"}

package/dist/@ecme/views/ui-components/graph/Charts/SimplePie.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimplePie.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/SimplePie.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst SimplePie = () => {\n    return (\n        <Chart\n            options={{\n                colors: COLORS,\n                labels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E'],\n                responsive: [\n                    {\n                        breakpoint: 480,\n                        options: {\n                            chart: {\n                                width: 200,\n                            },\n                            legend: {\n                                position: 'bottom',\n                            },\n                        },\n                    },\n                ],\n            }}\n            series={[44, 55, 13, 43, 22]}\n            height={300}\n            type=\"pie\"\n        />\n    )\n}\n\nexport default SimplePie\n"],"names":[],"mappings":";;;AAGA,MAAM,YAAY,MAAM;AAEhB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ,CAAC,UAAU,UAAU,UAAU,UAAU,QAAQ;AAAA,QACzD,YAAY;AAAA,UACR;AAAA,YACI,YAAY;AAAA,YACZ,SAAS;AAAA,cACL,OAAO;AAAA,gBACH,OAAO;AAAA,cACX;AAAA,cACA,QAAQ;AAAA,gBACJ,UAAU;AAAA,cAAA;AAAA,YACd;AAAA,UACJ;AAAA,QACJ;AAAA,MAER;AAAA,MACA,QAAQ,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAC3B,QAAQ;AAAA,MACR,MAAK;AAAA,IAAA;AAAA,EACT;AAER;"}
+{"version":3,"file":"SimplePie.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/SimplePie.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst SimplePie = () => {\n    return (\n        <Chart\n            options={{\n                colors: COLORS,\n                labels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E'],\n                responsive: [\n                    {\n                        breakpoint: 480,\n                        options: {\n                            chart: {\n                                width: 200,\n                            },\n                            legend: {\n                                position: 'bottom',\n                            },\n                        },\n                    },\n                ],\n            }}\n            series={[44, 55, 13, 43, 22]}\n            height={300}\n            type=\"pie\"\n        />\n    )\n}\n\nexport default SimplePie\n"],"names":[],"mappings":";;;AAGA,MAAM,YAAY,MAAM;AACpB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ,CAAC,UAAU,UAAU,UAAU,UAAU,QAAQ;AAAA,QACzD,YAAY;AAAA,UACR;AAAA,YACI,YAAY;AAAA,YACZ,SAAS;AAAA,cACL,OAAO;AAAA,gBACH,OAAO;AAAA,cAAA;AAAA,cAEX,QAAQ;AAAA,gBACJ,UAAU;AAAA,cAAA;AAAA,YACd;AAAA,UACJ;AAAA,QACJ;AAAA,MACJ;AAAA,MAEJ,QAAQ,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAC3B,QAAQ;AAAA,MACR,MAAK;AAAA,IAAA;AAAA,EAAA;AAGjB;"}

package/dist/@ecme/views/ui-components/graph/Charts/SplineArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplineArea.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/SplineArea.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst SplineArea = () => {\n    const data = [\n        {\n            name: 'series1',\n            data: [31, 40, 28, 51, 42, 109, 100],\n        },\n        {\n            name: 'series2',\n            data: [11, 32, 45, 32, 34, 52, 41],\n        },\n    ]\n\n    return (\n        <Chart\n            options={{\n                dataLabels: {\n                    enabled: false,\n                },\n                colors: COLORS,\n                stroke: {\n                    curve: 'smooth',\n                },\n                xaxis: {\n                    type: 'datetime',\n                    categories: [\n                        '2018-09-19T00:00:00.000Z',\n                        '2018-09-19T01:30:00.000Z',\n                        '2018-09-19T02:30:00.000Z',\n                        '2018-09-19T03:30:00.000Z',\n                        '2018-09-19T04:30:00.000Z',\n                        '2018-09-19T05:30:00.000Z',\n                        '2018-09-19T06:30:00.000Z',\n                    ],\n                },\n                tooltip: {\n                    x: {\n                        format: 'dd/MM/yy HH:mm',\n                    },\n                },\n            }}\n            series={data}\n            type=\"area\"\n            height={300}\n        />\n    )\n}\n\nexport default SplineArea\n"],"names":[],"mappings":";;;AAGA,MAAM,aAAa,MAAM;AACrB,QAAM,OAAO;AAAA,IACT;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,GAAG;AAAA,IACvC;AAAA,IACA;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,EAEzC;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,YAAY;AAAA,UACR,SAAS;AAAA,QACb;AAAA,QACA,QAAQ;AAAA,QACR,QAAQ;AAAA,UACJ,OAAO;AAAA,QACX;AAAA,QACA,OAAO;AAAA,UACH,MAAM;AAAA,UACN,YAAY;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAER;AAAA,QACA,SAAS;AAAA,UACL,GAAG;AAAA,YACC,QAAQ;AAAA,UAAA;AAAA,QACZ;AAAA,MAER;AAAA,MACA,QAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"version":3,"file":"SplineArea.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/SplineArea.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst SplineArea = () => {\n    const data = [\n        {\n            name: 'series1',\n            data: [31, 40, 28, 51, 42, 109, 100],\n        },\n        {\n            name: 'series2',\n            data: [11, 32, 45, 32, 34, 52, 41],\n        },\n    ]\n\n    return (\n        <Chart\n            options={{\n                dataLabels: {\n                    enabled: false,\n                },\n                colors: COLORS,\n                stroke: {\n                    curve: 'smooth',\n                },\n                xaxis: {\n                    type: 'datetime',\n                    categories: [\n                        '2018-09-19T00:00:00.000Z',\n                        '2018-09-19T01:30:00.000Z',\n                        '2018-09-19T02:30:00.000Z',\n                        '2018-09-19T03:30:00.000Z',\n                        '2018-09-19T04:30:00.000Z',\n                        '2018-09-19T05:30:00.000Z',\n                        '2018-09-19T06:30:00.000Z',\n                    ],\n                },\n                tooltip: {\n                    x: {\n                        format: 'dd/MM/yy HH:mm',\n                    },\n                },\n            }}\n            series={data}\n            type=\"area\"\n            height={300}\n        />\n    )\n}\n\nexport default SplineArea\n"],"names":[],"mappings":";;;AAGA,MAAM,aAAa,MAAM;AACrB,QAAM,OAAO;AAAA,IACT;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,GAAG;AAAA,IAAA;AAAA,IAEvC;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,EACrC;AAGJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,YAAY;AAAA,UACR,SAAS;AAAA,QAAA;AAAA,QAEb,QAAQ;AAAA,QACR,QAAQ;AAAA,UACJ,OAAO;AAAA,QAAA;AAAA,QAEX,OAAO;AAAA,UACH,MAAM;AAAA,UACN,YAAY;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACJ;AAAA,QAEJ,SAAS;AAAA,UACL,GAAG;AAAA,YACC,QAAQ;AAAA,UAAA;AAAA,QACZ;AAAA,MACJ;AAAA,MAEJ,QAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}