@atomazing-org/design-system 1.0.70 → 1.0.73

package/{README.md → README.MD}

@@ -24,114 +24,6 @@ Contents
 Introduction
 The package streamlines consistent theming across apps: dark/light mode, typography variants, global styles, and component defaults. Built on MUI v7 + Emotion.
 
-Быстрый старт (по шагам)
-
-1) Установка
-
-```bash
-npm install @atomazing-org/design-system
-npm install @mui/material @mui/icons-material @emotion/react @emotion/styled @emotion/css
-```
-
-2) Опишите темы (минимум одна)
-
-```ts
-// themes.ts
-export const themes = [
-  { name: 'Blue', primaryColor: '#3B82F6' },
-  {
-    name: 'Aurora',
-    primaryColor: '#00E952',
-    secondaryColor: '#011926',
-    background: {
-      light: { default: '#F0FFF6', paper: '#FFFFFF' },
-      dark: { default: '#071B13', paper: '#0E2A1F' },
-    },
-  },
-];
-```
-
-3) Оберните приложение провайдером и передайте массив тем
-
-```tsx
-import { ThemeProviderWrapper } from '@atomazing-org/design-system';
-import { themes } from './themes';
-
-export function App() {
-  return (
-    <ThemeProviderWrapper themes={themes} fontFamily="Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif">
-      {/* ваш код */}
-    </ThemeProviderWrapper>
-  );
-}
-```
-
-4) Переключение темы в рантайме
-
-```tsx
-import { useThemeSettings } from '@atomazing-org/design-system';
-
-const { theme, setTheme } = useThemeSettings();
-
-// Пример: по клику на кнопку
-<button onClick={() => setTheme('Aurora')}>Aurora</button>
-```
-
-5) Управление темным режимом
-
-```tsx
-import { useThemeSettings, darkModeOptions } from '@atomazing-org/design-system';
-
-const { darkMode, setDarkMode } = useThemeSettings();
-// darkMode: 'light' | 'dark' | 'system' | 'auto'
-
-// Пример: выпадающий список
-<select value={darkMode} onChange={(e) => setDarkMode(e.target.value as any)}>
-  {darkModeOptions.map((o) => (
-    <option key={o.value} value={o.value}>{o.label}</option>
-  ))}
-  </select>
-```
-
-6) Цвета компонентов (расширенная палитра)
-
-```tsx
-import { Button, Chip, Alert } from '@mui/material';
-
-<Button color="brand" variant="contained">Brand</Button>
-<Button color="neutral" variant="outlined">Neutral</Button>
-<Chip color="accent" label="Accent" />
-<Alert color="muted" variant="filled">Muted</Alert>
-```
-
-7) Типографика (доп. варианты)
-
-```tsx
-import { Typography } from '@mui/material';
-
-<Typography variant="text_md_regular">Текст</Typography>
-<Typography variant="header_md_semibold">Заголовок</Typography>
-```
-
-8) Переопределение палитры целиком (необязательно)
-
-```tsx
-<ThemeProviderWrapper
-  themes={themes}
-  colorPaletteOverride={{ brand: '#4F46E5', accent: '#F59E0B', neutral: '#64748B', muted: '#94A3B8' }}
->
-  {/* ... */}
-</ThemeProviderWrapper>
-```
-
-9) SSR/Next.js
-- Библиотека безопасно работает при SSR: доступ к `localStorage`/`navigator` только на клиенте.
-- В Next.js разместите провайдер в клиентском слое (например, в `layout.tsx` с `"use client"`).
-
-10) Частые вопросы
-- Ошибка типов `header_md_semibold` в `Typography`: установите последнюю версию пакета — расширения типов подключаются автоматически.
-- Не виден `color="brand"` у компонентов: проверьте версии MUI и пакета, перезапустите TS-сервер IDE.
-
 Installation
 ```bash
 npm install @atomazing-org/design-system

package/dist/index.d.mts

@@ -4,7 +4,7 @@ import * as React$1 from 'react';
 import React__default, { ErrorInfo, ReactNode, FC, PropsWithChildren } from 'react';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
 import * as _mui_material from '@mui/material';
-import { Theme, PaletteMode } from '@mui/material';
+import { ThemeOptions, Theme, PaletteMode } from '@mui/material';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 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"> & {
@@ -259,6 +259,12 @@ type ThemeProviderWrapperProps = PropsWithChildren<{
     }[];
     /** 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>;
 
@@ -271,7 +277,7 @@ declare const commonComponentProps: Theme["components"];
 declare const createCustomTheme: (primaryColor: string, mode?: PaletteMode, secondaryColor?: string, background?: {
     default?: string;
     paper?: string;
-}) => Theme;
+}, themeOverrides?: ThemeOptions) => Theme;
 
 /**
  * Injects global styles into the document using Emotion.

package/dist/index.d.ts

@@ -4,7 +4,7 @@ import * as React$1 from 'react';
 import React__default, { ErrorInfo, ReactNode, FC, PropsWithChildren } from 'react';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
 import * as _mui_material from '@mui/material';
-import { Theme, PaletteMode } from '@mui/material';
+import { ThemeOptions, Theme, PaletteMode } from '@mui/material';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 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"> & {
@@ -259,6 +259,12 @@ type ThemeProviderWrapperProps = PropsWithChildren<{
     }[];
     /** 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>;
 
@@ -271,7 +277,7 @@ declare const commonComponentProps: Theme["components"];
 declare const createCustomTheme: (primaryColor: string, mode?: PaletteMode, secondaryColor?: string, background?: {
     default?: string;
     paper?: string;
-}) => Theme;
+}, themeOverrides?: ThemeOptions) => Theme;
 
 /**
  * Injects global styles into the document using Emotion.

package/dist/index.js

@@ -1,14 +1,14 @@
-"use strict";var Ee=Object.create;var S=Object.defineProperty;var Ae=Object.getOwnPropertyDescriptor;var $e=Object.getOwnPropertyNames;var Be=Object.getPrototypeOf,Le=Object.prototype.hasOwnProperty;var ze=(e,t)=>{for(var r in t)S(e,r,{get:t[r],enumerable:!0})},V=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of $e(t))!Le.call(e,o)&&o!==r&&S(e,o,{get:()=>t[o],enumerable:!(n=Ae(t,o))||n.enumerable});return e};var u=(e,t,r)=>(r=e!=null?Ee(Be(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:()=>O,createCustomTheme:()=>E,darkModeOptions:()=>ne,defaultColorPalette:()=>C,displayGreeting:()=>me,fadeIn:()=>ve,fadeInLeft:()=>_e,getColorPalette:()=>l,getDayIdentifier:()=>ue,getFontColor:()=>T,installAppAnimation:()=>Me,isDarkMode:()=>A,isFontLight:()=>de,isHexColor:()=>Y,logoutAnimation:()=>Pe,progressPulse:()=>Se,pulseAnimation:()=>Te,scale:()=>Ce,setColorPaletteOverride:()=>I,slideIn:()=>ke,slideInBottom:()=>we,systemInfo:()=>ce,timeAgo:()=>fe,timeAgoFromStart:()=>he,useResponsiveDisplay:()=>xe,useSystemTheme:()=>L,useThemeSettings:()=>ae});module.exports=We(Ve);var X=u(require("@emotion/styled")),J=require("@mui/material"),Q=(0,X.default)(J.Button)`
+"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)`
   padding: 10px 16px;
   border-radius: 16px;
   font-size: 16px;
   margin: 8px;
