@atomazing-org/design-system 1.0.66 → 1.0.67

package/README.md

@@ -57,7 +57,15 @@ Provide a fully dynamic list of themes to the provider. This takes priority over
 <ThemeProviderWrapper
   themes={[
     { name: 'Blue', primaryColor: '#3B82F6' },
-    { name: 'Green', primaryColor: '#22C55E', secondaryColor: '#F6F9F6' },
+    {
+      name: 'Aurora',
+      primaryColor: '#00E952',
+      secondaryColor: '#011926',
+      background: {
+        light: { default: '#F0FFF6', paper: '#FFFFFF' },
+        dark: { default: '#071B13', paper: '#0E2A1F' },
+      },
+    },
     { name: 'Gray', primaryColor: '#64748B' },
   ]}
 >
@@ -174,6 +182,7 @@ import { Typography } from '@mui/material';
 <Typography variant="text_md_regular">Body text</Typography>
 <Typography variant="text_sm_bold">Strong caption</Typography>
 <Typography variant="header_lg_bold">Section Title</Typography>
+<Typography variant="header_md_semibold">Semibold Heading</Typography>
 ```
 
 Global Styles

package/dist/index.d.mts

@@ -186,6 +186,24 @@ interface CustomTypographyVariants {
     header_xs_bold: {
         font: string;
     };
+    header_2xl_semibold: {
+        font: string;
+    };
+    header_xl_semibold: {
+        font: string;
+    };
+    header_lg_semibold: {
+        font: string;
+    };
+    header_md_semibold: {
+        font: string;
+    };
+    header_sm_semibold: {
+        font: string;
+    };
+    header_xs_semibold: {
+        font: string;
+    };
 }
 declare module "@mui/material/styles" {
     interface TypographyVariants extends CustomTypographyVariants {
@@ -228,6 +246,16 @@ type ThemeProviderWrapperProps = PropsWithChildren<{
         name: string;
         primaryColor: string;
         secondaryColor?: string;
+        background?: {
+            light?: {
+                default?: string;
+                paper?: string;
+            };
+            dark?: {
+                default?: string;
+                paper?: string;
+            };
+        };
     }[];
     /** Optional color palette override (e.g., fontLight/fontDark/accent colors). */
     colorPaletteOverride?: Partial<ColorPaletteType>;
@@ -240,7 +268,10 @@ declare const ThemeProviderWrapper: FC<ThemeProviderWrapperProps>;
  */
 declare const commonComponentProps: Theme["components"];
 
-declare const createCustomTheme: (primaryColor: string, mode?: PaletteMode, secondaryColor?: string) => Theme;
+declare const createCustomTheme: (primaryColor: string, mode?: PaletteMode, secondaryColor?: string, background?: {
+    default?: string;
+    paper?: string;
+}) => Theme;
 
 /**
  * Injects global styles into the document using Emotion.

package/dist/index.d.ts

@@ -186,6 +186,24 @@ interface CustomTypographyVariants {
     header_xs_bold: {
         font: string;
     };
+    header_2xl_semibold: {
+        font: string;
+    };
+    header_xl_semibold: {
+        font: string;
+    };
+    header_lg_semibold: {
+        font: string;
+    };
+    header_md_semibold: {
+        font: string;
+    };
+    header_sm_semibold: {
+        font: string;
+    };
+    header_xs_semibold: {
+        font: string;
+    };
 }
 declare module "@mui/material/styles" {
     interface TypographyVariants extends CustomTypographyVariants {
@@ -228,6 +246,16 @@ type ThemeProviderWrapperProps = PropsWithChildren<{
         name: string;
         primaryColor: string;
         secondaryColor?: string;
+        background?: {
+            light?: {
+                default?: string;
+                paper?: string;
+            };
+            dark?: {
+                default?: string;
+                paper?: string;
+            };
+        };
     }[];
     /** Optional color palette override (e.g., fontLight/fontDark/accent colors). */
     colorPaletteOverride?: Partial<ColorPaletteType>;
@@ -240,7 +268,10 @@ declare const ThemeProviderWrapper: FC<ThemeProviderWrapperProps>;
  */
 declare const commonComponentProps: Theme["components"];
 
-declare const createCustomTheme: (primaryColor: string, mode?: PaletteMode, secondaryColor?: string) => Theme;
+declare const createCustomTheme: (primaryColor: string, mode?: PaletteMode, secondaryColor?: string, background?: {
+    default?: string;
+    paper?: string;
+}) => Theme;
 
 /**
  * Injects global styles into the document using Emotion.

package/dist/index.js

@@ -1,14 +1,14 @@
-"use strict";var Ae=Object.create;var M=Object.defineProperty;var Le=Object.getOwnPropertyDescriptor;var $e=Object.getOwnPropertyNames;var Be=Object.getPrototypeOf,ze=Object.prototype.hasOwnProperty;var We=(e,t)=>{for(var o in t)M(e,o,{get:t[o],enumerable:!0})},X=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of $e(t))!ze.call(e,r)&&r!==o&&M(e,r,{get:()=>t[r],enumerable:!(n=Le(t,r))||n.enumerable});return e};var f=(e,t,o)=>(o=e!=null?Ae(Be(e)):{},X(t||!e||!e.__esModule?M(o,"default",{value:e,enumerable:!0}):o,e)),Ge=e=>X(M({},"__esModule",{value:!0}),e);var Xe={};We(Xe,{ColorPalette:()=>le,DialogBtn:()=>j,ErrorBoundary:()=>P,GlobalStyles:()=>W,Loading:()=>K,PathName:()=>te,ThemeProviderWrapper:()=>Fe,commonComponentProps:()=>I,createCustomTheme:()=>v,darkModeOptions:()=>ae,defaultColorPalette:()=>C,displayGreeting:()=>ue,fadeIn:()=>ke,fadeInLeft:()=>ve,getColorPalette:()=>s,getDayIdentifier:()=>ce,getFontColor:()=>S,installAppAnimation:()=>Re,isDarkMode:()=>A,isFontLight:()=>me,isHexColor:()=>Y,logoutAnimation:()=>Pe,progressPulse:()=>Me,pulseAnimation:()=>Se,scale:()=>Ce,setColorPaletteOverride:()=>E,slideIn:()=>we,slideInBottom:()=>Te,systemInfo:()=>fe,timeAgo:()=>he,timeAgoFromStart:()=>xe,useResponsiveDisplay:()=>ge,useSystemTheme:()=>B,useThemeSettings:()=>se});module.exports=Ge(Xe);var J=f(require("@emotion/styled")),Q=require("@mui/material"),j=(0,J.default)(Q.Button)`
+"use strict";var Ee=Object.create;var S=Object.defineProperty;var Ae=Object.getOwnPropertyDescriptor;var Be=Object.getOwnPropertyNames;var Le=Object.getPrototypeOf,$e=Object.prototype.hasOwnProperty;var ze=(e,t)=>{for(var r in t)S(e,r,{get:t[r],enumerable:!0})},V=(e,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Be(t))!$e.call(e,o)&&o!==r&&S(e,o,{get:()=>t[o],enumerable:!(i=Ae(t,o))||i.enumerable});return e};var u=(e,t,r)=>(r=e!=null?Ee(Le(e)):{},V(t||!e||!e.__esModule?S(r,"default",{value:e,enumerable:!0}):r,e)),We=e=>V(S({},"__esModule",{value:!0}),e);var Ve={};ze(Ve,{ColorPalette:()=>se,DialogBtn:()=>Q,ErrorBoundary:()=>P,GlobalStyles:()=>W,Loading:()=>q,PathName:()=>ee,ThemeProviderWrapper:()=>Fe,commonComponentProps:()=>I,createCustomTheme:()=>E,darkModeOptions:()=>ie,defaultColorPalette:()=>C,displayGreeting:()=>me,fadeIn:()=>ve,fadeInLeft:()=>_e,getColorPalette:()=>s,getDayIdentifier:()=>ue,getFontColor:()=>T,installAppAnimation:()=>Me,isDarkMode:()=>A,isFontLight:()=>de,isHexColor:()=>Y,logoutAnimation:()=>Pe,progressPulse:()=>Se,pulseAnimation:()=>Te,scale:()=>Ce,setColorPaletteOverride:()=>O,slideIn:()=>ke,slideInBottom:()=>we,systemInfo:()=>fe,timeAgo:()=>ce,timeAgoFromStart:()=>he,useResponsiveDisplay:()=>xe,useSystemTheme:()=>$,useThemeSettings:()=>ae});module.exports=We(Ve);var X=u(require("@emotion/styled")),J=require("@mui/material"),Q=(0,X.default)(J.Button)`
   padding: 10px 16px;
   border-radius: 16px;
   font-size: 16px;
   margin: 8px;
-`;var Z=f(require("react")),N=f(require("@emotion/styled")),G=f(require("@mui/icons-material/ErrorOutlineRounded")),_=require("@mui/material"),m=require("react/jsx-runtime"),P=class extends Z.default.Component{constructor(t){super(t),this.state={hasError:!1}}static getDerivedStateFromError(t){return{hasError:!0,error:t}}componentDidCatch(t,o){console.error("Error:",t),console.error("Error Info:",o)}render(){var n,r,i;let{state:t,props:o}=this;return t.hasError?(0,m.jsxs)(Ne,{children:[(0,m.jsx)(Ue,{children:(0,m.jsx)(_.Box,{children:"Something went wrong.\xA0"})}),(0,m.jsxs)("h3",{children:[(0,m.jsxs)(_.Box,{style:{color:"#ff3131",display:"inline-block"},children:[(0,m.jsx)(G.default,{sx:{verticalAlign:"middle",mb:"4px"}})," ","ERROR:"]})," ",(0,m.jsxs)(_.Box,{translate:"no",children:["[",(n=t.error)==null?void 0:n.name,"] ",(r=t.error)==null?void 0:r.message]}),(0,m.jsxs)(_.Box,{style:{color:"#ff3131",display:"inline-block"},children:[(0,m.jsx)(G.default,{sx:{verticalAlign:"middle",mb:"4px"}})," ","Stack:"]})," ",(0,m.jsxs)(_.Box,{translate:"no",children:["[",(i=t.error)==null?void 0:i.stack,"]"]})]})]}):o.children}},Ne=N.default.div`
+`;var j=u(require("react")),N=u(require("@emotion/styled")),G=u(require("@mui/icons-material/ErrorOutlineRounded")),v=require("@mui/material"),d=require("react/jsx-runtime"),P=class extends j.default.Component{constructor(t){super(t),this.state={hasError:!1}}static getDerivedStateFromError(t){return{hasError:!0,error:t}}componentDidCatch(t,r){console.error("Error:",t),console.error("Error Info:",r)}render(){var i,o,n;let{state:t,props:r}=this;return t.hasError?(0,d.jsxs)(Ge,{children:[(0,d.jsx)(Ne,{children:(0,d.jsx)(v.Box,{children:"Something went wrong.\xA0"})}),(0,d.jsxs)("h3",{children:[(0,d.jsxs)(v.Box,{style:{color:"#ff3131",display:"inline-block"},children:[(0,d.jsx)(G.default,{sx:{verticalAlign:"middle",mb:"4px"}})," ","ERROR:"]})," ",(0,d.jsxs)(v.Box,{translate:"no",children:["[",(i=t.error)==null?void 0:i.name,"] ",(o=t.error)==null?void 0:o.message]}),(0,d.jsxs)(v.Box,{style:{color:"#ff3131",display:"inline-block"},children:[(0,d.jsx)(G.default,{sx:{verticalAlign:"middle",mb:"4px"}})," ","Stack:"]})," ",(0,d.jsxs)(v.Box,{translate:"no",children:["[",(n=t.error)==null?void 0:n.stack,"]"]})]})]}):r.children}},Ge=N.default.div`
   margin: 0 8vw;
   @media (max-width: 768px) {
     margin: 0;
   }
-`,Ue=N.default.h1`
+`,Ne=N.default.h1`
   margin-top: 32px;
   margin-bottom: 32px;
   font-size: 36px;
@@ -24,7 +24,7 @@
     margin-top: 0;
     margin-bottom: 0;
   }
-`;var R=require("react"),q=f(require("@emotion/styled")),D=require("@mui/material"),g=require("react/jsx-runtime"),K=()=>{let[e,t]=(0,R.useState)(!1);return(0,R.useEffect)(()=>{let o=setTimeout(()=>{t(!0)},100);return()=>clearTimeout(o)},[]),(0,g.jsx)(He,{"aria-live":"polite",role:"status",children:e&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(D.CircularProgress,{"aria-label":"loading",size:80,thickness:4}),(0,g.jsx)("h3",{style:{opacity:.8},children:"Loading Page..."})]})})},He=(0,q.default)(D.Box)`
+`;var M=require("react"),Z=u(require("@emotion/styled")),R=require("@mui/material"),x=require("react/jsx-runtime"),q=()=>{let[e,t]=(0,M.useState)(!1);return(0,M.useEffect)(()=>{let r=setTimeout(()=>{t(!0)},100);return()=>clearTimeout(r)},[]),(0,x.jsx)(Ue,{"aria-live":"polite",role:"status",children:e&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(R.CircularProgress,{"aria-label":"loading",size:80,thickness:4}),(0,x.jsx)("h3",{style:{opacity:.8},children:"Loading Page..."})]})})},Ue=(0,Z.default)(R.Box)`
   position: absolute;
   top: 50%;
   left: 50%;
@@ -35,12 +35,12 @@
   flex-direction: column;
   text-align: center;
   gap: 8px;
-`;var ee=f(require("@emotion/styled")),te=ee.default.code`
+`;var K=u(require("@emotion/styled")),ee=K.default.code`
   background: #000000c8;
   color: white;
   padding: 4px 6px;
   border-radius: 8px;
-`;var re=f(require("@mui/icons-material/BrightnessAutoRounded")),oe=f(require("@mui/icons-material/DarkModeRounded")),ne=f(require("@mui/icons-material/LightModeRounded")),ie=f(require("@mui/icons-material/PersonalVideoRounded")),T=require("react/jsx-runtime"),O=32,ae=[{label:"Auto",value:"auto",icon:(0,T.jsx)(re.default,{color:"inherit",sx:{fontSize:O}})},{label:"System",value:"system",icon:(0,T.jsx)(ie.default,{color:"inherit",sx:{fontSize:O}})},{label:"Light",value:"light",icon:(0,T.jsx)(ne.default,{color:"inherit",sx:{fontSize:O}})},{label:"Dark",value:"dark",icon:(0,T.jsx)(oe.default,{color:"inherit",sx:{fontSize:O}})}];var C={fontDark:"#101727",fontLight:"#f0f0f0",brand:"#9FA9EA",accent:"#F3503A",muted:"#64748B",success:"#2E7D32",info:"#0288D1",warning:"#ED6C02",error:"#D32F2F",neutral:"#64748B"};var F=require("react"),U=(0,F.createContext)(void 0),se=()=>{let e=(0,F.useContext)(U);if(!e)throw new Error("useThemeSettings must be used within ThemeProviderWrapper");return e};var p=require("react"),De=require("@emotion/react"),Oe=require("@mui/material/styles");var I={MuiTooltip:{defaultProps:{disableInteractive:!0},styleOverrides:{tooltip:({theme:e})=>({backdropFilter:"blur(6px)",WebkitBackdropFilter:"blur(6px)",padding:"8px 16px",borderRadius:e.shape.borderRadius,fontSize:"12px"})}},MuiButton:{styleOverrides:{root:({theme:e})=>({padding:"12px 24px",borderRadius:e.shape.borderRadius}),contained:{boxShadow:"none"}}},MuiSkeleton:{styleOverrides:{root:({theme:e})=>({borderRadius:e.shape.borderRadius})}},MuiSelect:{styleOverrides:{root:({theme:e})=>({borderRadius:e.shape.borderRadius}),select:{display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"4px"}}},MuiDialog:{defaultProps:{slotProps:{paper:{style:{padding:"12px",borderRadius:24,minWidth:"400px"}}}},styleOverrides:{root:{"& .MuiDialog-container":{backdropFilter:"blur(4px)"}}}},MuiAvatar:{styleOverrides:{root:{fontWeight:500}}},MuiAlert:{styleOverrides:{root:({theme:e})=>({borderRadius:e.shape.borderRadius})}},MuiTextField:{defaultProps:{variant:"outlined"},styleOverrides:{root:({theme:e})=>({"& .MuiInputBase-root":{borderRadius:e.shape.borderRadius}})}},MuiOutlinedInput:{styleOverrides:{root:({theme:e})=>({color:e.palette.primary.main,"& fieldset":{borderColor:e.palette.primary.main},"&:hover fieldset":{borderColor:e.palette.primary.dark},"&.Mui-focused fieldset":{borderColor:e.palette.primary.main}})}},MuiInputLabel:{styleOverrides:{root:({theme:e})=>({color:e.palette.primary.main,"&.Mui-focused":{color:e.palette.primary.main}})}},MuiFormHelperText:{styleOverrides:{root:({theme:e})=>({color:e.palette.error.main})}},MuiPaper:{styleOverrides:{root:({theme:e})=>({borderRadius:e.shape.borderRadius}),elevation8:({theme:e})=>({borderRadius:e.shape.borderRadius})}},MuiMenuItem:{styleOverrides:{root:({theme:e})=>({borderRadius:e.shape.borderRadius})}},MuiBottomNavigationAction:{styleOverrides:{root:({theme:e})=>({borderRadius:e.shape.borderRadius,padding:"12px",margin:0,maxHeight:"none"})}},MuiDialogContent:{styleOverrides:{root:{padding:0}}},MuiSlider:{styleOverrides:{valueLabel:({theme:e})=>({borderRadius:e.shape.borderRadius,padding:"6px 14px","&::before, &::after":{display:"none"}})}},MuiCircularProgress:{styleOverrides:{circle:{strokeLinecap:"round"}}},MuiTab:{styleOverrides:{root:({theme:e})=>({borderRadius:e.shape.borderRadius})}},MuiAccordion:{styleOverrides:{root:{"&::before":{display:"none"}}}}};var H=require("@mui/material");var u={...C},s=()=>u,E=e=>{u={...C,...e}},le={get fontDark(){return u.fontDark},get fontLight(){return u.fontLight},get brand(){return u.brand},get accent(){return u.accent},get muted(){return u.muted},get success(){return u.success},get info(){return u.info},get warning(){return u.warning},get error(){return u.error},get neutral(){return u.neutral}};var pe={defaultProps:{variantMapping:{text_xl_regular:"p",text_lg_regular:"p",text_md_regular:"p",text_sm_regular:"p",text_xs_regular:"p",text_2xs_regular:"p",text_xl_bold:"p",text_lg_bold:"p",text_md_bold:"p",text_sm_bold:"p",text_xs_bold:"p",text_2xs_bold:"p",text_xl_semibold:"p",text_lg_semibold:"p",text_md_semibold:"p",text_sm_semibold:"p",text_xs_semibold:"p",text_2xs_semibold:"p",text_xl_thin:"p",text_lg_thin:"p",text_md_thin:"p",text_sm_thin:"p",text_xs_thin:"p",text_2xs_thin:"p",header_2xl_regular:"h1",header_xl_regular:"h2",header_lg_regular:"h3",header_md_regular:"h4",header_sm_regular:"h5",header_xs_regular:"h6",header_2xl_bold:"h1",header_xl_bold:"h2",header_lg_bold:"h3",header_md_bold:"h4",header_sm_bold:"h5",header_xs_bold:"h6"}}},de={text_xl_regular:{font:"400 20px/30px inherit inherit"},text_lg_regular:{font:"400 18px/28px inherit inherit"},text_md_regular:{font:"400 16px/24px inherit inherit"},text_sm_regular:{font:"400 14px/20px inherit inherit"},text_xs_regular:{font:"400 12px/18px inherit inherit"},text_2xs_regular:{font:"400 10px/14px inherit inherit"},text_xl_bold:{font:"700 20px/30px inherit inherit"},text_lg_bold:{font:"700 18px/28px inherit inherit"},text_md_bold:{font:"700 16px/24px inherit inherit"},text_sm_bold:{font:"700 14px/20px inherit inherit"},text_xs_bold:{font:"700 12px/18px inherit inherit"},text_2xs_bold:{font:"700 10px/14px inherit inherit"},text_xl_semibold:{font:"600 20px/30px inherit inherit"},text_lg_semibold:{font:"600 18px/28px inherit inherit"},text_md_semibold:{font:"600 16px/24px inherit inherit"},text_sm_semibold:{font:"600 14px/20px inherit inherit"},text_xs_semibold:{font:"600 12px/18px inherit inherit"},text_2xs_semibold:{font:"600 10px/14px inherit inherit"},text_xl_thin:{font:"100 20px/30px inherit inherit"},text_lg_thin:{font:"100 18px/28px inherit inherit"},text_md_thin:{font:"100 16px/24px inherit inherit"},text_sm_thin:{font:"100 14px/20px inherit inherit"},text_xs_thin:{font:"100 12px/18px inherit inherit"},text_2xs_thin:{font:"100 10px/14px inherit inherit"},header_2xl_regular:{font:"400 36px/44px inherit inherit"},header_xl_regular:{font:"400 32px/40px inherit inherit"},header_lg_regular:{font:"400 28px/36px inherit inherit"},header_md_regular:{font:"400 24px/32px inherit inherit"},header_sm_regular:{font:"400 20px/28px inherit inherit"},header_xs_regular:{font:"400 18px/26px inherit inherit"},header_2xl_bold:{font:"700 36px/44px inherit inherit"},header_xl_bold:{font:"700 32px/40px inherit inherit"},header_lg_bold:{font:"700 28px/36px inherit inherit"},header_md_bold:{font:"700 24px/32px inherit inherit"},header_sm_bold:{font:"700 20px/28px inherit inherit"},header_xs_bold:{font:"700 18px/26px inherit inherit"}};var v=(e,t="light",o)=>{let n=t==="dark",r=(0,H.createTheme)({palette:{mode:t}});return(0,H.createTheme)(r,{palette:{primary:{...r.palette.primary,main:e},brand:r.palette.augmentColor({color:{main:e}}),neutral:r.palette.augmentColor({color:{main:s().neutral}}),accent:r.palette.augmentColor({color:{main:s().accent}}),muted:r.palette.augmentColor({color:{main:s().muted}}),...o?{secondary:{...r.palette.secondary,main:o}}:{},error:{...r.palette.error,main:s().error},warning:{...r.palette.warning,main:s().warning},success:{...r.palette.success,main:s().success},info:{...r.palette.info,main:s().info},background:n?{...r.palette.background,default:"#1C1C1E",paper:"#2C2C2E"}:{...r.palette.background,default:"#F2F2F7",paper:"#FFFFFF"},divider:n?"rgba(255,255,255,0.12)":"rgba(0,0,0,0.12)"},components:{...I,MuiTypography:pe},typography:{...de,fontFamily:'var(--app-font-family, "Mulish", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif)'},shape:{borderRadius:24}})};var ye=require("react"),z=require("@emotion/react"),be=require("@mui/material/styles");var Y=e=>/^#([\dA-Fa-f]{3}|[\dA-Fa-f]{6})$/.test(e),S=e=>{if(!Y(e))return console.error("Invalid hex color provided:",e),s().fontDark;let t=e.slice(1),o=t.length===3?t.split("").map(x=>x+x).join(""):t,n=Number.parseInt(o.slice(0,2),16),r=Number.parseInt(o.slice(2,4),16),i=Number.parseInt(o.slice(4,6),16),d=Math.round((n*299+r*587+i*114)/1e3),a=s();return d>128?a.fontDark:a.fontLight},me=e=>S(e)===s().fontLight;var ue=()=>{let e=new Date().getHours();return e>=5&&e<12?"Good morning":e>12&&e<18?"Good afternoon":"Good evening"};var ce=e=>{let t=e.getFullYear(),o=String(e.getMonth()+1).padStart(2,"0"),n=String(e.getDate()).padStart(2,"0");return`${t}-${o}-${n}`};var Ye=()=>{let e=(typeof navigator=="undefined"?"":navigator.userAgent).toLowerCase();return e.includes("windows nt")?"Windows":e.includes("iphone")||e.includes("ipad")||e.includes("ipod")?"iOS":e.includes("mac")?"macOS":e.includes("android")?"Android":e.includes("linux")?"Linux":"Unknown"},Ve=()=>{let e=(typeof navigator=="undefined"?"":navigator.userAgent).toLowerCase();return e.includes("edg")?"Edge":e.includes("chrome")?"Chrome":e.includes("firefox")?"Firefox":e.includes("safari")?"Safari":"Unknown"},fe={os:typeof navigator=="undefined"?"Unknown":Ye(),browser:typeof navigator=="undefined"?"Unknown":Ve()};var A=(e,t)=>{switch(e){case"light":return!1;case"dark":return!0;case"system":return t==="dark";default:return!1}};var he=(e,t)=>{let o=t!=null?t:typeof navigator=="undefined"?"en-US":navigator.language,n=new Date;e=new Date(e);let r=Math.floor((n.getTime()-e.getTime())/1e3),i=new Intl.RelativeTimeFormat(o,{numeric:"auto"});if(r<60)return i.format(-r,"second");if(r<3600){let a=Math.floor(r/60);return i.format(-a,"minute")}if(r<86400){let a=Math.floor(r/3600);return i.format(-a,"hour")}let d=Math.floor(r/86400);return i.format(-d,"day")},xe=(e,t)=>{let o=t!=null?t:typeof navigator=="undefined"?"en-US":navigator.language,n=new Date;e=new Date(e);let r=(e.getTime()-n.getTime())/1e3,i=Math.floor(r/(60*60)),d=Math.floor((r-60*60*i)/60),a=Math.floor(r-60*60*i-60*d),x=new Intl.RelativeTimeFormat(o,{numeric:"auto"});if(d===0&&a<60)return x.format(a,"second");if(i===0&&d<60)return x.format(d,"minute");if(i<24){let w=`${new Intl.RelativeTimeFormat(o,{numeric:"auto"}).format(i,"hour")}`,b=` ${new Intl.RelativeTimeFormat(o,{localeMatcher:"lookup",numeric:"always",style:"long"}).format(d,"minute")}`.replace(/^\D+/,"");return`${w} ${b}`}let y=Math.floor(a/86400);return x.format(y,"day")};var L=require("react"),ge=(e=768)=>{let[t,o]=(0,L.useState)(!1);return(0,L.useEffect)(()=>{let n=()=>{o(window.innerWidth<e)};n();let r=()=>n();return window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r)}},[e]),t};var $=require("react"),B=()=>{let[e,t]=(0,$.useState)("unknown");return(0,$.useEffect)(()=>{let o=r=>{t(r.matches?"dark":"light")},n=globalThis.matchMedia("(prefers-color-scheme: dark)");return t(n.matches?"dark":"light"),n.addEventListener("change",o),()=>{n.removeEventListener("change",o)}},[]),e};var _e=require("react/jsx-runtime"),W=({fontFamily:e})=>{let t=(0,be.useTheme)(),o=t.palette.mode==="dark",n=t.palette.primary.main,r=t.palette.background.default,i=(0,ye.useMemo)(()=>S(n),[n]);return(0,_e.jsx)(z.Global,{styles:z.css`
+`;var te=u(require("@mui/icons-material/BrightnessAutoRounded")),re=u(require("@mui/icons-material/DarkModeRounded")),oe=u(require("@mui/icons-material/LightModeRounded")),ne=u(require("@mui/icons-material/PersonalVideoRounded")),w=require("react/jsx-runtime"),D=32,ie=[{label:"Auto",value:"auto",icon:(0,w.jsx)(te.default,{color:"inherit",sx:{fontSize:D}})},{label:"System",value:"system",icon:(0,w.jsx)(ne.default,{color:"inherit",sx:{fontSize:D}})},{label:"Light",value:"light",icon:(0,w.jsx)(oe.default,{color:"inherit",sx:{fontSize:D}})},{label:"Dark",value:"dark",icon:(0,w.jsx)(re.default,{color:"inherit",sx:{fontSize:D}})}];var C={fontDark:"#101727",fontLight:"#f0f0f0",brand:"#9FA9EA",accent:"#F3503A",muted:"#64748B",success:"#2E7D32",info:"#0288D1",warning:"#ED6C02",error:"#D32F2F",neutral:"#64748B"};var F=require("react"),U=(0,F.createContext)(void 0),ae=()=>{let e=(0,F.useContext)(U);if(!e)throw new Error("useThemeSettings must be used within ThemeProviderWrapper");return e};var p=require("react"),Re=require("@emotion/react"),De=require("@mui/material/styles");var I={MuiTooltip:{defaultProps:{disableInteractive:!0},styleOverrides:{tooltip:({theme:e})=>({backdropFilter:"blur(6px)",WebkitBackdropFilter:"blur(6px)",padding:"8px 16px",borderRadius:e.shape.borderRadius,fontSize:"12px"})}},MuiButton:{styleOverrides:{root:({theme:e})=>({padding:"12px 24px",borderRadius:e.shape.borderRadius}),contained:{boxShadow:"none"}}},MuiSkeleton:{styleOverrides:{root:({theme:e})=>({borderRadius:e.shape.borderRadius})}},MuiSelect:{styleOverrides:{root:({theme:e})=>({borderRadius:e.shape.borderRadius}),select:{display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"4px"}}},MuiDialog:{defaultProps:{slotProps:{paper:{style:{padding:"12px",borderRadius:24,minWidth:"400px"}}}},styleOverrides:{root:{"& .MuiDialog-container":{backdropFilter:"blur(4px)"}}}},MuiAvatar:{styleOverrides:{root:{fontWeight:500}}},MuiAlert:{styleOverrides:{root:({theme:e})=>({borderRadius:e.shape.borderRadius})}},MuiTextField:{defaultProps:{variant:"outlined"},styleOverrides:{root:({theme:e})=>({"& .MuiInputBase-root":{borderRadius:e.shape.borderRadius}})}},MuiOutlinedInput:{styleOverrides:{root:({theme:e})=>({color:e.palette.primary.main,"& fieldset":{borderColor:e.palette.primary.main},"&:hover fieldset":{borderColor:e.palette.primary.dark},"&.Mui-focused fieldset":{borderColor:e.palette.primary.main}})}},MuiInputLabel:{styleOverrides:{root:({theme:e})=>({color:e.palette.primary.main,"&.Mui-focused":{color:e.palette.primary.main}})}},MuiFormHelperText:{styleOverrides:{root:({theme:e})=>({color:e.palette.error.main})}},MuiPaper:{styleOverrides:{root:({theme:e})=>({borderRadius:e.shape.borderRadius}),elevation8:({theme:e})=>({borderRadius:e.shape.borderRadius})}},MuiMenuItem:{styleOverrides:{root:({theme:e})=>({borderRadius:e.shape.borderRadius})}},MuiBottomNavigationAction:{styleOverrides:{root:({theme:e})=>({borderRadius:e.shape.borderRadius,padding:"12px",margin:0,maxHeight:"none"})}},MuiDialogContent:{styleOverrides:{root:{padding:0}}},MuiSlider:{styleOverrides:{valueLabel:({theme:e})=>({borderRadius:e.shape.borderRadius,padding:"6px 14px","&::before, &::after":{display:"none"}})}},MuiCircularProgress:{styleOverrides:{circle:{strokeLinecap:"round"}}},MuiTab:{styleOverrides:{root:({theme:e})=>({borderRadius:e.shape.borderRadius})}},MuiAccordion:{styleOverrides:{root:{"&::before":{display:"none"}}}}};var H=require("@mui/material");var m={...C},s=()=>m,O=e=>{m={...C,...e}},se={get fontDark(){return m.fontDark},get fontLight(){return m.fontLight},get brand(){return m.brand},get accent(){return m.accent},get muted(){return m.muted},get success(){return m.success},get info(){return m.info},get warning(){return m.warning},get error(){return m.error},get neutral(){return m.neutral}};var le={defaultProps:{variantMapping:{text_xl_regular:"p",text_lg_regular:"p",text_md_regular:"p",text_sm_regular:"p",text_xs_regular:"p",text_2xs_regular:"p",text_xl_bold:"p",text_lg_bold:"p",text_md_bold:"p",text_sm_bold:"p",text_xs_bold:"p",text_2xs_bold:"p",text_xl_semibold:"p",text_lg_semibold:"p",text_md_semibold:"p",text_sm_semibold:"p",text_xs_semibold:"p",text_2xs_semibold:"p",text_xl_thin:"p",text_lg_thin:"p",text_md_thin:"p",text_sm_thin:"p",text_xs_thin:"p",text_2xs_thin:"p",header_2xl_regular:"h1",header_xl_regular:"h2",header_lg_regular:"h3",header_md_regular:"h4",header_sm_regular:"h5",header_xs_regular:"h6",header_2xl_bold:"h1",header_xl_bold:"h2",header_lg_bold:"h3",header_md_bold:"h4",header_sm_bold:"h5",header_xs_bold:"h6",header_2xl_semibold:"h1",header_xl_semibold:"h2",header_lg_semibold:"h3",header_md_semibold:"h4",header_sm_semibold:"h5",header_xs_semibold:"h6"}}},pe={text_xl_regular:{font:"400 20px/30px inherit inherit"},text_lg_regular:{font:"400 18px/28px inherit inherit"},text_md_regular:{font:"400 16px/24px inherit inherit"},text_sm_regular:{font:"400 14px/20px inherit inherit"},text_xs_regular:{font:"400 12px/18px inherit inherit"},text_2xs_regular:{font:"400 10px/14px inherit inherit"},text_xl_bold:{font:"700 20px/30px inherit inherit"},text_lg_bold:{font:"700 18px/28px inherit inherit"},text_md_bold:{font:"700 16px/24px inherit inherit"},text_sm_bold:{font:"700 14px/20px inherit inherit"},text_xs_bold:{font:"700 12px/18px inherit inherit"},text_2xs_bold:{font:"700 10px/14px inherit inherit"},text_xl_semibold:{font:"600 20px/30px inherit inherit"},text_lg_semibold:{font:"600 18px/28px inherit inherit"},text_md_semibold:{font:"600 16px/24px inherit inherit"},text_sm_semibold:{font:"600 14px/20px inherit inherit"},text_xs_semibold:{font:"600 12px/18px inherit inherit"},text_2xs_semibold:{font:"600 10px/14px inherit inherit"},text_xl_thin:{font:"100 20px/30px inherit inherit"},text_lg_thin:{font:"100 18px/28px inherit inherit"},text_md_thin:{font:"100 16px/24px inherit inherit"},text_sm_thin:{font:"100 14px/20px inherit inherit"},text_xs_thin:{font:"100 12px/18px inherit inherit"},text_2xs_thin:{font:"100 10px/14px inherit inherit"},header_2xl_regular:{font:"400 34px/42px inherit inherit"},header_xl_regular:{font:"400 32px/40px inherit inherit"},header_lg_regular:{font:"400 28px/36px inherit inherit"},header_md_regular:{font:"400 24px/32px inherit inherit"},header_sm_regular:{font:"400 20px/28px inherit inherit"},header_xs_regular:{font:"400 18px/26px inherit inherit"},header_2xl_bold:{font:"700 34px/42px inherit inherit"},header_xl_bold:{font:"700 32px/40px inherit inherit"},header_lg_bold:{font:"700 28px/36px inherit inherit"},header_md_bold:{font:"700 24px/32px inherit inherit"},header_sm_bold:{font:"700 20px/28px inherit inherit"},header_xs_bold:{font:"700 18px/26px inherit inherit"},header_2xl_semibold:{font:"600 34px/42px inherit inherit"},header_xl_semibold:{font:"600 32px/40px inherit inherit"},header_lg_semibold:{font:"600 28px/36px inherit inherit"},header_md_semibold:{font:"600 24px/32px inherit inherit"},header_sm_semibold:{font:"600 20px/28px inherit inherit"},header_xs_semibold:{font:"600 18px/26px inherit inherit"}};var E=(e,t="light",r,i)=>{let o=t==="dark",n=(0,H.createTheme)({palette:{mode:t}});return(0,H.createTheme)(n,{palette:{primary:{...n.palette.primary,main:e},brand:n.palette.augmentColor({color:{main:e}}),neutral:n.palette.augmentColor({color:{main:s().neutral}}),accent:n.palette.augmentColor({color:{main:s().accent}}),muted:n.palette.augmentColor({color:{main:s().muted}}),...r?{secondary:{...n.palette.secondary,main:r}}:{},error:{...n.palette.error,main:s().error},warning:{...n.palette.warning,main:s().warning},success:{...n.palette.success,main:s().success},info:{...n.palette.info,main:s().info},background:(()=>{let l=o?{default:"#1C1C1E",paper:"#2C2C2E"}:{default:"#F2F2F7",paper:"#FFFFFF"};return{...n.palette.background,...l,...i}})(),divider:o?"rgba(255,255,255,0.12)":"rgba(0,0,0,0.12)"},components:{...I,MuiTypography:le},typography:{...pe,fontFamily:'var(--app-font-family, "Mulish", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif)'},shape:{borderRadius:24}})};var ge=require("react"),z=require("@emotion/react"),be=require("@mui/material/styles");var Y=e=>/^#([\dA-Fa-f]{3}|[\dA-Fa-f]{6})$/.test(e),T=e=>{if(!Y(e))return console.error("Invalid hex color provided:",e),s().fontDark;let t=e.slice(1),r=t.length===3?t.split("").map(c=>c+c).join(""):t,i=Number.parseInt(r.slice(0,2),16),o=Number.parseInt(r.slice(2,4),16),n=Number.parseInt(r.slice(4,6),16),l=Math.round((i*299+o*587+n*114)/1e3),a=s();return l>128?a.fontDark:a.fontLight},de=e=>T(e)===s().fontLight;var me=()=>{let e=new Date().getHours();return e>=5&&e<12?"Good morning":e>12&&e<18?"Good afternoon":"Good evening"};var ue=e=>{let t=e.getFullYear(),r=String(e.getMonth()+1).padStart(2,"0"),i=String(e.getDate()).padStart(2,"0");return`${t}-${r}-${i}`};var He=()=>{let e=(typeof navigator=="undefined"?"":navigator.userAgent).toLowerCase();return e.includes("windows nt")?"Windows":e.includes("iphone")||e.includes("ipad")||e.includes("ipod")?"iOS":e.includes("mac")?"macOS":e.includes("android")?"Android":e.includes("linux")?"Linux":"Unknown"},Ye=()=>{let e=(typeof navigator=="undefined"?"":navigator.userAgent).toLowerCase();return e.includes("edg")?"Edge":e.includes("chrome")?"Chrome":e.includes("firefox")?"Firefox":e.includes("safari")?"Safari":"Unknown"},fe={os:typeof navigator=="undefined"?"Unknown":He(),browser:typeof navigator=="undefined"?"Unknown":Ye()};var A=(e,t)=>{switch(e){case"light":return!1;case"dark":return!0;case"system":return t==="dark";default:return!1}};var ce=(e,t)=>{let r=t!=null?t:typeof navigator=="undefined"?"en-US":navigator.language,i=new Date;e=new Date(e);let o=Math.floor((i.getTime()-e.getTime())/1e3),n=new Intl.RelativeTimeFormat(r,{numeric:"auto"});if(o<60)return n.format(-o,"second");if(o<3600){let a=Math.floor(o/60);return n.format(-a,"minute")}if(o<86400){let a=Math.floor(o/3600);return n.format(-a,"hour")}let l=Math.floor(o/86400);return n.format(-l,"day")},he=(e,t)=>{let r=t!=null?t:typeof navigator=="undefined"?"en-US":navigator.language,i=new Date;e=new Date(e);let o=(e.getTime()-i.getTime())/1e3,n=Math.floor(o/(60*60)),l=Math.floor((o-60*60*n)/60),a=Math.floor(o-60*60*n-60*l),c=new Intl.RelativeTimeFormat(r,{numeric:"auto"});if(l===0&&a<60)return c.format(a,"second");if(n===0&&l<60)return c.format(l,"minute");if(n<24){let _=`${new Intl.RelativeTimeFormat(r,{numeric:"auto"}).format(n,"hour")}`,g=` ${new Intl.RelativeTimeFormat(r,{localeMatcher:"lookup",numeric:"always",style:"long"}).format(l,"minute")}`.replace(/^\D+/,"");return`${_} ${g}`}let y=Math.floor(a/86400);return c.format(y,"day")};var B=require("react"),xe=(e=768)=>{let[t,r]=(0,B.useState)(!1);return(0,B.useEffect)(()=>{let i=()=>{r(window.innerWidth<e)};i();let o=()=>i();return window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o)}},[e]),t};var L=require("react"),$=()=>{let[e,t]=(0,L.useState)("unknown");return(0,L.useEffect)(()=>{let r=o=>{t(o.matches?"dark":"light")},i=globalThis.matchMedia("(prefers-color-scheme: dark)");return t(i.matches?"dark":"light"),i.addEventListener("change",r),()=>{i.removeEventListener("change",r)}},[]),e};var ye=require("react/jsx-runtime"),W=({fontFamily:e})=>{let t=(0,be.useTheme)(),r=t.palette.mode==="dark",i=t.palette.primary.main,o=t.palette.background.default,n=(0,ge.useMemo)(()=>T(i),[i]);return(0,ye.jsx)(z.Global,{styles:z.css`
         /* Allow application to control font via CSS var or prop */
         :root {
           ${e?`--app-font-family: ${e};`:""}
@@ -59,8 +59,8 @@
             sans-serif !important;
           -webkit-tap-highlight-color: transparent;
           &::selection {
-            background-color: ${`${n}e1`};
-            color: ${i};
+            background-color: ${`${i}e1`};
+            color: ${n};
           }
         }
 
