@orbe-agro/client-core 5.0.0 → 5.1.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/index.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities */\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Layout from './Layout'\nimport Sizes from './Sizes'\nimport LabelExtra from './LabelExtra'\nimport FieldValidation from './FieldValidation'\nimport SchemaValidation from './SchemaValidation'\nimport DependentValidation from './DependentValidation'\nimport AsyncValidation from './AsyncValidation'\nimport DynamicForm from './DynamicForm'\nimport MixedFormControl from './MixedFormControl'\n\nconst mdPath = 'FormControl'\n\nconst demoHeader = {\n    title: 'Form Control',\n    desc: 'Form is used to collect & verify user input data. We use <a class=\"underline text-primary\" href=\"https://react-hook-form.com/\" target=\"_blank\">react-hook-form</a> as our form control library, most of our form components were compatible with react-hook-form or others form libraries.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Sample usage of a simple form with validation.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Layout',\n        mdPath: mdPath,\n        title: 'Form Layout',\n        desc: `<code>Form</code> or<code>FormContainer</code> allow us to control all the <code>FormItem</code> <code>layout</code> via a single props.`,\n        component: <Layout />,\n    },\n    {\n        mdName: 'Sizes',\n        mdPath: mdPath,\n        title: 'Form Size',\n        desc: `<code>Form</code> or<code>FormContainer</code> allow us to control <code>FormItem</code> <code>size</code> as well.`,\n        component: <Sizes />,\n    },\n    {\n        mdName: 'LabelExtra',\n        mdPath: mdPath,\n        title: 'Label Extra',\n        desc: `We can add additional content to the form label with <code>FormItem</code> <code>extra</code> props.`,\n        component: <LabelExtra />,\n    },\n    {\n        mdName: 'FieldValidation',\n        mdPath: mdPath,\n        title: 'Field-level Validation',\n        desc: `React-hook-form supports field-level validation. `,\n        component: <FieldValidation />,\n    },\n    {\n        mdName: 'SchemaValidation',\n        mdPath: mdPath,\n        title: 'Schema Validation',\n        desc: `We can use <a class=\"underline target='_blank' href='https://zod.dev/'>Zod</a> for object schema validation.`,\n        component: <SchemaValidation />,\n    },\n    {\n        mdName: 'DependentValidation',\n        mdPath: mdPath,\n        title: 'Dependent Validation',\n        desc: `You can use <a class=\"underline target='_blank' href='https://zod.dev/'>Zod</a> condition to perform field validation based on other form values. `,\n        component: <DependentValidation />,\n    },\n    {\n        mdName: 'AsyncValidation',\n        mdPath: mdPath,\n        title: 'Async Validation',\n        desc: `You can also asynchronous validating a fields.`,\n        component: <AsyncValidation />,\n    },\n    {\n        mdName: 'DynamicForm',\n        mdPath: mdPath,\n        title: 'Dynamic Form',\n        desc: `Example usage of dynamic form with <code>FieldArray</code>.`,\n        component: <DynamicForm />,\n    },\n    {\n        mdName: 'MixedFormControl',\n        mdPath: mdPath,\n        title: 'Mixed Form Control',\n        desc: `Demostrate different kind of form related component witin a form.`,\n        component: <MixedFormControl />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'FormContainer',\n        api: [\n            {\n                propName: 'layout',\n                type: `<code>'horizontal'</code> | <code>'vertical'</code> | <code>'inline'</code>`,\n                default: `<code>'vertical'</code>`,\n                desc: 'Form layout',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Form item size',\n            },\n            {\n                propName: 'labelWidth',\n                type: `<code>stirng</code>  | <code>number</code> `,\n                default: `<code>100</code>`,\n                desc: 'Form label width',\n            },\n        ],\n    },\n    {\n        component: 'FormItem',\n        api: [\n            {\n                propName: 'layout',\n                type: `<code>'horizontal'</code> | <code>'vertical'</code> | <code>'inline'</code>`,\n                default: `-`,\n                desc: 'Form layout',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `-`,\n                desc: 'Form item size',\n            },\n            {\n                propName: 'labelWidth',\n                type: `<code>stirng</code>  | <code>number</code> `,\n                default: `-`,\n                desc: 'Form label width',\n            },\n            {\n                propName: 'errorMessage',\n                type: `<code>stirng</code>`,\n                default: `-`,\n                desc: 'Error Message that will display when <code>invalid</code> was triggered',\n            },\n            {\n                propName: 'invalid',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Validate status of FormItem',\n            },\n            {\n                propName: 'asterisk',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to display asterisk beside label text',\n            },\n            {\n                propName: 'extra',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Extra custom content beside label text',\n            },\n            {\n                propName: 'htmlFor',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Set sub label htmlFor',\n            },\n        ],\n    },\n]\n\nconst formikNote = (\n    <div>\n        <h4>React Hook Form</h4>\n        <p className=\"mt-2\">\n            <code>React Hook Form</code> library is a powerful and flexible\n            solution for managing forms in React applications. It simplifies\n            form handling by providing a set of hooks and utilities that\n            streamline the process of capturing, validating, and submitting form\n            data. With <code>useForm</code>, you can easily manage form state,\n            handle input changes, perform validation, and submit forms with\n            minimal boilerplate code, visit\n            <a\n                className=\"underline text-primary\"\n                href=\"https://react-hook-form.com/docs/useform\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                {' '}\n                documentation{' '}\n            </a>\n            for more detail usage & examples.\n        </p>\n        <h4 className=\"mt-10\">Zod</h4>\n        <p className=\"mt-2\">\n            Zod is a TypeScript-first schema declaration and validation library.\n            I'm using the term \"schema\" to broadly refer to any data type, from\n            a simple string to a complex nested object. Zod is designed to be as\n            developer-friendly as possible. The goal is to eliminate duplicative\n            type declarations. With Zod, you declare a validator once and Zod\n            will automatically infer the static TypeScript type. It's easy to\n            compose simpler types into complex data structures. Visit the\n            official\n            <a\n                className=\"underline text-primary\"\n                href=\"https://zod.dev/\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                {' '}\n                documentation{' '}\n            </a>\n            for more detail usage & examples.\n        </p>\n    </div>\n)\n\nconst FormControl = () => {\n    return (\n        <DemoLayout\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            note={formikNote}\n        />\n    )\n}\n\nexport default FormControl\n"],"names":["mdPath","demoHeader","demos","Basic","Layout","Sizes","LabelExtra","FieldValidation","SchemaValidation","DependentValidation","AsyncValidation","DynamicForm","MixedFormControl","demoApi","formikNote","jsx","jsxs","FormControl","DemoLayout"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Affix.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Affix.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport Tooltip from '@/components/ui/Tooltip'\nimport { HiOutlineUser, HiOutlineExclamationCircle } from 'react-icons/hi'\n\nconst Affix = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Input\n                    placeholder=\"Enter your name\"\n                    prefix={<HiOutlineUser className=\"text-lg\" />}\n                />\n            </div>\n            <div className=\"mb-4\">\n                <Input\n                    placeholder=\"Enter your rate\"\n                    suffix={\n                        <Tooltip title=\"Field info\">\n                            <HiOutlineExclamationCircle className=\"text-lg cursor-pointer ml-1\" />\n                        </Tooltip>\n                    }\n                />\n            </div>\n            <div className=\"mb-4\">\n                <Input prefix=\"$\" suffix=\".00\" />\n            </div>\n        </div>\n    )\n}\n\nexport default Affix\n"],"names":["Affix","jsx","Input","HiOutlineUser","Tooltip","HiOutlineExclamationCircle"],"mappings":";;;;;;AAIA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,QAAQ,gBAAAD,EAACE,GAAA,EAAc,WAAU,UAAA,CAAU;AAAA,IAAA;AAAA,EAAA,GAEnD;AAAA,EACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,0BACKE,GAAA,EAAQ,OAAM,cACX,UAAA,gBAAAH,EAACI,GAAA,EAA2B,WAAU,8BAAA,CAA8B,EAAA,CACxE;AAAA,IAAA;AAAA,EAAA,GAGZ;AAAA,EACA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAM,QAAO,KAAI,QAAO,MAAA,CAAM,EAAA,CACnC;AAAA,GACJ;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Basic.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\n\nconst Basic = () => {\n    return (\n        <div>\n            <Input placeholder=\"Basic usage\" />\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Input"],"mappings":";;;AAEA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA,gBAAAC,EAACC,GAAA,EAAM,aAAY,eAAc,GACrC;"}

