@zydon/common 2.6.35 → 2.6.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,31 @@
|
|
|
1
|
+
import { a } from './chunk-SO64ZYQB.js';
|
|
2
|
+
import { a as a$1, e } from './chunk-H7GUTAKH.js';
|
|
3
|
+
import { a as a$3, b } from './chunk-AIB3I5MO.js';
|
|
4
|
+
import { p, r, a as a$2 } from './chunk-HTXWJ57Q.js';
|
|
5
|
+
import { a as a$5 } from './chunk-GUFT6XPG.js';
|
|
6
|
+
import { a as a$6 } from './chunk-BSP2LMMW.js';
|
|
7
|
+
import { c as c$1, b as b$1 } from './chunk-HKDJJCVM.js';
|
|
8
|
+
import { c } from './chunk-V2UHZWRE.js';
|
|
9
|
+
import { a as a$4 } from './chunk-QQDMA4TE.js';
|
|
10
|
+
import { useMemo, useEffect } from 'react';
|
|
11
|
+
import B from '@mui/material/CssBaseline';
|
|
12
|
+
import { experimental_extendTheme, lighten, darken, Experimental_CssVarsProvider } from '@mui/material/styles';
|
|
13
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
14
|
+
|
|
15
|
+
var i={modeStorageKey:"mui-mode",defaultMode:"light"},E=`
|
|
16
|
+
(function() {
|
|
17
|
+
const modeStorageKey = '${i.modeStorageKey}';
|
|
18
|
+
const defaultMode = '${i.defaultMode}';
|
|
19
|
+
|
|
20
|
+
try {
|
|
21
|
+
const storedMode = localStorage.getItem(modeStorageKey) || defaultMode;
|
|
22
|
+
const mode = ['light', 'dark'].includes(storedMode) ? storedMode : defaultMode;
|
|
23
|
+
|
|
24
|
+
document.documentElement.setAttribute('data-mui-color-scheme', mode);
|
|
25
|
+
} catch (e) {
|
|
26
|
+
document.documentElement.setAttribute('data-mui-color-scheme', defaultMode);
|
|
27
|
+
}
|
|
28
|
+
})();
|
|
29
|
+
`;var w=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=w(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 $=({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,mode:e.colorScheme,defaultMode:e.colorScheme,defaultColorScheme:e.colorScheme,modeStorageKey:i.modeStorageKey,colorSchemeStorageKey:i.modeStorageKey}),[m,e.colorScheme]);return useEffect(()=>{a$6(e.colorScheme);},[e.colorScheme]),jsxs(Experimental_CssVarsProvider,{...s,children:[jsx(B,{}),o]})},D=({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:k="light"})=>{let[A,L]=a$4(i.modeStorageKey,k);return jsx(c$1,{primaryColor:e,fontFamily:m,compactLayout:s,contrast:r,navColor:a,navLayout:n,colorScheme:A,setColorScheme:L,children:jsx($,{cssVarPrefix:t,children:o})})},ae=D;
|
|
30
|
+
|
|
31
|
+
export { i as a, E as b, M as c, ae as d };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { a } from '../../chunk-P26W2RT7.js';
|
|
2
2
|
import '../../chunk-QGFD5EQE.js';
|
|
3
|
-
import {
|
|
3
|
+
import { d as d$1 } from '../../chunk-NH6GCOAK.js';
|
|
4
4
|
import '../../chunk-SO64ZYQB.js';
|
|
5
5
|
import '../../chunk-H7GUTAKH.js';
|
|
6
6
|
import '../../chunk-AIB3I5MO.js';
|
|
@@ -15,7 +15,7 @@ import '../../chunk-Z2TDWMRU.js';
|
|
|
15
15
|
import '../../chunk-4INDXVIX.js';
|
|
16
16
|
import '../../chunk-3APKMSVD.js';
|
|
17
17
|
import 'dayjs/locale/pt-br';
|
|
18
|
-
import b
|
|
18
|
+
import b from 'dayjs';
|
|
19
19
|
import { AdapterDayjs } from '@mui/x-date-pickers-pro/AdapterDayjs';
|
|
20
20
|
import { LocalizationProvider } from '@mui/x-date-pickers-pro/LocalizationProvider';
|
|
21
21
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
@@ -24,6 +24,6 @@ import P from '@mui/material/Portal';
|
|
|
24
24
|
import { styled } from '@mui/material/styles';
|
|
25
25
|
import { Toaster } from 'sonner';
|
|
26
26
|
|
|
27
|
-
var y=({children:t})=>(b
|
|
27
|
+
var y=({children:t})=>(b.locale("pt-br"),jsx(LocalizationProvider,{dateAdapter:AdapterDayjs,adapterLocale:"pt-br",children:t})),c=y;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(${j(t.vars.palette.text.primaryChannel,0)}, ${j(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:j(t.vars.palette.grey["500Channel"],.16),transition:t.transitions.create(["background-color","border-color"]),"&:hover":{borderColor:j(t.vars.palette.grey["500Channel"],.24),backgroundColor:j(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:j(t.vars.palette.error.mainChannel,.08)}},[`& .${o.success}`]:{...a.toastColor,[`& .${o.icon}`]:{color:t.vars.palette.success.main,backgroundColor:j(t.vars.palette.success.mainChannel,.08)}},[`& .${o.warning}`]:{...a.toastColor,[`& .${o.icon}`]:{color:t.vars.palette.warning.main,backgroundColor:j(t.vars.palette.warning.mainChannel,.08)}},[`& .${o.info}`]:{...a.toastColor,[`& .${o.icon}`]:{color:t.vars.palette.info.main,backgroundColor:j(t.vars.palette.info.mainChannel,.08)}}}});var u=()=>jsx(P,{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 L=({primaryColor:t,colorScheme:a="light",contrast:i="default",children:g,cssVarPrefix:f="app",storageKey:m="zydon-theme-settings",snackbar:C=!0})=>jsx(c,{children:jsx(d$1,{primaryColor:t,colorScheme:a,contrast:i,storageKey:m,cssVarPrefix:f,children:jsxs(d,{children:[g,C&&jsx(u,{})]})})}),to=L;
|
|
28
28
|
|
|
29
29
|
export { to as default };
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { d as ThemeProvider, c as createTheme } from './chunk-NH6GCOAK.js';
|
|
2
2
|
import './chunk-SO64ZYQB.js';
|
|
3
3
|
export { b as defaultFont, c as primaryFont, d as secondaryFont, a as shadows, e as typography } from './chunk-H7GUTAKH.js';
|
|
4
4
|
import './chunk-AIB3I5MO.js';
|
|
@@ -4,6 +4,21 @@ export { u as useSettingsContext } from '../settings-provider-c4e65b05.js';
|
|
|
4
4
|
import 'react';
|
|
5
5
|
import '../settings-28b04fd5.js';
|
|
6
6
|
|
|
7
|
+
/**
|
|
8
|
+
* Configuração do esquema de cores para MUI
|
|
9
|
+
* Usa as configurações padrão do MUI para gerenciamento de modo de cor
|
|
10
|
+
*/
|
|
11
|
+
declare const schemeConfig: {
|
|
12
|
+
modeStorageKey: string;
|
|
13
|
+
defaultMode: "light";
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
* Script para inicialização do esquema de cores
|
|
17
|
+
* Este script deve ser executado antes da renderização do React
|
|
18
|
+
* para evitar flash de conteúdo não estilizado (FOUC)
|
|
19
|
+
*/
|
|
20
|
+
declare const colorSchemeScript: string;
|
|
21
|
+
|
|
7
22
|
declare const ThemeProvider: ({ children, cssVarPrefix, primaryColor, fontFamily, compactLayout, contrast, navColor, navLayout, colorScheme, }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
|
|
8
23
|
|
|
9
|
-
export { ThemeProvider as default };
|
|
24
|
+
export { colorSchemeScript, ThemeProvider as default, schemeConfig };
|
package/package.json
CHANGED
package/dist/chunk-WL2KYZAM.js
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { a } from './chunk-SO64ZYQB.js';
|
|
2
|
-
import { a as a$1, e } from './chunk-H7GUTAKH.js';
|
|
3
|
-
import { a as a$3, b } from './chunk-AIB3I5MO.js';
|
|
4
|
-
import { p, r, a as a$2 } from './chunk-HTXWJ57Q.js';
|
|
5
|
-
import { a as a$5 } from './chunk-GUFT6XPG.js';
|
|
6
|
-
import { a as a$6 } from './chunk-BSP2LMMW.js';
|
|
7
|
-
import { c as c$1, b as b$1 } from './chunk-HKDJJCVM.js';
|
|
8
|
-
import { c } from './chunk-V2UHZWRE.js';
|
|
9
|
-
import { a as a$4 } from './chunk-QQDMA4TE.js';
|
|
10
|
-
import { useMemo, useEffect } from 'react';
|
|
11
|
-
import _ from '@mui/material/CssBaseline';
|
|
12
|
-
import { experimental_extendTheme, lighten, darken, Experimental_CssVarsProvider } from '@mui/material/styles';
|
|
13
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
14
|
-
|
|
15
|
-
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=$;
|
|
16
|
-
|
|
17
|
-
export { M as a, ae as b };
|