@zydon/common 2.6.57 → 2.6.60

package/dist/chunk-USODO2K6.js

@@ -0,0 +1,32 @@
+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$6 } from './chunk-GUFT6XPG.js';
+import { a as a$5 } from './chunk-XCFVMVLQ.js';
+import { c as c$1, b as b$1 } from './chunk-FT5VGKNM.js';
+import { c } from './chunk-V2UHZWRE.js';
+import { a as a$4 } from './chunk-QQDMA4TE.js';
+import { a as a$7 } from './chunk-S7QQBC4I.js';
+import { useRef, useEffect, useMemo, useState } from 'react';
+import O from '@mui/material/CssBaseline';
+import { experimental_extendTheme, lighten, darken, Experimental_CssVarsProvider } from '@mui/material/styles';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function B(){let[o,r]=useState(!0);return a$7(()=>{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 A=B;var s={modeStorageKey:"mui-mode",defaultMode:"light"},z=`
+(function() {
+  const modeStorageKey = '${s.modeStorageKey}';
+  const defaultMode = '${s.defaultMode}';
+
+  try {
+    const storedMode = localStorage.getItem(modeStorageKey) || defaultMode;
+    const mode = ['light', 'dark'].includes(storedMode) ? storedMode : defaultMode;
+
+    document.documentElement.setAttribute('data-mui-color-scheme', mode);
+  } catch (e) {
+    document.documentElement.setAttribute('data-mui-color-scheme', defaultMode);
+  }
+})();
+`;var I=o=>({lighter:lighten(o,.815),light:lighten(o,.225),main:o,dark:darken(o,.15),darker:darken(o,.35),contrastText:"#000"});function E(o,r$1,e$1=""){let m=I(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:R},t=a$3(i,r$1),a$4={};return experimental_extendTheme(t,o,b(r$1),a$4)}function R(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],a=m[t]||m.global;return o.some(c=>a?.includes(c))}return o.some(t=>e?.includes(t))}var H=({children:o,cssVarPrefix:r})=>{let{settings:e}=b$1(),m=useMemo(()=>{let t=E(a$6[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),a=t.colorSchemes?.[e.colorScheme]?.palette;return a?t.palette=a:(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:s.modeStorageKey,colorSchemeStorageKey:s.modeStorageKey}),[m,e.colorScheme]);return jsxs(Experimental_CssVarsProvider,{...i,children:[jsx(O,{}),o]})},J=({children:o,cssVarPrefix:r="app",primaryColor:e="#4E5BEC",fontFamily:m="Public Sans",compactLayout:i=!0,contrast:t="default",navColor:a="integrate",navLayout:c="vertical",colorScheme:n="light"})=>{let _=A(),[S,p]=a$4(s.modeStorageKey,n,{serializer:u=>u.replaceAll('"',""),deserializer:u=>u.replaceAll('"',"")});a$4(`${s.modeStorageKey}-light`,"light"),a$4(`${s.modeStorageKey}-dark`,"dark");let y=useRef();return useEffect(()=>{y.current!==n&&(a$5(n),p(n)),y.current=n;},[p,n,S,_]),jsx(c$1,{primaryColor:e,fontFamily:m,compactLayout:i,contrast:t,navColor:a,navLayout:c,colorScheme:S,setColorScheme:p,children:jsx(H,{cssVarPrefix:r,children:o})})},Se=J;
+
+export { s as a, z as b, E as c, Se as d };

package/dist/chunk-XCFVMVLQ.js

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

package/dist/components/Common/index.js

@@ -1,13 +1,13 @@
 import { a } from '../../chunk-5OJQUX2T.js';
 import '../../chunk-SHNFHORM.js';
-import { d as d$1 } from '../../chunk-6SAPVUB2.js';
+import { d as d$1 } from '../../chunk-USODO2K6.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-VXXEMZWX.js';
+import '../../chunk-XCFVMVLQ.js';
 import '../../chunk-FT5VGKNM.js';
 import { j } from '../../chunk-V2UHZWRE.js';
 import '../../chunk-QQDMA4TE.js';

package/dist/components/ToggleTheme/index.js

@@ -1,4 +1,4 @@
-import { b } from '../../chunk-VXXEMZWX.js';
+import { b } from '../../chunk-XCFVMVLQ.js';
 import '../../chunk-FT5VGKNM.js';
 import { forwardRef } from 'react';
 import t from '@mui/material/Box';

package/dist/index.js

@@ -1,11 +1,11 @@
-export { d as ThemeProvider, c as createTheme } from './chunk-6SAPVUB2.js';
+export { d as ThemeProvider, c as createTheme } from './chunk-USODO2K6.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 { b as useThemeToggle } from './chunk-VXXEMZWX.js';
+export { b as useThemeToggle } from './chunk-XCFVMVLQ.js';
 export { c as SettingsProvider, b as useSettingsContext } from './chunk-FT5VGKNM.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';

package/dist/theme/theme-provider.js

@@ -1,11 +1,11 @@
-export { b as colorSchemeScript, d as default, a as schemeConfig } from '../chunk-6SAPVUB2.js';
+export { b as colorSchemeScript, d as default, a as schemeConfig } from '../chunk-USODO2K6.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-VXXEMZWX.js';
+import '../chunk-XCFVMVLQ.js';
 export { b as useSettingsContext } from '../chunk-FT5VGKNM.js';
 import '../chunk-V2UHZWRE.js';
 import '../chunk-QQDMA4TE.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zydon/common",
-  "version": "2.6.57",
+  "version": "2.6.60",
   "license": "MIT",
   "type": "module",
   "module": "./dist/index.js",

package/dist/chunk-6SAPVUB2.js

@@ -1,32 +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$6 } from './chunk-GUFT6XPG.js';
-import { a as a$5 } from './chunk-VXXEMZWX.js';
-import { c as c$1, b as b$1 } from './chunk-FT5VGKNM.js';
-import { c } from './chunk-V2UHZWRE.js';
-import { a as a$4 } from './chunk-QQDMA4TE.js';
-import { a as a$7 } from './chunk-S7QQBC4I.js';
-import { useRef, useEffect, useMemo, useState } from 'react';
-import O from '@mui/material/CssBaseline';
-import { experimental_extendTheme, lighten, darken, Experimental_CssVarsProvider } from '@mui/material/styles';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function B(){let[o,r]=useState(!0);return a$7(()=>{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 V=B;var i={modeStorageKey:"mui-mode",defaultMode:"light"},z=`
-(function() {
-  const modeStorageKey = '${i.modeStorageKey}';
-  const defaultMode = '${i.defaultMode}';
-
-  try {
-    const storedMode = localStorage.getItem(modeStorageKey) || defaultMode;
-    const mode = ['light', 'dark'].includes(storedMode) ? storedMode : defaultMode;
-
-    document.documentElement.setAttribute('data-mui-color-scheme', mode);
-  } catch (e) {
-    document.documentElement.setAttribute('data-mui-color-scheme', defaultMode);
-  }
-})();
-`;var I=o=>({lighter:lighten(o,.815),light:lighten(o,.225),main:o,dark:darken(o,.15),darker:darken(o,.35),contrastText:"#000"});function W(o,r$1,e$1=""){let m=I(r$1.primaryColor);a(p,"dark.palette.primary",m),a(p,"light.palette.primary",m);let n={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:R},t=a$3(n,r$1),s={};return experimental_extendTheme(t,o,b(r$1),s)}function R(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(c=>s?.includes(c))}return o.some(t=>e?.includes(t))}var H=({children:o,cssVarPrefix:r})=>{let{settings:e}=b$1(),m=useMemo(()=>{let t=W(a$6[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]),n=useMemo(()=>({theme:m,mode:e.colorScheme,defaultMode:e.colorScheme,defaultColorScheme:e.colorScheme,modeStorageKey:i.modeStorageKey,colorSchemeStorageKey:i.modeStorageKey}),[m,e.colorScheme]);return jsxs(Experimental_CssVarsProvider,{...n,children:[jsx(O,{}),o]})},J=({children:o,cssVarPrefix:r="app",primaryColor:e="#4E5BEC",fontFamily:m="Public Sans",compactLayout:n=!0,contrast:t="default",navColor:s="integrate",navLayout:c="vertical",colorScheme:a="light"})=>{let S=V(),[d,p]=a$4(i.modeStorageKey,a,{serializer:u=>u.replaceAll('"',""),deserializer:u=>u.replaceAll('"',"")}),y=useRef();return useEffect(()=>{y.current!==a&&(console.log(`\u{1F3A8} update palette config: ${a}`,`* last value: ${d}`,`* is focused: ${S}`),a$5(a),p(a)),y.current=a;},[p,a,d,S]),jsx(c$1,{primaryColor:e,fontFamily:m,compactLayout:n,contrast:t,navColor:s,navLayout:c,colorScheme:d,setColorScheme:p,children:jsx(H,{cssVarPrefix:r,children:o})})},Se=J;
-
-export { i as a, z as b, W as c, Se as d };

package/dist/chunk-VXXEMZWX.js

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