package/dist/@ecme/views/ui-components/forms/Input/ControlledInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlledInput.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/ControlledInput.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Input from '@/components/ui/Input'\nimport type { ChangeEvent } from 'react'\n\nconst ControlledInput = () => {\n    const [value, setValue] = useState('')\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) =>\n        setValue(e.target.value)\n\n    return (\n        <div>\n            <Input\n                value={value}\n                placeholder=\"Sample placeholder\"\n                onChange={handleChange}\n            />\n        </div>\n    )\n}\n\nexport default ControlledInput\n"],"names":["ControlledInput","value","setValue","useState","jsx","Input","e"],"mappings":";;;;AAIA,MAAMA,IAAkB,MAAM;AAC1B,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE;AAIrC,2BACK,OAAA,EACG,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAAJ;AAAA,MACA,aAAY;AAAA,MACZ,UARS,CAACK,MAClBJ,EAASI,EAAE,OAAO,KAAK;AAAA,IAOL;AAAA,EAAA,GAElB;AAER;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Disabled.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\n\nconst Disabled = () => {\n    return (\n        <div>\n            <Input disabled placeholder=\"Disabled Input\" />\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":["Disabled","jsx","Input"],"mappings":";;;AAEA,MAAMA,IAAW,MAET,gBAAAC,EAAC,SACG,UAAA,gBAAAA,EAACC,GAAA,EAAM,UAAQ,IAAC,aAAY,kBAAiB,EAAA,CACjD;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Invalid.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Invalid.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { HiExclamationCircle } from 'react-icons/hi'\n\nconst Invalid = () => {\n    const [invalid, setInvalid] = useState(false)\n\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Input\n                    invalid={invalid}\n                    placeholder=\"Invalid input\"\n                    suffix={\n                        invalid ? (\n                            <HiExclamationCircle className=\"text-red-500 text-xl\" />\n                        ) : null\n                    }\n                />\n            </div>\n            <div className=\"mb-4\">\n                <Input\n                    textArea\n                    invalid={invalid}\n                    placeholder=\"Invalid text area\"\n                />\n            </div>\n            <Button variant=\"solid\" onClick={() => setInvalid(!invalid)}>\n                Set {invalid ? 'Valid' : 'Invalid'}\n            </Button>\n        </div>\n    )\n}\n\nexport default Invalid\n"],"names":["Invalid","invalid","setInvalid","useState","jsx","Input","HiExclamationCircle","jsxs","Button"],"mappings":";;;;;;;AAKA,MAAMA,IAAU,MAAM;AAClB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,SAAAJ;AAAA,QACA,aAAY;AAAA,QACZ,QACIA,IACI,gBAAAG,EAACE,GAAA,EAAoB,WAAU,wBAAuB,IACtD;AAAA,MAAA;AAAA,IAAA,GAGhB;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,UAAQ;AAAA,QACR,SAAAJ;AAAA,QACA,aAAY;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACA,gBAAAM,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMN,EAAW,CAACD,CAAO,GAAG,UAAA;AAAA,MAAA;AAAA,MACpDA,IAAU,UAAU;AAAA,IAAA,EAAA,CAC7B;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/Input/PasswordVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordVisible.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/PasswordVisible.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Input from '@/components/ui/Input'\nimport { HiOutlineEyeOff, HiOutlineEye } from 'react-icons/hi'\nimport type { MouseEvent } from 'react'\n\nconst PasswordVisible = () => {\n    const [pwInputType, setPwInputType] = useState('password')\n\n    const onPasswordVisibleClick = (e: MouseEvent) => {\n        e.preventDefault()\n        setPwInputType(pwInputType === 'password' ? 'text' : 'password')\n    }\n\n    const inputIcon = (\n        <span\n            className=\"cursor-pointer\"\n            onClick={(e) => onPasswordVisibleClick(e)}\n        >\n            {pwInputType === 'password' ? (\n                <HiOutlineEyeOff />\n            ) : (\n                <HiOutlineEye />\n            )}\n        </span>\n    )\n\n    return (\n        <div>\n            <Input\n                type={pwInputType}\n                suffix={inputIcon}\n                placeholder=\"Password\"\n            />\n        </div>\n    )\n}\n\nexport default PasswordVisible\n"],"names":["PasswordVisible","pwInputType","setPwInputType","useState","onPasswordVisibleClick","e","jsx","Input","HiOutlineEyeOff","HiOutlineEye"],"mappings":";;;;;AAKA,MAAMA,IAAkB,MAAM;AAC1B,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,UAAU,GAEnDC,IAAyB,CAACC,MAAkB;AAC9C,IAAAA,EAAE,eAAA,GACFH,EAAeD,MAAgB,aAAa,SAAS,UAAU;AAAA,EAAA;AAgBnE,2BACK,OAAA,EACG,UAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAMN;AAAA,MACN,QAhBR,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,SAAS,CAACD,MAAMD,EAAuBC,CAAC;AAAA,UAEvC,gBAAgB,aACb,gBAAAC,EAACE,GAAA,EAAgB,sBAEhBC,GAAA,CAAA,CAAa;AAAA,QAAA;AAAA,MAAA;AAAA,MAUd,aAAY;AAAA,IAAA;AAAA,EAAA,GAEpB;AAER;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sizes.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Sizes.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\n\nconst Sizes = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Input size=\"sm\" placeholder=\"Input sm\" />\n            </div>\n            <div className=\"mb-4\">\n                <Input placeholder=\"Input md\" />\n            </div>\n            <div className=\"mb-4\">\n                <Input size=\"lg\" placeholder=\"Input lg\" />\n            </div>\n        </div>\n    )\n}\n\nexport default Sizes\n"],"names":["Sizes","jsx","Input"],"mappings":";;;AAEA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAM,MAAK,MAAK,aAAY,WAAA,CAAW,EAAA,CAC5C;AAAA,EACA,gBAAAD,EAAC,SAAI,WAAU,QACX,4BAACC,GAAA,EAAM,aAAY,YAAW,EAAA,CAClC;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAM,MAAK,MAAK,aAAY,WAAA,CAAW,EAAA,CAC5C;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/forms/Input/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Textarea.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\n\nconst Textarea = () => {\n    return (\n        <div>\n            <Input textArea placeholder=\"Text area example\" />\n        </div>\n    )\n}\n\nexport default Textarea\n"],"names":["Textarea","jsx","Input"],"mappings":";;;AAEA,MAAMA,IAAW,MAET,gBAAAC,EAAC,SACG,UAAA,gBAAAA,EAACC,GAAA,EAAM,UAAQ,IAAC,aAAY,qBAAoB,EAAA,CACpD;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Sizes from './Sizes'\nimport Disabled from './Disabled'\nimport Affix from './Affix'\nimport PasswordVisible from './PasswordVisible'\nimport Textarea from './Textarea'\nimport Invalid from './Invalid'\nimport ControlledInput from './ControlledInput'\n\nconst mdPath = 'Input'\n\nconst demoHeader = {\n    title: 'Input',\n    desc: 'Input component specifies an field where the user can enter data.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `The most basic usage of Input.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Sizes',\n        mdPath: mdPath,\n        title: 'Sizes',\n        desc: `There's three sizes of option for Input field.`,\n        component: <Sizes />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Disabled Input.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Affix',\n        mdPath: mdPath,\n        title: 'Affix',\n        desc: `Input can have <code>suffix</code> or <code>prefix</code> content inside.`,\n        component: <Affix />,\n    },\n    {\n        mdName: 'PasswordVisible',\n        mdPath: mdPath,\n        title: 'Password Visible',\n        desc: `Example of controlling the Input type via prefix icon.`,\n        component: <PasswordVisible />,\n    },\n    {\n        mdName: 'Textarea',\n        mdPath: mdPath,\n        title: 'Textarea',\n        desc: `Turn Input field to textarea by setting <code>textarea</code> prop to true.`,\n        component: <Textarea />,\n    },\n    {\n        mdName: 'Invalid',\n        mdPath: mdPath,\n        title: 'Invalid',\n        desc: `Display Input as invalid status when <code>invalid</code> prop is set to true.`,\n        component: <Invalid />,\n    },\n    {\n        mdName: 'ControlledInput',\n        mdPath: mdPath,\n        title: 'Controlled Input',\n        desc: `Controlled Input example.`,\n        component: <ControlledInput />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Input',\n        api: [\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is disabled',\n            },\n            {\n                propName: 'invalid',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is invalid status',\n            },\n            {\n                propName: 'onBlur',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input remove focus',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input value changed',\n            },\n            {\n                propName: 'onFocus',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input is focused',\n            },\n            {\n                propName: 'prefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside Input',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Input size',\n            },\n            {\n                propName: 'suffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a suffix content inside Input',\n            },\n            {\n                propName: 'textArea',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to turn Input into textarea field',\n            },\n            {\n                propName: 'type',\n                type: `<code>string</code>`,\n                default: `<code>'text'</code>`,\n                desc: 'Input type, refer to <a class=\"text-blue-500 underline\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types\" target=\"_blank\">MDN</a> for available types',\n            },\n            {\n                propName: 'unstyle',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to remove input default style',\n            },\n        ],\n    },\n]\n\nconst Input = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Input\n"],"names":["mdPath","demoHeader","demos","Basic","Sizes","Disabled","Affix","PasswordVisible","Textarea","Invalid","ControlledInput","demoApi","Input","DemoLayout"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Addons.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/Addons.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\nimport Input from '@/components/ui/Input'\n\nconst { Addon } = InputGroup\n\nconst Addons = () => {\n    return (\n        <div>\n            <InputGroup className=\"mb-4\">\n                <Addon>@</Addon>\n                <Input />\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Input />\n                <Addon>.exmaple.com</Addon>\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Addon>http://</Addon>\n                <Input />\n                <Addon>.com</Addon>\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Input />\n                <Addon>to</Addon>\n                <Input />\n            </InputGroup>\n        </div>\n    )\n}\n\nexport default Addons\n"],"names":["Addon","InputGroup","Addons","jsxs","jsx","Input"],"mappings":";;;;AAGA,MAAM,EAAE,OAAAA,MAAUC,GAEZC,IAAS,wBAEN,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACF,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAG,EAACJ,KAAM,UAAA,IAAA,CAAC;AAAA,sBACPK,GAAA,CAAA,CAAM;AAAA,EAAA,GACX;AAAA,EACA,gBAAAF,EAACF,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAG,EAACC,GAAA,EAAM;AAAA,IACP,gBAAAD,EAACJ,KAAM,UAAA,eAAA,CAAY;AAAA,EAAA,GACvB;AAAA,EACA,gBAAAG,EAACF,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAG,EAACJ,KAAM,UAAA,UAAA,CAAO;AAAA,sBACbK,GAAA,EAAM;AAAA,IACP,gBAAAD,EAACJ,KAAM,UAAA,OAAA,CAAI;AAAA,EAAA,GACf;AAAA,EACA,gBAAAG,EAACF,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAG,EAACC,GAAA,EAAM;AAAA,IACP,gBAAAD,EAACJ,KAAM,UAAA,KAAA,CAAE;AAAA,sBACRK,GAAA,CAAA,CAAM;AAAA,EAAA,EAAA,CACX;AAAA,GACJ;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"OtherCombination.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/OtherCombination.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Select from '@/components/ui/Select'\nimport DatePicker from '@/components/ui/DatePicker'\nimport { HiOutlineMicrophone } from 'react-icons/hi'\n\nconst { Addon } = InputGroup\n\nconst options1 = [\n    { value: '.com', label: '.com' },\n    { value: '.net', label: '.net' },\n    { value: '.io', label: '.io' },\n]\n\nconst options2 = [\n    { value: '12.00 AM', label: '12.00 AM' },\n    { value: '1.00 AM ', label: '1.00 AM' },\n    { value: '2.00 AM ', label: '2.00 AM' },\n    { value: '3.00 AM ', label: '3.00 AM' },\n    { value: '4.00 AM ', label: '4.00 AM' },\n    { value: '5.00 AM ', label: '5.00 AM' },\n    { value: '6.00 AM ', label: '6.00 AM' },\n    { value: '7.00 AM ', label: '7.00 AM' },\n    { value: '8.00 AM ', label: '8.00 AM' },\n    { value: '9.00 AM ', label: '9.00 AM' },\n    { value: '10.00 AM ', label: '10.00 AM' },\n    { value: '11.00 AM ', label: '11.00 AM' },\n    { value: '12.00 PM ', label: '12.00 PM' },\n    { value: '1.00 PM ', label: '1.00 PM' },\n    { value: '2.00 PM ', label: '2.00 PM' },\n    { value: '3.00 PM ', label: '3.00 PM' },\n    { value: '4.00 PM ', label: '4.00 PM' },\n    { value: '5.00 PM ', label: '5.00 PM' },\n    { value: '6.00 PM ', label: '6.00 PM' },\n    { value: '7.00 PM ', label: '7.00 PM' },\n    { value: '8.00 PM ', label: '8.00 PM' },\n    { value: '9.00 PM ', label: '9.00 PM' },\n    { value: '10.00 PM ', label: '10.00 PM' },\n    { value: '11.00 PM ', label: '11.00 PM' },\n]\n\nconst OtherCombination = () => {\n    return (\n        <div>\n            <InputGroup className=\"mb-4\">\n                <Input\n                    prefix={\n                        <HiOutlineMicrophone className=\"text-xl text-indigo-600 cursor-pointer\" />\n                    }\n                />\n                <Button>Send</Button>\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <DatePicker placeholder=\"Start Date\" />\n                <Addon>To</Addon>\n                <DatePicker placeholder=\"End Date\" />\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Input />\n                <div style={{ minWidth: 120 }}>\n                    <Select\n                        isSearchable={false}\n                        defaultValue={{ label: '.com', value: '.com' }}\n                        options={options1}\n                    />\n                </div>\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <DatePicker placeholder=\"Select Date\" />\n                <div style={{ minWidth: 140 }}>\n                    <Select\n                        isSearchable={false}\n                        placeholder=\"Time\"\n                        options={options2}\n                    />\n                </div>\n            </InputGroup>\n        </div>\n    )\n}\n\nexport default OtherCombination\n"],"names":["Addon","InputGroup","options1","options2","OtherCombination","jsxs","jsx","Input","HiOutlineMicrophone","Button","DatePicker","Select"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sizes.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/Sizes.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\n\nconst Sizes = () => {\n    return (\n        <div>\n            <InputGroup size=\"sm\" className=\"mb-4\">\n                <InputGroup.Addon>@</InputGroup.Addon>\n                <Input placeholder=\"Small Input\" />\n                <Button variant=\"solid\">Submit</Button>\n            </InputGroup>\n            <InputGroup size=\"lg\" className=\"mb-4\">\n                <InputGroup.Addon>@</InputGroup.Addon>\n                <Input placeholder=\"Small Input\" />\n                <Button variant=\"solid\">Submit</Button>\n            </InputGroup>\n        </div>\n    )\n}\n\nexport default Sizes\n"],"names":["Sizes","jsxs","InputGroup","jsx","Input","Button"],"mappings":";;;;;;AAIA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAW,MAAK,MAAK,WAAU,QAC5B,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAW,OAAX,EAAiB,UAAA,IAAA,CAAC;AAAA,IACnB,gBAAAC,EAACC,GAAA,EAAM,aAAY,cAAA,CAAc;AAAA,IACjC,gBAAAD,EAACE,GAAA,EAAO,SAAQ,SAAQ,UAAA,SAAA,CAAM;AAAA,EAAA,GAClC;AAAA,EACA,gBAAAJ,EAACC,GAAA,EAAW,MAAK,MAAK,WAAU,QAC5B,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAW,OAAX,EAAiB,UAAA,IAAA,CAAC;AAAA,IACnB,gBAAAC,EAACC,GAAA,EAAM,aAAY,cAAA,CAAc;AAAA,IACjC,gBAAAD,EAACE,GAAA,EAAO,SAAQ,SAAQ,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CAClC;AAAA,GACJ;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"WithButtons.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/WithButtons.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { HiOutlineMicrophone, HiOutlineSearch } from 'react-icons/hi'\n\nconst WithButtons = () => {\n    return (\n        <div>\n            <InputGroup className=\"mb-4\">\n                <Input placeholder=\"Input text to search\" />\n                <Button>Search</Button>\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Input placeholder=\"Input text to search\" />\n                <Button icon={<HiOutlineSearch className=\"text-xl\" />} />\n            </InputGroup>\n            <InputGroup className=\"mb-4\">\n                <Button\n                    variant=\"solid\"\n                    icon={<HiOutlineMicrophone className=\"text-xl\" />}\n                />\n                <Input placeholder=\"Input text to search\" />\n            </InputGroup>\n        </div>\n    )\n}\n\nexport default WithButtons\n"],"names":["WithButtons","jsxs","InputGroup","jsx","Input","Button","HiOutlineSearch","HiOutlineMicrophone"],"mappings":";;;;;;;AAKA,MAAMA,IAAc,wBAEX,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,aAAY,uBAAA,CAAuB;AAAA,IAC1C,gBAAAD,EAACE,KAAO,UAAA,SAAA,CAAM;AAAA,EAAA,GAClB;AAAA,EACA,gBAAAJ,EAACC,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,aAAY,uBAAA,CAAuB;AAAA,sBACzCC,GAAA,EAAO,wBAAOC,GAAA,EAAgB,WAAU,WAAU,EAAA,CAAI;AAAA,EAAA,GAC3D;AAAA,EACA,gBAAAL,EAACC,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,SAAQ;AAAA,QACR,MAAM,gBAAAF,EAACI,GAAA,EAAoB,WAAU,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEnD,gBAAAJ,EAACC,GAAA,EAAM,aAAY,uBAAA,CAAuB;AAAA,EAAA,EAAA,CAC9C;AAAA,GACJ;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Addons from './Addons'\nimport WithButtons from './WithButtons'\nimport Sizes from './Sizes'\nimport OtherCombination from './OtherCombination'\n\nconst mdPath = 'InputGroup'\n\nconst demoHeader = {\n    title: 'InputGroup',\n    desc: 'Input groups allowed us to chain serveral input related components into a single row.',\n}\n\nconst demos = [\n    {\n        mdName: 'Addons',\n        mdPath: mdPath,\n        title: 'Addons',\n        desc: ` Addon can be placed on either side of an input. It also can place in between of both Input.`,\n        component: <Addons />,\n    },\n    {\n        mdName: 'WithButtons',\n        mdPath: mdPath,\n        title: 'With Buttons',\n        desc: `Button can also chain with Input.`,\n        component: <WithButtons />,\n    },\n    {\n        mdName: 'Sizes',\n        mdPath: mdPath,\n        title: 'Sizes',\n        desc: `Add available sizes value to <code>InputGroup</code> <code>size</code> prop will automatically resize the content.`,\n        component: <Sizes />,\n    },\n    {\n        mdName: 'OtherCombination',\n        mdPath: mdPath,\n        title: 'Other Combination',\n        desc: `Example of different <code>InputGroup</code> combination.`,\n        component: <OtherCombination />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'InputGroup',\n        api: [\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `-`,\n                desc: 'InputGroup size',\n            },\n        ],\n    },\n    {\n        component: 'InputGroup.Addon',\n        api: [\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `-`,\n                desc: 'Addon size',\n            },\n        ],\n    },\n]\n\nconst InputGroup = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default InputGroup\n"],"names":["mdPath","demoHeader","demos","Addons","WithButtons","Sizes","OtherCombination","demoApi","InputGroup","DemoLayout"],"mappings":";;;;;;AAQA,MAAMA,IAAS,cAETC,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,CAAO;AAAA,EAAA;AAAA,EAEvB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAY;AAAA,EAAA;AAAA,EAE5B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAiB;AAAA,EAAA;AAErC,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,IACV;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAa,wBACPC,GAAA,EAAW,QAAQR,GAAY,OAAAC,GAAc,KAAKK,GAAS;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Color.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Color.tsx"],"sourcesContent":["import Radio from '@/components/ui/Radio'\n\nconst Color = () => {\n    return (\n        <div>\n            <Radio defaultChecked radioClass=\"text-green-500\">\n                Radio\n            </Radio>\n            <div className=\"mt-4\">\n                <Radio.Group\n                    radioClass=\"text-yellow-500\"\n                    value={'Apple'}\n                    name=\"radioColorGroup\"\n                >\n                    <Radio radioClass=\"text-blue-600\" value={'Apple'}>\n                        Apple\n                    </Radio>\n                    <Radio value={'Banana'}>Banana</Radio>\n                    <Radio value={'Cherry'}>Cherry</Radio>\n                </Radio.Group>\n            </div>\n        </div>\n    )\n}\n\nexport default Color\n"],"names":["Color","jsx","Radio","jsxs"],"mappings":";;AAEA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAM,gBAAc,IAAC,YAAW,kBAAiB,UAAA,SAElD;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAE;AAAA,IAACD,EAAM;AAAA,IAAN;AAAA,MACG,YAAW;AAAA,MACX,OAAO;AAAA,MACP,MAAK;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAD,EAACC,GAAA,EAAM,YAAW,iBAAgB,OAAO,SAAS,UAAA,SAElD;AAAA,QACA,gBAAAD,EAACC,GAAA,EAAM,OAAO,UAAU,UAAA,UAAM;AAAA,QAC9B,gBAAAD,EAACC,GAAA,EAAM,OAAO,UAAU,UAAA,SAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAClC,CACJ;AAAA,GACJ;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Disabled.tsx"],"sourcesContent":["import Radio from '@/components/ui/Radio'\n\nconst Disabled = () => {\n    return (\n        <div>\n            <Radio disabled className=\"mr-4\">\n                Disabled Radio\n            </Radio>\n            <Radio disabled checked>\n                Disabled Checked Radio\n            </Radio>\n            <div className=\"mt-4\">\n                <Radio.Group disabled value={'Apple'}>\n                    <Radio value={'Apple'}>Apple</Radio>\n                    <Radio value={'Banana'}>Banana</Radio>\n                    <Radio value={'Cherry'}>Cherry</Radio>\n                </Radio.Group>\n            </div>\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":["Disabled","jsx","Radio","jsxs"],"mappings":";;AAEA,MAAMA,IAAW,wBAER,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAM,UAAQ,IAAC,WAAU,QAAO,UAAA,kBAEjC;AAAA,oBACCA,GAAA,EAAM,UAAQ,IAAC,SAAO,IAAC,UAAA,0BAExB;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAE,EAACD,EAAM,OAAN,EAAY,UAAQ,IAAC,OAAO,SACzB,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAM,OAAO,SAAS,UAAA,SAAK;AAAA,IAC5B,gBAAAD,EAACC,GAAA,EAAM,OAAO,UAAU,UAAA,UAAM;AAAA,IAC9B,gBAAAD,EAACC,GAAA,EAAM,OAAO,UAAU,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CAClC,EAAA,CACJ;AAAA,GACJ;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Group.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Group.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Radio from '@/components/ui/Radio'\n\nconst Group = () => {\n    const [value, setValue] = useState('Banana')\n\n    const onChange = (val: string) => {\n        setValue(val)\n    }\n\n    return (\n        <div>\n            <Radio.Group value={value} onChange={onChange}>\n                <Radio value={'Apple'}>Apple</Radio>\n                <Radio value={'Banana'}>Banana</Radio>\n                <Radio value={'Cherry'}>Cherry</Radio>\n            </Radio.Group>\n        </div>\n    )\n}\n\nexport default Group\n"],"names":["Group","value","setValue","useState","onChange","val","jsxs","Radio","jsx"],"mappings":";;;AAGA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,QAAQ,GAErCC,IAAW,CAACC,MAAgB;AAC9B,IAAAH,EAASG,CAAG;AAAA,EAAA;AAGhB,2BACK,OAAA,EACG,UAAA,gBAAAC,EAACC,EAAM,OAAN,EAAY,OAAAN,GAAc,UAAAG,GACvB,UAAA;AAAA,IAAA,gBAAAI,EAACD,GAAA,EAAM,OAAO,SAAS,UAAA,SAAK;AAAA,IAC5B,gBAAAC,EAACD,GAAA,EAAM,OAAO,UAAU,UAAA,UAAM;AAAA,IAC9B,gBAAAC,EAACD,GAAA,EAAM,OAAO,UAAU,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CAClC,EAAA,CACJ;AAER;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Simple.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Simple.tsx"],"sourcesContent":["import Radio from '@/components/ui/Radio'\n\nconst Simple = () => {\n    return (\n        <div>\n            <Radio className=\"mr-4\" name=\"simpleRadioExample\">\n                Radio\n            </Radio>\n            <Radio defaultChecked name=\"simpleRadioExample\">\n                Checked Radio\n            </Radio>\n        </div>\n    )\n}\n\nexport default Simple\n"],"names":["Simple","jsx","Radio"],"mappings":";;AAEA,MAAMA,IAAS,wBAEN,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAM,WAAU,QAAO,MAAK,sBAAqB,UAAA,SAElD;AAAA,oBACCA,GAAA,EAAM,gBAAc,IAAC,MAAK,sBAAqB,UAAA,gBAAA,CAEhD;AAAA,GACJ;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Vertical.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Vertical.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Radio from '@/components/ui/Radio'\n\nconst Vertical = () => {\n    const [value, setValue] = useState('Banana')\n\n    const onChange = (val: string) => {\n        setValue(val)\n    }\n\n    return (\n        <div>\n            <div className=\"mt-4\">\n                <Radio.Group vertical value={value} onChange={onChange}>\n                    <Radio value={'Apple'}>Apple</Radio>\n                    <Radio value={'Banana'}>Banana</Radio>\n                    <Radio value={'Cherry'}>Cherry</Radio>\n                </Radio.Group>\n            </div>\n        </div>\n    )\n}\n\nexport default Vertical\n"],"names":["Vertical","value","setValue","useState","onChange","val","jsx","jsxs","Radio"],"mappings":";;;AAGA,MAAMA,IAAW,MAAM;AACnB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,QAAQ,GAErCC,IAAW,CAACC,MAAgB;AAC9B,IAAAH,EAASG,CAAG;AAAA,EAAA;AAGhB,SACI,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAC,EAACC,EAAM,OAAN,EAAY,UAAQ,IAAC,OAAAP,GAAc,UAAAG,GAChC,UAAA;AAAA,IAAA,gBAAAE,EAACE,GAAA,EAAM,OAAO,SAAS,UAAA,SAAK;AAAA,IAC5B,gBAAAF,EAACE,GAAA,EAAM,OAAO,UAAU,UAAA,UAAM;AAAA,IAC9B,gBAAAF,EAACE,GAAA,EAAM,OAAO,UAAU,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CAClC,GACJ,GACJ;AAER;"}

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