-`;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 n,o,i;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:["[",(n=t.error)==null?void 0:n.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:["[",(i=t.error)==null?void 0:i.stack,"]"]})]})]}):r.children}},Ge=N.default.div`
+`;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`
   margin: 0 8vw;
   @media (max-width: 768px) {
     margin: 0;
   }
-`,Ne=N.default.h1`
+`,Ue=U.default.h1`
   margin-top: 32px;
   margin-bottom: 32px;
   font-size: 36px;
@@ -24,7 +24,7 @@
     margin-top: 0;
     margin-bottom: 0;
   }
-`;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)`
+`;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)`
   position: absolute;
   top: 50%;
   left: 50%;
@@ -35,12 +35,12 @@
   flex-direction: column;
   text-align: center;
   gap: 8px;
-`;var K=u(require("@emotion/styled")),ee=K.default.code`
+`;var ee=c(require("@emotion/styled")),te=ee.default.code`
   background: #000000c8;
   color: white;
   padding: 4px 6px;
   border-radius: 8px;
-`;var te=u(require("@mui/icons-material/BrightnessAutoRounded")),re=u(require("@mui/icons-material/DarkModeRounded")),oe=u(require("@mui/icons-material/LightModeRounded")),ie=u(require("@mui/icons-material/PersonalVideoRounded")),w=require("react/jsx-runtime"),D=32,ne=[{label:"Auto",value:"auto",icon:(0,w.jsx)(te.default,{color:"inherit",sx:{fontSize:D}})},{label:"System",value:"system",icon:(0,w.jsx)(ie.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 O={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},l=()=>m,I=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,n)=>{let o=t==="dark",i=(0,H.createTheme)({palette:{mode:t}});return(0,H.createTheme)(i,{palette:{primary:{...i.palette.primary,main:e},brand:i.palette.augmentColor({color:{main:e}}),neutral:i.palette.augmentColor({color:{main:l().neutral}}),accent:i.palette.augmentColor({color:{main:l().accent}}),muted:i.palette.augmentColor({color:{main:l().muted}}),...r?{secondary:{...i.palette.secondary,main:r}}:{},error:{...i.palette.error,main:l().error},warning:{...i.palette.warning,main:l().warning},success:{...i.palette.success,main:l().success},info:{...i.palette.info,main:l().info},background:(()=>{let a=o?{default:"#1C1C1E",paper:"#2C2C2E"}:{default:"#F2F2F7",paper:"#FFFFFF"};return{...i.palette.background,...a,...n}})(),divider:o?"rgba(255,255,255,0.12)":"rgba(0,0,0,0.12)"},components:{...O,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),l().fontDark;let t=e.slice(1),r=t.length===3?t.split("").map(f=>f+f).join(""):t,n=Number.parseInt(r.slice(0,2),16),o=Number.parseInt(r.slice(2,4),16),i=Number.parseInt(r.slice(4,6),16),a=Math.round((n*299+o*587+i*114)/1e3),s=l();return a>128?s.fontDark:s.fontLight},de=e=>T(e)===l().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"),n=String(e.getDate()).padStart(2,"0");return`${t}-${r}-${n}`};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"},ce={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 fe=(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),i=new Intl.RelativeTimeFormat(r,{numeric:"auto"});if(o<60)return i.format(-o,"second");if(o<3600){let s=Math.floor(o/60);return i.format(-s,"minute")}if(o<86400){let s=Math.floor(o/3600);return i.format(-s,"hour")}let a=Math.floor(o/86400);return i.format(-a,"day")},he=(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,i=Math.floor(o/(60*60)),a=Math.floor((o-60*60*i)/60),s=Math.floor(o-60*60*i-60*a),f=new Intl.RelativeTimeFormat(r,{numeric:"auto"});if(a===0&&s<60)return f.format(s,"second");if(i===0&&a<60)return f.format(a,"minute");if(i<24){let _=`${new Intl.RelativeTimeFormat(r,{numeric:"auto"}).format(i,"hour")}`,g=` ${new Intl.RelativeTimeFormat(r,{localeMatcher:"lookup",numeric:"always",style:"long"}).format(a,"minute")}`.replace(/^\D+/,"");return`${_} ${g}`}let y=Math.floor(s/86400);return f.format(y,"day")};var $=require("react"),xe=(e=768)=>{let[t,r]=(0,$.useState)(!1);return(0,$.useEffect)(()=>{let n=()=>{r(window.innerWidth<e)};n();let o=()=>n();return window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o)}},[e]),t};var B=require("react"),L=()=>{let[e,t]=(0,B.useState)("unknown");return(0,B.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 ye=require("react/jsx-runtime"),W=({fontFamily:e})=>{let t=(0,be.useTheme)(),r=t.palette.mode==="dark",n=t.palette.primary.main,o=t.palette.background.default,i=t.palette.background.paper,a=(0,ge.useMemo)(()=>T(n),[n]);return(0,ye.jsx)(z.Global,{styles:z.css`
+`;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`
         /* Allow application to control font via CSS var or prop */
         :root {
           ${e?`--app-font-family: ${e};`:""}
@@ -60,7 +60,7 @@
           -webkit-tap-highlight-color: transparent;
           &::selection {
             background-color: ${`${n}e1`};
-            color: ${a};
+            color: ${i};
           }
         }
 
