@zydon/common 2.2.43 → 2.2.45

package/dist/components/TextMaxLine/index.js

@@ -1,9 +1,50 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import y from '@mui/material/Link';
-import L from '@mui/material/Typography';
-import T from './useTypography';
+import Link from '@mui/material/Link';
+import Typography from '@mui/material/Typography';
+import useTypography from './useTypography';
 
-const n=forwardRef(({asLink:a,variant:e="body1",line:o=2,persistent:f=!1,children:r,sx:x,...t},i)=>{const{lineHeight:l}=T(e),p={overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:o,WebkitBoxOrient:"vertical",...f&&{height:l*o},...x};return a?jsx(y,{color:"inherit",ref:i,variant:e,sx:{...p},...t,children:r}):jsx(L,{ref:i,variant:e,sx:{...p},...t,children:r})});n.displayName="TextMaxLine";var M=n;
+const TextMaxLine = forwardRef(
+  ({
+    asLink,
+    variant = "body1",
+    line = 2,
+    persistent = false,
+    children,
+    sx,
+    ...other
+  }, ref) => {
+    const { lineHeight } = useTypography(variant);
+    const styles = {
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      display: "-webkit-box",
+      WebkitLineClamp: line,
+      WebkitBoxOrient: "vertical",
+      ...persistent && {
+        height: lineHeight * line
+      },
+      ...sx
+    };
+    if (asLink) {
+      return /* @__PURE__ */ jsx(
+        Link,
+        {
+          color: "inherit",
+          ref,
+          variant,
+          sx: { ...styles },
+          ...other,
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(Typography, { ref, variant, sx: { ...styles }, ...other, children });
+  }
+);
+TextMaxLine.displayName = "TextMaxLine";
+var TextMaxLine_default = TextMaxLine;
 
-export { M as default };
+export { TextMaxLine_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/TextMaxLine/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/TextMaxLine/index.tsx"],"names":[],"mappings":"AAoCQ;AApCR,SAAS,kBAAkB;AAC3B,OAAO,UAAU;AACjB,OAAO,gBAAgB;AAGvB,OAAO,mBAAmB;AAE1B,MAAM,cAAc;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA,UAAU;AAAA,IACV,OAAO;AAAA,IACP,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,EAAE,WAAW,IAAI,cAAc,OAAO;AAE5C,UAAM,SAAS;AAAA,MACb,UAAU;AAAA,MACV,cAAc;AAAA,MACd,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,GAAI,cAAc;AAAA,QAChB,QAAQ,aAAa;AAAA,MACvB;AAAA,MACA,GAAG;AAAA,IACL;AAEA,QAAI,QAAQ;AACV,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN;AAAA,UACA;AAAA,UACA,IAAI,EAAE,GAAG,OAAO;AAAA,UACf,GAAG;AAAA,UAEH;AAAA;AAAA,MACH;AAAA,IAEJ;AAEA,WACE,oBAAC,cAAW,KAAU,SAAkB,IAAI,EAAE,GAAG,OAAO,GAAI,GAAG,OAC5D,UACH;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAE1B,IAAO,sBAAQ","sourcesContent":["import { forwardRef } from 'react';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\n\nimport { TextMaxLineProps } from './props';\nimport useTypography from './useTypography';\n\nconst TextMaxLine = forwardRef<HTMLAnchorElement, TextMaxLineProps>(\n  (\n    {\n      asLink,\n      variant = 'body1',\n      line = 2,\n      persistent = false,\n      children,\n      sx,\n      ...other\n    },\n    ref,\n  ) => {\n    const { lineHeight } = useTypography(variant);\n\n    const styles = {\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      display: '-webkit-box',\n      WebkitLineClamp: line,\n      WebkitBoxOrient: 'vertical',\n      ...(persistent && {\n        height: lineHeight * line,\n      }),\n      ...sx,\n    } as const;\n\n    if (asLink) {\n      return (\n        <Link\n          color=\"inherit\"\n          ref={ref}\n          variant={variant}\n          sx={{ ...styles }}\n          {...other}\n        >\n          {children}\n        </Link>\n      );\n    }\n\n    return (\n      <Typography ref={ref} variant={variant} sx={{ ...styles }} {...other}>\n        {children}\n      </Typography>\n    );\n  },\n);\n\nTextMaxLine.displayName = 'TextMaxLine';\n\nexport default TextMaxLine;\n"]}

package/dist/components/TimePicker/index.js

@@ -1,7 +1,43 @@
 import { jsx } from 'react/jsx-runtime';
-import { TimePicker } from '@mui/x-date-pickers-pro';
-import s from 'dayjs';
+import { TimePicker as TimePicker$1 } from '@mui/x-date-pickers-pro';
+import dayjs from 'dayjs';
 
-const P=({value:e,onChange:i,tabIndex:o,helperText:l,required:m,...r})=>jsx(TimePicker,{...r,format:"HH:mm",value:e?s(e):null,onChange:t=>i(t?t.toDate():null),slotProps:{textField:{...r.slotProps?.textField,required:m,helperText:l,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:o}},openPickerButton:{tabIndex:o}}});var a=P;
+const TimePicker = ({
+  value,
+  onChange,
+  tabIndex,
+  helperText,
+  required,
+  ...other
+}) => {
+  return /* @__PURE__ */ jsx(
+    TimePicker$1,
+    {
+      ...other,
+      format: "HH:mm",
+      value: value ? dayjs(value) : null,
+      onChange: (v) => onChange(v ? v.toDate() : null),
+      slotProps: {
+        textField: {
+          ...other.slotProps?.textField,
+          required,
+          helperText,
+          autoComplete: "off",
+          spellCheck: "false",
+          fullWidth: true,
+          inputProps: {
+            tabIndex
+          }
+        },
+        openPickerButton: {
+          tabIndex
+        }
+      }
+    }
+  );
+};
+var TimePicker_default = TimePicker;
 
-export { a as default };
+export { TimePicker_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/TimePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/TimePicker/index.tsx"],"names":[],"mappings":"AAcI;AAdJ,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,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,QAAO;AAAA,MACP,OAAO,QAAQ,MAAM,KAAK,IAAI;AAAA,MAC9B,UAAU,OAAK,SAAS,IAAI,EAAE,OAAO,IAAI,IAAI;AAAA,MAC7C,WAAW;AAAA,QACT,WAAW;AAAA,UACT,GAAG,MAAM,WAAW;AAAA,UACpB;AAAA,UACA;AAAA,UACA,cAAc;AAAA,UACd,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,YAAY;AAAA,YACV;AAAA,UACF;AAAA,QACF;AAAA,QACA,kBAAkB;AAAA,UAChB;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,qBAAQ","sourcesContent":["import { TimePicker as MuiTimePicker } from '@mui/x-date-pickers-pro';\nimport dayjs from 'dayjs';\n\nimport { TimePickerProps } from './props';\n\nconst TimePicker = ({\n  value,\n  onChange,\n  tabIndex,\n  helperText,\n  required,\n  ...other\n}: TimePickerProps) => {\n  return (\n    <MuiTimePicker\n      {...other}\n      format=\"HH:mm\"\n      value={value ? dayjs(value) : null}\n      onChange={v => onChange(v ? v.toDate() : null)}\n      slotProps={{\n        textField: {\n          ...other.slotProps?.textField,\n          required,\n          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\nexport default TimePicker;\n"]}

package/dist/components/ToggleButtonGroup/index.js

@@ -1,6 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
 import { CustomToggleButtonGroup } from './styles';
 
-const r=o=>jsx(CustomToggleButtonGroup,{...o});var l=r;
+const ToggleButtonGroup = (props) => {
+  return /* @__PURE__ */ jsx(CustomToggleButtonGroup, { ...props });
+};
+var ToggleButtonGroup_default = ToggleButtonGroup;
 
-export { l as default };
+export { ToggleButtonGroup_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/ToggleButtonGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ToggleButtonGroup/index.tsx"],"names":[],"mappings":"AAKS;AAHT,SAAS,+BAA+B;AAExC,MAAM,oBAAoB,CAAC,UAAkC;AAC3D,SAAO,oBAAC,2BAAyB,GAAG,OAAO;AAC7C;AAEA,IAAO,4BAAQ","sourcesContent":["import { ToggleButtonGroupProps } from '@mui/material/ToggleButtonGroup';\n\nimport { CustomToggleButtonGroup } from './styles';\n\nconst ToggleButtonGroup = (props: ToggleButtonGroupProps) => {\n  return <CustomToggleButtonGroup {...props} />;\n};\n\nexport default ToggleButtonGroup;\n"]}

package/dist/components/Tooltip/index.js

@@ -1,6 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
-import p from '@mui/material/Tooltip';
+import MuiTooltip from '@mui/material/Tooltip';
 
-const t=o=>jsx(p,{...o});var r=t;
+const Tooltip = (props) => /* @__PURE__ */ jsx(MuiTooltip, { ...props });
+var Tooltip_default = Tooltip;
 
-export { r as default };
+export { Tooltip_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAEyC;AAFzC,OAAO,gBAAkC;AAEzC,MAAM,UAAU,CAAC,UAAwB,oBAAC,cAAY,GAAG,OAAO;AAEhE,IAAO,kBAAQ","sourcesContent":["import MuiTooltip, { TooltipProps } from '@mui/material/Tooltip';\n\nconst Tooltip = (props: TooltipProps) => <MuiTooltip {...props} />;\n\nexport default Tooltip;\n"]}

package/dist/components/WhiteBox/index.js

@@ -1,6 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { Box } from './styles';
 
-const i=({children:o,...p})=>jsx(Box,{borderRadius:1,gap:3,padding:3,...p,children:o});var e=i;
+const WhiteBox = ({ children, ...other }) => /* @__PURE__ */ jsx(Box, { borderRadius: 1, gap: 3, padding: 3, ...other, children });
+var WhiteBox_default = WhiteBox;
 
-export { e as default };
+export { WhiteBox_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/WhiteBox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/WhiteBox/index.tsx"],"names":[],"mappings":"AAIE;AAHF,SAAS,WAAW;AAEpB,MAAM,WAAW,CAAC,EAAE,UAAU,GAAG,MAAM,MACrC,oBAAC,OAAI,cAAc,GAAG,KAAK,GAAG,SAAS,GAAI,GAAG,OAC3C,UACH;AAGF,IAAO,mBAAQ","sourcesContent":["import { WhiteBoxProps } from './props';\nimport { Box } from './styles';\n\nconst WhiteBox = ({ children, ...other }: WhiteBoxProps) => (\n  <Box borderRadius={1} gap={3} padding={3} {...other}>\n    {children}\n  </Box>\n);\n\nexport default WhiteBox;\n"]}

package/dist/components/animate/index.js

@@ -2,3 +2,5 @@ export * from './motion-container';
 export * from './motion-viewport';
 export * from './variants';
 export { AnimatePresence, m, useMotionValueEvent, useScroll } from 'framer-motion';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/animate/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/animate/index.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK","sourcesContent":["export * from './motion-container';\nexport * from './motion-viewport';\nexport * from './variants';\nexport {\n  AnimatePresence,\n  m,\n  useMotionValueEvent,\n  useScroll,\n} from 'framer-motion';\n"]}

package/dist/components/carousel/index.js

@@ -7,3 +7,5 @@ export * from './components/carousel-progress-bar';
 export * from './components/carousel-slide';
 export * from './components/carousel-thumbs';
 export * from './hooks/use-carousel';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/carousel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/carousel/index.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","sourcesContent":["export * from './breakpoints';\nexport * from './carousel';\nexport * from './classes';\nexport * from './components/carousel-arrow-buttons';\nexport * from './components/carousel-dot-buttons';\nexport * from './components/carousel-progress-bar';\nexport * from './components/carousel-slide';\nexport * from './components/carousel-thumbs';\nexport * from './hooks/use-carousel';\nexport type * from './types';\n"]}

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

@@ -1,11 +1,200 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import P from '@mui/material/CircularProgress';
-import b from '@mui/material/InputAdornment';
-import r from '@mui/material/Stack';
-import E from '../Autocomplete';
-import a from '../Field';
-import g from '../MaskedInput';
+import CircularProgress from '@mui/material/CircularProgress';
+import InputAdornment from '@mui/material/InputAdornment';
+import Stack from '@mui/material/Stack';
+import Autocomplete from '../Autocomplete';
+import Field from '../Field';
+import MaskedInput from '../MaskedInput';
 
-const C=({name:t,containerProps:d,required:i,rules:p,tabIndex:e})=>{const l=`${t}.zipCode`,c=`${t}.publicPlace`,x=`${t}.number`,u=`${t}.district`,f=`${t}.complement`,w=`${t}.state`,h=`${t}.city`,n=m=>{m.key==="Enter"&&m.preventDefault();};return jsxs(r,{gap:1.5,...d,children:[jsxs(r,{direction:{xs:"column",md:"row"},gap:1.5,flexWrap:"wrap",children:[jsx(g,{name:l,label:"CEP",mask:[{mask:"00000-000"}],InputProps:{endAdornment:jsx(b,{position:"end",children:jsx(P,{size:24})})},rules:p,onKeyDown:n,required:i,sx:{width:"auto",flex:1,minWidth:160},tabIndex:e}),jsxs(r,{direction:{xs:"column",sm:"row"},gap:1.5,flex:{xs:1,md:"1 1 50%"},children:[jsx(a,{name:c,label:"Logradouro",onKeyDown:n,inputProps:{maxLength:70},sx:{width:"auto",minWidth:250,flex:1},tabIndex:e}),jsx(a,{name:x,label:"N\xFAmero",onKeyDown:n,inputProps:{maxLength:6},sx:{width:"auto",minWidth:100},tabIndex:e})]})]}),jsxs(r,{direction:{xs:"column",md:"row"},gap:1.5,flexWrap:"wrap",children:[jsx(a,{name:u,label:"Bairro",onKeyDown:n,inputProps:{maxLength:20},sx:{width:"auto",flex:{xs:1,md:"1 1 100px"}},tabIndex:e}),jsx(a,{name:f,label:"Complemento",onKeyDown:n,inputProps:{maxLength:30},sx:{minWidth:200,width:"auto",flex:{xs:1,md:"1 1 500px"}},tabIndex:e})]}),jsxs(r,{gap:1.5,flexWrap:"wrap",direction:{xs:"column",sm:"row"},children:[jsx(E,{name:w,label:"Estado",options:[],disabled:!0,required:i,sx:{flex:1},tabIndex:e}),jsx(a,{name:h,label:"Cidade",disabled:!0,required:i,sx:{flex:1},tabIndex:e})]})]})};var $=C;
+const Address = ({
+  name,
+  containerProps,
+  required,
+  rules,
+  tabIndex
+}) => {
+  const ZIP_CODE_FIELD = `${name}.zipCode`;
+  const PUBLIC_PLACE = `${name}.publicPlace`;
+  const NUMBER = `${name}.number`;
+  const DISTRICT = `${name}.district`;
+  const COMPLEMENT = `${name}.complement`;
+  const STATE = `${name}.state`;
+  const CITY = `${name}.city`;
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter")
+      e.preventDefault();
+  };
+  return /* @__PURE__ */ jsxs(Stack, { gap: 1.5, ...containerProps, children: [
+    /* @__PURE__ */ jsxs(
+      Stack,
+      {
+        direction: {
+          xs: "column",
+          md: "row"
+        },
+        gap: 1.5,
+        flexWrap: "wrap",
+        children: [
+          /* @__PURE__ */ jsx(
+            MaskedInput,
+            {
+              name: ZIP_CODE_FIELD,
+              label: "CEP",
+              mask: [
+                {
+                  mask: "00000-000"
+                }
+              ],
+              InputProps: {
+                endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(CircularProgress, { size: 24 }) })
+              },
+              rules,
+              onKeyDown: handleKeyDown,
+              required,
+              sx: {
+                width: "auto",
+                flex: 1,
+                minWidth: 160
+              },
+              tabIndex
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Stack,
+            {
+              direction: {
+                xs: "column",
+                sm: "row"
+              },
+              gap: 1.5,
+              flex: {
+                xs: 1,
+                md: "1 1 50%"
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  Field,
+                  {
+                    name: PUBLIC_PLACE,
+                    label: "Logradouro",
+                    onKeyDown: handleKeyDown,
+                    inputProps: { maxLength: 70 },
+                    sx: {
+                      width: "auto",
+                      minWidth: 250,
+                      flex: 1
+                    },
+                    tabIndex
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Field,
+                  {
+                    name: NUMBER,
+                    label: "N\xFAmero",
+                    onKeyDown: handleKeyDown,
+                    inputProps: { maxLength: 6 },
+                    sx: {
+                      width: "auto",
+                      minWidth: 100
+                    },
+                    tabIndex
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Stack,
+      {
+        direction: {
+          xs: "column",
+          md: "row"
+        },
+        gap: 1.5,
+        flexWrap: "wrap",
+        children: [
+          /* @__PURE__ */ jsx(
+            Field,
+            {
+              name: DISTRICT,
+              label: "Bairro",
+              onKeyDown: handleKeyDown,
+              inputProps: { maxLength: 20 },
+              sx: {
+                width: "auto",
+                flex: {
+                  xs: 1,
+                  md: "1 1 100px"
+                }
+              },
+              tabIndex
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Field,
+            {
+              name: COMPLEMENT,
+              label: "Complemento",
+              onKeyDown: handleKeyDown,
+              inputProps: { maxLength: 30 },
+              sx: {
+                minWidth: 200,
+                width: "auto",
+                flex: {
+                  xs: 1,
+                  md: "1 1 500px"
+                }
+              },
+              tabIndex
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Stack,
+      {
+        gap: 1.5,
+        flexWrap: "wrap",
+        direction: {
+          xs: "column",
+          sm: "row"
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            Autocomplete,
+            {
+              name: STATE,
+              label: "Estado",
+              options: [],
+              disabled: true,
+              required,
+              sx: { flex: 1 },
+              tabIndex
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Field,
+            {
+              name: CITY,
+              label: "Cidade",
+              disabled: true,
+              required,
+              sx: { flex: 1 },
+              tabIndex
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+var Address_default = Address;
 
-export { $ as default };
+export { Address_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/form/Address/index.tsx"],"names":[],"mappings":"AAmDgB,cAeR,YAfQ;AAlDhB,OAAO,sBAAsB;AAC7B,OAAO,oBAAoB;AAC3B,OAAO,WAAW;AAIlB,OAAO,kBAAkB;AACzB,OAAO,WAAW;AAClB,OAAO,iBAAiB;AAExB,MAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAoB;AAClB,QAAM,iBAAiB,GAAG;AAC1B,QAAM,eAAe,GAAG;AACxB,QAAM,SAAS,GAAG;AAClB,QAAM,WAAW,GAAG;AACpB,QAAM,aAAa,GAAG;AACtB,QAAM,QAAQ,GAAG;AACjB,QAAM,OAAO,GAAG;AAEhB,QAAM,gBAAgB,CAAC,MAA2C;AAChE,QAAI,EAAE,QAAQ;AAAS,QAAE,eAAe;AAAA,EAC1C;AAEA,SACE,qBAAC,SAAM,KAAK,KAAM,GAAG,gBACnB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT,IAAI;AAAA,UACJ,IAAI;AAAA,QACN;AAAA,QACA,KAAK;AAAA,QACL,UAAS;AAAA,QAET;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN,OAAM;AAAA,cACN,MAAM;AAAA,gBACJ;AAAA,kBACE,MAAM;AAAA,gBACR;AAAA,cACF;AAAA,cACA,YAAY;AAAA,gBACV,cACE,oBAAC,kBAAe,UAAS,OACvB,8BAAC,oBAAiB,MAAM,IAAI,GAC9B;AAAA,cAEJ;AAAA,cACA;AAAA,cACA,WAAW;AAAA,cACX;AAAA,cACA,IAAI;AAAA,gBACF,OAAO;AAAA,gBACP,MAAM;AAAA,gBACN,UAAU;AAAA,cACZ;AAAA,cACA;AAAA;AAAA,UACF;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,IAAI;AAAA,gBACJ,IAAI;AAAA,cACN;AAAA,cACA,KAAK;AAAA,cACL,MAAM;AAAA,gBACJ,IAAI;AAAA,gBACJ,IAAI;AAAA,cACN;AAAA,cAEA;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAM;AAAA,oBACN,OAAM;AAAA,oBACN,WAAW;AAAA,oBACX,YAAY,EAAE,WAAW,GAAG;AAAA,oBAC5B,IAAI;AAAA,sBACF,OAAO;AAAA,sBACP,UAAU;AAAA,sBACV,MAAM;AAAA,oBACR;AAAA,oBACA;AAAA;AAAA,gBACF;AAAA,gBAEA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAM;AAAA,oBACN,OAAM;AAAA,oBACN,WAAW;AAAA,oBACX,YAAY,EAAE,WAAW,EAAE;AAAA,oBAC3B,IAAI;AAAA,sBACF,OAAO;AAAA,sBACP,UAAU;AAAA,oBACZ;AAAA,oBACA;AAAA;AAAA,gBACF;AAAA;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT,IAAI;AAAA,UACJ,IAAI;AAAA,QACN;AAAA,QACA,KAAK;AAAA,QACL,UAAS;AAAA,QAET;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN,OAAM;AAAA,cACN,WAAW;AAAA,cACX,YAAY,EAAE,WAAW,GAAG;AAAA,cAC5B,IAAI;AAAA,gBACF,OAAO;AAAA,gBACP,MAAM;AAAA,kBACJ,IAAI;AAAA,kBACJ,IAAI;AAAA,gBACN;AAAA,cACF;AAAA,cACA;AAAA;AAAA,UACF;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN,OAAM;AAAA,cACN,WAAW;AAAA,cACX,YAAY,EAAE,WAAW,GAAG;AAAA,cAC5B,IAAI;AAAA,gBACF,UAAU;AAAA,gBACV,OAAO;AAAA,gBACP,MAAM;AAAA,kBACJ,IAAI;AAAA,kBACJ,IAAI;AAAA,gBACN;AAAA,cACF;AAAA,cACA;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,UAAS;AAAA,QACT,WAAW;AAAA,UACT,IAAI;AAAA,UACJ,IAAI;AAAA,QACN;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN,OAAM;AAAA,cACN,SAAS,CAAC;AAAA,cACV,UAAQ;AAAA,cACR;AAAA,cACA,IAAI,EAAE,MAAM,EAAE;AAAA,cACd;AAAA;AAAA,UACF;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAQ;AAAA,cACR;AAAA,cACA,IAAI,EAAE,MAAM,EAAE;AAAA,cACd;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,IAAO,kBAAQ","sourcesContent":["import React from 'react';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport Stack from '@mui/material/Stack';\n\nimport { AddressProps } from 'types/addressProps';\n\nimport Autocomplete from '../Autocomplete';\nimport Field from '../Field';\nimport MaskedInput from '../MaskedInput';\n\nconst Address = ({\n  name,\n  containerProps,\n  required,\n  rules,\n  tabIndex,\n}: AddressProps) => {\n  const ZIP_CODE_FIELD = `${name}.zipCode`;\n  const PUBLIC_PLACE = `${name}.publicPlace`;\n  const NUMBER = `${name}.number`;\n  const DISTRICT = `${name}.district`;\n  const COMPLEMENT = `${name}.complement`;\n  const STATE = `${name}.state`;\n  const CITY = `${name}.city`;\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Enter') e.preventDefault();\n  };\n\n  return (\n    <Stack gap={1.5} {...containerProps}>\n      <Stack\n        direction={{\n          xs: 'column',\n          md: 'row',\n        }}\n        gap={1.5}\n        flexWrap=\"wrap\"\n      >\n        <MaskedInput\n          name={ZIP_CODE_FIELD}\n          label=\"CEP\"\n          mask={[\n            {\n              mask: '00000-000',\n            },\n          ]}\n          InputProps={{\n            endAdornment: (\n              <InputAdornment position=\"end\">\n                <CircularProgress size={24} />\n              </InputAdornment>\n            ),\n          }}\n          rules={rules}\n          onKeyDown={handleKeyDown}\n          required={required}\n          sx={{\n            width: 'auto',\n            flex: 1,\n            minWidth: 160,\n          }}\n          tabIndex={tabIndex}\n        />\n\n        <Stack\n          direction={{\n            xs: 'column',\n            sm: 'row',\n          }}\n          gap={1.5}\n          flex={{\n            xs: 1,\n            md: '1 1 50%',\n          }}\n        >\n          <Field\n            name={PUBLIC_PLACE}\n            label=\"Logradouro\"\n            onKeyDown={handleKeyDown}\n            inputProps={{ maxLength: 70 }}\n            sx={{\n              width: 'auto',\n              minWidth: 250,\n              flex: 1,\n            }}\n            tabIndex={tabIndex}\n          />\n\n          <Field\n            name={NUMBER}\n            label=\"Número\"\n            onKeyDown={handleKeyDown}\n            inputProps={{ maxLength: 6 }}\n            sx={{\n              width: 'auto',\n              minWidth: 100,\n            }}\n            tabIndex={tabIndex}\n          />\n        </Stack>\n      </Stack>\n\n      <Stack\n        direction={{\n          xs: 'column',\n          md: 'row',\n        }}\n        gap={1.5}\n        flexWrap=\"wrap\"\n      >\n        <Field\n          name={DISTRICT}\n          label=\"Bairro\"\n          onKeyDown={handleKeyDown}\n          inputProps={{ maxLength: 20 }}\n          sx={{\n            width: 'auto',\n            flex: {\n              xs: 1,\n              md: '1 1 100px',\n            },\n          }}\n          tabIndex={tabIndex}\n        />\n\n        <Field\n          name={COMPLEMENT}\n          label=\"Complemento\"\n          onKeyDown={handleKeyDown}\n          inputProps={{ maxLength: 30 }}\n          sx={{\n            minWidth: 200,\n            width: 'auto',\n            flex: {\n              xs: 1,\n              md: '1 1 500px',\n            },\n          }}\n          tabIndex={tabIndex}\n        />\n      </Stack>\n\n      <Stack\n        gap={1.5}\n        flexWrap=\"wrap\"\n        direction={{\n          xs: 'column',\n          sm: 'row',\n        }}\n      >\n        <Autocomplete\n          name={STATE}\n          label=\"Estado\"\n          options={[]}\n          disabled\n          required={required}\n          sx={{ flex: 1 }}\n          tabIndex={tabIndex}\n        />\n\n        <Field\n          name={CITY}\n          label=\"Cidade\"\n          disabled\n          required={required}\n          sx={{ flex: 1 }}\n          tabIndex={tabIndex}\n        />\n      </Stack>\n    </Stack>\n  );\n};\n\nexport default Address;\n"]}

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

@@ -1,7 +1,43 @@
 import { jsx } from 'react/jsx-runtime';
 import { useFormContext, Controller } from 'react-hook-form';
-import g from 'components/Autocomplete';
+import AutocompleteComponent from 'components/Autocomplete';
 
-const C=({name:t,helperText:p,rules:l,onSelectOption:e,...s})=>{const{control:a}=useFormContext();return jsx(Controller,{name:t,control:a,rules:l,render:({field:o,fieldState:{error:r}})=>jsx(g,{"data-intercom-target":t,...o,...s,onChange:n=>{e&&e(n,o.value),o.onChange(n);},error:!!r,helperText:r?.message||p})})};var d=C;
+const Autocomplete = ({
+  name,
+  helperText,
+  rules,
+  onSelectOption,
+  ...other
+}) => {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      render: ({ field, fieldState: { error } }) => {
+        return /* @__PURE__ */ jsx(
+          AutocompleteComponent,
+          {
+            "data-intercom-target": name,
+            ...field,
+            ...other,
+            onChange: (value) => {
+              if (onSelectOption)
+                onSelectOption(value, field.value);
+              field.onChange(value);
+            },
+            error: !!error,
+            helperText: error?.message || helperText
+          }
+        );
+      }
+    }
+  );
+};
+var Autocomplete_default = Autocomplete;
 
-export { d as default };
+export { Autocomplete_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/form/Autocomplete/index.tsx"],"names":[],"mappings":"AAsBU;AAtBV,SAAS,YAAY,sBAAsB;AAE3C,OAAO,2BAA2B;AAIlC,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAyB;AACvB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,YAAY,EAAE,MAAM,EAAE,MAAM;AAC5C,eACE;AAAA,UAAC;AAAA;AAAA,YACC,wBAAsB;AAAA,YACrB,GAAG;AAAA,YACH,GAAG;AAAA,YACJ,UAAU,WAAS;AACjB,kBAAI;AAAgB,+BAAe,OAAiB,MAAM,KAAK;AAC/D,oBAAM,SAAS,KAAK;AAAA,YACtB;AAAA,YACA,OAAO,CAAC,CAAC;AAAA,YACT,YAAY,OAAO,WAAW;AAAA;AAAA,QAChC;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,uBAAQ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\n\nimport AutocompleteComponent from 'components/Autocomplete';\n\nimport { AutocompleteProps } from './props';\n\nconst Autocomplete = ({\n  name,\n  helperText,\n  rules,\n  onSelectOption,\n  ...other\n}: AutocompleteProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      rules={rules}\n      render={({ field, fieldState: { error } }) => {\n        return (\n          <AutocompleteComponent\n            data-intercom-target={name}\n            {...field}\n            {...other}\n            onChange={value => {\n              if (onSelectOption) onSelectOption(value as string, field.value);\n              field.onChange(value);\n            }}\n            error={!!error}\n            helperText={error?.message || helperText}\n          />\n        );\n      }}\n    />\n  );\n};\n\nexport default Autocomplete;\n"]}

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

@@ -1,7 +1,43 @@
 import { jsx } from 'react/jsx-runtime';
 import { useFormContext, Controller } from 'react-hook-form';
-import i from 'components/AutocompleteDetailed';
+import AutocompleteDetailedComponent from 'components/AutocompleteDetailed';
 
-const d=({name:t,rules:m,helperText:a,onSelectOption:o,...p})=>{const{control:s}=useFormContext();return jsx(Controller,{name:t,control:s,rules:m,render:({field:e,fieldState:{error:r}})=>jsx(i,{"data-intercom-target":t,...e,...p,onChange:n=>{o&&o(n,e.value),e.onChange(n);},error:!!r,helperText:r?.message||a})})};var D=d;
+const AutocompleteDetailed = ({
+  name,
+  rules,
+  helperText,
+  onSelectOption,
+  ...other
+}) => {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      render: ({ field, fieldState: { error } }) => {
+        return /* @__PURE__ */ jsx(
+          AutocompleteDetailedComponent,
+          {
+            "data-intercom-target": name,
+            ...field,
+            ...other,
+            onChange: (value) => {
+              if (onSelectOption)
+                onSelectOption(value, field.value);
+              field.onChange(value);
+            },
+            error: !!error,
+            helperText: error?.message || helperText
+          }
+        );
+      }
+    }
+  );
+};
+var AutocompleteDetailed_default = AutocompleteDetailed;
 
-export { D as default };
+export { AutocompleteDetailed_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/form/AutocompleteDetailed/index.tsx"],"names":[],"mappings":"AAsBU;AAtBV,SAAS,YAAY,sBAAsB;AAE3C,OAAO,mCAAmC;AAI1C,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAiC;AAC/B,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,YAAY,EAAE,MAAM,EAAE,MAAM;AAC5C,eACE;AAAA,UAAC;AAAA;AAAA,YACC,wBAAsB;AAAA,YACrB,GAAG;AAAA,YACH,GAAG;AAAA,YACJ,UAAU,WAAS;AACjB,kBAAI;AAAgB,+BAAe,OAAiB,MAAM,KAAK;AAC/D,oBAAM,SAAS,KAAK;AAAA,YACtB;AAAA,YACA,OAAO,CAAC,CAAC;AAAA,YACT,YAAY,OAAO,WAAW;AAAA;AAAA,QAChC;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,+BAAQ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\n\nimport AutocompleteDetailedComponent from 'components/AutocompleteDetailed';\n\nimport { AutocompleteDetailedProps } from './props';\n\nconst AutocompleteDetailed = ({\n  name,\n  rules,\n  helperText,\n  onSelectOption,\n  ...other\n}: AutocompleteDetailedProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      rules={rules}\n      render={({ field, fieldState: { error } }) => {\n        return (\n          <AutocompleteDetailedComponent\n            data-intercom-target={name}\n            {...field}\n            {...other}\n            onChange={value => {\n              if (onSelectOption) onSelectOption(value as string, field.value);\n              field.onChange(value);\n            }}\n            error={!!error}\n            helperText={error?.message || helperText}\n          />\n        );\n      }}\n    />\n  );\n};\n\nexport default AutocompleteDetailed;\n"]}

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

@@ -1,9 +1,52 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useFormContext, Controller } from 'react-hook-form';
-import b from '@mui/material/Checkbox';
-import d from '@mui/material/FormControlLabel';
-import f from '@mui/material/FormHelperText';
+import MuiCheckbox from '@mui/material/Checkbox';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import FormHelperText from '@mui/material/FormHelperText';
 
-const h=({name:e,rules:l,helperText:m,tabIndex:a,onChange:n,...p})=>{const{control:i}=useFormContext();return jsx(Controller,{name:e,control:i,rules:l,render:({field:t,fieldState:{error:o}})=>jsxs("div",{children:[jsx(d,{control:jsx(b,{...t,onChange:(c,C)=>{t.onChange(c),n&&n(c,C);},checked:t.value,tabIndex:a}),"data-intercom-target":e,...p}),(!!o||m)&&jsx(f,{error:!!o,children:o?o?.message:m})]})})};var I=h;
+const Checkbox = ({
+  name,
+  rules,
+  helperText,
+  tabIndex,
+  onChange,
+  ...other
+}) => {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(
+          FormControlLabel,
+          {
+            control: /* @__PURE__ */ jsx(
+              MuiCheckbox,
+              {
+                ...field,
+                onChange: (e, v) => {
+                  field.onChange(e);
+                  if (onChange)
+                    onChange(e, v);
+                },
+                checked: field.value,
+                tabIndex
+              }
+            ),
+            "data-intercom-target": name,
+            ...other
+          }
+        ),
+        (!!error || helperText) && /* @__PURE__ */ jsx(FormHelperText, { error: !!error, children: error ? error?.message : helperText })
+      ] })
+    }
+  );
+};
+var Checkbox_default = Checkbox;
 
-export { I as default };
+export { Checkbox_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/form/Checkbox/index.tsx"],"names":[],"mappings":"AAuBQ,SAGM,KAHN;AAvBR,SAAS,YAAY,sBAAsB;AAC3C,OAAO,iBAAiB;AACxB,OAAO,sBAAsB;AAC7B,OAAO,oBAAoB;AAI3B,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAqB;AACnB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,YAAY,EAAE,MAAM,EAAE,MACtC,qBAAC,SACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SACE;AAAA,cAAC;AAAA;AAAA,gBACE,GAAG;AAAA,gBACJ,UAAU,CAAC,GAAG,MAAM;AAClB,wBAAM,SAAS,CAAC;AAChB,sBAAI;AAAU,6BAAS,GAAG,CAAC;AAAA,gBAC7B;AAAA,gBACA,SAAS,MAAM;AAAA,gBACf;AAAA;AAAA,YACF;AAAA,YAEF,wBAAsB;AAAA,YACrB,GAAG;AAAA;AAAA,QACN;AAAA,SAEE,CAAC,CAAC,SAAS,eACX,oBAAC,kBAAe,OAAO,CAAC,CAAC,OACtB,kBAAQ,OAAO,UAAU,YAC5B;AAAA,SAEJ;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,mBAAQ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport MuiCheckbox from '@mui/material/Checkbox';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport FormHelperText from '@mui/material/FormHelperText';\n\nimport { CheckboxProps } from './props';\n\nconst Checkbox = ({\n  name,\n  rules,\n  helperText,\n  tabIndex,\n  onChange,\n  ...other\n}: CheckboxProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      rules={rules}\n      render={({ field, fieldState: { error } }) => (\n        <div>\n          <FormControlLabel\n            control={\n              <MuiCheckbox\n                {...field}\n                onChange={(e, v) => {\n                  field.onChange(e);\n                  if (onChange) onChange(e, v);\n                }}\n                checked={field.value}\n                tabIndex={tabIndex}\n              />\n            }\n            data-intercom-target={name}\n            {...other}\n          />\n\n          {(!!error || helperText) && (\n            <FormHelperText error={!!error}>\n              {error ? error?.message : helperText}\n            </FormHelperText>\n          )}\n        </div>\n      )}\n    />\n  );\n};\n\nexport default Checkbox;\n"]}