@zydon/common 2.6.34 → 2.6.36

package/dist/chunk-AWP4VFQW.js

@@ -0,0 +1,20 @@
+import { createContext, memo, useContext, useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var m={modeStorageKey:"mui-mode",defaultMode:"light"},p=`
+(function() {
+  const modeStorageKey = '${m.modeStorageKey}';
+  const defaultMode = '${m.defaultMode}';
+
+  try {
+    const storedMode = localStorage.getItem(modeStorageKey) || defaultMode;
+    const mode = ['light', 'dark'].includes(storedMode) ? storedMode : defaultMode;
+
+    document.documentElement.setAttribute('data-mui-color-scheme', mode);
+  } catch (e) {
+    document.documentElement.setAttribute('data-mui-color-scheme', defaultMode);
+  }
+})();
+`;var c=createContext(void 0),v=()=>{let e=useContext(c);if(!e)throw new Error("useSettingsContext deve ser usado dentro de um SettingsProvider");return e},x=({children:e,primaryColor:t,fontFamily:o,compactLayout:n,colorScheme:d="light",contrast:r,navColor:s,navLayout:i,setColorScheme:u})=>{let g=useMemo(()=>({primaryColor:t,fontFamily:o,compactLayout:n,colorScheme:d,contrast:r,navColor:s,navLayout:i,setColorScheme:u}),[t,o,n,d,r,s,i,u]);return jsx(c.Provider,{value:{settings:g},children:e})},K=memo(x);
+
+export { m as a, p as b, c, v as d, K as e };

package/dist/chunk-HXK3S7YV.js

@@ -0,0 +1,7 @@
+import { d } from './chunk-AWP4VFQW.js';
+import { useCallback, useEffect } from 'react';
+import { useColorScheme } from '@mui/material/styles';
+
+var i=e=>{typeof document<"u"&&document.documentElement.setAttribute("data-mui-color-scheme",e);};var S=()=>{let{mode:e,setMode:o}=useColorScheme(),{settings:{setColorScheme:m}}=d(),t=useCallback(r=>{o(r),m(r),setTimeout(()=>{window.location.reload();},300);},[o,m]),n=useCallback(()=>{t(e==="light"?"dark":"light");},[e,t]);return useEffect(()=>{i(e);},[e]),{colorScheme:e,isDark:e==="dark",toggleTheme:n,setColorScheme:t}};
+
+export { i as a, S as b };

package/dist/chunk-KQPFHDQK.js

@@ -0,0 +1,17 @@
+import { a } from './chunk-SO64ZYQB.js';
+import { a as a$1, e } from './chunk-H7GUTAKH.js';
+import { a as a$3, b } from './chunk-AIB3I5MO.js';
+import { p, r, a as a$2 } from './chunk-HTXWJ57Q.js';
+import { a as a$6 } from './chunk-GUFT6XPG.js';
+import { a as a$7 } from './chunk-HXK3S7YV.js';
+import { a as a$5, e as e$1, d } from './chunk-AWP4VFQW.js';
+import { c } from './chunk-V2UHZWRE.js';
+import { a as a$4 } from './chunk-QQDMA4TE.js';
+import { useMemo, useEffect } from 'react';
+import M from '@mui/material/CssBaseline';
+import { experimental_extendTheme, lighten, darken, Experimental_CssVarsProvider } from '@mui/material/styles';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var E=o=>({lighter:lighten(o,.815),light:lighten(o,.225),main:o,dark:darken(o,.15),darker:darken(o,.35),contrastText:"#000"});function K(o,t,e$1=""){let m=E(t.primaryColor);a(p,"dark.palette.primary",m),a(p,"light.palette.primary",m);let i={colorSchemes:p,shadows:a$1(t.colorScheme),customShadows:r(t.colorScheme,m.main),shape:{borderRadius:8},components:a$2,typography:{...e,fontFamily:c(t.fontFamily)},cssVarPrefix:e$1,shouldSkipGeneratingVar:W},r$1=a$3(i,t),a$4={};return experimental_extendTheme(r$1,o,b(t),a$4)}function W(o,t){let e=["mixins","overlays","direction","breakpoints","cssVarPrefix","unstable_sxConfig","typography","colorSchemes"],m={global:["tonalOffset","dividerChannel","contrastThreshold"],grey:["A100","A200","A400","A700"],text:["icon"]};if(o[0]==="palette"){let r=o[1],a=m[r]||m.global;return o.some(n=>a?.includes(n))}return o.some(r=>e?.includes(r))}var G=({children:o,cssVarPrefix:t})=>{let{settings:e}=d(),m=useMemo(()=>{let r=K(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},t),a=r.colorSchemes?.[e.colorScheme]?.palette;return a&&(r.palette=a),r},[e,t]),i=useMemo(()=>({theme:m,mode:e.colorScheme,defaultMode:e.colorScheme,defaultColorScheme:e.colorScheme,modeStorageKey:a$5.modeStorageKey,colorSchemeStorageKey:a$5.modeStorageKey}),[m,e.colorScheme]);return useEffect(()=>{a$7(e.colorScheme);},[e.colorScheme]),jsxs(Experimental_CssVarsProvider,{...i,children:[jsx(M,{}),o]})},D=({children:o,cssVarPrefix:t="app",primaryColor:e="#4E5BEC",fontFamily:m="Public Sans",compactLayout:i=!0,contrast:r="default",navColor:a="integrate",navLayout:n="vertical",colorScheme:k="light"})=>{let[A,F]=a$4(a$5.modeStorageKey,k);return jsx(e$1,{primaryColor:e,fontFamily:m,compactLayout:i,contrast:r,navColor:a,navLayout:n,colorScheme:A,setColorScheme:F,children:jsx(G,{cssVarPrefix:t,children:o})})},me=D;
+
+export { K as a, me as b };

