@zydon/common 2.7.36 → 2.7.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,6 @@
1
+ import { b } from './chunk-HONOUN5C.js';
2
+ import { useColorScheme } from '@mui/material';
3
+
4
+ var S=()=>{let{setMode:m}=useColorScheme(),{settings:c,updateSettings:h}=b(),e=c.colorScheme!=="light"?"dark":"light",t=o=>{m(o),h({colorScheme:o});};return {colorScheme:e,mode:e,isDark:e==="dark",toggleTheme:()=>{t(e==="light"?"dark":"light");},setColorScheme:t}};
5
+
6
+ export { S as a };
@@ -0,0 +1,6 @@
1
+ import { createContext, memo, useContext, useState, useMemo } from 'react';
2
+ import { jsx } from 'react/jsx-runtime';
3
+
4
+ var n=createContext(void 0),M=()=>{let t=useContext(n);if(!t)throw new Error("useSettingsContext deve ser usado dentro de um SettingsProvider");return t},V=({children:t,primaryColor:o,fontFamily:s,compactLayout:i,colorScheme:r,contrast:S,navColor:d,navLayout:a,cssVarPrefix:g,storageKey:u})=>{let[e,x]=useState(()=>({primaryColor:o,fontFamily:s,compactLayout:i,colorScheme:r,contrast:S,navColor:d,navLayout:a,cssVarPrefix:g,storageKey:u})),C=p=>{x(c=>({...c,...p}));},l=useMemo(()=>({settings:e,updateSettings:C}),[e]);return jsx(n.Provider,{value:l,children:t})},U=memo(V);
5
+
6
+ export { n as a, M as b, U as c };
@@ -0,0 +1,15 @@
1
+ import { a } from './chunk-SO64ZYQB.js';
2
+ import { a as a$3, b } from './chunk-SVZBOLAL.js';
3
+ import { a as a$5 } from './chunk-GUFT6XPG.js';
4
+ import { c, b as b$1 } from './chunk-HONOUN5C.js';
5
+ import { a as a$1, e } from './chunk-QCN7J3QD.js';
6
+ import { p, r, a as a$2 } from './chunk-5MFY3GOD.js';
7
+ import { d, a as a$4 } from './chunk-X3NSWXUJ.js';
8
+ import { useEffect, useMemo } from 'react';
9
+ import W from '@mui/material/CssBaseline';
10
+ import { experimental_extendTheme, lighten, darken, Experimental_CssVarsProvider, useColorScheme } from '@mui/material/styles';
11
+ import { jsx, jsxs } from 'react/jsx-runtime';
12
+
13
+ var V=o=>({lighter:lighten(o,.815),light:lighten(o,.225),main:o,dark:darken(o,.15),darker:darken(o,.35),contrastText:"#000"});function x(o,e$1,r$1="app"){let t=V(e$1.primaryColor),m=structuredClone(p);a(m,"dark.palette.primary",t),a(m,"light.palette.primary",t);let a$4={mode:e$1.colorScheme,colorSchemes:m,shadows:a$1(e$1.colorScheme),customShadows:r(e$1.colorScheme,t.main),shape:{borderRadius:8},components:a$2,typography:{...e,fontFamily:d(e$1.fontFamily)},cssVarPrefix:r$1,shouldSkipGeneratingVar:F},s=a$3(a$4,e$1);return experimental_extendTheme(s,o,b(e$1))}function F(o,e){let r=["mixins","overlays","direction","breakpoints","cssVarPrefix","unstable_sxConfig","typography","colorSchemes"],t={global:["tonalOffset","dividerChannel","contrastThreshold"],grey:["A100","A200","A400","A700"],text:["icon"]};if(o[0]==="palette"){let a=o[1],s=t[a]||t.global;return o.some(i=>s?.includes(i))}return o.some(a=>r?.includes(a))}var _=({children:o})=>{let{settings:e}=b$1();useEffect(()=>{localStorage.setItem(`${e.storageKey}`,e.colorScheme),localStorage.setItem(`${e.storageKey}-light`,"light"),localStorage.setItem(`${e.storageKey}-dark`,"dark");},[e.storageKey,e.colorScheme]);let r=useMemo(()=>{let m=x(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,storageKey:e.storageKey},e.cssVarPrefix);return m.palette=m.colorSchemes?.[e.colorScheme]?.palette,m},[e]),t=useMemo(()=>({theme:r,mode:e.colorScheme,defaultMode:e.colorScheme,defaultColorScheme:e.colorScheme,modeStorageKey:e.storageKey,colorSchemeStorageKey:e.storageKey,attribute:a$4.ATTRIBUTE}),[r,e.colorScheme,e.storageKey]);return jsxs(Experimental_CssVarsProvider,{...t,children:[jsx(W,{enableColorScheme:!0}),jsx($,{children:o})]})},$=({children:o})=>{let{settings:e}=b$1(),{mode:r,setMode:t}=useColorScheme();return useEffect(()=>{document?.documentElement.setAttribute(a$4.ATTRIBUTE,e.colorScheme||r),t(e.colorScheme||r);},[r,e.colorScheme,t]),o},w=({children:o,cssVarPrefix:e,primaryColor:r="#4E5BEC",fontFamily:t="Public Sans",compactLayout:m=!0,contrast:a="default",navColor:s="integrate",navLayout:i="vertical",colorScheme:E="light"})=>{let k=`${e?`${e}-`:""}${a$4.STORAGE_KEY}`;return jsx(c,{primaryColor:r,fontFamily:t,compactLayout:m,contrast:a,navColor:s,navLayout:i,colorScheme:E,cssVarPrefix:e,storageKey:k,children:jsx(_,{children:o})})};var ee=w;
14
+
15
+ export { x as a, ee as b };
@@ -1,4 +1,4 @@
1
- import { a } from './chunk-QLHZHVDP.js';
1
+ import { a } from './chunk-GLE7JXOO.js';
2
2
  import { forwardRef } from 'react';
