@zydon/common 2.7.63 → 2.7.65

package/dist/components/FileUpload/index.js

@@ -1,13 +1,10 @@
-export { l as ContentType, m as FileContentType, e as FileThumbnail, a as HelperText, b as MultiFilePreview, o as MultipleFileUpload, p as MultipleImageUpload, c as SingleFilePreview, q as SingleFileUpload, r as SingleImageUpload, s as UploadAvatar, t as UploadSimpleBox, h as compressImageWithoutCrop, g as convertToWebP, j as encodeFilenameForHeader, d as fileThumbnailClasses, i as getFileNameFromContentDisposition, f as isImageFile, k as useDropzoneUploader, n as useFileUploadService } from '../../chunk-VYNBVZSA.js';
-import '../../chunk-DTIGB5NW.js';
-export { a as fileFormat, d as fileNameByUrl, b as fileThumb, c as fileTypeByUrl } from '../../chunk-WQSRNCNF.js';
+export { p as ContentType, q as FileContentType, i as FileThumbnail, a as HelperText, b as MultiFilePreview, s as MultipleFileUpload, t as MultipleImageUpload, c as SingleFilePreview, u as SingleFileUpload, v as SingleImageUpload, w as UploadAvatar, x as UploadSimpleBox, l as compressImageWithoutCrop, k as convertToWebP, n as encodeFilenameForHeader, d as fileFormat, g as fileNameByUrl, e as fileThumb, h as fileThumbnailClasses, f as fileTypeByUrl, m as getFileNameFromContentDisposition, j as isImageFile, o as useDropzoneUploader, r as useFileUploadService } from '../../chunk-QVUHCBI2.js';
 import '../../chunk-ZFRNMT3P.js';
 import '../../chunk-RFRLNTFN.js';
 import '../../chunk-KGLU4CR2.js';
 import '../../chunk-LNXA53QR.js';
 import '../../chunk-OF6623HG.js';
 import '../../chunk-N4DW7EIC.js';
-import '../../chunk-33C6UWPV.js';
 import '../../chunk-45OMMG7D.js';
 import '../../chunk-6U5LS7MP.js';
 import '../../chunk-NQNNMRLC.js';

