@zydon/common 2.7.8 → 2.7.9

package/dist/chunk-2SUTVMCJ.js

@@ -0,0 +1,8 @@
+import { b as b$1 } from './chunk-JQ252Y2Q.js';
+import { b } from './chunk-TYA2RDQJ.js';
+import { useState } from 'react';
+import { useColorScheme } from '@mui/material/styles';
+
+var T=()=>{let{setMode:c}=useColorScheme(),{settings:{setColorScheme:l,colorScheme:h,scopeId:s}}=b(),[o,n]=useState(h),r=e=>{c(e),n(e),l(e),b$1(e,s);};return {colorScheme:o,mode:o,isDark:o==="dark",toggleTheme:()=>{r(o==="light"?"dark":"light");},setColorScheme:r}};
+
+export { T as a };

package/dist/chunk-JQ252Y2Q.js

@@ -0,0 +1,17 @@
+import { a } from './chunk-SO64ZYQB.js';
+import { a as a$7 } from './chunk-GUFT6XPG.js';
+import { c, b as b$1 } from './chunk-TYA2RDQJ.js';
+import { a as a$1, e } from './chunk-K25VBEKK.js';
+import { a as a$3, b } from './chunk-RRH2346R.js';
+import { p, r, a as a$2 } from './chunk-YKX5RVAJ.js';
+import { d, a as a$4 } from './chunk-7J53ZUIF.js';
+import { a as a$6 } from './chunk-S7QQBC4I.js';
+import { a as a$5 } from './chunk-QQDMA4TE.js';
+import { useMemo, useRef, useEffect } from 'react';
+import N from '@mui/material/CssBaseline';
+import { experimental_extendTheme, lighten, darken, Experimental_CssVarsProvider } from '@mui/material/styles';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var R=({scopeId:t,colorScheme:o,children:e})=>{let m=useRef(null);return useEffect(()=>{m.current&&o&&m.current.setAttribute("data-mui-color-scheme",o);},[o]),t?jsx("div",{ref:m,id:t,"data-theme-scope":!0,style:{isolation:"isolate",width:"100%",height:"100%",display:"contents"},children:e}):jsx(Fragment,{children:e})},V=R;var G=t=>({lighter:lighten(t,.815),light:lighten(t,.225),main:t,dark:darken(t,.15),darker:darken(t,.35),contrastText:"#000"});function w(t,o,e$1=""){let m=G(o.primaryColor);a(p,"dark.palette.primary",m),a(p,"light.palette.primary",m);let n={colorSchemes:p,shadows:a$1(o.colorScheme),customShadows:r(o.colorScheme,m.main),shape:{borderRadius:8},components:a$2,typography:{...e,fontFamily:d(o.fontFamily)},cssVarPrefix:e$1,shouldSkipGeneratingVar:H},r$1=a$3(n,o),i={};return experimental_extendTheme(r$1,t,b(o),i)}function H(t,o){let e=["mixins","overlays","direction","breakpoints","cssVarPrefix","unstable_sxConfig","typography","colorSchemes"],m={global:["tonalOffset","dividerChannel","contrastThreshold"],grey:["A100","A200","A400","A700"],text:["icon"]};if(t[0]==="palette"){let r=t[1],i=m[r]||m.global;return t.some(s=>i?.includes(s))}return t.some(r=>e?.includes(r))}var Se=(t,o)=>{if(typeof document<"u")if(o){let e=document.getElementById(o);e?e.setAttribute(a$4.dataMuiColorScheme,t):console.warn(`ThemeScope: Container #${o} n\xE3o encontrado`);}else document.documentElement.setAttribute(a$4.dataMuiColorScheme,t);},q=({children:t,cssVarPrefix:o})=>{let{settings:e}=b$1(),m=useMemo(()=>{let r=w(a$7[1].systemValue,{primaryColor:e.primaryColor,colorScheme:e.colorScheme,contrast:e.contrast,navLayout:e.navLayout,navColor:e.navColor,compactLayout:e.compactLayout,fontFamily:e.fontFamily,setColorScheme:e.setColorScheme},o),i=r.colorSchemes?.[e.colorScheme]?.palette;return i?r.palette=i:(r.palette=r.colorSchemes?.light?.palette||r.colorSchemes?.dark?.palette,r.palette.mode=e.colorScheme),r},[e,o]),n=useMemo(()=>({theme:m,mode:e.colorScheme,defaultMode:e.colorScheme,defaultColorScheme:e.colorScheme,modeStorageKey:a$4.modeStorageKey,colorSchemeStorageKey:a$4.modeStorageKey}),[m,e.colorScheme]);return jsxs(Experimental_CssVarsProvider,{...n,children:[jsx(N,{}),t]})},f={serializer:t=>t.replaceAll('"',""),deserializer:t=>t.replaceAll('"',"")},I=({children:t,cssVarPrefix:o="app",primaryColor:e="#4E5BEC",fontFamily:m="Public Sans",compactLayout:n=!0,contrast:r="default",navColor:i="integrate",navLayout:s="vertical",colorScheme:l="light",scopeId:S})=>{let[,g]=a$5(a$4.modeStorageKey,l,f),[,W]=a$5(`${a$4.modeStorageKey}-light`,"light",f),[,_]=a$5(`${a$4.modeStorageKey}-dark`,"dark",f);return a$6(()=>{_("dark"),W("light"),g(l);}),jsx(c,{primaryColor:e,fontFamily:m,compactLayout:n,contrast:r,navColor:i,navLayout:s,colorScheme:l,setColorScheme:g,scopeId:S,children:jsx(V,{scopeId:S,colorScheme:l,children:jsx(q,{cssVarPrefix:o,children:t})})})};var ge=I;
+
+export { w as a, Se as b, ge as c };

package/dist/chunk-TYA2RDQJ.js

