@atomazing-org/design-system 1.0.62 → 1.0.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,14 +1,14 @@
1
- "use strict";var Ie=Object.create;var k=Object.defineProperty;var Pe=Object.getOwnPropertyDescriptor;var Ee=Object.getOwnPropertyNames;var Oe=Object.getPrototypeOf,De=Object.prototype.hasOwnProperty;var Fe=(e,r)=>{for(var t in r)k(e,t,{get:r[t],enumerable:!0})},H=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of Ee(r))!De.call(e,i)&&i!==t&&k(e,i,{get:()=>r[i],enumerable:!(o=Pe(r,i))||o.enumerable});return e};var d=(e,r,t)=>(t=e!=null?Ie(Oe(e)):{},H(r||!e||!e.__esModule?k(t,"default",{value:e,enumerable:!0}):t,e)),Ae=e=>H(k({},"__esModule",{value:!0}),e);var We={};Fe(We,{ColorPalette:()=>m,DialogBtn:()=>G,ErrorBoundary:()=>v,GlobalStyles:()=>E,Loading:()=>J,PathName:()=>Q,ThemeProviderWrapper:()=>Ce,commonComponentProps:()=>C,createCustomTheme:()=>y,darkModeOptions:()=>ne,displayGreeting:()=>be,fadeIn:()=>de,fadeInLeft:()=>le,getDayIdentifier:()=>ye,getFontColor:()=>b,installAppAnimation:()=>ge,isDarkMode:()=>R,isFontLight:()=>q,isHexColor:()=>N,logoutAnimation:()=>fe,progressPulse:()=>xe,pulseAnimation:()=>he,scale:()=>ue,slideIn:()=>me,slideInBottom:()=>ce,systemInfo:()=>ke,themeConfig:()=>M,themes:()=>x,timeAgo:()=>ve,timeAgoFromStart:()=>Te,useResponsiveDisplay:()=>Se,useSystemTheme:()=>F,useThemeSettings:()=>Z});module.exports=Ae(We);var U=d(require("@emotion/styled")),Y=require("@mui/material"),G=(0,U.default)(Y.Button)`
1
+ "use strict";var Ae=Object.create;var M=Object.defineProperty;var Le=Object.getOwnPropertyDescriptor;var $e=Object.getOwnPropertyNames;var Be=Object.getPrototypeOf,ze=Object.prototype.hasOwnProperty;var We=(e,t)=>{for(var o in t)M(e,o,{get:t[o],enumerable:!0})},X=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of $e(t))!ze.call(e,r)&&r!==o&&M(e,r,{get:()=>t[r],enumerable:!(n=Le(t,r))||n.enumerable});return e};var f=(e,t,o)=>(o=e!=null?Ae(Be(e)):{},X(t||!e||!e.__esModule?M(o,"default",{value:e,enumerable:!0}):o,e)),Ge=e=>X(M({},"__esModule",{value:!0}),e);var Xe={};We(Xe,{ColorPalette:()=>le,DialogBtn:()=>j,ErrorBoundary:()=>P,GlobalStyles:()=>W,Loading:()=>K,PathName:()=>te,ThemeProviderWrapper:()=>Fe,commonComponentProps:()=>I,createCustomTheme:()=>v,darkModeOptions:()=>ae,defaultColorPalette:()=>C,displayGreeting:()=>ue,fadeIn:()=>ke,fadeInLeft:()=>ve,getColorPalette:()=>s,getDayIdentifier:()=>ce,getFontColor:()=>S,installAppAnimation:()=>Re,isDarkMode:()=>A,isFontLight:()=>me,isHexColor:()=>Y,logoutAnimation:()=>Pe,progressPulse:()=>Me,pulseAnimation:()=>Se,scale:()=>Ce,setColorPaletteOverride:()=>E,slideIn:()=>we,slideInBottom:()=>Te,systemInfo:()=>fe,timeAgo:()=>he,timeAgoFromStart:()=>xe,useResponsiveDisplay:()=>ge,useSystemTheme:()=>B,useThemeSettings:()=>se});module.exports=Ge(Xe);var J=f(require("@emotion/styled")),Q=require("@mui/material"),j=(0,J.default)(Q.Button)`
2
2
  padding: 10px 16px;
3
3
  border-radius: 16px;
4
4
  font-size: 16px;
5
5
  margin: 8px;