@@ -0,0 +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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"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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,IAAA;AAAA,IAE7B,CAACN,CAAqB;AAAA,EAAA,GAGpBO,IAA+BF;AAAA,IACjC,CAACC,MAAkB;AACf,MAAAH,EAAwBG,CAAG;AAAA,IAAA;AAAA,IAE/B,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;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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,EAAA;AAGf,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;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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,EAAA,GACzB,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,EAAA;AAGX,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;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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,IAAS;AAAA,IAqBT,eAlBc,CACtBC,GACAD,MACC;AACD,cAAQ,MAAM,eAAe,GAC7B,QAAQ,IAAIC,CAAU,GACtB,QAAQ,IAAI,WAAWD,EAAW,MAAM,EAAE,GAC1C,QAAQ,SAAA;AAAA,IAAS;AAAA,EAWM;AAAA,GAEvB;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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,IAAA,GACjB,IAAI;AAAA,EAAA;AAUX,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,EACJ,GAKoE,EAAA,CACpE;AAER;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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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"}

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

@@ -0,0 +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;AAAA,GAKuC,EAAA,CACzD;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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,EAAA,GAK8C,EAAA,CAC5D;AAER;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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,QAAA,GACnB,GAAI;AAAA,MAAA;AAAA,IAQW;AAAA,EAAA,GAElB;AAER;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +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;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Disabled.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Disabled = () => {\n    return (\n        <div className=\"flex flex-col gap-5\">\n            <TimeInput disabled />\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":["Disabled","jsx","TimeInput"],"mappings":";;AAEA,MAAMA,IAAW,MAET,gBAAAC,EAAC,SAAI,WAAU,uBACX,4BAACC,GAAA,EAAU,UAAQ,IAAC,EAAA,CACxB;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Invalid.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Invalid.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Invalid = () => {\n    return <TimeInput invalid />\n}\n\nexport default Invalid\n"],"names":["Invalid","jsx","TimeInput"],"mappings":";;AAEA,MAAMA,IAAU,MACL,gBAAAC,EAACC,GAAA,EAAU,SAAO,GAAA,CAAC;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Seconds.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Seconds.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Seconds = () => {\n    return <TimeInput showSeconds defaultValue={new Date()} />\n}\n\nexport default Seconds\n"],"names":["Seconds","TimeInput"],"mappings":";;AAEA,MAAMA,IAAU,wBACJC,GAAA,EAAU,aAAW,IAAC,cAAc,oBAAI,QAAQ;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sizes.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Sizes.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Sizes = () => {\n    return (\n        <div className=\"flex flex-col gap-5\">\n            <TimeInput size=\"sm\" />\n            <TimeInput />\n            <TimeInput size=\"lg\" />\n        </div>\n    )\n}\n\nexport default Sizes\n"],"names":["Sizes","jsxs","jsx","TimeInput"],"mappings":";;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAU,MAAK,KAAA,CAAK;AAAA,oBACpBA,GAAA,EAAU;AAAA,EACX,gBAAAD,EAACC,GAAA,EAAU,MAAK,KAAA,CAAK;AAAA,GACzB;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeRangeInput.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/TimeRangeInput.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\nimport dayjs from 'dayjs'\n\nconst TimeRangeInput = () => {\n    return (\n        <TimeInput.TimeInputRange\n            clearable\n            defaultValue={[\n                new Date(),\n                dayjs(new Date()).add(60, 'minutes').toDate(),\n            ]}\n        />\n    )\n}\n\nexport default TimeRangeInput\n"],"names":["TimeRangeInput","jsx","TimeInput","dayjs"],"mappings":";;;AAGA,MAAMA,IAAiB,MAEf,gBAAAC;AAAA,EAACC,EAAU;AAAA,EAAV;AAAA,IACG,WAAS;AAAA,IACT,cAAc;AAAA,0BACN,KAAA;AAAA,MACJC,sBAAU,MAAM,EAAE,IAAI,IAAI,SAAS,EAAE,OAAA;AAAA,IAAO;AAAA,EAChD;AAAA;"}

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

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