@@ -0,0 +1,6 @@
+import { createContext, memo, useContext, useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var S=createContext(void 0),l=()=>{let t=useContext(S);if(!t)throw new Error("useSettingsContext deve ser usado dentro de um SettingsProvider");return t},m=({children:t,primaryColor:e,fontFamily:n,compactLayout:r,colorScheme:i,contrast:s,navColor:o,navLayout:d,setColorScheme:g,scopeId:u})=>{let x=useMemo(()=>({primaryColor:e,fontFamily:n,compactLayout:r,colorScheme:i,contrast:s,navColor:o,navLayout:d,setColorScheme:g,scopeId:u}),[e,n,r,i,s,o,d,g,u]);return jsx(S.Provider,{value:{settings:x},children:t})},w=memo(m);
+
+export { S as a, l as b, w as c };

package/dist/{chunk-5VOIOTTU.js → chunk-XAH3BFFE.js}

@@ -1,4 +1,4 @@
-import { a } from './chunk-DA3NAPMB.js';
+import { a } from './chunk-2SUTVMCJ.js';
 import { forwardRef } from 'react';
 import r from '@mui/material/Box';
 import { styled, alpha } from '@mui/material/styles';

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

@@ -10,8 +10,8 @@ interface ImageContainerProps {
 }
 
 declare const Avatar: react.ForwardRefExoticComponent<Omit<PropsWithChildren<ImageContainerProps & _mui_material_Avatar.AvatarOwnProps & _mui_material_Avatar.AvatarSlotsAndSlotProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "className" | "style" | "classes" | "sx" | "variant" | "slots" | "slotProps" | "sizes" | "alt" | "src" | "srcSet" | "imgProps"> & {
+    ref?: react.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+}, "children" | "style" | "className" | "classes" | "sx" | "variant" | "slots" | "slotProps" | "alt" | "src" | "sizes" | "srcSet" | "imgProps"> & {
     component?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
 }>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 

package/dist/components/AvatarButton/index.js

@@ -1,16 +1,16 @@
 import { a as a$4 } from '../../chunk-FP2AYD66.js';
-import { a as a$5 } from '../../chunk-5VOIOTTU.js';
+import { a as a$5 } from '../../chunk-XAH3BFFE.js';
 import { a } from '../../chunk-X2EIL7EB.js';
 import { a as a$2 } from '../../chunk-NF42ENKE.js';
 import { a as a$3 } from '../../chunk-WIJV4EHZ.js';
 import '../../chunk-FO7JCJ76.js';
 import '../../chunk-C2JZG45F.js';
 import { a as a$1 } from '../../chunk-ORYAES3Q.js';
-import '../../chunk-DA3NAPMB.js';
-import '../../chunk-P3JWN6WS.js';
+import '../../chunk-2SUTVMCJ.js';
+import '../../chunk-JQ252Y2Q.js';
 import '../../chunk-SO64ZYQB.js';
 import '../../chunk-GUFT6XPG.js';
-import '../../chunk-FT5VGKNM.js';
+import '../../chunk-TYA2RDQJ.js';
 import '../../chunk-K25VBEKK.js';
 import '../../chunk-RRH2346R.js';
 import '../../chunk-CFVUZ4S5.js';

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

@@ -8,8 +8,12 @@ interface CommonProps {
     cssVarPrefix?: string;
     snackbar?: boolean;
     storageKey?: string;
+    scopeId?: string;
 }
 
-declare const Common: ({ primaryColor, colorScheme, contrast, children, cssVarPrefix, snackbar, }: PropsWithChildren<CommonProps>) => react_jsx_runtime.JSX.Element;
+declare const Common: {
+    ({ primaryColor, colorScheme, contrast, children, cssVarPrefix, snackbar, scopeId, }: PropsWithChildren<CommonProps>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 export { Common as default };

package/dist/components/Common/index.js

@@ -1,11 +1,10 @@
-import { a as a$1 } from '../../chunk-UBRDWK4B.js';
 import { a } from '../../chunk-WIJV4EHZ.js';
 import '../../chunk-FO7JCJ76.js';
 import '../../chunk-C2JZG45F.js';
-import { c, b as b$2 } from '../../chunk-P3JWN6WS.js';
+import { c as c$1 } from '../../chunk-JQ252Y2Q.js';
 import '../../chunk-SO64ZYQB.js';
 import '../../chunk-GUFT6XPG.js';
-import { b as b$1 } from '../../chunk-FT5VGKNM.js';
+import '../../chunk-TYA2RDQJ.js';
 import '../../chunk-K25VBEKK.js';
 import '../../chunk-RRH2346R.js';
 import '../../chunk-CFVUZ4S5.js';
@@ -17,16 +16,15 @@ import '../../chunk-Z2TDWMRU.js';
 import '../../chunk-4INDXVIX.js';
 import '../../chunk-3APKMSVD.js';
 import 'dayjs/locale/pt-br';
-import h from 'dayjs';
+import _ from 'dayjs';
 import { AdapterDayjs } from '@mui/x-date-pickers-pro/AdapterDayjs';
 import { LocalizationProvider } from '@mui/x-date-pickers-pro/LocalizationProvider';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { LazyMotion, domMax } from 'framer-motion';
-import z from '@mui/material/Portal';
-import { styled, useColorScheme } from '@mui/material/styles';
+import L from '@mui/material/Portal';
+import { styled } from '@mui/material/styles';
 import { Toaster } from 'sonner';
-import { useCallback, useEffect } from 'react';
 
-var $=({children:t})=>(h.locale("pt-br"),jsx(LocalizationProvider,{dateAdapter:AdapterDayjs,adapterLocale:"pt-br",children:t})),g=$;var C=({children:t})=>jsx(LazyMotion,{strict:!0,features:domMax,children:t});var o={root:"toaster__root",toast:"toaster__toast",title:"toaster__title",icon:"toaster__icon",iconSvg:"toaster__icon__svg",content:"toaster__content",description:"toaster__description",actionButton:"toaster__action__button",cancelButton:"toaster__cancel__button",closeButton:"toaster__close_button",loadingIcon:"toaster__loading_icon",default:"toaster__default",error:"toaster__error",success:"toaster__success",warning:"toaster__warning",info:"toaster__info",loader:"sonner-loader",loaderVisible:'&[data-visible="true"]',closeBtnVisible:'[data-close-button="true"]'};var b=styled(Toaster)(({theme:t})=>{let r={toastDefault:{padding:t.spacing(1,1,1,1.5),boxShadow:t.customShadows.z8,color:t.vars.palette.background.paper,backgroundColor:t.vars.palette.text.primary},toastColor:{padding:t.spacing(.5,1,.5,.5),boxShadow:t.customShadows.z8,color:t.vars.palette.text.primary,backgroundColor:t.vars.palette.background.paper},toastLoader:{padding:t.spacing(.5,1,.5,.5),boxShadow:t.customShadows.z8,color:t.vars.palette.text.primary,backgroundColor:t.vars.palette.background.paper}},e={top:0,left:0,width:"100%",height:"100%",display:"none",transform:"none",overflow:"hidden",alignItems:"center",position:"relative",borderRadius:"inherit",justifyContent:"center",background:t.vars.palette.background.neutral,[`& .${o.loadingIcon}`]:{zIndex:9,width:24,height:24,borderRadius:"50%",animation:"rotate 3s infinite linear",background:`conic-gradient(${k(t.vars.palette.text.primaryChannel,0)}, ${k(t.vars.palette.text.disabledChannel,.64)})`},[o.loaderVisible]:{display:"flex"}};return {width:300,[`& .${o.toast}`]:{gap:12,width:"100%",minHeight:52,display:"flex",borderRadius:12,alignItems:"center"},[`& .${o.content}`]:{gap:0,flex:"1 1 auto"},[`& .${o.title}`]:{fontSize:t.typography.subtitle2.fontSize},[`& .${o.description}`]:{...t.typography.caption,opacity:.64},[`& .${o.actionButton}`]:{},[`& .${o.cancelButton}`]:{},[`& .${o.closeButton}`]:{top:0,right:0,left:"auto",color:"currentColor",backgroundColor:"transparent",transform:"translate(-6px, 6px)",borderColor:k(t.vars.palette.grey["500Channel"],.16),transition:t.transitions.create(["background-color","border-color"]),"&:hover":{borderColor:k(t.vars.palette.grey["500Channel"],.24),backgroundColor:k(t.vars.palette.grey["500Channel"],.08)}},[`& .${o.icon}`]:{margin:0,width:48,height:48,alignItems:"center",borderRadius:"inherit",justifyContent:"center",alignSelf:"flex-start",[`& .${o.iconSvg}`]:{width:24,height:24,fontSize:0}},"@keyframes rotate":{to:{transform:"rotate(1turn)"}},[`& .${o.default}`]:{...r.toastDefault,[`&:has(${o.closeBtnVisible})`]:{[`& .${o.content}`]:{paddingRight:32}},[`&:has(.${o.loader})`]:r.toastLoader,[`&:has(.${o.loader})`]:r.toastLoader,[`& .${o.loader}`]:e},[`& .${o.error}`]:{...r.toastColor,[`& .${o.icon}`]:{color:t.vars.palette.error.main,backgroundColor:k(t.vars.palette.error.mainChannel,.08)}},[`& .${o.success}`]:{...r.toastColor,[`& .${o.icon}`]:{color:t.vars.palette.success.main,backgroundColor:k(t.vars.palette.success.mainChannel,.08)}},[`& .${o.warning}`]:{...r.toastColor,[`& .${o.icon}`]:{color:t.vars.palette.warning.main,backgroundColor:k(t.vars.palette.warning.mainChannel,.08)}},[`& .${o.info}`]:{...r.toastColor,[`& .${o.icon}`]:{color:t.vars.palette.info.main,backgroundColor:k(t.vars.palette.info.mainChannel,.08)}}}});var _=()=>jsx(z,{container:typeof window<"u"?document.getElementById("snackbar-container-provider"):null,children:jsx(b,{expand:!0,gap:12,closeButton:!0,offset:16,visibleToasts:4,position:"top-right",className:o.root,toastOptions:{unstyled:!0,classNames:{toast:o.toast,icon:o.icon,content:o.content,title:o.title,description:o.description,actionButton:o.actionButton,cancelButton:o.cancelButton,closeButton:o.closeButton,default:o.default,info:o.info,error:o.error,success:o.success,warning:o.warning}},icons:{loading:jsx("span",{className:o.loadingIcon}),info:jsx(a,{className:o.iconSvg,icon:"INFO_CIRCLE"}),success:jsx(a,{className:o.iconSvg,icon:"CHECK_CIRCLE"}),warning:jsx(a,{className:o.iconSvg,icon:"WARNING_TRIANGULE"}),error:jsx(a,{className:o.iconSvg,icon:"ALERT_CIRCLE"})}})});var E=({children:t})=>{let r=a$1(),{setMode:e}=useColorScheme(),{settings:{colorScheme:i,setColorScheme:c}}=b$1(),s=useCallback(()=>{e(i),c(i),b$2(i);},[i,e,c]);return useEffect(()=>{r&&s&&s();},[r,s]),t},v=E;var M=({primaryColor:t,colorScheme:r="light",contrast:e="default",children:i,cssVarPrefix:c$1="app",snackbar:s=!0})=>jsx(g,{children:jsx(c,{primaryColor:t,colorScheme:r,contrast:e,cssVarPrefix:c$1,children:jsx(v,{children:jsxs(C,{children:[i,s&&jsx(_,{})]})})})}),bo=M;
+var h=({children:t})=>(_.locale("pt-br"),jsx(LocalizationProvider,{dateAdapter:AdapterDayjs,adapterLocale:"pt-br",children:t})),c=h;var d=({children:t})=>jsx(LazyMotion,{strict:!0,features:domMax,children:t});var o={root:"toaster__root",toast:"toaster__toast",title:"toaster__title",icon:"toaster__icon",iconSvg:"toaster__icon__svg",content:"toaster__content",description:"toaster__description",actionButton:"toaster__action__button",cancelButton:"toaster__cancel__button",closeButton:"toaster__close_button",loadingIcon:"toaster__loading_icon",default:"toaster__default",error:"toaster__error",success:"toaster__success",warning:"toaster__warning",info:"toaster__info",loader:"sonner-loader",loaderVisible:'&[data-visible="true"]',closeBtnVisible:'[data-close-button="true"]'};var p=styled(Toaster)(({theme:t})=>{let a={toastDefault:{padding:t.spacing(1,1,1,1.5),boxShadow:t.customShadows.z8,color:t.vars.palette.background.paper,backgroundColor:t.vars.palette.text.primary},toastColor:{padding:t.spacing(.5,1,.5,.5),boxShadow:t.customShadows.z8,color:t.vars.palette.text.primary,backgroundColor:t.vars.palette.background.paper},toastLoader:{padding:t.spacing(.5,1,.5,.5),boxShadow:t.customShadows.z8,color:t.vars.palette.text.primary,backgroundColor:t.vars.palette.background.paper}},i={top:0,left:0,width:"100%",height:"100%",display:"none",transform:"none",overflow:"hidden",alignItems:"center",position:"relative",borderRadius:"inherit",justifyContent:"center",background:t.vars.palette.background.neutral,[`& .${o.loadingIcon}`]:{zIndex:9,width:24,height:24,borderRadius:"50%",animation:"rotate 3s infinite linear",background:`conic-gradient(${k(t.vars.palette.text.primaryChannel,0)}, ${k(t.vars.palette.text.disabledChannel,.64)})`},[o.loaderVisible]:{display:"flex"}};return {width:300,[`& .${o.toast}`]:{gap:12,width:"100%",minHeight:52,display:"flex",borderRadius:12,alignItems:"center"},[`& .${o.content}`]:{gap:0,flex:"1 1 auto"},[`& .${o.title}`]:{fontSize:t.typography.subtitle2.fontSize},[`& .${o.description}`]:{...t.typography.caption,opacity:.64},[`& .${o.actionButton}`]:{},[`& .${o.cancelButton}`]:{},[`& .${o.closeButton}`]:{top:0,right:0,left:"auto",color:"currentColor",backgroundColor:"transparent",transform:"translate(-6px, 6px)",borderColor:k(t.vars.palette.grey["500Channel"],.16),transition:t.transitions.create(["background-color","border-color"]),"&:hover":{borderColor:k(t.vars.palette.grey["500Channel"],.24),backgroundColor:k(t.vars.palette.grey["500Channel"],.08)}},[`& .${o.icon}`]:{margin:0,width:48,height:48,alignItems:"center",borderRadius:"inherit",justifyContent:"center",alignSelf:"flex-start",[`& .${o.iconSvg}`]:{width:24,height:24,fontSize:0}},"@keyframes rotate":{to:{transform:"rotate(1turn)"}},[`& .${o.default}`]:{...a.toastDefault,[`&:has(${o.closeBtnVisible})`]:{[`& .${o.content}`]:{paddingRight:32}},[`&:has(.${o.loader})`]:a.toastLoader,[`&:has(.${o.loader})`]:a.toastLoader,[`& .${o.loader}`]:i},[`& .${o.error}`]:{...a.toastColor,[`& .${o.icon}`]:{color:t.vars.palette.error.main,backgroundColor:k(t.vars.palette.error.mainChannel,.08)}},[`& .${o.success}`]:{...a.toastColor,[`& .${o.icon}`]:{color:t.vars.palette.success.main,backgroundColor:k(t.vars.palette.success.mainChannel,.08)}},[`& .${o.warning}`]:{...a.toastColor,[`& .${o.icon}`]:{color:t.vars.palette.warning.main,backgroundColor:k(t.vars.palette.warning.mainChannel,.08)}},[`& .${o.info}`]:{...a.toastColor,[`& .${o.icon}`]:{color:t.vars.palette.info.main,backgroundColor:k(t.vars.palette.info.mainChannel,.08)}}}});var u=()=>jsx(L,{container:typeof window<"u"?document.getElementById("snackbar-container-provider"):null,children:jsx(p,{expand:!0,gap:12,closeButton:!0,offset:16,visibleToasts:4,position:"top-right",className:o.root,toastOptions:{unstyled:!0,classNames:{toast:o.toast,icon:o.icon,content:o.content,title:o.title,description:o.description,actionButton:o.actionButton,cancelButton:o.cancelButton,closeButton:o.closeButton,default:o.default,info:o.info,error:o.error,success:o.success,warning:o.warning}},icons:{loading:jsx("span",{className:o.loadingIcon}),info:jsx(a,{className:o.iconSvg,icon:"INFO_CIRCLE"}),success:jsx(a,{className:o.iconSvg,icon:"CHECK_CIRCLE"}),warning:jsx(a,{className:o.iconSvg,icon:"WARNING_TRIANGULE"}),error:jsx(a,{className:o.iconSvg,icon:"ALERT_CIRCLE"})}})});var g=({primaryColor:t,colorScheme:a="light",contrast:i="default",children:f,cssVarPrefix:m="app",snackbar:C=!0,scopeId:b})=>jsx(c,{children:jsx(c$1,{primaryColor:t,colorScheme:a,contrast:i,cssVarPrefix:m,scopeId:b,children:jsxs(d,{children:[f,C&&jsx(u,{})]})})});g.displayName="Common";var to=g;
 
-export { bo as default };
+export { to as default };

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

@@ -34,28 +34,28 @@ interface DefaultProps {
 }
 declare const Container: _emotion_styled.StyledComponent<PanelProps & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & DefaultProps, {}, {}>;
 declare const Header: _emotion_styled.StyledComponent<_mui_material_Stack.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+    ref?: react.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
 }, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material_Stack.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & DefaultProps, {}, {}>;
 declare const ActionsContainer: _emotion_styled.StyledComponent<_mui_material_Stack.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+    ref?: react.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
 }, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material_Stack.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & DefaultProps, {}, {}>;
 declare const ActionsDivider: _emotion_styled.StyledComponent<_mui_material_Divider.DividerOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
     ref?: ((instance: HTMLHRElement | null) => void) | react.RefObject<HTMLHRElement> | null | undefined;
-}, "light" | "children" | "className" | "style" | "classes" | "sx" | "variant" | "textAlign" | "absolute" | "orientation" | "flexItem"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
+}, "light" | "children" | "style" | "className" | "classes" | "sx" | "variant" | "textAlign" | "absolute" | "orientation" | "flexItem"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
 declare const ToolbarActionsDivider: _emotion_styled.StyledComponent<_mui_material_Divider.DividerOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
     ref?: ((instance: HTMLHRElement | null) => void) | react.RefObject<HTMLHRElement> | null | undefined;