6
- `;var V=d(require("react")),$=d(require("@emotion/styled")),B=d(require("@mui/icons-material/ErrorOutlineRounded")),f=require("@mui/material"),s=require("react/jsx-runtime"),v=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,s.jsxs)(Le,{children:[(0,s.jsx)(Be,{children:(0,s.jsx)(f.Box,{children:"\u041E\u0448\u0438\u0431\u043A\u0430.\xA0"})}),(0,s.jsxs)("h3",{children:[(0,s.jsxs)(f.Box,{style:{color:"#ff3131",display:"inline-block"},children:[(0,s.jsx)(B.default,{sx:{verticalAlign:"middle",mb:"4px"}})," ","ERROR:"]})," ",(0,s.jsxs)(f.Box,{translate:"no",children:["[",(o=r.error)==null?void 0:o.name,"] ",(i=r.error)==null?void 0:i.message]}),(0,s.jsxs)(f.Box,{style:{color:"#ff3131",display:"inline-block"},children:[(0,s.jsx)(B.default,{sx:{verticalAlign:"middle",mb:"4px"}})," ","Stack:"]})," ",(0,s.jsxs)(f.Box,{translate:"no",children:["[",(n=r.error)==null?void 0:n.stack,"]"]})]})]}):t.children}},Le=$.default.div`
6
+ `;var Z=f(require("react")),N=f(require("@emotion/styled")),G=f(require("@mui/icons-material/ErrorOutlineRounded")),_=require("@mui/material"),m=require("react/jsx-runtime"),P=class extends Z.default.Component{constructor(t){super(t),this.state={hasError:!1}}static getDerivedStateFromError(t){return{hasError:!0,error:t}}componentDidCatch(t,o){console.error("Error:",t),console.error("Error Info:",o)}render(){var n,r,i;let{state:t,props:o}=this;return t.hasError?(0,m.jsxs)(Ne,{children:[(0,m.jsx)(Ue,{children:(0,m.jsx)(_.Box,{children:"Something went wrong.\xA0"})}),(0,m.jsxs)("h3",{children:[(0,m.jsxs)(_.Box,{style:{color:"#ff3131",display:"inline-block"},children:[(0,m.jsx)(G.default,{sx:{verticalAlign:"middle",mb:"4px"}})," ","ERROR:"]})," ",(0,m.jsxs)(_.Box,{translate:"no",children:["[",(n=t.error)==null?void 0:n.name,"] ",(r=t.error)==null?void 0:r.message]}),(0,m.jsxs)(_.Box,{style:{color:"#ff3131",display:"inline-block"},children:[(0,m.jsx)(G.default,{sx:{verticalAlign:"middle",mb:"4px"}})," ","Stack:"]})," ",(0,m.jsxs)(_.Box,{translate:"no",children:["[",(i=t.error)==null?void 0:i.stack,"]"]})]})]}):o.children}},Ne=N.default.div`
7
7
  margin: 0 8vw;
8
8
  @media (max-width: 768px) {
9
9
  margin: 0;
10
10
  }
11
- `,Be=$.default.h1`
11
+ `,Ue=N.default.h1`
12
12
  margin-top: 32px;
13
13
  margin-bottom: 32px;
14
14
  font-size: 36px;
@@ -24,7 +24,7 @@
24
24
  margin-top: 0;
25
25
  margin-bottom: 0;
26
26
  }
27
- `;var T=require("react"),X=d(require("@emotion/styled")),S=require("@mui/material"),h=require("react/jsx-runtime"),J=()=>{let[e,r]=(0,T.useState)(!1);return(0,T.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)(S.CircularProgress,{"aria-label":"loading",size:80,thickness:4}),(0,h.jsx)("h3",{style:{opacity:.8},children:"Loading Page..."})]})})},$e=(0,X.default)(S.Box)`
27
+ `;var R=require("react"),q=f(require("@emotion/styled")),D=require("@mui/material"),g=require("react/jsx-runtime"),K=()=>{let[e,t]=(0,R.useState)(!1);return(0,R.useEffect)(()=>{let o=setTimeout(()=>{t(!0)},100);return()=>clearTimeout(o)},[]),(0,g.jsx)(He,{"aria-live":"polite",role:"status",children:e&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(D.CircularProgress,{"aria-label":"loading",size:80,thickness:4}),(0,g.jsx)("h3",{style:{opacity:.8},children:"Loading Page..."})]})})},He=(0,q.default)(D.Box)`
28
28
  position: absolute;
29
29
  top: 50%;
30
30
  left: 50%;
@@ -35,24 +35,31 @@
35
35
  flex-direction: column;
36
36
  text-align: center;
37
37
  gap: 8px;
38
- `;var j=d(require("@emotion/styled")),Q=j.default.code`
38
+ `;var ee=f(require("@emotion/styled")),te=ee.default.code`
39
39
  background: #000000c8;
40
40
  color: white;
41
41
  padding: 4px 6px;
42
42
  border-radius: 8px;