package/dist/components/FrameSkeleton/index.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { SectionProps } from '../../types/sectionProps.js';
+import '@mui/material/Stack';
 
 type FrameSkeletonProps = {
     title: ReactNode;

package/dist/components/FrameSkeleton/index.js

@@ -11,11 +11,11 @@ import '../../chunk-ET3WPQIO.js';
 import O from '@mui/material/IconButton';
 import i from '@mui/material/Stack';
 import l from '@mui/material/Typography';
-import P from '@mui/material/Button';
+import L from '@mui/material/Button';
 import { styled } from '@mui/material/styles';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var u=styled(i)(({theme:t})=>({backgroundColor:t.palette.background.paper,maxWidth:300,flex:1,borderRight:`1px solid ${t.palette.divider}`,[t.breakpoints.down("md")]:{display:"none"}})),k=styled(i)({position:"sticky",top:"calc(var(--sticky-header-height, 64px))",height:"calc(100vh - var(--sticky-header-height, 64px))"}),y=styled(i)(({theme:t})=>({flex:1,width:"100%",maxWidth:"100%",[t.breakpoints.up("md")]:{"&.with-left-box":{maxWidth:"calc(100% - 300px)"}}})),C=styled(i)(({theme:t})=>({position:"sticky",top:"var(--sticky-header-height, 64px)",flexDirection:"row",alignItems:"center",backgroundColor:t.palette.background.paper,zIndex:t.zIndex.appBar,width:"100%",padding:"12px 24px",height:64,gap:12,[t.breakpoints.down("md")]:{padding:"14px 16px",gap:6},borderBottom:`1px solid ${t.palette.divider}`})),v=styled(P)(({theme:t})=>({height:50,background:"none",fontSize:13,fontWeight:400,justifyContent:"flex-start",padding:"12px 8px",color:t.palette.text.secondary,borderBottom:`1px dashed ${t.palette.divider}`,borderRadius:0,gap:4,"&:hover":{backgroundColor:"transparent"},"& .required":{color:t.palette.error.main}})),d=styled(i)(({theme:t})=>({flex:1,flexDirection:"row",alignItems:"center",gap:24,"&.header-left-content":{justifyContent:"flex-start",marginLeft:12},[t.breakpoints.down("md")]:{gap:8,flex:"initial","& button, & a":{display:"flex",textIndent:"-9999em",fontSize:0,minWidth:36,maxWidth:36,height:36,width:36,overflow:"hidden","& .MuiButton-icon":{margin:"auto"}},"&.header-left-content":{justifyContent:"flex-end",marginLeft:"auto",marginRight:-6,"& label":{marginRight:0},"& .MuiTypography-root":{display:"none"}}}})),w=styled(i)(({theme:t})=>({flex:1,width:"100%",padding:24,gap:24,alignItems:"center",overflow:"hidden",[t.breakpoints.down("md")]:{padding:"24px 16px"}})),p=styled(i)(({theme:t})=>({alignItems:"start",width:"100%",maxWidth:900,[t.breakpoints.down("md")]:{maxWidth:"100%"}})),T=styled(a)(({theme:t})=>({width:"100%",borderRadius:12,gap:12,[t.breakpoints.down("md")]:{padding:"24px 16px"}})),W=styled(l)(({theme:t})=>({color:t.palette.text.primary,fontSize:18,fontWeight:900})),I=styled(l)(({theme:t})=>({color:t.palette.text.secondary,fontSize:14,fontWeight:400,paddingBottom:24}));var j=({title:t,subtitle:c,children:B,sections:x,headerLeftContent:R,headerRightContent:z,showLeftContent:s=!0,onClickBack:H})=>(a$1(!0),jsxs(i,{direction:"row",flex:1,children:[s&&jsx(u,{id:"frame-skeleton-left-box",children:jsx(k,{children:jsx(a$2,{fillContent:!0,sx:{p:3},children:jsxs(i,{gap:1.5,children:[jsx(l,{variant:"overline",color:"text.disabled",fontWeight:700,pl:1,children:"ACESSO R\xC1PIDO"}),jsx(i,{children:x.map(o=>jsxs(v,{onClick:()=>{o.ref.current&&o.ref.current.scrollIntoView({block:"center",behavior:"smooth"});},children:[o.title,o.isRequired&&jsx("span",{className:"required",children:"*"})]},o.title))})]})})})}),jsxs(y,{className:s?"with-left-box":"",children:[jsxs(C,{children:[jsx(O,{color:"inherit",onClick:()=>H(),"data-testid":"backToPreviousPage","aria-label":"Voltar",children:jsx(a$3,{icon:"CHEVRON_LEFT"})}),jsxs(i,{overflow:"hidden",children:[jsx(l,{variant:"subtitle1",noWrap:!0,component:"div",children:t}),c&&jsx(l,{variant:"caption",color:"text.secondary",noWrap:!0,component:"div",children:c})]}),jsx(d,{className:"header-left-content",children:R}),jsx(d,{justifyContent:"flex-end",color:"text.secondary",children:z})]}),jsxs(w,{children:[jsx(p,{children:B}),x.map((o,L)=>{let m=o.id||`section-${L}`;return jsxs(p,{id:m,children:[o.title&&jsx(W,{ref:o.ref,children:o.title}),o.subTitle&&jsx(I,{children:o.subTitle}),jsx(T,{children:o.child})]},o.title||m)})]})]})]})),Q=j;
+var u=styled(i)(({theme:t})=>({backgroundColor:t.palette.background.paper,maxWidth:300,flex:1,borderRight:`1px solid ${t.palette.divider}`,[t.breakpoints.down("md")]:{display:"none"}})),k=styled(i)({position:"sticky",top:"calc(var(--sticky-header-height, 64px))",height:"calc(100vh - var(--sticky-header-height, 64px))"}),y=styled(i)(({theme:t})=>({flex:1,width:"100%",maxWidth:"100%",[t.breakpoints.up("md")]:{"&.with-left-box":{maxWidth:"calc(100% - 300px)"}}})),C=styled(i)(({theme:t})=>({position:"sticky",top:"var(--sticky-header-height, 64px)",flexDirection:"row",alignItems:"center",backgroundColor:t.palette.background.paper,zIndex:t.zIndex.appBar,width:"100%",padding:"12px 24px",height:64,gap:12,[t.breakpoints.down("md")]:{padding:"14px 16px",gap:6},borderBottom:`1px solid ${t.palette.divider}`})),v=styled(L)(({theme:t})=>({height:50,background:"none",fontSize:13,fontWeight:400,justifyContent:"flex-start",padding:"12px 8px",color:t.palette.text.secondary,borderBottom:`1px dashed ${t.palette.divider}`,borderRadius:0,gap:4,"&:hover":{backgroundColor:"transparent"},"& .required":{color:t.palette.error.main}})),p=styled(i)(({theme:t})=>({flex:1,flexDirection:"row",alignItems:"center",gap:24,"&.header-left-content":{justifyContent:"flex-start",marginLeft:12},[t.breakpoints.down("md")]:{gap:8,flex:"initial","& button, & a":{display:"flex",textIndent:"-9999em",fontSize:0,minWidth:36,maxWidth:36,height:36,width:36,overflow:"hidden","& .MuiButton-icon":{margin:"auto"}},"&.header-left-content":{justifyContent:"flex-end",marginLeft:"auto",marginRight:-6,"& label":{marginRight:0},"& .MuiTypography-root":{display:"none"}}}})),w=styled(i)(({theme:t})=>({flex:1,width:"100%",padding:24,gap:24,alignItems:"center",overflow:"hidden",[t.breakpoints.down("md")]:{padding:"24px 16px"}})),d=styled(i)(({theme:t})=>({alignItems:"start",width:"100%",maxWidth:900,[t.breakpoints.down("md")]:{maxWidth:"100%"}})),T=styled(a)(({theme:t})=>({width:"100%",borderRadius:12,gap:12,[t.breakpoints.down("md")]:{padding:"24px 16px"}})),W=styled(l)(({theme:t})=>({color:t.palette.text.primary,fontSize:18,fontWeight:900})),I=styled(l)(({theme:t})=>({color:t.palette.text.secondary,fontSize:14,fontWeight:400,paddingBottom:24}));var j=({title:t,subtitle:c,children:B,sections:x,headerLeftContent:R,headerRightContent:P,showLeftContent:s=!0,onClickBack:z})=>(a$1(!0),jsxs(i,{direction:"row",flex:1,children:[s&&jsx(u,{id:"frame-skeleton-left-box",children:jsx(k,{children:jsx(a$2,{fillContent:!0,sx:{p:3},children:jsxs(i,{gap:1.5,children:[jsx(l,{variant:"overline",color:"text.disabled",fontWeight:700,pl:1,children:"ACESSO R\xC1PIDO"}),jsx(i,{children:x.map(o=>jsxs(v,{onClick:()=>{o.ref.current&&o.ref.current.scrollIntoView({block:"center",behavior:"smooth"});},children:[o.title,o.isRequired&&jsx("span",{className:"required",children:"*"})]},o.title))})]})})})}),jsxs(y,{className:s?"with-left-box":"",children:[jsxs(C,{children:[jsx(O,{color:"inherit",onClick:()=>z(),"data-testid":"backToPreviousPage","aria-label":"Voltar",children:jsx(a$3,{icon:"CHEVRON_LEFT"})}),jsxs(i,{overflow:"hidden",children:[jsx(l,{variant:"subtitle1",noWrap:!0,component:"div",children:t}),c&&jsx(l,{variant:"caption",color:"text.secondary",noWrap:!0,component:"div",children:c})]}),jsx(p,{className:"header-left-content",children:R}),jsx(p,{justifyContent:"flex-end",color:"text.secondary",children:P})]}),jsxs(w,{children:[jsx(d,{children:B}),x.map((o,H)=>{let m=o.id||`section-${H}`;return jsxs(d,{id:m,children:[o.title&&jsx(W,{ref:o.ref,children:o.title}),o.subTitle&&jsx(I,{children:o.subTitle}),jsx(T,{...o.sectionContentProps,children:o.child})]},o.title||m)})]})]})]})),Q=j;
 
 export { Q as default };
 //# sourceMappingURL=out.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FrameSkeleton/index.tsx","../../../src/components/FrameSkeleton/styles.ts"],"names":["IconButton","Stack","Typography","Button","styled","Sidebar","theme","SidebarContent","Content","TopBox","SectionLink","HeaderContent","Children","Section","SectionContent","Panel_default","SectionTitle","SectionSubtitle","jsx","jsxs","FrameSkeleton","title","subtitle","children","sections","headerLeftContent","headerRightContent","showLeftContent","onClickBack","useCollapseSidebarOnMount_default","Scrollbar_default","section","Icon_default","index","id","FrameSkeleton_default"],"mappings":"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","sourcesContent":["import IconButton from '@mui/material/IconButton';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport Icon from 'components/Icon';\nimport Scrollbar from 'components/Scrollbar';\nimport useCollapseSidebarOnMount from 'hooks/useCollapseSidebarOnMount';\n\nimport { FrameSkeletonProps } from './props';\nimport {\n  Children,\n  Content,\n  HeaderContent,\n  Section,\n  SectionContent,\n  SectionLink,\n  SectionSubtitle,\n  SectionTitle,\n  Sidebar,\n  SidebarContent,\n  TopBox,\n} from './styles';\n\nconst FrameSkeleton = ({\n  title,\n  subtitle,\n  children,\n  sections,\n  headerLeftContent,\n  headerRightContent,\n  showLeftContent = true,\n  onClickBack,\n}: FrameSkeletonProps) => {\n  useCollapseSidebarOnMount(true);\n  return (\n    <Stack direction=\"row\" flex={1}>\n      {showLeftContent && (\n        <Sidebar id=\"frame-skeleton-left-box\">\n          <SidebarContent>\n            <Scrollbar fillContent sx={{ p: 3 }}>\n              <Stack gap={1.5}>\n                <Typography\n                  variant=\"overline\"\n                  color=\"text.disabled\"\n                  fontWeight={700}\n                  pl={1}\n                >\n                  ACESSO RÁPIDO\n                </Typography>\n\n                <Stack>\n                  {sections.map(section => (\n                    <SectionLink\n                      key={section.title}\n                      onClick={() => {\n                        if (section.ref.current)\n                          section.ref.current.scrollIntoView({\n                            block: 'center',\n                            behavior: 'smooth',\n                          });\n                      }}\n                    >\n                      {section.title}\n                      {section.isRequired && (\n                        <span className=\"required\">*</span>\n                      )}\n                    </SectionLink>\n                  ))}\n                </Stack>\n              </Stack>\n            </Scrollbar>\n          </SidebarContent>\n        </Sidebar>\n      )}\n\n      <Content className={showLeftContent ? 'with-left-box' : ''}>\n        <TopBox>\n          <IconButton\n            color=\"inherit\"\n            onClick={() => onClickBack()}\n            data-testid=\"backToPreviousPage\"\n            aria-label=\"Voltar\"\n          >\n            <Icon icon=\"CHEVRON_LEFT\" />\n          </IconButton>\n\n          <Stack overflow=\"hidden\">\n            <Typography variant=\"subtitle1\" noWrap component=\"div\">\n              {title}\n            </Typography>\n            {subtitle && (\n              <Typography\n                variant=\"caption\"\n                color=\"text.secondary\"\n                noWrap\n                component=\"div\"\n              >\n                {subtitle}\n              </Typography>\n            )}\n          </Stack>\n\n          <HeaderContent className=\"header-left-content\">\n            {headerLeftContent}\n          </HeaderContent>\n\n          <HeaderContent justifyContent=\"flex-end\" color=\"text.secondary\">\n            {headerRightContent}\n          </HeaderContent>\n        </TopBox>\n\n        <Children>\n          <Section>{children}</Section>\n\n          {sections.map((section, index) => {\n            const id = section.id || `section-${index}`;\n            return (\n              <Section key={section.title || id} id={id}>\n                {section.title && (\n                  <SectionTitle\n                    ref={section.ref as React.RefObject<HTMLDivElement>}\n                  >\n                    {section.title}\n                  </SectionTitle>\n                )}\n                {section.subTitle && (\n                  <SectionSubtitle>{section.subTitle}</SectionSubtitle>\n                )}\n\n                <SectionContent>{section.child}</SectionContent>\n              </Section>\n            );\n          })}\n        </Children>\n      </Content>\n    </Stack>\n  );\n};\n\nexport default FrameSkeleton;\n","import Button from '@mui/material/Button';\nimport Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport Panel from 'components/Panel';\n\nexport const Sidebar = styled(Stack)(({ theme }) => ({\n  backgroundColor: theme.palette.background.paper,\n  maxWidth: 300,\n  flex: 1,\n  borderRight: `1px solid ${theme.palette.divider}`,\n\n  [theme.breakpoints.down('md')]: {\n    display: 'none',\n  },\n}));\n\nexport const SidebarContent = styled(Stack)({\n  position: 'sticky',\n  top: 'calc(var(--sticky-header-height, 64px))',\n  height: 'calc(100vh - var(--sticky-header-height, 64px))',\n});\n\nexport const Content = styled(Stack)(({ theme }) => ({\n  flex: 1,\n  width: '100%',\n  maxWidth: '100%',\n\n  [theme.breakpoints.up('md')]: {\n    '&.with-left-box': { maxWidth: 'calc(100% - 300px)' },\n  },\n}));\n\nexport const TopBox = styled(Stack)(({ theme }) => ({\n  position: 'sticky',\n  top: 'var(--sticky-header-height, 64px)',\n  flexDirection: 'row',\n  alignItems: 'center',\n  backgroundColor: theme.palette.background.paper,\n  zIndex: theme.zIndex.appBar,\n  width: '100%',\n  padding: '12px 24px',\n  height: 64,\n  gap: 12,\n\n  [theme.breakpoints.down('md')]: {\n    padding: '14px 16px',\n    gap: 6,\n  },\n  borderBottom: `1px solid ${theme.palette.divider}`,\n}));\n\nexport const SectionLink = styled(Button)(({ theme }) => ({\n  height: 50,\n  background: 'none',\n  fontSize: 13,\n  fontWeight: 400,\n  justifyContent: 'flex-start',\n  padding: '12px 8px',\n  color: theme.palette.text.secondary,\n  borderBottom: `1px dashed ${theme.palette.divider}`,\n  borderRadius: 0,\n  gap: 4,\n\n  '&:hover': {\n    backgroundColor: 'transparent',\n  },\n\n  '& .required': {\n    color: theme.palette.error.main,\n  },\n}));\n\nexport const HeaderContent = styled(Stack)(({ theme }) => ({\n  flex: 1,\n  flexDirection: 'row',\n  alignItems: 'center',\n  gap: 24,\n\n  '&.header-left-content': {\n    justifyContent: 'flex-start',\n    marginLeft: 12,\n  },\n\n  [theme.breakpoints.down('md')]: {\n    gap: 8,\n    flex: 'initial',\n\n    '& button, & a': {\n      display: 'flex',\n      textIndent: '-9999em',\n      fontSize: 0,\n      minWidth: 36,\n      maxWidth: 36,\n      height: 36,\n      width: 36,\n      overflow: 'hidden',\n\n      '& .MuiButton-icon': {\n        margin: 'auto',\n      },\n    },\n\n    '&.header-left-content': {\n      justifyContent: 'flex-end',\n      marginLeft: 'auto',\n      marginRight: -6,\n\n      '& label': {\n        marginRight: 0,\n      },\n\n      '& .MuiTypography-root': {\n        display: 'none',\n      },\n    },\n  },\n}));\n\nexport const Children = styled(Stack)(({ theme }) => ({\n  flex: 1,\n  width: '100%',\n  padding: 24,\n  gap: 24,\n  alignItems: 'center',\n  overflow: 'hidden',\n\n  [theme.breakpoints.down('md')]: {\n    padding: '24px 16px',\n  },\n}));\n\nexport const Section = styled(Stack)(({ theme }) => ({\n  alignItems: 'start',\n  width: '100%',\n  maxWidth: 900,\n\n  [theme.breakpoints.down('md')]: {\n    maxWidth: '100%',\n  },\n}));\n\nexport const SectionContent = styled(Panel)(({ theme }) => ({\n  width: '100%',\n  borderRadius: 12,\n  gap: 12,\n\n  [theme.breakpoints.down('md')]: {\n    padding: '24px 16px',\n  },\n}));\n\nexport const SectionTitle = styled(Typography)(({ theme }) => ({\n  color: theme.palette.text.primary,\n  fontSize: 18,\n  fontWeight: 900,\n}));\n\nexport const SectionSubtitle = styled(Typography)(({ theme }) => ({\n  color: theme.palette.text.secondary,\n  fontSize: 14,\n  fontWeight: 400,\n  paddingBottom: 24,\n}));\n"]}
+{"version":3,"sources":["../../../src/components/FrameSkeleton/index.tsx","../../../src/components/FrameSkeleton/styles.ts"],"names":["IconButton","Stack","Typography","Button","styled","Sidebar","theme","SidebarContent","Content","TopBox","SectionLink","HeaderContent","Children","Section","SectionContent","Panel_default","SectionTitle","SectionSubtitle","jsx","jsxs","FrameSkeleton","title","subtitle","children","sections","headerLeftContent","headerRightContent","showLeftContent","onClickBack","useCollapseSidebarOnMount_default","Scrollbar_default","section","Icon_default","index","id","FrameSkeleton_default"],"mappings":"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","sourcesContent":["import IconButton from '@mui/material/IconButton';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport Icon from 'components/Icon';\nimport Scrollbar from 'components/Scrollbar';\nimport useCollapseSidebarOnMount from 'hooks/useCollapseSidebarOnMount';\n\nimport { FrameSkeletonProps } from './props';\nimport {\n  Children,\n  Content,\n  HeaderContent,\n  Section,\n  SectionContent,\n  SectionLink,\n  SectionSubtitle,\n  SectionTitle,\n  Sidebar,\n  SidebarContent,\n  TopBox,\n} from './styles';\n\nconst FrameSkeleton = ({\n  title,\n  subtitle,\n  children,\n  sections,\n  headerLeftContent,\n  headerRightContent,\n  showLeftContent = true,\n  onClickBack,\n}: FrameSkeletonProps) => {\n  useCollapseSidebarOnMount(true);\n  return (\n    <Stack direction=\"row\" flex={1}>\n      {showLeftContent && (\n        <Sidebar id=\"frame-skeleton-left-box\">\n          <SidebarContent>\n            <Scrollbar fillContent sx={{ p: 3 }}>\n              <Stack gap={1.5}>\n                <Typography\n                  variant=\"overline\"\n                  color=\"text.disabled\"\n                  fontWeight={700}\n                  pl={1}\n                >\n                  ACESSO RÁPIDO\n                </Typography>\n\n                <Stack>\n                  {sections.map(section => (\n                    <SectionLink\n                      key={section.title}\n                      onClick={() => {\n                        if (section.ref.current)\n                          section.ref.current.scrollIntoView({\n                            block: 'center',\n                            behavior: 'smooth',\n                          });\n                      }}\n                    >\n                      {section.title}\n                      {section.isRequired && (\n                        <span className=\"required\">*</span>\n                      )}\n                    </SectionLink>\n                  ))}\n                </Stack>\n              </Stack>\n            </Scrollbar>\n          </SidebarContent>\n        </Sidebar>\n      )}\n\n      <Content className={showLeftContent ? 'with-left-box' : ''}>\n        <TopBox>\n          <IconButton\n            color=\"inherit\"\n            onClick={() => onClickBack()}\n            data-testid=\"backToPreviousPage\"\n            aria-label=\"Voltar\"\n          >\n            <Icon icon=\"CHEVRON_LEFT\" />\n          </IconButton>\n\n          <Stack overflow=\"hidden\">\n            <Typography variant=\"subtitle1\" noWrap component=\"div\">\n              {title}\n            </Typography>\n            {subtitle && (\n              <Typography\n                variant=\"caption\"\n                color=\"text.secondary\"\n                noWrap\n                component=\"div\"\n              >\n                {subtitle}\n              </Typography>\n            )}\n          </Stack>\n\n          <HeaderContent className=\"header-left-content\">\n            {headerLeftContent}\n          </HeaderContent>\n\n          <HeaderContent justifyContent=\"flex-end\" color=\"text.secondary\">\n            {headerRightContent}\n          </HeaderContent>\n        </TopBox>\n\n        <Children>\n          <Section>{children}</Section>\n\n          {sections.map((section, index) => {\n            const id = section.id || `section-${index}`;\n            return (\n              <Section key={section.title || id} id={id}>\n                {section.title && (\n                  <SectionTitle\n                    ref={section.ref as React.RefObject<HTMLDivElement>}\n                  >\n                    {section.title}\n                  </SectionTitle>\n                )}\n                {section.subTitle && (\n                  <SectionSubtitle>{section.subTitle}</SectionSubtitle>\n                )}\n\n                <SectionContent {...section.sectionContentProps}>\n                  {section.child}\n                </SectionContent>\n              </Section>\n            );\n          })}\n        </Children>\n      </Content>\n    </Stack>\n  );\n};\n\nexport default FrameSkeleton;\n","import Button from '@mui/material/Button';\nimport Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport Panel from 'components/Panel';\n\nexport const Sidebar = styled(Stack)(({ theme }) => ({\n  backgroundColor: theme.palette.background.paper,\n  maxWidth: 300,\n  flex: 1,\n  borderRight: `1px solid ${theme.palette.divider}`,\n\n  [theme.breakpoints.down('md')]: {\n    display: 'none',\n  },\n}));\n\nexport const SidebarContent = styled(Stack)({\n  position: 'sticky',\n  top: 'calc(var(--sticky-header-height, 64px))',\n  height: 'calc(100vh - var(--sticky-header-height, 64px))',\n});\n\nexport const Content = styled(Stack)(({ theme }) => ({\n  flex: 1,\n  width: '100%',\n  maxWidth: '100%',\n\n  [theme.breakpoints.up('md')]: {\n    '&.with-left-box': { maxWidth: 'calc(100% - 300px)' },\n  },\n}));\n\nexport const TopBox = styled(Stack)(({ theme }) => ({\n  position: 'sticky',\n  top: 'var(--sticky-header-height, 64px)',\n  flexDirection: 'row',\n  alignItems: 'center',\n  backgroundColor: theme.palette.background.paper,\n  zIndex: theme.zIndex.appBar,\n  width: '100%',\n  padding: '12px 24px',\n  height: 64,\n  gap: 12,\n\n  [theme.breakpoints.down('md')]: {\n    padding: '14px 16px',\n    gap: 6,\n  },\n  borderBottom: `1px solid ${theme.palette.divider}`,\n}));\n\nexport const SectionLink = styled(Button)(({ theme }) => ({\n  height: 50,\n  background: 'none',\n  fontSize: 13,\n  fontWeight: 400,\n  justifyContent: 'flex-start',\n  padding: '12px 8px',\n  color: theme.palette.text.secondary,\n  borderBottom: `1px dashed ${theme.palette.divider}`,\n  borderRadius: 0,\n  gap: 4,\n\n  '&:hover': {\n    backgroundColor: 'transparent',\n  },\n\n  '& .required': {\n    color: theme.palette.error.main,\n  },\n}));\n\nexport const HeaderContent = styled(Stack)(({ theme }) => ({\n  flex: 1,\n  flexDirection: 'row',\n  alignItems: 'center',\n  gap: 24,\n\n  '&.header-left-content': {\n    justifyContent: 'flex-start',\n    marginLeft: 12,\n  },\n\n  [theme.breakpoints.down('md')]: {\n    gap: 8,\n    flex: 'initial',\n\n    '& button, & a': {\n      display: 'flex',\n      textIndent: '-9999em',\n      fontSize: 0,\n      minWidth: 36,\n      maxWidth: 36,\n      height: 36,\n      width: 36,\n      overflow: 'hidden',\n\n      '& .MuiButton-icon': {\n        margin: 'auto',\n      },\n    },\n\n    '&.header-left-content': {\n      justifyContent: 'flex-end',\n      marginLeft: 'auto',\n      marginRight: -6,\n\n      '& label': {\n        marginRight: 0,\n      },\n\n      '& .MuiTypography-root': {\n        display: 'none',\n      },\n    },\n  },\n}));\n\nexport const Children = styled(Stack)(({ theme }) => ({\n  flex: 1,\n  width: '100%',\n  padding: 24,\n  gap: 24,\n  alignItems: 'center',\n  overflow: 'hidden',\n\n  [theme.breakpoints.down('md')]: {\n    padding: '24px 16px',\n  },\n}));\n\nexport const Section = styled(Stack)(({ theme }) => ({\n  alignItems: 'start',\n  width: '100%',\n  maxWidth: 900,\n\n  [theme.breakpoints.down('md')]: {\n    maxWidth: '100%',\n  },\n}));\n\nexport const SectionContent = styled(Panel)(({ theme }) => ({\n  width: '100%',\n  borderRadius: 12,\n  gap: 12,\n\n  [theme.breakpoints.down('md')]: {\n    padding: '24px 16px',\n  },\n}));\n\nexport const SectionTitle = styled(Typography)(({ theme }) => ({\n  color: theme.palette.text.primary,\n  fontSize: 18,\n  fontWeight: 900,\n}));\n\nexport const SectionSubtitle = styled(Typography)(({ theme }) => ({\n  color: theme.palette.text.secondary,\n  fontSize: 14,\n  fontWeight: 400,\n  paddingBottom: 24,\n}));\n"]}

package/dist/components/ImageCropModal/index.js

@@ -1,7 +1,17 @@
-export { a as default } from '../../chunk-KR3DUHA6.js';
-import '../../chunk-ESFOFEVL.js';
-import '../../chunk-RFRLNTFN.js';
-import '../../chunk-NQNNMRLC.js';
+import { a as a$2 } from '../../chunk-ESFOFEVL.js';
+import { a } from '../../chunk-RFRLNTFN.js';
+import { a as a$3 } from '../../chunk-NQNNMRLC.js';
 import '../../chunk-CIGSMWKF.js';
+import { useState } from 'react';
+import M from '@mui/lab/LoadingButton';
+import r from '@mui/material/Button';
+import v from '@mui/material/Slider';
+import a$1 from '@mui/material/Stack';
+import B from '@mui/material/Typography';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var y=({id:p,open:u,onClose:e,label:g,onSave:s,onRemove:f,onPreview:h,imageSrc:C,aspectRatio:I,onInitialized:S,loading:k})=>{let[l,m]=useState(.5);return jsx(a,{open:u,onClose:e,dialogTitle:g,actions:jsxs(Fragment,{children:[jsx(r,{variant:"outlined",size:"medium",onClick:e,color:"inherit",children:"Cancelar"}),jsx(M,{variant:"contained",size:"medium",onClick:s,loading:k,children:"Salvar"})]}),fullWidth:!0,maxWidth:"sm",keepMounted:!0,children:jsxs(a$1,{gap:2,children:[jsx(a$2,{imageSrc:C,aspectRatio:I,onInitialized:S,zoom:l,onZoomChange:m}),jsxs(a$1,{gap:1.5,children:[jsxs(a$1,{width:1,direction:"row",gap:3,flex:1,alignItems:"center",children:[jsx(B,{variant:"body1",children:"Zoom"}),jsx(v,{value:l,onChange:(E,n)=>m(Array.isArray(n)?n[0]:n),min:.1,max:2,size:"medium",step:.0125})]}),jsxs(a$1,{direction:"row",gap:2,children:[jsx(r,{variant:"outlined",color:"inherit",size:"large",fullWidth:!0,startIcon:jsx(a$3,{icon:"DELETE_MARK_BUTTON_02"}),onClick:f,children:"Remover"}),jsx(r,{variant:"outlined",color:"inherit",size:"large",fullWidth:!0,startIcon:jsx(a$3,{icon:"PLAY_SIMPLE"}),onClick:h,children:"Pr\xE9-visualizar"}),jsx(r,{variant:"outlined",color:"inherit",size:"large",fullWidth:!0,startIcon:jsx(a$3,{icon:"SEARCH_IMAGE"}),component:"label",htmlFor:p,children:"Alterar"})]})]})]})})},Z=y;
+
+export { Z as default };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["../../../src/components/ImageCropModal/index.tsx"],"names":["useState","LoadingButton","Button","Slider","Stack","Typography","Fragment","jsx","jsxs","ImageCropModal","id","open","onClose","label","onSave","onRemove","onPreview","imageSrc","aspectRatio","onInitialized","loading","zoom","setZoom","Modal_default","ImageCrop_default","_","v","Icon_default","ImageCropModal_default"],"mappings":"oKAAA,OAAS,YAAAA,MAAgB,QACzB,OAAOC,MAAmB,yBAC1B,OAAOC,MAAY,uBACnB,OAAOC,MAAY,uBACnB,OAAOC,MAAW,sBAClB,OAAOC,MAAgB,2BA6Bf,mBAAAC,EACE,OAAAC,EADF,QAAAC,MAAA,oBArBR,IAAMC,EAAiB,CAAC,CACtB,GAAAC,EACA,KAAAC,EACA,QAAAC,EACA,MAAAC,EACA,OAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,YAAAC,EACA,cAAAC,EACA,QAAAC,CACF,IAA0B,CACxB,GAAM,CAACC,EAAMC,CAAO,EAAItB,EAAiB,EAAG,EAE5C,OACEO,EAACgB,EAAA,CACC,KAAMZ,EACN,QAASC,EACT,YAAaC,EACb,QACEL,EAAAF,EAAA,CACE,UAAAC,EAACL,EAAA,CACC,QAAQ,WACR,KAAK,SACL,QAASU,EACT,MAAM,UACP,oBAED,EAEAL,EAACN,EAAA,CACC,QAAQ,YACR,KAAK,SACL,QAASa,EACT,QAASM,EACV,kBAED,GACF,EAEF,UAAS,GACT,SAAS,KACT,YAAW,GAEX,SAAAZ,EAACJ,EAAA,CAAM,IAAK,EACV,UAAAG,EAACiB,EAAA,CACC,SAAUP,EACV,YAAaC,EACb,cAAeC,EACf,KAAME,EACN,aAAcC,EAChB,EAEAd,EAACJ,EAAA,CAAM,IAAK,IACV,UAAAI,EAACJ,EAAA,CAAM,MAAO,EAAG,UAAU,MAAM,IAAK,EAAG,KAAM,EAAG,WAAW,SAC3D,UAAAG,EAACF,EAAA,CAAW,QAAQ,QAAQ,gBAAI,EAEhCE,EAACJ,EAAA,CACC,MAAOkB,EACP,SAAU,CAACI,EAAGC,IAAMJ,EAAQ,MAAM,QAAQI,CAAC,EAAIA,EAAE,CAAC,EAAIA,CAAC,EACvD,IAAK,GACL,IAAK,EACL,KAAK,SACL,KAAM,MACR,GACF,EAEAlB,EAACJ,EAAA,CAAM,UAAU,MAAM,IAAK,EAC1B,UAAAG,EAACL,EAAA,CACC,QAAQ,WACR,MAAM,UACN,KAAK,QACL,UAAS,GACT,UAAWK,EAACoB,EAAA,CAAK,KAAK,wBAAwB,EAC9C,QAASZ,EACV,mBAED,EAEAR,EAACL,EAAA,CACC,QAAQ,WACR,MAAM,UACN,KAAK,QACL,UAAS,GACT,UAAWK,EAACoB,EAAA,CAAK,KAAK,cAAc,EACpC,QAASX,EACV,6BAED,EAEAT,EAACL,EAAA,CACC,QAAQ,WACR,MAAM,UACN,KAAK,QACL,UAAS,GACT,UAAWK,EAACoB,EAAA,CAAK,KAAK,eAAe,EACrC,UAAU,QACV,QAASjB,EACV,mBAED,GACF,GACF,GACF,EACF,CAEJ,EAEOkB,EAAQnB","sourcesContent":["import { useState } from 'react';\nimport LoadingButton from '@mui/lab/LoadingButton';\nimport Button from '@mui/material/Button';\nimport Slider from '@mui/material/Slider';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport Icon from '../Icon';\nimport ImageCrop from '../ImageCrop';\nimport Modal from '../Modal';\n\nimport { ImageCropModalPros } from './props';\n\nconst ImageCropModal = ({\n  id,\n  open,\n  onClose,\n  label,\n  onSave,\n  onRemove,\n  onPreview,\n  imageSrc,\n  aspectRatio,\n  onInitialized,\n  loading,\n}: ImageCropModalPros) => {\n  const [zoom, setZoom] = useState<number>(0.5);\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      dialogTitle={label}\n      actions={\n        <>\n          <Button\n            variant=\"outlined\"\n            size=\"medium\"\n            onClick={onClose}\n            color=\"inherit\"\n          >\n            Cancelar\n          </Button>\n\n          <LoadingButton\n            variant=\"contained\"\n            size=\"medium\"\n            onClick={onSave}\n            loading={loading}\n          >\n            Salvar\n          </LoadingButton>\n        </>\n      }\n      fullWidth\n      maxWidth=\"sm\"\n      keepMounted\n    >\n      <Stack gap={2}>\n        <ImageCrop\n          imageSrc={imageSrc}\n          aspectRatio={aspectRatio}\n          onInitialized={onInitialized}\n          zoom={zoom}\n          onZoomChange={setZoom}\n        />\n\n        <Stack gap={1.5}>\n          <Stack width={1} direction=\"row\" gap={3} flex={1} alignItems=\"center\">\n            <Typography variant=\"body1\">Zoom</Typography>\n\n            <Slider\n              value={zoom}\n              onChange={(_, v) => setZoom(Array.isArray(v) ? v[0] : v)}\n              min={0.1}\n              max={2}\n              size=\"medium\"\n              step={0.0125}\n            />\n          </Stack>\n\n          <Stack direction=\"row\" gap={2}>\n            <Button\n              variant=\"outlined\"\n              color=\"inherit\"\n              size=\"large\"\n              fullWidth\n              startIcon={<Icon icon=\"DELETE_MARK_BUTTON_02\" />}\n              onClick={onRemove}\n            >\n              Remover\n            </Button>\n\n            <Button\n              variant=\"outlined\"\n              color=\"inherit\"\n              size=\"large\"\n              fullWidth\n              startIcon={<Icon icon=\"PLAY_SIMPLE\" />}\n              onClick={onPreview}\n            >\n              Pré-visualizar\n            </Button>\n\n            <Button\n              variant=\"outlined\"\n              color=\"inherit\"\n              size=\"large\"\n              fullWidth\n              startIcon={<Icon icon=\"SEARCH_IMAGE\" />}\n              component=\"label\"\n              htmlFor={id}\n            >\n              Alterar\n            </Button>\n          </Stack>\n        </Stack>\n      </Stack>\n    </Modal>\n  );\n};\n\nexport default ImageCropModal;\n"]}

