@zydon/common 2.2.48 → 2.2.49

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/TimePicker/index.tsx"],"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"],"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;","names":[]}
+{"version":3,"sources":["../../../src/components/TimePicker/index.tsx"],"names":["MuiTimePicker","dayjs","jsx","TimePicker","value","onChange","tabIndex","helperText","required","other","v","TimePicker_default"],"mappings":"AAAA,OAAS,cAAcA,MAAqB,0BAC5C,OAAOC,MAAW,QAad,cAAAC,MAAA,oBATJ,IAAMC,EAAa,CAAC,CAClB,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,WAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAEIP,EAACF,EAAA,CACE,GAAGS,EACJ,OAAO,QACP,MAAOL,EAAQH,EAAMG,CAAK,EAAI,KAC9B,SAAUM,GAAKL,EAASK,EAAIA,EAAE,OAAO,EAAI,IAAI,EAC7C,UAAW,CACT,UAAW,CACT,GAAGD,EAAM,WAAW,UACpB,SAAAD,EACA,WAAAD,EACA,aAAc,MACd,WAAY,QACZ,UAAW,GACX,WAAY,CACV,SAAAD,CACF,CACF,EACA,iBAAkB,CAChB,SAAAA,CACF,CACF,EACF,EAIGK,EAAQR","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,10 +1,9 @@
-import { jsx } from "react/jsx-runtime";
-import { CustomToggleButtonGroup } from "./styles";
-const ToggleButtonGroup = (props) => {
-  return /* @__PURE__ */ jsx(CustomToggleButtonGroup, { ...props });
-};
-var ToggleButtonGroup_default = ToggleButtonGroup;
-export {
-  ToggleButtonGroup_default as default
-};
+import { styled } from '@mui/material/styles';
+import p from '@mui/material/ToggleButtonGroup';
+import { jsx } from 'react/jsx-runtime';
+
+var t=styled(p)(({theme:o})=>({button:{textTransform:"none"},"& .MuiToggleButton-primary:hover":{backgroundColor:`${o.palette.primary.dark}`,color:o.palette.primary.contrastText},"& button:not(.Mui-selected):hover":{backgroundColor:o.palette.primary.lighter,color:o.palette.primary.main},"& .Mui-selected":{backgroundColor:`${o.palette.primary.main} !important`,color:`${o.palette.primary.contrastText} !important`}}));var e=o=>jsx(t,{...o}),g=e;
+
+export { g as default };
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ToggleButtonGroup/index.tsx"],"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"],"mappings":"AAKS;AAHT,SAAS,+BAA+B;AAExC,MAAM,oBAAoB,CAAC,UAAkC;AAC3D,SAAO,oBAAC,2BAAyB,GAAG,OAAO;AAC7C;AAEA,IAAO,4BAAQ;","names":[]}
+{"version":3,"sources":["../../../src/components/ToggleButtonGroup/styles.ts","../../../src/components/ToggleButtonGroup/index.tsx"],"names":["styled","MuiToggleButtonGroup","CustomToggleButtonGroup","theme","jsx","ToggleButtonGroup","props","ToggleButtonGroup_default"],"mappings":"AAAA,OAAS,UAAAA,MAAc,uBACvB,OAAOC,MAA0B,kCAE1B,IAAMC,EAA0BF,EAAOC,CAAoB,EAChE,CAAC,CAAE,MAAAE,CAAM,KAAO,CACd,OAAQ,CACN,cAAe,MACjB,EAEA,mCAAoC,CAClC,gBAAiB,GAAGA,EAAM,QAAQ,QAAQ,OAC1C,MAAOA,EAAM,QAAQ,QAAQ,YAC/B,EAEA,oCAAqC,CACnC,gBAAiBA,EAAM,QAAQ,QAAQ,QACvC,MAAOA,EAAM,QAAQ,QAAQ,IAC/B,EAEA,kBAAmB,CACjB,gBAAiB,GAAGA,EAAM,QAAQ,QAAQ,kBAC1C,MAAO,GAAGA,EAAM,QAAQ,QAAQ,yBAClC,CACF,EACF,ECnBS,cAAAC,MAAA,oBADT,IAAMC,EAAqBC,GAClBF,EAACF,EAAA,CAAyB,GAAGI,EAAO,EAGtCC,EAAQF","sourcesContent":["import { styled } from '@mui/material/styles';\nimport MuiToggleButtonGroup from '@mui/material/ToggleButtonGroup';\n\nexport const CustomToggleButtonGroup = styled(MuiToggleButtonGroup)(\n  ({ theme }) => ({\n    button: {\n      textTransform: 'none',\n    },\n\n    '& .MuiToggleButton-primary:hover': {\n      backgroundColor: `${theme.palette.primary.dark}`,\n      color: theme.palette.primary.contrastText,\n    },\n\n    '& button:not(.Mui-selected):hover': {\n      backgroundColor: theme.palette.primary.lighter,\n      color: theme.palette.primary.main,\n    },\n\n    '& .Mui-selected': {\n      backgroundColor: `${theme.palette.primary.main} !important`,\n      color: `${theme.palette.primary.contrastText} !important`,\n    },\n  }),\n);\n","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,8 +1,8 @@
-import { jsx } from "react/jsx-runtime";
-import MuiTooltip from "@mui/material/Tooltip";
-const Tooltip = (props) => /* @__PURE__ */ jsx(MuiTooltip, { ...props });
-var Tooltip_default = Tooltip;
-export {
-  Tooltip_default as default
-};
+import p from '@mui/material/Tooltip';
+import { jsx } from 'react/jsx-runtime';
+
+var t=o=>jsx(p,{...o}),r=t;
+
+export { r as default };
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Tooltip/index.tsx"],"sourcesContent":["import MuiTooltip, { TooltipProps } from '@mui/material/Tooltip';\n\nconst Tooltip = (props: TooltipProps) => <MuiTooltip {...props} />;\n\nexport default Tooltip;\n"],"mappings":"AAEyC;AAFzC,OAAO,gBAAkC;AAEzC,MAAM,UAAU,CAAC,UAAwB,oBAAC,cAAY,GAAG,OAAO;AAEhE,IAAO,kBAAQ;","names":[]}
+{"version":3,"sources":["../../../src/components/Tooltip/index.tsx"],"names":["MuiTooltip","jsx","Tooltip","props","Tooltip_default"],"mappings":"AAAA,OAAOA,MAAkC,wBAEA,cAAAC,MAAA,oBAAzC,IAAMC,EAAWC,GAAwBF,EAACD,EAAA,CAAY,GAAGG,EAAO,EAEzDC,EAAQF","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,8 +1,3 @@
-import { jsx } from "react/jsx-runtime";
-import { Box } from "./styles";
-const WhiteBox = ({ children, ...other }) => /* @__PURE__ */ jsx(Box, { borderRadius: 1, gap: 3, padding: 3, ...other, children });
-var WhiteBox_default = WhiteBox;
-export {
-  WhiteBox_default as default
-};
+export { a as default } from '../../chunk-7SCNQBRZ.js';
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/WhiteBox/index.tsx"],"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"],"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;","names":[]}
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/components/animate/index.js

@@ -1,16 +1,4 @@
-export * from "./motion-container";
-export * from "./motion-viewport";
-export * from "./variants";
-import {
-  AnimatePresence,
-  m,
-  useMotionValueEvent,
-  useScroll
-} from "framer-motion";
-export {
-  AnimatePresence,
-  m,
-  useMotionValueEvent,
-  useScroll
-};
+export { t as AnimatePresence, r as MotionContainer, s as MotionViewport, l as TRANSITION, u as m, v as useMotionValueEvent, w as useScroll, b as varBgColor, c as varBgKenburns, d as varBgPan, h as varBounce, i as varContainer, j as varFade, k as varFlip, a as varHover, m as varPath, n as varRotate, o as varScale, p as varSlide, f as varTranEnter, g as varTranExit, e as varTranHover, q as varZoom } from '../../chunk-5WTLLVTY.js';
+import '../../chunk-RPO7AI5K.js';
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/animate/index.ts"],"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"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/components/carousel/index.js

@@ -1,10 +1,18 @@
-export * from "./breakpoints";
-export * from "./carousel";
-export * from "./classes";
-export * from "./components/carousel-arrow-buttons";
-export * from "./components/carousel-dot-buttons";
-export * from "./components/carousel-progress-bar";
-export * from "./components/carousel-slide";
-export * from "./components/carousel-thumbs";
-export * from "./hooks/use-carousel";
+import { i, a } from '../../chunk-WHQGCQ6G.js';
+import { a as a$1 } from '../../chunk-FU42GMHJ.js';
+import '../../chunk-ZK4R7GDN.js';
+import { forwardRef, Children, isValidElement, useMemo, useState, useCallback, useEffect, useRef } from 'react';
+import N from '@mui/material/Box';
+import { styled, useTheme } from '@mui/material/styles';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import J, { buttonBaseClasses } from '@mui/material/ButtonBase';
+import Y from '@mui/material/Stack';
+import he from '@mui/material/SvgIcon';
+import _e from '@mui/material/NoSsr';
+import Xe from 'embla-carousel-react';
+
+var Ge={xs:"(min-width: 0px)",sm:"(min-width: 600px)",md:"(min-width: 900px)",lg:"(min-width: 1200px)",xl:"(min-width: 1536px)"};var p={root:"mnl__carousel__root",container:"mnl__carousel__container",dots:"mnl__carousel__dots",dot:"mnl__carousel__dot",arrows:"mnl__carousel__arrows",arrowsLabel:"mnl__carousel__arrows_label",arrowPrev:"mnl__carousel__btn--prev",arrowNext:"mnl__carousel__btn--next",arrowSvg:"mnl__carousel__btn__svg",slide:"mnl__carousel__slide",slideContent:"mnl__carousel__slide__content",thumbs:"mnl__carousel__thumbs",thumb:"mnl__carousel__thumb",thumbContainer:"mnl__carousel__thumbs__container",thumbImage:"mnl__carousel__thumb__image",progress:"mnl__carousel__progress",progressBar:"mnl__carousel__progress__bar",state:{selected:"state--selected",disabled:"state--disabled"}};var pe=styled(N,{shouldForwardProp:e=>e!=="axis"&&e!=="slideSpacing"})(({axis:e,slideSpacing:o})=>({display:"block",position:"relative",...e==="x"&&{minWidth:0,paddingLeft:o},...e==="y"&&{minHeight:0,paddingTop:o}})),me=styled(N)(()=>({overflow:"hidden",position:"relative",borderRadius:"inherit"}));function w({sx:e,options:o,children:r,...t}){let u=de(o?.slidesToShow);return jsx(pe,{component:"li",axis:o?.axis??"x",slideSpacing:o?.slideSpacing,className:p.slide,sx:{flex:u,...e},...t,children:o?.parallax?jsx(me,{className:p.slideContent,children:jsx("div",{className:"slide__parallax__layer",children:r})}):r})}function de(e){return e&&typeof e=="object"?Object.keys(e).reduce((o,r)=>{let t=e[r];return o[r]=W(t),o},{}):W(e)}function W(e=1){if(typeof e=="string"){if(!(e==="auto"||e.endsWith("%")||e.endsWith("px")))throw new Error("Only accepts values: auto, px, %, or number.");return `0 0 ${e}`}if(typeof e=="number")return `0 0 ${100/e}%`;throw new Error("Invalid value type. Only accepts values: auto, px, %, or number.")}var R=styled(N,{shouldForwardProp:e=>e!=="axis"})(({axis:e})=>({margin:"auto",width:"100%",maxWidth:"100%",overflow:"hidden",position:"relative",...e==="y"&&{height:"100%"}})),I=styled(N,{shouldForwardProp:e=>e!=="axis"&&e!=="slideSpacing"})(({axis:e,slideSpacing:o})=>({display:"flex",backfaceVisibility:"hidden",...e==="x"&&{touchAction:"pan-y pinch-zoom",marginLeft:`calc(${o} * -1)`},...e==="y"&&{height:"100%",flexDirection:"column",touchAction:"pan-x pinch-zoom",marginTop:`calc(${o} * -1)`}}));function io({carousel:e,children:o,sx:r,slotProps:t}){let{mainRef:u,options:a}=e,s=a?.axis??"x",n=a?.slideSpacing??"0px",l=a?.direction??"ltr",c=Children.map(o,i=>{if(isValidElement(i)){let m=i;return jsx(w,{options:e.options,sx:t?.slide,children:i},m.key)}return null});return jsx(R,{sx:r,axis:s,ref:u,dir:l,className:p.root,children:jsx(I,{component:"ul",axis:s,slideSpacing:n,className:p.container,sx:{...e.pluginNames?.includes("autoHeight")&&{alignItems:"flex-start",transition:i=>i.transitions.create(["height"],{easing:i.transitions.easing.easeInOut,duration:i.transitions.duration.shorter})},...t?.container},children:c})})}function Co({options:e,slotProps:o,totalSlides:r,selectedIndex:t,onClickPrev:u,onClickNext:a,disablePrev:s,disableNext:n,sx:l,...c}){return jsxs(Y,{direction:"row",alignItems:"center",display:"inline-flex",className:p.arrows,sx:{gap:.5,zIndex:9,color:"action.active",...l},...c,children:[jsx(h,{variant:"prev",options:e,disabled:s,onClick:u,svgIcon:o?.prevBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize,sx:o?.prevBtn?.sx}),jsx(h,{variant:"next",options:e,disabled:n,onClick:a,svgIcon:o?.nextBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize,sx:o?.prevBtn?.sx})]})}function ho({options:e,slotProps:o,totalSlides:r,selectedIndex:t,onClickPrev:u,onClickNext:a,disablePrev:s,disableNext:n,sx:l,...c}){let i$1=useTheme();return jsxs(Y,{direction:"row",alignItems:"center",display:"inline-flex",className:p.arrows,sx:{p:.5,gap:.25,zIndex:9,borderRadius:1.25,color:"common.white",bgcolor:i(i$1.vars.palette.grey["900Channel"],.48),...l},...c,children:[jsx(h,{variant:"prev",options:e,disabled:s,onClick:u,sx:{p:.75,borderRadius:"inherit",...o?.prevBtn?.sx},svgIcon:o?.prevBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize??16}),jsxs(N,{component:"span",className:p.arrowsLabel,sx:{mx:.5,typography:"subtitle2"},children:[t,"/",r]}),jsx(h,{variant:"next",options:e,disabled:n,onClick:a,sx:{p:.75,borderRadius:"inherit",...o?.nextBtn?.sx},svgIcon:o?.nextBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize??16})]})}function So({options:e,slotProps:o,onClickPrev:r,onClickNext:t,disablePrev:u,disableNext:a$1}){let s={zIndex:9,top:"50%",borderRadius:1.5,position:"absolute",color:"common.white",bgcolor:"text.primary",transform:"translateY(-50%)","&:hover":{opacity:.8},[a.dark]:{color:"grey.800"}};return jsxs(Fragment,{children:[jsx(h,{variant:"prev",options:e,disabled:u,onClick:r,svgIcon:o?.prevBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize,sx:{left:-16,...s,...o?.prevBtn?.sx}}),jsx(h,{variant:"next",options:e,disabled:a$1,onClick:t,svgIcon:o?.nextBtn?.svgIcon,svgSize:o?.nextBtn?.svgSize,sx:{right:-16,...s,...o?.nextBtn?.sx}})]})}function h({sx:e,svgIcon:o,svgSize:r,options:t,variant:u,...a}){let s=u==="prev",n=u==="next",l=o||jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M15.488 4.43a.75.75 0 0 1 .081 1.058L9.988 12l5.581 6.512a.75.75 0 1 1-1.138.976l-6-7a.75.75 0 0 1 0-.976l6-7a.75.75 0 0 1 1.057-.081",clipRule:"evenodd"}),c=o||jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M8.512 4.43a.75.75 0 0 1 1.057.082l6 7a.75.75 0 0 1 0 .976l-6 7a.75.75 0 0 1-1.138-.976L14.012 12L8.431 5.488a.75.75 0 0 1 .08-1.057",clipRule:"evenodd"});return jsx(J,{className:s?p.arrowPrev:p.arrowPrev,"aria-label":s?"Prev button":"Next button",sx:{p:1,borderRadius:"50%",boxSizing:"content-box",transition:i=>i.transitions.create(["all"],{easing:i.transitions.easing.sharp,duration:i.transitions.duration.short}),[`&.${buttonBaseClasses.disabled}`]:{opacity:.4},...e,...t?.direction==="rtl"&&{...s&&{right:-16,left:"auto"},...n&&{left:-16,right:"auto"}}},...a,children:jsx(he,{className:p.arrowSvg,sx:{width:r??20,height:r??20,...t?.axis==="y"&&{transform:" rotate(90deg)"},...t?.direction==="rtl"&&{transform:" scaleX(-1)"}},children:s?l:c})})}function Ro({sx:e,gap:o,slotProps:r,onClickDot:t,scrollSnaps:u,selectedIndex:a$1,fallbackCount:s=1,variant:n="circular",fallback:l=!1,...c}){let i$1=useTheme(),m={number:o??6,rounded:o??2,circular:o??2},d={circular:r?.dot?.size??18,number:r?.dot?.size??28},S=jsx(N,{sx:{height:d.circular,width:`calc(${s*d.circular+m.circular*(s-1)}px )`,...n==="number"&&{height:d.number,width:`calc(${s*d.number+m.number*(s-1)}px )`}}}),f={circular:y=>({width:d.circular,height:d.circular,"&::before":{width:8,height:8,content:'""',opacity:.24,borderRadius:"50%",bgcolor:"primary.main",transition:i$1.transitions.create(["opacity"],{easing:i$1.transitions.easing.sharp,duration:i$1.transitions.duration.short}),...y&&{opacity:1}}}),rounded:y=>({width:d.circular,height:d.circular,"&::before":{width:8,height:8,content:'""',opacity:.24,borderRadius:"50%",bgcolor:"primary.main",transition:i$1.transitions.create(["width","opacity"],{easing:i$1.transitions.easing.sharp,duration:i$1.transitions.duration.short}),...y&&{width:"calc(100% - 4px)",opacity:1,borderRadius:1}}}),number:y=>({width:d.number,height:d.number,borderRadius:"50%",typography:"caption",color:"text.disabled",border:`solid 1px ${i(i$1.vars.palette.grey["500Channel"],.16)}`,...y&&{color:"common.white",bgcolor:"text.primary",fontWeight:"fontWeightSemiBold",[a.dark]:{color:"grey.800"}}})};return jsx(_e,{fallback:l?S:null,children:jsx(N,{component:"ul",className:p.dots,sx:{zIndex:9,display:"inline-flex",...n==="circular"&&{gap:`${m.circular}px`},...n==="rounded"&&{gap:`${m.rounded}px`},...n==="number"&&{gap:`${m.number}px`},...e},...c,children:u.map((y,x)=>{let v=x===a$1;return jsx(N,{component:"li",sx:{display:"inline-flex"},children:jsx(J,{disableRipple:!0,"aria-label":`dot-${x}`,className:p.dot.concat(v?` ${p.state.selected}`:""),onClick:()=>t(x),sx:{...n==="circular"&&f.circular(v),...n==="rounded"&&f.rounded(v),...n==="number"&&f.number(v),[`&.${p.state.selected}`]:{...r?.dot?.selected},...r?.dot?.sx},children:n==="number"&&x+1})},x)})})})}var we=styled(N)(({theme:e})=>({height:6,maxWidth:120,width:"100%",borderRadius:6,overflow:"hidden",position:"relative",color:e.vars.palette.text.primary,backgroundColor:i(e.vars.palette.grey["500Channel"],.2)})),Pe=styled(N)(()=>({top:0,bottom:0,width:"100%",left:"-100%",position:"absolute",backgroundColor:"currentColor"}));function Uo({value:e,sx:o,...r}){return jsx(we,{sx:o,className:p.progress,...r,children:jsx(Pe,{className:p.progressBar,sx:{transform:`translate3d(${e}%, 0px, 0px)`}})})}var Ne=forwardRef(({children:e,slotProps:o,options:r,sx:t,...u},a)=>{let s=r?.axis??"x",n=r?.slideSpacing??"12px",l=Oe(s),c=Children.map(e,i=>{if(isValidElement(i)){let m=i;return jsx(w,{options:{...r,slideSpacing:n},sx:o?.slide,children:i},m.key)}return null});return jsx(R,{ref:a,slideSpacing:void 0,axis:s,className:p.thumbs,sx:{flexShrink:0,...s==="x"&&{p:.5,maxWidth:1},...s==="y"&&{p:.5,maxHeight:1},...!o?.disableMask&&l,...t},...u,children:jsx(I,{component:"ul",axis:s,slideSpacing:n,className:p.thumbContainer,sx:{...o?.container},children:c})})});Ne.displayName="CarouselThumbs";function Go({thumbType:e="image",sx:o,src:r,index:t,selected:u,imageRender:a,thumbAlt:s,...n}){if(e==="image"&&(r||a)){let l={width:1,height:1,aspectRatio:1,objectFit:"cover",borderRadius:"inherit"};return jsx(J,{className:p.thumb,sx:{width:64,height:64,opacity:.48,flexShrink:0,cursor:"pointer",borderRadius:1.25,transition:c=>c.transitions.create(["opacity","box-shadow"],{easing:c.transitions.easing.sharp,duration:c.transitions.duration.short}),...u&&{opacity:1,boxShadow:c=>`0 0 0 2px ${c.vars.palette.primary.main}`},...o},...n,children:a?.({sx:l,classes:p.thumbImage})||jsx(N,{component:"img",alt:s||`Imagem do slide ${t}`,src:r,className:p.thumbImage,sx:l})})}return e==="video"?jsx(J,{className:p.thumb,sx:{width:64,height:64,opacity:.48,flexShrink:0,cursor:"pointer",borderRadius:1.25,color:l=>l.vars.palette.primary.main,transition:l=>l.transitions.create(["opacity","box-shadow"],{easing:l.transitions.easing.sharp,duration:l.transitions.duration.short}),...u&&{opacity:1,boxShadow:l=>`0 0 0 2px ${l.vars.palette.primary.main}`},...o},...n,children:jsx(a$1,{icon:"PLAY_CIRCLE",width:32})}):null}function Oe(e){let o=useTheme(),r={zIndex:9,content:'""',position:"absolute"},t=`${o.vars.palette.background.paper} 20%, ${i(o.vars.palette.background.paperChannel,0)} 100%)`;return e==="y"?{"&::before, &::after":{...r,left:0,height:40,width:"100%"},"&::before":{top:-8,background:`linear-gradient(to bottom, ${t}`},"&::after":{bottom:-8,background:`linear-gradient(to top, ${t}`}}:{"&::before, &::after":{...r,top:0,width:40,height:"100%"},"&::before":{left:-8,background:`linear-gradient(to right, ${t}`},"&::after":{right:-8,background:`linear-gradient(to left, ${t}`}}}var A=e=>{let[o,r]=useState(!0),[t,u]=useState(!0),a=useCallback(()=>{e&&e.scrollPrev();},[e]),s=useCallback(()=>{e&&e.scrollNext();},[e]),n=useCallback(l=>{r(!l.canScrollPrev()),u(!l.canScrollNext());},[]);return useEffect(()=>{e&&(n(e),e.on("reInit",n),e.on("select",n));},[e,n]),{disablePrev:o,disableNext:t,onClickPrev:a,onClickNext:s}};function oe(e){let[o,r]=useState(!1),t=useCallback(a=>{let s=e?.plugins()?.autoplay;if(!s)return;(s.options.stopOnInteraction===!1?s.reset:s.stop)(),a();},[e]),u=useCallback(()=>{let a=e?.plugins()?.autoplay;if(!a)return;(a.isPlaying()?a.stop:a.play)();},[e]);return useEffect(()=>{let a=e?.plugins()?.autoplay;a&&(r(a.isPlaying()),e.on("autoplay:play",()=>r(!0)).on("autoplay:stop",()=>r(!1)).on("reInit",()=>r(!1)));},[e]),{isPlaying:o,onTogglePlay:u,onClickAutoplay:t}}function re(e){let[o,r]=useState(!1),t=useCallback(a=>{let s=e?.plugins()?.autoScroll;if(!s)return;(s.options.stopOnInteraction===!1?s.reset:s.stop)(),a();},[e]),u=useCallback(()=>{let a=e?.plugins()?.autoScroll;if(!a)return;(a.isPlaying()?a.stop:a.play)();},[e]);return useEffect(()=>{let a=e?.plugins()?.autoScroll;a&&(r(a.isPlaying()),e.on("autoScroll:play",()=>r(!0)).on("autoScroll:stop",()=>r(!1)).on("reInit",()=>r(!1)));},[e]),{isPlaying:o,onTogglePlay:u,onClickAutoplay:t}}function se(e){let[o,r]=useState(0),[t,u]=useState(0),[a,s]=useState([]),n=useCallback(i=>{e&&e.scrollTo(i);},[e]),l=useCallback(i=>{s(i.scrollSnapList());},[]),c=useCallback(i=>{u(i.selectedScrollSnap()),r(i.scrollSnapList().length);},[]);return useEffect(()=>{e&&(l(e),c(e),e.on("reInit",l),e.on("reInit",c),e.on("select",c));},[e,l,c]),{dotCount:o,scrollSnaps:a,selectedIndex:t,onClickDot:n}}function ne(e,o){let r=useRef(0),t=useRef([]),u=typeof o=="number"?o:.24,a=useCallback(l=>{t.current=l.slideNodes().map(c=>c.querySelector(".slide__parallax__layer"));},[]),s=useCallback(l=>{r.current=u*l.scrollSnapList().length;},[u]),n=useCallback((l,c)=>{let i=l.internalEngine(),m=l.scrollProgress(),d=l.slidesInView(),S=c==="scroll";l.scrollSnapList().forEach((f,y)=>{let x=f-m;i.slideRegistry[y].forEach(k=>{if(S&&!d.includes(k))return;i.options.loop&&i.slideLooper.loopPoints.forEach(D=>{let M=D.target();if(k===D.index&&M!==0){let V=Math.sign(M);V===-1&&(x=f-(1+m)),V===1&&(x=f+(1-m));}});let ce=x*(-1*r.current)*100,U=t.current[k];U&&(U.style.transform=`translateX(${ce}%)`);});});},[]);return useEffect(()=>{!e||!o||(a(e),s(e),n(e),e.on("reInit",a).on("reInit",s).on("reInit",n).on("scroll",n));},[e,n]),null}function le(e){let[o,r]=useState(0),t=useCallback(u=>{let a=Math.max(0,Math.min(1,u.scrollProgress()));r(a*100);},[]);return useEffect(()=>{e&&(t(e),e.on("reInit",t),e.on("scroll",t));},[e,t]),{value:o}}function ue(e,o){let[r,t]=Xe({containScroll:"keepSnaps",dragFree:!0,...o}),[u,a]=useState(0),s=useCallback(l=>{!e||!t||e.scrollTo(l);},[e,t]),n=useCallback(()=>{!e||!t||(a(e.selectedScrollSnap()),t.scrollTo(e.selectedScrollSnap()));},[e,t,a]);return useEffect(()=>{e&&(n(),e.on("select",n),e.on("reInit",n));},[e,n]),{onClickThumb:s,thumbsRef:r,thumbsApi:t,selectedIndex:u}}var vt=(e,o)=>{let[r,t]=Xe(e,o),{disablePrev:u,disableNext:a,onClickPrev:s,onClickNext:n}=A(t),l=o?.map(y=>y.name),c=se(t),i=oe(t),m=re(t),d=le(t),S=ue(t,e?.thumbs);ne(t,e?.parallax);let f=useMemo(()=>l?.includes("autoplay")?{onClickPrev:()=>i.onClickAutoplay(s),onClickNext:()=>i.onClickAutoplay(n)}:l?.includes("autoScroll")?{onClickPrev:()=>m.onClickAutoplay(s),onClickNext:()=>m.onClickAutoplay(n)}:{onClickPrev:s,onClickNext:n},[m,i,n,s,l]);return {options:{...e,...t?.internalEngine().options},pluginNames:l,mainRef:r,mainApi:t,arrows:{disablePrev:u,disableNext:a,onClickPrev:f.onClickPrev,onClickNext:f.onClickNext},dots:c,thumbs:S,progress:d,autoplay:i,autoScroll:m}};
+
+export { h as ArrowButton, io as Carousel, Co as CarouselArrowBasicButtons, So as CarouselArrowFloatButtons, ho as CarouselArrowNumberButtons, Ro as CarouselDotButtons, Uo as CarouselProgressBar, w as CarouselSlide, Go as CarouselThumb, Ne as CarouselThumbs, I as StyledContainer, R as StyledRoot, Ge as carouselBreakpoints, p as carouselClasses, vt as useCarousel };
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/carousel/index.ts"],"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"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/carousel/breakpoints.ts","../../../src/components/carousel/carousel.tsx","../../../src/components/carousel/components/carousel-slide.tsx","../../../src/components/carousel/classes.ts","../../../src/components/carousel/components/carousel-arrow-buttons.tsx","../../../src/components/carousel/components/carousel-dot-buttons.tsx","../../../src/components/carousel/components/carousel-progress-bar.tsx","../../../src/components/carousel/components/carousel-thumbs.tsx","../../../src/components/carousel/hooks/use-carousel.ts","../../../src/components/carousel/hooks/use-carousel-arrows.ts","../../../src/components/carousel/hooks/use-carousel-auto-play.ts","../../../src/components/carousel/hooks/use-carousel-auto-scroll.ts","../../../src/components/carousel/hooks/use-carousel-dots.ts","../../../src/components/carousel/hooks/use-carousel-parallax.ts","../../../src/components/carousel/hooks/use-carousel-progress.ts","../../../src/components/carousel/hooks/use-thumbs.ts"],"names":["carouselBreakpoints","Children","isValidElement","Box","styled","carouselClasses","jsx","StyledRoot","prop","axis","slideSpacing","StyledContent","CarouselSlide","sx","options","children","other","slideSize","getSize","slidesToShow","acc","key","sizeByKey","getValue","value","StyledContainer","Carousel","carousel","slotProps","mainRef","direction","renderChildren","child","reactChild","theme","ButtonBase","buttonBaseClasses","Stack","useTheme","SvgIcon","Fragment","jsxs","CarouselArrowBasicButtons","totalSlides","selectedIndex","onClickPrev","onClickNext","disablePrev","disableNext","ArrowButton","CarouselArrowNumberButtons","varAlpha","CarouselArrowFloatButtons","baseStyles","stylesMode","svgIcon","svgSize","variant","arrowPrev","arrowNext","prevSvg","nextSvg","NoSsr","CarouselDotButtons","gap","onClickDot","scrollSnaps","fallbackCount","fallback","GAPS","SIZES","renderFallback","dotStyles","selected","_","index","StyledProgress","CarouselProgressBar","forwardRef","CarouselThumbs","ref","maskStyles","useMaskStyle","CarouselThumb","thumbType","src","imageRender","thumbAlt","sxThumb","Icon_default","bgcolor","useMemo","useEmblaCarousel","useCallback","useEffect","useState","useCarouselArrows","mainApi","setDisabledPrevBtn","setDisabledNextBtn","onSelect","_mainApi","useCarouselAutoPlay","isPlaying","setIsPlaying","onClickAutoplay","callback","autoplay","onTogglePlay","useCarouselAutoScroll","autoScroll","useCarouselDots","dotCount","setDotCount","setSelectedIndex","setScrollSnaps","onInit","useRef","useParallax","parallax","tweenFactor","tweenNodes","TWEEN_FACTOR_BASE","setTweenNodes","slideNode","setTweenFactor","tweenParallax","eventName","engine","scrollProgress","slidesInView","isScrollEvent","scrollSnap","snapIndex","diffToTarget","slideIndex","loopItem","target","sign","translateValue","tweenNode","useCarouselProgress","setScrollProgress","onScroll","progress","useThumbs","thumbsRef","thumbsApi","onClickThumb","useCarousel","plugins","pluginNames","plugin","_dots","_autoplay","_autoScroll","_progress","_thumbs","controls"],"mappings":"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","sourcesContent":["export const carouselBreakpoints = {\n  xs: '(min-width: 0px)',\n  sm: '(min-width: 600px)',\n  md: '(min-width: 900px)',\n  lg: '(min-width: 1200px)',\n  xl: '(min-width: 1536px)',\n};\n","/* eslint-disable react/function-component-definition */\nimport { Children, isValidElement } from 'react';\nimport Box from '@mui/material/Box';\nimport { styled } from '@mui/material/styles';\n\nimport { CarouselSlide } from './components/carousel-slide';\nimport { carouselClasses } from './classes';\nimport type { CarouselOptions, CarouselProps } from './types';\n\ntype StyledProps = Pick<CarouselOptions, 'axis' | 'slideSpacing'>;\n\nexport const StyledRoot = styled(Box, {\n  shouldForwardProp: prop => prop !== 'axis',\n})<StyledProps>(({ axis }) => ({\n  margin: 'auto',\n  width: '100%',\n  maxWidth: '100%',\n  overflow: 'hidden',\n  position: 'relative',\n  ...(axis === 'y' && {\n    height: '100%',\n  }),\n}));\n\nexport const StyledContainer = styled(Box, {\n  shouldForwardProp: prop => prop !== 'axis' && prop !== 'slideSpacing',\n})<StyledProps>(({ axis, slideSpacing }) => ({\n  display: 'flex',\n  backfaceVisibility: 'hidden',\n  ...(axis === 'x' && {\n    touchAction: 'pan-y pinch-zoom',\n    marginLeft: `calc(${slideSpacing} * -1)`,\n  }),\n  ...(axis === 'y' && {\n    height: '100%',\n    flexDirection: 'column',\n    touchAction: 'pan-x pinch-zoom',\n    marginTop: `calc(${slideSpacing} * -1)`,\n  }),\n}));\n\n// ----------------------------------------------------------------------\n\nexport function Carousel({ carousel, children, sx, slotProps }: CarouselProps) {\n  const { mainRef, options } = carousel;\n\n  const axis = options?.axis ?? 'x';\n\n  const slideSpacing = options?.slideSpacing ?? '0px';\n\n  const direction = options?.direction ?? 'ltr';\n\n  const renderChildren = Children.map(children, child => {\n    if (isValidElement(child)) {\n      const reactChild = child as React.ReactElement<{ key?: React.Key }>;\n\n      return (\n        <CarouselSlide\n          key={reactChild.key}\n          options={carousel.options}\n          sx={slotProps?.slide}\n        >\n          {child}\n        </CarouselSlide>\n      );\n    }\n    return null;\n  });\n\n  return (\n    <StyledRoot\n      sx={sx}\n      axis={axis}\n      ref={mainRef}\n      dir={direction}\n      className={carouselClasses.root}\n    >\n      <StyledContainer\n        component=\"ul\"\n        axis={axis}\n        slideSpacing={slideSpacing}\n        className={carouselClasses.container}\n        sx={{\n          ...(carousel.pluginNames?.includes('autoHeight') && {\n            alignItems: 'flex-start',\n            transition: theme =>\n              theme.transitions.create(['height'], {\n                easing: theme.transitions.easing.easeInOut,\n                duration: theme.transitions.duration.shorter,\n              }),\n          }),\n          ...slotProps?.container,\n        }}\n      >\n        {renderChildren}\n      </StyledContainer>\n    </StyledRoot>\n  );\n}\n","/* eslint-disable react/function-component-definition */\nimport type { BoxProps } from '@mui/material/Box';\nimport Box from '@mui/material/Box';\nimport { styled } from '@mui/material/styles';\n\nimport { carouselClasses } from '../classes';\nimport type { CarouselOptions, CarouselSlideProps } from '../types';\n\n// ----------------------------------------------------------------------\n\ntype StyledProps = Pick<CarouselOptions, 'axis' | 'slideSpacing'>;\n\nconst StyledRoot = styled(Box, {\n  shouldForwardProp: prop => prop !== 'axis' && prop !== 'slideSpacing',\n})<StyledProps>(({ axis, slideSpacing }) => ({\n  display: 'block',\n  position: 'relative',\n  ...(axis === 'x' && {\n    minWidth: 0,\n    paddingLeft: slideSpacing,\n  }),\n  ...(axis === 'y' && {\n    minHeight: 0,\n    paddingTop: slideSpacing,\n  }),\n}));\n\nconst StyledContent = styled(Box)(() => ({\n  overflow: 'hidden',\n  position: 'relative',\n  borderRadius: 'inherit',\n}));\n\n// ----------------------------------------------------------------------\n\nexport function CarouselSlide({\n  sx,\n  options,\n  children,\n  ...other\n}: BoxProps & CarouselSlideProps) {\n  const slideSize = getSize(options?.slidesToShow);\n\n  return (\n    <StyledRoot\n      component=\"li\"\n      axis={options?.axis ?? 'x'}\n      slideSpacing={options?.slideSpacing}\n      className={carouselClasses.slide}\n      sx={{\n        flex: slideSize,\n        ...sx,\n      }}\n      {...other}\n    >\n      {options?.parallax ? (\n        <StyledContent className={carouselClasses.slideContent}>\n          <div className=\"slide__parallax__layer\">{children}</div>\n        </StyledContent>\n      ) : (\n        children\n      )}\n    </StyledRoot>\n  );\n}\n\n// ----------------------------------------------------------------------\n\ntype ObjectValue = {\n  [key: string]: string | number;\n};\n\ntype InputValue = CarouselOptions['slidesToShow'];\n\nfunction getSize(slidesToShow: InputValue): InputValue {\n  if (slidesToShow && typeof slidesToShow === 'object') {\n    return Object.keys(slidesToShow).reduce<ObjectValue>((acc, key) => {\n      const sizeByKey = slidesToShow[key];\n      acc[key] = getValue(sizeByKey);\n      return acc;\n    }, {});\n  }\n\n  return getValue(slidesToShow);\n}\n\nfunction getValue(value: string | number = 1): string {\n  if (typeof value === 'string') {\n    const isSupported =\n      value === 'auto' || value.endsWith('%') || value.endsWith('px');\n    if (!isSupported) {\n      throw new Error('Only accepts values: auto, px, %, or number.');\n    }\n    // value is either 'auto', ends with '%', or ends with 'px'\n    return `0 0 ${value}`;\n  }\n\n  if (typeof value === 'number') {\n    return `0 0 ${100 / value}%`;\n  }\n\n  // Default case should not be reached due to the type signature, but we include it for safety\n  throw new Error(\n    'Invalid value type. Only accepts values: auto, px, %, or number.',\n  );\n}\n","export const carouselClasses = {\n  root: 'mnl__carousel__root',\n  container: 'mnl__carousel__container',\n  // dot\n  dots: 'mnl__carousel__dots',\n  dot: 'mnl__carousel__dot',\n  // arrow\n  arrows: 'mnl__carousel__arrows',\n  arrowsLabel: 'mnl__carousel__arrows_label',\n  arrowPrev: 'mnl__carousel__btn--prev',\n  arrowNext: 'mnl__carousel__btn--next',\n  arrowSvg: 'mnl__carousel__btn__svg',\n  // slide\n  slide: 'mnl__carousel__slide',\n  slideContent: 'mnl__carousel__slide__content',\n  // thumb\n  thumbs: 'mnl__carousel__thumbs',\n  thumb: 'mnl__carousel__thumb',\n  thumbContainer: 'mnl__carousel__thumbs__container',\n  thumbImage: 'mnl__carousel__thumb__image',\n  // progress\n  progress: 'mnl__carousel__progress',\n  progressBar: 'mnl__carousel__progress__bar',\n  state: { selected: 'state--selected', disabled: 'state--disabled' },\n};\n","/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable react/function-component-definition */\nimport Box from '@mui/material/Box';\nimport type { ButtonBaseProps } from '@mui/material/ButtonBase';\nimport ButtonBase, { buttonBaseClasses } from '@mui/material/ButtonBase';\nimport type { StackProps } from '@mui/material/Stack';\nimport Stack from '@mui/material/Stack';\nimport type { CSSObject } from '@mui/material/styles';\nimport { useTheme } from '@mui/material/styles';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nimport { stylesMode, varAlpha } from 'theme/styles';\n\nimport { carouselClasses } from '../classes';\nimport type {\n  CarouselArrowButtonProps,\n  CarouselArrowButtonsProps,\n} from '../types';\n\nexport function CarouselArrowBasicButtons({\n  options,\n  slotProps,\n  totalSlides,\n  selectedIndex,\n  //\n  onClickPrev,\n  onClickNext,\n  disablePrev,\n  disableNext,\n  sx,\n  ...other\n}: StackProps & CarouselArrowButtonsProps) {\n  return (\n    <Stack\n      direction=\"row\"\n      alignItems=\"center\"\n      display=\"inline-flex\"\n      className={carouselClasses.arrows}\n      sx={{\n        gap: 0.5,\n        zIndex: 9,\n        color: 'action.active',\n        ...sx,\n      }}\n      {...other}\n    >\n      <ArrowButton\n        variant=\"prev\"\n        options={options}\n        disabled={disablePrev}\n        onClick={onClickPrev}\n        svgIcon={slotProps?.prevBtn?.svgIcon}\n        svgSize={slotProps?.prevBtn?.svgSize}\n        sx={slotProps?.prevBtn?.sx}\n      />\n\n      <ArrowButton\n        variant=\"next\"\n        options={options}\n        disabled={disableNext}\n        onClick={onClickNext}\n        svgIcon={slotProps?.nextBtn?.svgIcon}\n        svgSize={slotProps?.prevBtn?.svgSize}\n        sx={slotProps?.prevBtn?.sx}\n      />\n    </Stack>\n  );\n}\n\n// ----------------------------------------------------------------------\n\nexport function CarouselArrowNumberButtons({\n  options,\n  slotProps,\n  totalSlides,\n  selectedIndex,\n  //\n  onClickPrev,\n  onClickNext,\n  disablePrev,\n  disableNext,\n  sx,\n  ...other\n}: StackProps & CarouselArrowButtonsProps) {\n  const theme = useTheme();\n\n  return (\n    <Stack\n      direction=\"row\"\n      alignItems=\"center\"\n      display=\"inline-flex\"\n      className={carouselClasses.arrows}\n      sx={{\n        p: 0.5,\n        gap: 0.25,\n        zIndex: 9,\n        borderRadius: 1.25,\n        color: 'common.white',\n        bgcolor: varAlpha(theme.vars.palette.grey['900Channel'], 0.48),\n        ...sx,\n      }}\n      {...other}\n    >\n      <ArrowButton\n        variant=\"prev\"\n        options={options}\n        disabled={disablePrev}\n        onClick={onClickPrev}\n        sx={{ p: 0.75, borderRadius: 'inherit', ...slotProps?.prevBtn?.sx }}\n        svgIcon={slotProps?.prevBtn?.svgIcon}\n        svgSize={slotProps?.prevBtn?.svgSize ?? 16}\n      />\n\n      <Box\n        component=\"span\"\n        className={carouselClasses.arrowsLabel}\n        sx={{ mx: 0.5, typography: 'subtitle2' }}\n      >\n        {selectedIndex}/{totalSlides}\n      </Box>\n\n      <ArrowButton\n        variant=\"next\"\n        options={options}\n        disabled={disableNext}\n        onClick={onClickNext}\n        sx={{ p: 0.75, borderRadius: 'inherit', ...slotProps?.nextBtn?.sx }}\n        svgIcon={slotProps?.nextBtn?.svgIcon}\n        svgSize={slotProps?.prevBtn?.svgSize ?? 16}\n      />\n    </Stack>\n  );\n}\n\n// ----------------------------------------------------------------------\n\nexport function CarouselArrowFloatButtons({\n  options,\n  slotProps,\n  onClickPrev,\n  onClickNext,\n  disablePrev,\n  disableNext,\n}: StackProps & CarouselArrowButtonsProps) {\n  const baseStyles: CSSObject = {\n    zIndex: 9,\n    top: '50%',\n    borderRadius: 1.5,\n    position: 'absolute',\n    color: 'common.white',\n    bgcolor: 'text.primary',\n    transform: 'translateY(-50%)',\n    '&:hover': { opacity: 0.8 },\n    [stylesMode.dark]: { color: 'grey.800' },\n  };\n\n  return (\n    <>\n      <ArrowButton\n        variant=\"prev\"\n        options={options}\n        disabled={disablePrev}\n        onClick={onClickPrev}\n        svgIcon={slotProps?.prevBtn?.svgIcon}\n        svgSize={slotProps?.prevBtn?.svgSize}\n        sx={{ left: -16, ...baseStyles, ...slotProps?.prevBtn?.sx }}\n      />\n\n      <ArrowButton\n        variant=\"next\"\n        options={options}\n        disabled={disableNext}\n        onClick={onClickNext}\n        svgIcon={slotProps?.nextBtn?.svgIcon}\n        svgSize={slotProps?.nextBtn?.svgSize}\n        sx={{ right: -16, ...baseStyles, ...slotProps?.nextBtn?.sx }}\n      />\n    </>\n  );\n}\n\n// ----------------------------------------------------------------------\n\nexport function ArrowButton({\n  sx,\n  svgIcon,\n  svgSize,\n  options,\n  variant,\n  ...other\n}: ButtonBaseProps & CarouselArrowButtonProps) {\n  const arrowPrev = variant === 'prev';\n  const arrowNext = variant === 'next';\n\n  const prevSvg = svgIcon || (\n    <path\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n      d=\"M15.488 4.43a.75.75 0 0 1 .081 1.058L9.988 12l5.581 6.512a.75.75 0 1 1-1.138.976l-6-7a.75.75 0 0 1 0-.976l6-7a.75.75 0 0 1 1.057-.081\"\n      clipRule=\"evenodd\"\n    />\n  );\n\n  const nextSvg = svgIcon || (\n    <path\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n      d=\"M8.512 4.43a.75.75 0 0 1 1.057.082l6 7a.75.75 0 0 1 0 .976l-6 7a.75.75 0 0 1-1.138-.976L14.012 12L8.431 5.488a.75.75 0 0 1 .08-1.057\"\n      clipRule=\"evenodd\"\n    />\n  );\n\n  return (\n    <ButtonBase\n      className={\n        arrowPrev ? carouselClasses.arrowPrev : carouselClasses.arrowPrev\n      }\n      aria-label={arrowPrev ? 'Prev button' : 'Next button'}\n      sx={{\n        p: 1,\n        borderRadius: '50%',\n        boxSizing: 'content-box',\n        transition: theme =>\n          theme.transitions.create(['all'], {\n            easing: theme.transitions.easing.sharp,\n            duration: theme.transitions.duration.short,\n          }),\n        [`&.${buttonBaseClasses.disabled}`]: {\n          opacity: 0.4,\n        },\n        ...sx,\n        ...(options?.direction === 'rtl' && {\n          ...(arrowPrev && { right: -16, left: 'auto' }),\n          ...(arrowNext && { left: -16, right: 'auto' }),\n        }),\n      }}\n      {...other}\n    >\n      <SvgIcon\n        className={carouselClasses.arrowSvg}\n        sx={{\n          width: svgSize ?? 20,\n          height: svgSize ?? 20,\n          ...(options?.axis === 'y' && { transform: ' rotate(90deg)' }),\n          ...(options?.direction === 'rtl' && { transform: ' scaleX(-1)' }),\n        }}\n      >\n        {arrowPrev ? prevSvg : nextSvg}\n      </SvgIcon>\n    </ButtonBase>\n  );\n}\n","/* eslint-disable react/function-component-definition */\nimport Box from '@mui/material/Box';\nimport ButtonBase from '@mui/material/ButtonBase';\nimport NoSsr from '@mui/material/NoSsr';\nimport { useTheme } from '@mui/material/styles';\n\nimport { stylesMode, varAlpha } from 'theme/styles';\n\nimport { carouselClasses } from '../classes';\nimport type { CarouselDotButtonsProps } from '../types';\n\n// ----------------------------------------------------------------------\n\nexport function CarouselDotButtons({\n  sx,\n  gap,\n  slotProps,\n  onClickDot,\n  scrollSnaps,\n  selectedIndex,\n  fallbackCount = 1,\n  variant = 'circular',\n  fallback = false,\n  ...other\n}: CarouselDotButtonsProps) {\n  const theme = useTheme();\n\n  const GAPS = {\n    number: gap ?? 6,\n    rounded: gap ?? 2,\n    circular: gap ?? 2,\n  };\n\n  const SIZES = {\n    circular: slotProps?.dot?.size ?? 18,\n    number: slotProps?.dot?.size ?? 28,\n  };\n\n  const renderFallback = (\n    <Box\n      sx={{\n        height: SIZES.circular,\n        width: `calc(${fallbackCount * SIZES.circular + GAPS.circular * (fallbackCount - 1)}px )`,\n        ...(variant === 'number' && {\n          height: SIZES.number,\n          width: `calc(${fallbackCount * SIZES.number + GAPS.number * (fallbackCount - 1)}px )`,\n        }),\n      }}\n    />\n  );\n\n  const dotStyles = {\n    circular: (selected: boolean) => ({\n      width: SIZES.circular,\n      height: SIZES.circular,\n      '&::before': {\n        width: 8,\n        height: 8,\n        content: '\"\"',\n        opacity: 0.24,\n        borderRadius: '50%',\n        bgcolor: 'primary.main',\n        transition: theme.transitions.create(['opacity'], {\n          easing: theme.transitions.easing.sharp,\n          duration: theme.transitions.duration.short,\n        }),\n        ...(selected && { opacity: 1 }),\n      },\n    }),\n    rounded: (selected: boolean) => ({\n      width: SIZES.circular,\n      height: SIZES.circular,\n      '&::before': {\n        width: 8,\n        height: 8,\n        content: '\"\"',\n        opacity: 0.24,\n        borderRadius: '50%',\n        bgcolor: 'primary.main',\n        transition: theme.transitions.create(['width', 'opacity'], {\n          easing: theme.transitions.easing.sharp,\n          duration: theme.transitions.duration.short,\n        }),\n        ...(selected && {\n          width: 'calc(100% - 4px)',\n          opacity: 1,\n          borderRadius: 1,\n        }),\n      },\n    }),\n    number: (selected: boolean) => ({\n      width: SIZES.number,\n      height: SIZES.number,\n      borderRadius: '50%',\n      typography: 'caption',\n      color: 'text.disabled',\n      border: `solid 1px ${varAlpha(theme.vars.palette.grey['500Channel'], 0.16)}`,\n      ...(selected && {\n        color: 'common.white',\n        bgcolor: 'text.primary',\n        fontWeight: 'fontWeightSemiBold',\n        [stylesMode.dark]: { color: 'grey.800' },\n      }),\n    }),\n  };\n\n  return (\n    <NoSsr fallback={fallback ? renderFallback : null}>\n      <Box\n        component=\"ul\"\n        className={carouselClasses.dots}\n        sx={{\n          zIndex: 9,\n          display: 'inline-flex',\n          ...(variant === 'circular' && { gap: `${GAPS.circular}px` }),\n          ...(variant === 'rounded' && { gap: `${GAPS.rounded}px` }),\n          ...(variant === 'number' && { gap: `${GAPS.number}px` }),\n          ...sx,\n        }}\n        {...other}\n      >\n        {scrollSnaps.map((_, index) => {\n          const selected = index === selectedIndex;\n\n          return (\n            <Box component=\"li\" key={index} sx={{ display: 'inline-flex' }}>\n              <ButtonBase\n                disableRipple\n                aria-label={`dot-${index}`}\n                className={carouselClasses.dot.concat(\n                  selected ? ` ${carouselClasses.state.selected}` : '',\n                )}\n                onClick={() => onClickDot(index)}\n                sx={{\n                  ...(variant === 'circular' && dotStyles.circular(selected)),\n                  ...(variant === 'rounded' && dotStyles.rounded(selected)),\n                  ...(variant === 'number' && dotStyles.number(selected)),\n                  [`&.${carouselClasses.state.selected}`]: {\n                    ...slotProps?.dot?.selected,\n                  },\n                  ...slotProps?.dot?.sx,\n                }}\n              >\n                {variant === 'number' && index + 1}\n              </ButtonBase>\n            </Box>\n          );\n        })}\n      </Box>\n    </NoSsr>\n  );\n}\n","/* eslint-disable react/function-component-definition */\nimport type { BoxProps } from '@mui/material/Box';\nimport Box from '@mui/material/Box';\nimport { styled } from '@mui/material/styles';\n\nimport { varAlpha } from 'theme/styles';\n\nimport { carouselClasses } from '../classes';\nimport type { CarouselProgressBarProps } from '../types';\n\n// ----------------------------------------------------------------------\n\nconst StyledRoot = styled(Box)(({ theme }) => ({\n  height: 6,\n  maxWidth: 120,\n  width: '100%',\n  borderRadius: 6,\n  overflow: 'hidden',\n  position: 'relative',\n  color: theme.vars.palette.text.primary,\n  backgroundColor: varAlpha(theme.vars.palette.grey['500Channel'], 0.2),\n}));\n\nconst StyledProgress = styled(Box)(() => ({\n  top: 0,\n  bottom: 0,\n  width: '100%',\n  left: '-100%',\n  position: 'absolute',\n  backgroundColor: 'currentColor',\n}));\n\n// ----------------------------------------------------------------------\n\nexport function CarouselProgressBar({\n  value,\n  sx,\n  ...other\n}: BoxProps & CarouselProgressBarProps) {\n  return (\n    <StyledRoot sx={sx} className={carouselClasses.progress} {...other}>\n      <StyledProgress\n        className={carouselClasses.progressBar}\n        sx={{\n          transform: `translate3d(${value}%, 0px, 0px)`,\n        }}\n      />\n    </StyledRoot>\n  );\n}\n","/* eslint-disable react/function-component-definition */\nimport { Children, forwardRef, isValidElement } from 'react';\nimport type { BoxProps } from '@mui/material/Box';\nimport Box from '@mui/material/Box';\nimport type { ButtonBaseProps } from '@mui/material/ButtonBase';\nimport ButtonBase from '@mui/material/ButtonBase';\nimport type { CSSObject, SxProps, Theme } from '@mui/material/styles';\nimport { useTheme } from '@mui/material/styles';\n\nimport Icon from 'components/Icon';\nimport { varAlpha } from 'theme/styles';\n\nimport { StyledContainer, StyledRoot } from '../carousel';\nimport { carouselClasses } from '../classes';\nimport type {\n  CarouselOptions,\n  CarouselThumbProps,\n  CarouselThumbsProps,\n} from '../types';\n\nimport { CarouselSlide } from './carousel-slide';\n\n// ----------------------------------------------------------------------\n\nexport const CarouselThumbs = forwardRef<\n  HTMLDivElement,\n  BoxProps & CarouselThumbsProps\n>(({ children, slotProps, options, sx, ...other }, ref) => {\n  const axis = options?.axis ?? 'x';\n\n  const slideSpacing = options?.slideSpacing ?? '12px';\n\n  const maskStyles = useMaskStyle(axis);\n\n  const renderChildren = Children.map(children, child => {\n    if (isValidElement(child)) {\n      const reactChild = child as React.ReactElement<{ key?: React.Key }>;\n\n      return (\n        <CarouselSlide\n          key={reactChild.key}\n          options={{ ...options, slideSpacing }}\n          sx={slotProps?.slide}\n        >\n          {child}\n        </CarouselSlide>\n      );\n    }\n    return null;\n  });\n\n  return (\n    <StyledRoot\n      ref={ref}\n      slideSpacing={undefined}\n      axis={axis}\n      className={carouselClasses.thumbs}\n      sx={{\n        flexShrink: 0,\n        ...(axis === 'x' && { p: 0.5, maxWidth: 1 }),\n        ...(axis === 'y' && { p: 0.5, maxHeight: 1 }),\n        ...(!slotProps?.disableMask && maskStyles),\n        ...sx,\n      }}\n      {...other}\n    >\n      <StyledContainer\n        component=\"ul\"\n        axis={axis}\n        slideSpacing={slideSpacing}\n        className={carouselClasses.thumbContainer}\n        sx={{\n          ...slotProps?.container,\n        }}\n      >\n        {renderChildren}\n      </StyledContainer>\n    </StyledRoot>\n  );\n});\nCarouselThumbs.displayName = 'CarouselThumbs';\n\nexport function CarouselThumb({\n  thumbType = 'image',\n  sx,\n  src,\n  index,\n  selected,\n  imageRender,\n  thumbAlt,\n  ...other\n}: ButtonBaseProps & CarouselThumbProps) {\n  if (thumbType === 'image' && (src || imageRender)) {\n    const sxThumb: SxProps<Theme> = {\n      width: 1,\n      height: 1,\n      aspectRatio: 1,\n      objectFit: 'cover',\n      borderRadius: 'inherit',\n    };\n\n    return (\n      <ButtonBase\n        className={carouselClasses.thumb}\n        sx={{\n          width: 64,\n          height: 64,\n          opacity: 0.48,\n          flexShrink: 0,\n          cursor: 'pointer',\n          borderRadius: 1.25,\n          transition: theme =>\n            theme.transitions.create(['opacity', 'box-shadow'], {\n              easing: theme.transitions.easing.sharp,\n              duration: theme.transitions.duration.short,\n            }),\n          ...(selected && {\n            opacity: 1,\n            boxShadow: theme => `0 0 0 2px ${theme.vars.palette.primary.main}`,\n          }),\n          ...sx,\n        }}\n        {...other}\n      >\n        {imageRender?.({ sx: sxThumb, classes: carouselClasses.thumbImage }) || (\n          <Box\n            component=\"img\"\n            alt={thumbAlt || `Imagem do slide ${index}`}\n            src={src}\n            className={carouselClasses.thumbImage}\n            sx={sxThumb}\n          />\n        )}\n      </ButtonBase>\n    );\n  }\n\n  if (thumbType === 'video') {\n    return (\n      <ButtonBase\n        className={carouselClasses.thumb}\n        sx={{\n          width: 64,\n          height: 64,\n          opacity: 0.48,\n          flexShrink: 0,\n          cursor: 'pointer',\n          borderRadius: 1.25,\n          color: theme => theme.vars.palette.primary.main,\n          transition: theme =>\n            theme.transitions.create(['opacity', 'box-shadow'], {\n              easing: theme.transitions.easing.sharp,\n              duration: theme.transitions.duration.short,\n            }),\n          ...(selected && {\n            opacity: 1,\n            boxShadow: theme => `0 0 0 2px ${theme.vars.palette.primary.main}`,\n          }),\n          ...sx,\n        }}\n        {...other}\n      >\n        <Icon icon=\"PLAY_CIRCLE\" width={32} />\n      </ButtonBase>\n    );\n  }\n\n  return null;\n}\n\n// ----------------------------------------------------------------------\n\nfunction useMaskStyle(axis: CarouselOptions['axis']): CSSObject {\n  const theme = useTheme();\n\n  const baseStyles = {\n    zIndex: 9,\n    content: '\"\"',\n    position: 'absolute',\n  };\n\n  const bgcolor = `${theme.vars.palette.background.paper} 20%, ${varAlpha(theme.vars.palette.background.paperChannel, 0)} 100%)`;\n\n  if (axis === 'y') {\n    return {\n      '&::before, &::after': {\n        ...baseStyles,\n        left: 0,\n        height: 40,\n        width: '100%',\n      },\n      '&::before': {\n        top: -8,\n        background: `linear-gradient(to bottom, ${bgcolor}`,\n      },\n      '&::after': {\n        bottom: -8,\n        background: `linear-gradient(to top, ${bgcolor}`,\n      },\n    };\n  }\n\n  return {\n    '&::before, &::after': {\n      ...baseStyles,\n      top: 0,\n      width: 40,\n      height: '100%',\n    },\n    '&::before': {\n      left: -8,\n      background: `linear-gradient(to right, ${bgcolor}`,\n    },\n    '&::after': {\n      right: -8,\n      background: `linear-gradient(to left, ${bgcolor}`,\n    },\n  };\n}\n","import { useMemo } from 'react';\nimport type { EmblaPluginType } from 'embla-carousel';\nimport useEmblaCarousel from 'embla-carousel-react';\n\nimport type { CarouselOptions, UseCarouselReturn } from '../types';\n\nimport { useCarouselArrows } from './use-carousel-arrows';\nimport { useCarouselAutoPlay } from './use-carousel-auto-play';\nimport { useCarouselAutoScroll } from './use-carousel-auto-scroll';\nimport { useCarouselDots } from './use-carousel-dots';\nimport { useParallax } from './use-carousel-parallax';\nimport { useCarouselProgress } from './use-carousel-progress';\nimport { useThumbs } from './use-thumbs';\n\n// ----------------------------------------------------------------------\n\nexport const useCarousel = (\n  options?: CarouselOptions,\n  plugins?: EmblaPluginType[],\n): UseCarouselReturn => {\n  const [mainRef, mainApi] = useEmblaCarousel(options, plugins);\n\n  const { disablePrev, disableNext, onClickPrev, onClickNext } =\n    useCarouselArrows(mainApi);\n\n  const pluginNames = plugins?.map(plugin => plugin.name);\n\n  const _dots = useCarouselDots(mainApi);\n\n  const _autoplay = useCarouselAutoPlay(mainApi);\n\n  const _autoScroll = useCarouselAutoScroll(mainApi);\n\n  const _progress = useCarouselProgress(mainApi);\n\n  const _thumbs = useThumbs(mainApi, options?.thumbs);\n\n  useParallax(mainApi, options?.parallax);\n\n  const controls = useMemo(() => {\n    if (pluginNames?.includes('autoplay')) {\n      return {\n        onClickPrev: () => _autoplay.onClickAutoplay(onClickPrev),\n        onClickNext: () => _autoplay.onClickAutoplay(onClickNext),\n      };\n    }\n    if (pluginNames?.includes('autoScroll')) {\n      return {\n        onClickPrev: () => _autoScroll.onClickAutoplay(onClickPrev),\n        onClickNext: () => _autoScroll.onClickAutoplay(onClickNext),\n      };\n    }\n    return {\n      onClickPrev,\n      onClickNext,\n    };\n  }, [_autoScroll, _autoplay, onClickNext, onClickPrev, pluginNames]);\n\n  return {\n    options: {\n      ...options,\n      ...mainApi?.internalEngine().options,\n    },\n    pluginNames,\n    mainRef,\n    mainApi,\n    // arrows\n    arrows: {\n      disablePrev,\n      disableNext,\n      onClickPrev: controls.onClickPrev,\n      onClickNext: controls.onClickNext,\n    },\n    // dots\n    dots: _dots,\n    // thumbs\n    thumbs: _thumbs,\n    // progress\n    progress: _progress,\n    // autoplay\n    autoplay: _autoplay,\n    autoScroll: _autoScroll,\n  };\n};\n","import { useCallback, useEffect, useState } from 'react';\nimport type { EmblaCarouselType } from 'embla-carousel';\n\nimport type { UseCarouselArrowsReturn } from '../types';\n\n// ----------------------------------------------------------------------\n\nexport const useCarouselArrows = (\n  mainApi?: EmblaCarouselType,\n): UseCarouselArrowsReturn => {\n  const [disablePrev, setDisabledPrevBtn] = useState(true);\n\n  const [disableNext, setDisabledNextBtn] = useState(true);\n\n  const onClickPrev = useCallback(() => {\n    if (!mainApi) return;\n    mainApi.scrollPrev();\n  }, [mainApi]);\n\n  const onClickNext = useCallback(() => {\n    if (!mainApi) return;\n    mainApi.scrollNext();\n  }, [mainApi]);\n\n  const onSelect = useCallback((_mainApi: EmblaCarouselType) => {\n    setDisabledPrevBtn(!_mainApi.canScrollPrev());\n    setDisabledNextBtn(!_mainApi.canScrollNext());\n  }, []);\n\n  useEffect(() => {\n    if (!mainApi) return;\n\n    onSelect(mainApi);\n    mainApi.on('reInit', onSelect);\n    mainApi.on('select', onSelect);\n  }, [mainApi, onSelect]);\n\n  return {\n    disablePrev,\n    disableNext,\n    onClickPrev,\n    onClickNext,\n  };\n};\n","/* eslint-disable @typescript-eslint/ban-ts-comment */\n// @ts-nocheck\nimport { useCallback, useEffect, useState } from 'react';\nimport type { EmblaCarouselType } from 'embla-carousel';\n\nimport type { UseCarouselAutoPlayReturn } from '../types';\n\n// ----------------------------------------------------------------------\n\nexport function useCarouselAutoPlay(\n  mainApi?: EmblaCarouselType,\n): UseCarouselAutoPlayReturn {\n  const [isPlaying, setIsPlaying] = useState(false);\n\n  const onClickAutoplay = useCallback(\n    (callback: () => void) => {\n      const autoplay = mainApi?.plugins()?.autoplay;\n      if (!autoplay) return;\n\n      const resetOrStop =\n        autoplay.options.stopOnInteraction === false\n          ? autoplay.reset\n          : autoplay.stop;\n\n      resetOrStop();\n      callback();\n    },\n    [mainApi],\n  );\n\n  const onTogglePlay = useCallback(() => {\n    const autoplay = mainApi?.plugins()?.autoplay;\n    if (!autoplay) return;\n\n    const playOrStop = autoplay.isPlaying() ? autoplay.stop : autoplay.play;\n    playOrStop();\n  }, [mainApi]);\n\n  useEffect(() => {\n    const autoplay = mainApi?.plugins()?.autoplay;\n    if (!autoplay) return;\n\n    setIsPlaying(autoplay.isPlaying());\n    mainApi\n      .on('autoplay:play', () => setIsPlaying(true))\n      .on('autoplay:stop', () => setIsPlaying(false))\n      .on('reInit', () => setIsPlaying(false));\n  }, [mainApi]);\n\n  return { isPlaying, onTogglePlay, onClickAutoplay };\n}\n","/* eslint-disable @typescript-eslint/ban-ts-comment */\n// @ts-nocheck\nimport { useCallback, useEffect, useState } from 'react';\nimport type { EmblaCarouselType } from 'embla-carousel';\n\nimport type { UseCarouselAutoPlayReturn } from '../types';\n\n// ----------------------------------------------------------------------\n\nexport function useCarouselAutoScroll(\n  mainApi?: EmblaCarouselType,\n): UseCarouselAutoPlayReturn {\n  const [isPlaying, setIsPlaying] = useState(false);\n\n  const onClickAutoplay = useCallback(\n    (callback: () => void) => {\n      const autoScroll = mainApi?.plugins()?.autoScroll;\n      if (!autoScroll) return;\n\n      const resetOrStop =\n        autoScroll.options.stopOnInteraction === false\n          ? autoScroll.reset\n          : autoScroll.stop;\n\n      resetOrStop();\n      callback();\n    },\n    [mainApi],\n  );\n\n  const onTogglePlay = useCallback(() => {\n    const autoScroll = mainApi?.plugins()?.autoScroll;\n    if (!autoScroll) return;\n\n    const playOrStop = autoScroll.isPlaying()\n      ? autoScroll.stop\n      : autoScroll.play;\n    playOrStop();\n  }, [mainApi]);\n\n  useEffect(() => {\n    const autoScroll = mainApi?.plugins()?.autoScroll;\n    if (!autoScroll) return;\n\n    setIsPlaying(autoScroll.isPlaying());\n    mainApi\n      .on('autoScroll:play', () => setIsPlaying(true))\n      .on('autoScroll:stop', () => setIsPlaying(false))\n      .on('reInit', () => setIsPlaying(false));\n  }, [mainApi]);\n\n  return { isPlaying, onTogglePlay, onClickAutoplay };\n}\n","import { useCallback, useEffect, useState } from 'react';\nimport type { EmblaCarouselType } from 'embla-carousel';\n\nimport type { UseCarouselDotsReturn } from '../types';\n\nexport function useCarouselDots(\n  mainApi?: EmblaCarouselType,\n): UseCarouselDotsReturn {\n  const [dotCount, setDotCount] = useState(0);\n\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  const [scrollSnaps, setScrollSnaps] = useState<number[]>([]);\n\n  const onClickDot = useCallback(\n    (index: number) => {\n      if (!mainApi) return;\n      mainApi.scrollTo(index);\n    },\n    [mainApi],\n  );\n\n  const onInit = useCallback((_mainApi: EmblaCarouselType) => {\n    setScrollSnaps(_mainApi.scrollSnapList());\n  }, []);\n\n  const onSelect = useCallback((_mainApi: EmblaCarouselType) => {\n    setSelectedIndex(_mainApi.selectedScrollSnap());\n    setDotCount(_mainApi.scrollSnapList().length);\n  }, []);\n\n  useEffect(() => {\n    if (!mainApi) return;\n\n    onInit(mainApi);\n    onSelect(mainApi);\n    mainApi.on('reInit', onInit);\n    mainApi.on('reInit', onSelect);\n    mainApi.on('select', onSelect);\n  }, [mainApi, onInit, onSelect]);\n\n  return {\n    dotCount,\n    scrollSnaps,\n    selectedIndex,\n    onClickDot,\n  };\n}\n","import { useCallback, useEffect, useRef } from 'react';\nimport type { EmblaCarouselType, EmblaEventType } from 'embla-carousel';\n\nimport type { CarouselOptions } from '../types';\n\nexport function useParallax(\n  mainApi?: EmblaCarouselType,\n  parallax?: CarouselOptions['parallax'],\n) {\n  const tweenFactor = useRef(0);\n\n  const tweenNodes = useRef<HTMLElement[]>([]);\n\n  const TWEEN_FACTOR_BASE = typeof parallax === 'number' ? parallax : 0.24;\n\n  const setTweenNodes = useCallback((_mainApi: EmblaCarouselType): void => {\n    tweenNodes.current = _mainApi\n      .slideNodes()\n      .map(\n        slideNode =>\n          slideNode.querySelector('.slide__parallax__layer') as HTMLElement,\n      );\n  }, []);\n\n  const setTweenFactor = useCallback(\n    (_mainApi: EmblaCarouselType) => {\n      tweenFactor.current =\n        TWEEN_FACTOR_BASE * _mainApi.scrollSnapList().length;\n    },\n    [TWEEN_FACTOR_BASE],\n  );\n\n  const tweenParallax = useCallback(\n    (_mainApi: EmblaCarouselType, eventName?: EmblaEventType) => {\n      const engine = _mainApi.internalEngine();\n\n      const scrollProgress = _mainApi.scrollProgress();\n\n      const slidesInView = _mainApi.slidesInView();\n\n      const isScrollEvent = eventName === 'scroll';\n\n      _mainApi.scrollSnapList().forEach((scrollSnap, snapIndex) => {\n        let diffToTarget = scrollSnap - scrollProgress;\n\n        const slidesInSnap = engine.slideRegistry[snapIndex];\n\n        slidesInSnap.forEach(slideIndex => {\n          if (isScrollEvent && !slidesInView.includes(slideIndex)) return;\n\n          if (engine.options.loop) {\n            engine.slideLooper.loopPoints.forEach(loopItem => {\n              const target = loopItem.target();\n\n              if (slideIndex === loopItem.index && target !== 0) {\n                const sign = Math.sign(target);\n\n                if (sign === -1) {\n                  diffToTarget = scrollSnap - (1 + scrollProgress);\n                }\n                if (sign === 1) {\n                  diffToTarget = scrollSnap + (1 - scrollProgress);\n                }\n              }\n            });\n          }\n\n          const translateValue =\n            diffToTarget * (-1 * tweenFactor.current) * 100;\n\n          const tweenNode = tweenNodes.current[slideIndex];\n\n          if (tweenNode) {\n            tweenNode.style.transform = `translateX(${translateValue}%)`;\n          }\n        });\n      });\n    },\n    [],\n  );\n\n  useEffect(() => {\n    if (!mainApi || !parallax) return;\n\n    setTweenNodes(mainApi);\n    setTweenFactor(mainApi);\n    tweenParallax(mainApi);\n\n    mainApi\n      .on('reInit', setTweenNodes)\n      .on('reInit', setTweenFactor)\n      .on('reInit', tweenParallax)\n      .on('scroll', tweenParallax);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [mainApi, tweenParallax]);\n\n  return null;\n}\n","import { useCallback, useEffect, useState } from 'react';\nimport type { EmblaCarouselType } from 'embla-carousel';\n\nimport type { UseCarouselProgressReturn } from '../types';\n\nexport function useCarouselProgress(\n  mainApi?: EmblaCarouselType,\n): UseCarouselProgressReturn {\n  const [scrollProgress, setScrollProgress] = useState(0);\n\n  const onScroll = useCallback((_mainApi: EmblaCarouselType) => {\n    const progress = Math.max(0, Math.min(1, _mainApi.scrollProgress()));\n\n    setScrollProgress(progress * 100);\n  }, []);\n\n  useEffect(() => {\n    if (!mainApi) return;\n\n    onScroll(mainApi);\n    mainApi.on('reInit', onScroll);\n    mainApi.on('scroll', onScroll);\n  }, [mainApi, onScroll]);\n\n  return { value: scrollProgress };\n}\n","import { useCallback, useEffect, useState } from 'react';\nimport type { EmblaCarouselType } from 'embla-carousel';\nimport useEmblaCarousel from 'embla-carousel-react';\n\nimport type { CarouselOptions, UseCarouselThumbsReturn } from '../types';\n\nexport function useThumbs(\n  mainApi?: EmblaCarouselType,\n  options?: Partial<CarouselOptions>,\n): UseCarouselThumbsReturn {\n  const [thumbsRef, thumbsApi] = useEmblaCarousel({\n    containScroll: 'keepSnaps',\n    dragFree: true,\n    ...options,\n  });\n\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  const onClickThumb = useCallback(\n    (index: number) => {\n      if (!mainApi || !thumbsApi) return;\n      mainApi.scrollTo(index);\n    },\n    [mainApi, thumbsApi],\n  );\n\n  const onSelect = useCallback(() => {\n    if (!mainApi || !thumbsApi) return;\n    setSelectedIndex(mainApi.selectedScrollSnap());\n    thumbsApi.scrollTo(mainApi.selectedScrollSnap());\n  }, [mainApi, thumbsApi, setSelectedIndex]);\n\n  useEffect(() => {\n    if (!mainApi) return;\n    onSelect();\n    mainApi.on('select', onSelect);\n    mainApi.on('reInit', onSelect);\n  }, [mainApi, onSelect]);\n\n  return {\n    onClickThumb,\n    thumbsRef,\n    thumbsApi,\n    selectedIndex,\n  };\n}\n"]}

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