43
- `;var w=require("react"),z=(0,w.createContext)(void 0),Z=()=>{let e=(0,w.useContext)(z);if(!e)throw new Error("useThemeSettings must be used within ThemeProviderWrapper");return e};var u=require("react"),we=require("@emotion/react"),Me=require("@mui/material/styles");var m={fontDark:"#101727",fontLight:"#f0f0f0",purple:"#440850",lavender:"#9FA9EA",carrot:"#F3503A",pistachio:"#62ED97"},M={Main:{primaryColor:"#9FA9EA",secondaryColor:"#f2f2f2"}};var N=e=>/^#([\dA-Fa-f]{3}|[\dA-Fa-f]{6})$/.test(e),b=e=>{if(!N(e))return console.error("Invalid hex color provided:",e),m.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?m.fontDark:m.fontLight},q=e=>b(e)===m.fontLight;var C={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"})}},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 W=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 y=(e,r="dark")=>{let t=r==="dark",o=(0,W.createTheme)({palette:{mode:r}});return(0,W.createTheme)(o,{palette:{primary:{...o.palette.primary,main:e},error:{...o.palette.error,main:m.carrot},warning:{...o.palette.warning,main:m.carrot},background:t?{...o.palette.background,default:"#1C1C1E",paper:"#2C2C2E"}:{...o.palette.background,default:"#F2F2F7",paper:"#FFFFFF"},divider:t?"rgba(255,255,255,0.12)":"rgba(0,0,0,0.12)"},components:{...C,MuiTypography:K},typography:ee,shape:{borderRadius:24}})},x=Object.entries(M).map(([e,r])=>({name:e,MuiTheme:y(r.primaryColor)})),R=(e,r)=>{switch(e){case"light":return!1;case"dark":return!0;case"system":return r==="dark";default:return!1}};var re=d(require("@mui/icons-material/BrightnessAutoRounded")),te=d(require("@mui/icons-material/DarkModeRounded")),oe=d(require("@mui/icons-material/LightModeRounded")),ie=d(require("@mui/icons-material/PersonalVideoRounded")),_=require("react/jsx-runtime"),I=32,ne=[{label:"Auto",value:"auto",icon:(0,_.jsx)(re.default,{color:"inherit",sx:{fontSize:I}})},{label:"System",value:"system",icon:(0,_.jsx)(ie.default,{color:"inherit",sx:{fontSize:I}})},{label:"Light",value:"light",icon:(0,_.jsx)(oe.default,{color:"inherit",sx:{fontSize:I}})},{label:"Dark",value:"dark",icon:(0,_.jsx)(te.default,{color:"inherit",sx:{fontSize:I}})}];var ae=require("react"),P=require("@emotion/react"),se=require("@mui/material/styles");var pe=require("react/jsx-runtime"),E=()=>{let e=(0,se.useTheme)(),r=e.palette.mode==="dark",t=e.palette.primary.main,o=e.palette.background.default,i=(0,ae.useMemo)(()=>b(t),[t]);return(0,pe.jsx)(P.Global,{styles:P.css`
43
+ `;var re=f(require("@mui/icons-material/BrightnessAutoRounded")),oe=f(require("@mui/icons-material/DarkModeRounded")),ne=f(require("@mui/icons-material/LightModeRounded")),ie=f(require("@mui/icons-material/PersonalVideoRounded")),T=require("react/jsx-runtime"),O=32,ae=[{label:"Auto",value:"auto",icon:(0,T.jsx)(re.default,{color:"inherit",sx:{fontSize:O}})},{label:"System",value:"system",icon:(0,T.jsx)(ie.default,{color:"inherit",sx:{fontSize:O}})},{label:"Light",value:"light",icon:(0,T.jsx)(ne.default,{color:"inherit",sx:{fontSize:O}})},{label:"Dark",value:"dark",icon:(0,T.jsx)(oe.default,{color:"inherit",sx:{fontSize:O}})}];var C={fontDark:"#101727",fontLight:"#f0f0f0",brand:"#9FA9EA",accent:"#F3503A",muted:"#64748B",success:"#2E7D32",info:"#0288D1",warning:"#ED6C02",error:"#D32F2F",neutral:"#64748B"};var F=require("react"),U=(0,F.createContext)(void 0),se=()=>{let e=(0,F.useContext)(U);if(!e)throw new Error("useThemeSettings must be used within ThemeProviderWrapper");return e};var p=require("react"),De=require("@emotion/react"),Oe=require("@mui/material/styles");var I={MuiTooltip:{defaultProps:{disableInteractive:!0},styleOverrides:{tooltip:({theme:e})=>({backdropFilter:"blur(6px)",WebkitBackdropFilter:"blur(6px)",padding:"8px 16px",borderRadius:e.shape.borderRadius,fontSize:"12px"})}},MuiButton:{styleOverrides:{root:({theme:e})=>({padding:"12px 24px",borderRadius:e.shape.borderRadius}),contained:{boxShadow:"none"}}},MuiSkeleton:{styleOverrides:{root:({theme:e})=>({borderRadius:e.shape.borderRadius})}},MuiSelect:{styleOverrides:{root:({theme:e})=>({borderRadius:e.shape.borderRadius}),select:{display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"4px"}}},MuiDialog:{defaultProps:{slotProps:{paper:{style:{padding:"12px",borderRadius:24,minWidth:"400px"}}}},styleOverrides:{root:{"& .MuiDialog-container":{backdropFilter:"blur(4px)"}}}},MuiAvatar:{styleOverrides:{root:{fontWeight:500}}},MuiAlert:{styleOverrides:{root:({theme:e})=>({borderRadius:e.shape.borderRadius})}},MuiTextField:{defaultProps:{variant:"outlined"},styleOverrides:{root:({theme:e})=>({"& .MuiInputBase-root":{borderRadius:e.shape.borderRadius}})}},MuiOutlinedInput:{styleOverrides:{root:({theme:e})=>({color:e.palette.primary.main,"& fieldset":{borderColor:e.palette.primary.main},"&:hover fieldset":{borderColor:e.palette.primary.dark},"&.Mui-focused fieldset":{borderColor:e.palette.primary.main}})}},MuiInputLabel:{styleOverrides:{root:({theme:e})=>({color:e.palette.primary.main,"&.Mui-focused":{color:e.palette.primary.main}})}},MuiFormHelperText:{styleOverrides:{root:({theme:e})=>({color:e.palette.error.main})}},MuiPaper:{styleOverrides:{root:({theme:e})=>({borderRadius:e.shape.borderRadius}),elevation8:({theme:e})=>({borderRadius:e.shape.borderRadius})}},MuiMenuItem:{styleOverrides:{root:({theme:e})=>({borderRadius:e.shape.borderRadius})}},MuiBottomNavigationAction:{styleOverrides:{root:({theme:e})=>({borderRadius:e.shape.borderRadius,padding:"12px",margin:0,maxHeight:"none"})}},MuiDialogContent:{styleOverrides:{root:{padding:0}}},MuiSlider:{styleOverrides:{valueLabel:({theme:e})=>({borderRadius:e.shape.borderRadius,padding:"6px 14px","&::before, &::after":{display:"none"}})}},MuiCircularProgress:{styleOverrides:{circle:{strokeLinecap:"round"}}},MuiTab:{styleOverrides:{root:({theme:e})=>({borderRadius:e.shape.borderRadius})}},MuiAccordion:{styleOverrides:{root:{"&::before":{display:"none"}}}}};var H=require("@mui/material");var u={...C},s=()=>u,E=e=>{u={...C,...e}},le={get fontDark(){return u.fontDark},get fontLight(){return u.fontLight},get brand(){return u.brand},get accent(){return u.accent},get muted(){return u.muted},get success(){return u.success},get info(){return u.info},get warning(){return u.warning},get error(){return u.error},get neutral(){return u.neutral}};var pe={defaultProps:{variantMapping:{text_xl_regular:"p",text_lg_regular:"p",text_md_regular:"p",text_sm_regular:"p",text_xs_regular:"p",text_2xs_regular:"p",text_xl_bold:"p",text_lg_bold:"p",text_md_bold:"p",text_sm_bold:"p",text_xs_bold:"p",text_2xs_bold:"p",text_xl_semibold:"p",text_lg_semibold:"p",text_md_semibold:"p",text_sm_semibold:"p",text_xs_semibold:"p",text_2xs_semibold:"p",text_xl_thin:"p",text_lg_thin:"p",text_md_thin:"p",text_sm_thin:"p",text_xs_thin:"p",text_2xs_thin:"p",header_2xl_regular:"h1",header_xl_regular:"h2",header_lg_regular:"h3",header_md_regular:"h4",header_sm_regular:"h5",header_xs_regular:"h6",header_2xl_bold:"h1",header_xl_bold:"h2",header_lg_bold:"h3",header_md_bold:"h4",header_sm_bold:"h5",header_xs_bold:"h6"}}},de={text_xl_regular:{font:"400 20px/30px inherit inherit"},text_lg_regular:{font:"400 18px/28px inherit inherit"},text_md_regular:{font:"400 16px/24px inherit inherit"},text_sm_regular:{font:"400 14px/20px inherit inherit"},text_xs_regular:{font:"400 12px/18px inherit inherit"},text_2xs_regular:{font:"400 10px/14px inherit inherit"},text_xl_bold:{font:"700 20px/30px inherit inherit"},text_lg_bold:{font:"700 18px/28px inherit inherit"},text_md_bold:{font:"700 16px/24px inherit inherit"},text_sm_bold:{font:"700 14px/20px inherit inherit"},text_xs_bold:{font:"700 12px/18px inherit inherit"},text_2xs_bold:{font:"700 10px/14px inherit inherit"},text_xl_semibold:{font:"600 20px/30px inherit inherit"},text_lg_semibold:{font:"600 18px/28px inherit inherit"},text_md_semibold:{font:"600 16px/24px inherit inherit"},text_sm_semibold:{font:"600 14px/20px inherit inherit"},text_xs_semibold:{font:"600 12px/18px inherit inherit"},text_2xs_semibold:{font:"600 10px/14px inherit inherit"},text_xl_thin:{font:"100 20px/30px inherit inherit"},text_lg_thin:{font:"100 18px/28px inherit inherit"},text_md_thin:{font:"100 16px/24px inherit inherit"},text_sm_thin:{font:"100 14px/20px inherit inherit"},text_xs_thin:{font:"100 12px/18px inherit inherit"},text_2xs_thin:{font:"100 10px/14px inherit inherit"},header_2xl_regular:{font:"400 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 v=(e,t="light",o)=>{let n=t==="dark",r=(0,H.createTheme)({palette:{mode:t}});return(0,H.createTheme)(r,{palette:{primary:{...r.palette.primary,main:e},brand:r.palette.augmentColor({color:{main:e}}),neutral:r.palette.augmentColor({color:{main:s().neutral}}),accent:r.palette.augmentColor({color:{main:s().accent}}),muted:r.palette.augmentColor({color:{main:s().muted}}),...o?{secondary:{...r.palette.secondary,main:o}}:{},error:{...r.palette.error,main:s().error},warning:{...r.palette.warning,main:s().warning},success:{...r.palette.success,main:s().success},info:{...r.palette.info,main:s().info},background:n?{...r.palette.background,default:"#1C1C1E",paper:"#2C2C2E"}:{...r.palette.background,default:"#F2F2F7",paper:"#FFFFFF"},divider:n?"rgba(255,255,255,0.12)":"rgba(0,0,0,0.12)"},components:{...I,MuiTypography:pe},typography:{...de,fontFamily:'var(--app-font-family, "Mulish", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif)'},shape:{borderRadius:24}})};var ye=require("react"),z=require("@emotion/react"),be=require("@mui/material/styles");var Y=e=>/^#([\dA-Fa-f]{3}|[\dA-Fa-f]{6})$/.test(e),S=e=>{if(!Y(e))return console.error("Invalid hex color provided:",e),s().fontDark;let t=e.slice(1),o=t.length===3?t.split("").map(x=>x+x).join(""):t,n=Number.parseInt(o.slice(0,2),16),r=Number.parseInt(o.slice(2,4),16),i=Number.parseInt(o.slice(4,6),16),d=Math.round((n*299+r*587+i*114)/1e3),a=s();return d>128?a.fontDark:a.fontLight},me=e=>S(e)===s().fontLight;var ue=()=>{let e=new Date().getHours();return e>=5&&e<12?"Good morning":e>12&&e<18?"Good afternoon":"Good evening"};var ce=e=>{let t=e.getFullYear(),o=String(e.getMonth()+1).padStart(2,"0"),n=String(e.getDate()).padStart(2,"0");return`${t}-${o}-${n}`};var Ye=()=>{let e=(typeof navigator=="undefined"?"":navigator.userAgent).toLowerCase();return e.includes("windows nt")?"Windows":e.includes("iphone")||e.includes("ipad")||e.includes("ipod")?"iOS":e.includes("mac")?"macOS":e.includes("android")?"Android":e.includes("linux")?"Linux":"Unknown"},Ve=()=>{let e=(typeof navigator=="undefined"?"":navigator.userAgent).toLowerCase();return e.includes("edg")?"Edge":e.includes("chrome")?"Chrome":e.includes("firefox")?"Firefox":e.includes("safari")?"Safari":"Unknown"},fe={os:typeof navigator=="undefined"?"Unknown":Ye(),browser:typeof navigator=="undefined"?"Unknown":Ve()};var A=(e,t)=>{switch(e){case"light":return!1;case"dark":return!0;case"system":return t==="dark";default:return!1}};var he=(e,t)=>{let o=t!=null?t:typeof navigator=="undefined"?"en-US":navigator.language,n=new Date;e=new Date(e);let r=Math.floor((n.getTime()-e.getTime())/1e3),i=new Intl.RelativeTimeFormat(o,{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 d=Math.floor(r/86400);return i.format(-d,"day")},xe=(e,t)=>{let o=t!=null?t:typeof navigator=="undefined"?"en-US":navigator.language,n=new Date;e=new Date(e);let r=(e.getTime()-n.getTime())/1e3,i=Math.floor(r/(60*60)),d=Math.floor((r-60*60*i)/60),a=Math.floor(r-60*60*i-60*d),x=new Intl.RelativeTimeFormat(o,{numeric:"auto"});if(d===0&&a<60)return x.format(a,"second");if(i===0&&d<60)return x.format(d,"minute");if(i<24){let w=`${new Intl.RelativeTimeFormat(o,{numeric:"auto"}).format(i,"hour")}`,b=` ${new Intl.RelativeTimeFormat(o,{localeMatcher:"lookup",numeric:"always",style:"long"}).format(d,"minute")}`.replace(/^\D+/,"");return`${w} ${b}`}let y=Math.floor(a/86400);return x.format(y,"day")};var L=require("react"),ge=(e=768)=>{let[t,o]=(0,L.useState)(!1);return(0,L.useEffect)(()=>{let n=()=>{o(window.innerWidth<e)};n();let r=()=>n();return window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r)}},[e]),t};var $=require("react"),B=()=>{let[e,t]=(0,$.useState)("unknown");return(0,$.useEffect)(()=>{let o=r=>{t(r.matches?"dark":"light")},n=globalThis.matchMedia("(prefers-color-scheme: dark)");return t(n.matches?"dark":"light"),n.addEventListener("change",o),()=>{n.removeEventListener("change",o)}},[]),e};var _e=require("react/jsx-runtime"),W=({fontFamily:e})=>{let t=(0,be.useTheme)(),o=t.palette.mode==="dark",n=t.palette.primary.main,r=t.palette.background.default,i=(0,ye.useMemo)(()=>S(n),[n]);return(0,_e.jsx)(z.Global,{styles:z.css`
44
+ /* Allow application to control font via CSS var or prop */
45
+ :root {
46
+ ${e?`--app-font-family: ${e};`:""}
47
+ }
44
48
  * {
45
49
  font-family:
46
- "Mulish",
47
- system-ui,
48
- -apple-system,
49
- "Segoe UI",
50
- Roboto,
51
- Arial,
50
+ var(
51
+ --app-font-family,
52
+ "Mulish",
53
+ system-ui,
54
+ -apple-system,
55
+ "Segoe UI",
56
+ Roboto,
57
+ Arial
58
+ ),
52
59
  sans-serif !important;
53
60
  -webkit-tap-highlight-color: transparent;
54
61
  &::selection {
55
- background-color: ${`${t}e1`};
62
+ background-color: ${`${n}e1`};
56
63
  color: ${i};
57
64
  }
58
65
  }
