@zydon/common 2.8.51 → 2.8.53

package/dist/{chunk-3XKGAQNO.js → chunk-B4DHFYRA.js}

@@ -1,9 +1,9 @@
 import { a } from './chunk-373WGZZL.js';
+import { a as a$1, e } from './chunk-VCK3DKB3.js';
 import { a as a$3, b } from './chunk-UOIOBXCP.js';
+import { p, r, a as a$2 } from './chunk-PVVI43BW.js';
 import { a as a$5 } from './chunk-WUFEPE2G.js';
 import { c, b as b$1 } from './chunk-BX2DSNRV.js';
-import { a as a$1, e } from './chunk-VCK3DKB3.js';
-import { p, r, a as a$2 } from './chunk-PVVI43BW.js';
 import { d, a as a$4 } from './chunk-GLRLKFPS.js';
 import { useEffect, useMemo } from 'react';
 import M from '@mui/material/CssBaseline';
@@ -14,4 +14,4 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 var W=t=>({lighter:lighten(t,.815),light:lighten(t,.225),main:t,dark:darken(t,.15),darker:darken(t,.35),contrastText:"#000"});function x(t,o,r$1="app"){let e$1=W(o.primaryColor),m=F(p);a(m,"dark.palette.primary",e$1),a(m,"light.palette.primary",e$1);let a$4={mode:o.colorScheme,colorSchemes:m,shadows:a$1(o.colorScheme),customShadows:r(o.colorScheme,e$1.main),shape:{borderRadius:8},components:a$2,typography:{...e,fontFamily:d(o.fontFamily)},cssVarPrefix:r$1,shouldSkipGeneratingVar:I},s=a$3(a$4,o);return experimental_extendTheme(s,t,b(o))}function I(t,o){let r=["mixins","overlays","direction","breakpoints","cssVarPrefix","unstable_sxConfig","typography","colorSchemes"],e={global:["tonalOffset","dividerChannel","contrastThreshold"],grey:["A100","A200","A400","A700"],text:["icon"]};if(t[0]==="palette"){let a=t[1],s=e[a]||e.global;return t.some(i=>s?.includes(i))}return t.some(a=>r?.includes(a))}var $=({children:t,primaryColor:o="#4E5BEC",cssVarPrefix:r="app"})=>{let{settings:e}=b$1();useEffect(()=>{localStorage.setItem(`${e.storageKey}`,e.colorScheme),localStorage.setItem(`${e.storageKey}-light`,"light"),localStorage.setItem(`${e.storageKey}-dark`,"dark");},[e.storageKey,e.colorScheme]);let m=useMemo(()=>{let s=x(a$5[1].systemValue,{primaryColor:o,colorScheme:e.colorScheme,contrast:e.contrast,navLayout:e.navLayout,navColor:e.navColor,compactLayout:e.compactLayout,fontFamily:e.fontFamily,storageKey:e.storageKey},r);return s.palette=s.colorSchemes?.[e.colorScheme]?.palette,s},[e,o,r]),a=useMemo(()=>({theme:m,mode:e.colorScheme,defaultMode:e.colorScheme,defaultColorScheme:e.colorScheme,modeStorageKey:e.storageKey,colorSchemeStorageKey:e.storageKey,attribute:a$4.ATTRIBUTE}),[m,e.colorScheme,e.storageKey]);return jsxs(Experimental_CssVarsProvider,{...a,children:[jsx(M,{enableColorScheme:!0}),jsx(B,{children:t})]})},B=({children:t})=>{let{settings:o,updateSettings:r}=b$1(),{mode:e,setMode:m}=useColorScheme();return useEffect(()=>{let a=o.colorScheme;document?.documentElement.setAttribute(a$4.ATTRIBUTE,a),m(a);},[o.colorScheme,m]),useEffect(()=>{e!==o.colorScheme&&r({colorScheme:e==="system"?o.colorScheme:e});},[e,o.colorScheme,r]),t},w=({children:t,cssVarPrefix:o,primaryColor:r="#4E5BEC",fontFamily:e="Public Sans",compactLayout:m=!0,contrast:a="default",navColor:s="integrate",navLayout:i="vertical",colorScheme:A="light"})=>{let k=`${o?`${o}-`:""}${a$4.STORAGE_KEY}`;return jsx(c,{primaryColor:r,fontFamily:e,compactLayout:m,contrast:a,navColor:s,navLayout:i,colorScheme:A,cssVarPrefix:o,storageKey:k,children:jsx($,{primaryColor:r,cssVarPrefix:o,children:t})})};var te=w;
 
 export { x as a, te as b };
