@atomazing-org/design-system 1.0.69 → 1.0.72

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})},V=(e,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Be(t))!$e.call(e,o)&&o!==r&&S(e,o,{get:()=>t[o],enumerable:!(i=Ae(t,o))||i.enumerable});return e};var u=(e,t,r)=>(r=e!=null?Ee(Le(e)):{},V(t||!e||!e.__esModule?S(r,"default",{value:e,enumerable:!0}):r,e)),We=e=>V(S({},"__esModule",{value:!0}),e);var Ve={};ze(Ve,{ColorPalette:()=>se,DialogBtn:()=>Q,ErrorBoundary:()=>P,GlobalStyles:()=>W,Loading:()=>q,PathName:()=>ee,ThemeProviderWrapper:()=>Oe,commonComponentProps:()=>F,createCustomTheme:()=>E,darkModeOptions:()=>ie,defaultColorPalette:()=>C,displayGreeting:()=>me,fadeIn:()=>ve,fadeInLeft:()=>_e,getColorPalette:()=>s,getDayIdentifier:()=>ue,getFontColor:()=>T,installAppAnimation:()=>Me,isDarkMode:()=>A,isFontLight:()=>de,isHexColor:()=>Y,logoutAnimation:()=>Pe,progressPulse:()=>Se,pulseAnimation:()=>Te,scale:()=>Ce,setColorPaletteOverride:()=>I,slideIn:()=>ke,slideInBottom:()=>we,systemInfo:()=>fe,timeAgo:()=>ce,timeAgoFromStart:()=>he,useResponsiveDisplay:()=>xe,useSystemTheme:()=>$,useThemeSettings:()=>ae});module.exports=We(Ve);var X=u(require("@emotion/styled")),J=require("@mui/material"),Q=(0,X.default)(J.Button)`
+"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 i,o,n;let{state:t,props:r}=this;return t.hasError?(0,d.jsxs)(Ge,{children:[(0,d.jsx)(Ne,{children:(0,d.jsx)(v.Box,{children:"Something went wrong.\xA0"})}),(0,d.jsxs)("h3",{children:[(0,d.jsxs)(v.Box,{style:{color:"#ff3131",display:"inline-block"},children:[(0,d.jsx)(G.default,{sx:{verticalAlign:"middle",mb:"4px"}})," ","ERROR:"]})," ",(0,d.jsxs)(v.Box,{translate:"no",children:["[",(i=t.error)==null?void 0:i.name,"] ",(o=t.error)==null?void 0:o.message]}),(0,d.jsxs)(v.Box,{style:{color:"#ff3131",display:"inline-block"},children:[(0,d.jsx)(G.default,{sx:{verticalAlign:"middle",mb:"4px"}})," ","Stack:"]})," ",(0,d.jsxs)(v.Box,{translate:"no",children:["[",(n=t.error)==null?void 0:n.stack,"]"]})]})]}):r.children}},Ge=N.default.div`
+`;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")),ne=u(require("@mui/icons-material/PersonalVideoRounded")),w=require("react/jsx-runtime"),D=32,ie=[{label:"Auto",value:"auto",icon:(0,w.jsx)(te.default,{color:"inherit",sx:{fontSize:D}})},{label:"System",value:"system",icon:(0,w.jsx)(ne.default,{color:"inherit",sx:{fontSize:D}})},{label:"Light",value:"light",icon:(0,w.jsx)(oe.default,{color:"inherit",sx:{fontSize:D}})},{label:"Dark",value:"dark",icon:(0,w.jsx)(re.default,{color:"inherit",sx:{fontSize:D}})}];var C={fontDark:"#101727",fontLight:"#f0f0f0",brand:"#9FA9EA",accent:"#F3503A",muted:"#64748B",success:"#2E7D32",info:"#0288D1",warning:"#ED6C02",error:"#D32F2F",neutral:"#64748B"};var O=require("react"),U=(0,O.createContext)(void 0),ae=()=>{let e=(0,O.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 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 H=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,i)=>{let o=t==="dark",n=(0,H.createTheme)({palette:{mode:t}});return(0,H.createTheme)(n,{palette:{primary:{...n.palette.primary,main:e},brand:n.palette.augmentColor({color:{main:e}}),neutral:n.palette.augmentColor({color:{main:s().neutral}}),accent:n.palette.augmentColor({color:{main:s().accent}}),muted:n.palette.augmentColor({color:{main:s().muted}}),...r?{secondary:{...n.palette.secondary,main:r}}:{},error:{...n.palette.error,main:s().error},warning:{...n.palette.warning,main:s().warning},success:{...n.palette.success,main:s().success},info:{...n.palette.info,main:s().info},background:(()=>{let l=o?{default:"#1C1C1E",paper:"#2C2C2E"}:{default:"#F2F2F7",paper:"#FFFFFF"};return{...n.palette.background,...l,...i}})(),divider:o?"rgba(255,255,255,0.12)":"rgba(0,0,0,0.12)"},components:{...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"),be=require("@mui/material/styles");var Y=e=>/^#([\dA-Fa-f]{3}|[\dA-Fa-f]{6})$/.test(e),T=e=>{if(!Y(e))return console.error("Invalid hex color provided:",e),s().fontDark;let t=e.slice(1),r=t.length===3?t.split("").map(c=>c+c).join(""):t,i=Number.parseInt(r.slice(0,2),16),o=Number.parseInt(r.slice(2,4),16),n=Number.parseInt(r.slice(4,6),16),l=Math.round((i*299+o*587+n*114)/1e3),a=s();return l>128?a.fontDark:a.fontLight},de=e=>T(e)===s().fontLight;var me=()=>{let e=new Date().getHours();return e>=5&&e<12?"Good morning":e>12&&e<18?"Good afternoon":"Good evening"};var ue=e=>{let t=e.getFullYear(),r=String(e.getMonth()+1).padStart(2,"0"),i=String(e.getDate()).padStart(2,"0");return`${t}-${r}-${i}`};var He=()=>{let e=(typeof navigator=="undefined"?"":navigator.userAgent).toLowerCase();return e.includes("windows nt")?"Windows":e.includes("iphone")||e.includes("ipad")||e.includes("ipod")?"iOS":e.includes("mac")?"macOS":e.includes("android")?"Android":e.includes("linux")?"Linux":"Unknown"},Ye=()=>{let e=(typeof navigator=="undefined"?"":navigator.userAgent).toLowerCase();return e.includes("edg")?"Edge":e.includes("chrome")?"Chrome":e.includes("firefox")?"Firefox":e.includes("safari")?"Safari":"Unknown"},fe={os:typeof navigator=="undefined"?"Unknown":He(),browser:typeof navigator=="undefined"?"Unknown":Ye()};var A=(e,t)=>{switch(e){case"light":return!1;case"dark":return!0;case"system":return t==="dark";default:return!1}};var ce=(e,t)=>{let r=t!=null?t:typeof navigator=="undefined"?"en-US":navigator.language,i=new Date;e=new Date(e);let o=Math.floor((i.getTime()-e.getTime())/1e3),n=new Intl.RelativeTimeFormat(r,{numeric:"auto"});if(o<60)return n.format(-o,"second");if(o<3600){let a=Math.floor(o/60);return n.format(-a,"minute")}if(o<86400){let a=Math.floor(o/3600);return n.format(-a,"hour")}let l=Math.floor(o/86400);return n.format(-l,"day")},he=(e,t)=>{let r=t!=null?t:typeof navigator=="undefined"?"en-US":navigator.language,i=new Date;e=new Date(e);let o=(e.getTime()-i.getTime())/1e3,n=Math.floor(o/(60*60)),l=Math.floor((o-60*60*n)/60),a=Math.floor(o-60*60*n-60*l),c=new Intl.RelativeTimeFormat(r,{numeric:"auto"});if(l===0&&a<60)return c.format(a,"second");if(n===0&&l<60)return c.format(l,"minute");if(n<24){let _=`${new Intl.RelativeTimeFormat(r,{numeric:"auto"}).format(n,"hour")}`,g=` ${new Intl.RelativeTimeFormat(r,{localeMatcher:"lookup",numeric:"always",style:"long"}).format(l,"minute")}`.replace(/^\D+/,"");return`${_} ${g}`}let y=Math.floor(a/86400);return c.format(y,"day")};var B=require("react"),xe=(e=768)=>{let[t,r]=(0,B.useState)(!1);return(0,B.useEffect)(()=>{let i=()=>{r(window.innerWidth<e)};i();let o=()=>i();return window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o)}},[e]),t};var L=require("react"),$=()=>{let[e,t]=(0,L.useState)("unknown");return(0,L.useEffect)(()=>{let r=o=>{t(o.matches?"dark":"light")},i=globalThis.matchMedia("(prefers-color-scheme: dark)");return t(i.matches?"dark":"light"),i.addEventListener("change",r),()=>{i.removeEventListener("change",r)}},[]),e};var ye=require("react/jsx-runtime"),W=({fontFamily:e})=>{let t=(0,be.useTheme)(),r=t.palette.mode==="dark",i=t.palette.primary.main,o=t.palette.background.default,n=(0,ge.useMemo)(()=>T(i),[i]);return(0,ye.jsx)(z.Global,{styles:z.css`
+`;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};`:""}
@@ -59,8 +59,8 @@
             sans-serif !important;
           -webkit-tap-highlight-color: transparent;
           &::selection {
-            background-color: ${`${i}e1`};
-            color: ${n};
+            background-color: ${`${n}e1`};
+            color: ${i};
           }
         }
 
@@ -104,17 +104,20 @@
           background-attachment: fixed;
           background-size: cover;
           transition: 0.3s background;
+          /* Firefox */
+          scrollbar-color: ${n} ${o};
+          scrollbar-width: thin;
 
           ::-webkit-scrollbar {
             width: 8px;
             background-color: ${o};
           }
           ::-webkit-scrollbar-thumb {
-            background-color: ${i};
+            background-color: ${n};
             border-radius: 64px;
           }
           ::-webkit-scrollbar-thumb:hover {
-            background-color: ${`${i}d8`};
+            background-color: ${`${n}d8`};
           }
           ::-webkit-scrollbar-track {
             border-radius: 64px;
@@ -149,20 +152,23 @@
         .MuiDrawer-paper,
         .customScrollbar,
         textarea {
+          /* Firefox */
+          scrollbar-color: ${n} ${a};
+          scrollbar-width: thin;
           ::-webkit-scrollbar {
             width: 8px;
-            background-color: ${o};
+            background-color: ${a};
           }
           ::-webkit-scrollbar-thumb {
-            background-color: ${i};
+            background-color: ${n};
             border-radius: 64px;
           }
           ::-webkit-scrollbar-thumb:hover {
-            background-color: ${`${i}d8`};
+            background-color: ${`${n}d8`};
           }
           ::-webkit-scrollbar-track {
             border-radius: 64px;
-            background-color: ${o};
+            background-color: ${a};
           }
         }
 
@@ -171,7 +177,7 @@
           border-radius: 42px 42px 0 0;
           z-index: 9999999;
         }
-      `})};var f=require("@emotion/react"),_e=f.keyframes`
+      `})};var f=require("@emotion/react"),ve=f.keyframes`
   from {
     opacity: 0;
     transform: translateX(-40px);
@@ -180,21 +186,21 @@
     opacity: 1;
     transform: translateX(0);
   }
-`,ve=f.keyframes`
+`,ke=f.keyframes`
   from {
     opacity: 0;
   }
   to {
     opacity: 1;
   }
-`,ke=f.keyframes`
+`,we=f.keyframes`
   from {
     transform: translateX(-100%);
   }
   to {
     transform: translateX(0);
   }
-`,we=f.keyframes`
+`,Te=f.keyframes`
   from {
     transform: translateY(100%);
   }
@@ -208,7 +214,7 @@
   to {
     transform: scale(1);
   }
-`,Te=(e,t=12)=>f.keyframes`
+`,Se=(e,t=12)=>f.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`
+`,Pe=e=>f.keyframes`
   0% {
     filter: none;
   }
@@ -231,7 +237,7 @@
   100% {
     filter: none;
   }
-`,Pe=f.keyframes`
+`,Me=f.keyframes`
   0% {
     transform: scale(1);
     opacity: 1;
@@ -244,7 +250,7 @@
     transform: scale(1);
     opacity: 1;
   }
-`,Me=f.keyframes`
+`,Re=f.keyframes`
   0% {
     transform: translateY(0);
   }
@@ -260,5 +266,5 @@
   100% {
     transform: translateY(0);
   }