package/dist/components/Common/index.js

@@ -1,14 +1,14 @@
 import { a } from '../../chunk-P26W2RT7.js';
 import '../../chunk-QGFD5EQE.js';
-import { b } from '../../chunk-C7MNFGMF.js';
+import { b } from '../../chunk-KQPFHDQK.js';
 import '../../chunk-SO64ZYQB.js';
 import '../../chunk-H7GUTAKH.js';
 import '../../chunk-AIB3I5MO.js';
 import '../../chunk-CFVUZ4S5.js';
 import '../../chunk-HTXWJ57Q.js';
 import '../../chunk-GUFT6XPG.js';
-import '../../chunk-GHYF7BOH.js';
-import '../../chunk-HKDJJCVM.js';
+import '../../chunk-HXK3S7YV.js';
+import '../../chunk-AWP4VFQW.js';
 import { j } from '../../chunk-V2UHZWRE.js';
 import '../../chunk-QQDMA4TE.js';
 import '../../chunk-Z2TDWMRU.js';

package/dist/components/ToggleTheme/index.js

@@ -1,5 +1,5 @@
-import { b } from '../../chunk-GHYF7BOH.js';
-import '../../chunk-HKDJJCVM.js';
+import { b } from '../../chunk-HXK3S7YV.js';
+import '../../chunk-AWP4VFQW.js';
 import { forwardRef } from 'react';
 import t from '@mui/material/Box';
 import { styled, alpha } from '@mui/material/styles';

package/dist/index.js

@@ -1,12 +1,12 @@
-export { b as ThemeProvider, a as createTheme } from './chunk-C7MNFGMF.js';
+export { b as ThemeProvider, a as createTheme } from './chunk-KQPFHDQK.js';
 import './chunk-SO64ZYQB.js';
 export { b as defaultFont, c as primaryFont, d as secondaryFont, a as shadows, e as typography } from './chunk-H7GUTAKH.js';
 import './chunk-AIB3I5MO.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-HTXWJ57Q.js';
 import './chunk-GUFT6XPG.js';
