@zydon/common 2.7.8 → 2.7.10

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

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

package/dist/chunk-N2DMNLAX.js

@@ -0,0 +1,8 @@
+import { b as b$1 } from './chunk-XCJL6W4A.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-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-XCJL6W4A.js

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

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" | "sizes" | "alt" | "src" | "srcSet" | "imgProps"> & {
     component?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
 }>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 

package/dist/components/AvatarButton/index.js

@@ -1,22 +1,21 @@
 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-677WKIPE.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-N2DMNLAX.js';
+import '../../chunk-XCJL6W4A.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';
 import '../../chunk-YKX5RVAJ.js';
 import '../../chunk-7J53ZUIF.js';
-import '../../chunk-S7QQBC4I.js';
 import '../../chunk-QQDMA4TE.js';
 import '../../chunk-Z2TDWMRU.js';
 import '../../chunk-4INDXVIX.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,32 +1,29 @@
-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-XCJL6W4A.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';
 import '../../chunk-YKX5RVAJ.js';
 import { k } from '../../chunk-7J53ZUIF.js';
-import '../../chunk-S7QQBC4I.js';
 import '../../chunk-QQDMA4TE.js';
 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,15 +1,14 @@
-export { a as default } from '../../chunk-5VOIOTTU.js';
-import '../../chunk-DA3NAPMB.js';
-import '../../chunk-P3JWN6WS.js';
+export { a as default } from '../../chunk-677WKIPE.js';
+import '../../chunk-N2DMNLAX.js';
+import '../../chunk-XCJL6W4A.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';
 import '../../chunk-YKX5RVAJ.js';
 import '../../chunk-7J53ZUIF.js';
-import '../../chunk-S7QQBC4I.js';
 import '../../chunk-QQDMA4TE.js';
 import '../../chunk-Z2TDWMRU.js';
 import '../../chunk-4INDXVIX.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,14 +1,13 @@
-export { a as useThemeToggle } from '../chunk-DA3NAPMB.js';
-import '../chunk-P3JWN6WS.js';
+export { a as useThemeToggle } from '../chunk-N2DMNLAX.js';
+import '../chunk-XCJL6W4A.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';
 import '../chunk-YKX5RVAJ.js';
 import '../chunk-7J53ZUIF.js';
-import '../chunk-S7QQBC4I.js';
 import '../chunk-QQDMA4TE.js';
 import '../chunk-Z2TDWMRU.js';
 import '../chunk-4INDXVIX.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';
+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,14 +1,13 @@
-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-N2DMNLAX.js';
+export { c as ThemeProvider, a as createTheme } from './chunk-XCJL6W4A.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';
 export { l as action, k as background, m as basePalette, p as colorSchemes, i as common, a as components, q as createShadowColor, r as customShadows, o as darkPalette, h as error, b as grey, e as info, n as lightPalette, c as primary, d as secondary, f as success, j as text, g as warning } from './chunk-YKX5RVAJ.js';
 export { q as bgBlur, p as bgGradient, o as borderGradient, j as createPaletteChannel, h as hexToRgbChannel, i as hexToRgbaChannel, l as hideScrollX, m as hideScrollY, r as maxLine, c as mediaQueries, t as menuItem, s as paper, f as pxToRem, e as remToPx, g as responsiveFontSizes, d as setFont, b as stylesMode, n as textGradient, k as varAlpha } from './chunk-7J53ZUIF.js';
-import './chunk-S7QQBC4I.js';
 import './chunk-QQDMA4TE.js';
 import './chunk-Z2TDWMRU.js';
 import './chunk-4INDXVIX.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/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;
@@ -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,7 +436,7 @@ 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;
@@ -445,7 +445,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     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;
     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 | "normal" | "auto" | "none" | "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;
@@ -729,7 +729,7 @@ 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;
+    MozAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "auto" | "none" | "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;
     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;
@@ -741,7 +741,7 @@ 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 | "normal" | "auto" | "none" | "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;
     WebkitBorderRadius?: readonly (string | (string & {}))[] | csstype.Property.BorderRadius<string | number> | readonly NonNullable<csstype.Property.BorderRadius<string | number> | undefined>[] | 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 | "normal" | "auto" | "none" | "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;

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,13 +1,12 @@
-export { c as default, b as forceDataMuiColorScheme } from '../chunk-P3JWN6WS.js';
+export { c as default, b as forceDataMuiColorScheme } from '../chunk-XCJL6W4A.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';
 import '../chunk-YKX5RVAJ.js';
 export { a as schemeConfig } from '../chunk-7J53ZUIF.js';
-import '../chunk-S7QQBC4I.js';
 import '../chunk-QQDMA4TE.js';
 import '../chunk-Z2TDWMRU.js';
 import '../chunk-4INDXVIX.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.10",
   "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 };