@zydon/common 2.2.43 → 2.2.45

package/dist/components/form/Codes/index.js

@@ -1,11 +1,88 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef } from 'react';
 import { useFormContext, Controller } from 'react-hook-form';
-import I from '@mui/material/FormHelperText';
-import c from '@mui/material/Stack';
-import b from '@mui/material/TextField';
-import M from 'hooks/useEventListener';
+import FormHelperText from '@mui/material/FormHelperText';
+import Stack from '@mui/material/Stack';
+import TextField from '@mui/material/TextField';
+import useEventListener from 'hooks/useEventListener';
 
-const S=({keyName:l,inputs:s=[],rules:u,tabIndex:d,...f})=>{const m=useRef(null),{control:g,setValue:h,formState:{errors:C}}=useFormContext(),x=e=>{const n=e.clipboardData.getData("text").split("");s.map((t,o)=>h(t,n[o])),e.preventDefault();},E=(e,n)=>{const{maxLength:t,value:o,name:r}=e.target,T=r.replace(l,""),p=Number(T),i=document.querySelector(`input[name=${l}${p+1}]`);o.length>t&&(e.target.value=o[0]),o.length>=t&&p<6&&i!==null&&i.focus(),n(e);};M("paste",x,m);const v=s.some(e=>C[e]);return jsxs(c,{children:[jsx(c,{direction:"row",spacing:2,justifyContent:"center",ref:m,children:s.map((e,n)=>jsx(Controller,{name:`${l}${n+1}`,control:g,rules:u,render:({field:t,fieldState:{error:o}})=>jsx(b,{...f,...t,autoComplete:"none",error:!!o,autoFocus:n===0,placeholder:"-",onChange:r=>{E(r,t.onChange);},onFocus:r=>r.currentTarget.select(),InputProps:{sx:{width:{xs:36,sm:56},height:{xs:36,sm:56},"& input":{p:0,textAlign:"center"}}},inputProps:{maxLength:1,type:"number",tabIndex:d}})},e))}),v&&jsx(I,{error:!0,sx:{px:2},children:"C\xF3digo \xE9 obrigat\xF3rio"})]})};var W=S;
+const Codes = ({
+  keyName,
+  inputs = [],
+  rules,
+  tabIndex,
+  ...other
+}) => {
+  const codesRef = useRef(null);
+  const {
+    control,
+    setValue,
+    formState: { errors }
+  } = useFormContext();
+  const handlePaste = (event) => {
+    const data = event.clipboardData.getData("text").split("");
+    inputs.map((input, index) => setValue(input, data[index]));
+    event.preventDefault();
+  };
+  const handleChangeWithNextField = (event, handleChange) => {
+    const { maxLength, value, name } = event.target;
+    const fieldIndex = name.replace(keyName, "");
+    const fieldIntIndex = Number(fieldIndex);
+    const nextfield = document.querySelector(
+      `input[name=${keyName}${fieldIntIndex + 1}]`
+    );
+    if (value.length > maxLength) {
+      event.target.value = value[0];
+    }
+    if (value.length >= maxLength && fieldIntIndex < 6 && nextfield !== null) {
+      nextfield.focus();
+    }
+    handleChange(event);
+  };
+  useEventListener("paste", handlePaste, codesRef);
+  const hasCodeNotFilled = inputs.some((input) => errors[input]);
+  return /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 2, justifyContent: "center", ref: codesRef, children: inputs.map((name, index) => /* @__PURE__ */ jsx(
+      Controller,
+      {
+        name: `${keyName}${index + 1}`,
+        control,
+        rules,
+        render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx(
+          TextField,
+          {
+            ...other,
+            ...field,
+            autoComplete: "none",
+            error: !!error,
+            autoFocus: index === 0,
+            placeholder: "-",
+            onChange: (event) => {
+              handleChangeWithNextField(event, field.onChange);
+            },
+            onFocus: (event) => event.currentTarget.select(),
+            InputProps: {
+              sx: {
+                width: { xs: 36, sm: 56 },
+                height: { xs: 36, sm: 56 },
+                "& input": { p: 0, textAlign: "center" }
+              }
+            },
+            inputProps: {
+              maxLength: 1,
+              type: "number",
+              tabIndex
+            }
+          }
+        )
+      },
+      name
+    )) }),
+    hasCodeNotFilled && /* @__PURE__ */ jsx(FormHelperText, { error: true, sx: { px: 2 }, children: "C\xF3digo \xE9 obrigat\xF3rio" })
+  ] });
+};
+var Codes_default = Codes;
 