-`;var k=require("react/jsx-runtime"),Oe=({children:e,fontFamily:t,themes:r,colorPaletteOverride:i})=>{let o=$();(0,p.useEffect)(()=>{I(i)},[i]);let[n,l]=(0,p.useState)("system"),[a,c]=(0,p.useState)("auto");(0,p.useEffect)(()=>{if(globalThis.window!==void 0)try{let h=globalThis.localStorage.getItem("appSettings");if(h){let b=JSON.parse(h);b.theme&&l(b.theme),b.darkMode&&c(b.darkMode)}}catch(h){}},[]),(0,p.useEffect)(()=>{if(globalThis.window!==void 0)try{globalThis.localStorage.setItem("appSettings",JSON.stringify({theme:n,darkMode:a}))}catch(h){}},[n,a]);let y=(0,p.useMemo)(()=>r&&r.length>0?r:[{name:"Default",primaryColor:s().brand}],[r]),_=(0,p.useMemo)(()=>n==="system"||o==="unknown"?y[0]:y.find(h=>h.name===n)||y[0],[o,n,y]),g=(0,p.useMemo)(()=>A(a,o)?"dark":"light",[a,o]),Fe=(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:n,darkMode:a,setTheme:l,setDarkMode:c},children:(0,k.jsx)(De.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 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

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/components/DialogBtn.ts","../src/components/ErrorBoundary.tsx","../src/components/Loading.tsx","../src/components/PathName.ts","../src/constants/darkModeOptions.tsx","../src/constants/defaultColorPalette.ts","../src/context/ThemeContext.tsx","../src/context/ThemeProviderWrapper.tsx","../src/styles/commonComponents.ts","../src/styles/createTheme.ts","../src/styles/themeConfig.ts","../src/styles/typography.ts","../src/styles/GlobalStyles.tsx","../src/utils/colorUtils.ts","../src/utils/displayGreeting.ts","../src/utils/getDayIdentifier.ts","../src/utils/getSystemInfo.ts","../src/utils/isDarkMode.ts","../src/utils/timeAgo.ts","../src/utils/useResponsiveDisplay.ts","../src/utils/useSystemTheme.ts","../src/styles/keyframes.ts"],"sourcesContent":["export * from \"./components\";\nexport * from \"./constants\";\nexport * from \"./context\";\nexport * from \"./styles\";\nexport * from \"./utils\";\nexport * from \"./models\";\n","import styled from \"@emotion/styled\";\nimport { Button } from \"@mui/material\";\n\nexport const DialogBtn = styled(Button)`\n  padding: 10px 16px;\n  border-radius: 16px;\n  font-size: 16px;\n  margin: 8px;\n`;\n","/* eslint-disable @typescript-eslint/class-methods-use-this -- only for ErrorBoundary */\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport ErrorOutlineRounded from \"@mui/icons-material/ErrorOutlineRounded\";\nimport { Box } from \"@mui/material\";\n\nimport type { ErrorInfo } from \"react\";\n\ninterface ErrorBoundaryProps {\n  children: React.ReactNode;\n}\n\ninterface ErrorBoundaryState {\n  hasError: boolean;\n  error?: Error;\n}\n\n/**\n * ErrorBoundary component that catches and displays errors.\n */\nexport class ErrorBoundary extends React.Component<\n  ErrorBoundaryProps,\n  ErrorBoundaryState\n> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n    this.state = {\n      hasError: false,\n    };\n  }\n\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\n    return {\n      hasError: true,\n      error,\n    };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo): void {\n    // eslint-disable-next-line no-console -- Allow console output for error reporting\n    console.error(\"Error:\", error);\n    // eslint-disable-next-line no-console -- Allow console output for error reporting\n    console.error(\"Error Info:\", errorInfo);\n  }\n\n  render() {\n    const { state, props } = this;\n    if (state.hasError) {\n      return (\n        <Container>\n          <ErrorHeader>\n            <Box>Something went wrong.&nbsp;</Box>\n          </ErrorHeader>\n          <h3>\n            <Box style={{ color: \"#ff3131\", display: \"inline-block\" }}>\n              <ErrorOutlineRounded\n                sx={{ verticalAlign: \"middle\", mb: \"4px\" }}\n              />{\" \"}\n              ERROR:\n            </Box>{\" \"}\n            <Box translate=\"no\">\n              [{state.error?.name}] {state.error?.message}\n            </Box>\n            <Box style={{ color: \"#ff3131\", display: \"inline-block\" }}>\n              <ErrorOutlineRounded\n                sx={{ verticalAlign: \"middle\", mb: \"4px\" }}\n              />{\" \"}\n              Stack:\n            </Box>{\" \"}\n            <Box translate=\"no\">[{state.error?.stack}]</Box>\n          </h3>\n        </Container>\n      );\n    }\n\n    return props.children;\n  }\n}\n\nconst Container = styled.div`\n  margin: 0 8vw;\n  @media (max-width: 768px) {\n    margin: 0;\n  }\n`;\n\nconst ErrorHeader = styled.h1`\n  margin-top: 32px;\n  margin-bottom: 32px;\n  font-size: 36px;\n  color: #ff3131;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  @media (max-width: 768px) {\n    text-align: left;\n    justify-content: left;\n    font-size: 30px;\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n`;\n","import { useEffect, useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Box, CircularProgress } from \"@mui/material\";\n\nexport const Loading = () => {\n  const [showLoading, setShowLoading] = useState<boolean>(false);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setShowLoading(true);\n    }, 100); // Show the loading spinner after 100 milliseconds\n\n    return () => clearTimeout(timer);\n  }, []);\n\n  return (\n    <Container aria-live=\"polite\" role=\"status\">\n      {showLoading && (\n        <>\n          <CircularProgress aria-label=\"loading\" size={80} thickness={4} />\n          <h3 style={{ opacity: 0.8 }}>Loading Page...</h3>\n        </>\n      )}\n    </Container>\n  );\n};\n\nconst Container = styled(Box)`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  text-align: center;\n  gap: 8px;\n`;\n","import styled from \"@emotion/styled\";\n\nexport const PathName = styled.code`\n  background: #000000c8;\n  color: white;\n  padding: 4px 6px;\n  border-radius: 8px;\n`;\n","import BrightnessAutoRoundedIcon from \"@mui/icons-material/BrightnessAutoRounded\";\nimport DarkModeRoundedIcon from \"@mui/icons-material/DarkModeRounded\";\nimport LightModeRoundedIcon from \"@mui/icons-material/LightModeRounded\";\nimport PersonalVideoRoundedIcon from \"@mui/icons-material/PersonalVideoRounded\";\n\nimport type { OptionItem } from \"../models\";\n\nconst OPTION_ICON_SIZE = 32;\n\nexport const darkModeOptions: OptionItem[] = [\n  {\n    label: \"Auto\",\n    value: \"auto\",\n    icon: (\n      <BrightnessAutoRoundedIcon\n        color=\"inherit\"\n        sx={{ fontSize: OPTION_ICON_SIZE }}\n      />\n    ),\n  },\n  {\n    label: \"System\",\n    value: \"system\",\n    icon: (\n      <PersonalVideoRoundedIcon\n        color=\"inherit\"\n        sx={{ fontSize: OPTION_ICON_SIZE }}\n      />\n    ),\n  },\n  {\n    label: \"Light\",\n    value: \"light\",\n    icon: (\n      <LightModeRoundedIcon\n        color=\"inherit\"\n        sx={{ fontSize: OPTION_ICON_SIZE }}\n      />\n    ),\n  },\n  {\n    label: \"Dark\",\n    value: \"dark\",\n    icon: (\n      <DarkModeRoundedIcon\n        color=\"inherit\"\n        sx={{ fontSize: OPTION_ICON_SIZE }}\n      />\n    ),\n  },\n];\n","import type { ColorPaletteType } from \"../models\";\n\nexport const defaultColorPalette: ColorPaletteType = {\n  fontDark: \"#101727\",\n  fontLight: \"#f0f0f0\",\n  // Generic tokens\n  brand: \"#9FA9EA\",\n  accent: \"#F3503A\",\n  muted: \"#64748B\",\n  // MUI-like defaults\n  success: \"#2E7D32\",\n  info: \"#0288D1\",\n  warning: \"#ED6C02\",\n  error: \"#D32F2F\",\n  neutral: \"#64748B\",\n};\n","import { createContext, useContext } from \"react\";\n\nimport type { ThemeContextProps } from \"../models\";\n\nexport const ThemeContext = createContext<ThemeContextProps | undefined>(\n  undefined,\n);\n\nexport const useThemeSettings = (): ThemeContextProps => {\n  const context = useContext(ThemeContext);\n  if (!context)\n    throw new Error(\n      \"useThemeSettings must be used within ThemeProviderWrapper\",\n    );\n  return context;\n};\n","import { useMemo, useState, useEffect } from \"react\";\nimport { ThemeProvider as EmotionThemeProvider } from \"@emotion/react\";\nimport { ThemeProvider as MuiThemeProvider } from \"@mui/material/styles\";\n\nimport {\n  createCustomTheme,\n  GlobalStyles,\n  setColorPaletteOverride,\n  getColorPalette,\n} from \"../styles\";\nimport { isDarkMode, useSystemTheme } from \"../utils\";\n\nimport { ThemeContext } from \"./ThemeContext\";\n\nimport type { ColorPaletteType } from \"../models\";\nimport type { FC, PropsWithChildren } from \"react\";\n\ntype ThemeProviderWrapperProps = PropsWithChildren<{\n  /** Optional font stack to apply across the app. */\n  fontFamily?: string;\n  /**\n   * Optional dynamic list of themes.\n   * Takes precedence over static defaults when provided.\n   */\n  themes?: {\n    name: string;\n    primaryColor: string;\n    secondaryColor?: string;\n    background?: {\n      light?: { default?: string; paper?: string };\n      dark?: { default?: string; paper?: string };\n    };\n  }[];\n  /** Optional color palette override (e.g., fontLight/fontDark/accent colors). */\n  colorPaletteOverride?: Partial<ColorPaletteType>;\n}>;\n\nexport const ThemeProviderWrapper: FC<ThemeProviderWrapperProps> = ({\n  children,\n  fontFamily,\n  themes: themesInput,\n  colorPaletteOverride,\n}) => {\n  const systemTheme = useSystemTheme();\n\n  // Apply palette overrides when provided (no-op otherwise)\n  useEffect(() => {\n    setColorPaletteOverride(colorPaletteOverride);\n  }, [colorPaletteOverride]);\n\n  // SSR-safe initial settings\n  const [theme, setTheme] = useState<string>(\"system\");\n  const [darkMode, setDarkMode] = useState<\n    \"light\" | \"dark\" | \"system\" | \"auto\"\n  >(\"auto\");\n\n  // Hydrate from localStorage on client\n  useEffect(() => {\n    if (globalThis.window === undefined) return;\n    try {\n      const storedRaw = globalThis.localStorage.getItem(\"appSettings\");\n      if (storedRaw) {\n        const stored = JSON.parse(storedRaw);\n        if (stored.theme) setTheme(stored.theme);\n        if (stored.darkMode) setDarkMode(stored.darkMode);\n      }\n    } catch {\n      /* empty */\n    }\n  }, []);\n\n  // Persist settings\n  useEffect(() => {\n    if (globalThis.window === undefined) return;\n    try {\n      globalThis.localStorage.setItem(\n        \"appSettings\",\n        JSON.stringify({ theme, darkMode }),\n      );\n    } catch {\n      /* empty */\n    }\n  }, [theme, darkMode]);\n\n  const themesSource = useMemo(() => {\n    if (themesInput && themesInput.length > 0) {\n      return themesInput;\n    }\n    // Fallback: single default theme based on palette brand\n    const defaultPrimary = getColorPalette().brand;\n    return [\n      {\n        name: \"Default\",\n        primaryColor: defaultPrimary,\n      },\n    ];\n  }, [themesInput]);\n\n  const selectedTheme = useMemo(() => {\n    if (theme === \"system\" || systemTheme === \"unknown\") {\n      return themesSource[0];\n    }\n    return themesSource.find((t) => t.name === theme) || themesSource[0];\n  }, [systemTheme, theme, themesSource]);\n\n  const mode = useMemo(\n    () => (isDarkMode(darkMode, systemTheme) ? \"dark\" : \"light\"),\n    [darkMode, systemTheme],\n  );\n\n  const muiTheme = useMemo(() => {\n    const bg = selectedTheme.background?.[mode];\n    return createCustomTheme(\n      selectedTheme.primaryColor,\n      mode,\n      selectedTheme.secondaryColor,\n      bg,\n    );\n  }, [selectedTheme, mode]);\n\n  const emotionTheme = useMemo(() => ({ darkMode: mode === \"dark\" }), [mode]);\n\n  return (\n    <ThemeContext.Provider value={{ theme, darkMode, setTheme, setDarkMode }}>\n      <MuiThemeProvider theme={muiTheme}>\n        <EmotionThemeProvider theme={emotionTheme}>\n          <GlobalStyles fontFamily={fontFamily} />\n          {children}\n        </EmotionThemeProvider>\n      </MuiThemeProvider>\n    </ThemeContext.Provider>\n  );\n};\n","import type { Theme } from \"@mui/material\";\n\n/**\n * Common component style overrides and default props shared across the design system.\n * This object should be spread into the `components` field of the MUI theme.\n */\nexport const commonComponentProps: Theme[\"components\"] = {\n  MuiTooltip: {\n    defaultProps: {\n      disableInteractive: true,\n    },\n    styleOverrides: {\n      tooltip: ({ theme }) => ({\n        backdropFilter: \"blur(6px)\",\n        WebkitBackdropFilter: \"blur(6px)\",\n        padding: \"8px 16px\",\n        borderRadius: theme.shape.borderRadius,\n        fontSize: \"12px\",\n      }),\n    },\n  },\n\n  MuiButton: {\n    styleOverrides: {\n      root: ({ theme }) => ({\n        padding: \"12px 24px\",\n        borderRadius: theme.shape.borderRadius,\n      }),\n      contained: {\n        boxShadow: \"none\",\n      },\n    },\n  },\n\n  MuiSkeleton: {\n    styleOverrides: {\n      root: ({ theme }) => ({\n        borderRadius: theme.shape.borderRadius,\n      }),\n    },\n  },\n\n  MuiSelect: {\n    styleOverrides: {\n      root: ({ theme }) => ({\n        borderRadius: theme.shape.borderRadius,\n      }),\n      select: {\n        display: \"flex\",\n        justifyContent: \"flex-start\",\n        alignItems: \"center\",\n        gap: \"4px\",\n      },\n    },\n  },\n\n  MuiDialog: {\n    defaultProps: {\n      slotProps: {\n        paper: {\n          style: {\n            padding: \"12px\",\n            borderRadius: 24, // оставить явно, если это критично\n            minWidth: \"400px\",\n          },\n        },\n      },\n    },\n    styleOverrides: {\n      root: {\n        \"& .MuiDialog-container\": {\n          backdropFilter: \"blur(4px)\",\n        },\n      },\n    },\n  },\n\n  MuiAvatar: {\n    styleOverrides: {\n      root: {\n        fontWeight: 500,\n      },\n    },\n  },\n\n  MuiAlert: {\n    styleOverrides: {\n      root: ({ theme }) => ({\n        borderRadius: theme.shape.borderRadius,\n      }),\n    },\n  },\n\n  MuiTextField: {\n    defaultProps: {\n      variant: \"outlined\", // по умолчанию, если нужно\n    },\n    styleOverrides: {\n      root: ({ theme }) => ({\n        \"& .MuiInputBase-root\": {\n          borderRadius: theme.shape.borderRadius,\n        },\n      }),\n    },\n  },\n\n  MuiOutlinedInput: {\n    styleOverrides: {\n      root: ({ theme }) => ({\n        color: theme.palette.primary.main,\n        \"& fieldset\": {\n          borderColor: theme.palette.primary.main,\n        },\n        \"&:hover fieldset\": {\n          borderColor: theme.palette.primary.dark,\n        },\n        \"&.Mui-focused fieldset\": {\n          borderColor: theme.palette.primary.main,\n        },\n      }),\n    },\n  },\n\n  MuiInputLabel: {\n    styleOverrides: {\n      root: ({ theme }) => ({\n        color: theme.palette.primary.main,\n        \"&.Mui-focused\": {\n          color: theme.palette.primary.main,\n        },\n      }),\n    },\n  },\n  MuiFormHelperText: {\n    styleOverrides: {\n      root: ({ theme }) => ({\n        color: theme.palette.error.main,\n      }),\n    },\n  },\n\n  MuiPaper: {\n    styleOverrides: {\n      root: ({ theme }) => ({\n        borderRadius: theme.shape.borderRadius,\n      }),\n      elevation8: ({ theme }) => ({\n        borderRadius: theme.shape.borderRadius,\n      }),\n    },\n  },\n\n  MuiMenuItem: {\n    styleOverrides: {\n      root: ({ theme }) => ({\n        borderRadius: theme.shape.borderRadius,\n      }),\n    },\n  },\n\n  MuiBottomNavigationAction: {\n    styleOverrides: {\n      root: ({ theme }) => ({\n        borderRadius: theme.shape.borderRadius,\n        padding: \"12px\",\n        margin: 0,\n        maxHeight: \"none\",\n      }),\n    },\n  },\n\n  MuiDialogContent: {\n    styleOverrides: {\n      root: {\n        padding: 0,\n      },\n    },\n  },\n\n  MuiSlider: {\n    styleOverrides: {\n      valueLabel: ({ theme }) => ({\n        borderRadius: theme.shape.borderRadius,\n        padding: \"6px 14px\",\n        \"&::before, &::after\": {\n          display: \"none\",\n        },\n      }),\n    },\n  },\n\n  MuiCircularProgress: {\n    styleOverrides: {\n      circle: {\n        strokeLinecap: \"round\",\n      },\n    },\n  },\n\n  MuiTab: {\n    styleOverrides: {\n      root: ({ theme }) => ({\n        borderRadius: theme.shape.borderRadius,\n      }),\n    },\n  },\n\n  MuiAccordion: {\n    styleOverrides: {\n      root: {\n        \"&::before\": {\n          display: \"none\",\n        },\n      },\n    },\n  },\n};\n","import { createTheme } from \"@mui/material\";\n\nimport { commonComponentProps } from \"./commonComponents\";\nimport { getColorPalette } from \"./themeConfig\";\nimport { muiTypography, typographyVariants } from \"./typography\";\n\nimport type { PaletteMode, Theme } from \"@mui/material\";\n\nexport const createCustomTheme = (\n  primaryColor: string,\n  mode: PaletteMode = \"light\",\n  secondaryColor?: string,\n  background?: { default?: string; paper?: string },\n): Theme => {\n  const isDark = mode === \"dark\";\n\n  // 1) БАЗА MUI по выбранному режиму — даёт корректные text, action, grey и т.д.\n  const base = createTheme({\n    palette: { mode },\n  });\n\n  // 2) ТОЧЕЧНЫЕ ОВЕРРАЙДЫ поверх базы\n  return createTheme(base, {\n    palette: {\n      primary: { ...base.palette.primary, main: primaryColor },\n      // Brand follows active theme primary\n      brand: base.palette.augmentColor({ color: { main: primaryColor } }),\n      neutral: base.palette.augmentColor({\n        color: { main: getColorPalette().neutral },\n      }),\n      accent: base.palette.augmentColor({\n        color: { main: getColorPalette().accent },\n      }),\n      muted: base.palette.augmentColor({\n        color: { main: getColorPalette().muted },\n      }),\n      ...(secondaryColor\n        ? { secondary: { ...base.palette.secondary, main: secondaryColor } }\n        : {}),\n      error: { ...base.palette.error, main: getColorPalette().error },\n      warning: { ...base.palette.warning, main: getColorPalette().warning },\n      success: { ...base.palette.success, main: getColorPalette().success },\n      info: { ...base.palette.info, main: getColorPalette().info },\n\n      background: (() => {\n        const baseBg = isDark\n          ? { default: \"#1C1C1E\", paper: \"#2C2C2E\" }\n          : { default: \"#F2F2F7\", paper: \"#FFFFFF\" };\n        return { ...base.palette.background, ...baseBg, ...background };\n      })(),\n\n      divider: isDark ? \"rgba(255,255,255,0.12)\" : \"rgba(0,0,0,0.12)\",\n    },\n\n    // Остальные ваши настройки — без изменений\n    components: {\n      ...commonComponentProps,\n      MuiTypography: muiTypography,\n    },\n    typography: {\n      ...typographyVariants,\n      // Let application control font via CSS variable; default to Mulish stack\n      fontFamily:\n        'var(--app-font-family, \"Mulish\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif)',\n    } as any,\n    shape: { borderRadius: 24 },\n  });\n};\n\n/**\n * A predefined list of named themes based on the `themeConfig` definition.\n */\n// No static theme list export — themes are provided dynamically via ThemeProviderWrapper.\n","import { defaultColorPalette } from \"../constants\";\n\nimport type { ColorPaletteType } from \"../models\";\n\nlet currentColorPalette: ColorPaletteType = { ...defaultColorPalette };\n\n/** Returns the active color palette, allowing app-level overrides. */\nexport const getColorPalette = (): ColorPaletteType => currentColorPalette;\n\n/**\n * Overrides the active color palette with app-provided values.\n * Pass `undefined` or empty to reset to defaults.\n */\nexport const setColorPaletteOverride = (\n  override?: Partial<ColorPaletteType>,\n): void => {\n  currentColorPalette = { ...defaultColorPalette, ...override };\n};\n\n/** Backward-compatible live view of the active palette. */\nexport const ColorPalette: Readonly<ColorPaletteType> = {\n  get fontDark() {\n    return currentColorPalette.fontDark;\n  },\n  get fontLight() {\n    return currentColorPalette.fontLight;\n  },\n  get brand() {\n    return currentColorPalette.brand;\n  },\n  get accent() {\n    return currentColorPalette.accent;\n  },\n  get muted() {\n    return currentColorPalette.muted;\n  },\n  get success() {\n    return currentColorPalette.success;\n  },\n  get info() {\n    return currentColorPalette.info;\n  },\n  get warning() {\n    return currentColorPalette.warning;\n  },\n  get error() {\n    return currentColorPalette.error;\n  },\n  get neutral() {\n    return currentColorPalette.neutral;\n  },\n};\n","import type {\n  Components,\n  Theme,\n  TypographyVariantsOptions,\n} from \"@mui/material\";\n\n/**\n * Mapping of custom typography variants to corresponding HTML elements.\n */\nexport const muiTypography: Components<Theme>[\"MuiTypography\"] = {\n  defaultProps: {\n    variantMapping: {\n      // TEXT REGULAR\n      text_xl_regular: \"p\",\n      text_lg_regular: \"p\",\n      text_md_regular: \"p\",\n      text_sm_regular: \"p\",\n      text_xs_regular: \"p\",\n      text_2xs_regular: \"p\",\n\n      // TEXT BOLD\n      text_xl_bold: \"p\",\n      text_lg_bold: \"p\",\n      text_md_bold: \"p\",\n      text_sm_bold: \"p\",\n      text_xs_bold: \"p\",\n      text_2xs_bold: \"p\",\n\n      // TEXT SEMIBOLD\n      text_xl_semibold: \"p\",\n      text_lg_semibold: \"p\",\n      text_md_semibold: \"p\",\n      text_sm_semibold: \"p\",\n      text_xs_semibold: \"p\",\n      text_2xs_semibold: \"p\",\n\n      // TEXT THIN\n      text_xl_thin: \"p\",\n      text_lg_thin: \"p\",\n      text_md_thin: \"p\",\n      text_sm_thin: \"p\",\n      text_xs_thin: \"p\",\n      text_2xs_thin: \"p\",\n\n      // HEADER REGULAR\n      header_2xl_regular: \"h1\",\n      header_xl_regular: \"h2\",\n      header_lg_regular: \"h3\",\n      header_md_regular: \"h4\",\n      header_sm_regular: \"h5\",\n      header_xs_regular: \"h6\",\n\n      // DISPLAY BOLD\n      header_2xl_bold: \"h1\",\n      header_xl_bold: \"h2\",\n      header_lg_bold: \"h3\",\n      header_md_bold: \"h4\",\n      header_sm_bold: \"h5\",\n      header_xs_bold: \"h6\",\n\n      // HEADER SEMIBOLD\n      header_2xl_semibold: \"h1\",\n      header_xl_semibold: \"h2\",\n      header_lg_semibold: \"h3\",\n      header_md_semibold: \"h4\",\n      header_sm_semibold: \"h5\",\n      header_xs_semibold: \"h6\",\n    },\n  },\n};\n\n/**\n * Custom typography variant definitions with adjusted display sizes.\n */\nexport const typographyVariants: TypographyVariantsOptions = {\n  text_xl_regular: { font: \"400 20px/30px inherit inherit\" },\n  text_lg_regular: { font: \"400 18px/28px inherit inherit\" },\n  text_md_regular: { font: \"400 16px/24px inherit inherit\" },\n  text_sm_regular: { font: \"400 14px/20px inherit inherit\" },\n  text_xs_regular: { font: \"400 12px/18px inherit inherit\" },\n  text_2xs_regular: { font: \"400 10px/14px inherit inherit\" },\n\n  text_xl_bold: { font: \"700 20px/30px inherit inherit\" },\n  text_lg_bold: { font: \"700 18px/28px inherit inherit\" },\n  text_md_bold: { font: \"700 16px/24px inherit inherit\" },\n  text_sm_bold: { font: \"700 14px/20px inherit inherit\" },\n  text_xs_bold: { font: \"700 12px/18px inherit inherit\" },\n  text_2xs_bold: { font: \"700 10px/14px inherit inherit\" },\n\n  text_xl_semibold: { font: \"600 20px/30px inherit inherit\" },\n  text_lg_semibold: { font: \"600 18px/28px inherit inherit\" },\n  text_md_semibold: { font: \"600 16px/24px inherit inherit\" },\n  text_sm_semibold: { font: \"600 14px/20px inherit inherit\" },\n  text_xs_semibold: { font: \"600 12px/18px inherit inherit\" },\n  text_2xs_semibold: { font: \"600 10px/14px inherit inherit\" },\n\n  text_xl_thin: { font: \"100 20px/30px inherit inherit\" },\n  text_lg_thin: { font: \"100 18px/28px inherit inherit\" },\n  text_md_thin: { font: \"100 16px/24px inherit inherit\" },\n  text_sm_thin: { font: \"100 14px/20px inherit inherit\" },\n  text_xs_thin: { font: \"100 12px/18px inherit inherit\" },\n  text_2xs_thin: { font: \"100 10px/14px inherit inherit\" },\n\n  header_2xl_regular: { font: \"400 34px/42px inherit inherit\" },\n  header_xl_regular: { font: \"400 32px/40px inherit inherit\" },\n  header_lg_regular: { font: \"400 28px/36px inherit inherit\" },\n  header_md_regular: { font: \"400 24px/32px inherit inherit\" },\n  header_sm_regular: { font: \"400 20px/28px inherit inherit\" },\n  header_xs_regular: { font: \"400 18px/26px inherit inherit\" },\n\n  header_2xl_bold: { font: \"700 34px/42px inherit inherit\" },\n  header_xl_bold: { font: \"700 32px/40px inherit inherit\" },\n  header_lg_bold: { font: \"700 28px/36px inherit inherit\" },\n  header_md_bold: { font: \"700 24px/32px inherit inherit\" },\n  header_sm_bold: { font: \"700 20px/28px inherit inherit\" },\n  header_xs_bold: { font: \"700 18px/26px inherit inherit\" },\n\n  // HEADER SEMIBOLD\n  header_2xl_semibold: { font: \"600 34px/42px inherit inherit\" },\n  header_xl_semibold: { font: \"600 32px/40px inherit inherit\" },\n  header_lg_semibold: { font: \"600 28px/36px inherit inherit\" },\n  header_md_semibold: { font: \"600 24px/32px inherit inherit\" },\n  header_sm_semibold: { font: \"600 20px/28px inherit inherit\" },\n  header_xs_semibold: { font: \"600 18px/26px inherit inherit\" },\n};\n","import { useMemo } from \"react\";\nimport { Global, css } from \"@emotion/react\";\nimport { useTheme } from \"@mui/material/styles\";\n\nimport { getFontColor } from \"../utils\";\n\nimport type { FC } from \"react\";\n\n/**\n * Injects global styles into the document using Emotion.\n * These styles include font setup, base HTML styles, custom scrollbars,\n * selection styling, and some accessibility tweaks.\n *\n * Uses the MUI theme to dynamically adjust colors for light/dark mode.\n */\ninterface GlobalStylesProps {\n  /** Optional font stack to apply across the app. */\n  fontFamily?: string;\n}\n\nexport const GlobalStyles: FC<GlobalStylesProps> = ({ fontFamily }) => {\n  const theme = useTheme();\n  const isDarkMode = theme.palette.mode === \"dark\";\n\n  const primaryColor = theme.palette.primary.main;\n  const backgroundDefault = theme.palette.background.default;\n\n  const primaryFontColor = useMemo(\n    () => getFontColor(primaryColor),\n    [primaryColor],\n  );\n\n  return (\n    <Global\n      styles={css`\n        /* Allow application to control font via CSS var or prop */\n        :root {\n          ${fontFamily ? `--app-font-family: ${fontFamily};` : \"\"}\n        }\n        * {\n          font-family:\n            var(\n              --app-font-family,\n              \"Mulish\",\n              system-ui,\n              -apple-system,\n              \"Segoe UI\",\n              Roboto,\n              Arial\n            ),\n            sans-serif !important;\n          -webkit-tap-highlight-color: transparent;\n          &::selection {\n            background-color: ${`${primaryColor}e1`};\n            color: ${primaryFontColor};\n          }\n        }\n\n        html,\n        body,\n        #root {\n          height: 100%;\n          margin: 0;\n        }\n\n        :root {\n          height: 100%;\n          /* default fallback font; apps can override via --app-font-family */\n          font-family: var(\n              --app-font-family,\n              \"Mulish\",\n              system-ui,\n              -apple-system,\n              \"Segoe UI\",\n              Roboto,\n              Arial,\n              sans-serif\n            )\n            sans-serif;\n          line-height: 1.5;\n          font-weight: 400;\n          color-scheme: ${isDarkMode ? \"dark\" : \"light\"};\n          font-synthesis: none;\n          text-rendering: optimizeLegibility;\n          -webkit-font-smoothing: antialiased;\n          -moz-osx-font-smoothing: grayscale;\n          -webkit-text-size-adjust: 100%;\n        }\n\n        body {\n          margin: 0;\n          height: 100%;\n          overflow: auto;\n          touch-action: manipulation;\n          background: ${backgroundDefault};\n          background-attachment: fixed;\n          background-size: cover;\n          transition: 0.3s background;\n\n          ::-webkit-scrollbar {\n            width: 8px;\n            background-color: ${backgroundDefault};\n          }\n          ::-webkit-scrollbar-thumb {\n            background-color: ${primaryColor};\n            border-radius: 64px;\n          }\n          ::-webkit-scrollbar-thumb:hover {\n            background-color: ${`${primaryColor}d8`};\n          }\n          ::-webkit-scrollbar-track {\n            border-radius: 64px;\n            background-color: ${backgroundDefault};\n          }\n        }\n\n        a {\n          text-decoration: none;\n          color: inherit;\n        }\n\n        img {\n          user-select: none;\n        }\n\n        input[type=\"file\"]::-webkit-file-upload-button {\n          display: none;\n        }\n\n        input[type=\"datetime-local\"]:placeholder-shown {\n          color: transparent !important;\n        }\n\n        pre {\n          padding: 16px;\n          border-radius: 18px;\n          overflow-x: auto;\n        }\n\n        .MuiDialogContent-root,\n        .MuiDrawer-paper,\n        .customScrollbar,\n        textarea {\n          ::-webkit-scrollbar {\n            width: 8px;\n            background-color: ${backgroundDefault};\n          }\n          ::-webkit-scrollbar-thumb {\n            background-color: ${primaryColor};\n            border-radius: 64px;\n          }\n          ::-webkit-scrollbar-thumb:hover {\n            background-color: ${`${primaryColor}d8`};\n          }\n          ::-webkit-scrollbar-track {\n            border-radius: 64px;\n            background-color: ${backgroundDefault};\n          }\n        }\n\n        /* react-spring-bottom-sheet styles */\n        div[role=\"dialog\"] {\n          border-radius: 42px 42px 0 0;\n          z-index: 9999999;\n        }\n      `}\n    />\n  );\n};\n","import { getColorPalette } from \"../styles/themeConfig\";\n\n/**\n * Validates whether a given string is a valid 3- or 6-digit hex color code (e.g., \"#fff\" or \"#ffffff\").\n *\n * @param value - The string to check.\n * @returns `true` if the string is a valid hex color; otherwise, `false`.\n */\nexport const isHexColor = (value: string): boolean =>\n  /^#([\\dA-Fa-f]{3}|[\\dA-Fa-f]{6})$/.test(value);\n\n/**\n * Determines the ideal font color (white or black) for contrast against a given background color.\n *\n * Uses luminance calculation (YIQ) to ensure accessibility and visual clarity.\n *\n * @param backgroundColor - A valid hex color (e.g., \"#ffffff\").\n * @returns A hex color string (`fontLight` or `fontDark`) suitable for overlay text.\n */\nexport const getFontColor = (backgroundColor: string): string => {\n  if (!isHexColor(backgroundColor)) {\n    // eslint-disable-next-line no-console -- Allow\n    console.error(\"Invalid hex color provided:\", backgroundColor);\n    return getColorPalette().fontDark;\n  }\n\n  const hex = backgroundColor.slice(1);\n\n  const fullHex =\n    hex.length === 3\n      ? hex\n          .split(\"\")\n          .map((c) => c + c)\n          .join(\"\")\n      : hex;\n\n  const r = Number.parseInt(fullHex.slice(0, 2), 16);\n  const g = Number.parseInt(fullHex.slice(2, 4), 16);\n  const b = Number.parseInt(fullHex.slice(4, 6), 16);\n\n  const brightness = Math.round((r * 299 + g * 587 + b * 114) / 1000);\n\n  const palette = getColorPalette();\n  return brightness > 128 ? palette.fontDark : palette.fontLight;\n};\n\n/**\n * Determines whether the ideal font color for a background is light (i.e., white).\n *\n * @param color - The background color in hex.\n * @returns `true` if white text is recommended; otherwise, `false`.\n */\nexport const isFontLight = (color: string): boolean =>\n  getFontColor(color) === getColorPalette().fontLight;\n","/**\n * Returns a greeting based on the current time.\n * @returns {string} The appropriate greeting.\n */\nexport const displayGreeting = (): string => {\n  const currentHour = new Date().getHours();\n  if (currentHour >= 5 && currentHour < 12) return \"Good morning\";\n  if (currentHour > 12 && currentHour < 18) return \"Good afternoon\";\n  return \"Good evening\";\n};\n","/**\n * Function to extract year, month, and day from a Date object\n */\nexport const getDayIdentifier = (date: Date) => {\n  const year = date.getFullYear();\n  const month = String(date.getMonth() + 1).padStart(2, \"0\"); // Months are zero-based in JavaScript\n  const day = String(date.getDate()).padStart(2, \"0\");\n  return `${year}-${month}-${day}`;\n};\n","/**\n * A list of supported operating systems.\n */\nexport type OperatingSystem =\n  | \"Windows\"\n  | \"macOS\"\n  | \"Linux\"\n  | \"iOS\"\n  | \"Android\"\n  | \"Unknown\";\n\n/**\n * A list of supported browsers.\n */\nexport type Browser = \"Chrome\" | \"Firefox\" | \"Safari\" | \"Edge\" | \"Unknown\";\n\n/**\n * Detects the user's operating system based on the user agent string.\n * Safe for SSR: falls back to \"Unknown\" on server.\n */\nexport const getOperatingSystem = (): OperatingSystem => {\n  const ua = (\n    typeof navigator === \"undefined\" ? \"\" : navigator.userAgent\n  ).toLowerCase();\n\n  if (ua.includes(\"windows nt\")) return \"Windows\";\n  if (ua.includes(\"iphone\") || ua.includes(\"ipad\") || ua.includes(\"ipod\"))\n    return \"iOS\";\n  if (ua.includes(\"mac\")) return \"macOS\";\n  if (ua.includes(\"android\")) return \"Android\";\n  if (ua.includes(\"linux\")) return \"Linux\";\n\n  return \"Unknown\";\n};\n\n/**\n * Detects the user's browser based on the user agent string.\n * Safe for SSR: falls back to \"Unknown\" on server.\n */\nexport const getBrowser = (): Browser => {\n  const ua = (\n    typeof navigator === \"undefined\" ? \"\" : navigator.userAgent\n  ).toLowerCase();\n\n  // Order matters: Edge must come before Chrome\n  if (ua.includes(\"edg\")) return \"Edge\";\n  if (ua.includes(\"chrome\")) return \"Chrome\";\n  if (ua.includes(\"firefox\")) return \"Firefox\";\n  if (ua.includes(\"safari\")) return \"Safari\";\n\n  return \"Unknown\";\n};\n\n/**\n * Basic information about the user's system (OS and browser).\n * Safe for SSR: resolves to Unknown values on server.\n */\nexport const systemInfo = {\n  os:\n    typeof navigator === \"undefined\"\n      ? (\"Unknown\" as OperatingSystem)\n      : getOperatingSystem(),\n  browser:\n    typeof navigator === \"undefined\" ? (\"Unknown\" as Browser) : getBrowser(),\n};\n","import type { AppSettings, SystemTheme } from \"../models\";\n\n/**\n * Determines whether dark mode should be enabled based on user settings and system conditions.\n *\n * @param darkMode - User preference: 'light' | 'dark' | 'system' | 'auto'.\n * @param systemTheme - Detected OS-level theme: 'light' | 'dark'.\n * @param backgroundColor - The background color to assess contrast in 'auto' mode.\n * @returns True if dark mode should be used.\n */\nexport const isDarkMode = (\n  darkMode: AppSettings[\"darkMode\"],\n  systemTheme: SystemTheme,\n): boolean => {\n  switch (darkMode) {\n    case \"light\": {\n      return false;\n    }\n    case \"dark\": {\n      return true;\n    }\n    case \"system\": {\n      return systemTheme === \"dark\";\n    }\n    default: {\n      return false;\n    }\n  }\n};\n","/**\n * Converts a given date to a human-readable relative time string.\n *\n * @param {Date} date - The date to be converted.\n * @param lang\n * @returns {string} A string representing the relative time using `Intl` format (e.g., \"2 days ago\").\n */\nexport const timeAgo = (date: Date, lang?: string): string => {\n  const locale =\n    lang ?? (typeof navigator === \"undefined\" ? \"en-US\" : navigator.language);\n  // Get the current date and time\n  const now = new Date();\n  date = new Date(date);\n  // Calculate the time difference in seconds\n  const diffInSeconds = Math.floor((now.getTime() - date.getTime()) / 1000);\n\n  // Create an Intl.RelativeTimeFormat instance with the user's language\n  const rtf = new Intl.RelativeTimeFormat(locale, { numeric: \"auto\" });\n\n  // Determine the appropriate unit and format the result\n  if (diffInSeconds < 60) {\n    return rtf.format(-diffInSeconds, \"second\");\n  }\n  if (diffInSeconds < 3600) {\n    const minutes = Math.floor(diffInSeconds / 60);\n    return rtf.format(-minutes, \"minute\");\n  }\n  if (diffInSeconds < 86_400) {\n    const hours = Math.floor(diffInSeconds / 3600);\n    return rtf.format(-hours, \"hour\");\n  }\n  const days = Math.floor(diffInSeconds / 86_400);\n  return rtf.format(-days, \"day\");\n};\n\nexport const timeAgoFromStart = (date: Date, lang?: string): string => {\n  const locale =\n    lang ?? (typeof navigator === \"undefined\" ? \"en-US\" : navigator.language);\n  const now = new Date();\n  date = new Date(date);\n  const difference = (date.getTime() - now.getTime()) / 1000;\n  const differenceHours = Math.floor(difference / (60 * 60));\n  const differenceMinutes = Math.floor(\n    (difference - 60 * 60 * differenceHours) / 60,\n  );\n  const diffInSeconds = Math.floor(\n    difference - 60 * 60 * differenceHours - 60 * differenceMinutes,\n  );\n\n  const rtf = new Intl.RelativeTimeFormat(locale, { numeric: \"auto\" });\n\n  if (differenceMinutes === 0 && diffInSeconds < 60) {\n    return rtf.format(diffInSeconds, \"second\");\n  }\n  if (differenceHours === 0 && differenceMinutes < 60) {\n    return rtf.format(differenceMinutes, \"minute\");\n  }\n  if (differenceHours < 24) {\n    const hours = `${new Intl.RelativeTimeFormat(locale, {\n      numeric: \"auto\",\n    }).format(differenceHours, \"hour\")}`;\n    const minutes = ` ${new Intl.RelativeTimeFormat(locale, {\n      localeMatcher: \"lookup\",\n      numeric: \"always\",\n      style: \"long\",\n    }).format(differenceMinutes, \"minute\")}`.replace(/^\\D+/, \"\");\n    return `${hours} ${minutes}`;\n  }\n\n  const days = Math.floor(diffInSeconds / 86_400);\n  return rtf.format(days, \"day\");\n};\n","import { useEffect, useState } from \"react\";\n\n/**\n * A custom React hook to determine if the current device is a smaller device\n * based on the screen width.\n * @param [breakpoint=768] - The breakpoint in pixels at which a device is considered \"smaller\".\n * @returns {boolean} - A boolean value indicating whether the current device is a smaller device.\n */\nexport const useResponsiveDisplay = (breakpoint = 768): boolean => {\n  const [isSmallerDevice, setIsSmallerDevice] = useState<boolean>(false);\n\n  useEffect(() => {\n    const checkScreenSize = () => {\n      setIsSmallerDevice(window.innerWidth < breakpoint);\n    };\n    checkScreenSize();\n    const handleResize = () => checkScreenSize();\n    window.addEventListener(\"resize\", handleResize);\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n  }, [breakpoint]);\n\n  return isSmallerDevice;\n};\n","import { useState, useEffect } from \"react\";\n\nimport type { SystemTheme } from \"../models\";\n\n/**\n * A React hook to detect the system theme preference.\n * @returns The current system theme ('light', 'dark', or 'unknown').\n */\nexport const useSystemTheme = (): SystemTheme => {\n  const [theme, setTheme] = useState<SystemTheme>(\"unknown\");\n  useEffect(() => {\n    const mediaQueryListener = (e: MediaQueryListEvent) => {\n      setTheme(e.matches ? \"dark\" : \"light\");\n    };\n\n    const prefersDarkScheme = globalThis.matchMedia(\n      \"(prefers-color-scheme: dark)\",\n    );\n    setTheme(prefersDarkScheme.matches ? \"dark\" : \"light\");\n\n    // Listen for changes in system theme\n    prefersDarkScheme.addEventListener(\"change\", mediaQueryListener);\n\n    return () => {\n      prefersDarkScheme.removeEventListener(\"change\", mediaQueryListener);\n    };\n  }, []);\n\n  return theme;\n};\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * Fade in from the left with slight movement on the X-axis.\n */\nexport const fadeInLeft = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(-40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\n/**\n * Simple fade in animation (opacity only).\n */\nexport const fadeIn = keyframes`\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n`;\n\n/**\n * Slide in from the left side of the screen.\n */\nexport const slideIn = keyframes`\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n`;\n\n/**\n * Slide in from the bottom of the screen.\n */\nexport const slideInBottom = keyframes`\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n`;\n\n/**\n * Scale from 0 to full size.\n */\nexport const scale = keyframes`\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n`;\n\n/**\n * Creates a pulsating animation using scale and box-shadow.\n * Simulates a glowing effect.\n *\n * @param clr - The base color for the shadow in hex format.\n * @param shadowBlur - The maximum spread of the shadow during the pulse (default: 12).\n * @returns Emotion keyframes animation.\n */\nexport const pulseAnimation = (clr: string, shadowBlur = 12) => keyframes`\n  0% {\n    transform: scale(0.95);\n    box-shadow: 0 0 0 0 ${clr}b2;\n  }\n  70% {\n    transform: scale(1);\n    box-shadow: 0 0 0 ${shadowBlur}px ${clr}00;\n  }\n  100% {\n    transform: scale(0.95);\n    box-shadow: 0 0 0 0 ${clr}00;\n  }\n`;\n\n/**\n * Creates a glowing pulse animation using drop-shadow.\n * Used in progress or highlight elements.\n *\n * @param clr - The glow color in hex.\n * @returns Emotion keyframes animation.\n */\nexport const progressPulse = (clr: string) => keyframes`\n  0% {\n    filter: none;\n  }\n  50% {\n    filter: drop-shadow(0 0 10px ${clr}78);\n  }\n  100% {\n    filter: none;\n  }\n`;\n\n/**\n * A bounce-scale animation used during logout transition.\n */\nexport const logoutAnimation = keyframes`\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  50% {\n    transform: scale(0.9) translateX(-2px);\n    opacity: 0.7;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n`;\n\n/**\n * Subtle bounce animation used for install app prompts.\n */\nexport const installAppAnimation = keyframes`\n  0% {\n    transform: translateY(0);\n  }\n  30% {\n    transform: translateY(-5px);\n  }\n  50% {\n    transform: translateY(2px);\n  }\n  70% {\n    transform: translateY(-2px);\n  }\n  100% {\n    transform: translateY(0);\n  }\n`;\n"],"mappings":"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","names":["index_exports","__export","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","__toCommonJS","import_styled","import_material","DialogBtn","styled","import_react","import_styled","import_ErrorOutlineRounded","import_material","import_jsx_runtime","ErrorBoundary","React","props","error","errorInfo","_a","_b","_c","state","Container","ErrorHeader","ErrorOutlineRounded","styled","import_react","import_styled","import_material","import_jsx_runtime","Loading","showLoading","setShowLoading","timer","Container","styled","import_styled","PathName","styled","import_BrightnessAutoRounded","import_DarkModeRounded","import_LightModeRounded","import_PersonalVideoRounded","import_jsx_runtime","OPTION_ICON_SIZE","darkModeOptions","BrightnessAutoRoundedIcon","PersonalVideoRoundedIcon","LightModeRoundedIcon","DarkModeRoundedIcon","defaultColorPalette","import_react","ThemeContext","useThemeSettings","context","import_react","import_styles","commonComponentProps","theme","import_material","currentColorPalette","defaultColorPalette","getColorPalette","setColorPaletteOverride","override","ColorPalette","muiTypography","typographyVariants","createCustomTheme","primaryColor","mode","secondaryColor","background","isDark","base","getColorPalette","baseBg","commonComponentProps","muiTypography","typographyVariants","import_react","import_styles","isHexColor","value","getFontColor","backgroundColor","getColorPalette","hex","fullHex","r","g","b","brightness","palette","isFontLight","color","displayGreeting","currentHour","getDayIdentifier","date","year","month","day","getOperatingSystem","ua","getBrowser","systemInfo","isDarkMode","darkMode","systemTheme","timeAgo","date","lang","locale","now","diffInSeconds","rtf","minutes","hours","days","timeAgoFromStart","difference","differenceHours","differenceMinutes","import_react","useResponsiveDisplay","breakpoint","isSmallerDevice","setIsSmallerDevice","checkScreenSize","handleResize","import_react","useSystemTheme","theme","setTheme","mediaQueryListener","e","prefersDarkScheme","import_jsx_runtime","GlobalStyles","fontFamily","theme","isDarkMode","primaryColor","backgroundDefault","primaryFontColor","getFontColor","import_react","fadeInLeft","fadeIn","slideIn","slideInBottom","scale","pulseAnimation","clr","shadowBlur","progressPulse","logoutAnimation","installAppAnimation","import_jsx_runtime","ThemeProviderWrapper","children","fontFamily","themesInput","colorPaletteOverride","systemTheme","useSystemTheme","setColorPaletteOverride","theme","setTheme","darkMode","setDarkMode","storedRaw","stored","e","themesSource","getColorPalette","selectedTheme","t","mode","isDarkMode","muiTheme","_a","bg","createCustomTheme","emotionTheme","ThemeContext","MuiThemeProvider","EmotionThemeProvider","GlobalStyles"]}
+{"version":3,"sources":["../src/index.ts","../src/components/DialogBtn.ts","../src/components/ErrorBoundary.tsx","../src/components/Loading.tsx","../src/components/PathName.ts","../src/constants/darkModeOptions.tsx","../src/constants/defaultColorPalette.ts","../src/context/ThemeContext.tsx","../src/context/ThemeProviderWrapper.tsx","../src/styles/commonComponents.ts","../src/styles/createTheme.ts","../src/styles/themeConfig.ts","../src/styles/typography.ts","../src/styles/GlobalStyles.tsx","../src/utils/colorUtils.ts","../src/utils/displayGreeting.ts","../src/utils/getDayIdentifier.ts","../src/utils/getSystemInfo.ts","../src/utils/isDarkMode.ts","../src/utils/timeAgo.ts","../src/utils/useResponsiveDisplay.ts","../src/utils/useSystemTheme.ts","../src/styles/keyframes.ts"],"sourcesContent":["export * from \"./components\";\nexport * from \"./constants\";\nexport * from \"./context\";\nexport * from \"./styles\";\nexport * from \"./utils\";\nexport * from \"./models\";\n","import styled from \"@emotion/styled\";\nimport { Button } from \"@mui/material\";\n\nexport const DialogBtn = styled(Button)`\n  padding: 10px 16px;\n  border-radius: 16px;\n  font-size: 16px;\n  margin: 8px;\n`;\n","/* eslint-disable @typescript-eslint/class-methods-use-this -- only for ErrorBoundary */\r\nimport React from \"react\";\r\nimport styled from \"@emotion/styled\";\r\nimport ErrorOutlineRounded from \"@mui/icons-material/ErrorOutlineRounded\";\r\nimport { Box } from \"@mui/material\";\r\n\r\nimport type { ErrorInfo } from \"react\";\r\n\r\ninterface ErrorBoundaryProps {\r\n  children: React.ReactNode;\r\n}\r\n\r\ninterface ErrorBoundaryState {\r\n  hasError: boolean;\r\n  error?: Error;\r\n}\r\n\r\n/**\r\n * ErrorBoundary component that catches and displays errors.\r\n */\r\nexport class ErrorBoundary extends React.Component<\r\n  ErrorBoundaryProps,\r\n  ErrorBoundaryState\r\n> {\r\n  constructor(props: ErrorBoundaryProps) {\r\n    super(props);\r\n    this.state = {\r\n      hasError: false,\r\n    };\r\n  }\r\n\r\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\r\n    return {\r\n      hasError: true,\r\n      error,\r\n    };\r\n  }\r\n\r\n  componentDidCatch(error: Error, errorInfo: ErrorInfo): void {\r\n    // eslint-disable-next-line no-console -- Allow console output for error reporting\r\n    console.error(\"Error:\", error);\r\n    // eslint-disable-next-line no-console -- Allow console output for error reporting\r\n    console.error(\"Error Info:\", errorInfo);\r\n  }\r\n\r\n  render() {\r\n    const { state, props } = this;\r\n    if (state.hasError) {\r\n      return (\r\n        <Container>\r\n          <ErrorHeader>\r\n            <Box>Something went wrong.&nbsp;</Box>\r\n          </ErrorHeader>\r\n          <h3>\r\n            <Box style={{ color: \"#ff3131\", display: \"inline-block\" }}>\r\n              <ErrorOutlineRounded\r\n                sx={{ verticalAlign: \"middle\", mb: \"4px\" }}\r\n              />{\" \"}\r\n              ERROR:\r\n            </Box>{\" \"}\r\n            <Box translate=\"no\">\r\n              [{state.error?.name}] {state.error?.message}\r\n            </Box>\r\n            <Box style={{ color: \"#ff3131\", display: \"inline-block\" }}>\r\n              <ErrorOutlineRounded\r\n                sx={{ verticalAlign: \"middle\", mb: \"4px\" }}\r\n              />{\" \"}\r\n              Stack:\r\n            </Box>{\" \"}\r\n            <Box translate=\"no\">[{state.error?.stack}]</Box>\r\n          </h3>\r\n        </Container>\r\n      );\r\n    }\r\n\r\n    return props.children;\r\n  }\r\n}\r\n\r\nconst Container = styled.div`\r\n  margin: 0 8vw;\r\n  @media (max-width: 768px) {\r\n    margin: 0;\r\n  }\r\n`;\r\n\r\nconst ErrorHeader = styled.h1`\r\n  margin-top: 32px;\r\n  margin-bottom: 32px;\r\n  font-size: 36px;\r\n  color: #ff3131;\r\n  text-align: center;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  @media (max-width: 768px) {\r\n    text-align: left;\r\n    justify-content: left;\r\n    font-size: 30px;\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n  }\r\n`;\r\n","import { useEffect, useState } from \"react\";\r\nimport styled from \"@emotion/styled\";\r\nimport { Box, CircularProgress } from \"@mui/material\";\r\n\r\nexport const Loading = () => {\r\n  const [showLoading, setShowLoading] = useState<boolean>(false);\r\n\r\n  useEffect(() => {\r\n    const timer = setTimeout(() => {\r\n      setShowLoading(true);\r\n    }, 100); // Show the loading spinner after 100 milliseconds\r\n\r\n    return () => clearTimeout(timer);\r\n  }, []);\r\n\r\n  return (\r\n    <Container aria-live=\"polite\" role=\"status\">\r\n      {showLoading && (\r\n        <>\r\n          <CircularProgress aria-label=\"loading\" size={80} thickness={4} />\r\n          <h3 style={{ opacity: 0.8 }}>Loading Page...</h3>\r\n        </>\r\n      )}\r\n    </Container>\r\n  );\r\n};\r\n\r\nconst Container = styled(Box)`\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  flex-direction: column;\r\n  text-align: center;\r\n  gap: 8px;\r\n`;\r\n","import styled from \"@emotion/styled\";\n\nexport const PathName = styled.code`\n  background: #000000c8;\n  color: white;\n  padding: 4px 6px;\n  border-radius: 8px;\n`;\n","import BrightnessAutoRoundedIcon from \"@mui/icons-material/BrightnessAutoRounded\";\nimport DarkModeRoundedIcon from \"@mui/icons-material/DarkModeRounded\";\nimport LightModeRoundedIcon from \"@mui/icons-material/LightModeRounded\";\nimport PersonalVideoRoundedIcon from \"@mui/icons-material/PersonalVideoRounded\";\n\nimport type { OptionItem } from \"../models\";\n\nconst OPTION_ICON_SIZE = 32;\n\nexport const darkModeOptions: OptionItem[] = [\n  {\n    label: \"Auto\",\n    value: \"auto\",\n    icon: (\n      <BrightnessAutoRoundedIcon\n        color=\"inherit\"\n        sx={{ fontSize: OPTION_ICON_SIZE }}\n      />\n    ),\n  },\n  {\n    label: \"System\",\n    value: \"system\",\n    icon: (\n      <PersonalVideoRoundedIcon\n        color=\"inherit\"\n        sx={{ fontSize: OPTION_ICON_SIZE }}\n      />\n    ),\n  },\n  {\n    label: \"Light\",\n    value: \"light\",\n    icon: (\n      <LightModeRoundedIcon\n        color=\"inherit\"\n        sx={{ fontSize: OPTION_ICON_SIZE }}\n      />\n    ),\n  },\n  {\n    label: \"Dark\",\n    value: \"dark\",\n    icon: (\n      <DarkModeRoundedIcon\n        color=\"inherit\"\n        sx={{ fontSize: OPTION_ICON_SIZE }}\n      />\n    ),\n  },\n];\n","import type { ColorPaletteType } from \"../models\";\n\nexport const defaultColorPalette: ColorPaletteType = {\n  fontDark: \"#101727\",\n  fontLight: \"#f0f0f0\",\n  // Generic tokens\n  brand: \"#9FA9EA\",\n  accent: \"#F3503A\",\n  muted: \"#64748B\",\n  // MUI-like defaults\n  success: \"#2E7D32\",\n  info: \"#0288D1\",\n  warning: \"#ED6C02\",\n  error: \"#D32F2F\",\n  neutral: \"#64748B\",\n};\n","import { createContext, useContext } from \"react\";\n\nimport type { ThemeContextProps } from \"../models\";\n\nexport const ThemeContext = createContext<ThemeContextProps | undefined>(\n  undefined,\n);\n\nexport const useThemeSettings = (): ThemeContextProps => {\n  const context = useContext(ThemeContext);\n  if (!context)\n    throw new Error(\n      \"useThemeSettings must be used within ThemeProviderWrapper\",\n    );\n  return context;\n};\n","import { useMemo, useState, useEffect } from \"react\";\r\nimport { ThemeProvider as EmotionThemeProvider } from \"@emotion/react\";\r\nimport { ThemeProvider as MuiThemeProvider } from \"@mui/material/styles\";\r\n\r\nimport {\r\n  createCustomTheme,\r\n  GlobalStyles,\r\n  setColorPaletteOverride,\r\n  getColorPalette,\r\n} from \"../styles\";\r\nimport { isDarkMode, useSystemTheme } from \"../utils\";\r\n\r\nimport { ThemeContext } from \"./ThemeContext\";\r\n\r\nimport type { ThemeOptions } from \"@mui/material\";\r\nimport type { ColorPaletteType } from \"../models\";\r\nimport type { FC, PropsWithChildren } from \"react\";\r\n\r\ntype ThemeProviderWrapperProps = PropsWithChildren<{\r\n  /** Optional font stack to apply across the app. */\r\n  fontFamily?: string;\r\n  /**\r\n   * Optional dynamic list of themes.\r\n   * Takes precedence over static defaults when provided.\r\n   */\r\n  themes?: {\r\n    name: string;\r\n    primaryColor: string;\r\n    secondaryColor?: string;\r\n    background?: {\r\n      light?: { default?: string; paper?: string };\r\n      dark?: { default?: string; paper?: string };\r\n    };\r\n  }[];\r\n  /** Optional color palette override (e.g., fontLight/fontDark/accent colors). */\r\n  colorPaletteOverride?: Partial<ColorPaletteType>;\r\n  /**\r\n   * Optional MUI theme overrides to customize design system styles.\r\n   * Allows external consumers to override any part of the theme (components, palette, typography, etc.).\r\n   * Applied after the design system theme, so it takes precedence.\r\n   */\r\n  themeOverrides?: ThemeOptions;\r\n}>;\r\n\r\nexport const ThemeProviderWrapper: FC<ThemeProviderWrapperProps> = ({\r\n  children,\r\n  fontFamily,\r\n  themes: themesInput,\r\n  colorPaletteOverride,\r\n  themeOverrides,\r\n}) => {\r\n  const systemTheme = useSystemTheme();\r\n\r\n  // Apply palette overrides when provided (no-op otherwise)\r\n  useEffect(() => {\r\n    setColorPaletteOverride(colorPaletteOverride);\r\n  }, [colorPaletteOverride]);\r\n\r\n  // SSR-safe initial settings\r\n  const [theme, setTheme] = useState<string>(\"system\");\r\n  const [darkMode, setDarkMode] = useState<\r\n    \"light\" | \"dark\" | \"system\" | \"auto\"\r\n  >(\"auto\");\r\n\r\n  // Hydrate from localStorage on client\r\n  useEffect(() => {\r\n    if (globalThis.window === undefined) return;\r\n    try {\r\n      const storedRaw = globalThis.localStorage.getItem(\"appSettings\");\r\n      if (storedRaw) {\r\n        const stored = JSON.parse(storedRaw);\r\n        if (stored.theme) setTheme(stored.theme);\r\n        if (stored.darkMode) setDarkMode(stored.darkMode);\r\n      }\r\n    } catch {\r\n      /* empty */\r\n    }\r\n  }, []);\r\n\r\n  // Persist settings\r\n  useEffect(() => {\r\n    if (globalThis.window === undefined) return;\r\n    try {\r\n      globalThis.localStorage.setItem(\r\n        \"appSettings\",\r\n        JSON.stringify({ theme, darkMode }),\r\n      );\r\n    } catch {\r\n      /* empty */\r\n    }\r\n  }, [theme, darkMode]);\r\n\r\n  const themesSource = useMemo(() => {\r\n    if (themesInput && themesInput.length > 0) {\r\n      return themesInput;\r\n    }\r\n    // Fallback: single default theme based on palette brand\r\n    const defaultPrimary = getColorPalette().brand;\r\n    return [\r\n      {\r\n        name: \"Default\",\r\n        primaryColor: defaultPrimary,\r\n      },\r\n    ];\r\n  }, [themesInput]);\r\n\r\n  const selectedTheme = useMemo(() => {\r\n    if (theme === \"system\" || systemTheme === \"unknown\") {\r\n      return themesSource[0];\r\n    }\r\n    return themesSource.find((t) => t.name === theme) || themesSource[0];\r\n  }, [systemTheme, theme, themesSource]);\r\n\r\n  const mode = useMemo(\r\n    () => (isDarkMode(darkMode, systemTheme) ? \"dark\" : \"light\"),\r\n    [darkMode, systemTheme],\r\n  );\r\n\r\n  const muiTheme = useMemo(() => {\r\n    const bg = selectedTheme.background?.[mode];\r\n    return createCustomTheme(\r\n      selectedTheme.primaryColor,\r\n      mode,\r\n      selectedTheme.secondaryColor,\r\n      bg,\r\n      themeOverrides,\r\n    );\r\n  }, [selectedTheme, mode, themeOverrides]);\r\n\r\n  const emotionTheme = useMemo(() => ({ darkMode: mode === \"dark\" }), [mode]);\r\n\r\n  return (\r\n    <ThemeContext.Provider value={{ theme, darkMode, setTheme, setDarkMode }}>\r\n      <MuiThemeProvider theme={muiTheme}>\r\n        <EmotionThemeProvider theme={emotionTheme}>\r\n          <GlobalStyles fontFamily={fontFamily} />\r\n          {children}\r\n        </EmotionThemeProvider>\r\n      </MuiThemeProvider>\r\n    </ThemeContext.Provider>\r\n  );\r\n};\r\n","import type { Theme } from \"@mui/material\";\r\n\r\n/**\r\n * Common component style overrides and default props shared across the design system.\r\n * This object should be spread into the `components` field of the MUI theme.\r\n */\r\nexport const commonComponentProps: Theme[\"components\"] = {\r\n  MuiTooltip: {\r\n    defaultProps: {\r\n      disableInteractive: true,\r\n    },\r\n    styleOverrides: {\r\n      tooltip: ({ theme }) => ({\r\n        backdropFilter: \"blur(6px)\",\r\n        WebkitBackdropFilter: \"blur(6px)\",\r\n        padding: \"8px 16px\",\r\n        borderRadius: theme.shape.borderRadius,\r\n        fontSize: \"12px\",\r\n      }),\r\n    },\r\n  },\r\n\r\n  MuiButton: {\r\n    styleOverrides: {\r\n      root: ({ theme }) => ({\r\n        padding: \"12px 24px\",\r\n        borderRadius: theme.shape.borderRadius,\r\n      }),\r\n      contained: {\r\n        boxShadow: \"none\",\r\n      },\r\n    },\r\n  },\r\n\r\n  MuiSkeleton: {\r\n    styleOverrides: {\r\n      root: ({ theme }) => ({\r\n        borderRadius: theme.shape.borderRadius,\r\n      }),\r\n    },\r\n  },\r\n\r\n  MuiSelect: {\r\n    styleOverrides: {\r\n      root: ({ theme }) => ({\r\n        borderRadius: theme.shape.borderRadius,\r\n      }),\r\n      select: {\r\n        display: \"flex\",\r\n        justifyContent: \"flex-start\",\r\n        alignItems: \"center\",\r\n        gap: \"4px\",\r\n      },\r\n    },\r\n  },\r\n\r\n  MuiDialog: {\r\n    defaultProps: {\r\n      slotProps: {\r\n        paper: {\r\n          style: {\r\n            padding: \"12px\",\r\n            borderRadius: 24, // оставить явно, если это критично\r\n            minWidth: \"400px\",\r\n          },\r\n        },\r\n      },\r\n    },\r\n    styleOverrides: {\r\n      root: {\r\n        \"& .MuiDialog-container\": {\r\n          backdropFilter: \"blur(4px)\",\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  MuiAvatar: {\r\n    styleOverrides: {\r\n      root: {\r\n        fontWeight: 500,\r\n      },\r\n    },\r\n  },\r\n\r\n  MuiAlert: {\r\n    styleOverrides: {\r\n      root: ({ theme }) => ({\r\n        borderRadius: theme.shape.borderRadius,\r\n      }),\r\n    },\r\n  },\r\n\r\n  MuiTextField: {\r\n    defaultProps: {\r\n      variant: \"outlined\", // по умолчанию, если нужно\r\n    },\r\n    styleOverrides: {\r\n      root: ({ theme }) => ({\r\n        \"& .MuiInputBase-root\": {\r\n          borderRadius: theme.shape.borderRadius,\r\n        },\r\n      }),\r\n    },\r\n  },\r\n\r\n  MuiOutlinedInput: {\r\n    styleOverrides: {\r\n      root: ({ theme }) => ({\r\n        color: theme.palette.primary.main,\r\n        \"& fieldset\": {\r\n          borderColor: theme.palette.primary.main,\r\n        },\r\n        \"&:hover fieldset\": {\r\n          borderColor: theme.palette.primary.dark,\r\n        },\r\n        \"&.Mui-focused fieldset\": {\r\n          borderColor: theme.palette.primary.main,\r\n        },\r\n      }),\r\n    },\r\n  },\r\n\r\n  MuiInputLabel: {\r\n    styleOverrides: {\r\n      root: ({ theme }) => ({\r\n        color: theme.palette.primary.main,\r\n        \"&.Mui-focused\": {\r\n          color: theme.palette.primary.main,\r\n        },\r\n      }),\r\n    },\r\n  },\r\n  MuiFormHelperText: {\r\n    styleOverrides: {\r\n      root: ({ theme }) => ({\r\n        color: theme.palette.error.main,\r\n      }),\r\n    },\r\n  },\r\n\r\n  MuiPaper: {\r\n    styleOverrides: {\r\n      root: ({ theme }) => ({\r\n        borderRadius: theme.shape.borderRadius,\r\n      }),\r\n      elevation8: ({ theme }) => ({\r\n        borderRadius: theme.shape.borderRadius,\r\n      }),\r\n    },\r\n  },\r\n\r\n  MuiMenuItem: {\r\n    styleOverrides: {\r\n      root: ({ theme }) => ({\r\n        borderRadius: theme.shape.borderRadius,\r\n      }),\r\n    },\r\n  },\r\n\r\n  MuiBottomNavigationAction: {\r\n    styleOverrides: {\r\n      root: ({ theme }) => ({\r\n        borderRadius: theme.shape.borderRadius,\r\n        padding: \"12px\",\r\n        margin: 0,\r\n        maxHeight: \"none\",\r\n      }),\r\n    },\r\n  },\r\n\r\n  MuiDialogContent: {\r\n    styleOverrides: {\r\n      root: {\r\n        padding: 0,\r\n      },\r\n    },\r\n  },\r\n\r\n  MuiSlider: {\r\n    styleOverrides: {\r\n      valueLabel: ({ theme }) => ({\r\n        borderRadius: theme.shape.borderRadius,\r\n        padding: \"6px 14px\",\r\n        \"&::before, &::after\": {\r\n          display: \"none\",\r\n        },\r\n      }),\r\n    },\r\n  },\r\n\r\n  MuiCircularProgress: {\r\n    styleOverrides: {\r\n      circle: {\r\n        strokeLinecap: \"round\",\r\n      },\r\n    },\r\n  },\r\n\r\n  MuiTab: {\r\n    styleOverrides: {\r\n      root: ({ theme }) => ({\r\n        borderRadius: theme.shape.borderRadius,\r\n      }),\r\n    },\r\n  },\r\n\r\n  MuiAccordion: {\r\n    styleOverrides: {\r\n      root: {\r\n        \"&::before\": {\r\n          display: \"none\",\r\n        },\r\n      },\r\n    },\r\n  },\r\n};\r\n","import { createTheme } from \"@mui/material\";\r\n\r\nimport { commonComponentProps } from \"./commonComponents\";\r\nimport { getColorPalette } from \"./themeConfig\";\r\nimport { muiTypography, typographyVariants } from \"./typography\";\r\n\r\nimport type { PaletteMode, Theme, ThemeOptions } from \"@mui/material\";\r\n\r\n\r\nexport const createCustomTheme = (\r\n  primaryColor: string,\r\n  mode: PaletteMode = \"light\",\r\n  secondaryColor?: string,\r\n  background?: { default?: string; paper?: string },\r\n  themeOverrides?: ThemeOptions,\r\n): Theme => {\r\n  const isDark = mode === \"dark\";\r\n\r\n  // 1) БАЗА MUI по выбранному режиму — даёт корректные text, action, grey и т.д.\r\n  const base = createTheme({\r\n    palette: { mode },\r\n  });\r\n\r\n  // 2) ТОЧЕЧНЫЕ ОВЕРРАЙДЫ поверх базы\r\n  const designSystemTheme: ThemeOptions = {\r\n    palette: {\r\n      primary: { ...base.palette.primary, main: primaryColor },\r\n      // Brand follows active theme primary\r\n      brand: base.palette.augmentColor({ color: { main: primaryColor } }),\r\n      neutral: base.palette.augmentColor({\r\n        color: { main: getColorPalette().neutral },\r\n      }),\r\n      accent: base.palette.augmentColor({\r\n        color: { main: getColorPalette().accent },\r\n      }),\r\n      muted: base.palette.augmentColor({\r\n        color: { main: getColorPalette().muted },\r\n      }),\r\n      ...(secondaryColor\r\n        ? { secondary: { ...base.palette.secondary, main: secondaryColor } }\r\n        : {}),\r\n      error: { ...base.palette.error, main: getColorPalette().error },\r\n      warning: { ...base.palette.warning, main: getColorPalette().warning },\r\n      success: { ...base.palette.success, main: getColorPalette().success },\r\n      info: { ...base.palette.info, main: getColorPalette().info },\r\n\r\n      background: (() => {\r\n        const baseBg = isDark\r\n          ? { default: \"#1C1C1E\", paper: \"#2C2C2E\" }\r\n          : { default: \"#F2F2F7\", paper: \"#FFFFFF\" };\r\n        return { ...base.palette.background, ...baseBg, ...background };\r\n      })(),\r\n\r\n      divider: isDark ? \"rgba(255,255,255,0.12)\" : \"rgba(0,0,0,0.12)\",\r\n    },\r\n\r\n    // Остальные ваши настройки — без изменений\r\n    components: {\r\n      ...commonComponentProps,\r\n      MuiTypography: muiTypography,\r\n    },\r\n    typography: {\r\n      ...typographyVariants,\r\n      // Let application control font via CSS variable; default to Mulish stack\r\n      fontFamily:\r\n        'var(--app-font-family, \"Mulish\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif)',\r\n    } as any,\r\n    shape: { borderRadius: 24 },\r\n  };\r\n\r\n  // 3) ПРИМЕНЕНИЕ ПЕРЕОПРЕДЕЛЕНИЙ ОТ ВНЕШНИХ ПОТРЕБИТЕЛЕЙ\r\n  // Переопределения применяются поверх дизайн-системы, позволяя полностью перезаписать любые стили\r\n  return createTheme(base, designSystemTheme, themeOverrides ?? {});\r\n};\r\n\r\n/**\r\n * A predefined list of named themes based on the `themeConfig` definition.\r\n */\r\n// No static theme list export — themes are provided dynamically via ThemeProviderWrapper.\r\n","import { defaultColorPalette } from \"../constants\";\n\nimport type { ColorPaletteType } from \"../models\";\n\nlet currentColorPalette: ColorPaletteType = { ...defaultColorPalette };\n\n/** Returns the active color palette, allowing app-level overrides. */\nexport const getColorPalette = (): ColorPaletteType => currentColorPalette;\n\n/**\n * Overrides the active color palette with app-provided values.\n * Pass `undefined` or empty to reset to defaults.\n */\nexport const setColorPaletteOverride = (\n  override?: Partial<ColorPaletteType>,\n): void => {\n  currentColorPalette = { ...defaultColorPalette, ...override };\n};\n\n/** Backward-compatible live view of the active palette. */\nexport const ColorPalette: Readonly<ColorPaletteType> = {\n  get fontDark() {\n    return currentColorPalette.fontDark;\n  },\n  get fontLight() {\n    return currentColorPalette.fontLight;\n  },\n  get brand() {\n    return currentColorPalette.brand;\n  },\n  get accent() {\n    return currentColorPalette.accent;\n  },\n  get muted() {\n    return currentColorPalette.muted;\n  },\n  get success() {\n    return currentColorPalette.success;\n  },\n  get info() {\n    return currentColorPalette.info;\n  },\n  get warning() {\n    return currentColorPalette.warning;\n  },\n  get error() {\n    return currentColorPalette.error;\n  },\n  get neutral() {\n    return currentColorPalette.neutral;\n  },\n};\n","import type {\r\n  Components,\r\n  Theme,\r\n  TypographyVariantsOptions,\r\n} from \"@mui/material\";\r\n\r\n/**\r\n * Mapping of custom typography variants to corresponding HTML elements.\r\n */\r\nexport const muiTypography: Components<Theme>[\"MuiTypography\"] = {\r\n  defaultProps: {\r\n    variantMapping: {\r\n      // TEXT REGULAR\r\n      text_xl_regular: \"p\",\r\n      text_lg_regular: \"p\",\r\n      text_md_regular: \"p\",\r\n      text_sm_regular: \"p\",\r\n      text_xs_regular: \"p\",\r\n      text_2xs_regular: \"p\",\r\n\r\n      // TEXT BOLD\r\n      text_xl_bold: \"p\",\r\n      text_lg_bold: \"p\",\r\n      text_md_bold: \"p\",\r\n      text_sm_bold: \"p\",\r\n      text_xs_bold: \"p\",\r\n      text_2xs_bold: \"p\",\r\n\r\n      // TEXT SEMIBOLD\r\n      text_xl_semibold: \"p\",\r\n      text_lg_semibold: \"p\",\r\n      text_md_semibold: \"p\",\r\n      text_sm_semibold: \"p\",\r\n      text_xs_semibold: \"p\",\r\n      text_2xs_semibold: \"p\",\r\n\r\n      // TEXT THIN\r\n      text_xl_thin: \"p\",\r\n      text_lg_thin: \"p\",\r\n      text_md_thin: \"p\",\r\n      text_sm_thin: \"p\",\r\n      text_xs_thin: \"p\",\r\n      text_2xs_thin: \"p\",\r\n\r\n      // HEADER REGULAR\r\n      header_2xl_regular: \"h1\",\r\n      header_xl_regular: \"h2\",\r\n      header_lg_regular: \"h3\",\r\n      header_md_regular: \"h4\",\r\n      header_sm_regular: \"h5\",\r\n      header_xs_regular: \"h6\",\r\n\r\n      // DISPLAY BOLD\r\n      header_2xl_bold: \"h1\",\r\n      header_xl_bold: \"h2\",\r\n      header_lg_bold: \"h3\",\r\n      header_md_bold: \"h4\",\r\n      header_sm_bold: \"h5\",\r\n      header_xs_bold: \"h6\",\r\n\r\n      // HEADER SEMIBOLD\r\n      header_2xl_semibold: \"h1\",\r\n      header_xl_semibold: \"h2\",\r\n      header_lg_semibold: \"h3\",\r\n      header_md_semibold: \"h4\",\r\n      header_sm_semibold: \"h5\",\r\n      header_xs_semibold: \"h6\",\r\n    },\r\n  },\r\n};\r\n\r\n/**\r\n * Custom typography variant definitions with adjusted display sizes.\r\n */\r\nexport const typographyVariants: TypographyVariantsOptions = {\r\n  text_xl_regular: { font: \"400 20px/30px inherit inherit\" },\r\n  text_lg_regular: { font: \"400 18px/28px inherit inherit\" },\r\n  text_md_regular: { font: \"400 16px/24px inherit inherit\" },\r\n  text_sm_regular: { font: \"400 14px/20px inherit inherit\" },\r\n  text_xs_regular: { font: \"400 12px/18px inherit inherit\" },\r\n  text_2xs_regular: { font: \"400 10px/14px inherit inherit\" },\r\n\r\n  text_xl_bold: { font: \"700 20px/30px inherit inherit\" },\r\n  text_lg_bold: { font: \"700 18px/28px inherit inherit\" },\r\n  text_md_bold: { font: \"700 16px/24px inherit inherit\" },\r\n  text_sm_bold: { font: \"700 14px/20px inherit inherit\" },\r\n  text_xs_bold: { font: \"700 12px/18px inherit inherit\" },\r\n  text_2xs_bold: { font: \"700 10px/14px inherit inherit\" },\r\n\r\n  text_xl_semibold: { font: \"600 20px/30px inherit inherit\" },\r\n  text_lg_semibold: { font: \"600 18px/28px inherit inherit\" },\r\n  text_md_semibold: { font: \"600 16px/24px inherit inherit\" },\r\n  text_sm_semibold: { font: \"600 14px/20px inherit inherit\" },\r\n  text_xs_semibold: { font: \"600 12px/18px inherit inherit\" },\r\n  text_2xs_semibold: { font: \"600 10px/14px inherit inherit\" },\r\n\r\n  text_xl_thin: { font: \"100 20px/30px inherit inherit\" },\r\n  text_lg_thin: { font: \"100 18px/28px inherit inherit\" },\r\n  text_md_thin: { font: \"100 16px/24px inherit inherit\" },\r\n  text_sm_thin: { font: \"100 14px/20px inherit inherit\" },\r\n  text_xs_thin: { font: \"100 12px/18px inherit inherit\" },\r\n  text_2xs_thin: { font: \"100 10px/14px inherit inherit\" },\r\n\r\n  header_2xl_regular: { font: \"400 34px/42px inherit inherit\" },\r\n  header_xl_regular: { font: \"400 32px/40px inherit inherit\" },\r\n  header_lg_regular: { font: \"400 28px/36px inherit inherit\" },\r\n  header_md_regular: { font: \"400 24px/32px inherit inherit\" },\r\n  header_sm_regular: { font: \"400 20px/28px inherit inherit\" },\r\n  header_xs_regular: { font: \"400 18px/26px inherit inherit\" },\r\n\r\n  header_2xl_bold: { font: \"700 34px/42px inherit inherit\" },\r\n  header_xl_bold: { font: \"700 32px/40px inherit inherit\" },\r\n  header_lg_bold: { font: \"700 28px/36px inherit inherit\" },\r\n  header_md_bold: { font: \"700 24px/32px inherit inherit\" },\r\n  header_sm_bold: { font: \"700 20px/28px inherit inherit\" },\r\n  header_xs_bold: { font: \"700 18px/26px inherit inherit\" },\r\n\r\n  // HEADER SEMIBOLD\r\n  header_2xl_semibold: { font: \"600 34px/42px inherit inherit\" },\r\n  header_xl_semibold: { font: \"600 32px/40px inherit inherit\" },\r\n  header_lg_semibold: { font: \"600 28px/36px inherit inherit\" },\r\n  header_md_semibold: { font: \"600 24px/32px inherit inherit\" },\r\n  header_sm_semibold: { font: \"600 20px/28px inherit inherit\" },\r\n  header_xs_semibold: { font: \"600 18px/26px inherit inherit\" },\r\n};\r\n","import { useMemo } from \"react\";\r\nimport { Global, css } from \"@emotion/react\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\n\r\nimport { getFontColor } from \"../utils\";\r\n\r\nimport type { FC } from \"react\";\r\n\r\n/**\r\n * Injects global styles into the document using Emotion.\r\n * These styles include font setup, base HTML styles, custom scrollbars,\r\n * selection styling, and some accessibility tweaks.\r\n *\r\n * Uses the MUI theme to dynamically adjust colors for light/dark mode.\r\n */\r\ninterface GlobalStylesProps {\r\n  /** Optional font stack to apply across the app. */\r\n  fontFamily?: string;\r\n}\r\n\r\nexport const GlobalStyles: FC<GlobalStylesProps> = ({ fontFamily }) => {\r\n  const theme = useTheme();\r\n  const isDarkMode = theme.palette.mode === \"dark\";\r\n\r\n  const primaryColor = theme.palette.primary.main;\r\n  const backgroundDefault = theme.palette.background.default;\r\n  const backgroundPaper = theme.palette.background.paper;\r\n\r\n  const primaryFontColor = useMemo(\r\n    () => getFontColor(primaryColor),\r\n    [primaryColor],\r\n  );\r\n\r\n  return (\r\n    <Global\r\n      styles={css`\r\n        /* Allow application to control font via CSS var or prop */\r\n        :root {\r\n          ${fontFamily ? `--app-font-family: ${fontFamily};` : \"\"}\r\n        }\r\n        * {\r\n          font-family:\r\n            var(\r\n              --app-font-family,\r\n              \"Mulish\",\r\n              system-ui,\r\n              -apple-system,\r\n              \"Segoe UI\",\r\n              Roboto,\r\n              Arial\r\n            ),\r\n            sans-serif !important;\r\n          -webkit-tap-highlight-color: transparent;\r\n          &::selection {\r\n            background-color: ${`${primaryColor}e1`};\r\n            color: ${primaryFontColor};\r\n          }\r\n        }\r\n\r\n        html,\r\n        body,\r\n        #root {\r\n          height: 100%;\r\n          margin: 0;\r\n        }\r\n\r\n        :root {\r\n          height: 100%;\r\n          /* default fallback font; apps can override via --app-font-family */\r\n          font-family: var(\r\n              --app-font-family,\r\n              \"Mulish\",\r\n              system-ui,\r\n              -apple-system,\r\n              \"Segoe UI\",\r\n              Roboto,\r\n              Arial,\r\n              sans-serif\r\n            )\r\n            sans-serif;\r\n          line-height: 1.5;\r\n          font-weight: 400;\r\n          color-scheme: ${isDarkMode ? \"dark\" : \"light\"};\r\n          font-synthesis: none;\r\n          text-rendering: optimizeLegibility;\r\n          -webkit-font-smoothing: antialiased;\r\n          -moz-osx-font-smoothing: grayscale;\r\n          -webkit-text-size-adjust: 100%;\r\n        }\r\n\r\n        body {\r\n          margin: 0;\r\n          height: 100%;\r\n          overflow: auto;\r\n          touch-action: manipulation;\r\n          background: ${backgroundDefault};\r\n          background-attachment: fixed;\r\n          background-size: cover;\r\n          transition: 0.3s background;\r\n          /* Firefox */\r\n          scrollbar-color: ${primaryColor} ${backgroundDefault};\r\n          scrollbar-width: thin;\r\n\r\n          ::-webkit-scrollbar {\r\n            width: 8px;\r\n            background-color: ${backgroundDefault};\r\n          }\r\n          ::-webkit-scrollbar-thumb {\r\n            background-color: ${primaryColor};\r\n            border-radius: 64px;\r\n          }\r\n          ::-webkit-scrollbar-thumb:hover {\r\n            background-color: ${`${primaryColor}d8`};\r\n          }\r\n          ::-webkit-scrollbar-track {\r\n            border-radius: 64px;\r\n            background-color: ${backgroundDefault};\r\n          }\r\n        }\r\n\r\n        a {\r\n          text-decoration: none;\r\n          color: inherit;\r\n        }\r\n\r\n        img {\r\n          user-select: none;\r\n        }\r\n\r\n        input[type=\"file\"]::-webkit-file-upload-button {\r\n          display: none;\r\n        }\r\n\r\n        input[type=\"datetime-local\"]:placeholder-shown {\r\n          color: transparent !important;\r\n        }\r\n\r\n        pre {\r\n          padding: 16px;\r\n          border-radius: 18px;\r\n          overflow-x: auto;\r\n        }\r\n\r\n        .MuiDialogContent-root,\r\n        .MuiDrawer-paper,\r\n        .customScrollbar,\r\n        textarea {\r\n          /* Firefox */\r\n          scrollbar-color: ${primaryColor} ${backgroundPaper};\r\n          scrollbar-width: thin;\r\n          ::-webkit-scrollbar {\r\n            width: 8px;\r\n            background-color: ${backgroundPaper};\r\n          }\r\n          ::-webkit-scrollbar-thumb {\r\n            background-color: ${primaryColor};\r\n            border-radius: 64px;\r\n          }\r\n          ::-webkit-scrollbar-thumb:hover {\r\n            background-color: ${`${primaryColor}d8`};\r\n          }\r\n          ::-webkit-scrollbar-track {\r\n            border-radius: 64px;\r\n            background-color: ${backgroundPaper};\r\n          }\r\n        }\r\n\r\n        /* react-spring-bottom-sheet styles */\r\n        div[role=\"dialog\"] {\r\n          border-radius: 42px 42px 0 0;\r\n          z-index: 9999999;\r\n        }\r\n      `}\r\n    />\r\n  );\r\n};\r\n","import { getColorPalette } from \"../styles/themeConfig\";\n\n/**\n * Validates whether a given string is a valid 3- or 6-digit hex color code (e.g., \"#fff\" or \"#ffffff\").\n *\n * @param value - The string to check.\n * @returns `true` if the string is a valid hex color; otherwise, `false`.\n */\nexport const isHexColor = (value: string): boolean =>\n  /^#([\\dA-Fa-f]{3}|[\\dA-Fa-f]{6})$/.test(value);\n\n/**\n * Determines the ideal font color (white or black) for contrast against a given background color.\n *\n * Uses luminance calculation (YIQ) to ensure accessibility and visual clarity.\n *\n * @param backgroundColor - A valid hex color (e.g., \"#ffffff\").\n * @returns A hex color string (`fontLight` or `fontDark`) suitable for overlay text.\n */\nexport const getFontColor = (backgroundColor: string): string => {\n  if (!isHexColor(backgroundColor)) {\n    // eslint-disable-next-line no-console -- Allow\n    console.error(\"Invalid hex color provided:\", backgroundColor);\n    return getColorPalette().fontDark;\n  }\n\n  const hex = backgroundColor.slice(1);\n\n  const fullHex =\n    hex.length === 3\n      ? hex\n          .split(\"\")\n          .map((c) => c + c)\n          .join(\"\")\n      : hex;\n\n  const r = Number.parseInt(fullHex.slice(0, 2), 16);\n  const g = Number.parseInt(fullHex.slice(2, 4), 16);\n  const b = Number.parseInt(fullHex.slice(4, 6), 16);\n\n  const brightness = Math.round((r * 299 + g * 587 + b * 114) / 1000);\n\n  const palette = getColorPalette();\n  return brightness > 128 ? palette.fontDark : palette.fontLight;\n};\n\n/**\n * Determines whether the ideal font color for a background is light (i.e., white).\n *\n * @param color - The background color in hex.\n * @returns `true` if white text is recommended; otherwise, `false`.\n */\nexport const isFontLight = (color: string): boolean =>\n  getFontColor(color) === getColorPalette().fontLight;\n","/**\r\n * Returns a greeting based on the current time.\r\n * @returns {string} The appropriate greeting.\r\n */\r\nexport const displayGreeting = (): string => {\r\n  const currentHour = new Date().getHours();\r\n  if (currentHour >= 5 && currentHour < 12) return \"Good morning\";\r\n  if (currentHour > 12 && currentHour < 18) return \"Good afternoon\";\r\n  return \"Good evening\";\r\n};\r\n","/**\n * Function to extract year, month, and day from a Date object\n */\nexport const getDayIdentifier = (date: Date) => {\n  const year = date.getFullYear();\n  const month = String(date.getMonth() + 1).padStart(2, \"0\"); // Months are zero-based in JavaScript\n  const day = String(date.getDate()).padStart(2, \"0\");\n  return `${year}-${month}-${day}`;\n};\n","/**\n * A list of supported operating systems.\n */\nexport type OperatingSystem =\n  | \"Windows\"\n  | \"macOS\"\n  | \"Linux\"\n  | \"iOS\"\n  | \"Android\"\n  | \"Unknown\";\n\n/**\n * A list of supported browsers.\n */\nexport type Browser = \"Chrome\" | \"Firefox\" | \"Safari\" | \"Edge\" | \"Unknown\";\n\n/**\n * Detects the user's operating system based on the user agent string.\n * Safe for SSR: falls back to \"Unknown\" on server.\n */\nexport const getOperatingSystem = (): OperatingSystem => {\n  const ua = (\n    typeof navigator === \"undefined\" ? \"\" : navigator.userAgent\n  ).toLowerCase();\n\n  if (ua.includes(\"windows nt\")) return \"Windows\";\n  if (ua.includes(\"iphone\") || ua.includes(\"ipad\") || ua.includes(\"ipod\"))\n    return \"iOS\";\n  if (ua.includes(\"mac\")) return \"macOS\";\n  if (ua.includes(\"android\")) return \"Android\";\n  if (ua.includes(\"linux\")) return \"Linux\";\n\n  return \"Unknown\";\n};\n\n/**\n * Detects the user's browser based on the user agent string.\n * Safe for SSR: falls back to \"Unknown\" on server.\n */\nexport const getBrowser = (): Browser => {\n  const ua = (\n    typeof navigator === \"undefined\" ? \"\" : navigator.userAgent\n  ).toLowerCase();\n\n  // Order matters: Edge must come before Chrome\n  if (ua.includes(\"edg\")) return \"Edge\";\n  if (ua.includes(\"chrome\")) return \"Chrome\";\n  if (ua.includes(\"firefox\")) return \"Firefox\";\n  if (ua.includes(\"safari\")) return \"Safari\";\n\n  return \"Unknown\";\n};\n\n/**\n * Basic information about the user's system (OS and browser).\n * Safe for SSR: resolves to Unknown values on server.\n */\nexport const systemInfo = {\n  os:\n    typeof navigator === \"undefined\"\n      ? (\"Unknown\" as OperatingSystem)\n      : getOperatingSystem(),\n  browser:\n    typeof navigator === \"undefined\" ? (\"Unknown\" as Browser) : getBrowser(),\n};\n","import type { AppSettings, SystemTheme } from \"../models\";\r\n\r\n/**\r\n * Determines whether dark mode should be enabled based on user settings and system conditions.\r\n *\r\n * @param darkMode - User preference: 'light' | 'dark' | 'system' | 'auto'.\r\n * @param systemTheme - Detected OS-level theme: 'light' | 'dark'.\r\n * @param backgroundColor - The background color to assess contrast in 'auto' mode.\r\n * @returns True if dark mode should be used.\r\n */\r\nexport const isDarkMode = (\r\n  darkMode: AppSettings[\"darkMode\"],\r\n  systemTheme: SystemTheme,\r\n): boolean => {\r\n  switch (darkMode) {\r\n    case \"light\": {\r\n      return false;\r\n    }\r\n    case \"dark\": {\r\n      return true;\r\n    }\r\n    case \"system\": {\r\n      return systemTheme === \"dark\";\r\n    }\r\n    default: {\r\n      return false;\r\n    }\r\n  }\r\n};\r\n","/**\r\n * Converts a given date to a human-readable relative time string.\r\n *\r\n * @param {Date} date - The date to be converted.\r\n * @param lang\r\n * @returns {string} A string representing the relative time using `Intl` format (e.g., \"2 days ago\").\r\n */\r\nexport const timeAgo = (date: Date, lang?: string): string => {\r\n  const locale =\r\n    lang ?? (typeof navigator === \"undefined\" ? \"en-US\" : navigator.language);\r\n  // Get the current date and time\r\n  const now = new Date();\r\n  date = new Date(date);\r\n  // Calculate the time difference in seconds\r\n  const diffInSeconds = Math.floor((now.getTime() - date.getTime()) / 1000);\r\n\r\n  // Create an Intl.RelativeTimeFormat instance with the user's language\r\n  const rtf = new Intl.RelativeTimeFormat(locale, { numeric: \"auto\" });\r\n\r\n  // Determine the appropriate unit and format the result\r\n  if (diffInSeconds < 60) {\r\n    return rtf.format(-diffInSeconds, \"second\");\r\n  }\r\n  if (diffInSeconds < 3600) {\r\n    const minutes = Math.floor(diffInSeconds / 60);\r\n    return rtf.format(-minutes, \"minute\");\r\n  }\r\n  if (diffInSeconds < 86_400) {\r\n    const hours = Math.floor(diffInSeconds / 3600);\r\n    return rtf.format(-hours, \"hour\");\r\n  }\r\n  const days = Math.floor(diffInSeconds / 86_400);\r\n  return rtf.format(-days, \"day\");\r\n};\r\n\r\nexport const timeAgoFromStart = (date: Date, lang?: string): string => {\r\n  const locale =\r\n    lang ?? (typeof navigator === \"undefined\" ? \"en-US\" : navigator.language);\r\n  const now = new Date();\r\n  date = new Date(date);\r\n  const difference = (date.getTime() - now.getTime()) / 1000;\r\n  const differenceHours = Math.floor(difference / (60 * 60));\r\n  const differenceMinutes = Math.floor(\r\n    (difference - 60 * 60 * differenceHours) / 60,\r\n  );\r\n  const diffInSeconds = Math.floor(\r\n    difference - 60 * 60 * differenceHours - 60 * differenceMinutes,\r\n  );\r\n\r\n  const rtf = new Intl.RelativeTimeFormat(locale, { numeric: \"auto\" });\r\n\r\n  if (differenceMinutes === 0 && diffInSeconds < 60) {\r\n    return rtf.format(diffInSeconds, \"second\");\r\n  }\r\n  if (differenceHours === 0 && differenceMinutes < 60) {\r\n    return rtf.format(differenceMinutes, \"minute\");\r\n  }\r\n  if (differenceHours < 24) {\r\n    const hours = `${new Intl.RelativeTimeFormat(locale, {\r\n      numeric: \"auto\",\r\n    }).format(differenceHours, \"hour\")}`;\r\n    const minutes = ` ${new Intl.RelativeTimeFormat(locale, {\r\n      localeMatcher: \"lookup\",\r\n      numeric: \"always\",\r\n      style: \"long\",\r\n    }).format(differenceMinutes, \"minute\")}`.replace(/^\\D+/, \"\");\r\n    return `${hours} ${minutes}`;\r\n  }\r\n\r\n  const days = Math.floor(diffInSeconds / 86_400);\r\n  return rtf.format(days, \"day\");\r\n};\r\n","import { useEffect, useState } from \"react\";\r\n\r\n/**\r\n * A custom React hook to determine if the current device is a smaller device\r\n * based on the screen width.\r\n * @param [breakpoint=768] - The breakpoint in pixels at which a device is considered \"smaller\".\r\n * @returns {boolean} - A boolean value indicating whether the current device is a smaller device.\r\n */\r\nexport const useResponsiveDisplay = (breakpoint = 768): boolean => {\r\n  const [isSmallerDevice, setIsSmallerDevice] = useState<boolean>(false);\r\n\r\n  useEffect(() => {\r\n    const checkScreenSize = () => {\r\n      setIsSmallerDevice(window.innerWidth < breakpoint);\r\n    };\r\n    checkScreenSize();\r\n    const handleResize = () => checkScreenSize();\r\n    window.addEventListener(\"resize\", handleResize);\r\n    return () => {\r\n      window.removeEventListener(\"resize\", handleResize);\r\n    };\r\n  }, [breakpoint]);\r\n\r\n  return isSmallerDevice;\r\n};\r\n","import { useState, useEffect } from \"react\";\n\nimport type { SystemTheme } from \"../models\";\n\n/**\n * A React hook to detect the system theme preference.\n * @returns The current system theme ('light', 'dark', or 'unknown').\n */\nexport const useSystemTheme = (): SystemTheme => {\n  const [theme, setTheme] = useState<SystemTheme>(\"unknown\");\n  useEffect(() => {\n    const mediaQueryListener = (e: MediaQueryListEvent) => {\n      setTheme(e.matches ? \"dark\" : \"light\");\n    };\n\n    const prefersDarkScheme = globalThis.matchMedia(\n      \"(prefers-color-scheme: dark)\",\n    );\n    setTheme(prefersDarkScheme.matches ? \"dark\" : \"light\");\n\n    // Listen for changes in system theme\n    prefersDarkScheme.addEventListener(\"change\", mediaQueryListener);\n\n    return () => {\n      prefersDarkScheme.removeEventListener(\"change\", mediaQueryListener);\n    };\n  }, []);\n\n  return theme;\n};\n","import { keyframes } from \"@emotion/react\";\r\n\r\n/**\r\n * Fade in from the left with slight movement on the X-axis.\r\n */\r\nexport const fadeInLeft = keyframes`\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(-40px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n`;\r\n\r\n/**\r\n * Simple fade in animation (opacity only).\r\n */\r\nexport const fadeIn = keyframes`\r\n  from {\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n  }\r\n`;\r\n\r\n/**\r\n * Slide in from the left side of the screen.\r\n */\r\nexport const slideIn = keyframes`\r\n  from {\r\n    transform: translateX(-100%);\r\n  }\r\n  to {\r\n    transform: translateX(0);\r\n  }\r\n`;\r\n\r\n/**\r\n * Slide in from the bottom of the screen.\r\n */\r\nexport const slideInBottom = keyframes`\r\n  from {\r\n    transform: translateY(100%);\r\n  }\r\n  to {\r\n    transform: translateY(0);\r\n  }\r\n`;\r\n\r\n/**\r\n * Scale from 0 to full size.\r\n */\r\nexport const scale = keyframes`\r\n  from {\r\n    transform: scale(0);\r\n  }\r\n  to {\r\n    transform: scale(1);\r\n  }\r\n`;\r\n\r\n/**\r\n * Creates a pulsating animation using scale and box-shadow.\r\n * Simulates a glowing effect.\r\n *\r\n * @param clr - The base color for the shadow in hex format.\r\n * @param shadowBlur - The maximum spread of the shadow during the pulse (default: 12).\r\n * @returns Emotion keyframes animation.\r\n */\r\nexport const pulseAnimation = (clr: string, shadowBlur = 12) => keyframes`\r\n  0% {\r\n    transform: scale(0.95);\r\n    box-shadow: 0 0 0 0 ${clr}b2;\r\n  }\r\n  70% {\r\n    transform: scale(1);\r\n    box-shadow: 0 0 0 ${shadowBlur}px ${clr}00;\r\n  }\r\n  100% {\r\n    transform: scale(0.95);\r\n    box-shadow: 0 0 0 0 ${clr}00;\r\n  }\r\n`;\r\n\r\n/**\r\n * Creates a glowing pulse animation using drop-shadow.\r\n * Used in progress or highlight elements.\r\n *\r\n * @param clr - The glow color in hex.\r\n * @returns Emotion keyframes animation.\r\n */\r\nexport const progressPulse = (clr: string) => keyframes`\r\n  0% {\r\n    filter: none;\r\n  }\r\n  50% {\r\n    filter: drop-shadow(0 0 10px ${clr}78);\r\n  }\r\n  100% {\r\n    filter: none;\r\n  }\r\n`;\r\n\r\n/**\r\n * A bounce-scale animation used during logout transition.\r\n */\r\nexport const logoutAnimation = keyframes`\r\n  0% {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n  }\r\n  50% {\r\n    transform: scale(0.9) translateX(-2px);\r\n    opacity: 0.7;\r\n  }\r\n  100% {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n  }\r\n`;\r\n\r\n/**\r\n * Subtle bounce animation used for install app prompts.\r\n */\r\nexport const installAppAnimation = keyframes`\r\n  0% {\r\n    transform: translateY(0);\r\n  }\r\n  30% {\r\n    transform: translateY(-5px);\r\n  }\r\n  50% {\r\n    transform: translateY(2px);\r\n  }\r\n  70% {\r\n    transform: translateY(-2px);\r\n  }\r\n  100% {\r\n    transform: translateY(0);\r\n  }\r\n`;\r\n"],"mappings":"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","names":["index_exports","__export","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","__toCommonJS","import_styled","import_material","DialogBtn","styled","import_react","import_styled","import_ErrorOutlineRounded","import_material","import_jsx_runtime","ErrorBoundary","React","props","error","errorInfo","_a","_b","_c","state","Container","ErrorHeader","ErrorOutlineRounded","styled","import_react","import_styled","import_material","import_jsx_runtime","Loading","showLoading","setShowLoading","timer","Container","styled","import_styled","PathName","styled","import_BrightnessAutoRounded","import_DarkModeRounded","import_LightModeRounded","import_PersonalVideoRounded","import_jsx_runtime","OPTION_ICON_SIZE","darkModeOptions","BrightnessAutoRoundedIcon","PersonalVideoRoundedIcon","LightModeRoundedIcon","DarkModeRoundedIcon","defaultColorPalette","import_react","ThemeContext","useThemeSettings","context","import_react","import_styles","commonComponentProps","theme","import_material","currentColorPalette","defaultColorPalette","getColorPalette","setColorPaletteOverride","override","ColorPalette","muiTypography","typographyVariants","createCustomTheme","primaryColor","mode","secondaryColor","background","themeOverrides","isDark","base","designSystemTheme","getColorPalette","baseBg","commonComponentProps","muiTypography","typographyVariants","import_react","import_styles","isHexColor","value","getFontColor","backgroundColor","getColorPalette","hex","fullHex","c","r","g","b","brightness","palette","isFontLight","color","displayGreeting","currentHour","getDayIdentifier","date","year","month","day","getOperatingSystem","ua","getBrowser","systemInfo","isDarkMode","darkMode","systemTheme","timeAgo","date","lang","locale","now","diffInSeconds","rtf","minutes","hours","days","timeAgoFromStart","difference","differenceHours","differenceMinutes","import_react","useResponsiveDisplay","breakpoint","isSmallerDevice","setIsSmallerDevice","checkScreenSize","handleResize","import_react","useSystemTheme","theme","setTheme","mediaQueryListener","e","prefersDarkScheme","import_jsx_runtime","GlobalStyles","fontFamily","theme","isDarkMode","primaryColor","backgroundDefault","backgroundPaper","primaryFontColor","getFontColor","import_react","fadeInLeft","fadeIn","slideIn","slideInBottom","scale","pulseAnimation","clr","shadowBlur","progressPulse","logoutAnimation","installAppAnimation","import_jsx_runtime","ThemeProviderWrapper","children","fontFamily","themesInput","colorPaletteOverride","themeOverrides","systemTheme","useSystemTheme","setColorPaletteOverride","theme","setTheme","darkMode","setDarkMode","storedRaw","stored","e","themesSource","getColorPalette","selectedTheme","t","mode","isDarkMode","muiTheme","_a","bg","createCustomTheme","emotionTheme","ThemeContext","MuiThemeProvider","EmotionThemeProvider","GlobalStyles"]}