@orbe-agro/client-core 3.4.2 → 3.4.4

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

@@ -1 +0,0 @@
-{"version":3,"file":"MixedFormControl.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/FormControl/MixedFormControl.tsx"],"sourcesContent":["import { FormItem, Form } from '@/components/ui/Form'\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 TimeInput from '@/components/ui/TimeInput'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Radio from '@/components/ui/Radio'\nimport Switcher from '@/components/ui/Switcher'\nimport Segment from '@/components/ui/Segment'\nimport Upload from '@/components/ui/Upload'\nimport PresetSegmentItemOption from '@/components/shared/PresetSegmentItemOption'\nimport { HiCheckCircle } from 'react-icons/hi'\nimport CreatableSelect from 'react-select/creatable'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype Option = {\n    value: string\n    label: string\n}\n\ntype FormSchema = {\n    input: string\n    select: string\n    multipleSelect: Option[]\n    date: Date | null\n    time: Date | null\n    singleCheckbox: boolean\n    multipleCheckbox: Array<string | number>\n    radio: string\n    switcher: boolean\n    segment: string[]\n    upload: File[]\n}\n\nconst options: Option[] = [\n    { value: 'foo', label: 'Foo' },\n    { value: 'bar', label: 'Bar' },\n]\n\nconst segmentSelections = [\n    { value: 'Personal', desc: 'The plan for personal.' },\n    { value: 'Team', desc: 'The plan for team' },\n    { value: 'Business', desc: 'Talk to us for business plan.' },\n]\n\nconst MAX_UPLOAD = 2\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    input: z\n        .string()\n        .min(1, 'Please input user name!')\n        .min(3, 'Too Short!')\n        .max(12, 'Too Long!'),\n    select: z.string().min(1, 'Please select one!'),\n    multipleSelect: z\n        .array(z.object({ value: z.string(), label: z.string() }))\n        .nonempty('At least one is selected!'),\n    date: z.date({\n        required_error: 'Date Required!',\n        invalid_type_error: 'Invalid Date',\n    }),\n    time: z.date({\n        required_error: 'Time Required!',\n        invalid_type_error: 'Invalid Time',\n    }),\n    singleCheckbox: z.literal<boolean>(true, {\n        errorMap: () => ({ message: 'You must tick this!' }),\n    }),\n    multipleCheckbox: z\n        .array(z.union([z.string(), z.number()]))\n        .nonempty('Select at least one option!'),\n    radio: z.string().min(1, 'Please select one!'),\n    switcher: z.literal<boolean>(true, {\n        errorMap: () => ({ message: 'You must turn this on!' }),\n    }),\n    upload: z.array(z.instanceof(File)).nonempty('At least one file uploaded!'),\n    segment: z.array(z.string()).nonempty('Select at least one option!'),\n})\n\nconst MixedFormControl = () => {\n    const {\n        handleSubmit,\n        reset,\n        formState: { errors, isSubmitting },\n        control,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            input: '',\n            select: '',\n            date: null,\n            time: null,\n            multipleSelect: [],\n            singleCheckbox: false,\n            multipleCheckbox: [],\n            radio: '',\n            switcher: false,\n            segment: [],\n            upload: [],\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const beforeUpload = (file: FileList | null, fileList: File[]) => {\n        let valid: string | boolean = true\n\n        const allowedFileType = ['image/jpeg', 'image/png']\n        const MAX_FILE_SIZE = 500000\n\n        if (fileList.length >= MAX_UPLOAD) {\n            return `You can only upload ${MAX_UPLOAD} file(s)`\n        }\n\n        if (file) {\n            for (const f of file) {\n                if (!allowedFileType.includes(f.type)) {\n                    valid = 'Please upload a .jpeg or .png file!'\n                }\n\n                if (f.size >= MAX_FILE_SIZE) {\n                    valid = 'Upload image cannot more then 500kb!'\n                }\n            }\n        }\n\n        return valid\n    }\n\n    const onSubmit = (values: FormSchema) => {\n        setTimeout(() => {\n            alert(JSON.stringify(values, null, 2))\n        }, 400)\n    }\n\n    return (\n        <Form onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                asterisk\n                label=\"Input\"\n                invalid={Boolean(errors.input)}\n                errorMessage={errors.input?.message}\n            >\n                <Controller\n                    name=\"input\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"text\"\n                            autoComplete=\"off\"\n                            placeholder=\"Input\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Select\"\n                invalid={Boolean(errors.select)}\n                errorMessage={errors.select?.message}\n            >\n                <Controller\n                    name=\"select\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select\n                            options={options}\n                            {...field}\n                            value={options.filter(\n                                (option) => option.value === field.value,\n                            )}\n                            onChange={(option) => field.onChange(option?.value)}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Multiple Select\"\n                invalid={Boolean(errors.multipleSelect)}\n                errorMessage={errors.multipleSelect?.message}\n            >\n                <Controller\n                    name=\"multipleSelect\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select<Option, true>\n                            isMulti\n                            componentAs={CreatableSelect}\n                            options={options}\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Date\"\n                invalid={Boolean(errors.date)}\n                errorMessage={errors.date?.message}\n            >\n                <Controller\n                    name=\"date\"\n                    control={control}\n                    render={({ field }) => <DatePicker {...field} />}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Time\"\n                invalid={Boolean(errors.time)}\n                errorMessage={errors.time?.message}\n            >\n                <Controller\n                    name=\"time\"\n                    control={control}\n                    render={({ field }) => <TimeInput {...field} />}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Single Checkbox\"\n                invalid={Boolean(errors.singleCheckbox)}\n                errorMessage={errors.singleCheckbox?.message}\n            >\n                <Controller\n                    name=\"singleCheckbox\"\n                    control={control}\n                    render={({ field }) => <Checkbox {...field} />}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Multiple Checkbox\"\n                invalid={Boolean(errors.multipleCheckbox)}\n                errorMessage={errors.multipleCheckbox?.message}\n            >\n                <Controller\n                    name=\"multipleCheckbox\"\n                    control={control}\n                    render={({ field }) => (\n                        <Checkbox.Group\n                            value={field.value as string[]}\n                            onChange={field.onChange}\n                        >\n                            <Checkbox name={field.name} value=\"Apple\">\n                                Apple{' '}\n                            </Checkbox>\n                            <Checkbox name={field.name} value=\"Banana\">\n                                Banana{' '}\n                            </Checkbox>\n                            <Checkbox name={field.name} value=\"Lemon\">\n                                Lemon{' '}\n                            </Checkbox>\n                        </Checkbox.Group>\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Radio\"\n                invalid={Boolean(errors.radio)}\n                errorMessage={errors.radio?.message}\n            >\n                <Controller\n                    name=\"radio\"\n                    control={control}\n                    render={({ field }) => (\n                        <Radio.Group {...field}>\n                            <Radio value={'1'}>Paypal</Radio>\n                            <Radio value={'2'}>Stripe</Radio>\n                        </Radio.Group>\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Switcher\"\n                invalid={Boolean(errors.switcher)}\n                errorMessage={errors.switcher?.message}\n            >\n                <Controller\n                    name=\"switcher\"\n                    control={control}\n                    render={({ field }) => (\n                        <Switcher\n                            checked={field.value}\n                            onChange={(checked) => {\n                                field.onChange(checked)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Upload\"\n                invalid={Boolean(errors.upload)}\n                errorMessage={errors.upload?.message}\n            >\n                <Controller\n                    name=\"upload\"\n                    control={control}\n                    render={({ field }) => (\n                        <Upload\n                            beforeUpload={beforeUpload}\n                            fileList={field.value}\n                            onFileRemove={(files) => field.onChange(files)}\n                            onChange={(files) => field.onChange(files)}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Segment\"\n                invalid={Boolean(errors.segment)}\n                errorMessage={errors.segment?.message}\n            >\n                <Controller\n                    name=\"segment\"\n                    control={control}\n                    render={({ field }) => (\n                        <Segment\n                            className=\"w-full bg-transparent dark:bg-transparent p-0\"\n                            selectionType=\"multiple\"\n                            {...field}\n                        >\n                            <div className=\"grid grid-cols-3 gap-4 w-full\">\n                                {segmentSelections.map((segment) => (\n                                    <Segment.Item\n                                        key={segment.value}\n                                        value={segment.value}\n                                    >\n                                        {({\n                                            active,\n                                            onSegmentItemClick,\n                                            disabled,\n                                        }) => {\n                                            return (\n                                                <div className=\"text-center\">\n                                                    <PresetSegmentItemOption\n                                                        hoverable\n                                                        active={active}\n                                                        disabled={disabled}\n                                                        defaultGutter={false}\n                                                        className=\"relative min-h-[80px] w-full\"\n                                                        customCheck={\n                                                            <HiCheckCircle className=\"text-primary absolute top-2 right-2 text-2xl\" />\n                                                        }\n                                                        onSegmentItemClick={\n                                                            onSegmentItemClick\n                                                        }\n                                                    >\n                                                        <div className=\"flex flex-col items-start mx-4\">\n                                                            <h6>\n                                                                {segment.value}\n                                                            </h6>\n                                                            <p>\n                                                                {segment.desc}\n                                                            </p>\n                                                        </div>\n                                                    </PresetSegmentItemOption>\n                                                </div>\n                                            )\n                                        }}\n                                    </Segment.Item>\n                                ))}\n                            </div>\n                        </Segment>\n                    )}\n                />\n            </FormItem>\n            <FormItem>\n                <Button\n                    type=\"reset\"\n                    className=\"ltr:mr-2 rtl:ml-2\"\n                    onClick={() => reset()}\n                >\n                    Reset\n                </Button>\n                <Button variant=\"solid\" loading={isSubmitting} type=\"submit\">\n                    Submit\n                </Button>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default MixedFormControl\n"],"names":["options","segmentSelections","MAX_UPLOAD","validationSchema","z","MixedFormControl","handleSubmit","reset","errors","isSubmitting","control","useForm","zodResolver","beforeUpload","file","fileList","valid","allowedFileType","MAX_FILE_SIZE","f","jsxs","Form","values","jsx","FormItem","_a","Controller","field","Input","_b","Select","option","_c","CreatableSelect","_d","DatePicker","_e","TimeInput","_f","Checkbox","_g","_h","Radio","_i","Switcher","checked","_j","Upload","files","_k","Segment","segment","active","onSegmentItemClick","disabled","PresetSegmentItemOption","HiCheckCircle","Button"],"mappings":"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"}

