@zydon/common 2.6.22 → 2.6.24

package/dist/chunk-36LYW22D.js

@@ -0,0 +1,6 @@
+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-SX7OZZK3.js → chunk-YEBXGLAJ.js}

@@ -2,6 +2,6 @@ import { a } from './chunk-QQDMA4TE.js';
 import { useCallback, useEffect } from 'react';
 import { useColorScheme } from '@mui/material/styles';
 
-var g=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),g(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}};
+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

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

package/dist/components/Avatar/index.d.ts

@@ -11,7 +11,7 @@ interface ImageContainerProps {
 
 declare const Avatar: react.ForwardRefExoticComponent<Omit<PropsWithChildren<ImageContainerProps & _mui_material_Avatar.AvatarOwnProps & _mui_material_Avatar.AvatarSlotsAndSlotProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
-}, "className" | "children" | "style" | "classes" | "sx" | "variant" | "slots" | "slotProps" | "alt" | "src" | "sizes" | "srcSet" | "imgProps"> & {
+}, "children" | "className" | "style" | "classes" | "sx" | "variant" | "slots" | "slotProps" | "sizes" | "alt" | "src" | "srcSet" | "imgProps"> & {
     component?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
 }>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 

package/dist/components/Common/index.js

@@ -1,14 +1,14 @@
 import { a } from '../../chunk-P26W2RT7.js';
 import '../../chunk-QGFD5EQE.js';
-import { b } from '../../chunk-DUZUIOWI.js';
+import { b } from '../../chunk-YQRM3LV4.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-MC3WLCEE.js';
-import '../../chunk-SX7OZZK3.js';
+import '../../chunk-36LYW22D.js';
+import '../../chunk-YEBXGLAJ.js';
 import { j } from '../../chunk-V2UHZWRE.js';
 import '../../chunk-QQDMA4TE.js';
 import '../../chunk-Z2TDWMRU.js';

package/dist/components/DataView/index.d.ts

@@ -40,10 +40,10 @@ declare const ActionsContainer: _emotion_styled.StyledComponent<_mui_material_St
 }, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material_Stack.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & DefaultProps, {}, {}>;
 declare const ActionsDivider: _emotion_styled.StyledComponent<_mui_material_Divider.DividerOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
     ref?: ((instance: HTMLHRElement | null) => void) | react.RefObject<HTMLHRElement> | null | undefined;
-}, "light" | "className" | "children" | "style" | "classes" | "sx" | "variant" | "textAlign" | "absolute" | "orientation" | "flexItem"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
+}, "light" | "children" | "className" | "style" | "classes" | "sx" | "variant" | "textAlign" | "absolute" | "orientation" | "flexItem"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
 declare const ToolbarActionsDivider: _emotion_styled.StyledComponent<_mui_material_Divider.DividerOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
     ref?: ((instance: HTMLHRElement | null) => void) | react.RefObject<HTMLHRElement> | null | undefined;
-}, "light" | "className" | "children" | "style" | "classes" | "sx" | "variant" | "textAlign" | "absolute" | "orientation" | "flexItem"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
+}, "light" | "children" | "className" | "style" | "classes" | "sx" | "variant" | "textAlign" | "absolute" | "orientation" | "flexItem"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
 declare const Topbar: _emotion_styled.StyledComponent<_mui_material_Stack.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
 }, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material_Stack.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & DefaultProps, {}, {}>;

package/dist/components/DragButton/index.d.ts

@@ -6,7 +6,7 @@ import * as _mui_material_IconButton from '@mui/material/IconButton';
 
 declare const DragButton: ({ disableDrag, ...props }: _mui_material_IconButton.IconButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
-}, "className" | "children" | "style" | "tabIndex" | "disabled" | "classes" | "sx" | "color" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "size" | "disableFocusRipple" | "edge"> & {
+}, "children" | "className" | "style" | "tabIndex" | "disabled" | "classes" | "sx" | "color" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "size" | "disableFocusRipple" | "edge"> & {
     component?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
 } & {
     disableDrag?: boolean | undefined;

package/dist/components/ToggleTheme/index.js

@@ -1,4 +1,4 @@
-import { a } from '../../chunk-SX7OZZK3.js';
+import { a } from '../../chunk-YEBXGLAJ.js';
 import '../../chunk-QQDMA4TE.js';
 import '../../chunk-Z2TDWMRU.js';
 import '../../chunk-4INDXVIX.js';

package/dist/index.d.ts

@@ -28,7 +28,7 @@ interface UseThemeToggleReturn {
     colorScheme: ColorScheme;
     isDark: boolean;
     toggleTheme: () => void;
-    setColorScheme: (scheme: ColorScheme) => void;
+    setColorScheme: (scheme: ColorScheme, cssVarPrefix?: string) => void;
 }
 declare const useThemeToggle: () => UseThemeToggleReturn;
 

package/dist/index.js

@@ -1,12 +1,12 @@
-export { b as ThemeProvider, a as createTheme } from './chunk-DUZUIOWI.js';
+export { b as ThemeProvider, a as createTheme } from './chunk-YQRM3LV4.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-MC3WLCEE.js';
-export { a as useThemeToggle } from './chunk-SX7OZZK3.js';
+export { c as SettingsProvider, b as useSettingsContext } from './chunk-36LYW22D.js';
+export { a as useThemeToggle } from './chunk-YEBXGLAJ.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,6 +1 @@
-export { a as SettingsContext, c as default, b as useSettingsContext } from '../chunk-MC3WLCEE.js';
-import '../chunk-SX7OZZK3.js';
-import '../chunk-QQDMA4TE.js';
-import '../chunk-Z2TDWMRU.js';
-import '../chunk-4INDXVIX.js';
-import '../chunk-3APKMSVD.js';
+export { a as SettingsContext, c as default, b as useSettingsContext } from '../chunk-36LYW22D.js';

package/dist/theme/theme-provider.js

@@ -1,12 +1,12 @@
-export { b as default } from '../chunk-DUZUIOWI.js';
+export { b as default } from '../chunk-YQRM3LV4.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-MC3WLCEE.js';
-import '../chunk-SX7OZZK3.js';
+export { b as useSettingsContext } from '../chunk-36LYW22D.js';
+import '../chunk-YEBXGLAJ.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.22",
+  "version": "2.6.24",
   "license": "MIT",
   "type": "module",
   "module": "./dist/index.js",

package/dist/chunk-DUZUIOWI.js

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

package/dist/chunk-MC3WLCEE.js

@@ -1,7 +0,0 @@
-import { a } from './chunk-SX7OZZK3.js';
-import { createContext, memo, useContext, useMemo, useEffect } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var S=createContext(void 0),E=()=>{let t=useContext(S);if(!t)throw new Error("useSettingsContext deve ser usado dentro de um SettingsProvider");return t},h=({children:t,primaryColor:n,fontFamily:s,compactLayout:o,colorScheme:e="light",contrast:r,navColor:i,navLayout:g})=>{let{setColorScheme:d}=a(),x=useMemo(()=>({primaryColor:n,fontFamily:s,compactLayout:o,colorScheme:e,contrast:r,navColor:i,navLayout:g}),[n,s,o,e,r,i,g]);return useEffect(()=>{d(e);},[d,e]),jsx(S.Provider,{value:{settings:x},children:t})},T=memo(h);
-
-export { S as a, E as b, T as c };