@@ -153,11 +153,11 @@
         .customScrollbar,
         textarea {
           /* Firefox */
-          scrollbar-color: ${n} ${i};
+          scrollbar-color: ${n} ${a};
           scrollbar-width: thin;
           ::-webkit-scrollbar {
             width: 8px;
-            background-color: ${i};
+            background-color: ${a};
           }
           ::-webkit-scrollbar-thumb {
             background-color: ${n};
@@ -168,7 +168,7 @@
           }
           ::-webkit-scrollbar-track {
             border-radius: 64px;
-            background-color: ${i};
+            background-color: ${a};
           }
         }
 
@@ -177,7 +177,7 @@
           border-radius: 42px 42px 0 0;
           z-index: 9999999;
         }
-      `})};var c=require("@emotion/react"),_e=c.keyframes`
+      `})};var f=require("@emotion/react"),ve=f.keyframes`
   from {
     opacity: 0;
     transform: translateX(-40px);
@@ -186,35 +186,35 @@
     opacity: 1;
     transform: translateX(0);
   }
-`,ve=c.keyframes`
+`,ke=f.keyframes`
   from {
     opacity: 0;
   }
   to {
     opacity: 1;
   }
-`,ke=c.keyframes`
+`,we=f.keyframes`
   from {
     transform: translateX(-100%);
   }
   to {
     transform: translateX(0);
   }
