@orbe-agro/client-core 5.5.3 → 5.5.8

package/dist/@ecme/views/ui-components/forms/InputGroup/Addons.js.map

@@ -1 +1 @@
-{"version":3,"file":"Addons.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/Addons.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\nimport Input from '@/components/ui/Input'\n\nconst { Addon } = InputGroup\n\nconst Addons = () => {\n    return (\n        <div>\n            <InputGroup className=\"mb-4\">\n                <Addon>@</Addon>\n                <Input />\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Input />\n                <Addon>.exmaple.com</Addon>\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Addon>http://</Addon>\n                <Input />\n                <Addon>.com</Addon>\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Input />\n                <Addon>to</Addon>\n                <Input />\n            </InputGroup>\n        </div>\n    )\n}\n\nexport default Addons\n"],"names":[],"mappings":";;;;AAGA,MAAM,EAAE,MAAU,IAAA;AAElB,MAAM,SAAS,MAAM;AACjB,8BACK,OACG,EAAA,UAAA;AAAA,IAAC,qBAAA,YAAA,EAAW,WAAU,QAClB,UAAA;AAAA,MAAA,oBAAC,SAAM,UAAC,IAAA,CAAA;AAAA,0BACP,OAAM,CAAA,CAAA;AAAA,IAAA,GACX;AAAA,IACA,qBAAC,YAAW,EAAA,WAAU,QAClB,UAAA;AAAA,MAAA,oBAAC,OAAM,EAAA;AAAA,MACP,oBAAC,SAAM,UAAY,eAAA,CAAA;AAAA,IAAA,GACvB;AAAA,IACA,qBAAC,YAAW,EAAA,WAAU,QAClB,UAAA;AAAA,MAAA,oBAAC,SAAM,UAAO,UAAA,CAAA;AAAA,0BACb,OAAM,EAAA;AAAA,MACP,oBAAC,SAAM,UAAI,OAAA,CAAA;AAAA,IAAA,GACf;AAAA,IACA,qBAAC,YAAW,EAAA,WAAU,QAClB,UAAA;AAAA,MAAA,oBAAC,OAAM,EAAA;AAAA,MACP,oBAAC,SAAM,UAAE,KAAA,CAAA;AAAA,0BACR,OAAM,CAAA,CAAA;AAAA,IAAA,EACX,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Addons.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/Addons.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\nimport Input from '@/components/ui/Input'\n\nconst { Addon } = InputGroup\n\nconst Addons = () => {\n    return (\n        <div>\n            <InputGroup className=\"mb-4\">\n                <Addon>@</Addon>\n                <Input />\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Input />\n                <Addon>.exmaple.com</Addon>\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Addon>http://</Addon>\n                <Input />\n                <Addon>.com</Addon>\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Input />\n                <Addon>to</Addon>\n                <Input />\n            </InputGroup>\n        </div>\n    )\n}\n\nexport default Addons\n"],"names":[],"mappings":";;;;AAGA,MAAM,EAAE,UAAU;AAElB,MAAM,SAAS,MAAM;AACjB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,qBAAC,YAAA,EAAW,WAAU,QAClB,UAAA;AAAA,MAAA,oBAAC,SAAM,UAAA,IAAA,CAAC;AAAA,0BACP,OAAA,CAAA,CAAM;AAAA,IAAA,GACX;AAAA,IACA,qBAAC,YAAA,EAAW,WAAU,QAClB,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAM;AAAA,MACP,oBAAC,SAAM,UAAA,eAAA,CAAY;AAAA,IAAA,GACvB;AAAA,IACA,qBAAC,YAAA,EAAW,WAAU,QAClB,UAAA;AAAA,MAAA,oBAAC,SAAM,UAAA,UAAA,CAAO;AAAA,0BACb,OAAA,EAAM;AAAA,MACP,oBAAC,SAAM,UAAA,OAAA,CAAI;AAAA,IAAA,GACf;AAAA,IACA,qBAAC,YAAA,EAAW,WAAU,QAClB,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAM;AAAA,MACP,oBAAC,SAAM,UAAA,KAAA,CAAE;AAAA,0BACR,OAAA,CAAA,CAAM;AAAA,IAAA,EAAA,CACX;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/InputGroup/OtherCombination.js.map

