@atomazing-org/design-system 1.0.63 → 1.0.65

package/dist/index.mjs

@@ -1,14 +1,14 @@
-import q from"@emotion/styled";import{Button as K}from"@mui/material";var ee=q(K)`
+import V from"@emotion/styled";import{Button as X}from"@mui/material";var J=V(X)`
   padding: 10px 16px;
   border-radius: 16px;
   font-size: 16px;
   margin: 8px;
-`;import te from"react";import U from"@emotion/styled";import N from"@mui/icons-material/ErrorOutlineRounded";import{Box as b}from"@mui/material";import{jsx as C,jsxs as x}from"react/jsx-runtime";var O=class extends te.Component{constructor(t){super(t),this.state={hasError:!1}}static getDerivedStateFromError(t){return{hasError:!0,error:t}}componentDidCatch(t,n){console.error("Error:",t),console.error("Error Info:",n)}render(){var o,r,i;let{state:t,props:n}=this;return t.hasError?x(re,{children:[C(oe,{children:C(b,{children:"Something went wrong.\xA0"})}),x("h3",{children:[x(b,{style:{color:"#ff3131",display:"inline-block"},children:[C(N,{sx:{verticalAlign:"middle",mb:"4px"}})," ","ERROR:"]})," ",x(b,{translate:"no",children:["[",(o=t.error)==null?void 0:o.name,"] ",(r=t.error)==null?void 0:r.message]}),x(b,{style:{color:"#ff3131",display:"inline-block"},children:[C(N,{sx:{verticalAlign:"middle",mb:"4px"}})," ","Stack:"]})," ",x(b,{translate:"no",children:["[",(i=t.error)==null?void 0:i.stack,"]"]})]})]}):n.children}},re=U.div`
+`;import Q from"react";import B from"@emotion/styled";import $ from"@mui/icons-material/ErrorOutlineRounded";import{Box as y}from"@mui/material";import{jsx as v,jsxs as x}from"react/jsx-runtime";var S=class extends Q.Component{constructor(r){super(r),this.state={hasError:!1}}static getDerivedStateFromError(r){return{hasError:!0,error:r}}componentDidCatch(r,o){console.error("Error:",r),console.error("Error Info:",o)}render(){var n,t,i;let{state:r,props:o}=this;return r.hasError?x(j,{children:[v(Z,{children:v(y,{children:"Something went wrong.\xA0"})}),x("h3",{children:[x(y,{style:{color:"#ff3131",display:"inline-block"},children:[v($,{sx:{verticalAlign:"middle",mb:"4px"}})," ","ERROR:"]})," ",x(y,{translate:"no",children:["[",(n=r.error)==null?void 0:n.name,"] ",(t=r.error)==null?void 0:t.message]}),x(y,{style:{color:"#ff3131",display:"inline-block"},children:[v($,{sx:{verticalAlign:"middle",mb:"4px"}})," ","Stack:"]})," ",x(y,{translate:"no",children:["[",(i=r.error)==null?void 0:i.stack,"]"]})]})]}):o.children}},j=B.div`
   margin: 0 8vw;
   @media (max-width: 768px) {
     margin: 0;
   }
-`,oe=U.h1`
+`,Z=B.h1`
   margin-top: 32px;
   margin-bottom: 32px;
   font-size: 36px;
@@ -24,7 +24,7 @@ import q from"@emotion/styled";import{Button as K}from"@mui/material";var ee=q(K
     margin-top: 0;
     margin-bottom: 0;
   }
-`;import{useEffect as ne,useState as ie}from"react";import ae from"@emotion/styled";import{Box as se,CircularProgress as le}from"@mui/material";import{Fragment as de,jsx as I,jsxs as ue}from"react/jsx-runtime";var pe=()=>{let[e,t]=ie(!1);return ne(()=>{let n=setTimeout(()=>{t(!0)},100);return()=>clearTimeout(n)},[]),I(me,{"aria-live":"polite",role:"status",children:e&&ue(de,{children:[I(le,{"aria-label":"loading",size:80,thickness:4}),I("h3",{style:{opacity:.8},children:"Loading Page..."})]})})},me=ae(se)`
+`;import{useEffect as q,useState as K}from"react";import ee from"@emotion/styled";import{Box as te,CircularProgress as re}from"@mui/material";import{Fragment as ie,jsx as M,jsxs as ae}from"react/jsx-runtime";var oe=()=>{let[e,r]=K(!1);return q(()=>{let o=setTimeout(()=>{r(!0)},100);return()=>clearTimeout(o)},[]),M(ne,{"aria-live":"polite",role:"status",children:e&&ae(ie,{children:[M(re,{"aria-label":"loading",size:80,thickness:4}),M("h3",{style:{opacity:.8},children:"Loading Page..."})]})})},ne=ee(te)`
   position: absolute;
   top: 50%;
   left: 50%;
