@zydon/common 2.4.54 → 2.4.56

package/dist/chunk-CFD2VTQ3.js

@@ -0,0 +1,7 @@
+import p from '@mui/material/Stack';
+import { styled, alpha } from '@mui/material/styles';
+import { jsx } from 'react/jsx-runtime';
+
+var r=styled(p)(({theme:o})=>({backgroundColor:"#fff",border:`1px solid ${alpha(o.palette.grey[500],.2)}`}));var i=({children:o,...t})=>jsx(r,{borderRadius:1,gap:3,padding:3,...t,children:o}),s=i;
+
+export { s as a };

package/dist/chunk-JTD47UZZ.js

@@ -0,0 +1,13 @@
+import { a } from './chunk-FK7DDO5L.js';
+import { a as a$1 } from './chunk-PUR4ARBY.js';
+import x, { useState } from 'react';
+import { GRID_CHECKBOX_SELECTION_COL_DEF, DataGridPremium, GridToolbarContainer, GridToolbarColumnsButton, GridToolbarFilterButton, GridToolbarDensitySelector, GridToolbarExport, useGridApiContext, useGridRootProps, gridColumnsTotalWidthSelector, gridColumnPositionsSelector } from '@mui/x-data-grid-premium';
+import E from '@mui/material/Box';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import N from '@mui/material/Skeleton';
+import $ from '@mui/material/Stack';
+import { styled } from '@mui/material/styles';
+
+var F=({showToolbar:t,disableExport:e,setFilterButtonEl:i,toolbarContent:n})=>{if(t)return jsxs(GridToolbarContainer,{children:[jsx(GridToolbarColumnsButton,{slotProps:{button:{color:"inherit"}}}),jsx(GridToolbarFilterButton,{ref:i,slotProps:{button:{color:"inherit"}}}),jsx(GridToolbarDensitySelector,{slotProps:{button:{color:"inherit"}}}),!e&&jsx(GridToolbarExport,{slotProps:{button:{color:"inherit"}}}),jsx(E,{sx:{flexGrow:1}}),n]})},S=F;var G=styled(E)({display:"flex",flexDirection:"row",alignItems:"center",padding:"0 16px"}),V=()=>{let t=useGridApiContext(),{rowHeight:e,paginationModel:i,initialState:n}=useGridRootProps(),m=i?.pageSize||n?.pagination?.paginationModel?.pageSize||10,p=gridColumnsTotalWidthSelector(t),d=gridColumnPositionsSelector(t),g=x.useMemo(()=>d.filter(o=>o<=p).length,[p,d]),l=t.current?t.current.getVisibleColumns().slice(0,g):[],s=l.length>1?l:[...l,...Array.from({length:8},(o,r)=>({field:`fake${String(r+1).padStart(2,"0")}`,headerName:"",computedWidth:200,align:"flex-start"}))],h=x.useMemo(()=>{let o=[];for(let r=0;r<m;r+=1){for(let u of s)o.push(jsx(G,{sx:{justifyContent:u.align},children:jsx(N,{width:"100%"})},`column-${r}-${u.field}`));o.push(jsx(G,{},`fill-${r}`));}return o},[m,s]);return jsx($,{display:"grid",sx:{display:"grid",gridTemplateColumns:`${s.map(({computedWidth:o})=>`${o}px`).join(" ")} 1fr`,gridAutoRows:e,backgroundColor:"#fff",overflow:"hidden",maxHeight:"100%"},children:h})},y=V;var X=({columns:t,rows:e=[],loading:i,fetching:n,hideFooter:m,sx:p,showToolbar:d,disableExport:g,columnHeaderHeight:l=56,rowHeight:s=76,rowSpacingType:h="margin",getRowSpacing:o=()=>({top:0,bottom:0}),autoHeight:r=!1,toolbarContent:u,slots:P,...w})=>{let[T,k]=useState(null),R=[{...GRID_CHECKBOX_SELECTION_COL_DEF,width:71},...t];return jsxs(Fragment,{children:[n&&jsx(a,{sx:{zIndex:1}}),jsx(DataGridPremium,{columns:R,rows:e,loading:i,autoHeight:r,hideFooter:e.length===0?!0:m,rowHeight:s,columnHeaderHeight:l,getRowSpacing:o,rowSpacingType:h,slots:{toolbar:S,noRowsOverlay:()=>jsx(a$1,{title:"Nenhum registro encontrado"}),noResultsOverlay:()=>jsx(a$1,{title:"Nenhum registro encontrado"}),loadingOverlay:y,...P},slotProps:{panel:{anchorEl:T},toolbar:{setFilterButtonEl:k,showQuickFilter:!0,disableExport:g,showToolbar:d,toolbarContent:u}},sx:p,...w})]})},bo=X;
+
+export { bo as a };