@@ -1 +1 @@
-{"version":3,"file":"OtherCombination.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/OtherCombination.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Select from '@/components/ui/Select'\nimport DatePicker from '@/components/ui/DatePicker'\nimport { HiOutlineMicrophone } from 'react-icons/hi'\n\nconst { Addon } = InputGroup\n\nconst options1 = [\n    { value: '.com', label: '.com' },\n    { value: '.net', label: '.net' },\n    { value: '.io', label: '.io' },\n]\n\nconst options2 = [\n    { value: '12.00 AM', label: '12.00 AM' },\n    { value: '1.00 AM ', label: '1.00 AM' },\n    { value: '2.00 AM ', label: '2.00 AM' },\n    { value: '3.00 AM ', label: '3.00 AM' },\n    { value: '4.00 AM ', label: '4.00 AM' },\n    { value: '5.00 AM ', label: '5.00 AM' },\n    { value: '6.00 AM ', label: '6.00 AM' },\n    { value: '7.00 AM ', label: '7.00 AM' },\n    { value: '8.00 AM ', label: '8.00 AM' },\n    { value: '9.00 AM ', label: '9.00 AM' },\n    { value: '10.00 AM ', label: '10.00 AM' },\n    { value: '11.00 AM ', label: '11.00 AM' },\n    { value: '12.00 PM ', label: '12.00 PM' },\n    { value: '1.00 PM ', label: '1.00 PM' },\n    { value: '2.00 PM ', label: '2.00 PM' },\n    { value: '3.00 PM ', label: '3.00 PM' },\n    { value: '4.00 PM ', label: '4.00 PM' },\n    { value: '5.00 PM ', label: '5.00 PM' },\n    { value: '6.00 PM ', label: '6.00 PM' },\n    { value: '7.00 PM ', label: '7.00 PM' },\n    { value: '8.00 PM ', label: '8.00 PM' },\n    { value: '9.00 PM ', label: '9.00 PM' },\n    { value: '10.00 PM ', label: '10.00 PM' },\n    { value: '11.00 PM ', label: '11.00 PM' },\n]\n\nconst OtherCombination = () => {\n    return (\n        <div>\n            <InputGroup className=\"mb-4\">\n                <Input\n                    prefix={\n                        <HiOutlineMicrophone className=\"text-xl text-indigo-600 cursor-pointer\" />\n                    }\n                />\n                <Button>Send</Button>\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <DatePicker placeholder=\"Start Date\" />\n                <Addon>To</Addon>\n                <DatePicker placeholder=\"End Date\" />\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Input />\n                <div style={{ minWidth: 120 }}>\n                    <Select\n                        isSearchable={false}\n                        defaultValue={{ label: '.com', value: '.com' }}\n                        options={options1}\n                    />\n                </div>\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <DatePicker placeholder=\"Select Date\" />\n                <div style={{ minWidth: 140 }}>\n                    <Select\n                        isSearchable={false}\n                        placeholder=\"Time\"\n                        options={options2}\n                    />\n                </div>\n            </InputGroup>\n        </div>\n    )\n}\n\nexport default OtherCombination\n"],"names":[],"mappings":";;;;;;;;;;AAOA,MAAM,EAAE,MAAU,IAAA;AAElB,MAAM,WAAW;AAAA,EACb,EAAE,OAAO,QAAQ,OAAO,OAAO;AAAA,EAC/B,EAAE,OAAO,QAAQ,OAAO,OAAO;AAAA,EAC/B,EAAE,OAAO,OAAO,OAAO,MAAM;AACjC;AAEA,MAAM,WAAW;AAAA,EACb,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,EACvC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACtC,EAAE,OAAO,aAAa,OAAO,WAAW;AAAA,EACxC,EAAE,OAAO,aAAa,OAAO,WAAW;AAAA,EACxC,EAAE,OAAO,aAAa,OAAO,WAAW;AAAA,EACxC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACtC,EAAE,OAAO,aAAa,OAAO,WAAW;AAAA,EACxC,EAAE,OAAO,aAAa,OAAO,WAAW;AAC5C;AAEA,MAAM,mBAAmB,MAAM;AAC3B,8BACK,OACG,EAAA,UAAA;AAAA,IAAC,qBAAA,YAAA,EAAW,WAAU,QAClB,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,QACI,oBAAC,qBAAoB,EAAA,WAAU,yCAAyC,CAAA;AAAA,QAAA;AAAA,MAEhF;AAAA,MACA,oBAAC,UAAO,UAAI,OAAA,CAAA;AAAA,IAAA,GAChB;AAAA,IACA,qBAAC,YAAW,EAAA,WAAU,QAClB,UAAA;AAAA,MAAC,oBAAA,YAAA,EAAW,aAAY,aAAa,CAAA;AAAA,MACrC,oBAAC,SAAM,UAAE,KAAA,CAAA;AAAA,MACT,oBAAC,YAAW,EAAA,aAAY,WAAW,CAAA;AAAA,IAAA,GACvC;AAAA,IACA,qBAAC,YAAW,EAAA,WAAU,QAClB,UAAA;AAAA,MAAA,oBAAC,OAAM,EAAA;AAAA,0BACN,OAAI,EAAA,OAAO,EAAE,UAAU,OACpB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,cAAc;AAAA,UACd,cAAc,EAAE,OAAO,QAAQ,OAAO,OAAO;AAAA,UAC7C,SAAS;AAAA,QAAA;AAAA,MAAA,EAEjB,CAAA;AAAA,IAAA,GACJ;AAAA,IACA,qBAAC,YAAW,EAAA,WAAU,QAClB,UAAA;AAAA,MAAC,oBAAA,YAAA,EAAW,aAAY,cAAc,CAAA;AAAA,0BACrC,OAAI,EAAA,OAAO,EAAE,UAAU,OACpB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,cAAc;AAAA,UACd,aAAY;AAAA,UACZ,SAAS;AAAA,QAAA;AAAA,MAAA,EAEjB,CAAA;AAAA,IAAA,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"OtherCombination.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/OtherCombination.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Select from '@/components/ui/Select'\nimport DatePicker from '@/components/ui/DatePicker'\nimport { HiOutlineMicrophone } from 'react-icons/hi'\n\nconst { Addon } = InputGroup\n\nconst options1 = [\n    { value: '.com', label: '.com' },\n    { value: '.net', label: '.net' },\n    { value: '.io', label: '.io' },\n]\n\nconst options2 = [\n    { value: '12.00 AM', label: '12.00 AM' },\n    { value: '1.00 AM ', label: '1.00 AM' },\n    { value: '2.00 AM ', label: '2.00 AM' },\n    { value: '3.00 AM ', label: '3.00 AM' },\n    { value: '4.00 AM ', label: '4.00 AM' },\n    { value: '5.00 AM ', label: '5.00 AM' },\n    { value: '6.00 AM ', label: '6.00 AM' },\n    { value: '7.00 AM ', label: '7.00 AM' },\n    { value: '8.00 AM ', label: '8.00 AM' },\n    { value: '9.00 AM ', label: '9.00 AM' },\n    { value: '10.00 AM ', label: '10.00 AM' },\n    { value: '11.00 AM ', label: '11.00 AM' },\n    { value: '12.00 PM ', label: '12.00 PM' },\n    { value: '1.00 PM ', label: '1.00 PM' },\n    { value: '2.00 PM ', label: '2.00 PM' },\n    { value: '3.00 PM ', label: '3.00 PM' },\n    { value: '4.00 PM ', label: '4.00 PM' },\n    { value: '5.00 PM ', label: '5.00 PM' },\n    { value: '6.00 PM ', label: '6.00 PM' },\n    { value: '7.00 PM ', label: '7.00 PM' },\n    { value: '8.00 PM ', label: '8.00 PM' },\n    { value: '9.00 PM ', label: '9.00 PM' },\n    { value: '10.00 PM ', label: '10.00 PM' },\n    { value: '11.00 PM ', label: '11.00 PM' },\n]\n\nconst OtherCombination = () => {\n    return (\n        <div>\n            <InputGroup className=\"mb-4\">\n                <Input\n                    prefix={\n                        <HiOutlineMicrophone className=\"text-xl text-indigo-600 cursor-pointer\" />\n                    }\n                />\n                <Button>Send</Button>\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <DatePicker placeholder=\"Start Date\" />\n                <Addon>To</Addon>\n                <DatePicker placeholder=\"End Date\" />\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Input />\n                <div style={{ minWidth: 120 }}>\n                    <Select\n                        isSearchable={false}\n                        defaultValue={{ label: '.com', value: '.com' }}\n                        options={options1}\n                    />\n                </div>\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <DatePicker placeholder=\"Select Date\" />\n                <div style={{ minWidth: 140 }}>\n                    <Select\n                        isSearchable={false}\n                        placeholder=\"Time\"\n                        options={options2}\n                    />\n                </div>\n            </InputGroup>\n        </div>\n    )\n}\n\nexport default OtherCombination\n"],"names":[],"mappings":";;;;;;;;;;AAOA,MAAM,EAAE,UAAU;AAElB,MAAM,WAAW;AAAA,EACb,EAAE,OAAO,QAAQ,OAAO,OAAA;AAAA,EACxB,EAAE,OAAO,QAAQ,OAAO,OAAA;AAAA,EACxB,EAAE,OAAO,OAAO,OAAO,MAAA;AAC3B;AAEA,MAAM,WAAW;AAAA,EACb,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,EAC5B,EAAE,OAAO,aAAa,OAAO,WAAA;AAAA,EAC7B,EAAE,OAAO,aAAa,OAAO,WAAA;AAAA,EAC7B,EAAE,OAAO,aAAa,OAAO,WAAA;AAAA,EAC7B,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,EAC5B,EAAE,OAAO,aAAa,OAAO,WAAA;AAAA,EAC7B,EAAE,OAAO,aAAa,OAAO,WAAA;AACjC;AAEA,MAAM,mBAAmB,MAAM;AAC3B,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,qBAAC,YAAA,EAAW,WAAU,QAClB,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,QACI,oBAAC,qBAAA,EAAoB,WAAU,yCAAA,CAAyC;AAAA,QAAA;AAAA,MAAA;AAAA,MAGhF,oBAAC,UAAO,UAAA,OAAA,CAAI;AAAA,IAAA,GAChB;AAAA,IACA,qBAAC,YAAA,EAAW,WAAU,QAClB,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,aAAY,aAAA,CAAa;AAAA,MACrC,oBAAC,SAAM,UAAA,KAAA,CAAE;AAAA,MACT,oBAAC,YAAA,EAAW,aAAY,WAAA,CAAW;AAAA,IAAA,GACvC;AAAA,IACA,qBAAC,YAAA,EAAW,WAAU,QAClB,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAM;AAAA,0BACN,OAAA,EAAI,OAAO,EAAE,UAAU,OACpB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,cAAc;AAAA,UACd,cAAc,EAAE,OAAO,QAAQ,OAAO,OAAA;AAAA,UACtC,SAAS;AAAA,QAAA;AAAA,MAAA,EACb,CACJ;AAAA,IAAA,GACJ;AAAA,IACA,qBAAC,YAAA,EAAW,WAAU,QAClB,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,aAAY,cAAA,CAAc;AAAA,0BACrC,OAAA,EAAI,OAAO,EAAE,UAAU,OACpB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,cAAc;AAAA,UACd,aAAY;AAAA,UACZ,SAAS;AAAA,QAAA;AAAA,MAAA,EACb,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Sizes.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/Sizes.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\n\nconst Sizes = () => {\n    return (\n        <div>\n            <InputGroup size=\"sm\" className=\"mb-4\">\n                <InputGroup.Addon>@</InputGroup.Addon>\n                <Input placeholder=\"Small Input\" />\n                <Button variant=\"solid\">Submit</Button>\n            </InputGroup>\n            <InputGroup size=\"lg\" className=\"mb-4\">\n                <InputGroup.Addon>@</InputGroup.Addon>\n                <Input placeholder=\"Small Input\" />\n                <Button variant=\"solid\">Submit</Button>\n            </InputGroup>\n        </div>\n    )\n}\n\nexport default Sizes\n"],"names":[],"mappings":";;;;;;AAIA,MAAM,QAAQ,MAAM;AAChB,8BACK,OACG,EAAA,UAAA;AAAA,IAAA,qBAAC,YAAW,EAAA,MAAK,MAAK,WAAU,QAC5B,UAAA;AAAA,MAAC,oBAAA,WAAW,OAAX,EAAiB,UAAC,IAAA,CAAA;AAAA,MACnB,oBAAC,OAAM,EAAA,aAAY,cAAc,CAAA;AAAA,MAChC,oBAAA,QAAA,EAAO,SAAQ,SAAQ,UAAM,SAAA,CAAA;AAAA,IAAA,GAClC;AAAA,IACC,qBAAA,YAAA,EAAW,MAAK,MAAK,WAAU,QAC5B,UAAA;AAAA,MAAC,oBAAA,WAAW,OAAX,EAAiB,UAAC,IAAA,CAAA;AAAA,MACnB,oBAAC,OAAM,EAAA,aAAY,cAAc,CAAA;AAAA,MAChC,oBAAA,QAAA,EAAO,SAAQ,SAAQ,UAAM,SAAA,CAAA;AAAA,IAAA,EAClC,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Sizes.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/Sizes.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\n\nconst Sizes = () => {\n    return (\n        <div>\n            <InputGroup size=\"sm\" className=\"mb-4\">\n                <InputGroup.Addon>@</InputGroup.Addon>\n                <Input placeholder=\"Small Input\" />\n                <Button variant=\"solid\">Submit</Button>\n            </InputGroup>\n            <InputGroup size=\"lg\" className=\"mb-4\">\n                <InputGroup.Addon>@</InputGroup.Addon>\n                <Input placeholder=\"Small Input\" />\n                <Button variant=\"solid\">Submit</Button>\n            </InputGroup>\n        </div>\n    )\n}\n\nexport default Sizes\n"],"names":[],"mappings":";;;;;;AAIA,MAAM,QAAQ,MAAM;AAChB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,qBAAC,YAAA,EAAW,MAAK,MAAK,WAAU,QAC5B,UAAA;AAAA,MAAA,oBAAC,WAAW,OAAX,EAAiB,UAAA,IAAA,CAAC;AAAA,MACnB,oBAAC,OAAA,EAAM,aAAY,cAAA,CAAc;AAAA,MACjC,oBAAC,QAAA,EAAO,SAAQ,SAAQ,UAAA,SAAA,CAAM;AAAA,IAAA,GAClC;AAAA,IACA,qBAAC,YAAA,EAAW,MAAK,MAAK,WAAU,QAC5B,UAAA;AAAA,MAAA,oBAAC,WAAW,OAAX,EAAiB,UAAA,IAAA,CAAC;AAAA,MACnB,oBAAC,OAAA,EAAM,aAAY,cAAA,CAAc;AAAA,MACjC,oBAAC,QAAA,EAAO,SAAQ,SAAQ,UAAA,SAAA,CAAM;AAAA,IAAA,EAAA,CAClC;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/InputGroup/WithButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithButtons.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/WithButtons.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { HiOutlineMicrophone, HiOutlineSearch } from 'react-icons/hi'\n\nconst WithButtons = () => {\n    return (\n        <div>\n            <InputGroup className=\"mb-4\">\n                <Input placeholder=\"Input text to search\" />\n                <Button>Search</Button>\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Input placeholder=\"Input text to search\" />\n                <Button icon={<HiOutlineSearch className=\"text-xl\" />} />\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Button\n                    variant=\"solid\"\n                    icon={<HiOutlineMicrophone className=\"text-xl\" />}\n                />\n                <Input placeholder=\"Input text to search\" />\n            </InputGroup>\n        </div>\n    )\n}\n\nexport default WithButtons\n"],"names":[],"mappings":";;;;;;;AAKA,MAAM,cAAc,MAAM;AACtB,8BACK,OACG,EAAA,UAAA;AAAA,IAAC,qBAAA,YAAA,EAAW,WAAU,QAClB,UAAA;AAAA,MAAC,oBAAA,OAAA,EAAM,aAAY,uBAAuB,CAAA;AAAA,MAC1C,oBAAC,UAAO,UAAM,SAAA,CAAA;AAAA,IAAA,GAClB;AAAA,IACA,qBAAC,YAAW,EAAA,WAAU,QAClB,UAAA;AAAA,MAAC,oBAAA,OAAA,EAAM,aAAY,uBAAuB,CAAA;AAAA,0BACzC,QAAO,EAAA,0BAAO,iBAAgB,EAAA,WAAU,WAAU,EAAI,CAAA;AAAA,IAAA,GAC3D;AAAA,IACA,qBAAC,YAAW,EAAA,WAAU,QAClB,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACR,MAAM,oBAAC,qBAAoB,EAAA,WAAU,UAAU,CAAA;AAAA,QAAA;AAAA,MACnD;AAAA,MACA,oBAAC,OAAM,EAAA,aAAY,uBAAuB,CAAA;AAAA,IAAA,EAC9C,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"WithButtons.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/WithButtons.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { HiOutlineMicrophone, HiOutlineSearch } from 'react-icons/hi'\n\nconst WithButtons = () => {\n    return (\n        <div>\n            <InputGroup className=\"mb-4\">\n                <Input placeholder=\"Input text to search\" />\n                <Button>Search</Button>\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Input placeholder=\"Input text to search\" />\n                <Button icon={<HiOutlineSearch className=\"text-xl\" />} />\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Button\n                    variant=\"solid\"\n                    icon={<HiOutlineMicrophone className=\"text-xl\" />}\n                />\n                <Input placeholder=\"Input text to search\" />\n            </InputGroup>\n        </div>\n    )\n}\n\nexport default WithButtons\n"],"names":[],"mappings":";;;;;;;AAKA,MAAM,cAAc,MAAM;AACtB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,qBAAC,YAAA,EAAW,WAAU,QAClB,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAM,aAAY,uBAAA,CAAuB;AAAA,MAC1C,oBAAC,UAAO,UAAA,SAAA,CAAM;AAAA,IAAA,GAClB;AAAA,IACA,qBAAC,YAAA,EAAW,WAAU,QAClB,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAM,aAAY,uBAAA,CAAuB;AAAA,0BACzC,QAAA,EAAO,0BAAO,iBAAA,EAAgB,WAAU,WAAU,EAAA,CAAI;AAAA,IAAA,GAC3D;AAAA,IACA,qBAAC,YAAA,EAAW,WAAU,QAClB,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACR,MAAM,oBAAC,qBAAA,EAAoB,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEnD,oBAAC,OAAA,EAAM,aAAY,uBAAA,CAAuB;AAAA,IAAA,EAAA,CAC9C;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Addons from './Addons'\nimport WithButtons from './WithButtons'\nimport Sizes from './Sizes'\nimport OtherCombination from './OtherCombination'\n\nconst mdPath = 'InputGroup'\n\nconst demoHeader = {\n    title: 'InputGroup',\n    desc: 'Input groups allowed us to chain serveral input related components into a single row.',\n}\n\nconst demos = [\n    {\n        mdName: 'Addons',\n        mdPath: mdPath,\n        title: 'Addons',\n        desc: ` Addon can be placed on either side of an input. It also can place in between of both Input.`,\n        component: <Addons />,\n    },\n    {\n        mdName: 'WithButtons',\n        mdPath: mdPath,\n        title: 'With Buttons',\n        desc: `Button can also chain with Input.`,\n        component: <WithButtons />,\n    },\n    {\n        mdName: 'Sizes',\n        mdPath: mdPath,\n        title: 'Sizes',\n        desc: `Add available sizes value to <code>InputGroup</code> <code>size</code> prop will automatically resize the content.`,\n        component: <Sizes />,\n    },\n    {\n        mdName: 'OtherCombination',\n        mdPath: mdPath,\n        title: 'Other Combination',\n        desc: `Example of different <code>InputGroup</code> combination.`,\n        component: <OtherCombination />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'InputGroup',\n        api: [\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `-`,\n                desc: 'InputGroup size',\n            },\n        ],\n    },\n    {\n        component: 'InputGroup.Addon',\n        api: [\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `-`,\n                desc: 'Addon size',\n            },\n        ],\n    },\n]\n\nconst InputGroup = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default InputGroup\n"],"names":[],"mappings":";;;;;;AAQA,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,QAAO,CAAA,CAAA;AAAA,EACvB;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,OAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,kBAAiB,CAAA,CAAA;AAAA,EAAA;AAErC;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,IACV;AAAA,EAER;AAAA,EACA;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,aAAa,MAAM;AACrB,6BAAQ,YAAW,EAAA,QAAQ,YAAY,OAAc,KAAK,SAAS;AACvE;"}
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Addons from './Addons'\nimport WithButtons from './WithButtons'\nimport Sizes from './Sizes'\nimport OtherCombination from './OtherCombination'\n\nconst mdPath = 'InputGroup'\n\nconst demoHeader = {\n    title: 'InputGroup',\n    desc: 'Input groups allowed us to chain serveral input related components into a single row.',\n}\n\nconst demos = [\n    {\n        mdName: 'Addons',\n        mdPath: mdPath,\n        title: 'Addons',\n        desc: ` Addon can be placed on either side of an input. It also can place in between of both Input.`,\n        component: <Addons />,\n    },\n    {\n        mdName: 'WithButtons',\n        mdPath: mdPath,\n        title: 'With Buttons',\n        desc: `Button can also chain with Input.`,\n        component: <WithButtons />,\n    },\n    {\n        mdName: 'Sizes',\n        mdPath: mdPath,\n        title: 'Sizes',\n        desc: `Add available sizes value to <code>InputGroup</code> <code>size</code> prop will automatically resize the content.`,\n        component: <Sizes />,\n    },\n    {\n        mdName: 'OtherCombination',\n        mdPath: mdPath,\n        title: 'Other Combination',\n        desc: `Example of different <code>InputGroup</code> combination.`,\n        component: <OtherCombination />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'InputGroup',\n        api: [\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `-`,\n                desc: 'InputGroup size',\n            },\n        ],\n    },\n    {\n        component: 'InputGroup.Addon',\n        api: [\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `-`,\n                desc: 'Addon size',\n            },\n        ],\n    },\n]\n\nconst InputGroup = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default InputGroup\n"],"names":[],"mappings":";;;;;;AAQA,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,QAAA,CAAA,CAAO;AAAA,EAAA;AAAA,EAEvB;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,OAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,kBAAA,CAAA,CAAiB;AAAA,EAAA;AAErC;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,IACV;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,aAAa,MAAM;AACrB,6BAAQ,YAAA,EAAW,QAAQ,YAAY,OAAc,KAAK,SAAS;AACvE;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Color.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Color.tsx"],"sourcesContent":["import Radio from '@/components/ui/Radio'\n\nconst Color = () => {\n    return (\n        <div>\n            <Radio defaultChecked radioClass=\"text-green-500\">\n                Radio\n            </Radio>\n            <div className=\"mt-4\">\n                <Radio.Group\n                    radioClass=\"text-yellow-500\"\n                    value={'Apple'}\n                    name=\"radioColorGroup\"\n                >\n                    <Radio radioClass=\"text-blue-600\" value={'Apple'}>\n                        Apple\n                    </Radio>\n                    <Radio value={'Banana'}>Banana</Radio>\n                    <Radio value={'Cherry'}>Cherry</Radio>\n                </Radio.Group>\n            </div>\n        </div>\n    )\n}\n\nexport default Color\n"],"names":[],"mappings":";;AAEA,MAAM,QAAQ,MAAM;AAChB,8BACK,OACG,EAAA,UAAA;AAAA,IAAA,oBAAC,OAAM,EAAA,gBAAc,MAAC,YAAW,kBAAiB,UAElD,SAAA;AAAA,IACA,oBAAC,OAAI,EAAA,WAAU,QACX,UAAA;AAAA,MAAC,MAAM;AAAA,MAAN;AAAA,QACG,YAAW;AAAA,QACX,OAAO;AAAA,QACP,MAAK;AAAA,QAEL,UAAA;AAAA,UAAA,oBAAC,OAAM,EAAA,YAAW,iBAAgB,OAAO,SAAS,UAElD,SAAA;AAAA,UACC,oBAAA,OAAA,EAAM,OAAO,UAAU,UAAM,UAAA;AAAA,UAC7B,oBAAA,OAAA,EAAM,OAAO,UAAU,UAAM,SAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EAEtC,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Color.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Color.tsx"],"sourcesContent":["import Radio from '@/components/ui/Radio'\n\nconst Color = () => {\n    return (\n        <div>\n            <Radio defaultChecked radioClass=\"text-green-500\">\n                Radio\n            </Radio>\n            <div className=\"mt-4\">\n                <Radio.Group\n                    radioClass=\"text-yellow-500\"\n                    value={'Apple'}\n                    name=\"radioColorGroup\"\n                >\n                    <Radio radioClass=\"text-blue-600\" value={'Apple'}>\n                        Apple\n                    </Radio>\n                    <Radio value={'Banana'}>Banana</Radio>\n                    <Radio value={'Cherry'}>Cherry</Radio>\n                </Radio.Group>\n            </div>\n        </div>\n    )\n}\n\nexport default Color\n"],"names":[],"mappings":";;AAEA,MAAM,QAAQ,MAAM;AAChB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAM,gBAAc,MAAC,YAAW,kBAAiB,UAAA,SAElD;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAC,MAAM;AAAA,MAAN;AAAA,QACG,YAAW;AAAA,QACX,OAAO;AAAA,QACP,MAAK;AAAA,QAEL,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAM,YAAW,iBAAgB,OAAO,SAAS,UAAA,SAElD;AAAA,UACA,oBAAC,OAAA,EAAM,OAAO,UAAU,UAAA,UAAM;AAAA,UAC9B,oBAAC,OAAA,EAAM,OAAO,UAAU,UAAA,SAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EAClC,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Disabled.tsx"],"sourcesContent":["import Radio from '@/components/ui/Radio'\n\nconst Disabled = () => {\n    return (\n        <div>\n            <Radio disabled className=\"mr-4\">\n                Disabled Radio\n            </Radio>\n            <Radio disabled checked>\n                Disabled Checked Radio\n            </Radio>\n            <div className=\"mt-4\">\n                <Radio.Group disabled value={'Apple'}>\n                    <Radio value={'Apple'}>Apple</Radio>\n                    <Radio value={'Banana'}>Banana</Radio>\n                    <Radio value={'Cherry'}>Cherry</Radio>\n                </Radio.Group>\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,OAAM,EAAA,UAAQ,MAAC,WAAU,QAAO,UAEjC,kBAAA;AAAA,wBACC,OAAM,EAAA,UAAQ,MAAC,SAAO,MAAC,UAExB,0BAAA;AAAA,IACA,oBAAC,OAAI,EAAA,WAAU,QACX,UAAA,qBAAC,MAAM,OAAN,EAAY,UAAQ,MAAC,OAAO,SACzB,UAAA;AAAA,MAAC,oBAAA,OAAA,EAAM,OAAO,SAAS,UAAK,SAAA;AAAA,MAC3B,oBAAA,OAAA,EAAM,OAAO,UAAU,UAAM,UAAA;AAAA,MAC7B,oBAAA,OAAA,EAAM,OAAO,UAAU,UAAM,SAAA,CAAA;AAAA,IAAA,EAAA,CAClC,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Disabled.tsx"],"sourcesContent":["import Radio from '@/components/ui/Radio'\n\nconst Disabled = () => {\n    return (\n        <div>\n            <Radio disabled className=\"mr-4\">\n                Disabled Radio\n            </Radio>\n            <Radio disabled checked>\n                Disabled Checked Radio\n            </Radio>\n            <div className=\"mt-4\">\n                <Radio.Group disabled value={'Apple'}>\n                    <Radio value={'Apple'}>Apple</Radio>\n                    <Radio value={'Banana'}>Banana</Radio>\n                    <Radio value={'Cherry'}>Cherry</Radio>\n                </Radio.Group>\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,OAAA,EAAM,UAAQ,MAAC,WAAU,QAAO,UAAA,kBAEjC;AAAA,wBACC,OAAA,EAAM,UAAQ,MAAC,SAAO,MAAC,UAAA,0BAExB;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA,qBAAC,MAAM,OAAN,EAAY,UAAQ,MAAC,OAAO,SACzB,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAM,OAAO,SAAS,UAAA,SAAK;AAAA,MAC5B,oBAAC,OAAA,EAAM,OAAO,UAAU,UAAA,UAAM;AAAA,MAC9B,oBAAC,OAAA,EAAM,OAAO,UAAU,UAAA,SAAA,CAAM;AAAA,IAAA,EAAA,CAClC,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Group.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Radio from '@/components/ui/Radio'\n\nconst Group = () => {\n    const [value, setValue] = useState('Banana')\n\n    const onChange = (val: string) => {\n        setValue(val)\n    }\n\n    return (\n        <div>\n            <Radio.Group value={value} onChange={onChange}>\n                <Radio value={'Apple'}>Apple</Radio>\n                <Radio value={'Banana'}>Banana</Radio>\n                <Radio value={'Cherry'}>Cherry</Radio>\n            </Radio.Group>\n        </div>\n    )\n}\n\nexport default Group\n"],"names":[],"mappings":";;;AAGA,MAAM,QAAQ,MAAM;AAChB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,QAAQ;AAErC,QAAA,WAAW,CAAC,QAAgB;AAC9B,aAAS,GAAG;AAAA,EAChB;AAEA,6BACK,OACG,EAAA,UAAA,qBAAC,MAAM,OAAN,EAAY,OAAc,UACvB,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAM,OAAO,SAAS,UAAK,SAAA;AAAA,IAC3B,oBAAA,OAAA,EAAM,OAAO,UAAU,UAAM,UAAA;AAAA,IAC7B,oBAAA,OAAA,EAAM,OAAO,UAAU,UAAM,SAAA,CAAA;AAAA,EAAA,EAAA,CAClC,EACJ,CAAA;AAER;"}
+{"version":3,"file":"Group.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Group.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Radio from '@/components/ui/Radio'\n\nconst Group = () => {\n    const [value, setValue] = useState('Banana')\n\n    const onChange = (val: string) => {\n        setValue(val)\n    }\n\n    return (\n        <div>\n            <Radio.Group value={value} onChange={onChange}>\n                <Radio value={'Apple'}>Apple</Radio>\n                <Radio value={'Banana'}>Banana</Radio>\n                <Radio value={'Cherry'}>Cherry</Radio>\n            </Radio.Group>\n        </div>\n    )\n}\n\nexport default Group\n"],"names":[],"mappings":";;;AAGA,MAAM,QAAQ,MAAM;AAChB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,QAAQ;AAE3C,QAAM,WAAW,CAAC,QAAgB;AAC9B,aAAS,GAAG;AAAA,EAChB;AAEA,6BACK,OAAA,EACG,UAAA,qBAAC,MAAM,OAAN,EAAY,OAAc,UACvB,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAM,OAAO,SAAS,UAAA,SAAK;AAAA,IAC5B,oBAAC,OAAA,EAAM,OAAO,UAAU,UAAA,UAAM;AAAA,IAC9B,oBAAC,OAAA,EAAM,OAAO,UAAU,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CAClC,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/Radio/Simple.js.map