-export { W as default };
+export { Codes_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/form/Codes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/form/Codes/index.tsx"],"names":[],"mappings":"AAgEI,SASU,KATV;AAhEJ,SAAsC,cAAc;AACpD,SAAS,YAAY,sBAAsB;AAC3C,OAAO,oBAAoB;AAC3B,OAAO,WAAW;AAClB,OAAO,eAAe;AAEtB,OAAO,sBAAsB;AAI7B,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,SAAS,CAAC;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAkB;AAChB,QAAM,WAAW,OAAuB,IAAI;AAE5C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,EACtB,IAAI,eAAe;AAEnB,QAAM,cAAc,CAAC,UAA0B;AAC7C,UAAM,OAAO,MAAM,cAAc,QAAQ,MAAM,EAAE,MAAM,EAAE;AAEzD,WAAO,IAAI,CAAC,OAAO,UAAU,SAAS,OAAO,KAAK,KAAK,CAAC,CAAC;AAEzD,UAAM,eAAe;AAAA,EACvB;AAEA,QAAM,4BAA4B,CAChC,OACA,iBACG;AACH,UAAM,EAAE,WAAW,OAAO,KAAK,IAAI,MAAM;AAEzC,UAAM,aAAa,KAAK,QAAQ,SAAS,EAAE;AAE3C,UAAM,gBAAgB,OAAO,UAAU;AAEvC,UAAM,YAAgC,SAAS;AAAA,MAC7C,cAAc,UAAU,gBAAgB;AAAA,IAC1C;AAEA,QAAI,MAAM,SAAS,WAAW;AAC5B,YAAM,OAAO,QAAQ,MAAM,CAAC;AAAA,IAC9B;AAEA,QAAI,MAAM,UAAU,aAAa,gBAAgB,KAAK,cAAc,MAAM;AACxE,MAAC,UAA0B,MAAM;AAAA,IACnC;AAEA,iBAAa,KAAK;AAAA,EACpB;AAGA,mBAAiB,SAAS,aAAoB,QAAQ;AAEtD,QAAM,mBAAmB,OAAO,KAAK,WAAS,OAAO,KAAK,CAAC;AAE3D,SACE,qBAAC,SACC;AAAA,wBAAC,SAAM,WAAU,OAAM,SAAS,GAAG,gBAAe,UAAS,KAAK,UAC7D,iBAAO,IAAI,CAAC,MAAM,UACjB;AAAA,MAAC;AAAA;AAAA,QAEC,MAAM,GAAG,UAAU,QAAQ;AAAA,QAC3B;AAAA,QACA;AAAA,QACA,QAAQ,CAAC,EAAE,OAAO,YAAY,EAAE,MAAM,EAAE,MACtC;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACH,GAAG;AAAA,YACJ,cAAa;AAAA,YACb,OAAO,CAAC,CAAC;AAAA,YACT,WAAW,UAAU;AAAA,YACrB,aAAY;AAAA,YACZ,UAAU,CAAC,UAAyC;AAClD,wCAA0B,OAAO,MAAM,QAAQ;AAAA,YACjD;AAAA,YACA,SAAS,WAAS,MAAM,cAAc,OAAO;AAAA,YAC7C,YAAY;AAAA,cACV,IAAI;AAAA,gBACF,OAAO,EAAE,IAAI,IAAI,IAAI,GAAG;AAAA,gBACxB,QAAQ,EAAE,IAAI,IAAI,IAAI,GAAG;AAAA,gBACzB,WAAW,EAAE,GAAG,GAAG,WAAW,SAAS;AAAA,cACzC;AAAA,YACF;AAAA,YACA,YAAY;AAAA,cACV,WAAW;AAAA,cACX,MAAM;AAAA,cACN;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,MA5BG;AAAA,IA8BP,CACD,GACH;AAAA,IAEC,oBACC,oBAAC,kBAAe,OAAK,MAAC,IAAI,EAAE,IAAI,EAAE,GAAG,2CAErC;AAAA,KAEJ;AAEJ;AAEA,IAAO,gBAAQ","sourcesContent":["import { ChangeEvent, ClipboardEvent, useRef } from 'react';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport Stack from '@mui/material/Stack';\nimport TextField from '@mui/material/TextField';\n\nimport useEventListener from 'hooks/useEventListener';\n\nimport { CodesProps } from './props';\n\nconst Codes = ({\n  keyName,\n  inputs = [],\n  rules,\n  tabIndex,\n  ...other\n}: CodesProps) => {\n  const codesRef = useRef<HTMLDivElement>(null);\n\n  const {\n    control,\n    setValue,\n    formState: { errors },\n  } = useFormContext();\n\n  const handlePaste = (event: ClipboardEvent) => {\n    const data = event.clipboardData.getData('text').split('');\n\n    inputs.map((input, index) => setValue(input, data[index]));\n\n    event.preventDefault();\n  };\n\n  const handleChangeWithNextField = (\n    event: ChangeEvent<HTMLInputElement>,\n    handleChange: (event: ChangeEvent<HTMLInputElement>) => void,\n  ) => {\n    const { maxLength, value, name } = event.target;\n\n    const fieldIndex = name.replace(keyName, '');\n\n    const fieldIntIndex = Number(fieldIndex);\n\n    const nextfield: HTMLElement | null = document.querySelector(\n      `input[name=${keyName}${fieldIntIndex + 1}]`,\n    );\n\n    if (value.length > maxLength) {\n      event.target.value = value[0];\n    }\n\n    if (value.length >= maxLength && fieldIntIndex < 6 && nextfield !== null) {\n      (nextfield as HTMLElement).focus();\n    }\n\n    handleChange(event);\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  useEventListener('paste', handlePaste as any, codesRef);\n\n  const hasCodeNotFilled = inputs.some(input => errors[input]);\n\n  return (\n    <Stack>\n      <Stack direction=\"row\" spacing={2} justifyContent=\"center\" ref={codesRef}>\n        {inputs.map((name, index) => (\n          <Controller\n            key={name}\n            name={`${keyName}${index + 1}`}\n            control={control}\n            rules={rules}\n            render={({ field, fieldState: { error } }) => (\n              <TextField\n                {...other}\n                {...field}\n                autoComplete=\"none\"\n                error={!!error}\n                autoFocus={index === 0}\n                placeholder=\"-\"\n                onChange={(event: ChangeEvent<HTMLInputElement>) => {\n                  handleChangeWithNextField(event, field.onChange);\n                }}\n                onFocus={event => event.currentTarget.select()}\n                InputProps={{\n                  sx: {\n                    width: { xs: 36, sm: 56 },\n                    height: { xs: 36, sm: 56 },\n                    '& input': { p: 0, textAlign: 'center' },\n                  },\n                }}\n                inputProps={{\n                  maxLength: 1,\n                  type: 'number',\n                  tabIndex,\n                }}\n              />\n            )}\n          />\n        ))}\n      </Stack>\n\n      {hasCodeNotFilled && (\n        <FormHelperText error sx={{ px: 2 }}>\n          Código é obrigatório\n        </FormHelperText>\n      )}\n    </Stack>\n  );\n};\n\nexport default Codes;\n"]}

package/dist/components/form/ColorPicker/index.js

@@ -1,7 +1,53 @@
 import { jsx } from 'react/jsx-runtime';
 import { useFormContext, Controller } from 'react-hook-form';
-import s from 'components/ColorPickerInput';
+import ColorPickerInput from 'components/ColorPickerInput';
 
-const u=({name:o,rules:t,helperText:a,...c})=>{const{control:f}=useFormContext();return jsx(Controller,{name:o,control:f,rules:{...t,validate:{...t?.validate,validation:e=>{const r="#"+e.replaceAll("#","");return /^#([0-9A-Fa-f]{3}){1,2}$/.test(r)?!0:"Cor inv\xE1lida"}}},render:({field:{ref:e,onChange:r,...l},fieldState:{error:i}})=>jsx(s,{...l,onChangeColor:r,inputRef:e,fullWidth:!0,error:!!i,helperText:i?.message||a,"data-intercom-target":o,...c})})};var P=u;
+const ColorPicker = ({
+  name,
+  rules,
+  helperText,
+  ...other
+}) => {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      rules: {
+        ...rules,
+        validate: {
+          ...rules?.validate,
+          validation: (v) => {
+            const fValue = "#" + v.replaceAll("#", "");
+            const hexRegex = /^#([0-9A-Fa-f]{3}){1,2}$/;
+            if (!hexRegex.test(fValue))
+              return "Cor inv\xE1lida";
+            return true;
+          }
+        }
+      },
+      render: ({
+        field: { ref, onChange, ...field },
+        fieldState: { error }
+      }) => /* @__PURE__ */ jsx(
+        ColorPickerInput,
+        {
+          ...field,
+          onChangeColor: onChange,
+          inputRef: ref,
+          fullWidth: true,
+          error: !!error,
+          helperText: error?.message || helperText,
+          "data-intercom-target": name,
+          ...other
+        }
+      )
+    }
+  );
+};
+var ColorPicker_default = ColorPicker;
 
-export { P as default };
+export { ColorPicker_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/form/ColorPicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/form/ColorPicker/index.tsx"],"names":[],"mappings":"AAoCQ;AApCR,SAAS,YAAY,sBAAsB;AAE3C,OAAO,sBAAsB;AAI7B,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,OAAO;AAAA,QACL,GAAG;AAAA,QACH,UAAU;AAAA,UACR,GAAG,OAAO;AAAA,UACV,YAAY,CAAC,MAAc;AACzB,kBAAM,SAAS,MAAM,EAAE,WAAW,KAAK,EAAE;AACzC,kBAAM,WAAW;AAEjB,gBAAI,CAAC,SAAS,KAAK,MAAM;AAAG,qBAAO;AAEnC,mBAAO;AAAA,UACT;AAAA,QACF;AAAA,MACF;AAAA,MACA,QAAQ,CAAC;AAAA,QACP,OAAO,EAAE,KAAK,UAAU,GAAG,MAAM;AAAA,QACjC,YAAY,EAAE,MAAM;AAAA,MACtB,MACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,eAAe;AAAA,UACf,UAAU;AAAA,UACV,WAAS;AAAA,UACT,OAAO,CAAC,CAAC;AAAA,UACT,YAAY,OAAO,WAAW;AAAA,UAC9B,wBAAsB;AAAA,UACrB,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\n\nimport ColorPickerInput from 'components/ColorPickerInput';\n\nimport { ColorPickerProps } from './props';\n\nconst ColorPicker = ({\n  name,\n  rules,\n  helperText,\n  ...other\n}: ColorPickerProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      rules={{\n        ...rules,\n        validate: {\n          ...rules?.validate,\n          validation: (v: string) => {\n            const fValue = '#' + v.replaceAll('#', '');\n            const hexRegex = /^#([0-9A-Fa-f]{3}){1,2}$/;\n\n            if (!hexRegex.test(fValue)) return 'Cor inválida';\n\n            return true;\n          },\n        },\n      }}\n      render={({\n        field: { ref, onChange, ...field },\n        fieldState: { error },\n      }) => (\n        <ColorPickerInput\n          {...field}\n          onChangeColor={onChange}\n          inputRef={ref}\n          fullWidth\n          error={!!error}\n          helperText={error?.message || helperText}\n          data-intercom-target={name}\n          {...other}\n        />\n      )}\n    />\n  );\n};\n\nexport default ColorPicker;\n"]}

package/dist/components/form/DatePicker/index.js

@@ -1,8 +1,64 @@
 import { jsx } from 'react/jsx-runtime';
 import { useFormContext, Controller } from 'react-hook-form';
-import { DatePicker } from '@mui/x-date-pickers-pro';
-import C from 'dayjs';
+import { DatePicker as DatePicker$1 } from '@mui/x-date-pickers-pro';
+import dayjs from 'dayjs';
 
-const d=({name:o,rules:i,tabIndex:r,helperText:p,required:u,...e})=>{const{control:c}=useFormContext();return jsx(Controller,{name:o,control:c,rules:i,render:({field:{ref:m,onChange:f,...t},fieldState:{error:l}})=>jsx(DatePicker,{inputRef:m,format:"DD/MM/YYYY",...t,"data-intercom-target":o,...e,value:t.value?C(t.value):null,onChange:a=>{const n=a?a.toDate():null;f(n),e.onChange&&e.onChange(n);},slotProps:{textField:{...e.slotProps?.textField,required:u,error:!!l,helperText:l?.message||p,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:r}},openPickerButton:{tabIndex:r}}})})};var M=d;
+const DatePicker = ({
+  name,
+  rules,
+  tabIndex,
+  helperText,
+  required,
+  ...other
+}) => {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      render: ({
+        field: { ref, onChange, ...field },
+        fieldState: { error }
+      }) => /* @__PURE__ */ jsx(
+        DatePicker$1,
+        {
+          inputRef: ref,
+          format: "DD/MM/YYYY",
+          ...field,
+          "data-intercom-target": name,
+          ...other,
+          value: field.value ? dayjs(field.value) : null,
+          onChange: (v) => {
+            const newValue = v ? v.toDate() : null;
+            onChange(newValue);
+            other.onChange && other.onChange(newValue);
+          },
+          slotProps: {
+            textField: {
+              ...other.slotProps?.textField,
+              required,
+              error: !!error,
+              helperText: error?.message || helperText,
+              autoComplete: "off",
+              spellCheck: "false",
+              fullWidth: true,
+              inputProps: {
+                tabIndex
+              }
+            },
+            openPickerButton: {
+              tabIndex
+            }
+          }
+        }
+      )
+    }
+  );
+};
+var DatePicker_default = DatePicker;
 
-export { M as default };
+export { DatePicker_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/form/DatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/form/DatePicker/index.tsx"],"names":[],"mappings":"AAyBQ;AAzBR,SAAS,YAAY,sBAAsB;AAC3C,SAAS,cAAc,qBAAqB;AAC5C,OAAO,WAAW;AAIlB,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAuB;AACrB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC;AAAA,QACP,OAAO,EAAE,KAAK,UAAU,GAAG,MAAM;AAAA,QACjC,YAAY,EAAE,MAAM;AAAA,MACtB,MACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV,QAAO;AAAA,UACN,GAAG;AAAA,UACJ,wBAAsB;AAAA,UACrB,GAAG;AAAA,UACJ,OAAO,MAAM,QAAQ,MAAM,MAAM,KAAK,IAAI;AAAA,UAC1C,UAAU,OAAK;AACb,kBAAM,WAAW,IAAI,EAAE,OAAO,IAAI;AAClC,qBAAS,QAAQ;AACjB,kBAAM,YAAY,MAAM,SAAS,QAAQ;AAAA,UAC3C;AAAA,UACA,WAAW;AAAA,YACT,WAAW;AAAA,cACT,GAAG,MAAM,WAAW;AAAA,cACpB;AAAA,cACA,OAAO,CAAC,CAAC;AAAA,cACT,YAAY,OAAO,WAAW;AAAA,cAC9B,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,WAAW;AAAA,cACX,YAAY;AAAA,gBACV;AAAA,cACF;AAAA,YACF;AAAA,YACA,kBAAkB;AAAA,cAChB;AAAA,YACF;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,qBAAQ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport { DatePicker as MuiDatePicker } from '@mui/x-date-pickers-pro';\nimport dayjs from 'dayjs';\n\nimport { DatePickerProps } from 'types/datePickerProps';\n\nconst DatePicker = ({\n  name,\n  rules,\n  tabIndex,\n  helperText,\n  required,\n  ...other\n}: DatePickerProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      rules={rules}\n      render={({\n        field: { ref, onChange, ...field },\n        fieldState: { error },\n      }) => (\n        <MuiDatePicker\n          inputRef={ref}\n          format=\"DD/MM/YYYY\"\n          {...field}\n          data-intercom-target={name}\n          {...other}\n          value={field.value ? dayjs(field.value) : null}\n          onChange={v => {\n            const newValue = v ? v.toDate() : null;\n            onChange(newValue);\n            other.onChange && other.onChange(newValue);\n          }}\n          slotProps={{\n            textField: {\n              ...other.slotProps?.textField,\n              required,\n              error: !!error,\n              helperText: error?.message || helperText,\n              autoComplete: 'off',\n              spellCheck: 'false',\n              fullWidth: true,\n              inputProps: {\n                tabIndex,\n              },\n            },\n            openPickerButton: {\n              tabIndex,\n            },\n          }}\n        />\n      )}\n    />\n  );\n};\n\nexport default DatePicker;\n"]}

package/dist/components/form/DateRangePicker/index.js

@@ -1,10 +1,78 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useFormContext, Controller } from 'react-hook-form';
-import k from '@mui/material/FormHelperText';
-import x from '@mui/material/Stack';
-import { DateRangePicker } from '@mui/x-date-pickers-pro';
-import m from 'dayjs';
+import FormHelperText from '@mui/material/FormHelperText';
+import Stack from '@mui/material/Stack';
+import { DateRangePicker as DateRangePicker$1 } from '@mui/x-date-pickers-pro';
+import dayjs from 'dayjs';
 
-const F=({name:a,label:s,rules:p,tabIndex:D,helperText:l,required:d,...e})=>{const{control:f,setError:c}=useFormContext();return jsx(Controller,{name:a,control:f,rules:p,render:({field:{value:o,onChange:u},fieldState:{error:r}})=>jsxs(x,{children:[jsx(DateRangePicker,{"data-intercom-target":a,...e,format:"DD/MM/YYYY",value:[o?.startDate?m(o.startDate):null,o?.endDate?m(o.endDate):null],onChange:t=>{const i={startDate:t[0]?t[0].toDate():null,endDate:t[1]?t[1].toDate():null};u(i),e.onChange&&e.onChange(i);},onError:t=>{c(a,{message:t[0]||t[1]||void 0});},slotProps:{textField:({position:t})=>({...e.slotProps?.textField,required:d,error:!!r,autoComplete:"off",spellCheck:"false",fullWidth:!0,label:t==="start"?`${s} (Dt. In\xEDcio)`:`${s} (Dt. Fim)`,inputProps:{tabIndex:D}})},sx:{width:1}}),(r?.message||l)&&jsx(k,{error:!!r,sx:{mx:"14px"},children:r?.message||l})]})})};var y=F;
+const DateRangePicker = ({
+  name,
+  label,
+  rules,
+  tabIndex,
+  helperText,
+  required,
+  ...other
+}) => {
+  const { control, setError } = useFormContext();
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      render: ({ field: { value, onChange }, fieldState: { error } }) => {
+        return /* @__PURE__ */ jsxs(Stack, { children: [
+          /* @__PURE__ */ jsx(
+            DateRangePicker$1,
+            {
+              "data-intercom-target": name,
+              ...other,
+              format: "DD/MM/YYYY",
+              value: [
+                value?.startDate ? dayjs(value.startDate) : null,
+                value?.endDate ? dayjs(value.endDate) : null
+              ],
+              onChange: (v) => {
+                const newValue = {
+                  startDate: v[0] ? v[0].toDate() : null,
+                  endDate: v[1] ? v[1].toDate() : null
+                };
+                onChange(newValue);
+                other.onChange && other.onChange(newValue);
+              },
+              onError: (newError) => {
+                setError(name, {
+                  message: newError[0] || newError[1] || void 0
+                });
+              },
+              slotProps: {
+                textField: ({ position }) => ({
+                  ...other.slotProps?.textField,
+                  required,
+                  error: !!error,
+                  autoComplete: "off",
+                  spellCheck: "false",
+                  fullWidth: true,
+                  label: position === "start" ? `${label} (Dt. In\xEDcio)` : `${label} (Dt. Fim)`,
+                  inputProps: {
+                    tabIndex
+                  }
+                })
+              },
+              sx: {
+                width: 1
+              }
+            }
+          ),
+          (error?.message || helperText) && /* @__PURE__ */ jsx(FormHelperText, { error: !!error, sx: { mx: "14px" }, children: error?.message || helperText })
+        ] });
+      }
+    }
+  );
+};
+var DateRangePicker_default = DateRangePicker;
 
-export { y as default };
+export { DateRangePicker_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/form/DateRangePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/form/DateRangePicker/index.tsx"],"names":[],"mappings":"AA0BU,SACE,KADF;AA1BV,SAAS,YAAY,sBAAsB;AAC3C,OAAO,oBAAoB;AAC3B,OAAO,WAAW;AAClB,SAAS,mBAAmB,0BAA0B;AACtD,OAAO,WAAW;AAIlB,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA4B;AAC1B,QAAM,EAAE,SAAS,SAAS,IAAI,eAAe;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,SAAS,GAAG,YAAY,EAAE,MAAM,EAAE,MAAM;AACjE,eACE,qBAAC,SACC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,wBAAsB;AAAA,cACrB,GAAG;AAAA,cACJ,QAAO;AAAA,cACP,OAAO;AAAA,gBACL,OAAO,YAAY,MAAM,MAAM,SAAS,IAAI;AAAA,gBAC5C,OAAO,UAAU,MAAM,MAAM,OAAO,IAAI;AAAA,cAC1C;AAAA,cACA,UAAU,OAAK;AACb,sBAAM,WAAW;AAAA,kBACf,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,OAAO,IAAI;AAAA,kBAClC,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,OAAO,IAAI;AAAA,gBAClC;AACA,yBAAS,QAAQ;AACjB,sBAAM,YAAY,MAAM,SAAS,QAAQ;AAAA,cAC3C;AAAA,cACA,SAAS,cAAY;AACnB,yBAAS,MAAM;AAAA,kBACb,SAAS,SAAS,CAAC,KAAK,SAAS,CAAC,KAAK;AAAA,gBACzC,CAAC;AAAA,cACH;AAAA,cACA,WAAW;AAAA,gBACT,WAAW,CAAC,EAAE,SAAS,OAAO;AAAA,kBAC5B,GAAG,MAAM,WAAW;AAAA,kBACpB;AAAA,kBACA,OAAO,CAAC,CAAC;AAAA,kBACT,cAAc;AAAA,kBACd,YAAY;AAAA,kBACZ,WAAW;AAAA,kBACX,OACE,aAAa,UACT,GAAG,0BACH,GAAG;AAAA,kBACT,YAAY;AAAA,oBACV;AAAA,kBACF;AAAA,gBACF;AAAA,cACF;AAAA,cACA,IAAI;AAAA,gBACF,OAAO;AAAA,cACT;AAAA;AAAA,UACF;AAAA,WACE,OAAO,WAAW,eAClB,oBAAC,kBAAe,OAAO,CAAC,CAAC,OAAO,IAAI,EAAE,IAAI,OAAO,GAC9C,iBAAO,WAAW,YACrB;AAAA,WAEJ;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,0BAAQ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport Stack from '@mui/material/Stack';\nimport { DateRangePicker as MuiDateRangePicker } from '@mui/x-date-pickers-pro';\nimport dayjs from 'dayjs';\n\nimport { DateRangePickerProps } from 'types/dateRangePickerProps';\n\nconst DateRangePicker = ({\n  name,\n  label,\n  rules,\n  tabIndex,\n  helperText,\n  required,\n  ...other\n}: DateRangePickerProps) => {\n  const { control, setError } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      rules={rules}\n      render={({ field: { value, onChange }, fieldState: { error } }) => {\n        return (\n          <Stack>\n            <MuiDateRangePicker\n              data-intercom-target={name}\n              {...other}\n              format=\"DD/MM/YYYY\"\n              value={[\n                value?.startDate ? dayjs(value.startDate) : null,\n                value?.endDate ? dayjs(value.endDate) : null,\n              ]}\n              onChange={v => {\n                const newValue = {\n                  startDate: v[0] ? v[0].toDate() : null,\n                  endDate: v[1] ? v[1].toDate() : null,\n                };\n                onChange(newValue);\n                other.onChange && other.onChange(newValue);\n              }}\n              onError={newError => {\n                setError(name, {\n                  message: newError[0] || newError[1] || undefined,\n                });\n              }}\n              slotProps={{\n                textField: ({ position }) => ({\n                  ...other.slotProps?.textField,\n                  required,\n                  error: !!error,\n                  autoComplete: 'off',\n                  spellCheck: 'false',\n                  fullWidth: true,\n                  label:\n                    position === 'start'\n                      ? `${label} (Dt. Início)`\n                      : `${label} (Dt. Fim)`,\n                  inputProps: {\n                    tabIndex,\n                  },\n                }),\n              }}\n              sx={{\n                width: 1,\n              }}\n            />\n            {(error?.message || helperText) && (\n              <FormHelperText error={!!error} sx={{ mx: '14px' }}>\n                {error?.message || helperText}\n              </FormHelperText>\n            )}\n          </Stack>\n        );\n      }}\n    />\n  );\n};\n\nexport default DateRangePicker;\n"]}

package/dist/components/form/DateTimePicker/index.js

@@ -1,8 +1,62 @@
 import { jsx } from 'react/jsx-runtime';
 import { useFormContext, Controller } from 'react-hook-form';
-import { DateTimePicker } from '@mui/x-date-pickers-pro';
-import C from 'dayjs';
+import { DateTimePicker as DateTimePicker$1 } from '@mui/x-date-pickers-pro';
+import dayjs from 'dayjs';
 
-const d=({name:o,rules:m,tabIndex:r,helperText:s,required:p,...e})=>{const{control:u}=useFormContext();return jsx(Controller,{name:o,control:u,rules:m,render:({field:{ref:c,onChange:f,...t},fieldState:{error:l}})=>jsx(DateTimePicker,{format:"DD/MM/YYYY HH:mm",inputRef:c,...t,"data-intercom-target":o,...e,value:t.value?C(t.value):null,onChange:a=>{const i=a?a.toDate():null;f(i),e.onChange&&e.onChange(i);},slotProps:{textField:{...e.slotProps?.textField,required:p,error:!!l,helperText:l?.message||s,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:r}},openPickerButton:{tabIndex:r}}})})};var F=d;
+const DateTimePicker = ({
+  name,
+  rules,
+  tabIndex,
+  helperText,
+  required,
+  ...other
+}) => {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      render: ({
+        field: { ref, onChange, ...field },
+        fieldState: { error }
+      }) => /* @__PURE__ */ jsx(
+        DateTimePicker$1,
+        {
+          format: "DD/MM/YYYY HH:mm",
+          inputRef: ref,
+          ...field,
+          "data-intercom-target": name,
+          ...other,
+          value: field.value ? dayjs(field.value) : null,
+          onChange: (v) => {
+            const newValue = v ? v.toDate() : null;
+            onChange(newValue);
+            other.onChange && other.onChange(newValue);
+          },
+          slotProps: {
+            textField: {
+              ...other.slotProps?.textField,
+              required,
+              error: !!error,
+              helperText: error?.message || helperText,
+              autoComplete: "off",
+              spellCheck: "false",
+              fullWidth: true,
+              inputProps: { tabIndex }
+            },
+            openPickerButton: {
+              tabIndex
+            }
+          }
+        }
+      )
+    }
+  );
+};
+var DateTimePicker_default = DateTimePicker;
 
-export { F as default };
+export { DateTimePicker_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/form/DateTimePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/form/DateTimePicker/index.tsx"],"names":[],"mappings":"AAyBQ;AAzBR,SAAS,YAAY,sBAAsB;AAC3C,SAAS,kBAAkB,yBAAyB;AACpD,OAAO,WAAW;AAIlB,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA2B;AACzB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC;AAAA,QACP,OAAO,EAAE,KAAK,UAAU,GAAG,MAAM;AAAA,QACjC,YAAY,EAAE,MAAM;AAAA,MACtB,MACE;AAAA,QAAC;AAAA;AAAA,UACC,QAAO;AAAA,UACP,UAAU;AAAA,UACT,GAAG;AAAA,UACJ,wBAAsB;AAAA,UACrB,GAAG;AAAA,UACJ,OAAO,MAAM,QAAQ,MAAM,MAAM,KAAK,IAAI;AAAA,UAC1C,UAAU,OAAK;AACb,kBAAM,WAAW,IAAI,EAAE,OAAO,IAAI;AAClC,qBAAS,QAAQ;AACjB,kBAAM,YAAY,MAAM,SAAS,QAAQ;AAAA,UAC3C;AAAA,UACA,WAAW;AAAA,YACT,WAAW;AAAA,cACT,GAAG,MAAM,WAAW;AAAA,cACpB;AAAA,cACA,OAAO,CAAC,CAAC;AAAA,cACT,YAAY,OAAO,WAAW;AAAA,cAC9B,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,WAAW;AAAA,cACX,YAAY,EAAE,SAAS;AAAA,YACzB;AAAA,YACA,kBAAkB;AAAA,cAChB;AAAA,YACF;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,yBAAQ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport { DateTimePicker as MuiDateTimePicker } from '@mui/x-date-pickers-pro';\nimport dayjs from 'dayjs';\n\nimport { DateTimePickerProps } from 'types/dateTimePickerProps';\n\nconst DateTimePicker = ({\n  name,\n  rules,\n  tabIndex,\n  helperText,\n  required,\n  ...other\n}: DateTimePickerProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      rules={rules}\n      render={({\n        field: { ref, onChange, ...field },\n        fieldState: { error },\n      }) => (\n        <MuiDateTimePicker\n          format=\"DD/MM/YYYY HH:mm\"\n          inputRef={ref}\n          {...field}\n          data-intercom-target={name}\n          {...other}\n          value={field.value ? dayjs(field.value) : null}\n          onChange={v => {\n            const newValue = v ? v.toDate() : null;\n            onChange(newValue);\n            other.onChange && other.onChange(newValue);\n          }}\n          slotProps={{\n            textField: {\n              ...other.slotProps?.textField,\n              required,\n              error: !!error,\n              helperText: error?.message || helperText,\n              autoComplete: 'off',\n              spellCheck: 'false',\n              fullWidth: true,\n              inputProps: { tabIndex },\n            },\n            openPickerButton: {\n              tabIndex,\n            },\n          }}\n        />\n      )}\n    />\n  );\n};\n\nexport default DateTimePicker;\n"]}

package/dist/components/form/Field/index.js

@@ -1,7 +1,50 @@
 import { jsx } from 'react/jsx-runtime';
 import { useFormContext, Controller } from 'react-hook-form';
-import F from '@mui/material/TextField';
+import TextField from '@mui/material/TextField';
 
-const P=({name:e,helperText:p,rules:s,onChange:o,tabIndex:d,className:f,...t})=>{const{control:m}=useFormContext();return jsx(Controller,{name:e,control:m,rules:s,render:({field:{ref:a,...r},fieldState:{error:l}})=>jsx(F,{...r,onChange:i=>{r.onChange(i),o&&o(i);},inputRef:a,fullWidth:!0,error:!!l,helperText:l?.message||p,"data-intercom-target":e,...t,inputProps:{...t.inputProps,tabIndex:d},className:`field-${e} ${f}`})})};var T=P;
+const Field = ({
+  name,
+  helperText,
+  rules,
+  onChange,
+  tabIndex,
+  className,
+  ...other
+}) => {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ jsx(
+        TextField,
+        {
+          ...field,
+          onChange: (e) => {
+            field.onChange(e);
+            if (onChange)
+              onChange(e);
+          },
+          inputRef: ref,
+          fullWidth: true,
+          error: !!error,
+          helperText: error?.message || helperText,
+          "data-intercom-target": name,
+          ...other,
+          inputProps: {
+            ...other.inputProps,
+            tabIndex
+          },
+          className: `field-${name} ${className}`
+        }
+      )
+    }
+  );
+};
+var Field_default = Field;
 
-export { T as default };
+export { Field_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/form/Field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/form/Field/index.tsx"],"names":[],"mappings":"AAsBQ;AAtBR,SAAS,YAAY,sBAAsB;AAC3C,OAAO,eAAe;AAItB,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAkB;AAChB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,GAAG,MAAM,GAAG,YAAY,EAAE,MAAM,EAAE,MACzD;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,UAAU,OAAK;AACb,kBAAM,SAAS,CAAC;AAChB,gBAAI;AAAU,uBAAS,CAAC;AAAA,UAC1B;AAAA,UACA,UAAU;AAAA,UACV,WAAS;AAAA,UACT,OAAO,CAAC,CAAC;AAAA,UACT,YAAY,OAAO,WAAW;AAAA,UAC9B,wBAAsB;AAAA,UACrB,GAAG;AAAA,UACJ,YAAY;AAAA,YACV,GAAG,MAAM;AAAA,YACT;AAAA,UACF;AAAA,UACA,WAAW,SAAS,QAAQ;AAAA;AAAA,MAC9B;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,gBAAQ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport TextField from '@mui/material/TextField';\n\nimport { FieldProps } from 'types/fieldProps';\n\nconst Field = ({\n  name,\n  helperText,\n  rules,\n  onChange,\n  tabIndex,\n  className,\n  ...other\n}: FieldProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      rules={rules}\n      render={({ field: { ref, ...field }, fieldState: { error } }) => (\n        <TextField\n          {...field}\n          onChange={e => {\n            field.onChange(e);\n            if (onChange) onChange(e);\n          }}\n          inputRef={ref}\n          fullWidth\n          error={!!error}\n          helperText={error?.message || helperText}\n          data-intercom-target={name}\n          {...other}\n          inputProps={{\n            ...other.inputProps,\n            tabIndex,\n          }}\n          className={`field-${name} ${className}`}\n        />\n      )}\n    />\n  );\n};\n\nexport default Field;\n"]}

package/dist/components/form/Form/index.js

@@ -1,7 +1,30 @@
 import { jsx } from 'react/jsx-runtime';
 import { FormProvider } from 'react-hook-form';
-import e from '@mui/material/Stack';
+import Stack from '@mui/material/Stack';
 
-const f=({id:r,children:m,onSubmit:t,methods:i,...p})=>jsx(FormProvider,{...i,children:jsx(e,{component:"form",id:r,onSubmit:t,flex:1,width:1,noValidate:!0,...p,children:m})});var s=f;
+const Form = ({
+  id,
+  children,
+  onSubmit,
+  methods,
+  ...other
+}) => {
+  return /* @__PURE__ */ jsx(FormProvider, { ...methods, children: /* @__PURE__ */ jsx(
+    Stack,
+    {
+      component: "form",
+      id,
+      onSubmit,
+      flex: 1,
+      width: 1,
+      noValidate: true,
+      ...other,
+      children
+    }
+  ) });
+};
+var Form_default = Form;
 
-export { s as default };
+export { Form_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/form/Form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/form/Form/index.tsx"],"names":[],"mappings":"AAeM;AAdN,SAAS,oBAAoB;AAC7B,OAAO,WAAW;AAIlB,MAAM,OAAO,CAAC;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAoC;AAClC,SACE,oBAAC,gBAAc,GAAG,SAChB;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAU;AAAA,MACT,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,IAAO,eAAQ","sourcesContent":["import { PropsWithChildren } from 'react';\nimport { FormProvider } from 'react-hook-form';\nimport Stack from '@mui/material/Stack';\n\nimport { FormProps } from './props';\n\nconst Form = ({\n  id,\n  children,\n  onSubmit,\n  methods,\n  ...other\n}: PropsWithChildren<FormProps>) => {\n  return (\n    <FormProvider {...methods}>\n      <Stack\n        component=\"form\"\n        id={id}\n        onSubmit={onSubmit}\n        flex={1}\n        width={1}\n        noValidate\n        {...other}\n      >\n        {children}\n      </Stack>\n    </FormProvider>\n  );\n};\n\nexport default Form;\n"]}

package/dist/components/form/Incrementer/index.js

@@ -1,7 +1,39 @@
 import { jsx } from 'react/jsx-runtime';
 import { useFormContext, Controller } from 'react-hook-form';
-import a from 'components/Incrementer';
+import IncrementerComponent from 'components/Incrementer';
 
-const d=({name:e,helperText:o,rules:n,...m})=>{const{control:l}=useFormContext();return jsx(Controller,{name:e,control:l,rules:n,render:({field:{ref:p,value:c,...f},fieldState:{error:r}})=>jsx(a,{value:c,inputRef:p,fullWidth:!0,error:!!r,helperText:r?.message||o,"data-intercom-target":e,...m,...f,name:e})})};var h=d;
+const Incrementer = ({
+  name,
+  helperText,
+  rules,
+  ...other
+}) => {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      render: ({ field: { ref, value, ...field }, fieldState: { error } }) => /* @__PURE__ */ jsx(
+        IncrementerComponent,
+        {
+          value,
+          inputRef: ref,
+          fullWidth: true,
+          error: !!error,
+          helperText: error?.message || helperText,
+          "data-intercom-target": name,
+          ...other,
+          ...field,
+          name
+        }
+      )
+    }
+  );
+};
+var Incrementer_default = Incrementer;
 
-export { h as default };
+export { Incrementer_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/form/Incrementer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/form/Incrementer/index.tsx"],"names":[],"mappings":"AAmBQ;AAnBR,SAAS,YAAY,sBAAsB;AAE3C,OAAO,0BAA0B;AAGjC,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,OAAO,GAAG,MAAM,GAAG,YAAY,EAAE,MAAM,EAAE,MAChE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,UAAU;AAAA,UACV,WAAS;AAAA,UACT,OAAO,CAAC,CAAC;AAAA,UACT,YAAY,OAAO,WAAW;AAAA,UAC9B,wBAAsB;AAAA,UACrB,GAAG;AAAA,UACH,GAAG;AAAA,UACJ;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\n\nimport IncrementerComponent from 'components/Incrementer';\nimport { IncrementerProps } from 'types/incrementerProps';\n\nconst Incrementer = ({\n  name,\n  helperText,\n  rules,\n  ...other\n}: IncrementerProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      rules={rules}\n      render={({ field: { ref, value, ...field }, fieldState: { error } }) => (\n        <IncrementerComponent\n          value={value}\n          inputRef={ref}\n          fullWidth\n          error={!!error}\n          helperText={error?.message || helperText}\n          data-intercom-target={name}\n          {...other}\n          {...field}\n          name={name}\n        />\n      )}\n    />\n  );\n};\n\nexport default Incrementer;\n"]}

package/dist/components/form/InputTags/index.js

@@ -1,9 +1,70 @@
 import { jsx } from 'react/jsx-runtime';
 import { useFormContext, Controller } from 'react-hook-form';
-import b from '@mui/material/Autocomplete';
-import h from '@mui/material/Chip';
-import I from '@mui/material/TextField';
+import Autocomplete from '@mui/material/Autocomplete';
+import Chip from '@mui/material/Chip';
+import TextField from '@mui/material/TextField';
 
-const C=({name:n,helperText:a,rules:i,label:p,required:m})=>{const{control:s}=useFormContext();return jsx(Controller,{name:n,control:s,rules:i,render:({field:{ref:f,value:c,onChange:d},fieldState:{error:u}})=>jsx(b,{multiple:!0,options:[],freeSolo:!0,value:c,onChange:(t,o)=>{const l=o.filter(e=>typeof e=="string"?e.trim().length>0:!0);d(l);},renderTags:(t,o)=>t.map((l,e)=>jsx(h,{variant:"soft",color:"primary",label:l,...o({index:e})},e)),renderInput:t=>jsx(I,{...t,inputRef:f,label:p,placeholder:"| Digite e tecle enter",error:!!u,helperText:u?.message||a,required:m}),"data-intercom-target":n})})};var v=C;
+const InputTags = ({
+  name,
+  helperText,
+  rules,
+  label,
+  required
+}) => {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      render: ({ field: { ref, value, onChange }, fieldState: { error } }) => /* @__PURE__ */ jsx(
+        Autocomplete,
+        {
+          multiple: true,
+          options: [],
+          freeSolo: true,
+          value,
+          onChange: (_, value2) => {
+            const filteredValue = value2.filter(
+              (item) => typeof item === "string" ? item.trim().length > 0 : true
+            );
+            onChange(filteredValue);
+          },
+          renderTags: (value2, getTagProps) => value2.map(
+            (option, index) => {
+              return /* @__PURE__ */ jsx(
+                Chip,
+                {
+                  variant: "soft",
+                  color: "primary",
+                  label: option,
+                  ...getTagProps({ index })
+                },
+                index
+              );
+            }
+          ),
+          renderInput: (params) => /* @__PURE__ */ jsx(
+            TextField,
+            {
+              ...params,
+              inputRef: ref,
+              label,
+              placeholder: "| Digite e tecle enter",
+              error: !!error,
+              helperText: error?.message || helperText,
+              required
+            }
+          ),
+          "data-intercom-target": name
+        }
+      )
+    }
+  );
+};
+var InputTags_default = InputTags;
 
-export { v as default };
+export { InputTags_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map