package/dist/components/DataGrid/index.js

@@ -1,15 +1,5 @@
-import { a } from '../../chunk-FK7DDO5L.js';
-import { a as a$1 } from '../../chunk-PUR4ARBY.js';
+export { a as default } from '../../chunk-JTD47UZZ.js';
+import '../../chunk-FK7DDO5L.js';
+import '../../chunk-PUR4ARBY.js';
 import '../../chunk-U26IUEAG.js';
 import '../../chunk-D27ND54J.js';
-import x, { useState } from 'react';
-import { GRID_CHECKBOX_SELECTION_COL_DEF, DataGridPremium, GridToolbarContainer, GridToolbarColumnsButton, GridToolbarFilterButton, GridToolbarDensitySelector, GridToolbarExport, useGridApiContext, useGridRootProps, gridColumnsTotalWidthSelector, gridColumnPositionsSelector } from '@mui/x-data-grid-premium';
-import E from '@mui/material/Box';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import N from '@mui/material/Skeleton';
-import $ from '@mui/material/Stack';
-import { styled } from '@mui/material/styles';
-
-var F=({showToolbar:t,disableExport:e,setFilterButtonEl:i,toolbarContent:n})=>{if(t)return jsxs(GridToolbarContainer,{children:[jsx(GridToolbarColumnsButton,{slotProps:{button:{color:"inherit"}}}),jsx(GridToolbarFilterButton,{ref:i,slotProps:{button:{color:"inherit"}}}),jsx(GridToolbarDensitySelector,{slotProps:{button:{color:"inherit"}}}),!e&&jsx(GridToolbarExport,{slotProps:{button:{color:"inherit"}}}),jsx(E,{sx:{flexGrow:1}}),n]})},S=F;var G=styled(E)({display:"flex",flexDirection:"row",alignItems:"center",padding:"0 16px"}),V=()=>{let t=useGridApiContext(),{rowHeight:e,paginationModel:i,initialState:n}=useGridRootProps(),m=i?.pageSize||n?.pagination?.paginationModel?.pageSize||10,p=gridColumnsTotalWidthSelector(t),d=gridColumnPositionsSelector(t),g=x.useMemo(()=>d.filter(o=>o<=p).length,[p,d]),l=t.current?t.current.getVisibleColumns().slice(0,g):[],s=l.length>1?l:[...l,...Array.from({length:8},(o,r)=>({field:`fake${String(r+1).padStart(2,"0")}`,headerName:"",computedWidth:200,align:"flex-start"}))],h=x.useMemo(()=>{let o=[];for(let r=0;r<m;r+=1){for(let u of s)o.push(jsx(G,{sx:{justifyContent:u.align},children:jsx(N,{width:"100%"})},`column-${r}-${u.field}`));o.push(jsx(G,{},`fill-${r}`));}return o},[m,s]);return jsx($,{display:"grid",sx:{display:"grid",gridTemplateColumns:`${s.map(({computedWidth:o})=>`${o}px`).join(" ")} 1fr`,gridAutoRows:e,backgroundColor:"#fff",overflow:"hidden",maxHeight:"100%"},children:h})},y=V;var X=({columns:t,rows:e=[],loading:i,fetching:n,hideFooter:m,sx:p,showToolbar:d,disableExport:g,columnHeaderHeight:l=56,rowHeight:s=76,rowSpacingType:h="margin",getRowSpacing:o=()=>({top:0,bottom:0}),autoHeight:r=!1,toolbarContent:u,slots:P,...w})=>{let[T,k]=useState(null),R=[{...GRID_CHECKBOX_SELECTION_COL_DEF,width:71},...t];return jsxs(Fragment,{children:[n&&jsx(a,{sx:{zIndex:1}}),jsx(DataGridPremium,{columns:R,rows:e,loading:i,autoHeight:r,hideFooter:e.length===0?!0:m,rowHeight:s,columnHeaderHeight:l,getRowSpacing:o,rowSpacingType:h,slots:{toolbar:S,noRowsOverlay:()=>jsx(a$1,{title:"Nenhum registro encontrado"}),noResultsOverlay:()=>jsx(a$1,{title:"Nenhum registro encontrado"}),loadingOverlay:y,...P},slotProps:{panel:{anchorEl:T},toolbar:{setFilterButtonEl:k,showQuickFilter:!0,disableExport:g,showToolbar:d,toolbarContent:u}},sx:p,...w})]})},bo=X;
-
-export { bo as default };

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

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { Breakpoint } from '@mui/material/styles';
+import { DataGridProps } from '../../types/dataGridProps.js';
+import '@mui/x-data-grid-premium';
+
+interface DataViewProps extends DataGridProps {
+    title: string;
+    breakpoint?: Breakpoint | number;
+    onPaginationChange: (page: number, rowsPerPage: number) => void;
+    mobileRender: (row: any) => ReactNode;
+    actions?: ReactNode;
+    moreActions?: ReactNode;
+    onAdd?: () => void;
+    onSearch?: (value: string) => void;
+}
+
+declare const DataView: ({ title, breakpoint, columns, rows, mobileRender, rowCount, paginationModel, onPaginationChange, actions, moreActions, onAdd, onSearch, ...others }: DataViewProps) => react_jsx_runtime.JSX.Element;
+
+export { DataView as default };

