@atomazing-org/design-system 1.0.72 → 1.0.74

package/README.MD

@@ -46,33 +46,101 @@ export function App() {
 If `themes` is not provided, the provider falls back to a single "Default" theme using the current palette brand color.
 
 Provider Props
-- `themes?: { name: string; primaryColor: string; secondaryColor?: string }[]`
+- `themes?: ThemesProp` (single theme may omit `name`, multiple themes require `name`)
 - `fontFamily?: string`
 - `colorPaletteOverride?: Partial<ColorPaletteType>`
+`ThemeOptions` is the MUI theme options type from `@mui/material/styles`.
+
+Theme Names
+Single theme can omit `name` (defaults to `"Default"`). Multiple themes require a non-empty `name` for each theme.
+
+Before (single theme required a name):
+```tsx
+<ThemeProviderWrapper
+  themes={[
+    {
+      name: 'Blue',
+      palette: { primary: { main: '#3B82F6' } },
+    },
+  ]}
+/>
+```
+
+After (single theme name omitted):
+```tsx
+<ThemeProviderWrapper
+  themes={[
+    {
+      palette: { primary: { main: '#3B82F6' } },
+    },
+  ]}
+/>
+```
+
+Multiple themes (name required):
+```tsx
+<ThemeProviderWrapper
+  themes={[
+    {
+      name: 'BrandA',
+      palette: { primary: { main: '#00A3FF' } },
+    },
+    {
+      name: 'BrandB',
+      palette: { primary: { main: '#10B981' } },
+    },
+  ]}
+/>
+```
 
 Dynamic Themes (array)
-Provide a fully dynamic list of themes to the provider. This takes priority over static defaults.
+Provide a fully dynamic list of `ThemeOptions` overrides. Names are required when supplying multiple themes. Provider-controlled `palette.mode` always wins.
+
+Minimal example (primary color only):
+```tsx
+<ThemeProviderWrapper
+  themes={[
+    {
+      name: 'Blue',
+      palette: {
+        primary: { main: '#3B82F6' },
+      },
+    },
+  ]}
+>
+  {/* ... */}
+</ThemeProviderWrapper>
+```
 
+Advanced example (palette + components overrides):
 ```tsx
 <ThemeProviderWrapper
   themes={[
-    { name: 'Blue', primaryColor: '#3B82F6' },
     {
-      name: 'Aurora',
-      primaryColor: '#00E952',
-      secondaryColor: '#011926',
-      background: {
-        light: { default: '#F0FFF6', paper: '#FFFFFF' },
-        dark: { default: '#071B13', paper: '#0E2A1F' },
+      name: 'BrandA',
+      palette: {
+        primary: { main: '#00A3FF' },
+        background: { default: '#F7FAFF', paper: '#FFFFFF' },
+      },
+      components: {
+        MuiButton: {
+          styleOverrides: {
+            root: { textTransform: 'none' },
+          },
+        },
       },
     },
-    { name: 'Gray', primaryColor: '#64748B' },
   ]}
 >
   {/* ... */}
 </ThemeProviderWrapper>
 ```
 
+Migration Notes (breaking)
+- Legacy `themes` shape (`primaryColor`, `secondaryColor`, `background`) removed.
+- `themeOverrides` prop removed.
+- Use `themes: ThemesProp` for customization (single theme may omit `name`, multiple themes require `name`).
+
 Theme Switching (UI)
 Use the theme context to read and change the active theme.
 

package/dist/index.d.mts

@@ -6,6 +6,7 @@ import * as _mui_material_OverridableComponent from '@mui/material/OverridableCo
 import * as _mui_material from '@mui/material';
 import { ThemeOptions, Theme, PaletteMode } from '@mui/material';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ThemeOptions as ThemeOptions$1 } from '@mui/material/styles';
 
 declare const DialogBtn: _emotion_styled.StyledComponent<_mui_material.ButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "className" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "href" | "color" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "loading" | "loadingIndicator" | "loadingPosition" | "size" | "startIcon" | "variant"> & {
     theme?: _emotion_react.Theme;
@@ -48,6 +49,9 @@ interface OptionItem {
     value: DarkModeOptions;
     icon: ReactNode;
 }
+type NamedThemeOptions = ThemeOptions & {
+    name: string;
+};
 /**
  * Represents user-specific theme preferences stored in the application.
  */
@@ -235,36 +239,23 @@ declare const defaultColorPalette: ColorPaletteType;
 
 declare const useThemeSettings: () => ThemeContextProps;
 
+type Theme1 = ThemeOptions$1 & {
+    name?: string;
+};
+type ThemeN = ThemeOptions$1 & {
+    name: string;
+};
+type ThemesProp = [Theme1] | [ThemeN, ...ThemeN[]];
 type ThemeProviderWrapperProps = PropsWithChildren<{
     /** Optional font stack to apply across the app. */
     fontFamily?: string;
     /**
      * Optional dynamic list of themes.
-     * Takes precedence over static defaults when provided.
+     * Each theme is a full ThemeOptions object.
      */
-    themes?: {
-        name: string;
-        primaryColor: string;
-        secondaryColor?: string;
-        background?: {
-            light?: {
-                default?: string;
-                paper?: string;
-            };
-            dark?: {
-                default?: string;
-                paper?: string;
-            };
-        };
-    }[];
+    themes?: ThemesProp;
     /** Optional color palette override (e.g., fontLight/fontDark/accent colors). */
     colorPaletteOverride?: Partial<ColorPaletteType>;
-    /**
-     * Optional MUI theme overrides to customize design system styles.
-     * Allows external consumers to override any part of the theme (components, palette, typography, etc.).
-     * Applied after the design system theme, so it takes precedence.
-     */
-    themeOverrides?: ThemeOptions;
 }>;
 declare const ThemeProviderWrapper: FC<ThemeProviderWrapperProps>;
 
@@ -274,10 +265,7 @@ declare const ThemeProviderWrapper: FC<ThemeProviderWrapperProps>;
  */
 declare const commonComponentProps: Theme["components"];
 
-declare const createCustomTheme: (primaryColor: string, mode?: PaletteMode, secondaryColor?: string, background?: {
-    default?: string;
-    paper?: string;
-}, themeOverrides?: ThemeOptions) => Theme;
+declare const createCustomTheme: (mode?: PaletteMode, overrides?: ThemeOptions) => Theme;
 
 /**
  * Injects global styles into the document using Emotion.
@@ -479,4 +467,4 @@ declare const useResponsiveDisplay: (breakpoint?: number) => boolean;
  */
 declare const useSystemTheme: () => SystemTheme;
 
-export { type AppSettings, ColorPalette, type ColorPaletteType, type CustomTypographyVariants, type DarkModeOptions, DialogBtn, ErrorBoundary, GlobalStyles, Loading, type OptionItem, PathName, type SystemTheme, type ThemeContextProps, 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 };
+export { type AppSettings, ColorPalette, type ColorPaletteType, type CustomTypographyVariants, type DarkModeOptions, DialogBtn, ErrorBoundary, GlobalStyles, Loading, type NamedThemeOptions, type OptionItem, PathName, type SystemTheme, type Theme1, type ThemeContextProps, type ThemeN, ThemeProviderWrapper, type ThemesProp, 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 };

package/dist/index.d.ts

@@ -6,6 +6,7 @@ import * as _mui_material_OverridableComponent from '@mui/material/OverridableCo
 import * as _mui_material from '@mui/material';
 import { ThemeOptions, Theme, PaletteMode } from '@mui/material';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ThemeOptions as ThemeOptions$1 } from '@mui/material/styles';
 
 declare const DialogBtn: _emotion_styled.StyledComponent<_mui_material.ButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "className" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "href" | "color" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "loading" | "loadingIndicator" | "loadingPosition" | "size" | "startIcon" | "variant"> & {
     theme?: _emotion_react.Theme;
@@ -48,6 +49,9 @@ interface OptionItem {
     value: DarkModeOptions;
     icon: ReactNode;
 }
+type NamedThemeOptions = ThemeOptions & {
+    name: string;
+};
 /**
  * Represents user-specific theme preferences stored in the application.
  */
@@ -235,36 +239,23 @@ declare const defaultColorPalette: ColorPaletteType;
 
 declare const useThemeSettings: () => ThemeContextProps;
 
+type Theme1 = ThemeOptions$1 & {
+    name?: string;
+};
+type ThemeN = ThemeOptions$1 & {
+    name: string;
+};
+type ThemesProp = [Theme1] | [ThemeN, ...ThemeN[]];
 type ThemeProviderWrapperProps = PropsWithChildren<{
     /** Optional font stack to apply across the app. */
     fontFamily?: string;
     /**
      * Optional dynamic list of themes.
-     * Takes precedence over static defaults when provided.
+     * Each theme is a full ThemeOptions object.
      */
-    themes?: {
-        name: string;
-        primaryColor: string;
-        secondaryColor?: string;
-        background?: {
-            light?: {
-                default?: string;
-                paper?: string;
-            };
-            dark?: {
-                default?: string;
-                paper?: string;
-            };
-        };
-    }[];
+    themes?: ThemesProp;
     /** Optional color palette override (e.g., fontLight/fontDark/accent colors). */
     colorPaletteOverride?: Partial<ColorPaletteType>;
-    /**
-     * Optional MUI theme overrides to customize design system styles.
-     * Allows external consumers to override any part of the theme (components, palette, typography, etc.).
-     * Applied after the design system theme, so it takes precedence.
-     */
-    themeOverrides?: ThemeOptions;
 }>;
 declare const ThemeProviderWrapper: FC<ThemeProviderWrapperProps>;
 
@@ -274,10 +265,7 @@ declare const ThemeProviderWrapper: FC<ThemeProviderWrapperProps>;
  */
 declare const commonComponentProps: Theme["components"];
 
-declare const createCustomTheme: (primaryColor: string, mode?: PaletteMode, secondaryColor?: string, background?: {
-    default?: string;
-    paper?: string;
-}, themeOverrides?: ThemeOptions) => Theme;
+declare const createCustomTheme: (mode?: PaletteMode, overrides?: ThemeOptions) => Theme;
 
 /**
  * Injects global styles into the document using Emotion.
@@ -479,4 +467,4 @@ declare const useResponsiveDisplay: (breakpoint?: number) => boolean;
  */
 declare const useSystemTheme: () => SystemTheme;
 
-export { type AppSettings, ColorPalette, type ColorPaletteType, type CustomTypographyVariants, type DarkModeOptions, DialogBtn, ErrorBoundary, GlobalStyles, Loading, type OptionItem, PathName, type SystemTheme, type ThemeContextProps, 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 };
+export { type AppSettings, ColorPalette, type ColorPaletteType, type CustomTypographyVariants, type DarkModeOptions, DialogBtn, ErrorBoundary, GlobalStyles, Loading, type NamedThemeOptions, type OptionItem, PathName, type SystemTheme, type Theme1, type ThemeContextProps, type ThemeN, ThemeProviderWrapper, type ThemesProp, 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 };

package/dist/index.js

@@ -1,14 +1,14 @@
-"use strict";var Ae=Object.create;var P=Object.defineProperty;var $e=Object.getOwnPropertyDescriptor;var Be=Object.getOwnPropertyNames;var Le=Object.getPrototypeOf,ze=Object.prototype.hasOwnProperty;var We=(e,t)=>{for(var r in t)P(e,r,{get:t[r],enumerable:!0})},X=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Be(t))!ze.call(e,o)&&o!==r&&P(e,o,{get:()=>t[o],enumerable:!(n=$e(t,o))||n.enumerable});return e};var c=(e,t,r)=>(r=e!=null?Ae(Le(e)):{},X(t||!e||!e.__esModule?P(r,"default",{value:e,enumerable:!0}):r,e)),Ge=e=>X(P({},"__esModule",{value:!0}),e);var Xe={};We(Xe,{ColorPalette:()=>le,DialogBtn:()=>j,ErrorBoundary:()=>M,GlobalStyles:()=>G,Loading:()=>K,PathName:()=>te,ThemeProviderWrapper:()=>Oe,commonComponentProps:()=>I,createCustomTheme:()=>A,darkModeOptions:()=>ae,defaultColorPalette:()=>T,displayGreeting:()=>ue,fadeIn:()=>ke,fadeInLeft:()=>ve,getColorPalette:()=>s,getDayIdentifier:()=>ce,getFontColor:()=>C,installAppAnimation:()=>Re,isDarkMode:()=>$,isFontLight:()=>me,isHexColor:()=>V,logoutAnimation:()=>Me,progressPulse:()=>Pe,pulseAnimation:()=>Se,scale:()=>Ce,setColorPaletteOverride:()=>E,slideIn:()=>we,slideInBottom:()=>Te,systemInfo:()=>fe,timeAgo:()=>he,timeAgoFromStart:()=>xe,useResponsiveDisplay:()=>ge,useSystemTheme:()=>z,useThemeSettings:()=>se});module.exports=Ge(Xe);var J=c(require("@emotion/styled")),Q=require("@mui/material"),j=(0,J.default)(Q.Button)`
+"use strict";var Ae=Object.create;var S=Object.defineProperty;var $e=Object.getOwnPropertyDescriptor;var Le=Object.getOwnPropertyNames;var Be=Object.getPrototypeOf,ze=Object.prototype.hasOwnProperty;var Ne=(e,t)=>{for(var n in t)S(e,n,{get:t[n],enumerable:!0})},V=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Le(t))!ze.call(e,o)&&o!==n&&S(e,o,{get:()=>t[o],enumerable:!(r=$e(t,o))||r.enumerable});return e};var h=(e,t,n)=>(n=e!=null?Ae(Be(e)):{},V(t||!e||!e.__esModule?S(n,"default",{value:e,enumerable:!0}):n,e)),We=e=>V(S({},"__esModule",{value:!0}),e);var Je={};Ne(Je,{ColorPalette:()=>se,DialogBtn:()=>Q,ErrorBoundary:()=>P,GlobalStyles:()=>W,Loading:()=>q,PathName:()=>ee,ThemeProviderWrapper:()=>De,commonComponentProps:()=>D,createCustomTheme:()=>A,darkModeOptions:()=>ie,defaultColorPalette:()=>k,displayGreeting:()=>de,fadeIn:()=>Te,fadeInLeft:()=>_e,getColorPalette:()=>x,getDayIdentifier:()=>he,getFontColor:()=>C,installAppAnimation:()=>Me,isDarkMode:()=>$,isFontLight:()=>me,isHexColor:()=>Y,logoutAnimation:()=>Pe,progressPulse:()=>Se,pulseAnimation:()=>Ce,scale:()=>ke,setColorPaletteOverride:()=>F,slideIn:()=>ve,slideInBottom:()=>we,systemInfo:()=>ce,timeAgo:()=>fe,timeAgoFromStart:()=>ue,useResponsiveDisplay:()=>xe,useSystemTheme:()=>z,useThemeSettings:()=>ae});module.exports=We(Je);var X=h(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=c(require("react")),U=c(require("@emotion/styled")),N=c(require("@mui/icons-material/ErrorOutlineRounded")),_=require("@mui/material"),m=require("react/jsx-runtime"),M=class extends Z.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 n,o,a;let{state:t,props:r}=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)(N.default,{sx:{verticalAlign:"middle",mb:"4px"}})," ","ERROR:"]})," ",(0,m.jsxs)(_.Box,{translate:"no",children:["[",(n=t.error)==null?void 0:n.name,"] ",(o=t.error)==null?void 0:o.message]}),(0,m.jsxs)(_.Box,{style:{color:"#ff3131",display:"inline-block"},children:[(0,m.jsx)(N.default,{sx:{verticalAlign:"middle",mb:"4px"}})," ","Stack:"]})," ",(0,m.jsxs)(_.Box,{translate:"no",children:["[",(a=t.error)==null?void 0:a.stack,"]"]})]})]}):r.children}},Ne=U.default.div`
+`;var j=h(require("react")),G=h(require("@emotion/styled")),U=h(require("@mui/icons-material/ErrorOutlineRounded")),T=require("@mui/material"),p=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,n){console.error("Error:",t),console.error("Error Info:",n)}render(){var r,o,i;let{state:t,props:n}=this;return t.hasError?(0,p.jsxs)(Ue,{children:[(0,p.jsx)(Ge,{children:(0,p.jsx)(T.Box,{children:"Something went wrong.\xA0"})}),(0,p.jsxs)("h3",{children:[(0,p.jsxs)(T.Box,{style:{color:"#ff3131",display:"inline-block"},children:[(0,p.jsx)(U.default,{sx:{verticalAlign:"middle",mb:"4px"}})," ","ERROR:"]})," ",(0,p.jsxs)(T.Box,{translate:"no",children:["[",(r=t.error)==null?void 0:r.name,"] ",(o=t.error)==null?void 0:o.message]}),(0,p.jsxs)(T.Box,{style:{color:"#ff3131",display:"inline-block"},children:[(0,p.jsx)(U.default,{sx:{verticalAlign:"middle",mb:"4px"}})," ","Stack:"]})," ",(0,p.jsxs)(T.Box,{translate:"no",children:["[",(i=t.error)==null?void 0:i.stack,"]"]})]})]}):n.children}},Ue=G.default.div`
   margin: 0 8vw;
   @media (max-width: 768px) {
     margin: 0;
   }