@@ -1,199 +1,17 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-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 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 {
-  Address_default as default
-};
+import { a as a$2 } from '../../../chunk-ZZCWCOYO.js';
+import { a as a$1 } from '../../../chunk-RMQCDH5X.js';
+import { a as a$3 } from '../../../chunk-62TZEUFR.js';
+import '../../../chunk-BFD4OAPD.js';
+import '../../../chunk-RWCM5G5D.js';
+import '../../../chunk-FU42GMHJ.js';
+import '../../../chunk-ZK4R7GDN.js';
+import E from '@mui/material/CircularProgress';
+import g from '@mui/material/InputAdornment';
+import a from '@mui/material/Stack';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var C=({name:t,containerProps:l,required:i,rules:c,tabIndex:e})=>{let x=`${t}.zipCode`,u=`${t}.publicPlace`,f=`${t}.number`,w=`${t}.district`,h=`${t}.complement`,P=`${t}.state`,b=`${t}.city`,r=m=>{m.key==="Enter"&&m.preventDefault();};return jsxs(a,{gap:1.5,...l,children:[jsxs(a,{direction:{xs:"column",md:"row"},gap:1.5,flexWrap:"wrap",children:[jsx(a$1,{name:x,label:"CEP",mask:[{mask:"00000-000"}],InputProps:{endAdornment:jsx(g,{position:"end",children:jsx(E,{size:24})})},rules:c,onKeyDown:r,required:i,sx:{width:"auto",flex:1,minWidth:160},tabIndex:e}),jsxs(a,{direction:{xs:"column",sm:"row"},gap:1.5,flex:{xs:1,md:"1 1 50%"},children:[jsx(a$2,{name:u,label:"Logradouro",onKeyDown:r,inputProps:{maxLength:70},sx:{width:"auto",minWidth:250,flex:1},tabIndex:e}),jsx(a$2,{name:f,label:"N\xFAmero",onKeyDown:r,inputProps:{maxLength:6},sx:{width:"auto",minWidth:100},tabIndex:e})]})]}),jsxs(a,{direction:{xs:"column",md:"row"},gap:1.5,flexWrap:"wrap",children:[jsx(a$2,{name:w,label:"Bairro",onKeyDown:r,inputProps:{maxLength:20},sx:{width:"auto",flex:{xs:1,md:"1 1 100px"}},tabIndex:e}),jsx(a$2,{name:h,label:"Complemento",onKeyDown:r,inputProps:{maxLength:30},sx:{minWidth:200,width:"auto",flex:{xs:1,md:"1 1 500px"}},tabIndex:e})]}),jsxs(a,{gap:1.5,flexWrap:"wrap",direction:{xs:"column",sm:"row"},children:[jsx(a$3,{name:P,label:"Estado",options:[],disabled:!0,required:i,sx:{flex:1},tabIndex:e}),jsx(a$2,{name:b,label:"Cidade",disabled:!0,required:i,sx:{flex:1},tabIndex:e})]})]})},S=C;
+
+export { S as default };
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/form/Address/index.tsx"],"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"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/form/Address/index.tsx"],"names":["CircularProgress","InputAdornment","Stack","jsx","jsxs","Address","name","containerProps","required","rules","tabIndex","ZIP_CODE_FIELD","PUBLIC_PLACE","NUMBER","DISTRICT","COMPLEMENT","STATE","CITY","handleKeyDown","e","MaskedInput_default","Field_default","Autocomplete_default","Address_default"],"mappings":"yRACA,OAAOA,MAAsB,iCAC7B,OAAOC,MAAoB,+BAC3B,OAAOC,MAAW,sBAgDF,cAAAC,EAeR,QAAAC,MAfQ,oBAxChB,IAAMC,EAAU,CAAC,CACf,KAAAC,EACA,eAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,CACF,IAAoB,CAClB,IAAMC,EAAiB,GAAGL,YACpBM,EAAe,GAAGN,gBAClBO,EAAS,GAAGP,WACZQ,EAAW,GAAGR,aACdS,EAAa,GAAGT,eAChBU,EAAQ,GAAGV,UACXW,EAAO,GAAGX,SAEVY,EAAiBC,GAA2C,CAC5DA,EAAE,MAAQ,SAASA,EAAE,eAAe,CAC1C,EAEA,OACEf,EAACF,EAAA,CAAM,IAAK,IAAM,GAAGK,EACnB,UAAAH,EAACF,EAAA,CACC,UAAW,CACT,GAAI,SACJ,GAAI,KACN,EACA,IAAK,IACL,SAAS,OAET,UAAAC,EAACiB,EAAA,CACC,KAAMT,EACN,MAAM,MACN,KAAM,CACJ,CACE,KAAM,WACR,CACF,EACA,WAAY,CACV,aACER,EAACF,EAAA,CAAe,SAAS,MACvB,SAAAE,EAACH,EAAA,CAAiB,KAAM,GAAI,EAC9B,CAEJ,EACA,MAAOS,EACP,UAAWS,EACX,SAAUV,EACV,GAAI,CACF,MAAO,OACP,KAAM,EACN,SAAU,GACZ,EACA,SAAUE,EACZ,EAEAN,EAACF,EAAA,CACC,UAAW,CACT,GAAI,SACJ,GAAI,KACN,EACA,IAAK,IACL,KAAM,CACJ,GAAI,EACJ,GAAI,SACN,EAEA,UAAAC,EAACkB,EAAA,CACC,KAAMT,EACN,MAAM,aACN,UAAWM,EACX,WAAY,CAAE,UAAW,EAAG,EAC5B,GAAI,CACF,MAAO,OACP,SAAU,IACV,KAAM,CACR,EACA,SAAUR,EACZ,EAEAP,EAACkB,EAAA,CACC,KAAMR,EACN,MAAM,YACN,UAAWK,EACX,WAAY,CAAE,UAAW,CAAE,EAC3B,GAAI,CACF,MAAO,OACP,SAAU,GACZ,EACA,SAAUR,EACZ,GACF,GACF,EAEAN,EAACF,EAAA,CACC,UAAW,CACT,GAAI,SACJ,GAAI,KACN,EACA,IAAK,IACL,SAAS,OAET,UAAAC,EAACkB,EAAA,CACC,KAAMP,EACN,MAAM,SACN,UAAWI,EACX,WAAY,CAAE,UAAW,EAAG,EAC5B,GAAI,CACF,MAAO,OACP,KAAM,CACJ,GAAI,EACJ,GAAI,WACN,CACF,EACA,SAAUR,EACZ,EAEAP,EAACkB,EAAA,CACC,KAAMN,EACN,MAAM,cACN,UAAWG,EACX,WAAY,CAAE,UAAW,EAAG,EAC5B,GAAI,CACF,SAAU,IACV,MAAO,OACP,KAAM,CACJ,GAAI,EACJ,GAAI,WACN,CACF,EACA,SAAUR,EACZ,GACF,EAEAN,EAACF,EAAA,CACC,IAAK,IACL,SAAS,OACT,UAAW,CACT,GAAI,SACJ,GAAI,KACN,EAEA,UAAAC,EAACmB,EAAA,CACC,KAAMN,EACN,MAAM,SACN,QAAS,CAAC,EACV,SAAQ,GACR,SAAUR,EACV,GAAI,CAAE,KAAM,CAAE,EACd,SAAUE,EACZ,EAEAP,EAACkB,EAAA,CACC,KAAMJ,EACN,MAAM,SACN,SAAQ,GACR,SAAUT,EACV,GAAI,CAAE,KAAM,CAAE,EACd,SAAUE,EACZ,GACF,GACF,CAEJ,EAEOa,EAAQlB","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"]}