package/dist/components/DataView/index.js

@@ -0,0 +1,26 @@
+import { a as a$4 } from '../../chunk-MPKHVDQH.js';
+import { a as a$3 } from '../../chunk-HOMGLSVS.js';
+import { a as a$6 } from '../../chunk-5YJTSVA2.js';
+import { a } from '../../chunk-CFD2VTQ3.js';
+import { a as a$5 } from '../../chunk-JTD47UZZ.js';
+import '../../chunk-FK7DDO5L.js';
+import '../../chunk-PUR4ARBY.js';
+import '../../chunk-U26IUEAG.js';
+import '../../chunk-D27ND54J.js';
+import { a as a$1 } from '../../chunk-YQ6K2DEP.js';
+import '../../chunk-CHLVIVDD.js';
+import { a as a$2 } from '../../chunk-ORYAES3Q.js';
+import { b as b$1 } from '../../chunk-ILHUUK4X.js';
+import { forwardRef, useState } from 'react';
+import K from '@mui/material/Button';
+import z from '@mui/material/Divider';
+import s from '@mui/material/Stack';
+import x from '@mui/material/Typography';
+import po from '@mui/material/TablePagination';
+import { styled, alpha } from '@mui/material/styles';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { GridToolbarFilterButton, GridToolbarColumnsButton } from '@mui/x-data-grid-premium';
+
+var g="datagrid-actions";var W=styled(a,{shouldForwardProp:o=>o!=="breakpoint"})(({theme:o,breakpoint:t})=>({position:"relative",borderRadius:12,padding:0,gap:0,overflow:"hidden",[o.breakpoints.down(t)]:{borderColor:alpha(o.palette.grey[500],.2)}})),N=styled(s,{shouldForwardProp:o=>o!=="breakpoint"})(({theme:o,breakpoint:t})=>({flexDirection:"row",alignItems:"center",justifyContent:"space-between",padding:"24px 24px 0",gap:24,[o.breakpoints.down(t)]:{padding:"16px 16px 0"}})),O=styled(s,{shouldForwardProp:o=>o!=="breakpoint"})(({theme:o,breakpoint:t})=>({flexDirection:"row",alignItems:"center",gap:12,color:o.palette.text.secondary,[o.breakpoints.down(t)]:{"& button":{textIndent:"-9999px",minWidth:36,maxWidth:36,height:36,width:36,"& .MuiButton-icon":{margin:0}}}})),_=styled(z)({borderStyle:"dashed",height:16,margin:"auto"}),b=styled(z)({borderStyle:"dashed",height:12,marginTop:"auto",marginBottom:"auto"}),V=styled(s,{shouldForwardProp:o=>o!=="breakpoint"})(({theme:o,breakpoint:t})=>({position:"relative",padding:16,flexDirection:"row",alignItems:"center",color:o.palette.text.secondary,[o.breakpoints.down(t)]:{padding:"12px 16px",borderBottom:`1px solid ${o.palette.divider}`,[o.breakpoints.down(t)]:{"& button":{textIndent:"-9999px",minWidth:36,maxWidth:36,height:36,width:36,"& .MuiButton-icon":{margin:0}}}}})),j=styled(s,{shouldForwardProp:o=>o!=="breakpoint"})(({theme:o,breakpoint:t})=>({width:320,alignItems:"center",justifyContent:"center",[o.breakpoints.down(t)]:{width:36,height:36,"& fieldset, & input":{display:"none"},"& .MuiInputAdornment-root":{marginLeft:-14},"&:hover":{position:"absolute",left:0,width:"100%",padding:"0 12px","& fieldset, & input":{display:"flex"},"& .MuiInputAdornment-root":{marginLeft:0}}}})),$=styled(s)({"& .MuiToolbar-root":{height:24,minHeight:24,overflow:"hidden"}}),Q=styled(s)(({theme:o})=>({height:60,alignItems:"flex-end",justifyContent:"center",borderTop:`1px solid ${o.palette.divider}`})),U=styled(s)(({theme:o})=>({flexDirection:"row",height:60,alignItems:"center",justifyContent:"space-between",borderTop:`1px solid ${o.palette.divider}`,gap:16,padding:16}));var so=({count:o,page:t,rowsPerPage:f,onPageChange:m,onRowsPerPageChange:h})=>jsx($,{children:jsx(po,{color:"primary",component:"div",size:"small",count:o,page:t,rowsPerPage:f,onPageChange:(l,e)=>m(e),onRowsPerPageChange:l=>h(Number(l.target.value))})}),w=so;var X=forwardRef((o,t)=>jsx(K,{...o,ref:t,color:"inherit",startIcon:jsx(a$1,{icon:"COLUMNS"}),children:"Colunas"}));X.displayName="ColumnsButton";var Y=forwardRef((o,t)=>jsx(K,{...o,ref:t,color:"inherit",startIcon:jsx(a$1,{icon:"FILTER_VERTICAL"}),children:"Filtros"}));Y.displayName="FilterButton";var co=({setFilterButtonEl:o})=>jsxs(a$6,{container:g,children:[jsx(b,{orientation:"vertical",flexItem:!0}),jsx(GridToolbarFilterButton,{ref:o,slotProps:{button:{component:Y,color:"inherit"}}}),jsx(b,{orientation:"vertical",flexItem:!0}),jsx(GridToolbarColumnsButton,{slotProps:{button:{component:X,color:"inherit"}}})]}),Z=co;var ho=({title:o,breakpoint:t="md",columns:f,rows:m=[],mobileRender:h,rowCount:l=0,paginationModel:e={page:0,pageSize:25},onPaginationChange:c,actions:D,moreActions:T,onAdd:I,onSearch:v,...ro})=>{let u=a$2(),P=b$1("down",t),[eo,no]=useState(null),y=!!v,B=!!I,S=!!D,io=S||B,k=!!T,A=k||y||!P;return jsxs(W,{breakpoint:t,children:[jsxs(N,{breakpoint:t,children:[jsx(x,{variant:"overline",color:"text.secondary",noWrap:!0,children:o}),io&&jsxs(O,{breakpoint:t,children:[S&&jsxs(Fragment,{children:[D,jsx(_,{orientation:"vertical",flexItem:!0})]}),B&&jsx(K,{startIcon:jsx(a$1,{icon:"SIMPLE_ADD"}),variant:"contained",onClick:I,children:"Adicionar"})]})]}),A&&jsxs(V,{breakpoint:t,children:[jsx(s,{flex:1,direction:"row",alignItems:"center",id:g,gap:.5,children:k&&jsxs(Fragment,{children:[jsx(K,{color:"inherit",startIcon:jsx(a$1,{icon:"MORE_BOLD"}),size:"small",onClick:u.onOpen,children:"Mais"}),jsx(a$3,{open:u.open,anchorEl:u.open,onClose:u.onClose,sx:{minWidth:160},disabledArrow:P,children:T})]})}),y&&jsx(j,{breakpoint:t,children:jsx(a$4,{placeholder:"Buscar",onSearch:v,size:"small",fullWidth:!0,iconPosition:"start"})})]}),!A&&jsx(z,{sx:{mt:2}}),P?jsxs(Fragment,{children:[m.map(i=>h(i)),jsx(Q,{children:jsx(w,{count:l,page:e.page,rowsPerPage:e.pageSize,onPageChange:i=>c(i,e.pageSize),onRowsPerPageChange:i=>c(e.page,i)})})]}):jsx(a$5,{columns:f,rows:m,slots:{toolbar:Z,footer:()=>jsxs(U,{children:[jsxs(s,{direction:"row",alignItems:"center",gap:.5,children:[jsx(x,{variant:"body2",color:"text.disabled",children:"Total de itens:"}),jsx(x,{variant:"body2",children:l})]}),jsx(w,{count:l,page:e.page,rowsPerPage:e.pageSize,onPageChange:i=>c(i,e.pageSize),onRowsPerPageChange:i=>c(e.page,i)})]})},slotProps:{panel:{anchorEl:eo},toolbar:{setFilterButtonEl:no,showQuickFilter:!0}},columnHeaderHeight:48,getRowHeight:()=>68,...ro})]})},Xo=ho;
+
+export { Xo as default };