@@ -66,27 +73,26 @@
66
73
 
67
74
  :root {
68
75
  height: 100%;
69
- --font-family:
70
- "Mulish", system-ui, -apple-system, "Segoe UI", Roboto, Arial,
71
- sans-serif;
72
- font-family:
73
- "Mulish",
74
- system-ui,
75
- -apple-system,
76
- "Segoe UI",
77
- Roboto,
78
- Arial,
76
+ /* default fallback font; apps can override via --app-font-family */
77
+ font-family: var(
78
+ --app-font-family,
79
+ "Mulish",
80
+ system-ui,
81
+ -apple-system,
82
+ "Segoe UI",
83
+ Roboto,
84
+ Arial,
85
+ sans-serif
86
+ )
79
87
  sans-serif;
80
88
  line-height: 1.5;
81
89
  font-weight: 400;
82
- color-scheme: ${r?"dark":"light"};
90
+ color-scheme: ${o?"dark":"light"};
83
91
  font-synthesis: none;
84
92
  text-rendering: optimizeLegibility;
85
93
  -webkit-font-smoothing: antialiased;
86
94
  -moz-osx-font-smoothing: grayscale;
87
95
  -webkit-text-size-adjust: 100%;
88
- --rsbs-backdrop-bg: rgba(0, 0, 0, 0.3);
89
- --rsbs-bg: ${r?"#383838":"#ffffff"};
90
96
  }