@@ -87,7 +87,7 @@
             sans-serif;
           line-height: 1.5;
           font-weight: 400;
-          color-scheme: ${o?"dark":"light"};
+          color-scheme: ${r?"dark":"light"};
           font-synthesis: none;
           text-rendering: optimizeLegibility;
           -webkit-font-smoothing: antialiased;
@@ -100,25 +100,25 @@
           height: 100%;
           overflow: auto;
           touch-action: manipulation;
-          background: ${r};
+          background: ${o};
           background-attachment: fixed;
           background-size: cover;
           transition: 0.3s background;
 
           ::-webkit-scrollbar {
             width: 8px;
-            background-color: ${r};
+            background-color: ${o};
           }
           ::-webkit-scrollbar-thumb {
-            background-color: ${n};
+            background-color: ${i};
             border-radius: 64px;
           }
           ::-webkit-scrollbar-thumb:hover {
-            background-color: ${`${n}d8`};
+            background-color: ${`${i}d8`};
           }
           ::-webkit-scrollbar-track {
             border-radius: 64px;
-            background-color: ${r};
+            background-color: ${o};
           }
         }
 
@@ -151,18 +151,18 @@
         textarea {
           ::-webkit-scrollbar {
             width: 8px;
-            background-color: ${r};
+            background-color: ${o};
           }
           ::-webkit-scrollbar-thumb {
-            background-color: ${n};
+            background-color: ${i};
             border-radius: 64px;
           }
           ::-webkit-scrollbar-thumb:hover {
-            background-color: ${`${n}d8`};
+            background-color: ${`${i}d8`};
           }
           ::-webkit-scrollbar-track {
             border-radius: 64px;
-            background-color: ${r};
+            background-color: ${o};
           }
         }
 
