@zydon/common 2.8.61 → 2.8.63

package/dist/components/BuilderLayout/index.js

@@ -5,7 +5,7 @@ import a from '@mui/material/Stack';
 import { styled, alpha } from '@mui/material/styles';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
-var g=60,i=styled(a)(({theme:t})=>({position:"sticky",width:"100%",minHeight:g,top:"var(--sticky-header-height, 64px)",flexDirection:"row",alignItems:"center",justifyContent:"space-between",padding:"0 24px",gap:12,borderBottom:`1px solid ${alpha(t.palette.grey[500],.12)}`,backgroundColor:t.palette.background.paper,zIndex:999,"& .logo svg":{width:24,height:24,color:t.palette.primary.main}})),o=styled(a)({flex:1,background:`linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),
+var g=60,i=styled(a)(({theme:t})=>({position:"sticky",width:"100%",minHeight:g,top:"var(--sticky-header-height, 0px)",flexDirection:"row",alignItems:"center",justifyContent:"space-between",padding:"0 24px",gap:12,borderBottom:`1px solid ${alpha(t.palette.grey[500],.12)}`,backgroundColor:t.palette.background.paper,zIndex:999,"& .logo svg":{width:24,height:24,color:t.palette.primary.main}})),o=styled(a)({flex:1,background:`linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),
   linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),
   var(--dot-color)`});o.defaultProps={style:{"--dot-bg":"#F1F2FD","--dot-color":"#000","--dot-size":"1px","--dot-space":"56px"}};var u=({children:t,header:n,helpLink:s,configButton:c})=>jsxs(Fragment,{children:[jsxs(i,{children:[n,jsxs(a,{direction:"row",alignItems:"center",gap:2,children:[jsx(a$1,{link:s,children:"Ajuda"}),c]})]}),jsx(o,{children:t})]}),H=u;
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/BuilderLayout/index.tsx","../../../src/components/BuilderLayout/styles.ts"],"names":["Stack","alpha","styled","HEADER_HEIGHT","Header","theme","Content","Fragment","jsx","jsxs","BuilderLayout","children","header","helpLink","configButton","HelpButton_default","BuilderLayout_default"],"mappings":"4GACA,OAAOA,MAAW,sBCAlB,OAAOA,MAAW,sBAClB,OAAS,SAAAC,EAAO,UAAAC,MAAc,uBAE9B,IAAMC,EAAgB,GAETC,EAASF,EAAOF,CAAK,EAAE,CAAC,CAAE,MAAAK,CAAM,KAAO,CAClD,SAAU,SACV,MAAO,OACP,UAAWF,EACX,IAAK,oCACL,cAAe,MACf,WAAY,SACZ,eAAgB,gBAChB,QAAS,SACT,IAAK,GACL,aAAc,aAAaF,EAAMI,EAAM,QAAQ,KAAK,GAAG,EAAG,GAAI,IAC9D,gBAAiBA,EAAM,QAAQ,WAAW,MAC1C,OAAQ,IAER,cAAe,CACb,MAAO,GACP,OAAQ,GACR,MAAOA,EAAM,QAAQ,QAAQ,IAC/B,CACF,EAAE,EAEWC,EAAUJ,EAAOF,CAAK,EAAE,CACnC,KAAM,EACN,WAAY;AAAA;AAAA,mBAGd,CAAC,EAEDM,EAAQ,aAAe,CACrB,MAAO,CACL,WAAY,UACZ,cAAe,OACf,aAAc,MACd,cAAe,MACjB,CACF,ED1BI,mBAAAC,EAKM,OAAAC,EADF,QAAAC,MAJJ,oBAPJ,IAAMC,EAAgB,CAAC,CACrB,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,aAAAC,CACF,IAEIL,EAAAF,EAAA,CACE,UAAAE,EAACL,EAAA,CACE,UAAAQ,EAEDH,EAACT,EAAA,CAAM,UAAU,MAAM,WAAW,SAAS,IAAK,EAC9C,UAAAQ,EAACO,EAAA,CAAW,KAAMF,EAAU,iBAAK,EAChCC,GACH,GACF,EAEAN,EAACF,EAAA,CAAS,SAAAK,EAAS,GACrB,EAIGK,EAAQN","sourcesContent":["import { PropsWithChildren } from 'react';\nimport Stack from '@mui/material/Stack';\n\nimport HelpButton from '../HelpButton';\n\nimport { BuilderLayoutProps } from './props';\nimport { Content, Header } from './styles';\n\nconst BuilderLayout = ({\n  children,\n  header,\n  helpLink,\n  configButton,\n}: PropsWithChildren<BuilderLayoutProps>) => {\n  return (\n    <>\n      <Header>\n        {header}\n\n        <Stack direction=\"row\" alignItems=\"center\" gap={2}>\n          <HelpButton link={helpLink}>Ajuda</HelpButton>\n          {configButton}\n        </Stack>\n      </Header>\n\n      <Content>{children}</Content>\n    </>\n  );\n};\n\nexport default BuilderLayout;\n","import { CSSProperties } from 'react';\nimport Stack from '@mui/material/Stack';\nimport { alpha, styled } from '@mui/material/styles';\n\nconst HEADER_HEIGHT = 60;\n\nexport const Header = styled(Stack)(({ theme }) => ({\n  position: 'sticky',\n  width: '100%',\n  minHeight: HEADER_HEIGHT,\n  top: 'var(--sticky-header-height, 64px)',\n  flexDirection: 'row',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  padding: '0 24px',\n  gap: 12,\n  borderBottom: `1px solid ${alpha(theme.palette.grey[500], 0.12)}`,\n  backgroundColor: theme.palette.background.paper,\n  zIndex: 999,\n\n  '& .logo svg': {\n    width: 24,\n    height: 24,\n    color: theme.palette.primary.main,\n  },\n}));\n\nexport const Content = styled(Stack)({\n  flex: 1,\n  background: `linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),\n  linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),\n  var(--dot-color)`,\n});\n\nContent.defaultProps = {\n  style: {\n    '--dot-bg': '#F1F2FD',\n    '--dot-color': '#000',\n    '--dot-size': '1px',\n    '--dot-space': '56px',\n  } as CSSProperties,\n};\n"]}
+{"version":3,"sources":["../../../src/components/BuilderLayout/index.tsx","../../../src/components/BuilderLayout/styles.ts"],"names":["Stack","alpha","styled","HEADER_HEIGHT","Header","theme","Content","Fragment","jsx","jsxs","BuilderLayout","children","header","helpLink","configButton","HelpButton_default","BuilderLayout_default"],"mappings":"4GACA,OAAOA,MAAW,sBCAlB,OAAOA,MAAW,sBAClB,OAAS,SAAAC,EAAO,UAAAC,MAAc,uBAE9B,IAAMC,EAAgB,GAETC,EAASF,EAAOF,CAAK,EAAE,CAAC,CAAE,MAAAK,CAAM,KAAO,CAClD,SAAU,SACV,MAAO,OACP,UAAWF,EACX,IAAK,mCACL,cAAe,MACf,WAAY,SACZ,eAAgB,gBAChB,QAAS,SACT,IAAK,GACL,aAAc,aAAaF,EAAMI,EAAM,QAAQ,KAAK,GAAG,EAAG,GAAI,IAC9D,gBAAiBA,EAAM,QAAQ,WAAW,MAC1C,OAAQ,IAER,cAAe,CACb,MAAO,GACP,OAAQ,GACR,MAAOA,EAAM,QAAQ,QAAQ,IAC/B,CACF,EAAE,EAEWC,EAAUJ,EAAOF,CAAK,EAAE,CACnC,KAAM,EACN,WAAY;AAAA;AAAA,mBAGd,CAAC,EAEDM,EAAQ,aAAe,CACrB,MAAO,CACL,WAAY,UACZ,cAAe,OACf,aAAc,MACd,cAAe,MACjB,CACF,ED1BI,mBAAAC,EAKM,OAAAC,EADF,QAAAC,MAJJ,oBAPJ,IAAMC,EAAgB,CAAC,CACrB,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,aAAAC,CACF,IAEIL,EAAAF,EAAA,CACE,UAAAE,EAACL,EAAA,CACE,UAAAQ,EAEDH,EAACT,EAAA,CAAM,UAAU,MAAM,WAAW,SAAS,IAAK,EAC9C,UAAAQ,EAACO,EAAA,CAAW,KAAMF,EAAU,iBAAK,EAChCC,GACH,GACF,EAEAN,EAACF,EAAA,CAAS,SAAAK,EAAS,GACrB,EAIGK,EAAQN","sourcesContent":["import { PropsWithChildren } from 'react';\nimport Stack from '@mui/material/Stack';\n\nimport HelpButton from '../HelpButton';\n\nimport { BuilderLayoutProps } from './props';\nimport { Content, Header } from './styles';\n\nconst BuilderLayout = ({\n  children,\n  header,\n  helpLink,\n  configButton,\n}: PropsWithChildren<BuilderLayoutProps>) => {\n  return (\n    <>\n      <Header>\n        {header}\n\n        <Stack direction=\"row\" alignItems=\"center\" gap={2}>\n          <HelpButton link={helpLink}>Ajuda</HelpButton>\n          {configButton}\n        </Stack>\n      </Header>\n\n      <Content>{children}</Content>\n    </>\n  );\n};\n\nexport default BuilderLayout;\n","import { CSSProperties } from 'react';\nimport Stack from '@mui/material/Stack';\nimport { alpha, styled } from '@mui/material/styles';\n\nconst HEADER_HEIGHT = 60;\n\nexport const Header = styled(Stack)(({ theme }) => ({\n  position: 'sticky',\n  width: '100%',\n  minHeight: HEADER_HEIGHT,\n  top: 'var(--sticky-header-height, 0px)',\n  flexDirection: 'row',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  padding: '0 24px',\n  gap: 12,\n  borderBottom: `1px solid ${alpha(theme.palette.grey[500], 0.12)}`,\n  backgroundColor: theme.palette.background.paper,\n  zIndex: 999,\n\n  '& .logo svg': {\n    width: 24,\n    height: 24,\n    color: theme.palette.primary.main,\n  },\n}));\n\nexport const Content = styled(Stack)({\n  flex: 1,\n  background: `linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),\n  linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),\n  var(--dot-color)`,\n});\n\nContent.defaultProps = {\n  style: {\n    '--dot-bg': '#F1F2FD',\n    '--dot-color': '#000',\n    '--dot-size': '1px',\n    '--dot-space': '56px',\n  } as CSSProperties,\n};\n"]}

package/dist/components/FrameSkeleton/index.js

@@ -15,7 +15,7 @@ import L from '@mui/material/Button';
 import { styled } from '@mui/material/styles';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var S=styled("aside")(({theme:t})=>({flex:1,maxWidth:300,backgroundColor:t.palette.background.paper,borderRight:`1px solid ${t.palette.divider}`,[t.breakpoints.down("md")]:{display:"none"}})),k=styled(r)({position:"sticky",top:"calc(var(--sticky-header-height, 64px))",height:"calc(100vh - var(--sticky-header-height, 64px))"}),C=styled("nav")({display:"flex",flexDirection:"column"}),v=styled("main")(({theme:t})=>({flex:1,width:"100%",maxWidth:"100%",[t.breakpoints.up("md")]:{"&.with-left-box":{maxWidth:"calc(100% - 300px)"}}})),w=styled(r)(({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}`})),T=styled(L)(({theme:t})=>({height:50,background:"none",fontSize:13,fontWeight:400,justifyContent:"flex-start",padding:t.spacing(1,4),color:t.palette.text.secondary,borderRadius:0,gap:4,"&:hover":{backgroundColor:"transparent"},"& .required":{color:t.palette.error.main},"&:before":{content:'""',position:"absolute",top:0,left:t.spacing(2),height:0,width:`calc(100% - ${t.spacing(4)})`,borderBottom:`1px dashed ${t.palette.divider}`}})),p=styled(r)(({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(r)(({theme:t})=>({flex:1,width:"100%",padding:24,gap:24,alignItems:"center",overflow:"hidden",[t.breakpoints.down("md")]:{padding:"24px 16px"}})),d=styled("section")(({theme:t})=>({alignItems:"start",width:"100%",maxWidth:900,[t.breakpoints.down("md")]:{maxWidth:"100%"}})),I=styled(a)(({theme:t})=>({width:"100%",borderRadius:12,gap:12,[t.breakpoints.down("md")]:{padding:"24px 16px"}})),B=styled(c)(({theme:t})=>({color:t.palette.text.primary,fontSize:18,fontWeight:900,fontFamily:t.typography.fontFamily,margin:0,lineHeight:1.5})),R=styled(c)(({theme:t})=>({color:t.palette.text.secondary,fontSize:14,fontWeight:400,paddingBottom:24}));var j=({title:t,subtitle:s,children:N,sections:f,headerLeftContent:P,headerRightContent:H,showLeftContent:m=!0,onClickBack:z})=>(a$1(!0),jsxs(r,{id:"frame-skeleton",className:"frame-skeleton",direction:"row",flex:1,children:[m&&jsx(S,{id:"frame-skeleton-left-box",children:jsx(k,{children:jsx(a$2,{fillContent:!0,"aria-label":"Acesso r\xE1pido",children:jsxs(r,{gap:1.5,children:[jsx(c,{variant:"overline",color:"text.disabled",fontWeight:700,pt:3,px:4,pb:0,children:"Acesso r\xE1pido"}),jsx(C,{children:f.map(o=>jsxs(T,{onClick:()=>{o.ref.current&&o.ref.current.scrollIntoView({block:"center",behavior:"smooth"});},children:[o.title,o.isRequired&&jsx("span",{className:"required","aria-label":"Se\xE7\xE3o obrigat\xF3ria",children:"*"})]},o.title))})]})})})}),jsxs(v,{className:m?"with-left-box":"",children:[jsxs(w,{children:[jsx($,{color:"inherit",onClick:()=>z(),"data-testid":"backToPreviousPage","aria-label":"Voltar",children:jsx(a$3,{icon:"CHEVRON_LEFT"})}),jsxs(r,{overflow:"hidden",children:[jsx(c,{variant:"subtitle1",noWrap:!0,component:"h1",children:t}),s&&jsx(c,{variant:"caption",color:"text.secondary",noWrap:!0,component:"div",children:s})]}),jsx(p,{className:"header-left-content",children:P}),jsx(p,{justifyContent:"flex-end",color:"text.secondary",children:H})]}),jsxs(W,{children:[jsx(d,{children:N}),f.map((o,F)=>{let a=o.id||`section-${F}`,x=`${a}-title`;return jsxs(d,{id:a,role:"region","aria-labelledby":x,children:[o.title&&jsx(B,{component:"h2",id:x,ref:o.ref,children:o.title}),o.subTitle&&jsx(R,{children:o.subTitle}),jsx(I,{...o.sectionContentProps,children:o.child})]},o.title||a)})]})]})]})),Y=j;
+var S=styled("aside")(({theme:t})=>({flex:1,maxWidth:300,backgroundColor:t.palette.background.paper,borderRight:`1px solid ${t.palette.divider}`,[t.breakpoints.down("md")]:{display:"none"}})),k=styled(r)({position:"sticky",top:"calc(var(--sticky-header-height, 0px))",height:"calc(100vh - var(--sticky-header-height, 0px))"}),C=styled("nav")({display:"flex",flexDirection:"column"}),v=styled("main")(({theme:t})=>({flex:1,width:"100%",maxWidth:"100%",[t.breakpoints.up("md")]:{"&.with-left-box":{maxWidth:"calc(100% - 300px)"}}})),w=styled(r)(({theme:t})=>({position:"sticky",top:"var(--sticky-header-height, 0px)",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}`})),T=styled(L)(({theme:t})=>({height:50,background:"none",fontSize:13,fontWeight:400,justifyContent:"flex-start",padding:t.spacing(1,4),color:t.palette.text.secondary,borderRadius:0,gap:4,"&:hover":{backgroundColor:"transparent"},"& .required":{color:t.palette.error.main},"&:before":{content:'""',position:"absolute",top:0,left:t.spacing(2),height:0,width:`calc(100% - ${t.spacing(4)})`,borderBottom:`1px dashed ${t.palette.divider}`}})),p=styled(r)(({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(r)(({theme:t})=>({flex:1,width:"100%",padding:24,gap:24,alignItems:"center",overflow:"hidden",[t.breakpoints.down("md")]:{padding:"24px 16px"}})),d=styled("section")(({theme:t})=>({alignItems:"start",width:"100%",maxWidth:900,[t.breakpoints.down("md")]:{maxWidth:"100%"}})),I=styled(a)(({theme:t})=>({width:"100%",borderRadius:12,gap:12,[t.breakpoints.down("md")]:{padding:"24px 16px"}})),B=styled(c)(({theme:t})=>({color:t.palette.text.primary,fontSize:18,fontWeight:900,fontFamily:t.typography.fontFamily,margin:0,lineHeight:1.5})),R=styled(c)(({theme:t})=>({color:t.palette.text.secondary,fontSize:14,fontWeight:400,paddingBottom:24}));var j=({title:t,subtitle:s,children:N,sections:f,headerLeftContent:P,headerRightContent:H,showLeftContent:m=!0,onClickBack:z})=>(a$1(!0),jsxs(r,{id:"frame-skeleton",className:"frame-skeleton",direction:"row",flex:1,children:[m&&jsx(S,{id:"frame-skeleton-left-box",children:jsx(k,{children:jsx(a$2,{fillContent:!0,"aria-label":"Acesso r\xE1pido",children:jsxs(r,{gap:1.5,children:[jsx(c,{variant:"overline",color:"text.disabled",fontWeight:700,pt:3,px:4,pb:0,children:"Acesso r\xE1pido"}),jsx(C,{children:f.map(o=>jsxs(T,{onClick:()=>{o.ref.current&&o.ref.current.scrollIntoView({block:"center",behavior:"smooth"});},children:[o.title,o.isRequired&&jsx("span",{className:"required","aria-label":"Se\xE7\xE3o obrigat\xF3ria",children:"*"})]},o.title))})]})})})}),jsxs(v,{className:m?"with-left-box":"",children:[jsxs(w,{children:[jsx($,{color:"inherit",onClick:()=>z(),"data-testid":"backToPreviousPage","aria-label":"Voltar",children:jsx(a$3,{icon:"CHEVRON_LEFT"})}),jsxs(r,{overflow:"hidden",children:[jsx(c,{variant:"subtitle1",noWrap:!0,component:"h1",children:t}),s&&jsx(c,{variant:"caption",color:"text.secondary",noWrap:!0,component:"div",children:s})]}),jsx(p,{className:"header-left-content",children:P}),jsx(p,{justifyContent:"flex-end",color:"text.secondary",children:H})]}),jsxs(W,{children:[jsx(d,{children:N}),f.map((o,F)=>{let a=o.id||`section-${F}`,x=`${a}-title`;return jsxs(d,{id:a,role:"region","aria-labelledby":x,children:[o.title&&jsx(B,{component:"h2",id:x,ref:o.ref,children:o.title}),o.subTitle&&jsx(R,{children:o.subTitle}),jsx(I,{...o.sectionContentProps,children:o.child})]},o.title||a)})]})]})]})),Y=j;
 
 export { Y as default };
 //# sourceMappingURL=index.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","Nav","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","titleId","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  Nav,\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\n      id=\"frame-skeleton\"\n      className=\"frame-skeleton\"\n      direction=\"row\"\n      flex={1}\n    >\n      {showLeftContent && (\n        <Sidebar id=\"frame-skeleton-left-box\">\n          <SidebarContent>\n            <Scrollbar fillContent aria-label=\"Acesso rápido\">\n              <Stack gap={1.5}>\n                <Typography\n                  variant=\"overline\"\n                  color=\"text.disabled\"\n                  fontWeight={700}\n                  pt={3}\n                  px={4}\n                  pb={0}\n                >\n                  Acesso rápido\n                </Typography>\n\n                <Nav>\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\n                          className=\"required\"\n                          aria-label=\"Seção obrigatória\"\n                        >\n                          *\n                        </span>\n                      )}\n                    </SectionLink>\n                  ))}\n                </Nav>\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=\"h1\">\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            const titleId = `${id}-title`;\n            return (\n              <Section\n                key={section.title || id}\n                id={id}\n                role=\"region\"\n                aria-labelledby={titleId}\n              >\n                {section.title && (\n                  <SectionTitle\n                    component=\"h2\"\n                    id={titleId}\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, { TypographyProps } from '@mui/material/Typography';\n\nimport Panel from 'components/Panel';\n\nexport const Sidebar = styled('aside')(({ theme }) => ({\n  flex: 1,\n  maxWidth: 300,\n  backgroundColor: theme.palette.background.paper,\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 Nav = styled('nav')({\n  display: 'flex',\n  flexDirection: 'column',\n});\n\nexport const Content = styled('main')(({ 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: theme.spacing(1, 4),\n  color: theme.palette.text.secondary,\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  '&:before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    left: theme.spacing(2),\n    height: 0,\n    width: `calc(100% - ${theme.spacing(4)})`,\n    borderBottom: `1px dashed ${theme.palette.divider}`,\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('section')(({ 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)<TypographyProps>(\n  ({ theme }) => ({\n    color: theme.palette.text.primary,\n    fontSize: 18,\n    fontWeight: 900,\n    fontFamily: theme.typography.fontFamily,\n    margin: 0,\n    lineHeight: 1.5,\n  }),\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","Nav","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","titleId","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  Nav,\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\n      id=\"frame-skeleton\"\n      className=\"frame-skeleton\"\n      direction=\"row\"\n      flex={1}\n    >\n      {showLeftContent && (\n        <Sidebar id=\"frame-skeleton-left-box\">\n          <SidebarContent>\n            <Scrollbar fillContent aria-label=\"Acesso rápido\">\n              <Stack gap={1.5}>\n                <Typography\n                  variant=\"overline\"\n                  color=\"text.disabled\"\n                  fontWeight={700}\n                  pt={3}\n                  px={4}\n                  pb={0}\n                >\n                  Acesso rápido\n                </Typography>\n\n                <Nav>\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\n                          className=\"required\"\n                          aria-label=\"Seção obrigatória\"\n                        >\n                          *\n                        </span>\n                      )}\n                    </SectionLink>\n                  ))}\n                </Nav>\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=\"h1\">\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            const titleId = `${id}-title`;\n            return (\n              <Section\n                key={section.title || id}\n                id={id}\n                role=\"region\"\n                aria-labelledby={titleId}\n              >\n                {section.title && (\n                  <SectionTitle\n                    component=\"h2\"\n                    id={titleId}\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, { TypographyProps } from '@mui/material/Typography';\n\nimport Panel from 'components/Panel';\n\nexport const Sidebar = styled('aside')(({ theme }) => ({\n  flex: 1,\n  maxWidth: 300,\n  backgroundColor: theme.palette.background.paper,\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, 0px))',\n  height: 'calc(100vh - var(--sticky-header-height, 0px))',\n});\n\nexport const Nav = styled('nav')({\n  display: 'flex',\n  flexDirection: 'column',\n});\n\nexport const Content = styled('main')(({ 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, 0px)',\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: theme.spacing(1, 4),\n  color: theme.palette.text.secondary,\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  '&:before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    left: theme.spacing(2),\n    height: 0,\n    width: `calc(100% - ${theme.spacing(4)})`,\n    borderBottom: `1px dashed ${theme.palette.divider}`,\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('section')(({ 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)<TypographyProps>(\n  ({ theme }) => ({\n    color: theme.palette.text.primary,\n    fontSize: 18,\n    fontWeight: 900,\n    fontFamily: theme.typography.fontFamily,\n    margin: 0,\n    lineHeight: 1.5,\n  }),\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/layouts/Admin/index.js

@@ -1,16 +1,16 @@
 import { a } from '../../chunk-F65ZXAGV.js';
 import { styled, useTheme } from '@mui/material/styles';
-import z from '@mui/material/Stack';
+import I from '@mui/material/Stack';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import L from '@mui/material/Box';
-import V from '@mui/material/Container';
-import O from '@mui/material/Toolbar';
-import E from '@mui/material/AppBar';
-import Y from '@mui/material/SvgIcon';
-import K from '@mui/material/IconButton';
-import rt from '@mui/material/GlobalStyles';
+import z from '@mui/material/Box';
+import R from '@mui/material/Container';
+import G from '@mui/material/Toolbar';
+import D from '@mui/material/AppBar';
+import J from '@mui/material/SvgIcon';
+import q from '@mui/material/IconButton';
+import j from '@mui/material/GlobalStyles';
 
-var R=({children:t,isNavHorizontal:o,sx:r,...e})=>jsx(z,{component:"main",flex:"1 1 auto",bgcolor:"grey.100",sx:{...o&&{"--layout-dashboard-content-pt":"40px"},...r},...e,children:t}),b=R;var s={root:"layout__root",main:"layout__main",header:"layout__header",content:"layout__main__content",hasSidebar:"layout__has__sidebar"};var k=styled("span")(({theme:t})=>({width:1,height:10,flexShrink:0,display:"none",position:"relative",alignItems:"center",flexDirection:"column",marginLeft:t.spacing(2.5),marginRight:t.spacing(2.5),backgroundColor:"currentColor","&::before, &::after":{top:-5,width:3,height:3,content:'""',flexShrink:0,borderRadius:"50%",position:"absolute",backgroundColor:"currentColor"},"&::after":{bottom:-5,top:"auto"}})),S=styled(E)(({theme:t})=>({zIndex:"var(--layout-header-zIndex)",backgroundColor:t.palette.background.paper,"&::before":{content:'""',position:"absolute",bottom:0,left:0,width:"100%",height:"1px",backgroundColor:t.palette.divider,zIndex:1}}));var q=({sx:t,slots:o,slotProps:r,layoutQuery:e="md",...i})=>{let a=useTheme(),n={default:{minHeight:"auto",height:"var(--layout-header-mobile-height)",backgroundColor:a.palette.background.paper,transition:a.transitions.create(["height","background-color"],{easing:a.transitions.easing.easeInOut,duration:a.transitions.duration.shorter}),[a.breakpoints.up("sm")]:{minHeight:"auto"},[a.breakpoints.up(e)]:{height:"var(--layout-header-desktop-height)"}}};return jsxs(S,{position:"sticky",sx:t,...i,children:[o?.topArea,(o?.leftArea||o?.centerArea||o?.rightArea)&&jsx(O,{disableGutters:!0,...r?.toolbar,sx:{...n.default,...r?.toolbar?.sx,maxHeight:64},children:jsxs(V,{...r?.container,sx:{height:1,display:"flex",alignItems:"center",...r?.container?.sx},children:[o?.leftArea,jsx(L,{sx:{display:"flex",flex:"1 1 auto",justifyContent:"center"},children:o?.centerArea}),o?.rightArea]})}),o?.bottomArea]})},B=q;var J=({sx:t,slots:o,slotProps:r,layoutQuery:e,...i})=>jsx(B,{sx:t,layoutQuery:e,slots:{...o,leftAreaStart:o?.leftAreaStart,leftArea:jsxs(Fragment,{children:[o?.leftAreaStart,jsx(k,{"data-slot":"divider"}),o?.leftAreaEnd]}),rightArea:jsxs(Fragment,{children:[o?.rightAreaStart,o?.rightAreaEnd]}),centerArea:o?.centerArea},slotProps:r,...i}),_=J;var M=styled(K,{shouldForwardProp:t=>t!=="isNavMini"})(({theme:t,isNavMini:o})=>({padding:8,top:15,position:"fixed",color:t.palette.action.active,backgroundColor:t.palette.background.paper,transform:"translateX(-50%)",zIndex:"var(--layout-nav-zIndex)",left:o?"var(--layout-nav-mini-width)":"var(--layout-nav-vertical-width)",border:`1px solid ${t.palette.divider}`,transition:t.transitions.create(["left"],{easing:"var(--layout-transition-easing)",duration:"var(--layout-transition-duration)"}),"&:hover":{color:t.palette.text.primary,backgroundColor:t.palette.background.neutral}}));var Z=({isNavMini:t,...o})=>jsx(M,{size:"small",isNavMini:t,...o,children:jsx(Y,{sx:{width:16,height:16,...t&&{transform:"scaleX(-1)"}},children:jsx("path",{fill:"currentColor",d:"M13.83 19a1 1 0 0 1-.78-.37l-4.83-6a1 1 0 0 1 0-1.27l5-6a1 1 0 0 1 1.54 1.28L10.29 12l4.32 5.36a1 1 0 0 1-.78 1.64"})})}),N=Z;styled(z)({padding:"12px 16px 24px",svg:{width:125}});styled(z)({padding:"12px 24px 24px",alignItems:"center",justifyContent:"center",svg:{width:32,height:32}});var H=styled(L,{shouldForwardProp:t=>t!=="isNavMini"&&t!=="layoutQuery"})(({theme:t,isNavMini:o,layoutQuery:r})=>({top:0,left:0,height:"100%",display:"none",position:"fixed",flexDirection:"column",backgroundColor:t.palette.background.paper,zIndex:"var(--layout-nav-zIndex)",width:o?"var(--layout-nav-mini-width)":"var(--layout-nav-vertical-width)",borderRight:`1px solid ${t.palette.divider}`,transition:t.transitions.create(["width"],{easing:"var(--layout-transition-easing)",duration:"var(--layout-transition-duration)"}),[t.breakpoints.up(r)]:{display:"flex"}}));var ot=({slots:t,isNavMini:o,layoutQuery:r,onToggleNav:e,children:i})=>{let a$1=useTheme(),n=jsxs(Fragment,{children:[t?.topArea,jsx(a,{fillContent:!0,sx:{p:2},children:i}),t?.bottomArea]}),m=jsxs(Fragment,{children:[t?.topArea,jsx(a,{fillContent:!0,sx:{p:2},children:i}),t?.bottomArea]});return jsxs(H,{isNavMini:o,layoutQuery:r,children:[jsx(N,{isNavMini:o,onClick:e,sx:{display:"none",[a$1.breakpoints.up(r)]:{display:"inline-flex"}}}),o?m:n]})},W=ot;var at=({sx:t,cssVars:o,children:r,footerSection:e,headerSection:i,sidebarSection:a})=>jsxs(Fragment,{children:[jsx(rt,{styles:{body:{"--layout-nav-zIndex":1101,"--layout-nav-mobile-width":"320px","--layout-header-blur":"8px","--layout-header-zIndex":1100,"--layout-header-mobile-height":"64px","--layout-header-desktop-height":"72px",...o}}}),jsx(L,{id:"root__layout",sx:t,children:a?jsxs(Fragment,{children:[a,jsxs(L,{display:"flex",flex:"1 1 auto",flexDirection:"column",className:s.hasSidebar,children:[i,r,e]})]}):jsxs(Fragment,{children:[i,r,e]})})]}),D=at;var it=({children:t,footerContent:o,headerProps:r,sidebarContent:e,sidebarProps:i,isNavMini:a,onToggleNavMini:n,mainProps:m})=>{let l=useTheme(),p="lg";return jsx(D,{headerSection:jsx(_,{layoutQuery:p,slotProps:{toolbar:{sx:{['& [data-area="right"]']:{gap:{xs:0,sm:.75}}}},container:{maxWidth:!1,sx:{px:{[p]:5}}}},slots:r?.slots}),sidebarSection:jsx(W,{isNavMini:a,layoutQuery:p,onToggleNav:n,slots:i?.slots,children:e}),footerSection:o,cssVars:{"--layout-transition-easing":"linear","--layout-transition-duration":"120ms","--layout-nav-mini-width":"88px","--layout-nav-vertical-width":"300px","--layout-nav-horizontal-height":"64px","--layout-dashboard-content-pt":l.spacing(1),"--layout-dashboard-content-pb":l.spacing(8),"--layout-dashboard-content-px":l.spacing(5)},sx:{[`& .${s.hasSidebar}`]:{[l.breakpoints.up(p)]:{transition:l.transitions.create(["padding-left"],{easing:"var(--layout-transition-easing)",duration:"var(--layout-transition-duration)"}),pl:a?"var(--layout-nav-mini-width)":"var(--layout-nav-vertical-width)"}}},children:jsx(b,{isNavHorizontal:!1,...m,children:t})})},oo=it;
+var L=({children:o,isNavHorizontal:t,sx:r,...e})=>jsx(I,{component:"main",flex:"1 1 auto",bgcolor:"grey.100",sx:{...t&&{"--layout-dashboard-content-pt":"40px"},...r},...e,children:o}),b=L;var s={root:"layout__root",main:"layout__main",header:"layout__header",content:"layout__main__content",hasSidebar:"layout__has__sidebar"};styled("span")(({theme:o})=>({width:1,height:10,flexShrink:0,display:"none",position:"relative",alignItems:"center",flexDirection:"column",marginLeft:o.spacing(2.5),marginRight:o.spacing(2.5),backgroundColor:"currentColor","&::before, &::after":{top:-5,width:3,height:3,content:'""',flexShrink:0,borderRadius:"50%",position:"absolute",backgroundColor:"currentColor"},"&::after":{bottom:-5,top:"auto"}}));var k=styled(D)(({theme:o})=>({zIndex:"var(--layout-header-zIndex)",backgroundColor:o.palette.background.paper,"&::before":{content:'""',position:"absolute",bottom:0,left:0,width:"100%",height:"1px",backgroundColor:o.palette.divider,zIndex:1}}));var V=({sx:o,slots:t,slotProps:r,layoutQuery:e="md",...i})=>{let a=useTheme(),n={default:{minHeight:"auto",height:"var(--layout-header-mobile-height)",backgroundColor:a.palette.background.paper,transition:a.transitions.create(["height","background-color"],{easing:a.transitions.easing.easeInOut,duration:a.transitions.duration.shorter}),[a.breakpoints.up("sm")]:{minHeight:"auto"},[a.breakpoints.up(e)]:{height:"var(--layout-header-desktop-height)"}}};return jsxs(k,{position:"sticky",sx:o,...i,children:[t?.topArea,(t?.leftArea||t?.centerArea||t?.rightArea)&&jsx(G,{disableGutters:!0,...r?.toolbar,sx:{...n.default,...r?.toolbar?.sx,maxHeight:64},children:jsxs(R,{...r?.container,sx:{height:1,display:"flex",alignItems:"center",...r?.container?.sx},children:[t?.leftArea,jsx(z,{sx:{display:"flex",flex:"1 1 auto",justifyContent:"center"},children:t?.centerArea}),t?.rightArea]})}),t?.bottomArea]})},B=V;var X=({sx:o,slots:t,slotProps:r,layoutQuery:e,...i})=>jsx(B,{sx:o,layoutQuery:e,slots:{...t},slotProps:r,...i}),w=X;var A=styled(q,{shouldForwardProp:o=>o!=="isNavMini"})(({theme:o,isNavMini:t})=>({padding:8,top:15,position:"fixed",color:o.palette.action.active,backgroundColor:o.palette.background.paper,transform:"translateX(-50%)",zIndex:"var(--layout-nav-zIndex)",left:t?"var(--layout-nav-mini-width)":"var(--layout-nav-vertical-width)",border:`1px solid ${o.palette.divider}`,transition:o.transitions.create(["left"],{easing:"var(--layout-transition-easing)",duration:"var(--layout-transition-duration)"}),"&:hover":{color:o.palette.text.primary,backgroundColor:o.palette.background.neutral}}));var K=({isNavMini:o,...t})=>jsx(A,{size:"small",isNavMini:o,...t,children:jsx(J,{sx:{width:16,height:16,...o&&{transform:"scaleX(-1)"}},children:jsx("path",{fill:"currentColor",d:"M13.83 19a1 1 0 0 1-.78-.37l-4.83-6a1 1 0 0 1 0-1.27l5-6a1 1 0 0 1 1.54 1.28L10.29 12l4.32 5.36a1 1 0 0 1-.78 1.64"})})}),P=K;styled(I)({padding:"12px 16px 24px",svg:{width:125}});styled(I)({padding:"12px 24px 24px",alignItems:"center",justifyContent:"center",svg:{width:32,height:32}});var _=styled(z,{shouldForwardProp:o=>o!=="isNavMini"&&o!=="layoutQuery"})(({theme:o,isNavMini:t,layoutQuery:r})=>({top:0,left:0,height:"100%",display:"none",position:"fixed",flexDirection:"column",backgroundColor:o.palette.background.paper,zIndex:"var(--layout-nav-zIndex)",width:t?"var(--layout-nav-mini-width)":"var(--layout-nav-vertical-width)",borderRight:`1px solid ${o.palette.divider}`,transition:o.transitions.create(["width"],{easing:"var(--layout-transition-easing)",duration:"var(--layout-transition-duration)"}),[o.breakpoints.up(r)]:{display:"flex"}}));var Z=({slots:o,isNavMini:t,layoutQuery:r,onToggleNav:e,children:i})=>{let a$1=useTheme(),n=jsxs(Fragment,{children:[o?.topArea,jsx(a,{fillContent:!0,sx:{p:2},children:i}),o?.bottomArea]}),m=jsxs(Fragment,{children:[o?.topArea,jsx(a,{fillContent:!0,sx:{p:2},children:i}),o?.bottomArea]});return jsxs(_,{isNavMini:t,layoutQuery:r,children:[jsx(P,{isNavMini:t,onClick:e,sx:{display:"none",[a$1.breakpoints.up(r)]:{display:"inline-flex"}}}),t?m:n]})},N=Z;var oo=({sx:o,cssVars:t,children:r,footerSection:e,headerSection:i,sidebarSection:a})=>jsxs(Fragment,{children:[jsx(j,{styles:{body:{"--layout-nav-zIndex":1101,"--layout-nav-mobile-width":"320px","--layout-header-blur":"8px","--layout-header-zIndex":1100,"--layout-header-mobile-height":"64px","--layout-header-desktop-height":"72px",...t}}}),jsx(z,{id:"root__layout",sx:o,children:a?jsxs(Fragment,{children:[a,jsxs(z,{display:"flex",flex:"1 1 auto",flexDirection:"column",className:s.hasSidebar,children:[i,r,e]})]}):jsxs(Fragment,{children:[i,r,e]})})]}),T=oo;var ro=({children:o,footerContent:t,headerProps:r,sidebarContent:e,sidebarProps:i,isNavMini:a,onToggleNavMini:n,mainProps:m})=>{let l=useTheme(),p="lg";return jsx(T,{headerSection:jsx(w,{layoutQuery:p,slotProps:{toolbar:{sx:{['& [data-area="right"]']:{gap:{xs:0,sm:.75}}}},container:{maxWidth:!1,sx:{px:{[p]:5}}}},slots:r?.slots}),sidebarSection:jsx(N,{isNavMini:a,layoutQuery:p,onToggleNav:n,slots:i?.slots,children:e}),footerSection:t,cssVars:{"--layout-transition-easing":"linear","--layout-transition-duration":"120ms","--layout-nav-mini-width":"88px","--layout-nav-vertical-width":"300px","--layout-nav-horizontal-height":"64px","--layout-dashboard-content-pt":l.spacing(1),"--layout-dashboard-content-pb":l.spacing(8),"--layout-dashboard-content-px":l.spacing(5)},sx:{[`& .${s.hasSidebar}`]:{[l.breakpoints.up(p)]:{transition:l.transitions.create(["padding-left"],{easing:"var(--layout-transition-easing)",duration:"var(--layout-transition-duration)"}),pl:a?"var(--layout-nav-mini-width)":"var(--layout-nav-vertical-width)"}}},children:jsx(b,{isNavHorizontal:!1,...m,children:o})})},jo=ro;
 
-export { oo as default };
+export { jo as default };
 //# sourceMappingURL=index.js.map

package/dist/layouts/Admin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/layouts/Admin/index.tsx","../../../src/layouts/Admin/Wrapper/Main.tsx","../../../src/layouts/Admin/classes.ts","../../../src/layouts/Admin/Header/HeaderSection.tsx","../../../src/layouts/Admin/Header/styles.ts","../../../src/layouts/Admin/Header/index.tsx","../../../src/layouts/Admin/Sidebar/index.tsx","../../../src/layouts/Admin/NavToggleButton/index.tsx","../../../src/layouts/Admin/NavToggleButton/styles.ts","../../../src/layouts/Admin/Sidebar/styles.ts","../../../src/layouts/Admin/Wrapper/index.tsx"],"names":["useTheme","Stack","jsx","Main","children","isNavHorizontal","sx","other","Main_default","layoutClasses","Box","Container","Toolbar","MuiAppBar","styled","StyledDivider","theme","AppBar","jsxs","HeaderSection","slots","slotProps","layoutQuery","toolbarStyles","HeaderSection_default","Fragment","Header","Header_default","SvgIcon","IconButton","Button","prop","isNavMini","NavToggleButton","NavToggleButton_default","LogoFull","LogoMini","Sidebar","onToggleNav","renderNavVertical","Scrollbar_default","renderNavMini","Sidebar_default","GlobalStyles","Wrapper","cssVars","footerSection","headerSection","sidebarSection","Wrapper_default","Admin","footerContent","headerProps","sidebarContent","sidebarProps","onToggleNavMini","mainProps","Admin_default"],"mappings":"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","sourcesContent":["import { PropsWithChildren } from 'react';\nimport type { Breakpoint } from '@mui/material/styles';\nimport { useTheme } from '@mui/material/styles';\n\nimport Main from './Wrapper/Main';\nimport { layoutClasses } from './classes';\nimport Header from './Header';\nimport { AdminProps } from './props';\nimport Sidebar from './Sidebar';\nimport Wrapper from './Wrapper';\n\nconst Admin = ({\n  children,\n  footerContent,\n  headerProps,\n  sidebarContent,\n  sidebarProps,\n  isNavMini,\n  onToggleNavMini,\n  mainProps,\n}: PropsWithChildren<AdminProps>) => {\n  const theme = useTheme();\n\n  const layoutQuery: Breakpoint = 'lg';\n\n  return (\n    <Wrapper\n      headerSection={\n        <Header\n          layoutQuery={layoutQuery}\n          slotProps={{\n            toolbar: {\n              sx: {\n                ['& [data-area=\"right\"]']: {\n                  gap: { xs: 0, sm: 0.75 },\n                },\n              },\n            },\n            container: {\n              maxWidth: false,\n              sx: {\n                px: { [layoutQuery]: 5 },\n              },\n            },\n          }}\n          slots={headerProps?.slots}\n        />\n      }\n      sidebarSection={\n        <Sidebar\n          isNavMini={isNavMini}\n          layoutQuery={layoutQuery}\n          onToggleNav={onToggleNavMini}\n          slots={sidebarProps?.slots}\n        >\n          {sidebarContent}\n        </Sidebar>\n      }\n      footerSection={footerContent}\n      cssVars={{\n        '--layout-transition-easing': 'linear',\n        '--layout-transition-duration': '120ms',\n        '--layout-nav-mini-width': '88px',\n        '--layout-nav-vertical-width': '300px',\n        '--layout-nav-horizontal-height': '64px',\n        '--layout-dashboard-content-pt': theme.spacing(1),\n        '--layout-dashboard-content-pb': theme.spacing(8),\n        '--layout-dashboard-content-px': theme.spacing(5),\n      }}\n      sx={{\n        [`& .${layoutClasses.hasSidebar}`]: {\n          [theme.breakpoints.up(layoutQuery)]: {\n            transition: theme.transitions.create(['padding-left'], {\n              easing: 'var(--layout-transition-easing)',\n              duration: 'var(--layout-transition-duration)',\n            }),\n            pl: isNavMini\n              ? 'var(--layout-nav-mini-width)'\n              : 'var(--layout-nav-vertical-width)',\n          },\n        },\n      }}\n    >\n      <Main isNavHorizontal={false} {...mainProps}>\n        {children}\n      </Main>\n    </Wrapper>\n  );\n};\n\nexport default Admin;\n","import Stack from '@mui/material/Stack';\n\nimport { MainProps } from './props';\n\nconst Main = ({ children, isNavHorizontal, sx, ...other }: MainProps) => {\n  return (\n    <Stack\n      component=\"main\"\n      flex=\"1 1 auto\"\n      bgcolor=\"grey.100\"\n      sx={{\n        ...(isNavHorizontal && {\n          '--layout-dashboard-content-pt': '40px',\n        }),\n        ...sx,\n      }}\n      {...other}\n    >\n      {children}\n    </Stack>\n  );\n};\n\nexport default Main;\n","export const layoutClasses = {\n  root: 'layout__root',\n  main: 'layout__main',\n  header: 'layout__header',\n  content: 'layout__main__content',\n  hasSidebar: 'layout__has__sidebar',\n};\n","import Box from '@mui/material/Box';\nimport Container from '@mui/material/Container';\nimport { useTheme } from '@mui/material/styles';\nimport Toolbar from '@mui/material/Toolbar';\n\nimport { HeaderSectionProps } from './props';\nimport { AppBar } from './styles';\n\nconst HeaderSection = ({\n  sx,\n  slots,\n  slotProps,\n  layoutQuery = 'md',\n  ...other\n}: HeaderSectionProps) => {\n  const theme = useTheme();\n\n  const toolbarStyles = {\n    default: {\n      minHeight: 'auto',\n      height: 'var(--layout-header-mobile-height)',\n      backgroundColor: theme.palette.background.paper,\n      transition: theme.transitions.create(['height', 'background-color'], {\n        easing: theme.transitions.easing.easeInOut,\n        duration: theme.transitions.duration.shorter,\n      }),\n      [theme.breakpoints.up('sm')]: {\n        minHeight: 'auto',\n      },\n      [theme.breakpoints.up(layoutQuery)]: {\n        height: 'var(--layout-header-desktop-height)',\n      },\n    },\n  };\n\n  return (\n    <AppBar position=\"sticky\" sx={sx} {...other}>\n      {slots?.topArea}\n\n      {(slots?.leftArea || slots?.centerArea || slots?.rightArea) && (\n        <Toolbar\n          disableGutters\n          {...slotProps?.toolbar}\n          sx={{\n            ...toolbarStyles.default,\n            ...slotProps?.toolbar?.sx,\n            maxHeight: 64,\n          }}\n        >\n          <Container\n            {...slotProps?.container}\n            sx={{\n              height: 1,\n              display: 'flex',\n              alignItems: 'center',\n              ...slotProps?.container?.sx,\n            }}\n          >\n            {slots?.leftArea}\n\n            <Box\n              sx={{\n                display: 'flex',\n                flex: '1 1 auto',\n                justifyContent: 'center',\n              }}\n            >\n              {slots?.centerArea}\n            </Box>\n\n            {slots?.rightArea}\n          </Container>\n        </Toolbar>\n      )}\n\n      {slots?.bottomArea}\n    </AppBar>\n  );\n};\n\nexport default HeaderSection;\n","import MuiAppBar from '@mui/material/AppBar';\nimport { styled } from '@mui/material/styles';\n\nexport const StyledDivider = styled('span')(({ theme }) => ({\n  width: 1,\n  height: 10,\n  flexShrink: 0,\n  display: 'none',\n  position: 'relative',\n  alignItems: 'center',\n  flexDirection: 'column',\n  marginLeft: theme.spacing(2.5),\n  marginRight: theme.spacing(2.5),\n  backgroundColor: 'currentColor',\n\n  '&::before, &::after': {\n    top: -5,\n    width: 3,\n    height: 3,\n    content: '\"\"',\n    flexShrink: 0,\n    borderRadius: '50%',\n    position: 'absolute',\n    backgroundColor: 'currentColor',\n  },\n  '&::after': { bottom: -5, top: 'auto' },\n}));\n\nexport const AppBar = styled(MuiAppBar)(({ theme }) => ({\n  zIndex: 'var(--layout-header-zIndex)',\n  backgroundColor: theme.palette.background.paper,\n\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    width: '100%',\n    height: '1px',\n    backgroundColor: theme.palette.divider,\n    zIndex: 1,\n  },\n}));\n","import HeaderSection from './HeaderSection';\nimport { HeaderProps } from './props';\nimport { StyledDivider } from './styles';\n\nconst Header = ({\n  sx,\n  slots,\n  slotProps,\n  layoutQuery,\n  ...other\n}: HeaderProps) => {\n  return (\n    <HeaderSection\n      sx={sx}\n      layoutQuery={layoutQuery}\n      slots={{\n        ...slots,\n        leftAreaStart: slots?.leftAreaStart,\n        leftArea: (\n          <>\n            {slots?.leftAreaStart}\n\n            <StyledDivider data-slot=\"divider\" />\n\n            {slots?.leftAreaEnd}\n          </>\n        ),\n        rightArea: (\n          <>\n            {slots?.rightAreaStart}\n\n            {slots?.rightAreaEnd}\n          </>\n        ),\n        centerArea: slots?.centerArea,\n      }}\n      slotProps={slotProps}\n      {...other}\n    />\n  );\n};\n\nexport default Header;\n","import { PropsWithChildren } from 'react';\nimport { useTheme } from '@mui/material/styles';\n\nimport Scrollbar from 'components/Scrollbar';\n\nimport NavToggleButton from '../NavToggleButton';\n\nimport { SidebarProps } from './props';\nimport { Container } from './styles';\n\nconst Sidebar = ({\n  slots,\n  isNavMini,\n  layoutQuery,\n  onToggleNav,\n  children,\n}: PropsWithChildren<SidebarProps>) => {\n  const theme = useTheme();\n\n  const renderNavVertical = (\n    <>\n      {slots?.topArea}\n\n      <Scrollbar fillContent sx={{ p: 2 }}>\n        {children}\n      </Scrollbar>\n\n      {slots?.bottomArea}\n    </>\n  );\n\n  const renderNavMini = (\n    <>\n      {slots?.topArea}\n\n      <Scrollbar fillContent sx={{ p: 2 }}>\n        {children}\n      </Scrollbar>\n\n      {slots?.bottomArea}\n    </>\n  );\n\n  return (\n    <Container isNavMini={isNavMini} layoutQuery={layoutQuery}>\n      <NavToggleButton\n        isNavMini={isNavMini}\n        onClick={onToggleNav}\n        sx={{\n          display: 'none',\n          [theme.breakpoints.up(layoutQuery)]: {\n            display: 'inline-flex',\n          },\n        }}\n      />\n      {isNavMini ? renderNavMini : renderNavVertical}\n    </Container>\n  );\n};\n\nexport default Sidebar;\n","import SvgIcon from '@mui/material/SvgIcon';\n\nimport { NavToggleButtonProps } from './props';\nimport { Button } from './styles';\n\nconst NavToggleButton = ({ isNavMini, ...other }: NavToggleButtonProps) => {\n  return (\n    <Button size=\"small\" isNavMini={isNavMini} {...other}>\n      <SvgIcon\n        sx={{\n          width: 16,\n          height: 16,\n          ...(isNavMini && {\n            transform: 'scaleX(-1)',\n          }),\n        }}\n      >\n        <path\n          fill=\"currentColor\"\n          d=\"M13.83 19a1 1 0 0 1-.78-.37l-4.83-6a1 1 0 0 1 0-1.27l5-6a1 1 0 0 1 1.54 1.28L10.29 12l4.32 5.36a1 1 0 0 1-.78 1.64\"\n        />\n      </SvgIcon>\n    </Button>\n  );\n};\n\nexport default NavToggleButton;\n","import IconButton from '@mui/material/IconButton';\nimport { styled } from '@mui/material/styles';\n\nexport const Button = styled(IconButton, {\n  shouldForwardProp: prop => prop !== 'isNavMini',\n})<{ isNavMini: boolean }>(({ theme, isNavMini }) => ({\n  padding: 8,\n  top: 15,\n  position: 'fixed',\n  color: theme.palette.action.active,\n  backgroundColor: theme.palette.background.paper,\n  transform: 'translateX(-50%)',\n  zIndex: 'var(--layout-nav-zIndex)',\n  left: isNavMini\n    ? 'var(--layout-nav-mini-width)'\n    : 'var(--layout-nav-vertical-width)',\n  border: `1px solid ${theme.palette.divider}`,\n  transition: theme.transitions.create(['left'], {\n    easing: 'var(--layout-transition-easing)',\n    duration: 'var(--layout-transition-duration)',\n  }),\n\n  '&:hover': {\n    color: theme.palette.text.primary,\n    backgroundColor: theme.palette.background.neutral,\n  },\n}));\n","import Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport { Breakpoint, styled } from '@mui/material/styles';\n\nexport const LogoFull = styled(Stack)({\n  padding: '12px 16px 24px',\n\n  svg: {\n    width: 125,\n  },\n});\n\nexport const LogoMini = styled(Stack)({\n  padding: '12px 24px 24px',\n  alignItems: 'center',\n  justifyContent: 'center',\n\n  svg: {\n    width: 32,\n    height: 32,\n  },\n});\n\nexport const Container = styled(Box, {\n  shouldForwardProp: prop => prop !== 'isNavMini' && prop !== 'layoutQuery',\n})<{\n  isNavMini: boolean;\n  layoutQuery: Breakpoint;\n}>(({ theme, isNavMini, layoutQuery }) => ({\n  top: 0,\n  left: 0,\n  height: '100%',\n  display: 'none',\n  position: 'fixed',\n  flexDirection: 'column',\n  backgroundColor: theme.palette.background.paper,\n  zIndex: 'var(--layout-nav-zIndex)',\n  width: isNavMini\n    ? 'var(--layout-nav-mini-width)'\n    : 'var(--layout-nav-vertical-width)',\n  borderRight: `1px solid ${theme.palette.divider}`,\n\n  transition: theme.transitions.create(['width'], {\n    easing: 'var(--layout-transition-easing)',\n    duration: 'var(--layout-transition-duration)',\n  }),\n\n  [theme.breakpoints.up(layoutQuery)]: {\n    display: 'flex',\n  },\n}));\n","import Box from '@mui/material/Box';\nimport GlobalStyles from '@mui/material/GlobalStyles';\n\nimport { layoutClasses } from '../classes';\n\nimport { LayoutSectionProps } from './props';\n\nconst Wrapper = ({\n  sx,\n  cssVars,\n  children,\n  footerSection,\n  headerSection,\n  sidebarSection,\n}: LayoutSectionProps) => {\n  return (\n    <>\n      <GlobalStyles\n        styles={{\n          body: {\n            '--layout-nav-zIndex': 1101,\n            '--layout-nav-mobile-width': '320px',\n            '--layout-header-blur': '8px',\n            '--layout-header-zIndex': 1100,\n            '--layout-header-mobile-height': '64px',\n            '--layout-header-desktop-height': '72px',\n            ...cssVars,\n          },\n        }}\n      />\n\n      <Box id=\"root__layout\" sx={sx}>\n        {sidebarSection ? (\n          <>\n            {sidebarSection}\n            <Box\n              display=\"flex\"\n              flex=\"1 1 auto\"\n              flexDirection=\"column\"\n              className={layoutClasses.hasSidebar}\n            >\n              {headerSection}\n              {children}\n              {footerSection}\n            </Box>\n          </>\n        ) : (\n          <>\n            {headerSection}\n            {children}\n            {footerSection}\n          </>\n        )}\n      </Box>\n    </>\n  );\n};\n\nexport default Wrapper;\n"]}
+{"version":3,"sources":["../../../src/layouts/Admin/index.tsx","../../../src/layouts/Admin/Wrapper/Main.tsx","../../../src/layouts/Admin/classes.ts","../../../src/layouts/Admin/Header/HeaderSection.tsx","../../../src/layouts/Admin/Header/styles.ts","../../../src/layouts/Admin/Header/index.tsx","../../../src/layouts/Admin/Sidebar/index.tsx","../../../src/layouts/Admin/NavToggleButton/index.tsx","../../../src/layouts/Admin/NavToggleButton/styles.ts","../../../src/layouts/Admin/Sidebar/styles.ts","../../../src/layouts/Admin/Wrapper/index.tsx"],"names":["useTheme","Stack","jsx","Main","children","isNavHorizontal","sx","other","Main_default","layoutClasses","Box","Container","Toolbar","MuiAppBar","styled","StyledDivider","theme","AppBar","jsxs","HeaderSection","slots","slotProps","layoutQuery","toolbarStyles","HeaderSection_default","Header","Header_default","SvgIcon","IconButton","Button","prop","isNavMini","NavToggleButton","NavToggleButton_default","LogoFull","LogoMini","Fragment","Sidebar","onToggleNav","renderNavVertical","Scrollbar_default","renderNavMini","Sidebar_default","GlobalStyles","Wrapper","cssVars","footerSection","headerSection","sidebarSection","Wrapper_default","Admin","footerContent","headerProps","sidebarContent","sidebarProps","onToggleNavMini","mainProps","Admin_default"],"mappings":"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","sourcesContent":["import { PropsWithChildren } from 'react';\nimport type { Breakpoint } from '@mui/material/styles';\nimport { useTheme } from '@mui/material/styles';\n\nimport Main from './Wrapper/Main';\nimport { layoutClasses } from './classes';\nimport Header from './Header';\nimport { AdminProps } from './props';\nimport Sidebar from './Sidebar';\nimport Wrapper from './Wrapper';\n\nconst Admin = ({\n  children,\n  footerContent,\n  headerProps,\n  sidebarContent,\n  sidebarProps,\n  isNavMini,\n  onToggleNavMini,\n  mainProps,\n}: PropsWithChildren<AdminProps>) => {\n  const theme = useTheme();\n\n  const layoutQuery: Breakpoint = 'lg';\n\n  return (\n    <Wrapper\n      headerSection={\n        <Header\n          layoutQuery={layoutQuery}\n          slotProps={{\n            toolbar: {\n              sx: {\n                ['& [data-area=\"right\"]']: {\n                  gap: { xs: 0, sm: 0.75 },\n                },\n              },\n            },\n            container: {\n              maxWidth: false,\n              sx: {\n                px: { [layoutQuery]: 5 },\n              },\n            },\n          }}\n          slots={headerProps?.slots}\n        />\n      }\n      sidebarSection={\n        <Sidebar\n          isNavMini={isNavMini}\n          layoutQuery={layoutQuery}\n          onToggleNav={onToggleNavMini}\n          slots={sidebarProps?.slots}\n        >\n          {sidebarContent}\n        </Sidebar>\n      }\n      footerSection={footerContent}\n      cssVars={{\n        '--layout-transition-easing': 'linear',\n        '--layout-transition-duration': '120ms',\n        '--layout-nav-mini-width': '88px',\n        '--layout-nav-vertical-width': '300px',\n        '--layout-nav-horizontal-height': '64px',\n        '--layout-dashboard-content-pt': theme.spacing(1),\n        '--layout-dashboard-content-pb': theme.spacing(8),\n        '--layout-dashboard-content-px': theme.spacing(5),\n      }}\n      sx={{\n        [`& .${layoutClasses.hasSidebar}`]: {\n          [theme.breakpoints.up(layoutQuery)]: {\n            transition: theme.transitions.create(['padding-left'], {\n              easing: 'var(--layout-transition-easing)',\n              duration: 'var(--layout-transition-duration)',\n            }),\n            pl: isNavMini\n              ? 'var(--layout-nav-mini-width)'\n              : 'var(--layout-nav-vertical-width)',\n          },\n        },\n      }}\n    >\n      <Main isNavHorizontal={false} {...mainProps}>\n        {children}\n      </Main>\n    </Wrapper>\n  );\n};\n\nexport default Admin;\n","import Stack from '@mui/material/Stack';\n\nimport { MainProps } from './props';\n\nconst Main = ({ children, isNavHorizontal, sx, ...other }: MainProps) => {\n  return (\n    <Stack\n      component=\"main\"\n      flex=\"1 1 auto\"\n      bgcolor=\"grey.100\"\n      sx={{\n        ...(isNavHorizontal && {\n          '--layout-dashboard-content-pt': '40px',\n        }),\n        ...sx,\n      }}\n      {...other}\n    >\n      {children}\n    </Stack>\n  );\n};\n\nexport default Main;\n","export const layoutClasses = {\n  root: 'layout__root',\n  main: 'layout__main',\n  header: 'layout__header',\n  content: 'layout__main__content',\n  hasSidebar: 'layout__has__sidebar',\n};\n","import Box from '@mui/material/Box';\nimport Container from '@mui/material/Container';\nimport { useTheme } from '@mui/material/styles';\nimport Toolbar from '@mui/material/Toolbar';\n\nimport { HeaderSectionProps } from './props';\nimport { AppBar } from './styles';\n\nconst HeaderSection = ({\n  sx,\n  slots,\n  slotProps,\n  layoutQuery = 'md',\n  ...other\n}: HeaderSectionProps) => {\n  const theme = useTheme();\n\n  const toolbarStyles = {\n    default: {\n      minHeight: 'auto',\n      height: 'var(--layout-header-mobile-height)',\n      backgroundColor: theme.palette.background.paper,\n      transition: theme.transitions.create(['height', 'background-color'], {\n        easing: theme.transitions.easing.easeInOut,\n        duration: theme.transitions.duration.shorter,\n      }),\n      [theme.breakpoints.up('sm')]: {\n        minHeight: 'auto',\n      },\n      [theme.breakpoints.up(layoutQuery)]: {\n        height: 'var(--layout-header-desktop-height)',\n      },\n    },\n  };\n\n  return (\n    <AppBar position=\"sticky\" sx={sx} {...other}>\n      {slots?.topArea}\n\n      {(slots?.leftArea || slots?.centerArea || slots?.rightArea) && (\n        <Toolbar\n          disableGutters\n          {...slotProps?.toolbar}\n          sx={{\n            ...toolbarStyles.default,\n            ...slotProps?.toolbar?.sx,\n            maxHeight: 64,\n          }}\n        >\n          <Container\n            {...slotProps?.container}\n            sx={{\n              height: 1,\n              display: 'flex',\n              alignItems: 'center',\n              ...slotProps?.container?.sx,\n            }}\n          >\n            {slots?.leftArea}\n\n            <Box\n              sx={{\n                display: 'flex',\n                flex: '1 1 auto',\n                justifyContent: 'center',\n              }}\n            >\n              {slots?.centerArea}\n            </Box>\n\n            {slots?.rightArea}\n          </Container>\n        </Toolbar>\n      )}\n\n      {slots?.bottomArea}\n    </AppBar>\n  );\n};\n\nexport default HeaderSection;\n","import MuiAppBar from '@mui/material/AppBar';\nimport { styled } from '@mui/material/styles';\n\nexport const StyledDivider = styled('span')(({ theme }) => ({\n  width: 1,\n  height: 10,\n  flexShrink: 0,\n  display: 'none',\n  position: 'relative',\n  alignItems: 'center',\n  flexDirection: 'column',\n  marginLeft: theme.spacing(2.5),\n  marginRight: theme.spacing(2.5),\n  backgroundColor: 'currentColor',\n\n  '&::before, &::after': {\n    top: -5,\n    width: 3,\n    height: 3,\n    content: '\"\"',\n    flexShrink: 0,\n    borderRadius: '50%',\n    position: 'absolute',\n    backgroundColor: 'currentColor',\n  },\n  '&::after': { bottom: -5, top: 'auto' },\n}));\n\nexport const AppBar = styled(MuiAppBar)(({ theme }) => ({\n  zIndex: 'var(--layout-header-zIndex)',\n  backgroundColor: theme.palette.background.paper,\n\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    width: '100%',\n    height: '1px',\n    backgroundColor: theme.palette.divider,\n    zIndex: 1,\n  },\n}));\n","import HeaderSection from './HeaderSection';\nimport { HeaderProps } from './props';\n\nconst Header = ({\n  sx,\n  slots,\n  slotProps,\n  layoutQuery,\n  ...other\n}: HeaderProps) => {\n  return (\n    <HeaderSection\n      sx={sx}\n      layoutQuery={layoutQuery}\n      slots={{\n        ...slots,\n      }}\n      slotProps={slotProps}\n      {...other}\n    />\n  );\n};\n\nexport default Header;\n","import { PropsWithChildren } from 'react';\nimport { useTheme } from '@mui/material/styles';\n\nimport Scrollbar from 'components/Scrollbar';\n\nimport NavToggleButton from '../NavToggleButton';\n\nimport { SidebarProps } from './props';\nimport { Container } from './styles';\n\nconst Sidebar = ({\n  slots,\n  isNavMini,\n  layoutQuery,\n  onToggleNav,\n  children,\n}: PropsWithChildren<SidebarProps>) => {\n  const theme = useTheme();\n\n  const renderNavVertical = (\n    <>\n      {slots?.topArea}\n\n      <Scrollbar fillContent sx={{ p: 2 }}>\n        {children}\n      </Scrollbar>\n\n      {slots?.bottomArea}\n    </>\n  );\n\n  const renderNavMini = (\n    <>\n      {slots?.topArea}\n\n      <Scrollbar fillContent sx={{ p: 2 }}>\n        {children}\n      </Scrollbar>\n\n      {slots?.bottomArea}\n    </>\n  );\n\n  return (\n    <Container isNavMini={isNavMini} layoutQuery={layoutQuery}>\n      <NavToggleButton\n        isNavMini={isNavMini}\n        onClick={onToggleNav}\n        sx={{\n          display: 'none',\n          [theme.breakpoints.up(layoutQuery)]: {\n            display: 'inline-flex',\n          },\n        }}\n      />\n      {isNavMini ? renderNavMini : renderNavVertical}\n    </Container>\n  );\n};\n\nexport default Sidebar;\n","import SvgIcon from '@mui/material/SvgIcon';\n\nimport { NavToggleButtonProps } from './props';\nimport { Button } from './styles';\n\nconst NavToggleButton = ({ isNavMini, ...other }: NavToggleButtonProps) => {\n  return (\n    <Button size=\"small\" isNavMini={isNavMini} {...other}>\n      <SvgIcon\n        sx={{\n          width: 16,\n          height: 16,\n          ...(isNavMini && {\n            transform: 'scaleX(-1)',\n          }),\n        }}\n      >\n        <path\n          fill=\"currentColor\"\n          d=\"M13.83 19a1 1 0 0 1-.78-.37l-4.83-6a1 1 0 0 1 0-1.27l5-6a1 1 0 0 1 1.54 1.28L10.29 12l4.32 5.36a1 1 0 0 1-.78 1.64\"\n        />\n      </SvgIcon>\n    </Button>\n  );\n};\n\nexport default NavToggleButton;\n","import IconButton from '@mui/material/IconButton';\nimport { styled } from '@mui/material/styles';\n\nexport const Button = styled(IconButton, {\n  shouldForwardProp: prop => prop !== 'isNavMini',\n})<{ isNavMini: boolean }>(({ theme, isNavMini }) => ({\n  padding: 8,\n  top: 15,\n  position: 'fixed',\n  color: theme.palette.action.active,\n  backgroundColor: theme.palette.background.paper,\n  transform: 'translateX(-50%)',\n  zIndex: 'var(--layout-nav-zIndex)',\n  left: isNavMini\n    ? 'var(--layout-nav-mini-width)'\n    : 'var(--layout-nav-vertical-width)',\n  border: `1px solid ${theme.palette.divider}`,\n  transition: theme.transitions.create(['left'], {\n    easing: 'var(--layout-transition-easing)',\n    duration: 'var(--layout-transition-duration)',\n  }),\n\n  '&:hover': {\n    color: theme.palette.text.primary,\n    backgroundColor: theme.palette.background.neutral,\n  },\n}));\n","import Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport { Breakpoint, styled } from '@mui/material/styles';\n\nexport const LogoFull = styled(Stack)({\n  padding: '12px 16px 24px',\n\n  svg: {\n    width: 125,\n  },\n});\n\nexport const LogoMini = styled(Stack)({\n  padding: '12px 24px 24px',\n  alignItems: 'center',\n  justifyContent: 'center',\n\n  svg: {\n    width: 32,\n    height: 32,\n  },\n});\n\nexport const Container = styled(Box, {\n  shouldForwardProp: prop => prop !== 'isNavMini' && prop !== 'layoutQuery',\n})<{\n  isNavMini: boolean;\n  layoutQuery: Breakpoint;\n}>(({ theme, isNavMini, layoutQuery }) => ({\n  top: 0,\n  left: 0,\n  height: '100%',\n  display: 'none',\n  position: 'fixed',\n  flexDirection: 'column',\n  backgroundColor: theme.palette.background.paper,\n  zIndex: 'var(--layout-nav-zIndex)',\n  width: isNavMini\n    ? 'var(--layout-nav-mini-width)'\n    : 'var(--layout-nav-vertical-width)',\n  borderRight: `1px solid ${theme.palette.divider}`,\n\n  transition: theme.transitions.create(['width'], {\n    easing: 'var(--layout-transition-easing)',\n    duration: 'var(--layout-transition-duration)',\n  }),\n\n  [theme.breakpoints.up(layoutQuery)]: {\n    display: 'flex',\n  },\n}));\n","import Box from '@mui/material/Box';\nimport GlobalStyles from '@mui/material/GlobalStyles';\n\nimport { layoutClasses } from '../classes';\n\nimport { LayoutSectionProps } from './props';\n\nconst Wrapper = ({\n  sx,\n  cssVars,\n  children,\n  footerSection,\n  headerSection,\n  sidebarSection,\n}: LayoutSectionProps) => {\n  return (\n    <>\n      <GlobalStyles\n        styles={{\n          body: {\n            '--layout-nav-zIndex': 1101,\n            '--layout-nav-mobile-width': '320px',\n            '--layout-header-blur': '8px',\n            '--layout-header-zIndex': 1100,\n            '--layout-header-mobile-height': '64px',\n            '--layout-header-desktop-height': '72px',\n            ...cssVars,\n          },\n        }}\n      />\n\n      <Box id=\"root__layout\" sx={sx}>\n        {sidebarSection ? (\n          <>\n            {sidebarSection}\n            <Box\n              display=\"flex\"\n              flex=\"1 1 auto\"\n              flexDirection=\"column\"\n              className={layoutClasses.hasSidebar}\n            >\n              {headerSection}\n              {children}\n              {footerSection}\n            </Box>\n          </>\n        ) : (\n          <>\n            {headerSection}\n            {children}\n            {footerSection}\n          </>\n        )}\n      </Box>\n    </>\n  );\n};\n\nexport default Wrapper;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zydon/common",
-  "version": "2.8.61",
+  "version": "2.8.63",
   "license": "MIT",
   "type": "module",
   "module": "./dist/index.js",