@orbe-agro/client-core 5.3.147 → 5.3.157

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":["mdPath","demoHeader","demos","Simple","Group","Disabled","Vertical","Color","demoApi","Radio","DemoLayout"],"mappings":"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"}
+{"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":["mdPath","demoHeader","demos","Simple","Group","Disabled","Vertical","Color","demoApi","Radio","DemoLayout"],"mappings":"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"}

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":["Basic","Segment","jsx"],"mappings":";;AAEA,MAAMA,IAAQ,wBAELC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACD,EAAQ,MAAR,EAAa,OAAM,QAAO,UAAA,QAAI;AAAA,oBAC9BA,EAAQ,MAAR,EAAa,OAAM,UAAS,UAAA,UAAM;AAAA,oBAClCA,EAAQ,MAAR,EAAa,OAAM,SAAQ,UAAA,QAAA,CAAK;AAAA,GACrC;"}
+{"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":["Basic","Segment","jsx"],"mappings":";;AAEA,MAAMA,IAAQ,wBAELC,GACG,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACD,EAAQ,MAAR,EAAa,OAAM,QAAO,UAAI,QAAA;AAAA,oBAC9BA,EAAQ,MAAR,EAAa,OAAM,UAAS,UAAM,UAAA;AAAA,oBAClCA,EAAQ,MAAR,EAAa,OAAM,SAAQ,UAAK,QAAA,CAAA;AAAA,GACrC;"}

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":["Controlled","singleSegmentValue","setSingleSegmentValue","useState","multipleSegmentValue","setMultipleSegmentValue","onSingleSelectionSegmentChange","useCallback","val","onMultipleSegmentValueChange","jsxs","Fragment","jsx","Segment"],"mappings":";;;AAGA,MAAMA,IAAa,MAAM;AACrB,QAAM,CAACC,GAAoBC,CAAqB,IAAIC,EAAS,MAAM,GAC7D,CAACC,GAAsBC,CAAuB,IAAIF,EAAS,CAAC,QAAQ,CAAC,GAErEG,IAAiCC;AAAA,IACnC,CAACC,MAAgB;AACb,MAAAN,EAAsBM,CAAG;AAAA,IAC7B;AAAA,IACA,CAACN,CAAqB;AAAA,EAAA,GAGpBO,IAA+BF;AAAA,IACjC,CAACC,MAAkB;AACf,MAAAH,EAAwBG,CAAG;AAAA,IAC/B;AAAA,IACA,CAACH,CAAuB;AAAA,EAAA;AAG5B,SACI,gBAAAK,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAgB;AAAA,MACrC,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,OAAOZ;AAAA,UACP,UAAU,CAACO,MACPF,EAA+BE,CAAa;AAAA,UAGhD,UAAA;AAAA,YAAA,gBAAAI,EAACC,EAAQ,MAAR,EAAa,OAAM,QAAO,UAAA,QAAI;AAAA,8BAC9BA,EAAQ,MAAR,EAAa,OAAM,UAAS,UAAA,UAAM;AAAA,8BAClCA,EAAQ,MAAR,EAAa,OAAM,SAAQ,UAAA,QAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACrC,GACJ;AAAA,sBACC,OAAA,EACG,UAAA;AAAA,MAAA,gBAAAD,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,sBAAkB;AAAA,MACvC,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,eAAc;AAAA,UACd,OAAOT;AAAA,UACP,UAAU,CAACI,MACPC,EAA6BD,CAAe;AAAA,UAGhD,UAAA;AAAA,YAAA,gBAAAI,EAACC,EAAQ,MAAR,EAAa,OAAM,QAAO,UAAA,QAAI;AAAA,8BAC9BA,EAAQ,MAAR,EAAa,OAAM,UAAS,UAAA,UAAM;AAAA,8BAClCA,EAAQ,MAAR,EAAa,OAAM,SAAQ,UAAA,QAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACrC,EAAA,CACJ;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":["Controlled","singleSegmentValue","setSingleSegmentValue","useState","multipleSegmentValue","setMultipleSegmentValue","onSingleSelectionSegmentChange","useCallback","val","onMultipleSegmentValueChange","jsxs","Fragment","jsx","Segment"],"mappings":";;;AAGA,MAAMA,IAAa,MAAM;AACrB,QAAM,CAACC,GAAoBC,CAAqB,IAAIC,EAAS,MAAM,GAC7D,CAACC,GAAsBC,CAAuB,IAAIF,EAAS,CAAC,QAAQ,CAAC,GAErEG,IAAiCC;AAAA,IACnC,CAACC,MAAgB;AACb,MAAAN,EAAsBM,CAAG;AAAA,IAC7B;AAAA,IACA,CAACN,CAAqB;AAAA,EAC1B,GAEMO,IAA+BF;AAAA,IACjC,CAACC,MAAkB;AACf,MAAAH,EAAwBG,CAAG;AAAA,IAC/B;AAAA,IACA,CAACH,CAAuB;AAAA,EAC5B;AAEA,SAEQ,gBAAAK,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAD,EAAA,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAC,gBAAAE,EAAA,MAAA,EAAG,WAAU,QAAO,UAAgB,oBAAA;AAAA,MACrC,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,OAAOZ;AAAA,UACP,UAAU,CAACO,MACPF,EAA+BE,CAAa;AAAA,UAGhD,UAAA;AAAA,YAAA,gBAAAI,EAACC,EAAQ,MAAR,EAAa,OAAM,QAAO,UAAI,QAAA;AAAA,8BAC9BA,EAAQ,MAAR,EAAa,OAAM,UAAS,UAAM,UAAA;AAAA,8BAClCA,EAAQ,MAAR,EAAa,OAAM,SAAQ,UAAK,QAAA,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACrC,GACJ;AAAA,sBACC,OACG,EAAA,UAAA;AAAA,MAAC,gBAAAD,EAAA,MAAA,EAAG,WAAU,QAAO,UAAkB,sBAAA;AAAA,MACvC,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,eAAc;AAAA,UACd,OAAOT;AAAA,UACP,UAAU,CAACI,MACPC,EAA6BD,CAAe;AAAA,UAGhD,UAAA;AAAA,YAAA,gBAAAI,EAACC,EAAQ,MAAR,EAAa,OAAM,QAAO,UAAI,QAAA;AAAA,8BAC9BA,EAAQ,MAAR,EAAa,OAAM,UAAS,UAAM,UAAA;AAAA,8BAClCA,EAAQ,MAAR,EAAa,OAAM,SAAQ,UAAK,QAAA,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACrC,EACJ,CAAA;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":["segmentSelections","Custom","jsx","Segment","item","active","value","onSegmentItemClick","disabled","jsxs","classNames","HiCheckCircle"],"mappings":";;;;AAIA,MAAMA,IAAoB;AAAA,EACtB,EAAE,OAAO,YAAY,MAAM,0BAA0B,UAAU,GAAA;AAAA,EAC/D,EAAE,OAAO,QAAQ,MAAM,qBAAqB,UAAU,GAAA;AAAA,EACtD;AAAA,IACI,OAAO;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAElB,GAEMC,IAAS,MAEP,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAc,CAAC,MAAM;AAAA,IACrB,WAAU;AAAA,IAET,UAAAH,EAAkB,IAAI,CAACI,MACpB,gBAAAF;AAAA,MAACC,EAAQ;AAAA,MAAR;AAAA,QAEG,OAAOC,EAAK;AAAA,QACZ,UAAUA,EAAK;AAAA,QAEd,WAAC,EAAE,QAAAC,GAAQ,OAAAC,GAAO,oBAAAC,GAAoB,UAAAC,QAE/B,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACP;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAL,IACM,iCACA;AAAA,cACNG,IACM,kCACA;AAAA,YAAA;AAAA,YAEV,MAAK;AAAA,YACL,SAASD;AAAA,YAET,UAAA;AAAA,cAAA,gBAAAE,EAAC,OAAA,EACG,UAAA;AAAA,gBAAA,gBAAAP,EAAC,QAAI,UAAAI,EAAA,CAAM;AAAA,gBACX,gBAAAJ,EAAC,KAAA,EAAG,UAAAE,EAAK,KAAA,CAAK;AAAA,cAAA,GAClB;AAAA,cACCC,KACG,gBAAAH,EAACS,GAAA,EAAc,WAAU,uBAAA,CAAuB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAIhE;AAAA,MAvCKP,EAAK;AAAA,IAAA,CAyCjB;AAAA,EAAA;AAAA;"}
+{"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":["segmentSelections","Custom","jsx","Segment","item","active","value","onSegmentItemClick","disabled","jsxs","classNames","HiCheckCircle"],"mappings":";;;;AAIA,MAAMA,IAAoB;AAAA,EACtB,EAAE,OAAO,YAAY,MAAM,0BAA0B,UAAU,GAAM;AAAA,EACrE,EAAE,OAAO,QAAQ,MAAM,qBAAqB,UAAU,GAAM;AAAA,EAC5D;AAAA,IACI,OAAO;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAElB,GAEMC,IAAS,MAEP,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAc,CAAC,MAAM;AAAA,IACrB,WAAU;AAAA,IAET,UAAAH,EAAkB,IAAI,CAACI,MACpB,gBAAAF;AAAA,MAACC,EAAQ;AAAA,MAAR;AAAA,QAEG,OAAOC,EAAK;AAAA,QACZ,UAAUA,EAAK;AAAA,QAEd,WAAC,EAAE,QAAAC,GAAQ,OAAAC,GAAO,oBAAAC,GAAoB,UAAAC,QAE/B,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACP;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAL,IACM,iCACA;AAAA,cACNG,IACM,kCACA;AAAA,YACV;AAAA,YACA,MAAK;AAAA,YACL,SAASD;AAAA,YAET,UAAA;AAAA,cAAA,gBAAAE,EAAC,OACG,EAAA,UAAA;AAAA,gBAAA,gBAAAP,EAAC,QAAI,UAAMI,EAAA,CAAA;AAAA,gBACX,gBAAAJ,EAAC,KAAG,EAAA,UAAAE,EAAK,KAAK,CAAA;AAAA,cAAA,GAClB;AAAA,cACCC,KACG,gBAAAH,EAACS,GAAc,EAAA,WAAU,uBAAuB,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAExD;AAAA,MAER;AAAA,MAvCKP,EAAK;AAAA,IAyCjB,CAAA;AAAA,EAAA;AACL;"}

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":["Disabled","Segment","jsx"],"mappings":";;AAEA,MAAMA,IAAW,wBAERC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACD,EAAQ,MAAR,EAAa,OAAM,QAAO,UAAA,QAAI;AAAA,EAC/B,gBAAAC,EAACD,EAAQ,MAAR,EAAa,UAAQ,IAAC,OAAM,UAAS,UAAA,UAEtC;AAAA,oBACCA,EAAQ,MAAR,EAAa,OAAM,SAAQ,UAAA,QAAA,CAAK;AAAA,GACrC;"}
+{"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":["Disabled","Segment","jsx"],"mappings":";;AAEA,MAAMA,IAAW,wBAERC,GACG,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACD,EAAQ,MAAR,EAAa,OAAM,QAAO,UAAI,QAAA;AAAA,EAC/B,gBAAAC,EAACD,EAAQ,MAAR,EAAa,UAAQ,IAAC,OAAM,UAAS,UAEtC,UAAA;AAAA,oBACCA,EAAQ,MAAR,EAAa,OAAM,SAAQ,UAAK,QAAA,CAAA;AAAA,GACrC;"}

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":["MultipleSelection","jsxs","Segment","jsx"],"mappings":";;AAEA,MAAMA,IAAoB,MAElB,gBAAAC,EAACC,GAAA,EAAQ,eAAc,YACnB,UAAA;AAAA,EAAA,gBAAAC,EAACD,EAAQ,MAAR,EAAa,OAAM,QAAO,UAAA,QAAI;AAAA,oBAC9BA,EAAQ,MAAR,EAAa,OAAM,UAAS,UAAA,UAAM;AAAA,oBAClCA,EAAQ,MAAR,EAAa,OAAM,SAAQ,UAAA,QAAA,CAAK;AAAA,GACrC;"}
+{"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":["MultipleSelection","jsxs","Segment","jsx"],"mappings":";;AAEA,MAAMA,IAAoB,MAElB,gBAAAC,EAACC,GAAQ,EAAA,eAAc,YACnB,UAAA;AAAA,EAAA,gBAAAC,EAACD,EAAQ,MAAR,EAAa,OAAM,QAAO,UAAI,QAAA;AAAA,oBAC9BA,EAAQ,MAAR,EAAa,OAAM,UAAS,UAAM,UAAA;AAAA,oBAClCA,EAAQ,MAAR,EAAa,OAAM,SAAQ,UAAK,QAAA,CAAA;AAAA,GACrC;"}

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":["Size","size","setSize","useState","onSizeChange","val","jsxs","Segment","value","jsx"],"mappings":";;;AAKA,MAAMA,IAAO,MAAM;AACf,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAmB,IAAI,GAEzCC,IAAe,CAACC,MAAkB;AACpC,IAAAH,EAAQG,CAAG;AAAA,EACf;AAEA,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAAN;AAAA,MACA,OAAOA;AAAA,MACP,UAAU,CAACO,MAAUJ,EAAaI,CAAiB;AAAA,MAEnD,UAAA;AAAA,QAAA,gBAAAC,EAACF,EAAQ,MAAR,EAAa,OAAM,MAAK,UAAA,eAAW;AAAA,0BACnCA,EAAQ,MAAR,EAAa,OAAM,MAAK,UAAA,SAAK;AAAA,0BAC7BA,EAAQ,MAAR,EAAa,OAAM,MAAK,UAAA,UAAM;AAAA,0BAC9BA,EAAQ,MAAR,EAAa,OAAM,MAAK,UAAA,QAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1C;"}
+{"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":["Size","size","setSize","useState","onSizeChange","val","jsxs","Segment","value","jsx"],"mappings":";;;AAKA,MAAMA,IAAO,MAAM;AACf,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAmB,IAAI,GAEzCC,IAAe,CAACC,MAAkB;AACpC,IAAAH,EAAQG,CAAG;AAAA,EACf;AAGI,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAAN;AAAA,MACA,OAAOA;AAAA,MACP,UAAU,CAACO,MAAUJ,EAAaI,CAAiB;AAAA,MAEnD,UAAA;AAAA,QAAA,gBAAAC,EAACF,EAAQ,MAAR,EAAa,OAAM,MAAK,UAAW,eAAA;AAAA,0BACnCA,EAAQ,MAAR,EAAa,OAAM,MAAK,UAAK,SAAA;AAAA,0BAC7BA,EAAQ,MAAR,EAAa,OAAM,MAAK,UAAM,UAAA;AAAA,0BAC9BA,EAAQ,MAAR,EAAa,OAAM,MAAK,UAAK,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAClC;AAER;"}

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":["mdPath","demoHeader","demos","Basic","Size","MultipleSelection","Disabled","Custom","Controlled","demoApi","Segment","DemoLayout"],"mappings":";;;;;;;;AAUA,MAAMA,IAAS,WAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAK;AAAA,EAAA;AAAA,EAErB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAkB;AAAA,EAAA;AAAA,EAElC;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAS;AAAA,EAAA;AAAA,EAEzB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAA,CAAA,CAAO;AAAA,EAAA;AAAA,EAEvB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAA,CAAA,CAAW;AAAA,EAAA;AAE/B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;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,GAEMC,IAAU,wBACJC,GAAA,EAAW,QAAQV,GAAY,OAAAC,GAAc,KAAKO,GAAS;"}
+{"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":["mdPath","demoHeader","demos","Basic","Size","MultipleSelection","Disabled","Custom","Controlled","demoApi","Segment","DemoLayout"],"mappings":";;;;;;;;AAUA,MAAMA,IAAS,WAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAK,CAAA,CAAA;AAAA,EACrB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAkB,CAAA,CAAA;AAAA,EAClC;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAS,CAAA,CAAA;AAAA,EACzB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAO,CAAA,CAAA;AAAA,EACvB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAW,CAAA,CAAA;AAAA,EAAA;AAE/B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,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,GAEMC,IAAU,wBACJC,GAAW,EAAA,QAAQV,GAAY,OAAAC,GAAc,KAAKO,GAAS;"}

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":["colourOptions","filterColors","inputValue","i","loadOptions","callback","filteredOptions","AsyncOnSearch","_","setValue","useState","handleInputChange","newValue","jsx","Select","AsyncSelect"],"mappings":";;;;;AAYA,MAAMA,IAA0B;AAAA,EAC5B,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,SAAS,GAAA;AAAA,EAC7D,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,WAAW,YAAY,GAAA;AAAA,EAC9D,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,WAAW,SAAS,GAAA;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,GAEMC,IAAe,CAACC,MACXF,EAAc;AAAA,EAAO,CAACG,MACzBA,EAAE,MAAM,cAAc,SAASD,EAAW,YAAA,CAAa;AAAA,GAIzDE,IAAc,CAChBF,GACAG,MACC;AACD,aAAW,MAAM;AACb,UAAMC,IAAkBL,EAAaC,CAAU;AAC/C,IAAAG,EAASC,CAAe;AAAA,EAC5B,GAAG,GAAI;AACX,GAEMC,IAAgB,MAAM;AACxB,QAAM,CAACC,GAAGC,CAAQ,IAAIC,EAAS,EAAE,GAE3BC,IAAoB,CAACC,MAAqB;AAC5C,UAAMV,IAAaU,EAAS,QAAQ,OAAO,EAAE;AAC7C,WAAAH,EAASP,CAAU,GACZA;AAAA,EACX;AAEA,iBAAQ,IAAIM,CAAC,qBAGR,OAAA,EACG,UAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,gBAAc;AAAA,MACd,aAAAV;AAAA,MACA,aAAaW;AAAA,MACb,eAAeJ;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":["colourOptions","filterColors","inputValue","i","loadOptions","callback","filteredOptions","AsyncOnSearch","_","setValue","useState","handleInputChange","newValue","jsx","Select","AsyncSelect"],"mappings":";;;;;AAYA,MAAMA,IAA0B;AAAA,EAC5B,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,SAAS,GAAK;AAAA,EAClE,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,WAAW,YAAY,GAAK;AAAA,EACnE,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,WAAW,SAAS,GAAK;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,GAEMC,IAAe,CAACC,MACXF,EAAc;AAAA,EAAO,CAACG,MACzBA,EAAE,MAAM,cAAc,SAASD,EAAW,YAAa,CAAA;AAC3D,GAGEE,IAAc,CAChBF,GACAG,MACC;AACD,aAAW,MAAM;AACP,UAAAC,IAAkBL,EAAaC,CAAU;AAC/C,IAAAG,EAASC,CAAe;AAAA,KACzB,GAAI;AACX,GAEMC,IAAgB,MAAM;AACxB,QAAM,CAACC,GAAGC,CAAQ,IAAIC,EAAS,EAAE,GAE3BC,IAAoB,CAACC,MAAqB;AAC5C,UAAMV,IAAaU,EAAS,QAAQ,OAAO,EAAE;AAC7C,WAAAH,EAASP,CAAU,GACZA;AAAA,EACX;AAEA,iBAAQ,IAAIM,CAAC,qBAGR,OACG,EAAA,UAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,gBAAc;AAAA,MACd,aAAAV;AAAA,MACA,aAAaW;AAAA,MACb,eAAeJ;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":["colourOptions","Basic","jsx","Select"],"mappings":";;;AAEA,MAAMA,IAAgB;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,GAEMC,IAAQ,MACH,gBAAAC,EAACC,GAAA,EAAO,aAAY,iBAAgB,SAASH,GAAe;"}
+{"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":["colourOptions","Basic","jsx","Select"],"mappings":";;;AAEA,MAAMA,IAAgB;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,GAEMC,IAAQ,MACF,gBAAAC,EAAAC,GAAA,EAAO,aAAY,iBAAgB,SAASH,GAAe;"}

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":["colourOptions","Creatable","jsx","Select","CreatableSelect","newValue","actionMeta","inputValue"],"mappings":";;;;AAUA,MAAMA,IAAgB;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,GAEMC,IAAY,wBAsBT,OAAA,EACG,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,aAAW;AAAA,IACX,aAAY;AAAA,IACZ,aAAaC;AAAA,IACb,SAASJ;AAAA,IACT,UA3BS,CACjBK,GACAC,MACC;AACD,cAAQ,MAAM,eAAe,GAC7B,QAAQ,IAAID,CAAQ,GACpB,QAAQ,IAAI,WAAWC,EAAW,MAAM,EAAE,GAC1C,QAAQ,SAAA;AAAA,IACZ;AAAA,IAoBY,eAlBc,CACtBC,GACAD,MACC;AACD,cAAQ,MAAM,eAAe,GAC7B,QAAQ,IAAIC,CAAU,GACtB,QAAQ,IAAI,WAAWD,EAAW,MAAM,EAAE,GAC1C,QAAQ,SAAA;AAAA,IACZ;AAAA,EAU2B;AAAA,GAEvB;"}
+{"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":["colourOptions","Creatable","jsx","Select","CreatableSelect","newValue","actionMeta","inputValue"],"mappings":";;;;AAUA,MAAMA,IAAgB;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,GAEMC,IAAY,wBAsBT,OACG,EAAA,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,aAAW;AAAA,IACX,aAAY;AAAA,IACZ,aAAaC;AAAA,IACb,SAASJ;AAAA,IACT,UA3BS,CACjBK,GACAC,MACC;AACD,cAAQ,MAAM,eAAe,GAC7B,QAAQ,IAAID,CAAQ,GACpB,QAAQ,IAAI,WAAWC,EAAW,MAAM,EAAE,GAC1C,QAAQ,SAAS;AAAA,IACrB;AAAA,IAoBY,eAlBc,CACtBC,GACAD,MACC;AACD,cAAQ,MAAM,eAAe,GAC7B,QAAQ,IAAIC,CAAU,GACtB,QAAQ,IAAI,WAAWD,EAAW,MAAM,EAAE,GAC1C,QAAQ,SAAS;AAAA,IACrB;AAAA,EAU2B;AAAA,GAEvB;"}

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":["MultiValueLabel","Control","components","countryOptions","CustomSelectOption","props","jsx","DefaultOption","data","label","jsxs","Avatar","CustomControl","children","selected","CustomControlMulti","imgPath","Custom","Select"],"mappings":";;;;;;AAeA,MAAM,EAAE,iBAAAA,GAAiB,SAAAC,EAAA,IAAYC,GAE/BC,IAA2B;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,GAEMC,IAAqB,CAACC,MAEpB,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,aAAa,CAACG,GAAMC,MAChB,gBAAAC,EAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,MAAA,gBAAAJ,EAACK,KAAO,OAAM,UAAS,MAAM,IAAI,KAAKH,EAAK,SAAS;AAAA,MACpD,gBAAAF,EAAC,QAAA,EAAK,WAAU,iBAAiB,UAAAG,EAAA,CAAM;AAAA,IAAA,EAAA,CAC3C;AAAA,EAAA;AAAA,GAMVG,IAAgB,CAAC,EAAE,UAAAC,GAAU,GAAGR,QAAkC;AACpE,QAAMS,IAAWT,EAAM,SAAA,EAAW,CAAC;AACnC,SACI,gBAAAK,EAACT,GAAA,EAAS,GAAGI,GACR,UAAA;AAAA,IAAAS,KACG,gBAAAR;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,OAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAKG,EAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAGrBD;AAAA,EAAA,GACL;AAER,GAEME,IAAqB,CAAC;AAAA,EACxB,UAAAF;AAAA,EACA,GAAGR;AACP,MAA4C;AACxC,QAAM,EAAE,SAAAW,MAAYX,EAAM;AAC1B,2BACKL,GAAA,EAAiB,GAAGK,GACjB,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,4BACX,UAAA;AAAA,IAAA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,OAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAKK;AAAA,MAAA;AAAA,IAAA;AAAA,IAERH;AAAA,EAAA,EAAA,CACL,EAAA,CACJ;AAER,GAEMI,IAAS,wBAEN,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAX;AAAA,IAACY;AAAA,IAAA;AAAA,MACG,SAASf;AAAA,MACT,YAAY;AAAA,QACR,QAAQC;AAAA,QACR,SAASQ;AAAA,MAAA;AAAA,MAEb,cAAcT,EAAe,CAAC;AAAA,MAC9B,WAAU;AAAA,IAAA;AAAA,EAAA;AAAA,EAEd,gBAAAG;AAAA,IAACY;AAAA,IAAA;AAAA,MACG,SAAO;AAAA,MACP,SAASf;AAAA,MACT,YAAY;AAAA,QACR,QAAQC;AAAA,QACR,iBAAiBW;AAAA,MAAA;AAAA,MAErB,cAAc,CAACZ,EAAe,CAAC,GAAGA,EAAe,CAAC,CAAC;AAAA,MACnD,WAAU;AAAA,IAAA;AAAA,EAAA;AACd,GACJ;"}
+{"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":["MultiValueLabel","Control","components","countryOptions","CustomSelectOption","props","jsx","DefaultOption","data","label","jsxs","Avatar","CustomControl","children","selected","CustomControlMulti","imgPath","Custom","Select"],"mappings":";;;;;;AAeA,MAAM,EAAE,iBAAAA,GAAiB,SAAAC,EAAA,IAAYC,GAE/BC,IAA2B;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,GAEMC,IAAqB,CAACC,MAEpB,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,aAAa,CAACG,GAAMC,MACf,gBAAAC,EAAA,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,MAAA,gBAAAJ,EAACK,KAAO,OAAM,UAAS,MAAM,IAAI,KAAKH,EAAK,SAAS;AAAA,MACnD,gBAAAF,EAAA,QAAA,EAAK,WAAU,iBAAiB,UAAMG,EAAA,CAAA;AAAA,IAAA,EAC3C,CAAA;AAAA,EAAA;AAER,GAIFG,IAAgB,CAAC,EAAE,UAAAC,GAAU,GAAGR,QAAkC;AACpE,QAAMS,IAAWT,EAAM,SAAS,EAAE,CAAC;AAE/B,SAAA,gBAAAK,EAACT,GAAS,EAAA,GAAGI,GACR,UAAA;AAAA,IACGS,KAAA,gBAAAR;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,OAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAKG,EAAS;AAAA,MAAA;AAAA,IAClB;AAAA,IAEHD;AAAA,EAAA,GACL;AAER,GAEME,IAAqB,CAAC;AAAA,EACxB,UAAAF;AAAA,EACA,GAAGR;AACP,MAA4C;AAClC,QAAA,EAAE,SAAAW,MAAYX,EAAM;AAC1B,2BACKL,GAAiB,EAAA,GAAGK,GACjB,UAAC,gBAAAK,EAAA,OAAA,EAAI,WAAU,4BACX,UAAA;AAAA,IAAA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,OAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAKK;AAAA,MAAA;AAAA,IACT;AAAA,IACCH;AAAA,EAAA,EAAA,CACL,EACJ,CAAA;AAER,GAEMI,IAAS,wBAEN,OACG,EAAA,UAAA;AAAA,EAAA,gBAAAX;AAAA,IAACY;AAAA,IAAA;AAAA,MACG,SAASf;AAAA,MACT,YAAY;AAAA,QACR,QAAQC;AAAA,QACR,SAASQ;AAAA,MACb;AAAA,MACA,cAAcT,EAAe,CAAC;AAAA,MAC9B,WAAU;AAAA,IAAA;AAAA,EACd;AAAA,EACA,gBAAAG;AAAA,IAACY;AAAA,IAAA;AAAA,MACG,SAAO;AAAA,MACP,SAASf;AAAA,MACT,YAAY;AAAA,QACR,QAAQC;AAAA,QACR,iBAAiBW;AAAA,MACrB;AAAA,MACA,cAAc,CAACZ,EAAe,CAAC,GAAGA,EAAe,CAAC,CAAC;AAAA,MACnD,WAAU;AAAA,IAAA;AAAA,EAAA;AACd,GACJ;"}

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":["colourOptions","Disabled","jsx","Select"],"mappings":";;;AAEA,MAAMA,IAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,YAAY,GAAA;AAAA,EAChE,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,WAAW,YAAY,GAAA;AAAA,EAC9D,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,WAAW,YAAY,GAAA;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,GAAA;AAAA,EAClE,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,YAAY,GAAA;AAAA,EAChE,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAC/C,GAEMC,IAAW,wBAER,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,aAAY;AAAA,MACZ,SAASH;AAAA,IAAA;AAAA,EAAA;AAAA,EAEb,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,YAAU;AAAA,MACV,WAAU;AAAA,MACV,aAAY;AAAA,MACZ,cAAcH,EAAc,CAAC;AAAA,MAC7B,SAASA;AAAA,IAAA;AAAA,EAAA;AAAA,EAEb,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,YAAU;AAAA,MACV,SAAO;AAAA,MACP,cAAc,CAACH,EAAc,CAAC,GAAGA,EAAc,CAAC,CAAC;AAAA,MACjD,SAASA;AAAA,IAAA;AAAA,EAAA;AACb,GACJ;"}
+{"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":["colourOptions","Disabled","jsx","Select"],"mappings":";;;AAEA,MAAMA,IAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,YAAY,GAAK;AAAA,EACrE,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,WAAW,YAAY,GAAK;AAAA,EACnE,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,WAAW,YAAY,GAAK;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,GAAK;AAAA,EACvE,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,YAAY,GAAK;AAAA,EACrE,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AACzD,GAEMC,IAAW,wBAER,OACG,EAAA,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,aAAY;AAAA,MACZ,SAASH;AAAA,IAAA;AAAA,EACb;AAAA,EACA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,YAAU;AAAA,MACV,WAAU;AAAA,MACV,aAAY;AAAA,MACZ,cAAcH,EAAc,CAAC;AAAA,MAC7B,SAASA;AAAA,IAAA;AAAA,EACb;AAAA,EACA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,YAAU;AAAA,MACV,SAAO;AAAA,MACP,cAAc,CAACH,EAAc,CAAC,GAAGA,EAAc,CAAC,CAAC;AAAA,MACjD,SAASA;AAAA,IAAA;AAAA,EAAA;AACb,GACJ;"}

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":["colourOptions","DisabledSearch","jsx","Select"],"mappings":";;;AAEA,MAAMA,IAAgB;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,GAEMC,IAAiB,wBAEd,OAAA,EACG,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAc;AAAA,IACd,aAAY;AAAA,IACZ,SAASH;AAAA,EAAA;AAAA,GAEjB;"}
+{"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":["colourOptions","DisabledSearch","jsx","Select"],"mappings":";;;AAEA,MAAMA,IAAgB;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,GAEMC,IAAiB,wBAEd,OACG,EAAA,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAc;AAAA,IACd,aAAY;AAAA,IACZ,SAASH;AAAA,EAAA;AAAA,GAEjB;"}

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":["groupedOptions","formatGroupLabel","data","jsx","Group","Select"],"mappings":";;;AAYA,MAAMA,IAA2B;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,GAEMC,IAAmB,CAACC,MACtB,gBAAAC,EAAC,SAAI,WAAU,kEACV,YAAK,OACV,GAGEC,IAAQ,wBAEL,OAAA,EACG,UAAA,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,cAAcL,EAAe,CAAC,EAAE,QAAQ,CAAC;AAAA,IACzC,SAASA;AAAA,IACT,kBAAAC;AAAA,EAAA;AAAA,GAER;"}
+{"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":["groupedOptions","formatGroupLabel","data","jsx","Group","Select"],"mappings":";;;AAYA,MAAMA,IAA2B;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,GAEMC,IAAmB,CAACC,MACtB,gBAAAC,EAAC,SAAI,WAAU,kEACV,YAAK,OACV,GAGEC,IAAQ,wBAEL,OACG,EAAA,UAAA,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,cAAcL,EAAe,CAAC,EAAE,QAAQ,CAAC;AAAA,IACzC,SAASA;AAAA,IACT,kBAAAC;AAAA,EAAA;AAAA,GAER;"}

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":["colourOptions","LoadOptionOnExpand","options","setOptions","useState","loading","setLoading","promiseOptions","jsx","Select"],"mappings":";;;;AAWA,MAAMA,IAA0B;AAAA,EAC5B,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,SAAS,GAAA;AAAA,EAC7D,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,WAAW,YAAY,GAAA;AAAA,EAC9D,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,WAAW,SAAS,GAAA;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,GAEMC,IAAqB,MAAM;AAC7B,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAmB,CAAA,CAAE,GAC7C,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAEtCG,IAAiB,MAAM;AACzB,eAAW,MAAM;AACb,MAAAJ,EAAWH,CAAa,GACxBM,EAAW,EAAK;AAAA,IACpB,GAAG,IAAI;AAAA,EACX;AASA,SACI,gBAAAE,EAAC,SACG,UAAA,gBAAAA,EAACC,GAAA,EAAO,SAAAP,GAAkB,WAAWG,GAAS,SATtC,MAAM;AAClB,IAAIH,EAAQ,WAAW,MACnBI,EAAW,EAAI,GACfC,EAAA;AAAA,EAER,GAIwE,EAAA,CACpE;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":["colourOptions","LoadOptionOnExpand","options","setOptions","useState","loading","setLoading","promiseOptions","jsx","Select"],"mappings":";;;;AAWA,MAAMA,IAA0B;AAAA,EAC5B,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,SAAS,GAAK;AAAA,EAClE,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,WAAW,YAAY,GAAK;AAAA,EACnE,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,WAAW,SAAS,GAAK;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,GAEMC,IAAqB,MAAM;AAC7B,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAmB,CAAA,CAAE,GAC7C,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAEtCG,IAAiB,MAAM;AACzB,eAAW,MAAM;AACb,MAAAJ,EAAWH,CAAa,GACxBM,EAAW,EAAK;AAAA,OACjB,IAAI;AAAA,EACX;AAUI,SAAA,gBAAAE,EAAC,SACG,UAAC,gBAAAA,EAAAC,GAAA,EAAO,SAAAP,GAAkB,WAAWG,GAAS,SATtC,MAAM;AACd,IAAAH,EAAQ,WAAW,MACnBI,EAAW,EAAI,GACAC,EAAA;AAAA,EAEvB,GAIwE,EACpE,CAAA;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":["colourOptions","MultiSelection","jsx","Select"],"mappings":";;;AAEA,MAAMA,IAAgB;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,GAEMC,IAAiB,wBAEd,OAAA,EACG,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAO;AAAA,IACP,aAAY;AAAA,IACZ,cAAc,CAACH,EAAc,CAAC,GAAGA,EAAc,CAAC,CAAC;AAAA,IACjD,SAASA;AAAA,EAAA;AAAA,GAEjB;"}
+{"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":["colourOptions","MultiSelection","jsx","Select"],"mappings":";;;AAEA,MAAMA,IAAgB;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,GAEMC,IAAiB,wBAEd,OACG,EAAA,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAO;AAAA,IACP,aAAY;AAAA,IACZ,cAAc,CAACH,EAAc,CAAC,GAAGA,EAAc,CAAC,CAAC;AAAA,IACjD,SAASA;AAAA,EAAA;AAAA,GAEjB;"}

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":["colourOptions","Size","jsx","Select"],"mappings":";;;AAEA,MAAMA,IAAgB;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,GAEMC,IAAO,wBAEJ,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,WAAU;AAAA,MACV,aAAY;AAAA,MACZ,SAASH;AAAA,IAAA;AAAA,EAAA;AAAA,EAEb,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,aAAY;AAAA,MACZ,SAASH;AAAA,IAAA;AAAA,EAAA;AAAA,EAEb,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,aAAY;AAAA,MACZ,SAASH;AAAA,IAAA;AAAA,EAAA;AACZ,GACL;"}
+{"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":["colourOptions","Size","jsx","Select"],"mappings":";;;AAEA,MAAMA,IAAgB;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,GAEMC,IAAO,wBAEJ,OACG,EAAA,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,WAAU;AAAA,MACV,aAAY;AAAA,MACZ,SAASH;AAAA,IAAA;AAAA,EACZ;AAAA,EACD,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,aAAY;AAAA,MACZ,SAASH;AAAA,IAAA;AAAA,EACZ;AAAA,EACD,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,aAAY;AAAA,MACZ,SAASH;AAAA,IAAA;AAAA,EAAA;AACZ,GACL;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Size from './Size'\nimport Disabled from './Disabled'\nimport DisabledSearch from './DisabledSearch'\nimport MultiSelection from './MultiSelection'\nimport Group from './Group'\nimport Custom from './Custom'\nimport AsyncOnSearch from './AsyncOnSearch'\nimport LoadOptionOnExpand from './LoadOptionOnExpand'\nimport Creatable from './Creatable'\n\nconst mdPath = 'Select'\n\nconst demoHeader = {\n    title: 'Select',\n    desc: 'Select allows a user to pick single or multiple options from a list. This component is a wrapper of <a class=\"underline text-blue-500\" href=\"https://react-select.com/home\" target=\"_blank\">react-select</a>.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic Usage.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Size',\n        mdPath: mdPath,\n        title: 'Size',\n        desc: `There's three sizes of option for Select.`,\n        component: <Size />,\n    },\n    {\n        mdName: 'MultiSelection',\n        mdPath: mdPath,\n        title: 'Multi Selection',\n        desc: `By setting <code>isMulti</code> to true, we can select multiple options from the list.`,\n        component: <MultiSelection />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Example of disabled.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'DisabledSearch',\n        mdPath: mdPath,\n        title: 'Disabled Search',\n        desc: `Select is searchable by default, but we can also turn it off by setting <code>isSearchable</code> to false.`,\n        component: <DisabledSearch />,\n    },\n    {\n        mdName: 'Group',\n        mdPath: mdPath,\n        title: 'Group',\n        desc: `Options can be grouped with nested data.`,\n        component: <Group />,\n    },\n    {\n        mdName: 'Custom',\n        mdPath: mdPath,\n        title: 'Custom',\n        desc: `React-select allow us to make customization the building block of the component, refer <a class=\"underline text-blue-500\" href=\"https://react-select.com/components\" target=\"_blank\">here</a> for more detail infomation`,\n        component: <Custom />,\n    },\n    {\n        mdName: 'AsyncOnSearch',\n        mdPath: mdPath,\n        title: 'Async on Search',\n        desc: `Use the Async component to load options from a remote source as the user types.`,\n        component: <AsyncOnSearch />,\n    },\n    {\n        mdName: 'LoadOptionOnExpand',\n        mdPath: mdPath,\n        title: 'Load Options on Expand',\n        desc: `We can also load options upon clicking the Select.`,\n        component: <LoadOptionOnExpand />,\n    },\n    {\n        mdName: 'Creatable',\n        mdPath: mdPath,\n        title: 'Creatable',\n        desc: `Example of creating new option via Select input.`,\n        component: <Creatable />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Select',\n        api: [\n            {\n                propName: 'componentAs',\n                type: `<code>ReactNode</code>`,\n                default: `<code>ReactSelect</code>`,\n                desc: 'Receive extensive component from react-select, such as <code>Async</code> & <code>Creatable</code>',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Select size',\n            },\n        ],\n    },\n]\n\nconst reactSelectApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-select-api\" className=\"mb-3\">\n            React Select\n        </h6>\n        <p className=\"mb-1\">\n            <code>Select</code> is a wrapper component of{' '}\n            <a\n                className=\"underline text-blue-500\"\n                href=\"https://react-select.com/home\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                react-select\n            </a>\n            .\n        </p>\n        <p>\n            All react-select props can be applied on this component, refer{' '}\n            <a\n                className=\"underline text-blue-500\"\n                href=\"https://react-select.com/props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete api list.{' '}\n        </p>\n    </div>\n)\n\nconst Select = () => {\n    return (\n        <DemoLayout\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            extra={reactSelectApi}\n        />\n    )\n}\n\nexport default Select\n"],"names":["mdPath","demoHeader","demos","Basic","Size","MultiSelection","Disabled","DisabledSearch","Group","Custom","AsyncOnSearch","LoadOptionOnExpand","Creatable","demoApi","reactSelectApi","jsxs","jsx","Select","DemoLayout"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Size from './Size'\nimport Disabled from './Disabled'\nimport DisabledSearch from './DisabledSearch'\nimport MultiSelection from './MultiSelection'\nimport Group from './Group'\nimport Custom from './Custom'\nimport AsyncOnSearch from './AsyncOnSearch'\nimport LoadOptionOnExpand from './LoadOptionOnExpand'\nimport Creatable from './Creatable'\n\nconst mdPath = 'Select'\n\nconst demoHeader = {\n    title: 'Select',\n    desc: 'Select allows a user to pick single or multiple options from a list. This component is a wrapper of <a class=\"underline text-blue-500\" href=\"https://react-select.com/home\" target=\"_blank\">react-select</a>.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic Usage.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Size',\n        mdPath: mdPath,\n        title: 'Size',\n        desc: `There's three sizes of option for Select.`,\n        component: <Size />,\n    },\n    {\n        mdName: 'MultiSelection',\n        mdPath: mdPath,\n        title: 'Multi Selection',\n        desc: `By setting <code>isMulti</code> to true, we can select multiple options from the list.`,\n        component: <MultiSelection />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Example of disabled.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'DisabledSearch',\n        mdPath: mdPath,\n        title: 'Disabled Search',\n        desc: `Select is searchable by default, but we can also turn it off by setting <code>isSearchable</code> to false.`,\n        component: <DisabledSearch />,\n    },\n    {\n        mdName: 'Group',\n        mdPath: mdPath,\n        title: 'Group',\n        desc: `Options can be grouped with nested data.`,\n        component: <Group />,\n    },\n    {\n        mdName: 'Custom',\n        mdPath: mdPath,\n        title: 'Custom',\n        desc: `React-select allow us to make customization the building block of the component, refer <a class=\"underline text-blue-500\" href=\"https://react-select.com/components\" target=\"_blank\">here</a> for more detail infomation`,\n        component: <Custom />,\n    },\n    {\n        mdName: 'AsyncOnSearch',\n        mdPath: mdPath,\n        title: 'Async on Search',\n        desc: `Use the Async component to load options from a remote source as the user types.`,\n        component: <AsyncOnSearch />,\n    },\n    {\n        mdName: 'LoadOptionOnExpand',\n        mdPath: mdPath,\n        title: 'Load Options on Expand',\n        desc: `We can also load options upon clicking the Select.`,\n        component: <LoadOptionOnExpand />,\n    },\n    {\n        mdName: 'Creatable',\n        mdPath: mdPath,\n        title: 'Creatable',\n        desc: `Example of creating new option via Select input.`,\n        component: <Creatable />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Select',\n        api: [\n            {\n                propName: 'componentAs',\n                type: `<code>ReactNode</code>`,\n                default: `<code>ReactSelect</code>`,\n                desc: 'Receive extensive component from react-select, such as <code>Async</code> & <code>Creatable</code>',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Select size',\n            },\n        ],\n    },\n]\n\nconst reactSelectApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-select-api\" className=\"mb-3\">\n            React Select\n        </h6>\n        <p className=\"mb-1\">\n            <code>Select</code> is a wrapper component of{' '}\n            <a\n                className=\"underline text-blue-500\"\n                href=\"https://react-select.com/home\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                react-select\n            </a>\n            .\n        </p>\n        <p>\n            All react-select props can be applied on this component, refer{' '}\n            <a\n                className=\"underline text-blue-500\"\n                href=\"https://react-select.com/props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete api list.{' '}\n        </p>\n    </div>\n)\n\nconst Select = () => {\n    return (\n        <DemoLayout\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            extra={reactSelectApi}\n        />\n    )\n}\n\nexport default Select\n"],"names":["mdPath","demoHeader","demos","Basic","Size","MultiSelection","Disabled","DisabledSearch","Group","Custom","AsyncOnSearch","LoadOptionOnExpand","Creatable","demoApi","reactSelectApi","jsxs","jsx","Select","DemoLayout"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Basic.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\nimport type { ChangeEvent } from 'react'\n\nconst Basic = () => {\n    const onSwitcherToggle = (val: boolean, e: ChangeEvent) => {\n        console.log(val, e)\n    }\n\n    return (\n        <div>\n            <Switcher defaultChecked onChange={onSwitcherToggle} />\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Switcher","val","e"],"mappings":";;;AAGA,MAAMA,IAAQ,MAMN,gBAAAC,EAAC,SACG,UAAA,gBAAAA,EAACC,GAAA,EAAS,gBAAc,IAAC,UANR,CAACC,GAAcC,MAAmB;AACvD,UAAQ,IAAID,GAAKC,CAAC;AACtB,GAI6D,EAAA,CACzD;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Basic.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\nimport type { ChangeEvent } from 'react'\n\nconst Basic = () => {\n    const onSwitcherToggle = (val: boolean, e: ChangeEvent) => {\n        console.log(val, e)\n    }\n\n    return (\n        <div>\n            <Switcher defaultChecked onChange={onSwitcherToggle} />\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Switcher","val","e"],"mappings":";;;AAGA,MAAMA,IAAQ,MAMN,gBAAAC,EAAC,SACG,UAAC,gBAAAA,EAAAC,GAAA,EAAS,gBAAc,IAAC,UANR,CAACC,GAAcC,MAAmB;AAC/C,UAAA,IAAID,GAAKC,CAAC;AACtB,GAI6D,EACzD,CAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Colors.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Colors.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\n\nconst Colors = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Switcher defaultChecked switcherClass=\"bg-green-500\" />\n            </div>\n            <div className=\"mb-4\">\n                <Switcher defaultChecked switcherClass=\"bg-red-500\" />\n            </div>\n        </div>\n    )\n}\n\nexport default Colors\n"],"names":["Colors","jsx","Switcher"],"mappings":";;;AAEA,MAAMA,IAAS,wBAEN,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAS,gBAAc,IAAC,eAAc,eAAA,CAAe,EAAA,CAC1D;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAS,gBAAc,IAAC,eAAc,aAAA,CAAa,EAAA,CACxD;AAAA,GACJ;"}
+{"version":3,"file":"Colors.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Colors.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\n\nconst Colors = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Switcher defaultChecked switcherClass=\"bg-green-500\" />\n            </div>\n            <div className=\"mb-4\">\n                <Switcher defaultChecked switcherClass=\"bg-red-500\" />\n            </div>\n        </div>\n    )\n}\n\nexport default Colors\n"],"names":["Colors","jsx","Switcher"],"mappings":";;;AAEA,MAAMA,IAAS,wBAEN,OACG,EAAA,UAAA;AAAA,EAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAS,gBAAc,IAAC,eAAc,eAAA,CAAe,EAC1D,CAAA;AAAA,EACA,gBAAAD,EAAC,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAS,gBAAc,IAAC,eAAc,aAAa,CAAA,EACxD,CAAA;AAAA,GACJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Content.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\nimport { RiMoonClearLine, RiSunLine } from 'react-icons/ri'\nimport type { ReactNode } from 'react'\n\nconst withIcon = (component: ReactNode) => {\n    return <div className=\"text-lg\">{component}</div>\n}\n\nconst Content = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Switcher checkedContent=\"a\" unCheckedContent=\"b\" />\n            </div>\n            <div className=\"mb-4\">\n                <Switcher\n                    unCheckedContent={withIcon(<RiMoonClearLine />)}\n                    checkedContent={withIcon(<RiSunLine />)}\n                />\n            </div>\n        </div>\n    )\n}\n\nexport default Content\n"],"names":["withIcon","component","jsx","Content","Switcher","RiMoonClearLine","RiSunLine"],"mappings":";;;;AAIA,MAAMA,IAAW,CAACC,MACP,gBAAAC,EAAC,OAAA,EAAI,WAAU,WAAW,UAAAD,GAAU,GAGzCE,IAAU,wBAEP,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACE,KAAS,gBAAe,KAAI,kBAAiB,IAAA,CAAI,EAAA,CACtD;AAAA,EACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,kBAAkBJ,EAAS,gBAAAE,EAACG,GAAA,CAAA,CAAgB,CAAE;AAAA,MAC9C,gBAAgBL,EAAS,gBAAAE,EAACI,GAAA,CAAA,CAAU,CAAE;AAAA,IAAA;AAAA,EAAA,EAC1C,CACJ;AAAA,GACJ;"}
+{"version":3,"file":"Content.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Content.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\nimport { RiMoonClearLine, RiSunLine } from 'react-icons/ri'\nimport type { ReactNode } from 'react'\n\nconst withIcon = (component: ReactNode) => {\n    return <div className=\"text-lg\">{component}</div>\n}\n\nconst Content = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Switcher checkedContent=\"a\" unCheckedContent=\"b\" />\n            </div>\n            <div className=\"mb-4\">\n                <Switcher\n                    unCheckedContent={withIcon(<RiMoonClearLine />)}\n                    checkedContent={withIcon(<RiSunLine />)}\n                />\n            </div>\n        </div>\n    )\n}\n\nexport default Content\n"],"names":["withIcon","component","jsx","Content","Switcher","RiMoonClearLine","RiSunLine"],"mappings":";;;;AAIA,MAAMA,IAAW,CAACC,MACN,gBAAAC,EAAA,OAAA,EAAI,WAAU,WAAW,UAAUD,GAAA,GAGzCE,IAAU,wBAEP,OACG,EAAA,UAAA;AAAA,EAAC,gBAAAD,EAAA,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACE,KAAS,gBAAe,KAAI,kBAAiB,IAAA,CAAI,EACtD,CAAA;AAAA,EACA,gBAAAF,EAAC,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,kBAAkBJ,EAAU,gBAAAE,EAAAG,GAAA,CAAgB,CAAA,CAAE;AAAA,MAC9C,gBAAgBL,EAAU,gBAAAE,EAAAI,GAAA,CAAA,CAAU,CAAE;AAAA,IAAA;AAAA,EAAA,EAE9C,CAAA;AAAA,GACJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Controlled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Controlled.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Switcher from '@/components/ui/Switcher'\n\nconst Controlled = () => {\n    const [checked, setChecked] = useState(false)\n\n    const onSwitcherToggle = (val: boolean) => {\n        console.log('value', val)\n        setChecked(val)\n    }\n\n    return (\n        <div>\n            <Switcher checked={checked} onChange={onSwitcherToggle} />\n        </div>\n    )\n}\n\nexport default Controlled\n"],"names":["Controlled","checked","setChecked","useState","jsx","Switcher","val"],"mappings":";;;;AAGA,MAAMA,IAAa,MAAM;AACrB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAO5C,2BACK,OAAA,EACG,UAAA,gBAAAC,EAACC,KAAS,SAAAJ,GAAkB,UAPX,CAACK,MAAiB;AACvC,YAAQ,IAAI,SAASA,CAAG,GACxBJ,EAAWI,CAAG;AAAA,EAClB,GAIgE,EAAA,CAC5D;AAER;"}
+{"version":3,"file":"Controlled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Controlled.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Switcher from '@/components/ui/Switcher'\n\nconst Controlled = () => {\n    const [checked, setChecked] = useState(false)\n\n    const onSwitcherToggle = (val: boolean) => {\n        console.log('value', val)\n        setChecked(val)\n    }\n\n    return (\n        <div>\n            <Switcher checked={checked} onChange={onSwitcherToggle} />\n        </div>\n    )\n}\n\nexport default Controlled\n"],"names":["Controlled","checked","setChecked","useState","jsx","Switcher","val"],"mappings":";;;;AAGA,MAAMA,IAAa,MAAM;AACrB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAO5C,2BACK,OACG,EAAA,UAAA,gBAAAC,EAACC,KAAS,SAAAJ,GAAkB,UAPX,CAACK,MAAiB;AAC/B,YAAA,IAAI,SAASA,CAAG,GACxBJ,EAAWI,CAAG;AAAA,EAClB,GAIgE,EAC5D,CAAA;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Disabled.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\n\nconst Disabled = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Switcher disabled />\n            </div>\n            <div className=\"mb-4\">\n                <Switcher disabled defaultChecked />\n            </div>\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":["Disabled","jsx","Switcher"],"mappings":";;;AAEA,MAAMA,IAAW,wBAER,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,QACX,4BAACC,GAAA,EAAS,UAAQ,IAAC,EAAA,CACvB;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAS,UAAQ,IAAC,gBAAc,GAAA,CAAC,EAAA,CACtC;AAAA,GACJ;"}
+{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Disabled.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\n\nconst Disabled = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Switcher disabled />\n            </div>\n            <div className=\"mb-4\">\n                <Switcher disabled defaultChecked />\n            </div>\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":["Disabled","jsx","Switcher"],"mappings":";;;AAEA,MAAMA,IAAW,wBAER,OACG,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,QACX,4BAACC,GAAS,EAAA,UAAQ,IAAC,EACvB,CAAA;AAAA,EACA,gBAAAD,EAAC,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAS,UAAQ,IAAC,gBAAc,GAAC,CAAA,EACtC,CAAA;AAAA,GACJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Loading.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Switcher from '@/components/ui/Switcher'\n\nconst Loading = () => {\n    const [checked, setChecked] = useState(false)\n    const [isLoading, setIsLoading] = useState(false)\n\n    const onSwitcherToggle = () => {\n        setIsLoading(true)\n        setTimeout(() => {\n            setChecked((checked) => !checked)\n            setIsLoading(false)\n        }, 1000)\n    }\n\n    return (\n        <div>\n            <Switcher\n                checked={checked}\n                isLoading={isLoading}\n                onChange={onSwitcherToggle}\n            />\n        </div>\n    )\n}\n\nexport default Loading\n"],"names":["Loading","checked","setChecked","useState","isLoading","setIsLoading","jsx","Switcher"],"mappings":";;;;AAGA,MAAMA,IAAU,MAAM;AAClB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtC,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAK;AAUhD,2BACK,OAAA,EACG,UAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAAAN;AAAA,MACA,WAAAG;AAAA,MACA,UAba,MAAM;AAC3B,QAAAC,EAAa,EAAI,GACjB,WAAW,MAAM;AACb,UAAAH,EAAW,CAACD,MAAY,CAACA,CAAO,GAChCI,EAAa,EAAK;AAAA,QACtB,GAAG,GAAI;AAAA,MACX;AAAA,IAOsB;AAAA,EAAA,GAElB;AAER;"}
+{"version":3,"file":"Loading.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Loading.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Switcher from '@/components/ui/Switcher'\n\nconst Loading = () => {\n    const [checked, setChecked] = useState(false)\n    const [isLoading, setIsLoading] = useState(false)\n\n    const onSwitcherToggle = () => {\n        setIsLoading(true)\n        setTimeout(() => {\n            setChecked((checked) => !checked)\n            setIsLoading(false)\n        }, 1000)\n    }\n\n    return (\n        <div>\n            <Switcher\n                checked={checked}\n                isLoading={isLoading}\n                onChange={onSwitcherToggle}\n            />\n        </div>\n    )\n}\n\nexport default Loading\n"],"names":["Loading","checked","setChecked","useState","isLoading","setIsLoading","jsx","Switcher"],"mappings":";;;;AAGA,MAAMA,IAAU,MAAM;AAClB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtC,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAK;AAUhD,2BACK,OACG,EAAA,UAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAAAN;AAAA,MACA,WAAAG;AAAA,MACA,UAba,MAAM;AAC3B,QAAAC,EAAa,EAAI,GACjB,WAAW,MAAM;AACF,UAAAH,EAAA,CAACD,MAAY,CAACA,CAAO,GAChCI,EAAa,EAAK;AAAA,WACnB,GAAI;AAAA,MACX;AAAA,IAOsB;AAAA,EAAA,GAElB;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Content from './Content'\nimport Disabled from './Disabled'\nimport Loading from './Loading'\nimport Colors from './Colors'\nimport Controlled from './Controlled'\n\nconst mdPath = 'Switcher'\n\nconst demoHeader = {\n    title: 'Switcher',\n    desc: 'Switcher component used as an alternative of the single Checkbox, it can be switch between enabled or disabled.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic example for Switcher.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Content',\n        mdPath: mdPath,\n        title: 'Content',\n        desc: `Switcher can have different content on state enabled or disabled`,\n        component: <Content />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Set <code>disabled</code> to true to disable the Switcher.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Loading',\n        mdPath: mdPath,\n        title: 'Loading',\n        desc: `We can set <code>isLoading</code> prop to true and make Switcher status to pending.`,\n        component: <Loading />,\n    },\n    {\n        mdName: 'Colors',\n        mdPath: mdPath,\n        title: 'Colors',\n        desc: `We can apply custom color to Switcher via <code>color</code> prop.`,\n        component: <Colors />,\n    },\n    {\n        mdName: 'Controlled',\n        mdPath: mdPath,\n        title: 'Controlled',\n        desc: `Controlled example.`,\n        component: <Controlled />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Switcher',\n        api: [\n            {\n                propName: 'checked',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Switcher is checked',\n            },\n            {\n                propName: 'checkedContent',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Content to be shown when the state is checked',\n            },\n            {\n                propName: 'defaultChecked',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Switcher initial state is checked',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Switcher is disabled',\n            },\n            {\n                propName: 'isLoading',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether the checkbox is loading',\n            },\n            {\n                propName: 'labelRef',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Ref of Checkbox label element',\n            },\n            {\n                propName: 'name',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'The name of the switcher input field',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(checked: boolean, e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Switcher value is changed',\n            },\n            {\n                propName: 'readOnly',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Switcher is read only',\n            },\n            {\n                propName: 'switcherClass',\n                type: `<code>string</code>`,\n                default: 'current theme color',\n                desc: 'Custom css for Switcher',\n            },\n            {\n                propName: 'unCheckedContent',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Content to be shown when the state is unchecked',\n            },\n        ],\n    },\n]\n\nconst Switcher = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Switcher\n"],"names":["mdPath","demoHeader","demos","Basic","Content","Disabled","Loading","Colors","Controlled","demoApi","Switcher","DemoLayout"],"mappings":";;;;;;;;AAUA,MAAMA,IAAS,YAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAQ;AAAA,EAAA;AAAA,EAExB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAS;AAAA,EAAA;AAAA,EAEzB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAQ;AAAA,EAAA;AAAA,EAExB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAA,CAAA,CAAO;AAAA,EAAA;AAAA,EAEvB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAA,CAAA,CAAW;AAAA,EAAA;AAE/B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAW,wBACLC,GAAA,EAAW,QAAQV,GAAY,OAAAC,GAAc,KAAKO,GAAS;"}
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Content from './Content'\nimport Disabled from './Disabled'\nimport Loading from './Loading'\nimport Colors from './Colors'\nimport Controlled from './Controlled'\n\nconst mdPath = 'Switcher'\n\nconst demoHeader = {\n    title: 'Switcher',\n    desc: 'Switcher component used as an alternative of the single Checkbox, it can be switch between enabled or disabled.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic example for Switcher.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Content',\n        mdPath: mdPath,\n        title: 'Content',\n        desc: `Switcher can have different content on state enabled or disabled`,\n        component: <Content />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Set <code>disabled</code> to true to disable the Switcher.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Loading',\n        mdPath: mdPath,\n        title: 'Loading',\n        desc: `We can set <code>isLoading</code> prop to true and make Switcher status to pending.`,\n        component: <Loading />,\n    },\n    {\n        mdName: 'Colors',\n        mdPath: mdPath,\n        title: 'Colors',\n        desc: `We can apply custom color to Switcher via <code>color</code> prop.`,\n        component: <Colors />,\n    },\n    {\n        mdName: 'Controlled',\n        mdPath: mdPath,\n        title: 'Controlled',\n        desc: `Controlled example.`,\n        component: <Controlled />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Switcher',\n        api: [\n            {\n                propName: 'checked',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Switcher is checked',\n            },\n            {\n                propName: 'checkedContent',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Content to be shown when the state is checked',\n            },\n            {\n                propName: 'defaultChecked',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Switcher initial state is checked',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Switcher is disabled',\n            },\n            {\n                propName: 'isLoading',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether the checkbox is loading',\n            },\n            {\n                propName: 'labelRef',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Ref of Checkbox label element',\n            },\n            {\n                propName: 'name',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'The name of the switcher input field',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(checked: boolean, e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Switcher value is changed',\n            },\n            {\n                propName: 'readOnly',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Switcher is read only',\n            },\n            {\n                propName: 'switcherClass',\n                type: `<code>string</code>`,\n                default: 'current theme color',\n                desc: 'Custom css for Switcher',\n            },\n            {\n                propName: 'unCheckedContent',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Content to be shown when the state is unchecked',\n            },\n        ],\n    },\n]\n\nconst Switcher = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Switcher\n"],"names":["mdPath","demoHeader","demos","Basic","Content","Disabled","Loading","Colors","Controlled","demoApi","Switcher","DemoLayout"],"mappings":";;;;;;;;AAUA,MAAMA,IAAS,YAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAQ,CAAA,CAAA;AAAA,EACxB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAS,CAAA,CAAA;AAAA,EACzB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAQ,CAAA,CAAA;AAAA,EACxB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAO,CAAA,CAAA;AAAA,EACvB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAW,CAAA,CAAA;AAAA,EAAA;AAE/B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAW,wBACLC,GAAW,EAAA,QAAQV,GAAY,OAAAC,GAAc,KAAKO,GAAS;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Affix.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Affix.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\nimport { HiOutlineClock, HiClock } from 'react-icons/hi'\n\nconst Affix = () => {\n    return (\n        <div className=\"flex flex-col gap-5\">\n            <TimeInput\n                prefix={<HiOutlineClock className=\"text-lg\" />}\n                suffix={null}\n            />\n            <TimeInput suffix={<HiClock className=\"text-lg\" />} />\n        </div>\n    )\n}\n\nexport default Affix\n"],"names":["Affix","jsxs","jsx","TimeInput","HiOutlineClock","HiClock"],"mappings":";;;AAGA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQ,gBAAAD,EAACE,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,MAC5C,QAAQ;AAAA,IAAA;AAAA,EAAA;AAAA,oBAEXD,GAAA,EAAU,0BAASE,GAAA,EAAQ,WAAU,WAAU,EAAA,CAAI;AAAA,GACxD;"}
+{"version":3,"file":"Affix.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Affix.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\nimport { HiOutlineClock, HiClock } from 'react-icons/hi'\n\nconst Affix = () => {\n    return (\n        <div className=\"flex flex-col gap-5\">\n            <TimeInput\n                prefix={<HiOutlineClock className=\"text-lg\" />}\n                suffix={null}\n            />\n            <TimeInput suffix={<HiClock className=\"text-lg\" />} />\n        </div>\n    )\n}\n\nexport default Affix\n"],"names":["Affix","jsxs","jsx","TimeInput","HiOutlineClock","HiClock"],"mappings":";;;AAGA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAI,EAAA,WAAU,uBACX,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQ,gBAAAD,EAACE,GAAe,EAAA,WAAU,UAAU,CAAA;AAAA,MAC5C,QAAQ;AAAA,IAAA;AAAA,EACZ;AAAA,oBACCD,GAAU,EAAA,0BAASE,GAAQ,EAAA,WAAU,WAAU,EAAI,CAAA;AAAA,GACxD;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Basic.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Basic = () => {\n    return <TimeInput />\n}\n\nexport default Basic\n"],"names":["Basic","TimeInput"],"mappings":";;AAEA,MAAMA,IAAQ,wBACFC,GAAA,EAAU;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Basic.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Basic = () => {\n    return <TimeInput />\n}\n\nexport default Basic\n"],"names":["Basic","TimeInput"],"mappings":";;AAEA,MAAMA,IAAQ,wBACFC,GAAU,EAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Controlled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Controlled.tsx"],"sourcesContent":["import { useState } from 'react'\nimport TimeInput from '@/components/ui/TimeInput'\nimport dayjs from 'dayjs'\n\nconst { TimeInputRange } = TimeInput\n\nconst Controlled = () => {\n    const [timeValue, setTimeValue] = useState<Date | null>(new Date())\n\n    const [timeRangeValue, setTimeRangeValue] = useState<\n        [Date | null, Date | null]\n    >([new Date(), dayjs(new Date()).add(60, 'minutes').toDate()])\n\n    return (\n        <div className=\"flex flex-col gap-5\">\n            <TimeInput value={timeValue} onChange={setTimeValue} />\n            <TimeInputRange\n                value={timeRangeValue}\n                onChange={setTimeRangeValue}\n            />\n        </div>\n    )\n}\n\nexport default Controlled\n"],"names":["TimeInputRange","TimeInput","Controlled","timeValue","setTimeValue","useState","timeRangeValue","setTimeRangeValue","dayjs","jsxs","jsx"],"mappings":";;;;AAIA,MAAM,EAAE,gBAAAA,MAAmBC,GAErBC,IAAa,MAAM;AACrB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAsB,oBAAI,MAAM,GAE5D,CAACC,GAAgBC,CAAiB,IAAIF,EAE1C,CAAC,oBAAI,QAAQG,sBAAU,KAAA,CAAM,EAAE,IAAI,IAAI,SAAS,EAAE,OAAA,CAAQ,CAAC;AAE7D,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,gBAAAC,EAACT,GAAA,EAAU,OAAOE,GAAW,UAAUC,GAAc;AAAA,IACrD,gBAAAM;AAAA,MAACV;AAAA,MAAA;AAAA,QACG,OAAOM;AAAA,QACP,UAAUC;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACJ;AAER;"}
+{"version":3,"file":"Controlled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Controlled.tsx"],"sourcesContent":["import { useState } from 'react'\nimport TimeInput from '@/components/ui/TimeInput'\nimport dayjs from 'dayjs'\n\nconst { TimeInputRange } = TimeInput\n\nconst Controlled = () => {\n    const [timeValue, setTimeValue] = useState<Date | null>(new Date())\n\n    const [timeRangeValue, setTimeRangeValue] = useState<\n        [Date | null, Date | null]\n    >([new Date(), dayjs(new Date()).add(60, 'minutes').toDate()])\n\n    return (\n        <div className=\"flex flex-col gap-5\">\n            <TimeInput value={timeValue} onChange={setTimeValue} />\n            <TimeInputRange\n                value={timeRangeValue}\n                onChange={setTimeRangeValue}\n            />\n        </div>\n    )\n}\n\nexport default Controlled\n"],"names":["TimeInputRange","TimeInput","Controlled","timeValue","setTimeValue","useState","timeRangeValue","setTimeRangeValue","dayjs","jsxs","jsx"],"mappings":";;;;AAIA,MAAM,EAAE,gBAAAA,EAAmB,IAAAC,GAErBC,IAAa,MAAM;AACrB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAsB,oBAAI,MAAM,GAE5D,CAACC,GAAgBC,CAAiB,IAAIF,EAE1C,CAAC,oBAAI,QAAQG,sBAAU,KAAK,CAAC,EAAE,IAAI,IAAI,SAAS,EAAE,OAAA,CAAQ,CAAC;AAGzD,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,uBACX,UAAA;AAAA,IAAA,gBAAAC,EAACT,GAAU,EAAA,OAAOE,GAAW,UAAUC,GAAc;AAAA,IACrD,gBAAAM;AAAA,MAACV;AAAA,MAAA;AAAA,QACG,OAAOM;AAAA,QACP,UAAUC;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACJ;AAER;"}