-}, "light" | "children" | "className" | "style" | "classes" | "sx" | "variant" | "textAlign" | "absolute" | "orientation" | "flexItem"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
+}, "light" | "children" | "style" | "className" | "classes" | "sx" | "variant" | "textAlign" | "absolute" | "orientation" | "flexItem"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
 declare const Topbar: _emotion_styled.StyledComponent<_mui_material_Stack.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+    ref?: react.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
 }, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material_Stack.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & DefaultProps, {}, {}>;
 declare const SearchContainer: _emotion_styled.StyledComponent<_mui_material_Stack.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+    ref?: react.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
 }, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material_Stack.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & DefaultProps, {}, {}>;
 declare const MobilePaginationContainer: _emotion_styled.StyledComponent<_mui_material_Stack.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+    ref?: react.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
 }, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material_Stack.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
 declare const DesktopPaginationContainer: _emotion_styled.StyledComponent<_mui_material_Stack.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+    ref?: react.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
 }, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material_Stack.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
 
 declare const Toolbar: () => react_jsx_runtime.JSX.Element;

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

@@ -6,7 +6,7 @@ import * as _mui_material_IconButton from '@mui/material/IconButton';
 
 declare const DragButton: ({ disableDrag, ...props }: _mui_material_IconButton.IconButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
-}, "children" | "className" | "style" | "tabIndex" | "disabled" | "classes" | "sx" | "color" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "size" | "disableFocusRipple" | "edge"> & {
+}, "children" | "style" | "className" | "tabIndex" | "disabled" | "classes" | "sx" | "color" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "size" | "disableFocusRipple" | "edge"> & {
     component?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
 } & {
     disableDrag?: boolean | undefined;

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

@@ -19,7 +19,7 @@ interface SortableStyleProps extends BoxProps {
 }
 
 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;
+    ref?: react.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | 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/ToggleTheme/index.js

@@ -1,9 +1,9 @@
-export { a as default } from '../../chunk-5VOIOTTU.js';
-import '../../chunk-DA3NAPMB.js';
-import '../../chunk-P3JWN6WS.js';
+export { a as default } from '../../chunk-XAH3BFFE.js';
+import '../../chunk-2SUTVMCJ.js';
+import '../../chunk-JQ252Y2Q.js';
 import '../../chunk-SO64ZYQB.js';
 import '../../chunk-GUFT6XPG.js';
-import '../../chunk-FT5VGKNM.js';
+import '../../chunk-TYA2RDQJ.js';
 import '../../chunk-K25VBEKK.js';
 import '../../chunk-RRH2346R.js';
 import '../../chunk-CFVUZ4S5.js';

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

@@ -156,10 +156,10 @@ type CarouselProps = {
 
 type StyledProps = Pick<CarouselOptions, 'axis' | 'slideSpacing'>;
 declare const StyledRoot: _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;
+    ref?: react.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
 }, keyof _mui_system.BoxOwnProps<_mui_material_styles.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & StyledProps, {}, {}>;
 declare const StyledContainer: _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;
+    ref?: react.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
 }, keyof _mui_system.BoxOwnProps<_mui_material_styles.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & StyledProps, {}, {}>;
 declare function Carousel({ carousel, children, sx, slotProps, ...props }: CarouselProps): react_jsx_runtime.JSX.Element;
 
