@atomazing-org/design-system/dist/index.js

A library providing a set of useful utils, MUI style extensions, and components to build your application.

"use strict";var De=Object.create;var C=Object.defineProperty;var Ie=Object.getOwnPropertyDescriptor;var Oe=Object.getOwnPropertyNames;var Re=Object.getPrototypeOf,Ee=Object.prototype.hasOwnProperty;var Fe=(e,r)=>{for(var t in r)C(e,t,{get:r[t],enumerable:!0})},H=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of Oe(r))!Ee.call(e,i)&&i!==t&&C(e,i,{get:()=>r[i],enumerable:!(o=Ie(r,i))||o.enumerable});return e};var m=(e,r,t)=>(t=e!=null?De(Re(e)):{},H(r||!e||!e.__esModule?C(t,"default",{value:e,enumerable:!0}):t,e)),Le=e=>H(C({},"__esModule",{value:!0}),e);var We={};Fe(We,{ColorPalette:()=>s,DialogBtn:()=>U,ErrorBoundary:()=>k,GlobalStyles:()=>O,Loading:()=>J,PathName:()=>Q,ThemeProviderWrapper:()=>Se,commonComponentProps:()=>S,createCustomTheme:()=>b,darkModeOptions:()=>ae,displayGreeting:()=>ye,fadeIn:()=>de,fadeInLeft:()=>pe,getDayIdentifier:()=>be,getFontColor:()=>u,installAppAnimation:()=>ge,isDarkMode:()=>P,isFontLight:()=>q,isHexColor:()=>N,logoutAnimation:()=>xe,progressPulse:()=>ue,pulseAnimation:()=>he,scale:()=>ce,slideIn:()=>me,slideInBottom:()=>fe,systemInfo:()=>Ce,themeConfig:()=>w,themes:()=>x,timeAgo:()=>ke,timeAgoFromStart:()=>ve,useResponsiveDisplay:()=>Te,useSystemTheme:()=>F,useThemeSettings:()=>Z});module.exports=Le(We);var G=m(require("@emotion/styled")),Y=require("@mui/material"),U=(0,G.default)(Y.Button)`
  padding: 10px 16px;
  border-radius: 16px;
  font-size: 16px;
  margin: 8px;
`;var V=m(require("react")),$=m(require("@emotion/styled")),A=m(require("@mui/icons-material/ErrorOutlineRounded")),g=require("@mui/material"),l=require("react/jsx-runtime"),k=class extends V.default.Component{constructor(r){super(r),this.state={hasError:!1}}static getDerivedStateFromError(r){return{hasError:!0,error:r}}componentDidCatch(r,t){console.error("Error:",r),console.error("Error Info:",t)}render(){var o,i,n;let{state:r,props:t}=this;return r.hasError?(0,l.jsxs)(Be,{children:[(0,l.jsx)(Ae,{children:(0,l.jsx)(g.Box,{children:"\u041E\u0448\u0438\u0431\u043A\u0430.\xA0"})}),(0,l.jsxs)("h3",{children:[(0,l.jsxs)(g.Box,{style:{color:"#ff3131",display:"inline-block"},children:[(0,l.jsx)(A.default,{sx:{verticalAlign:"middle",mb:"4px"}})," ","ERROR:"]})," ",(0,l.jsxs)(g.Box,{translate:"no",children:["[",(o=r.error)==null?void 0:o.name,"] ",(i=r.error)==null?void 0:i.message]}),(0,l.jsxs)(g.Box,{style:{color:"#ff3131",display:"inline-block"},children:[(0,l.jsx)(A.default,{sx:{verticalAlign:"middle",mb:"4px"}})," ","Stack:"]})," ",(0,l.jsxs)(g.Box,{translate:"no",children:["[",(n=r.error)==null?void 0:n.stack,"]"]})]})]}):t.children}},Be=$.default.div`
  margin: 0 8vw;
  @media (max-width: 768px) {
    margin: 0;
  }
`,Ae=$.default.h1`
  margin-top: 32px;
  margin-bottom: 32px;
  font-size: 36px;
  color: #ff3131;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  @media (max-width: 768px) {
    text-align: left;
    justify-content: left;
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 0;
  }
`;var v=require("react"),X=m(require("@emotion/styled")),T=require("@mui/material"),h=require("react/jsx-runtime"),J=()=>{let[e,r]=(0,v.useState)(!1);return(0,v.useEffect)(()=>{let t=setTimeout(()=>{r(!0)},100);return()=>clearTimeout(t)},[]),(0,h.jsx)($e,{children:e&&(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(T.CircularProgress,{"aria-label":"loading",size:80,thickness:4}),(0,h.jsx)("h3",{style:{opacity:.8},children:"Loading Page..."})]})})},$e=(0,X.default)(T.Box)`
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 8px;
`;var j=m(require("@emotion/styled")),Q=j.default.code`
  background: #000000c8;
  color: white;
  padding: 4px 6px;
  border-radius: 8px;
`;var M=require("react"),z=(0,M.createContext)(void 0),Z=()=>{let e=(0,M.useContext)(z);if(!e)throw new Error("useThemeSettings must be used within ThemeProviderWrapper");return e};var c=require("react"),Me=require("@emotion/react"),we=require("@mui/material/styles");var s={fontDark:"#101727",fontLight:"#f0f0f0",darkMode:"#383838",lightMode:"#ffffff",purple:"#b624ff",red:"#ff3131",orange:"#ff9318",orangeDark:"#ff9500"},w={Future:{primaryColor:"#203959",secondaryColor:"#ffffff"},Orange:{primaryColor:"#f6883d",secondaryColor:"#ffffff"},"Neo Mint":{primaryColor:"#00f5d4",secondaryColor:"#e4fff8"},"Cyber Grape":{primaryColor:"#4b0082",secondaryColor:"#f4f0fa"},"Coral Glass":{primaryColor:"#ff6f61",secondaryColor:"#fef2f2"},"Blueberry Ice":{primaryColor:"#3f51b5",secondaryColor:"#e8eaf6"},"Dark Purple":{primaryColor:s.purple},"Light Purple":{primaryColor:s.purple,secondaryColor:"#edeef6"},"Dark Blue":{primaryColor:"#106cff",secondaryColor:"#090815"},"Light Blue":{primaryColor:"#278ad2",secondaryColor:"#dddaf6"},"Dark Pink":{primaryColor:"#f2369d",secondaryColor:"#191218"},"Light Pink":{primaryColor:"#e5369a",secondaryColor:"#ffe3ff"},"Blush Blossom":{primaryColor:"#EC407A",secondaryColor:"#FCE4EC"},Cheesecake:{primaryColor:"#E14C94",secondaryColor:"#FDF0D5"},"Mystic Coral":{primaryColor:"#ff7b9c",secondaryColor:"#4a2333"},"Dark Orange":{primaryColor:"#FF5631",secondaryColor:"#0D0D0D"},"Light Orange":{primaryColor:"#F26E56",secondaryColor:"#F6F6F6"},Aurora:{primaryColor:"#00e952",secondaryColor:"#011926"}};var N=e=>/^#([\dA-Fa-f]{3}|[\dA-Fa-f]{6})$/.test(e),u=e=>{if(!N(e))return console.error("Invalid hex color provided:",e),s.fontDark;let r=e.slice(1),t=r.length===3?r.split("").map(p=>p+p).join(""):r,o=Number.parseInt(t.slice(0,2),16),i=Number.parseInt(t.slice(2,4),16),n=Number.parseInt(t.slice(4,6),16);return Math.round((o*299+i*587+n*114)/1e3)>128?s.fontDark:s.fontLight},q=e=>u(e)===s.fontLight;var S={MuiTooltip:{defaultProps:{disableInteractive:!0},styleOverrides:{tooltip:({theme:e})=>({color:e.palette.mode==="dark"?"#fff":"#000",backgroundColor:e.palette.mode==="dark"?"#141431dd":"#ededf3dd",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,color:"#fff"}}},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"})}},MuiSvgIcon:{defaultProps:{color:"primary"}},MuiDialogContent:{styleOverrides:{root:{padding:0}}},MuiSlider:{styleOverrides:{valueLabel:({theme:e})=>({borderRadius:e.shape.borderRadius,padding:"6px 14px",color:e.palette.mode==="dark"?"#fff":"#000",backgroundColor:e.palette.mode==="dark"?"#141431dd":"#ededf3dd","&::before, &::after":{display:"none"}})}},MuiCircularProgress:{styleOverrides:{circle:{strokeLinecap:"round"}}},MuiTab:{styleOverrides:{root:({theme:e})=>({borderRadius:e.shape.borderRadius})}},MuiAccordion:{styleOverrides:{root:{"&::before":{display:"none"}}}}};var re=require("@mui/material");var K={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"}}},ee={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 b=(e,r="#232e58",t="dark")=>(0,re.createTheme)({palette:{primary:{main:e},secondary:{main:r},warning:{main:t==="dark"?s.orange:s.orangeDark},error:{main:s.red},mode:t},components:{...S,MuiTypography:K},typography:ee,shape:{borderRadius:24}}),x=Object.entries(w).map(([e,r])=>({name:e,MuiTheme:b(r.primaryColor,r.secondaryColor)})),P=(e,r,t)=>{switch(e){case"light":return!1;case"dark":return!0;case"system":return r==="dark";case"auto":return u(t)===s.fontLight;default:return!1}};var te=m(require("@mui/icons-material/BrightnessAutoRounded")),oe=m(require("@mui/icons-material/DarkModeRounded")),ie=m(require("@mui/icons-material/LightModeRounded")),ne=m(require("@mui/icons-material/PersonalVideoRounded")),_=require("react/jsx-runtime"),D=32,ae=[{label:"Auto",value:"auto",icon:(0,_.jsx)(te.default,{color:"inherit",sx:{fontSize:D}})},{label:"System",value:"system",icon:(0,_.jsx)(ne.default,{color:"inherit",sx:{fontSize:D}})},{label:"Light",value:"light",icon:(0,_.jsx)(ie.default,{color:"inherit",sx:{fontSize:D}})},{label:"Dark",value:"dark",icon:(0,_.jsx)(oe.default,{color:"inherit",sx:{fontSize:D}})}];var W=require("react"),I=require("@emotion/react"),se=require("@mui/material/styles");var le=require("react/jsx-runtime"),O=()=>{let e=(0,se.useTheme)(),r=e.palette.mode==="dark",t=e.palette.primary.main,o=e.palette.secondary.main,i=(0,W.useMemo)(()=>u(t),[t]),n=(0,W.useMemo)(()=>u(o),[o]);return(0,le.jsx)(I.Global,{styles:I.css`
        * {
          font-family: "Poppins", sans-serif !important;
          -webkit-tap-highlight-color: transparent;
          &::selection {
            background-color: ${`${t}e1`};
            color: ${i};
          }
        }

        html,
        body,
        #root {
          height: 100%;
          margin: 0;
        }

        :root {
          height: 100%;
          font-family: "Poppins", sans-serif;
          line-height: 1.5;
          font-weight: 400;
          color-scheme: ${r?"dark":"light"};
          color: ${n};
          font-synthesis: none;
          text-rendering: optimizeLegibility;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          -webkit-text-size-adjust: 100%;

          --rsbs-backdrop-bg: rgba(0, 0, 0, 0.3);
          --rsbs-bg: ${r?"#383838":"#ffffff"};
        }

        body {
          margin: 0;
          height: 100%;
          overflow: auto;
          touch-action: manipulation;
          background: ${o};
          background-attachment: fixed;
          background-size: cover;
          transition: 0.3s background;

          ::-webkit-scrollbar {
            width: 8px;
            background-color: ${o};
          }
          ::-webkit-scrollbar-thumb {
            background-color: ${t};
            border-radius: 64px;
          }
          ::-webkit-scrollbar-thumb:hover {
            background-color: ${`${t}d8`};
          }
          ::-webkit-scrollbar-track {
            border-radius: 64px;
            background-color: ${o};
          }
        }

        a {
          text-decoration: none;
          color: inherit;
        }

        img {
          user-select: none;
        }

        input[type="file"]::-webkit-file-upload-button {
          display: none;
        }

        input[type="datetime-local"]:placeholder-shown {
          color: transparent !important;
        }

        pre {
          background-color: #000000d7;
          color: white;
          padding: 16px;
          border-radius: 18px;
          overflow-x: auto;
        }

        .MuiDialogContent-root,
        .MuiDrawer-paper,
        .customScrollbar,
        textarea {
          ::-webkit-scrollbar {
            width: 8px;
            border-radius: 4px;
            background-color: #84848415;
          }
          ::-webkit-scrollbar-thumb {
            background-color: #8484844b;
            border-radius: 4px;
          }
          ::-webkit-scrollbar-thumb:hover {
            background-color: #84848476;
          }
          ::-webkit-scrollbar-track {
            border-radius: 4px;
            background-color: #84848415;
          }
        }

        /* react-spring-bottom-sheet styles */
        div[role="dialog"] {
          border-radius: 42px 42px 0 0;
          z-index: 9999999;
        }

        div[data-rsbs-backdrop] {
          z-index: 999;
        }

        div[data-rsbs-header] {
          z-index: 999999;
          box-shadow: none;
          &::before {
            width: 60px;
            height: 6px;
            border-radius: 100px;
            background: ${r?"#717171":"#cfcfcf"};
            margin-top: 3px;
          }
        }
      `})};var f=require("@emotion/react"),pe=f.keyframes`
  from {
    opacity: 0;
    transform: translateX(-40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
`,de=f.keyframes`
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
`,me=f.keyframes`
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
`,fe=f.keyframes`
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
`,ce=f.keyframes`
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
`,he=(e,r=12)=>f.keyframes`
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 ${e}b2;
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 ${r}px ${e}00;
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 ${e}00;
  }
`,ue=e=>f.keyframes`
  0% {
    filter: none;
  }
  50% {
    filter: drop-shadow(0 0 10px ${e}78);
  }
  100% {
    filter: none;
  }
`,xe=f.keyframes`
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.9) translateX(-2px);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
`,ge=f.keyframes`
  0% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-5px);
  }
  50% {
    transform: translateY(2px);
  }
  70% {
    transform: translateY(-2px);
  }
  100% {
    transform: translateY(0);
  }