-//# sourceMappingURL=chunk-3XKGAQNO.js.map
+//# sourceMappingURL=chunk-B4DHFYRA.js.map

package/dist/chunk-IPPNUP2X.js

@@ -0,0 +1,7 @@
+import { a } from './chunk-I4PPSW36.js';
+import { jsx } from 'react/jsx-runtime';
+
+var i=({children:r,id:t="actions"})=>jsx(a,{container:t,children:r}),s=i;
+
+export { s as a };
+//# sourceMappingURL=chunk-IPPNUP2X.js.map

package/dist/chunk-IPPNUP2X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Actions/index.tsx"],"names":["jsx","Actions","children","id","Portal_default","Actions_default"],"mappings":"wCAUE,cAAAA,MAAA,oBAJF,IAAMC,EAAU,CAAC,CACf,SAAAC,EACA,GAAAC,EAAK,SACP,IACEH,EAACI,EAAA,CAAO,UAAWD,EAAK,SAAAD,EAAS,EAG5BG,EAAQJ","sourcesContent":["import { PropsWithChildren } from 'react';\n\nimport Portal from 'components/Portal';\n\nimport { ActionsProps } from './props';\n\nconst Actions = ({\n  children,\n  id = 'actions',\n}: PropsWithChildren<ActionsProps>) => (\n  <Portal container={id}>{children}</Portal>\n);\n\nexport default Actions;\n"]}

package/dist/components/Actions/index.js

@@ -1,7 +1,3 @@
-import { a } from '../../chunk-I4PPSW36.js';
-import { jsx } from 'react/jsx-runtime';
-
-var i=({children:r,id:t="actions"})=>jsx(a,{container:t,children:r}),s=i;
-
-export { s as default };
+export { a as default } from '../../chunk-IPPNUP2X.js';
+import '../../chunk-I4PPSW36.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Actions/index.tsx"],"names":["jsx","Actions","children","id","Portal_default","Actions_default"],"mappings":"4CAUE,cAAAA,MAAA,oBAJF,IAAMC,EAAU,CAAC,CACf,SAAAC,EACA,GAAAC,EAAK,SACP,IACEH,EAACI,EAAA,CAAO,UAAWD,EAAK,SAAAD,EAAS,EAG5BG,EAAQJ","sourcesContent":["import { PropsWithChildren } from 'react';\n\nimport Portal from 'components/Portal';\n\nimport { ActionsProps } from './props';\n\nconst Actions = ({\n  children,\n  id = 'actions',\n}: PropsWithChildren<ActionsProps>) => (\n  <Portal container={id}>{children}</Portal>\n);\n\nexport default Actions;\n"]}
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/components/AvatarButton/index.js

@@ -6,15 +6,15 @@ import '../../chunk-EDO23OCC.js';
 import { a as a$2 } from '../../chunk-VR3K2Y2C.js';
 import { a as a$1 } from '../../chunk-LQRRMVFN.js';
 import '../../chunk-7OV7UPWM.js';
-import '../../chunk-3XKGAQNO.js';
+import '../../chunk-B4DHFYRA.js';
 import '../../chunk-373WGZZL.js';
+import '../../chunk-VCK3DKB3.js';
 import '../../chunk-UOIOBXCP.js';
 import '../../chunk-KYV74QIT.js';