@@ -199,7 +199,7 @@ declare function CarouselProgressBar({ value, sx, ...other }: BoxProps & Carouse
 declare function CarouselSlide({ sx, options, children, ...other }: BoxProps & CarouselSlideProps): react_jsx_runtime.JSX.Element;
 
 declare const CarouselThumbs: react.ForwardRefExoticComponent<Omit<_mui_system.BoxOwnProps<Theme> & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+    ref?: react.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
 }, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<Theme>> & CarouselThumbsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare function CarouselThumb({ thumbType, sx, src, index, selected, imageRender, thumbAlt, ...other }: ButtonBaseProps & CarouselThumbProps): react_jsx_runtime.JSX.Element | null;
 

package/dist/hooks/useIsomorphicLayoutEffect.d.ts

@@ -1,5 +1,5 @@
-import { useLayoutEffect } from 'react';
+import { useEffect } from 'react';
 
-declare const _default: typeof useLayoutEffect;
+declare const _default: typeof useEffect;
 
 export { _default as default };

package/dist/hooks/useThemeToggle.d.ts

@@ -1,4 +1,4 @@
-import { C as ColorScheme } from '../settings-28b04fd5.js';
+import { C as ColorScheme } from '../settings-d0cceb05.js';
 
 interface UseThemeToggleReturn {
     colorScheme: ColorScheme;

package/dist/hooks/useThemeToggle.js

@@ -1,8 +1,8 @@
-export { a as useThemeToggle } from '../chunk-DA3NAPMB.js';
-import '../chunk-P3JWN6WS.js';
+export { a as useThemeToggle } from '../chunk-2SUTVMCJ.js';
+import '../chunk-JQ252Y2Q.js';
 import '../chunk-SO64ZYQB.js';
 import '../chunk-GUFT6XPG.js';
-import '../chunk-FT5VGKNM.js';
+import '../chunk-TYA2RDQJ.js';
 import '../chunk-K25VBEKK.js';
 import '../chunk-RRH2346R.js';
 import '../chunk-CFVUZ4S5.js';

package/dist/hooks/useWindowFocus.js

@@ -1 +1,5 @@
-export { a as default } from '../chunk-UBRDWK4B.js';
+import { useState, useEffect } from 'react';
+
+function u(){let e=typeof document<"u",[n,i]=useState(()=>e?!document.hidden:!0);return useEffect(()=>{if(!e)return;let t=()=>{i(!document.hidden);};return document.addEventListener("visibilitychange",t),()=>{document.removeEventListener("visibilitychange",t);}},[e]),n}var c=u;
+
+export { c as default };

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-import { C as CustomShadows } from './index-3e407e51.js';
-export { d as ColorType, k as action, j as background, l as basePalette, o as colorSchemes, h as common, c as components, a as createShadowColor, b as customShadows, n as darkPalette, r as defaultFont, f as error, g as grey, i as info, m as lightPalette, p as primary, u as primaryFont, s as secondary, v as secondaryFont, q as shadows, e as success, t as text, x as typography, w as warning } from './index-3e407e51.js';
-export { S as SettingsContextValue, _ as SettingsProvider, T as ThemeProviderProps, u as useSettingsContext } from './settings-provider-c4e65b05.js';
+import { C as CustomShadows } from './index-8a737d25.js';
+export { d as ColorType, k as action, j as background, l as basePalette, o as colorSchemes, h as common, c as components, a as createShadowColor, b as customShadows, n as darkPalette, r as defaultFont, f as error, g as grey, i as info, m as lightPalette, p as primary, u as primaryFont, s as secondary, v as secondaryFont, q as shadows, e as success, t as text, x as typography, w as warning } from './index-8a737d25.js';
+export { S as SettingsContextValue, _ as SettingsProvider, T as ThemeProviderProps, u as useSettingsContext } from './settings-provider-918b7981.js';
 export { default as ThemeProvider } from './theme/theme-provider.js';
-import { S as SettingsState } from './settings-28b04fd5.js';
+import { S as SettingsState } from './settings-d0cceb05.js';
 import { Theme as Theme$1 } from '@mui/material/styles';
 import { a as ThemeLocaleComponents } from './types-2a4efc17.js';
 export { BgBlurProps, BgGradientProps, BorderGradientProps, ColorWithAlpha, MaxLineProps, MediaFontSize, bgBlur, bgGradient, borderGradient, createPaletteChannel, hexToRgbChannel, hexToRgbaChannel, hideScrollX, hideScrollY, maxLine, mediaQueries, menuItem, paper, pxToRem, remToPx, responsiveFontSizes, setFont, stylesMode, textGradient, varAlpha } from './theme/styles/index.js';

package/dist/index.js

@@ -1,8 +1,8 @@
-export { a as useThemeToggle } from './chunk-DA3NAPMB.js';
-export { c as ThemeProvider, a as createTheme } from './chunk-P3JWN6WS.js';
+export { a as useThemeToggle } from './chunk-2SUTVMCJ.js';
+export { c as ThemeProvider, a as createTheme } from './chunk-JQ252Y2Q.js';
 import './chunk-SO64ZYQB.js';
 import './chunk-GUFT6XPG.js';
-export { c as SettingsProvider, b as useSettingsContext } from './chunk-FT5VGKNM.js';
+export { c as SettingsProvider, b as useSettingsContext } from './chunk-TYA2RDQJ.js';
 export { b as defaultFont, c as primaryFont, d as secondaryFont, a as shadows, e as typography } from './chunk-K25VBEKK.js';
 import './chunk-RRH2346R.js';
 import './chunk-CFVUZ4S5.js';

package/dist/{settings-28b04fd5.d.ts → settings-d0cceb05.d.ts}

@@ -8,6 +8,7 @@ type SettingsState = {
     navColor: 'integrate' | 'apparent';
     navLayout: 'vertical' | 'horizontal' | 'mini';
     setColorScheme: (scheme: ColorScheme) => void;
+    scopeId?: string;
 };
 
 export { ColorScheme as C, SettingsState as S };

package/dist/{settings-provider-c4e65b05.d.ts → settings-provider-918b7981.d.ts}

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { PropsWithChildren } from 'react';
-import { S as SettingsState } from './settings-28b04fd5.js';
+import { S as SettingsState } from './settings-d0cceb05.js';
 
 interface ThemeProviderProps extends PropsWithChildren<Partial<SettingsState>> {
     storageKey?: string;
@@ -13,6 +13,6 @@ type SettingsContextValue = {
 
 declare const SettingsContext: react.Context<SettingsContextValue | undefined>;
 declare const useSettingsContext: () => SettingsContextValue;
-declare const _default: react.MemoExoticComponent<({ children, primaryColor, fontFamily, compactLayout, colorScheme, contrast, navColor, navLayout, setColorScheme, }: PropsWithChildren<SettingsState>) => react_jsx_runtime.JSX.Element>;
+declare const _default: react.MemoExoticComponent<({ children, primaryColor, fontFamily, compactLayout, colorScheme, contrast, navColor, navLayout, setColorScheme, scopeId, }: PropsWithChildren<SettingsState>) => react_jsx_runtime.JSX.Element>;
 
 export { SettingsContextValue as S, ThemeProviderProps as T, _default as _, SettingsContext as a, useSettingsContext as u };

package/dist/theme/core/index.d.ts

@@ -1,4 +1,4 @@
-export { d as ColorType, k as action, j as background, l as basePalette, o as colorSchemes, h as common, c as components, a as createShadowColor, b as customShadows, n as darkPalette, r as defaultFont, f as error, g as grey, i as info, m as lightPalette, p as primary, u as primaryFont, s as secondary, v as secondaryFont, q as shadows, e as success, t as text, x as typography, w as warning } from '../../index-3e407e51.js';
+export { d as ColorType, k as action, j as background, l as basePalette, o as colorSchemes, h as common, c as components, a as createShadowColor, b as customShadows, n as darkPalette, r as defaultFont, f as error, g as grey, i as info, m as lightPalette, p as primary, u as primaryFont, s as secondary, v as secondaryFont, q as shadows, e as success, t as text, x as typography, w as warning } from '../../index-8a737d25.js';
 import '@mui/lab/TimelineConnector';
 import '@mui/system';
 import '@mui/lab/TimelineDot';

package/dist/theme/settings-provider.d.ts

@@ -1,4 +1,4 @@
 import 'react/jsx-runtime';
 import 'react';
-import '../settings-28b04fd5.js';
-export { a as SettingsContext, _ as default, u as useSettingsContext } from '../settings-provider-c4e65b05.js';
+import '../settings-d0cceb05.js';
+export { a as SettingsContext, _ as default, u as useSettingsContext } from '../settings-provider-918b7981.js';

package/dist/theme/settings-provider.js

@@ -1 +1 @@
-export { a as SettingsContext, c as default, b as useSettingsContext } from '../chunk-FT5VGKNM.js';
+export { a as SettingsContext, c as default, b as useSettingsContext } from '../chunk-TYA2RDQJ.js';

package/dist/theme/styles/index.d.ts

@@ -184,7 +184,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     counterSet?: readonly string[] | csstype.Property.CounterSet | readonly csstype.Property.CounterSet[] | undefined;
     cursor?: readonly string[] | csstype.Property.Cursor | readonly csstype.Property.Cursor[] | undefined;
     direction?: csstype.Property.Direction | readonly NonNullable<csstype.Property.Direction | undefined>[] | readonly csstype.Property.Direction[] | undefined;
-    display?: readonly string[] | csstype.Property.Display | readonly csstype.Property.Display[] | undefined;
+    display?: csstype.Property.Display | readonly string[] | readonly csstype.Property.Display[] | undefined;
     emptyCells?: csstype.Property.EmptyCells | readonly NonNullable<csstype.Property.EmptyCells | undefined>[] | readonly csstype.Property.EmptyCells[] | undefined;
     filter?: readonly string[] | csstype.Property.Filter | readonly csstype.Property.Filter[] | undefined;
     flexBasis?: readonly (string | (string & {}))[] | csstype.Property.FlexBasis<string | number> | readonly NonNullable<csstype.Property.FlexBasis<string | number> | undefined>[] | undefined;
@@ -193,7 +193,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     flexShrink?: readonly ((string & {}) | csstype.Globals)[] | csstype.Property.FlexShrink | readonly NonNullable<csstype.Property.FlexShrink | undefined>[] | undefined;
     flexWrap?: csstype.Property.FlexWrap | readonly NonNullable<csstype.Property.FlexWrap | undefined>[] | readonly csstype.Property.FlexWrap[] | undefined;
     float?: csstype.Property.Float | readonly NonNullable<csstype.Property.Float | undefined>[] | readonly csstype.Property.Float[] | undefined;
-    fontFamily?: csstype.Property.FontFamily | readonly string[] | readonly csstype.Property.FontFamily[] | undefined;
+    fontFamily?: readonly string[] | csstype.Property.FontFamily | readonly csstype.Property.FontFamily[] | undefined;
     fontFeatureSettings?: readonly string[] | csstype.Property.FontFeatureSettings | readonly csstype.Property.FontFeatureSettings[] | undefined;
     fontKerning?: csstype.Property.FontKerning | readonly NonNullable<csstype.Property.FontKerning | undefined>[] | readonly csstype.Property.FontKerning[] | undefined;
     fontLanguageOverride?: readonly string[] | csstype.Property.FontLanguageOverride | readonly csstype.Property.FontLanguageOverride[] | undefined;
@@ -218,7 +218,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     fontVariantNumeric?: readonly string[] | csstype.Property.FontVariantNumeric | readonly csstype.Property.FontVariantNumeric[] | undefined;
     fontVariantPosition?: csstype.Property.FontVariantPosition | readonly NonNullable<csstype.Property.FontVariantPosition | undefined>[] | readonly csstype.Property.FontVariantPosition[] | undefined;
     fontVariationSettings?: readonly string[] | csstype.Property.FontVariationSettings | readonly csstype.Property.FontVariationSettings[] | undefined;
-    fontWeight?: csstype.Property.FontWeight | readonly NonNullable<csstype.Property.FontWeight | undefined>[] | readonly ((string & {}) | csstype.Globals | "bold" | "normal" | "bolder" | "lighter")[] | undefined;
+    fontWeight?: csstype.Property.FontWeight | readonly NonNullable<csstype.Property.FontWeight | undefined>[] | readonly ("bold" | (string & {}) | csstype.Globals | "normal" | "bolder" | "lighter")[] | undefined;
     forcedColorAdjust?: csstype.Property.ForcedColorAdjust | readonly NonNullable<csstype.Property.ForcedColorAdjust | undefined>[] | readonly csstype.Property.ForcedColorAdjust[] | undefined;
     gridAutoColumns?: readonly (string | (string & {}))[] | csstype.Property.GridAutoColumns<string | number> | readonly NonNullable<csstype.Property.GridAutoColumns<string | number> | undefined>[] | undefined;
     gridAutoFlow?: readonly string[] | csstype.Property.GridAutoFlow | readonly csstype.Property.GridAutoFlow[] | undefined;
@@ -231,7 +231,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     gridTemplateColumns?: readonly (string | (string & {}))[] | csstype.Property.GridTemplateColumns<string | number> | readonly NonNullable<csstype.Property.GridTemplateColumns<string | number> | undefined>[] | undefined;
     gridTemplateRows?: readonly (string | (string & {}))[] | csstype.Property.GridTemplateRows<string | number> | readonly NonNullable<csstype.Property.GridTemplateRows<string | number> | undefined>[] | undefined;
     hangingPunctuation?: readonly string[] | csstype.Property.HangingPunctuation | readonly csstype.Property.HangingPunctuation[] | undefined;
-    height?: readonly (string | (string & {}))[] | csstype.Property.Height<string | number> | readonly NonNullable<csstype.Property.Height<string | number> | undefined>[] | undefined;
+    height?: csstype.Property.Height<string | number> | readonly (string | (string & {}))[] | readonly NonNullable<csstype.Property.Height<string | number> | undefined>[] | undefined;
     hyphenateCharacter?: readonly string[] | csstype.Property.HyphenateCharacter | readonly csstype.Property.HyphenateCharacter[] | undefined;
     hyphenateLimitChars?: readonly ((string & {}) | csstype.Globals | "auto")[] | csstype.Property.HyphenateLimitChars | readonly NonNullable<csstype.Property.HyphenateLimitChars | undefined>[] | undefined;
     hyphens?: csstype.Property.Hyphens | readonly NonNullable<csstype.Property.Hyphens | undefined>[] | readonly csstype.Property.Hyphens[] | undefined;
@@ -436,16 +436,16 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     whiteSpaceCollapse?: csstype.Property.WhiteSpaceCollapse | readonly NonNullable<csstype.Property.WhiteSpaceCollapse | undefined>[] | readonly csstype.Property.WhiteSpaceCollapse[] | undefined;
     whiteSpaceTrim?: readonly string[] | csstype.Property.WhiteSpaceTrim | readonly csstype.Property.WhiteSpaceTrim[] | undefined;
     widows?: readonly ((string & {}) | csstype.Globals)[] | csstype.Property.Widows | readonly NonNullable<csstype.Property.Widows | undefined>[] | undefined;
-    width?: readonly (string | (string & {}))[] | csstype.Property.Width<string | number> | readonly NonNullable<csstype.Property.Width<string | number> | undefined>[] | undefined;
+    width?: csstype.Property.Width<string | number> | readonly (string | (string & {}))[] | readonly NonNullable<csstype.Property.Width<string | number> | undefined>[] | undefined;
     willChange?: readonly string[] | csstype.Property.WillChange | readonly csstype.Property.WillChange[] | undefined;
     wordBreak?: csstype.Property.WordBreak | readonly NonNullable<csstype.Property.WordBreak | undefined>[] | readonly csstype.Property.WordBreak[] | undefined;
     wordSpacing?: readonly string[] | csstype.Property.WordSpacing<string | number> | readonly NonNullable<csstype.Property.WordSpacing<string | number> | undefined>[] | undefined;
     wordWrap?: csstype.Property.WordWrap | readonly NonNullable<csstype.Property.WordWrap | undefined>[] | readonly csstype.Property.WordWrap[] | undefined;
     writingMode?: csstype.Property.WritingMode | readonly NonNullable<csstype.Property.WritingMode | undefined>[] | readonly csstype.Property.WritingMode[] | undefined;
     zIndex?: readonly ((string & {}) | csstype.Globals | "auto")[] | csstype.Property.ZIndex | readonly NonNullable<csstype.Property.ZIndex | undefined>[] | undefined;
-    zoom?: csstype.Property.Zoom | readonly NonNullable<csstype.Property.Zoom | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "reset")[] | undefined;
+    zoom?: csstype.Property.Zoom | readonly NonNullable<csstype.Property.Zoom | undefined>[] | readonly ("reset" | (string & {}) | csstype.Globals | "normal")[] | undefined;
     all?: csstype.Globals | readonly NonNullable<csstype.Globals | undefined>[] | readonly csstype.Globals[] | undefined;
-    animation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    animation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "auto" | "none" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
     animationRange?: readonly (string | (string & {}))[] | csstype.Property.AnimationRange<string | number> | readonly NonNullable<csstype.Property.AnimationRange<string | number> | undefined>[] | undefined;
     background?: readonly (string | (string & {}))[] | csstype.Property.Background<string | number> | readonly NonNullable<csstype.Property.Background<string | number> | undefined>[] | undefined;
     border?: readonly (string | (string & {}))[] | csstype.Property.Border<string | number> | readonly NonNullable<csstype.Property.Border<string | number> | undefined>[] | undefined;
@@ -454,7 +454,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     borderBlockStart?: readonly (string | (string & {}))[] | csstype.Property.BorderBlockStart<string | number> | readonly NonNullable<csstype.Property.BorderBlockStart<string | number> | undefined>[] | undefined;
     borderBottom?: readonly (string | (string & {}))[] | csstype.Property.BorderBottom<string | number> | readonly NonNullable<csstype.Property.BorderBottom<string | number> | undefined>[] | undefined;
     borderColor?: readonly string[] | csstype.Property.BorderColor | readonly csstype.Property.BorderColor[] | undefined;
-    borderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
+    borderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
     borderInline?: readonly (string | (string & {}))[] | csstype.Property.BorderInline<string | number> | readonly NonNullable<csstype.Property.BorderInline<string | number> | undefined>[] | undefined;
     borderInlineEnd?: readonly (string | (string & {}))[] | csstype.Property.BorderInlineEnd<string | number> | readonly NonNullable<csstype.Property.BorderInlineEnd<string | number> | undefined>[] | undefined;
     borderInlineStart?: readonly (string | (string & {}))[] | csstype.Property.BorderInlineStart<string | number> | readonly NonNullable<csstype.Property.BorderInlineStart<string | number> | undefined>[] | undefined;
@@ -486,7 +486,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     marginBlock?: readonly (string | (string & {}))[] | csstype.Property.MarginBlock<string | number> | readonly NonNullable<csstype.Property.MarginBlock<string | number> | undefined>[] | undefined;
     marginInline?: readonly (string | (string & {}))[] | csstype.Property.MarginInline<string | number> | readonly NonNullable<csstype.Property.MarginInline<string | number> | undefined>[] | undefined;
     mask?: readonly (string | (string & {}))[] | csstype.Property.Mask<string | number> | readonly NonNullable<csstype.Property.Mask<string | number> | undefined>[] | undefined;
-    maskBorder?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
+    maskBorder?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
     motion?: readonly (string | (string & {}))[] | csstype.Property.Offset<string | number> | readonly NonNullable<csstype.Property.Offset<string | number> | undefined>[] | undefined;
     offset?: readonly (string | (string & {}))[] | csstype.Property.Offset<string | number> | readonly NonNullable<csstype.Property.Offset<string | number> | undefined>[] | undefined;
     outline?: readonly (string | (string & {}))[] | csstype.Property.Outline<string | number> | readonly NonNullable<csstype.Property.Outline<string | number> | undefined>[] | undefined;
@@ -729,8 +729,8 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     WebkitUserModify?: csstype.Property.WebkitUserModify | readonly NonNullable<csstype.Property.WebkitUserModify | undefined>[] | readonly csstype.Property.WebkitUserModify[] | undefined;
     WebkitUserSelect?: csstype.Property.UserSelect | readonly NonNullable<csstype.Property.UserSelect | undefined>[] | readonly csstype.Property.UserSelect[] | undefined;
     WebkitWritingMode?: csstype.Property.WritingMode | readonly NonNullable<csstype.Property.WritingMode | undefined>[] | readonly csstype.Property.WritingMode[] | undefined;
-    MozAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
-    MozBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
+    MozAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "auto" | "none" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    MozBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
     MozColumnRule?: readonly (string | (string & {}))[] | csstype.Property.ColumnRule<string | number> | readonly NonNullable<csstype.Property.ColumnRule<string | number> | undefined>[] | undefined;
     MozColumns?: readonly (string | (string & {}))[] | csstype.Property.Columns<string | number> | readonly NonNullable<csstype.Property.Columns<string | number> | undefined>[] | undefined;
     MozOutlineRadius?: readonly (string | (string & {}))[] | csstype.Property.MozOutlineRadius<string | number> | readonly NonNullable<csstype.Property.MozOutlineRadius<string | number> | undefined>[] | undefined;
@@ -741,16 +741,16 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     msScrollSnapX?: readonly string[] | csstype.Property.MsScrollSnapX | readonly csstype.Property.MsScrollSnapX[] | undefined;
     msScrollSnapY?: readonly string[] | csstype.Property.MsScrollSnapY | readonly csstype.Property.MsScrollSnapY[] | undefined;
     msTransition?: readonly string[] | csstype.Property.Transition<string & {}> | readonly csstype.Property.Transition<string & {}>[] | undefined;
-    WebkitAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    WebkitAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "auto" | "none" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
     WebkitBorderBefore?: readonly (string | (string & {}))[] | csstype.Property.WebkitBorderBefore<string | number> | readonly NonNullable<csstype.Property.WebkitBorderBefore<string | number> | undefined>[] | undefined;
-    WebkitBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
+    WebkitBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
     WebkitBorderRadius?: readonly (string | (string & {}))[] | csstype.Property.BorderRadius<string | number> | readonly NonNullable<csstype.Property.BorderRadius<string | number> | undefined>[] | undefined;
     WebkitColumnRule?: readonly (string | (string & {}))[] | csstype.Property.ColumnRule<string | number> | readonly NonNullable<csstype.Property.ColumnRule<string | number> | undefined>[] | undefined;
     WebkitColumns?: readonly (string | (string & {}))[] | csstype.Property.Columns<string | number> | readonly NonNullable<csstype.Property.Columns<string | number> | undefined>[] | undefined;
     WebkitFlex?: readonly (string | (string & {}))[] | csstype.Property.Flex<string | number> | readonly NonNullable<csstype.Property.Flex<string | number> | undefined>[] | undefined;
     WebkitFlexFlow?: readonly string[] | csstype.Property.FlexFlow | readonly csstype.Property.FlexFlow[] | undefined;
     WebkitMask?: readonly (string | (string & {}))[] | csstype.Property.WebkitMask<string | number> | readonly NonNullable<csstype.Property.WebkitMask<string | number> | undefined>[] | undefined;
-    WebkitMaskBoxImage?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
+    WebkitMaskBoxImage?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
     WebkitTextEmphasis?: readonly string[] | csstype.Property.TextEmphasis | readonly csstype.Property.TextEmphasis[] | undefined;
     WebkitTextStroke?: readonly (string | (string & {}))[] | csstype.Property.WebkitTextStroke<string | number> | readonly NonNullable<csstype.Property.WebkitTextStroke<string | number> | undefined>[] | undefined;
     WebkitTransition?: readonly string[] | csstype.Property.Transition<string & {}> | readonly csstype.Property.Transition<string & {}>[] | undefined;
@@ -831,7 +831,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     MozTransitionTimingFunction?: readonly string[] | csstype.Property.TransitionTimingFunction | readonly csstype.Property.TransitionTimingFunction[] | undefined;
     MozUserInput?: csstype.Property.MozUserInput | readonly NonNullable<csstype.Property.MozUserInput | undefined>[] | readonly csstype.Property.MozUserInput[] | undefined;
     msImeMode?: csstype.Property.ImeMode | readonly NonNullable<csstype.Property.ImeMode | undefined>[] | readonly csstype.Property.ImeMode[] | undefined;
-    OAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    OAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "auto" | "none" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
     OAnimationDelay?: readonly string[] | csstype.Property.AnimationDelay<string & {}> | readonly csstype.Property.AnimationDelay<string & {}>[] | undefined;
     OAnimationDirection?: readonly string[] | csstype.Property.AnimationDirection | readonly csstype.Property.AnimationDirection[] | undefined;
     OAnimationDuration?: readonly string[] | csstype.Property.AnimationDuration<string & {}> | readonly csstype.Property.AnimationDuration<string & {}>[] | undefined;
@@ -841,7 +841,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     OAnimationPlayState?: readonly string[] | csstype.Property.AnimationPlayState | readonly csstype.Property.AnimationPlayState[] | undefined;
     OAnimationTimingFunction?: readonly string[] | csstype.Property.AnimationTimingFunction | readonly csstype.Property.AnimationTimingFunction[] | undefined;
     OBackgroundSize?: readonly (string | (string & {}))[] | csstype.Property.BackgroundSize<string | number> | readonly NonNullable<csstype.Property.BackgroundSize<string | number> | undefined>[] | undefined;
-    OBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
+    OBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
     OObjectFit?: csstype.Property.ObjectFit | readonly NonNullable<csstype.Property.ObjectFit | undefined>[] | readonly csstype.Property.ObjectFit[] | undefined;
     OObjectPosition?: readonly (string | (string & {}))[] | csstype.Property.ObjectPosition<string | number> | readonly NonNullable<csstype.Property.ObjectPosition<string | number> | undefined>[] | undefined;
     OTabSize?: readonly (string | (string & {}))[] | csstype.Property.TabSize<string | number> | readonly NonNullable<csstype.Property.TabSize<string | number> | undefined>[] | undefined;

package/dist/theme/theme-provider.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as ColorScheme } from '../settings-28b04fd5.js';
-import { T as ThemeProviderProps } from '../settings-provider-c4e65b05.js';
-export { u as useSettingsContext } from '../settings-provider-c4e65b05.js';
+import { C as ColorScheme } from '../settings-d0cceb05.js';
+import { T as ThemeProviderProps } from '../settings-provider-918b7981.js';
+export { u as useSettingsContext } from '../settings-provider-918b7981.js';
 import 'react';
 
 declare const schemeConfig: {
@@ -9,7 +9,23 @@ declare const schemeConfig: {
     dataMuiColorScheme: string;
 };
 
-declare const forceDataMuiColorScheme: (scheme: ColorScheme) => void;
-declare const ThemeProvider: ({ children, cssVarPrefix, primaryColor, fontFamily, compactLayout, contrast, navColor, navLayout, colorScheme, }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
+/**
+ * Força a aplicação de um esquema de cores (light/dark) no DOM.
+ *
+ * @param scheme - Esquema de cores a ser aplicado ('light' ou 'dark')
+ * @param scopeId - ID do container do tema isolado. Se fornecido, aplica no container específico.
+ *                  Se não fornecido, aplica globalmente no document.documentElement.
+ *
+ * @example
+ * ```tsx
+ * // Aplicar globalmente (comportamento padrão)
+ * forceDataMuiColorScheme('light');
+ *
+ * // Aplicar em scope específico
+ * forceDataMuiColorScheme('dark', 'b2b-theme-scope');
+ * ```
+ */
+declare const forceDataMuiColorScheme: (scheme: ColorScheme, scopeId?: string) => void;
+declare const ThemeProvider: ({ children, cssVarPrefix, primaryColor, fontFamily, compactLayout, contrast, navColor, navLayout, colorScheme, scopeId, }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
 
 export { ThemeProvider as default, forceDataMuiColorScheme, schemeConfig };

package/dist/theme/theme-provider.js

@@ -1,7 +1,7 @@
-export { c as default, b as forceDataMuiColorScheme } from '../chunk-P3JWN6WS.js';
+export { c as default, b as forceDataMuiColorScheme } from '../chunk-JQ252Y2Q.js';
 import '../chunk-SO64ZYQB.js';
 import '../chunk-GUFT6XPG.js';
-export { b as useSettingsContext } from '../chunk-FT5VGKNM.js';
+export { b as useSettingsContext } from '../chunk-TYA2RDQJ.js';
 import '../chunk-K25VBEKK.js';
 import '../chunk-RRH2346R.js';
 import '../chunk-CFVUZ4S5.js';

package/dist/theme/with-settings/index.d.ts

@@ -1,6 +1,6 @@
 import * as _mui_material_styles from '@mui/material/styles';
 import { Components, Theme } from '@mui/material/styles';
-import { S as SettingsState } from '../../settings-28b04fd5.js';
+import { S as SettingsState } from '../../settings-d0cceb05.js';
 import { T as ThemeUpdateOptions } from '../../types-2a4efc17.js';
 import '@mui/material/styles/createTypography';
 

package/package.json

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

package/dist/chunk-DA3NAPMB.js

@@ -1,7 +0,0 @@
-import { b as b$1 } from './chunk-P3JWN6WS.js';
-import { b } from './chunk-FT5VGKNM.js';
-import { useColorScheme } from '@mui/material/styles';
-
-var C=()=>{let{mode:o,setMode:c}=useColorScheme(),{settings:{setColorScheme:h,colorScheme:r}}=b(),t=e=>{c(e),h(e),b$1(e);};return {colorScheme:r,mode:r,isDark:o==="dark",toggleTheme:()=>{t(o==="light"?"dark":"light");},setColorScheme:t}};
-
-export { C as a };

package/dist/chunk-FT5VGKNM.js

@@ -1,6 +0,0 @@
-import { createContext, memo, useContext, useMemo } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var u=createContext(void 0),V=()=>{let t=useContext(u);if(!t)throw new Error("useSettingsContext deve ser usado dentro de um SettingsProvider");return t},P=({children:t,primaryColor:e,fontFamily:n,compactLayout:r,colorScheme:i,contrast:s,navColor:o,navLayout:d,setColorScheme:g})=>{let S=useMemo(()=>({primaryColor:e,fontFamily:n,compactLayout:r,colorScheme:i,contrast:s,navColor:o,navLayout:d,setColorScheme:g}),[e,n,r,i,s,o,d,g]);return jsx(u.Provider,{value:{settings:S},children:t})},l=memo(P);
-
-export { u as a, V as b, l as c };

package/dist/chunk-P3JWN6WS.js

@@ -1,17 +0,0 @@
-import { a } from './chunk-SO64ZYQB.js';
-import { a as a$7 } from './chunk-GUFT6XPG.js';
-import { c, b as b$1 } from './chunk-FT5VGKNM.js';
-import { a as a$1, e } from './chunk-K25VBEKK.js';
-import { a as a$3, b } from './chunk-RRH2346R.js';
-import { p, r, a as a$2 } from './chunk-YKX5RVAJ.js';
-import { d, a as a$4 } from './chunk-7J53ZUIF.js';
-import { a as a$6 } from './chunk-S7QQBC4I.js';
-import { a as a$5 } from './chunk-QQDMA4TE.js';
-import { useMemo } from 'react';
-import z from '@mui/material/CssBaseline';
-import { experimental_extendTheme, lighten, darken, Experimental_CssVarsProvider } from '@mui/material/styles';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var W=e=>({lighter:lighten(e,.815),light:lighten(e,.225),main:e,dark:darken(e,.15),darker:darken(e,.35),contrastText:"#000"});function L(e$1,r$1,o=""){let m=W(r$1.primaryColor);a(p,"dark.palette.primary",m),a(p,"light.palette.primary",m);let s={colorSchemes:p,shadows:a$1(r$1.colorScheme),customShadows:r(r$1.colorScheme,m.main),shape:{borderRadius:8},components:a$2,typography:{...e,fontFamily:d(r$1.fontFamily)},cssVarPrefix:o,shouldSkipGeneratingVar:_},t=a$3(s,r$1),a$4={};return experimental_extendTheme(t,e$1,b(r$1),a$4)}function _(e,r){let o=["mixins","overlays","direction","breakpoints","cssVarPrefix","unstable_sxConfig","typography","colorSchemes"],m={global:["tonalOffset","dividerChannel","contrastThreshold"],grey:["A100","A200","A400","A700"],text:["icon"]};if(e[0]==="palette"){let t=e[1],a=m[t]||m.global;return e.some(n=>a?.includes(n))}return e.some(t=>o?.includes(t))}var me=e=>{typeof document<"u"&&document.documentElement.setAttribute(a$4.dataMuiColorScheme,e);},D=({children:e,cssVarPrefix:r})=>{let{settings:o}=b$1(),m=useMemo(()=>{let t=L(a$7[1].systemValue,{primaryColor:o.primaryColor,colorScheme:o.colorScheme,contrast:o.contrast,navLayout:o.navLayout,navColor:o.navColor,compactLayout:o.compactLayout,fontFamily:o.fontFamily,setColorScheme:o.setColorScheme},r),a=t.colorSchemes?.[o.colorScheme]?.palette;return a?t.palette=a:(t.palette=t.colorSchemes?.light?.palette||t.colorSchemes?.dark?.palette,t.palette.mode=o.colorScheme),t},[o,r]),s=useMemo(()=>({theme:m,mode:o.colorScheme,defaultMode:o.colorScheme,defaultColorScheme:o.colorScheme,modeStorageKey:a$4.modeStorageKey,colorSchemeStorageKey:a$4.modeStorageKey}),[m,o.colorScheme]);return jsxs(Experimental_CssVarsProvider,{...s,children:[jsx(z,{}),e]})},u={serializer:e=>e.replaceAll('"',""),deserializer:e=>e.replaceAll('"',"")},G=({children:e,cssVarPrefix:r="app",primaryColor:o="#4E5BEC",fontFamily:m="Public Sans",compactLayout:s=!0,contrast:t="default",navColor:a="integrate",navLayout:n="vertical",colorScheme:p="light"})=>{let[,g]=a$5(a$4.modeStorageKey,p,u),[,F]=a$5(`${a$4.modeStorageKey}-light`,"light",u),[,M]=a$5(`${a$4.modeStorageKey}-dark`,"dark",u);return a$6(()=>{M("dark"),F("light"),g(p);}),jsx(c,{primaryColor:o,fontFamily:m,compactLayout:s,contrast:t,navColor:a,navLayout:n,colorScheme:p,setColorScheme:g,children:jsx(D,{cssVarPrefix:r,children:e})})};var ae=G;
-
-export { L as a, me as b, ae as c };

package/dist/chunk-UBRDWK4B.js

@@ -1,5 +0,0 @@
-import { useState, useEffect } from 'react';
-
-function u(){let e=typeof document<"u",[n,i]=useState(()=>e?!document.hidden:!0);return useEffect(()=>{if(!e)return;let t=()=>{i(!document.hidden);};return document.addEventListener("visibilitychange",t),()=>{document.removeEventListener("visibilitychange",t);}},[e]),n}var c=u;
-
-export { c as a };

package/dist/{index-3e407e51.d.ts → index-8a737d25.d.ts}

@@ -286,10 +286,13 @@ declare const components: {
     MuiTimelineDot: {
         defaultProps?: Partial<_mui_lab_TimelineDot.TimelineDotProps> | undefined;
         styleOverrides?: Partial<_mui_material_styles_overrides.OverridesStyleRules<keyof _mui_lab_TimelineDot.TimelineDotClasses, "MuiTimelineDot", {
-            transitions: _mui_material.Transitions;
+            cssVarPrefix: string;
+            zIndex: _mui_material.ZIndex;
+            direction: _mui_system.Direction;
+            opacity: _mui_material.Opacity;
+            typography: _mui_material.TypographyVariants;
             palette: _mui_material.Palette;
             colorSchemes: Record<_mui_material.SupportedColorScheme, _mui_material.ColorSystem>;
-            cssVarPrefix: string;
             vars: _mui_material.ThemeVars;
             getCssVar: (field: _mui_material.ThemeCssVar, ...vars: _mui_material.ThemeCssVar[]) => string;
             getColorSchemeSelector: (colorScheme: _mui_material.SupportedColorScheme) => string;
@@ -300,16 +303,13 @@ declare const components: {
             spacing: _mui_system.Spacing;
             breakpoints: _mui_system.Breakpoints;
             shape: _mui_system.Shape;
-            typography: _mui_material.TypographyVariants;
+            transitions: _mui_material.Transitions;
             shadows: _mui_material.Shadows;
             mixins: _mui_material.Mixins;
-            zIndex: _mui_material.ZIndex;
-            direction: _mui_system.Direction;
             shouldSkipGeneratingVar: (keys: string[], value: string | number) => boolean;
             unstable_sxConfig: _mui_system.SxConfig;
             unstable_sx: (props: _mui_system.SxProps<_mui_material.Theme>) => _mui_styled_engine.CSSObject;
             applyStyles: _mui_system.ApplyStyles<"light" | "dark">;
-            opacity: _mui_material.Opacity;
             overlays: _mui_material.Overlays;
             customShadows: CustomShadows;
             unstable_strictMode?: boolean | undefined;
@@ -326,10 +326,13 @@ declare const components: {
     MuiTimelineConnector: {
         defaultProps?: Partial<_mui_lab_TimelineConnector.TimelineConnectorProps> | undefined;
         styleOverrides?: Partial<_mui_material_styles_overrides.OverridesStyleRules<"root", "MuiTimelineConnector", {
-            transitions: _mui_material.Transitions;
+            cssVarPrefix: string;
+            zIndex: _mui_material.ZIndex;
+            direction: _mui_system.Direction;
+            opacity: _mui_material.Opacity;
+            typography: _mui_material.TypographyVariants;
             palette: _mui_material.Palette;
             colorSchemes: Record<_mui_material.SupportedColorScheme, _mui_material.ColorSystem>;
-            cssVarPrefix: string;
             vars: _mui_material.ThemeVars;
             getCssVar: (field: _mui_material.ThemeCssVar, ...vars: _mui_material.ThemeCssVar[]) => string;
             getColorSchemeSelector: (colorScheme: _mui_material.SupportedColorScheme) => string;
@@ -340,16 +343,13 @@ declare const components: {
             spacing: _mui_system.Spacing;
             breakpoints: _mui_system.Breakpoints;
             shape: _mui_system.Shape;
-            typography: _mui_material.TypographyVariants;
+            transitions: _mui_material.Transitions;
             shadows: _mui_material.Shadows;
             mixins: _mui_material.Mixins;
-            zIndex: _mui_material.ZIndex;
-            direction: _mui_system.Direction;
             shouldSkipGeneratingVar: (keys: string[], value: string | number) => boolean;
             unstable_sxConfig: _mui_system.SxConfig;
             unstable_sx: (props: _mui_system.SxProps<_mui_material.Theme>) => _mui_styled_engine.CSSObject;
             applyStyles: _mui_system.ApplyStyles<"light" | "dark">;
-            opacity: _mui_material.Opacity;
             overlays: _mui_material.Overlays;
             customShadows: CustomShadows;
             unstable_strictMode?: boolean | undefined;