omnieye-theme-studio 1.2.4 → 1.2.5

package/dist/index.esm.js

@@ -1,12 +1,12 @@
 import { jsxs as p, jsx as i, Fragment as ge } from "react/jsx-runtime";
-import * as Je from "react";
-import Mt, { useMemo as Qo, useState as Z, useEffect as _e, useRef as Te, useLayoutEffect as Mr } from "react";
-import { Box as S, Collapse as Zo, Button as ke, Tooltip as ze, Typography as ue, Menu as ei, MenuItem as gt, Dialog as mt, DialogTitle as Ft, DialogContent as Wt, TextField as Qr, DialogActions as zt, InputBase as Fr, FormControlLabel as Rt, Switch as yt, Popover as ti, Slider as ri, IconButton as Pr, Select as ni } from "@mui/material";
-import oi from "@emotion/styled";
+import * as qe from "react";
+import Ft, { useMemo as Zo, useState as Z, useEffect as _e, useRef as Te, useLayoutEffect as Fr } from "react";
+import { Box as S, Collapse as ei, Button as ke, Tooltip as ze, Typography as ue, Menu as ti, MenuItem as mt, Dialog as yt, DialogTitle as Wt, DialogContent as zt, TextField as Zr, DialogActions as _t, InputBase as Wr, FormControlLabel as Et, Switch as bt, Popover as ri, Slider as ni, IconButton as $r, Select as oi } from "@mui/material";
+import ii from "@emotion/styled";
 import "@emotion/react";
-import { createPortal as ii } from "react-dom";
-const Zr = (e) => e, ai = () => {
-  let e = Zr;
+import { createPortal as ai } from "react-dom";
+const en = (e) => e, si = () => {
+  let e = en;
   return {
     configure(r) {
       e = r;
@@ -15,23 +15,23 @@ const Zr = (e) => e, ai = () => {
       return e(r);
     },
     reset() {
-      e = Zr;
+      e = en;
     }
   };
-}, si = ai();
-function at(e, ...r) {
+}, li = si();
+function st(e, ...r) {
   const t = new URL(`https://mui.com/production-error/?code=${e}`);
   return r.forEach((n) => t.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${t} for the full message.`;
 }
-function st(e) {
+function lt(e) {
   if (typeof e != "string")
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : at(7));
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : st(7));
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-function li(e) {
+function di(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var _t = { exports: {} }, Lt = { exports: {} }, ne = {};
+var Lt = { exports: {} }, Nt = { exports: {} }, ne = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -40,10 +40,10 @@ var _t = { exports: {} }, Lt = { exports: {} }, ne = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var en;
-function di() {
-  if (en) return ne;
-  en = 1;
+var tn;
+function ci() {
+  if (tn) return ne;
+  tn = 1;
   var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, g = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, h = e ? Symbol.for("react.memo") : 60115, x = e ? Symbol.for("react.lazy") : 60116, u = e ? Symbol.for("react.block") : 60121, b = e ? Symbol.for("react.fundamental") : 60117, v = e ? Symbol.for("react.responder") : 60118, $ = e ? Symbol.for("react.scope") : 60119;
   function H(k) {
     if (typeof k == "object" && k !== null) {
@@ -115,9 +115,9 @@ var oe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var tn;
-function ci() {
-  return tn || (tn = 1, process.env.NODE_ENV !== "production" && (function() {
+var rn;
+function pi() {
+  return rn || (rn = 1, process.env.NODE_ENV !== "production" && (function() {
     var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, g = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, h = e ? Symbol.for("react.memo") : 60115, x = e ? Symbol.for("react.lazy") : 60116, u = e ? Symbol.for("react.block") : 60121, b = e ? Symbol.for("react.fundamental") : 60117, v = e ? Symbol.for("react.responder") : 60118, $ = e ? Symbol.for("react.scope") : 60119;
     function H(_) {
       return typeof _ == "string" || typeof _ == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
@@ -198,19 +198,19 @@ function ci() {
     oe.AsyncMode = k, oe.ConcurrentMode = R, oe.ContextConsumer = z, oe.ContextProvider = I, oe.Element = X, oe.ForwardRef = Q, oe.Fragment = Y, oe.Lazy = d, oe.Memo = B, oe.Portal = A, oe.Profiler = L, oe.StrictMode = N, oe.Suspense = K, oe.isAsyncMode = J, oe.isConcurrentMode = P, oe.isContextConsumer = D, oe.isContextProvider = q, oe.isElement = V, oe.isForwardRef = G, oe.isFragment = M, oe.isLazy = w, oe.isMemo = O, oe.isPortal = F, oe.isProfiler = E, oe.isStrictMode = W, oe.isSuspense = te, oe.isValidElementType = H, oe.typeOf = C;
   })()), oe;
 }
-var rn;
-function _n() {
-  return rn || (rn = 1, process.env.NODE_ENV === "production" ? Lt.exports = di() : Lt.exports = ci()), Lt.exports;
+var nn;
+function Ln() {
+  return nn || (nn = 1, process.env.NODE_ENV === "production" ? Nt.exports = ci() : Nt.exports = pi()), Nt.exports;
 }
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var gr, nn;
-function pi() {
-  if (nn) return gr;
-  nn = 1;
+var mr, on;
+function ui() {
+  if (on) return mr;
+  on = 1;
   var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
   function n(s) {
     if (s == null)
@@ -239,7 +239,7 @@ function pi() {
       return !1;
     }
   }
-  return gr = o() ? Object.assign : function(s, a) {
+  return mr = o() ? Object.assign : function(s, a) {
     for (var l, c = n(s), g, f = 1; f < arguments.length; f++) {
       l = Object(arguments[f]);
       for (var m in l)
@@ -251,27 +251,27 @@ function pi() {
       }
     }
     return c;
-  }, gr;
-}
-var mr, on;
-function Wr() {
-  if (on) return mr;
-  on = 1;
-  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return mr = e, mr;
+  }, mr;
 }
 var yr, an;
-function Ln() {
-  return an || (an = 1, yr = Function.call.bind(Object.prototype.hasOwnProperty)), yr;
+function zr() {
+  if (an) return yr;
+  an = 1;
+  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return yr = e, yr;
 }
 var br, sn;
-function ui() {
-  if (sn) return br;
-  sn = 1;
+function Nn() {
+  return sn || (sn = 1, br = Function.call.bind(Object.prototype.hasOwnProperty)), br;
+}
+var xr, ln;
+function fi() {
+  if (ln) return xr;
+  ln = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var r = /* @__PURE__ */ Wr(), t = {}, n = /* @__PURE__ */ Ln();
+    var r = /* @__PURE__ */ zr(), t = {}, n = /* @__PURE__ */ Nn();
     e = function(s) {
       var a = "Warning: " + s;
       typeof console < "u" && console.error(a);
@@ -311,13 +311,13 @@ function ui() {
   }
   return o.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (t = {});
-  }, br = o, br;
+  }, xr = o, xr;
 }
-var xr, ln;
-function fi() {
-  if (ln) return xr;
-  ln = 1;
-  var e = _n(), r = pi(), t = /* @__PURE__ */ Wr(), n = /* @__PURE__ */ Ln(), o = /* @__PURE__ */ ui(), s = function() {
+var vr, dn;
+function hi() {
+  if (dn) return vr;
+  dn = 1;
+  var e = Ln(), r = ui(), t = /* @__PURE__ */ zr(), n = /* @__PURE__ */ Nn(), o = /* @__PURE__ */ fi(), s = function() {
   };
   process.env.NODE_ENV !== "production" && (s = function(l) {
     var c = "Warning: " + l;
@@ -330,7 +330,7 @@ function fi() {
   function a() {
     return null;
   }
-  return xr = function(l, c) {
+  return vr = function(l, c) {
     var g = typeof Symbol == "function" && Symbol.iterator, f = "@@iterator";
     function m(P) {
       var D = P && (g && P[g] || P[f]);
@@ -632,18 +632,18 @@ Valid keys: ` + JSON.stringify(Object.keys(P), null, "  ")
       return !P.constructor || !P.constructor.name ? y : P.constructor.name;
     }
     return h.checkPropTypes = o, h.resetWarningCache = o.resetWarningCache, h.PropTypes = h, h;
-  }, xr;
+  }, vr;
 }