3
3
  import r from '@mui/material/Box';
4
4
  import { styled, alpha } from '@mui/material/styles';
@@ -1,18 +1,18 @@
1
1
  import { a as a$4 } from '../../chunk-FP2AYD66.js';
2
- import { a as a$5 } from '../../chunk-3EXFL2ZO.js';
2
+ import { a as a$5 } from '../../chunk-ZCLLRBC2.js';
3
3
  import { a } from '../../chunk-X2EIL7EB.js';
4
4
  import { a as a$2 } from '../../chunk-NF42ENKE.js';
5
5
  import { a as a$3 } from '../../chunk-55UBWW2X.js';
6
6
  import '../../chunk-FO7JCJ76.js';
7
7
  import '../../chunk-YD3VYCJ3.js';
8
8
  import { a as a$1 } from '../../chunk-ORYAES3Q.js';
9
- import '../../chunk-QLHZHVDP.js';
10
- import '../../chunk-BEIXYT6P.js';
9
+ import '../../chunk-GLE7JXOO.js';
10
+ import '../../chunk-UOT5YZQ4.js';
11
11
  import '../../chunk-SO64ZYQB.js';
12
12
  import '../../chunk-SVZBOLAL.js';
13
13
  import '../../chunk-CFVUZ4S5.js';
14
14
  import '../../chunk-GUFT6XPG.js';
15
- import '../../chunk-2R4UUSRL.js';
15
+ import '../../chunk-HONOUN5C.js';
16
16
  import '../../chunk-QCN7J3QD.js';
17
17
  import '../../chunk-5MFY3GOD.js';
18
18
  import '../../chunk-X3NSWXUJ.js';
@@ -1,12 +1,12 @@
1
1
  import { a } from '../../chunk-55UBWW2X.js';
2
2
  import '../../chunk-FO7JCJ76.js';
3
3
  import '../../chunk-YD3VYCJ3.js';
4
- import { c as c$1 } from '../../chunk-BEIXYT6P.js';
4
+ import { b } from '../../chunk-UOT5YZQ4.js';
5
5
  import '../../chunk-SO64ZYQB.js';