-`,Ue=U.default.h1`
+`,Ge=G.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=c(require("@emotion/styled")),D=require("@mui/material"),x=require("react/jsx-runtime"),K=()=>{let[e,t]=(0,R.useState)(!1);return(0,R.useEffect)(()=>{let r=setTimeout(()=>{t(!0)},100);return()=>clearTimeout(r)},[]),(0,x.jsx)(He,{"aria-live":"polite",role:"status",children:e&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(D.CircularProgress,{"aria-label":"loading",size:80,thickness:4}),(0,x.jsx)("h3",{style:{opacity:.8},children:"Loading Page..."})]})})},He=(0,q.default)(D.Box)`
+`;var M=require("react"),Z=h(require("@emotion/styled")),O=require("@mui/material"),u=require("react/jsx-runtime"),q=()=>{let[e,t]=(0,M.useState)(!1);return(0,M.useEffect)(()=>{let n=setTimeout(()=>{t(!0)},100);return()=>clearTimeout(n)},[]),(0,u.jsx)(He,{"aria-live":"polite",role:"status",children:e&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(O.CircularProgress,{"aria-label":"loading",size:80,thickness:4}),(0,u.jsx)("h3",{style:{opacity:.8},children:"Loading Page..."})]})})},He=(0,Z.default)(O.Box)`
   position: absolute;
   top: 50%;
   left: 50%;