package/dist/components/Incrementer/index.d.ts

@@ -6,9 +6,6 @@ import 'react-number-format';
 type IncrementerProps = {
     name: string;
     increment?: number;
-    /**
-     * @deprecated Use increment with the multiple wanted
-     */
     updadteForMultiple?: boolean;
     allowNegative?: boolean;
     decimalScale?: number;

package/dist/components/ListBundles/index.d.ts

@@ -11,14 +11,6 @@ interface ListBundlesProps {
     }) => JSX.Element;
 }
 
-/**
- * Reusable component to display bundles in a carousel
- * @param bundles - Array of bundle items to display
- * @param isLoading - Loading state for initial data fetch
- * @param isFetching - Loading state for subsequent data fetches
- * @param onRefetch - Function to refetch data
- * @param renderItem - Custom render function for bundle items
- */
 declare const ListBundles: ({ bundles, isLoading, isFetching, onRefetch, renderItem, }: ListBundlesProps) => react_jsx_runtime.JSX.Element | null;
 
 export { ListBundles as default };

package/dist/components/SearchInput/index.js

@@ -1,4 +1,4 @@
-export { a as default } from '../../chunk-OTVEMGF2.js';
+export { a as default } from '../../chunk-RPPQBAVO.js';
 import '../../chunk-NQNNMRLC.js';
 import '../../chunk-CIGSMWKF.js';
 //# sourceMappingURL=out.js.map