91
97
 
92
98
  body {
@@ -94,25 +100,25 @@
94
100
  height: 100%;
95
101
  overflow: auto;
96
102
  touch-action: manipulation;
97
- background: ${o};
103
+ background: ${r};
98
104
  background-attachment: fixed;
99
105
  background-size: cover;
100
106
  transition: 0.3s background;
101
107
 
102
108
  ::-webkit-scrollbar {
103
109
  width: 8px;
104
- background-color: ${o};
110
+ background-color: ${r};
105
111
  }
106
112
  ::-webkit-scrollbar-thumb {
107
- background-color: ${t};
113
+ background-color: ${n};
108
114
  border-radius: 64px;
109
115
  }
110
116
  ::-webkit-scrollbar-thumb:hover {
111
- background-color: ${`${t}d8`};
117
+ background-color: ${`${n}d8`};
112
118
  }
113
119
  ::-webkit-scrollbar-track {
114
120
  border-radius: 64px;
115
- background-color: ${o};
121
+ background-color: ${r};
116
122
  }
117
123
  }
118
124
 
@@ -134,8 +140,6 @@
134
140
  }
135
141
 
136
142
  pre {
137
- background-color: #000000d7;
138
- color: white;
139
143
  padding: 16px;
140
144
  border-radius: 18px;
141
145
  overflow-x: auto;
@@ -147,19 +151,18 @@
147
151
  textarea {
148
152
  ::-webkit-scrollbar {
149
153
  width: 8px;
150
- border-radius: 4px;
151
- background-color: #84848415;
154
+ background-color: ${r};
152
155
  }
153
156
  ::-webkit-scrollbar-thumb {
154
- background-color: #8484844b;
155
- border-radius: 4px;
157
+ background-color: ${n};
158
+ border-radius: 64px;
156
159
  }
157
160
  ::-webkit-scrollbar-thumb:hover {
158
- background-color: #84848476;
161
+ background-color: ${`${n}d8`};
159
162
  }
160
163
  ::-webkit-scrollbar-track {
161
- border-radius: 4px;
162
- background-color: #84848415;
164
+ border-radius: 64px;
165
+ background-color: ${r};
163
166
  }
164
167
  }
165
168
 
@@ -168,23 +171,7 @@
168
171
  border-radius: 42px 42px 0 0;
169
172
  z-index: 9999999;
170
173
  }