package/dist/lib/@ecme/views/ui-components/forms/FormControl/SchemaValidation.js

@@ -1,88 +0,0 @@
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
-import { useState as c } from "react";
-import "../../../../components/ui/Input/index.js";
-import "../../../../components/ui/Button/index.js";
-import "../../../../components/ui/Form/index.js";
-import { useForm as g, Controller as n } from "react-hook-form";
-import { zodResolver as S } from "@hookform/resolvers/zod";
-import { z as m } from "zod";
-import { Form as b } from "../../../../components/ui/Form/Form.js";
-import t from "../../../../components/ui/Form/FormItem.js";
-import u from "../../../../components/ui/Input/Input.js";
-import h from "../../../../components/ui/Button/Button.js";
-const N = m.object({
-  email: m.string().min(1, { message: "Required" }).email({ message: "Invalid email" }),
-  userName: m.string().min(1, { message: "Required" }).min(3, "Too Short!").max(12, "Too Long!")
-}), E = () => {
-  var l, s;
-  const [d, i] = c(!1), {
-    handleSubmit: p,
-    formState: { errors: r },
-    control: a
-  } = g({
-    defaultValues: {
-      email: "",
-      userName: ""
-    },
-    resolver: S(N)
-  });
-  return /* @__PURE__ */ f(b, { onSubmit: p((o) => {
-    i(!0), setTimeout(() => {
-      window.alert(JSON.stringify(o, null, 2)), i(!1);
-    }, 400);
-  }), children: [
-    /* @__PURE__ */ e(
-      t,
-      {
-        label: "Email",
-        invalid: !!r.email,
-        errorMessage: (l = r.email) == null ? void 0 : l.message,
-        children: /* @__PURE__ */ e(
-          n,
-          {
-            name: "email",
-            control: a,
-            render: ({ field: o }) => /* @__PURE__ */ e(
-              u,
-              {
-                type: "email",
-                autoComplete: "off",
-                placeholder: "Email",
-                ...o
-              }
-            )
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e(
-      t,
-      {
-        label: "User Name",
-        invalid: !!r.userName,
-        errorMessage: (s = r.userName) == null ? void 0 : s.message,
-        children: /* @__PURE__ */ e(
-          n,
-          {
-            name: "userName",
-            control: a,
-            render: ({ field: o }) => /* @__PURE__ */ e(
-              u,
-              {
-                type: "text",
-                autoComplete: "off",
-                placeholder: "User Name",
-                ...o
-              }
-            )
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(h, { type: "submit", variant: "solid", loading: d, children: "Submit" }) })
-  ] });
-};
-export {
-  E as default
-};
-//# sourceMappingURL=SchemaValidation.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SchemaValidation.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/FormControl/SchemaValidation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    email: string\n    userName: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    email: z\n        .string()\n        .min(1, { message: 'Required' })\n        .email({ message: 'Invalid email' }),\n    userName: z\n        .string()\n        .min(1, { message: 'Required' })\n        .min(3, 'Too Short!')\n        .max(12, 'Too Long!'),\n})\n\nconst SchemaValidation = () => {\n    const [submitting, setSubmitting] = useState(false)\n\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            email: '',\n            userName: '',\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        setSubmitting(true)\n        setTimeout(() => {\n            window.alert(JSON.stringify(values, null, 2))\n            setSubmitting(false)\n        }, 400)\n    }\n\n    return (\n        <Form onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Email\"\n                invalid={Boolean(errors.email)}\n                errorMessage={errors.email?.message}\n            >\n                <Controller\n                    name=\"email\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"email\"\n                            autoComplete=\"off\"\n                            placeholder=\"Email\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"User Name\"\n                invalid={Boolean(errors.userName)}\n                errorMessage={errors.userName?.message}\n            >\n                <Controller\n                    name=\"userName\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"text\"\n                            autoComplete=\"off\"\n                            placeholder=\"User Name\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem>\n                <Button type=\"submit\" variant=\"solid\" loading={submitting}>\n                    Submit\n                </Button>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default SchemaValidation\n"],"names":["validationSchema","z","SchemaValidation","submitting","setSubmitting","useState","handleSubmit","errors","control","useForm","zodResolver","jsxs","Form","values","jsx","FormItem","_a","Controller","field","Input","_b","Button"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,IAAwCC,EAAE,OAAO;AAAA,EACnD,OAAOA,EACF,SACA,IAAI,GAAG,EAAE,SAAS,WAAY,CAAA,EAC9B,MAAM,EAAE,SAAS,iBAAiB;AAAA,EACvC,UAAUA,EACL,OAAA,EACA,IAAI,GAAG,EAAE,SAAS,WAAW,CAAC,EAC9B,IAAI,GAAG,YAAY,EACnB,IAAI,IAAI,WAAW;AAC5B,CAAC,GAEKC,IAAmB,MAAM;;AAC3B,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAE5C;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAO;AAAA,IACpB,SAAAC;AAAA,MACAC,EAAoB;AAAA,IACpB,eAAe;AAAA,MACX,OAAO;AAAA,MACP,UAAU;AAAA,IACd;AAAA,IACA,UAAUC,EAAYV,CAAgB;AAAA,EAAA,CACzC;AAUD,SACK,gBAAAW,EAAAC,GAAA,EAAK,UAAUN,EATH,CAACO,MAAuB;AACrC,IAAAT,EAAc,EAAI,GAClB,WAAW,MAAM;AACb,aAAO,MAAM,KAAK,UAAUS,GAAQ,MAAM,CAAC,CAAC,GAC5CT,EAAc,EAAK;AAAA,OACpB,GAAG;AAAA,EACV,CAGyC,GACjC,UAAA;AAAA,IAAA,gBAAAU;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQR,EAAO;AAAA,QACxB,eAAcS,IAAAT,EAAO,UAAP,gBAAAS,EAAc;AAAA,QAE5B,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAT;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAU,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGD;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IACJ;AAAA,IACA,gBAAAJ;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQR,EAAO;AAAA,QACxB,eAAca,IAAAb,EAAO,aAAP,gBAAAa,EAAiB;AAAA,QAE/B,UAAA,gBAAAN;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAT;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAU,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGD;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IACJ;AAAA,IACA,gBAAAJ,EAACC,GACG,EAAA,UAAA,gBAAAD,EAACO,GAAO,EAAA,MAAK,UAAS,SAAQ,SAAQ,SAASlB,GAAY,UAAA,SAAA,CAE3D,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}

package/dist/lib/@ecme/views/ui-components/forms/FormControl/Sizes.js

@@ -1,87 +0,0 @@
-import { jsxs as o, Fragment as f, jsx as l } from "react/jsx-runtime";
-import { useState as b } from "react";
-import "../../../../components/ui/Form/index.js";
-import "../../../../components/ui/Input/index.js";
-import "../../../../components/ui/Button/index.js";
-import { InputGroup as h } from "../../../../components/ui/InputGroup/index.js";
-import { DatePicker as S } from "../../../../components/ui/DatePicker/index.js";
-import { useForm as v, Controller as m } from "react-hook-form";
-import i from "../../../../components/ui/Button/Button.js";
-import { Form as y } from "../../../../components/ui/Form/Form.js";
-import t from "../../../../components/ui/Form/FormItem.js";
-import n from "../../../../components/ui/Input/Input.js";
-const g = [
-  { label: "Small", value: "sm" },
-  { label: "Medium", value: "md" },
-  { label: "Large", value: "lg" }
-], B = () => {
-  const [a, u] = b("md"), c = (e) => {
-    u(e);
-  }, { handleSubmit: s, control: r } = v({
-    defaultValues: {
-      name: "",
-      email: "",
-      date: null
-    }
-  }), d = async (e) => {
-    await new Promise((p) => setTimeout(p, 500)), alert(JSON.stringify(e, null, 2));
-  };
-  return /* @__PURE__ */ o(f, { children: [
-    /* @__PURE__ */ l(h, { className: "mb-6", children: g.map((e) => /* @__PURE__ */ l(
-      i,
-      {
-        active: a === e.value,
-        onClick: () => c(e.value),
-        children: e.label
-      },
-      e.value
-    )) }),
-    /* @__PURE__ */ o(y, { size: a, onSubmit: s(d), children: [
-      /* @__PURE__ */ l(t, { label: "Name", children: /* @__PURE__ */ l(
-        m,
-        {
-          name: "name",
-          control: r,
-          render: ({ field: e }) => /* @__PURE__ */ l(
-            n,
-            {
-              type: "text",
-              autoComplete: "off",
-              placeholder: "name",
-              ...e
-            }
-          )
-        }
-      ) }),
-      /* @__PURE__ */ l(t, { label: "Email", children: /* @__PURE__ */ l(
-        m,
-        {
-          name: "email",
-          control: r,
-          render: ({ field: e }) => /* @__PURE__ */ l(
-            n,
-            {
-              type: "email",
-              autoComplete: "off",
-              placeholder: "Email",
-              ...e
-            }
-          )
-        }
-      ) }),
-      /* @__PURE__ */ l(t, { label: "Date", children: /* @__PURE__ */ l(
-        m,
-        {
-          name: "date",
-          control: r,
-          render: ({ field: e }) => /* @__PURE__ */ l(S, { placeholder: "Select Date", ...e })
-        }
-      ) }),
-      /* @__PURE__ */ l(t, { children: /* @__PURE__ */ l(i, { variant: "solid", type: "submit", children: "Submit" }) })
-    ] })
-  ] });
-};
-export {
-  B as default
-};
-//# sourceMappingURL=Sizes.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Sizes.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/FormControl/Sizes.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport InputGroup from '@/components/ui/InputGroup'\nimport DatePicker from '@/components/ui/DatePicker'\nimport { useForm, Controller } from 'react-hook-form'\n\ntype Size = 'lg' | 'md' | 'sm'\n\ntype FormSchema = {\n    name: string\n    email: string\n    date: Date | null\n}\n\nconst options: {\n    label: string\n    value: Size\n}[] = [\n    { label: 'Small', value: 'sm' },\n    { label: 'Medium', value: 'md' },\n    { label: 'Large', value: 'lg' },\n]\n\nconst Sizes = () => {\n    const [size, setSize] = useState<Size>('md')\n\n    const onSizeSelect = (val: Size) => {\n        setSize(val)\n    }\n\n    const { handleSubmit, control } = useForm<FormSchema>({\n        defaultValues: {\n            name: '',\n            email: '',\n            date: null,\n        },\n    })\n\n    const onSubmit = async (values: FormSchema) => {\n        await new Promise((r) => setTimeout(r, 500))\n        alert(JSON.stringify(values, null, 2))\n    }\n\n    return (\n        <>\n            <InputGroup className=\"mb-6\">\n                {options.map((opt) => (\n                    <Button\n                        key={opt.value}\n                        active={size === opt.value}\n                        onClick={() => onSizeSelect(opt.value)}\n                    >\n                        {opt.label}\n                    </Button>\n                ))}\n            </InputGroup>\n            <Form size={size} onSubmit={handleSubmit(onSubmit)}>\n                <FormItem label=\"Name\">\n                    <Controller\n                        name=\"name\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"name\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem label=\"Email\">\n                    <Controller\n                        name=\"email\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"email\"\n                                autoComplete=\"off\"\n                                placeholder=\"Email\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem label=\"Date\">\n                    <Controller\n                        name=\"date\"\n                        control={control}\n                        render={({ field }) => (\n                            <DatePicker placeholder=\"Select Date\" {...field} />\n                        )}\n                    />\n                </FormItem>\n                <FormItem>\n                    <Button variant=\"solid\" type=\"submit\">\n                        Submit\n                    </Button>\n                </FormItem>\n            </Form>\n        </>\n    )\n}\n\nexport default Sizes\n"],"names":["options","Sizes","size","setSize","useState","onSizeSelect","val","handleSubmit","control","useForm","onSubmit","values","r","jsxs","Fragment","jsx","InputGroup","opt","Button","Form","FormItem","Controller","field","Input","DatePicker"],"mappings":";;;;;;;;;;;;AAgBA,MAAMA,IAGA;AAAA,EACF,EAAE,OAAO,SAAS,OAAO,KAAK;AAAA,EAC9B,EAAE,OAAO,UAAU,OAAO,KAAK;AAAA,EAC/B,EAAE,OAAO,SAAS,OAAO,KAAK;AAClC,GAEMC,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAe,IAAI,GAErCC,IAAe,CAACC,MAAc;AAChC,IAAAH,EAAQG,CAAG;AAAA,EACf,GAEM,EAAE,cAAAC,GAAc,SAAAC,EAAQ,IAAIC,EAAoB;AAAA,IAClD,eAAe;AAAA,MACX,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,EACV,CACH,GAEKC,IAAW,OAAOC,MAAuB;AAC3C,UAAM,IAAI,QAAQ,CAACC,MAAM,WAAWA,GAAG,GAAG,CAAC,GAC3C,MAAM,KAAK,UAAUD,GAAQ,MAAM,CAAC,CAAC;AAAA,EACzC;AAEA,SAEQ,gBAAAE,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAW,WAAU,QACjB,UAAQhB,EAAA,IAAI,CAACiB,MACV,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QAEG,QAAQhB,MAASe,EAAI;AAAA,QACrB,SAAS,MAAMZ,EAAaY,EAAI,KAAK;AAAA,QAEpC,UAAIA,EAAA;AAAA,MAAA;AAAA,MAJAA,EAAI;AAAA,IAMhB,CAAA,GACL;AAAA,sBACCE,GAAK,EAAA,MAAAjB,GAAY,UAAUK,EAAaG,CAAQ,GAC7C,UAAA;AAAA,MAAC,gBAAAK,EAAAK,GAAA,EAAS,OAAM,QACZ,UAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAAb;AAAA,UACA,QAAQ,CAAC,EAAE,OAAAc,EAAA,MACP,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,cAAa;AAAA,cACb,aAAY;AAAA,cACX,GAAGD;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA,GAGZ;AAAA,MACA,gBAAAP,EAACK,GAAS,EAAA,OAAM,SACZ,UAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAAb;AAAA,UACA,QAAQ,CAAC,EAAE,OAAAc,EAAA,MACP,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,cAAa;AAAA,cACb,aAAY;AAAA,cACX,GAAGD;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA,GAGZ;AAAA,MACA,gBAAAP,EAACK,GAAS,EAAA,OAAM,QACZ,UAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAAb;AAAA,UACA,QAAQ,CAAC,EAAE,OAAAc,EAAM,wBACZE,GAAW,EAAA,aAAY,eAAe,GAAGF,EAAO,CAAA;AAAA,QAAA;AAAA,MAAA,GAG7D;AAAA,MACA,gBAAAP,EAACK,KACG,UAAC,gBAAAL,EAAAG,GAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAEtC,CAAA,EACJ,CAAA;AAAA,IAAA,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}

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

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

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

@@ -1 +0,0 @@
-{"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":";;;;;;;;;;;;AAeA,MAAMA,IAAS,eAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAO,CAAA,CAAA;AAAA,EACvB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAW,CAAA,CAAA;AAAA,EAC3B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAgB,CAAA,CAAA;AAAA,EAChC;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAiB,CAAA,CAAA;AAAA,EACjC;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYS,GAAoB,CAAA,CAAA;AAAA,EACpC;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAT;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYU,GAAgB,CAAA,CAAA;AAAA,EAChC;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAV;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYW,GAAY,CAAA,CAAA;AAAA,EAC5B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAX;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYY,GAAiB,CAAA,CAAA;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,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EAER;AAAA,EACA;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,sBACD,OACG,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAAC,QAAG,UAAe,kBAAA,CAAA;AAAA,EACnB,gBAAAC,EAAC,KAAE,EAAA,WAAU,QACT,UAAA;AAAA,IAAA,gBAAAD,EAAC,UAAK,UAAe,kBAAA,CAAA;AAAA,IAAO;AAAA,IAIjB,gBAAAA,EAAC,UAAK,UAAO,UAAA,CAAA;AAAA,IAAO;AAAA,IAG/B,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QAEH,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,UACS;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,IAAI;AAAA,EAAA,GAER;AAAA,EACC,gBAAAD,EAAA,MAAA,EAAG,WAAU,SAAQ,UAAG,OAAA;AAAA,EACzB,gBAAAC,EAAC,KAAE,EAAA,WAAU,QAAO,UAAA;AAAA,IAAA;AAAA,IAShB,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QAEH,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,UACS;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,IAAI;AAAA,EAAA,EAER,CAAA;AAAA,GACJ,GAGEC,IAAc,MAEZ,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,QAAQjB;AAAA,IACR,OAAAC;AAAA,IACA,KAAKW;AAAA,IACL,MAAMC;AAAA,EAAA;AACV;"}

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

@@ -1,27 +0,0 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import "../../../../components/ui/Input/index.js";
-import "../../../../components/ui/Tooltip/index.js";
-import { HiOutlineUser as l, HiOutlineExclamationCircle as t } from "react-icons/hi";
-import r from "../../../../components/ui/Input/Input.js";
-import o from "../../../../components/ui/Tooltip/Tooltip.js";
-const p = () => /* @__PURE__ */ i("div", { children: [
-  /* @__PURE__ */ e("div", { className: "mb-4", children: /* @__PURE__ */ e(
-    r,
-    {
-      placeholder: "Enter your name",
-      prefix: /* @__PURE__ */ e(l, { className: "text-lg" })
-    }
-  ) }),
-  /* @__PURE__ */ e("div", { className: "mb-4", children: /* @__PURE__ */ e(
-    r,
-    {
-      placeholder: "Enter your rate",
-      suffix: /* @__PURE__ */ e(o, { title: "Field info", children: /* @__PURE__ */ e(t, { className: "text-lg cursor-pointer ml-1" }) })
-    }
-  ) }),
-  /* @__PURE__ */ e("div", { className: "mb-4", children: /* @__PURE__ */ e(r, { prefix: "$", suffix: ".00" }) })
-] });
-export {
-  p as default
-};
-//# sourceMappingURL=Affix.js.map

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

@@ -1 +0,0 @@
-{"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,OACG,EAAA,UAAA;AAAA,EAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,QAAQ,gBAAAD,EAACE,GAAc,EAAA,WAAU,UAAU,CAAA;AAAA,IAAA;AAAA,EAAA,GAEnD;AAAA,EACA,gBAAAF,EAAC,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,0BACKE,GAAQ,EAAA,OAAM,cACX,UAAC,gBAAAH,EAAAI,GAAA,EAA2B,WAAU,8BAA8B,CAAA,EACxE,CAAA;AAAA,IAAA;AAAA,EAAA,GAGZ;AAAA,EACA,gBAAAJ,EAAC,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAM,QAAO,KAAI,QAAO,MAAM,CAAA,EACnC,CAAA;AAAA,GACJ;"}

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

@@ -1,8 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import "../../../../components/ui/Input/index.js";
-import o from "../../../../components/ui/Input/Input.js";
-const a = () => /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(o, { placeholder: "Basic usage" }) });
-export {
-  a as default
-};
-//# sourceMappingURL=Basic.js.map

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

@@ -1 +0,0 @@
-{"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,OACG,EAAA,UAAA,gBAAAC,EAACC,GAAM,EAAA,aAAY,cAAc,CAAA,GACrC;"}

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

@@ -1,19 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useState as r } from "react";
-import "../../../../components/ui/Input/index.js";
-import l from "../../../../components/ui/Input/Input.js";
-const u = () => {
-  const [t, o] = r("");
-  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-    l,
-    {
-      value: t,
-      placeholder: "Sample placeholder",
-      onChange: (a) => o(a.target.value)
-    }
-  ) });
-};
-export {
-  u as default
-};
-//# sourceMappingURL=ControlledInput.js.map

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