package/dist/components/SelectList/index.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SelectListProps } from '../../types/selectList.js';
+import 'react';
+
+declare const SelectList: ({ value, multiple, options, onChange, pagination, onSearch, onAdd, total, label, loading, loadingView, fetching, fetchingView, emptyView, error, helperText, }: SelectListProps) => react_jsx_runtime.JSX.Element;
+
+export { SelectList as default };

package/dist/components/SelectList/index.js

@@ -0,0 +1,10 @@
+export { a as default } from '../../chunk-2CY62UZ5.js';
+import '../../chunk-RUABKHIV.js';
+import '../../chunk-RPPQBAVO.js';
+import '../../chunk-IJZCVZ32.js';
+import '../../chunk-6U5LS7MP.js';
+import '../../chunk-LEMPYV5U.js';
+import '../../chunk-NQNNMRLC.js';
+import '../../chunk-CIGSMWKF.js';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/components/SelectableCards/index.js

@@ -1,6 +1,6 @@
-export { a as default } from '../../chunk-MP2LAJS5.js';
+export { a as default } from '../../chunk-KQTA6B4Y.js';
 import '../../chunk-6ZSTKYGL.js';
-import '../../chunk-OTVEMGF2.js';
+import '../../chunk-RPPQBAVO.js';
 import '../../chunk-IJZCVZ32.js';
 import '../../chunk-NIQW2J3M.js';
 import '../../chunk-NQNNMRLC.js';