171
-
172
- div[data-rsbs-backdrop] {
173
- z-index: 999;
174
- }
175
-
176
- div[data-rsbs-header] {
177
- z-index: 999999;
178
- box-shadow: none;
179
- &::before {
180
- width: 60px;
181
- height: 6px;
182
- border-radius: 100px;
183
- background: ${r?"#717171":"#cfcfcf"};
184
- margin-top: 3px;
185
- }
186
- }
187
- `})};var c=require("@emotion/react"),le=c.keyframes`
174
+ `})};var h=require("@emotion/react"),ve=h.keyframes`
188
175
  from {
189
176
  opacity: 0;
190
177
  transform: translateX(-40px);
@@ -193,48 +180,48 @@
193
180
  opacity: 1;
194
181
  transform: translateX(0);
195
182
  }
196
- `,de=c.keyframes`
183
+ `,ke=h.keyframes`
197
184
  from {
198
185
  opacity: 0;
199
186
  }
200
187
  to {
201
188
  opacity: 1;
202
189
  }
203
- `,me=c.keyframes`
190
+ `,we=h.keyframes`
204
191
  from {
205
192
  transform: translateX(-100%);
206
193
  }
207
194
  to {
208
195
  transform: translateX(0);
209
196
  }
210
- `,ce=c.keyframes`
197
+ `,Te=h.keyframes`
211
198
  from {
212
199
  transform: translateY(100%);
213
200
  }
