@atomazing-org/design-system 1.0.68 → 1.0.70

package/README.md

@@ -24,6 +24,114 @@ 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

@@ -473,15 +473,4 @@ declare const useResponsiveDisplay: (breakpoint?: number) => boolean;
  */
 declare const useSystemTheme: () => SystemTheme;
 
-declare module "@mui/material/styles" {
-    interface TypographyVariants extends CustomTypographyVariants {
-    }
-    interface TypographyVariantsOptions extends Partial<CustomTypographyVariants> {
-    }
-}
-declare module "@mui/material/Typography" {
-    interface TypographyPropsVariantOverrides extends Record<keyof CustomTypographyVariants, true> {
-    }
-}
-
 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 };

package/dist/index.d.ts

@@ -473,15 +473,4 @@ declare const useResponsiveDisplay: (breakpoint?: number) => boolean;
  */
 declare const useSystemTheme: () => SystemTheme;
 
-declare module "@mui/material/styles" {
-    interface TypographyVariants extends CustomTypographyVariants {
-    }
-    interface TypographyVariantsOptions extends Partial<CustomTypographyVariants> {
-    }
-}
-declare module "@mui/material/Typography" {
-    interface TypographyPropsVariantOverrides extends Record<keyof CustomTypographyVariants, true> {
-    }
-}
-
 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 };

package/dist/index.js

@@ -1,14 +1,14 @@
-"use strict";var Ee=Object.create;var S=Object.defineProperty;var Ae=Object.getOwnPropertyDescriptor;var Be=Object.getOwnPropertyNames;var Le=Object.getPrototypeOf,$e=Object.prototype.hasOwnProperty;var ze=(e,t)=>{for(var r in t)S(e,r,{get:t[r],enumerable:!0})},Y=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Be(t))!$e.call(e,o)&&o!==r&&S(e,o,{get:()=>t[o],enumerable:!(n=Ae(t,o))||n.enumerable});return e};var u=(e,t,r)=>(r=e!=null?Ee(Le(e)):{},Y(t||!e||!e.__esModule?S(r,"default",{value:e,enumerable:!0}):r,e)),We=e=>Y(S({},"__esModule",{value:!0}),e);var Ye={};ze(Ye,{ColorPalette:()=>se,DialogBtn:()=>Q,ErrorBoundary:()=>P,GlobalStyles:()=>W,Loading:()=>q,PathName:()=>ee,ThemeProviderWrapper:()=>De,commonComponentProps:()=>F,createCustomTheme:()=>E,darkModeOptions:()=>ne,defaultColorPalette:()=>C,displayGreeting:()=>me,fadeIn:()=>ve,fadeInLeft:()=>_e,getColorPalette:()=>s,getDayIdentifier:()=>ue,getFontColor:()=>w,installAppAnimation:()=>Me,isDarkMode:()=>A,isFontLight:()=>de,isHexColor:()=>H,logoutAnimation:()=>Pe,progressPulse:()=>Se,pulseAnimation:()=>we,scale:()=>Ce,setColorPaletteOverride:()=>I,slideIn:()=>ke,slideInBottom:()=>Te,systemInfo:()=>fe,timeAgo:()=>ce,timeAgoFromStart:()=>he,useResponsiveDisplay:()=>xe,useSystemTheme:()=>$,useThemeSettings:()=>ae});module.exports=We(Ye);var X=u(require("@emotion/styled")),J=require("@mui/material"),Q=(0,X.default)(J.Button)`
+"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)`
   padding: 10px 16px;
   border-radius: 16px;
   font-size: 16px;
   margin: 8px;
-`;var j=u(require("react")),G=u(require("@emotion/styled")),V=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)(Ve,{children:[(0,d.jsx)(Ge,{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)(V.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)(V.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}},Ve=G.default.div`
+`;var j=u(require("react")),N=u(require("@emotion/styled")),G=u(require("@mui/icons-material/ErrorOutlineRounded")),v=require("@mui/material"),d=require("react/jsx-runtime"),P=class extends j.default.Component{constructor(t){super(t),this.state={hasError:!1}}static getDerivedStateFromError(t){return{hasError:!0,error:t}}componentDidCatch(t,r){console.error("Error:",t),console.error("Error Info:",r)}render(){var 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`
   margin: 0 8vw;
   @media (max-width: 768px) {
     margin: 0;
   }
-`,Ge=G.default.h1`
+`,Ne=N.default.h1`
   margin-top: 32px;
   margin-bottom: 32px;
   font-size: 36px;
@@ -24,7 +24,7 @@
     margin-top: 0;
     margin-bottom: 0;
   }