package/dist/components/StateDisplay/index.d.ts

@@ -5,61 +5,19 @@ import { ButtonProps } from '@mui/material/Button';
 import { StackProps } from '@mui/material/Stack';
 
 interface StateDisplayProps extends Omit<StackProps, 'title'> {
-    /**
-     * Ícone ou asset customizado para exibir
-     */
     icon?: ReactNode;
-    /**
-     * Título principal do estado
-     */
     title?: string | ReactNode;
-    /**
-     * Descrição ou texto secundário
-     */
     description?: string | ReactNode;
-    /**
-     * Ação principal (botão customizado)
-     */
     primaryAction?: ReactNode;
-    /**
-     * Ação secundária (botão customizado)
-     */
     secondaryAction?: ReactNode;
-    /**
-     * Texto do botão primário (usado apenas se primaryAction não for fornecido)
-     */
     primaryActionLabel?: string;
-    /**
-     * Texto do botão secundário (usado apenas se secondaryAction não for fornecido)
-     */
     secondaryActionLabel?: string;
-    /**
-     * Callback para ação primária
-     */
     onPrimaryAction?: () => void;
-    /**
-     * Callback para ação secundária
-     */
     onSecondaryAction?: () => void;
-    /**
-     * Props do botão primário
-     */
     primaryActionProps?: ButtonProps;
-    /**
-     * Props do botão secundário
-     */
     secondaryActionProps?: ButtonProps;
-    /**
-     * Variante do estado para aplicar estilos específicos
-     */
     variant?: 'empty' | 'success' | 'error' | 'info' | 'default';
-    /**
-     * Tamanho do ícone
-     */
     iconSize?: number;
-    /**
-     * Largura máxima do conteúdo
-     */
     maxWidth?: number;
 }
 

