@atomazing-org/design-system 2.0.2 → 3.7.3

package/dist/index.js

@@ -1,4 +1,4 @@
-import{useMemo as y}from"react";import{ThemeProvider as Ue}from"@mui/material/styles";import{createContext as se,useContext as ae}from"react";var S=se(void 0),N=()=>{let e=ae(S);if(!e)throw new Error("useThemeSettings must be used within ThemeProviderWrapper");return e};var le="default",de=/^[\da-z]+(?:-[\da-z]+)*$/,k=e=>typeof e=="object"&&e!==null,me=e=>{let t=e==null?void 0:e.trim();if(!t)throw new Error("normalizeThemesInput: preset `id` must be a non-empty.");if(!de.test(t))throw new Error(`normalizeThemesInput: preset \`id\` must be a slug, got "${t}".`);return t},pe=(e,t)=>{let r=e==null?void 0:e.trim();return r||t},he=e=>{if(!k(e)||typeof e.id!="string"||typeof e.label!="string"||!("colorSchemes"in e))return!1;let{colorSchemes:t}=e;return k(t)},fe=(e,t)=>{if(!he(e))throw new Error(`normalizeThemesInput: invalid ThemePreset shape at index ${t}.`);let r=me(e.id),i=pe(e.label,r),{colorSchemes:a}=e,{light:s,dark:n}=a;if(!k(s))throw new Error("normalizeThemesInput: preset must include colorSchemes.light.");if(!k(n))throw new Error("normalizeThemesInput: preset must include colorSchemes.dark.");return{...e,id:r,label:i,colorSchemes:{light:s,dark:n},meta:{origin:"preset"}}},ce=e=>{let t=new Map,r=new Map;for(let[s,n]of e.entries())t.has(n.id)||t.set(n.id,s),r.set(n.id,n);let i=[...t.keys()],a=[];for(let s of i){let n=r.get(s);n&&a.push(n)}return a},K=()=>({id:le,label:"Default",colorSchemes:{light:{},dark:{}},meta:{origin:"custom"}}),M=e=>{if(!e||e.length===0)return[K()];let t=e.map((r,i)=>fe(r,i));return t.length===0?[K()]:ce(t)};var Y="default",ue=e=>({name:e.id,...e.colorSchemes.light}),v=e=>{let t=M(e);return t.length===0?[{name:Y}]:t.map(r=>ue(r))},R=(e,t)=>{let r=[...e!=null?e:[],...t!=null?t:[]];return v(r.length>0?r:void 0)},g=e=>{var t,r;return(r=(t=e[0])==null?void 0:t.name)!=null?r:Y},A=(e,t)=>e&&t.some(r=>r.name===e)?e:g(t),C=(e,t)=>e.find(r=>r.name===t),Z=(e,t="system")=>e||t;import{useMemo as b,useSyncExternalStore as ye}from"react";var d=()=>globalThis.window!==void 0&&globalThis.document!==void 0;var j="appSettings",ge=new Set(["system","light","dark"]),xe=e=>typeof e=="string"&&ge.has(e),be=e=>{if(typeof e!="object"||e===null)return!1;let t=e,r=Object.keys(t);return r.length!==2||!r.includes("themeId")||!r.includes("darkMode")?!1:typeof t.themeId=="string"&&t.themeId.trim().length>0&&xe(t.darkMode)},O=()=>{if(!d()||globalThis.localStorage===void 0)return null;try{let e=globalThis.localStorage.getItem(j);if(!e)return null;let t=JSON.parse(e);return be(t)?t:null}catch(e){return null}},x=e=>{if(!(!d()||globalThis.localStorage===void 0))try{globalThis.localStorage.setItem(j,JSON.stringify(e))}catch(t){}};var $="appSettings:change",Te=new Set(["system","light","dark"]),L=(e,t)=>JSON.stringify({themeId:e!=null?e:"",darkMode:t!=null?t:""}),_e=e=>{try{let t=JSON.parse(e),r=typeof t.themeId=="string"&&t.themeId.trim().length>0?t.themeId:void 0,i=typeof t.darkMode=="string"&&Te.has(t.darkMode)?t.darkMode:void 0;return{themeId:r,darkMode:i}}catch(t){return{themeId:void 0,darkMode:void 0}}},Se=(e,t)=>{let r=O();if(!r)return L(e,t);let{themeId:i,darkMode:a}=r;return L(i,a)},ke=(e,t)=>L(e,t),Me=e=>{if(!d()||typeof globalThis.addEventListener!="function"||typeof globalThis.removeEventListener!="function")return()=>{};let t=()=>{e()};return globalThis.addEventListener($,t),()=>{globalThis.removeEventListener($,t)}},q=()=>{!d()||typeof globalThis.dispatchEvent!="function"||typeof globalThis.Event!="function"||globalThis.dispatchEvent(new Event($))},B=({themes:e,defaultDarkMode:t,initialThemeId:r,initialDarkMode:i})=>{var h;let a=(h=t!=null?t:i)!=null?h:"system",s=b(()=>M(e),[e]),n=b(()=>s.map(l=>({...l.colorSchemes.light,name:l.id})),[s]),m=ye(Me,()=>Se(r,i),()=>ke(r,i)),{themeId:c,darkMode:W}=b(()=>_e(m),[m]),p=A(c,n),u=Z(W,a),E=b(()=>s.find(l=>l.id===p)||s[0],[p,s]),T=b(()=>n.find(l=>l.name===p)||n[0],[p,n]);return{theme:p,setTheme:l=>{let H=A(l,n);x({themeId:H,darkMode:u}),q()},darkMode:u,setDarkMode:l=>{x({themeId:p,darkMode:l}),q()},presetsSource:s,selectedPreset:E,themesSource:n,selectedTheme:T}};import{Global as ve,css as Oe}from"@emotion/react";import{alpha as Q,useTheme as ze}from"@mui/material/styles";import{jsx as Pe}from"react/jsx-runtime";var z=({fontFamily:e})=>{let t=ze(),r=t.palette.mode==="dark",i=t.palette.primary.main,a=t.palette.text.primary,s=t.palette.background.default,n=t.palette.background.paper,m=Q(t.palette.text.primary,r?.35:.25),c=Q(t.palette.text.primary,r?.55:.45);return Pe(ve,{styles:Oe`
+import{useMemo as y}from"react";import{ThemeProvider as Ge}from"@mui/material/styles";import{createContext as se,useContext as ne}from"react";var k=se(void 0),C=()=>{let e=ne(k);if(!e)throw new Error("useThemeSettings must be used within ThemeProviderWrapper");return e};var ie="default",ae=/^[\da-z]+(?:-[\da-z]+)*$/,S=e=>typeof e=="object"&&e!==null,me=e=>{let t=e==null?void 0:e.trim();if(!t)throw new Error("normalizeThemesInput: preset `id` must be a non-empty.");if(!ae.test(t))throw new Error(`normalizeThemesInput: preset \`id\` must be a slug, got "${t}".`);return t},pe=(e,t)=>{let r=e==null?void 0:e.trim();return r||t},de=e=>{if(!S(e)||typeof e.id!="string"||typeof e.label!="string"||!("colorSchemes"in e))return!1;let{colorSchemes:t}=e;return S(t)},le=(e,t)=>{if(!de(e))throw new Error(`normalizeThemesInput: invalid ThemePreset shape at index ${t}.`);let r=me(e.id),o=pe(e.label,r),{colorSchemes:i}=e,{light:n,dark:s}=i;if(!S(n))throw new Error("normalizeThemesInput: preset must include colorSchemes.light.");if(!S(s))throw new Error("normalizeThemesInput: preset must include colorSchemes.dark.");return{...e,id:r,label:o,colorSchemes:{light:n,dark:s},meta:{origin:"preset"}}},ce=e=>{let t=new Map,r=new Map;for(let[n,s]of e.entries())t.has(s.id)||t.set(s.id,n),r.set(s.id,s);let o=[...t.keys()],i=[];for(let n of o){let s=r.get(n);s&&i.push(s)}return i},Y=()=>({id:ie,label:"Default",colorSchemes:{light:{},dark:{}},meta:{origin:"custom"}}),M=e=>{if(!e||e.length===0)return[Y()];let t=e.map((r,o)=>le(r,o));return t.length===0?[Y()]:ce(t)};var j="default",ue=e=>({name:e.id,...e.colorSchemes.light}),v=e=>{let t=M(e);return t.length===0?[{name:j}]:t.map(r=>ue(r))},$=(e,t)=>{let r=[...e!=null?e:[],...t!=null?t:[]];return v(r.length>0?r:void 0)},f=e=>{var t,r;return(r=(t=e[0])==null?void 0:t.name)!=null?r:j},L=(e,t)=>e&&t.some(r=>r.name===e)?e:f(t),_=(e,t)=>e.find(r=>r.name===t),Z=(e,t="system")=>e||t;import{useMemo as T,useSyncExternalStore as Te}from"react";var p=()=>globalThis.window!==void 0&&globalThis.document!==void 0;var B="appSettings",he=new Set(["system","light","dark"]),fe=e=>typeof e=="string"&&he.has(e),ge=e=>{if(typeof e!="object"||e===null)return!1;let t=e,r=Object.keys(t);return r.length!==2||!r.includes("themeId")||!r.includes("darkMode")?!1:typeof t.themeId=="string"&&t.themeId.trim().length>0&&fe(t.darkMode)},O=(e=B)=>{if(!p()||globalThis.localStorage===void 0)return null;try{let t=globalThis.localStorage.getItem(e);if(!t)return null;let r=JSON.parse(t);return ge(r)?r:null}catch(t){return null}},g=(e,t=B)=>{if(!(!p()||globalThis.localStorage===void 0))try{globalThis.localStorage.setItem(t,JSON.stringify(e))}catch(r){}};var W="appSettings:change",ye=new Set(["system","light","dark"]),F=(e,t)=>JSON.stringify({themeId:e!=null?e:"",darkMode:t!=null?t:""}),be=e=>{try{let t=JSON.parse(e),r=typeof t.themeId=="string"&&t.themeId.trim().length>0?t.themeId:void 0,o=typeof t.darkMode=="string"&&ye.has(t.darkMode)?t.darkMode:void 0;return{themeId:r,darkMode:o}}catch(t){return{themeId:void 0,darkMode:void 0}}},xe=(e,t,r)=>{let o=O(r);if(!o)return F(e,t);let{themeId:i,darkMode:n}=o;return F(i,n)},ke=(e,t)=>F(e,t),Se=e=>{if(!p()||typeof globalThis.addEventListener!="function"||typeof globalThis.removeEventListener!="function")return()=>{};let t=()=>{e()};return globalThis.addEventListener(W,t),()=>{globalThis.removeEventListener(W,t)}},q=()=>{!p()||typeof globalThis.dispatchEvent!="function"||typeof globalThis.Event!="function"||globalThis.dispatchEvent(new Event(W))},G=({themes:e,defaultDarkMode:t,initialThemeId:r,initialDarkMode:o,storageKey:i})=>{var c;let n=(c=t!=null?t:o)!=null?c:"system",s=T(()=>M(e),[e]),a=T(()=>s.map(m=>({...m.colorSchemes.light,name:m.id})),[s]),l=Te(Se,()=>xe(r,o,i),()=>ke(r,o)),{themeId:N,darkMode:z}=T(()=>be(l),[l]),d=L(N,a),h=Z(z,n),R=T(()=>s.find(m=>m.id===d)||s[0],[d,s]),b=T(()=>a.find(m=>m.name===d)||a[0],[d,a]);return{theme:d,setTheme:m=>{let A=L(m,a);g({themeId:A,darkMode:h},i),q()},darkMode:h,setDarkMode:m=>{g({themeId:d,darkMode:m},i),q()},presetsSource:s,selectedPreset:R,themesSource:a,selectedTheme:b}};import{Global as Me,css as ve}from"@emotion/react";import{alpha as Q,useTheme as Oe}from"@mui/material/styles";import{jsx as Pe}from"react/jsx-runtime";var P=({fontFamily:e})=>{let t=Oe(),r=t.palette.mode==="dark",o=t.palette.primary.main,i=t.palette.text.primary,n=t.palette.background.default,s=t.palette.background.paper,a=Q(t.palette.text.primary,r?.35:.25),l=Q(t.palette.text.primary,r?.55:.45);return Pe(Me,{styles:ve`
         /* Allow application to control font via CSS var or prop */
         :root {
           ${e?`--app-font-family: ${e};`:""}
@@ -6,7 +6,7 @@ import{useMemo as y}from"react";import{ThemeProvider as Ue}from"@mui/material/st
         * {
           -webkit-tap-highlight-color: transparent;
           &::selection {
-            background-color: ${`${i}e1`};
+            background-color: ${`${o}e1`};
           }
         }
 
@@ -48,14 +48,14 @@ import{useMemo as y}from"react";import{ThemeProvider as Ue}from"@mui/material/st
           height: 100%;
           overflow: auto;
           touch-action: manipulation;
-          background: ${s};
-          color: ${a};
+          background: ${n};
+          color: ${i};
           background-attachment: fixed;
           background-size: cover;
           transition: 0.3s background;
           /* Scrollbars: neutral (b2b-friendly) */
           /* Firefox */
-          scrollbar-color: ${m} ${s};
+          scrollbar-color: ${a} ${n};
           scrollbar-width: thin;
           /* WebKit */
           &::-webkit-scrollbar {
@@ -63,16 +63,16 @@ import{useMemo as y}from"react";import{ThemeProvider as Ue}from"@mui/material/st
             height: 10px;
           }
           &::-webkit-scrollbar-track {
-            background: ${s};
+            background: ${n};
           }
           &::-webkit-scrollbar-thumb {
-            background-color: ${m};
+            background-color: ${a};
             border-radius: 999px;
-            border: 3px solid ${s};
+            border: 3px solid ${n};
             background-clip: padding-box;
           }
           &::-webkit-scrollbar-thumb:hover {
-            background-color: ${c};
+            background-color: ${l};
           }
         }
 
@@ -104,7 +104,7 @@ import{useMemo as y}from"react";import{ThemeProvider as Ue}from"@mui/material/st
         .customScrollbar,
         textarea {
           /* Firefox */
-          scrollbar-color: ${m} ${n};
+          scrollbar-color: ${a} ${s};
           scrollbar-width: thin;
           /* WebKit */
           &::-webkit-scrollbar {
@@ -112,16 +112,16 @@ import{useMemo as y}from"react";import{ThemeProvider as Ue}from"@mui/material/st
             height: 10px;
           }
           &::-webkit-scrollbar-track {
-            background: ${n};
+            background: ${s};
           }
           &::-webkit-scrollbar-thumb {
-            background-color: ${m};
+            background-color: ${a};
             border-radius: 999px;
-            border: 3px solid ${n};
+            border: 3px solid ${s};
             background-clip: padding-box;
           }
           &::-webkit-scrollbar-thumb:hover {
-            background-color: ${c};
+            background-color: ${l};
           }
         }
 
@@ -129,7 +129,7 @@ import{useMemo as y}from"react";import{ThemeProvider as Ue}from"@mui/material/st
         div[role="dialog"] {
           z-index: 9999;
         }
-      `})};import{alpha as G}from"@mui/material/styles";import{alpha as Ie}from"@mui/material/styles";var F=e=>({pageBg:e.palette.background.default,surfaceBg:e.palette.background.paper,textPrimary:e.palette.text.primary,textSecondary:e.palette.text.secondary,divider:e.palette.divider}),De=(e,t)=>Ie(e.palette.text.primary,t);var ee={MuiTooltip:{defaultProps:{disableInteractive:!0},styleOverrides:{tooltip:({theme:e})=>({backdropFilter:"blur(6px)",WebkitBackdropFilter:"blur(6px)",padding:"8px 16px",borderRadius:e.shape.borderRadius,fontSize:e.typography.pxToRem(12)})}},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})=>{let t=F(e);return{color:t.textPrimary,"& fieldset":{borderColor:G(t.textPrimary,.16)},"&:hover fieldset":{borderColor:G(t.textPrimary,.28)},"&.Mui-focused fieldset":{borderColor:e.palette.primary.main}}}}},MuiInputLabel:{styleOverrides:{root:({theme:e})=>({color:G(e.palette.text.primary,.72),"&.Mui-focused":{color:e.palette.primary.main}})}},MuiFormHelperText:{styleOverrides:{root:({theme:e})=>({color:e.palette.text.secondary,"&.Mui-error":{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 we}from"@mui/material/styles";var P=(e,t)=>{let{background:r,palette:i,...a}=e,s=r==null?void 0:r[t],n={...i,mode:t};return(s||i!=null&&i.background)&&(n.background={...i==null?void 0:i.background,...s}),we({...a,palette:n})};import{useSyncExternalStore as We}from"react";var Ee=()=>!d()||typeof globalThis.matchMedia!="function"?"unknown":globalThis.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",He=()=>"unknown",Ne=e=>{if(!d()||typeof globalThis.matchMedia!="function")return()=>{};let t=globalThis.matchMedia("(prefers-color-scheme: dark)");if(typeof t.addEventListener!="function")return()=>{};let r=()=>{e()};return t.addEventListener("change",r),()=>{t.removeEventListener("change",r)}},I=()=>We(Ne,Ee,He);var U=(e,t)=>{switch(e){case"light":return!1;case"dark":return!0;case"system":return t==="dark";default:return!1}};var D=(e,t)=>U(e,t)?"dark":"light";var w=(e,t)=>{var r;return(r=e.colorSchemes[t])!=null?r:e.colorSchemes.light};var o=e=>`${e/16}rem`,te={defaultProps:{variantMapping:{text_xl_regular:"p",text_lg_regular:"p",text_md_regular:"p",text_sm_regular:"p",text_xs_regular:"p",text_2xs_regular:"p",text_xl_bold:"p",text_lg_bold:"p",text_md_bold:"p",text_sm_bold:"p",text_xs_bold:"p",text_2xs_bold:"p",text_xl_semibold:"p",text_lg_semibold:"p",text_md_semibold:"p",text_sm_semibold:"p",text_xs_semibold:"p",text_2xs_semibold:"p",text_xl_thin:"p",text_lg_thin:"p",text_md_thin:"p",text_sm_thin:"p",text_xs_thin:"p",text_2xs_thin:"p",header_2xl_regular:"h1",header_xl_regular:"h2",header_lg_regular:"h3",header_md_regular:"h4",header_sm_regular:"h5",header_xs_regular:"h6",header_2xl_bold:"h1",header_xl_bold:"h2",header_lg_bold:"h3",header_md_bold:"h4",header_sm_bold:"h5",header_xs_bold:"h6",header_2xl_semibold:"h1",header_xl_semibold:"h2",header_lg_semibold:"h3",header_md_semibold:"h4",header_sm_semibold:"h5",header_xs_semibold:"h6"}}},oe={text_xl_regular:{fontWeight:400,fontSize:o(20),lineHeight:o(30)},text_lg_regular:{fontWeight:400,fontSize:o(18),lineHeight:o(28)},text_md_regular:{fontWeight:400,fontSize:o(16),lineHeight:o(24)},text_sm_regular:{fontWeight:400,fontSize:o(14),lineHeight:o(20)},text_xs_regular:{fontWeight:400,fontSize:o(12),lineHeight:o(18)},text_2xs_regular:{fontWeight:400,fontSize:o(10),lineHeight:o(14)},text_xl_bold:{fontWeight:700,fontSize:o(20),lineHeight:o(30)},text_lg_bold:{fontWeight:700,fontSize:o(18),lineHeight:o(28)},text_md_bold:{fontWeight:700,fontSize:o(16),lineHeight:o(24)},text_sm_bold:{fontWeight:700,fontSize:o(14),lineHeight:o(20)},text_xs_bold:{fontWeight:700,fontSize:o(12),lineHeight:o(18)},text_2xs_bold:{fontWeight:700,fontSize:o(10),lineHeight:o(14)},text_xl_semibold:{fontWeight:600,fontSize:o(20),lineHeight:o(30)},text_lg_semibold:{fontWeight:600,fontSize:o(18),lineHeight:o(28)},text_md_semibold:{fontWeight:600,fontSize:o(16),lineHeight:o(24)},text_sm_semibold:{fontWeight:600,fontSize:o(14),lineHeight:o(20)},text_xs_semibold:{fontWeight:600,fontSize:o(12),lineHeight:o(18)},text_2xs_semibold:{fontWeight:600,fontSize:o(10),lineHeight:o(14)},text_xl_thin:{fontWeight:100,fontSize:o(20),lineHeight:o(30)},text_lg_thin:{fontWeight:100,fontSize:o(18),lineHeight:o(28)},text_md_thin:{fontWeight:100,fontSize:o(16),lineHeight:o(24)},text_sm_thin:{fontWeight:100,fontSize:o(14),lineHeight:o(20)},text_xs_thin:{fontWeight:100,fontSize:o(12),lineHeight:o(18)},text_2xs_thin:{fontWeight:100,fontSize:o(10),lineHeight:o(14)},header_2xl_regular:{fontWeight:400,fontSize:o(34),lineHeight:o(42)},header_xl_regular:{fontWeight:400,fontSize:o(32),lineHeight:o(40)},header_lg_regular:{fontWeight:400,fontSize:o(28),lineHeight:o(36)},header_md_regular:{fontWeight:400,fontSize:o(24),lineHeight:o(32)},header_sm_regular:{fontWeight:400,fontSize:o(20),lineHeight:o(28)},header_xs_regular:{fontWeight:400,fontSize:o(18),lineHeight:o(26)},header_2xl_bold:{fontWeight:700,fontSize:o(34),lineHeight:o(42)},header_xl_bold:{fontWeight:700,fontSize:o(32),lineHeight:o(40)},header_lg_bold:{fontWeight:700,fontSize:o(28),lineHeight:o(36)},header_md_bold:{fontWeight:700,fontSize:o(24),lineHeight:o(32)},header_sm_bold:{fontWeight:700,fontSize:o(20),lineHeight:o(28)},header_xs_bold:{fontWeight:700,fontSize:o(18),lineHeight:o(26)},header_2xl_semibold:{fontWeight:600,fontSize:o(34),lineHeight:o(42)},header_xl_semibold:{fontWeight:600,fontSize:o(32),lineHeight:o(40)},header_lg_semibold:{fontWeight:600,fontSize:o(28),lineHeight:o(36)},header_md_semibold:{fontWeight:600,fontSize:o(24),lineHeight:o(32)},header_sm_semibold:{fontWeight:600,fontSize:o(20),lineHeight:o(28)},header_xs_semibold:{fontWeight:600,fontSize:o(18),lineHeight:o(26)}};var Re=e=>{var i,a,s,n;let t=[],{palette:r}=e;return r?((i=r.background)!=null&&i.default||t.push("palette.background.default is missing."),(a=r.background)!=null&&a.paper||t.push("palette.background.paper is missing."),(s=r.text)!=null&&s.primary||t.push("palette.text.primary is missing."),(n=r.text)!=null&&n.secondary||t.push("palette.text.secondary is missing."),r.divider||t.push("palette.divider is missing."),t):(t.push("palette is missing."),t)};import{keyframes as f}from"@emotion/react";var Ae=f`
+      `})};import{alpha as K}from"@mui/material/styles";import{alpha as Ie}from"@mui/material/styles";var U=e=>({pageBg:e.palette.background.default,surfaceBg:e.palette.background.paper,textPrimary:e.palette.text.primary,textSecondary:e.palette.text.secondary,divider:e.palette.divider}),De=(e,t)=>Ie(e.palette.text.primary,t);var ee={MuiTooltip:{defaultProps:{disableInteractive:!0},styleOverrides:{tooltip:({theme:e})=>({backdropFilter:"blur(6px)",WebkitBackdropFilter:"blur(6px)",padding:"8px 16px",borderRadius:e.shape.borderRadius,fontSize:e.typography.pxToRem(12)})}},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})=>{let t=U(e);return{color:t.textPrimary,"& fieldset":{borderColor:K(t.textPrimary,.16)},"&:hover fieldset":{borderColor:K(t.textPrimary,.28)},"&.Mui-focused fieldset":{borderColor:e.palette.primary.main}}}}},MuiInputLabel:{styleOverrides:{root:({theme:e})=>({color:K(e.palette.text.primary,.72),"&.Mui-focused":{color:e.palette.primary.main}})}},MuiFormHelperText:{styleOverrides:{root:({theme:e})=>({color:e.palette.text.secondary,"&.Mui-error":{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 we}from"@mui/material/styles";var I=(e,t)=>{let{background:r,palette:o,...i}=e,n=r==null?void 0:r[t],s={...o,mode:t};return(n||o!=null&&o.background)&&(s.background={...o==null?void 0:o.background,...n}),we({...i,palette:s})};import{useSyncExternalStore as Ee}from"react";var Ne=()=>!p()||typeof globalThis.matchMedia!="function"?"unknown":globalThis.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",ze=()=>"unknown",Re=e=>{if(!p()||typeof globalThis.matchMedia!="function")return()=>{};let t=globalThis.matchMedia("(prefers-color-scheme: dark)");if(typeof t.addEventListener!="function")return()=>{};let r=()=>{e()};return t.addEventListener("change",r),()=>{t.removeEventListener("change",r)}},D=()=>Ee(Re,Ne,ze);var H=(e,t)=>{switch(e){case"light":return!1;case"dark":return!0;case"system":return t==="dark";default:return!1}};var w=(e,t)=>H(e,t)?"dark":"light";var E=(e,t)=>{var r;return(r=e.colorSchemes[t])!=null?r:e.colorSchemes.light};var Ae=e=>{var o,i,n,s;let t=[],{palette:r}=e;return r?((o=r.background)!=null&&o.default||t.push("palette.background.default is missing."),(i=r.background)!=null&&i.paper||t.push("palette.background.paper is missing."),(n=r.text)!=null&&n.primary||t.push("palette.text.primary is missing."),(s=r.text)!=null&&s.secondary||t.push("palette.text.secondary is missing."),r.divider||t.push("palette.divider is missing."),t):(t.push("palette is missing."),t)};import{keyframes as u}from"@emotion/react";var Ce=u`
   from {
     opacity: 0;
     transform: translateX(-40px);
@@ -138,35 +138,35 @@ import{useMemo as y}from"react";import{ThemeProvider as Ue}from"@mui/material/st
     opacity: 1;
     transform: translateX(0);
   }
-`,Ce=f`
+`,$e=u`
   from {
     opacity: 0;
   }
   to {
     opacity: 1;
   }
-`,$e=f`
+`,Le=u`
   from {
     transform: translateX(-100%);
   }
   to {
     transform: translateX(0);
   }
-`,Le=f`
+`,_e=u`
   from {
     transform: translateY(100%);
   }
   to {
     transform: translateY(0);
   }
-`,Be=f`
+`,Be=u`
   from {
     transform: scale(0);
   }
   to {
     transform: scale(1);
   }
-`,Fe=(e,t=12)=>f`
+`,We=(e,t=12)=>u`
   0% {
     transform: scale(0.95);
     box-shadow: 0 0 0 0 ${e}b2;
@@ -179,7 +179,7 @@ import{useMemo as y}from"react";import{ThemeProvider as Ue}from"@mui/material/st
     transform: scale(0.95);
     box-shadow: 0 0 0 0 ${e}00;
   }
-`,Ge=e=>f`
+`,Fe=e=>u`
   0% {
     filter: none;
   }
@@ -189,4 +189,4 @@ import{useMemo as y}from"react";import{ThemeProvider as Ue}from"@mui/material/st
   100% {
     filter: none;
   }
-`;import{jsx as re,jsxs as Ve}from"react/jsx-runtime";var ie=({children:e,fontFamily:t,themes:r,darkMode:i,initialThemeId:a,initialDarkMode:s})=>{let n=I(),{theme:m,setTheme:c,darkMode:W,setDarkMode:p,themesSource:u,selectedTheme:E,selectedPreset:T}=B({themes:r,defaultDarkMode:i,initialThemeId:a,initialDarkMode:s}),_=i!=null?i:W,J=y(()=>i?()=>{}:p,[i,p]),h=y(()=>D(_,n),[_,n]),l=y(()=>w(T,h),[T,h]),H=y(()=>P(l,h),[l,h]),ne=y(()=>g(u),[u]);return re(S.Provider,{value:{theme:m,darkMode:_,setTheme:c,setDarkMode:J,themes:u,selectedTheme:E,defaultThemeName:ne},children:Ve(Ue,{theme:H,children:[re(z,{fontFamily:t}),e]})})};import Xe from"@mui/icons-material/DarkModeRounded";import Je from"@mui/icons-material/LightModeRounded";import Ke from"@mui/icons-material/PersonalVideoRounded";import{jsx as X}from"react/jsx-runtime";var V=32,Ye=[{label:"System",value:"system",icon:X(Ke,{color:"inherit",sx:{fontSize:V}})},{label:"Light",value:"light",icon:X(Je,{color:"inherit",sx:{fontSize:V}})},{label:"Dark",value:"dark",icon:X(Xe,{color:"inherit",sx:{fontSize:V}})}];export{z as GlobalStyles,ie as ThemeProviderWrapper,De as alphaText,P as buildMuiTheme,d as canUseDom,ee as commonComponentProps,Ye as darkModeOptions,Ce as fadeIn,Ae as fadeInLeft,F as getSurfaceTokens,U as isDarkMode,R as mergeThemes,te as muiTypography,v as normalizeThemes,Ge as progressPulse,Fe as pulseAnimation,O as readAppSettings,g as resolveDefaultThemeName,D as resolveEffectiveMode,C as resolveThemeById,Be as scale,w as selectThemeOptions,$e as slideIn,Le as slideInBottom,oe as typographyVariants,I as useSystemTheme,N as useThemeSettings,Re as validateSchemeTokens,x as writeAppSettings};
+`;import{jsx as te,jsxs as Ue}from"react/jsx-runtime";var re=({children:e,fontFamily:t,themes:r,darkMode:o,initialThemeId:i,initialDarkMode:n,settingsStorageKey:s})=>{let a=D(),{theme:l,setTheme:N,darkMode:z,setDarkMode:d,themesSource:h,selectedTheme:R,selectedPreset:b}=G({themes:r,defaultDarkMode:o,initialThemeId:i,initialDarkMode:n,storageKey:s}),x=o!=null?o:z,J=y(()=>o?()=>{}:d,[o,d]),c=y(()=>w(x,a),[x,a]),m=y(()=>E(b,c),[b,c]),A=y(()=>I(m,c),[m,c]),oe=y(()=>f(h),[h]);return te(k.Provider,{value:{theme:l,darkMode:x,setTheme:N,setDarkMode:J,themes:h,selectedTheme:R,defaultThemeName:oe},children:Ue(Ge,{theme:A,children:[te(P,{fontFamily:t}),e]})})};import Ke from"@mui/icons-material/DarkModeRounded";import He from"@mui/icons-material/LightModeRounded";import Ve from"@mui/icons-material/PersonalVideoRounded";import{jsx as X}from"react/jsx-runtime";var V=32,Xe=[{label:"System",value:"system",icon:X(Ve,{color:"inherit",sx:{fontSize:V}})},{label:"Light",value:"light",icon:X(He,{color:"inherit",sx:{fontSize:V}})},{label:"Dark",value:"dark",icon:X(Ke,{color:"inherit",sx:{fontSize:V}})}];export{P as GlobalStyles,re as ThemeProviderWrapper,De as alphaText,I as buildMuiTheme,p as canUseDom,ee as commonComponentProps,Xe as darkModeOptions,$e as fadeIn,Ce as fadeInLeft,U as getSurfaceTokens,H as isDarkMode,$ as mergeThemes,v as normalizeThemes,Fe as progressPulse,We as pulseAnimation,O as readAppSettings,f as resolveDefaultThemeName,w as resolveEffectiveMode,_ as resolveThemeById,Be as scale,E as selectThemeOptions,Le as slideIn,_e as slideInBottom,D as useSystemTheme,C as useThemeSettings,Ae as validateSchemeTokens,g as writeAppSettings};

package/dist/presets/index.d.ts

@@ -1,19 +1,26 @@
-import { a as ThemePreset } from '../typography-B-BeIk0v.js';
+import { a as ThemePreset } from '../themePresets-CwgG5XEL.js';
 import '@mui/material/styles';
 import 'react';
 
 declare const editorialClassic: ThemePreset;
 declare const airportOps: ThemePreset;
 declare const modernMinimal: ThemePreset;
+declare const brandNeonAdmin: ThemePreset;
 declare const neoGlass: ThemePreset;
 declare const retroTerminal: ThemePreset;
 declare const warmEarth: ThemePreset;
 declare const acidEditorial: ThemePreset;
+declare const flowEditorial: ThemePreset;
 declare const bauhausOps: ThemePreset;
 declare const neonBauhausOps: ThemePreset;
+declare const strongNeonBauhausOps: ThemePreset;
 declare const neonBauhausGrid: ThemePreset;
+declare const strongNeonBauhausGrid: ThemePreset;
 declare const brutalistSprint: ThemePreset;
+declare const neonBrutalistSprint: ThemePreset;
+declare const strongNeonBrutalistSprint: ThemePreset;
 declare const brandNeonMotion: ThemePreset;
+declare const strongBrandNeonMotion: ThemePreset;
 declare const ceramicFlux: ThemePreset;
 declare const chromaticWireframe: ThemePreset;
 declare const glassReactor: ThemePreset;
@@ -23,6 +30,7 @@ declare const kintsugiProtocol: ThemePreset;
 declare const monochromeKinetics: ThemePreset;
 declare const neoMemphisMetrics: ThemePreset;
 declare const neonCompliance: ThemePreset;
+declare const strongNeonCompliance: ThemePreset;
 declare const noirInterface: ThemePreset;
 declare const quantizedHeatmap: ThemePreset;
 declare const retroFutureTerminal: ThemePreset;
@@ -33,4 +41,4 @@ declare const defaultThemes: ThemePreset[];
 declare const landingPageThemes: ThemePreset[];
 declare const allBuiltInThemes: ThemePreset[];
 
-export { ThemePreset, acidEditorial, airportOps, allBuiltInThemes, bauhausOps, brandNeonMotion, brutalistSprint, ceramicFlux, chromaticWireframe, defaultThemes, editorialClassic, glassReactor, holographicLedger, infraredBlueprint, kintsugiProtocol, landingPageThemes, modernMinimal, monochromeKinetics, neoGlass, neoMemphisMetrics, neonBauhausGrid, neonBauhausOps, neonCompliance, noirInterface, quantizedHeatmap, retroFutureTerminal, retroTerminal, solarpunkEnterprise, spectralOrigami, vaporMonolith, warmEarth };
+export { ThemePreset, acidEditorial, airportOps, allBuiltInThemes, bauhausOps, brandNeonAdmin, brandNeonMotion, brutalistSprint, ceramicFlux, chromaticWireframe, defaultThemes, editorialClassic, flowEditorial, glassReactor, holographicLedger, infraredBlueprint, kintsugiProtocol, landingPageThemes, modernMinimal, monochromeKinetics, neoGlass, neoMemphisMetrics, neonBauhausGrid, neonBauhausOps, neonBrutalistSprint, neonCompliance, noirInterface, quantizedHeatmap, retroFutureTerminal, retroTerminal, solarpunkEnterprise, spectralOrigami, strongBrandNeonMotion, strongNeonBauhausGrid, strongNeonBauhausOps, strongNeonBrutalistSprint, strongNeonCompliance, vaporMonolith, warmEarth };