214
201
  to {
215
202
  transform: translateY(0);
216
203
  }
217
- `,ue=c.keyframes`
204
+ `,Ce=h.keyframes`
218
205
  from {
219
206
  transform: scale(0);
220
207
  }
221
208
  to {
222
209
  transform: scale(1);
223
210
  }
224
- `,he=(e,r=12)=>c.keyframes`
211
+ `,Se=(e,t=12)=>h.keyframes`
225
212
  0% {
226
213
  transform: scale(0.95);
227
214
  box-shadow: 0 0 0 0 ${e}b2;
228
215
  }
229
216
  70% {
230
217
  transform: scale(1);
231
- box-shadow: 0 0 0 ${r}px ${e}00;
218
+ box-shadow: 0 0 0 ${t}px ${e}00;
232
219
  }
233
220
  100% {
234
221
  transform: scale(0.95);
235
222
  box-shadow: 0 0 0 0 ${e}00;
236
223
  }
237
- `,xe=e=>c.keyframes`
224
+ `,Me=e=>h.keyframes`
238
225
  0% {
239
226
  filter: none;
240
227
  }
@@ -244,7 +231,7 @@
244
231
  100% {
245
232
  filter: none;
246
233
  }
247
- `,fe=c.keyframes`
234
+ `,Pe=h.keyframes`
248
235
  0% {
249
236
  transform: scale(1);
250
237
  opacity: 1;
@@ -257,7 +244,7 @@
257
244
  transform: scale(1);
258
245
  opacity: 1;
259
246
  }
260
- `,ge=c.keyframes`
247
+ `,Re=h.keyframes`
261
248
  0% {
262
249
  transform: translateY(0);
263
250
  }
@@ -273,5 +260,5 @@
273
260
  100% {
274
261
  transform: translateY(0);
275
262
  }