package/dist/components/SwapList/index.js

@@ -1,5 +1,5 @@
 import { a as a$2 } from '../../chunk-6ZSTKYGL.js';
-import { a } from '../../chunk-OTVEMGF2.js';
+import { a } from '../../chunk-RPPQBAVO.js';
 import { a as a$1 } from '../../chunk-IJZCVZ32.js';
 import '../../chunk-NIQW2J3M.js';
 import { a as a$4 } from '../../chunk-NQNNMRLC.js';

package/dist/components/ToggleTheme/index.js

@@ -1,13 +1,13 @@
 export { a as default } from '../../chunk-VCHDZXTF.js';
 import '../../chunk-UHXAPEIF.js';
-import '../../chunk-VPKUUY5Q.js';
+import '../../chunk-CU7PKEY2.js';
 import '../../chunk-LDGBS7ZI.js';
-import '../../chunk-WUFEPE2G.js';
 import '../../chunk-2WG6OWB4.js';
 import '../../chunk-6W52DPH4.js';
 import '../../chunk-TWSAWMZ3.js';
 import '../../chunk-ROVD7OGE.js';
 import '../../chunk-EQYL7U3J.js';
+import '../../chunk-WUFEPE2G.js';
 import '../../chunk-GLRLKFPS.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/carousel/index.d.ts

@@ -39,9 +39,6 @@ type CarouselDotButtonsProps = Omit<UseCarouselDotsReturn, 'dotCount'> & {
         };
     };
 };
-/**
- * Prev & Next Buttons
- */
 type UseCarouselArrowsReturn = {
     disablePrev: boolean;
     disableNext: boolean;
@@ -67,9 +64,6 @@ type CarouselArrowButtonsProps = UseCarouselArrowsReturn & {
         };
     };
 };
-/**
- * Thumbs
- */
 type UseCarouselThumbsReturn = {
     selectedIndex: number;
     thumbsApi?: EmblaCarouselType;
@@ -95,30 +89,18 @@ type CarouselThumbsProps = {
         disableMask?: boolean;
     };
 };
-/**
- * Progress
- */
 type UseCarouselProgressReturn = {
     value: number;
 };
 type CarouselProgressBarProps = UseCarouselProgressReturn;
-/**
- * Autoplay
- */
 type UseCarouselAutoPlayReturn = {
     isPlaying: boolean;
     onTogglePlay: () => void;
     onClickAutoplay: (callback: () => void) => void;
 };
-/**
- * Slide
- */
 type CarouselSlideProps = {
     options?: Partial<CarouselOptions>;
 };