-`;var 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)(Ne,{"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..."})]})})},Ne=(0,Z.default)(R.Box)`
+`;var M=require("react"),Z=u(require("@emotion/styled")),R=require("@mui/material"),x=require("react/jsx-runtime"),q=()=>{let[e,t]=(0,M.useState)(!1);return(0,M.useEffect)(()=>{let r=setTimeout(()=>{t(!0)},100);return()=>clearTimeout(r)},[]),(0,x.jsx)(Ue,{"aria-live":"polite",role:"status",children:e&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(R.CircularProgress,{"aria-label":"loading",size:80,thickness:4}),(0,x.jsx)("h3",{style:{opacity:.8},children:"Loading Page..."})]})})},Ue=(0,Z.default)(R.Box)`
   position: absolute;
   top: 50%;
   left: 50%;
@@ -40,7 +40,7 @@
   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")),T=require("react/jsx-runtime"),O=32,ne=[{label:"Auto",value:"auto",icon:(0,T.jsx)(te.default,{color:"inherit",sx:{fontSize:O}})},{label:"System",value:"system",icon:(0,T.jsx)(ie.default,{color:"inherit",sx:{fontSize:O}})},{label:"Light",value:"light",icon:(0,T.jsx)(oe.default,{color:"inherit",sx:{fontSize:O}})},{label:"Dark",value:"dark",icon:(0,T.jsx)(re.default,{color:"inherit",sx:{fontSize:O}})}];var C={fontDark:"#101727",fontLight:"#f0f0f0",brand:"#9FA9EA",accent:"#F3503A",muted:"#64748B",success:"#2E7D32",info:"#0288D1",warning:"#ED6C02",error:"#D32F2F",neutral:"#64748B"};var D=require("react"),N=(0,D.createContext)(void 0),ae=()=>{let e=(0,D.useContext)(N);if(!e)throw new Error("useThemeSettings must be used within ThemeProviderWrapper");return e};var p=require("react"),Re=require("@emotion/react"),Oe=require("@mui/material/styles");var F={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 U=require("@mui/material");var m={...C},s=()=>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,U.createTheme)({palette:{mode:t}});return(0,U.createTheme)(i,{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 l=o?{default:"#1C1C1E",paper:"#2C2C2E"}:{default:"#F2F2F7",paper:"#FFFFFF"};return{...i.palette.background,...l,...n}})(),divider:o?"rgba(255,255,255,0.12)":"rgba(0,0,0,0.12)"},components:{...F,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"),ye=require("@mui/material/styles");var H=e=>/^#([\dA-Fa-f]{3}|[\dA-Fa-f]{6})$/.test(e),w=e=>{if(!H(e))return console.error("Invalid hex color provided:",e),s().fontDark;let t=e.slice(1),r=t.length===3?t.split("").map(c=>c+c).join(""):t,n=Number.parseInt(r.slice(0,2),16),o=Number.parseInt(r.slice(2,4),16),i=Number.parseInt(r.slice(4,6),16),l=Math.round((n*299+o*587+i*114)/1e3),a=s();return l>128?a.fontDark:a.fontLight},de=e=>w(e)===s().fontLight;var me=()=>{let e=new Date().getHours();return e>=5&&e<12?"Good morning":e>12&&e<18?"Good afternoon":"Good evening"};var ue=e=>{let t=e.getFullYear(),r=String(e.getMonth()+1).padStart(2,"0"),n=String(e.getDate()).padStart(2,"0");return`${t}-${r}-${n}`};var Ue=()=>{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"},He=()=>{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":Ue(),browser:typeof navigator=="undefined"?"Unknown":He()};var A=(e,t)=>{switch(e){case"light":return!1;case"dark":return!0;case"system":return t==="dark";default:return!1}};var ce=(e,t)=>{let r=t!=null?t:typeof navigator=="undefined"?"en-US":navigator.language,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 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 l=Math.floor(o/86400);return i.format(-l,"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)),l=Math.floor((o-60*60*i)/60),a=Math.floor(o-60*60*i-60*l),c=new Intl.RelativeTimeFormat(r,{numeric:"auto"});if(l===0&&a<60)return c.format(a,"second");if(i===0&&l<60)return c.format(l,"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(l,"minute")}`.replace(/^\D+/,"");return`${_} ${g}`}let b=Math.floor(a/86400);return c.format(b,"day")};var B=require("react"),xe=(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"),$=()=>{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 be=require("react/jsx-runtime"),W=({fontFamily:e})=>{let t=(0,ye.useTheme)(),r=t.palette.mode==="dark",n=t.palette.primary.main,o=t.palette.background.default,i=(0,ge.useMemo)(()=>w(n),[n]);return(0,be.jsx)(z.Global,{styles:z.css`