package/dist/components/FileUpload/index.js

@@ -1,7 +1,7 @@
 import { a as a$4 } from '../../chunk-H5L4ARDB.js';
-import { a } from '../../chunk-AV36ZLPF.js';
 import { e } from '../../chunk-ANAHA3L6.js';
 import { a as a$3 } from '../../chunk-IPOTBSM7.js';
+import { a } from '../../chunk-AV36ZLPF.js';
 import { f } from '../../chunk-IOF7MNRL.js';
 import { a as a$5 } from '../../chunk-6VHUXLMC.js';
 import '../../chunk-4WWRGU3D.js';

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

@@ -3,13 +3,14 @@ import { ReactNode } from 'react';
 import { SectionProps } from '../../types/sectionProps.js';
 
 type FrameSkeletonProps = {
-    title: string;
+    title: ReactNode;
+    subtitle?: ReactNode;
     sections: SectionProps[];
     headerLeftContent?: ReactNode;
     headerRightContent?: ReactNode;
     onClickBack: VoidFunction;
 };
 
-declare const FrameSkeleton: ({ title, sections, headerLeftContent, headerRightContent, onClickBack, }: FrameSkeletonProps) => react_jsx_runtime.JSX.Element;
+declare const FrameSkeleton: ({ title, subtitle, sections, headerLeftContent, headerRightContent, onClickBack, }: FrameSkeletonProps) => react_jsx_runtime.JSX.Element;
 
 export { FrameSkeleton as default };

