@zydon/common 2.6.24 → 2.6.26

package/dist/chunk-HKDJJCVM.js

@@ -0,0 +1,6 @@
+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 };

package/dist/chunk-NPLJLZI4.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$5 } from './chunk-GUFT6XPG.js';
+import { a as a$6 } from './chunk-WHJEUAD7.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 i={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 s={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(s,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]),s=useMemo(()=>({theme:m,defaultMode:e.colorScheme,defaultColorScheme:e.colorScheme,modeStorageKey:i.modeStorageKey}),[m,e.colorScheme]);return useEffect(()=>{e.setColorScheme(e.colorScheme),a$6(e.colorScheme);},[e.colorScheme]),jsxs(Experimental_CssVarsProvider,{...s,children:[jsx(_,{}),o]})},$=({children:o,cssVarPrefix:t="app",primaryColor:e="#4E5BEC",fontFamily:m="Public Sans",compactLayout:s=!0,contrast:r="default",navColor:a="integrate",navLayout:n="vertical",colorScheme:A="light"})=>{let[L,k]=a$4(i.modeStorageKey,A);return jsx(c$1,{primaryColor:e,fontFamily:m,compactLayout:s,contrast:r,navColor:a,navLayout:n,colorScheme:L,setColorScheme:k,children:jsx(G,{cssVarPrefix:t,children:o})})},ae=$;
+
+export { M as a, ae as b };

package/dist/chunk-WHJEUAD7.js