+`;var te=u(require("@mui/icons-material/BrightnessAutoRounded")),re=u(require("@mui/icons-material/DarkModeRounded")),oe=u(require("@mui/icons-material/LightModeRounded")),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`
         /* 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: ${i};
+            color: ${a};
           }
         }
 
@@ -104,6 +104,9 @@
           background-attachment: fixed;
           background-size: cover;
           transition: 0.3s background;
+          /* Firefox */
+          scrollbar-color: ${n} ${o};
+          scrollbar-width: thin;
 
           ::-webkit-scrollbar {
             width: 8px;
@@ -149,9 +152,12 @@
         .MuiDrawer-paper,
         .customScrollbar,
         textarea {
+          /* Firefox */
+          scrollbar-color: ${n} ${i};
+          scrollbar-width: thin;
           ::-webkit-scrollbar {
             width: 8px;
-            background-color: ${o};
+            background-color: ${i};
           }
           ::-webkit-scrollbar-thumb {
             background-color: ${n};
@@ -162,7 +168,7 @@
           }
           ::-webkit-scrollbar-track {
             border-radius: 64px;
-            background-color: ${o};
+            background-color: ${i};
           }
         }
 
@@ -171,7 +177,7 @@
           border-radius: 42px 42px 0 0;
           z-index: 9999999;
         }
-      `})};var f=require("@emotion/react"),_e=f.keyframes`
+      `})};var c=require("@emotion/react"),_e=c.keyframes`
   from {
     opacity: 0;
     transform: translateX(-40px);
@@ -180,35 +186,35 @@
     opacity: 1;
     transform: translateX(0);
   }
-`,ve=f.keyframes`
+`,ve=c.keyframes`
   from {
     opacity: 0;
   }
   to {
     opacity: 1;
   }
-`,ke=f.keyframes`
+`,ke=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`
+`,Ce=c.keyframes`
   from {
     transform: scale(0);
   }
   to {
     transform: scale(1);
   }
-`,we=(e,t=12)=>f.keyframes`
+`,Te=(e,t=12)=>c.keyframes`
   0% {
     transform: scale(0.95);
     box-shadow: 0 0 0 0 ${e}b2;
@@ -221,7 +227,7 @@
     transform: scale(0.95);
     box-shadow: 0 0 0 0 ${e}00;
   }
-`,Se=e=>f.keyframes`
+`,Se=e=>c.keyframes`
   0% {
     filter: none;
   }
@@ -231,7 +237,7 @@
   100% {
     filter: none;
   }
-`,Pe=f.keyframes`
+`,Pe=c.keyframes`
   0% {
     transform: scale(1);
     opacity: 1;
@@ -244,7 +250,7 @@
     transform: scale(1);
     opacity: 1;
   }
-`,Me=f.keyframes`
+`,Me=c.keyframes`
   0% {
     transform: translateY(0);
   }
@@ -260,5 +266,5 @@
   100% {
     transform: translateY(0);
   }
-`;var k=require("react/jsx-runtime"),De=({children:e,fontFamily:t,themes:r,colorPaletteOverride:n})=>{let o=$();(0,p.useEffect)(()=>{I(n)},[n]);let[i,l]=(0,p.useState)("system"),[a,c]=(0,p.useState)("auto");(0,p.useEffect)(()=>{if(globalThis.window!==void 0)try{let h=globalThis.localStorage.getItem("appSettings");if(h){let y=JSON.parse(h);y.theme&&l(y.theme),y.darkMode&&c(y.darkMode)}}catch(h){}},[]),(0,p.useEffect)(()=>{if(globalThis.window!==void 0)try{globalThis.localStorage.setItem("appSettings",JSON.stringify({theme:i,darkMode:a}))}catch(h){}},[i,a]);let b=(0,p.useMemo)(()=>r&&r.length>0?r:[{name:"Default",primaryColor:s().brand}],[r]),_=(0,p.useMemo)(()=>i==="system"||o==="unknown"?b[0]:b.find(h=>h.name===i)||b[0],[o,i,b]),g=(0,p.useMemo)(()=>A(a,o)?"dark":"light",[a,o]),Fe=(0,p.useMemo)(()=>{var y;let h=(y=_.background)==null?void 0:y[g];return E(_.primaryColor,g,_.secondaryColor,h)},[_,g]),Ie=(0,p.useMemo)(()=>({darkMode:g==="dark"}),[g]);return(0,k.jsx)(N.Provider,{value:{theme:i,darkMode:a,setTheme:l,setDarkMode:c},children:(0,k.jsx)(Oe.ThemeProvider,{theme:Fe,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 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});
 //# sourceMappingURL=index.js.map