276
- `;var be=()=>{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 ye=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"},ke={os:ze(),browser:Ne()};var ve=(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")},Te=(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 L=`${new Intl.RelativeTimeFormat(r,{numeric:"auto"}).format(i,"hour")}`,l=` ${new Intl.RelativeTimeFormat(r,{localeMatcher:"lookup",numeric:"always",style:"long"}).format(n,"minute")}`.replace(/^\D+/,"");return`${L} ${l}`}let A=Math.floor(a/86400);return p.format(A,"day")};var O=require("react"),Se=(e=768)=>{let[r,t]=(0,O.useState)(!1);return(0,O.useEffect)(()=>{let o=()=>{t(window.innerWidth<e)};o();let i=()=>o();return window.addEventListener("resize",i),()=>{window.removeEventListener("resize",i)}},[e]),r};var D=require("react"),F=()=>{let[e,r]=(0,D.useState)("unknown");return(0,D.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 g=require("react/jsx-runtime"),Ce=({children:e})=>{let r=F(),[t,o]=(0,u.useState)(()=>{let l=localStorage.getItem("appSettings");return l&&JSON.parse(l).theme||"system"}),[i,n]=(0,u.useState)(()=>{let l=localStorage.getItem("appSettings");return l&&JSON.parse(l).darkMode||"auto"});(0,u.useEffect)(()=>{localStorage.setItem("appSettings",JSON.stringify({theme:t,darkMode:i}))},[t,i]);let a=(0,u.useMemo)(()=>{var l;return r==="unknown"?x[0].MuiTheme:t==="system"?r==="dark"?x[0].MuiTheme:x[0].MuiTheme:((l=x.find(Re=>Re.name===t))==null?void 0:l.MuiTheme)||x[0].MuiTheme},[r,t]),p=(0,u.useMemo)(()=>R(i,r)?"dark":"light",[i,r,a]),A=(0,u.useMemo)(()=>y(a.palette.primary.main,p),[a,p]),L=(0,u.useMemo)(()=>({darkMode:p==="dark"}),[p]);return(0,g.jsx)(z.Provider,{value:{theme:t,darkMode:i,setTheme:o,setDarkMode:n},children:(0,g.jsx)(Me.ThemeProvider,{theme:A,children:(0,g.jsxs)(we.ThemeProvider,{theme:L,children:[(0,g.jsx)(E,{}),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});
263
+ `;var k=require("react/jsx-runtime"),Fe=({children:e,fontFamily:t,themes:o,colorPaletteOverride:n})=>{let r=B();(0,p.useEffect)(()=>{E(n)},[n]);let[i,d]=(0,p.useState)("system"),[a,x]=(0,p.useState)("auto");(0,p.useEffect)(()=>{if(globalThis.window!==void 0)try{let c=globalThis.localStorage.getItem("appSettings");if(c){let l=JSON.parse(c);l.theme&&d(l.theme),l.darkMode&&x(l.darkMode)}}catch(c){}},[]),(0,p.useEffect)(()=>{if(globalThis.window!==void 0)try{globalThis.localStorage.setItem("appSettings",JSON.stringify({theme:i,darkMode:a}))}catch(c){}},[i,a]);let y=(0,p.useMemo)(()=>{if(o&&o.length>0)return o.map(l=>({name:l.name,MuiTheme:v(l.primaryColor,"light",l.secondaryColor)}));let c=s().brand;return[{name:"Default",MuiTheme:v(c,"light")}]},[o]),w=(0,p.useMemo)(()=>{var c;return i==="system"||r==="unknown"?y[0].MuiTheme:((c=y.find(l=>l.name===i))==null?void 0:c.MuiTheme)||y[0].MuiTheme},[r,i,y]),b=(0,p.useMemo)(()=>A(a,r)?"dark":"light",[a,r]),Ie=(0,p.useMemo)(()=>{var l,V;let c=(V=(l=w.palette)==null?void 0:l.secondary)==null?void 0:V.main;return v(w.palette.primary.main,b,c)},[w,b]),Ee=(0,p.useMemo)(()=>({darkMode:b==="dark"}),[b]);return(0,k.jsx)(U.Provider,{value:{theme:i,darkMode:a,setTheme:d,setDarkMode:x},children:(0,k.jsx)(Oe.ThemeProvider,{theme:Ie,children:(0,k.jsxs)(De.ThemeProvider,{theme:Ee,children:[(0,k.jsx)(W,{fontFamily:t}),e]})})})};0&&(module.exports={ColorPalette,DialogBtn,ErrorBoundary,GlobalStyles,Loading,PathName,ThemeProviderWrapper,commonComponentProps,createCustomTheme,darkModeOptions,defaultColorPalette,displayGreeting,fadeIn,fadeInLeft,getColorPalette,getDayIdentifier,getFontColor,installAppAnimation,isDarkMode,isFontLight,isHexColor,logoutAnimation,progressPulse,pulseAnimation,scale,setColorPaletteOverride,slideIn,slideInBottom,systemInfo,timeAgo,timeAgoFromStart,useResponsiveDisplay,useSystemTheme,useThemeSettings});
277
264
  //# sourceMappingURL=index.js.map