@@ -0,0 +1,7 @@
+import { b } from './chunk-HKDJJCVM.js';
+import { useCallback, useEffect } from 'react';
+import { useColorScheme } from '@mui/material/styles';
+
+var h=e=>{typeof document<"u"&&document.documentElement.setAttribute("data-mui-color-scheme",e);},s=()=>typeof document<"u"?document.documentElement.getAttribute("data-mui-color-scheme"):"light",g=()=>{let{mode:e,setMode:o}=useColorScheme(),{settings:{setColorScheme:t}}=b(),r=useCallback(()=>{o(e==="light"?"dark":"light"),t(e==="light"?"dark":"light");},[e,o,t]);return useEffect(()=>{s()!==e&&h(e);},[e]),{colorScheme:e,isDark:e==="dark",toggleTheme:r,setColorScheme:t}};
+
+export { h as a, g 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-YQRM3LV4.js';
+import { b } from '../../chunk-NPLJLZI4.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-36LYW22D.js';
-import '../../chunk-YEBXGLAJ.js';
+import '../../chunk-WHJEUAD7.js';
+import '../../chunk-HKDJJCVM.js';
 import { j } from '../../chunk-V2UHZWRE.js';
 import '../../chunk-QQDMA4TE.js';
 import '../../chunk-Z2TDWMRU.js';

package/dist/components/ToggleTheme/index.js

@@ -1,13 +1,10 @@
-import { a } from '../../chunk-YEBXGLAJ.js';
-import '../../chunk-QQDMA4TE.js';
-import '../../chunk-Z2TDWMRU.js';
-import '../../chunk-4INDXVIX.js';
-import '../../chunk-3APKMSVD.js';
+import { b } from '../../chunk-WHJEUAD7.js';
+import '../../chunk-HKDJJCVM.js';
 import { forwardRef } from 'react';
-import r from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
+import t from '@mui/material/Box';
+import { styled, alpha } from '@mui/material/styles';
 import { jsx } from 'react/jsx-runtime';
 
-var g=styled(r)(({theme:o})=>({display:"flex",alignItems:"center",gap:o.spacing(2),userSelect:"none"})),n=styled(r)(({theme:o})=>({position:"relative",width:53,height:28,backgroundColor:o.palette.background.paper,borderRadius:24,border:`2px solid ${o.palette.text.primary}`,overflow:"hidden",cursor:"pointer",userSelect:"none"})),p=styled(r,{shouldForwardProp:o=>o!=="isDark"})(({isDark:o})=>({position:"absolute",margin:"auto",top:1,left:-20,width:22,height:22,background:"transparent",borderRadius:"50%",boxShadow:"22px 0 0 #000, 22px 0 0 #000",transition:"all 0.1s ease-in-out",...o&&{left:17,boxShadow:"2px 0 0 0 rgba(0, 0, 0, 0.2), 9px 0 0 0 #FFF"}}));var s=forwardRef(({onThemeChange:o},d)=>{let{isDark:e,toggleTheme:m}=a(),c=()=>{m(),o?.(!e);},a$1=`Alternar para modo ${e?"claro":"escuro"}`;return jsx(g,{ref:d,children:jsx(n,{onClick:c,role:"button",tabIndex:0,"aria-label":a$1,title:a$1,children:jsx(p,{isDark:e})})})});s.displayName="Toggle";var u=s;
+var n=styled(t)(({theme:o})=>({display:"flex",alignItems:"center",gap:o.spacing(2),userSelect:"none"})),g=styled(t)(({theme:o})=>({position:"relative",width:53,height:28,backgroundColor:"transparent",borderRadius:24,border:`2px solid ${o.palette.text.primary}`,overflow:"hidden",cursor:"pointer",userSelect:"none"})),s=styled(t,{shouldForwardProp:o=>o!=="isDark"})(({isDark:o,theme:e})=>({position:"absolute",margin:"auto",top:1,left:-21,width:22,height:22,background:"transparent",borderRadius:"50%",boxShadow:`22px 0 0 -1px ${e.palette.text.primary}, 22px 0 0 -1px ${e.palette.text.primary}`,transition:"all 0.1s ease-in-out",...o&&{left:17,boxShadow:`2px 0 0 0 ${alpha(e.palette.background.paper,.2)}, 9px 0 0 0 ${e.palette.text.primary}`}}));var d=forwardRef(({onThemeChange:o},e)=>{let{isDark:r,toggleTheme:m}=b(),x=()=>{m(),o?.(!r);},p=`Alternar para modo ${r?"claro":"escuro"}`;return jsx(n,{ref:e,children:jsx(g,{onClick:x,role:"button",tabIndex:0,"aria-label":p,title:p,children:jsx(s,{isDark:r})})})});d.displayName="Toggle";var u=d;
 
 export { u 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-4537dcad.js';
+export { S as SettingsContextValue, _ as SettingsProvider, T as ThemeProviderProps, u as useSettingsContext } from './settings-provider-c4e65b05.js';
 export { default as ThemeProvider } from './theme/theme-provider.js';
-import { S as SettingsState, C as ColorScheme } from './settings-4d4dc42f.js';
+import { S as SettingsState, C as ColorScheme } from './settings-28b04fd5.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';
@@ -28,7 +28,7 @@ interface UseThemeToggleReturn {
     colorScheme: ColorScheme;
     isDark: boolean;
     toggleTheme: () => void;
-    setColorScheme: (scheme: ColorScheme, cssVarPrefix?: string) => void;
+    setColorScheme: (scheme: ColorScheme) => void;
 }
 declare const useThemeToggle: () => UseThemeToggleReturn;
 

package/dist/index.js

@@ -1,12 +1,12 @@
-export { b as ThemeProvider, a as createTheme } from './chunk-YQRM3LV4.js';
+export { b as ThemeProvider, a as createTheme } from './chunk-NPLJLZI4.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 { c as SettingsProvider, b as useSettingsContext } from './chunk-36LYW22D.js';
-export { a as useThemeToggle } from './chunk-YEBXGLAJ.js';
+export { b as useThemeToggle } from './chunk-WHJEUAD7.js';
+export { c as SettingsProvider, b as useSettingsContext } from './chunk-HKDJJCVM.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/{settings-4d4dc42f.d.ts → settings-28b04fd5.d.ts}

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

package/dist/{settings-provider-4537dcad.d.ts → settings-provider-c4e65b05.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-4d4dc42f.js';
+import { S as SettingsState } from './settings-28b04fd5.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, }: PropsWithChildren<SettingsState>) => react_jsx_runtime.JSX.Element>;
+declare const _default: react.MemoExoticComponent<({ children, primaryColor, fontFamily, compactLayout, colorScheme, contrast, navColor, navLayout, setColorScheme, }: 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-4d4dc42f.js';
-export { a as SettingsContext, _ as default, u as useSettingsContext } from '../settings-provider-4537dcad.js';
+import '../settings-28b04fd5.js';
+export { a as SettingsContext, _ as default, u as useSettingsContext } from '../settings-provider-c4e65b05.js';

package/dist/theme/settings-provider.js

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

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

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { T as ThemeProviderProps } from '../settings-provider-4537dcad.js';
-export { u as useSettingsContext } from '../settings-provider-4537dcad.js';
+import { T as ThemeProviderProps } from '../settings-provider-c4e65b05.js';
+export { u as useSettingsContext } from '../settings-provider-c4e65b05.js';
 import 'react';
-import '../settings-4d4dc42f.js';
+import '../settings-28b04fd5.js';
 
 declare const ThemeProvider: ({ children, cssVarPrefix, primaryColor, fontFamily, compactLayout, contrast, navColor, navLayout, colorScheme, }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
 

package/dist/theme/theme-provider.js

@@ -1,12 +1,12 @@
-export { b as default } from '../chunk-YQRM3LV4.js';
+export { b as default } from '../chunk-NPLJLZI4.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';
-export { b as useSettingsContext } from '../chunk-36LYW22D.js';
-import '../chunk-YEBXGLAJ.js';
+import '../chunk-WHJEUAD7.js';
+export { b as useSettingsContext } from '../chunk-HKDJJCVM.js';
 import '../chunk-V2UHZWRE.js';
 import '../chunk-QQDMA4TE.js';
 import '../chunk-Z2TDWMRU.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-4d4dc42f.js';
+import { S as SettingsState } from '../../settings-28b04fd5.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.6.24",
+  "version": "2.6.26",
   "license": "MIT",
   "type": "module",
   "module": "./dist/index.js",

package/dist/chunk-36LYW22D.js

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

package/dist/chunk-YEBXGLAJ.js

@@ -1,7 +0,0 @@
-import { a } from './chunk-QQDMA4TE.js';
-import { useCallback, useEffect } from 'react';
-import { useColorScheme } from '@mui/material/styles';
-
-var d=e=>{typeof document<"u"&&document.documentElement.setAttribute("data-mui-color-scheme",e);},T=()=>{let{mode:e,setMode:c}=useColorScheme(),[,s]=a("mui-mode",e),[,n]=a("mui-color-scheme-light",e),[,h]=a("mui-color-scheme-dark",e),r=e||"light",l=r==="dark",o=useCallback(t=>{c(t),s(t),n(t),h(t),d(t);},[c,s,n,h]),u=useCallback(()=>{o(l?"light":"dark");},[l,o]);return useEffect(()=>{o(r);},[r,o]),{colorScheme:r,isDark:l,toggleTheme:u,setColorScheme:o}};
-
-export { T as a };

package/dist/chunk-YQRM3LV4.js

@@ -1,16 +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 { c as c$2, b as b$1 } from './chunk-36LYW22D.js';
-import { a as a$4 } from './chunk-YEBXGLAJ.js';
-import { c as c$1 } from './chunk-V2UHZWRE.js';
-import { useEffect, useMemo } from 'react';
-import F from '@mui/material/CssBaseline';
-import { experimental_extendTheme, lighten, darken, Experimental_CssVarsProvider } from '@mui/material/styles';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var c={modeStorageKey:"mui-mode",defaultMode:"light"};var L=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 r$1=L(t.primaryColor);a(p,"dark.palette.primary",r$1),a(p,"light.palette.primary",r$1);let i={colorSchemes:p,shadows:a$1(t.colorScheme),customShadows:r(t.colorScheme,r$1.main),shape:{borderRadius:8},components:a$2,typography:{...e,fontFamily:c$1(t.fontFamily)},cssVarPrefix:e$1,shouldSkipGeneratingVar:V},a$4=a$3(i,t),m={};return experimental_extendTheme(a$4,o,b(t),m)}function V(o,t){let e=["mixins","overlays","direction","breakpoints","cssVarPrefix","unstable_sxConfig","typography","colorSchemes"],r={global:["tonalOffset","dividerChannel","contrastThreshold"],grey:["A100","A200","A400","A700"],text:["icon"]};if(o[0]==="palette"){let a=o[1],m=r[a]||r.global;return o.some(s=>m?.includes(s))}return o.some(a=>e?.includes(a))}var W=({children:o,cssVarPrefix:t})=>{let{settings:e}=b$1(),{setColorScheme:r}=a$4();useEffect(()=>{r(e.colorScheme,t);},[r,e.colorScheme,t]);let i=useMemo(()=>{let m=K(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},t),s=m.colorSchemes?.[e.colorScheme]?.palette;return s&&(m.palette=s),m},[e,t]),a=useMemo(()=>({theme:i,defaultMode:e.colorScheme,defaultColorScheme:e.colorScheme,modeStorageKey:c.modeStorageKey}),[i,e.colorScheme]);return jsxs(Experimental_CssVarsProvider,{...a,children:[jsx(F,{}),o]})},_=({children:o,cssVarPrefix:t="app",primaryColor:e="#4E5BEC",fontFamily:r="Public Sans",compactLayout:i=!0,contrast:a="default",navColor:m="integrate",navLayout:s="vertical",colorScheme:k="light"})=>jsx(c$2,{primaryColor:e,fontFamily:r,compactLayout:i,contrast:a,navColor:m,navLayout:s,colorScheme:k,children:jsx(W,{cssVarPrefix:t,children:o})}),oe=_;
-
-export { K as a, oe as b };