`;var ye=()=>{let r=new Date().getHours(),t;return r<12&&r>=5?t="\u0414\u043E\u0431\u0440\u043E\u0435 \u0443\u0442\u0440\u043E,":r<18&&r>12?t="\u0414\u043E\u0431\u0440\u044B\u0439 \u0434\u0435\u043D\u044C,":t="\u0414\u043E\u0431\u0440\u044B\u0439 \u0432\u0435\u0447\u0435\u0440,",t};var be=e=>{let r=e.getFullYear(),t=String(e.getMonth()+1).padStart(2,"0"),o=String(e.getDate()).padStart(2,"0");return`${r}-${t}-${o}`};var{userAgent:_e}=globalThis.navigator,ze=()=>{let e=_e.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"},Ne=()=>{let e=_e.toLowerCase();return e.includes("edg")?"Edge":e.includes("chrome")?"Chrome":e.includes("firefox")?"Firefox":e.includes("safari")?"Safari":"Unknown"},Ce={os:ze(),browser:Ne()};var ke=(e,r=navigator.language||"en-US")=>{let t=new Date;e=new Date(e);let o=Math.floor((t.getTime()-e.getTime())/1e3),i=new Intl.RelativeTimeFormat(r,{numeric:"auto"});if(o<60)return i.format(-o,"second");if(o<3600){let a=Math.floor(o/60);return i.format(-a,"minute")}if(o<86400){let a=Math.floor(o/3600);return i.format(-a,"hour")}let n=Math.floor(o/86400);return i.format(-n,"day")},ve=(e,r=navigator.language||"en-US")=>{let t=new Date;e=new Date(e);let o=(e.getTime()-t.getTime())/1e3,i=Math.floor(o/(60*60)),n=Math.floor((o-60*60*i)/60),a=Math.floor(o-60*60*i-60*n),p=new Intl.RelativeTimeFormat(r,{numeric:"auto"});if(n===0&&a<60)return p.format(a,"second");if(i===0&&n<60)return p.format(n,"minute");if(i<24){let B=`${new Intl.RelativeTimeFormat(r,{numeric:"auto"}).format(i,"hour")}`,d=` ${new Intl.RelativeTimeFormat(r,{localeMatcher:"lookup",numeric:"always",style:"long"}).format(n,"minute")}`.replace(/^\D+/,"");return`${B} ${d}`}let L=Math.floor(a/86400);return p.format(L,"day")};var R=require("react"),Te=(e=768)=>{let[r,t]=(0,R.useState)(!1);return(0,R.useEffect)(()=>{let o=()=>{t(window.innerWidth<e)};o();let i=()=>o();return window.addEventListener("resize",i),()=>{window.removeEventListener("resize",i)}},[e]),r};var E=require("react"),F=()=>{let[e,r]=(0,E.useState)("unknown");return(0,E.useEffect)(()=>{let t=i=>{r(i.matches?"dark":"light")},o=globalThis.matchMedia("(prefers-color-scheme: dark)");return r(o.matches?"dark":"light"),o.addEventListener("change",t),()=>{o.removeEventListener("change",t)}},[]),e};var y=require("react/jsx-runtime"),Se=({children:e})=>{let r=F(),[t,o]=(0,c.useState)(()=>{let d=localStorage.getItem("appSettings");return d&&JSON.parse(d).theme||"system"}),[i,n]=(0,c.useState)(()=>{let d=localStorage.getItem("appSettings");return d&&JSON.parse(d).darkMode||"auto"});(0,c.useEffect)(()=>{localStorage.setItem("appSettings",JSON.stringify({theme:t,darkMode:i}))},[t,i]);let a=(0,c.useMemo)(()=>{var d;return r==="unknown"?x[0].MuiTheme:t==="system"?r==="dark"?x[0].MuiTheme:x[1].MuiTheme:((d=x.find(Pe=>Pe.name===t))==null?void 0:d.MuiTheme)||x[0].MuiTheme},[r,t]),p=(0,c.useMemo)(()=>P(i,r,a.palette.secondary.main)?"dark":"light",[i,r,a]),L=(0,c.useMemo)(()=>b(a.palette.primary.main,a.palette.secondary.main,p),[a,p]),B=(0,c.useMemo)(()=>({darkMode:p==="dark"}),[p]);return(0,y.jsx)(z.Provider,{value:{theme:t,darkMode:i,setTheme:o,setDarkMode:n},children:(0,y.jsx)(we.ThemeProvider,{theme:L,children:(0,y.jsxs)(Me.ThemeProvider,{theme:B,children:[(0,y.jsx)(O,{}),e]})})})};0&&(module.exports={ColorPalette,DialogBtn,ErrorBoundary,GlobalStyles,Loading,PathName,ThemeProviderWrapper,commonComponentProps,createCustomTheme,darkModeOptions,displayGreeting,fadeIn,fadeInLeft,getDayIdentifier,getFontColor,installAppAnimation,isDarkMode,isFontLight,isHexColor,logoutAnimation,progressPulse,pulseAnimation,scale,slideIn,slideInBottom,systemInfo,themeConfig,themes,timeAgo,timeAgoFromStart,useResponsiveDisplay,useSystemTheme,useThemeSettings});
//# sourceMappingURL=index.js.map