@@ -171,7 +171,7 @@
           border-radius: 42px 42px 0 0;
           z-index: 9999999;
         }
-      `})};var h=require("@emotion/react"),ve=h.keyframes`
+      `})};var f=require("@emotion/react"),_e=f.keyframes`
   from {
     opacity: 0;
     transform: translateX(-40px);
@@ -180,35 +180,35 @@
     opacity: 1;
     transform: translateX(0);
   }
-`,ke=h.keyframes`
+`,ve=f.keyframes`
   from {
     opacity: 0;
   }
   to {
     opacity: 1;
   }
-`,we=h.keyframes`
+`,ke=f.keyframes`
   from {
     transform: translateX(-100%);
   }
   to {
     transform: translateX(0);
   }
-`,Te=h.keyframes`
+`,we=f.keyframes`
   from {
     transform: translateY(100%);
   }
   to {
     transform: translateY(0);
   }
-`,Ce=h.keyframes`
+`,Ce=f.keyframes`
   from {
     transform: scale(0);
   }
   to {
     transform: scale(1);
   }
-`,Se=(e,t=12)=>h.keyframes`
+`,Te=(e,t=12)=>f.keyframes`
   0% {
     transform: scale(0.95);
     box-shadow: 0 0 0 0 ${e}b2;
@@ -221,7 +221,7 @@
     transform: scale(0.95);
     box-shadow: 0 0 0 0 ${e}00;
   }