6
6
  import '../../chunk-SVZBOLAL.js';
7
7
  import '../../chunk-CFVUZ4S5.js';
8
8
  import '../../chunk-GUFT6XPG.js';
9
- import '../../chunk-2R4UUSRL.js';
9
+ import '../../chunk-HONOUN5C.js';
10
10
  import '../../chunk-QCN7J3QD.js';
11
11
  import '../../chunk-5MFY3GOD.js';
12
12
  import { k } from '../../chunk-X3NSWXUJ.js';
@@ -20,6 +20,6 @@ import L from '@mui/material/Portal';
20
20
  import { styled } from '@mui/material/styles';
21
21
  import { Toaster } from 'sonner';
22
22
 
23
- 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,storageKey:b})=>jsx(c,{children:jsx(c$1,{primaryColor:t,colorScheme:a,contrast:i,cssVarPrefix:m,storageKey:b,children:jsxs(d,{children:[f,C&&jsx(u,{})]})})});g.displayName="Common";var to=g;
23
+ 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,storageKey:b$1})=>jsx(c,{children:jsx(b,{primaryColor:t,colorScheme:a,contrast:i,cssVarPrefix:m,storageKey:b$1,children:jsxs(d,{children:[f,C&&jsx(u,{})]})})});g.displayName="Common";var to=g;
24
24
 
25
25
  export { to as default };
@@ -1,11 +1,11 @@
1
- export { a as default } from '../../chunk-3EXFL2ZO.js';
2
- import '../../chunk-QLHZHVDP.js';
3
- import '../../chunk-BEIXYT6P.js';
1
+ export { a as default } from '../../chunk-ZCLLRBC2.js';
2
+ import '../../chunk-GLE7JXOO.js';
3
+ import '../../chunk-UOT5YZQ4.js';
4
4
  import '../../chunk-SO64ZYQB.js';
5
5
  import '../../chunk-SVZBOLAL.js';
6
6
  import '../../chunk-CFVUZ4S5.js';
7
7
  import '../../chunk-GUFT6XPG.js';
8
- import '../../chunk-2R4UUSRL.js';
8
+ import '../../chunk-HONOUN5C.js';
9
9
  import '../../chunk-QCN7J3QD.js';
10
10
  import '../../chunk-5MFY3GOD.js';
11
11
  import '../../chunk-X3NSWXUJ.js';
@@ -1,4 +1,4 @@
1
- import { C as ColorScheme } from '../settings-4d4dc42f.js';
1
+ import { C as ColorScheme } from '../settings-583c107c.js';
2
2
 