-var vr, dn;
-function hi() {
-  if (dn) return vr;
-  dn = 1;
-  var e = /* @__PURE__ */ Wr();
+var Sr, cn;
+function gi() {
+  if (cn) return Sr;
+  cn = 1;
+  var e = /* @__PURE__ */ zr();
   function r() {
   }
   function t() {
   }
-  return t.resetWarningCache = r, vr = function() {
+  return t.resetWarningCache = r, Sr = function() {
     function n(a, l, c, g, f, m) {
       if (m !== e) {
         var y = new Error(
@@ -680,34 +680,34 @@ function hi() {
       resetWarningCache: r
     };
     return s.PropTypes = s, s;
-  }, vr;
+  }, Sr;
 }
-var cn;
-function gi() {
-  if (cn) return _t.exports;
-  if (cn = 1, process.env.NODE_ENV !== "production") {
-    var e = _n(), r = !0;
-    _t.exports = /* @__PURE__ */ fi()(e.isElement, r);
+var pn;
+function mi() {
+  if (pn) return Lt.exports;
+  if (pn = 1, process.env.NODE_ENV !== "production") {
+    var e = Ln(), r = !0;
+    Lt.exports = /* @__PURE__ */ hi()(e.isElement, r);
   } else
-    _t.exports = /* @__PURE__ */ hi()();
-  return _t.exports;
+    Lt.exports = /* @__PURE__ */ gi()();
+  return Lt.exports;
 }
-var mi = /* @__PURE__ */ gi();
-const re = /* @__PURE__ */ li(mi);
-function Nn(e) {
+var yi = /* @__PURE__ */ mi();
+const re = /* @__PURE__ */ di(yi);
+function jn(e) {
   var r, t, n = "";
   if (typeof e == "string" || typeof e == "number") n += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var o = e.length;
-    for (r = 0; r < o; r++) e[r] && (t = Nn(e[r])) && (n && (n += " "), n += t);
+    for (r = 0; r < o; r++) e[r] && (t = jn(e[r])) && (n && (n += " "), n += t);
   } else for (t in e) e[t] && (n && (n += " "), n += t);
   return n;
 }
-function jn() {
-  for (var e, r, t = 0, n = "", o = arguments.length; t < o; t++) (e = arguments[t]) && (r = Nn(e)) && (n && (n += " "), n += r);
+function Vn() {
+  for (var e, r, t = 0, n = "", o = arguments.length; t < o; t++) (e = arguments[t]) && (r = jn(e)) && (n && (n += " "), n += r);
   return n;
 }
-function yi(e, r, t = void 0) {
+function bi(e, r, t = void 0) {
   const n = {};
   for (const o in e) {
     const s = e[o];
@@ -720,7 +720,7 @@ function yi(e, r, t = void 0) {
   }
   return n;
 }
-var Nt = { exports: {} }, se = {};
+var jt = { exports: {} }, se = {};
 /**
  * @license React
  * react-is.production.js
@@ -730,10 +730,10 @@ var Nt = { exports: {} }, se = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var pn;
-function bi() {
-  if (pn) return se;
-  pn = 1;
+var un;
+function xi() {
+  if (un) return se;
+  un = 1;
   var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), s = Symbol.for("react.consumer"), a = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), y = Symbol.for("react.view_transition"), h = Symbol.for("react.client.reference");
   function x(u) {
     if (typeof u == "object" && u !== null) {
@@ -804,9 +804,9 @@ var le = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var un;
-function xi() {
-  return un || (un = 1, process.env.NODE_ENV !== "production" && (function() {
+var fn;
+function vi() {
+  return fn || (fn = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(u) {
       if (typeof u == "object" && u !== null) {
         var b = u.$$typeof;
@@ -868,23 +868,23 @@ function xi() {
     }, le.typeOf = e;
   })()), le;
 }
-var fn;
-function vi() {
-  return fn || (fn = 1, process.env.NODE_ENV === "production" ? Nt.exports = /* @__PURE__ */ bi() : Nt.exports = /* @__PURE__ */ xi()), Nt.exports;
+var hn;
+function Si() {
+  return hn || (hn = 1, process.env.NODE_ENV === "production" ? jt.exports = /* @__PURE__ */ xi() : jt.exports = /* @__PURE__ */ vi()), jt.exports;
 }
-var Jt = /* @__PURE__ */ vi();
+var qt = /* @__PURE__ */ Si();
 function We(e) {
   if (typeof e != "object" || e === null)
     return !1;
   const r = Object.getPrototypeOf(e);
   return (r === null || r === Object.prototype || Object.getPrototypeOf(r) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
 }
-function Vn(e) {
-  if (/* @__PURE__ */ Je.isValidElement(e) || Jt.isValidElementType(e) || !We(e))
+function Un(e) {
+  if (/* @__PURE__ */ qe.isValidElement(e) || qt.isValidElementType(e) || !We(e))
     return e;
   const r = {};
   return Object.keys(e).forEach((t) => {
-    r[t] = Vn(e[t]);
+    r[t] = Un(e[t]);
   }), r;
 }
 function Pe(e, r, t = {
@@ -894,18 +894,18 @@ function Pe(e, r, t = {
     ...e
   } : e;
   return We(e) && We(r) && Object.keys(r).forEach((o) => {
-    /* @__PURE__ */ Je.isValidElement(r[o]) || Jt.isValidElementType(r[o]) ? n[o] = r[o] : We(r[o]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(e, o) && We(e[o]) ? n[o] = Pe(e[o], r[o], t) : t.clone ? n[o] = We(r[o]) ? Vn(r[o]) : r[o] : n[o] = r[o];
+    /* @__PURE__ */ qe.isValidElement(r[o]) || qt.isValidElementType(r[o]) ? n[o] = r[o] : We(r[o]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, o) && We(e[o]) ? n[o] = Pe(e[o], r[o], t) : t.clone ? n[o] = We(r[o]) ? Un(r[o]) : r[o] : n[o] = r[o];
   }), n;
 }
-function Et(e, r) {
+function Ht(e, r) {
   return r ? Pe(e, r, {
     clone: !1
     // No need to clone deep, it's way faster.
   }) : e;
 }
-const Ke = process.env.NODE_ENV !== "production" ? re.oneOfType([re.number, re.string, re.object, re.array]) : {};
-function hn(e, r) {
+const Xe = process.env.NODE_ENV !== "production" ? re.oneOfType([re.number, re.string, re.object, re.array]) : {};
+function gn(e, r) {
   if (!e.containerQueries)
     return r;
   const t = Object.keys(r).filter((n) => n.startsWith("@container")).sort((n, o) => {
@@ -920,10 +920,10 @@ function hn(e, r) {
     ...r
   }) : r;
 }
-function Si(e, r) {
+function Ci(e, r) {
   return r === "@" || r.startsWith("@") && (e.some((t) => r.startsWith(`@${t}`)) || !!r.match(/^@\d/));
 }
-function Ci(e, r) {
+function wi(e, r) {
   const t = r.match(/^@([^/]+)?\/?(.+)?$/);
   if (!t) {
     if (process.env.NODE_ENV !== "production")
@@ -937,7 +937,7 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.`)
   const [, n, o] = t, s = Number.isNaN(+n) ? n || 0 : +n;
   return e.containerQueries(o).up(s);
 }
-function wi(e) {
+function ki(e) {
   const r = (s, a) => s.replace("@media", a ? `@container ${a}` : "@container");
   function t(s, a) {
     s.up = (...l) => r(e.breakpoints.up(...l), a), s.down = (...l) => r(e.breakpoints.down(...l), a), s.between = (...l) => r(e.breakpoints.between(...l), a), s.only = (...l) => r(e.breakpoints.only(...l), a), s.not = (...l) => {
@@ -951,7 +951,7 @@ function wi(e) {
     containerQueries: o
   };
 }
-const Zt = {
+const er = {
   xs: 0,
   // phone
   sm: 600,
@@ -962,15 +962,15 @@ const Zt = {
   // desktop
   xl: 1536
   // large screen
-}, gn = {
+}, mn = {
   // Sorted ASC by size. That's important.
   // It can't be configured as it's used statically for propTypes.
   keys: ["xs", "sm", "md", "lg", "xl"],
-  up: (e) => `@media (min-width:${Zt[e]}px)`
-}, ki = {
+  up: (e) => `@media (min-width:${er[e]}px)`
+}, Ti = {
   containerQueries: (e) => ({
     up: (r) => {
-      let t = typeof r == "number" ? r : Zt[r] || r;
+      let t = typeof r == "number" ? r : er[r] || r;
       return typeof t == "number" && (t = `${t}px`), e ? `@container ${e} (min-width:${t})` : `@container (min-width:${t})`;
     }
   })
@@ -978,16 +978,16 @@ const Zt = {
 function Le(e, r, t) {
   const n = e.theme || {};
   if (Array.isArray(r)) {
-    const s = n.breakpoints || gn;
+    const s = n.breakpoints || mn;
     return r.reduce((a, l, c) => (a[s.up(s.keys[c])] = t(r[c]), a), {});
   }
   if (typeof r == "object") {
-    const s = n.breakpoints || gn;
+    const s = n.breakpoints || mn;
     return Object.keys(r).reduce((a, l) => {
-      if (Si(s.keys, l)) {
-        const c = Ci(n.containerQueries ? n : ki, l);
+      if (Ci(s.keys, l)) {
+        const c = wi(n.containerQueries ? n : Ti, l);
         c && (a[c] = t(r[l], l));
-      } else if (Object.keys(s.values || Zt).includes(l)) {
+      } else if (Object.keys(s.values || er).includes(l)) {
         const c = s.up(l);
         a[c] = t(r[l], l);
       } else {
@@ -999,20 +999,20 @@ function Le(e, r, t) {
   }
   return t(r);
 }
-function Ti(e = {}) {
+function Ri(e = {}) {
   var t;
   return ((t = e.keys) == null ? void 0 : t.reduce((n, o) => {
     const s = e.up(o);
     return n[s] = {}, n;
   }, {})) || {};
 }
-function mn(e, r) {
+function yn(e, r) {
   return e.reduce((t, n) => {
     const o = t[n];
     return (!o || Object.keys(o).length === 0) && delete t[n], t;
   }, r);
 }
-function er(e, r, t = !0) {
+function tr(e, r, t = !0) {
   if (!r || typeof r != "string")
     return null;
   if (e && e.vars && t) {
@@ -1022,9 +1022,9 @@ function er(e, r, t = !0) {
   }
   return r.split(".").reduce((n, o) => n && n[o] != null ? n[o] : null, e);
 }
-function qt(e, r, t, n = t) {
+function Kt(e, r, t, n = t) {
   let o;
-  return typeof e == "function" ? o = e(t) : Array.isArray(e) ? o = e[t] || n : o = er(e, t) || n, r && (o = r(o, n, e)), o;
+  return typeof e == "function" ? o = e(t) : Array.isArray(e) ? o = e[t] || n : o = tr(e, t) || n, r && (o = r(o, n, e)), o;
 }
 function ye(e) {
   const {
@@ -1035,48 +1035,48 @@ function ye(e) {
   } = e, s = (a) => {
     if (a[r] == null)
       return null;
-    const l = a[r], c = a.theme, g = er(c, n) || {};
+    const l = a[r], c = a.theme, g = tr(c, n) || {};
     return Le(a, l, (m) => {
-      let y = qt(g, o, m);
-      return m === y && typeof m == "string" && (y = qt(g, o, `${r}${m === "default" ? "" : st(m)}`, m)), t === !1 ? y : {
+      let y = Kt(g, o, m);
+      return m === y && typeof m == "string" && (y = Kt(g, o, `${r}${m === "default" ? "" : lt(m)}`, m)), t === !1 ? y : {
         [t]: y
       };
     });
   };
   return s.propTypes = process.env.NODE_ENV !== "production" ? {
-    [r]: Ke
+    [r]: Xe
   } : {}, s.filterProps = [r], s;
 }
-function Ri(e) {
+function Ei(e) {
   const r = {};
   return (t) => (r[t] === void 0 && (r[t] = e(t)), r[t]);
 }
-const Ei = {
+const Hi = {
   m: "margin",
   p: "padding"
-}, Hi = {
+}, Pi = {
   t: "Top",
   r: "Right",
   b: "Bottom",
   l: "Left",
   x: ["Left", "Right"],
   y: ["Top", "Bottom"]
-}, yn = {
+}, bn = {
   marginX: "mx",
   marginY: "my",
   paddingX: "px",
   paddingY: "py"
-}, Pi = Ri((e) => {
+}, $i = Ei((e) => {
   if (e.length > 2)
-    if (yn[e])
-      e = yn[e];
+    if (bn[e])
+      e = bn[e];
     else
       return [e];
-  const [r, t] = e.split(""), n = Ei[r], o = Hi[t] || "";
+  const [r, t] = e.split(""), n = Hi[r], o = Pi[t] || "";
   return Array.isArray(o) ? o.map((s) => n + s) : [n + o];
-}), tr = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], rr = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], $i = [...tr, ...rr];
-function Pt(e, r, t, n) {
-  const o = er(e, r, !0) ?? t;
+}), rr = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], nr = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], Ai = [...rr, ...nr];
+function $t(e, r, t, n) {
+  const o = tr(e, r, !0) ?? t;
   return typeof o == "number" || typeof o == "string" ? (s) => typeof s == "string" ? s : (process.env.NODE_ENV !== "production" && typeof s != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${s}.`), typeof o == "string" ? o.startsWith("var(") && s === 0 ? 0 : o.startsWith("var(") && s === 1 ? o : `calc(${s} * ${o})` : o * s) : Array.isArray(o) ? (s) => {
     if (typeof s == "string")
       return s;
@@ -1090,40 +1090,40 @@ function Pt(e, r, t, n) {
 `)), () => {
   });
 }
-function zr(e) {
-  return Pt(e, "spacing", 8, "spacing");
+function _r(e) {
+  return $t(e, "spacing", 8, "spacing");
 }
-function $t(e, r) {
+function At(e, r) {
   return typeof r == "string" || r == null ? r : e(r);
 }
-function Ai(e, r) {
-  return (t) => e.reduce((n, o) => (n[o] = $t(r, t), n), {});
+function Ii(e, r) {
+  return (t) => e.reduce((n, o) => (n[o] = At(r, t), n), {});
 }
-function Ii(e, r, t, n) {
+function Bi(e, r, t, n) {
   if (!r.includes(t))
     return null;
-  const o = Pi(t), s = Ai(o, n), a = e[t];
+  const o = $i(t), s = Ii(o, n), a = e[t];
   return Le(e, a, s);
 }
-function Un(e, r) {
-  const t = zr(e.theme);
-  return Object.keys(e).map((n) => Ii(e, r, n, t)).reduce(Et, {});
+function Gn(e, r) {
+  const t = _r(e.theme);
+  return Object.keys(e).map((n) => Bi(e, r, n, t)).reduce(Ht, {});
 }
 function fe(e) {
-  return Un(e, tr);
+  return Gn(e, rr);
 }
-fe.propTypes = process.env.NODE_ENV !== "production" ? tr.reduce((e, r) => (e[r] = Ke, e), {}) : {};
-fe.filterProps = tr;
+fe.propTypes = process.env.NODE_ENV !== "production" ? rr.reduce((e, r) => (e[r] = Xe, e), {}) : {};
+fe.filterProps = rr;
 function he(e) {
-  return Un(e, rr);
+  return Gn(e, nr);
 }
-he.propTypes = process.env.NODE_ENV !== "production" ? rr.reduce((e, r) => (e[r] = Ke, e), {}) : {};
-he.filterProps = rr;
-process.env.NODE_ENV !== "production" && $i.reduce((e, r) => (e[r] = Ke, e), {});
-function nr(...e) {
+he.propTypes = process.env.NODE_ENV !== "production" ? nr.reduce((e, r) => (e[r] = Xe, e), {}) : {};
+he.filterProps = nr;
+process.env.NODE_ENV !== "production" && Ai.reduce((e, r) => (e[r] = Xe, e), {});
+function or(...e) {
   const r = e.reduce((n, o) => (o.filterProps.forEach((s) => {
     n[s] = o;
-  }), n), {}), t = (n) => Object.keys(n).reduce((o, s) => r[s] ? Et(o, r[s](n)) : o, {});
+  }), n), {}), t = (n) => Object.keys(n).reduce((o, s) => r[s] ? Ht(o, r[s](n)) : o, {});
   return t.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, o) => Object.assign(n, o.propTypes), {}) : {}, t.filterProps = e.reduce((n, o) => n.concat(o.filterProps), []), t;
 }
 function $e(e) {
@@ -1136,108 +1136,108 @@ function Ae(e, r) {
     transform: r
   });
 }
-const Bi = Ae("border", $e), Oi = Ae("borderTop", $e), Di = Ae("borderRight", $e), Mi = Ae("borderBottom", $e), Fi = Ae("borderLeft", $e), Wi = Ae("borderColor"), zi = Ae("borderTopColor"), _i = Ae("borderRightColor"), Li = Ae("borderBottomColor"), Ni = Ae("borderLeftColor"), ji = Ae("outline", $e), Vi = Ae("outlineColor"), or = (e) => {
+const Oi = Ae("border", $e), Di = Ae("borderTop", $e), Mi = Ae("borderRight", $e), Fi = Ae("borderBottom", $e), Wi = Ae("borderLeft", $e), zi = Ae("borderColor"), _i = Ae("borderTopColor"), Li = Ae("borderRightColor"), Ni = Ae("borderBottomColor"), ji = Ae("borderLeftColor"), Vi = Ae("outline", $e), Ui = Ae("outlineColor"), ir = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
-    const r = Pt(e.theme, "shape.borderRadius", 4, "borderRadius"), t = (n) => ({
-      borderRadius: $t(r, n)
+    const r = $t(e.theme, "shape.borderRadius", 4, "borderRadius"), t = (n) => ({
+      borderRadius: At(r, n)
     });
     return Le(e, e.borderRadius, t);
   }
   return null;
 };
-or.propTypes = process.env.NODE_ENV !== "production" ? {
-  borderRadius: Ke
+ir.propTypes = process.env.NODE_ENV !== "production" ? {
+  borderRadius: Xe
 } : {};
-or.filterProps = ["borderRadius"];
-nr(Bi, Oi, Di, Mi, Fi, Wi, zi, _i, Li, Ni, or, ji, Vi);
-const ir = (e) => {
+ir.filterProps = ["borderRadius"];
+or(Oi, Di, Mi, Fi, Wi, zi, _i, Li, Ni, ji, ir, Vi, Ui);
+const ar = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
-    const r = Pt(e.theme, "spacing", 8, "gap"), t = (n) => ({
-      gap: $t(r, n)
+    const r = $t(e.theme, "spacing", 8, "gap"), t = (n) => ({
+      gap: At(r, n)
     });
     return Le(e, e.gap, t);
   }
   return null;
 };
-ir.propTypes = process.env.NODE_ENV !== "production" ? {
-  gap: Ke
+ar.propTypes = process.env.NODE_ENV !== "production" ? {
+  gap: Xe
 } : {};
-ir.filterProps = ["gap"];
-const ar = (e) => {
+ar.filterProps = ["gap"];
+const sr = (e) => {
   if (e.columnGap !== void 0 && e.columnGap !== null) {
-    const r = Pt(e.theme, "spacing", 8, "columnGap"), t = (n) => ({
-      columnGap: $t(r, n)
+    const r = $t(e.theme, "spacing", 8, "columnGap"), t = (n) => ({
+      columnGap: At(r, n)
     });
     return Le(e, e.columnGap, t);
   }
   return null;
 };
-ar.propTypes = process.env.NODE_ENV !== "production" ? {
-  columnGap: Ke
+sr.propTypes = process.env.NODE_ENV !== "production" ? {
+  columnGap: Xe
 } : {};
-ar.filterProps = ["columnGap"];
-const sr = (e) => {
+sr.filterProps = ["columnGap"];
+const lr = (e) => {
   if (e.rowGap !== void 0 && e.rowGap !== null) {
-    const r = Pt(e.theme, "spacing", 8, "rowGap"), t = (n) => ({
-      rowGap: $t(r, n)
+    const r = $t(e.theme, "spacing", 8, "rowGap"), t = (n) => ({
+      rowGap: At(r, n)
     });
     return Le(e, e.rowGap, t);
   }
   return null;
 };
-sr.propTypes = process.env.NODE_ENV !== "production" ? {
-  rowGap: Ke
+lr.propTypes = process.env.NODE_ENV !== "production" ? {
+  rowGap: Xe
 } : {};
-sr.filterProps = ["rowGap"];
-const Ui = ye({
+lr.filterProps = ["rowGap"];
+const Gi = ye({
   prop: "gridColumn"
-}), Gi = ye({
-  prop: "gridRow"
 }), Yi = ye({
-  prop: "gridAutoFlow"
+  prop: "gridRow"
 }), Ji = ye({
-  prop: "gridAutoColumns"
+  prop: "gridAutoFlow"
 }), qi = ye({
-  prop: "gridAutoRows"
+  prop: "gridAutoColumns"
 }), Ki = ye({
-  prop: "gridTemplateColumns"
+  prop: "gridAutoRows"
 }), Xi = ye({
-  prop: "gridTemplateRows"
+  prop: "gridTemplateColumns"
 }), Qi = ye({
-  prop: "gridTemplateAreas"
+  prop: "gridTemplateRows"
 }), Zi = ye({
+  prop: "gridTemplateAreas"
+}), ea = ye({
   prop: "gridArea"
 });
-nr(ir, ar, sr, Ui, Gi, Yi, Ji, qi, Ki, Xi, Qi, Zi);
-function bt(e, r) {
+or(ar, sr, lr, Gi, Yi, Ji, qi, Ki, Xi, Qi, Zi, ea);
+function xt(e, r) {
   return r === "grey" ? r : e;
 }
-const ea = ye({
+const ta = ye({
   prop: "color",
   themeKey: "palette",
-  transform: bt
-}), ta = ye({
+  transform: xt
+}), ra = ye({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
-  transform: bt
-}), ra = ye({
+  transform: xt
+}), na = ye({
   prop: "backgroundColor",
   themeKey: "palette",
-  transform: bt
+  transform: xt
 });
-nr(ea, ta, ra);
+or(ta, ra, na);
 function Ee(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
-const na = ye({
+const oa = ye({
   prop: "width",
   transform: Ee
-}), _r = (e) => {
+}), Lr = (e) => {
   if (e.maxWidth !== void 0 && e.maxWidth !== null) {
     const r = (t) => {
       var o, s, a, l, c;
-      const n = ((a = (s = (o = e.theme) == null ? void 0 : o.breakpoints) == null ? void 0 : s.values) == null ? void 0 : a[t]) || Zt[t];
+      const n = ((a = (s = (o = e.theme) == null ? void 0 : o.breakpoints) == null ? void 0 : s.values) == null ? void 0 : a[t]) || er[t];
       return n ? ((c = (l = e.theme) == null ? void 0 : l.breakpoints) == null ? void 0 : c.unit) !== "px" ? {
         maxWidth: `${n}${e.theme.breakpoints.unit}`
       } : {
@@ -1250,17 +1250,17 @@ const na = ye({
   }
   return null;
 };
-_r.filterProps = ["maxWidth"];
-const oa = ye({
+Lr.filterProps = ["maxWidth"];
+const ia = ye({
   prop: "minWidth",
   transform: Ee
-}), ia = ye({
+}), aa = ye({
   prop: "height",
   transform: Ee
-}), aa = ye({
+}), sa = ye({
   prop: "maxHeight",
   transform: Ee
-}), sa = ye({
+}), la = ye({
   prop: "minHeight",
   transform: Ee
 });
@@ -1274,11 +1274,11 @@ ye({
   cssProperty: "height",
   transform: Ee
 });
-const la = ye({
+const da = ye({
   prop: "boxSizing"
 });
-nr(na, _r, oa, ia, aa, sa, la);
-const lr = {
+or(oa, Lr, ia, aa, sa, la, da);
+const dr = {
   // borders
   border: {
     themeKey: "borders",
@@ -1324,21 +1324,21 @@ const lr = {
   },
   borderRadius: {
     themeKey: "shape.borderRadius",
-    style: or
+    style: ir
   },
   // palette
   color: {
     themeKey: "palette",
-    transform: bt
+    transform: xt
   },
   bgcolor: {
     themeKey: "palette",
     cssProperty: "backgroundColor",
-    transform: bt
+    transform: xt
   },
   backgroundColor: {
     themeKey: "palette",
-    transform: bt
+    transform: xt
   },
   // spacing
   p: {
@@ -1491,13 +1491,13 @@ const lr = {
   justifySelf: {},
   // grid
   gap: {
-    style: ir
+    style: ar
   },
   rowGap: {
-    style: sr
+    style: lr
   },
   columnGap: {
-    style: ar
+    style: sr
   },
   gridColumn: {},
   gridRow: {},
@@ -1526,7 +1526,7 @@ const lr = {
     transform: Ee
   },
   maxWidth: {
-    style: _r
+    style: Lr
   },
   minWidth: {
     transform: Ee
@@ -1566,14 +1566,14 @@ const lr = {
     themeKey: "typography"
   }
 };
-function da(...e) {
+function ca(...e) {
   const r = e.reduce((n, o) => n.concat(Object.keys(o)), []), t = new Set(r);
   return e.every((n) => t.size === Object.keys(n).length);
 }
-function ca(e, r) {
+function pa(e, r) {
   return typeof e == "function" ? e(r) : e;
 }
-function pa() {
+function ua() {
   function e(t, n, o, s) {
     const a = {
       [t]: n,
@@ -1595,10 +1595,10 @@ function pa() {
       return {
         [t]: n
       };
-    const y = er(o, g) || {};
+    const y = tr(o, g) || {};
     return m ? m(a) : Le(a, n, (x) => {
-      let u = qt(y, f, x);
-      return x === u && typeof x == "string" && (u = qt(y, f, `${t}${x === "default" ? "" : st(x)}`, x)), c === !1 ? u : {
+      let u = Kt(y, f, x);
+      return x === u && typeof x == "string" && (u = Kt(y, f, `${t}${x === "default" ? "" : lt(x)}`, x)), c === !1 ? u : {
         [c]: u
       };
     });
@@ -1611,7 +1611,7 @@ function pa() {
     } = t || {};
     if (!n)
       return null;
-    const a = o.unstable_sxConfig ?? lr;
+    const a = o.unstable_sxConfig ?? dr;
     function l(c) {
       let g = c;
       if (typeof c == "function")
@@ -1620,39 +1620,39 @@ function pa() {
         return c;
       if (!g)
         return null;
-      const f = Ti(o.breakpoints), m = Object.keys(f);
+      const f = Ri(o.breakpoints), m = Object.keys(f);
       let y = f;
       return Object.keys(g).forEach((h) => {
-        const x = ca(g[h], o);
+        const x = pa(g[h], o);
         if (x != null)
           if (typeof x == "object")
             if (a[h])
-              y = Et(y, e(h, x, o, a));
+              y = Ht(y, e(h, x, o, a));
             else {
               const u = Le({
                 theme: o
               }, x, (b) => ({
                 [h]: b
               }));
-              da(u, x) ? y[h] = r({
+              ca(u, x) ? y[h] = r({
                 sx: x,
                 theme: o,
                 nested: !0
-              }) : y = Et(y, u);
+              }) : y = Ht(y, u);
             }
           else
-            y = Et(y, e(h, x, o, a));
+            y = Ht(y, e(h, x, o, a));
       }), !s && o.modularCssLayers ? {
-        "@layer sx": hn(o, mn(m, y))
-      } : hn(o, mn(m, y));
+        "@layer sx": gn(o, yn(m, y))
+      } : gn(o, yn(m, y));
     }
     return Array.isArray(n) ? n.map(l) : l(n);
   }
   return r;
 }
-const xt = pa();
-xt.filterProps = ["sx"];
-function ua(e) {
+const vt = ua();
+vt.filterProps = ["sx"];
+function fa(e) {
   for (var r = 0, t, n = 0, o = e.length; o >= 4; ++n, o -= 4)
     t = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, t = /* Math.imul(k, m): */
     (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), t ^= /* k >>> r: */
@@ -1671,7 +1671,7 @@ function ua(e) {
   return r ^= r >>> 13, r = /* Math.imul(h, m): */
   (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), ((r ^ r >>> 15) >>> 0).toString(36);
 }
-var fa = {
+var ha = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -1721,34 +1721,34 @@ var fa = {
   strokeOpacity: 1,
   strokeWidth: 1
 };
-function ha(e) {
+function ga(e) {
   var r = /* @__PURE__ */ Object.create(null);
   return function(t) {
     return r[t] === void 0 && (r[t] = e(t)), r[t];
   };
 }
-var ga = /[A-Z]|^ms/g, ma = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Gn = function(r) {
+var ma = /[A-Z]|^ms/g, ya = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Yn = function(r) {
   return r.charCodeAt(1) === 45;
-}, bn = function(r) {
+}, xn = function(r) {
   return r != null && typeof r != "boolean";
-}, Sr = /* @__PURE__ */ ha(function(e) {
-  return Gn(e) ? e : e.replace(ga, "-$&").toLowerCase();
-}), xn = function(r, t) {
+}, Cr = /* @__PURE__ */ ga(function(e) {
+  return Yn(e) ? e : e.replace(ma, "-$&").toLowerCase();
+}), vn = function(r, t) {
   switch (r) {
     case "animation":
     case "animationName":
       if (typeof t == "string")
-        return t.replace(ma, function(n, o, s) {
-          return Ye = {
+        return t.replace(ya, function(n, o, s) {
+          return Je = {
             name: o,
             styles: s,
-            next: Ye
+            next: Je
           }, o;
         });
   }
-  return fa[r] !== 1 && !Gn(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
+  return ha[r] !== 1 && !Yn(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
 };
-function Kt(e, r, t) {
+function Xt(e, r, t) {
   if (t == null)
     return "";
   var n = t;
@@ -1760,50 +1760,50 @@ function Kt(e, r, t) {
     case "object": {
       var o = t;
       if (o.anim === 1)
-        return Ye = {
+        return Je = {
           name: o.name,
           styles: o.styles,
-          next: Ye
+          next: Je
         }, o.name;
       var s = t;
       if (s.styles !== void 0) {
         var a = s.next;
         if (a !== void 0)
           for (; a !== void 0; )
-            Ye = {
+            Je = {
               name: a.name,
               styles: a.styles,
-              next: Ye
+              next: Je
             }, a = a.next;
         var l = s.styles + ";";
         return l;
       }
-      return ya(e, r, t);
+      return ba(e, r, t);
     }
   }
   var c = t;
   return c;
 }
-function ya(e, r, t) {
+function ba(e, r, t) {
   var n = "";
   if (Array.isArray(t))
     for (var o = 0; o < t.length; o++)
-      n += Kt(e, r, t[o]) + ";";
+      n += Xt(e, r, t[o]) + ";";
   else
     for (var s in t) {
       var a = t[s];
       if (typeof a != "object") {
         var l = a;
-        bn(l) && (n += Sr(s) + ":" + xn(s, l) + ";");
+        xn(l) && (n += Cr(s) + ":" + vn(s, l) + ";");
       } else if (Array.isArray(a) && typeof a[0] == "string" && r == null)
         for (var c = 0; c < a.length; c++)
-          bn(a[c]) && (n += Sr(s) + ":" + xn(s, a[c]) + ";");
+          xn(a[c]) && (n += Cr(s) + ":" + vn(s, a[c]) + ";");
       else {
-        var g = Kt(e, r, a);
+        var g = Xt(e, r, a);
         switch (s) {
           case "animation":
           case "animationName": {
-            n += Sr(s) + ":" + g + ";";
+            n += Cr(s) + ":" + g + ";";
             break;
           }
           default:
@@ -1813,32 +1813,32 @@ function ya(e, r, t) {
     }
   return n;
 }
-var vn = /label:\s*([^\s;{]+)\s*(;|$)/g, Ye;
-function ba(e, r, t) {
+var Sn = /label:\s*([^\s;{]+)\s*(;|$)/g, Je;
+function xa(e, r, t) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
   var n = !0, o = "";
-  Ye = void 0;
+  Je = void 0;
   var s = e[0];
   if (s == null || s.raw === void 0)
-    n = !1, o += Kt(t, r, s);
+    n = !1, o += Xt(t, r, s);
   else {
     var a = s;
     o += a[0];
   }
   for (var l = 1; l < e.length; l++)
-    if (o += Kt(t, r, e[l]), n) {
+    if (o += Xt(t, r, e[l]), n) {
       var c = s;
       o += c[l];
     }
-  vn.lastIndex = 0;
-  for (var g = "", f; (f = vn.exec(o)) !== null; )
+  Sn.lastIndex = 0;
+  for (var g = "", f; (f = Sn.exec(o)) !== null; )
     g += "-" + f[1];
-  var m = ua(o) + g;
+  var m = fa(o) + g;
   return {
     name: m,
     styles: o,
-    next: Ye
+    next: Je
   };
 }
 /**
@@ -1848,22 +1848,22 @@ function ba(e, r, t) {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-function xa(e, r) {
-  const t = oi(e, r);
+function va(e, r) {
+  const t = ii(e, r);
   return process.env.NODE_ENV !== "production" ? (...n) => {
     const o = typeof e == "string" ? `"${e}"` : "component";
     return n.length === 0 ? console.error([`MUI: Seems like you called \`styled(${o})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(`
 `)) : n.some((s) => s === void 0) && console.error(`MUI: the styled(${o})(...args) API requires all its args to be defined.`), t(...n);
   } : t;
 }
-function va(e, r) {
+function Sa(e, r) {
   Array.isArray(e.__emotion_styles) && (e.__emotion_styles = r(e.__emotion_styles));
 }
-const Sn = [];
-function it(e) {
-  return Sn[0] = e, ba(Sn);
+const Cn = [];
+function at(e) {
+  return Cn[0] = e, xa(Cn);
 }
-const Sa = (e) => {
+const Ca = (e) => {
   const r = Object.keys(e).map((t) => ({
     key: t,
     val: e[t]
@@ -1873,7 +1873,7 @@ const Sa = (e) => {
     [n.key]: n.val
   }), {});
 };
-function Ca(e) {
+function wa(e) {
   const {
     // The breakpoint **start** at this value.
     // For instance with the first breakpoint xs: [xs, sm).
@@ -1892,7 +1892,7 @@ function Ca(e) {
     unit: t = "px",
     step: n = 5,
     ...o
-  } = e, s = Sa(r), a = Object.keys(s);
+  } = e, s = Ca(r), a = Object.keys(s);
   function l(y) {
     return `@media (min-width:${typeof r[y] == "number" ? r[y] : y}${t})`;
   }
@@ -1922,10 +1922,10 @@ function Ca(e) {
     ...o
   };
 }
-const wa = {
+const ka = {
   borderRadius: 4
 };
-function Yn(e = 8, r = zr({
+function Jn(e = 8, r = _r({
   spacing: e
 })) {
   if (e.mui)
@@ -1936,7 +1936,7 @@ function Yn(e = 8, r = zr({
   }).join(" "));
   return t.mui = !0, t;
 }
-function ka(e, r) {
+function Ta(e, r) {
   var n;
   const t = this;
   if (t.vars) {
@@ -1949,14 +1949,14 @@ function ka(e, r) {
   }
   return t.palette.mode === e ? r : {};
 }
-function Jn(e = {}, ...r) {
+function qn(e = {}, ...r) {
   const {
     breakpoints: t = {},
     palette: n = {},
     spacing: o,
     shape: s = {},
     ...a
-  } = e, l = Ca(t), c = Yn(o);
+  } = e, l = wa(t), c = Jn(o);
   let g = Pe({
     breakpoints: l,
     direction: "ltr",
@@ -1968,21 +1968,21 @@ function Jn(e = {}, ...r) {
     },
     spacing: c,
     shape: {
-      ...wa,
+      ...ka,
       ...s
     }
   }, a);
-  return g = wi(g), g.applyStyles = ka, g = r.reduce((f, m) => Pe(f, m), g), g.unstable_sxConfig = {
-    ...lr,
+  return g = ki(g), g.applyStyles = Ta, g = r.reduce((f, m) => Pe(f, m), g), g.unstable_sxConfig = {
+    ...dr,
     ...a == null ? void 0 : a.unstable_sxConfig
   }, g.unstable_sx = function(m) {
-    return xt({
+    return vt({
       sx: m,
       theme: this
     });
   }, g;
 }
-const Ta = {
+const Ra = {
   active: "active",
   checked: "checked",
   completed: "completed",
@@ -1996,86 +1996,86 @@ const Ta = {
   required: "required",
   selected: "selected"
 };
-function Lr(e, r, t = "Mui") {
-  const n = Ta[r];
-  return n ? `${t}-${n}` : `${si.generate(e)}-${r}`;
+function Nr(e, r, t = "Mui") {
+  const n = Ra[r];
+  return n ? `${t}-${n}` : `${li.generate(e)}-${r}`;
 }
-function Ra(e, r, t = "Mui") {
+function Ea(e, r, t = "Mui") {
   const n = {};
   return r.forEach((o) => {
-    n[o] = Lr(e, o, t);
+    n[o] = Nr(e, o, t);
   }), n;
 }
-function qn(e, r = "") {
+function Kn(e, r = "") {
   return e.displayName || e.name || r;
 }
-function Cn(e, r, t) {
-  const n = qn(r);
+function wn(e, r, t) {
+  const n = Kn(r);
   return e.displayName || (n !== "" ? `${t}(${n})` : t);
 }
-function Ea(e) {
+function Ha(e) {
   if (e != null) {
     if (typeof e == "string")
       return e;
     if (typeof e == "function")
-      return qn(e, "Component");
+      return Kn(e, "Component");
     if (typeof e == "object")
       switch (e.$$typeof) {
-        case Jt.ForwardRef:
-          return Cn(e, e.render, "ForwardRef");
-        case Jt.Memo:
-          return Cn(e, e.type, "memo");
+        case qt.ForwardRef:
+          return wn(e, e.render, "ForwardRef");
+        case qt.Memo:
+          return wn(e, e.type, "memo");
         default:
           return;
       }
   }
 }
-function Kn(e) {
+function Xn(e) {
   const {
     variants: r,
     ...t
   } = e, n = {
     variants: r,
-    style: it(t),
+    style: at(t),
     isProcessed: !0
   };
   return n.style === t || r && r.forEach((o) => {
-    typeof o.style != "function" && (o.style = it(o.style));
+    typeof o.style != "function" && (o.style = at(o.style));
   }), n;
 }
-const Ha = Jn();
-function Cr(e) {
+const Pa = qn();
+function wr(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-function ot(e, r) {
+function it(e, r) {
   return r && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${r}{${String(e.styles)}}`), e;
 }
-function Pa(e) {
+function $a(e) {
   return e ? (r, t) => t[e] : null;
 }
-function $a(e, r, t) {
-  e.theme = Oa(e.theme) ? t : e.theme[r] || e.theme;
+function Aa(e, r, t) {
+  e.theme = Da(e.theme) ? t : e.theme[r] || e.theme;
 }
-function Yt(e, r, t) {
+function Jt(e, r, t) {
   const n = typeof r == "function" ? r(e) : r;
   if (Array.isArray(n))
-    return n.flatMap((o) => Yt(e, o, t));
+    return n.flatMap((o) => Jt(e, o, t));
   if (Array.isArray(n == null ? void 0 : n.variants)) {
     let o;
     if (n.isProcessed)
-      o = t ? ot(n.style, t) : n.style;
+      o = t ? it(n.style, t) : n.style;
     else {
       const {
         variants: s,
         ...a
       } = n;
-      o = t ? ot(it(a), t) : a;
+      o = t ? it(at(a), t) : a;
     }
-    return Xn(e, n.variants, [o], t);
+    return Qn(e, n.variants, [o], t);
   }
-  return n != null && n.isProcessed ? t ? ot(it(n.style), t) : n.style : t ? ot(it(n), t) : n;
+  return n != null && n.isProcessed ? t ? it(at(n.style), t) : n.style : t ? it(at(n), t) : n;
 }
-function Xn(e, r, t = [], n = void 0) {
+function Qn(e, r, t = [], n = void 0) {
   var s;
   let o;
   e: for (let a = 0; a < r.length; a += 1) {
@@ -2095,22 +2095,22 @@ function Xn(e, r, t = [], n = void 0) {
       ...e,
       ...e.ownerState,
       ownerState: e.ownerState
-    }), t.push(n ? ot(it(l.style(o)), n) : l.style(o))) : t.push(n ? ot(it(l.style), n) : l.style);
+    }), t.push(n ? it(at(l.style(o)), n) : l.style(o))) : t.push(n ? it(at(l.style), n) : l.style);
   }
   return t;
 }
-function Aa(e = {}) {
+function Ia(e = {}) {
   const {
     themeId: r,
-    defaultTheme: t = Ha,
-    rootShouldForwardProp: n = Cr,
-    slotShouldForwardProp: o = Cr
+    defaultTheme: t = Pa,
+    rootShouldForwardProp: n = wr,
+    slotShouldForwardProp: o = wr
   } = e;
   function s(l) {
-    $a(l, r, t);
+    Aa(l, r, t);
   }
   return (l, c = {}) => {
-    va(l, (R) => R.filter((z) => z !== xt));
+    Sa(l, (R) => R.filter((z) => z !== vt));
     const {
       name: g,
       slot: f,
@@ -2118,30 +2118,30 @@ function Aa(e = {}) {
       skipSx: y,
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
-      overridesResolver: h = Pa(Qn(f)),
+      overridesResolver: h = $a(Zn(f)),
       ...x
     } = c, u = g && g.startsWith("Mui") || f ? "components" : "custom", b = m !== void 0 ? m : (
       // TODO v6: remove `Root` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       f && f !== "Root" && f !== "root" || !1
     ), v = y || !1;
-    let $ = Cr;
-    f === "Root" || f === "root" ? $ = n : f ? $ = o : Da(l) && ($ = void 0);
-    const H = xa(l, {
+    let $ = wr;
+    f === "Root" || f === "root" ? $ = n : f ? $ = o : Ma(l) && ($ = void 0);
+    const H = va(l, {
       shouldForwardProp: $,
-      label: Ba(g, f),
+      label: Oa(g, f),
       ...x
     }), C = (R) => {
       if (R.__emotion_real === R)
         return R;
       if (typeof R == "function")
         return function(I) {
-          return Yt(I, R, I.theme.modularCssLayers ? u : void 0);
+          return Jt(I, R, I.theme.modularCssLayers ? u : void 0);
         };
       if (We(R)) {
-        const z = Kn(R);
+        const z = Xn(R);
         return function(X) {
-          return z.variants ? Yt(X, z, X.theme.modularCssLayers ? u : void 0) : X.theme.modularCssLayers ? ot(z.style, u) : z.style;
+          return z.variants ? Jt(X, z, X.theme.modularCssLayers ? u : void 0) : X.theme.modularCssLayers ? it(z.style, u) : z.style;
         };
       }
       return R;
@@ -2154,45 +2154,45 @@ function Aa(e = {}) {
           return null;
         const N = {};
         for (const J in L)
-          N[J] = Yt(B, L[J], B.theme.modularCssLayers ? "theme" : void 0);
+          N[J] = Jt(B, L[J], B.theme.modularCssLayers ? "theme" : void 0);
         return h(B, N);
       }), g && !b && X.push(function(B) {
         var N, K;
         const A = B.theme, L = (K = (N = A == null ? void 0 : A.components) == null ? void 0 : N[g]) == null ? void 0 : K.variants;
-        return L ? Xn(B, L, [], B.theme.modularCssLayers ? "theme" : void 0) : null;
-      }), v || X.push(xt), Array.isArray(I[0])) {
+        return L ? Qn(B, L, [], B.theme.modularCssLayers ? "theme" : void 0) : null;
+      }), v || X.push(vt), Array.isArray(I[0])) {
         const d = I.shift(), B = new Array(z.length).fill(""), A = new Array(X.length).fill("");
         let L;
         L = [...B, ...d, ...A], L.raw = [...B, ...d.raw, ...A], z.unshift(L);
       }
       const Q = [...z, ...I, ...X], Y = H(...Q);
-      return l.muiName && (Y.muiName = l.muiName), process.env.NODE_ENV !== "production" && (Y.displayName = Ia(g, f, l)), Y;
+      return l.muiName && (Y.muiName = l.muiName), process.env.NODE_ENV !== "production" && (Y.displayName = Ba(g, f, l)), Y;
     };
     return H.withConfig && (k.withConfig = H.withConfig), k;
   };
 }
-function Ia(e, r, t) {
-  return e ? `${e}${st(r || "")}` : `Styled(${Ea(t)})`;
+function Ba(e, r, t) {
+  return e ? `${e}${lt(r || "")}` : `Styled(${Ha(t)})`;
 }
-function Ba(e, r) {
+function Oa(e, r) {
   let t;
-  return process.env.NODE_ENV !== "production" && e && (t = `${e}-${Qn(r || "Root")}`), t;
+  return process.env.NODE_ENV !== "production" && e && (t = `${e}-${Zn(r || "Root")}`), t;
 }
-function Oa(e) {
+function Da(e) {
   for (const r in e)
     return !1;
   return !0;
 }
-function Da(e) {
+function Ma(e) {
   return typeof e == "string" && // 96 is one less than the char code
   // for "a" so this is checking that
   // it's a lowercase character
   e.charCodeAt(0) > 96;
 }
-function Qn(e) {
+function Zn(e) {
   return e && e.charAt(0).toLowerCase() + e.slice(1);
 }
-function $r(e, r, t = !1) {
+function Ar(e, r, t = !1) {
   const n = {
     ...r
   };
@@ -2217,42 +2217,42 @@ function $r(e, r, t = !1) {
           for (const c in a)
             if (Object.prototype.hasOwnProperty.call(a, c)) {
               const g = c;
-              n[s][g] = $r(a[g], l[g], t);
+              n[s][g] = Ar(a[g], l[g], t);
             }
         }
-      } else s === "className" && t && r.className ? n.className = jn(e == null ? void 0 : e.className, r == null ? void 0 : r.className) : s === "style" && t && r.style ? n.style = {
+      } else s === "className" && t && r.className ? n.className = Vn(e == null ? void 0 : e.className, r == null ? void 0 : r.className) : s === "style" && t && r.style ? n.style = {
         ...e == null ? void 0 : e.style,
         ...r == null ? void 0 : r.style
       } : n[s] === void 0 && (n[s] = e[s]);
     }
   return n;
 }
-function Ma(e, r = Number.MIN_SAFE_INTEGER, t = Number.MAX_SAFE_INTEGER) {
+function Fa(e, r = Number.MIN_SAFE_INTEGER, t = Number.MAX_SAFE_INTEGER) {
   return Math.max(r, Math.min(e, t));
 }
-function Nr(e, r = 0, t = 1) {
-  return process.env.NODE_ENV !== "production" && (e < r || e > t) && console.error(`MUI: The value provided ${e} is out of range [${r}, ${t}].`), Ma(e, r, t);
+function jr(e, r = 0, t = 1) {
+  return process.env.NODE_ENV !== "production" && (e < r || e > t) && console.error(`MUI: The value provided ${e} is out of range [${r}, ${t}].`), Fa(e, r, t);
 }
-function Fa(e) {
+function Wa(e) {
   e = e.slice(1);
   const r = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
   let t = e.match(r);
   return t && t[0].length === 1 && (t = t.map((n) => n + n)), process.env.NODE_ENV !== "production" && e.length !== e.trim().length && console.error(`MUI: The color: "${e}" is invalid. Make sure the color input doesn't contain leading/trailing space.`), t ? `rgb${t.length === 4 ? "a" : ""}(${t.map((n, o) => o < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
 }
-function qe(e) {
+function Ke(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return qe(Fa(e));
+    return Ke(Wa(e));
   const r = e.indexOf("("), t = e.substring(0, r);
   if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(t))
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
-The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : at(9, e));
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : st(9, e));
   let n = e.substring(r + 1, e.length - 1), o;
   if (t === "color") {
     if (n = n.split(" "), o = n.shift(), n.length === 4 && n[3].charAt(0) === "/" && (n[3] = n[3].slice(1)), !["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].includes(o))
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${o}\` color space.
-The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : at(10, o));
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : st(10, o));
   } else
     n = n.split(",");
   return n = n.map((s) => parseFloat(s)), {
@@ -2261,17 +2261,17 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     colorSpace: o
   };
 }
-const Wa = (e) => {
-  const r = qe(e);
+const za = (e) => {
+  const r = Ke(e);
   return r.values.slice(0, 3).map((t, n) => r.type.includes("hsl") && n !== 0 ? `${t}%` : t).join(" ");
-}, kt = (e, r) => {
+}, Tt = (e, r) => {
   try {
-    return Wa(e);
+    return za(e);
   } catch {
     return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
 };
-function dr(e) {
+function cr(e) {
   const {
     type: r,
     colorSpace: t
@@ -2281,54 +2281,54 @@ function dr(e) {
   } = e;
   return r.includes("rgb") ? n = n.map((o, s) => s < 3 ? parseInt(o, 10) : o) : r.includes("hsl") && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), r.includes("color") ? n = `${t} ${n.join(" ")}` : n = `${n.join(", ")}`, `${r}(${n})`;
 }
-function Zn(e) {
-  e = qe(e);
+function eo(e) {
+  e = Ke(e);
   const {
     values: r
   } = e, t = r[0], n = r[1] / 100, o = r[2] / 100, s = n * Math.min(o, 1 - o), a = (g, f = (g + t / 30) % 12) => o - s * Math.max(Math.min(f - 3, 9 - f, 1), -1);
   let l = "rgb";
   const c = [Math.round(a(0) * 255), Math.round(a(8) * 255), Math.round(a(4) * 255)];
-  return e.type === "hsla" && (l += "a", c.push(r[3])), dr({
+  return e.type === "hsla" && (l += "a", c.push(r[3])), cr({
     type: l,
     values: c
   });
 }
-function Ar(e) {
-  e = qe(e);
-  let r = e.type === "hsl" || e.type === "hsla" ? qe(Zn(e)).values : e.values;
+function Ir(e) {
+  e = Ke(e);
+  let r = e.type === "hsl" || e.type === "hsla" ? Ke(eo(e)).values : e.values;
   return r = r.map((t) => (e.type !== "color" && (t /= 255), t <= 0.03928 ? t / 12.92 : ((t + 0.055) / 1.055) ** 2.4)), Number((0.2126 * r[0] + 0.7152 * r[1] + 0.0722 * r[2]).toFixed(3));
 }
-function wn(e, r) {
-  const t = Ar(e), n = Ar(r);
+function kn(e, r) {
+  const t = Ir(e), n = Ir(r);
   return (Math.max(t, n) + 0.05) / (Math.min(t, n) + 0.05);
 }
-function eo(e, r) {
-  return e = qe(e), r = Nr(r), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${r}` : e.values[3] = r, dr(e);
+function to(e, r) {
+  return e = Ke(e), r = jr(r), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${r}` : e.values[3] = r, cr(e);
 }
-function tt(e, r, t) {
+function rt(e, r, t) {
   try {
-    return eo(e, r);
+    return to(e, r);
   } catch {
     return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
   }
 }
-function cr(e, r) {
-  if (e = qe(e), r = Nr(r), e.type.includes("hsl"))
+function pr(e, r) {
+  if (e = Ke(e), r = jr(r), e.type.includes("hsl"))
     e.values[2] *= 1 - r;
   else if (e.type.includes("rgb") || e.type.includes("color"))
     for (let t = 0; t < 3; t += 1)
       e.values[t] *= 1 - r;
-  return dr(e);
+  return cr(e);
 }
 function ie(e, r, t) {
   try {
-    return cr(e, r);
+    return pr(e, r);
   } catch {
     return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
   }
 }
-function pr(e, r) {
-  if (e = qe(e), r = Nr(r), e.type.includes("hsl"))
+function ur(e, r) {
+  if (e = Ke(e), r = jr(r), e.type.includes("hsl"))
     e.values[2] += (100 - e.values[2]) * r;
   else if (e.type.includes("rgb"))
     for (let t = 0; t < 3; t += 1)
@@ -2336,28 +2336,28 @@ function pr(e, r) {
   else if (e.type.includes("color"))
     for (let t = 0; t < 3; t += 1)
       e.values[t] += (1 - e.values[t]) * r;
-  return dr(e);
+  return cr(e);
 }
 function ae(e, r, t) {
   try {
-    return pr(e, r);
+    return ur(e, r);
   } catch {
     return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
   }
 }
-function za(e, r = 0.15) {
-  return Ar(e) > 0.5 ? cr(e, r) : pr(e, r);
+function _a(e, r = 0.15) {
+  return Ir(e) > 0.5 ? pr(e, r) : ur(e, r);
 }
-function jt(e, r, t) {
+function Vt(e, r, t) {
   try {
-    return za(e, r);
+    return _a(e, r);
   } catch {
     return e;
   }
 }
-const _a = /* @__PURE__ */ Je.createContext(void 0);
+const La = /* @__PURE__ */ qe.createContext(void 0);
 process.env.NODE_ENV !== "production" && (re.node, re.object);
-function La(e) {
+function Na(e) {
   const {
     theme: r,
     name: t,
@@ -2366,14 +2366,14 @@ function La(e) {
   if (!r || !r.components || !r.components[t])
     return n;
   const o = r.components[t];
-  return o.defaultProps ? $r(o.defaultProps, n, r.components.mergeClassNameAndStyle) : !o.styleOverrides && !o.variants ? $r(o, n, r.components.mergeClassNameAndStyle) : n;
+  return o.defaultProps ? Ar(o.defaultProps, n, r.components.mergeClassNameAndStyle) : !o.styleOverrides && !o.variants ? Ar(o, n, r.components.mergeClassNameAndStyle) : n;
 }
-function Na({
+function ja({
   props: e,
   name: r
 }) {
-  const t = Je.useContext(_a);
-  return La({
+  const t = qe.useContext(La);
+  return Na({
     props: e,
     name: r,
     theme: {
@@ -2381,17 +2381,17 @@ function Na({
     }
   });
 }
-const kn = {
+const Tn = {
   theme: void 0
 };
-function ja(e) {
+function Va(e) {
   let r, t;
   return function(o) {
     let s = r;
-    return (s === void 0 || o.theme !== t) && (kn.theme = o.theme, s = Kn(e(kn)), r = s, t = o.theme), s;
+    return (s === void 0 || o.theme !== t) && (Tn.theme = o.theme, s = Xn(e(Tn)), r = s, t = o.theme), s;
   };
 }
-function Va(e = "") {
+function Ua(e = "") {
   function r(...n) {
     if (!n.length)
       return "";
@@ -2400,32 +2400,32 @@ function Va(e = "") {
   }
   return (n, ...o) => `var(--${e ? `${e}-` : ""}${n}${r(...o)})`;
 }
-const Tn = (e, r, t, n = []) => {
+const Rn = (e, r, t, n = []) => {
   let o = e;
   r.forEach((s, a) => {
     a === r.length - 1 ? Array.isArray(o) ? o[Number(s)] = t : o && typeof o == "object" && (o[s] = t) : o && typeof o == "object" && (o[s] || (o[s] = n.includes(s) ? [] : {}), o = o[s]);
   });
-}, Ua = (e, r, t) => {
+}, Ga = (e, r, t) => {
   function n(o, s = [], a = []) {
     Object.entries(o).forEach(([l, c]) => {
       (!t || t && !t([...s, l])) && c != null && (typeof c == "object" && Object.keys(c).length > 0 ? n(c, [...s, l], Array.isArray(c) ? [...a, l] : a) : r([...s, l], c, a));
     });
   }
   n(e);
-}, Ga = (e, r) => typeof r == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((n) => e.includes(n)) || e[e.length - 1].toLowerCase().includes("opacity") ? r : `${r}px` : r;
-function wr(e, r) {
+}, Ya = (e, r) => typeof r == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((n) => e.includes(n)) || e[e.length - 1].toLowerCase().includes("opacity") ? r : `${r}px` : r;
+function kr(e, r) {
   const {
     prefix: t,
     shouldSkipGeneratingVar: n
   } = r || {}, o = {}, s = {}, a = {};
-  return Ua(
+  return Ga(
     e,
     (l, c, g) => {
       if ((typeof c == "string" || typeof c == "number") && (!n || !n(l, c))) {
-        const f = `--${t ? `${t}-` : ""}${l.join("-")}`, m = Ga(l, c);
+        const f = `--${t ? `${t}-` : ""}${l.join("-")}`, m = Ya(l, c);
         Object.assign(o, {
           [f]: m
-        }), Tn(s, l, `var(${f})`, g), Tn(a, l, `var(${f}, ${m})`, g);
+        }), Rn(s, l, `var(${f})`, g), Rn(a, l, `var(${f}, ${m})`, g);
       }
     },
     (l) => l[0] === "vars"
@@ -2436,7 +2436,7 @@ function wr(e, r) {
     varsWithDefaults: a
   };
 }
-function Ya(e, r = {}) {
+function Ja(e, r = {}) {
   const {
     getSelector: t = v,
     disableCssColorScheme: n,
@@ -2451,7 +2451,7 @@ function Ya(e, r = {}) {
     vars: f,
     css: m,
     varsWithDefaults: y
-  } = wr(g, r);
+  } = kr(g, r);
   let h = y;
   const x = {}, {
     [c]: u,
@@ -2462,7 +2462,7 @@ function Ya(e, r = {}) {
       vars: R,
       css: z,
       varsWithDefaults: I
-    } = wr(k, r);
+    } = kr(k, r);
     h = Pe(h, I), x[C] = {
       css: z,
       vars: R
@@ -2472,7 +2472,7 @@ function Ya(e, r = {}) {
       css: C,
       vars: k,
       varsWithDefaults: R
-    } = wr(u, r);
+    } = kr(u, r);
     h = Pe(h, R), x[c] = {
       css: C,
       vars: k
@@ -2560,15 +2560,15 @@ function Ya(e, r = {}) {
     }
   };
 }
-function Ja(e) {
+function qa(e) {
   return function(t) {
     return e === "media" ? (process.env.NODE_ENV !== "production" && t !== "light" && t !== "dark" && console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${t}'.`), `@media (prefers-color-scheme: ${t})`) : e ? e.startsWith("data-") && !e.includes("%s") ? `[${e}="${t}"] &` : e === "class" ? `.${t} &` : e === "data" ? `[data-${t}] &` : `${e.replace("%s", t)} &` : "&";
   };
 }
-const Ht = {
+const Pt = {
   black: "#000",
   white: "#fff"
-}, qa = {
+}, Ka = {
   50: "#fafafa",
   100: "#f5f5f5",
   200: "#eeeeee",
@@ -2583,38 +2583,38 @@ const Ht = {
   A200: "#eeeeee",
   A400: "#bdbdbd",
   A700: "#616161"
-}, dt = {
+}, ct = {
   50: "#f3e5f5",
   200: "#ce93d8",
   300: "#ba68c8",
   400: "#ab47bc",
   500: "#9c27b0",
   700: "#7b1fa2"
-}, ct = {
+}, pt = {
   300: "#e57373",
   400: "#ef5350",
   500: "#f44336",
   700: "#d32f2f",
   800: "#c62828"
-}, wt = {
+}, kt = {
   300: "#ffb74d",
   400: "#ffa726",
   500: "#ff9800",
   700: "#f57c00",
   900: "#e65100"
-}, pt = {
+}, ut = {
   50: "#e3f2fd",
   200: "#90caf9",
   400: "#42a5f5",
   700: "#1976d2",
   800: "#1565c0"
-}, ut = {
+}, ft = {
   300: "#4fc3f7",
   400: "#29b6f6",
   500: "#03a9f4",
   700: "#0288d1",
   900: "#01579b"
-}, ft = {
+}, ht = {
   300: "#81c784",
   400: "#66bb6a",
   500: "#4caf50",
@@ -2622,7 +2622,7 @@ const Ht = {
   800: "#2e7d32",
   900: "#1b5e20"
 };
-function to() {
+function ro() {
   return {
     // The colors used to style the text.
     text: {
@@ -2638,8 +2638,8 @@ function to() {
     // The background colors used to style the surfaces.
     // Consistency between these values is important.
     background: {
-      paper: Ht.white,
-      default: Ht.white
+      paper: Pt.white,
+      default: Pt.white
     },
     // The colors used to style the action elements.
     action: {
@@ -2662,11 +2662,11 @@ function to() {
     }
   };
 }
-const ro = to();
-function no() {
+const no = ro();
+function oo() {
   return {
     text: {
-      primary: Ht.white,
+      primary: Pt.white,
       secondary: "rgba(255, 255, 255, 0.7)",
       disabled: "rgba(255, 255, 255, 0.5)",
       icon: "rgba(255, 255, 255, 0.5)"
@@ -2677,7 +2677,7 @@ function no() {
       default: "#121212"
     },
     action: {
-      active: Ht.white,
+      active: Pt.white,
       hover: "rgba(255, 255, 255, 0.08)",
       hoverOpacity: 0.08,
       selected: "rgba(255, 255, 255, 0.16)",
@@ -2691,57 +2691,46 @@ function no() {
     }
   };
 }
-const Ir = no();
-function Rn(e, r, t, n) {
+const Br = oo();
+function En(e, r, t, n) {
   const o = n.light || n, s = n.dark || n * 1.5;
-  e[r] || (e.hasOwnProperty(t) ? e[r] = e[t] : r === "light" ? e.light = pr(e.main, o) : r === "dark" && (e.dark = cr(e.main, s)));
+  e[r] || (e.hasOwnProperty(t) ? e[r] = e[t] : r === "light" ? e.light = ur(e.main, o) : r === "dark" && (e.dark = pr(e.main, s)));
 }
-function En(e, r, t, n, o) {
+function Hn(e, r, t, n, o) {
   const s = o.light || o, a = o.dark || o * 1.5;
   r[t] || (r.hasOwnProperty(n) ? r[t] = r[n] : t === "light" ? r.light = `color-mix(in ${e}, ${r.main}, #fff ${(s * 100).toFixed(0)}%)` : t === "dark" && (r.dark = `color-mix(in ${e}, ${r.main}, #000 ${(a * 100).toFixed(0)}%)`));
 }
-function Ka(e = "light") {
-  return e === "dark" ? {
-    main: pt[200],
-    light: pt[50],
-    dark: pt[400]
-  } : {
-    main: pt[700],
-    light: pt[400],
-    dark: pt[800]
-  };
-}
 function Xa(e = "light") {
   return e === "dark" ? {
-    main: dt[200],
-    light: dt[50],
-    dark: dt[400]
+    main: ut[200],
+    light: ut[50],
+    dark: ut[400]
   } : {
-    main: dt[500],
-    light: dt[300],
-    dark: dt[700]
+    main: ut[700],
+    light: ut[400],
+    dark: ut[800]
   };
 }
 function Qa(e = "light") {
   return e === "dark" ? {
+    main: ct[200],
+    light: ct[50],
+    dark: ct[400]
+  } : {
     main: ct[500],
     light: ct[300],
     dark: ct[700]
-  } : {
-    main: ct[700],
-    light: ct[400],
-    dark: ct[800]
   };
 }
 function Za(e = "light") {
   return e === "dark" ? {
-    main: ut[400],
-    light: ut[300],
-    dark: ut[700]
+    main: pt[500],
+    light: pt[300],
+    dark: pt[700]
   } : {
-    main: ut[700],
-    light: ut[500],
-    dark: ut[900]
+    main: pt[700],
+    light: pt[400],
+    dark: pt[800]
   };
 }
 function es(e = "light") {
@@ -2750,40 +2739,51 @@ function es(e = "light") {
     light: ft[300],
     dark: ft[700]
   } : {
-    main: ft[800],
+    main: ft[700],
     light: ft[500],
     dark: ft[900]
   };
 }
 function ts(e = "light") {
   return e === "dark" ? {
-    main: wt[400],
-    light: wt[300],
-    dark: wt[700]
+    main: ht[400],
+    light: ht[300],
+    dark: ht[700]
+  } : {
+    main: ht[800],
+    light: ht[500],
+    dark: ht[900]
+  };
+}
+function rs(e = "light") {
+  return e === "dark" ? {
+    main: kt[400],
+    light: kt[300],
+    dark: kt[700]
   } : {
     main: "#ed6c02",
     // closest to orange[800] that pass 3:1.
-    light: wt[500],
-    dark: wt[900]
+    light: kt[500],
+    dark: kt[900]
   };
 }
-function rs(e) {
+function ns(e) {
   return `oklch(from ${e} var(--__l) 0 h / var(--__a))`;
 }
-function jr(e) {
+function Vr(e) {
   const {
     mode: r = "light",
     contrastThreshold: t = 3,
     tonalOffset: n = 0.2,
     colorSpace: o,
     ...s
-  } = e, a = e.primary || Ka(r), l = e.secondary || Xa(r), c = e.error || Qa(r), g = e.info || Za(r), f = e.success || es(r), m = e.warning || ts(r);
+  } = e, a = e.primary || Xa(r), l = e.secondary || Qa(r), c = e.error || Za(r), g = e.info || es(r), f = e.success || ts(r), m = e.warning || rs(r);
   function y(b) {
     if (o)
-      return rs(b);
-    const v = wn(b, Ir.text.primary) >= t ? Ir.text.primary : ro.text.primary;
+      return ns(b);
+    const v = kn(b, Br.text.primary) >= t ? Br.text.primary : no.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const $ = wn(b, v);
+      const $ = kn(b, v);
       $ < 3 && console.error([`MUI: The contrast ratio of ${$}:1 for ${v} on ${b}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
 `));
     }
@@ -2800,7 +2800,7 @@ function jr(e) {
       ...b
     }, !b.main && b[$] && (b.main = b[$]), !b.hasOwnProperty("main"))
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${v ? ` (${v})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${$}\` property.` : at(11, v ? ` (${v})` : "", $));
+The color object needs to have a \`main\` property or a \`${$}\` property.` : st(11, v ? ` (${v})` : "", $));
     if (typeof b.main != "string")
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${v ? ` (${v})` : ""} provided to augmentColor(color) is invalid.
 \`color.main\` should be a string, but \`${JSON.stringify(b.main)}\` was provided instead.
@@ -2815,14 +2815,14 @@ const theme1 = createTheme({ palette: {
 
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
-} });` : at(12, v ? ` (${v})` : "", JSON.stringify(b.main)));
-    return o ? (En(o, b, "light", H, n), En(o, b, "dark", C, n)) : (Rn(b, "light", H, n), Rn(b, "dark", C, n)), b.contrastText || (b.contrastText = y(b.main)), b;
+} });` : st(12, v ? ` (${v})` : "", JSON.stringify(b.main)));
+    return o ? (Hn(o, b, "light", H, n), Hn(o, b, "dark", C, n)) : (En(b, "light", H, n), En(b, "dark", C, n)), b.contrastText || (b.contrastText = y(b.main)), b;
   };
   let x;
-  return r === "light" ? x = to() : r === "dark" && (x = no()), process.env.NODE_ENV !== "production" && (x || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), Pe({
+  return r === "light" ? x = ro() : r === "dark" && (x = oo()), process.env.NODE_ENV !== "production" && (x || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), Pe({
     // A collection of common colors.
     common: {
-      ...Ht
+      ...Pt
     },
     // prevent mutable object.
     // The palette mode, can be light or dark.
@@ -2861,7 +2861,7 @@ const theme2 = createTheme({ palette: {
       name: "success"
     }),
     // The grey colors.
-    grey: qa,
+    grey: Ka,
     // Used by `getContrastText()` to maximize the contrast between
     // the background and the text.
     contrastThreshold: t,
@@ -2877,14 +2877,14 @@ const theme2 = createTheme({ palette: {
     ...x
   }, s);
 }
-function ns(e) {
+function os(e) {
   const r = {};
   return Object.entries(e).forEach((n) => {
     const [o, s] = n;
     typeof s == "object" && (r[o] = `${s.fontStyle ? `${s.fontStyle} ` : ""}${s.fontVariant ? `${s.fontVariant} ` : ""}${s.fontWeight ? `${s.fontWeight} ` : ""}${s.fontStretch ? `${s.fontStretch} ` : ""}${s.fontSize || ""}${s.lineHeight ? `/${s.lineHeight} ` : ""}${s.fontFamily || ""}`);
   }), r;
 }
-function os(e, r) {
+function is(e, r) {
   return {
     toolbar: {
       minHeight: 56,
@@ -2900,15 +2900,15 @@ function os(e, r) {
     ...r
   };
 }
-function is(e) {
+function as(e) {
   return Math.round(e * 1e5) / 1e5;
 }
-const Hn = {
+const Pn = {
   textTransform: "uppercase"
-}, Pn = '"Roboto", "Helvetica", "Arial", sans-serif';
-function as(e, r) {
+}, $n = '"Roboto", "Helvetica", "Arial", sans-serif';
+function ss(e, r) {
   const {
-    fontFamily: t = Pn,
+    fontFamily: t = $n,
     // The default font size of the Material Specification.
     fontSize: n = 14,
     // px
@@ -2933,8 +2933,8 @@ function as(e, r) {
     lineHeight: $,
     // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
     // across font-families can cause issues with the kerning.
-    ...t === Pn ? {
-      letterSpacing: `${is(H / v)}em`
+    ...t === $n ? {
+      letterSpacing: `${as(H / v)}em`
     } : {},
     ...C,
     ...g
@@ -2949,9 +2949,9 @@ function as(e, r) {
     subtitle2: x(a, 14, 1.57, 0.1),
     body1: x(s, 16, 1.5, 0.15),
     body2: x(s, 14, 1.43, 0.15),
-    button: x(a, 14, 1.75, 0.4, Hn),
+    button: x(a, 14, 1.75, 0.4, Pn),
     caption: x(s, 12, 1.66, 0.4),
-    overline: x(s, 12, 2.66, 1, Hn),
+    overline: x(s, 12, 2.66, 1, Pn),
     // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.
     inherit: {
       fontFamily: "inherit",
@@ -2976,11 +2976,11 @@ function as(e, r) {
     // No need to clone deep
   });
 }
-const ss = 0.2, ls = 0.14, ds = 0.12;
-function de(...e) {
-  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${ss})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${ls})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${ds})`].join(",");
+const ls = 0.2, ds = 0.14, cs = 0.12;
+function ce(...e) {
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${ls})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${ds})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${cs})`].join(",");
 }
-const cs = ["none", de(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), de(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), de(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), de(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), de(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), de(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), de(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), de(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), de(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), de(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), de(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), de(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), de(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), de(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), de(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), de(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), de(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), de(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), de(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), de(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), de(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), de(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), de(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), de(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], ps = {
+const ps = ["none", ce(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), ce(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), ce(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), ce(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), ce(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), ce(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), ce(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), ce(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), ce(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), ce(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), ce(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), ce(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), ce(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), ce(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), ce(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), ce(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), ce(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), ce(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), ce(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), ce(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), ce(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), ce(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), ce(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), ce(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], us = {
   // This is the most common easing curve.
   easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
   // Objects enter the screen at full velocity from off-screen and
@@ -2990,7 +2990,7 @@ const cs = ["none", de(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), de(0, 3, 1, -2, 0,
   easeIn: "cubic-bezier(0.4, 0, 1, 1)",
   // The sharp curve is used by objects that may return to the screen at any time.
   sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
-}, us = {
+}, fs = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -3003,25 +3003,25 @@ const cs = ["none", de(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), de(0, 3, 1, -2, 0,
   // recommended when something is leaving screen
   leavingScreen: 195
 };
-function $n(e) {
+function An(e) {
   return `${Math.round(e)}ms`;
 }
-function fs(e) {
+function hs(e) {
   if (!e)
     return 0;
   const r = e / 36;
   return Math.min(Math.round((4 + 15 * r ** 0.25 + r / 5) * 10), 3e3);
 }
-function hs(e) {
+function gs(e) {
   const r = {
-    ...ps,
+    ...us,
     ...e.easing
   }, t = {
-    ...us,
+    ...fs,
     ...e.duration
   };
   return {
-    getAutoHeightDuration: fs,
+    getAutoHeightDuration: hs,
     create: (o = ["all"], s = {}) => {
       const {
         duration: a = t.standard,
@@ -3034,14 +3034,14 @@ function hs(e) {
         !f(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !m(a) && !f(a) && console.error(`MUI: Argument "duration" must be a number or a string but found ${a}.`), f(l) || console.error('MUI: Argument "easing" must be a string.'), !m(c) && !f(c) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof s != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
 `)), Object.keys(g).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(g).join(",")}].`);
       }
-      return (Array.isArray(o) ? o : [o]).map((f) => `${f} ${typeof a == "string" ? a : $n(a)} ${l} ${typeof c == "string" ? c : $n(c)}`).join(",");
+      return (Array.isArray(o) ? o : [o]).map((f) => `${f} ${typeof a == "string" ? a : An(a)} ${l} ${typeof c == "string" ? c : An(c)}`).join(",");
     },
     ...e,
     easing: r,
     duration: t
   };
 }
-const gs = {
+const ms = {
   mobileStepper: 1e3,
   fab: 1050,
   speedDial: 1050,
@@ -3051,10 +3051,10 @@ const gs = {
   snackbar: 1400,
   tooltip: 1500
 };
-function ms(e) {
+function ys(e) {
   return We(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
 }
-function oo(e = {}) {
+function io(e = {}) {
   const r = {
     ...e
   };
@@ -3062,7 +3062,7 @@ function oo(e = {}) {
     const o = Object.entries(n);
     for (let s = 0; s < o.length; s++) {
       const [a, l] = o[s];
-      !ms(l) || a.startsWith("unstable_") ? delete n[a] : We(l) && (n[a] = {
+      !ys(l) || a.startsWith("unstable_") ? delete n[a] : We(l) && (n[a] = {
         ...l
       }, t(n[a]));
     }
@@ -3076,10 +3076,10 @@ theme.transitions = createTransitions(theme.transitions || {});
 
 export default theme;`;
 }
-function An(e) {
+function In(e) {
   return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
 }
-const ys = (e) => {
+const bs = (e) => {
   if (!Number.isNaN(+e))
     return +e;
   const r = e.match(/\d*\.?\d+/g);
@@ -3090,23 +3090,23 @@ const ys = (e) => {
     t += +r[n];
   return t;
 };
-function bs(e) {
+function xs(e) {
   Object.assign(e, {
     alpha(r, t) {
       const n = this || e;
-      return n.colorSpace ? `oklch(from ${r} l c h / ${typeof t == "string" ? `calc(${t})` : t})` : n.vars ? `rgba(${r.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof t == "string" ? `calc(${t})` : t})` : eo(r, ys(t));
+      return n.colorSpace ? `oklch(from ${r} l c h / ${typeof t == "string" ? `calc(${t})` : t})` : n.vars ? `rgba(${r.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof t == "string" ? `calc(${t})` : t})` : to(r, bs(t));
     },
     lighten(r, t) {
       const n = this || e;
-      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${r}, #fff ${An(t)})` : pr(r, t);
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${r}, #fff ${In(t)})` : ur(r, t);
     },
     darken(r, t) {
       const n = this || e;
-      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${r}, #000 ${An(t)})` : cr(r, t);
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${r}, #000 ${In(t)})` : pr(r, t);
     }
   });
 }
-function Br(e = {}, ...r) {
+function Or(e = {}, ...r) {
   const {
     breakpoints: t,
     mixins: n = {},
@@ -3121,20 +3121,20 @@ function Br(e = {}, ...r) {
   if (e.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
   // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
   e.generateThemeVars === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://v7.mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : at(20));
-  const m = jr({
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://v7.mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : st(20));
+  const m = Vr({
     ...s,
     colorSpace: g
-  }), y = Jn(e);
+  }), y = qn(e);
   let h = Pe(y, {
-    mixins: os(y.breakpoints, n),
+    mixins: is(y.breakpoints, n),
     palette: m,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: cs.slice(),
-    typography: as(m, l),
-    transitions: hs(a),
+    shadows: ps.slice(),
+    typography: ss(m, l),
+    transitions: gs(a),
     zIndex: {
-      ...gs
+      ...ms
     }
   });
   if (h = Pe(h, f), h = r.reduce((x, u) => Pe(x, u), h), process.env.NODE_ENV !== "production") {
@@ -3144,7 +3144,7 @@ function Br(e = {}, ...r) {
         const H = b[$];
         if (x.includes($) && Object.keys(H).length > 0) {
           if (process.env.NODE_ENV !== "production") {
-            const C = Lr("", $);
+            const C = Nr("", $);
             console.error([`MUI: The \`${v}\` component increases the CSS specificity of the \`${$}\` internal state.`, "You can not override it like this: ", JSON.stringify(b, null, 2), "", `Instead, you need to use the '&.${C}' syntax:`, JSON.stringify({
               root: {
                 [`&.${C}`]: H
@@ -3162,26 +3162,26 @@ function Br(e = {}, ...r) {
     });
   }
   return h.unstable_sxConfig = {
-    ...lr,
+    ...dr,
     ...f == null ? void 0 : f.unstable_sxConfig
   }, h.unstable_sx = function(u) {
-    return xt({
+    return vt({
       sx: u,
       theme: this
     });
-  }, h.toRuntimeSource = oo, bs(h), h;
+  }, h.toRuntimeSource = io, xs(h), h;
 }
-function xs(e) {
+function vs(e) {
   let r;
   return e < 1 ? r = 5.11916 * e ** 2 : r = 4.5 * Math.log(e + 1) + 2, Math.round(r * 10) / 1e3;
 }
-const vs = [...Array(25)].map((e, r) => {
+const Ss = [...Array(25)].map((e, r) => {
   if (r === 0)
     return "none";
-  const t = xs(r);
+  const t = vs(r);
   return `linear-gradient(rgba(255 255 255 / ${t}), rgba(255 255 255 / ${t}))`;
 });
-function io(e) {
+function ao(e) {
   return {
     inputPlaceholder: e === "dark" ? 0.5 : 0.42,
     inputUnderline: e === "dark" ? 0.7 : 0.42,
@@ -3189,10 +3189,10 @@ function io(e) {
     switchTrack: e === "dark" ? 0.3 : 0.38
   };
 }
-function ao(e) {
-  return e === "dark" ? vs : [];
+function so(e) {
+  return e === "dark" ? Ss : [];
 }
-function Ss(e) {
+function Cs(e) {
   const {
     palette: r = {
       mode: "light"
@@ -3202,32 +3202,32 @@ function Ss(e) {
     overlays: n,
     colorSpace: o,
     ...s
-  } = e, a = jr({
+  } = e, a = Vr({
     ...r,
     colorSpace: o
   });
   return {
     palette: a,
     opacity: {
-      ...io(a.mode),
+      ...ao(a.mode),
       ...t
     },
-    overlays: n || ao(a.mode),
+    overlays: n || so(a.mode),
     ...s
   };
 }
-function Cs(e) {
+function ws(e) {
   var r;
   return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|modularCssLayers|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || // ends with sxConfig
   e[0] === "palette" && !!((r = e[1]) != null && r.match(/(mode|contrastThreshold|tonalOffset)/));
 }
-const ws = (e) => [...[...Array(25)].map((r, t) => `--${e ? `${e}-` : ""}overlays-${t}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], ks = (e) => (r, t) => {
+const ks = (e) => [...[...Array(25)].map((r, t) => `--${e ? `${e}-` : ""}overlays-${t}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], Ts = (e) => (r, t) => {
   const n = e.rootSelector || ":root", o = e.colorSchemeSelector;
   let s = o;
   if (o === "class" && (s = ".%s"), o === "data" && (s = "[data-%s]"), o != null && o.startsWith("data-") && !o.includes("%s") && (s = `[${o}="%s"]`), e.defaultColorScheme === r) {
     if (r === "dark") {
       const a = {};
-      return ws(e.cssVarPrefix).forEach((l) => {
+      return ks(e.cssVarPrefix).forEach((l) => {
         a[l] = t[l], delete t[l];
       }), s === "media" ? {
         [n]: t,
@@ -3258,7 +3258,7 @@ const ws = (e) => [...[...Array(25)].map((r, t) => `--${e ? `${e}-` : ""}overlay
   }
   return n;
 };
-function Ts(e, r) {
+function Rs(e, r) {
   r.forEach((t) => {
     e[t] || (e[t] = {});
   });
@@ -3266,14 +3266,14 @@ function Ts(e, r) {
 function T(e, r, t) {
   !e[r] && t && (e[r] = t);
 }
-function Tt(e) {
-  return typeof e != "string" || !e.startsWith("hsl") ? e : Zn(e);
+function Rt(e) {
+  return typeof e != "string" || !e.startsWith("hsl") ? e : eo(e);
 }
 function Me(e, r) {
-  `${r}Channel` in e || (e[`${r}Channel`] = kt(Tt(e[r]), `MUI: Can't create \`palette.${r}Channel\` because \`palette.${r}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
+  `${r}Channel` in e || (e[`${r}Channel`] = Tt(Rt(e[r]), `MUI: Can't create \`palette.${r}Channel\` because \`palette.${r}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
 To suppress this warning, you need to explicitly provide the \`palette.${r}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
 }
-function Rs(e) {
+function Es(e) {
   return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
 }
 const Be = (e) => {
@@ -3281,14 +3281,14 @@ const Be = (e) => {
     return e();
   } catch {
   }
-}, Es = (e = "mui") => Va(e);
-function kr(e, r, t, n, o) {
+}, Hs = (e = "mui") => Ua(e);
+function Tr(e, r, t, n, o) {
   if (!t)
     return;
   t = t === !0 ? {} : t;
   const s = o === "dark" ? "dark" : "light";
   if (!n) {
-    r[o] = Ss({
+    r[o] = Cs({
       ...t,
       palette: {
         mode: s,
@@ -3301,7 +3301,7 @@ function kr(e, r, t, n, o) {
   const {
     palette: a,
     ...l
-  } = Br({
+  } = Or({
     ...n,
     palette: {
       mode: s,
@@ -3313,13 +3313,13 @@ function kr(e, r, t, n, o) {
     ...t,
     palette: a,
     opacity: {
-      ...io(s),
+      ...ao(s),
       ...t == null ? void 0 : t.opacity
     },
-    overlays: (t == null ? void 0 : t.overlays) || ao(s)
+    overlays: (t == null ? void 0 : t.overlays) || so(s)
   }, l;
 }
-function Hs(e = {}, ...r) {
+function Ps(e = {}, ...r) {
   const {
     colorSchemes: t = {
       light: !0
@@ -3328,11 +3328,11 @@ function Hs(e = {}, ...r) {
     disableCssColorScheme: o = !1,
     cssVarPrefix: s = "mui",
     nativeColor: a = !1,
-    shouldSkipGeneratingVar: l = Cs,
+    shouldSkipGeneratingVar: l = ws,
     colorSchemeSelector: c = t.light && t.dark ? "media" : void 0,
     rootSelector: g = ":root",
     ...f
-  } = e, m = Object.keys(t)[0], y = n || (t.light && m !== "light" ? "light" : m), h = Es(s), {
+  } = e, m = Object.keys(t)[0], y = n || (t.light && m !== "light" ? "light" : m), h = Hs(s), {
     [y]: x,
     light: u,
     dark: b,
@@ -3342,11 +3342,11 @@ function Hs(e = {}, ...r) {
   };
   let H = x;
   if ((y === "dark" && !("dark" in t) || y === "light" && !("light" in t)) && (H = !0), !H)
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${y}\` option is either missing or invalid.` : at(21, y));
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${y}\` option is either missing or invalid.` : st(21, y));
   let C;
   a && (C = "oklch");
-  const k = kr(C, $, H, f, y);
-  u && !$.light && kr(C, $, u, void 0, "light"), b && !$.dark && kr(C, $, b, void 0, "dark");
+  const k = Tr(C, $, H, f, y);
+  u && !$.light && Tr(C, $, u, void 0, "light"), b && !$.dark && Tr(C, $, b, void 0, "dark");
   let R = {
     defaultColorScheme: y,
     ...k,
@@ -3356,10 +3356,10 @@ function Hs(e = {}, ...r) {
     getCssVar: h,
     colorSchemes: $,
     font: {
-      ...ns(k.typography),
+      ...os(k.typography),
       ...k.font
     },
-    spacing: Rs(f.spacing)
+    spacing: Es(f.spacing)
   };
   Object.keys(R.colorSchemes).forEach((Y) => {
     const d = R.colorSchemes[Y].palette, B = (L) => {
@@ -3370,61 +3370,61 @@ function Hs(e = {}, ...r) {
     function A(L, N, K) {
       if (C) {
         let U;
-        return L === tt && (U = `transparent ${((1 - K) * 100).toFixed(0)}%`), L === ie && (U = `#000 ${(K * 100).toFixed(0)}%`), L === ae && (U = `#fff ${(K * 100).toFixed(0)}%`), `color-mix(in ${C}, ${N}, ${U})`;
+        return L === rt && (U = `transparent ${((1 - K) * 100).toFixed(0)}%`), L === ie && (U = `#000 ${(K * 100).toFixed(0)}%`), L === ae && (U = `#fff ${(K * 100).toFixed(0)}%`), `color-mix(in ${C}, ${N}, ${U})`;
       }
       return L(N, K);
     }
-    if (Ts(d, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), d.mode === "light") {
-      T(d.Alert, "errorColor", A(ie, a ? h("palette-error-light") : d.error.light, 0.6)), T(d.Alert, "infoColor", A(ie, a ? h("palette-info-light") : d.info.light, 0.6)), T(d.Alert, "successColor", A(ie, a ? h("palette-success-light") : d.success.light, 0.6)), T(d.Alert, "warningColor", A(ie, a ? h("palette-warning-light") : d.warning.light, 0.6)), T(d.Alert, "errorFilledBg", B("palette-error-main")), T(d.Alert, "infoFilledBg", B("palette-info-main")), T(d.Alert, "successFilledBg", B("palette-success-main")), T(d.Alert, "warningFilledBg", B("palette-warning-main")), T(d.Alert, "errorFilledColor", Be(() => d.getContrastText(d.error.main))), T(d.Alert, "infoFilledColor", Be(() => d.getContrastText(d.info.main))), T(d.Alert, "successFilledColor", Be(() => d.getContrastText(d.success.main))), T(d.Alert, "warningFilledColor", Be(() => d.getContrastText(d.warning.main))), T(d.Alert, "errorStandardBg", A(ae, a ? h("palette-error-light") : d.error.light, 0.9)), T(d.Alert, "infoStandardBg", A(ae, a ? h("palette-info-light") : d.info.light, 0.9)), T(d.Alert, "successStandardBg", A(ae, a ? h("palette-success-light") : d.success.light, 0.9)), T(d.Alert, "warningStandardBg", A(ae, a ? h("palette-warning-light") : d.warning.light, 0.9)), T(d.Alert, "errorIconColor", B("palette-error-main")), T(d.Alert, "infoIconColor", B("palette-info-main")), T(d.Alert, "successIconColor", B("palette-success-main")), T(d.Alert, "warningIconColor", B("palette-warning-main")), T(d.AppBar, "defaultBg", B("palette-grey-100")), T(d.Avatar, "defaultBg", B("palette-grey-400")), T(d.Button, "inheritContainedBg", B("palette-grey-300")), T(d.Button, "inheritContainedHoverBg", B("palette-grey-A100")), T(d.Chip, "defaultBorder", B("palette-grey-400")), T(d.Chip, "defaultAvatarColor", B("palette-grey-700")), T(d.Chip, "defaultIconColor", B("palette-grey-700")), T(d.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), T(d.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), T(d.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), T(d.LinearProgress, "primaryBg", A(ae, a ? h("palette-primary-main") : d.primary.main, 0.62)), T(d.LinearProgress, "secondaryBg", A(ae, a ? h("palette-secondary-main") : d.secondary.main, 0.62)), T(d.LinearProgress, "errorBg", A(ae, a ? h("palette-error-main") : d.error.main, 0.62)), T(d.LinearProgress, "infoBg", A(ae, a ? h("palette-info-main") : d.info.main, 0.62)), T(d.LinearProgress, "successBg", A(ae, a ? h("palette-success-main") : d.success.main, 0.62)), T(d.LinearProgress, "warningBg", A(ae, a ? h("palette-warning-light") : d.warning.main, 0.62)), T(d.Skeleton, "bg", C ? A(tt, a ? h("palette-text-primary") : d.text.primary, 0.11) : `rgba(${B("palette-text-primaryChannel")} / 0.11)`), T(d.Slider, "primaryTrack", A(ae, a ? h("palette-primary-main") : d.primary.main, 0.62)), T(d.Slider, "secondaryTrack", A(ae, a ? h("palette-secondary-main") : d.secondary.main, 0.62)), T(d.Slider, "errorTrack", A(ae, a ? h("palette-error-main") : d.error.main, 0.62)), T(d.Slider, "infoTrack", A(ae, a ? h("palette-info-main") : d.info.main, 0.62)), T(d.Slider, "successTrack", A(ae, a ? h("palette-success-main") : d.success.main, 0.62)), T(d.Slider, "warningTrack", A(ae, a ? h("palette-warning-main") : d.warning.main, 0.62));
-      const L = C ? A(ie, a ? h("palette-background-default") : d.background.default, 0.6825) : jt(d.background.default, 0.8);
-      T(d.SnackbarContent, "bg", L), T(d.SnackbarContent, "color", Be(() => C ? Ir.text.primary : d.getContrastText(L))), T(d.SpeedDialAction, "fabHoverBg", jt(d.background.paper, 0.15)), T(d.StepConnector, "border", B("palette-grey-400")), T(d.StepContent, "border", B("palette-grey-400")), T(d.Switch, "defaultColor", B("palette-common-white")), T(d.Switch, "defaultDisabledColor", B("palette-grey-100")), T(d.Switch, "primaryDisabledColor", A(ae, a ? h("palette-primary-main") : d.primary.main, 0.62)), T(d.Switch, "secondaryDisabledColor", A(ae, a ? h("palette-secondary-main") : d.secondary.main, 0.62)), T(d.Switch, "errorDisabledColor", A(ae, a ? h("palette-error-main") : d.error.main, 0.62)), T(d.Switch, "infoDisabledColor", A(ae, a ? h("palette-info-main") : d.info.main, 0.62)), T(d.Switch, "successDisabledColor", A(ae, a ? h("palette-success-main") : d.success.main, 0.62)), T(d.Switch, "warningDisabledColor", A(ae, a ? h("palette-warning-main") : d.warning.main, 0.62)), T(d.TableCell, "border", A(ae, tt(a ? h("palette-divider") : d.divider, 1), 0.88)), T(d.Tooltip, "bg", A(tt, a ? h("palette-grey-700") : d.grey[700], 0.92));
+    if (Rs(d, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), d.mode === "light") {
+      T(d.Alert, "errorColor", A(ie, a ? h("palette-error-light") : d.error.light, 0.6)), T(d.Alert, "infoColor", A(ie, a ? h("palette-info-light") : d.info.light, 0.6)), T(d.Alert, "successColor", A(ie, a ? h("palette-success-light") : d.success.light, 0.6)), T(d.Alert, "warningColor", A(ie, a ? h("palette-warning-light") : d.warning.light, 0.6)), T(d.Alert, "errorFilledBg", B("palette-error-main")), T(d.Alert, "infoFilledBg", B("palette-info-main")), T(d.Alert, "successFilledBg", B("palette-success-main")), T(d.Alert, "warningFilledBg", B("palette-warning-main")), T(d.Alert, "errorFilledColor", Be(() => d.getContrastText(d.error.main))), T(d.Alert, "infoFilledColor", Be(() => d.getContrastText(d.info.main))), T(d.Alert, "successFilledColor", Be(() => d.getContrastText(d.success.main))), T(d.Alert, "warningFilledColor", Be(() => d.getContrastText(d.warning.main))), T(d.Alert, "errorStandardBg", A(ae, a ? h("palette-error-light") : d.error.light, 0.9)), T(d.Alert, "infoStandardBg", A(ae, a ? h("palette-info-light") : d.info.light, 0.9)), T(d.Alert, "successStandardBg", A(ae, a ? h("palette-success-light") : d.success.light, 0.9)), T(d.Alert, "warningStandardBg", A(ae, a ? h("palette-warning-light") : d.warning.light, 0.9)), T(d.Alert, "errorIconColor", B("palette-error-main")), T(d.Alert, "infoIconColor", B("palette-info-main")), T(d.Alert, "successIconColor", B("palette-success-main")), T(d.Alert, "warningIconColor", B("palette-warning-main")), T(d.AppBar, "defaultBg", B("palette-grey-100")), T(d.Avatar, "defaultBg", B("palette-grey-400")), T(d.Button, "inheritContainedBg", B("palette-grey-300")), T(d.Button, "inheritContainedHoverBg", B("palette-grey-A100")), T(d.Chip, "defaultBorder", B("palette-grey-400")), T(d.Chip, "defaultAvatarColor", B("palette-grey-700")), T(d.Chip, "defaultIconColor", B("palette-grey-700")), T(d.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), T(d.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), T(d.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), T(d.LinearProgress, "primaryBg", A(ae, a ? h("palette-primary-main") : d.primary.main, 0.62)), T(d.LinearProgress, "secondaryBg", A(ae, a ? h("palette-secondary-main") : d.secondary.main, 0.62)), T(d.LinearProgress, "errorBg", A(ae, a ? h("palette-error-main") : d.error.main, 0.62)), T(d.LinearProgress, "infoBg", A(ae, a ? h("palette-info-main") : d.info.main, 0.62)), T(d.LinearProgress, "successBg", A(ae, a ? h("palette-success-main") : d.success.main, 0.62)), T(d.LinearProgress, "warningBg", A(ae, a ? h("palette-warning-light") : d.warning.main, 0.62)), T(d.Skeleton, "bg", C ? A(rt, a ? h("palette-text-primary") : d.text.primary, 0.11) : `rgba(${B("palette-text-primaryChannel")} / 0.11)`), T(d.Slider, "primaryTrack", A(ae, a ? h("palette-primary-main") : d.primary.main, 0.62)), T(d.Slider, "secondaryTrack", A(ae, a ? h("palette-secondary-main") : d.secondary.main, 0.62)), T(d.Slider, "errorTrack", A(ae, a ? h("palette-error-main") : d.error.main, 0.62)), T(d.Slider, "infoTrack", A(ae, a ? h("palette-info-main") : d.info.main, 0.62)), T(d.Slider, "successTrack", A(ae, a ? h("palette-success-main") : d.success.main, 0.62)), T(d.Slider, "warningTrack", A(ae, a ? h("palette-warning-main") : d.warning.main, 0.62));
+      const L = C ? A(ie, a ? h("palette-background-default") : d.background.default, 0.6825) : Vt(d.background.default, 0.8);
+      T(d.SnackbarContent, "bg", L), T(d.SnackbarContent, "color", Be(() => C ? Br.text.primary : d.getContrastText(L))), T(d.SpeedDialAction, "fabHoverBg", Vt(d.background.paper, 0.15)), T(d.StepConnector, "border", B("palette-grey-400")), T(d.StepContent, "border", B("palette-grey-400")), T(d.Switch, "defaultColor", B("palette-common-white")), T(d.Switch, "defaultDisabledColor", B("palette-grey-100")), T(d.Switch, "primaryDisabledColor", A(ae, a ? h("palette-primary-main") : d.primary.main, 0.62)), T(d.Switch, "secondaryDisabledColor", A(ae, a ? h("palette-secondary-main") : d.secondary.main, 0.62)), T(d.Switch, "errorDisabledColor", A(ae, a ? h("palette-error-main") : d.error.main, 0.62)), T(d.Switch, "infoDisabledColor", A(ae, a ? h("palette-info-main") : d.info.main, 0.62)), T(d.Switch, "successDisabledColor", A(ae, a ? h("palette-success-main") : d.success.main, 0.62)), T(d.Switch, "warningDisabledColor", A(ae, a ? h("palette-warning-main") : d.warning.main, 0.62)), T(d.TableCell, "border", A(ae, rt(a ? h("palette-divider") : d.divider, 1), 0.88)), T(d.Tooltip, "bg", A(rt, a ? h("palette-grey-700") : d.grey[700], 0.92));
     }
     if (d.mode === "dark") {
-      T(d.Alert, "errorColor", A(ae, a ? h("palette-error-light") : d.error.light, 0.6)), T(d.Alert, "infoColor", A(ae, a ? h("palette-info-light") : d.info.light, 0.6)), T(d.Alert, "successColor", A(ae, a ? h("palette-success-light") : d.success.light, 0.6)), T(d.Alert, "warningColor", A(ae, a ? h("palette-warning-light") : d.warning.light, 0.6)), T(d.Alert, "errorFilledBg", B("palette-error-dark")), T(d.Alert, "infoFilledBg", B("palette-info-dark")), T(d.Alert, "successFilledBg", B("palette-success-dark")), T(d.Alert, "warningFilledBg", B("palette-warning-dark")), T(d.Alert, "errorFilledColor", Be(() => d.getContrastText(d.error.dark))), T(d.Alert, "infoFilledColor", Be(() => d.getContrastText(d.info.dark))), T(d.Alert, "successFilledColor", Be(() => d.getContrastText(d.success.dark))), T(d.Alert, "warningFilledColor", Be(() => d.getContrastText(d.warning.dark))), T(d.Alert, "errorStandardBg", A(ie, a ? h("palette-error-light") : d.error.light, 0.9)), T(d.Alert, "infoStandardBg", A(ie, a ? h("palette-info-light") : d.info.light, 0.9)), T(d.Alert, "successStandardBg", A(ie, a ? h("palette-success-light") : d.success.light, 0.9)), T(d.Alert, "warningStandardBg", A(ie, a ? h("palette-warning-light") : d.warning.light, 0.9)), T(d.Alert, "errorIconColor", B("palette-error-main")), T(d.Alert, "infoIconColor", B("palette-info-main")), T(d.Alert, "successIconColor", B("palette-success-main")), T(d.Alert, "warningIconColor", B("palette-warning-main")), T(d.AppBar, "defaultBg", B("palette-grey-900")), T(d.AppBar, "darkBg", B("palette-background-paper")), T(d.AppBar, "darkColor", B("palette-text-primary")), T(d.Avatar, "defaultBg", B("palette-grey-600")), T(d.Button, "inheritContainedBg", B("palette-grey-800")), T(d.Button, "inheritContainedHoverBg", B("palette-grey-700")), T(d.Chip, "defaultBorder", B("palette-grey-700")), T(d.Chip, "defaultAvatarColor", B("palette-grey-300")), T(d.Chip, "defaultIconColor", B("palette-grey-300")), T(d.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), T(d.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), T(d.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), T(d.LinearProgress, "primaryBg", A(ie, a ? h("palette-primary-main") : d.primary.main, 0.5)), T(d.LinearProgress, "secondaryBg", A(ie, a ? h("palette-secondary-main") : d.secondary.main, 0.5)), T(d.LinearProgress, "errorBg", A(ie, a ? h("palette-error-main") : d.error.main, 0.5)), T(d.LinearProgress, "infoBg", A(ie, a ? h("palette-info-main") : d.info.main, 0.5)), T(d.LinearProgress, "successBg", A(ie, a ? h("palette-success-main") : d.success.main, 0.5)), T(d.LinearProgress, "warningBg", A(ie, a ? h("palette-warning-main") : d.warning.main, 0.5)), T(d.Skeleton, "bg", C ? A(tt, a ? h("palette-text-primary") : d.text.primary, 0.13) : `rgba(${B("palette-text-primaryChannel")} / 0.13)`), T(d.Slider, "primaryTrack", A(ie, a ? h("palette-primary-main") : d.primary.main, 0.5)), T(d.Slider, "secondaryTrack", A(ie, a ? h("palette-secondary-main") : d.secondary.main, 0.5)), T(d.Slider, "errorTrack", A(ie, a ? h("palette-error-main") : d.error.main, 0.5)), T(d.Slider, "infoTrack", A(ie, a ? h("palette-info-main") : d.info.main, 0.5)), T(d.Slider, "successTrack", A(ie, a ? h("palette-success-main") : d.success.main, 0.5)), T(d.Slider, "warningTrack", A(ie, a ? h("palette-warning-light") : d.warning.main, 0.5));
-      const L = C ? A(ae, a ? h("palette-background-default") : d.background.default, 0.985) : jt(d.background.default, 0.98);
-      T(d.SnackbarContent, "bg", L), T(d.SnackbarContent, "color", Be(() => C ? ro.text.primary : d.getContrastText(L))), T(d.SpeedDialAction, "fabHoverBg", jt(d.background.paper, 0.15)), T(d.StepConnector, "border", B("palette-grey-600")), T(d.StepContent, "border", B("palette-grey-600")), T(d.Switch, "defaultColor", B("palette-grey-300")), T(d.Switch, "defaultDisabledColor", B("palette-grey-600")), T(d.Switch, "primaryDisabledColor", A(ie, a ? h("palette-primary-main") : d.primary.main, 0.55)), T(d.Switch, "secondaryDisabledColor", A(ie, a ? h("palette-secondary-main") : d.secondary.main, 0.55)), T(d.Switch, "errorDisabledColor", A(ie, a ? h("palette-error-main") : d.error.main, 0.55)), T(d.Switch, "infoDisabledColor", A(ie, a ? h("palette-info-main") : d.info.main, 0.55)), T(d.Switch, "successDisabledColor", A(ie, a ? h("palette-success-main") : d.success.main, 0.55)), T(d.Switch, "warningDisabledColor", A(ie, a ? h("palette-warning-light") : d.warning.main, 0.55)), T(d.TableCell, "border", A(ie, tt(a ? h("palette-divider") : d.divider, 1), 0.68)), T(d.Tooltip, "bg", A(tt, a ? h("palette-grey-700") : d.grey[700], 0.92));
+      T(d.Alert, "errorColor", A(ae, a ? h("palette-error-light") : d.error.light, 0.6)), T(d.Alert, "infoColor", A(ae, a ? h("palette-info-light") : d.info.light, 0.6)), T(d.Alert, "successColor", A(ae, a ? h("palette-success-light") : d.success.light, 0.6)), T(d.Alert, "warningColor", A(ae, a ? h("palette-warning-light") : d.warning.light, 0.6)), T(d.Alert, "errorFilledBg", B("palette-error-dark")), T(d.Alert, "infoFilledBg", B("palette-info-dark")), T(d.Alert, "successFilledBg", B("palette-success-dark")), T(d.Alert, "warningFilledBg", B("palette-warning-dark")), T(d.Alert, "errorFilledColor", Be(() => d.getContrastText(d.error.dark))), T(d.Alert, "infoFilledColor", Be(() => d.getContrastText(d.info.dark))), T(d.Alert, "successFilledColor", Be(() => d.getContrastText(d.success.dark))), T(d.Alert, "warningFilledColor", Be(() => d.getContrastText(d.warning.dark))), T(d.Alert, "errorStandardBg", A(ie, a ? h("palette-error-light") : d.error.light, 0.9)), T(d.Alert, "infoStandardBg", A(ie, a ? h("palette-info-light") : d.info.light, 0.9)), T(d.Alert, "successStandardBg", A(ie, a ? h("palette-success-light") : d.success.light, 0.9)), T(d.Alert, "warningStandardBg", A(ie, a ? h("palette-warning-light") : d.warning.light, 0.9)), T(d.Alert, "errorIconColor", B("palette-error-main")), T(d.Alert, "infoIconColor", B("palette-info-main")), T(d.Alert, "successIconColor", B("palette-success-main")), T(d.Alert, "warningIconColor", B("palette-warning-main")), T(d.AppBar, "defaultBg", B("palette-grey-900")), T(d.AppBar, "darkBg", B("palette-background-paper")), T(d.AppBar, "darkColor", B("palette-text-primary")), T(d.Avatar, "defaultBg", B("palette-grey-600")), T(d.Button, "inheritContainedBg", B("palette-grey-800")), T(d.Button, "inheritContainedHoverBg", B("palette-grey-700")), T(d.Chip, "defaultBorder", B("palette-grey-700")), T(d.Chip, "defaultAvatarColor", B("palette-grey-300")), T(d.Chip, "defaultIconColor", B("palette-grey-300")), T(d.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), T(d.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), T(d.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), T(d.LinearProgress, "primaryBg", A(ie, a ? h("palette-primary-main") : d.primary.main, 0.5)), T(d.LinearProgress, "secondaryBg", A(ie, a ? h("palette-secondary-main") : d.secondary.main, 0.5)), T(d.LinearProgress, "errorBg", A(ie, a ? h("palette-error-main") : d.error.main, 0.5)), T(d.LinearProgress, "infoBg", A(ie, a ? h("palette-info-main") : d.info.main, 0.5)), T(d.LinearProgress, "successBg", A(ie, a ? h("palette-success-main") : d.success.main, 0.5)), T(d.LinearProgress, "warningBg", A(ie, a ? h("palette-warning-main") : d.warning.main, 0.5)), T(d.Skeleton, "bg", C ? A(rt, a ? h("palette-text-primary") : d.text.primary, 0.13) : `rgba(${B("palette-text-primaryChannel")} / 0.13)`), T(d.Slider, "primaryTrack", A(ie, a ? h("palette-primary-main") : d.primary.main, 0.5)), T(d.Slider, "secondaryTrack", A(ie, a ? h("palette-secondary-main") : d.secondary.main, 0.5)), T(d.Slider, "errorTrack", A(ie, a ? h("palette-error-main") : d.error.main, 0.5)), T(d.Slider, "infoTrack", A(ie, a ? h("palette-info-main") : d.info.main, 0.5)), T(d.Slider, "successTrack", A(ie, a ? h("palette-success-main") : d.success.main, 0.5)), T(d.Slider, "warningTrack", A(ie, a ? h("palette-warning-light") : d.warning.main, 0.5));
+      const L = C ? A(ae, a ? h("palette-background-default") : d.background.default, 0.985) : Vt(d.background.default, 0.98);
+      T(d.SnackbarContent, "bg", L), T(d.SnackbarContent, "color", Be(() => C ? no.text.primary : d.getContrastText(L))), T(d.SpeedDialAction, "fabHoverBg", Vt(d.background.paper, 0.15)), T(d.StepConnector, "border", B("palette-grey-600")), T(d.StepContent, "border", B("palette-grey-600")), T(d.Switch, "defaultColor", B("palette-grey-300")), T(d.Switch, "defaultDisabledColor", B("palette-grey-600")), T(d.Switch, "primaryDisabledColor", A(ie, a ? h("palette-primary-main") : d.primary.main, 0.55)), T(d.Switch, "secondaryDisabledColor", A(ie, a ? h("palette-secondary-main") : d.secondary.main, 0.55)), T(d.Switch, "errorDisabledColor", A(ie, a ? h("palette-error-main") : d.error.main, 0.55)), T(d.Switch, "infoDisabledColor", A(ie, a ? h("palette-info-main") : d.info.main, 0.55)), T(d.Switch, "successDisabledColor", A(ie, a ? h("palette-success-main") : d.success.main, 0.55)), T(d.Switch, "warningDisabledColor", A(ie, a ? h("palette-warning-light") : d.warning.main, 0.55)), T(d.TableCell, "border", A(ie, rt(a ? h("palette-divider") : d.divider, 1), 0.68)), T(d.Tooltip, "bg", A(rt, a ? h("palette-grey-700") : d.grey[700], 0.92));
     }
     a || (Me(d.background, "default"), Me(d.background, "paper"), Me(d.common, "background"), Me(d.common, "onBackground"), Me(d, "divider")), Object.keys(d).forEach((L) => {
       const N = d[L];
-      L !== "tonalOffset" && !a && N && typeof N == "object" && (N.main && T(d[L], "mainChannel", kt(Tt(N.main))), N.light && T(d[L], "lightChannel", kt(Tt(N.light))), N.dark && T(d[L], "darkChannel", kt(Tt(N.dark))), N.contrastText && T(d[L], "contrastTextChannel", kt(Tt(N.contrastText))), L === "text" && (Me(d[L], "primary"), Me(d[L], "secondary")), L === "action" && (N.active && Me(d[L], "active"), N.selected && Me(d[L], "selected")));
+      L !== "tonalOffset" && !a && N && typeof N == "object" && (N.main && T(d[L], "mainChannel", Tt(Rt(N.main))), N.light && T(d[L], "lightChannel", Tt(Rt(N.light))), N.dark && T(d[L], "darkChannel", Tt(Rt(N.dark))), N.contrastText && T(d[L], "contrastTextChannel", Tt(Rt(N.contrastText))), L === "text" && (Me(d[L], "primary"), Me(d[L], "secondary")), L === "action" && (N.active && Me(d[L], "active"), N.selected && Me(d[L], "selected")));
     });
   }), R = r.reduce((Y, d) => Pe(Y, d), R);
   const z = {
     prefix: s,
     disableCssColorScheme: o,
     shouldSkipGeneratingVar: l,
-    getSelector: ks(R),
+    getSelector: Ts(R),
     enableContrastVars: a
   }, {
     vars: I,
     generateThemeVars: X,
     generateStyleSheets: Q
-  } = Ya(R, z);
+  } = Ja(R, z);
   return R.vars = I, Object.entries(R.colorSchemes[R.defaultColorScheme]).forEach(([Y, d]) => {
     R[Y] = d;
   }), R.generateThemeVars = X, R.generateStyleSheets = Q, R.generateSpacing = function() {
-    return Yn(f.spacing, zr(this));
-  }, R.getColorSchemeSelector = Ja(c), R.spacing = R.generateSpacing(), R.shouldSkipGeneratingVar = l, R.unstable_sxConfig = {
-    ...lr,
+    return Jn(f.spacing, _r(this));
+  }, R.getColorSchemeSelector = qa(c), R.spacing = R.generateSpacing(), R.shouldSkipGeneratingVar = l, R.unstable_sxConfig = {
+    ...dr,
     ...f == null ? void 0 : f.unstable_sxConfig
   }, R.unstable_sx = function(d) {
-    return xt({
+    return vt({
       sx: d,
       theme: this
     });
-  }, R.toRuntimeSource = oo, R;
+  }, R.toRuntimeSource = io, R;
 }
-function In(e, r, t) {
+function Bn(e, r, t) {
   e.colorSchemes && t && (e.colorSchemes[r] = {
     ...t !== !0 && t,
-    palette: jr({
+    palette: Vr({
       ...t === !0 ? {} : t.palette,
       mode: r
     })
     // cast type to skip module augmentation test
   });
 }
-function so(e = {}, ...r) {
+function lo(e = {}, ...r) {
   const {
     palette: t,
     cssVariables: n = !1,
@@ -3444,66 +3444,66 @@ function so(e = {}, ...r) {
   };
   if (n === !1) {
     if (!("colorSchemes" in e))
-      return Br(e, ...r);
+      return Or(e, ...r);
     let f = t;
     "palette" in e || g[l] && (g[l] !== !0 ? f = g[l].palette : l === "dark" && (f = {
       mode: "dark"
     }));
-    const m = Br({
+    const m = Or({
       ...e,
       palette: f
     }, ...r);
     return m.defaultColorScheme = l, m.colorSchemes = g, m.palette.mode === "light" && (m.colorSchemes.light = {
       ...g.light !== !0 && g.light,
       palette: m.palette
-    }, In(m, "dark", g.dark)), m.palette.mode === "dark" && (m.colorSchemes.dark = {
+    }, Bn(m, "dark", g.dark)), m.palette.mode === "dark" && (m.colorSchemes.dark = {
       ...g.dark !== !0 && g.dark,
       palette: m.palette
-    }, In(m, "light", g.light)), m;
+    }, Bn(m, "light", g.light)), m;
   }
-  return !t && !("light" in g) && l === "light" && (g.light = !0), Hs({
+  return !t && !("light" in g) && l === "light" && (g.light = !0), Ps({
     ...a,
     colorSchemes: g,
     defaultColorScheme: l,
     ...typeof n != "boolean" && n
   }, ...r);
 }
-const Ps = so(), $s = "$$material";
-function As(e) {
+const $s = lo(), As = "$$material";
+function Is(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-const Is = (e) => As(e) && e !== "classes", Bs = Aa({
-  themeId: $s,
-  defaultTheme: Ps,
-  rootShouldForwardProp: Is
-}), Os = ja;
+const Bs = (e) => Is(e) && e !== "classes", Os = Ia({
+  themeId: As,
+  defaultTheme: $s,
+  rootShouldForwardProp: Bs
+}), Ds = Va;
 process.env.NODE_ENV !== "production" && (re.node, re.object.isRequired);
-function Ds(e) {
-  return Na(e);
-}
 function Ms(e) {
-  return Lr("MuiSvgIcon", e);
+  return ja(e);
 }
-Ra("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const Fs = (e) => {
+function Fs(e) {
+  return Nr("MuiSvgIcon", e);
+}
+Ea("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const Ws = (e) => {
   const {
     color: r,
     fontSize: t,
     classes: n
   } = e, o = {
-    root: ["root", r !== "inherit" && `color${st(r)}`, `fontSize${st(t)}`]
+    root: ["root", r !== "inherit" && `color${lt(r)}`, `fontSize${lt(t)}`]
   };
-  return yi(o, Ms, n);
-}, Ws = Bs("svg", {
+  return bi(o, Fs, n);
+}, zs = Os("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (e, r) => {
     const {
       ownerState: t
     } = e;
-    return [r.root, t.color !== "inherit" && r[`color${st(t.color)}`], r[`fontSize${st(t.fontSize)}`]];
+    return [r.root, t.color !== "inherit" && r[`color${lt(t.color)}`], r[`fontSize${lt(t.fontSize)}`]];
   }
-})(Os(({
+})(Ds(({
   theme: e
 }) => {
   var r, t, n, o, s, a, l, c, g, f, m, y, h, x;
@@ -3595,8 +3595,8 @@ const Fs = (e) => {
       }
     ]
   };
-})), Xt = /* @__PURE__ */ Je.forwardRef(function(r, t) {
-  const n = Ds({
+})), Qt = /* @__PURE__ */ qe.forwardRef(function(r, t) {
+  const n = Ms({
     props: r,
     name: "MuiSvgIcon"
   }), {
@@ -3610,7 +3610,7 @@ const Fs = (e) => {
     titleAccess: m,
     viewBox: y = "0 0 24 24",
     ...h
-  } = n, x = /* @__PURE__ */ Je.isValidElement(o) && o.type === "svg", u = {
+  } = n, x = /* @__PURE__ */ qe.isValidElement(o) && o.type === "svg", u = {
     ...n,
     color: a,
     component: l,
@@ -3621,10 +3621,10 @@ const Fs = (e) => {
     hasSvgAsChild: x
   }, b = {};
   f || (b.viewBox = y);
-  const v = Fs(u);
-  return /* @__PURE__ */ p(Ws, {
+  const v = Ws(u);
+  return /* @__PURE__ */ p(zs, {
     as: l,
-    className: jn(v.root, s),
+    className: Vn(v.root, s),
     focusable: "false",
     color: g,
     "aria-hidden": m ? void 0 : !0,
@@ -3639,7 +3639,7 @@ const Fs = (e) => {
     }) : null]
   });
 });
-process.env.NODE_ENV !== "production" && (Xt.propTypes = {
+process.env.NODE_ENV !== "production" && (Qt.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -3711,27 +3711,27 @@ process.env.NODE_ENV !== "production" && (Xt.propTypes = {
    */
   viewBox: re.string
 });
-Xt.muiName = "SvgIcon";
-function At(e, r) {
+Qt.muiName = "SvgIcon";
+function It(e, r) {
   function t(n, o) {
-    return /* @__PURE__ */ i(Xt, {
+    return /* @__PURE__ */ i(Qt, {
       "data-testid": process.env.NODE_ENV !== "production" ? `${r}Icon` : void 0,
       ref: o,
       ...n,
       children: e
     });
   }
-  return process.env.NODE_ENV !== "production" && (t.displayName = `${r}Icon`), t.muiName = Xt.muiName, /* @__PURE__ */ Je.memo(/* @__PURE__ */ Je.forwardRef(t));
+  return process.env.NODE_ENV !== "production" && (t.displayName = `${r}Icon`), t.muiName = Qt.muiName, /* @__PURE__ */ qe.memo(/* @__PURE__ */ qe.forwardRef(t));
 }
-const zs = At(/* @__PURE__ */ i("path", {
+const _s = It(/* @__PURE__ */ i("path", {
   d: "M3 18c0 .55.45 1 1 1h5v-2H4c-.55 0-1 .45-1 1M3 6c0 .55.45 1 1 1h9V5H4c-.55 0-1 .45-1 1m10 14v-1h7c.55 0 1-.45 1-1s-.45-1-1-1h-7v-1c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1M7 10v1H4c-.55 0-1 .45-1 1s.45 1 1 1h3v1c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1s-1 .45-1 1m14 2c0-.55-.45-1-1-1h-9v2h9c.55 0 1-.45 1-1m-5-3c.55 0 1-.45 1-1V7h3c.55 0 1-.45 1-1s-.45-1-1-1h-3V4c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1"
-}), "TuneRounded"), _s = At(/* @__PURE__ */ i("path", {
+}), "TuneRounded"), Ls = It(/* @__PURE__ */ i("path", {
   d: "M12 5V3.21c0-.45-.54-.67-.85-.35l-2.8 2.79c-.2.2-.2.51 0 .71l2.79 2.79c.32.31.86.09.86-.36V7c3.31 0 6 2.69 6 6 0 2.72-1.83 5.02-4.31 5.75-.42.12-.69.52-.69.95 0 .65.62 1.16 1.25.97C17.57 19.7 20 16.64 20 13c0-4.42-3.58-8-8-8m-6 8c0-1.34.44-2.58 1.19-3.59.3-.4.26-.95-.09-1.31-.42-.42-1.14-.38-1.5.1-1 1.34-1.6 3-1.6 4.8 0 3.64 2.43 6.7 5.75 7.67.63.19 1.25-.32 1.25-.97 0-.43-.27-.83-.69-.95C7.83 18.02 6 15.72 6 13"
-}), "RestartAltRounded"), Ls = At(/* @__PURE__ */ i("path", {
+}), "RestartAltRounded"), Ns = It(/* @__PURE__ */ i("path", {
   d: "M9.37 5.51c-.18.64-.27 1.31-.27 1.99 0 4.08 3.32 7.4 7.4 7.4.68 0 1.35-.09 1.99-.27C17.45 17.19 14.93 19 12 19c-3.86 0-7-3.14-7-7 0-2.93 1.81-5.45 4.37-6.49M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1"
-}), "DarkModeOutlined"), Ns = At(/* @__PURE__ */ i("path", {
+}), "DarkModeOutlined"), js = It(/* @__PURE__ */ i("path", {
   d: "M12 9c1.65 0 3 1.35 3 3s-1.35 3-3 3-3-1.35-3-3 1.35-3 3-3m0-2c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5M2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1m18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1M11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1m0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1M5.99 4.58c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41zm12.37 12.37c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .39-.39.39-1.03 0-1.41zm1.06-10.96c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0zM7.05 18.36c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0z"
-}), "LightModeOutlined"), Bn = (e) => {
+}), "LightModeOutlined"), On = (e) => {
   let r;
   const t = /* @__PURE__ */ new Set(), n = (g, f) => {
     const m = typeof g == "function" ? g(r) : g;
@@ -3741,20 +3741,20 @@ const zs = At(/* @__PURE__ */ i("path", {
     }
   }, o = () => r, l = { setState: n, getState: o, getInitialState: () => c, subscribe: (g) => (t.add(g), () => t.delete(g)) }, c = r = e(n, o, l);
   return l;
-}, js = ((e) => e ? Bn(e) : Bn), Vs = (e) => e;
-function Us(e, r = Vs) {
-  const t = Mt.useSyncExternalStore(
+}, Vs = ((e) => e ? On(e) : On), Us = (e) => e;
+function Gs(e, r = Us) {
+  const t = Ft.useSyncExternalStore(
     e.subscribe,
-    Mt.useCallback(() => r(e.getState()), [e, r]),
-    Mt.useCallback(() => r(e.getInitialState()), [e, r])
+    Ft.useCallback(() => r(e.getState()), [e, r]),
+    Ft.useCallback(() => r(e.getInitialState()), [e, r])
   );
-  return Mt.useDebugValue(t), t;
+  return Ft.useDebugValue(t), t;
 }
-const On = (e) => {
-  const r = js(e), t = (n) => Us(r, n);
+const Dn = (e) => {
+  const r = Vs(e), t = (n) => Gs(r, n);
   return Object.assign(t, r), t;
-}, lo = ((e) => e ? On(e) : On);
-function Gs(e, r) {
+}, co = ((e) => e ? Dn(e) : Dn);
+function Ys(e, r) {
   let t;
   try {
     t = e();
@@ -3771,12 +3771,12 @@ function Gs(e, r) {
     removeItem: (o) => t.removeItem(o)
   };
 }
-const Or = (e) => (r) => {
+const Dr = (e) => (r) => {
   try {
     const t = e(r);
     return t instanceof Promise ? t : {
       then(n) {
-        return Or(n)(t);
+        return Dr(n)(t);
       },
       catch(n) {
         return this;
@@ -3788,13 +3788,13 @@ const Or = (e) => (r) => {
         return this;
       },
       catch(n) {
-        return Or(n)(t);
+        return Dr(n)(t);
       }
     };
   }
-}, Ys = (e, r) => (t, n, o) => {
+}, Js = (e, r) => (t, n, o) => {
   let s = {
-    storage: Gs(() => window.localStorage),
+    storage: Ys(() => window.localStorage),
     partialize: (b) => b,
     version: 0,
     merge: (b, v) => ({
@@ -3839,7 +3839,7 @@ const Or = (e) => (r) => {
       return C((k = n()) != null ? k : h);
     });
     const H = ((v = s.onRehydrateStorage) == null ? void 0 : v.call(s, (b = n()) != null ? b : h)) || void 0;
-    return Or(f.getItem.bind(f))(s.name).then((C) => {
+    return Dr(f.getItem.bind(f))(s.name).then((C) => {
       if (C)
         if (typeof C.version == "number" && C.version !== s.version) {
           if (s.migrate) {
@@ -3891,7 +3891,7 @@ const Or = (e) => (r) => {
       g.delete(b);
     })
   }, s.skipHydration || u(), x || h;
-}, Js = Ys, Oe = {
+}, qs = Js, Oe = {
   appName: "Crystal Ball",
   appTagline: "Run your whole business in one place",
   logoMode: "icon",
@@ -3995,7 +3995,7 @@ const Or = (e) => (r) => {
   loginImgOpacity: 0,
   loginCardW: 0
 }, Fe = (e) => JSON.stringify(e);
-function Tr(e) {
+function Rr(e) {
   const r = { ...Oe };
   if (e && typeof e == "object")
     for (const t of Object.keys(Oe)) {
@@ -4004,7 +4004,7 @@ function Tr(e) {
     }
   return r;
 }
-function qs(e) {
+function Ks(e) {
   if (!e || typeof e != "object") return !1;
   const r = Object.keys(Oe);
   let t = 0;
@@ -4014,8 +4014,8 @@ function qs(e) {
   }
   return t / r.length >= 0.5;
 }
-const j = lo()(
-  Js(
+const j = co()(
+  qs(
     (e, r) => ({
       settings: { ...Oe },
       savedThemes: [],
@@ -4058,7 +4058,7 @@ const j = lo()(
         };
       }),
       applySaved: (t) => e(() => {
-        const n = { ...Tr(t.snap), presetId: t.id };
+        const n = { ...Rr(t.snap), presetId: t.id };
         return { settings: n, baseline: Fe(n), editingSavedId: t.id, lastImportedId: null };
       }),
       renameSaved: (t, n) => e((o) => ({
@@ -4070,7 +4070,7 @@ const j = lo()(
         lastImportedId: n.lastImportedId === t ? null : n.lastImportedId
       })),
       importTheme: (t, n) => {
-        const o = Tr(n), s = { id: "imp" + Date.now(), name: t, snap: o };
+        const o = Rr(n), s = { id: "imp" + Date.now(), name: t, snap: o };
         return e((a) => {
           const l = { ...o, presetId: s.id };
           return {
@@ -4091,7 +4091,7 @@ const j = lo()(
         return {
           ...r,
           ...t,
-          settings: Tr(t.settings),
+          settings: Rr(t.settings),
           // Same reasoning as sanitizeSettings above: a corrupt/stale persisted value here
           // (anything but a real array) would otherwise flow straight into state and crash
           // every `.length`/`.map`/`.filter` call site on it (ThemeManagement.tsx, saveTheme,
@@ -4121,14 +4121,14 @@ function De(e) {
     chevron: r ? "rgba(255,255,255,0.42)" : "#b3bcc7"
   };
 }
-function Dr(e) {
+function Mr(e) {
   if (!e || e.length < 7) return [210, 60, 45];
   const r = parseInt(e.slice(1, 3), 16) / 255, t = parseInt(e.slice(3, 5), 16) / 255, n = parseInt(e.slice(5, 7), 16) / 255, o = Math.max(r, t, n), s = Math.min(r, t, n), a = o - s;
   let l = 0, c = 0;
   const g = (o + s) / 2;
   return a && (c = a / (1 - Math.abs(2 * g - 1)), o === r ? l = (t - n) / a % 6 : o === t ? l = (n - r) / a + 2 : l = (r - t) / a + 4, l = Math.round(l * 60), l < 0 && (l += 360)), [l, Math.round(c * 100), Math.round(g * 100)];
 }
-function ce(e, r, t) {
+function pe(e, r, t) {
   r /= 100, t /= 100;
   const n = (o) => {
     const s = (o + e / 30) % 12, a = r * Math.min(t, 1 - t);
@@ -4138,24 +4138,24 @@ function ce(e, r, t) {
 }
 function Re(e) {
   try {
-    const [r, t] = Dr(e), n = Math.max(t, 18);
+    const [r, t] = Mr(e), n = Math.max(t, 18);
     return {
-      50: ce(r, Math.max(Math.round(n * 0.3), 10), 96),
-      100: ce(r, Math.max(Math.round(n * 0.42), 12), 91),
-      200: ce(r, Math.max(Math.round(n * 0.55), 16), 82),
-      300: ce(r, Math.max(Math.round(n * 0.7), 20), 70),
-      400: ce(r, n, 60),
+      50: pe(r, Math.max(Math.round(n * 0.3), 10), 96),
+      100: pe(r, Math.max(Math.round(n * 0.42), 12), 91),
+      200: pe(r, Math.max(Math.round(n * 0.55), 16), 82),
+      300: pe(r, Math.max(Math.round(n * 0.7), 20), 70),
+      400: pe(r, n, 60),
       500: e,
-      600: ce(r, Math.min(n + 4, 100), 44),
-      700: ce(r, Math.min(n + 8, 100), 36),
-      800: ce(r, Math.max(Math.round(n * 0.92), 16), 26),
-      900: ce(r, Math.max(Math.round(n * 0.8), 14), 16)
+      600: pe(r, Math.min(n + 4, 100), 44),
+      700: pe(r, Math.min(n + 8, 100), 36),
+      800: pe(r, Math.max(Math.round(n * 0.92), 16), 26),
+      900: pe(r, Math.max(Math.round(n * 0.8), 14), 16)
     };
   } catch {
     return { 50: "#eef", 100: "#dde", 200: "#bbd", 300: "#99c", 400: "#77b", 500: e || "#4F6BFF", 600: "#1257a8", 700: "#0e4488", 800: "#0a3266", 900: "#062044" };
   }
 }
-function Rr(e, r) {
+function Er(e, r) {
   try {
     const t = (l) => {
       const c = [1, 3, 5].map((g) => {
@@ -4169,24 +4169,24 @@ function Rr(e, r) {
     return 1;
   }
 }
-function pe(e, r) {
+function de(e, r) {
   if (!e || e[0] !== "#" || e.length < 7) return "rgba(20,30,48," + r + ")";
   const t = parseInt(e.slice(1, 3), 16), n = parseInt(e.slice(3, 5), 16), o = parseInt(e.slice(5, 7), 16);
   return "rgba(" + t + "," + n + "," + o + "," + r + ")";
 }
-function Vr(e) {
+function Ur(e) {
   const r = Re(e.primaryHex), t = Re(e.secondaryHex), n = e.mode === "dark", o = n ? r[300] : e.primaryHex, s = n ? t[300] : e.secondaryHex, a = {
     pMain: o,
     pDark: r[700],
     pLight: r[300],
     highlight: e.highlightHex || o,
-    highlightSoft: pe(e.highlightHex || o, n ? 0.22 : 0.14),
-    highlightBd: pe(e.highlightHex || o, n ? 0.45 : 0.32),
-    pContrast: e.contrastMode === "light" ? "#ffffff" : e.contrastMode === "dark" ? "rgba(0,0,0,0.87)" : Rr(o, "#ffffff") >= 2.9 ? "#ffffff" : "rgba(0,0,0,0.87)",
-    pContainer: n ? pe(e.primaryHex, 0.26) : r[50],
+    highlightSoft: de(e.highlightHex || o, n ? 0.22 : 0.14),
+    highlightBd: de(e.highlightHex || o, n ? 0.45 : 0.32),
+    pContrast: e.contrastMode === "light" ? "#ffffff" : e.contrastMode === "dark" ? "rgba(0,0,0,0.87)" : Er(o, "#ffffff") >= 2.9 ? "#ffffff" : "rgba(0,0,0,0.87)",
+    pContainer: n ? de(e.primaryHex, 0.26) : r[50],
     onPContainer: n ? r[100] : r[800],
     sMain: s,
-    sContrast: Rr(s, "#ffffff") >= 2.9 ? "#ffffff" : "rgba(0,0,0,0.87)",
+    sContrast: Er(s, "#ffffff") >= 2.9 ? "#ffffff" : "rgba(0,0,0,0.87)",
     bgDefault: n ? "#121212" : "#f3f5f8",
     paper: n ? "#1e1e1e" : "#ffffff",
     paper2: n ? "#262630" : "#f6f8fb",
@@ -4197,42 +4197,45 @@ function Vr(e) {
     textDisabled: n ? "rgba(255,255,255,0.4)" : "rgba(0,0,0,0.38)",
     divider: n ? "rgba(255,255,255,0.12)" : "rgba(0,0,0,0.12)",
     outline: n ? "rgba(255,255,255,0.23)" : "rgba(0,0,0,0.23)"
-  }, l = e.statusBold, c = l ? e.errorHex : pe(e.errorHex, n ? 0.22 : 0.13), g = l ? e.warningHex : pe(e.warningHex, n ? 0.22 : 0.14), f = l ? e.infoHex : pe(e.infoHex, n ? 0.22 : 0.13), m = l ? e.successHex : pe(e.successHex, n ? 0.22 : 0.13), y = l ? "#ffffff" : n ? Re(e.errorHex)[300] : e.errorHex, h = l ? "#ffffff" : n ? Re(e.warningHex)[300] : Re(e.warningHex)[700], x = l ? "#ffffff" : n ? Re(e.infoHex)[300] : e.infoHex, u = l ? "#ffffff" : n ? Re(e.successHex)[300] : Re(e.successHex)[700], b = Dr(e.primaryHex)[0], v = { neutral: [220, 6], warm: [32, 26], cool: [210, 30], brand: [b, 42], slate: [214, 16], snow: [0, 0] }, $ = v[e.surfaceTint] || v.neutral, H = e.tintIntensity >= 0 ? e.tintIntensity : 100, C = [$[0], Math.round($[1] * H / 100)];
-  n ? (a.bgDefault = ce(C[0], Math.round(C[1] * 0.7), 7), a.paper = ce(C[0], Math.round(C[1] * 0.7), 13), a.paper2 = ce(C[0], Math.round(C[1] * 0.85), 19)) : (a.bgDefault = "#ffffff", a.paper = "#ffffff", a.paper2 = ce(C[0], Math.round(C[1] * 0.85), e.surfaceTint === "brand" ? 95 : 96.5)), e.pageBgHex && (a.bgDefault = e.pageBgHex), e.cardBgHex && (a.paper = e.cardBgHex);
+  }, l = e.statusBold, c = l ? e.errorHex : de(e.errorHex, n ? 0.22 : 0.13), g = l ? e.warningHex : de(e.warningHex, n ? 0.22 : 0.14), f = l ? e.infoHex : de(e.infoHex, n ? 0.22 : 0.13), m = l ? e.successHex : de(e.successHex, n ? 0.22 : 0.13), y = l ? "#ffffff" : n ? Re(e.errorHex)[300] : e.errorHex, h = l ? "#ffffff" : n ? Re(e.warningHex)[300] : Re(e.warningHex)[700], x = l ? "#ffffff" : n ? Re(e.infoHex)[300] : e.infoHex, u = l ? "#ffffff" : n ? Re(e.successHex)[300] : Re(e.successHex)[700], b = Mr(e.primaryHex)[0], v = { neutral: [220, 6], warm: [32, 26], cool: [210, 30], brand: [b, 42], slate: [214, 16], snow: [0, 0] }, $ = v[e.surfaceTint] || v.neutral, H = e.tintIntensity >= 0 ? e.tintIntensity : 100, C = [$[0], Math.round($[1] * H / 100)];
+  n ? (a.bgDefault = pe(C[0], Math.round(C[1] * 0.7), 7), a.paper = pe(C[0], Math.round(C[1] * 0.7), 13), a.paper2 = pe(C[0], Math.round(C[1] * 0.85), 19)) : (a.bgDefault = "#ffffff", a.paper = "#ffffff", a.paper2 = pe(C[0], Math.round(C[1] * 0.85), e.surfaceTint === "brand" ? 95 : 96.5)), e.pageBgHex && (a.bgDefault = e.pageBgHex), e.cardBgHex && (a.paper = e.cardBgHex);
   const k = { soft: 0, standard: 1, medium: 2, high: 3 }, R = k[e.contrast] !== void 0 ? k[e.contrast] : 1, z = n ? [["rgba(255,255,255,0.82)", "rgba(255,255,255,0.55)", "rgba(255,255,255,0.09)", "rgba(255,255,255,0.16)"], ["rgba(255,255,255,0.92)", "rgba(255,255,255,0.62)", "rgba(255,255,255,0.12)", "rgba(255,255,255,0.23)"], ["rgba(255,255,255,0.96)", "rgba(255,255,255,0.74)", "rgba(255,255,255,0.18)", "rgba(255,255,255,0.34)"], ["#ffffff", "rgba(255,255,255,0.87)", "rgba(255,255,255,0.26)", "rgba(255,255,255,0.46)"]] : [["rgba(0,0,0,0.72)", "rgba(0,0,0,0.5)", "rgba(0,0,0,0.08)", "rgba(0,0,0,0.16)"], ["rgba(0,0,0,0.87)", "rgba(0,0,0,0.6)", "rgba(0,0,0,0.12)", "rgba(0,0,0,0.23)"], ["rgba(0,0,0,0.92)", "rgba(0,0,0,0.7)", "rgba(0,0,0,0.18)", "rgba(0,0,0,0.34)"], ["#000000", "rgba(0,0,0,0.8)", "rgba(0,0,0,0.24)", "rgba(0,0,0,0.46)"]];
-  a.textPrimary = z[R][0], a.textSecondary = z[R][1], a.divider = z[R][2], a.outline = z[R][3], e.textPrimaryHex && (a.textPrimary = e.textPrimaryHex), e.textSecondaryHex && (a.textSecondary = e.textSecondaryHex), e.dividerHex && (a.divider = e.dividerHex), e.nestedStyle === "lighter" ? a.paper2 = n ? ce(C[0], Math.round(C[1] * 0.9), 22) : ce(C[0], Math.max(Math.round(C[1] * 0.3), 4), 100) : e.nestedStyle === "bordered" ? a.paper2 = a.paper : a.paper2 = n ? ce(C[0], Math.round(C[1] * 0.9), Math.max(3, 5)) : ce(C[0], Math.min(Math.round(C[1] * 1.1), 60), Math.max(88, 94 - C[1] * 0.18));
-  const I = e.btnColorHex || o, X = e.accentGradient ? "linear-gradient(135deg," + I + "," + (e.btnColorHex ? Re(e.btnColorHex)[700] : r[n ? 500 : 700]) + ")" : I, Q = e.btnTextHex || (Rr(I, "#ffffff") >= 2.9 ? "#ffffff" : "rgba(0,0,0,0.87)"), Y = e.h1Color || null, d = e.h2Color || null, B = e.h3Color || null, A = e.h4Color || null, L = e.h5Color || null, N = e.h6Color || null, K = [{ key: "sm", px: 13 }, { key: "df", px: 12 }, { key: "lg", px: 18 }], U = K.find((ve) => ve.key === e.textSize) || K[1], J = e.baseFontPx > 0 ? e.baseFontPx : U.px, P = e.bodyLineHeight > 0 ? e.bodyLineHeight : 1.5, D = e.h1Size > 0 ? e.h1Size : 20, q = Math.round(D * 1.1), V = D, G = Math.max(Math.round(D * 0.9), 11), M = Math.max(Math.round(D * 0.8), 11), w = Math.max(Math.round(D * 0.7), 10), O = Math.max(Math.round(D * 0.6), 10), F = Math.max(Math.round(D * 0.5), 9), E = J, W = Math.round(J * 0.92), te = Math.round(J * 0.8), _ = Math.round(J * 0.72), me = e.headingWeight, Ne = e.headingLH > 0 ? e.headingLH : 1.2, je = e.bodyWeight > 0 ? e.bodyWeight : 400, Xe = Math.min(900, je + 200), Qe = { compact: 0.82, default: 1, comfortable: 1.16 }, Ie = e.densityScale > 0 ? e.densityScale / 100 : Qe[e.density] ?? 1, ur = Math.round(20 * Ie), Ve = Math.round(14 * Ie), It = e.cardGapPx > 0 ? e.cardGapPx : Math.round(16 * Ie), Ze = Math.round(11 * Ie * ({ compact: 0.66, default: 1, comfortable: 1.32 }[e.tableDensity] ?? 1)), Ue = e.containerPadPx > 0 ? e.containerPadPx : Math.round(10 * Ie), ee = e.radiusVal, vt = ee + "px", St = Math.max(Math.round(ee * 0.6), 2) + "px", Ge = {
+  a.textPrimary = z[R][0], a.textSecondary = z[R][1], a.divider = z[R][2], a.outline = z[R][3], e.textPrimaryHex && (a.textPrimary = e.textPrimaryHex), e.textSecondaryHex && (a.textSecondary = e.textSecondaryHex), e.dividerHex && (a.divider = e.dividerHex), e.nestedStyle === "lighter" ? a.paper2 = n ? pe(C[0], Math.round(C[1] * 0.9), 22) : pe(C[0], Math.max(Math.round(C[1] * 0.3), 4), 100) : e.nestedStyle === "bordered" ? a.paper2 = a.paper : a.paper2 = n ? pe(C[0], Math.round(C[1] * 0.9), Math.max(3, 5)) : pe(C[0], Math.min(Math.round(C[1] * 1.1), 60), Math.max(88, 94 - C[1] * 0.18));
+  const I = e.btnColorHex || o, X = e.accentGradient ? "linear-gradient(135deg," + I + "," + (e.btnColorHex ? Re(e.btnColorHex)[700] : r[n ? 500 : 700]) + ")" : I, Q = e.btnTextHex || (Er(I, "#ffffff") >= 2.9 ? "#ffffff" : "rgba(0,0,0,0.87)"), Y = e.h1Color || null, d = e.h2Color || null, B = e.h3Color || null, A = e.h4Color || null, L = e.h5Color || null, N = e.h6Color || null, K = [{ key: "sm", px: 13 }, { key: "df", px: 12 }, { key: "lg", px: 18 }], U = K.find((be) => be.key === e.textSize) || K[1], J = e.baseFontPx > 0 ? e.baseFontPx : U.px, P = e.bodyLineHeight > 0 ? e.bodyLineHeight : 1.5, D = e.h1Size > 0 ? e.h1Size : 20, q = Math.round(D * 1.1), V = D, G = Math.max(Math.round(D * 0.9), 11), M = Math.max(Math.round(D * 0.8), 11), w = Math.max(Math.round(D * 0.7), 10), O = Math.max(Math.round(D * 0.6), 10), F = Math.max(Math.round(D * 0.5), 9), E = J, W = Math.round(J * 0.92), te = Math.round(J * 0.8), _ = Math.round(J * 0.72), me = e.headingWeight, Ne = e.headingLH > 0 ? e.headingLH : 1.2, je = e.bodyWeight > 0 ? e.bodyWeight : 400, Qe = Math.min(900, je + 200), Ze = { compact: 0.82, default: 1, comfortable: 1.16 }, Ie = e.densityScale > 0 ? e.densityScale / 100 : Ze[e.density] ?? 1, fr = Math.round(20 * Ie), Ve = Math.round(14 * Ie), Bt = e.cardGapPx > 0 ? e.cardGapPx : Math.round(16 * Ie), et = Math.round(11 * Ie * ({ compact: 0.66, default: 1, comfortable: 1.32 }[e.tableDensity] ?? 1)), Ue = e.containerPadPx > 0 ? e.containerPadPx : Math.round(10 * Ie), ee = e.radiusVal, St = ee + "px", Ct = Math.max(Math.round(ee * 0.6), 2) + "px", Ge = de(o, n ? 0.22 : 0.14), Ye = {
     0: "none",
-    1: "0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)",
-    2: "0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)",
-    4: "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
-    8: "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)"
-  }, Gr = "1px solid rgba(255,255,255,0.06)";
-  let Ct, et, Bt;
-  e.cardStyle === "outlined" ? (Ct = "none", et = "1.5px solid " + a.outline, Bt = "none") : e.cardStyle === "soft" ? (Ct = Ge[1], et = n ? Gr : "none", Bt = Ge[1]) : (Ct = Ge[8], et = n ? Gr : "none", Bt = Ge[4]), e.cardShadowPx >= 0 && (Ct = "0 " + Math.round(e.cardShadowPx * 0.45) + "px " + e.cardShadowPx + "px rgba(16,24,40," + (n ? 0.55 : 0.16) + ")");
-  let Ot = "transparent", Yr = "1px solid " + a.divider, fr = "none";
-  e.cardHeader === "plain" ? Yr = "none" : e.cardHeader === "tinted" ? Ot = a.pContainer : e.cardHeader === "accent" && (fr = "inset 3px 0 0 " + o), e.headerStrength >= 0 && (e.cardHeader === "tinted" ? Ot = pe(e.primaryHex, (n ? 0.14 : 0.08) * (e.headerStrength / 100)) : e.cardHeader === "accent" && (fr = "inset " + Math.round(e.headerStrength * 0.06) + "px 0 0 " + o)), e.cardHdrHex && (Ot = e.cardHdrHex);
-  const uo = n ? "none" : Ge[4], fo = n ? "1px solid " + a.divider : "none", ho = e.nestedStyle === "bordered" ? "1.5px solid " + a.outline : "1px solid " + a.divider, go = e.nestedDepth > 0 ? "inset 3px 0 0 " + pe(e.primaryHex, 0.55) + ", 0 " + Math.round(e.nestedDepth * 0.4) + "px " + e.nestedDepth + "px rgba(16,24,40," + (n ? 0.42 : 0.1) + ")" : "none", mo = (e.appName || "").trim().split(/\s+/).slice(0, 2).map((ve) => ve[0] || "").join("").toUpperCase() || "AP", yo = !!(e.logoMode === "image" && e.logoUrl), bo = !!e.loginImage, Jr = (ve) => {
-    const Ce = ve || "Roboto";
+    1: n ? `0 2px 8px -1px ${Ge}, 0 2px 4px 0 rgba(0,0,0,0.28)` : `0 2px 6px -1px ${Ge}, 0 1px 3px 0 rgba(0,0,0,0.08)`,
+    2: n ? `0 4px 14px -2px ${Ge}, 0 3px 8px 0 rgba(0,0,0,0.32)` : `0 3px 8px -2px ${Ge}, 0 2px 6px 0 rgba(0,0,0,0.08)`,
+    4: n ? `0 6px 20px -3px ${Ge}, 0 4px 12px 0 rgba(0,0,0,0.38)` : `0 4px 12px -2px ${Ge}, 0 3px 8px 0 rgba(0,0,0,0.1)`,
+    8: n ? `0 8px 32px -4px ${Ge}, 0 16px 36px 0 rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.08)` : `0 6px 22px -2px ${Ge}, 0 8px 24px 0 rgba(0,0,0,0.08)`
+  }, Yr = "1px solid rgba(255,255,255,0.06)";
+  let wt, tt, Ot;
+  if (e.cardStyle === "outlined" ? (wt = "none", tt = "1.5px solid " + a.outline, Ot = "none") : e.cardStyle === "soft" ? (wt = Ye[1], tt = n ? Yr : "none", Ot = Ye[1]) : (wt = Ye[8], tt = n ? Yr : "none", Ot = Ye[4]), e.cardShadowPx >= 0) {
+    const be = de(o, n ? Math.min(0.38, 0.12 + e.cardShadowPx / 80) : Math.min(0.24, 0.08 + e.cardShadowPx / 130));
+    wt = `0 ${Math.round(e.cardShadowPx * 0.4)}px ${Math.round(e.cardShadowPx * 1.3)}px ${be}, 0 ${Math.round(e.cardShadowPx * 0.6)}px ${Math.round(e.cardShadowPx * 1.8)}px rgba(0,0,0,${n ? 0.52 : 0.08})`;
+  }
+  let Dt = "transparent", Jr = "1px solid " + a.divider, hr = "none";
+  e.cardHeader === "plain" ? Jr = "none" : e.cardHeader === "tinted" ? Dt = a.pContainer : e.cardHeader === "accent" && (hr = "inset 3px 0 0 " + o), e.headerStrength >= 0 && (e.cardHeader === "tinted" ? Dt = de(e.primaryHex, (n ? 0.14 : 0.08) * (e.headerStrength / 100)) : e.cardHeader === "accent" && (hr = "inset " + Math.round(e.headerStrength * 0.06) + "px 0 0 " + o)), e.cardHdrHex && (Dt = e.cardHdrHex);
+  const fo = n ? "none" : Ye[4], ho = n ? "1px solid " + a.divider : "none", go = e.nestedStyle === "bordered" ? "1.5px solid " + a.outline : "1px solid " + a.divider, mo = e.nestedDepth > 0 ? "inset 3px 0 0 " + de(e.primaryHex, 0.55) + ", 0 " + Math.round(e.nestedDepth * 0.4) + "px " + e.nestedDepth + "px rgba(16,24,40," + (n ? 0.42 : 0.1) + ")" : "none", yo = (e.appName || "").trim().split(/\s+/).slice(0, 2).map((be) => be[0] || "").join("").toUpperCase() || "AP", bo = !!(e.logoMode === "image" && e.logoUrl), xo = !!e.loginImage, qr = (be) => {
+    const Ce = be || "Roboto";
     return Ce.includes(" ") && !Ce.startsWith('"') && !Ce.startsWith("'") ? `"${Ce}"` : Ce;
-  }, xo = Jr(e.headingFont || e.fontFamily), vo = Jr(e.fontFamily), Se = Dr(e.primaryHex)[0], xe = (ve, Ce) => ce((ve % 360 + 360) % 360, 62, n ? 60 : 46), qr = {
-    brand: [o, s, xe(Se + 42), xe(Se + 205), xe(Se + 120)],
-    categorical: [xe(Se), xe(Se + 72), xe(Se + 144), xe(Se + 216), xe(Se + 288)],
-    sequential: [ce(Se, 55, n ? 40 : 78), ce(Se, 60, n ? 50 : 64), o, ce(Se, 70, n ? 70 : 38), ce(Se, 78, n ? 82 : 26)],
+  }, vo = qr(e.headingFont || e.fontFamily), So = qr(e.fontFamily), Se = Mr(e.primaryHex)[0], ve = (be, Ce) => pe((be % 360 + 360) % 360, 62, n ? 60 : 46), Kr = {
+    brand: [o, s, ve(Se + 42), ve(Se + 205), ve(Se + 120)],
+    categorical: [ve(Se), ve(Se + 72), ve(Se + 144), ve(Se + 216), ve(Se + 288)],
+    sequential: [pe(Se, 55, n ? 40 : 78), pe(Se, 60, n ? 50 : 64), o, pe(Se, 70, n ? 70 : 38), pe(Se, 78, n ? 82 : 26)],
     cbsafe: ["#0072B2", "#E69F00", "#009E73", "#CC79A7", "#56B4E9"],
-    warm: [xe(8), xe(28), xe(45), xe(350), xe(18)],
-    cool: [xe(200), xe(220), xe(255), xe(180), xe(235)]
-  }, So = qr[e.chartScheme] || qr.brand, Co = [r[600], t[600], ce((Se + 42) % 360, 55, 46), ce((Se + 205) % 360, 50, 46)], wo = { error: { cb: c, cc: y }, success: { cb: m, cc: u }, info: { cb: f, cc: x }, warning: { cb: g, cc: h } }, hr = e.mapGlass === "light", ko = hr ? "rgba(255,255,255,0.84)" : "rgba(15,20,28,0.74)", To = hr ? "#1c2733" : "#f3f6fa", Ro = hr ? "rgba(0,0,0,0.12)" : "rgba(255,255,255,0.18)", Eo = "repeating-linear-gradient(45deg, rgba(255,255,255,0.04) 0px, rgba(255,255,255,0.04) 11px, rgba(255,255,255,0) 11px, rgba(255,255,255,0) 22px), radial-gradient(circle at 50% 38%, " + pe(o, 0.22) + ", rgba(0,0,0,0) 60%), " + "#0f141c", Ho = "linear-gradient(135deg," + o + "," + r[700] + ")", Po = "linear-gradient(180deg," + pe(r[900], 0.12) + "," + pe(r[900], 0.55) + ")", $o = "linear-gradient(135deg," + r[700] + "," + r[900] + ")", Ao = "linear-gradient(135deg," + pe(r[900], 0.55) + "," + pe(e.primaryHex, 0.45) + ")", Kr = { "top-right": { top: "14px", right: "14px" }, "top-center": { top: "14px", left: "50%", transform: "translateX(-50%)" }, "bottom-right": { bottom: "14px", right: "14px" }, "bottom-left": { bottom: "14px", left: "14px" } }, Io = Kr[e.notifPosition] || Kr["top-right"], Xr = e.notifAccent === "primary" ? { bar: o, icbg: a.pContainer, icc: a.onPContainer, dot: o } : e.notifAccent === "mono" ? { bar: a.textSecondary, icbg: a.paper2, icc: a.textPrimary, dot: a.textSecondary } : { bar: e.warningHex, icbg: g, icc: h, dot: e.warningHex };
-  let Dt;
-  e.notifStyle === "toast" ? Dt = { boxShadow: Ge[8], border: typeof et == "string" && et !== "none" ? et : "none" } : e.notifStyle === "banner" ? Dt = { boxShadow: Ge[2], borderLeft: "4px solid " + Xr.bar } : Dt = { boxShadow: "none", border: "1px solid " + a.divider };
-  const Bo = e.notifCardHex || (n ? "#1e1e1e" : "#ffffff"), Oo = { compact: "7px", default: "11px", comfortable: "16px" }, Do = { compact: "6px", default: "12px", comfortable: "22px" }, Mo = { top: "flex-start", middle: "center", bottom: "flex-end" }, Fo = { left: "flex-start", center: "center", right: "flex-end" }, Wo = { plain: "transparent", tinted: a.paper2, accent: a.highlightSoft }, zo = {
-    rowPy: Oo[e.tableDensity] || "11px",
-    cellPx: Do[e.tableColDensity] || "12px",
+    warm: [ve(8), ve(28), ve(45), ve(350), ve(18)],
+    cool: [ve(200), ve(220), ve(255), ve(180), ve(235)]
+  }, Co = Kr[e.chartScheme] || Kr.brand, wo = [r[600], t[600], pe((Se + 42) % 360, 55, 46), pe((Se + 205) % 360, 50, 46)], ko = { error: { cb: c, cc: y }, success: { cb: m, cc: u }, info: { cb: f, cc: x }, warning: { cb: g, cc: h } }, gr = e.mapGlass === "light", To = gr ? "rgba(255,255,255,0.84)" : "rgba(15,20,28,0.74)", Ro = gr ? "#1c2733" : "#f3f6fa", Eo = gr ? "rgba(0,0,0,0.12)" : "rgba(255,255,255,0.18)", Ho = "repeating-linear-gradient(45deg, rgba(255,255,255,0.04) 0px, rgba(255,255,255,0.04) 11px, rgba(255,255,255,0) 11px, rgba(255,255,255,0) 22px), radial-gradient(circle at 50% 38%, " + de(o, 0.22) + ", rgba(0,0,0,0) 60%), " + "#0f141c", Po = "linear-gradient(135deg," + o + "," + r[700] + ")", $o = "linear-gradient(180deg," + de(r[900], 0.12) + "," + de(r[900], 0.55) + ")", Ao = "linear-gradient(135deg," + r[700] + "," + r[900] + ")", Io = "linear-gradient(135deg," + de(r[900], 0.55) + "," + de(e.primaryHex, 0.45) + ")", Xr = { "top-right": { top: "14px", right: "14px" }, "top-center": { top: "14px", left: "50%", transform: "translateX(-50%)" }, "bottom-right": { bottom: "14px", right: "14px" }, "bottom-left": { bottom: "14px", left: "14px" } }, Bo = Xr[e.notifPosition] || Xr["top-right"], Qr = e.notifAccent === "primary" ? { bar: o, icbg: a.pContainer, icc: a.onPContainer, dot: o } : e.notifAccent === "mono" ? { bar: a.textSecondary, icbg: a.paper2, icc: a.textPrimary, dot: a.textSecondary } : { bar: e.warningHex, icbg: g, icc: h, dot: e.warningHex };
+  let Mt;
+  e.notifStyle === "toast" ? Mt = { boxShadow: Ye[8], border: typeof tt == "string" && tt !== "none" ? tt : "none" } : e.notifStyle === "banner" ? Mt = { boxShadow: Ye[2], borderLeft: "4px solid " + Qr.bar } : Mt = { boxShadow: "none", border: "1px solid " + a.divider };
+  const Oo = e.notifCardHex || (n ? "#1e1e1e" : "#ffffff"), Do = { compact: "7px", default: "11px", comfortable: "16px" }, Mo = { compact: "6px", default: "12px", comfortable: "22px" }, Fo = { top: "flex-start", middle: "center", bottom: "flex-end" }, Wo = { left: "flex-start", center: "center", right: "flex-end" }, zo = { plain: "transparent", tinted: a.paper2, accent: a.highlightSoft }, _o = {
+    rowPy: Do[e.tableDensity] || "11px",
+    cellPx: Mo[e.tableColDensity] || "12px",
     rowBorder: e.tableDividers ? (e.tableRowDivW || 1) + "px solid " + a.divider : "none",
     colBorder: e.tableColDividers ? (e.tableColDivW || 1) + "px solid " + a.divider : "none",
-    headBg: Wo[e.tableHeaderStyle] || a.paper2,
-    cellAI: Mo[e.tableCellAlignV] || "center",
-    cellJC: Fo[e.tableCellAlignH] || "flex-start",
+    headBg: zo[e.tableHeaderStyle] || a.paper2,
+    cellAI: Fo[e.tableCellAlignV] || "center",
+    cellJC: Wo[e.tableCellAlignH] || "flex-start",
     stripeBg: n ? "rgba(255,255,255,0.035)" : "rgba(0,0,0,0.028)",
     statusMap: {
       Delivered: { sb: m, sc: u },
@@ -4240,24 +4243,24 @@ function Vr(e) {
       Pending: { sb: g, sc: h },
       Shipped: { sb: f, sc: x }
     },
-    filters: ["All", "Delivered", "Processing", "Pending"].map((ve, Ce) => ({
-      label: ve,
+    filters: ["All", "Delivered", "Processing", "Pending"].map((be, Ce) => ({
+      label: be,
       bg: Ce === 0 ? a.highlightSoft : "transparent",
       c: Ce === 0 ? a.textPrimary : a.textSecondary,
       brd: Ce === 0 ? a.highlightBd : a.outline
     }))
-  }, _o = { sm: "Small", df: "Default", lg: "Large" }, Lo = { compact: "Compact", default: "Default", comfortable: "Comfortable" }, No = { outlined: "Outlined", soft: "Soft", floating: "Floating" }, jo = { sharp: "Sharp", rounded: "Rounded", round: "Round" }, Vo = [
+  }, Lo = { sm: "Small", df: "Default", lg: "Large" }, No = { compact: "Compact", default: "Default", comfortable: "Comfortable" }, jo = { outlined: "Outlined", soft: "Soft", floating: "Floating" }, Vo = { sharp: "Sharp", rounded: "Rounded", round: "Round" }, Uo = [
     { key: "sidebar", label: "Sidebar", desc: "Full drawer", ic: "▤" },
     { key: "rail", label: "Rail", desc: "Icons only", ic: "▥" },
     { key: "topbar", label: "Top Bar", desc: "Horizontal", ic: "▦" }
-  ], Uo = e.fontFamily + " · " + (_o[e.textSize] || "Default"), Go = (jo[e.radiusPreset] || "Custom") + " · " + (Lo[e.density] || "Default") + " · " + (No[e.cardStyle] || "Soft"), Yo = [
+  ], Go = e.fontFamily + " · " + (Lo[e.textSize] || "Default"), Yo = (Vo[e.radiusPreset] || "Custom") + " · " + (No[e.density] || "Default") + " · " + (jo[e.cardStyle] || "Soft"), Jo = [
     { label: "General", ic: "◉" },
     { label: "Appearance", ic: "◧" },
     { label: "Modules", ic: "◫" },
     { label: "Team", ic: "◍" },
     { label: "Security", ic: "▣" },
     { label: "Billing", ic: "◳" }
-  ].map((ve, Ce) => ({ ...ve, on: Ce === 1, bg: Ce === 1 ? a.highlightSoft : "transparent", c: Ce === 1 ? a.textPrimary : a.textSecondary, bar: Ce === 1 ? "3px solid " + a.highlight : "3px solid transparent" })), Jo = Vo.map((ve) => ({ ...ve, active: e.navPattern === ve.key, brd: e.navPattern === ve.key ? o : a.divider, bg: e.navPattern === ve.key ? a.pContainer : a.paper, color: e.navPattern === ve.key ? a.onPContainer : a.textPrimary })), qo = e.sidebarWidth, Ko = e.appBarH > 0 ? e.appBarH : 56, Xo = e.appBarH > 0 ? e.appBarH + "px" : "Auto (56px)";
+  ].map((be, Ce) => ({ ...be, on: Ce === 1, bg: Ce === 1 ? a.highlightSoft : "transparent", c: Ce === 1 ? a.textPrimary : a.textSecondary, bar: Ce === 1 ? "3px solid " + a.highlight : "3px solid transparent" })), qo = Uo.map((be) => ({ ...be, active: e.navPattern === be.key, brd: e.navPattern === be.key ? o : a.divider, bg: e.navPattern === be.key ? a.pContainer : a.paper, color: e.navPattern === be.key ? a.onPContainer : a.textPrimary })), Ko = e.sidebarWidth, Xo = e.appBarH > 0 ? e.appBarH : 56, Qo = e.appBarH > 0 ? e.appBarH + "px" : "Auto (56px)";
   return {
     pal: r,
     spal: t,
@@ -4273,7 +4276,7 @@ function Vr(e) {
     warnTxt: h,
     infoTxt: x,
     sucTxt: u,
-    sevMap: wo,
+    sevMap: ko,
     accentBg: X,
     btnText: Q,
     hc1: Y,
@@ -4304,59 +4307,59 @@ function Vr(e) {
     wH6: me,
     headLH: Ne,
     bodyWeightEff: je,
-    bwEmph: Xe,
-    pad: ur,
+    bwEmph: Qe,
+    pad: fr,
     padSm: Ve,
-    gap: It,
-    rowPy: Ze,
+    gap: Bt,
+    rowPy: et,
     screenPad: Ue,
     r: ee,
-    rad: vt,
-    radSm: St,
-    SH: Ge,
-    cardShadow: Ct,
-    cardBorder: et,
-    btnShadow: Bt,
-    cardHdrBg: Ot,
-    cardHdrBorder: Yr,
-    cardHdrAccent: fr,
-    appbarShadow: uo,
-    appbarBorder: fo,
-    nestBorder: ho,
-    nestShadow: go,
-    iconInitials: mo,
-    hasLogo: yo,
-    hasLoginImage: bo,
-    headFam: xo,
-    bodyFam: vo,
+    rad: St,
+    radSm: Ct,
+    SH: Ye,
+    cardShadow: wt,
+    cardBorder: tt,
+    btnShadow: Ot,
+    cardHdrBg: Dt,
+    cardHdrBorder: Jr,
+    cardHdrAccent: hr,
+    appbarShadow: fo,
+    appbarBorder: ho,
+    nestBorder: go,
+    nestShadow: mo,
+    iconInitials: yo,
+    hasLogo: bo,
+    hasLoginImage: xo,
+    headFam: vo,
+    bodyFam: So,
     chartHue: Se,
-    chartPalette: So,
-    avatarColors: Co,
-    overlaySurface: ko,
-    onOverlay: To,
-    overlayBorder: Ro,
-    mediaBg: Eo,
-    loginBrandGrad: Ho,
-    loginScrimGrad: Po,
-    loginCenteredGrad: $o,
-    loginScrimGradC: Ao,
-    npos: Io,
-    nacc: Xr,
-    toastDeco: Dt,
-    toastBg: Bo,
+    chartPalette: Co,
+    avatarColors: wo,
+    overlaySurface: To,
+    onOverlay: Ro,
+    overlayBorder: Eo,
+    mediaBg: Ho,
+    loginBrandGrad: Po,
+    loginScrimGrad: $o,
+    loginCenteredGrad: Ao,
+    loginScrimGradC: Io,
+    npos: Bo,
+    nacc: Qr,
+    toastDeco: Mt,
+    toastBg: Oo,
     btnCase: e.btnCase !== "none" ? "uppercase" : "none",
-    table: zo,
-    typeSummary: Uo,
-    shapeSummary: Go,
-    settingsCats: Yo,
-    navSettingsChips: Jo,
-    sidebarWidth: qo,
-    appBarHEff: Ko,
-    appBarHLabel: Xo
+    table: _o,
+    typeSummary: Go,
+    shapeSummary: Yo,
+    settingsCats: Jo,
+    navSettingsChips: qo,
+    sidebarWidth: Ko,
+    appBarHEff: Xo,
+    appBarHLabel: Qo
   };
 }
-function Ks({ icon: e, title: r, info: t, open: n, dimmed: o, onToggle: s, onPreviewMenu: a, children: l }) {
-  const c = j((v) => v.settings), g = c.mode === "dark", f = c.primaryHex || "#4F6BFF", m = De(c.mode), y = Re(f), h = Vr(c), x = n ? g ? pe(f, 0.22) : pe(f, 0.1) : "transparent", u = n ? g ? y[200] : y[700] : m.text, b = n ? f : m.chevron;
+function Xs({ icon: e, title: r, info: t, open: n, dimmed: o, onToggle: s, onPreviewMenu: a, children: l }) {
+  const c = j((v) => v.settings), g = c.mode === "dark", f = c.primaryHex || "#4F6BFF", m = De(c.mode), y = Re(f), h = Ur(c), x = n ? g ? de(f, 0.22) : de(f, 0.1) : "transparent", u = n ? g ? y[200] : y[700] : m.text, b = n ? f : m.chevron;
   return /* @__PURE__ */ p(
     S,
     {
@@ -4409,16 +4412,16 @@ function Ks({ icon: e, title: r, info: t, open: n, dimmed: o, onToggle: s, onPre
             ]
           }
         ),
-        /* @__PURE__ */ i(Zo, { in: n, unmountOnExit: !0, timeout: 280, children: /* @__PURE__ */ i(S, { sx: { p: "2px 13px 12px", borderTop: `1px solid ${m.divider}` }, children: l }) })
+        /* @__PURE__ */ i(ei, { in: n, unmountOnExit: !0, timeout: 280, children: /* @__PURE__ */ i(S, { sx: { p: "2px 13px 12px", borderTop: `1px solid ${m.divider}` }, children: l }) })
       ]
     }
   );
 }
 function we() {
   const e = j((r) => r.settings);
-  return Qo(() => Vr(e), [e]);
+  return Zo(() => Ur(e), [e]);
 }
-function lt({ tabs: e, active: r, onChange: t }) {
+function dt({ tabs: e, active: r, onChange: t }) {
   const n = j((y) => y.settings.mode), o = j((y) => y.settings.primaryHex) || "#4F6BFF", s = j((y) => y.settings.highlightHex) || "#ffd400", a = j((y) => y.settings.bodyWeight) || 400, l = n === "dark", c = Math.min(900, a + 200), g = we(), f = l ? "#e6edf3" : "#1c2127", m = l ? "#cdd4de" : "#5a6573";
   return /* @__PURE__ */ i(S, { sx: { display: "flex", gap: "2px", mb: "2px", px: "2px", borderBottom: "1.5px solid rgba(120,130,145,0.5)" }, children: e.map((y) => {
     const h = y.key === r, x = /* @__PURE__ */ i(
@@ -4445,10 +4448,10 @@ function lt({ tabs: e, active: r, onChange: t }) {
           textAlign: "center",
           color: h ? f : m,
           opacity: h ? 1 : 0.3,
-          bgcolor: h ? pe(s, l ? 0.26 : 0.18) : "transparent",
+          bgcolor: h ? de(s, l ? 0.26 : 0.18) : "transparent",
           borderBottom: h ? `3px solid ${o}` : "2px solid transparent",
           transition: "color .16s ease, background .16s ease, border-color .16s ease, opacity .16s ease",
-          "&:hover": h ? { bgcolor: pe(s, l ? 0.26 : 0.18) } : { opacity: 1, bgcolor: "rgba(150,160,175,0.35)", borderRadius: "8px", boxShadow: "0 6px 18px rgba(0,0,0,0.35)", transform: "translateY(-2px)" }
+          "&:hover": h ? { bgcolor: de(s, l ? 0.26 : 0.18) } : { opacity: 1, bgcolor: "rgba(150,160,175,0.35)", borderRadius: "8px", boxShadow: "0 6px 18px rgba(0,0,0,0.35)", transform: "translateY(-2px)" }
         },
         children: y.label
       },
@@ -4457,7 +4460,7 @@ function lt({ tabs: e, active: r, onChange: t }) {
     return y.info ? /* @__PURE__ */ i(ze, { title: y.info, arrow: !0, slotProps: { popper: { style: { pointerEvents: "none" } } }, children: x }, y.key) : x;
   }) });
 }
-const Qt = [
+const Zt = [
   {
     id: "corporate",
     name: "Corporate Blue",
@@ -4467,7 +4470,9 @@ const Qt = [
       iconColor: "#2563EB",
       surfaceTint: "brand",
       cardHeader: "accent",
-      highlightHex: "#00D2FF"
+      highlightHex: "#00D2FF",
+      cardStyle: "floating",
+      cardShadowPx: 20
     }
   },
   {
@@ -4479,28 +4484,32 @@ const Qt = [
       iconColor: "#2EE6A6",
       surfaceTint: "brand",
       cardHeader: "accent",
-      highlightHex: "#FFC255"
+      highlightHex: "#FFC255",
+      cardStyle: "floating",
+      cardShadowPx: 20
     }
   },
   {
     id: "indigo",
     name: "Indigo Violet",
     snap: {
-      primaryHex: "#7C3AED",
-      secondaryHex: "#EC4899",
-      iconColor: "#7C3AED",
+      primaryHex: "#EC4899",
+      secondaryHex: "#7C3AED",
+      iconColor: "#EC4899",
       surfaceTint: "brand",
       cardHeader: "accent",
-      highlightHex: "#EC4899"
+      highlightHex: "#7C3AED",
+      cardStyle: "floating",
+      cardShadowPx: 20
     }
   },
-  { id: "slate", name: "Graphite", snap: { primaryHex: "#455a64", secondaryHex: "#78909c", iconColor: "#455a64" } },
-  { id: "teal", name: "Ocean Teal", snap: { primaryHex: "#00838f", secondaryHex: "#0277bd", iconColor: "#00838f" } },
-  { id: "amber", name: "Amber", snap: { primaryHex: "#e65100", secondaryHex: "#d84315", iconColor: "#e65100" } }
+  { id: "slate", name: "Graphite", snap: { primaryHex: "#455a64", secondaryHex: "#78909c", iconColor: "#455a64", cardStyle: "floating", cardShadowPx: 16 } },
+  { id: "teal", name: "Ocean Teal", snap: { primaryHex: "#00838f", secondaryHex: "#0277bd", iconColor: "#00838f", cardStyle: "floating", cardShadowPx: 20 } },
+  { id: "amber", name: "Amber", snap: { primaryHex: "#e65100", secondaryHex: "#d84315", iconColor: "#e65100", cardStyle: "floating", cardShadowPx: 20 } }
 ];
-function Xs() {
+function Qs() {
   var G, M;
-  const [e, r] = Z("presets"), t = j((w) => w.settings), n = t.mode === "dark", o = t.highlightHex || "#ffd400", s = pe(o, n ? 0.3 : 0.18), a = n ? "#e6edf3" : "#1c2127", l = n ? "rgba(255,255,255,0.82)" : "#2c333d", c = j((w) => w.savedThemes), g = j((w) => w.applyPreset), f = j((w) => w.applySaved), m = j((w) => w.saveTheme), y = j((w) => w.updateSaved), h = j((w) => w.renameSaved), x = j((w) => w.deleteSaved), u = j((w) => w.importTheme), b = j((w) => w.set), v = j((w) => w.isDirty), $ = j((w) => w.editingSavedId), H = j((w) => w.lastImportedId), C = c.find((w) => w.id === $), k = (w, O) => {
+  const [e, r] = Z("presets"), t = j((w) => w.settings), n = t.mode === "dark", o = t.highlightHex || "#ffd400", s = de(o, n ? 0.3 : 0.18), a = n ? "#e6edf3" : "#1c2127", l = n ? "rgba(255,255,255,0.82)" : "#2c333d", c = j((w) => w.savedThemes), g = j((w) => w.applyPreset), f = j((w) => w.applySaved), m = j((w) => w.saveTheme), y = j((w) => w.updateSaved), h = j((w) => w.renameSaved), x = j((w) => w.deleteSaved), u = j((w) => w.importTheme), b = j((w) => w.set), v = j((w) => w.isDirty), $ = j((w) => w.editingSavedId), H = j((w) => w.lastImportedId), C = c.find((w) => w.id === $), k = (w, O) => {
     const F = new Blob([JSON.stringify({ name: w, snap: O }, null, 2)], { type: "application/json" }), E = URL.createObjectURL(F), W = document.createElement("a");
     W.href = E, W.download = `${w.replace(/[^a-z0-9]+/gi, "-").toLowerCase()}.theme.json`, W.click(), URL.revokeObjectURL(E);
   }, [R, z] = Z("");
@@ -4522,7 +4531,7 @@ function Xs() {
     F.onload = () => {
       try {
         const W = JSON.parse(F.result), te = W.snap ?? W;
-        if (!qs(te)) {
+        if (!Ks(te)) {
           z("Invalid theme file. The selected file is not a valid Theme Studio export.");
           return;
         }
@@ -4536,18 +4545,18 @@ function Xs() {
         z("Invalid theme file. The selected file is not a valid Theme Studio export.");
       }
     }, F.readAsText(O), w.target.value = "";
-  }, [d, B] = Z(null), [A, L] = Z(!1), [N, K] = Z(""), [U, J] = Z(null), [P, D] = Z(null), q = (C == null ? void 0 : C.name) || ((G = Qt.find((w) => w.id === t.presetId)) == null ? void 0 : G.name) || ((M = c.find((w) => w.id === t.presetId)) == null ? void 0 : M.name) || "Custom Theme", V = (w, O) => {
+  }, [d, B] = Z(null), [A, L] = Z(!1), [N, K] = Z(""), [U, J] = Z(null), [P, D] = Z(null), q = (C == null ? void 0 : C.name) || ((G = Zt.find((w) => w.id === t.presetId)) == null ? void 0 : G.name) || ((M = c.find((w) => w.id === t.presetId)) == null ? void 0 : M.name) || "Custom Theme", V = (w, O) => {
     const F = w.trim();
     return F ? c.some((E) => E.name.toLowerCase() === F.toLowerCase() && E.id !== O) ? "Name already exists" : "" : "Name required";
   };
   return /* @__PURE__ */ p(ge, { children: [
-    /* @__PURE__ */ i(lt, { active: e, onChange: r, tabs: [
+    /* @__PURE__ */ i(dt, { active: e, onChange: r, tabs: [
       { key: "presets", label: "Presets", info: "Ready-made colour themes." },
       { key: "saved", label: "My Themes", info: "Your saved custom themes." },
       { key: "mode", label: "Mode", info: "Light / Dark." }
     ] }),
     /* @__PURE__ */ p(S, { sx: { p: "12px 2px 2px" }, children: [
-      e === "presets" && /* @__PURE__ */ i(S, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "9px" }, children: Qt.map((w) => {
+      e === "presets" && /* @__PURE__ */ i(S, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "9px" }, children: Zt.map((w) => {
         const O = t.presetId === w.id;
         return /* @__PURE__ */ p(
           S,
@@ -4632,28 +4641,28 @@ function Xs() {
       ] }),
       e === "mode" && /* @__PURE__ */ i(S, { sx: { display: "flex", gap: 1 }, children: ["light", "dark"].map((w) => /* @__PURE__ */ i(ke, { onClick: () => b({ mode: w }), variant: t.mode === w ? "contained" : "outlined", sx: { flex: 1, textTransform: "capitalize" }, children: w }, w)) })
     ] }),
-    /* @__PURE__ */ p(ei, { open: !!d, anchorEl: d == null ? void 0 : d.el, onClose: () => B(null), children: [
-      /* @__PURE__ */ i(gt, { onClick: () => {
+    /* @__PURE__ */ p(ti, { open: !!d, anchorEl: d == null ? void 0 : d.el, onClose: () => B(null), children: [
+      /* @__PURE__ */ i(mt, { onClick: () => {
         const w = c.find((O) => O.id === d.id);
         f(w), B(null);
       }, children: "✏️ Edit" }),
-      /* @__PURE__ */ i(gt, { onClick: () => {
+      /* @__PURE__ */ i(mt, { onClick: () => {
         const w = c.find((O) => O.id === d.id);
         J({ id: w.id, name: w.name }), B(null);
       }, children: "✎ Rename" }),
-      /* @__PURE__ */ i(gt, { onClick: () => {
+      /* @__PURE__ */ i(mt, { onClick: () => {
         const w = c.find((O) => O.id === d.id);
         D({ id: w.id, name: w.name }), B(null);
       }, children: "🗑 Delete" }),
-      /* @__PURE__ */ i(gt, { onClick: () => {
+      /* @__PURE__ */ i(mt, { onClick: () => {
         const w = c.find((O) => O.id === d.id);
         k(w.name, w.snap), B(null);
       }, children: "⤓ Download" })
     ] }),
-    /* @__PURE__ */ p(mt, { open: A, onClose: () => L(!1), children: [
-      /* @__PURE__ */ i(Ft, { children: C ? `Save changes to “${C.name}”` : "Save theme" }),
-      /* @__PURE__ */ i(Wt, { children: /* @__PURE__ */ i(
-        Qr,
+    /* @__PURE__ */ p(yt, { open: A, onClose: () => L(!1), children: [
+      /* @__PURE__ */ i(Wt, { children: C ? `Save changes to “${C.name}”` : "Save theme" }),
+      /* @__PURE__ */ i(zt, { children: /* @__PURE__ */ i(
+        Zr,
         {
           autoFocus: !0,
           fullWidth: !0,
@@ -4666,7 +4675,7 @@ function Xs() {
           sx: { mt: 1 }
         }
       ) }),
-      /* @__PURE__ */ p(zt, { children: [
+      /* @__PURE__ */ p(_t, { children: [
         /* @__PURE__ */ i(ke, { onClick: () => L(!1), children: "Cancel" }),
         C && /* @__PURE__ */ i(
           ke,
@@ -4692,24 +4701,24 @@ function Xs() {
         )
       ] })
     ] }),
-    /* @__PURE__ */ p(mt, { open: !!U, onClose: () => J(null), children: [
-      /* @__PURE__ */ i(Ft, { children: "Rename theme" }),
-      /* @__PURE__ */ i(Wt, { children: /* @__PURE__ */ i(Qr, { autoFocus: !0, fullWidth: !0, size: "small", label: "New name", value: (U == null ? void 0 : U.name) ?? "", onChange: (w) => J((O) => O && { ...O, name: w.target.value }), error: !!(U && V(U.name, U.id)), helperText: U ? V(U.name, U.id) : "", sx: { mt: 1 } }) }),
-      /* @__PURE__ */ p(zt, { children: [
+    /* @__PURE__ */ p(yt, { open: !!U, onClose: () => J(null), children: [
+      /* @__PURE__ */ i(Wt, { children: "Rename theme" }),
+      /* @__PURE__ */ i(zt, { children: /* @__PURE__ */ i(Zr, { autoFocus: !0, fullWidth: !0, size: "small", label: "New name", value: (U == null ? void 0 : U.name) ?? "", onChange: (w) => J((O) => O && { ...O, name: w.target.value }), error: !!(U && V(U.name, U.id)), helperText: U ? V(U.name, U.id) : "", sx: { mt: 1 } }) }),
+      /* @__PURE__ */ p(_t, { children: [
         /* @__PURE__ */ i(ke, { onClick: () => J(null), children: "Cancel" }),
         /* @__PURE__ */ i(ke, { variant: "contained", disabled: !!(U && V(U.name, U.id)), onClick: () => {
           h(U.id, U.name.trim()), J(null);
         }, children: "Rename" })
       ] })
     ] }),
-    /* @__PURE__ */ p(mt, { open: !!I, onClose: () => X(null), children: [
-      /* @__PURE__ */ i(Ft, { children: "Theme already exists" }),
-      /* @__PURE__ */ i(Wt, { children: /* @__PURE__ */ p(ue, { variant: "body2", children: [
+    /* @__PURE__ */ p(yt, { open: !!I, onClose: () => X(null), children: [
+      /* @__PURE__ */ i(Wt, { children: "Theme already exists" }),
+      /* @__PURE__ */ i(zt, { children: /* @__PURE__ */ p(ue, { variant: "body2", children: [
         "A theme named “",
         I == null ? void 0 : I.name,
         "” is already in My Themes. Upload it anyway as a copy?"
       ] }) }),
-      /* @__PURE__ */ p(zt, { children: [
+      /* @__PURE__ */ p(_t, { children: [
         /* @__PURE__ */ i(ke, { onClick: () => {
           X(null), z("You’ve selected a duplicate file — it already exists.");
         }, children: "Cancel" }),
@@ -4718,14 +4727,14 @@ function Xs() {
         }, children: "Yes, continue" })
       ] })
     ] }),
-    /* @__PURE__ */ p(mt, { open: !!P, onClose: () => D(null), children: [
-      /* @__PURE__ */ i(Ft, { children: "Delete theme" }),
-      /* @__PURE__ */ i(Wt, { children: /* @__PURE__ */ p(ue, { variant: "body2", children: [
+    /* @__PURE__ */ p(yt, { open: !!P, onClose: () => D(null), children: [
+      /* @__PURE__ */ i(Wt, { children: "Delete theme" }),
+      /* @__PURE__ */ i(zt, { children: /* @__PURE__ */ p(ue, { variant: "body2", children: [
         "Delete “",
         P == null ? void 0 : P.name,
         "”? This cannot be undone."
       ] }) }),
-      /* @__PURE__ */ p(zt, { children: [
+      /* @__PURE__ */ p(_t, { children: [
         /* @__PURE__ */ i(ke, { onClick: () => D(null), children: "Cancel" }),
         /* @__PURE__ */ i(ke, { color: "error", variant: "contained", onClick: () => {
           x(P.id), D(null);
@@ -4734,7 +4743,7 @@ function Xs() {
     ] })
   ] });
 }
-function Qs({ tip: e, sk: r }) {
+function Zs({ tip: e, sk: r }) {
   return /* @__PURE__ */ i(
     S,
     {
@@ -4745,14 +4754,14 @@ function Qs({ tip: e, sk: r }) {
     }
   );
 }
-function rt({ children: e, tip: r, sk: t, mt: n }) {
+function nt({ children: e, tip: r, sk: t, mt: n }) {
   const o = we();
   return /* @__PURE__ */ p(S, { sx: { fontSize: `${o.tCaption}px`, fontWeight: o.bwEmph, fontFamily: `${o.bodyFam},sans-serif`, color: t.label2, textTransform: "uppercase", letterSpacing: ".5px", mb: "6px", mt: n ? `${n}px` : 0, display: "flex", alignItems: "center", gap: "5px" }, children: [
     e,
-    r && /* @__PURE__ */ i(Qs, { tip: r, sk: t })
+    r && /* @__PURE__ */ i(Zs, { tip: r, sk: t })
   ] });
 }
-function ht({ value: e, onChange: r, w: t = 30, h: n = 24, r: o = 7, border: s, sk: a }) {
+function gt({ value: e, onChange: r, w: t = 30, h: n = 24, r: o = 7, border: s, sk: a }) {
   return /* @__PURE__ */ i(S, { sx: { width: t, height: n, borderRadius: `${o}px`, position: "relative", overflow: "hidden", flexShrink: 0, background: e, border: s ? `1px solid ${a.insetBd}` : "none" }, children: /* @__PURE__ */ i(
     S,
     {
@@ -4764,8 +4773,8 @@ function ht({ value: e, onChange: r, w: t = 30, h: n = 24, r: o = 7, border: s,
     }
   ) });
 }
-const Zs = /^#[0-9a-fA-F]{6}$/;
-function el({ value: e, onCommit: r, onWarnChange: t }) {
+const el = /^#[0-9a-fA-F]{6}$/;
+function tl({ value: e, onCommit: r, onWarnChange: t }) {
   const [n, o] = Z(!1), [s, a] = Z(e), [l, c] = Z(""), g = Te(void 0);
   _e(() => {
     n || a(e);
@@ -4776,10 +4785,10 @@ function el({ value: e, onCommit: r, onWarnChange: t }) {
     }, 3e3));
   }, m = (y) => {
     const h = y.trim();
-    return Zs.test(h) ? (f(""), r(h), !0) : (f("Enter a valid hex colour, e.g. #4F6BFF"), !1);
+    return el.test(h) ? (f(""), r(h), !0) : (f("Enter a valid hex colour, e.g. #4F6BFF"), !1);
   };
   return n ? /* @__PURE__ */ i(
-    Fr,
+    Wr,
     {
       autoFocus: !0,
       value: s,
@@ -4811,7 +4820,7 @@ function el({ value: e, onCommit: r, onWarnChange: t }) {
     }
   );
 }
-function tl() {
+function rl() {
   const [e, r] = Z("brand"), [t, n] = Z(""), o = j((v) => v.settings), s = j((v) => v.set), a = De(o.mode), l = we(), c = { fontSize: "11.5px", color: a.body, fontWeight: 600 }, g = { fontSize: `${l.tBodySm}px`, color: a.body, fontWeight: l.bodyWeightEff, fontFamily: `${l.bodyFam},sans-serif`, lineHeight: l.bodyLH }, f = o.primaryHex || "#4F6BFF", m = Re(f), y = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900].map((v) => m[v]), h = (v) => s({ ...v, presetId: "custom" }), x = [
     { key: "h1Color", label: "H1 · Page Title" },
     { key: "h2Color", label: "H2 · Metric" },
@@ -4831,7 +4840,7 @@ function tl() {
     { key: "notifCardHex", label: "Notification background", fb: "#ffffff" }
   ];
   return /* @__PURE__ */ p(S, { sx: { display: "flex", flexDirection: "column", gap: "11px" }, children: [
-    /* @__PURE__ */ i(lt, { active: e, onChange: r, tabs: [
+    /* @__PURE__ */ i(dt, { active: e, onChange: r, tabs: [
       { key: "brand", label: "Brand", info: "Core brand colours — primary, secondary and the selection highlight colour used across the app." },
       { key: "text", label: "Text", info: "Heading and body text colours" },
       { key: "status", label: "Status", info: "Status colours & surface overrides" }
@@ -4839,9 +4848,9 @@ function tl() {
     /* @__PURE__ */ p(S, { sx: { p: "12px 2px 2px", display: "flex", flexDirection: "column", gap: "11px" }, children: [
       e === "brand" && /* @__PURE__ */ p(S, { sx: { display: "flex", flexDirection: "column", gap: "11px" }, children: [
         /* @__PURE__ */ p(S, { children: [
-          /* @__PURE__ */ i(rt, { sk: a, tip: "Primary brand colour — main/filled buttons, active sidebar item, links, focus rings, first chart series, and the login Sign-in button.", children: "Brand Color" }),
+          /* @__PURE__ */ i(nt, { sk: a, tip: "Primary brand colour — main/filled buttons, active sidebar item, links, focus rings, first chart series, and the login Sign-in button.", children: "Brand Color" }),
           /* @__PURE__ */ p(S, { sx: { position: "relative", height: 46, borderRadius: "11px", background: f, overflow: "hidden", display: "flex", alignItems: "center", px: "14px", boxShadow: `0 3px 10px ${f}44` }, children: [
-            /* @__PURE__ */ i(el, { value: f, onCommit: (v) => h({ primaryHex: v }), onWarnChange: n }),
+            /* @__PURE__ */ i(tl, { value: f, onCommit: (v) => h({ primaryHex: v }), onWarnChange: n }),
             /* @__PURE__ */ i(S, { component: "input", type: "color", value: f, onChange: (v) => h({ primaryHex: v.target.value }), sx: { position: "absolute", inset: 0, width: "100%", height: "100%", opacity: 0, cursor: "pointer", border: "none", p: 0 } })
           ] }),
           /* @__PURE__ */ i(S, { sx: { display: "flex", gap: "2px", borderRadius: "7px", overflow: "hidden", height: 14, mt: "7px" }, children: y.map((v, $) => /* @__PURE__ */ i(S, { sx: { flex: 1, background: v } }, $)) }),
@@ -4864,50 +4873,50 @@ function tl() {
           ] })
         ] }),
         /* @__PURE__ */ p(S, { children: [
-          /* @__PURE__ */ i(rt, { sk: a, tip: "Secondary accent — secondary/outlined buttons, switches & toggles, selected chips, and the second data series in charts.", children: "Secondary / Accent" }),
+          /* @__PURE__ */ i(nt, { sk: a, tip: "Secondary accent — secondary/outlined buttons, switches & toggles, selected chips, and the second data series in charts.", children: "Secondary / Accent" }),
           /* @__PURE__ */ i(S, { sx: { position: "relative", height: 34, borderRadius: "9px", background: o.secondaryHex, overflow: "hidden" }, children: /* @__PURE__ */ i(S, { component: "input", type: "color", value: o.secondaryHex, onChange: (v) => h({ secondaryHex: v.target.value }), sx: { position: "absolute", inset: 0, width: "100%", height: "100%", opacity: 0, cursor: "pointer", border: "none", p: 0 } }) })
         ] }),
         /* @__PURE__ */ p(S, { children: [
-          /* @__PURE__ */ i(rt, { sk: a, tip: "Accent colour used to draw attention — highlight panels, featured badges, callouts. Defaults to the brand colour.", children: "Highlight Colour" }),
+          /* @__PURE__ */ i(nt, { sk: a, tip: "Accent colour used to draw attention — highlight panels, featured badges, callouts. Defaults to the brand colour.", children: "Highlight Colour" }),
           /* @__PURE__ */ i(S, { sx: { position: "relative", height: 34, borderRadius: "8px", background: o.highlightHex || o.primaryHex, overflow: "hidden", border: `1px solid ${a.insetBd}` }, children: /* @__PURE__ */ i(S, { component: "input", type: "color", value: o.highlightHex || o.primaryHex, onChange: (v) => h({ highlightHex: v.target.value }), sx: { position: "absolute", inset: 0, width: "100%", height: "100%", opacity: 0, cursor: "pointer", border: "none", p: 0 } }) })
         ] })
       ] }),
       e === "text" && /* @__PURE__ */ p(S, { sx: { display: "flex", flexDirection: "column", gap: "11px" }, children: [
-        /* @__PURE__ */ i(rt, { sk: a, children: "Heading Text Colors" }),
+        /* @__PURE__ */ i(nt, { sk: a, children: "Heading Text Colors" }),
         /* @__PURE__ */ i(S, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "9px" }, children: x.map((v) => /* @__PURE__ */ p(S, { sx: { display: "flex", alignItems: "center", gap: "9px" }, children: [
-          /* @__PURE__ */ i(ht, { sk: a, border: !0, value: o[v.key] || "#1c2127", onChange: ($) => s({ [v.key]: $ }) }),
+          /* @__PURE__ */ i(gt, { sk: a, border: !0, value: o[v.key] || "#1c2127", onChange: ($) => s({ [v.key]: $ }) }),
           /* @__PURE__ */ i(S, { component: "span", sx: g, children: v.label })
         ] }, v.key)) }),
-        /* @__PURE__ */ i(rt, { sk: a, children: "Body Text Colors" }),
+        /* @__PURE__ */ i(nt, { sk: a, children: "Body Text Colors" }),
         /* @__PURE__ */ p(S, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "7px" }, children: [
           /* @__PURE__ */ p(S, { sx: { display: "flex", alignItems: "center", gap: "9px" }, children: [
-            /* @__PURE__ */ i(ht, { sk: a, border: !0, value: o.textPrimaryHex || "#1c2127", onChange: (v) => s({ textPrimaryHex: v }) }),
+            /* @__PURE__ */ i(gt, { sk: a, border: !0, value: o.textPrimaryHex || "#1c2127", onChange: (v) => s({ textPrimaryHex: v }) }),
             /* @__PURE__ */ i(S, { component: "span", sx: c, title: "Main body text colour.", children: "Primary Text" })
           ] }),
           /* @__PURE__ */ p(S, { sx: { display: "flex", alignItems: "center", gap: "9px" }, children: [
-            /* @__PURE__ */ i(ht, { sk: a, border: !0, value: o.textSecondaryHex || "#5a6573", onChange: (v) => s({ textSecondaryHex: v }) }),
+            /* @__PURE__ */ i(gt, { sk: a, border: !0, value: o.textSecondaryHex || "#5a6573", onChange: (v) => s({ textSecondaryHex: v }) }),
             /* @__PURE__ */ i(S, { component: "span", sx: c, title: "Muted text colour.", children: "Secondary Text" })
           ] }),
           /* @__PURE__ */ p(S, { sx: { display: "flex", alignItems: "center", gap: "9px" }, children: [
-            /* @__PURE__ */ i(ht, { sk: a, border: !0, value: o.dividerHex || "#e3e8ee", onChange: (v) => s({ dividerHex: v }) }),
+            /* @__PURE__ */ i(gt, { sk: a, border: !0, value: o.dividerHex || "#e3e8ee", onChange: (v) => s({ dividerHex: v }) }),
             /* @__PURE__ */ i(S, { component: "span", sx: c, title: "Divider / border colour.", children: "Divider" })
           ] })
         ] })
       ] }),
       e === "status" && /* @__PURE__ */ p(S, { sx: { display: "flex", flexDirection: "column", gap: "7px" }, children: [
         /* @__PURE__ */ p(S, { children: [
-          /* @__PURE__ */ i(rt, { sk: a, tip: "Success, warning, error & info colours — used for alerts, status pills, toasts and validation states.", children: "Status Colors" }),
+          /* @__PURE__ */ i(nt, { sk: a, tip: "Success, warning, error & info colours — used for alerts, status pills, toasts and validation states.", children: "Status Colors" }),
           /* @__PURE__ */ i(S, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "7px" }, children: u.map((v) => /* @__PURE__ */ p(S, { sx: { display: "flex", alignItems: "center", gap: "8px", background: a.card, border: `1px solid ${a.insetBd}`, borderRadius: "9px", px: "9px", py: "7px" }, children: [
-            /* @__PURE__ */ i(ht, { sk: a, w: 22, h: 22, r: 6, value: o[v.key], onChange: ($) => s({ [v.key]: $ }) }),
+            /* @__PURE__ */ i(gt, { sk: a, w: 22, h: 22, r: 6, value: o[v.key], onChange: ($) => s({ [v.key]: $ }) }),
             /* @__PURE__ */ i(S, { component: "span", sx: c, children: v.label })
           ] }, v.key)) })
         ] }),
         /* @__PURE__ */ p(S, { children: [
-          /* @__PURE__ */ i(rt, { sk: a, tip: "Override the auto-generated surface colours. Leave on Auto to follow the surface tint & mode.", children: "Surfaces" }),
+          /* @__PURE__ */ i(nt, { sk: a, tip: "Override the auto-generated surface colours. Leave on Auto to follow the surface tint & mode.", children: "Surfaces" }),
           /* @__PURE__ */ i(S, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "7px" }, children: b.map((v) => {
             const $ = !!o[v.key];
             return /* @__PURE__ */ p(S, { sx: { display: "flex", alignItems: "center", gap: "8px", background: a.card, border: `1px solid ${a.insetBd}`, borderRadius: "9px", px: "9px", py: "5px" }, children: [
-              /* @__PURE__ */ i(ht, { sk: a, w: 22, h: 22, r: 6, border: !0, value: o[v.key] || v.fb, onChange: (H) => s({ [v.key]: H }) }),
+              /* @__PURE__ */ i(gt, { sk: a, w: 22, h: 22, r: 6, border: !0, value: o[v.key] || v.fb, onChange: (H) => s({ [v.key]: H }) }),
               /* @__PURE__ */ i(S, { component: "span", sx: { ...c, flex: 1 }, children: v.label }),
               $ && /* @__PURE__ */ i(
                 S,
@@ -4926,7 +4935,7 @@ function tl() {
     ] })
   ] });
 }
-function be(e) {
+function xe(e) {
   const { label: r, info: t, value: n, effective: o, min: s, max: a, step: l = 1, unit: c = "", autoLabel: g, autoValue: f = 0, softMin: m, softMax: y, floorValue: h, floorReset: x, floorMessage: u, extra: b, onChange: v } = e, $ = De(j((K) => K.settings.mode)), H = we(), C = `${H.bodyFam},sans-serif`, [k, R] = Z(!1), [z, I] = Z(String(o)), [X, Q] = Z(""), Y = Te(void 0);
   _e(() => {
     k || I(String(o));
@@ -4956,7 +4965,7 @@ function be(e) {
       ] }),
       /* @__PURE__ */ p(S, { sx: { display: "flex", alignItems: "center", gap: "5px", flexShrink: 0 }, children: [
         k ? /* @__PURE__ */ i(
-          Fr,
+          Wr,
           {
             autoFocus: !0,
             value: z,
@@ -5046,24 +5055,24 @@ function be(e) {
     ] })
   ] });
 }
-const Dn = /* @__PURE__ */ new Set();
-function co(e, r) {
-  if (Dn.has(e)) return;
-  Dn.add(e);
+const Mn = /* @__PURE__ */ new Set();
+function po(e, r) {
+  if (Mn.has(e)) return;
+  Mn.add(e);
   const t = document.createElement("style");
   t.textContent = `@font-face{font-family:'${e}';src:url('${r}');font-display:swap;}`, document.head.appendChild(t);
 }
-function Mn(e) {
-  e.forEach((r) => co(r.name, r.dataUrl));
+function Fn(e) {
+  e.forEach((r) => po(r.name, r.dataUrl));
 }
-const rl = [
+const nl = [
   { key: "Roboto", label: "Roboto", sub: "Material" },
   { key: "Inter", label: "Inter", sub: "Enterprise" },
   { key: "DM Sans", label: "DM Sans", sub: "Modern" },
   { key: "Manrope", label: "Manrope", sub: "Geometric" },
   { key: "Plus Jakarta Sans", label: "Jakarta", sub: "Friendly" },
   { key: "Nunito Sans", label: "Nunito", sub: "Rounded" }
-], nl = [
+], ol = [
   { key: "Figtree", label: "Google Sans" },
   { key: "Roboto", label: "Roboto" },
   { key: "Inter", label: "Inter" },
@@ -5071,14 +5080,14 @@ const rl = [
   { key: "Manrope", label: "Manrope" },
   { key: "Plus Jakarta Sans", label: "Jakarta" }
 ];
-function Vt({ label: e, fam: r, active: t, onClick: n }) {
-  const o = j((f) => f.settings.mode), s = j((f) => f.settings.primaryHex) || "#4F6BFF", a = j((f) => f.settings.highlightHex) || "#ffd400", l = o === "dark", c = Re(s), g = pe(a, l ? 0.3 : 0.18);
+function Ut({ label: e, fam: r, active: t, onClick: n }) {
+  const o = j((f) => f.settings.mode), s = j((f) => f.settings.primaryHex) || "#4F6BFF", a = j((f) => f.settings.highlightHex) || "#ffd400", l = o === "dark", c = Re(s), g = de(a, l ? 0.3 : 0.18);
   return /* @__PURE__ */ i(S, { onClick: n, sx: { py: "17px", px: "4px", borderRadius: "10px", textAlign: "center", cursor: "pointer", border: `1px solid ${t ? l ? c[400] : s : l ? "#363d48" : "#e3e8ee"}`, bgcolor: t ? g : l ? "#262b34" : "#ffffff", transition: "all .14s ease", "&:hover": t ? {} : { borderColor: l ? "#4a5361" : "#c9d0d9" } }, children: /* @__PURE__ */ i(S, { sx: { fontFamily: `${r}, sans-serif`, fontSize: 13, fontWeight: 700, lineHeight: 1, color: t ? l ? c[200] : c[700] : l ? "#aeb6c0" : "#5a6573" }, children: e }) });
 }
-const ol = ["woff2", "woff", "ttf", "otf"], il = 10 * 1024 * 1024, al = (e) => new Promise((r, t) => {
+const il = ["woff2", "woff", "ttf", "otf"], al = 10 * 1024 * 1024, sl = (e) => new Promise((r, t) => {
   const n = new FileReader();
   n.onload = () => r(n.result), n.onerror = () => t(n.error), n.readAsDataURL(e);
-}), sl = (e) => new Promise((r) => {
+}), ll = (e) => new Promise((r) => {
   const t = setTimeout(() => r(!1), 5e3), n = new FileReader();
   n.onload = () => {
     var a;
@@ -5096,7 +5105,7 @@ const ol = ["woff2", "woff", "ttf", "otf"], il = 10 * 1024 * 1024, al = (e) => n
     clearTimeout(t), r(!1);
   }
 });
-function Fn({ label: e, list: r, onAdd: t }) {
+function Wn({ label: e, list: r, onAdd: t }) {
   const n = De(j((f) => f.settings.mode)), o = we(), [s, a] = Z(""), l = Te(void 0);
   _e(() => () => clearTimeout(l.current), []);
   const c = (f) => {
@@ -5108,15 +5117,15 @@ function Fn({ label: e, list: r, onAdd: t }) {
     const y = [], h = [], x = [], u = [], b = [];
     for (const H of m) {
       const C = (($ = H.name.split(".").pop()) == null ? void 0 : $.toLowerCase()) || "";
-      if (!ol.includes(C)) {
+      if (!il.includes(C)) {
         x.push(H.name);
         continue;
       }
-      if (H.size > il) {
+      if (H.size > al) {
         u.push(H.name);
         continue;
       }
-      if (!await sl(H)) {
+      if (!await ll(H)) {
         b.push(H.name);
         continue;
       }
@@ -5125,8 +5134,8 @@ function Fn({ label: e, list: r, onAdd: t }) {
         h.push(k);
         continue;
       }
-      const z = await al(H);
-      co(k, z), y.push({ name: k, dataUrl: z });
+      const z = await sl(H);
+      po(k, z), y.push({ name: k, dataUrl: z });
     }
     y.length && t(y);
     const v = [];
@@ -5145,9 +5154,9 @@ function Fn({ label: e, list: r, onAdd: t }) {
     ] })
   ] });
 }
-const ll = { compact: 1.15, default: 1.25, airy: 1.414 };
-function dl() {
-  const e = j((f) => f.settings), r = j((f) => f.set), t = De(e.mode), n = we(), [o, s] = Z(!1), a = e.scaleRatioCustom > 0 ? e.scaleRatioCustom : ll[e.scaleRatio] ?? 1.25, [l, c] = Z(a.toFixed(2));
+const dl = { compact: 1.15, default: 1.25, airy: 1.414 };
+function cl() {
+  const e = j((f) => f.settings), r = j((f) => f.set), t = De(e.mode), n = we(), [o, s] = Z(!1), a = e.scaleRatioCustom > 0 ? e.scaleRatioCustom : dl[e.scaleRatio] ?? 1.25, [l, c] = Z(a.toFixed(2));
   _e(() => {
     o || c(a.toFixed(2));
   }, [a, o]);
@@ -5156,7 +5165,7 @@ function dl() {
     isNaN(f) || r({ scaleRatioCustom: f }), s(!1);
   };
   return o ? /* @__PURE__ */ i(
-    Fr,
+    Wr,
     {
       autoFocus: !0,
       value: l,
@@ -5183,11 +5192,11 @@ function dl() {
     }
   );
 }
-function cl() {
+function pl() {
   const [e, r] = Z("bodyFont"), t = j((o) => o.settings), n = j((o) => o.set);
   return /* @__PURE__ */ p(ge, { children: [
     /* @__PURE__ */ i(
-      lt,
+      dt,
       {
         active: e,
         onChange: r,
@@ -5202,33 +5211,33 @@ function cl() {
     /* @__PURE__ */ p(S, { sx: { p: "12px 2px 2px" }, children: [
       e === "bodyFont" && /* @__PURE__ */ p(ge, { children: [
         /* @__PURE__ */ p(S, { sx: { display: "grid", gridTemplateColumns: "repeat(3,1fr)", gap: "10px" }, children: [
-          rl.map((o) => /* @__PURE__ */ i(Vt, { label: o.label, sub: o.sub, fam: o.key, active: t.fontFamily === o.key, onClick: () => n({ fontFamily: o.key }) }, o.key)),
-          t.customFonts.map((o) => /* @__PURE__ */ i(Vt, { label: o.name, sub: "Custom", fam: o.name, active: t.fontFamily === o.name, onClick: () => n({ fontFamily: o.name }) }, o.name))
+          nl.map((o) => /* @__PURE__ */ i(Ut, { label: o.label, sub: o.sub, fam: o.key, active: t.fontFamily === o.key, onClick: () => n({ fontFamily: o.key }) }, o.key)),
+          t.customFonts.map((o) => /* @__PURE__ */ i(Ut, { label: o.name, sub: "Custom", fam: o.name, active: t.fontFamily === o.name, onClick: () => n({ fontFamily: o.name }) }, o.name))
         ] }),
-        /* @__PURE__ */ i(Fn, { label: "Upload custom font", list: t.customFonts, onAdd: (o) => n({ customFonts: [...o, ...t.customFonts], fontFamily: o[0].name }) })
+        /* @__PURE__ */ i(Wn, { label: "Upload custom font", list: t.customFonts, onAdd: (o) => n({ customFonts: [...o, ...t.customFonts], fontFamily: o[0].name }) })
       ] }),
       e === "headFont" && /* @__PURE__ */ p(ge, { children: [
         /* @__PURE__ */ p(S, { sx: { display: "grid", gridTemplateColumns: "repeat(3,1fr)", gap: "10px" }, children: [
-          nl.map((o) => /* @__PURE__ */ i(Vt, { label: o.label, fam: o.key, active: t.headingFont === o.key, onClick: () => n({ headingFont: o.key }) }, o.key)),
-          t.customHeadFonts.map((o) => /* @__PURE__ */ i(Vt, { label: o.name, sub: "Custom", fam: o.name, active: t.headingFont === o.name, onClick: () => n({ headingFont: o.name }) }, o.name))
+          ol.map((o) => /* @__PURE__ */ i(Ut, { label: o.label, fam: o.key, active: t.headingFont === o.key, onClick: () => n({ headingFont: o.key }) }, o.key)),
+          t.customHeadFonts.map((o) => /* @__PURE__ */ i(Ut, { label: o.name, sub: "Custom", fam: o.name, active: t.headingFont === o.name, onClick: () => n({ headingFont: o.name }) }, o.name))
         ] }),
-        /* @__PURE__ */ i(Fn, { label: "Upload heading font", list: t.customHeadFonts, onAdd: (o) => n({ customHeadFonts: [...o, ...t.customHeadFonts], headingFont: o[0].name }) })
+        /* @__PURE__ */ i(Wn, { label: "Upload heading font", list: t.customHeadFonts, onAdd: (o) => n({ customHeadFonts: [...o, ...t.customHeadFonts], headingFont: o[0].name }) })
       ] }),
       e === "headText" && /* @__PURE__ */ p(ge, { children: [
-        /* @__PURE__ */ i(be, { label: "H1 size", info: "All heading levels scale from H1 by a modular ratio (configurable via the gear icon).", value: t.h1Size, effective: t.h1Size || 20, min: 18, max: 56, unit: "px", extra: /* @__PURE__ */ i(dl, {}), onChange: (o) => n({ h1Size: o }) }),
-        /* @__PURE__ */ i(be, { label: "Weight (all headings)", value: t.headingWeight, effective: t.headingWeight, min: 300, max: 900, step: 100, onChange: (o) => n({ headingWeight: o }) }),
-        /* @__PURE__ */ i(be, { label: "Line height (all headings)", value: t.headingLH, effective: t.headingLH || 1.2, min: 0.9, max: 2, step: 0.05, autoLabel: "Auto (1.20)", onChange: (o) => n({ headingLH: o }) })
+        /* @__PURE__ */ i(xe, { label: "H1 size", info: "All heading levels scale from H1 by a modular ratio (configurable via the gear icon).", value: t.h1Size, effective: t.h1Size || 20, min: 18, max: 56, unit: "px", extra: /* @__PURE__ */ i(cl, {}), onChange: (o) => n({ h1Size: o }) }),
+        /* @__PURE__ */ i(xe, { label: "Weight (all headings)", value: t.headingWeight, effective: t.headingWeight, min: 300, max: 900, step: 100, onChange: (o) => n({ headingWeight: o }) }),
+        /* @__PURE__ */ i(xe, { label: "Line height (all headings)", value: t.headingLH, effective: t.headingLH || 1.2, min: 0.9, max: 2, step: 0.05, autoLabel: "Auto (1.20)", onChange: (o) => n({ headingLH: o }) })
       ] }),
       e === "bodyText" && /* @__PURE__ */ p(ge, { children: [
-        /* @__PURE__ */ i(be, { label: "Base font size", info: "Root body text size.", value: t.baseFontPx, effective: t.baseFontPx || 12, min: 9, max: 20, unit: "px", softMin: 9, onChange: (o) => n({ baseFontPx: o }) }),
-        /* @__PURE__ */ i(be, { label: "Body weight", value: t.bodyWeight, effective: t.bodyWeight || 400, min: 300, max: 900, step: 100, autoLabel: "Auto (400)", onChange: (o) => n({ bodyWeight: o }) }),
-        /* @__PURE__ */ i(be, { label: "Body line height", value: t.bodyLineHeight, effective: t.bodyLineHeight || 1.5, min: 1.2, max: 2, step: 0.05, autoLabel: "Auto (1.50)", onChange: (o) => n({ bodyLineHeight: o }) })
+        /* @__PURE__ */ i(xe, { label: "Base font size", info: "Root body text size.", value: t.baseFontPx, effective: t.baseFontPx || 12, min: 9, max: 20, unit: "px", softMin: 9, onChange: (o) => n({ baseFontPx: o }) }),
+        /* @__PURE__ */ i(xe, { label: "Body weight", value: t.bodyWeight, effective: t.bodyWeight || 400, min: 300, max: 900, step: 100, autoLabel: "Auto (400)", onChange: (o) => n({ bodyWeight: o }) }),
+        /* @__PURE__ */ i(xe, { label: "Body line height", value: t.bodyLineHeight, effective: t.bodyLineHeight || 1.5, min: 1.2, max: 2, step: 0.05, autoLabel: "Auto (1.50)", onChange: (o) => n({ bodyLineHeight: o }) })
       ] })
     ] })
   ] });
 }
 function He({ options: e, value: r, columns: t = 3, onChange: n }) {
-  const o = j((v) => v.settings.mode), s = j((v) => v.settings.primaryHex) || "#4F6BFF", a = j((v) => v.settings.highlightHex) || "#ffd400", l = o === "dark", c = Re(s), g = we(), f = `${g.bodyFam},sans-serif`, m = pe(a, l ? 0.3 : 0.18), y = l ? c[400] : s, h = l ? c[200] : c[700], x = l ? "#262b34" : "#ffffff", u = l ? "#363d48" : "#e3e8ee", b = l ? "#aeb6c0" : "#5a6573";
+  const o = j((v) => v.settings.mode), s = j((v) => v.settings.primaryHex) || "#4F6BFF", a = j((v) => v.settings.highlightHex) || "#ffd400", l = o === "dark", c = Re(s), g = we(), f = `${g.bodyFam},sans-serif`, m = de(a, l ? 0.3 : 0.18), y = l ? c[400] : s, h = l ? c[200] : c[700], x = l ? "#262b34" : "#ffffff", u = l ? "#363d48" : "#e3e8ee", b = l ? "#aeb6c0" : "#5a6573";
   return /* @__PURE__ */ i(S, { sx: { display: "grid", gridTemplateColumns: `repeat(${t}, 1fr)`, gap: "6px" }, children: e.map((v) => {
     const $ = v.key === r, H = /* @__PURE__ */ i(
       S,
@@ -5257,12 +5266,12 @@ function He({ options: e, value: r, columns: t = 3, onChange: n }) {
     return v.info ? /* @__PURE__ */ i(ze, { title: v.info, arrow: !0, slotProps: { popper: { style: { pointerEvents: "none" } } }, children: H }, v.key) : H;
   }) });
 }
-const Ut = { outlined: 0, soft: 6, floating: 24 }, Gt = { plain: 0, tinted: 40, accent: 60 }, pl = { bordered: 0, recessed: 6, lighter: 4 };
-function ul() {
-  const [e, r] = Z("style"), t = j((c) => c.settings), n = j((c) => c.set), o = t.cardShadowPx >= 0 ? t.cardShadowPx : Ut[t.cardStyle] ?? 24, s = t.headerStrength >= 0 ? t.headerStrength : Gt[t.cardHeader] ?? 45, a = t.nestedDepth >= 0 ? t.nestedDepth : pl[t.nestedStyle] ?? 6, l = t.tintIntensity >= 0 ? t.tintIntensity : 100;
+const Gt = { outlined: 0, soft: 6, floating: 24 }, Yt = { plain: 0, tinted: 40, accent: 60 }, ul = { bordered: 0, recessed: 6, lighter: 4 };
+function fl() {
+  const [e, r] = Z("style"), t = j((c) => c.settings), n = j((c) => c.set), o = t.cardShadowPx >= 0 ? t.cardShadowPx : Gt[t.cardStyle] ?? 24, s = t.headerStrength >= 0 ? t.headerStrength : Yt[t.cardHeader] ?? 45, a = t.nestedDepth >= 0 ? t.nestedDepth : ul[t.nestedStyle] ?? 6, l = t.tintIntensity >= 0 ? t.tintIntensity : 100;
   return /* @__PURE__ */ p(ge, { children: [
     /* @__PURE__ */ i(
-      lt,
+      dt,
       {
         active: e,
         onChange: r,
@@ -5282,12 +5291,12 @@ function ul() {
             value: t.cardStyle,
             onChange: (c) => {
               const g = c;
-              n({ cardStyle: g, cardShadowPx: Ut[g] });
+              n({ cardStyle: g, cardShadowPx: Gt[g] });
             },
             options: [{ key: "outlined", label: "Outlined" }, { key: "soft", label: "Soft" }, { key: "floating", label: "Floating" }]
           }
         ),
-        /* @__PURE__ */ i(S, { sx: { mt: 1.5 }, children: /* @__PURE__ */ i(be, { label: "Shadow depth", info: "Card elevation (px).", value: t.cardShadowPx, effective: o, min: 0, max: 32, unit: "px", autoValue: -1, autoLabel: `Auto (${o}px)`, softMin: t.cardStyle === "outlined" ? void 0 : 1, softMax: 32, floorValue: t.cardStyle === "outlined" ? void 0 : 0, floorReset: Ut[t.cardStyle], floorMessage: `${t.cardStyle === "soft" ? "Soft" : "Floating"} cards need shadow - reset to ${Ut[t.cardStyle]}px`, onChange: (c) => n({ cardShadowPx: c }) }) })
+        /* @__PURE__ */ i(S, { sx: { mt: 1.5 }, children: /* @__PURE__ */ i(xe, { label: "Shadow depth", info: "Card elevation (px).", value: t.cardShadowPx, effective: o, min: 0, max: 32, unit: "px", autoValue: -1, autoLabel: `Auto (${o}px)`, softMin: t.cardStyle === "outlined" ? void 0 : 1, softMax: 32, floorValue: t.cardStyle === "outlined" ? void 0 : 0, floorReset: Gt[t.cardStyle], floorMessage: `${t.cardStyle === "soft" ? "Soft" : "Floating"} cards need shadow - reset to ${Gt[t.cardStyle]}px`, onChange: (c) => n({ cardShadowPx: c }) }) })
       ] }),
       e === "header" && /* @__PURE__ */ p(ge, { children: [
         /* @__PURE__ */ i(
@@ -5296,12 +5305,12 @@ function ul() {
             value: t.cardHeader,
             onChange: (c) => {
               const g = c;
-              n({ cardHeader: g, headerStrength: Gt[g] });
+              n({ cardHeader: g, headerStrength: Yt[g] });
             },
             options: [{ key: "plain", label: "Plain" }, { key: "tinted", label: "Tinted" }, { key: "accent", label: "Accent" }]
           }
         ),
-        /* @__PURE__ */ i(S, { sx: { mt: 1.5 }, children: /* @__PURE__ */ i(be, { label: "Header strength", info: "Header tint / accent intensity.", value: t.headerStrength, effective: s, min: 0, max: 100, unit: "%", autoValue: -1, autoLabel: `Auto (${s}%)`, softMin: t.cardHeader === "plain" ? void 0 : 1, floorValue: t.cardHeader === "plain" ? void 0 : 0, floorReset: Gt[t.cardHeader], floorMessage: `${t.cardHeader === "tinted" ? "Tinted" : "Accent"} headers need strength - reset to ${Gt[t.cardHeader]}%`, onChange: (c) => n({ headerStrength: c }) }) })
+        /* @__PURE__ */ i(S, { sx: { mt: 1.5 }, children: /* @__PURE__ */ i(xe, { label: "Header strength", info: "Header tint / accent intensity.", value: t.headerStrength, effective: s, min: 0, max: 100, unit: "%", autoValue: -1, autoLabel: `Auto (${s}%)`, softMin: t.cardHeader === "plain" ? void 0 : 1, floorValue: t.cardHeader === "plain" ? void 0 : 0, floorReset: Yt[t.cardHeader], floorMessage: `${t.cardHeader === "tinted" ? "Tinted" : "Accent"} headers need strength - reset to ${Yt[t.cardHeader]}%`, onChange: (c) => n({ headerStrength: c }) }) })
       ] }),
       e === "nested" && /* @__PURE__ */ p(ge, { children: [
         /* @__PURE__ */ i(
@@ -5312,7 +5321,7 @@ function ul() {
             options: [{ key: "recessed", label: "Recessed" }, { key: "lighter", label: "Lighter" }, { key: "bordered", label: "Bordered" }]
           }
         ),
-        /* @__PURE__ */ i(S, { sx: { mt: 1.5 }, children: /* @__PURE__ */ i(be, { label: "Nested depth", info: "Inset depth of cards-within-cards.", value: t.nestedDepth, effective: a, min: 0, max: 24, unit: "px", autoValue: -1, autoLabel: `Auto (${a}px)`, onChange: (c) => n({ nestedDepth: c }) }) })
+        /* @__PURE__ */ i(S, { sx: { mt: 1.5 }, children: /* @__PURE__ */ i(xe, { label: "Nested depth", info: "Inset depth of cards-within-cards.", value: t.nestedDepth, effective: a, min: 0, max: 24, unit: "px", autoValue: -1, autoLabel: `Auto (${a}px)`, onChange: (c) => n({ nestedDepth: c }) }) })
       ] }),
       e === "tint" && /* @__PURE__ */ p(ge, { children: [
         /* @__PURE__ */ i(
@@ -5323,15 +5332,15 @@ function ul() {
             options: [{ key: "snow", label: "None" }, { key: "neutral", label: "Low" }, { key: "brand", label: "High" }]
           }
         ),
-        /* @__PURE__ */ i(S, { sx: { mt: 1.5 }, children: /* @__PURE__ */ i(be, { label: "Tint intensity", info: "Strength of the page surface tint.", value: t.tintIntensity, effective: l, min: 0, max: 100, unit: "%", autoValue: -1, autoLabel: `Auto (${l}%)`, onChange: (c) => n({ tintIntensity: c }) }) })
+        /* @__PURE__ */ i(S, { sx: { mt: 1.5 }, children: /* @__PURE__ */ i(xe, { label: "Tint intensity", info: "Strength of the page surface tint.", value: t.tintIntensity, effective: l, min: 0, max: 100, unit: "%", autoValue: -1, autoLabel: `Auto (${l}%)`, onChange: (c) => n({ tintIntensity: c }) }) })
       ] })
     ] })
   ] });
 }
-function fl() {
+function hl() {
   const [e, r] = Z("rows"), t = j((o) => o.settings), n = j((o) => o.set);
   return /* @__PURE__ */ p(ge, { children: [
-    /* @__PURE__ */ i(lt, { active: e, onChange: r, tabs: [
+    /* @__PURE__ */ i(dt, { active: e, onChange: r, tabs: [
       { key: "rows", label: "Rows", info: "Row density & dividers." },
       { key: "cols", label: "Columns", info: "Column density & dividers." },
       { key: "cells", label: "Cells", info: "Cell text & vertical alignment." },
@@ -5347,8 +5356,8 @@ function fl() {
             options: [{ key: "compact", label: "Compact" }, { key: "default", label: "Default" }, { key: "comfortable", label: "Comfortable" }]
           }
         ),
-        /* @__PURE__ */ i(Rt, { sx: { mt: 1 }, control: /* @__PURE__ */ i(yt, { checked: t.tableDividers, onChange: (o) => n({ tableDividers: o.target.checked }) }), label: "Row dividers" }),
-        t.tableDividers && /* @__PURE__ */ i(be, { label: "Divider width", value: t.tableRowDivW, effective: t.tableRowDivW, min: 1, max: 4, unit: "px", onChange: (o) => n({ tableRowDivW: o }) })
+        /* @__PURE__ */ i(Et, { sx: { mt: 1 }, control: /* @__PURE__ */ i(bt, { checked: t.tableDividers, onChange: (o) => n({ tableDividers: o.target.checked }) }), label: "Row dividers" }),
+        t.tableDividers && /* @__PURE__ */ i(xe, { label: "Divider width", value: t.tableRowDivW, effective: t.tableRowDivW, min: 1, max: 4, unit: "px", onChange: (o) => n({ tableRowDivW: o }) })
       ] }),
       e === "cols" && /* @__PURE__ */ p(ge, { children: [
         /* @__PURE__ */ i(
@@ -5359,8 +5368,8 @@ function fl() {
             options: [{ key: "compact", label: "Compact" }, { key: "default", label: "Default" }, { key: "comfortable", label: "Comfortable" }]
           }
         ),
-        /* @__PURE__ */ i(Rt, { sx: { mt: 1 }, control: /* @__PURE__ */ i(yt, { checked: t.tableColDividers, onChange: (o) => n({ tableColDividers: o.target.checked }) }), label: "Column dividers" }),
-        t.tableColDividers && /* @__PURE__ */ i(be, { label: "Divider width", value: t.tableColDivW, effective: t.tableColDivW, min: 1, max: 4, unit: "px", onChange: (o) => n({ tableColDivW: o }) })
+        /* @__PURE__ */ i(Et, { sx: { mt: 1 }, control: /* @__PURE__ */ i(bt, { checked: t.tableColDividers, onChange: (o) => n({ tableColDividers: o.target.checked }) }), label: "Column dividers" }),
+        t.tableColDividers && /* @__PURE__ */ i(xe, { label: "Divider width", value: t.tableColDivW, effective: t.tableColDivW, min: 1, max: 4, unit: "px", onChange: (o) => n({ tableColDivW: o }) })
       ] }),
       e === "cells" && /* @__PURE__ */ p(ge, { children: [
         /* @__PURE__ */ i(
@@ -5389,16 +5398,16 @@ function fl() {
             options: [{ key: "plain", label: "Plain" }, { key: "tinted", label: "Tinted" }, { key: "accent", label: "Accent" }]
           }
         ),
-        /* @__PURE__ */ i(Rt, { sx: { mt: 1 }, control: /* @__PURE__ */ i(yt, { checked: t.tableStripe, onChange: (o) => n({ tableStripe: o.target.checked }) }), label: "Striped rows" })
+        /* @__PURE__ */ i(Et, { sx: { mt: 1 }, control: /* @__PURE__ */ i(bt, { checked: t.tableStripe, onChange: (o) => n({ tableStripe: o.target.checked }) }), label: "Striped rows" })
       ] })
     ] })
   ] });
 }
-const Er = { compact: 0.82, default: 1, comfortable: 1.16 };
-function hl() {
-  const [e, r] = Z("shape"), t = j((c) => c.settings), n = j((c) => c.set), o = De(t.mode), s = t.densityScale > 0 ? t.densityScale : Math.round((Er[t.density] ?? 1) * 100), a = t.cardGapPx > 0 ? t.cardGapPx : Math.round(16 * (Er[t.density] ?? 1)), l = t.containerPadPx > 0 ? t.containerPadPx : Math.round(10 * (Er[t.density] ?? 1));
+const Hr = { compact: 0.82, default: 1, comfortable: 1.16 };
+function gl() {
+  const [e, r] = Z("shape"), t = j((c) => c.settings), n = j((c) => c.set), o = De(t.mode), s = t.densityScale > 0 ? t.densityScale : Math.round((Hr[t.density] ?? 1) * 100), a = t.cardGapPx > 0 ? t.cardGapPx : Math.round(16 * (Hr[t.density] ?? 1)), l = t.containerPadPx > 0 ? t.containerPadPx : Math.round(10 * (Hr[t.density] ?? 1));
   return /* @__PURE__ */ p(ge, { children: [
-    /* @__PURE__ */ i(lt, { active: e, onChange: r, tabs: [
+    /* @__PURE__ */ i(dt, { active: e, onChange: r, tabs: [
       { key: "shape", label: "Shape", info: "Corner radius & layout density." },
       { key: "effects", label: "Effects", info: "Spacing, button case & status chips." }
     ] }),
@@ -5413,7 +5422,7 @@ function hl() {
             options: [{ key: "sharp", label: "Sharp" }, { key: "rounded", label: "Rounded" }, { key: "round", label: "Round" }]
           }
         ),
-        /* @__PURE__ */ i(S, { sx: { mt: 1.25 }, children: /* @__PURE__ */ i(be, { label: "Exact radius", value: t.radiusVal, effective: t.radiusVal, min: 0, max: 28, unit: "px", onChange: (c) => n({ radiusVal: c, radiusPreset: "rounded" }) }) }),
+        /* @__PURE__ */ i(S, { sx: { mt: 1.25 }, children: /* @__PURE__ */ i(xe, { label: "Exact radius", value: t.radiusVal, effective: t.radiusVal, min: 0, max: 28, unit: "px", onChange: (c) => n({ radiusVal: c, radiusPreset: "rounded" }) }) }),
         /* @__PURE__ */ i(ue, { variant: "caption", sx: { fontWeight: 700, color: o.label2, textTransform: "uppercase", letterSpacing: ".6px", display: "block", mb: 0.75, mt: 0.5 }, children: "Density" }),
         /* @__PURE__ */ i(
           He,
@@ -5423,15 +5432,15 @@ function hl() {
             options: [{ key: "compact", label: "Compact" }, { key: "default", label: "Default" }, { key: "comfortable", label: "Comfortable" }]
           }
         ),
-        /* @__PURE__ */ i(S, { sx: { mt: 1.25 }, children: /* @__PURE__ */ i(be, { label: "Exact density", info: "Fine-tune spacing scale (%).", value: t.densityScale, effective: s, min: 60, max: 140, unit: "%", onChange: (c) => n({ densityScale: c }) }) })
+        /* @__PURE__ */ i(S, { sx: { mt: 1.25 }, children: /* @__PURE__ */ i(xe, { label: "Exact density", info: "Fine-tune spacing scale (%).", value: t.densityScale, effective: s, min: 60, max: 140, unit: "%", onChange: (c) => n({ densityScale: c }) }) })
       ] }),
       e === "effects" && /* @__PURE__ */ p(ge, { children: [
-        /* @__PURE__ */ i(be, { label: "Card-to-card gap", value: t.cardGapPx, effective: a, min: 0, max: 40, step: 2, unit: "px", autoLabel: `Auto (${a}px)`, onChange: (c) => n({ cardGapPx: c }) }),
-        /* @__PURE__ */ i(be, { label: "Container padding", value: t.containerPadPx, effective: l, min: 0, max: 40, step: 2, unit: "px", autoLabel: `Auto (${l}px)`, onChange: (c) => n({ containerPadPx: c }) }),
-        /* @__PURE__ */ i(be, { label: "Edge gap", info: "Space between the preview frame and the outer app card.", value: t.edgePadPx, effective: t.edgePadPx, min: 0, max: 40, step: 2, unit: "px", autoLabel: "0px (flush)", onChange: (c) => n({ edgePadPx: c }) }),
+        /* @__PURE__ */ i(xe, { label: "Card-to-card gap", value: t.cardGapPx, effective: a, min: 0, max: 40, step: 2, unit: "px", autoLabel: `Auto (${a}px)`, onChange: (c) => n({ cardGapPx: c }) }),
+        /* @__PURE__ */ i(xe, { label: "Container padding", value: t.containerPadPx, effective: l, min: 0, max: 40, step: 2, unit: "px", autoLabel: `Auto (${l}px)`, onChange: (c) => n({ containerPadPx: c }) }),
+        /* @__PURE__ */ i(xe, { label: "Edge gap", info: "Space between the preview frame and the outer app card.", value: t.edgePadPx, effective: t.edgePadPx, min: 0, max: 40, step: 2, unit: "px", autoLabel: "0px (flush)", onChange: (c) => n({ edgePadPx: c }) }),
         /* @__PURE__ */ p(S, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mt: 1 }, children: [
           /* @__PURE__ */ i(ue, { variant: "caption", sx: { fontWeight: 700, color: o.label2 }, children: "Uppercase button labels" }),
-          /* @__PURE__ */ i(yt, { size: "small", checked: t.btnCase === "upper", onChange: (c) => n({ btnCase: c.target.checked ? "upper" : "none" }) })
+          /* @__PURE__ */ i(bt, { size: "small", checked: t.btnCase === "upper", onChange: (c) => n({ btnCase: c.target.checked ? "upper" : "none" }) })
         ] }),
         /* @__PURE__ */ p(S, { sx: { mt: 1.25 }, children: [
           /* @__PURE__ */ i(ue, { variant: "caption", sx: { fontWeight: 700, color: o.label2, textTransform: "uppercase", letterSpacing: ".6px", display: "block", mb: 0.75 }, children: "Status Chips" }),
@@ -5449,10 +5458,10 @@ function hl() {
     ] })
   ] });
 }
-function gl() {
+function ml() {
   const [e, r] = Z("placement"), t = j((o) => o.settings), n = j((o) => o.set);
   return /* @__PURE__ */ p(ge, { children: [
-    /* @__PURE__ */ i(lt, { active: e, onChange: r, tabs: [
+    /* @__PURE__ */ i(dt, { active: e, onChange: r, tabs: [
       { key: "placement", label: "Placement", info: "Where toasts appear." },
       { key: "behaviour", label: "Behaviour", info: "Width & auto-dismiss." }
     ] }),
@@ -5472,15 +5481,15 @@ function gl() {
         }
       ),
       e === "behaviour" && /* @__PURE__ */ p(ge, { children: [
-        /* @__PURE__ */ i(be, { label: "Toast width", value: t.toastW, effective: t.toastW || 252, min: 200, max: 500, unit: "px", softMax: 500, onChange: (o) => n({ toastW: o }) }),
-        /* @__PURE__ */ i(Rt, { sx: { mt: 0.5 }, control: /* @__PURE__ */ i(yt, { checked: t.notifBadge, onChange: (o) => n({ notifBadge: o.target.checked }) }), label: "Show unread badge" }),
-        /* @__PURE__ */ i(Rt, { sx: { mt: 0.5, display: "flex" }, control: /* @__PURE__ */ i(yt, { checked: t.notifAutoDismiss, onChange: (o) => n({ notifAutoDismiss: o.target.checked }) }), label: "Auto-dismiss toasts" }),
-        t.notifAutoDismiss && /* @__PURE__ */ i(be, { label: "Dismiss after", value: t.autoDismissSec, effective: t.autoDismissSec || 5, min: 5, max: 30, unit: "s", onChange: (o) => n({ autoDismissSec: o }) })
+        /* @__PURE__ */ i(xe, { label: "Toast width", value: t.toastW, effective: t.toastW || 252, min: 200, max: 500, unit: "px", softMax: 500, onChange: (o) => n({ toastW: o }) }),
+        /* @__PURE__ */ i(Et, { sx: { mt: 0.5 }, control: /* @__PURE__ */ i(bt, { checked: t.notifBadge, onChange: (o) => n({ notifBadge: o.target.checked }) }), label: "Show unread badge" }),
+        /* @__PURE__ */ i(Et, { sx: { mt: 0.5, display: "flex" }, control: /* @__PURE__ */ i(bt, { checked: t.notifAutoDismiss, onChange: (o) => n({ notifAutoDismiss: o.target.checked }) }), label: "Auto-dismiss toasts" }),
+        t.notifAutoDismiss && /* @__PURE__ */ i(xe, { label: "Dismiss after", value: t.autoDismissSec, effective: t.autoDismissSec || 5, min: 5, max: 30, unit: "s", onChange: (o) => n({ autoDismissSec: o }) })
       ] })
     ] })
   ] });
 }
-function ml({ label: e, info: r, value: t, fallback: n, onChange: o, onReset: s }) {
+function yl({ label: e, info: r, value: t, fallback: n, onChange: o, onReset: s }) {
   const a = De(j((f) => f.settings.mode)), [l, c] = Z(null), g = t || n;
   return /* @__PURE__ */ p(S, { sx: { display: "flex", alignItems: "center", gap: 1, py: 0.5 }, children: [
     /* @__PURE__ */ i(
@@ -5495,10 +5504,10 @@ function ml({ label: e, info: r, value: t, fallback: n, onChange: o, onReset: s
       r && /* @__PURE__ */ i(ze, { title: r, arrow: !0, slotProps: { popper: { style: { pointerEvents: "none" } } }, children: /* @__PURE__ */ i(S, { component: "span", sx: { width: 13, height: 13, borderRadius: "50%", border: `1.1px solid ${a.chevron}`, color: a.chevron, fontSize: 8, fontWeight: 800, fontStyle: "italic", fontFamily: "Georgia, serif", display: "inline-grid", placeItems: "center", cursor: "help" }, children: "i" }) })
     ] }),
     t && s && /* @__PURE__ */ i(S, { component: "span", onClick: s, title: "Reset to theme default", sx: { fontSize: 13, color: a.muted, cursor: "pointer" }, children: "↺" }),
-    /* @__PURE__ */ i(ti, { open: !!l, anchorEl: l, onClose: () => c(null), anchorOrigin: { vertical: "bottom", horizontal: "right" }, children: /* @__PURE__ */ i(S, { sx: { p: 1 }, children: /* @__PURE__ */ i("input", { type: "color", value: g, onChange: (f) => o(f.target.value), style: { width: 160, height: 40, border: "none", background: "none" } }) }) })
+    /* @__PURE__ */ i(ri, { open: !!l, anchorEl: l, onClose: () => c(null), anchorOrigin: { vertical: "bottom", horizontal: "right" }, children: /* @__PURE__ */ i(S, { sx: { p: 1 }, children: /* @__PURE__ */ i("input", { type: "color", value: g, onChange: (f) => o(f.target.value), style: { width: 160, height: 40, border: "none", background: "none" } }) }) })
   ] });
 }
-function yl({ src: e, aspect: r, onCancel: t, onConfirm: n }) {
+function bl({ src: e, aspect: r, onCancel: t, onConfirm: n }) {
   const [o, s] = Z(1), [a, l] = Z({ x: 0, y: 0 }), c = Te(null), g = Te(null), f = Te(null), m = Te(null);
   _e(() => {
     const x = (b) => {
@@ -5532,7 +5541,7 @@ function yl({ src: e, aspect: r, onCancel: t, onConfirm: n }) {
       n(e);
     }
   };
-  return ii(
+  return ai(
     /* @__PURE__ */ i(S, { sx: { position: "fixed", inset: 0, zIndex: 1400, bgcolor: "rgba(15,23,42,.6)", display: "flex", alignItems: "center", justifyContent: "center", p: 2.25, overflow: "auto" }, children: /* @__PURE__ */ p(S, { sx: { width: "100%", maxWidth: 320, bgcolor: "background.paper", border: "1px solid", borderColor: "divider", borderRadius: 3, boxShadow: "0 20px 50px rgba(15,23,42,.4)", p: 2 }, children: [
       /* @__PURE__ */ i(ue, { sx: { fontSize: 14, fontWeight: 800, mb: 0.5 }, children: "Adjust brand image" }),
       /* @__PURE__ */ i(ue, { sx: { fontSize: 11.5, color: "text.secondary", mb: 1.5, lineHeight: 1.45 }, children: "Drag and zoom to fit your image inside the bright frame. Anything in the dimmed area is cropped out." }),
@@ -5542,7 +5551,7 @@ function yl({ src: e, aspect: r, onCancel: t, onConfirm: n }) {
       ] }),
       /* @__PURE__ */ p(S, { sx: { display: "flex", alignItems: "center", gap: 1, my: 1.5 }, children: [
         /* @__PURE__ */ i(ue, { sx: { fontSize: 12, fontWeight: 700, color: "text.secondary" }, children: "Zoom" }),
-        /* @__PURE__ */ i(ri, { size: "small", min: 0.3, max: 4, step: 0.02, value: o, onChange: (x, u) => s(u) })
+        /* @__PURE__ */ i(ni, { size: "small", min: 0.3, max: 4, step: 0.02, value: o, onChange: (x, u) => s(u) })
       ] }),
       /* @__PURE__ */ p(S, { sx: { display: "flex", gap: 1 }, children: [
         /* @__PURE__ */ i(S, { component: "button", onClick: t, sx: { flex: 1, p: 1.25, borderRadius: 2.5, border: "1px solid", borderColor: "divider", bgcolor: "action.hover", color: "text.secondary", fontSize: 12.5, fontWeight: 700, cursor: "pointer" }, children: "Cancel" }),
@@ -5552,7 +5561,7 @@ function yl({ src: e, aspect: r, onCancel: t, onConfirm: n }) {
     document.body
   );
 }
-function bl() {
+function xl() {
   const e = j((f) => f.settings), r = j((f) => f.set), t = De(e.mode), [n, o] = Z(null), s = (f, m) => {
     var x;
     const y = (x = f.target.files) == null ? void 0 : x[0];
@@ -5584,12 +5593,12 @@ function bl() {
     ] }),
     /* @__PURE__ */ p(S, { children: [
       /* @__PURE__ */ i(ue, { variant: "caption", sx: { ...l, color: t.label2, display: "block", mb: 0.5 }, children: "Panel Colour" }),
-      /* @__PURE__ */ i(ml, { label: "Login panel background", value: e.loginPanelColor, fallback: e.primaryHex, onChange: (f) => r({ loginPanelColor: f }), onReset: () => r({ loginPanelColor: "" }) })
+      /* @__PURE__ */ i(yl, { label: "Login panel background", value: e.loginPanelColor, fallback: e.primaryHex, onChange: (f) => r({ loginPanelColor: f }), onReset: () => r({ loginPanelColor: "" }) })
     ] }),
-    n && /* @__PURE__ */ i(yl, { src: n.src, aspect: n.aspect, onCancel: () => o(null), onConfirm: a })
+    n && /* @__PURE__ */ i(bl, { src: n.src, aspect: n.aspect, onCancel: () => o(null), onConfirm: a })
   ] });
 }
-const xl = [
+const vl = [
   { key: "dashboard", label: "Dashboard" },
   { key: "orders", label: "Orders" },
   { key: "reports", label: "Reports" },
@@ -5597,14 +5606,14 @@ const xl = [
   { key: "operations", label: "Operations" },
   { key: "components", label: "Components" },
   { key: "login", label: "Login" }
-], vl = [
+], Sl = [
   { key: "dashboard", label: "Dashboard" },
   { key: "operations", label: "Operations" },
   { key: "cameras", label: "Cameras" },
   { key: "reports", label: "Reports" },
   { key: "orders", label: "Orders" },
   { key: "components", label: "Components" }
-], nt = lo((e) => ({
+], ot = co((e) => ({
   openSection: "",
   setOpenSection: (r) => e({ openSection: r }),
   previewScreen: "dashboard",
@@ -5614,12 +5623,12 @@ const xl = [
   studioOpen: !0,
   setStudioOpen: (r) => e({ studioOpen: r })
 }));
-function Sl({ onClose: e }) {
+function Cl({ onClose: e }) {
   var M, w, O, F;
-  const r = nt((E) => E.openSection), t = nt((E) => E.setOpenSection), n = nt((E) => E.setPreviewScreen), o = nt((E) => E.previewScreen), s = nt((E) => E.previewMenuOpen), a = nt((E) => E.setPreviewMenuOpen), l = j((E) => E.settings), c = j((E) => E.savedThemes), g = j((E) => E.editingSavedId), f = j((E) => E.isDirty), m = j((E) => E.set), y = j((E) => E.reset), h = De(l.mode), x = Te("theme"), [u, b] = Z(!1), v = (E, W) => {
+  const r = ot((E) => E.openSection), t = ot((E) => E.setOpenSection), n = ot((E) => E.setPreviewScreen), o = ot((E) => E.previewScreen), s = ot((E) => E.previewMenuOpen), a = ot((E) => E.setPreviewMenuOpen), l = j((E) => E.settings), c = j((E) => E.savedThemes), g = j((E) => E.editingSavedId), f = j((E) => E.isDirty), m = j((E) => E.set), y = j((E) => E.reset), h = De(l.mode), x = Te("theme"), [u, b] = Z(!1), v = (E, W) => {
     const te = r !== E;
     t(te ? E : ""), a(!1), te && x.current !== E && (n(W), x.current = E);
-  }, $ = ((M = c.find((E) => E.id === g)) == null ? void 0 : M.name) || ((w = Qt.find((E) => E.id === l.presetId)) == null ? void 0 : w.name) || ((O = c.find((E) => E.id === l.presetId)) == null ? void 0 : O.name) || "Custom Theme", H = f(), C = ((F = Qt.find((E) => E.id === Oe.presetId)) == null ? void 0 : F.name) ?? "default", k = { fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }, R = ({ children: E }) => /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", ...k, children: E }), z = /* @__PURE__ */ p(R, { children: [
+  }, $ = ((M = c.find((E) => E.id === g)) == null ? void 0 : M.name) || ((w = Zt.find((E) => E.id === l.presetId)) == null ? void 0 : w.name) || ((O = c.find((E) => E.id === l.presetId)) == null ? void 0 : O.name) || "Custom Theme", H = f(), C = ((F = Zt.find((E) => E.id === Oe.presetId)) == null ? void 0 : F.name) ?? "default", k = { fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }, R = ({ children: E }) => /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", ...k, children: E }), z = /* @__PURE__ */ p(R, { children: [
     /* @__PURE__ */ i("circle", { cx: "13.5", cy: "6.5", r: "2.5" }),
     /* @__PURE__ */ i("circle", { cx: "17.5", cy: "10.5", r: "2.5" }),
     /* @__PURE__ */ i("circle", { cx: "8.5", cy: "7.5", r: "2.5" }),
@@ -5658,14 +5667,14 @@ function Sl({ onClose: e }) {
     notif: `${q[l.notifPosition] ?? ""} · ${N(l.notifStyle)}`,
     login: `${D[l.loginLayout] ?? ""}${l.loginImage ? " · image" : ""}`
   }, G = [
-    { id: "theme", title: "Theme Settings", info: "Presets, saved themes & light/dark mode.", icon: z, screen: "dashboard", body: /* @__PURE__ */ i(Xs, {}) },
-    { id: "color", title: "Colour Settings", info: "Brand, text & status colours.", icon: I, screen: "components", body: /* @__PURE__ */ i(tl, {}) },
-    { id: "type", title: "Typography", info: "Fonts, sizes, weight & line-height.", icon: X, screen: "components", body: /* @__PURE__ */ i(cl, {}) },
-    { id: "cards", title: "Cards", info: "Card style, header, nesting & tint.", icon: Q, screen: "dashboard", body: /* @__PURE__ */ i(ul, {}) },
-    { id: "tables", title: "Tables", info: "Row/column density, dividers & alignment.", icon: Y, screen: "orders", body: /* @__PURE__ */ i(fl, {}) },
-    { id: "shape", title: "Surface & Shape", info: "Radius, density, elevation & spacing.", icon: d, screen: "dashboard", body: /* @__PURE__ */ i(hl, {}) },
-    { id: "notif", title: "Notifications", info: "Toast placement & behaviour.", icon: B, screen: "operations", body: /* @__PURE__ */ i(gl, {}) },
-    { id: "login", title: "Login Screen", info: "Brand image, logo & panel colour.", icon: A, screen: "login", body: /* @__PURE__ */ i(bl, {}) }
+    { id: "theme", title: "Theme Settings", info: "Presets, saved themes & light/dark mode.", icon: z, screen: "dashboard", body: /* @__PURE__ */ i(Qs, {}) },
+    { id: "color", title: "Colour Settings", info: "Brand, text & status colours.", icon: I, screen: "components", body: /* @__PURE__ */ i(rl, {}) },
+    { id: "type", title: "Typography", info: "Fonts, sizes, weight & line-height.", icon: X, screen: "components", body: /* @__PURE__ */ i(pl, {}) },
+    { id: "cards", title: "Cards", info: "Card style, header, nesting & tint.", icon: Q, screen: "dashboard", body: /* @__PURE__ */ i(fl, {}) },
+    { id: "tables", title: "Tables", info: "Row/column density, dividers & alignment.", icon: Y, screen: "orders", body: /* @__PURE__ */ i(hl, {}) },
+    { id: "shape", title: "Surface & Shape", info: "Radius, density, elevation & spacing.", icon: d, screen: "dashboard", body: /* @__PURE__ */ i(gl, {}) },
+    { id: "notif", title: "Notifications", info: "Toast placement & behaviour.", icon: B, screen: "operations", body: /* @__PURE__ */ i(ml, {}) },
+    { id: "login", title: "Login Screen", info: "Brand image, logo & panel colour.", icon: A, screen: "login", body: /* @__PURE__ */ i(xl, {}) }
   ];
   return /* @__PURE__ */ p(S, { sx: { display: "flex", flexDirection: "column", bgcolor: h.card }, children: [
     /* @__PURE__ */ p(S, { sx: { display: "flex", alignItems: "center", gap: 1, px: 1.5, py: 1.1, borderBottom: `1px solid ${h.divider}`, bgcolor: h.card }, children: [
@@ -5677,12 +5686,12 @@ function Sl({ onClose: e }) {
         /* @__PURE__ */ i(ue, { variant: "caption", sx: { minWidth: 0, fontWeight: 800, color: h.text, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: $ }),
         H && /* @__PURE__ */ i(ze, { title: "Unsaved changes", arrow: !0, slotProps: { popper: { style: { pointerEvents: "none" } } }, children: /* @__PURE__ */ i(S, { component: "span", sx: { width: 6, height: 6, borderRadius: "50%", bgcolor: "error.main", flexShrink: 0 } }) })
       ] }),
-      /* @__PURE__ */ i(ze, { title: "Reset to defaults", arrow: !0, slotProps: { popper: { style: { pointerEvents: "none" } } }, children: /* @__PURE__ */ i(Pr, { size: "small", onClick: () => b(!0), sx: { bgcolor: "action.selected" }, children: /* @__PURE__ */ i(_s, { sx: { fontSize: 16 } }) }) }),
-      /* @__PURE__ */ i(ze, { title: l.mode === "dark" ? "Switch to light" : "Switch to dark", arrow: !0, slotProps: { popper: { style: { pointerEvents: "none" } } }, children: /* @__PURE__ */ i(Pr, { size: "small", onClick: () => m({ mode: l.mode === "dark" ? "light" : "dark" }), sx: { bgcolor: "action.selected" }, children: l.mode === "dark" ? /* @__PURE__ */ i(Ns, { sx: { fontSize: 16 } }) : /* @__PURE__ */ i(Ls, { sx: { fontSize: 16 } }) }) })
+      /* @__PURE__ */ i(ze, { title: "Reset to defaults", arrow: !0, slotProps: { popper: { style: { pointerEvents: "none" } } }, children: /* @__PURE__ */ i($r, { size: "small", onClick: () => b(!0), sx: { bgcolor: "action.selected" }, children: /* @__PURE__ */ i(Ls, { sx: { fontSize: 16 } }) }) }),
+      /* @__PURE__ */ i(ze, { title: l.mode === "dark" ? "Switch to light" : "Switch to dark", arrow: !0, slotProps: { popper: { style: { pointerEvents: "none" } } }, children: /* @__PURE__ */ i($r, { size: "small", onClick: () => m({ mode: l.mode === "dark" ? "light" : "dark" }), sx: { bgcolor: "action.selected" }, children: l.mode === "dark" ? /* @__PURE__ */ i(js, { sx: { fontSize: 16 } }) : /* @__PURE__ */ i(Ns, { sx: { fontSize: 16 } }) }) })
     ] }),
     s && /* @__PURE__ */ p(S, { sx: { borderBottom: "1px solid", borderColor: "divider", borderLeft: "3px solid #eab308", bgcolor: (E) => E.palette.mode === "dark" ? "rgba(234,179,8,0.14)" : "#fef9c3", px: 1.6, py: 1.5 }, children: [
       /* @__PURE__ */ i(ue, { sx: { fontSize: 10, fontWeight: 800, textTransform: "uppercase", letterSpacing: ".6px", color: (E) => E.palette.mode === "dark" ? "#f2cd5c" : "#854d0e", mb: 1 }, children: "Previewing Screen" }),
-      /* @__PURE__ */ i(S, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gap: 0.75 }, children: vl.map((E) => {
+      /* @__PURE__ */ i(S, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gap: 0.75 }, children: Sl.map((E) => {
         const W = o === E.key;
         return /* @__PURE__ */ i(
           S,
@@ -5713,7 +5722,7 @@ function Sl({ onClose: e }) {
       }) })
     ] }),
     G.map((E) => /* @__PURE__ */ i(
-      Ks,
+      Xs,
       {
         icon: E.icon,
         title: E.title,
@@ -5726,7 +5735,7 @@ function Sl({ onClose: e }) {
       },
       E.id
     )),
-    /* @__PURE__ */ p(mt, { open: u, onClose: () => b(!1), PaperProps: { sx: { borderRadius: 3, width: 320, p: 2.5 } }, children: [
+    /* @__PURE__ */ p(yt, { open: u, onClose: () => b(!1), PaperProps: { sx: { borderRadius: 3, width: 320, p: 2.5 } }, children: [
       /* @__PURE__ */ i(ue, { sx: { fontSize: 15, fontWeight: 800, mb: 0.75 }, children: "Reset everything?" }),
       /* @__PURE__ */ p(ue, { sx: { fontSize: 12.5, color: "text.secondary", lineHeight: 1.5, mb: 2.25 }, children: [
         "This reverts every change you've made — theme preset, light/dark mode, brand colours, logo, typography, cards, surface & shape, notifications and login screen — back to the default ",
@@ -5742,12 +5751,12 @@ function Sl({ onClose: e }) {
     ] })
   ] });
 }
-const Cl = At(/* @__PURE__ */ i("path", {
+const wl = It(/* @__PURE__ */ i("path", {
   d: "M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7v2H8v2h8v-2h-2v-2h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 14H3V4h18z"
 }), "DesktopWindowsOutlined");
-function Ur(e, r, t) {
+function Gr(e, r, t) {
   const n = Te(null), [o, s] = Z(e);
-  return Mr(() => {
+  return Fr(() => {
     const a = n.current;
     if (!a) return;
     const l = () => {
@@ -5766,9 +5775,9 @@ function Ur(e, r, t) {
     };
   }, [r, t]), [n, o];
 }
-function po(e, r, t) {
+function uo(e, r, t) {
   const n = Te(null), o = Te(null), [s, a] = Z(e);
-  return Mr(() => {
+  return Fr(() => {
     const l = o.current;
     if (!l) return;
     const c = () => {
@@ -5783,8 +5792,8 @@ function po(e, r, t) {
     };
   }, [r, t]), [n, o, s];
 }
-const wl = ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], kl = [44, 60, 50, 74, 88, 96], Tl = [24, 32, 30, 42, 52, 60];
-function Rl() {
+const kl = ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], Tl = [44, 60, 50, 74, 88, 96], Rl = [24, 32, 30, 42, 52, 60];
+function El() {
   const e = we(), r = j((M) => M.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: c, tH1: g, tH2: f, tTitle: m, tH4: y, wH1: h, headFam: x, headLH: u, accentBg: b, btnText: v, tBodySm: $, bwEmph: H, btnCase: C, bodyWeightEff: k, bodyLH: R, tCaption: z, pMain: I, sMain: X } = e, Q = x + ",sans-serif", Y = r.fontFamily + ",sans-serif", d = e.hc1 || t.textPrimary, B = e.hc2 || t.textPrimary, A = e.hc3 || t.textPrimary, L = [
     { label: "Revenue", val: "$2.41M", chg: "+12.5%", up: !0 },
     { label: "Open Orders", val: "1,284", chg: "+3.2%", up: !0 },
@@ -5807,7 +5816,7 @@ function Rl() {
     { title: "New user invited — M. Fernandez", time: "19h ago", ic: "+" },
     { title: "Quarterly report scheduled", time: "21h ago", ic: "▤" },
     { title: "Order ORD-1039 delivered to Oscorp", time: "23h ago", ic: "✓" }
-  ].map((M) => ({ ...M, ...N(M.ic) })), [U, J] = Ur(5, 4, K.length), P = K.slice(0, J), D = e.cardBorder === "none" ? "none" : e.cardBorder, q = { background: t.paper, border: D, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, V = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, G = { fontSize: m, lineHeight: u, fontWeight: h, color: A, fontFamily: Q };
+  ].map((M) => ({ ...M, ...N(M.ic) })), [U, J] = Gr(5, 4, K.length), P = K.slice(0, J), D = e.cardBorder === "none" ? "none" : e.cardBorder, q = { background: t.paper, border: D, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, V = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, G = { fontSize: m, lineHeight: u, fontWeight: h, color: A, fontFamily: Q };
   return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: D, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: Y, fontWeight: k, color: t.textPrimary }, children: [
     /* @__PURE__ */ p("div", { style: { padding: s, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between", gap: 14 }, children: [
       /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
@@ -5841,10 +5850,10 @@ function Rl() {
               /* @__PURE__ */ i("span", { style: { fontSize: z, color: t.textSecondary }, children: M })
             ] }, M)) })
           ] }),
-          /* @__PURE__ */ i("div", { style: { padding: `${a}px ${s}px`, display: "flex", alignItems: "flex-end", gap: 12, flex: 1, minHeight: 200 }, children: wl.map((M, w) => /* @__PURE__ */ p("div", { style: { flex: 1, display: "flex", flexDirection: "column", alignItems: "center", gap: 6, height: "100%" }, children: [
+          /* @__PURE__ */ i("div", { style: { padding: `${a}px ${s}px`, display: "flex", alignItems: "flex-end", gap: 12, flex: 1, minHeight: 200 }, children: kl.map((M, w) => /* @__PURE__ */ p("div", { style: { flex: 1, display: "flex", flexDirection: "column", alignItems: "center", gap: 6, height: "100%" }, children: [
             /* @__PURE__ */ p("div", { style: { width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-end", gap: 3, flex: 1 }, children: [
-              /* @__PURE__ */ i("div", { style: { width: "100%", height: Tl[w] + "%", background: X, opacity: 0.55, borderRadius: `${o} ${o} 0 0` } }),
-              /* @__PURE__ */ i("div", { style: { width: "100%", height: kl[w] + "%", background: I, borderRadius: `${o} ${o} 0 0` } })
+              /* @__PURE__ */ i("div", { style: { width: "100%", height: Rl[w] + "%", background: X, opacity: 0.55, borderRadius: `${o} ${o} 0 0` } }),
+              /* @__PURE__ */ i("div", { style: { width: "100%", height: Tl[w] + "%", background: I, borderRadius: `${o} ${o} 0 0` } })
             ] }),
             /* @__PURE__ */ i("span", { style: { fontSize: z, color: t.textSecondary }, children: M })
           ] }, M)) })
@@ -5863,7 +5872,7 @@ function Rl() {
     ] })
   ] });
 }
-const El = [
+const Hl = [
   { id: "ORD-1042", cust: "Acme Corporation", status: "Delivered", amt: "$12,400", date: "Jun 18" },
   { id: "ORD-1041", cust: "Globex Ltd", status: "Processing", amt: "$8,750", date: "Jun 17" },
   { id: "ORD-1040", cust: "Initech", status: "Pending", amt: "$5,200", date: "Jun 16" },
@@ -5880,9 +5889,9 @@ const El = [
   { id: "ORD-1029", cust: "Nakatomi Trading", status: "Pending", amt: "$3,560", date: "Jun 05" },
   { id: "ORD-1028", cust: "Gekko & Co", status: "Delivered", amt: "$25,300", date: "Jun 04" },
   { id: "ORD-1027", cust: "Bluth Company", status: "Processing", amt: "$6,410", date: "Jun 03" }
-], Hr = "100px 1fr 120px 100px 80px 70px";
-function Hl() {
-  const e = we(), r = j((J) => J.settings), { t, rad: n, radSm: o, pad: s, padSm: a, screenPad: l, rowPy: c, tH1: g, wH1: f, headFam: m, headLH: y, accentBg: h, btnText: x, btnShadow: u, tBody: b, tBodySm: v, tCaption: $, tOverline: H, bwEmph: C, btnCase: k, bodyWeightEff: R, pMain: z, table: I } = e, X = m + ",sans-serif", Q = r.fontFamily + ",sans-serif", Y = e.hc1 || t.textPrimary, [d, B, A] = po(12, 3, 16), L = El.slice(0, A).map((J, P) => ({
+], Pr = "100px 1fr 120px 100px 80px 70px";
+function Pl() {
+  const e = we(), r = j((J) => J.settings), { t, rad: n, radSm: o, pad: s, padSm: a, screenPad: l, rowPy: c, tH1: g, wH1: f, headFam: m, headLH: y, accentBg: h, btnText: x, btnShadow: u, tBody: b, tBodySm: v, tCaption: $, tOverline: H, bwEmph: C, btnCase: k, bodyWeightEff: R, pMain: z, table: I } = e, X = m + ",sans-serif", Q = r.fontFamily + ",sans-serif", Y = e.hc1 || t.textPrimary, [d, B, A] = uo(12, 3, 16), L = Hl.slice(0, A).map((J, P) => ({
     ...J,
     ...I.statusMap[J.status] || { sb: t.divider, sc: t.textSecondary },
     rowBg: r.tableStripe && P % 2 === 1 ? I.stripeBg : "transparent"
@@ -5915,12 +5924,12 @@ function Hl() {
         ] }),
         I.filters.map((J) => /* @__PURE__ */ i("button", { style: { padding: "7px 14px", borderRadius: 999, border: "1px solid " + J.brd, background: J.bg, color: J.c, fontSize: $, fontWeight: C, whiteSpace: "nowrap", cursor: "pointer" }, children: J.label }, J.label))
       ] }),
-      /* @__PURE__ */ p("div", { ref: d, style: { display: "grid", gridTemplateColumns: Hr, padding: `0 ${s}px`, borderBottom: I.rowBorder, background: I.headBg }, children: [
+      /* @__PURE__ */ p("div", { ref: d, style: { display: "grid", gridTemplateColumns: Pr, padding: `0 ${s}px`, borderBottom: I.rowBorder, background: I.headBg }, children: [
         ["Order ID", "Customer", "Status", "Amount", "Date"].map((J) => /* @__PURE__ */ i("div", { style: K(), children: J }, J)),
         /* @__PURE__ */ i("div", { style: { alignSelf: "stretch", padding: `${I.rowPy} 0` } })
       ] }),
       /* @__PURE__ */ p("div", { ref: B, style: { position: "relative", display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: [
-        /* @__PURE__ */ p("div", { style: { position: "absolute", inset: 0, padding: `0 ${s}px`, display: "grid", gridTemplateColumns: Hr, pointerEvents: "none", zIndex: 2 }, children: [
+        /* @__PURE__ */ p("div", { style: { position: "absolute", inset: 0, padding: `0 ${s}px`, display: "grid", gridTemplateColumns: Pr, pointerEvents: "none", zIndex: 2 }, children: [
           /* @__PURE__ */ i("div", { style: { borderRight: I.colBorder } }),
           /* @__PURE__ */ i("div", { style: { borderRight: I.colBorder } }),
           /* @__PURE__ */ i("div", { style: { borderRight: I.colBorder } }),
@@ -5928,7 +5937,7 @@ function Hl() {
           /* @__PURE__ */ i("div", { style: { borderRight: I.colBorder } }),
           /* @__PURE__ */ i("div", {})
         ] }),
-        L.map((J) => /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: Hr, padding: `0 ${s}px`, borderBottom: I.rowBorder, alignItems: "stretch", background: J.rowBg }, children: [
+        L.map((J) => /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: Pr, padding: `0 ${s}px`, borderBottom: I.rowBorder, alignItems: "stretch", background: J.rowBg }, children: [
           /* @__PURE__ */ i("div", { style: { ...U, fontSize: v, fontWeight: C, color: z, fontFamily: Q }, children: J.id }),
           /* @__PURE__ */ i("div", { style: { ...U, fontSize: b, color: t.textPrimary, fontWeight: C }, children: J.cust }),
           /* @__PURE__ */ i("div", { style: U, children: /* @__PURE__ */ i("span", { style: { padding: "4px 11px", borderRadius: 999, fontSize: $, fontWeight: C, background: J.sb, color: J.sc, whiteSpace: "nowrap" }, children: J.status }) }),
@@ -5951,7 +5960,7 @@ function Hl() {
     ] }) })
   ] });
 }
-function Pl() {
+function $l() {
   const e = we(), r = j((ee) => ee.settings), {
     t,
     rad: n,
@@ -5988,7 +5997,7 @@ function Pl() {
     infoTxt: U,
     sucSoft: J,
     sucTxt: P
-  } = e, D = H + ",sans-serif", q = r.fontFamily + ",sans-serif", V = e.t.highlight, G = e.t.highlightSoft, M = e.t.highlightBd, w = t.pContainer, O = t.onPContainer, F = t.pContrast, E = e.hc1 || t.textPrimary, W = e.hc2 || t.textPrimary, te = e.hc3 || t.textPrimary, _ = e.hc4 || t.textPrimary, me = e.hc5 || t.textPrimary, Ne = e.hc6 || t.textPrimary, je = e.cardBorder === "none" ? "none" : e.cardBorder, Xe = { display: "flex", flexDirection: "column", background: t.paper, border: je, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", height: "100%" }, Qe = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent }, Ie = { fontSize: m, lineHeight: C, fontWeight: $, color: te, fontFamily: D }, ur = [
+  } = e, D = H + ",sans-serif", q = r.fontFamily + ",sans-serif", V = e.t.highlight, G = e.t.highlightSoft, M = e.t.highlightBd, w = t.pContainer, O = t.onPContainer, F = t.pContrast, E = e.hc1 || t.textPrimary, W = e.hc2 || t.textPrimary, te = e.hc3 || t.textPrimary, _ = e.hc4 || t.textPrimary, me = e.hc5 || t.textPrimary, Ne = e.hc6 || t.textPrimary, je = e.cardBorder === "none" ? "none" : e.cardBorder, Qe = { display: "flex", flexDirection: "column", background: t.paper, border: je, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", height: "100%" }, Ze = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent }, Ie = { fontSize: m, lineHeight: C, fontWeight: $, color: te, fontFamily: D }, fr = [
     { label: "Dashboard Overview", size: g, w: $, color: E, lh: 1.1, ls: "-.5px", name: "H1", border: !0 },
     { label: "Revenue Report", size: f, w: $, color: W, lh: 1.1, ls: "-.4px", name: "H2", border: !0 },
     { label: "Performance Overview", size: m, w: $, color: te, lh: 1.15, name: "H3", border: !0 },
@@ -5999,10 +6008,10 @@ function Pl() {
     /* @__PURE__ */ i("div", { style: { width: 16, height: 16, borderRadius: "50%", border: "2px solid " + (ee ? V : t.outline), display: "grid", placeItems: "center", flexShrink: 0 }, children: ee && /* @__PURE__ */ i("div", { style: { width: 8, height: 8, borderRadius: "50%", background: V } }) }),
     /* @__PURE__ */ i("span", { style: { flex: 1, fontSize: b, fontFamily: q, fontWeight: ee ? I : Q, color: t.textPrimary }, children: ee ? "Selected item" : "Unselected item" }),
     ee && /* @__PURE__ */ i("span", { style: { fontSize: v, fontFamily: q, fontWeight: I, color: t.textSecondary }, children: "Active" })
-  ] }), It = (ee, vt, St) => /* @__PURE__ */ p("div", { style: { position: "relative", border: ee ? "2px solid " + d : "1.5px solid " + t.outline, borderRadius: o, padding: "12px 13px" }, children: [
-    /* @__PURE__ */ i("span", { style: { position: "absolute", top: -8, left: 10, background: t.paper, padding: "0 5px", fontSize: v, color: ee ? d : t.textSecondary, fontWeight: ee ? I : void 0 }, children: vt }),
-    /* @__PURE__ */ i("span", { style: { fontSize: u, color: ee ? t.textPrimary : t.textSecondary }, children: St })
-  ] }), Ze = (ee, vt, St) => /* @__PURE__ */ i("span", { style: { padding: "5px 13px", borderRadius: 999, background: ee, color: vt, fontSize: v, fontWeight: I }, children: St }), Ue = (ee) => ({ padding: "9px 20px", borderRadius: o, fontSize: b, fontWeight: I, textTransform: X, letterSpacing: ".4px", cursor: "pointer", ...ee });
+  ] }), Bt = (ee, St, Ct) => /* @__PURE__ */ p("div", { style: { position: "relative", border: ee ? "2px solid " + d : "1.5px solid " + t.outline, borderRadius: o, padding: "12px 13px" }, children: [
+    /* @__PURE__ */ i("span", { style: { position: "absolute", top: -8, left: 10, background: t.paper, padding: "0 5px", fontSize: v, color: ee ? d : t.textSecondary, fontWeight: ee ? I : void 0 }, children: St }),
+    /* @__PURE__ */ i("span", { style: { fontSize: u, color: ee ? t.textPrimary : t.textSecondary }, children: Ct })
+  ] }), et = (ee, St, Ct) => /* @__PURE__ */ i("span", { style: { padding: "5px 13px", borderRadius: 999, background: ee, color: St, fontSize: v, fontWeight: I }, children: Ct }), Ue = (ee) => ({ padding: "9px 20px", borderRadius: o, fontSize: b, fontWeight: I, textTransform: X, letterSpacing: ".4px", cursor: "pointer", ...ee });
   return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: je, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: q, fontWeight: Q, color: t.textPrimary }, children: [
     /* @__PURE__ */ i("div", { style: { padding: s, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent }, children: /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
       /* @__PURE__ */ i("div", { style: { fontSize: g, lineHeight: C, fontWeight: $, color: E, letterSpacing: "-.3px", fontFamily: D }, children: "Component Library" }),
@@ -6010,10 +6019,10 @@ function Pl() {
     ] }) }),
     /* @__PURE__ */ p("div", { style: { padding: c, background: t.bgDefault, display: "flex", flexDirection: "column", gap: l, flex: 1, minHeight: 0 }, children: [
       /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: l, alignItems: "stretch" }, children: [
-        /* @__PURE__ */ p("div", { style: Xe, children: [
-          /* @__PURE__ */ i("div", { style: Qe, children: /* @__PURE__ */ i("span", { style: Ie, children: "Typography Scale" }) }),
+        /* @__PURE__ */ p("div", { style: Qe, children: [
+          /* @__PURE__ */ i("div", { style: Ze, children: /* @__PURE__ */ i("span", { style: Ie, children: "Typography Scale" }) }),
           /* @__PURE__ */ p("div", { style: { padding: s, display: "flex", flexDirection: "column", justifyContent: "space-between", flex: 1, minHeight: 0, gap: 6 }, children: [
-            ur.map((ee) => /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "baseline", justifyContent: "space-between", gap: 12, borderBottom: "1px solid " + t.divider, paddingBottom: 14 }, children: [
+            fr.map((ee) => /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "baseline", justifyContent: "space-between", gap: 12, borderBottom: "1px solid " + t.divider, paddingBottom: 14 }, children: [
               /* @__PURE__ */ i("span", { style: { fontSize: ee.size, lineHeight: ee.lh, fontWeight: ee.w, color: ee.color, fontFamily: D, letterSpacing: ee.ls }, children: ee.label }),
               /* @__PURE__ */ p("span", { style: { fontSize: ee.size, color: t.textSecondary, fontWeight: ee.w, whiteSpace: "nowrap", flexShrink: 0, fontFamily: D }, children: [
                 ee.name,
@@ -6037,8 +6046,8 @@ function Pl() {
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ p("div", { style: Xe, children: [
-          /* @__PURE__ */ i("div", { style: Qe, children: /* @__PURE__ */ i("span", { style: Ie, children: "Selection States" }) }),
+        /* @__PURE__ */ p("div", { style: Qe, children: [
+          /* @__PURE__ */ i("div", { style: Ze, children: /* @__PURE__ */ i("span", { style: Ie, children: "Selection States" }) }),
           /* @__PURE__ */ p("div", { style: { padding: s, display: "flex", flexDirection: "column", gap: 14 }, children: [
             /* @__PURE__ */ p("div", { style: { display: "flex", gap: 2, borderBottom: "1.5px solid " + t.divider }, children: [
               /* @__PURE__ */ i("div", { style: { flex: 1, textAlign: "center", padding: "8px 4px", fontSize: b, fontWeight: I, color: t.textPrimary, background: G, borderBottom: "2.5px solid " + d, marginBottom: -1.5, borderRadius: "6px 6px 0 0" }, children: "Overview" }),
@@ -6057,12 +6066,12 @@ function Pl() {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ p("div", { style: { ...Xe, height: "auto" }, children: [
-        /* @__PURE__ */ i("div", { style: Qe, children: /* @__PURE__ */ i("span", { style: Ie, children: "Inputs & Selection" }) }),
+      /* @__PURE__ */ p("div", { style: { ...Qe, height: "auto" }, children: [
+        /* @__PURE__ */ i("div", { style: Ze, children: /* @__PURE__ */ i("span", { style: Ie, children: "Inputs & Selection" }) }),
         /* @__PURE__ */ p("div", { style: { padding: s }, children: [
           /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: l, marginBottom: l }, children: [
-            It(!1, "Outlined", "Placeholder…"),
-            It(!0, "Focused", "Active value")
+            Bt(!1, "Outlined", "Placeholder…"),
+            Bt(!0, "Focused", "Active value")
           ] }),
           /* @__PURE__ */ p("div", { style: { display: "flex", gap: 22, alignItems: "center", flexWrap: "wrap", paddingTop: a, borderTop: "1px solid " + t.divider }, children: [
             /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
@@ -6081,8 +6090,8 @@ function Pl() {
         ] })
       ] }),
       /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: l, alignItems: "stretch" }, children: [
-        /* @__PURE__ */ p("div", { style: Xe, children: [
-          /* @__PURE__ */ i("div", { style: Qe, children: /* @__PURE__ */ i("span", { style: Ie, children: "Buttons" }) }),
+        /* @__PURE__ */ p("div", { style: Qe, children: [
+          /* @__PURE__ */ i("div", { style: Ze, children: /* @__PURE__ */ i("span", { style: Ie, children: "Buttons" }) }),
           /* @__PURE__ */ p("div", { style: { padding: s, display: "flex", gap: 10, flexWrap: "wrap", alignItems: "center" }, children: [
             /* @__PURE__ */ i("button", { style: Ue({ border: "none", background: k, color: R, boxShadow: z }), children: "Contained" }),
             /* @__PURE__ */ i("button", { style: Ue({ border: "1.5px solid " + d, background: "transparent", color: d }), children: "Outlined" }),
@@ -6092,15 +6101,15 @@ function Pl() {
             /* @__PURE__ */ i("button", { style: Ue({ border: "none", background: B, color: A }), children: "Error" })
           ] })
         ] }),
-        /* @__PURE__ */ p("div", { style: Xe, children: [
-          /* @__PURE__ */ i("div", { style: Qe, children: /* @__PURE__ */ i("span", { style: Ie, children: "Chips, Alerts & Progress" }) }),
+        /* @__PURE__ */ p("div", { style: Qe, children: [
+          /* @__PURE__ */ i("div", { style: Ze, children: /* @__PURE__ */ i("span", { style: Ie, children: "Chips, Alerts & Progress" }) }),
           /* @__PURE__ */ p("div", { style: { padding: s }, children: [
             /* @__PURE__ */ p("div", { style: { display: "flex", gap: 8, flexWrap: "wrap", marginBottom: l }, children: [
-              Ze(w, O, "Primary"),
-              Ze(J, P, "Success"),
-              Ze(L, N, "Warning"),
-              Ze(K, U, "Info"),
-              Ze(B, A, "Error")
+              et(w, O, "Primary"),
+              et(J, P, "Success"),
+              et(L, N, "Warning"),
+              et(K, U, "Info"),
+              et(B, A, "Error")
             ] }),
             /* @__PURE__ */ p("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: 7 }, children: [
               /* @__PURE__ */ i("span", { style: { fontSize: b, color: t.textPrimary, fontWeight: I }, children: "Revenue goal" }),
@@ -6113,19 +6122,19 @@ function Pl() {
     ] })
   ] });
 }
-const $l = [
+const Al = [
   { label: "Cameras Online", val: "5 / 6" },
   { label: "Recording", val: "4" },
   { label: "Motion Alerts", val: "2" },
   { label: "Storage Used", val: "82%" }
-], Al = [
+], Il = [
   { name: "CAM 01", loc: "Main Lobby", rec: !0, online: !0, time: "14:32:08" },
   { name: "CAM 02", loc: "North Gate", rec: !0, online: !0, time: "14:32:08" },
   { name: "CAM 03", loc: "Loading Bay", rec: !1, online: !0, time: "14:32:07" },
   { name: "CAM 04", loc: "Rooftop", rec: !0, online: !0, time: "14:32:08" },
   { name: "CAM 05", loc: "Parking Deck", rec: !1, online: !1, time: "—" },
   { name: "CAM 06", loc: "Server Room", rec: !0, online: !0, time: "14:32:08" }
-], Il = [
+], Bl = [
   { cam: "CAM 04", label: "Motion detected — Rooftop", time: "just now", sev: "error" },
   { cam: "CAM 02", label: "Person identified — North Gate", time: "6m ago", sev: "info" },
   { cam: "CAM 01", label: "Loitering cleared — Main Lobby", time: "22m ago", sev: "success" },
@@ -6143,8 +6152,8 @@ const $l = [
   { cam: "CAM 04", label: "Perimeter breach — Rooftop", time: "7h ago", sev: "error" },
   { cam: "CAM 03", label: "Package scanned — Loading Bay", time: "8h ago", sev: "info" }
 ];
-function Bl() {
-  const e = we(), r = j((F) => F.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: c, tH1: g, tH2: f, tTitle: m, wH1: y, headFam: h, headLH: x, accentBg: u, btnText: b, btnShadow: v, tBodySm: $, tCaption: H, tOverline: C, bwEmph: k, btnCase: R, bodyWeightEff: z, errSoft: I, errTxt: X, mediaBg: Q, overlaySurface: Y, overlayBorder: d, onOverlay: B, sevMap: A } = e, L = h + ",sans-serif", N = r.fontFamily + ",sans-serif", K = e.hc1 || t.textPrimary, U = e.hc2 || t.textPrimary, J = e.hc3 || t.textPrimary, P = e.cardBorder === "none" ? "none" : e.cardBorder, D = Al.map((F) => ({ ...F, dotC: F.online ? r.successHex : t.textDisabled })), [q, V] = Ur(3, 3, 16), G = Il.slice(0, V).map((F) => ({ ...F, ...A[F.sev] })), M = { background: t.paper, border: P, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, w = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, O = { fontSize: m, lineHeight: x, fontWeight: y, color: J, fontFamily: L };
+function Ol() {
+  const e = we(), r = j((F) => F.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: c, tH1: g, tH2: f, tTitle: m, wH1: y, headFam: h, headLH: x, accentBg: u, btnText: b, btnShadow: v, tBodySm: $, tCaption: H, tOverline: C, bwEmph: k, btnCase: R, bodyWeightEff: z, errSoft: I, errTxt: X, mediaBg: Q, overlaySurface: Y, overlayBorder: d, onOverlay: B, sevMap: A } = e, L = h + ",sans-serif", N = r.fontFamily + ",sans-serif", K = e.hc1 || t.textPrimary, U = e.hc2 || t.textPrimary, J = e.hc3 || t.textPrimary, P = e.cardBorder === "none" ? "none" : e.cardBorder, D = Il.map((F) => ({ ...F, dotC: F.online ? r.successHex : t.textDisabled })), [q, V] = Gr(3, 3, 16), G = Bl.slice(0, V).map((F) => ({ ...F, ...A[F.sev] })), M = { background: t.paper, border: P, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, w = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, O = { fontSize: m, lineHeight: x, fontWeight: y, color: J, fontFamily: L };
   return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: P, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: N, fontWeight: z, color: t.textPrimary }, children: [
     /* @__PURE__ */ p("div", { style: { padding: s, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "flex-start", justifyContent: "space-between", gap: 14 }, children: [
       /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
@@ -6160,7 +6169,7 @@ function Bl() {
       ] })
     ] }),
     /* @__PURE__ */ p("div", { style: { padding: c, background: t.bgDefault, display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: [
-      /* @__PURE__ */ i("div", { style: { display: "grid", gridTemplateColumns: "repeat(4,1fr)", gap: l, marginBottom: l }, children: $l.map((F) => /* @__PURE__ */ p("div", { style: M, children: [
+      /* @__PURE__ */ i("div", { style: { display: "grid", gridTemplateColumns: "repeat(4,1fr)", gap: l, marginBottom: l }, children: Al.map((F) => /* @__PURE__ */ p("div", { style: M, children: [
         /* @__PURE__ */ i("div", { style: { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent }, children: /* @__PURE__ */ i("span", { style: { fontSize: C, color: t.textSecondary, textTransform: "uppercase", letterSpacing: ".6px", fontWeight: k }, children: F.label }) }),
         /* @__PURE__ */ i("div", { style: { padding: `${a}px ${s}px` }, children: /* @__PURE__ */ i("div", { style: { fontSize: f, fontWeight: y, color: U, letterSpacing: "-.8px", lineHeight: 1 }, children: F.val }) })
       ] }, F.label)) }),
@@ -6201,7 +6210,7 @@ function Bl() {
     ] })
   ] });
 }
-const Ol = [
+const Dl = [
   { ic: "!", label: "Camera 04 motion detected — Loading Bay", time: "just now", sev: "error", unread: !0 },
   { ic: "✓", label: "Stream reconnected — North Gate feed", time: "4m ago", sev: "success", unread: !0 },
   { ic: "i", label: "Access request — J. Okoro (Operator)", time: "22m ago", sev: "info", unread: !1 },
@@ -6219,8 +6228,8 @@ const Ol = [
   { ic: "i", label: "Analytics model updated — v2.4.1", time: "16h ago", sev: "info", unread: !1 },
   { ic: "!", label: "Disk latency elevated — NVR-02", time: "18h ago", sev: "warning", unread: !1 }
 ];
-function Dl() {
-  const e = we(), r = j((O) => O.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: c, tH1: g, tTitle: f, wH1: m, headFam: y, headLH: h, accentBg: x, btnText: u, tBodySm: b, tCaption: v, tOverline: $, bwEmph: H, bodyWeightEff: C, bodyLH: k, errSoft: R, errTxt: z, pMain: I, mediaBg: X, overlaySurface: Q, overlayBorder: Y, onOverlay: d, sevMap: B } = e, A = y + ",sans-serif", L = r.fontFamily + ",sans-serif", N = e.hc1 || t.textPrimary, K = e.hc3 || t.textPrimary, U = e.cardBorder === "none" ? "none" : e.cardBorder, [J, P] = Ur(7, 4, 16), D = Ol.slice(0, P).map((O) => ({ ...O, ...B[O.sev], rowBg: O.unread ? pe(r.primaryHex, e.isDark ? 0.12 : 0.05) : "transparent" })), q = D.filter((O) => O.unread).length, V = { display: "flex", flexDirection: "column", minHeight: 0, background: t.paper, border: U, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, G = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, M = { fontSize: f, lineHeight: h, fontWeight: m, color: K, fontFamily: A }, w = { height: 30, borderRadius: o, border: "none", background: "rgba(255,255,255,.14)", color: d, fontSize: v, fontWeight: H, cursor: "pointer", fontFamily: "inherit" };
+function Ml() {
+  const e = we(), r = j((O) => O.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: c, tH1: g, tTitle: f, wH1: m, headFam: y, headLH: h, accentBg: x, btnText: u, tBodySm: b, tCaption: v, tOverline: $, bwEmph: H, bodyWeightEff: C, bodyLH: k, errSoft: R, errTxt: z, pMain: I, mediaBg: X, overlaySurface: Q, overlayBorder: Y, onOverlay: d, sevMap: B } = e, A = y + ",sans-serif", L = r.fontFamily + ",sans-serif", N = e.hc1 || t.textPrimary, K = e.hc3 || t.textPrimary, U = e.cardBorder === "none" ? "none" : e.cardBorder, [J, P] = Gr(7, 4, 16), D = Dl.slice(0, P).map((O) => ({ ...O, ...B[O.sev], rowBg: O.unread ? de(r.primaryHex, e.isDark ? 0.12 : 0.05) : "transparent" })), q = D.filter((O) => O.unread).length, V = { display: "flex", flexDirection: "column", minHeight: 0, background: t.paper, border: U, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, G = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, M = { fontSize: f, lineHeight: h, fontWeight: m, color: K, fontFamily: A }, w = { height: 30, borderRadius: o, border: "none", background: "rgba(255,255,255,.14)", color: d, fontSize: v, fontWeight: H, cursor: "pointer", fontFamily: "inherit" };
   return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: U, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: L, fontWeight: C, color: t.textPrimary }, children: [
     /* @__PURE__ */ i("div", { style: { padding: s, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent }, children: /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
       /* @__PURE__ */ i("div", { style: { fontSize: g, lineHeight: h, fontWeight: m, color: N, letterSpacing: "-.3px", fontFamily: A }, children: "Operations Center" }),
@@ -6267,18 +6276,18 @@ function Dl() {
     ] }) })
   ] });
 }
-const Ml = [
+const Fl = [
   { label: "Reports Generated", val: "248" },
   { label: "Avg Generation", val: "1.2s" },
   { label: "Data Points", val: "84.2K" },
   { label: "Scheduled", val: "12" }
-], Fl = ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], Wl = [44, 60, 50, 74, 88, 96], zl = [24, 32, 30, 42, 52, 60], _l = [
+], Wl = ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], zl = [44, 60, 50, 74, 88, 96], _l = [24, 32, 30, 42, 52, 60], Ll = [
   { l: "Reports", h: 72 },
   { l: "Cameras", h: 92 },
   { l: "Alerts", h: 40 },
   { l: "Users", h: 58 },
   { l: "Storage", h: 80 }
-], Ll = [
+], Nl = [
   { name: "Q2 Revenue Summary", type: "Financial", date: "Jun 20", status: "Ready" },
   { name: "Camera Uptime Audit", type: "Operations", date: "Jun 19", status: "Ready" },
   { name: "User Access Log", type: "Security", date: "Jun 18", status: "Ready" },
@@ -6295,14 +6304,14 @@ const Ml = [
   { name: "Device Firmware Ledger", type: "Operations", date: "Jun 06", status: "Ready" },
   { name: "Access Anomaly Report", type: "Security", date: "Jun 05", status: "Ready" },
   { name: "Cost Allocation Summary", type: "Financial", date: "Jun 04", status: "Ready" }
-], Wn = "1fr 130px 110px 90px 70px";
-function Nl() {
-  const e = we(), r = j((W) => W.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: c, tH1: g, tH2: f, tTitle: m, wH1: y, headFam: h, headLH: x, accentBg: u, btnText: b, btnShadow: v, tBody: $, tBodySm: H, tCaption: C, tOverline: k, bwEmph: R, btnCase: z, bodyWeightEff: I, pMain: X, sMain: Q, chartPalette: Y, table: d } = e, B = h + ",sans-serif", A = r.fontFamily + ",sans-serif", L = e.hc1 || t.textPrimary, N = e.hc2 || t.textPrimary, K = e.hc3 || t.textPrimary, U = e.cardBorder === "none" ? "none" : e.cardBorder, [J, P, D] = po(5, 3, 16), q = Ll.slice(0, D).map((W, te) => ({
+], zn = "1fr 130px 110px 90px 70px";
+function jl() {
+  const e = we(), r = j((W) => W.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: c, tH1: g, tH2: f, tTitle: m, wH1: y, headFam: h, headLH: x, accentBg: u, btnText: b, btnShadow: v, tBody: $, tBodySm: H, tCaption: C, tOverline: k, bwEmph: R, btnCase: z, bodyWeightEff: I, pMain: X, sMain: Q, chartPalette: Y, table: d } = e, B = h + ",sans-serif", A = r.fontFamily + ",sans-serif", L = e.hc1 || t.textPrimary, N = e.hc2 || t.textPrimary, K = e.hc3 || t.textPrimary, U = e.cardBorder === "none" ? "none" : e.cardBorder, [J, P, D] = uo(5, 3, 16), q = Nl.slice(0, D).map((W, te) => ({
     ...W,
     sb: W.status === "Ready" ? e.sucSoft : e.warnSoft,
     sc: W.status === "Ready" ? e.sucTxt : e.warnTxt,
     rowBg: r.tableStripe && te % 2 === 1 ? d.stripeBg : "transparent"
-  })), V = _l.map((W, te) => ({ ...W, c: Y[te % Y.length] })), G = {
+  })), V = Ll.map((W, te) => ({ ...W, c: Y[te % Y.length] })), G = {
     borderRight: d.colBorder,
     alignSelf: "stretch",
     display: "flex",
@@ -6319,7 +6328,7 @@ function Nl() {
       /* @__PURE__ */ i("button", { style: { padding: "10px 20px", borderRadius: o, border: "none", background: u, color: b, fontSize: H, fontWeight: R, textTransform: z, letterSpacing: ".4px", boxShadow: v, whiteSpace: "nowrap", cursor: "pointer" }, children: "↓ Export PDF" })
     ] }),
     /* @__PURE__ */ p("div", { style: { padding: c, background: t.bgDefault, display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: [
-      /* @__PURE__ */ i("div", { style: { display: "grid", gridTemplateColumns: "repeat(4,1fr)", gap: l, marginBottom: l }, children: Ml.map((W) => /* @__PURE__ */ p("div", { style: w, children: [
+      /* @__PURE__ */ i("div", { style: { display: "grid", gridTemplateColumns: "repeat(4,1fr)", gap: l, marginBottom: l }, children: Fl.map((W) => /* @__PURE__ */ p("div", { style: w, children: [
         /* @__PURE__ */ i("div", { style: { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent }, children: /* @__PURE__ */ i("span", { style: { fontSize: k, color: t.textSecondary, textTransform: "uppercase", letterSpacing: ".6px", fontWeight: R }, children: W.label }) }),
         /* @__PURE__ */ i("div", { style: { padding: `${a}px ${s}px` }, children: /* @__PURE__ */ i("div", { style: { fontSize: f, fontWeight: y, color: N, letterSpacing: "-.8px", lineHeight: 1 }, children: W.val }) })
       ] }, W.label)) }),
@@ -6329,10 +6338,10 @@ function Nl() {
             /* @__PURE__ */ i("span", { style: F, children: "Revenue & Profit Trend" }),
             /* @__PURE__ */ i("span", { style: { fontSize: C, color: t.textSecondary, fontWeight: R }, children: "6 months" })
           ] }),
-          /* @__PURE__ */ i("div", { style: { padding: s, display: "flex", alignItems: "flex-end", gap: 12, height: 160 }, children: Fl.map((W, te) => /* @__PURE__ */ p("div", { style: { flex: 1, display: "flex", flexDirection: "column", alignItems: "center", gap: 6, height: "100%" }, children: [
+          /* @__PURE__ */ i("div", { style: { padding: s, display: "flex", alignItems: "flex-end", gap: 12, height: 160 }, children: Wl.map((W, te) => /* @__PURE__ */ p("div", { style: { flex: 1, display: "flex", flexDirection: "column", alignItems: "center", gap: 6, height: "100%" }, children: [
             /* @__PURE__ */ p("div", { style: { width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-end", gap: 3, flex: 1 }, children: [
-              /* @__PURE__ */ i("div", { style: { width: "100%", height: zl[te] + "%", background: Q, opacity: 0.55, borderRadius: `${o} ${o} 0 0` } }),
-              /* @__PURE__ */ i("div", { style: { width: "100%", height: Wl[te] + "%", background: X, borderRadius: `${o} ${o} 0 0` } })
+              /* @__PURE__ */ i("div", { style: { width: "100%", height: _l[te] + "%", background: Q, opacity: 0.55, borderRadius: `${o} ${o} 0 0` } }),
+              /* @__PURE__ */ i("div", { style: { width: "100%", height: zl[te] + "%", background: X, borderRadius: `${o} ${o} 0 0` } })
             ] }),
             /* @__PURE__ */ i("span", { style: { fontSize: C, color: t.textSecondary }, children: W })
           ] }, W)) })
@@ -6344,11 +6353,11 @@ function Nl() {
       ] }),
       /* @__PURE__ */ p("div", { style: { ...w, display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: [
         /* @__PURE__ */ i("div", { style: { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent }, children: /* @__PURE__ */ i("span", { style: F, children: "Recent Reports" }) }),
-        /* @__PURE__ */ p("div", { ref: J, style: { display: "grid", gridTemplateColumns: Wn, padding: `0 ${s}px`, borderBottom: d.rowBorder, background: d.headBg }, children: [
+        /* @__PURE__ */ p("div", { ref: J, style: { display: "grid", gridTemplateColumns: zn, padding: `0 ${s}px`, borderBottom: d.rowBorder, background: d.headBg }, children: [
           ["Report", "Type", "Status", "Date"].map((W) => /* @__PURE__ */ i("div", { style: { ...E, ...G }, children: W }, W)),
           /* @__PURE__ */ i("div", { style: { alignSelf: "stretch", padding: `${d.rowPy} 0` } })
         ] }),
-        /* @__PURE__ */ i("div", { ref: P, style: { display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: q.map((W) => /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: Wn, padding: `0 ${s}px`, borderBottom: d.rowBorder, background: W.rowBg }, children: [
+        /* @__PURE__ */ i("div", { ref: P, style: { display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: q.map((W) => /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: zn, padding: `0 ${s}px`, borderBottom: d.rowBorder, background: W.rowBg }, children: [
           /* @__PURE__ */ i("div", { style: { ...M, fontSize: $, color: t.textPrimary, fontWeight: R }, children: W.name }),
           /* @__PURE__ */ i("div", { style: { ...M, fontSize: H, color: t.textSecondary }, children: W.type }),
           /* @__PURE__ */ i("div", { style: M, children: /* @__PURE__ */ i("span", { style: { padding: "4px 11px", borderRadius: 999, fontSize: C, fontWeight: R, background: W.sb, color: W.sc, whiteSpace: "nowrap" }, children: W.status }) }),
@@ -6359,12 +6368,12 @@ function Nl() {
     ] })
   ] });
 }
-const zn = ({ size: e }) => /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round", children: [
+const _n = ({ size: e }) => /* @__PURE__ */ p("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ i("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
   /* @__PURE__ */ i("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
   /* @__PURE__ */ i("path", { d: "m21 15-5-5L5 21" })
 ] });
-function jl() {
+function Vl() {
   const e = we(), r = j((N) => N.settings), {
     t,
     rad: n,
@@ -6407,14 +6416,14 @@ function jl() {
     /* @__PURE__ */ p("div", { style: { background: Q, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", padding: "48px 40px", gap: 22, position: "relative", overflow: "hidden" }, children: [
       B,
       !$ && /* @__PURE__ */ p("div", { style: { position: "absolute", inset: 0, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: 12, color: t.textSecondary, border: "1.5px dashed " + t.outline, padding: 24, boxSizing: "border-box" }, children: [
-        /* @__PURE__ */ i(zn, { size: 46 }),
+        /* @__PURE__ */ i(_n, { size: 46 }),
         /* @__PURE__ */ i("div", { style: { fontSize: 14, fontWeight: u, color: t.textPrimary }, children: "No brand image" }),
         /* @__PURE__ */ i("div", { style: { fontSize: 12, color: t.textSecondary, textAlign: "center", maxWidth: 220 }, children: "Upload an image in the Login Screen settings to fill this panel." })
       ] })
     ] }),
     /* @__PURE__ */ p("div", { style: { background: Y, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: 22, padding: "48px 40px" }, children: [
       X ? /* @__PURE__ */ i("img", { src: r.logoUrl, alt: r.appName, style: { maxHeight: 64, maxWidth: 200, objectFit: "contain" } }) : /* @__PURE__ */ p("div", { style: { display: "inline-flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: 6, maxWidth: 200, maxHeight: 64, border: "1.5px dashed " + t.outline, borderRadius: o, boxSizing: "border-box", color: t.textSecondary, padding: "8px 16px" }, children: [
-        /* @__PURE__ */ i(zn, { size: 20 }),
+        /* @__PURE__ */ i(_n, { size: 20 }),
         /* @__PURE__ */ i("span", { style: { fontSize: g, fontWeight: u, color: t.textSecondary, whiteSpace: "nowrap" }, children: "No logo uploaded" })
       ] }),
       /* @__PURE__ */ p("div", { style: { width: "100%", maxWidth: 340, ...A }, children: [
@@ -6459,7 +6468,7 @@ function jl() {
     ] })
   ] });
 }
-function Vl() {
+function Ul() {
   const e = we(), r = j((x) => x.settings), [t, n] = Z(!1);
   if (t) return null;
   const { t: o, npos: s, nacc: a, toastDeco: l, toastBg: c, rad: g, radSm: f, tBodySm: m, tCaption: y } = e, h = (r.toastW > 0 ? r.toastW : 252) + "px";
@@ -6469,15 +6478,15 @@ function Vl() {
       /* @__PURE__ */ i("div", { style: { fontSize: m + "px", fontWeight: 700, color: o.textPrimary, marginBottom: "2px" }, children: "Low stock alert" }),
       /* @__PURE__ */ i("div", { style: { fontSize: y + "px", color: o.textSecondary, lineHeight: 1.4 }, children: "Widget Pro is down to 12 units left." })
     ] }),
-    r.notifAutoDismiss && /* @__PURE__ */ i("div", { title: "Auto-dismiss countdown", style: { flexShrink: 0, marginTop: "1px", minWidth: "26px", height: "20px", padding: "0 7px", borderRadius: "999px", background: pe(a.dot, 0.14), color: a.dot, fontSize: y - 0.5 + "px", fontWeight: 800, display: "grid", placeItems: "center", fontVariantNumeric: "tabular-nums" }, children: (r.autoDismissSec > 0 ? r.autoDismissSec : 8) + "s" }),
+    r.notifAutoDismiss && /* @__PURE__ */ i("div", { title: "Auto-dismiss countdown", style: { flexShrink: 0, marginTop: "1px", minWidth: "26px", height: "20px", padding: "0 7px", borderRadius: "999px", background: de(a.dot, 0.14), color: a.dot, fontSize: y - 0.5 + "px", fontWeight: 800, display: "grid", placeItems: "center", fontVariantNumeric: "tabular-nums" }, children: (r.autoDismissSec > 0 ? r.autoDismissSec : 8) + "s" }),
     /* @__PURE__ */ i("button", { title: "Dismiss notification", onClick: () => n(!0), style: { flexShrink: 0, width: "20px", height: "20px", marginTop: "1px", border: "none", background: "transparent", color: o.textSecondary, cursor: "pointer", borderRadius: "6px", display: "grid", placeItems: "center", padding: 0, lineHeight: 1 }, children: /* @__PURE__ */ i("svg", { width: 13, height: 13, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.4, strokeLinecap: "round", children: /* @__PURE__ */ i("path", { d: "M18 6 6 18M6 6l12 12" }) }) })
   ] });
 }
-const Ul = [75, 90, 100, 125];
-function Gl() {
+const Gl = [75, 90, 100, 125];
+function Yl() {
   var f;
-  const e = nt((m) => m.previewScreen), r = j((m) => m.settings.edgePadPx) || 0, t = e === "operations" ? 0 : r, [n, o] = Z("fit"), s = Te(null), a = Te(null), [l, c] = Z(100);
-  Mr(() => {
+  const e = ot((m) => m.previewScreen), r = j((m) => m.settings.edgePadPx) || 0, t = e === "operations" ? 0 : r, [n, o] = Z("fit"), s = Te(null), a = Te(null), [l, c] = Z(100);
+  Fr(() => {
     const m = s.current, y = a.current;
     if (!m || !y) return;
     const h = () => {
@@ -6507,28 +6516,28 @@ function Gl() {
       cancelAnimationFrame(x), v.disconnect();
     };
   }, [n, t, e]);
-  const g = ((f = xl.find((m) => m.key === e)) == null ? void 0 : f.label) ?? "";
+  const g = ((f = vl.find((m) => m.key === e)) == null ? void 0 : f.label) ?? "";
   return /* @__PURE__ */ p(S, { sx: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", bgcolor: "background.default" }, children: [
     /* @__PURE__ */ p(S, { sx: { px: 2.5, py: 1.25, borderBottom: "1px solid", borderColor: "divider", display: "flex", alignItems: "center", gap: 1.5, bgcolor: "background.paper" }, children: [
-      /* @__PURE__ */ i(Cl, { sx: { fontSize: 22, color: "text.secondary" } }),
+      /* @__PURE__ */ i(wl, { sx: { fontSize: 22, color: "text.secondary" } }),
       /* @__PURE__ */ p(ue, { variant: "h5", sx: { flex: 1, fontSize: 18, fontWeight: 700, letterSpacing: "-.2px" }, children: [
         "Previewing ",
         g
       ] }),
       /* @__PURE__ */ p(
-        ni,
+        oi,
         {
           size: "small",
           value: n,
           onChange: (m) => o(m.target.value === "fit" ? "fit" : Number(m.target.value)),
           sx: { minWidth: 128, fontSize: 13, fontWeight: 600, "& .MuiSelect-select": { py: 0.75 } },
           children: [
-            /* @__PURE__ */ p(gt, { value: "fit", children: [
+            /* @__PURE__ */ p(mt, { value: "fit", children: [
               "Fit (",
               l,
               "%)"
             ] }),
-            Ul.map((m) => /* @__PURE__ */ p(gt, { value: m, children: [
+            Gl.map((m) => /* @__PURE__ */ p(mt, { value: m, children: [
               m,
               "%"
             ] }, m))
@@ -6538,29 +6547,29 @@ function Gl() {
     ] }),
     /* @__PURE__ */ p(S, { ref: s, sx: { flex: 1, overflow: "auto", p: `${t}px`, position: "relative", bgcolor: "background.default" }, children: [
       /* @__PURE__ */ p(S, { ref: a, sx: { width: "100%", display: "flex", flexDirection: "column", "& > *": { flex: "1 1 0%", minHeight: 0 } }, children: [
-        e === "dashboard" && /* @__PURE__ */ i(Rl, {}),
-        e === "orders" && /* @__PURE__ */ i(Hl, {}),
-        e === "reports" && /* @__PURE__ */ i(Nl, {}),
-        e === "cameras" && /* @__PURE__ */ i(Bl, {}),
-        e === "operations" && /* @__PURE__ */ i(Dl, {}),
-        e === "components" && /* @__PURE__ */ i(Pl, {}),
-        e === "login" && /* @__PURE__ */ i(jl, {})
+        e === "dashboard" && /* @__PURE__ */ i(El, {}),
+        e === "orders" && /* @__PURE__ */ i(Pl, {}),
+        e === "reports" && /* @__PURE__ */ i(jl, {}),
+        e === "cameras" && /* @__PURE__ */ i(Ol, {}),
+        e === "operations" && /* @__PURE__ */ i(Ml, {}),
+        e === "components" && /* @__PURE__ */ i($l, {}),
+        e === "login" && /* @__PURE__ */ i(Vl, {})
       ] }),
-      e !== "login" && /* @__PURE__ */ i(Vl, {})
+      e !== "login" && /* @__PURE__ */ i(Ul, {})
     ] })
   ] });
 }
-const Yl = 300, Jl = 520;
-function od() {
+const Jl = 300, ql = 520;
+function id() {
   const [e, r] = Z(!0), [t, n] = Z(300), [o, s] = Z(!1), a = j((b) => b.isDirty), l = j((b) => b.captureBaseline), c = j((b) => b.restoreBaseline), g = De(j((b) => b.settings.mode)), f = j((b) => b.settings.customFonts), m = j((b) => b.settings.customHeadFonts), y = Te(null);
   _e(() => {
-    Mn(f), Mn(m);
+    Fn(f), Fn(m);
   }, [f, m]);
   const h = (b) => {
     b.preventDefault(), y.current = { x: b.clientX, w: t };
     const v = (H) => {
       if (!y.current) return;
-      const C = Math.max(Yl, Math.min(Jl, y.current.w + (H.clientX - y.current.x)));
+      const C = Math.max(Jl, Math.min(ql, y.current.w + (H.clientX - y.current.x)));
       n(C);
     }, $ = () => {
       y.current = null, window.removeEventListener("mousemove", v), window.removeEventListener("mouseup", $);
@@ -6583,14 +6592,14 @@ function od() {
           scrollbarWidth: "none",
           msOverflowStyle: "none",
           "&::-webkit-scrollbar": { display: "none" }
-        }, children: /* @__PURE__ */ i(Sl, { onClose: x }) }),
+        }, children: /* @__PURE__ */ i(Cl, { onClose: x }) }),
         /* @__PURE__ */ i(S, { onMouseDown: h, sx: { width: 5, cursor: "col-resize", flexShrink: 0, bgcolor: "divider", opacity: 0.4, "&:hover": { opacity: 1, bgcolor: "primary.main" } } })
-      ] }) : /* @__PURE__ */ i(ze, { title: "Open Theme Studio", placement: "right", arrow: !0, slotProps: { popper: { style: { pointerEvents: "none" } } }, children: /* @__PURE__ */ i(Pr, { onClick: () => {
+      ] }) : /* @__PURE__ */ i(ze, { title: "Open Theme Studio", placement: "right", arrow: !0, slotProps: { popper: { style: { pointerEvents: "none" } } }, children: /* @__PURE__ */ i($r, { onClick: () => {
         r(!0), l();
-      }, sx: { position: "absolute", left: 68, bottom: 56, zIndex: 10, bgcolor: "primary.main", color: "primary.contrastText", boxShadow: 4, "&:hover": { bgcolor: "primary.dark" } }, children: /* @__PURE__ */ i(zs, {}) }) }),
-      /* @__PURE__ */ i(Gl, {})
+      }, sx: { position: "absolute", left: 68, bottom: 56, zIndex: 10, bgcolor: "primary.main", color: "primary.contrastText", boxShadow: 4, "&:hover": { bgcolor: "primary.dark" } }, children: /* @__PURE__ */ i(_s, {}) }) }),
+      /* @__PURE__ */ i(Yl, {})
     ] }) }),
-    /* @__PURE__ */ p(mt, { open: o, onClose: () => s(!1), PaperProps: { sx: { borderRadius: 3, width: 300, p: 2.5 } }, children: [
+    /* @__PURE__ */ p(yt, { open: o, onClose: () => s(!1), PaperProps: { sx: { borderRadius: 3, width: 300, p: 2.5 } }, children: [
       /* @__PURE__ */ i(ue, { sx: { fontSize: 15, fontWeight: 800, mb: 0.75 }, children: "Save changes?" }),
       /* @__PURE__ */ i(ue, { sx: { fontSize: 12.5, color: "text.secondary", lineHeight: 1.5, mb: 2.25 }, children: "You've made changes to the theme. Do you want to save them before leaving?" }),
       /* @__PURE__ */ p(S, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
@@ -6605,8 +6614,8 @@ function od() {
     ] })
   ] });
 }
-function id(e) {
-  const r = Vr(e), t = r.t, n = `${r.headFam},sans-serif`, o = `${r.bodyFam},sans-serif`, s = (a) => ({ fontFamily: n, fontSize: a, fontWeight: r.wH1, lineHeight: r.headLH });
+function ad(e) {
+  const r = Ur(e), t = r.t, n = `${r.headFam},sans-serif`, o = `${r.bodyFam},sans-serif`, s = (a) => ({ fontFamily: n, fontSize: a, fontWeight: r.wH1, lineHeight: r.headLH });
   if (typeof window < "u" && typeof document < "u") {
     const a = ["Roboto", "Inter", "DM Sans", "Manrope", "Plus Jakarta Sans", "Nunito Sans", "Figtree"], c = [e.fontFamily, e.headingFont].filter(Boolean).map((f) => f.replace(/"/g, "").replace(/'/g, "")), g = Array.from(new Set(c)).filter((f) => a.includes(f));
     if (g.length > 0) {
@@ -6616,7 +6625,7 @@ function id(e) {
       m || (m = document.createElement("link"), m.id = f, m.rel = "stylesheet", document.head.appendChild(m)), m.href = h;
     }
   }
-  return so({
+  return lo({
     palette: {
       mode: e.mode,
       primary: { main: r.pMain, dark: r.pal[700], light: r.pal[300], contrastText: t.pContrast },
@@ -6735,7 +6744,7 @@ function id(e) {
 }
 export {
   Oe as DEFAULT_SETTINGS,
-  od as ThemeStudio,
-  id as buildMuiTheme,
+  id as ThemeStudio,
+  ad as buildMuiTheme,
   j as useThemeStore
 };