-import '../../chunk-WUFEPE2G.js';
-import '../../chunk-BX2DSNRV.js';
-import '../../chunk-VCK3DKB3.js';
 import '../../chunk-PVVI43BW.js';
 import '../../chunk-HBOBTNB5.js';
+import '../../chunk-WUFEPE2G.js';
+import '../../chunk-BX2DSNRV.js';
 import '../../chunk-GLRLKFPS.js';
 import j from '@mui/material/Avatar';
 import d from '@mui/material/Divider';

package/dist/components/Common/index.js

@@ -1,14 +1,14 @@
 import { a } from '../../chunk-VURAUMLN.js';
 import '../../chunk-EDO23OCC.js';
-import { b } from '../../chunk-3XKGAQNO.js';
+import { b } from '../../chunk-B4DHFYRA.js';
 import '../../chunk-373WGZZL.js';
+import '../../chunk-VCK3DKB3.js';
 import '../../chunk-UOIOBXCP.js';
 import '../../chunk-KYV74QIT.js';
-import '../../chunk-WUFEPE2G.js';
-import '../../chunk-BX2DSNRV.js';
-import '../../chunk-VCK3DKB3.js';
 import '../../chunk-PVVI43BW.js';
 import '../../chunk-HBOBTNB5.js';
+import '../../chunk-WUFEPE2G.js';
+import '../../chunk-BX2DSNRV.js';
 import { k } from '../../chunk-GLRLKFPS.js';
 import 'dayjs/locale/pt-br';
 import _ from 'dayjs';

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

@@ -0,0 +1,25 @@
+import * as _emotion_styled from '@emotion/styled';
+import * as react from 'react';
+import * as _mui_system from '@mui/system';
+import * as _mui_material_styles from '@mui/material/styles';
+import { DraggableAttributes } from '@dnd-kit/core';
+import { Transform } from '@dnd-kit/utilities';
+import { BoxProps } from '@mui/material/Box';
+
+interface SortableStyleProps extends BoxProps {
+    transform: Transform | null;
+    transition?: string;
+    isDragging: boolean;
+    tabIndex?: number;
+    role?: string;
+    'aria-describedby'?: string;
+    'aria-disabled'?: boolean;
+    'aria-pressed'?: boolean | undefined;
+    'aria-roledescription'?: string;
+}
+
+declare const DragContainer: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material_styles.Theme> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+}, keyof _mui_system.BoxOwnProps<_mui_material_styles.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & SortableStyleProps & Partial<DraggableAttributes>, {}, {}>;
+
+export { DragContainer as default };

package/dist/components/DragContainer/index.js