-`,we=c.keyframes`
+`,Te=f.keyframes`
   from {
     transform: translateY(100%);
   }
   to {
     transform: translateY(0);
   }
-`,Ce=c.keyframes`
+`,Ce=f.keyframes`
   from {
     transform: scale(0);
   }
   to {
     transform: scale(1);
   }
-`,Te=(e,t=12)=>c.keyframes`
+`,Se=(e,t=12)=>f.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;
   }
-`,Se=e=>c.keyframes`
+`,Pe=e=>f.keyframes`
   0% {
     filter: none;
   }
@@ -237,7 +237,7 @@
   100% {
     filter: none;
   }
-`,Pe=c.keyframes`
+`,Me=f.keyframes`
   0% {
     transform: scale(1);
     opacity: 1;
@@ -250,7 +250,7 @@
     transform: scale(1);
     opacity: 1;
   }
-`,Me=c.keyframes`
+`,Re=f.keyframes`
   0% {
     transform: translateY(0);
   }
@@ -266,5 +266,5 @@
   100% {
     transform: translateY(0);
   }
-`;var k=require("react/jsx-runtime"),Fe=({children:e,fontFamily:t,themes:r,colorPaletteOverride:n})=>{let o=L();(0,p.useEffect)(()=>{I(n)},[n]);let[i,a]=(0,p.useState)("system"),[s,f]=(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&&a(b.theme),b.darkMode&&f(b.darkMode)}}catch(h){}},[]),(0,p.useEffect)(()=>{if(globalThis.window!==void 0)try{globalThis.localStorage.setItem("appSettings",JSON.stringify({theme:i,darkMode:s}))}catch(h){}},[i,s]);let y=(0,p.useMemo)(()=>r&&r.length>0?r:[{name:"Default",primaryColor:l().brand}],[r]),_=(0,p.useMemo)(()=>i==="system"||o==="unknown"?y[0]:y.find(h=>h.name===i)||y[0],[o,i,y]),g=(0,p.useMemo)(()=>A(s,o)?"dark":"light",[s,o]),Oe=(0,p.useMemo)(()=>{var b;let h=(b=_.background)==null?void 0:b[g];return E(_.primaryColor,g,_.secondaryColor,h)},[_,g]),Ie=(0,p.useMemo)(()=>({darkMode:g==="dark"}),[g]);return(0,k.jsx)(U.Provider,{value:{theme:i,darkMode:s,setTheme:a,setDarkMode:f},children:(0,k.jsx)(De.ThemeProvider,{theme:Oe,children:(0,k.jsxs)(Re.ThemeProvider,{theme:Ie,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 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});
 //# sourceMappingURL=index.js.map