-`,Me=e=>h.keyframes`
+`,Se=e=>f.keyframes`
   0% {
     filter: none;
   }
@@ -231,7 +231,7 @@
   100% {
     filter: none;
   }
-`,Pe=h.keyframes`
+`,Pe=f.keyframes`
   0% {
     transform: scale(1);
     opacity: 1;
@@ -244,7 +244,7 @@
     transform: scale(1);
     opacity: 1;
   }
-`,Re=h.keyframes`
+`,Me=f.keyframes`
   0% {
     transform: translateY(0);
   }
@@ -260,5 +260,5 @@
   100% {
     transform: translateY(0);
   }
-`;var k=require("react/jsx-runtime"),Fe=({children:e,fontFamily:t,themes:o,colorPaletteOverride:n})=>{let r=B();(0,p.useEffect)(()=>{E(n)},[n]);let[i,d]=(0,p.useState)("system"),[a,x]=(0,p.useState)("auto");(0,p.useEffect)(()=>{if(globalThis.window!==void 0)try{let c=globalThis.localStorage.getItem("appSettings");if(c){let l=JSON.parse(c);l.theme&&d(l.theme),l.darkMode&&x(l.darkMode)}}catch(c){}},[]),(0,p.useEffect)(()=>{if(globalThis.window!==void 0)try{globalThis.localStorage.setItem("appSettings",JSON.stringify({theme:i,darkMode:a}))}catch(c){}},[i,a]);let y=(0,p.useMemo)(()=>{if(o&&o.length>0)return o.map(l=>({name:l.name,MuiTheme:v(l.primaryColor,"light",l.secondaryColor)}));let c=s().brand;return[{name:"Default",MuiTheme:v(c,"light")}]},[o]),w=(0,p.useMemo)(()=>{var c;return i==="system"||r==="unknown"?y[0].MuiTheme:((c=y.find(l=>l.name===i))==null?void 0:c.MuiTheme)||y[0].MuiTheme},[r,i,y]),b=(0,p.useMemo)(()=>A(a,r)?"dark":"light",[a,r]),Ie=(0,p.useMemo)(()=>{var l,V;let c=(V=(l=w.palette)==null?void 0:l.secondary)==null?void 0:V.main;return v(w.palette.primary.main,b,c)},[w,b]),Ee=(0,p.useMemo)(()=>({darkMode:b==="dark"}),[b]);return(0,k.jsx)(U.Provider,{value:{theme:i,darkMode:a,setTheme:d,setDarkMode:x},children:(0,k.jsx)(Oe.ThemeProvider,{theme:Ie,children:(0,k.jsxs)(De.ThemeProvider,{theme:Ee,children:[(0,k.jsx)(W,{fontFamily:t}),e]})})})};0&&(module.exports={ColorPalette,DialogBtn,ErrorBoundary,GlobalStyles,Loading,PathName,ThemeProviderWrapper,commonComponentProps,createCustomTheme,darkModeOptions,defaultColorPalette,displayGreeting,fadeIn,fadeInLeft,getColorPalette,getDayIdentifier,getFontColor,installAppAnimation,isDarkMode,isFontLight,isHexColor,logoutAnimation,progressPulse,pulseAnimation,scale,setColorPaletteOverride,slideIn,slideInBottom,systemInfo,timeAgo,timeAgoFromStart,useResponsiveDisplay,useSystemTheme,useThemeSettings});
+`;var k=require("react/jsx-runtime"),Fe=({children:e,fontFamily:t,themes:r,colorPaletteOverride:i})=>{let o=$();(0,p.useEffect)(()=>{O(i)},[i]);let[n,l]=(0,p.useState)("system"),[a,c]=(0,p.useState)("auto");(0,p.useEffect)(()=>{if(globalThis.window!==void 0)try{let h=globalThis.localStorage.getItem("appSettings");if(h){let b=JSON.parse(h);b.theme&&l(b.theme),b.darkMode&&c(b.darkMode)}}catch(h){}},[]),(0,p.useEffect)(()=>{if(globalThis.window!==void 0)try{globalThis.localStorage.setItem("appSettings",JSON.stringify({theme:n,darkMode:a}))}catch(h){}},[n,a]);let y=(0,p.useMemo)(()=>r&&r.length>0?r:[{name:"Default",primaryColor:s().brand}],[r,i]),_=(0,p.useMemo)(()=>n==="system"||o==="unknown"?y[0]:y.find(h=>h.name===n)||y[0],[o,n,y]),g=(0,p.useMemo)(()=>A(a,o)?"dark":"light",[a,o]),Ie=(0,p.useMemo)(()=>{var b;let h=(b=_.background)==null?void 0:b[g];return E(_.primaryColor,g,_.secondaryColor,h)},[_,g]),Oe=(0,p.useMemo)(()=>({darkMode:g==="dark"}),[g]);return(0,k.jsx)(U.Provider,{value:{theme:n,darkMode:a,setTheme:l,setDarkMode:c},children:(0,k.jsx)(De.ThemeProvider,{theme:Ie,children:(0,k.jsxs)(Re.ThemeProvider,{theme:Oe,children:[(0,k.jsx)(W,{fontFamily:t}),e]})})})};0&&(module.exports={ColorPalette,DialogBtn,ErrorBoundary,GlobalStyles,Loading,PathName,ThemeProviderWrapper,commonComponentProps,createCustomTheme,darkModeOptions,defaultColorPalette,displayGreeting,fadeIn,fadeInLeft,getColorPalette,getDayIdentifier,getFontColor,installAppAnimation,isDarkMode,isFontLight,isHexColor,logoutAnimation,progressPulse,pulseAnimation,scale,setColorPaletteOverride,slideIn,slideInBottom,systemInfo,timeAgo,timeAgoFromStart,useResponsiveDisplay,useSystemTheme,useThemeSettings});
 //# sourceMappingURL=index.js.map