@zydon/common 2.6.63 → 2.6.64

package/dist/chunk-LFIZLAMT.js

@@ -0,0 +1,18 @@
+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 q from '@mui/material/CssBaseline';
+import { experimental_extendTheme, lighten, darken, Experimental_CssVarsProvider } from '@mui/material/styles';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function D(){let[o,t]=useState(!0);return a$7(()=>{let e=()=>t(!0),r=()=>t(!1);return window.addEventListener("focus",e),window.addEventListener("blur",r),()=>{window.removeEventListener("focus",e),window.removeEventListener("blur",r);}}),o}var E=D;var i={modeStorageKey:"mui-mode",dataMuiColorScheme:"data-mui-color-scheme"},G=({defaultMode:o="light"})=>{let{dataMuiColorScheme:t,modeStorageKey:e}=i;try{let r=localStorage.getItem(e)?.replaceAll('"',"")||o,s=["light","dark"].includes(r)?r:o;localStorage.setItem(e,s),document.documentElement.setAttribute(t,s);}catch{localStorage.setItem(e,o),document.documentElement.setAttribute(t,o);}};var $=o=>({lighter:lighten(o,.815),light:lighten(o,.225),main:o,dark:darken(o,.15),darker:darken(o,.35),contrastText:"#000"});function I(o,t,e$1=""){let r$1=$(t.primaryColor);a(p,"dark.palette.primary",r$1),a(p,"light.palette.primary",r$1);let s={colorSchemes:p,shadows:a$1(t.colorScheme),customShadows:r(t.colorScheme,r$1.main),shape:{borderRadius:8},components:a$2,typography:{...e,fontFamily:c(t.fontFamily)},cssVarPrefix:e$1,shouldSkipGeneratingVar:H},m=a$3(s,t),a$4={};return experimental_extendTheme(m,o,b(t),a$4)}function H(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 m=o[1],a=r[m]||r.global;return o.some(c=>a?.includes(c))}return o.some(m=>e?.includes(m))}var Q=({children:o,cssVarPrefix:t})=>{let{settings:e}=b$1(),r=useMemo(()=>{let m=I(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},t),a=m.colorSchemes?.[e.colorScheme]?.palette;return a?m.palette=a:(m.palette=m.colorSchemes?.light?.palette||m.colorSchemes?.dark?.palette,m.palette.mode=e.colorScheme),m},[e,t]),s=useMemo(()=>({theme:r,mode:e.colorScheme,defaultMode:e.colorScheme,defaultColorScheme:e.colorScheme,modeStorageKey:i.modeStorageKey,colorSchemeStorageKey:i.modeStorageKey}),[r,e.colorScheme]);return jsxs(Experimental_CssVarsProvider,{...s,children:[jsx(q,{}),o]})},S={serializer:o=>o.replaceAll('"',""),deserializer:o=>o.replaceAll('"',"")},U=({children:o,cssVarPrefix:t="app",primaryColor:e="#4E5BEC",fontFamily:r="Public Sans",compactLayout:s=!0,contrast:m="default",navColor:a="integrate",navLayout:c="vertical",colorScheme:n="light"})=>{let B=E(),[g,h]=a$4(i.modeStorageKey,n,S),[,y]=a$4(`${i.modeStorageKey}-light`,"light",S),[,C]=a$4(`${i.modeStorageKey}-dark`,"dark",S),v=useRef();return useEffect(()=>{v.current!==n&&(y("light"),C("dark"),h(n),a$5(n)),v.current=n;},[n,g,B,y,C,h]),jsx(c$1,{primaryColor:e,fontFamily:r,compactLayout:s,contrast:m,navColor:a,navLayout:c,colorScheme:g,setColorScheme:h,children:jsx(Q,{cssVarPrefix:t,children:o})})},Ce=U;
+
+export { i as a, G as b, I as c, Ce as d };

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;
-}, "children" | "className" | "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,6 +1,6 @@
 import { a } from '../../chunk-5OJQUX2T.js';
 import '../../chunk-SHNFHORM.js';
-import { d as d$1 } from '../../chunk-JTZTH6GU.js';
+import { d as d$1 } from '../../chunk-LFIZLAMT.js';
 import '../../chunk-SO64ZYQB.js';
 import '../../chunk-H7GUTAKH.js';
 import '../../chunk-AIB3I5MO.js';

package/dist/hooks/useIsomorphicLayoutEffect.d.ts

@@ -1,5 +1,5 @@
-import { useEffect } from 'react';
+import { useLayoutEffect } from 'react';
 