package/dist/components/FrameSkeleton/index.js

@@ -1,17 +1,14 @@
-import { a as a$3 } from '../../chunk-BYAPKKGB.js';
-import { a } from '../../chunk-E5MGOPPQ.js';
-import { a as a$2 } from '../../chunk-YZU7RKVH.js';
-import { a as a$1 } from '../../chunk-YQ6K2DEP.js';
+import { a as a$2 } from '../../chunk-AV36ZLPF.js';
+import { a } from '../../chunk-CFD2VTQ3.js';
+import { a as a$1 } from '../../chunk-E5MGOPPQ.js';
+import { a as a$3 } from '../../chunk-YQ6K2DEP.js';
 import '../../chunk-CHLVIVDD.js';
-import { b as b$1 } from '../../chunk-ILHUUK4X.js';
-import L from '@mui/material/Divider';
-import R from '@mui/material/IconButton';
 import i from '@mui/material/Stack';
-import S from '@mui/material/Typography';
-import H from '@mui/material/Button';
-import { styled } from '@mui/material/styles';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import d from '@mui/material/Typography';
+import R from '@mui/material/Button';
+import { styled, alpha } from '@mui/material/styles';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
-var h=styled(i)(({theme:t})=>({backgroundColor:"#fff",minWidth:"250px",padding:24,minHeight:"calc(100vh - var(--sticky-header-height, 64px))",borderRight:`1px solid ${t.palette.grey[200]}`,[t.breakpoints.down("sm")]:{display:"none"}})),b=styled(i)(({theme:t})=>({backgroundColor:"#fff",position:"sticky",top:"var(--sticky-header-height, 64px)",zIndex:999,width:"100%",padding:24,gap:24,borderBottom:`1px solid ${t.palette.grey[200]}`})),k=styled(i)({flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:24}),y=styled(i)(({theme:t})=>({height:"100%",width:"50%",flex:1,[t.breakpoints.down(1680)]:{width:"90%"}})),B=styled(S)(({theme:t})=>({color:t.palette.grey[800],fontSize:18,fontWeight:700})),u=styled(S)(({theme:t})=>({color:t.palette.grey[500],fontSize:14,fontWeight:400,paddingBottom:24})),w=styled(H)(({theme:t})=>({paddingTop:6,paddingBottom:6,paddingLeft:0,margin:0,marginBottom:4,marginTop:4,width:"100%",display:"block",cursor:"pointer",color:t.palette.grey[600],textAlign:"left",fontWeight:400,fontSize:14,"> span":{color:t.palette.error.main}})),T=styled(a)(()=>({height:1,"& .simplebar-content":{height:1}})),I=styled(i)(()=>({position:"fixed",width:"202px"})),v=styled(i)(({theme:t})=>({position:"fixed",bottom:0,left:0,width:"100%",height:112,padding:"12px 16px",backgroundColor:t.palette.background.paper,borderTop:`1px solid ${t.palette.grey[200]}`,boxShadow:"0 0 4px rgba(0, 0, 0, 0.1)",alignItems:"center",zIndex:800,[t.breakpoints.up("sm")]:{display:"none"}}));var z=({title:t,sections:d,headerLeftContent:W,headerRightContent:c,onClickBack:F})=>{let p=b$1("down","md");return jsx(i,{children:jsxs(i,{direction:"row",children:[jsx(h,{id:"frame-skeleton-left-box",children:jsx(T,{children:jsxs(I,{children:[jsx(S,{variant:"overline",color:"text.disabled",fontWeight:700,children:"ACESSO R\xC1PIDO"}),d.map((e,l)=>jsxs(i,{children:[jsxs(w,{onClick:()=>{e.ref.current&&e.ref.current.scrollIntoView({block:"center",behavior:"smooth"});},children:[e.title,e.isRequired&&jsx("span",{children:"*"})]}),l<d.length-1&&jsx(L,{sx:{borderColor:"grey.200"}})]},l))]})})}),jsxs(i,{width:"100%",alignItems:"center",mb:8,children:[jsx(b,{children:jsxs(k,{children:[jsx(i,{flexDirection:"row",gap:2,alignItems:"center",children:jsxs(i,{direction:p?"column":"row",spacing:2,children:[jsxs(i,{direction:"row",children:[jsx(R,{color:"primary",onClick:()=>F(),"aria-label":"Voltar para a tela anterior","data-testid":"backToPreviousPage",children:jsx(a$1,{icon:"CHEVRON_LEFT"})}),jsx(S,{variant:"h4",whiteSpace:"nowrap",children:t})]}),jsx(i,{alignItems:p?"flex-start":"center",justifyContent:"center",children:W})]})}),jsxs(i,{direction:"row",gap:2,alignItems:"center",minWidth:"max-content",children:[jsx(a$2,{sx:{display:{xs:"none",sm:"flex"}},disabled:!0}),p&&c?jsx(v,{children:c}):c]})]})}),jsx(y,{children:d.map((e,l)=>jsxs(i,{paddingTop:3,paddingBottom:p?10:2,alignItems:"start",width:"100%",id:`section-${l}`,children:[jsx(B,{ref:e.ref,children:e.title}),jsx(u,{children:e.subTitle}),jsx(a$3,{width:"100%",borderRadius:1,gap:1.5,padding:p?2:3,children:e.child})]},e.title))})]})]})})},Q=z;
+var x=styled(i)(({theme:t})=>({backgroundColor:"#fff",minWidth:300,flex:1,borderRight:`1px solid ${t.palette.grey[200]}`,[t.breakpoints.down("md")]:{display:"none"}})),S=styled(i)({position:"sticky",top:"calc(var(--sticky-header-height, 64px))",height:"calc(100vh - var(--sticky-header-height, 64px))"}),b=styled(i)(({theme:t})=>({position:"sticky",top:"var(--sticky-header-height, 64px)",flexDirection:"row",alignItems:"center",backgroundColor:"#fff",zIndex:999,width:"100%",padding:"12px 24px",height:64,gap:12,borderBottom:`1px solid ${t.palette.grey[200]}`,[t.breakpoints.down("md")]:{padding:"14px 16px",gap:6}})),k=styled(R)(({theme:t})=>({height:50,background:"none",fontSize:13,fontWeight:400,justifyContent:"flex-start",padding:"12px 8px",color:t.palette.text.secondary,borderBottom:`1px dashed ${alpha(t.palette.grey[500],.2)}`,borderRadius:0,gap:4,"&:hover":{backgroundColor:"transparent"},"& .required":{color:t.palette.error.main}})),p=styled(i)(({theme:t})=>({flex:1,flexDirection:"row",alignItems:"center",gap:24,"&.header-left-content":{justifyContent:"flex-start",marginLeft:12},[t.breakpoints.down("md")]:{gap:8,flex:"initial","& button":{textIndent:"-9999px",minWidth:36,maxWidth:36,height:36,width:36,"& .MuiButton-icon":{margin:"auto"}},"&.header-left-content":{justifyContent:"flex-end",marginLeft:"auto",marginRight:-6,"& label":{marginRight:0},"& .MuiTypography-root":{display:"none"}}}})),y=styled(i)(({theme:t})=>({flex:1,width:"100%",padding:24,gap:24,alignItems:"center",[t.breakpoints.down("md")]:{padding:"24px 16px"}})),u=styled(i)(({theme:t})=>({alignItems:"start",width:"100%",maxWidth:700,[t.breakpoints.down("md")]:{maxWidth:"100%"}})),C=styled(a)(({theme:t})=>({width:"100%",borderRadius:12,gap:12,[t.breakpoints.down("md")]:{padding:"24px 16px"}})),w=styled(d)(({theme:t})=>({color:t.palette.grey[800],fontSize:18,fontWeight:700})),T=styled(d)(({theme:t})=>({color:t.palette.grey[500],fontSize:14,fontWeight:400,paddingBottom:24}));var H=({title:t,subtitle:l,sections:c,headerLeftContent:v,headerRightContent:I,onClickBack:W})=>jsxs(i,{direction:"row",flex:1,children:[jsx(x,{id:"frame-skeleton-left-box",children:jsx(S,{children:jsx(a$1,{fillContent:!0,sx:{p:3},children:jsxs(i,{gap:1.5,children:[jsx(d,{variant:"overline",color:"text.disabled",fontWeight:700,pl:1,children:"ACESSO R\xC1PIDO"}),jsx(i,{children:c.map(o=>jsxs(k,{onClick:()=>{o.ref.current&&o.ref.current.scrollIntoView({block:"center",behavior:"smooth"});},children:[o.title,o.isRequired&&jsx("span",{className:"required",children:"*"})]},o.title))})]})})})}),jsxs(i,{width:"100%",alignItems:"center",mb:8,children:[jsxs(b,{children:[jsx(a$2,{color:"inherit",onClick:()=>W(),label:"Voltar","data-testid":"backToPreviousPage",children:jsx(a$3,{icon:"CHEVRON_LEFT"})}),jsxs(i,{overflow:"hidden",children:[jsx(d,{variant:"subtitle1",noWrap:!0,children:t}),l&&jsx(d,{variant:"caption",color:"text.secondary",noWrap:!0,children:l})]}),jsx(p,{className:"header-left-content",children:v}),jsx(p,{justifyContent:"flex-end",color:"text.secondary",children:I})]}),jsx(y,{children:c.map((o,B)=>jsxs(u,{id:`section-${B}`,children:[jsx(w,{ref:o.ref,children:o.title}),jsx(T,{children:o.subTitle}),jsx(C,{children:o.child})]},o.title))})]})]}),A=H;
 