3
3
  interface UseThemeToggleReturn {
4
4
  colorScheme: ColorScheme;
@@ -1,10 +1,10 @@
1
- export { a as useThemeToggle } from '../chunk-QLHZHVDP.js';
2
- import '../chunk-BEIXYT6P.js';
1
+ export { a as useThemeToggle } from '../chunk-GLE7JXOO.js';
2
+ import '../chunk-UOT5YZQ4.js';
3
3
  import '../chunk-SO64ZYQB.js';
4
4
  import '../chunk-SVZBOLAL.js';
5
5
  import '../chunk-CFVUZ4S5.js';
6
6
  import '../chunk-GUFT6XPG.js';
7
- import '../chunk-2R4UUSRL.js';
7
+ import '../chunk-HONOUN5C.js';
8
8
  import '../chunk-QCN7J3QD.js';
9
9
  import '../chunk-5MFY3GOD.js';
10
10
  import '../chunk-X3NSWXUJ.js';
package/dist/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import { C as CustomShadows } from './index-5a5e5dc8.js';
2
2
  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-5a5e5dc8.js';
3
- export { S as SettingsContextValue, _ as SettingsProvider, T as ThemeProviderProps, u as useSettingsContext } from './settings-provider-4537dcad.js';
3
+ export { S as SettingsContextValue, _ as SettingsProvider, T as ThemeProviderProps, u as useSettingsContext } from './settings-provider-d962dacc.js';
4
4
  export { THEME_CONFIG, default as ThemeProvider } from './theme/theme-provider.js';
5
- import { S as SettingsState } from './settings-4d4dc42f.js';
5
+ import { S as SettingsState } from './settings-583c107c.js';
6
6
  import { Theme as Theme$1 } from '@mui/material/styles';
7
7
  import { a as ThemeLocaleComponents } from './types-b8e8c021.js';
8
8
  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 CHANGED
@@ -1,10 +1,10 @@
1
- export { a as useThemeToggle } from './chunk-QLHZHVDP.js';
2
- export { c as ThemeProvider, a as createTheme } from './chunk-BEIXYT6P.js';
1
+ export { a as useThemeToggle } from './chunk-GLE7JXOO.js';
2
+ export { b as ThemeProvider, a as createTheme } from './chunk-UOT5YZQ4.js';
3
3
  import './chunk-SO64ZYQB.js';
4
4
  import './chunk-SVZBOLAL.js';
5
5
  import './chunk-CFVUZ4S5.js';
6
6
  import './chunk-GUFT6XPG.js';
7
- export { c as SettingsProvider, b as useSettingsContext } from './chunk-2R4UUSRL.js';
7
+ export { c as SettingsProvider, b as useSettingsContext } from './chunk-HONOUN5C.js';
8
8
  export { b as defaultFont, c as primaryFont, d as secondaryFont, a as shadows, e as typography } from './chunk-QCN7J3QD.js';
9
9
  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-5MFY3GOD.js';
10
10
  export { a as THEME_CONFIG, 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-X3NSWXUJ.js';
@@ -7,6 +7,8 @@ type SettingsState = {
7
7
  contrast: 'default' | 'hight';
8
8
  navColor: 'integrate' | 'apparent';
9
9
  navLayout: 'vertical' | 'horizontal' | 'mini';
10
+ cssVarPrefix?: string;
11
+ storageKey?: string;
10
12
  };
11
13
 
12
14
  export { ColorScheme as C, SettingsState as S };
@@ -1,18 +1,18 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
3
3
  import { PropsWithChildren } from 'react';
4
- import { S as SettingsState } from './settings-4d4dc42f.js';
4
+ import { S as SettingsState } from './settings-583c107c.js';
5
5
 
6
6
  interface ThemeProviderProps extends PropsWithChildren<Partial<SettingsState>> {
7
- storageKey?: string;
8
7
  cssVarPrefix?: string;
9
8
  }
10
- type SettingsContextValue = {
9
+ interface SettingsContextValue {
11
10
  settings: SettingsState;
12
- };
11
+ updateSettings: (newSettings: Partial<SettingsState>) => void;
12
+ }
13
13
 
14
14
  declare const SettingsContext: react.Context<SettingsContextValue | undefined>;
15
15
  declare const useSettingsContext: () => SettingsContextValue;
16
- declare const _default: react.MemoExoticComponent<({ children, primaryColor, fontFamily, compactLayout, colorScheme, contrast, navColor, navLayout, }: PropsWithChildren<SettingsState>) => react_jsx_runtime.JSX.Element>;
16
+ declare const _default: react.MemoExoticComponent<({ children, primaryColor, fontFamily, compactLayout, colorScheme, contrast, navColor, navLayout, cssVarPrefix, storageKey, }: PropsWithChildren<SettingsState>) => react_jsx_runtime.JSX.Element>;
17
17
 
18
18
  export { SettingsContextValue as S, ThemeProviderProps as T, _default as _, SettingsContext as a, useSettingsContext as u };
@@ -1,4 +1,4 @@
1
1
  import 'react/jsx-runtime';
2
2
  import 'react';
3
- import '../settings-4d4dc42f.js';
4
- export { a as SettingsContext, _ as default, u as useSettingsContext } from '../settings-provider-4537dcad.js';
3
+ import '../settings-583c107c.js';
4
+ export { a as SettingsContext, _ as default, u as useSettingsContext } from '../settings-provider-d962dacc.js';
@@ -1 +1 @@
1
- export { a as SettingsContext, c as default, b as useSettingsContext } from '../chunk-2R4UUSRL.js';
1
+ export { a as SettingsContext, c as default, b as useSettingsContext } from '../chunk-HONOUN5C.js';
@@ -1,25 +1,14 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { C as ColorScheme } from '../settings-4d4dc42f.js';
3
- import { T as ThemeProviderProps } from '../settings-provider-4537dcad.js';
4
- export { u as useSettingsContext } from '../settings-provider-4537dcad.js';
2
+ import { T as ThemeProviderProps } from '../settings-provider-d962dacc.js';
3
+ export { u as useSettingsContext } from '../settings-provider-d962dacc.js';
5
4
  import 'react';
5
+ import '../settings-583c107c.js';
6
6
 
7
7
  declare const THEME_CONFIG: {
8
8
  readonly STORAGE_KEY: "mui-mode";
9
9
  readonly ATTRIBUTE: "data-mui-color-scheme";
10
10
  };
11
11
 
12
- /**
13
- * Força a aplicação de um esquema de cores (light/dark) no DOM.
14
- *
15
- * @param scheme - Esquema de cores a ser aplicado ('light' ou 'dark')
16
- *
17
- * @example
18
- * ```tsx
19
- * forceDataMuiColorScheme('light');
20
- * ```
21
- */
22
- declare const forceDataMuiColorScheme: (scheme: ColorScheme) => void;
23
- declare const ThemeProvider: ({ children, cssVarPrefix, primaryColor, fontFamily, compactLayout, contrast, navColor, navLayout, colorScheme, storageKey, }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
12
+ declare const ThemeProvider: ({ children, cssVarPrefix, primaryColor, fontFamily, compactLayout, contrast, navColor, navLayout, colorScheme, }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
24
13
 
25
- export { THEME_CONFIG, ThemeProvider as default, forceDataMuiColorScheme };
14
+ export { THEME_CONFIG, ThemeProvider as default };
@@ -1,9 +1,9 @@
1
- export { c as default, b as forceDataMuiColorScheme } from '../chunk-BEIXYT6P.js';
1
+ export { b as default } from '../chunk-UOT5YZQ4.js';
2
2
  import '../chunk-SO64ZYQB.js';
3
3
  import '../chunk-SVZBOLAL.js';
4
4
  import '../chunk-CFVUZ4S5.js';
5
5
  import '../chunk-GUFT6XPG.js';
6
- export { b as useSettingsContext } from '../chunk-2R4UUSRL.js';
6
+ export { b as useSettingsContext } from '../chunk-HONOUN5C.js';
7
7
  import '../chunk-QCN7J3QD.js';
8
8
  import '../chunk-5MFY3GOD.js';
9
9
  export { a as THEME_CONFIG } from '../chunk-X3NSWXUJ.js';
@@ -1,6 +1,6 @@
1
1
  import * as _mui_material_styles from '@mui/material/styles';
2
2
  import { Components, Theme } from '@mui/material/styles';
3
- import { S as SettingsState } from '../../settings-4d4dc42f.js';
3
+ import { S as SettingsState } from '../../settings-583c107c.js';
4
4
  import { T as ThemeUpdateOptions } from '../../types-b8e8c021.js';
5
5
  import '@mui/material/styles/createTypography';
6
6
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zydon/common",
3
- "version": "2.7.36",
3
+ "version": "2.7.37",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "module": "./dist/index.js",
@@ -1,6 +0,0 @@
1
- import { createContext, memo, useContext, useMemo } from 'react';
2
- import { jsx } from 'react/jsx-runtime';
3
-
4
- var S=createContext(void 0),v=()=>{let t=useContext(S);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:o,contrast:s,navColor:i,navLayout:d})=>{let g=useMemo(()=>({primaryColor:e,fontFamily:n,compactLayout:r,colorScheme:o,contrast:s,navColor:i,navLayout:d}),[e,n,r,o,s,i,d]);return jsx(S.Provider,{value:{settings:g},children:t})},l=memo(p);
5
-
6
- export { S as a, v as b, l as c };
@@ -1,15 +0,0 @@
1
- import { a } from './chunk-SO64ZYQB.js';
2
- import { a as a$3, b } from './chunk-SVZBOLAL.js';
3
- import { a as a$5 } from './chunk-GUFT6XPG.js';
4
- import { c, b as b$1 } from './chunk-2R4UUSRL.js';
5
- import { a as a$1, e } from './chunk-QCN7J3QD.js';
6
- import { p, r, a as a$2 } from './chunk-5MFY3GOD.js';
7
- import { d, a as a$4 } from './chunk-X3NSWXUJ.js';
8
- import { useEffect, useMemo } from 'react';
9
- import I from '@mui/material/CssBaseline';
10
- import { experimental_extendTheme, lighten, darken, Experimental_CssVarsProvider } from '@mui/material/styles';
11
- import { jsx, jsxs } from 'react/jsx-runtime';
12
-
13
- var V=t=>({lighter:lighten(t,.815),light:lighten(t,.225),main:t,dark:darken(t,.15),darker:darken(t,.35),contrastText:"#000"});function E(t,o,m="app"){let e$1=V(o.primaryColor);a(p,"dark.palette.primary",e$1),a(p,"light.palette.primary",e$1);let i={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:m,shouldSkipGeneratingVar:F},a$4=a$3(i,o);return experimental_extendTheme(a$4,t,b(o))}function F(t,o){let m=["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],r=e[a]||e.global;return t.some(n=>r?.includes(n))}return t.some(a=>m?.includes(a))}var j=t=>{typeof document<"u"&&document.documentElement.setAttribute(a$4.ATTRIBUTE,t);},B=({children:t,cssVarPrefix:o,storageKey:m})=>{let{settings:e}=b$1(),i=useMemo(()=>{let r=E(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},o),n=r.colorSchemes?.[e.colorScheme]?.palette;return n?r.palette=n:(r.palette=r.colorSchemes?.light?.palette||r.colorSchemes?.dark?.palette,r.palette.mode=e.colorScheme),r},[e,o]),a=useMemo(()=>({theme:i,mode:e.colorScheme,defaultMode:e.colorScheme,defaultColorScheme:e.colorScheme,modeStorageKey:m,colorSchemeStorageKey:m,attribute:a$4.ATTRIBUTE}),[i,e.colorScheme,m]);return jsxs(Experimental_CssVarsProvider,{...a,children:[jsx(I,{}),t]})},G=({children:t,cssVarPrefix:o="app",primaryColor:m="#4E5BEC",fontFamily:e="Public Sans",compactLayout:i=!0,contrast:a="default",navColor:r="integrate",navLayout:n="vertical",colorScheme:k="light",storageKey:K})=>{let s=K||`${o}-${a$4.STORAGE_KEY}`;return useEffect(()=>{localStorage.setItem(`${s}-light`,"light"),localStorage.setItem(`${s}-dark`,"dark");},[s]),jsx(c,{primaryColor:m,fontFamily:e,compactLayout:i,contrast:a,navColor:r,navLayout:n,colorScheme:k,children:jsx(B,{cssVarPrefix:o,storageKey:s,children:t})})};var ee=G;
14
-
15
- export { E as a, j as b, ee as c };
@@ -1,7 +0,0 @@
1
- import { b as b$1 } from './chunk-BEIXYT6P.js';
2
- import { b } from './chunk-2R4UUSRL.js';
3
- import { useColorScheme } from '@mui/material/styles';
4
-
5
- var i=()=>{let{mode:c,setMode:h}=useColorScheme(),{settings:l}=b(),e=(c||l.colorScheme)==="light"?"dark":"light",t=o=>{h(o),b$1(o);};return {colorScheme:e,mode:e,isDark:e==="dark",toggleTheme:()=>{t(e==="light"?"dark":"light");},setColorScheme:t}};
6
-
7
- export { i as a };