-export { b as useThemeToggle } from './chunk-GHYF7BOH.js';
-export { c as SettingsProvider, b as useSettingsContext } from './chunk-HKDJJCVM.js';
+export { b as useThemeToggle } from './chunk-HXK3S7YV.js';
+export { e as SettingsProvider, d as useSettingsContext } from './chunk-AWP4VFQW.js';
 export { p as bgBlur, o as bgGradient, n as borderGradient, i as createPaletteChannel, g as hexToRgbChannel, h as hexToRgbaChannel, k as hideScrollX, l as hideScrollY, q as maxLine, b as mediaQueries, s as menuItem, r as paper, e as pxToRem, d as remToPx, f as responsiveFontSizes, c as setFont, a as stylesMode, m as textGradient, j as varAlpha } from './chunk-V2UHZWRE.js';
 import './chunk-QQDMA4TE.js';
 import './chunk-Z2TDWMRU.js';

package/dist/theme/settings-provider.js

@@ -1 +1 @@
-export { a as SettingsContext, c as default, b as useSettingsContext } from '../chunk-HKDJJCVM.js';
+export { c as SettingsContext, e as default, d as useSettingsContext } from '../chunk-AWP4VFQW.js';

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

@@ -4,6 +4,21 @@ export { u as useSettingsContext } from '../settings-provider-c4e65b05.js';
 import 'react';
 import '../settings-28b04fd5.js';
 