@@ -35,29 +35,31 @@ import q from"@emotion/styled";import{Button as K}from"@mui/material";var ee=q(K
   flex-direction: column;
   text-align: center;
   gap: 8px;
-`;import ce from"@emotion/styled";var fe=ce.code`
+`;import se from"@emotion/styled";var le=se.code`
   background: #000000c8;
   color: white;
   padding: 4px 6px;
   border-radius: 8px;
-`;import he from"@mui/icons-material/BrightnessAutoRounded";import xe from"@mui/icons-material/DarkModeRounded";import ge from"@mui/icons-material/LightModeRounded";import ye from"@mui/icons-material/PersonalVideoRounded";import{jsx as S}from"react/jsx-runtime";var w=32,be=[{label:"Auto",value:"auto",icon:S(he,{color:"inherit",sx:{fontSize:w}})},{label:"System",value:"system",icon:S(ye,{color:"inherit",sx:{fontSize:w}})},{label:"Light",value:"light",icon:S(ge,{color:"inherit",sx:{fontSize:w}})},{label:"Dark",value:"dark",icon:S(xe,{color:"inherit",sx:{fontSize:w}})}];var M={fontDark:"#101727",fontLight:"#f0f0f0",brand:"#9FA9EA",accent:"#F3503A",muted:"#64748B",success:"#2E7D32",info:"#0288D1",warning:"#ED6C02",error:"#D32F2F",neutral:"#64748B"};import{createContext as _e,useContext as ve}from"react";var D=_e(void 0),Te=()=>{let e=ve(D);if(!e)throw new Error("useThemeSettings must be used within ThemeProviderWrapper");return e};import{useMemo as y,useState as X,useEffect as W}from"react";import{ThemeProvider as Ze}from"@emotion/react";import{ThemeProvider as qe}from"@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"}}}}};import{createTheme as j}from"@mui/material";var d={...M},m=()=>d,E=e=>{d={...M,...e}},A={Main:{primaryColor:"#9FA9EA",secondaryColor:"#f2f2f2"}},ke={get fontDark(){return d.fontDark},get fontLight(){return d.fontLight},get brand(){return d.brand},get accent(){return d.accent},get muted(){return d.muted},get success(){return d.success},get info(){return d.info},get warning(){return d.warning},get error(){return d.error},get neutral(){return d.neutral}};var H={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"}}},Y={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 48px/60px inherit inherit"},header_xl_regular:{font:"400 42px/54px inherit inherit"},header_lg_regular:{font:"400 36px/46px inherit inherit"},header_md_regular:{font:"400 30px/38px inherit inherit"},header_sm_regular:{font:"400 26px/34px inherit inherit"},header_xs_regular:{font:"400 22px/30px inherit inherit"},header_2xl_bold:{font:"700 48px/60px inherit inherit"},header_xl_bold:{font:"700 42px/54px inherit inherit"},header_lg_bold:{font:"700 36px/46px inherit inherit"},header_md_bold:{font:"700 30px/38px inherit inherit"},header_sm_bold:{font:"700 26px/34px inherit inherit"},header_xs_bold:{font:"700 22px/30px inherit inherit"}};var g=(e,t="light",n)=>{let o=t==="dark",r=j({palette:{mode:t}});return j(r,{palette:{primary:{...r.palette.primary,main:e},brand:r.palette.augmentColor({color:{main:m().brand}}),neutral:r.palette.augmentColor({color:{main:m().neutral}}),accent:r.palette.augmentColor({color:{main:m().accent}}),muted:r.palette.augmentColor({color:{main:m().muted}}),...n?{secondary:{...r.palette.secondary,main:n}}:{},error:{...r.palette.error,main:m().error},warning:{...r.palette.warning,main:m().warning},success:{...r.palette.success,main:m().success},info:{...r.palette.info,main:m().info},background:o?{...r.palette.background,default:"#1C1C1E",paper:"#2C2C2E"}:{...r.palette.background,default:"#F2F2F7",paper:"#FFFFFF"},divider:o?"rgba(255,255,255,0.12)":"rgba(0,0,0,0.12)"},components:{...F,MuiTypography:H},typography:{...Y,fontFamily:'var(--app-font-family, "Mulish", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif)'},shape:{borderRadius:24}})},L=Object.entries(A).map(([e,t])=>({name:e,MuiTheme:g(t.primaryColor,"light",t.secondaryColor)}));import{useMemo as $e}from"react";import{Global as Be,css as ze}from"@emotion/react";import{useTheme as We}from"@mui/material/styles";var V=e=>/^#([\dA-Fa-f]{3}|[\dA-Fa-f]{6})$/.test(e),P=e=>{if(!V(e))return console.error("Invalid hex color provided:",e),m().fontDark;let t=e.slice(1),n=t.length===3?t.split("").map(u=>u+u).join(""):t,o=Number.parseInt(n.slice(0,2),16),r=Number.parseInt(n.slice(2,4),16),i=Number.parseInt(n.slice(4,6),16),l=Math.round((o*299+r*587+i*114)/1e3),a=m();return l>128?a.fontDark:a.fontLight},Ce=e=>P(e)===m().fontLight;var we=()=>{let e=new Date().getHours();return e>=5&&e<12?"Good morning":e>12&&e<18?"Good afternoon":"Good evening"};var Se=e=>{let t=e.getFullYear(),n=String(e.getMonth()+1).padStart(2,"0"),o=String(e.getDate()).padStart(2,"0");return`${t}-${n}-${o}`};var Me=()=>{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"},Pe=()=>{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"},Re={os:typeof navigator=="undefined"?"Unknown":Me(),browser:typeof navigator=="undefined"?"Unknown":Pe()};var $=(e,t)=>{switch(e){case"light":return!1;case"dark":return!0;case"system":return t==="dark";default:return!1}};var Oe=(e,t)=>{let n=t!=null?t:typeof navigator=="undefined"?"en-US":navigator.language,o=new Date;e=new Date(e);let r=Math.floor((o.getTime()-e.getTime())/1e3),i=new Intl.RelativeTimeFormat(n,{numeric:"auto"});if(r<60)return i.format(-r,"second");if(r<3600){let a=Math.floor(r/60);return i.format(-a,"minute")}if(r<86400){let a=Math.floor(r/3600);return i.format(-a,"hour")}let l=Math.floor(r/86400);return i.format(-l,"day")},Ie=(e,t)=>{let n=t!=null?t:typeof navigator=="undefined"?"en-US":navigator.language,o=new Date;e=new Date(e);let r=(e.getTime()-o.getTime())/1e3,i=Math.floor(r/(60*60)),l=Math.floor((r-60*60*i)/60),a=Math.floor(r-60*60*i-60*l),u=new Intl.RelativeTimeFormat(n,{numeric:"auto"});if(l===0&&a<60)return u.format(a,"second");if(i===0&&l<60)return u.format(l,"minute");if(i<24){let _=`${new Intl.RelativeTimeFormat(n,{numeric:"auto"}).format(i,"hour")}`,h=` ${new Intl.RelativeTimeFormat(n,{localeMatcher:"lookup",numeric:"always",style:"long"}).format(l,"minute")}`.replace(/^\D+/,"");return`${_} ${h}`}let f=Math.floor(a/86400);return u.format(f,"day")};import{useEffect as De,useState as Fe}from"react";var Ee=(e=768)=>{let[t,n]=Fe(!1);return De(()=>{let o=()=>{n(window.innerWidth<e)};o();let r=()=>o();return window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r)}},[e]),t};import{useState as Ae,useEffect as Le}from"react";var B=()=>{let[e,t]=Ae("unknown");return Le(()=>{let n=r=>{t(r.matches?"dark":"light")},o=globalThis.matchMedia("(prefers-color-scheme: dark)");return t(o.matches?"dark":"light"),o.addEventListener("change",n),()=>{o.removeEventListener("change",n)}},[]),e};import{jsx as Ge}from"react/jsx-runtime";var z=({fontFamily:e})=>{let t=We(),n=t.palette.mode==="dark",o=t.palette.primary.main,r=t.palette.background.default,i=$e(()=>P(o),[o]);return Ge(Be,{styles:ze`
+`;import pe from"@mui/icons-material/BrightnessAutoRounded";import de from"@mui/icons-material/DarkModeRounded";import me from"@mui/icons-material/LightModeRounded";import ue from"@mui/icons-material/PersonalVideoRounded";import{jsx as w}from"react/jsx-runtime";var k=32,ce=[{label:"Auto",value:"auto",icon:w(pe,{color:"inherit",sx:{fontSize:k}})},{label:"System",value:"system",icon:w(ue,{color:"inherit",sx:{fontSize:k}})},{label:"Light",value:"light",icon:w(me,{color:"inherit",sx:{fontSize:k}})},{label:"Dark",value:"dark",icon:w(de,{color:"inherit",sx:{fontSize:k}})}];var T={fontDark:"#101727",fontLight:"#f0f0f0",brand:"#9FA9EA",accent:"#F3503A",muted:"#64748B",success:"#2E7D32",info:"#0288D1",warning:"#ED6C02",error:"#D32F2F",neutral:"#64748B"};import{createContext as fe,useContext as he}from"react";var P=fe(void 0),xe=()=>{let e=he(P);if(!e)throw new Error("useThemeSettings must be used within ThemeProviderWrapper");return e};import{useMemo as _,useState as U,useEffect as E}from"react";import{ThemeProvider as Ye}from"@emotion/react";import{ThemeProvider as Ve}from"@mui/material/styles";var R={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"}}}}};import{createTheme as G}from"@mui/material";var d={...T},s=()=>d,D=e=>{d={...T,...e}},ge={get fontDark(){return d.fontDark},get fontLight(){return d.fontLight},get brand(){return d.brand},get accent(){return d.accent},get muted(){return d.muted},get success(){return d.success},get info(){return d.info},get warning(){return d.warning},get error(){return d.error},get neutral(){return d.neutral}};var z={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"}}},W={text_xl_regular:{font:"400 20px/30px inherit inherit"},text_lg_regular:{font:"400 18px/28px inherit inherit"},text_md_regular:{font:"400 16px/24px inherit inherit"},text_sm_regular:{font:"400 14px/20px inherit inherit"},text_xs_regular:{font:"400 12px/18px inherit inherit"},text_2xs_regular:{font:"400 10px/14px inherit inherit"},text_xl_bold:{font:"700 20px/30px inherit inherit"},text_lg_bold:{font:"700 18px/28px inherit inherit"},text_md_bold:{font:"700 16px/24px inherit inherit"},text_sm_bold:{font:"700 14px/20px inherit inherit"},text_xs_bold:{font:"700 12px/18px inherit inherit"},text_2xs_bold:{font:"700 10px/14px inherit inherit"},text_xl_semibold:{font:"600 20px/30px inherit inherit"},text_lg_semibold:{font:"600 18px/28px inherit inherit"},text_md_semibold:{font:"600 16px/24px inherit inherit"},text_sm_semibold:{font:"600 14px/20px inherit inherit"},text_xs_semibold:{font:"600 12px/18px inherit inherit"},text_2xs_semibold:{font:"600 10px/14px inherit inherit"},text_xl_thin:{font:"100 20px/30px inherit inherit"},text_lg_thin:{font:"100 18px/28px inherit inherit"},text_md_thin:{font:"100 16px/24px inherit inherit"},text_sm_thin:{font:"100 14px/20px inherit inherit"},text_xs_thin:{font:"100 12px/18px inherit inherit"},text_2xs_thin:{font:"100 10px/14px inherit inherit"},header_2xl_regular:{font:"400 36px/44px inherit inherit"},header_xl_regular:{font:"400 32px/40px inherit inherit"},header_lg_regular:{font:"400 28px/36px inherit inherit"},header_md_regular:{font:"400 24px/32px inherit inherit"},header_sm_regular:{font:"400 20px/28px inherit inherit"},header_xs_regular:{font:"400 18px/26px inherit inherit"},header_2xl_bold:{font:"700 36px/44px inherit inherit"},header_xl_bold:{font:"700 32px/40px inherit inherit"},header_lg_bold:{font:"700 28px/36px inherit inherit"},header_md_bold:{font:"700 24px/32px inherit inherit"},header_sm_bold:{font:"700 20px/28px inherit inherit"},header_xs_bold:{font:"700 18px/26px inherit inherit"}};var b=(e,r="light",o)=>{let n=r==="dark",t=G({palette:{mode:r}});return G(t,{palette:{primary:{...t.palette.primary,main:e},brand:t.palette.augmentColor({color:{main:e}}),neutral:t.palette.augmentColor({color:{main:s().neutral}}),accent:t.palette.augmentColor({color:{main:s().accent}}),muted:t.palette.augmentColor({color:{main:s().muted}}),...o?{secondary:{...t.palette.secondary,main:o}}:{},error:{...t.palette.error,main:s().error},warning:{...t.palette.warning,main:s().warning},success:{...t.palette.success,main:s().success},info:{...t.palette.info,main:s().info},background:n?{...t.palette.background,default:"#1C1C1E",paper:"#2C2C2E"}:{...t.palette.background,default:"#F2F2F7",paper:"#FFFFFF"},divider:n?"rgba(255,255,255,0.12)":"rgba(0,0,0,0.12)"},components:{...R,MuiTypography:z},typography:{...W,fontFamily:'var(--app-font-family, "Mulish", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif)'},shape:{borderRadius:24}})};import{useMemo as Oe}from"react";import{Global as Fe,css as Ie}from"@emotion/react";import{useTheme as Ee}from"@mui/material/styles";var N=e=>/^#([\dA-Fa-f]{3}|[\dA-Fa-f]{6})$/.test(e),C=e=>{if(!N(e))return console.error("Invalid hex color provided:",e),s().fontDark;let r=e.slice(1),o=r.length===3?r.split("").map(u=>u+u).join(""):r,n=Number.parseInt(o.slice(0,2),16),t=Number.parseInt(o.slice(2,4),16),i=Number.parseInt(o.slice(4,6),16),p=Math.round((n*299+t*587+i*114)/1e3),a=s();return p>128?a.fontDark:a.fontLight},ye=e=>C(e)===s().fontLight;var be=()=>{let e=new Date().getHours();return e>=5&&e<12?"Good morning":e>12&&e<18?"Good afternoon":"Good evening"};var _e=e=>{let r=e.getFullYear(),o=String(e.getMonth()+1).padStart(2,"0"),n=String(e.getDate()).padStart(2,"0");return`${r}-${o}-${n}`};var ve=()=>{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"},ke=()=>{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"},we={os:typeof navigator=="undefined"?"Unknown":ve(),browser:typeof navigator=="undefined"?"Unknown":ke()};var O=(e,r)=>{switch(e){case"light":return!1;case"dark":return!0;case"system":return r==="dark";default:return!1}};var Te=(e,r)=>{let o=r!=null?r:typeof navigator=="undefined"?"en-US":navigator.language,n=new Date;e=new Date(e);let t=Math.floor((n.getTime()-e.getTime())/1e3),i=new Intl.RelativeTimeFormat(o,{numeric:"auto"});if(t<60)return i.format(-t,"second");if(t<3600){let a=Math.floor(t/60);return i.format(-a,"minute")}if(t<86400){let a=Math.floor(t/3600);return i.format(-a,"hour")}let p=Math.floor(t/86400);return i.format(-p,"day")},Ce=(e,r)=>{let o=r!=null?r:typeof navigator=="undefined"?"en-US":navigator.language,n=new Date;e=new Date(e);let t=(e.getTime()-n.getTime())/1e3,i=Math.floor(t/(60*60)),p=Math.floor((t-60*60*i)/60),a=Math.floor(t-60*60*i-60*p),u=new Intl.RelativeTimeFormat(o,{numeric:"auto"});if(p===0&&a<60)return u.format(a,"second");if(i===0&&p<60)return u.format(p,"minute");if(i<24){let g=`${new Intl.RelativeTimeFormat(o,{numeric:"auto"}).format(i,"hour")}`,h=` ${new Intl.RelativeTimeFormat(o,{localeMatcher:"lookup",numeric:"always",style:"long"}).format(p,"minute")}`.replace(/^\D+/,"");return`${g} ${h}`}let f=Math.floor(a/86400);return u.format(f,"day")};import{useEffect as Se,useState as Me}from"react";var Pe=(e=768)=>{let[r,o]=Me(!1);return Se(()=>{let n=()=>{o(window.innerWidth<e)};n();let t=()=>n();return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}},[e]),r};import{useState as Re,useEffect as De}from"react";var F=()=>{let[e,r]=Re("unknown");return De(()=>{let o=t=>{r(t.matches?"dark":"light")},n=globalThis.matchMedia("(prefers-color-scheme: dark)");return r(n.matches?"dark":"light"),n.addEventListener("change",o),()=>{n.removeEventListener("change",o)}},[]),e};import{jsx as Ae}from"react/jsx-runtime";var I=({fontFamily:e})=>{let r=Ee(),o=r.palette.mode==="dark",n=r.palette.primary.main,t=r.palette.background.default,i=Oe(()=>C(n),[n]);return Ae(Fe,{styles:Ie`
         /* Allow application to control font via CSS var or prop */
         :root {
           ${e?`--app-font-family: ${e};`:""}
         }
         * {
-          font-family: var(
-            --app-font-family,
-            "Mulish",
-            system-ui,
-            -apple-system,
-            "Segoe UI",
-            Roboto,
-            Arial
-          ),sans-serif !important;
+          font-family:
+            var(
+              --app-font-family,
+              "Mulish",
+              system-ui,
+              -apple-system,
+              "Segoe UI",
+              Roboto,
+              Arial
+            ),
+            sans-serif !important;
           -webkit-tap-highlight-color: transparent;
           &::selection {
-            background-color: ${`${o}e1`};
+            background-color: ${`${n}e1`};
             color: ${i};
           }
         }
@@ -85,7 +87,7 @@ import q from"@emotion/styled";import{Button as K}from"@mui/material";var ee=q(K
             sans-serif;
           line-height: 1.5;
           font-weight: 400;
-          color-scheme: ${n?"dark":"light"};
+          color-scheme: ${o?"dark":"light"};
           font-synthesis: none;
           text-rendering: optimizeLegibility;
           -webkit-font-smoothing: antialiased;
@@ -98,25 +100,25 @@ import q from"@emotion/styled";import{Button as K}from"@mui/material";var ee=q(K
           height: 100%;
           overflow: auto;
           touch-action: manipulation;
-          background: ${r};
+          background: ${t};
           background-attachment: fixed;
           background-size: cover;
           transition: 0.3s background;
 
           ::-webkit-scrollbar {
             width: 8px;
-            background-color: ${r};
+            background-color: ${t};
           }
           ::-webkit-scrollbar-thumb {
-            background-color: ${o};
+            background-color: ${n};
             border-radius: 64px;
           }
           ::-webkit-scrollbar-thumb:hover {
-            background-color: ${`${o}d8`};
+            background-color: ${`${n}d8`};
           }
           ::-webkit-scrollbar-track {
             border-radius: 64px;
-            background-color: ${r};
+            background-color: ${t};
           }
         }
 
@@ -149,18 +151,18 @@ import q from"@emotion/styled";import{Button as K}from"@mui/material";var ee=q(K
         textarea {
           ::-webkit-scrollbar {
             width: 8px;
-            background-color: ${r};
+            background-color: ${t};
           }
           ::-webkit-scrollbar-thumb {
-            background-color: ${o};
+            background-color: ${n};
             border-radius: 64px;
           }
           ::-webkit-scrollbar-thumb:hover {
-            background-color: ${`${o}d8`};
+            background-color: ${`${n}d8`};
           }
           ::-webkit-scrollbar-track {
             border-radius: 64px;
-            background-color: ${r};
+            background-color: ${t};
           }
         }
 
@@ -169,7 +171,7 @@ import q from"@emotion/styled";import{Button as K}from"@mui/material";var ee=q(K
           border-radius: 42px 42px 0 0;
           z-index: 9999999;
         }
-      `})};import{keyframes as c}from"@emotion/react";var Ne=c`
+      `})};import{keyframes as c}from"@emotion/react";var Le=c`
   from {
     opacity: 0;
     transform: translateX(-40px);
@@ -178,48 +180,48 @@ import q from"@emotion/styled";import{Button as K}from"@mui/material";var ee=q(K
     opacity: 1;
     transform: translateX(0);
   }
-`,Ue=c`
+`,$e=c`
   from {
     opacity: 0;
   }
   to {
     opacity: 1;
   }
-`,He=c`
+`,Be=c`
   from {
     transform: translateX(-100%);
   }
   to {
     transform: translateX(0);
   }
-`,Ye=c`
+`,ze=c`
   from {
     transform: translateY(100%);
   }
   to {
     transform: translateY(0);
   }
-`,je=c`
+`,We=c`
   from {
     transform: scale(0);
   }
   to {
     transform: scale(1);
   }
-`,Ve=(e,t=12)=>c`
+`,Ge=(e,r=12)=>c`
   0% {
     transform: scale(0.95);
     box-shadow: 0 0 0 0 ${e}b2;
   }
   70% {
     transform: scale(1);
-    box-shadow: 0 0 0 ${t}px ${e}00;
+    box-shadow: 0 0 0 ${r}px ${e}00;
   }
   100% {
     transform: scale(0.95);
     box-shadow: 0 0 0 0 ${e}00;
   }
-`,Xe=e=>c`
+`,Ne=e=>c`
   0% {
     filter: none;
   }
@@ -229,7 +231,7 @@ import q from"@emotion/styled";import{Button as K}from"@mui/material";var ee=q(K
   100% {
     filter: none;
   }
-`,Je=c`
+`,Ue=c`
   0% {
     transform: scale(1);
     opacity: 1;
@@ -242,7 +244,7 @@ import q from"@emotion/styled";import{Button as K}from"@mui/material";var ee=q(K
     transform: scale(1);
     opacity: 1;
   }
-`,Qe=c`
+`,He=c`
   0% {
     transform: translateY(0);
   }
@@ -258,5 +260,5 @@ import q from"@emotion/styled";import{Button as K}from"@mui/material";var ee=q(K
   100% {
     transform: translateY(0);
   }
-`;import{jsx as G,jsxs as et}from"react/jsx-runtime";var Ke=({children:e,fontFamily:t,primaryColor:n,themeConfigOverride:o,colorPaletteOverride:r,customColors:i})=>{let l=B();W(()=>{E(r)},[r]);let[a,u]=X("system"),[f,_]=X("auto");W(()=>{if(globalThis.window!==void 0)try{let s=globalThis.localStorage.getItem("appSettings");if(s){let p=JSON.parse(s);p.theme&&u(p.theme),p.darkMode&&_(p.darkMode)}}catch(s){}},[]),W(()=>{if(globalThis.window!==void 0)try{globalThis.localStorage.setItem("appSettings",JSON.stringify({theme:a,darkMode:f}))}catch(s){}},[a,f]);let h=y(()=>o&&Object.keys(o).length>0?Object.entries(o).map(([s,p])=>({name:s,MuiTheme:g(p.primaryColor)})):n?[{name:"Custom",MuiTheme:g(n)}]:L,[o,n]),R=y(()=>{var s;return a==="system"||l==="unknown"?h[0].MuiTheme:((s=h.find(p=>p.name===a))==null?void 0:s.MuiTheme)||h[0].MuiTheme},[l,a,h]),v=y(()=>$(f,l)?"dark":"light",[f,l]),T=y(()=>{var p,k;let s=(k=(p=R.palette)==null?void 0:p.secondary)==null?void 0:k.main;return g(R.palette.primary.main,v,s)},[R,v]),J=y(()=>{if(!i||Object.keys(i).length===0)return T;let s={...T,palette:{...T.palette}},p={};for(let[k,Z]of Object.entries(i))p[k]=s.palette.augmentColor({color:{main:Z}});return s.palette.custom=p,s},[T,i]),Q=y(()=>({darkMode:v==="dark"}),[v]);return G(D.Provider,{value:{theme:a,darkMode:f,setTheme:u,setDarkMode:_},children:G(qe,{theme:J,children:et(Ze,{theme:Q,children:[G(z,{fontFamily:t}),e]})})})};export{ke as ColorPalette,ee as DialogBtn,O as ErrorBoundary,z as GlobalStyles,pe as Loading,fe as PathName,Ke as ThemeProviderWrapper,F as commonComponentProps,g as createCustomTheme,be as darkModeOptions,M as defaultColorPalette,we as displayGreeting,Ue as fadeIn,Ne as fadeInLeft,m as getColorPalette,Se as getDayIdentifier,P as getFontColor,Qe as installAppAnimation,$ as isDarkMode,Ce as isFontLight,V as isHexColor,Je as logoutAnimation,Xe as progressPulse,Ve as pulseAnimation,je as scale,E as setColorPaletteOverride,He as slideIn,Ye as slideInBottom,Re as systemInfo,A as themeConfig,L as themes,Oe as timeAgo,Ie as timeAgoFromStart,Ee as useResponsiveDisplay,B as useSystemTheme,Te as useThemeSettings};
+`;import{jsx as A,jsxs as Je}from"react/jsx-runtime";var Xe=({children:e,fontFamily:r,themes:o,colorPaletteOverride:n})=>{let t=F();E(()=>{D(n)},[n]);let[i,p]=U("system"),[a,u]=U("auto");E(()=>{if(globalThis.window!==void 0)try{let m=globalThis.localStorage.getItem("appSettings");if(m){let l=JSON.parse(m);l.theme&&p(l.theme),l.darkMode&&u(l.darkMode)}}catch(m){}},[]),E(()=>{if(globalThis.window!==void 0)try{globalThis.localStorage.setItem("appSettings",JSON.stringify({theme:i,darkMode:a}))}catch(m){}},[i,a]);let f=_(()=>{if(o&&o.length>0)return o.map(l=>({name:l.name,MuiTheme:b(l.primaryColor,"light",l.secondaryColor)}));let m=s().brand;return[{name:"Default",MuiTheme:b(m,"light")}]},[o]),g=_(()=>{var m;return i==="system"||t==="unknown"?f[0].MuiTheme:((m=f.find(l=>l.name===i))==null?void 0:m.MuiTheme)||f[0].MuiTheme},[t,i,f]),h=_(()=>O(a,t)?"dark":"light",[a,t]),H=_(()=>{var l,L;let m=(L=(l=g.palette)==null?void 0:l.secondary)==null?void 0:L.main;return b(g.palette.primary.main,h,m)},[g,h]),Y=_(()=>({darkMode:h==="dark"}),[h]);return A(P.Provider,{value:{theme:i,darkMode:a,setTheme:p,setDarkMode:u},children:A(Ve,{theme:H,children:Je(Ye,{theme:Y,children:[A(I,{fontFamily:r}),e]})})})};export{ge as ColorPalette,J as DialogBtn,S as ErrorBoundary,I as GlobalStyles,oe as Loading,le as PathName,Xe as ThemeProviderWrapper,R as commonComponentProps,b as createCustomTheme,ce as darkModeOptions,T as defaultColorPalette,be as displayGreeting,$e as fadeIn,Le as fadeInLeft,s as getColorPalette,_e as getDayIdentifier,C as getFontColor,He as installAppAnimation,O as isDarkMode,ye as isFontLight,N as isHexColor,Ue as logoutAnimation,Ne as progressPulse,Ge as pulseAnimation,We as scale,D as setColorPaletteOverride,Be as slideIn,ze as slideInBottom,we as systemInfo,Te as timeAgo,Ce as timeAgoFromStart,Pe as useResponsiveDisplay,F as useSystemTheme,xe as useThemeSettings};
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../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":["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  themes,\n  createCustomTheme,\n  GlobalStyles,\n  setColorPaletteOverride,\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  /** Optional direct override for a single theme primary color. */\n  primaryColor?: string;\n  /** Optional map to override default themeConfig with custom themes. */\n  themeConfigOverride?: Record<\n    string,\n    { primaryColor: string; secondaryColor?: string }\n  >;\n  /** Optional color palette override (e.g., fontLight/fontDark/accent colors). */\n  colorPaletteOverride?: Partial<ColorPaletteType>;\n  /** Optional registry of ad-hoc colors to inject into theme.palette.custom */\n  customColors?: Record<string, string>;\n}>;\n\nexport const ThemeProviderWrapper: FC<ThemeProviderWrapperProps> = ({\n  children,\n  fontFamily,\n  primaryColor,\n  themeConfigOverride,\n  colorPaletteOverride,\n  customColors,\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 (themeConfigOverride && Object.keys(themeConfigOverride).length > 0) {\n      return Object.entries(themeConfigOverride).map(([name, cfg]) => ({\n        name,\n        MuiTheme: createCustomTheme(cfg.primaryColor),\n      }));\n    }\n    if (primaryColor) {\n      return [\n        {\n          name: \"Custom\",\n          MuiTheme: createCustomTheme(primaryColor),\n        },\n      ];\n    }\n    return themes;\n  }, [themeConfigOverride, primaryColor]);\n\n  const selectedTheme = useMemo(() => {\n    if (theme === \"system\" || systemTheme === \"unknown\") {\n      return themesSource[0].MuiTheme;\n    }\n    return (\n      themesSource.find((t) => t.name === theme)?.MuiTheme ||\n      themesSource[0].MuiTheme\n    );\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 secondary = (selectedTheme.palette as any)?.secondary?.main as\n      | string\n      | undefined;\n    return createCustomTheme(\n      selectedTheme.palette.primary.main,\n      mode,\n      secondary,\n    );\n  }, [selectedTheme, mode]);\n\n  const finalMuiTheme = useMemo(() => {\n    if (!customColors || Object.keys(customColors).length === 0)\n      return muiTheme;\n    const cloned = {\n      ...muiTheme,\n      palette: { ...muiTheme.palette },\n    } as typeof muiTheme;\n    const custom: Record<string, any> = {};\n    for (const [name, main] of Object.entries(customColors)) {\n      custom[name] = cloned.palette.augmentColor({ color: { main } });\n    }\n    cloned.palette.custom = custom;\n    return cloned;\n  }, [muiTheme, customColors]);\n\n  const emotionTheme = useMemo(() => ({ darkMode: mode === \"dark\" }), [mode]);\n\n  return (\n    <ThemeContext.Provider value={{ theme, darkMode, setTheme, setDarkMode }}>\n      <MuiThemeProvider theme={finalMuiTheme}>\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, themeConfig } 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): 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: base.palette.augmentColor({\n        color: { main: getColorPalette().brand },\n      }),\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: isDark\n        ? { ...base.palette.background, default: \"#1C1C1E\", paper: \"#2C2C2E\" }\n        : { ...base.palette.background, default: \"#F2F2F7\", paper: \"#FFFFFF\" },\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 */\nexport const themes: { name: string; MuiTheme: Theme }[] = Object.entries(\n  themeConfig,\n).map(([name, config]) => ({\n  name,\n  MuiTheme: createCustomTheme(\n    config.primaryColor,\n    \"light\",\n    config.secondaryColor,\n  ),\n}));\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\nexport const themeConfig: Record<\n  string,\n  { primaryColor: string; secondaryColor?: string }\n> = {\n  Main: {\n    primaryColor: \"#9FA9EA\",\n    secondaryColor: \"#f2f2f2\",\n  },\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  },\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 48px/60px inherit inherit\" },\n  header_xl_regular: { font: \"400 42px/54px inherit inherit\" },\n  header_lg_regular: { font: \"400 36px/46px inherit inherit\" },\n  header_md_regular: { font: \"400 30px/38px inherit inherit\" },\n  header_sm_regular: { font: \"400 26px/34px inherit inherit\" },\n  header_xs_regular: { font: \"400 22px/30px inherit inherit\" },\n\n  header_2xl_bold: { font: \"700 48px/60px inherit inherit\" },\n  header_xl_bold: { font: \"700 42px/54px inherit inherit\" },\n  header_lg_bold: { font: \"700 36px/46px inherit inherit\" },\n  header_md_bold: { font: \"700 30px/38px inherit inherit\" },\n  header_sm_bold: { font: \"700 26px/34px inherit inherit\" },\n  header_xs_bold: { font: \"700 22px/30px 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: var(\n            --app-font-family,\n            \"Mulish\",\n            system-ui,\n            -apple-system,\n            \"Segoe UI\",\n            Roboto,\n            Arial\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":["styled","Button","DialogBtn","React","styled","ErrorOutlineRounded","Box","jsx","jsxs","ErrorBoundary","props","error","errorInfo","_a","_b","_c","state","Container","ErrorHeader","useEffect","useState","styled","Box","CircularProgress","Fragment","jsx","jsxs","Loading","showLoading","setShowLoading","timer","Container","styled","PathName","BrightnessAutoRoundedIcon","DarkModeRoundedIcon","LightModeRoundedIcon","PersonalVideoRoundedIcon","jsx","OPTION_ICON_SIZE","darkModeOptions","defaultColorPalette","createContext","useContext","ThemeContext","useThemeSettings","context","useMemo","useState","useEffect","EmotionThemeProvider","MuiThemeProvider","commonComponentProps","theme","createTheme","currentColorPalette","defaultColorPalette","getColorPalette","setColorPaletteOverride","override","themeConfig","ColorPalette","muiTypography","typographyVariants","createCustomTheme","primaryColor","mode","secondaryColor","isDark","base","createTheme","getColorPalette","commonComponentProps","muiTypography","typographyVariants","themes","themeConfig","name","config","useMemo","Global","css","useTheme","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","useEffect","useState","useResponsiveDisplay","breakpoint","isSmallerDevice","setIsSmallerDevice","checkScreenSize","handleResize","useState","useEffect","useSystemTheme","theme","setTheme","mediaQueryListener","e","prefersDarkScheme","jsx","GlobalStyles","fontFamily","theme","useTheme","isDarkMode","primaryColor","backgroundDefault","primaryFontColor","useMemo","getFontColor","Global","css","keyframes","fadeInLeft","fadeIn","slideIn","slideInBottom","scale","pulseAnimation","clr","shadowBlur","progressPulse","logoutAnimation","installAppAnimation","jsx","jsxs","ThemeProviderWrapper","children","fontFamily","primaryColor","themeConfigOverride","colorPaletteOverride","customColors","systemTheme","useSystemTheme","useEffect","setColorPaletteOverride","theme","setTheme","useState","darkMode","setDarkMode","storedRaw","stored","e","themesSource","useMemo","name","cfg","createCustomTheme","themes","selectedTheme","_a","t","mode","isDarkMode","muiTheme","_b","secondary","finalMuiTheme","cloned","custom","main","emotionTheme","ThemeContext","MuiThemeProvider","EmotionThemeProvider","GlobalStyles"]}
+{"version":3,"sources":["../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":["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?: { name: string; primaryColor: string; secondaryColor?: string }[];\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.map((t) => ({\n        name: t.name,\n        MuiTheme: createCustomTheme(t.primaryColor, \"light\", t.secondaryColor),\n      }));\n    }\n    // Fallback: single default theme based on palette brand\n    const defaultPrimary = getColorPalette().brand;\n    return [\n      {\n        name: \"Default\",\n        MuiTheme: createCustomTheme(defaultPrimary, \"light\"),\n      },\n    ];\n  }, [themesInput]);\n\n  const selectedTheme = useMemo(() => {\n    if (theme === \"system\" || systemTheme === \"unknown\") {\n      return themesSource[0].MuiTheme;\n    }\n    return (\n      themesSource.find((t) => t.name === theme)?.MuiTheme ||\n      themesSource[0].MuiTheme\n    );\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 secondary = (selectedTheme.palette as any)?.secondary?.main as\n      | string\n      | undefined;\n    return createCustomTheme(\n      selectedTheme.palette.primary.main,\n      mode,\n      secondary,\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): 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: isDark\n        ? { ...base.palette.background, default: \"#1C1C1E\", paper: \"#2C2C2E\" }\n        : { ...base.palette.background, default: \"#F2F2F7\", paper: \"#FFFFFF\" },\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  },\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 36px/44px 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 36px/44px 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","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":"AAAA,OAAOA,MAAY,kBACnB,OAAS,UAAAC,MAAc,gBAEhB,IAAMC,EAAYF,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;ECFtC,OAAOE,MAAW,QAClB,OAAOC,MAAY,kBACnB,OAAOC,MAAyB,0CAChC,OAAS,OAAAC,MAAW,gBA+CR,cAAAC,EAGA,QAAAC,MAHA,oBA/BL,IAAMC,EAAN,cAA4BN,EAAM,SAGvC,CACA,YAAYO,EAA2B,CACrC,MAAMA,CAAK,EACX,KAAK,MAAQ,CACX,SAAU,EACZ,CACF,CAEA,OAAO,yBAAyBC,EAAkC,CAChE,MAAO,CACL,SAAU,GACV,MAAAA,CACF,CACF,CAEA,kBAAkBA,EAAcC,EAA4B,CAE1D,QAAQ,MAAM,SAAUD,CAAK,EAE7B,QAAQ,MAAM,cAAeC,CAAS,CACxC,CAEA,QAAS,CA7CX,IAAAC,EAAAC,EAAAC,EA8CI,GAAM,CAAE,MAAAC,EAAO,MAAAN,CAAM,EAAI,KACzB,OAAIM,EAAM,SAENR,EAACS,EAAA,CACC,UAAAV,EAACW,EAAA,CACC,SAAAX,EAACD,EAAA,CAAI,qCAA2B,EAClC,EACAE,EAAC,MACC,UAAAA,EAACF,EAAA,CAAI,MAAO,CAAE,MAAO,UAAW,QAAS,cAAe,EACtD,UAAAC,EAACF,EAAA,CACC,GAAI,CAAE,cAAe,SAAU,GAAI,KAAM,EAC3C,EAAG,IAAI,UAET,EAAO,IACPG,EAACF,EAAA,CAAI,UAAU,KAAK,eAChBO,EAAAG,EAAM,QAAN,YAAAH,EAAa,KAAK,MAAGC,EAAAE,EAAM,QAAN,YAAAF,EAAa,SACtC,EACAN,EAACF,EAAA,CAAI,MAAO,CAAE,MAAO,UAAW,QAAS,cAAe,EACtD,UAAAC,EAACF,EAAA,CACC,GAAI,CAAE,cAAe,SAAU,GAAI,KAAM,EAC3C,EAAG,IAAI,UAET,EAAO,IACPG,EAACF,EAAA,CAAI,UAAU,KAAK,eAAES,EAAAC,EAAM,QAAN,YAAAD,EAAa,MAAM,KAAC,GAC5C,GACF,EAIGL,EAAM,QACf,CACF,EAEMO,EAAYb,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOnBc,EAAcd,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ECtF3B,OAAS,aAAAe,EAAW,YAAAC,MAAgB,QACpC,OAAOC,OAAY,kBACnB,OAAS,OAAAC,GAAK,oBAAAC,OAAwB,gBAgB9B,mBAAAC,GACE,OAAAC,EADF,QAAAC,OAAA,oBAdD,IAAMC,GAAU,IAAM,CAC3B,GAAM,CAACC,EAAaC,CAAc,EAAIT,EAAkB,EAAK,EAE7D,OAAAD,EAAU,IAAM,CACd,IAAMW,EAAQ,WAAW,IAAM,CAC7BD,EAAe,EAAI,CACrB,EAAG,GAAG,EAEN,MAAO,IAAM,aAAaC,CAAK,CACjC,EAAG,CAAC,CAAC,EAGHL,EAACM,GAAA,CAAU,YAAU,SAAS,KAAK,SAChC,SAAAH,GACCF,GAAAF,GAAA,CACE,UAAAC,EAACF,GAAA,CAAiB,aAAW,UAAU,KAAM,GAAI,UAAW,EAAG,EAC/DE,EAAC,MAAG,MAAO,CAAE,QAAS,EAAI,EAAG,2BAAe,GAC9C,EAEJ,CAEJ,EAEMM,GAAYV,GAAOC,EAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EC3B5B,OAAOU,OAAY,kBAEZ,IAAMC,GAAWD,GAAO;AAAA;AAAA;AAAA;AAAA;ECF/B,OAAOE,OAA+B,4CACtC,OAAOC,OAAyB,sCAChC,OAAOC,OAA0B,uCACjC,OAAOC,OAA8B,2CAW/B,cAAAC,MAAA,oBAPN,IAAMC,EAAmB,GAEZC,GAAgC,CAC3C,CACE,MAAO,OACP,MAAO,OACP,KACEF,EAACJ,GAAA,CACC,MAAM,UACN,GAAI,CAAE,SAAUK,CAAiB,EACnC,CAEJ,EACA,CACE,MAAO,SACP,MAAO,SACP,KACED,EAACD,GAAA,CACC,MAAM,UACN,GAAI,CAAE,SAAUE,CAAiB,EACnC,CAEJ,EACA,CACE,MAAO,QACP,MAAO,QACP,KACED,EAACF,GAAA,CACC,MAAM,UACN,GAAI,CAAE,SAAUG,CAAiB,EACnC,CAEJ,EACA,CACE,MAAO,OACP,MAAO,OACP,KACED,EAACH,GAAA,CACC,MAAM,UACN,GAAI,CAAE,SAAUI,CAAiB,EACnC,CAEJ,CACF,EChDO,IAAME,EAAwC,CACnD,SAAU,UACV,UAAW,UAEX,MAAO,UACP,OAAQ,UACR,MAAO,UAEP,QAAS,UACT,KAAM,UACN,QAAS,UACT,MAAO,UACP,QAAS,SACX,ECfA,OAAS,iBAAAC,GAAe,cAAAC,OAAkB,QAInC,IAAMC,EAAeF,GAC1B,MACF,EAEaG,GAAmB,IAAyB,CACvD,IAAMC,EAAUH,GAAWC,CAAY,EACvC,GAAI,CAACE,EACH,MAAM,IAAI,MACR,2DACF,EACF,OAAOA,CACT,ECfA,OAAS,WAAAC,EAAS,YAAAC,EAAU,aAAAC,MAAiB,QAC7C,OAAS,iBAAiBC,OAA4B,iBACtD,OAAS,iBAAiBC,OAAwB,uBCI3C,IAAMC,EAA4C,CACvD,WAAY,CACV,aAAc,CACZ,mBAAoB,EACtB,EACA,eAAgB,CACd,QAAS,CAAC,CAAE,MAAAC,CAAM,KAAO,CACvB,eAAgB,YAChB,qBAAsB,YACtB,QAAS,WACT,aAAcA,EAAM,MAAM,aAC1B,SAAU,MACZ,EACF,CACF,EAEA,UAAW,CACT,eAAgB,CACd,KAAM,CAAC,CAAE,MAAAA,CAAM,KAAO,CACpB,QAAS,YACT,aAAcA,EAAM,MAAM,YAC5B,GACA,UAAW,CACT,UAAW,MACb,CACF,CACF,EAEA,YAAa,CACX,eAAgB,CACd,KAAM,CAAC,CAAE,MAAAA,CAAM,KAAO,CACpB,aAAcA,EAAM,MAAM,YAC5B,EACF,CACF,EAEA,UAAW,CACT,eAAgB,CACd,KAAM,CAAC,CAAE,MAAAA,CAAM,KAAO,CACpB,aAAcA,EAAM,MAAM,YAC5B,GACA,OAAQ,CACN,QAAS,OACT,eAAgB,aAChB,WAAY,SACZ,IAAK,KACP,CACF,CACF,EAEA,UAAW,CACT,aAAc,CACZ,UAAW,CACT,MAAO,CACL,MAAO,CACL,QAAS,OACT,aAAc,GACd,SAAU,OACZ,CACF,CACF,CACF,EACA,eAAgB,CACd,KAAM,CACJ,yBAA0B,CACxB,eAAgB,WAClB,CACF,CACF,CACF,EAEA,UAAW,CACT,eAAgB,CACd,KAAM,CACJ,WAAY,GACd,CACF,CACF,EAEA,SAAU,CACR,eAAgB,CACd,KAAM,CAAC,CAAE,MAAAA,CAAM,KAAO,CACpB,aAAcA,EAAM,MAAM,YAC5B,EACF,CACF,EAEA,aAAc,CACZ,aAAc,CACZ,QAAS,UACX,EACA,eAAgB,CACd,KAAM,CAAC,CAAE,MAAAA,CAAM,KAAO,CACpB,uBAAwB,CACtB,aAAcA,EAAM,MAAM,YAC5B,CACF,EACF,CACF,EAEA,iBAAkB,CAChB,eAAgB,CACd,KAAM,CAAC,CAAE,MAAAA,CAAM,KAAO,CACpB,MAAOA,EAAM,QAAQ,QAAQ,KAC7B,aAAc,CACZ,YAAaA,EAAM,QAAQ,QAAQ,IACrC,EACA,mBAAoB,CAClB,YAAaA,EAAM,QAAQ,QAAQ,IACrC,EACA,yBAA0B,CACxB,YAAaA,EAAM,QAAQ,QAAQ,IACrC,CACF,EACF,CACF,EAEA,cAAe,CACb,eAAgB,CACd,KAAM,CAAC,CAAE,MAAAA,CAAM,KAAO,CACpB,MAAOA,EAAM,QAAQ,QAAQ,KAC7B,gBAAiB,CACf,MAAOA,EAAM,QAAQ,QAAQ,IAC/B,CACF,EACF,CACF,EACA,kBAAmB,CACjB,eAAgB,CACd,KAAM,CAAC,CAAE,MAAAA,CAAM,KAAO,CACpB,MAAOA,EAAM,QAAQ,MAAM,IAC7B,EACF,CACF,EAEA,SAAU,CACR,eAAgB,CACd,KAAM,CAAC,CAAE,MAAAA,CAAM,KAAO,CACpB,aAAcA,EAAM,MAAM,YAC5B,GACA,WAAY,CAAC,CAAE,MAAAA,CAAM,KAAO,CAC1B,aAAcA,EAAM,MAAM,YAC5B,EACF,CACF,EAEA,YAAa,CACX,eAAgB,CACd,KAAM,CAAC,CAAE,MAAAA,CAAM,KAAO,CACpB,aAAcA,EAAM,MAAM,YAC5B,EACF,CACF,EAEA,0BAA2B,CACzB,eAAgB,CACd,KAAM,CAAC,CAAE,MAAAA,CAAM,KAAO,CACpB,aAAcA,EAAM,MAAM,aAC1B,QAAS,OACT,OAAQ,EACR,UAAW,MACb,EACF,CACF,EAEA,iBAAkB,CAChB,eAAgB,CACd,KAAM,CACJ,QAAS,CACX,CACF,CACF,EAEA,UAAW,CACT,eAAgB,CACd,WAAY,CAAC,CAAE,MAAAA,CAAM,KAAO,CAC1B,aAAcA,EAAM,MAAM,aAC1B,QAAS,WACT,sBAAuB,CACrB,QAAS,MACX,CACF,EACF,CACF,EAEA,oBAAqB,CACnB,eAAgB,CACd,OAAQ,CACN,cAAe,OACjB,CACF,CACF,EAEA,OAAQ,CACN,eAAgB,CACd,KAAM,CAAC,CAAE,MAAAA,CAAM,KAAO,CACpB,aAAcA,EAAM,MAAM,YAC5B,EACF,CACF,EAEA,aAAc,CACZ,eAAgB,CACd,KAAM,CACJ,YAAa,CACX,QAAS,MACX,CACF,CACF,CACF,CACF,ECxNA,OAAS,eAAAC,MAAmB,gBCI5B,IAAIC,EAAwC,CAAE,GAAGC,CAAoB,EAGxDC,EAAkB,IAAwBF,EAM1CG,EACXC,GACS,CACTJ,EAAsB,CAAE,GAAGC,EAAqB,GAAGG,CAAS,CAC9D,EAGaC,GAA2C,CACtD,IAAI,UAAW,CACb,OAAOL,EAAoB,QAC7B,EACA,IAAI,WAAY,CACd,OAAOA,EAAoB,SAC7B,EACA,IAAI,OAAQ,CACV,OAAOA,EAAoB,KAC7B,EACA,IAAI,QAAS,CACX,OAAOA,EAAoB,MAC7B,EACA,IAAI,OAAQ,CACV,OAAOA,EAAoB,KAC7B,EACA,IAAI,SAAU,CACZ,OAAOA,EAAoB,OAC7B,EACA,IAAI,MAAO,CACT,OAAOA,EAAoB,IAC7B,EACA,IAAI,SAAU,CACZ,OAAOA,EAAoB,OAC7B,EACA,IAAI,OAAQ,CACV,OAAOA,EAAoB,KAC7B,EACA,IAAI,SAAU,CACZ,OAAOA,EAAoB,OAC7B,CACF,EC1CO,IAAMM,EAAoD,CAC/D,aAAc,CACZ,eAAgB,CAEd,gBAAiB,IACjB,gBAAiB,IACjB,gBAAiB,IACjB,gBAAiB,IACjB,gBAAiB,IACjB,iBAAkB,IAGlB,aAAc,IACd,aAAc,IACd,aAAc,IACd,aAAc,IACd,aAAc,IACd,cAAe,IAGf,iBAAkB,IAClB,iBAAkB,IAClB,iBAAkB,IAClB,iBAAkB,IAClB,iBAAkB,IAClB,kBAAmB,IAGnB,aAAc,IACd,aAAc,IACd,aAAc,IACd,aAAc,IACd,aAAc,IACd,cAAe,IAGf,mBAAoB,KACpB,kBAAmB,KACnB,kBAAmB,KACnB,kBAAmB,KACnB,kBAAmB,KACnB,kBAAmB,KAGnB,gBAAiB,KACjB,eAAgB,KAChB,eAAgB,KAChB,eAAgB,KAChB,eAAgB,KAChB,eAAgB,IAClB,CACF,CACF,EAKaC,EAAgD,CAC3D,gBAAiB,CAAE,KAAM,+BAAgC,EACzD,gBAAiB,CAAE,KAAM,+BAAgC,EACzD,gBAAiB,CAAE,KAAM,+BAAgC,EACzD,gBAAiB,CAAE,KAAM,+BAAgC,EACzD,gBAAiB,CAAE,KAAM,+BAAgC,EACzD,iBAAkB,CAAE,KAAM,+BAAgC,EAE1D,aAAc,CAAE,KAAM,+BAAgC,EACtD,aAAc,CAAE,KAAM,+BAAgC,EACtD,aAAc,CAAE,KAAM,+BAAgC,EACtD,aAAc,CAAE,KAAM,+BAAgC,EACtD,aAAc,CAAE,KAAM,+BAAgC,EACtD,cAAe,CAAE,KAAM,+BAAgC,EAEvD,iBAAkB,CAAE,KAAM,+BAAgC,EAC1D,iBAAkB,CAAE,KAAM,+BAAgC,EAC1D,iBAAkB,CAAE,KAAM,+BAAgC,EAC1D,iBAAkB,CAAE,KAAM,+BAAgC,EAC1D,iBAAkB,CAAE,KAAM,+BAAgC,EAC1D,kBAAmB,CAAE,KAAM,+BAAgC,EAE3D,aAAc,CAAE,KAAM,+BAAgC,EACtD,aAAc,CAAE,KAAM,+BAAgC,EACtD,aAAc,CAAE,KAAM,+BAAgC,EACtD,aAAc,CAAE,KAAM,+BAAgC,EACtD,aAAc,CAAE,KAAM,+BAAgC,EACtD,cAAe,CAAE,KAAM,+BAAgC,EAEvD,mBAAoB,CAAE,KAAM,+BAAgC,EAC5D,kBAAmB,CAAE,KAAM,+BAAgC,EAC3D,kBAAmB,CAAE,KAAM,+BAAgC,EAC3D,kBAAmB,CAAE,KAAM,+BAAgC,EAC3D,kBAAmB,CAAE,KAAM,+BAAgC,EAC3D,kBAAmB,CAAE,KAAM,+BAAgC,EAE3D,gBAAiB,CAAE,KAAM,+BAAgC,EACzD,eAAgB,CAAE,KAAM,+BAAgC,EACxD,eAAgB,CAAE,KAAM,+BAAgC,EACxD,eAAgB,CAAE,KAAM,+BAAgC,EACxD,eAAgB,CAAE,KAAM,+BAAgC,EACxD,eAAgB,CAAE,KAAM,+BAAgC,CAC1D,EFpGO,IAAMC,EAAoB,CAC/BC,EACAC,EAAoB,QACpBC,IACU,CACV,IAAMC,EAASF,IAAS,OAGlBG,EAAOC,EAAY,CACvB,QAAS,CAAE,KAAAJ,CAAK,CAClB,CAAC,EAGD,OAAOI,EAAYD,EAAM,CACvB,QAAS,CACP,QAAS,CAAE,GAAGA,EAAK,QAAQ,QAAS,KAAMJ,CAAa,EAEvD,MAAOI,EAAK,QAAQ,aAAa,CAAE,MAAO,CAAE,KAAMJ,CAAa,CAAE,CAAC,EAClE,QAASI,EAAK,QAAQ,aAAa,CACjC,MAAO,CAAE,KAAME,EAAgB,EAAE,OAAQ,CAC3C,CAAC,EACD,OAAQF,EAAK,QAAQ,aAAa,CAChC,MAAO,CAAE,KAAME,EAAgB,EAAE,MAAO,CAC1C,CAAC,EACD,MAAOF,EAAK,QAAQ,aAAa,CAC/B,MAAO,CAAE,KAAME,EAAgB,EAAE,KAAM,CACzC,CAAC,EACD,GAAIJ,EACA,CAAE,UAAW,CAAE,GAAGE,EAAK,QAAQ,UAAW,KAAMF,CAAe,CAAE,EACjE,CAAC,EACL,MAAO,CAAE,GAAGE,EAAK,QAAQ,MAAO,KAAME,EAAgB,EAAE,KAAM,EAC9D,QAAS,CAAE,GAAGF,EAAK,QAAQ,QAAS,KAAME,EAAgB,EAAE,OAAQ,EACpE,QAAS,CAAE,GAAGF,EAAK,QAAQ,QAAS,KAAME,EAAgB,EAAE,OAAQ,EACpE,KAAM,CAAE,GAAGF,EAAK,QAAQ,KAAM,KAAME,EAAgB,EAAE,IAAK,EAE3D,WAAYH,EACR,CAAE,GAAGC,EAAK,QAAQ,WAAY,QAAS,UAAW,MAAO,SAAU,EACnE,CAAE,GAAGA,EAAK,QAAQ,WAAY,QAAS,UAAW,MAAO,SAAU,EAEvE,QAASD,EAAS,yBAA2B,kBAC/C,EAGA,WAAY,CACV,GAAGI,EACH,cAAeC,CACjB,EACA,WAAY,CACV,GAAGC,EAEH,WACE,mGACJ,EACA,MAAO,CAAE,aAAc,EAAG,CAC5B,CAAC,CACH,EG/DA,OAAS,WAAAC,OAAe,QACxB,OAAS,UAAAC,GAAQ,OAAAC,OAAW,iBAC5B,OAAS,YAAAC,OAAgB,uBCMlB,IAAMC,EAAcC,GACzB,mCAAmC,KAAKA,CAAK,EAUlCC,EAAgBC,GAAoC,CAC/D,GAAI,CAACH,EAAWG,CAAe,EAE7B,eAAQ,MAAM,8BAA+BA,CAAe,EACrDC,EAAgB,EAAE,SAG3B,IAAMC,EAAMF,EAAgB,MAAM,CAAC,EAE7BG,EACJD,EAAI,SAAW,EACXA,EACG,MAAM,EAAE,EACR,IAAKE,GAAMA,EAAIA,CAAC,EAChB,KAAK,EAAE,EACVF,EAEAG,EAAI,OAAO,SAASF,EAAQ,MAAM,EAAG,CAAC,EAAG,EAAE,EAC3CG,EAAI,OAAO,SAASH,EAAQ,MAAM,EAAG,CAAC,EAAG,EAAE,EAC3CI,EAAI,OAAO,SAASJ,EAAQ,MAAM,EAAG,CAAC,EAAG,EAAE,EAE3CK,EAAa,KAAK,OAAOH,EAAI,IAAMC,EAAI,IAAMC,EAAI,KAAO,GAAI,EAE5DE,EAAUR,EAAgB,EAChC,OAAOO,EAAa,IAAMC,EAAQ,SAAWA,EAAQ,SACvD,EAQaC,GAAeC,GAC1BZ,EAAaY,CAAK,IAAMV,EAAgB,EAAE,UCjDrC,IAAMW,GAAkB,IAAc,CAC3C,IAAMC,EAAc,IAAI,KAAK,EAAE,SAAS,EACxC,OAAIA,GAAe,GAAKA,EAAc,GAAW,eAC7CA,EAAc,IAAMA,EAAc,GAAW,iBAC1C,cACT,ECNO,IAAMC,GAAoBC,GAAe,CAC9C,IAAMC,EAAOD,EAAK,YAAY,EACxBE,EAAQ,OAAOF,EAAK,SAAS,EAAI,CAAC,EAAE,SAAS,EAAG,GAAG,EACnDG,EAAM,OAAOH,EAAK,QAAQ,CAAC,EAAE,SAAS,EAAG,GAAG,EAClD,MAAO,GAAGC,CAAI,IAAIC,CAAK,IAAIC,CAAG,EAChC,ECYO,IAAMC,GAAqB,IAAuB,CACvD,IAAMC,GACJ,OAAO,WAAc,YAAc,GAAK,UAAU,WAClD,YAAY,EAEd,OAAIA,EAAG,SAAS,YAAY,EAAU,UAClCA,EAAG,SAAS,QAAQ,GAAKA,EAAG,SAAS,MAAM,GAAKA,EAAG,SAAS,MAAM,EAC7D,MACLA,EAAG,SAAS,KAAK,EAAU,QAC3BA,EAAG,SAAS,SAAS,EAAU,UAC/BA,EAAG,SAAS,OAAO,EAAU,QAE1B,SACT,EAMaC,GAAa,IAAe,CACvC,IAAMD,GACJ,OAAO,WAAc,YAAc,GAAK,UAAU,WAClD,YAAY,EAGd,OAAIA,EAAG,SAAS,KAAK,EAAU,OAC3BA,EAAG,SAAS,QAAQ,EAAU,SAC9BA,EAAG,SAAS,SAAS,EAAU,UAC/BA,EAAG,SAAS,QAAQ,EAAU,SAE3B,SACT,EAMaE,GAAa,CACxB,GACE,OAAO,WAAc,YAChB,UACDH,GAAmB,EACzB,QACE,OAAO,WAAc,YAAe,UAAwBE,GAAW,CAC3E,ECtDO,IAAME,EAAa,CACxBC,EACAC,IACY,CACZ,OAAQD,EAAU,CAChB,IAAK,QACH,MAAO,GAET,IAAK,OACH,MAAO,GAET,IAAK,SACH,OAAOC,IAAgB,OAEzB,QACE,MAAO,EAEX,CACF,ECrBO,IAAMC,GAAU,CAACC,EAAYC,IAA0B,CAC5D,IAAMC,EACJD,GAAA,KAAAA,EAAS,OAAO,WAAc,YAAc,QAAU,UAAU,SAE5DE,EAAM,IAAI,KAChBH,EAAO,IAAI,KAAKA,CAAI,EAEpB,IAAMI,EAAgB,KAAK,OAAOD,EAAI,QAAQ,EAAIH,EAAK,QAAQ,GAAK,GAAI,EAGlEK,EAAM,IAAI,KAAK,mBAAmBH,EAAQ,CAAE,QAAS,MAAO,CAAC,EAGnE,GAAIE,EAAgB,GAClB,OAAOC,EAAI,OAAO,CAACD,EAAe,QAAQ,EAE5C,GAAIA,EAAgB,KAAM,CACxB,IAAME,EAAU,KAAK,MAAMF,EAAgB,EAAE,EAC7C,OAAOC,EAAI,OAAO,CAACC,EAAS,QAAQ,CACtC,CACA,GAAIF,EAAgB,MAAQ,CAC1B,IAAMG,EAAQ,KAAK,MAAMH,EAAgB,IAAI,EAC7C,OAAOC,EAAI,OAAO,CAACE,EAAO,MAAM,CAClC,CACA,IAAMC,EAAO,KAAK,MAAMJ,EAAgB,KAAM,EAC9C,OAAOC,EAAI,OAAO,CAACG,EAAM,KAAK,CAChC,EAEaC,GAAmB,CAACT,EAAYC,IAA0B,CACrE,IAAMC,EACJD,GAAA,KAAAA,EAAS,OAAO,WAAc,YAAc,QAAU,UAAU,SAC5DE,EAAM,IAAI,KAChBH,EAAO,IAAI,KAAKA,CAAI,EACpB,IAAMU,GAAcV,EAAK,QAAQ,EAAIG,EAAI,QAAQ,GAAK,IAChDQ,EAAkB,KAAK,MAAMD,GAAc,GAAK,GAAG,EACnDE,EAAoB,KAAK,OAC5BF,EAAa,GAAK,GAAKC,GAAmB,EAC7C,EACMP,EAAgB,KAAK,MACzBM,EAAa,GAAK,GAAKC,EAAkB,GAAKC,CAChD,EAEMP,EAAM,IAAI,KAAK,mBAAmBH,EAAQ,CAAE,QAAS,MAAO,CAAC,EAEnE,GAAIU,IAAsB,GAAKR,EAAgB,GAC7C,OAAOC,EAAI,OAAOD,EAAe,QAAQ,EAE3C,GAAIO,IAAoB,GAAKC,EAAoB,GAC/C,OAAOP,EAAI,OAAOO,EAAmB,QAAQ,EAE/C,GAAID,EAAkB,GAAI,CACxB,IAAMJ,EAAQ,GAAG,IAAI,KAAK,mBAAmBL,EAAQ,CACnD,QAAS,MACX,CAAC,EAAE,OAAOS,EAAiB,MAAM,CAAC,GAC5BL,EAAU,IAAI,IAAI,KAAK,mBAAmBJ,EAAQ,CACtD,cAAe,SACf,QAAS,SACT,MAAO,MACT,CAAC,EAAE,OAAOU,EAAmB,QAAQ,CAAC,GAAG,QAAQ,OAAQ,EAAE,EAC3D,MAAO,GAAGL,CAAK,IAAID,CAAO,EAC5B,CAEA,IAAME,EAAO,KAAK,MAAMJ,EAAgB,KAAM,EAC9C,OAAOC,EAAI,OAAOG,EAAM,KAAK,CAC/B,ECvEA,OAAS,aAAAK,GAAW,YAAAC,OAAgB,QAQ7B,IAAMC,GAAuB,CAACC,EAAa,MAAiB,CACjE,GAAM,CAACC,EAAiBC,CAAkB,EAAIJ,GAAkB,EAAK,EAErE,OAAAD,GAAU,IAAM,CACd,IAAMM,EAAkB,IAAM,CAC5BD,EAAmB,OAAO,WAAaF,CAAU,CACnD,EACAG,EAAgB,EAChB,IAAMC,EAAe,IAAMD,EAAgB,EAC3C,cAAO,iBAAiB,SAAUC,CAAY,EACvC,IAAM,CACX,OAAO,oBAAoB,SAAUA,CAAY,CACnD,CACF,EAAG,CAACJ,CAAU,CAAC,EAERC,CACT,ECxBA,OAAS,YAAAI,GAAU,aAAAC,OAAiB,QAQ7B,IAAMC,EAAiB,IAAmB,CAC/C,GAAM,CAACC,EAAOC,CAAQ,EAAIJ,GAAsB,SAAS,EACzD,OAAAC,GAAU,IAAM,CACd,IAAMI,EAAsBC,GAA2B,CACrDF,EAASE,EAAE,QAAU,OAAS,OAAO,CACvC,EAEMC,EAAoB,WAAW,WACnC,8BACF,EACA,OAAAH,EAASG,EAAkB,QAAU,OAAS,OAAO,EAGrDA,EAAkB,iBAAiB,SAAUF,CAAkB,EAExD,IAAM,CACXE,EAAkB,oBAAoB,SAAUF,CAAkB,CACpE,CACF,EAAG,CAAC,CAAC,EAEEF,CACT,ERII,cAAAK,OAAA,oBAbG,IAAMC,EAAsC,CAAC,CAAE,WAAAC,CAAW,IAAM,CACrE,IAAMC,EAAQC,GAAS,EACjBC,EAAaF,EAAM,QAAQ,OAAS,OAEpCG,EAAeH,EAAM,QAAQ,QAAQ,KACrCI,EAAoBJ,EAAM,QAAQ,WAAW,QAE7CK,EAAmBC,GACvB,IAAMC,EAAaJ,CAAY,EAC/B,CAACA,CAAY,CACf,EAEA,OACEN,GAACW,GAAA,CACC,OAAQC;AAAA;AAAA;AAAA,YAGFV,EAAa,sBAAsBA,CAAU,IAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAgBjC,GAAGI,CAAY,IAAI;AAAA,qBAC9BE,CAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BA2BXH,EAAa,OAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAa/BE,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAOTA,CAAiB;AAAA;AAAA;AAAA,gCAGjBD,CAAY;AAAA;AAAA;AAAA;AAAA,gCAIZ,GAAGA,CAAY,IAAI;AAAA;AAAA;AAAA;AAAA,gCAInBC,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAiCjBA,CAAiB;AAAA;AAAA;AAAA,gCAGjBD,CAAY;AAAA;AAAA;AAAA;AAAA,gCAIZ,GAAGA,CAAY,IAAI;AAAA;AAAA;AAAA;AAAA,gCAInBC,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAU7C,CAEJ,ESxKA,OAAS,aAAAM,MAAiB,iBAKnB,IAAMC,GAAaD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcbE,GAASF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYTG,GAAUH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYVI,GAAgBJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYhBK,GAAQL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBRM,GAAiB,CAACC,EAAaC,EAAa,KAAOR;AAAA;AAAA;AAAA,0BAGtCO,CAAG;AAAA;AAAA;AAAA;AAAA,wBAILC,CAAU,MAAMD,CAAG;AAAA;AAAA;AAAA;AAAA,0BAIjBA,CAAG;AAAA;AAAA,EAWhBE,GAAiBF,GAAgBP;AAAA;AAAA;AAAA;AAAA;AAAA,mCAKXO,CAAG;AAAA;AAAA;AAAA;AAAA;AAAA,EAUzBG,GAAkBV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBlBW,GAAsBX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EdH3B,OACE,OAAAY,EADF,QAAAC,OAAA,oBA/FD,IAAMC,GAAsD,CAAC,CAClE,SAAAC,EACA,WAAAC,EACA,OAAQC,EACR,qBAAAC,CACF,IAAM,CACJ,IAAMC,EAAcC,EAAe,EAGnCC,EAAU,IAAM,CACdC,EAAwBJ,CAAoB,CAC9C,EAAG,CAACA,CAAoB,CAAC,EAGzB,GAAM,CAACK,EAAOC,CAAQ,EAAIC,EAAiB,QAAQ,EAC7C,CAACC,EAAUC,CAAW,EAAIF,EAE9B,MAAM,EAGRJ,EAAU,IAAM,CACd,GAAI,WAAW,SAAW,OAC1B,GAAI,CACF,IAAMO,EAAY,WAAW,aAAa,QAAQ,aAAa,EAC/D,GAAIA,EAAW,CACb,IAAMC,EAAS,KAAK,MAAMD,CAAS,EAC/BC,EAAO,OAAOL,EAASK,EAAO,KAAK,EACnCA,EAAO,UAAUF,EAAYE,EAAO,QAAQ,CAClD,CACF,OAAQC,EAAA,CAER,CACF,EAAG,CAAC,CAAC,EAGLT,EAAU,IAAM,CACd,GAAI,WAAW,SAAW,OAC1B,GAAI,CACF,WAAW,aAAa,QACtB,cACA,KAAK,UAAU,CAAE,MAAAE,EAAO,SAAAG,CAAS,CAAC,CACpC,CACF,OAAQI,EAAA,CAER,CACF,EAAG,CAACP,EAAOG,CAAQ,CAAC,EAEpB,IAAMK,EAAeC,EAAQ,IAAM,CACjC,GAAIf,GAAeA,EAAY,OAAS,EACtC,OAAOA,EAAY,IAAKgB,IAAO,CAC7B,KAAMA,EAAE,KACR,SAAUC,EAAkBD,EAAE,aAAc,QAASA,EAAE,cAAc,CACvE,EAAE,EAGJ,IAAME,EAAiBC,EAAgB,EAAE,MACzC,MAAO,CACL,CACE,KAAM,UACN,SAAUF,EAAkBC,EAAgB,OAAO,CACrD,CACF,CACF,EAAG,CAAClB,CAAW,CAAC,EAEVoB,EAAgBL,EAAQ,IAAM,CA7FtC,IAAAM,EA8FI,OAAIf,IAAU,UAAYJ,IAAgB,UACjCY,EAAa,CAAC,EAAE,WAGvBO,EAAAP,EAAa,KAAME,GAAMA,EAAE,OAASV,CAAK,IAAzC,YAAAe,EAA4C,WAC5CP,EAAa,CAAC,EAAE,QAEpB,EAAG,CAACZ,EAAaI,EAAOQ,CAAY,CAAC,EAE/BQ,EAAOP,EACX,IAAOQ,EAAWd,EAAUP,CAAW,EAAI,OAAS,QACpD,CAACO,EAAUP,CAAW,CACxB,EAEMsB,EAAWT,EAAQ,IAAM,CA5GjC,IAAAM,EAAAI,EA6GI,IAAMC,GAAaD,GAAAJ,EAAAD,EAAc,UAAd,YAAAC,EAA+B,YAA/B,YAAAI,EAA0C,KAG7D,OAAOR,EACLG,EAAc,QAAQ,QAAQ,KAC9BE,EACAI,CACF,CACF,EAAG,CAACN,EAAeE,CAAI,CAAC,EAElBK,EAAeZ,EAAQ,KAAO,CAAE,SAAUO,IAAS,MAAO,GAAI,CAACA,CAAI,CAAC,EAE1E,OACE3B,EAACiC,EAAa,SAAb,CAAsB,MAAO,CAAE,MAAAtB,EAAO,SAAAG,EAAU,SAAAF,EAAU,YAAAG,CAAY,EACrE,SAAAf,EAACkC,GAAA,CAAiB,MAAOL,EACvB,SAAA5B,GAACkC,GAAA,CAAqB,MAAOH,EAC3B,UAAAhC,EAACoC,EAAA,CAAa,WAAYhC,EAAY,EACrCD,GACH,EACF,EACF,CAEJ","names":["styled","Button","DialogBtn","React","styled","ErrorOutlineRounded","Box","jsx","jsxs","ErrorBoundary","props","error","errorInfo","_a","_b","_c","state","Container","ErrorHeader","useEffect","useState","styled","Box","CircularProgress","Fragment","jsx","jsxs","Loading","showLoading","setShowLoading","timer","Container","styled","PathName","BrightnessAutoRoundedIcon","DarkModeRoundedIcon","LightModeRoundedIcon","PersonalVideoRoundedIcon","jsx","OPTION_ICON_SIZE","darkModeOptions","defaultColorPalette","createContext","useContext","ThemeContext","useThemeSettings","context","useMemo","useState","useEffect","EmotionThemeProvider","MuiThemeProvider","commonComponentProps","theme","createTheme","currentColorPalette","defaultColorPalette","getColorPalette","setColorPaletteOverride","override","ColorPalette","muiTypography","typographyVariants","createCustomTheme","primaryColor","mode","secondaryColor","isDark","base","createTheme","getColorPalette","commonComponentProps","muiTypography","typographyVariants","useMemo","Global","css","useTheme","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","useEffect","useState","useResponsiveDisplay","breakpoint","isSmallerDevice","setIsSmallerDevice","checkScreenSize","handleResize","useState","useEffect","useSystemTheme","theme","setTheme","mediaQueryListener","e","prefersDarkScheme","jsx","GlobalStyles","fontFamily","theme","useTheme","isDarkMode","primaryColor","backgroundDefault","primaryFontColor","useMemo","getFontColor","Global","css","keyframes","fadeInLeft","fadeIn","slideIn","slideInBottom","scale","pulseAnimation","clr","shadowBlur","progressPulse","logoutAnimation","installAppAnimation","jsx","jsxs","ThemeProviderWrapper","children","fontFamily","themesInput","colorPaletteOverride","systemTheme","useSystemTheme","useEffect","setColorPaletteOverride","theme","setTheme","useState","darkMode","setDarkMode","storedRaw","stored","e","themesSource","useMemo","t","createCustomTheme","defaultPrimary","getColorPalette","selectedTheme","_a","mode","isDarkMode","muiTheme","_b","secondary","emotionTheme","ThemeContext","MuiThemeProvider","EmotionThemeProvider","GlobalStyles"]}