@@ -0,0 +1,8 @@
+import { CSS } from '@dnd-kit/utilities';
+import i from '@mui/material/Box';
+import { styled, alpha } from '@mui/material/styles';
+
+var t=styled(i,{shouldForwardProp:r=>r!=="transform"&&r!=="transition"&&r!=="isDragging"})(({theme:r,transform:a=null,transition:e="",isDragging:o=!1})=>({transform:CSS.Transform.toString(a),transition:e,boxShadow:o?`0 0 0 2px ${r.palette.primary.main}, ${r.customShadows.z8}, inset 0 0 0 1000px ${alpha(r.palette.primary.main,.06)}`:void 0,background:r.palette.background.paper,borderRadius:8,userSelect:"none",zIndex:o?1200:0}));var b=t;
+
+export { b as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/DragContainer/style.ts","../../../src/components/DragContainer/index.ts"],"names":["CSS","Box","alpha","styled","DragContainer","prop","theme","transform","transition","isDragging","DragContainer_default"],"mappings":"AACA,OAAS,OAAAA,MAAW,qBACpB,OAAOC,MAAS,oBAChB,OAAS,SAAAC,EAAO,UAAAC,MAAc,uBAIvB,IAAMC,EAAgBD,EAAOF,EAAK,CACvC,kBAAmBI,GACjBA,IAAS,aAAeA,IAAS,cAAgBA,IAAS,YAC9D,CAAC,EACC,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAY,KAAM,WAAAC,EAAa,GAAI,WAAAC,EAAa,EAAM,KAAO,CACrE,UAAWT,EAAI,UAAU,SAASO,CAAS,EAC3C,WAAAC,EACA,UAAWC,EACP,aAAaH,EAAM,QAAQ,QAAQ,SAASA,EAAM,cAAc,0BAA0BJ,EAAMI,EAAM,QAAQ,QAAQ,KAAM,GAAI,IAChI,OACJ,WAAYA,EAAM,QAAQ,WAAW,MACrC,aAAc,EACd,WAAY,OACZ,OAAQG,EAAa,KAAO,CAC9B,EACF,ECpBA,IAAOC,EAAQN","sourcesContent":["import { DraggableAttributes } from '@dnd-kit/core';\nimport { CSS } from '@dnd-kit/utilities';\nimport Box from '@mui/material/Box';\nimport { alpha, styled } from '@mui/material/styles';\n\nimport { SortableStyleProps } from './props';\n\nexport const DragContainer = styled(Box, {\n  shouldForwardProp: prop =>\n    prop !== 'transform' && prop !== 'transition' && prop !== 'isDragging',\n})<SortableStyleProps & Partial<DraggableAttributes>>(\n  ({ theme, transform = null, transition = '', isDragging = false }) => ({\n    transform: CSS.Transform.toString(transform),\n    transition,\n    boxShadow: isDragging\n      ? `0 0 0 2px ${theme.palette.primary.main}, ${theme.customShadows.z8}, inset 0 0 0 1000px ${alpha(theme.palette.primary.main, 0.06)}`\n      : undefined,\n    background: theme.palette.background.paper,\n    borderRadius: 8,\n    userSelect: 'none',\n    zIndex: isDragging ? 1200 : 0,\n  }),\n);\n","import { DragContainer } from './style';\n\nexport default DragContainer;\n"]}

package/dist/components/DynamicDataView/index.js

@@ -1,7 +1,7 @@
 import '../../chunk-4P2L7UJA.js';
 export { a as FilterOperator, b as SortType } from '../../chunk-VL4W63YA.js';
-import { d, c } from '../../chunk-N7IK5EUP.js';
 import { a as a$1 } from '../../chunk-LG2B5RFV.js';
+import { d, c } from '../../chunk-N7IK5EUP.js';
 import { h, a as a$3 } from '../../chunk-OF6623HG.js';
 import { d as d$1 } from '../../chunk-GYABWIFG.js';
 import '../../chunk-PVI5BAUW.js';

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})=>({backgroundColor:t.palette.background.paper,maxWidth:300,flex:1,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, 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;
 
 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  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 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, 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"]}

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

@@ -0,0 +1,3 @@
+export { default } from '../Actions/index.js';
+import 'react/jsx-runtime';
+import 'react';

package/dist/components/ModalActions/index.js

@@ -0,0 +1,3 @@
+export { a as default } from '../../chunk-IPPNUP2X.js';
+import '../../chunk-I4PPSW36.js';
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/ToggleTheme/index.js

@@ -1,13 +1,13 @@
 export { a as default } from '../../chunk-T6UNWMMX.js';
 import '../../chunk-7OV7UPWM.js';
-import '../../chunk-3XKGAQNO.js';
+import '../../chunk-B4DHFYRA.js';
 import '../../chunk-373WGZZL.js';
+import '../../chunk-VCK3DKB3.js';
 import '../../chunk-UOIOBXCP.js';
 import '../../chunk-KYV74QIT.js';
-import '../../chunk-WUFEPE2G.js';
-import '../../chunk-BX2DSNRV.js';
-import '../../chunk-VCK3DKB3.js';
 import '../../chunk-PVVI43BW.js';
 import '../../chunk-HBOBTNB5.js';
+import '../../chunk-WUFEPE2G.js';
+import '../../chunk-BX2DSNRV.js';
 import '../../chunk-GLRLKFPS.js';
 //# sourceMappingURL=index.js.map

package/dist/hooks/useThemeToggle.js

@@ -1,12 +1,12 @@
 export { a as useThemeToggle } from '../chunk-7OV7UPWM.js';
-import '../chunk-3XKGAQNO.js';
+import '../chunk-B4DHFYRA.js';
 import '../chunk-373WGZZL.js';
+import '../chunk-VCK3DKB3.js';
 import '../chunk-UOIOBXCP.js';
 import '../chunk-KYV74QIT.js';
-import '../chunk-WUFEPE2G.js';
-import '../chunk-BX2DSNRV.js';
-import '../chunk-VCK3DKB3.js';
 import '../chunk-PVVI43BW.js';
 import '../chunk-HBOBTNB5.js';
+import '../chunk-WUFEPE2G.js';
+import '../chunk-BX2DSNRV.js';
 import '../chunk-GLRLKFPS.js';
 //# sourceMappingURL=useThemeToggle.js.map

package/dist/index.js

@@ -1,12 +1,12 @@
 export { a as useThemeToggle } from './chunk-7OV7UPWM.js';
-export { b as ThemeProvider, a as createTheme } from './chunk-3XKGAQNO.js';
+export { b as ThemeProvider, a as createTheme } from './chunk-B4DHFYRA.js';
 import './chunk-373WGZZL.js';
+export { b as defaultFont, c as primaryFont, d as secondaryFont, a as shadows, e as typography } from './chunk-VCK3DKB3.js';
 import './chunk-UOIOBXCP.js';
 import './chunk-KYV74QIT.js';
-import './chunk-WUFEPE2G.js';
-export { c as SettingsProvider, b as useSettingsContext } from './chunk-BX2DSNRV.js';
-export { b as defaultFont, c as primaryFont, d as secondaryFont, a as shadows, e as typography } from './chunk-VCK3DKB3.js';
 export { l as action, k as background, m as basePalette, p as colorSchemes, i as common, a as components, q as createShadowColor, r as customShadows, o as darkPalette, h as error, b as grey, e as info, n as lightPalette, c as primary, d as secondary, f as success, j as text, g as warning } from './chunk-PVVI43BW.js';
 import './chunk-HBOBTNB5.js';
+import './chunk-WUFEPE2G.js';
+export { c as SettingsProvider, b as useSettingsContext } from './chunk-BX2DSNRV.js';
 export { a as THEME_CONFIG, q as bgBlur, p as bgGradient, o as borderGradient, j as createPaletteChannel, h as hexToRgbChannel, i as hexToRgbaChannel, l as hideScrollX, m as hideScrollY, r as maxLine, c as mediaQueries, t as menuItem, s as paper, f as pxToRem, e as remToPx, g as responsiveFontSizes, d as setFont, b as stylesMode, n as textGradient, k as varAlpha } from './chunk-GLRLKFPS.js';
 //# sourceMappingURL=index.js.map

package/dist/theme/theme-provider.js

@@ -1,11 +1,11 @@
-export { b as default } from '../chunk-3XKGAQNO.js';
+export { b as default } from '../chunk-B4DHFYRA.js';
 import '../chunk-373WGZZL.js';
+import '../chunk-VCK3DKB3.js';
 import '../chunk-UOIOBXCP.js';
 import '../chunk-KYV74QIT.js';
-import '../chunk-WUFEPE2G.js';
-export { b as useSettingsContext } from '../chunk-BX2DSNRV.js';
-import '../chunk-VCK3DKB3.js';
 import '../chunk-PVVI43BW.js';
 import '../chunk-HBOBTNB5.js';
+import '../chunk-WUFEPE2G.js';
+export { b as useSettingsContext } from '../chunk-BX2DSNRV.js';
 export { a as THEME_CONFIG } from '../chunk-GLRLKFPS.js';
 //# sourceMappingURL=theme-provider.js.map

package/package.json

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