-declare const _default: typeof useEffect;
+declare const _default: typeof useLayoutEffect;
 
 export { _default as default };

package/dist/index.js

@@ -1,4 +1,4 @@
-export { d as ThemeProvider, c as createTheme } from './chunk-JTZTH6GU.js';
+export { d as ThemeProvider, c as createTheme } from './chunk-LFIZLAMT.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';

package/dist/theme/theme-provider.js

@@ -1,4 +1,4 @@
-export { b as colorSchemeScript, d as default, a as schemeConfig } from '../chunk-JTZTH6GU.js';
+export { b as colorSchemeScript, d as default, a as schemeConfig } from '../chunk-LFIZLAMT.js';
 import '../chunk-SO64ZYQB.js';
 import '../chunk-H7GUTAKH.js';
 import '../chunk-AIB3I5MO.js';

package/package.json

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

package/dist/chunk-JTZTH6GU.js

@@ -1,18 +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-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 q from '@mui/material/CssBaseline';
-import { experimental_extendTheme, lighten, darken, Experimental_CssVarsProvider } from '@mui/material/styles';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function D(){let[o,t]=useState(!0);return a$7(()=>{let e=()=>t(!0),r=()=>t(!1);return window.addEventListener("focus",e),window.addEventListener("blur",r),()=>{window.removeEventListener("focus",e),window.removeEventListener("blur",r);}}),o}var E=D;var i={modeStorageKey:"mui-mode",dataMuiColorScheme:"data-mui-color-scheme"},G=({defaultMode:o})=>{let{dataMuiColorScheme:t,modeStorageKey:e}=i;try{let r=localStorage.getItem(e)?.replaceAll('"',"")||o,s=["light","dark"].includes(r)?r:o;localStorage.setItem(e,s),document.documentElement.setAttribute(t,s);}catch{localStorage.setItem(e,o),document.documentElement.setAttribute(t,o);}};var $=o=>({lighter:lighten(o,.815),light:lighten(o,.225),main:o,dark:darken(o,.15),darker:darken(o,.35),contrastText:"#000"});function I(o,t,e$1=""){let r$1=$(t.primaryColor);a(p,"dark.palette.primary",r$1),a(p,"light.palette.primary",r$1);let s={colorSchemes:p,shadows:a$1(t.colorScheme),customShadows:r(t.colorScheme,r$1.main),shape:{borderRadius:8},components:a$2,typography:{...e,fontFamily:c(t.fontFamily)},cssVarPrefix:e$1,shouldSkipGeneratingVar:H},m=a$3(s,t),a$4={};return experimental_extendTheme(m,o,b(t),a$4)}function H(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 m=o[1],a=r[m]||r.global;return o.some(c=>a?.includes(c))}return o.some(m=>e?.includes(m))}var Q=({children:o,cssVarPrefix:t})=>{let{settings:e}=b$1(),r=useMemo(()=>{let m=I(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},t),a=m.colorSchemes?.[e.colorScheme]?.palette;return a?m.palette=a:(m.palette=m.colorSchemes?.light?.palette||m.colorSchemes?.dark?.palette,m.palette.mode=e.colorScheme),m},[e,t]),s=useMemo(()=>({theme:r,mode:e.colorScheme,defaultMode:e.colorScheme,defaultColorScheme:e.colorScheme,modeStorageKey:i.modeStorageKey,colorSchemeStorageKey:i.modeStorageKey}),[r,e.colorScheme]);return jsxs(Experimental_CssVarsProvider,{...s,children:[jsx(q,{}),o]})},S={serializer:o=>o.replaceAll('"',""),deserializer:o=>o.replaceAll('"',"")},U=({children:o,cssVarPrefix:t="app",primaryColor:e="#4E5BEC",fontFamily:r="Public Sans",compactLayout:s=!0,contrast:m="default",navColor:a="integrate",navLayout:c="vertical",colorScheme:n="light"})=>{let B=E(),[g,h]=a$4(i.modeStorageKey,n,S),[,y]=a$4(`${i.modeStorageKey}-light`,"light",S),[,C]=a$4(`${i.modeStorageKey}-dark`,"dark",S),v=useRef();return useEffect(()=>{v.current!==n&&(y("light"),C("dark"),h(n),a$5(n)),v.current=n;},[n,g,B,y,C,h]),jsx(c$1,{primaryColor:e,fontFamily:r,compactLayout:s,contrast:m,navColor:a,navLayout:c,colorScheme:g,setColorScheme:h,children:jsx(Q,{cssVarPrefix:t,children:o})})},Ce=U;
-
-export { i as a, G as b, I as c, Ce as d };