-export { Q as default };
+export { A as default };

package/dist/components/SelectableCards/index.js

@@ -1,7 +1,7 @@
-export { a as default } from '../../chunk-XBNWDR4F.js';
-import '../../chunk-MPKHVDQH.js';
+export { a as default } from '../../chunk-FM5E5MVW.js';
 import '../../chunk-TWGGHTU5.js';
 import '../../chunk-4ZBE3RNR.js';
+import '../../chunk-MPKHVDQH.js';
 import '../../chunk-U26IUEAG.js';
 import '../../chunk-E5MGOPPQ.js';
 import '../../chunk-YQ6K2DEP.js';

package/dist/components/SwapList/index.js

@@ -1,6 +1,6 @@
-import { a } from '../../chunk-MPKHVDQH.js';
 import { a as a$1 } from '../../chunk-TWGGHTU5.js';
 import { a as a$2 } from '../../chunk-4ZBE3RNR.js';
+import { a } from '../../chunk-MPKHVDQH.js';
 import '../../chunk-U26IUEAG.js';
 import { a as a$3 } from '../../chunk-E5MGOPPQ.js';
 import { a as a$4 } from '../../chunk-YQ6K2DEP.js';

package/dist/components/WebhookCard/index.js

@@ -1,7 +1,7 @@
 import { d } from '../../chunk-WUQSPJPN.js';