@@ -35,12 +35,12 @@
   flex-direction: column;
   text-align: center;
   gap: 8px;
-`;var ee=c(require("@emotion/styled")),te=ee.default.code`
+`;var K=h(require("@emotion/styled")),ee=K.default.code`
   background: #000000c8;
   color: white;
   padding: 4px 6px;
   border-radius: 8px;
-`;var re=c(require("@mui/icons-material/BrightnessAutoRounded")),oe=c(require("@mui/icons-material/DarkModeRounded")),ne=c(require("@mui/icons-material/LightModeRounded")),ie=c(require("@mui/icons-material/PersonalVideoRounded")),w=require("react/jsx-runtime"),F=32,ae=[{label:"Auto",value:"auto",icon:(0,w.jsx)(re.default,{color:"inherit",sx:{fontSize:F}})},{label:"System",value:"system",icon:(0,w.jsx)(ie.default,{color:"inherit",sx:{fontSize:F}})},{label:"Light",value:"light",icon:(0,w.jsx)(ne.default,{color:"inherit",sx:{fontSize:F}})},{label:"Dark",value:"dark",icon:(0,w.jsx)(oe.default,{color:"inherit",sx:{fontSize:F}})}];var T={fontDark:"#101727",fontLight:"#f0f0f0",brand:"#9FA9EA",accent:"#F3503A",muted:"#64748B",success:"#2E7D32",info:"#0288D1",warning:"#ED6C02",error:"#D32F2F",neutral:"#64748B"};var O=require("react"),H=(0,O.createContext)(void 0),se=()=>{let e=(0,O.useContext)(H);if(!e)throw new Error("useThemeSettings must be used within ThemeProviderWrapper");return e};var d=require("react"),De=require("@emotion/react"),Fe=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 Y=require("@mui/material");var u={...T},s=()=>u,E=e=>{u={...T,...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",header_2xl_semibold:"h1",header_xl_semibold:"h2",header_lg_semibold:"h3",header_md_semibold:"h4",header_sm_semibold:"h5",header_xs_semibold:"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 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 A=(e,t="light",r,n,o)=>{let a=t==="dark",i=(0,Y.createTheme)({palette:{mode:t}}),l={palette:{primary:{...i.palette.primary,main:e},brand:i.palette.augmentColor({color:{main:e}}),neutral:i.palette.augmentColor({color:{main:s().neutral}}),accent:i.palette.augmentColor({color:{main:s().accent}}),muted:i.palette.augmentColor({color:{main:s().muted}}),...r?{secondary:{...i.palette.secondary,main:r}}:{},error:{...i.palette.error,main:s().error},warning:{...i.palette.warning,main:s().warning},success:{...i.palette.success,main:s().success},info:{...i.palette.info,main:s().info},background:(()=>{let p=a?{default:"#1C1C1E",paper:"#2C2C2E"}:{default:"#F2F2F7",paper:"#FFFFFF"};return{...i.palette.background,...p,...n}})(),divider:a?"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}};return(0,Y.createTheme)(i,l,o!=null?o:{})};var be=require("react"),W=require("@emotion/react"),ye=require("@mui/material/styles");var V=e=>/^#([\dA-Fa-f]{3}|[\dA-Fa-f]{6})$/.test(e),C=e=>{if(!V(e))return console.error("Invalid hex color provided:",e),s().fontDark;let t=e.slice(1),r=t.length===3?t.split("").map(p=>p+p).join(""):t,n=Number.parseInt(r.slice(0,2),16),o=Number.parseInt(r.slice(2,4),16),a=Number.parseInt(r.slice(4,6),16),i=Math.round((n*299+o*587+a*114)/1e3),l=s();return i>128?l.fontDark:l.fontLight},me=e=>C(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(),r=String(e.getMonth()+1).padStart(2,"0"),n=String(e.getDate()).padStart(2,"0");return`${t}-${r}-${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 $=(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 r=t!=null?t:typeof navigator=="undefined"?"en-US":navigator.language,n=new Date;e=new Date(e);let o=Math.floor((n.getTime()-e.getTime())/1e3),a=new Intl.RelativeTimeFormat(r,{numeric:"auto"});if(o<60)return a.format(-o,"second");if(o<3600){let l=Math.floor(o/60);return a.format(-l,"minute")}if(o<86400){let l=Math.floor(o/3600);return a.format(-l,"hour")}let i=Math.floor(o/86400);return a.format(-i,"day")},xe=(e,t)=>{let r=t!=null?t:typeof navigator=="undefined"?"en-US":navigator.language,n=new Date;e=new Date(e);let o=(e.getTime()-n.getTime())/1e3,a=Math.floor(o/(60*60)),i=Math.floor((o-60*60*a)/60),l=Math.floor(o-60*60*a-60*i),p=new Intl.RelativeTimeFormat(r,{numeric:"auto"});if(i===0&&l<60)return p.format(l,"second");if(a===0&&i<60)return p.format(i,"minute");if(a<24){let b=`${new Intl.RelativeTimeFormat(r,{numeric:"auto"}).format(a,"hour")}`,y=` ${new Intl.RelativeTimeFormat(r,{localeMatcher:"lookup",numeric:"always",style:"long"}).format(i,"minute")}`.replace(/^\D+/,"");return`${b} ${y}`}let S=Math.floor(l/86400);return p.format(S,"day")};var B=require("react"),ge=(e=768)=>{let[t,r]=(0,B.useState)(!1);return(0,B.useEffect)(()=>{let n=()=>{r(window.innerWidth<e)};n();let o=()=>n();return window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o)}},[e]),t};var L=require("react"),z=()=>{let[e,t]=(0,L.useState)("unknown");return(0,L.useEffect)(()=>{let r=o=>{t(o.matches?"dark":"light")},n=globalThis.matchMedia("(prefers-color-scheme: dark)");return t(n.matches?"dark":"light"),n.addEventListener("change",r),()=>{n.removeEventListener("change",r)}},[]),e};var _e=require("react/jsx-runtime"),G=({fontFamily:e})=>{let t=(0,ye.useTheme)(),r=t.palette.mode==="dark",n=t.palette.primary.main,o=t.palette.background.default,a=t.palette.background.paper,i=(0,be.useMemo)(()=>C(n),[n]);return(0,_e.jsx)(W.Global,{styles:W.css`
+`;var te=h(require("@mui/icons-material/BrightnessAutoRounded")),re=h(require("@mui/icons-material/DarkModeRounded")),oe=h(require("@mui/icons-material/LightModeRounded")),ne=h(require("@mui/icons-material/PersonalVideoRounded")),w=require("react/jsx-runtime"),R=32,ie=[{label:"Auto",value:"auto",icon:(0,w.jsx)(te.default,{color:"inherit",sx:{fontSize:R}})},{label:"System",value:"system",icon:(0,w.jsx)(ne.default,{color:"inherit",sx:{fontSize:R}})},{label:"Light",value:"light",icon:(0,w.jsx)(oe.default,{color:"inherit",sx:{fontSize:R}})},{label:"Dark",value:"dark",icon:(0,w.jsx)(re.default,{color:"inherit",sx:{fontSize:R}})}];var k={fontDark:"#101727",fontLight:"#f0f0f0",brand:"#9FA9EA",accent:"#F3503A",muted:"#64748B",success:"#2E7D32",info:"#0288D1",warning:"#ED6C02",error:"#D32F2F",neutral:"#64748B"};var E=require("react"),H=(0,E.createContext)(void 0),ae=()=>{let e=(0,E.useContext)(H);if(!e)throw new Error("useThemeSettings must be used within ThemeProviderWrapper");return e};var l=require("react"),Re=require("@emotion/react"),Ee=require("@mui/material/styles");var D={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 I=require("@mui/material");var m={...k},x=()=>m,F=e=>{m={...k,...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 A=(e="light",t)=>{let n=e==="dark",r=(0,I.createTheme)({palette:{mode:e}}),o=x(),i=o.brand,s={palette:{primary:{...r.palette.primary,main:i},brand:r.palette.augmentColor({color:{main:i}}),neutral:r.palette.augmentColor({color:{main:o.neutral}}),accent:r.palette.augmentColor({color:{main:o.accent}}),muted:r.palette.augmentColor({color:{main:o.muted}}),error:{...r.palette.error,main:o.error},warning:{...r.palette.warning,main:o.warning},success:{...r.palette.success,main:o.success},info:{...r.palette.info,main:o.info},background:(()=>{let g=n?{default:"#1C1C1E",paper:"#2C2C2E"}:{default:"#F2F2F7",paper:"#FFFFFF"};return{...r.palette.background,...g}})(),divider:n?"rgba(255,255,255,0.12)":"rgba(0,0,0,0.12)"},components:{...D,MuiTypography:le},typography:{...pe,fontFamily:'var(--app-font-family, "Mulish", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif)'},shape:{borderRadius:24}},a=(0,I.createTheme)(r,s,t!=null?t:{}),d=a.palette.primary.main;return(0,I.createTheme)(a,{palette:{mode:e,brand:a.palette.augmentColor({color:{main:d}})}})};var ge=require("react"),N=require("@emotion/react"),be=require("@mui/material/styles");var Y=e=>/^#([\dA-Fa-f]{3}|[\dA-Fa-f]{6})$/.test(e),C=e=>{if(!Y(e))return console.error("Invalid hex color provided:",e),x().fontDark;let t=e.slice(1),n=t.length===3?t.split("").map(d=>d+d).join(""):t,r=Number.parseInt(n.slice(0,2),16),o=Number.parseInt(n.slice(2,4),16),i=Number.parseInt(n.slice(4,6),16),s=Math.round((r*299+o*587+i*114)/1e3),a=x();return s>128?a.fontDark:a.fontLight},me=e=>C(e)===x().fontLight;var de=()=>{let e=new Date().getHours();return e>=5&&e<12?"Good morning":e>12&&e<18?"Good afternoon":"Good evening"};var he=e=>{let t=e.getFullYear(),n=String(e.getMonth()+1).padStart(2,"0"),r=String(e.getDate()).padStart(2,"0");return`${t}-${n}-${r}`};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"},ce={os:typeof navigator=="undefined"?"Unknown":Ye(),browser:typeof navigator=="undefined"?"Unknown":Ve()};var $=(e,t)=>{switch(e){case"light":return!1;case"dark":return!0;case"system":return t==="dark";default:return!1}};var fe=(e,t)=>{let n=t!=null?t:typeof navigator=="undefined"?"en-US":navigator.language,r=new Date;e=new Date(e);let o=Math.floor((r.getTime()-e.getTime())/1e3),i=new Intl.RelativeTimeFormat(n,{numeric:"auto"});if(o<60)return i.format(-o,"second");if(o<3600){let a=Math.floor(o/60);return i.format(-a,"minute")}if(o<86400){let a=Math.floor(o/3600);return i.format(-a,"hour")}let s=Math.floor(o/86400);return i.format(-s,"day")},ue=(e,t)=>{let n=t!=null?t:typeof navigator=="undefined"?"en-US":navigator.language,r=new Date;e=new Date(e);let o=(e.getTime()-r.getTime())/1e3,i=Math.floor(o/(60*60)),s=Math.floor((o-60*60*i)/60),a=Math.floor(o-60*60*i-60*s),d=new Intl.RelativeTimeFormat(n,{numeric:"auto"});if(s===0&&a<60)return d.format(a,"second");if(i===0&&s<60)return d.format(s,"minute");if(i<24){let b=`${new Intl.RelativeTimeFormat(n,{numeric:"auto"}).format(i,"hour")}`,y=` ${new Intl.RelativeTimeFormat(n,{localeMatcher:"lookup",numeric:"always",style:"long"}).format(s,"minute")}`.replace(/^\D+/,"");return`${b} ${y}`}let g=Math.floor(a/86400);return d.format(g,"day")};var L=require("react"),xe=(e=768)=>{let[t,n]=(0,L.useState)(!1);return(0,L.useEffect)(()=>{let r=()=>{n(window.innerWidth<e)};r();let o=()=>r();return window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o)}},[e]),t};var B=require("react"),z=()=>{let[e,t]=(0,B.useState)("unknown");return(0,B.useEffect)(()=>{let n=o=>{t(o.matches?"dark":"light")},r=globalThis.matchMedia("(prefers-color-scheme: dark)");return t(r.matches?"dark":"light"),r.addEventListener("change",n),()=>{r.removeEventListener("change",n)}},[]),e};var ye=require("react/jsx-runtime"),W=({fontFamily:e})=>{let t=(0,be.useTheme)(),n=t.palette.mode==="dark",r=t.palette.primary.main,o=t.palette.background.default,i=t.palette.background.paper,s=(0,ge.useMemo)(()=>C(r),[r]);return(0,ye.jsx)(N.Global,{styles:N.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: ${`${r}e1`};
+            color: ${s};
           }
         }
 
@@ -87,7 +87,7 @@
             sans-serif;
           line-height: 1.5;
           font-weight: 400;
-          color-scheme: ${r?"dark":"light"};
+          color-scheme: ${n?"dark":"light"};
           font-synthesis: none;
           text-rendering: optimizeLegibility;
           -webkit-font-smoothing: antialiased;
@@ -105,7 +105,7 @@
           background-size: cover;
           transition: 0.3s background;
           /* Firefox */
-          scrollbar-color: ${n} ${o};
+          scrollbar-color: ${r} ${o};
           scrollbar-width: thin;
 
           ::-webkit-scrollbar {
@@ -113,11 +113,11 @@
             background-color: ${o};
           }
           ::-webkit-scrollbar-thumb {
-            background-color: ${n};
+            background-color: ${r};
             border-radius: 64px;
           }
           ::-webkit-scrollbar-thumb:hover {
-            background-color: ${`${n}d8`};
+            background-color: ${`${r}d8`};
           }
           ::-webkit-scrollbar-track {
             border-radius: 64px;
@@ -153,22 +153,22 @@
         .customScrollbar,
         textarea {
           /* Firefox */
-          scrollbar-color: ${n} ${a};
+          scrollbar-color: ${r} ${i};
           scrollbar-width: thin;
           ::-webkit-scrollbar {
             width: 8px;
-            background-color: ${a};
+            background-color: ${i};
           }
           ::-webkit-scrollbar-thumb {
-            background-color: ${n};
+            background-color: ${r};
             border-radius: 64px;
           }
           ::-webkit-scrollbar-thumb:hover {
-            background-color: ${`${n}d8`};
+            background-color: ${`${r}d8`};
           }
           ::-webkit-scrollbar-track {
             border-radius: 64px;
-            background-color: ${a};
+            background-color: ${i};
           }
         }
 
@@ -177,7 +177,7 @@
           border-radius: 42px 42px 0 0;
           z-index: 9999999;
         }
-      `})};var f=require("@emotion/react"),ve=f.keyframes`
+      `})};var c=require("@emotion/react"),_e=c.keyframes`
   from {
     opacity: 0;
     transform: translateX(-40px);
@@ -186,35 +186,35 @@
     opacity: 1;
     transform: translateX(0);
   }
-`,ke=f.keyframes`
+`,Te=c.keyframes`
   from {
     opacity: 0;
   }
   to {
     opacity: 1;
   }
-`,we=f.keyframes`
+`,ve=c.keyframes`
   from {
     transform: translateX(-100%);
   }
   to {
     transform: translateX(0);
   }
-`,Te=f.keyframes`
+`,we=c.keyframes`
   from {
     transform: translateY(100%);
   }
   to {
     transform: translateY(0);
   }
-`,Ce=f.keyframes`
+`,ke=c.keyframes`
   from {
     transform: scale(0);
   }
   to {
     transform: scale(1);
   }
-`,Se=(e,t=12)=>f.keyframes`
+`,Ce=(e,t=12)=>c.keyframes`
   0% {
     transform: scale(0.95);
     box-shadow: 0 0 0 0 ${e}b2;
@@ -227,7 +227,7 @@
     transform: scale(0.95);
     box-shadow: 0 0 0 0 ${e}00;
   }
-`,Pe=e=>f.keyframes`
+`,Se=e=>c.keyframes`
   0% {
     filter: none;
   }
@@ -237,7 +237,7 @@
   100% {
     filter: none;
   }
-`,Me=f.keyframes`
+`,Pe=c.keyframes`
   0% {
     transform: scale(1);
     opacity: 1;
@@ -250,7 +250,7 @@
     transform: scale(1);
     opacity: 1;
   }
-`,Re=f.keyframes`
+`,Me=c.keyframes`
   0% {
     transform: translateY(0);
   }
@@ -266,5 +266,5 @@
   100% {
     transform: translateY(0);
   }
-`;var v=require("react/jsx-runtime"),Oe=({children:e,fontFamily:t,themes:r,colorPaletteOverride:n,themeOverrides:o})=>{let a=z();(0,d.useEffect)(()=>{E(n)},[n]);let[i,l]=(0,d.useState)("system"),[p,S]=(0,d.useState)("auto");(0,d.useEffect)(()=>{if(globalThis.window!==void 0)try{let h=globalThis.localStorage.getItem("appSettings");if(h){let g=JSON.parse(h);g.theme&&l(g.theme),g.darkMode&&S(g.darkMode)}}catch(h){}},[]),(0,d.useEffect)(()=>{if(globalThis.window!==void 0)try{globalThis.localStorage.setItem("appSettings",JSON.stringify({theme:i,darkMode:p}))}catch(h){}},[i,p]);let b=(0,d.useMemo)(()=>r&&r.length>0?r:[{name:"Default",primaryColor:s().brand}],[r]),y=(0,d.useMemo)(()=>i==="system"||a==="unknown"?b[0]:b.find(h=>h.name===i)||b[0],[a,i,b]),k=(0,d.useMemo)(()=>$(p,a)?"dark":"light",[p,a]),Ie=(0,d.useMemo)(()=>{var g;let h=(g=y.background)==null?void 0:g[k];return A(y.primaryColor,k,y.secondaryColor,h,o)},[y,k,o]),Ee=(0,d.useMemo)(()=>({darkMode:k==="dark"}),[k]);return(0,v.jsx)(H.Provider,{value:{theme:i,darkMode:p,setTheme:l,setDarkMode:S},children:(0,v.jsx)(Fe.ThemeProvider,{theme:Ie,children:(0,v.jsxs)(De.ThemeProvider,{theme:Ee,children:[(0,v.jsx)(G,{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 v=require("react/jsx-runtime"),Oe="Default",Xe=e=>{if(!e||e.length===0)return[{name:Oe}];if(e.length===1){let t=e[0],n=t.name&&t.name.trim().length>0?t.name:Oe;return[{...t,name:n}]}for(let t of e)if(!("name"in t)||!t.name||t.name.trim().length===0)throw new Error("ThemeProviderWrapper: when providing multiple themes, each theme must include a non-empty `name`.");return e},De=({children:e,fontFamily:t,themes:n,colorPaletteOverride:r})=>{let o=z();(0,l.useEffect)(()=>{F(r)},[r]);let[i,s]=(0,l.useState)("system"),[a,d]=(0,l.useState)("auto");(0,l.useEffect)(()=>{if(globalThis.window!==void 0)try{let f=globalThis.localStorage.getItem("appSettings");if(f){let _=JSON.parse(f);_.theme&&s(_.theme),_.darkMode&&d(_.darkMode)}}catch(f){}},[]);let g=(0,l.useMemo)(()=>Xe(n),[n]),b=(0,l.useMemo)(()=>g.find(f=>f.name===i)||g[0],[i,g]);(0,l.useEffect)(()=>{if(globalThis.window!==void 0)try{globalThis.localStorage.setItem("appSettings",JSON.stringify({theme:b.name,darkMode:a}))}catch(f){}},[b.name,a]);let y=(0,l.useMemo)(()=>$(a,o)?"dark":"light",[a,o]),Fe=(0,l.useMemo)(()=>{let{name:f,..._}=b;if(!f)throw new Error("ThemeProviderWrapper: selected theme must include a non-empty `name`.");return A(y,_)},[b,y]),Ie=(0,l.useMemo)(()=>({darkMode:y==="dark"}),[y]);return(0,v.jsx)(H.Provider,{value:{theme:i,darkMode:a,setTheme:s,setDarkMode:d},children:(0,v.jsx)(Ee.ThemeProvider,{theme:Fe,children:(0,v.jsxs)(Re.ThemeProvider,{theme:Ie,children:[(0,v.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