+/**
+ * Configuração do esquema de cores para MUI
+ * Usa as configurações padrão do MUI para gerenciamento de modo de cor
+ */
+declare const schemeConfig: {
+    modeStorageKey: string;
+    defaultMode: "light";
+};
+/**
+ * Script para inicialização do esquema de cores
+ * Este script deve ser executado antes da renderização do React
+ * para evitar flash de conteúdo não estilizado (FOUC)
+ */
+declare const colorSchemeScript: string;
+
 declare const ThemeProvider: ({ children, cssVarPrefix, primaryColor, fontFamily, compactLayout, contrast, navColor, navLayout, colorScheme, }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
 
-export { ThemeProvider as default };
+export { colorSchemeScript, ThemeProvider as default, schemeConfig };

package/dist/theme/theme-provider.js

@@ -1,12 +1,12 @@
-export { b as default } from '../chunk-C7MNFGMF.js';
+export { b as default } from '../chunk-KQPFHDQK.js';
 import '../chunk-SO64ZYQB.js';
 import '../chunk-H7GUTAKH.js';
 import '../chunk-AIB3I5MO.js';
 import '../chunk-CFVUZ4S5.js';
 import '../chunk-HTXWJ57Q.js';
 import '../chunk-GUFT6XPG.js';
-import '../chunk-GHYF7BOH.js';
-export { b as useSettingsContext } from '../chunk-HKDJJCVM.js';
+import '../chunk-HXK3S7YV.js';
+export { b as colorSchemeScript, a as schemeConfig, d as useSettingsContext } from '../chunk-AWP4VFQW.js';
 import '../chunk-V2UHZWRE.js';
 import '../chunk-QQDMA4TE.js';
 import '../chunk-Z2TDWMRU.js';

package/package.json

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

package/dist/chunk-C7MNFGMF.js

@@ -1,17 +0,0 @@
-import { a } from './chunk-SO64ZYQB.js';
-import { a as a$1, e } from './chunk-H7GUTAKH.js';
-import { a as a$3, b } from './chunk-AIB3I5MO.js';
-import { p, r, a as a$2 } from './chunk-HTXWJ57Q.js';
-import { a as a$5 } from './chunk-GUFT6XPG.js';
-import { a as a$6 } from './chunk-GHYF7BOH.js';
-import { c as c$1, b as b$1 } from './chunk-HKDJJCVM.js';
-import { c } from './chunk-V2UHZWRE.js';
-import { a as a$4 } from './chunk-QQDMA4TE.js';
-import { useMemo, useEffect } from 'react';
-import _ from '@mui/material/CssBaseline';
-import { experimental_extendTheme, lighten, darken, Experimental_CssVarsProvider } from '@mui/material/styles';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var s={modeStorageKey:"mui-mode",defaultMode:"light"};var F=o=>({lighter:lighten(o,.815),light:lighten(o,.225),main:o,dark:darken(o,.15),darker:darken(o,.35),contrastText:"#000"});function M(o,t,e$1=""){let m=F(t.primaryColor);a(p,"dark.palette.primary",m),a(p,"light.palette.primary",m);let i={colorSchemes:p,shadows:a$1(t.colorScheme),customShadows:r(t.colorScheme,m.main),shape:{borderRadius:8},components:a$2,typography:{...e,fontFamily:c(t.fontFamily)},cssVarPrefix:e$1,shouldSkipGeneratingVar:w},r$1=a$3(i,t),a$4={};return experimental_extendTheme(r$1,o,b(t),a$4)}function w(o,t){let e=["mixins","overlays","direction","breakpoints","cssVarPrefix","unstable_sxConfig","typography","colorSchemes"],m={global:["tonalOffset","dividerChannel","contrastThreshold"],grey:["A100","A200","A400","A700"],text:["icon"]};if(o[0]==="palette"){let r=o[1],a=m[r]||m.global;return o.some(n=>a?.includes(n))}return o.some(r=>e?.includes(r))}var G=({children:o,cssVarPrefix:t})=>{let{settings:e}=b$1(),m=useMemo(()=>{let r=M(a$5[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},t),a=r.colorSchemes?.[e.colorScheme]?.palette;return a&&(r.palette=a),r},[e,t]),i=useMemo(()=>({theme:m,mode:e.colorScheme,defaultMode:e.colorScheme,defaultColorScheme:e.colorScheme,modeStorageKey:s.modeStorageKey,colorSchemeStorageKey:s.modeStorageKey}),[m,e.colorScheme]);return useEffect(()=>{a$6(e.colorScheme);},[e.colorScheme]),jsxs(Experimental_CssVarsProvider,{...i,children:[jsx(_,{}),o]})},$=({children:o,cssVarPrefix:t="app",primaryColor:e="#4E5BEC",fontFamily:m="Public Sans",compactLayout:i=!0,contrast:r="default",navColor:a="integrate",navLayout:n="vertical",colorScheme:k="light"})=>{let[A,L]=a$4(s.modeStorageKey,k);return jsx(c$1,{primaryColor:e,fontFamily:m,compactLayout:i,contrast:r,navColor:a,navLayout:n,colorScheme:A,setColorScheme:L,children:jsx(G,{cssVarPrefix:t,children:o})})},ae=$;
-
-export { M as a, ae as b };

package/dist/chunk-GHYF7BOH.js

@@ -1,7 +0,0 @@
-import { b } from './chunk-HKDJJCVM.js';
-import { useCallback, useEffect } from 'react';
-import { useColorScheme } from '@mui/material/styles';
-
-var i=e=>{typeof document<"u"&&document.documentElement.setAttribute("data-mui-color-scheme",e);};var S=()=>{let{mode:e,setMode:o}=useColorScheme(),{settings:{setColorScheme:m}}=b(),t=useCallback(r=>{o(r),m(r),window.location.reload();},[o,m]),n=useCallback(()=>{t(e==="light"?"dark":"light");},[e,t]);return useEffect(()=>{i(e);},[e]),{colorScheme:e,isDark:e==="dark",toggleTheme:n,setColorScheme:t}};
-
-export { i as a, S as b };

package/dist/chunk-HKDJJCVM.js

@@ -1,6 +0,0 @@
-import { createContext, memo, useContext, useMemo } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var u=createContext(void 0),l=()=>{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:i,colorScheme:r="light",contrast:s,navColor:o,navLayout:d,setColorScheme:g})=>{let S=useMemo(()=>({primaryColor:e,fontFamily:n,compactLayout:i,colorScheme:r,contrast:s,navColor:o,navLayout:d,setColorScheme:g}),[e,n,i,r,s,o,d,g]);return jsx(u.Provider,{value:{settings:S},children:t})},V=memo(P);
-
-export { u as a, l as b, V as c };