-import { a } from '../../chunk-HOMGLSVS.js';
 import { a as a$3 } from '../../chunk-UA7OPAW7.js';
-import { a as a$2 } from '../../chunk-BYAPKKGB.js';
+import { a } from '../../chunk-HOMGLSVS.js';
+import { a as a$2 } from '../../chunk-CFD2VTQ3.js';
 import '../../chunk-D27ND54J.js';
 import { a as a$4 } from '../../chunk-YQ6K2DEP.js';
 import '../../chunk-CHLVIVDD.js';

package/dist/components/WhiteBox/index.js

@@ -1 +1 @@
-export { a as default } from '../../chunk-BYAPKKGB.js';
+export { a as default } from '../../chunk-CFD2VTQ3.js';

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

@@ -1,7 +1,7 @@
-import { a } from '../../../chunk-XBNWDR4F.js';
-import '../../../chunk-MPKHVDQH.js';
+import { a } from '../../../chunk-FM5E5MVW.js';
 import '../../../chunk-TWGGHTU5.js';
 import '../../../chunk-4ZBE3RNR.js';
+import '../../../chunk-MPKHVDQH.js';
 import '../../../chunk-U26IUEAG.js';
 import '../../../chunk-E5MGOPPQ.js';
 import '../../../chunk-YQ6K2DEP.js';

package/package.json

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

package/dist/chunk-BYAPKKGB.js

@@ -1,7 +0,0 @@
-import p from '@mui/material/Stack';
-import { styled } from '@mui/material/styles';
-import { jsx } from 'react/jsx-runtime';
-
-var r=styled(p)(({theme:o})=>({backgroundColor:"#fff",border:`1px solid ${o.palette.grey[300]}`}));var d=({children:o,...t})=>jsx(r,{borderRadius:1,gap:3,padding:3,...t,children:o}),s=d;
-
-export { s as a };

package/dist/{chunk-XBNWDR4F.js → chunk-FM5E5MVW.js}

@@ -1,6 +1,6 @@
-import { a as a$1 } from './chunk-MPKHVDQH.js';
 import { a as a$3 } from './chunk-TWGGHTU5.js';
 import { a as a$4 } from './chunk-4ZBE3RNR.js';
+import { a as a$1 } from './chunk-MPKHVDQH.js';
 import { a as a$2 } from './chunk-E5MGOPPQ.js';
 import { a as a$5 } from './chunk-YQ6K2DEP.js';
 import { useState } from 'react';