@@ -1 +0,0 @@
-{"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,OACG,EAAA,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/lib/@ecme/views/ui-components/forms/Input/Disabled.js

@@ -1,8 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import "../../../../components/ui/Input/index.js";
-import e from "../../../../components/ui/Input/Input.js";
-const o = () => /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(e, { disabled: !0, placeholder: "Disabled Input" }) });
-export {
-  o as default
-};
-//# sourceMappingURL=Disabled.js.map

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

@@ -1 +0,0 @@
-{"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,UAAC,gBAAAA,EAAAC,GAAA,EAAM,UAAQ,IAAC,aAAY,kBAAiB,EACjD,CAAA;"}

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

@@ -1,36 +0,0 @@
-import { jsxs as e, jsx as i } from "react/jsx-runtime";
-import { useState as a } from "react";
-import "../../../../components/ui/Input/index.js";
-import "../../../../components/ui/Button/index.js";
-import { HiExclamationCircle as o } from "react-icons/hi";
-import l from "../../../../components/ui/Input/Input.js";
-import n from "../../../../components/ui/Button/Button.js";
-const f = () => {
-  const [t, r] = a(!1);
-  return /* @__PURE__ */ e("div", { children: [
-    /* @__PURE__ */ i("div", { className: "mb-4", children: /* @__PURE__ */ i(
-      l,
-      {
-        invalid: t,
-        placeholder: "Invalid input",
-        suffix: t ? /* @__PURE__ */ i(o, { className: "text-red-500 text-xl" }) : null
-      }
-    ) }),
-    /* @__PURE__ */ i("div", { className: "mb-4", children: /* @__PURE__ */ i(
-      l,
-      {
-        textArea: !0,
-        invalid: t,
-        placeholder: "Invalid text area"
-      }
-    ) }),
-    /* @__PURE__ */ e(n, { variant: "solid", onClick: () => r(!t), children: [
-      "Set ",
-      t ? "Valid" : "Invalid"
-    ] })
-  ] });
-};
-export {
-  f as default
-};
-//# sourceMappingURL=Invalid.js.map