-/**
- * Carousel
- */
 type CarouselBaseOptions = EmblaOptionsType & {
     slideSpacing?: string;
     parallax?: boolean | number;

package/dist/components/form/Codes/index.d.ts

@@ -6,8 +6,9 @@ import 'react-hook-form';
 type CodesProps = BaseField<TextFieldProps> & {
     keyName: string;
     inputs: string[];
+    autoFocusFirst?: boolean;
 };
 
-declare const Codes: ({ keyName, inputs, rules, tabIndex, ...other }: CodesProps) => react_jsx_runtime.JSX.Element;
+declare const Codes: ({ keyName, inputs, rules, tabIndex, autoFocusFirst, ...other }: CodesProps) => react_jsx_runtime.JSX.Element;
 
 export { Codes as default };

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/form/Codes/index.tsx"],"names":["useRef","Controller","useFormContext","FormHelperText","Stack","TextField","jsx","jsxs","Codes","keyName","inputs","rules","tabIndex","other","codesRef","control","setValue","errors","handlePaste","event","data","input","index","handleChangeWithNextField","handleChange","maxLength","value","name","fieldIndex","fieldIntIndex","nextfield","useEventListener_default","hasCodeNotFilled","field","error","Codes_default"],"mappings":"+CAAA,OAAsC,UAAAA,MAAc,QACpD,OAAS,cAAAC,EAAY,kBAAAC,MAAsB,kBAC3C,OAAOC,MAAoB,+BAC3B,OAAOC,MAAW,sBAClB,OAAOC,MAAe,0BA4DlB,OASU,OAAAC,EATV,QAAAC,MAAA,oBAtDJ,IAAMC,EAAQ,CAAC,CACb,QAAAC,EACA,OAAAC,EAAS,CAAC,EACV,MAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAkB,CAChB,IAAMC,EAAWd,EAAuB,IAAI,EAEtC,CACJ,QAAAe,EACA,SAAAC,EACA,UAAW,CAAE,OAAAC,CAAO,CACtB,EAAIf,EAAe,EAEbgB,EAAeC,GAA0B,CAC7C,IAAMC,EAAOD,EAAM,cAAc,QAAQ,MAAM,EAAE,MAAM,EAAE,EAEzDT,EAAO,IAAI,CAACW,EAAOC,IAAUN,EAASK,EAAOD,EAAKE,CAAK,CAAC,CAAC,EAEzDH,EAAM,eAAe,CACvB,EAEMI,EAA4B,CAChCJ,EACAK,IACG,CACH,GAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,KAAAC,CAAK,EAAIR,EAAM,OAEnCS,EAAaD,EAAK,QAAQlB,EAAS,EAAE,EAErCoB,EAAgB,OAAOD,CAAU,EAEjCE,EAAgC,SAAS,cAC7C,cAAcrB,IAAUoB,EAAgB,IAC1C,EAEIH,EAAM,OAASD,IACjBN,EAAM,OAAO,MAAQO,EAAM,CAAC,GAG1BA,EAAM,QAAUD,GAAaI,EAAgB,GAAKC,IAAc,MACjEA,EAA0B,MAAM,EAGnCN,EAAaL,CAAK,CACpB,EAGAY,EAAiB,QAASb,EAAoBJ,CAAQ,EAEtD,IAAMkB,EAAmBtB,EAAO,KAAKW,GAASJ,EAAOI,CAAK,CAAC,EAE3D,OACEd,EAACH,EAAA,CACC,UAAAE,EAACF,EAAA,CAAM,UAAU,MAAM,QAAS,EAAG,eAAe,SAAS,IAAKU,EAC7D,SAAAJ,EAAO,IAAI,CAACiB,EAAML,IACjBhB,EAACL,EAAA,CAEC,KAAM,GAAGQ,IAAUa,EAAQ,IAC3B,QAASP,EACT,MAAOJ,EACP,OAAQ,CAAC,CAAE,MAAAsB,EAAO,WAAY,CAAE,MAAAC,CAAM,CAAE,IACtC5B,EAACD,EAAA,CACE,GAAGQ,EACH,GAAGoB,EACJ,aAAa,OACb,MAAO,CAAC,CAACC,EACT,UAAWZ,IAAU,EACrB,YAAY,IACZ,SAAWH,GAAyC,CAClDI,EAA0BJ,EAAOc,EAAM,QAAQ,CACjD,EACA,QAASd,GAASA,EAAM,cAAc,OAAO,EAC7C,WAAY,CACV,GAAI,CACF,MAAO,CAAE,GAAI,GAAI,GAAI,EAAG,EACxB,OAAQ,CAAE,GAAI,GAAI,GAAI,EAAG,EACzB,UAAW,CAAE,EAAG,EAAG,UAAW,QAAS,CACzC,CACF,EACA,WAAY,CACV,UAAW,EACX,KAAM,SACN,KAAM,GAAGV,IAAUa,EAAQ,IAC3B,SAAAV,CACF,EACF,GA7BGe,CA+BP,CACD,EACH,EAECK,GACC1B,EAACH,EAAA,CAAe,MAAK,GAAC,GAAI,CAAE,GAAI,CAAE,EAAG,yCAErC,GAEJ,CAEJ,EAEOgC,EAAQ3B","sourcesContent":["import { ChangeEvent, ClipboardEvent, useRef } from 'react';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport Stack from '@mui/material/Stack';\nimport TextField from '@mui/material/TextField';\n\nimport useEventListener from 'hooks/useEventListener';\n\nimport { CodesProps } from './props';\n\nconst Codes = ({\n  keyName,\n  inputs = [],\n  rules,\n  tabIndex,\n  ...other\n}: CodesProps) => {\n  const codesRef = useRef<HTMLDivElement>(null);\n\n  const {\n    control,\n    setValue,\n    formState: { errors },\n  } = useFormContext();\n\n  const handlePaste = (event: ClipboardEvent) => {\n    const data = event.clipboardData.getData('text').split('');\n\n    inputs.map((input, index) => setValue(input, data[index]));\n\n    event.preventDefault();\n  };\n\n  const handleChangeWithNextField = (\n    event: ChangeEvent<HTMLInputElement>,\n    handleChange: (event: ChangeEvent<HTMLInputElement>) => void,\n  ) => {\n    const { maxLength, value, name } = event.target;\n\n    const fieldIndex = name.replace(keyName, '');\n\n    const fieldIntIndex = Number(fieldIndex);\n\n    const nextfield: HTMLElement | null = document.querySelector(\n      `input[name=${keyName}${fieldIntIndex + 1}]`,\n    );\n\n    if (value.length > maxLength) {\n      event.target.value = value[0];\n    }\n\n    if (value.length >= maxLength && fieldIntIndex < 6 && nextfield !== null) {\n      (nextfield as HTMLElement).focus();\n    }\n\n    handleChange(event);\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  useEventListener('paste', handlePaste as any, codesRef);\n\n  const hasCodeNotFilled = inputs.some(input => errors[input]);\n\n  return (\n    <Stack>\n      <Stack direction=\"row\" spacing={2} justifyContent=\"center\" ref={codesRef}>\n        {inputs.map((name, index) => (\n          <Controller\n            key={name}\n            name={`${keyName}${index + 1}`}\n            control={control}\n            rules={rules}\n            render={({ field, fieldState: { error } }) => (\n              <TextField\n                {...other}\n                {...field}\n                autoComplete=\"none\"\n                error={!!error}\n                autoFocus={index === 0}\n                placeholder=\"-\"\n                onChange={(event: ChangeEvent<HTMLInputElement>) => {\n                  handleChangeWithNextField(event, field.onChange);\n                }}\n                onFocus={event => event.currentTarget.select()}\n                InputProps={{\n                  sx: {\n                    width: { xs: 36, sm: 56 },\n                    height: { xs: 36, sm: 56 },\n                    '& input': { p: 0, textAlign: 'center' },\n                  },\n                }}\n                inputProps={{\n                  maxLength: 1,\n                  type: 'number',\n                  name: `${keyName}${index + 1}`,\n                  tabIndex,\n                }}\n              />\n            )}\n          />\n        ))}\n      </Stack>\n\n      {hasCodeNotFilled && (\n        <FormHelperText error sx={{ px: 2 }}>\n          Código é obrigatório\n        </FormHelperText>\n      )}\n    </Stack>\n  );\n};\n\nexport default Codes;\n"]}
+{"version":3,"sources":["../../../../src/components/form/Codes/index.tsx"],"names":["useRef","Controller","useFormContext","FormHelperText","Stack","TextField","jsx","jsxs","Codes","keyName","inputs","rules","tabIndex","autoFocusFirst","other","codesRef","control","setValue","errors","handlePaste","event","data","input","index","handleChangeWithNextField","handleChange","maxLength","value","name","fieldIndex","fieldIntIndex","nextfield","useEventListener_default","hasCodeNotFilled","field","error","Codes_default"],"mappings":"+CAAA,OAAsC,UAAAA,MAAc,QACpD,OAAS,cAAAC,EAAY,kBAAAC,MAAsB,kBAC3C,OAAOC,MAAoB,+BAC3B,OAAOC,MAAW,sBAClB,OAAOC,MAAe,0BA6DlB,OASU,OAAAC,EATV,QAAAC,MAAA,oBAvDJ,IAAMC,EAAQ,CAAC,CACb,QAAAC,EACA,OAAAC,EAAS,CAAC,EACV,MAAAC,EACA,SAAAC,EACA,eAAAC,EAAiB,GACjB,GAAGC,CACL,IAAkB,CAChB,IAAMC,EAAWf,EAAuB,IAAI,EAEtC,CACJ,QAAAgB,EACA,SAAAC,EACA,UAAW,CAAE,OAAAC,CAAO,CACtB,EAAIhB,EAAe,EAEbiB,EAAeC,GAA0B,CAC7C,IAAMC,EAAOD,EAAM,cAAc,QAAQ,MAAM,EAAE,MAAM,EAAE,EAEzDV,EAAO,IAAI,CAACY,EAAOC,IAAUN,EAASK,EAAOD,EAAKE,CAAK,CAAC,CAAC,EAEzDH,EAAM,eAAe,CACvB,EAEMI,EAA4B,CAChCJ,EACAK,IACG,CACH,GAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,KAAAC,CAAK,EAAIR,EAAM,OAEnCS,EAAaD,EAAK,QAAQnB,EAAS,EAAE,EAErCqB,EAAgB,OAAOD,CAAU,EAEjCE,EAAgC,SAAS,cAC7C,cAActB,IAAUqB,EAAgB,IAC1C,EAEIH,EAAM,OAASD,IACjBN,EAAM,OAAO,MAAQO,EAAM,CAAC,GAG1BA,EAAM,QAAUD,GAAaI,EAAgB,GAAKC,IAAc,MACjEA,EAA0B,MAAM,EAGnCN,EAAaL,CAAK,CACpB,EAGAY,EAAiB,QAASb,EAAoBJ,CAAQ,EAEtD,IAAMkB,EAAmBvB,EAAO,KAAKY,GAASJ,EAAOI,CAAK,CAAC,EAE3D,OACEf,EAACH,EAAA,CACC,UAAAE,EAACF,EAAA,CAAM,UAAU,MAAM,QAAS,EAAG,eAAe,SAAS,IAAKW,EAC7D,SAAAL,EAAO,IAAI,CAACkB,EAAML,IACjBjB,EAACL,EAAA,CAEC,KAAM,GAAGQ,IAAUc,EAAQ,IAC3B,QAASP,EACT,MAAOL,EACP,OAAQ,CAAC,CAAE,MAAAuB,EAAO,WAAY,CAAE,MAAAC,CAAM,CAAE,IACtC7B,EAACD,EAAA,CACE,GAAGS,EACH,GAAGoB,EACJ,aAAa,OACb,MAAO,CAAC,CAACC,EACT,UAAWtB,GAAkBU,IAAU,EACvC,YAAY,IACZ,SAAWH,GAAyC,CAClDI,EAA0BJ,EAAOc,EAAM,QAAQ,CACjD,EACA,QAASd,GAASA,EAAM,cAAc,OAAO,EAC7C,WAAY,CACV,GAAI,CACF,MAAO,CAAE,GAAI,GAAI,GAAI,EAAG,EACxB,OAAQ,CAAE,GAAI,GAAI,GAAI,EAAG,EACzB,UAAW,CAAE,EAAG,EAAG,UAAW,QAAS,CACzC,CACF,EACA,WAAY,CACV,UAAW,EACX,KAAM,SACN,KAAM,GAAGX,IAAUc,EAAQ,IAC3B,SAAAX,CACF,EACF,GA7BGgB,CA+BP,CACD,EACH,EAECK,GACC3B,EAACH,EAAA,CAAe,MAAK,GAAC,GAAI,CAAE,GAAI,CAAE,EAAG,yCAErC,GAEJ,CAEJ,EAEOiC,EAAQ5B","sourcesContent":["import { ChangeEvent, ClipboardEvent, useRef } from 'react';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport Stack from '@mui/material/Stack';\nimport TextField from '@mui/material/TextField';\n\nimport useEventListener from 'hooks/useEventListener';\n\nimport { CodesProps } from './props';\n\nconst Codes = ({\n  keyName,\n  inputs = [],\n  rules,\n  tabIndex,\n  autoFocusFirst = false,\n  ...other\n}: CodesProps) => {\n  const codesRef = useRef<HTMLDivElement>(null);\n\n  const {\n    control,\n    setValue,\n    formState: { errors },\n  } = useFormContext();\n\n  const handlePaste = (event: ClipboardEvent) => {\n    const data = event.clipboardData.getData('text').split('');\n\n    inputs.map((input, index) => setValue(input, data[index]));\n\n    event.preventDefault();\n  };\n\n  const handleChangeWithNextField = (\n    event: ChangeEvent<HTMLInputElement>,\n    handleChange: (event: ChangeEvent<HTMLInputElement>) => void,\n  ) => {\n    const { maxLength, value, name } = event.target;\n\n    const fieldIndex = name.replace(keyName, '');\n\n    const fieldIntIndex = Number(fieldIndex);\n\n    const nextfield: HTMLElement | null = document.querySelector(\n      `input[name=${keyName}${fieldIntIndex + 1}]`,\n    );\n\n    if (value.length > maxLength) {\n      event.target.value = value[0];\n    }\n\n    if (value.length >= maxLength && fieldIntIndex < 6 && nextfield !== null) {\n      (nextfield as HTMLElement).focus();\n    }\n\n    handleChange(event);\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  useEventListener('paste', handlePaste as any, codesRef);\n\n  const hasCodeNotFilled = inputs.some(input => errors[input]);\n\n  return (\n    <Stack>\n      <Stack direction=\"row\" spacing={2} justifyContent=\"center\" ref={codesRef}>\n        {inputs.map((name, index) => (\n          <Controller\n            key={name}\n            name={`${keyName}${index + 1}`}\n            control={control}\n            rules={rules}\n            render={({ field, fieldState: { error } }) => (\n              <TextField\n                {...other}\n                {...field}\n                autoComplete=\"none\"\n                error={!!error}\n                autoFocus={autoFocusFirst && index === 0}\n                placeholder=\"-\"\n                onChange={(event: ChangeEvent<HTMLInputElement>) => {\n                  handleChangeWithNextField(event, field.onChange);\n                }}\n                onFocus={event => event.currentTarget.select()}\n                InputProps={{\n                  sx: {\n                    width: { xs: 36, sm: 56 },\n                    height: { xs: 36, sm: 56 },\n                    '& input': { p: 0, textAlign: 'center' },\n                  },\n                }}\n                inputProps={{\n                  maxLength: 1,\n                  type: 'number',\n                  name: `${keyName}${index + 1}`,\n                  tabIndex,\n                }}\n              />\n            )}\n          />\n        ))}\n      </Stack>\n\n      {hasCodeNotFilled && (\n        <FormHelperText error sx={{ px: 2 }}>\n          Código é obrigatório\n        </FormHelperText>\n      )}\n    </Stack>\n  );\n};\n\nexport default Codes;\n"]}