@@ -1 +1 @@
-{"version":3,"file":"Simple.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Simple.tsx"],"sourcesContent":["import Radio from '@/components/ui/Radio'\n\nconst Simple = () => {\n    return (\n        <div>\n            <Radio className=\"mr-4\" name=\"simpleRadioExample\">\n                Radio\n            </Radio>\n            <Radio defaultChecked name=\"simpleRadioExample\">\n                Checked Radio\n            </Radio>\n        </div>\n    )\n}\n\nexport default Simple\n"],"names":[],"mappings":";;AAEA,MAAM,SAAS,MAAM;AACjB,8BACK,OACG,EAAA,UAAA;AAAA,IAAA,oBAAC,OAAM,EAAA,WAAU,QAAO,MAAK,sBAAqB,UAElD,SAAA;AAAA,wBACC,OAAM,EAAA,gBAAc,MAAC,MAAK,sBAAqB,UAEhD,gBAAA,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Simple.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Simple.tsx"],"sourcesContent":["import Radio from '@/components/ui/Radio'\n\nconst Simple = () => {\n    return (\n        <div>\n            <Radio className=\"mr-4\" name=\"simpleRadioExample\">\n                Radio\n            </Radio>\n            <Radio defaultChecked name=\"simpleRadioExample\">\n                Checked Radio\n            </Radio>\n        </div>\n    )\n}\n\nexport default Simple\n"],"names":[],"mappings":";;AAEA,MAAM,SAAS,MAAM;AACjB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAM,WAAU,QAAO,MAAK,sBAAqB,UAAA,SAElD;AAAA,wBACC,OAAA,EAAM,gBAAc,MAAC,MAAK,sBAAqB,UAAA,gBAAA,CAEhD;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Vertical.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Vertical.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Radio from '@/components/ui/Radio'\n\nconst Vertical = () => {\n    const [value, setValue] = useState('Banana')\n\n    const onChange = (val: string) => {\n        setValue(val)\n    }\n\n    return (\n        <div>\n            <div className=\"mt-4\">\n                <Radio.Group vertical value={value} onChange={onChange}>\n                    <Radio value={'Apple'}>Apple</Radio>\n                    <Radio value={'Banana'}>Banana</Radio>\n                    <Radio value={'Cherry'}>Cherry</Radio>\n                </Radio.Group>\n            </div>\n        </div>\n    )\n}\n\nexport default Vertical\n"],"names":[],"mappings":";;;AAGA,MAAM,WAAW,MAAM;AACnB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,QAAQ;AAErC,QAAA,WAAW,CAAC,QAAgB;AAC9B,aAAS,GAAG;AAAA,EAChB;AAEA,SACK,oBAAA,OAAA,EACG,UAAC,oBAAA,OAAA,EAAI,WAAU,QACX,UAAC,qBAAA,MAAM,OAAN,EAAY,UAAQ,MAAC,OAAc,UAChC,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAM,OAAO,SAAS,UAAK,SAAA;AAAA,IAC3B,oBAAA,OAAA,EAAM,OAAO,UAAU,UAAM,UAAA;AAAA,IAC7B,oBAAA,OAAA,EAAM,OAAO,UAAU,UAAM,SAAA,CAAA;AAAA,EAAA,EAClC,CAAA,EACJ,CAAA,GACJ;AAER;"}
+{"version":3,"file":"Vertical.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Vertical.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Radio from '@/components/ui/Radio'\n\nconst Vertical = () => {\n    const [value, setValue] = useState('Banana')\n\n    const onChange = (val: string) => {\n        setValue(val)\n    }\n\n    return (\n        <div>\n            <div className=\"mt-4\">\n                <Radio.Group vertical value={value} onChange={onChange}>\n                    <Radio value={'Apple'}>Apple</Radio>\n                    <Radio value={'Banana'}>Banana</Radio>\n                    <Radio value={'Cherry'}>Cherry</Radio>\n                </Radio.Group>\n            </div>\n        </div>\n    )\n}\n\nexport default Vertical\n"],"names":[],"mappings":";;;AAGA,MAAM,WAAW,MAAM;AACnB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,QAAQ;AAE3C,QAAM,WAAW,CAAC,QAAgB;AAC9B,aAAS,GAAG;AAAA,EAChB;AAEA,SACI,oBAAC,OAAA,EACG,UAAA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA,qBAAC,MAAM,OAAN,EAAY,UAAQ,MAAC,OAAc,UAChC,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAM,OAAO,SAAS,UAAA,SAAK;AAAA,IAC5B,oBAAC,OAAA,EAAM,OAAO,UAAU,UAAA,UAAM;AAAA,IAC9B,oBAAC,OAAA,EAAM,OAAO,UAAU,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CAClC,GACJ,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Simple from './Simple'\nimport Group from './Group'\nimport Disabled from './Disabled'\nimport Vertical from './Vertical'\nimport Color from './Color'\n\nconst mdPath = 'Radio'\n\nconst demoHeader = {\n    title: 'Radio',\n    desc: 'Radios let users choose a single option in a series of options.',\n}\n\nconst demos = [\n    {\n        mdName: 'Simple',\n        mdPath: mdPath,\n        title: 'Simple',\n        desc: ` Simple Radio example.`,\n        component: <Simple />,\n    },\n    {\n        mdName: 'Group',\n        mdPath: mdPath,\n        title: 'Group',\n        desc: `Controlled radio group example`,\n        component: <Group />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `<code>Radio</code> & <code>Radio.Group</code> allow to <code>disabled</code> to prevent user execute click event.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Vertical',\n        mdPath: mdPath,\n        title: 'Vertical',\n        desc: `Radio list can display in vertical.`,\n        component: <Vertical />,\n    },\n    {\n        mdName: 'Color',\n        mdPath: mdPath,\n        title: 'Color',\n        desc: `Radio & group able to apply custom css via <code>radioClass</code> prop.`,\n        component: <Color />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Radio',\n        api: [\n            {\n                propName: 'checked',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Radio is checked',\n            },\n            {\n                propName: 'radioClass',\n                type: `<code>string</code>`,\n                default: '-',\n                desc: 'Custom css for Radio',\n            },\n            {\n                propName: 'defaultChecked',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Radio initial state is checked',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Radio is disabled',\n            },\n            {\n                propName: 'labelRef',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Ref of Radio label element',\n            },\n            {\n                propName: 'name',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'The name of the Radio input field',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(value: any, e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Radio value is changed',\n            },\n            {\n                propName: 'value',\n                type: `<code>any</code>`,\n                default: `-`,\n                desc: 'Value of Radio',\n            },\n            {\n                propName: 'vertical',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Display Radio in vertical',\n            },\n        ],\n    },\n    {\n        component: 'Radio.Group',\n        api: [\n            {\n                propName: 'color',\n                type: `<code>string</code>`,\n                default: 'current theme color',\n                desc: 'Custom color for all radio in the group, available colors option based on tailwind <code>theme.colors</code>',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: '-',\n                desc: 'Whether to disable all radios',\n            },\n            {\n                propName: 'name',\n                type: `<code>string</code>`,\n                default: '-',\n                desc: 'Name of radios under radio group',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(values: any, e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when value is changed',\n            },\n            {\n                propName: 'value',\n                type: `<code>any</code>`,\n                default: `-`,\n                desc: 'Specify selected value of radios',\n            },\n            {\n                propName: 'vertical',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Display list of radios in vertical',\n            },\n        ],\n    },\n]\n\nconst Radio = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Radio\n"],"names":[],"mappings":";;;;;;;AASA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,QAAO,CAAA,CAAA;AAAA,EACvB;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,UAAS,CAAA,CAAA;AAAA,EACzB;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,OAAM,CAAA,CAAA;AAAA,EAAA;AAE1B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,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,EAER;AAAA,EACA;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,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,QAAQ,MAAM;AAChB,6BAAQ,YAAW,EAAA,QAAQ,YAAY,OAAc,KAAK,SAAS;AACvE;"}
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Simple from './Simple'\nimport Group from './Group'\nimport Disabled from './Disabled'\nimport Vertical from './Vertical'\nimport Color from './Color'\n\nconst mdPath = 'Radio'\n\nconst demoHeader = {\n    title: 'Radio',\n    desc: 'Radios let users choose a single option in a series of options.',\n}\n\nconst demos = [\n    {\n        mdName: 'Simple',\n        mdPath: mdPath,\n        title: 'Simple',\n        desc: ` Simple Radio example.`,\n        component: <Simple />,\n    },\n    {\n        mdName: 'Group',\n        mdPath: mdPath,\n        title: 'Group',\n        desc: `Controlled radio group example`,\n        component: <Group />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `<code>Radio</code> & <code>Radio.Group</code> allow to <code>disabled</code> to prevent user execute click event.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Vertical',\n        mdPath: mdPath,\n        title: 'Vertical',\n        desc: `Radio list can display in vertical.`,\n        component: <Vertical />,\n    },\n    {\n        mdName: 'Color',\n        mdPath: mdPath,\n        title: 'Color',\n        desc: `Radio & group able to apply custom css via <code>radioClass</code> prop.`,\n        component: <Color />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Radio',\n        api: [\n            {\n                propName: 'checked',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Radio is checked',\n            },\n            {\n                propName: 'radioClass',\n                type: `<code>string</code>`,\n                default: '-',\n                desc: 'Custom css for Radio',\n            },\n            {\n                propName: 'defaultChecked',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Radio initial state is checked',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Radio is disabled',\n            },\n            {\n                propName: 'labelRef',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Ref of Radio label element',\n            },\n            {\n                propName: 'name',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'The name of the Radio input field',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(value: any, e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Radio value is changed',\n            },\n            {\n                propName: 'value',\n                type: `<code>any</code>`,\n                default: `-`,\n                desc: 'Value of Radio',\n            },\n            {\n                propName: 'vertical',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Display Radio in vertical',\n            },\n        ],\n    },\n    {\n        component: 'Radio.Group',\n        api: [\n            {\n                propName: 'color',\n                type: `<code>string</code>`,\n                default: 'current theme color',\n                desc: 'Custom color for all radio in the group, available colors option based on tailwind <code>theme.colors</code>',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: '-',\n                desc: 'Whether to disable all radios',\n            },\n            {\n                propName: 'name',\n                type: `<code>string</code>`,\n                default: '-',\n                desc: 'Name of radios under radio group',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(values: any, e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when value is changed',\n            },\n            {\n                propName: 'value',\n                type: `<code>any</code>`,\n                default: `-`,\n                desc: 'Specify selected value of radios',\n            },\n            {\n                propName: 'vertical',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Display list of radios in vertical',\n            },\n        ],\n    },\n]\n\nconst Radio = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Radio\n"],"names":[],"mappings":";;;;;;;AASA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,QAAA,CAAA,CAAO;AAAA,EAAA;AAAA,EAEvB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAA,CAAA,CAAS;AAAA,EAAA;AAAA,EAEzB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAA,CAAA,CAAS;AAAA,EAAA;AAAA,EAEzB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAA,CAAA,CAAM;AAAA,EAAA;AAE1B;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,QAAQ,MAAM;AAChB,6BAAQ,YAAA,EAAW,QAAQ,YAAY,OAAc,KAAK,SAAS;AACvE;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Segment/Basic.tsx"],"sourcesContent":["import Segment from '@/components/ui/Segment'\n\nconst Basic = () => {\n    return (\n        <Segment>\n            <Segment.Item value=\"left\">Left</Segment.Item>\n            <Segment.Item value=\"center\">Center</Segment.Item>\n            <Segment.Item value=\"right\">Right</Segment.Item>\n        </Segment>\n    )\n}\n\nexport default Basic\n"],"names":[],"mappings":";;AAEA,MAAM,QAAQ,MAAM;AAChB,8BACK,SACG,EAAA,UAAA;AAAA,IAAA,oBAAC,QAAQ,MAAR,EAAa,OAAM,QAAO,UAAI,QAAA;AAAA,wBAC9B,QAAQ,MAAR,EAAa,OAAM,UAAS,UAAM,UAAA;AAAA,wBAClC,QAAQ,MAAR,EAAa,OAAM,SAAQ,UAAK,QAAA,CAAA;AAAA,EAAA,GACrC;AAER;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Segment/Basic.tsx"],"sourcesContent":["import Segment from '@/components/ui/Segment'\n\nconst Basic = () => {\n    return (\n        <Segment>\n            <Segment.Item value=\"left\">Left</Segment.Item>\n            <Segment.Item value=\"center\">Center</Segment.Item>\n            <Segment.Item value=\"right\">Right</Segment.Item>\n        </Segment>\n    )\n}\n\nexport default Basic\n"],"names":[],"mappings":";;AAEA,MAAM,QAAQ,MAAM;AAChB,8BACK,SAAA,EACG,UAAA;AAAA,IAAA,oBAAC,QAAQ,MAAR,EAAa,OAAM,QAAO,UAAA,QAAI;AAAA,wBAC9B,QAAQ,MAAR,EAAa,OAAM,UAAS,UAAA,UAAM;AAAA,wBAClC,QAAQ,MAAR,EAAa,OAAM,SAAQ,UAAA,QAAA,CAAK;AAAA,EAAA,GACrC;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Controlled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Segment/Controlled.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport Segment from '@/components/ui/Segment'\n\nconst Controlled = () => {\n    const [singleSegmentValue, setSingleSegmentValue] = useState('left')\n    const [multipleSegmentValue, setMultipleSegmentValue] = useState(['center'])\n\n    const onSingleSelectionSegmentChange = useCallback(\n        (val: string) => {\n            setSingleSegmentValue(val)\n        },\n        [setSingleSegmentValue],\n    )\n\n    const onMultipleSegmentValueChange = useCallback(\n        (val: string[]) => {\n            setMultipleSegmentValue(val)\n        },\n        [setMultipleSegmentValue],\n    )\n\n    return (\n        <>\n            <div className=\"mb-6\">\n                <h6 className=\"mb-3\">Single Selection</h6>\n                <Segment\n                    value={singleSegmentValue}\n                    onChange={(val) =>\n                        onSingleSelectionSegmentChange(val as string)\n                    }\n                >\n                    <Segment.Item value=\"left\">Left</Segment.Item>\n                    <Segment.Item value=\"center\">Center</Segment.Item>\n                    <Segment.Item value=\"right\">Right</Segment.Item>\n                </Segment>\n            </div>\n            <div>\n                <h6 className=\"mb-3\">Multiple Selection</h6>\n                <Segment\n                    selectionType=\"multiple\"\n                    value={multipleSegmentValue}\n                    onChange={(val) =>\n                        onMultipleSegmentValueChange(val as string[])\n                    }\n                >\n                    <Segment.Item value=\"left\">Left</Segment.Item>\n                    <Segment.Item value=\"center\">Center</Segment.Item>\n                    <Segment.Item value=\"right\">Right</Segment.Item>\n                </Segment>\n            </div>\n        </>\n    )\n}\n\nexport default Controlled\n"],"names":[],"mappings":";;;AAGA,MAAM,aAAa,MAAM;AACrB,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,MAAM;AACnE,QAAM,CAAC,sBAAsB,uBAAuB,IAAI,SAAS,CAAC,QAAQ,CAAC;AAE3E,QAAM,iCAAiC;AAAA,IACnC,CAAC,QAAgB;AACb,4BAAsB,GAAG;AAAA,IAC7B;AAAA,IACA,CAAC,qBAAqB;AAAA,EAC1B;AAEA,QAAM,+BAA+B;AAAA,IACjC,CAAC,QAAkB;AACf,8BAAwB,GAAG;AAAA,IAC/B;AAAA,IACA,CAAC,uBAAuB;AAAA,EAC5B;AAEA,SAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAC,qBAAA,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAC,oBAAA,MAAA,EAAG,WAAU,QAAO,UAAgB,oBAAA;AAAA,MACrC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAO;AAAA,UACP,UAAU,CAAC,QACP,+BAA+B,GAAa;AAAA,UAGhD,UAAA;AAAA,YAAA,oBAAC,QAAQ,MAAR,EAAa,OAAM,QAAO,UAAI,QAAA;AAAA,gCAC9B,QAAQ,MAAR,EAAa,OAAM,UAAS,UAAM,UAAA;AAAA,gCAClC,QAAQ,MAAR,EAAa,OAAM,SAAQ,UAAK,QAAA,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACrC,GACJ;AAAA,yBACC,OACG,EAAA,UAAA;AAAA,MAAC,oBAAA,MAAA,EAAG,WAAU,QAAO,UAAkB,sBAAA;AAAA,MACvC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,eAAc;AAAA,UACd,OAAO;AAAA,UACP,UAAU,CAAC,QACP,6BAA6B,GAAe;AAAA,UAGhD,UAAA;AAAA,YAAA,oBAAC,QAAQ,MAAR,EAAa,OAAM,QAAO,UAAI,QAAA;AAAA,gCAC9B,QAAQ,MAAR,EAAa,OAAM,UAAS,UAAM,UAAA;AAAA,gCAClC,QAAQ,MAAR,EAAa,OAAM,SAAQ,UAAK,QAAA,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACrC,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Controlled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Segment/Controlled.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport Segment from '@/components/ui/Segment'\n\nconst Controlled = () => {\n    const [singleSegmentValue, setSingleSegmentValue] = useState('left')\n    const [multipleSegmentValue, setMultipleSegmentValue] = useState(['center'])\n\n    const onSingleSelectionSegmentChange = useCallback(\n        (val: string) => {\n            setSingleSegmentValue(val)\n        },\n        [setSingleSegmentValue],\n    )\n\n    const onMultipleSegmentValueChange = useCallback(\n        (val: string[]) => {\n            setMultipleSegmentValue(val)\n        },\n        [setMultipleSegmentValue],\n    )\n\n    return (\n        <>\n            <div className=\"mb-6\">\n                <h6 className=\"mb-3\">Single Selection</h6>\n                <Segment\n                    value={singleSegmentValue}\n                    onChange={(val) =>\n                        onSingleSelectionSegmentChange(val as string)\n                    }\n                >\n                    <Segment.Item value=\"left\">Left</Segment.Item>\n                    <Segment.Item value=\"center\">Center</Segment.Item>\n                    <Segment.Item value=\"right\">Right</Segment.Item>\n                </Segment>\n            </div>\n            <div>\n                <h6 className=\"mb-3\">Multiple Selection</h6>\n                <Segment\n                    selectionType=\"multiple\"\n                    value={multipleSegmentValue}\n                    onChange={(val) =>\n                        onMultipleSegmentValueChange(val as string[])\n                    }\n                >\n                    <Segment.Item value=\"left\">Left</Segment.Item>\n                    <Segment.Item value=\"center\">Center</Segment.Item>\n                    <Segment.Item value=\"right\">Right</Segment.Item>\n                </Segment>\n            </div>\n        </>\n    )\n}\n\nexport default Controlled\n"],"names":[],"mappings":";;;AAGA,MAAM,aAAa,MAAM;AACrB,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,MAAM;AACnE,QAAM,CAAC,sBAAsB,uBAAuB,IAAI,SAAS,CAAC,QAAQ,CAAC;AAE3E,QAAM,iCAAiC;AAAA,IACnC,CAAC,QAAgB;AACb,4BAAsB,GAAG;AAAA,IAC7B;AAAA,IACA,CAAC,qBAAqB;AAAA,EAAA;AAG1B,QAAM,+BAA+B;AAAA,IACjC,CAAC,QAAkB;AACf,8BAAwB,GAAG;AAAA,IAC/B;AAAA,IACA,CAAC,uBAAuB;AAAA,EAAA;AAG5B,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAgB;AAAA,MACrC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAO;AAAA,UACP,UAAU,CAAC,QACP,+BAA+B,GAAa;AAAA,UAGhD,UAAA;AAAA,YAAA,oBAAC,QAAQ,MAAR,EAAa,OAAM,QAAO,UAAA,QAAI;AAAA,gCAC9B,QAAQ,MAAR,EAAa,OAAM,UAAS,UAAA,UAAM;AAAA,gCAClC,QAAQ,MAAR,EAAa,OAAM,SAAQ,UAAA,QAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACrC,GACJ;AAAA,yBACC,OAAA,EACG,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,QAAO,UAAA,sBAAkB;AAAA,MACvC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,eAAc;AAAA,UACd,OAAO;AAAA,UACP,UAAU,CAAC,QACP,6BAA6B,GAAe;AAAA,UAGhD,UAAA;AAAA,YAAA,oBAAC,QAAQ,MAAR,EAAa,OAAM,QAAO,UAAA,QAAI;AAAA,gCAC9B,QAAQ,MAAR,EAAa,OAAM,UAAS,UAAA,UAAM;AAAA,gCAClC,QAAQ,MAAR,EAAa,OAAM,SAAQ,UAAA,QAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACrC,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/Segment/Custom.js.map

@@ -1 +1 @@
-{"version":3,"file":"Custom.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Segment/Custom.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport Segment from '@/components/ui/Segment'\nimport { HiCheckCircle } from 'react-icons/hi'\n\nconst segmentSelections = [\n    { value: 'Personal', desc: 'The plan for personal.', disabled: false },\n    { value: 'Team', desc: 'The plan for team', disabled: false },\n    {\n        value: 'Business',\n        desc: 'Talk to us for business plan.',\n        disabled: true,\n    },\n]\n\nconst Custom = () => {\n    return (\n        <Segment\n            defaultValue={['Team']}\n            className=\"gap-4 md:flex-row flex-col bg-transparent dark:bg-transparent\"\n        >\n            {segmentSelections.map((item) => (\n                <Segment.Item\n                    key={item.value}\n                    value={item.value}\n                    disabled={item.disabled}\n                >\n                    {({ active, value, onSegmentItemClick, disabled }) => {\n                        return (\n                            <div\n                                className={classNames(\n                                    'flex',\n                                    'ring-1',\n                                    'justify-between',\n                                    'border',\n                                    'rounded-xl ',\n                                    'dark:bg-transparent',\n                                    'border-gray-300',\n                                    'dark:border-gray-600',\n                                    'py-5 px-4',\n                                    'select-none',\n                                    'w-100',\n                                    'md:w-[260px]',\n                                    active\n                                        ? 'ring-primary border-primary '\n                                        : 'ring-transparent bg-gray-100',\n                                    disabled\n                                        ? 'opacity-50 cursor-not-allowed'\n                                        : 'hover:ring-primary hover:border-primary cursor-pointer',\n                                )}\n                                role=\"button\"\n                                onClick={onSegmentItemClick}\n                            >\n                                <div>\n                                    <h6>{value}</h6>\n                                    <p>{item.desc}</p>\n                                </div>\n                                {active && (\n                                    <HiCheckCircle className=\"text-primary text-xl\" />\n                                )}\n                            </div>\n                        )\n                    }}\n                </Segment.Item>\n            ))}\n        </Segment>\n    )\n}\n\nexport default Custom\n"],"names":[],"mappings":";;;;AAIA,MAAM,oBAAoB;AAAA,EACtB,EAAE,OAAO,YAAY,MAAM,0BAA0B,UAAU,MAAM;AAAA,EACrE,EAAE,OAAO,QAAQ,MAAM,qBAAqB,UAAU,MAAM;AAAA,EAC5D;AAAA,IACI,OAAO;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAElB;AAEA,MAAM,SAAS,MAAM;AAEb,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAc,CAAC,MAAM;AAAA,MACrB,WAAU;AAAA,MAET,UAAA,kBAAkB,IAAI,CAAC,SACpB;AAAA,QAAC,QAAQ;AAAA,QAAR;AAAA,UAEG,OAAO,KAAK;AAAA,UACZ,UAAU,KAAK;AAAA,UAEd,WAAC,EAAE,QAAQ,OAAO,oBAAoB,eAAe;AAE9C,mBAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAW;AAAA,kBACP;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA,SACM,iCACA;AAAA,kBACN,WACM,kCACA;AAAA,gBACV;AAAA,gBACA,MAAK;AAAA,gBACL,SAAS;AAAA,gBAET,UAAA;AAAA,kBAAA,qBAAC,OACG,EAAA,UAAA;AAAA,oBAAA,oBAAC,QAAI,UAAM,MAAA,CAAA;AAAA,oBACX,oBAAC,KAAG,EAAA,UAAA,KAAK,KAAK,CAAA;AAAA,kBAAA,GAClB;AAAA,kBACC,UACG,oBAAC,eAAc,EAAA,WAAU,uBAAuB,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAExD;AAAA,UAAA;AAAA,QAER;AAAA,QAvCK,KAAK;AAAA,MAyCjB,CAAA;AAAA,IAAA;AAAA,EACL;AAER;"}
+{"version":3,"file":"Custom.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Segment/Custom.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport Segment from '@/components/ui/Segment'\nimport { HiCheckCircle } from 'react-icons/hi'\n\nconst segmentSelections = [\n    { value: 'Personal', desc: 'The plan for personal.', disabled: false },\n    { value: 'Team', desc: 'The plan for team', disabled: false },\n    {\n        value: 'Business',\n        desc: 'Talk to us for business plan.',\n        disabled: true,\n    },\n]\n\nconst Custom = () => {\n    return (\n        <Segment\n            defaultValue={['Team']}\n            className=\"gap-4 md:flex-row flex-col bg-transparent dark:bg-transparent\"\n        >\n            {segmentSelections.map((item) => (\n                <Segment.Item\n                    key={item.value}\n                    value={item.value}\n                    disabled={item.disabled}\n                >\n                    {({ active, value, onSegmentItemClick, disabled }) => {\n                        return (\n                            <div\n                                className={classNames(\n                                    'flex',\n                                    'ring-1',\n                                    'justify-between',\n                                    'border',\n                                    'rounded-xl ',\n                                    'dark:bg-transparent',\n                                    'border-gray-300',\n                                    'dark:border-gray-600',\n                                    'py-5 px-4',\n                                    'select-none',\n                                    'w-100',\n                                    'md:w-[260px]',\n                                    active\n                                        ? 'ring-primary border-primary '\n                                        : 'ring-transparent bg-gray-100',\n                                    disabled\n                                        ? 'opacity-50 cursor-not-allowed'\n                                        : 'hover:ring-primary hover:border-primary cursor-pointer',\n                                )}\n                                role=\"button\"\n                                onClick={onSegmentItemClick}\n                            >\n                                <div>\n                                    <h6>{value}</h6>\n                                    <p>{item.desc}</p>\n                                </div>\n                                {active && (\n                                    <HiCheckCircle className=\"text-primary text-xl\" />\n                                )}\n                            </div>\n                        )\n                    }}\n                </Segment.Item>\n            ))}\n        </Segment>\n    )\n}\n\nexport default Custom\n"],"names":[],"mappings":";;;;AAIA,MAAM,oBAAoB;AAAA,EACtB,EAAE,OAAO,YAAY,MAAM,0BAA0B,UAAU,MAAA;AAAA,EAC/D,EAAE,OAAO,QAAQ,MAAM,qBAAqB,UAAU,MAAA;AAAA,EACtD;AAAA,IACI,OAAO;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAElB;AAEA,MAAM,SAAS,MAAM;AACjB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAc,CAAC,MAAM;AAAA,MACrB,WAAU;AAAA,MAET,UAAA,kBAAkB,IAAI,CAAC,SACpB;AAAA,QAAC,QAAQ;AAAA,QAAR;AAAA,UAEG,OAAO,KAAK;AAAA,UACZ,UAAU,KAAK;AAAA,UAEd,WAAC,EAAE,QAAQ,OAAO,oBAAoB,eAAe;AAClD,mBACI;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAW;AAAA,kBACP;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA,SACM,iCACA;AAAA,kBACN,WACM,kCACA;AAAA,gBAAA;AAAA,gBAEV,MAAK;AAAA,gBACL,SAAS;AAAA,gBAET,UAAA;AAAA,kBAAA,qBAAC,OAAA,EACG,UAAA;AAAA,oBAAA,oBAAC,QAAI,UAAA,MAAA,CAAM;AAAA,oBACX,oBAAC,KAAA,EAAG,UAAA,KAAK,KAAA,CAAK;AAAA,kBAAA,GAClB;AAAA,kBACC,UACG,oBAAC,eAAA,EAAc,WAAU,uBAAA,CAAuB;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAIhE;AAAA,QAAA;AAAA,QAvCK,KAAK;AAAA,MAAA,CAyCjB;AAAA,IAAA;AAAA,EAAA;AAGb;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Segment/Disabled.tsx"],"sourcesContent":["import Segment from '@/components/ui/Segment'\n\nconst Disabled = () => {\n    return (\n        <Segment>\n            <Segment.Item value=\"left\">Left</Segment.Item>\n            <Segment.Item disabled value=\"center\">\n                Center\n            </Segment.Item>\n            <Segment.Item value=\"right\">Right</Segment.Item>\n        </Segment>\n    )\n}\n\nexport default Disabled\n"],"names":[],"mappings":";;AAEA,MAAM,WAAW,MAAM;AACnB,8BACK,SACG,EAAA,UAAA;AAAA,IAAA,oBAAC,QAAQ,MAAR,EAAa,OAAM,QAAO,UAAI,QAAA;AAAA,IAC/B,oBAAC,QAAQ,MAAR,EAAa,UAAQ,MAAC,OAAM,UAAS,UAEtC,UAAA;AAAA,wBACC,QAAQ,MAAR,EAAa,OAAM,SAAQ,UAAK,QAAA,CAAA;AAAA,EAAA,GACrC;AAER;"}
+{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Segment/Disabled.tsx"],"sourcesContent":["import Segment from '@/components/ui/Segment'\n\nconst Disabled = () => {\n    return (\n        <Segment>\n            <Segment.Item value=\"left\">Left</Segment.Item>\n            <Segment.Item disabled value=\"center\">\n                Center\n            </Segment.Item>\n            <Segment.Item value=\"right\">Right</Segment.Item>\n        </Segment>\n    )\n}\n\nexport default Disabled\n"],"names":[],"mappings":";;AAEA,MAAM,WAAW,MAAM;AACnB,8BACK,SAAA,EACG,UAAA;AAAA,IAAA,oBAAC,QAAQ,MAAR,EAAa,OAAM,QAAO,UAAA,QAAI;AAAA,IAC/B,oBAAC,QAAQ,MAAR,EAAa,UAAQ,MAAC,OAAM,UAAS,UAAA,UAEtC;AAAA,wBACC,QAAQ,MAAR,EAAa,OAAM,SAAQ,UAAA,QAAA,CAAK;AAAA,EAAA,GACrC;AAER;"}

package/dist/@ecme/views/ui-components/forms/Segment/MultipleSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultipleSelection.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Segment/MultipleSelection.tsx"],"sourcesContent":["import Segment from '@/components/ui/Segment'\n\nconst MultipleSelection = () => {\n    return (\n        <Segment selectionType=\"multiple\">\n            <Segment.Item value=\"left\">Left</Segment.Item>\n            <Segment.Item value=\"center\">Center</Segment.Item>\n            <Segment.Item value=\"right\">Right</Segment.Item>\n        </Segment>\n    )\n}\n\nexport default MultipleSelection\n"],"names":[],"mappings":";;AAEA,MAAM,oBAAoB,MAAM;AAExB,SAAA,qBAAC,SAAQ,EAAA,eAAc,YACnB,UAAA;AAAA,IAAA,oBAAC,QAAQ,MAAR,EAAa,OAAM,QAAO,UAAI,QAAA;AAAA,wBAC9B,QAAQ,MAAR,EAAa,OAAM,UAAS,UAAM,UAAA;AAAA,wBAClC,QAAQ,MAAR,EAAa,OAAM,SAAQ,UAAK,QAAA,CAAA;AAAA,EAAA,GACrC;AAER;"}
+{"version":3,"file":"MultipleSelection.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Segment/MultipleSelection.tsx"],"sourcesContent":["import Segment from '@/components/ui/Segment'\n\nconst MultipleSelection = () => {\n    return (\n        <Segment selectionType=\"multiple\">\n            <Segment.Item value=\"left\">Left</Segment.Item>\n            <Segment.Item value=\"center\">Center</Segment.Item>\n            <Segment.Item value=\"right\">Right</Segment.Item>\n        </Segment>\n    )\n}\n\nexport default MultipleSelection\n"],"names":[],"mappings":";;AAEA,MAAM,oBAAoB,MAAM;AAC5B,SACI,qBAAC,SAAA,EAAQ,eAAc,YACnB,UAAA;AAAA,IAAA,oBAAC,QAAQ,MAAR,EAAa,OAAM,QAAO,UAAA,QAAI;AAAA,wBAC9B,QAAQ,MAAR,EAAa,OAAM,UAAS,UAAA,UAAM;AAAA,wBAClC,QAAQ,MAAR,EAAa,OAAM,SAAQ,UAAA,QAAA,CAAK;AAAA,EAAA,GACrC;AAER;"}

package/dist/@ecme/views/ui-components/forms/Segment/Size.js.map

@@ -1 +1 @@
-{"version":3,"file":"Size.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Segment/Size.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Segment from '@/components/ui/Segment'\n\ntype SizeType = 'lg' | 'md' | 'sm' | 'xs'\n\nconst Size = () => {\n    const [size, setSize] = useState<SizeType>('md')\n\n    const onSizeChange = (val: SizeType) => {\n        setSize(val)\n    }\n\n    return (\n        <Segment\n            size={size}\n            value={size}\n            onChange={(value) => onSizeChange(value as SizeType)}\n        >\n            <Segment.Item value=\"xs\">Extra Small</Segment.Item>\n            <Segment.Item value=\"sm\">Small</Segment.Item>\n            <Segment.Item value=\"md\">Medium</Segment.Item>\n            <Segment.Item value=\"lg\">Large</Segment.Item>\n        </Segment>\n    )\n}\n\nexport default Size\n"],"names":[],"mappings":";;;AAKA,MAAM,OAAO,MAAM;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,SAAmB,IAAI;AAEzC,QAAA,eAAe,CAAC,QAAkB;AACpC,YAAQ,GAAG;AAAA,EACf;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,OAAO;AAAA,MACP,UAAU,CAAC,UAAU,aAAa,KAAiB;AAAA,MAEnD,UAAA;AAAA,QAAA,oBAAC,QAAQ,MAAR,EAAa,OAAM,MAAK,UAAW,eAAA;AAAA,4BACnC,QAAQ,MAAR,EAAa,OAAM,MAAK,UAAK,SAAA;AAAA,4BAC7B,QAAQ,MAAR,EAAa,OAAM,MAAK,UAAM,UAAA;AAAA,4BAC9B,QAAQ,MAAR,EAAa,OAAM,MAAK,UAAK,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAClC;AAER;"}
+{"version":3,"file":"Size.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Segment/Size.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Segment from '@/components/ui/Segment'\n\ntype SizeType = 'lg' | 'md' | 'sm' | 'xs'\n\nconst Size = () => {\n    const [size, setSize] = useState<SizeType>('md')\n\n    const onSizeChange = (val: SizeType) => {\n        setSize(val)\n    }\n\n    return (\n        <Segment\n            size={size}\n            value={size}\n            onChange={(value) => onSizeChange(value as SizeType)}\n        >\n            <Segment.Item value=\"xs\">Extra Small</Segment.Item>\n            <Segment.Item value=\"sm\">Small</Segment.Item>\n            <Segment.Item value=\"md\">Medium</Segment.Item>\n            <Segment.Item value=\"lg\">Large</Segment.Item>\n        </Segment>\n    )\n}\n\nexport default Size\n"],"names":[],"mappings":";;;AAKA,MAAM,OAAO,MAAM;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,SAAmB,IAAI;AAE/C,QAAM,eAAe,CAAC,QAAkB;AACpC,YAAQ,GAAG;AAAA,EACf;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,OAAO;AAAA,MACP,UAAU,CAAC,UAAU,aAAa,KAAiB;AAAA,MAEnD,UAAA;AAAA,QAAA,oBAAC,QAAQ,MAAR,EAAa,OAAM,MAAK,UAAA,eAAW;AAAA,4BACnC,QAAQ,MAAR,EAAa,OAAM,MAAK,UAAA,SAAK;AAAA,4BAC7B,QAAQ,MAAR,EAAa,OAAM,MAAK,UAAA,UAAM;AAAA,4BAC9B,QAAQ,MAAR,EAAa,OAAM,MAAK,UAAA,QAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1C;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Segment/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Size from './Size'\nimport MultipleSelection from './MultipleSelection'\nimport Disabled from './Disabled'\nimport Custom from './Custom'\nimport Controlled from './Controlled'\n\nconst mdPath = 'Segment'\n\nconst demoHeader = {\n    title: 'Segment',\n    desc: 'Segments display a group of related options that allow user toggled on or off.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of Segment.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Size',\n        mdPath: mdPath,\n        title: 'Size',\n        desc: `Segment have exact size variation as <code>Button</code>`,\n        component: <Size />,\n    },\n    {\n        mdName: 'MultipleSelection',\n        mdPath: mdPath,\n        title: 'Multiple Selection',\n        desc: `Segment support multiple selaction, by setting <code>selectionType</code> to <code>multiple</code>.`,\n        component: <MultipleSelection />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Make Segment Item inactive by adding the <code>disabled</code> prop to.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Custom',\n        mdPath: mdPath,\n        title: 'Custom Segment',\n        desc: `Segment Item allow us to render prop as children to create a more custom look options.`,\n        component: <Custom />,\n    },\n    {\n        mdName: 'Controlled',\n        mdPath: mdPath,\n        title: 'Controlled',\n        desc: `Some example of controlled Segment.`,\n        component: <Controlled />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Segment',\n        api: [\n            {\n                propName: 'defaultValue',\n                type: `<code>string[]</code>`,\n                default: `-`,\n                desc: 'Initial value for uncontrolled Segment',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(segmentValue: string | string[]) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Segment value is changed',\n            },\n            {\n                propName: 'selectionType',\n                type: `<code>'single' | 'multiple'</code>`,\n                default: `<code>'single'</code>`,\n                desc: 'Whether a single or multiple items can be selected at a time',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code> | <code>'xs'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Size of all segment item.',\n            },\n            {\n                propName: 'value',\n                type: `<code>string[]</code>`,\n                default: `-`,\n                desc: 'Controlled value of the Segment item to activate',\n            },\n        ],\n    },\n    {\n        component: 'Segment.Item',\n        api: [\n            {\n                propName: 'children',\n                type: `<code>({active: boolean, disabled: boolean, value: string[], ref: string, onSegmentItemClick: () => void}) => ReactNode | ReactNode</code>`,\n                default: `-`,\n                desc: 'Children of Segment item',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to disable Segment item',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code> | <code>'xs'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Size of the segment item.',\n            },\n            {\n                propName: 'value',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'An unique value for Segment item',\n            },\n        ],\n    },\n]\n\nconst Segment = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Segment\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,MAAK,CAAA,CAAA;AAAA,EACrB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,mBAAkB,CAAA,CAAA;AAAA,EAClC;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,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,MAAA;AAAA,IACV;AAAA,EAER;AAAA,EACA;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,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,UAAU,MAAM;AAClB,6BAAQ,YAAW,EAAA,QAAQ,YAAY,OAAc,KAAK,SAAS;AACvE;"}
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Segment/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Size from './Size'\nimport MultipleSelection from './MultipleSelection'\nimport Disabled from './Disabled'\nimport Custom from './Custom'\nimport Controlled from './Controlled'\n\nconst mdPath = 'Segment'\n\nconst demoHeader = {\n    title: 'Segment',\n    desc: 'Segments display a group of related options that allow user toggled on or off.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of Segment.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Size',\n        mdPath: mdPath,\n        title: 'Size',\n        desc: `Segment have exact size variation as <code>Button</code>`,\n        component: <Size />,\n    },\n    {\n        mdName: 'MultipleSelection',\n        mdPath: mdPath,\n        title: 'Multiple Selection',\n        desc: `Segment support multiple selaction, by setting <code>selectionType</code> to <code>multiple</code>.`,\n        component: <MultipleSelection />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Make Segment Item inactive by adding the <code>disabled</code> prop to.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Custom',\n        mdPath: mdPath,\n        title: 'Custom Segment',\n        desc: `Segment Item allow us to render prop as children to create a more custom look options.`,\n        component: <Custom />,\n    },\n    {\n        mdName: 'Controlled',\n        mdPath: mdPath,\n        title: 'Controlled',\n        desc: `Some example of controlled Segment.`,\n        component: <Controlled />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Segment',\n        api: [\n            {\n                propName: 'defaultValue',\n                type: `<code>string[]</code>`,\n                default: `-`,\n                desc: 'Initial value for uncontrolled Segment',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(segmentValue: string | string[]) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Segment value is changed',\n            },\n            {\n                propName: 'selectionType',\n                type: `<code>'single' | 'multiple'</code>`,\n                default: `<code>'single'</code>`,\n                desc: 'Whether a single or multiple items can be selected at a time',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code> | <code>'xs'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Size of all segment item.',\n            },\n            {\n                propName: 'value',\n                type: `<code>string[]</code>`,\n                default: `-`,\n                desc: 'Controlled value of the Segment item to activate',\n            },\n        ],\n    },\n    {\n        component: 'Segment.Item',\n        api: [\n            {\n                propName: 'children',\n                type: `<code>({active: boolean, disabled: boolean, value: string[], ref: string, onSegmentItemClick: () => void}) => ReactNode | ReactNode</code>`,\n                default: `-`,\n                desc: 'Children of Segment item',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to disable Segment item',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code> | <code>'xs'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Size of the segment item.',\n            },\n            {\n                propName: 'value',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'An unique value for Segment item',\n            },\n        ],\n    },\n]\n\nconst Segment = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Segment\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,MAAA,CAAA,CAAK;AAAA,EAAA;AAAA,EAErB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,mBAAA,CAAA,CAAkB;AAAA,EAAA;AAAA,EAElC;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,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,IACV;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,UAAU,MAAM;AAClB,6BAAQ,YAAA,EAAW,QAAQ,YAAY,OAAc,KAAK,SAAS;AACvE;"}

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

@@ -1 +1 @@
-{"version":3,"file":"AsyncOnSearch.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/AsyncOnSearch.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Select from '@/components/ui/Select'\nimport AsyncSelect from 'react-select/async'\n\ntype Option = {\n    value: string\n    label: string\n    color: string\n    isFixed?: boolean\n    isDisabled?: boolean\n}\n\nconst colourOptions: Option[] = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9', isFixed: true },\n    { value: 'blue', label: 'Blue', color: '#0052CC', isDisabled: true },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630', isFixed: true },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A' },\n    { value: 'slate', label: 'Slate', color: '#253858' },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst filterColors = (inputValue: string) => {\n    return colourOptions.filter((i) =>\n        i.label.toLowerCase().includes(inputValue.toLowerCase()),\n    )\n}\n\nconst loadOptions = (\n    inputValue: string,\n    callback: (options: Option[]) => void,\n) => {\n    setTimeout(() => {\n        const filteredOptions = filterColors(inputValue)\n        callback(filteredOptions)\n    }, 1000)\n}\n\nconst AsyncOnSearch = () => {\n    const [_, setValue] = useState('')\n\n    const handleInputChange = (newValue: string) => {\n        const inputValue = newValue.replace(/\\W/g, '')\n        setValue(inputValue)\n        return inputValue\n    }\n\n    console.log(_)\n\n    return (\n        <div>\n            <Select\n                cacheOptions\n                defaultOptions\n                loadOptions={loadOptions}\n                componentAs={AsyncSelect}\n                onInputChange={handleInputChange}\n            />\n        </div>\n    )\n}\n\nexport default AsyncOnSearch\n"],"names":[],"mappings":";;;;;AAYA,MAAM,gBAA0B;AAAA,EAC5B,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,SAAS,KAAK;AAAA,EAClE,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,WAAW,YAAY,KAAK;AAAA,EACnE,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,WAAW,SAAS,KAAK;AAAA,EAC9D,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AACzD;AAEA,MAAM,eAAe,CAAC,eAAuB;AACzC,SAAO,cAAc;AAAA,IAAO,CAAC,MACzB,EAAE,MAAM,cAAc,SAAS,WAAW,YAAa,CAAA;AAAA,EAC3D;AACJ;AAEA,MAAM,cAAc,CAChB,YACA,aACC;AACD,aAAW,MAAM;AACP,UAAA,kBAAkB,aAAa,UAAU;AAC/C,aAAS,eAAe;AAAA,KACzB,GAAI;AACX;AAEA,MAAM,gBAAgB,MAAM;AACxB,QAAM,CAAC,GAAG,QAAQ,IAAI,SAAS,EAAE;AAE3B,QAAA,oBAAoB,CAAC,aAAqB;AAC5C,UAAM,aAAa,SAAS,QAAQ,OAAO,EAAE;AAC7C,aAAS,UAAU;AACZ,WAAA;AAAA,EACX;AAEA,UAAQ,IAAI,CAAC;AAEb,6BACK,OACG,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,gBAAc;AAAA,MACd;AAAA,MACA,aAAa;AAAA,MACb,eAAe;AAAA,IAAA;AAAA,EAAA,GAEvB;AAER;"}
+{"version":3,"file":"AsyncOnSearch.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/AsyncOnSearch.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Select from '@/components/ui/Select'\nimport AsyncSelect from 'react-select/async'\n\ntype Option = {\n    value: string\n    label: string\n    color: string\n    isFixed?: boolean\n    isDisabled?: boolean\n}\n\nconst colourOptions: Option[] = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9', isFixed: true },\n    { value: 'blue', label: 'Blue', color: '#0052CC', isDisabled: true },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630', isFixed: true },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A' },\n    { value: 'slate', label: 'Slate', color: '#253858' },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst filterColors = (inputValue: string) => {\n    return colourOptions.filter((i) =>\n        i.label.toLowerCase().includes(inputValue.toLowerCase()),\n    )\n}\n\nconst loadOptions = (\n    inputValue: string,\n    callback: (options: Option[]) => void,\n) => {\n    setTimeout(() => {\n        const filteredOptions = filterColors(inputValue)\n        callback(filteredOptions)\n    }, 1000)\n}\n\nconst AsyncOnSearch = () => {\n    const [_, setValue] = useState('')\n\n    const handleInputChange = (newValue: string) => {\n        const inputValue = newValue.replace(/\\W/g, '')\n        setValue(inputValue)\n        return inputValue\n    }\n\n    console.log(_)\n\n    return (\n        <div>\n            <Select\n                cacheOptions\n                defaultOptions\n                loadOptions={loadOptions}\n                componentAs={AsyncSelect}\n                onInputChange={handleInputChange}\n            />\n        </div>\n    )\n}\n\nexport default AsyncOnSearch\n"],"names":[],"mappings":";;;;;AAYA,MAAM,gBAA0B;AAAA,EAC5B,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,SAAS,KAAA;AAAA,EAC7D,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,WAAW,YAAY,KAAA;AAAA,EAC9D,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,WAAW,SAAS,KAAA;AAAA,EACzD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAC/C;AAEA,MAAM,eAAe,CAAC,eAAuB;AACzC,SAAO,cAAc;AAAA,IAAO,CAAC,MACzB,EAAE,MAAM,cAAc,SAAS,WAAW,YAAA,CAAa;AAAA,EAAA;AAE/D;AAEA,MAAM,cAAc,CAChB,YACA,aACC;AACD,aAAW,MAAM;AACb,UAAM,kBAAkB,aAAa,UAAU;AAC/C,aAAS,eAAe;AAAA,EAC5B,GAAG,GAAI;AACX;AAEA,MAAM,gBAAgB,MAAM;AACxB,QAAM,CAAC,GAAG,QAAQ,IAAI,SAAS,EAAE;AAEjC,QAAM,oBAAoB,CAAC,aAAqB;AAC5C,UAAM,aAAa,SAAS,QAAQ,OAAO,EAAE;AAC7C,aAAS,UAAU;AACnB,WAAO;AAAA,EACX;AAEA,UAAQ,IAAI,CAAC;AAEb,6BACK,OAAA,EACG,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,gBAAc;AAAA,MACd;AAAA,MACA,aAAa;AAAA,MACb,eAAe;AAAA,IAAA;AAAA,EAAA,GAEvB;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/Basic.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\n\nconst colourOptions = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9' },\n    { value: 'blue', label: 'Blue', color: '#0052CC' },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630' },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A' },\n    { value: 'slate', label: 'Slate', color: '#253858' },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst Basic = () => {\n    return <Select placeholder=\"Please Select\" options={colourOptions} />\n}\n\nexport default Basic\n"],"names":[],"mappings":";;;AAEA,MAAM,gBAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,UAAU;AAAA,EACjD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAU;AAAA,EAC/C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AACzD;AAEA,MAAM,QAAQ,MAAM;AAChB,SAAQ,oBAAA,QAAA,EAAO,aAAY,iBAAgB,SAAS,eAAe;AACvE;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/Basic.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\n\nconst colourOptions = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9' },\n    { value: 'blue', label: 'Blue', color: '#0052CC' },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630' },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A' },\n    { value: 'slate', label: 'Slate', color: '#253858' },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst Basic = () => {\n    return <Select placeholder=\"Please Select\" options={colourOptions} />\n}\n\nexport default Basic\n"],"names":[],"mappings":";;;AAEA,MAAM,gBAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,UAAA;AAAA,EACvC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAA;AAAA,EACrC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAC/C;AAEA,MAAM,QAAQ,MAAM;AAChB,SAAO,oBAAC,QAAA,EAAO,aAAY,iBAAgB,SAAS,eAAe;AACvE;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Creatable.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/Creatable.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\nimport CreatableSelect from 'react-select/creatable'\nimport type { InputActionMeta, ActionMeta } from 'react-select'\n\ntype Option = {\n    value: string\n    label: string\n    color: string\n}\n\nconst colourOptions = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9' },\n    { value: 'blue', label: 'Blue', color: '#0052CC' },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630' },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A' },\n    { value: 'slate', label: 'Slate', color: '#253858' },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst Creatable = () => {\n    const handleChange = (\n        newValue: Option | Option[] | null,\n        actionMeta: ActionMeta<Option>,\n    ) => {\n        console.group('Value Changed')\n        console.log(newValue)\n        console.log(`action: ${actionMeta.action}`)\n        console.groupEnd()\n    }\n\n    const handleInputChange = (\n        inputValue: string,\n        actionMeta: InputActionMeta,\n    ) => {\n        console.group('Input Changed')\n        console.log(inputValue)\n        console.log(`action: ${actionMeta.action}`)\n        console.groupEnd()\n    }\n\n    return (\n        <div>\n            <Select<Option>\n                isClearable\n                placeholder=\"Type something...\"\n                componentAs={CreatableSelect}\n                options={colourOptions}\n                onChange={handleChange}\n                onInputChange={handleInputChange}\n            />\n        </div>\n    )\n}\n\nexport default Creatable\n"],"names":[],"mappings":";;;;AAUA,MAAM,gBAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,UAAU;AAAA,EACjD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAU;AAAA,EAC/C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AACzD;AAEA,MAAM,YAAY,MAAM;AACd,QAAA,eAAe,CACjB,UACA,eACC;AACD,YAAQ,MAAM,eAAe;AAC7B,YAAQ,IAAI,QAAQ;AACpB,YAAQ,IAAI,WAAW,WAAW,MAAM,EAAE;AAC1C,YAAQ,SAAS;AAAA,EACrB;AAEM,QAAA,oBAAoB,CACtB,YACA,eACC;AACD,YAAQ,MAAM,eAAe;AAC7B,YAAQ,IAAI,UAAU;AACtB,YAAQ,IAAI,WAAW,WAAW,MAAM,EAAE;AAC1C,YAAQ,SAAS;AAAA,EACrB;AAEA,6BACK,OACG,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAW;AAAA,MACX,aAAY;AAAA,MACZ,aAAa;AAAA,MACb,SAAS;AAAA,MACT,UAAU;AAAA,MACV,eAAe;AAAA,IAAA;AAAA,EAAA,GAEvB;AAER;"}
+{"version":3,"file":"Creatable.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/Creatable.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\nimport CreatableSelect from 'react-select/creatable'\nimport type { InputActionMeta, ActionMeta } from 'react-select'\n\ntype Option = {\n    value: string\n    label: string\n    color: string\n}\n\nconst colourOptions = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9' },\n    { value: 'blue', label: 'Blue', color: '#0052CC' },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630' },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A' },\n    { value: 'slate', label: 'Slate', color: '#253858' },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst Creatable = () => {\n    const handleChange = (\n        newValue: Option | Option[] | null,\n        actionMeta: ActionMeta<Option>,\n    ) => {\n        console.group('Value Changed')\n        console.log(newValue)\n        console.log(`action: ${actionMeta.action}`)\n        console.groupEnd()\n    }\n\n    const handleInputChange = (\n        inputValue: string,\n        actionMeta: InputActionMeta,\n    ) => {\n        console.group('Input Changed')\n        console.log(inputValue)\n        console.log(`action: ${actionMeta.action}`)\n        console.groupEnd()\n    }\n\n    return (\n        <div>\n            <Select<Option>\n                isClearable\n                placeholder=\"Type something...\"\n                componentAs={CreatableSelect}\n                options={colourOptions}\n                onChange={handleChange}\n                onInputChange={handleInputChange}\n            />\n        </div>\n    )\n}\n\nexport default Creatable\n"],"names":[],"mappings":";;;;AAUA,MAAM,gBAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,UAAA;AAAA,EACvC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAA;AAAA,EACrC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAC/C;AAEA,MAAM,YAAY,MAAM;AACpB,QAAM,eAAe,CACjB,UACA,eACC;AACD,YAAQ,MAAM,eAAe;AAC7B,YAAQ,IAAI,QAAQ;AACpB,YAAQ,IAAI,WAAW,WAAW,MAAM,EAAE;AAC1C,YAAQ,SAAA;AAAA,EACZ;AAEA,QAAM,oBAAoB,CACtB,YACA,eACC;AACD,YAAQ,MAAM,eAAe;AAC7B,YAAQ,IAAI,UAAU;AACtB,YAAQ,IAAI,WAAW,WAAW,MAAM,EAAE;AAC1C,YAAQ,SAAA;AAAA,EACZ;AAEA,6BACK,OAAA,EACG,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAW;AAAA,MACX,aAAY;AAAA,MACZ,aAAa;AAAA,MACb,SAAS;AAAA,MACT,UAAU;AAAA,MACV,eAAe;AAAA,IAAA;AAAA,EAAA,GAEvB;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Custom.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/Custom.tsx"],"sourcesContent":["import Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport Avatar from '@/components/ui/Avatar'\nimport { components } from 'react-select'\nimport type {\n    ControlProps,\n    OptionProps,\n    MultiValueGenericProps,\n} from 'react-select'\n\ntype Option = {\n    value: string\n    label: string\n    imgPath: string\n}\n\nconst { MultiValueLabel, Control } = components\n\nconst countryOptions: Option[] = [\n    { value: 'us', label: 'United State', imgPath: '/img/countries/US.png' },\n    { value: 'cn', label: 'China', imgPath: '/img/countries/CN.png' },\n    { value: 'jp', label: 'Japan', imgPath: '/img/countries/JP.png' },\n    { value: 'fr', label: 'French', imgPath: '/img/countries/FR.png' },\n]\n\nconst CustomSelectOption = (props: OptionProps<Option>) => {\n    return (\n        <DefaultOption<Option>\n            {...props}\n            customLabel={(data, label) => (\n                <span className=\"flex items-center gap-2\">\n                    <Avatar shape=\"circle\" size={20} src={data.imgPath} />\n                    <span className=\"ml-2 rtl:mr-2\">{label}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<Option>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Avatar\n                    className=\"ltr:ml-4 rtl:mr-4\"\n                    shape=\"circle\"\n                    size={18}\n                    src={selected.imgPath}\n                />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst CustomControlMulti = ({\n    children,\n    ...props\n}: MultiValueGenericProps<Option, true>) => {\n    const { imgPath } = props.data\n    return (\n        <MultiValueLabel {...props}>\n            <div className=\"inline-flex items-center\">\n                <Avatar\n                    className=\"mr-2 rtl:ml-2\"\n                    shape=\"circle\"\n                    size={15}\n                    src={imgPath}\n                />\n                {children}\n            </div>\n        </MultiValueLabel>\n    )\n}\n\nconst Custom = () => {\n    return (\n        <div>\n            <Select<Option>\n                options={countryOptions}\n                components={{\n                    Option: CustomSelectOption,\n                    Control: CustomControl,\n                }}\n                defaultValue={countryOptions[0]}\n                className=\"mb-4\"\n            />\n            <Select<Option, true>\n                isMulti\n                options={countryOptions}\n                components={{\n                    Option: CustomSelectOption,\n                    MultiValueLabel: CustomControlMulti,\n                }}\n                defaultValue={[countryOptions[1], countryOptions[2]]}\n                className=\"mb-4\"\n            />\n        </div>\n    )\n}\n\nexport default Custom\n"],"names":["DefaultOption"],"mappings":";;;;;;AAeA,MAAM,EAAE,iBAAiB,QAAA,IAAY;AAErC,MAAM,iBAA2B;AAAA,EAC7B,EAAE,OAAO,MAAM,OAAO,gBAAgB,SAAS,wBAAwB;AAAA,EACvE,EAAE,OAAO,MAAM,OAAO,SAAS,SAAS,wBAAwB;AAAA,EAChE,EAAE,OAAO,MAAM,OAAO,SAAS,SAAS,wBAAwB;AAAA,EAChE,EAAE,OAAO,MAAM,OAAO,UAAU,SAAS,wBAAwB;AACrE;AAEA,MAAM,qBAAqB,CAAC,UAA+B;AAEnD,SAAA;AAAA,IAACA;AAAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,aAAa,CAAC,MAAM,UACf,qBAAA,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,QAAA,oBAAC,UAAO,OAAM,UAAS,MAAM,IAAI,KAAK,KAAK,SAAS;AAAA,QACnD,oBAAA,QAAA,EAAK,WAAU,iBAAiB,UAAM,MAAA,CAAA;AAAA,MAAA,EAC3C,CAAA;AAAA,IAAA;AAAA,EAER;AAER;AAEA,MAAM,gBAAgB,CAAC,EAAE,UAAU,GAAG,YAAkC;AACpE,QAAM,WAAW,MAAM,SAAS,EAAE,CAAC;AAE/B,SAAA,qBAAC,SAAS,EAAA,GAAG,OACR,UAAA;AAAA,IACG,YAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,OAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAK,SAAS;AAAA,MAAA;AAAA,IAClB;AAAA,IAEH;AAAA,EAAA,GACL;AAER;AAEA,MAAM,qBAAqB,CAAC;AAAA,EACxB;AAAA,EACA,GAAG;AACP,MAA4C;AAClC,QAAA,EAAE,YAAY,MAAM;AAC1B,6BACK,iBAAiB,EAAA,GAAG,OACjB,UAAC,qBAAA,OAAA,EAAI,WAAU,4BACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,OAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAK;AAAA,MAAA;AAAA,IACT;AAAA,IACC;AAAA,EAAA,EAAA,CACL,EACJ,CAAA;AAER;AAEA,MAAM,SAAS,MAAM;AACjB,8BACK,OACG,EAAA,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,SAAS;AAAA,QACT,YAAY;AAAA,UACR,QAAQ;AAAA,UACR,SAAS;AAAA,QACb;AAAA,QACA,cAAc,eAAe,CAAC;AAAA,QAC9B,WAAU;AAAA,MAAA;AAAA,IACd;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,SAAO;AAAA,QACP,SAAS;AAAA,QACT,YAAY;AAAA,UACR,QAAQ;AAAA,UACR,iBAAiB;AAAA,QACrB;AAAA,QACA,cAAc,CAAC,eAAe,CAAC,GAAG,eAAe,CAAC,CAAC;AAAA,QACnD,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACJ;AAER;"}
+{"version":3,"file":"Custom.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/Custom.tsx"],"sourcesContent":["import Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport Avatar from '@/components/ui/Avatar'\nimport { components } from 'react-select'\nimport type {\n    ControlProps,\n    OptionProps,\n    MultiValueGenericProps,\n} from 'react-select'\n\ntype Option = {\n    value: string\n    label: string\n    imgPath: string\n}\n\nconst { MultiValueLabel, Control } = components\n\nconst countryOptions: Option[] = [\n    { value: 'us', label: 'United State', imgPath: '/img/countries/US.png' },\n    { value: 'cn', label: 'China', imgPath: '/img/countries/CN.png' },\n    { value: 'jp', label: 'Japan', imgPath: '/img/countries/JP.png' },\n    { value: 'fr', label: 'French', imgPath: '/img/countries/FR.png' },\n]\n\nconst CustomSelectOption = (props: OptionProps<Option>) => {\n    return (\n        <DefaultOption<Option>\n            {...props}\n            customLabel={(data, label) => (\n                <span className=\"flex items-center gap-2\">\n                    <Avatar shape=\"circle\" size={20} src={data.imgPath} />\n                    <span className=\"ml-2 rtl:mr-2\">{label}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<Option>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Avatar\n                    className=\"ltr:ml-4 rtl:mr-4\"\n                    shape=\"circle\"\n                    size={18}\n                    src={selected.imgPath}\n                />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst CustomControlMulti = ({\n    children,\n    ...props\n}: MultiValueGenericProps<Option, true>) => {\n    const { imgPath } = props.data\n    return (\n        <MultiValueLabel {...props}>\n            <div className=\"inline-flex items-center\">\n                <Avatar\n                    className=\"mr-2 rtl:ml-2\"\n                    shape=\"circle\"\n                    size={15}\n                    src={imgPath}\n                />\n                {children}\n            </div>\n        </MultiValueLabel>\n    )\n}\n\nconst Custom = () => {\n    return (\n        <div>\n            <Select<Option>\n                options={countryOptions}\n                components={{\n                    Option: CustomSelectOption,\n                    Control: CustomControl,\n                }}\n                defaultValue={countryOptions[0]}\n                className=\"mb-4\"\n            />\n            <Select<Option, true>\n                isMulti\n                options={countryOptions}\n                components={{\n                    Option: CustomSelectOption,\n                    MultiValueLabel: CustomControlMulti,\n                }}\n                defaultValue={[countryOptions[1], countryOptions[2]]}\n                className=\"mb-4\"\n            />\n        </div>\n    )\n}\n\nexport default Custom\n"],"names":["DefaultOption"],"mappings":";;;;;;AAeA,MAAM,EAAE,iBAAiB,QAAA,IAAY;AAErC,MAAM,iBAA2B;AAAA,EAC7B,EAAE,OAAO,MAAM,OAAO,gBAAgB,SAAS,wBAAA;AAAA,EAC/C,EAAE,OAAO,MAAM,OAAO,SAAS,SAAS,wBAAA;AAAA,EACxC,EAAE,OAAO,MAAM,OAAO,SAAS,SAAS,wBAAA;AAAA,EACxC,EAAE,OAAO,MAAM,OAAO,UAAU,SAAS,wBAAA;AAC7C;AAEA,MAAM,qBAAqB,CAAC,UAA+B;AACvD,SACI;AAAA,IAACA;AAAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,aAAa,CAAC,MAAM,UAChB,qBAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,QAAA,oBAAC,UAAO,OAAM,UAAS,MAAM,IAAI,KAAK,KAAK,SAAS;AAAA,QACpD,oBAAC,QAAA,EAAK,WAAU,iBAAiB,UAAA,MAAA,CAAM;AAAA,MAAA,EAAA,CAC3C;AAAA,IAAA;AAAA,EAAA;AAIhB;AAEA,MAAM,gBAAgB,CAAC,EAAE,UAAU,GAAG,YAAkC;AACpE,QAAM,WAAW,MAAM,SAAA,EAAW,CAAC;AACnC,SACI,qBAAC,SAAA,EAAS,GAAG,OACR,UAAA;AAAA,IAAA,YACG;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,OAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAK,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAGrB;AAAA,EAAA,GACL;AAER;AAEA,MAAM,qBAAqB,CAAC;AAAA,EACxB;AAAA,EACA,GAAG;AACP,MAA4C;AACxC,QAAM,EAAE,YAAY,MAAM;AAC1B,6BACK,iBAAA,EAAiB,GAAG,OACjB,UAAA,qBAAC,OAAA,EAAI,WAAU,4BACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,OAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAER;AAAA,EAAA,EAAA,CACL,EAAA,CACJ;AAER;AAEA,MAAM,SAAS,MAAM;AACjB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,SAAS;AAAA,QACT,YAAY;AAAA,UACR,QAAQ;AAAA,UACR,SAAS;AAAA,QAAA;AAAA,QAEb,cAAc,eAAe,CAAC;AAAA,QAC9B,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEd;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,SAAO;AAAA,QACP,SAAS;AAAA,QACT,YAAY;AAAA,UACR,QAAQ;AAAA,UACR,iBAAiB;AAAA,QAAA;AAAA,QAErB,cAAc,CAAC,eAAe,CAAC,GAAG,eAAe,CAAC,CAAC;AAAA,QACnD,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/Disabled.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\n\nconst colourOptions = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9', isDisabled: true },\n    { value: 'blue', label: 'Blue', color: '#0052CC', isDisabled: true },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630', isDisabled: true },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A', isDisabled: true },\n    { value: 'slate', label: 'Slate', color: '#253858', isDisabled: true },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst Disabled = () => {\n    return (\n        <div>\n            <Select\n                className=\"mb-4\"\n                placeholder=\"Certain options disabled\"\n                options={colourOptions}\n            />\n            <Select\n                isDisabled\n                className=\"mb-4\"\n                placeholder=\"Please Select\"\n                defaultValue={colourOptions[2]}\n                options={colourOptions}\n            />\n            <Select\n                isDisabled\n                isMulti\n                defaultValue={[colourOptions[2], colourOptions[3]]}\n                options={colourOptions}\n            />\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":[],"mappings":";;;AAEA,MAAM,gBAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,YAAY,KAAK;AAAA,EACrE,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,WAAW,YAAY,KAAK;AAAA,EACnE,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,WAAW,YAAY,KAAK;AAAA,EACjE,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,WAAW,YAAY,KAAK;AAAA,EACvE,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,YAAY,KAAK;AAAA,EACrE,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AACzD;AAEA,MAAM,WAAW,MAAM;AACnB,8BACK,OACG,EAAA,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,SAAS;AAAA,MAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,YAAU;AAAA,QACV,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAc,cAAc,CAAC;AAAA,QAC7B,SAAS;AAAA,MAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,YAAU;AAAA,QACV,SAAO;AAAA,QACP,cAAc,CAAC,cAAc,CAAC,GAAG,cAAc,CAAC,CAAC;AAAA,QACjD,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,GACJ;AAER;"}
+{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/Disabled.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\n\nconst colourOptions = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9', isDisabled: true },\n    { value: 'blue', label: 'Blue', color: '#0052CC', isDisabled: true },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630', isDisabled: true },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A', isDisabled: true },\n    { value: 'slate', label: 'Slate', color: '#253858', isDisabled: true },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst Disabled = () => {\n    return (\n        <div>\n            <Select\n                className=\"mb-4\"\n                placeholder=\"Certain options disabled\"\n                options={colourOptions}\n            />\n            <Select\n                isDisabled\n                className=\"mb-4\"\n                placeholder=\"Please Select\"\n                defaultValue={colourOptions[2]}\n                options={colourOptions}\n            />\n            <Select\n                isDisabled\n                isMulti\n                defaultValue={[colourOptions[2], colourOptions[3]]}\n                options={colourOptions}\n            />\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":[],"mappings":";;;AAEA,MAAM,gBAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,YAAY,KAAA;AAAA,EAChE,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,WAAW,YAAY,KAAA;AAAA,EAC9D,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,WAAW,YAAY,KAAA;AAAA,EAC5D,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,WAAW,YAAY,KAAA;AAAA,EAClE,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,YAAY,KAAA;AAAA,EAChE,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAC/C;AAEA,MAAM,WAAW,MAAM;AACnB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAEb;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,YAAU;AAAA,QACV,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAc,cAAc,CAAC;AAAA,QAC7B,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAEb;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,YAAU;AAAA,QACV,SAAO;AAAA,QACP,cAAc,CAAC,cAAc,CAAC,GAAG,cAAc,CAAC,CAAC;AAAA,QACjD,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"DisabledSearch.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/DisabledSearch.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\n\nconst colourOptions = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9' },\n    { value: 'blue', label: 'Blue', color: '#0052CC' },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630' },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A' },\n    { value: 'slate', label: 'Slate', color: '#253858' },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst DisabledSearch = () => {\n    return (\n        <div>\n            <Select\n                isSearchable={false}\n                placeholder=\"Please Select\"\n                options={colourOptions}\n            />\n        </div>\n    )\n}\n\nexport default DisabledSearch\n"],"names":[],"mappings":";;;AAEA,MAAM,gBAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,UAAU;AAAA,EACjD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAU;AAAA,EAC/C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AACzD;AAEA,MAAM,iBAAiB,MAAM;AACzB,6BACK,OACG,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAc;AAAA,MACd,aAAY;AAAA,MACZ,SAAS;AAAA,IAAA;AAAA,EAAA,GAEjB;AAER;"}
+{"version":3,"file":"DisabledSearch.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/DisabledSearch.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\n\nconst colourOptions = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9' },\n    { value: 'blue', label: 'Blue', color: '#0052CC' },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630' },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A' },\n    { value: 'slate', label: 'Slate', color: '#253858' },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst DisabledSearch = () => {\n    return (\n        <div>\n            <Select\n                isSearchable={false}\n                placeholder=\"Please Select\"\n                options={colourOptions}\n            />\n        </div>\n    )\n}\n\nexport default DisabledSearch\n"],"names":[],"mappings":";;;AAEA,MAAM,gBAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,UAAA;AAAA,EACvC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAA;AAAA,EACrC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAC/C;AAEA,MAAM,iBAAiB,MAAM;AACzB,6BACK,OAAA,EACG,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAc;AAAA,MACd,aAAY;AAAA,MACZ,SAAS;AAAA,IAAA;AAAA,EAAA,GAEjB;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/Group.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\n\ntype Option = {\n    label: string\n    options: {\n        value: string\n        label: string\n        color?: string\n        rating?: string\n    }[]\n}\n\nconst groupedOptions: Option[] = [\n    {\n        label: 'Colours',\n        options: [\n            { value: 'ocean', label: 'Ocean', color: '#00B8D9' },\n            { value: 'blue', label: 'Blue', color: '#0052CC' },\n            { value: 'purple', label: 'Purple', color: '#5243AA' },\n            { value: 'red', label: 'Red', color: '#FF5630' },\n            { value: 'orange', label: 'Orange', color: '#FF8B00' },\n            { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n            { value: 'green', label: 'Green', color: '#36B37E' },\n            { value: 'forest', label: 'Forest', color: '#00875A' },\n            { value: 'slate', label: 'Slate', color: '#253858' },\n            { value: 'silver', label: 'Silver', color: '#666666' },\n        ],\n    },\n    {\n        label: 'Flavours',\n        options: [\n            { value: 'vanilla', label: 'Vanilla', rating: 'safe' },\n            { value: 'chocolate', label: 'Chocolate', rating: 'good' },\n            { value: 'strawberry', label: 'Strawberry', rating: 'wild' },\n            {\n                value: 'salted-caramel',\n                label: 'Salted Caramel',\n                rating: 'crazy',\n            },\n        ],\n    },\n]\n\nconst formatGroupLabel = (data: Option) => (\n    <div className=\"font-bold text-xs uppercase text-gray-800 dark:text-white my-2\">\n        {data.label}\n    </div>\n)\n\nconst Group = () => {\n    return (\n        <div>\n            <Select\n                defaultValue={groupedOptions[0].options[1]}\n                options={groupedOptions}\n                formatGroupLabel={formatGroupLabel}\n            />\n        </div>\n    )\n}\n\nexport default Group\n"],"names":[],"mappings":";;;AAYA,MAAM,iBAA2B;AAAA,EAC7B;AAAA,IACI,OAAO;AAAA,IACP,SAAS;AAAA,MACL,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,MACnD,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,UAAU;AAAA,MACjD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,MACrD,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAU;AAAA,MAC/C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,MACrD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,MACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,MACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,MACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,MACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,IAAA;AAAA,EAE7D;AAAA,EACA;AAAA,IACI,OAAO;AAAA,IACP,SAAS;AAAA,MACL,EAAE,OAAO,WAAW,OAAO,WAAW,QAAQ,OAAO;AAAA,MACrD,EAAE,OAAO,aAAa,OAAO,aAAa,QAAQ,OAAO;AAAA,MACzD,EAAE,OAAO,cAAc,OAAO,cAAc,QAAQ,OAAO;AAAA,MAC3D;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IACZ;AAAA,EACJ;AAER;AAEA,MAAM,mBAAmB,CAAC,SACtB,oBAAC,SAAI,WAAU,kEACV,eAAK,OACV;AAGJ,MAAM,QAAQ,MAAM;AAChB,6BACK,OACG,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAc,eAAe,CAAC,EAAE,QAAQ,CAAC;AAAA,MACzC,SAAS;AAAA,MACT;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"Group.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/Group.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\n\ntype Option = {\n    label: string\n    options: {\n        value: string\n        label: string\n        color?: string\n        rating?: string\n    }[]\n}\n\nconst groupedOptions: Option[] = [\n    {\n        label: 'Colours',\n        options: [\n            { value: 'ocean', label: 'Ocean', color: '#00B8D9' },\n            { value: 'blue', label: 'Blue', color: '#0052CC' },\n            { value: 'purple', label: 'Purple', color: '#5243AA' },\n            { value: 'red', label: 'Red', color: '#FF5630' },\n            { value: 'orange', label: 'Orange', color: '#FF8B00' },\n            { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n            { value: 'green', label: 'Green', color: '#36B37E' },\n            { value: 'forest', label: 'Forest', color: '#00875A' },\n            { value: 'slate', label: 'Slate', color: '#253858' },\n            { value: 'silver', label: 'Silver', color: '#666666' },\n        ],\n    },\n    {\n        label: 'Flavours',\n        options: [\n            { value: 'vanilla', label: 'Vanilla', rating: 'safe' },\n            { value: 'chocolate', label: 'Chocolate', rating: 'good' },\n            { value: 'strawberry', label: 'Strawberry', rating: 'wild' },\n            {\n                value: 'salted-caramel',\n                label: 'Salted Caramel',\n                rating: 'crazy',\n            },\n        ],\n    },\n]\n\nconst formatGroupLabel = (data: Option) => (\n    <div className=\"font-bold text-xs uppercase text-gray-800 dark:text-white my-2\">\n        {data.label}\n    </div>\n)\n\nconst Group = () => {\n    return (\n        <div>\n            <Select\n                defaultValue={groupedOptions[0].options[1]}\n                options={groupedOptions}\n                formatGroupLabel={formatGroupLabel}\n            />\n        </div>\n    )\n}\n\nexport default Group\n"],"names":[],"mappings":";;;AAYA,MAAM,iBAA2B;AAAA,EAC7B;AAAA,IACI,OAAO;AAAA,IACP,SAAS;AAAA,MACL,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,MACzC,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,UAAA;AAAA,MACvC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,MAC3C,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAA;AAAA,MACrC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,MAC3C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,MAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,MACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,MAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,MACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,IAAU;AAAA,EACzD;AAAA,EAEJ;AAAA,IACI,OAAO;AAAA,IACP,SAAS;AAAA,MACL,EAAE,OAAO,WAAW,OAAO,WAAW,QAAQ,OAAA;AAAA,MAC9C,EAAE,OAAO,aAAa,OAAO,aAAa,QAAQ,OAAA;AAAA,MAClD,EAAE,OAAO,cAAc,OAAO,cAAc,QAAQ,OAAA;AAAA,MACpD;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IACZ;AAAA,EACJ;AAER;AAEA,MAAM,mBAAmB,CAAC,SACtB,oBAAC,SAAI,WAAU,kEACV,eAAK,OACV;AAGJ,MAAM,QAAQ,MAAM;AAChB,6BACK,OAAA,EACG,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAc,eAAe,CAAC,EAAE,QAAQ,CAAC;AAAA,MACzC,SAAS;AAAA,MACT;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"LoadOptionOnExpand.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/LoadOptionOnExpand.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Select from '@/components/ui/Select'\n\ntype Option = {\n    value: string\n    label: string\n    color: string\n    isFixed?: boolean\n    isDisabled?: boolean\n}\n\nconst colourOptions: Option[] = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9', isFixed: true },\n    { value: 'blue', label: 'Blue', color: '#0052CC', isDisabled: true },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630', isFixed: true },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A' },\n    { value: 'slate', label: 'Slate', color: '#253858' },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst LoadOptionOnExpand = () => {\n    const [options, setOptions] = useState<Option[]>([])\n    const [loading, setLoading] = useState(false)\n\n    const promiseOptions = () => {\n        setTimeout(() => {\n            setOptions(colourOptions)\n            setLoading(false)\n        }, 1500)\n    }\n\n    const onFocus = () => {\n        if (options.length === 0) {\n            setLoading(true)\n            promiseOptions()\n        }\n    }\n\n    return (\n        <div>\n            <Select options={options} isLoading={loading} onFocus={onFocus} />\n        </div>\n    )\n}\n\nexport default LoadOptionOnExpand\n"],"names":[],"mappings":";;;;AAWA,MAAM,gBAA0B;AAAA,EAC5B,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,SAAS,KAAK;AAAA,EAClE,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,WAAW,YAAY,KAAK;AAAA,EACnE,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,WAAW,SAAS,KAAK;AAAA,EAC9D,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AACzD;AAEA,MAAM,qBAAqB,MAAM;AAC7B,QAAM,CAAC,SAAS,UAAU,IAAI,SAAmB,CAAA,CAAE;AACnD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,iBAAiB,MAAM;AACzB,eAAW,MAAM;AACb,iBAAW,aAAa;AACxB,iBAAW,KAAK;AAAA,OACjB,IAAI;AAAA,EACX;AAEA,QAAM,UAAU,MAAM;AACd,QAAA,QAAQ,WAAW,GAAG;AACtB,iBAAW,IAAI;AACA,qBAAA;AAAA,IAAA;AAAA,EAEvB;AAGI,SAAA,oBAAC,SACG,UAAC,oBAAA,QAAA,EAAO,SAAkB,WAAW,SAAS,SAAkB,EACpE,CAAA;AAER;"}
+{"version":3,"file":"LoadOptionOnExpand.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/LoadOptionOnExpand.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Select from '@/components/ui/Select'\n\ntype Option = {\n    value: string\n    label: string\n    color: string\n    isFixed?: boolean\n    isDisabled?: boolean\n}\n\nconst colourOptions: Option[] = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9', isFixed: true },\n    { value: 'blue', label: 'Blue', color: '#0052CC', isDisabled: true },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630', isFixed: true },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A' },\n    { value: 'slate', label: 'Slate', color: '#253858' },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst LoadOptionOnExpand = () => {\n    const [options, setOptions] = useState<Option[]>([])\n    const [loading, setLoading] = useState(false)\n\n    const promiseOptions = () => {\n        setTimeout(() => {\n            setOptions(colourOptions)\n            setLoading(false)\n        }, 1500)\n    }\n\n    const onFocus = () => {\n        if (options.length === 0) {\n            setLoading(true)\n            promiseOptions()\n        }\n    }\n\n    return (\n        <div>\n            <Select options={options} isLoading={loading} onFocus={onFocus} />\n        </div>\n    )\n}\n\nexport default LoadOptionOnExpand\n"],"names":[],"mappings":";;;;AAWA,MAAM,gBAA0B;AAAA,EAC5B,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,SAAS,KAAA;AAAA,EAC7D,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,WAAW,YAAY,KAAA;AAAA,EAC9D,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,WAAW,SAAS,KAAA;AAAA,EACzD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAC/C;AAEA,MAAM,qBAAqB,MAAM;AAC7B,QAAM,CAAC,SAAS,UAAU,IAAI,SAAmB,CAAA,CAAE;AACnD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,iBAAiB,MAAM;AACzB,eAAW,MAAM;AACb,iBAAW,aAAa;AACxB,iBAAW,KAAK;AAAA,IACpB,GAAG,IAAI;AAAA,EACX;AAEA,QAAM,UAAU,MAAM;AAClB,QAAI,QAAQ,WAAW,GAAG;AACtB,iBAAW,IAAI;AACf,qBAAA;AAAA,IACJ;AAAA,EACJ;AAEA,SACI,oBAAC,SACG,UAAA,oBAAC,QAAA,EAAO,SAAkB,WAAW,SAAS,SAAkB,EAAA,CACpE;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelection.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/MultiSelection.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\n\nconst colourOptions = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9' },\n    { value: 'blue', label: 'Blue', color: '#0052CC' },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630' },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A' },\n    { value: 'slate', label: 'Slate', color: '#253858' },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst MultiSelection = () => {\n    return (\n        <div>\n            <Select\n                isMulti\n                placeholder=\"Please Select\"\n                defaultValue={[colourOptions[2], colourOptions[3]]}\n                options={colourOptions}\n            />\n        </div>\n    )\n}\n\nexport default MultiSelection\n"],"names":[],"mappings":";;;AAEA,MAAM,gBAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,UAAU;AAAA,EACjD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAU;AAAA,EAC/C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AACzD;AAEA,MAAM,iBAAiB,MAAM;AACzB,6BACK,OACG,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAO;AAAA,MACP,aAAY;AAAA,MACZ,cAAc,CAAC,cAAc,CAAC,GAAG,cAAc,CAAC,CAAC;AAAA,MACjD,SAAS;AAAA,IAAA;AAAA,EAAA,GAEjB;AAER;"}
+{"version":3,"file":"MultiSelection.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/MultiSelection.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\n\nconst colourOptions = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9' },\n    { value: 'blue', label: 'Blue', color: '#0052CC' },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630' },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A' },\n    { value: 'slate', label: 'Slate', color: '#253858' },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst MultiSelection = () => {\n    return (\n        <div>\n            <Select\n                isMulti\n                placeholder=\"Please Select\"\n                defaultValue={[colourOptions[2], colourOptions[3]]}\n                options={colourOptions}\n            />\n        </div>\n    )\n}\n\nexport default MultiSelection\n"],"names":[],"mappings":";;;AAEA,MAAM,gBAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,UAAA;AAAA,EACvC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAA;AAAA,EACrC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAC/C;AAEA,MAAM,iBAAiB,MAAM;AACzB,6BACK,OAAA,EACG,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAO;AAAA,MACP,aAAY;AAAA,MACZ,cAAc,CAAC,cAAc,CAAC,GAAG,cAAc,CAAC,CAAC;AAAA,MACjD,SAAS;AAAA,IAAA;AAAA,EAAA,GAEjB;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Size.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/Size.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\n\nconst colourOptions = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9' },\n    { value: 'blue', label: 'Blue', color: '#0052CC' },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630' },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A' },\n    { value: 'slate', label: 'Slate', color: '#253858' },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst Size = () => {\n    return (\n        <div>\n            <Select\n                size=\"sm\"\n                className=\"mb-4\"\n                placeholder=\"Please Select\"\n                options={colourOptions}\n            ></Select>\n            <Select\n                className=\"mb-4\"\n                placeholder=\"Please Select\"\n                options={colourOptions}\n            ></Select>\n            <Select\n                size=\"lg\"\n                placeholder=\"Please Select\"\n                options={colourOptions}\n            ></Select>\n        </div>\n    )\n}\n\nexport default Size\n"],"names":[],"mappings":";;;AAEA,MAAM,gBAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,UAAU;AAAA,EACjD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAU;AAAA,EAC/C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AACzD;AAEA,MAAM,OAAO,MAAM;AACf,8BACK,OACG,EAAA,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,SAAS;AAAA,MAAA;AAAA,IACZ;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,SAAS;AAAA,MAAA;AAAA,IACZ;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACL;AAER;"}
+{"version":3,"file":"Size.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/Size.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\n\nconst colourOptions = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9' },\n    { value: 'blue', label: 'Blue', color: '#0052CC' },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630' },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A' },\n    { value: 'slate', label: 'Slate', color: '#253858' },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst Size = () => {\n    return (\n        <div>\n            <Select\n                size=\"sm\"\n                className=\"mb-4\"\n                placeholder=\"Please Select\"\n                options={colourOptions}\n            ></Select>\n            <Select\n                className=\"mb-4\"\n                placeholder=\"Please Select\"\n                options={colourOptions}\n            ></Select>\n            <Select\n                size=\"lg\"\n                placeholder=\"Please Select\"\n                options={colourOptions}\n            ></Select>\n        </div>\n    )\n}\n\nexport default Size\n"],"names":[],"mappings":";;;AAEA,MAAM,gBAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,UAAA;AAAA,EACvC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAA;AAAA,EACrC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAC/C;AAEA,MAAM,OAAO,MAAM;AACf,8BACK,OAAA,EACG,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAEb;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAEb;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACL;AAER;"}