@zydon/common 2.6.69 → 2.6.71
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.
- package/dist/chunk-JFUIS2CA.js +19 -0
- package/dist/chunk-LZEHF7NG.js +9 -0
- package/dist/components/AvatarButton/index.js +1 -1
- package/dist/components/Common/index.d.ts +2 -1
- package/dist/components/Common/index.js +5 -5
- package/dist/components/ToggleTheme/index.d.ts +2 -7
- package/dist/components/ToggleTheme/index.js +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/{settings-provider-c4e65b05.d.ts → settings-provider-c72adff2.d.ts} +1 -0
- package/dist/theme/settings-provider.d.ts +1 -1
- package/dist/theme/theme-provider.d.ts +3 -3
- package/dist/theme/theme-provider.js +1 -1
- package/package.json +1 -1
- package/dist/chunk-OFWXA55V.js +0 -19
- package/dist/chunk-YTF55KYK.js +0 -9
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { a } from './chunk-SO64ZYQB.js';
|
|
2
|
+
import { a as a$1, e } from './chunk-AXKNTWFA.js';
|
|
3
|
+
import { a as a$3, b } from './chunk-HLPYS63L.js';
|
|
4
|
+
import { p, r, a as a$2 } from './chunk-YI2JHSAX.js';
|
|
5
|
+
import { a as a$7 } from './chunk-GUFT6XPG.js';
|
|
6
|
+
import { c } from './chunk-KYBPPKS3.js';
|
|
7
|
+
import { a as a$6 } from './chunk-Q5S2NN6R.js';
|
|
8
|
+
import { c as c$1, b as b$1 } from './chunk-FT5VGKNM.js';
|
|
9
|
+
import { a as a$5 } from './chunk-LPK3TIVR.js';
|
|
10
|
+
import { a as a$8 } from './chunk-S7QQBC4I.js';
|
|
11
|
+
import { a as a$4 } from './chunk-QQDMA4TE.js';
|
|
12
|
+
import { useRef, useEffect, useMemo, useState } from 'react';
|
|
13
|
+
import q from '@mui/material/CssBaseline';
|
|
14
|
+
import { experimental_extendTheme, lighten, darken, Experimental_CssVarsProvider } from '@mui/material/styles';
|
|
15
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
16
|
+
|
|
17
|
+
function R(){let[o,r]=useState(!0);return a$8(()=>{let e=()=>r(!0),s=()=>r(!1);return window.addEventListener("focus",e),window.addEventListener("blur",s),()=>{window.removeEventListener("focus",e),window.removeEventListener("blur",s);}}),o}var M=R;var H=o=>({lighter:lighten(o,.815),light:lighten(o,.225),main:o,dark:darken(o,.15),darker:darken(o,.35),contrastText:"#000"});function z(o,r$1,e$1=""){let s=H(r$1.primaryColor);a(p,"dark.palette.primary",s),a(p,"light.palette.primary",s);let i={colorSchemes:p,shadows:a$1(r$1.colorScheme),customShadows:r(r$1.colorScheme,s.main),shape:{borderRadius:8},components:a$2,typography:{...e,fontFamily:c(r$1.fontFamily)},cssVarPrefix:e$1,shouldSkipGeneratingVar:I},t=a$3(i,r$1),m={};return experimental_extendTheme(t,o,b(r$1),m)}function I(o,r){let e=["mixins","overlays","direction","breakpoints","cssVarPrefix","unstable_sxConfig","typography","colorSchemes"],s={global:["tonalOffset","dividerChannel","contrastThreshold"],grey:["A100","A200","A400","A700"],text:["icon"]};if(o[0]==="palette"){let t=o[1],m=s[t]||s.global;return o.some(l=>m?.includes(l))}return o.some(t=>e?.includes(t))}var Q=({children:o,cssVarPrefix:r})=>{let{settings:e}=b$1(),s=useMemo(()=>{let t=z(a$7[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},r),m=t.colorSchemes?.[e.colorScheme]?.palette;return m?t.palette=m:(t.palette=t.colorSchemes?.light?.palette||t.colorSchemes?.dark?.palette,t.palette.mode=e.colorScheme),t},[e,r]),i=useMemo(()=>({theme:s,mode:e.colorScheme,defaultMode:e.colorScheme,defaultColorScheme:e.colorScheme,modeStorageKey:a$5.modeStorageKey,colorSchemeStorageKey:a$5.modeStorageKey}),[s,e.colorScheme]);return jsxs(Experimental_CssVarsProvider,{...i,children:[jsx(q,{}),o]})},f={serializer:o=>o.replaceAll('"',""),deserializer:o=>o.replaceAll('"',"")},U=({children:o,cssVarPrefix:r="app",primaryColor:e="#4E5BEC",fontFamily:s="Public Sans",compactLayout:i=!0,contrast:t="default",navColor:m="integrate",navLayout:l="vertical",colorScheme:n="light",toggleTheme:g=!0})=>{let y=M(),[C,h]=a$4(a$5.modeStorageKey,n,f),[,v]=a$4(`${a$5.modeStorageKey}-light`,"light",f),[,P]=a$4(`${a$5.modeStorageKey}-dark`,"dark",f),T=useRef();return useEffect(()=>{T.current!==n&&g&&y&&(v("light"),P("dark"),h(n),a$6(n)),T.current=n;},[g,n,y,C,v,P,h]),jsx(c$1,{primaryColor:e,fontFamily:s,compactLayout:i,contrast:t,navColor:m,navLayout:l,colorScheme:C,setColorScheme:h,children:jsx(Q,{cssVarPrefix:r,children:o})})},Ce=U;
|
|
18
|
+
|
|
19
|
+
export { z as a, Ce as b };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { b as b$1 } from './chunk-Q5S2NN6R.js';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import r from '@mui/material/Box';
|
|
4
|
+
import { styled, alpha } from '@mui/material/styles';
|
|
5
|
+
import { jsx } from 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
var n=styled(r)(({theme:o})=>({display:"flex",alignItems:"center",gap:o.spacing(2),userSelect:"none"})),g=styled(r,{shouldForwardProp:o=>o!=="isDark"})(({isDark:o,theme:e})=>({position:"relative",width:53,height:26,borderRadius:24,border:`1px solid ${e.palette.divider}`,overflow:"hidden",cursor:"pointer",userSelect:"none",backgroundColor:e.palette.grey[100],transition:"all 0.1s ease-in-out",...o&&{backgroundColor:e.palette.grey[900]}})),p=styled(r,{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.grey[600]}, 22px 0 0 -1px ${e.palette.grey[600]}`,transition:"all 0.2s ease-in-out",...o&&{left:17,boxShadow:`2px 0 0 0 ${alpha(e.palette.background.paper,.3)}, 9px 0 0 0 ${e.palette.grey[100]}`}}));var s=forwardRef(()=>{let{isDark:o,toggleTheme:e}=b$1(),d=()=>{e();},l=`Alternar para modo ${o?"claro":"escuro"}`;return jsx(n,{children:jsx(g,{onClick:d,role:"button",tabIndex:0,"aria-label":l,title:l,isDark:o,children:jsx(p,{isDark:o})})})});s.displayName="Toggle";var b=s;
|
|
8
|
+
|
|
9
|
+
export { b as a };
|
|
@@ -8,8 +8,9 @@ interface CommonProps {
|
|
|
8
8
|
cssVarPrefix?: string;
|
|
9
9
|
snackbar?: boolean;
|
|
10
10
|
storageKey?: string;
|
|
11
|
+
toggleTheme?: boolean;
|
|
11
12
|
}
|
|
12
13
|
|
|
13
|
-
declare const Common: ({ primaryColor, colorScheme, contrast, children, cssVarPrefix, storageKey, snackbar, }: PropsWithChildren<CommonProps>) => react_jsx_runtime.JSX.Element;
|
|
14
|
+
declare const Common: ({ primaryColor, colorScheme, contrast, children, cssVarPrefix, storageKey, snackbar, toggleTheme, }: PropsWithChildren<CommonProps>) => react_jsx_runtime.JSX.Element;
|
|
14
15
|
|
|
15
16
|
export { Common as default };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { a } from '../../chunk-5OJQUX2T.js';
|
|
2
2
|
import '../../chunk-SHNFHORM.js';
|
|
3
|
-
import { b } from '../../chunk-
|
|
3
|
+
import { b } from '../../chunk-JFUIS2CA.js';
|
|
4
4
|
import '../../chunk-SO64ZYQB.js';
|
|
5
5
|
import '../../chunk-AXKNTWFA.js';
|
|
6
6
|
import '../../chunk-HLPYS63L.js';
|
|
@@ -17,15 +17,15 @@ import '../../chunk-Z2TDWMRU.js';
|
|
|
17
17
|
import '../../chunk-4INDXVIX.js';
|
|
18
18
|
import '../../chunk-3APKMSVD.js';
|
|
19
19
|
import 'dayjs/locale/pt-br';
|
|
20
|
-
import
|
|
20
|
+
import _ from 'dayjs';
|
|
21
21
|
import { AdapterDayjs } from '@mui/x-date-pickers-pro/AdapterDayjs';
|
|
22
22
|
import { LocalizationProvider } from '@mui/x-date-pickers-pro/LocalizationProvider';
|
|
23
23
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
24
24
|
import { LazyMotion, domMax } from 'framer-motion';
|
|
25
|
-
import
|
|
25
|
+
import L from '@mui/material/Portal';
|
|
26
26
|
import { styled } from '@mui/material/styles';
|
|
27
27
|
import { Toaster } from 'sonner';
|
|
28
28
|
|
|
29
|
-
var
|
|
29
|
+
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(${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(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 z=({primaryColor:t,colorScheme:a="light",contrast:i="default",children:g,cssVarPrefix:f="app",storageKey:m="zydon-theme-settings",snackbar:C=!0,toggleTheme:b$1=!0})=>jsx(c,{children:jsx(b,{primaryColor:t,colorScheme:a,contrast:i,storageKey:m,cssVarPrefix:f,toggleTheme:b$1,children:jsxs(d,{children:[g,C&&jsx(u,{})]})})}),ro=z;
|
|
30
30
|
|
|
31
|
-
export {
|
|
31
|
+
export { ro as default };
|
|
@@ -1,10 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
onThemeChange?: (isDark: boolean) => void;
|
|
5
|
-
size?: 'small' | 'medium' | 'large';
|
|
6
|
-
}
|
|
3
|
+
declare const Toggle: react.ForwardRefExoticComponent<react.RefAttributes<HTMLDivElement>>;
|
|
7
4
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
export { ToggleProps, Toggle as default };
|
|
5
|
+
export { Toggle as default };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { C as CustomShadows } from './index-3e407e51.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-3e407e51.js';
|
|
3
|
-
export { S as SettingsContextValue, _ as SettingsProvider, T as ThemeProviderProps, u as useSettingsContext } from './settings-provider-
|
|
3
|
+
export { S as SettingsContextValue, _ as SettingsProvider, T as ThemeProviderProps, u as useSettingsContext } from './settings-provider-c72adff2.js';
|
|
4
4
|
export { default as ThemeProvider } from './theme/theme-provider.js';
|
|
5
5
|
import { S as SettingsState } from './settings-28b04fd5.js';
|
|
6
6
|
import { Theme as Theme$1 } from '@mui/material/styles';
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { b as ThemeProvider, a as createTheme } from './chunk-
|
|
1
|
+
export { b as ThemeProvider, a as createTheme } from './chunk-JFUIS2CA.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-AXKNTWFA.js';
|
|
4
4
|
import './chunk-HLPYS63L.js';
|
|
@@ -6,6 +6,7 @@ import { S as SettingsState } from './settings-28b04fd5.js';
|
|
|
6
6
|
interface ThemeProviderProps extends PropsWithChildren<Partial<SettingsState>> {
|
|
7
7
|
storageKey?: string;
|
|
8
8
|
cssVarPrefix?: string;
|
|
9
|
+
toggleTheme?: boolean;
|
|
9
10
|
}
|
|
10
11
|
type SettingsContextValue = {
|
|
11
12
|
settings: SettingsState;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import 'react/jsx-runtime';
|
|
2
2
|
import 'react';
|
|
3
3
|
import '../settings-28b04fd5.js';
|
|
4
|
-
export { a as SettingsContext, _ as default, u as useSettingsContext } from '../settings-provider-
|
|
4
|
+
export { a as SettingsContext, _ as default, u as useSettingsContext } from '../settings-provider-c72adff2.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { T as ThemeProviderProps } from '../settings-provider-
|
|
3
|
-
export { u as useSettingsContext } from '../settings-provider-
|
|
2
|
+
import { T as ThemeProviderProps } from '../settings-provider-c72adff2.js';
|
|
3
|
+
export { u as useSettingsContext } from '../settings-provider-c72adff2.js';
|
|
4
4
|
import 'react';
|
|
5
5
|
import '../settings-28b04fd5.js';
|
|
6
6
|
|
|
@@ -14,6 +14,6 @@ declare const schemeConfig: {
|
|
|
14
14
|
};
|
|
15
15
|
declare const colorSchemeSetup: (defaultMode?: string) => void;
|
|
16
16
|
|
|
17
|
-
declare const ThemeProvider: ({ children, cssVarPrefix, primaryColor, fontFamily, compactLayout, contrast, navColor, navLayout, colorScheme, }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
|
|
17
|
+
declare const ThemeProvider: ({ children, cssVarPrefix, primaryColor, fontFamily, compactLayout, contrast, navColor, navLayout, colorScheme, toggleTheme, }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
|
|
18
18
|
|
|
19
19
|
export { colorSchemeSetup, ThemeProvider as default, schemeConfig };
|
package/package.json
CHANGED
package/dist/chunk-OFWXA55V.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { a } from './chunk-SO64ZYQB.js';
|
|
2
|
-
import { a as a$1, e } from './chunk-AXKNTWFA.js';
|
|
3
|
-
import { a as a$3, b } from './chunk-HLPYS63L.js';
|
|
4
|
-
import { p, r, a as a$2 } from './chunk-YI2JHSAX.js';
|
|
5
|
-
import { a as a$7 } from './chunk-GUFT6XPG.js';
|
|
6
|
-
import { c } from './chunk-KYBPPKS3.js';
|
|
7
|
-
import { a as a$6 } from './chunk-Q5S2NN6R.js';
|
|
8
|
-
import { c as c$1, b as b$1 } from './chunk-FT5VGKNM.js';
|
|
9
|
-
import { a as a$5 } from './chunk-LPK3TIVR.js';
|
|
10
|
-
import { a as a$8 } from './chunk-S7QQBC4I.js';
|
|
11
|
-
import { a as a$4 } from './chunk-QQDMA4TE.js';
|
|
12
|
-
import { useRef, useEffect, useMemo, useState } from 'react';
|
|
13
|
-
import O from '@mui/material/CssBaseline';
|
|
14
|
-
import { experimental_extendTheme, lighten, darken, Experimental_CssVarsProvider } from '@mui/material/styles';
|
|
15
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
16
|
-
|
|
17
|
-
function G(){let[o,r]=useState(!0);return a$8(()=>{let e=()=>r(!0),m=()=>r(!1);return window.addEventListener("focus",e),window.addEventListener("blur",m),()=>{window.removeEventListener("focus",e),window.removeEventListener("blur",m);}}),o}var E=G;var $=o=>({lighter:lighten(o,.815),light:lighten(o,.225),main:o,dark:darken(o,.15),darker:darken(o,.35),contrastText:"#000"});function _(o,r$1,e$1=""){let m=$(r$1.primaryColor);a(p,"dark.palette.primary",m),a(p,"light.palette.primary",m);let i={colorSchemes:p,shadows:a$1(r$1.colorScheme),customShadows:r(r$1.colorScheme,m.main),shape:{borderRadius:8},components:a$2,typography:{...e,fontFamily:c(r$1.fontFamily)},cssVarPrefix:e$1,shouldSkipGeneratingVar:H},t=a$3(i,r$1),s={};return experimental_extendTheme(t,o,b(r$1),s)}function H(o,r){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 t=o[1],s=m[t]||m.global;return o.some(l=>s?.includes(l))}return o.some(t=>e?.includes(t))}var J=({children:o,cssVarPrefix:r})=>{let{settings:e}=b$1(),m=useMemo(()=>{let t=_(a$7[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},r),s=t.colorSchemes?.[e.colorScheme]?.palette;return s?t.palette=s:(t.palette=t.colorSchemes?.light?.palette||t.colorSchemes?.dark?.palette,t.palette.mode=e.colorScheme),t},[e,r]),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 jsxs(Experimental_CssVarsProvider,{...i,children:[jsx(O,{}),o]})},f={serializer:o=>o.replaceAll('"',""),deserializer:o=>o.replaceAll('"',"")},Q=({children:o,cssVarPrefix:r="app",primaryColor:e="#4E5BEC",fontFamily:m="Public Sans",compactLayout:i=!0,contrast:t="default",navColor:s="integrate",navLayout:l="vertical",colorScheme:n="light"})=>{let z=E(),[S,h]=a$4(a$5.modeStorageKey,n,f),[,y]=a$4(`${a$5.modeStorageKey}-light`,"light",f),[,C]=a$4(`${a$5.modeStorageKey}-dark`,"dark",f),v=useRef();return useEffect(()=>{v.current!==n&&(y("light"),C("dark"),h(n),a$6(n)),v.current=n;},[n,S,z,y,C,h]),jsx(c$1,{primaryColor:e,fontFamily:m,compactLayout:i,contrast:t,navColor:s,navLayout:l,colorScheme:S,setColorScheme:h,children:jsx(J,{cssVarPrefix:r,children:o})})},ye=Q;
|
|
18
|
-
|
|
19
|
-
export { _ as a, ye as b };
|
package/dist/chunk-YTF55KYK.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { b } from './chunk-Q5S2NN6R.js';
|
|
2
|
-
import { forwardRef } from 'react';
|
|
3
|
-
import t from '@mui/material/Box';
|
|
4
|
-
import { styled, alpha } from '@mui/material/styles';
|
|
5
|
-
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
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;
|
|
8
|
-
|
|
9
|
-
export { u as a };
|