omnieye-theme-studio 1.2.8 → 1.2.10

package/dist/index.esm.js

@@ -1,11 +1,11 @@
 import { jsxs as p, jsx as i, Fragment as ge } from "react/jsx-runtime";
 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 Wt, { useMemo as ti, useState as Z, useEffect as _e, useRef as Te, useLayoutEffect as Fr } from "react";
+import { Box as S, Collapse as ri, Button as ke, Tooltip as ze, Typography as ue, Menu as ni, MenuItem as mt, Dialog as yt, DialogTitle as zt, DialogContent as _t, TextField as Zr, DialogActions as Lt, InputBase as Wr, FormControlLabel as Et, Switch as bt, Popover as oi, Slider as ii, IconButton as $r, Select as ai } from "@mui/material";
+import si from "@emotion/styled";
 import "@emotion/react";
-import { createPortal as ai } from "react-dom";
-const en = (e) => e, si = () => {
+import { createPortal as li } from "react-dom";
+const en = (e) => e, di = () => {
   let e = en;
   return {
     configure(r) {
@@ -18,7 +18,7 @@ const en = (e) => e, si = () => {
       e = en;
     }
   };
-}, li = si();
+}, ci = di();
 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.`;
@@ -28,10 +28,10 @@ function lt(e) {
     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 di(e) {
+function pi(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Lt = { exports: {} }, Nt = { exports: {} }, ne = {};
+var Nt = { exports: {} }, jt = { exports: {} }, ne = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -41,7 +41,7 @@ var Lt = { exports: {} }, Nt = { exports: {} }, ne = {};
  * LICENSE file in the root directory of this source tree.
  */
 var tn;
-function ci() {
+function ui() {
   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;
@@ -116,7 +116,7 @@ var oe = {};
  * LICENSE file in the root directory of this source tree.
  */
 var rn;
-function pi() {
+function fi() {
   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(_) {
@@ -199,8 +199,8 @@ function pi() {
   })()), oe;
 }
 var nn;
-function Ln() {
-  return nn || (nn = 1, process.env.NODE_ENV === "production" ? Nt.exports = ci() : Nt.exports = pi()), Nt.exports;
+function jn() {
+  return nn || (nn = 1, process.env.NODE_ENV === "production" ? jt.exports = ui() : jt.exports = fi()), jt.exports;
 }
 /*
 object-assign
@@ -208,7 +208,7 @@ object-assign
 @license MIT
 */
 var mr, on;
-function ui() {
+function hi() {
   if (on) return mr;
   on = 1;
   var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
@@ -261,17 +261,17 @@ function zr() {
   return yr = e, yr;
 }
 var br, sn;
-function Nn() {
+function Vn() {
   return sn || (sn = 1, br = Function.call.bind(Object.prototype.hasOwnProperty)), br;
 }
 var xr, ln;
-function fi() {
+function gi() {
   if (ln) return xr;
   ln = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var r = /* @__PURE__ */ zr(), t = {}, n = /* @__PURE__ */ Nn();
+    var r = /* @__PURE__ */ zr(), t = {}, n = /* @__PURE__ */ Vn();
     e = function(s) {
       var a = "Warning: " + s;
       typeof console < "u" && console.error(a);
@@ -314,10 +314,10 @@ function fi() {
   }, xr = o, xr;
 }
 var vr, dn;
-function hi() {
+function mi() {
   if (dn) return vr;
   dn = 1;
-  var e = Ln(), r = ui(), t = /* @__PURE__ */ zr(), n = /* @__PURE__ */ Nn(), o = /* @__PURE__ */ fi(), s = function() {
+  var e = jn(), r = hi(), t = /* @__PURE__ */ zr(), n = /* @__PURE__ */ Vn(), o = /* @__PURE__ */ gi(), s = function() {
   };
   process.env.NODE_ENV !== "production" && (s = function(l) {
     var c = "Warning: " + l;
@@ -635,7 +635,7 @@ Valid keys: ` + JSON.stringify(Object.keys(P), null, "  ")
   }, vr;
 }
 var Sr, cn;
-function gi() {
+function yi() {
   if (cn) return Sr;
   cn = 1;
   var e = /* @__PURE__ */ zr();
@@ -683,31 +683,31 @@ function gi() {
   }, Sr;
 }
 var pn;
-function mi() {
-  if (pn) return Lt.exports;
+function bi() {
+  if (pn) return Nt.exports;
   if (pn = 1, process.env.NODE_ENV !== "production") {
-    var e = Ln(), r = !0;
-    Lt.exports = /* @__PURE__ */ hi()(e.isElement, r);
+    var e = jn(), r = !0;
+    Nt.exports = /* @__PURE__ */ mi()(e.isElement, r);
   } else
-    Lt.exports = /* @__PURE__ */ gi()();
-  return Lt.exports;
+    Nt.exports = /* @__PURE__ */ yi()();
+  return Nt.exports;
 }
-var yi = /* @__PURE__ */ mi();
-const re = /* @__PURE__ */ di(yi);
-function jn(e) {
+var xi = /* @__PURE__ */ bi();
+const re = /* @__PURE__ */ pi(xi);
+function Un(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 = jn(e[r])) && (n && (n += " "), n += t);
+    for (r = 0; r < o; r++) e[r] && (t = Un(e[r])) && (n && (n += " "), n += t);
   } else for (t in e) e[t] && (n && (n += " "), n += t);
   return n;
 }
-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);
+function Gn() {
+  for (var e, r, t = 0, n = "", o = arguments.length; t < o; t++) (e = arguments[t]) && (r = Un(e)) && (n && (n += " "), n += r);
   return n;
 }
-function bi(e, r, t = void 0) {
+function vi(e, r, t = void 0) {
   const n = {};
   for (const o in e) {
     const s = e[o];
@@ -720,7 +720,7 @@ function bi(e, r, t = void 0) {
   }
   return n;
 }
-var jt = { exports: {} }, se = {};
+var Vt = { exports: {} }, se = {};
 /**
  * @license React
  * react-is.production.js
@@ -731,7 +731,7 @@ var jt = { exports: {} }, se = {};
  * LICENSE file in the root directory of this source tree.
  */
 var un;
-function xi() {
+function Si() {
   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");
@@ -805,7 +805,7 @@ var le = {};
  * LICENSE file in the root directory of this source tree.
  */
 var fn;
-function vi() {
+function Ci() {
   return fn || (fn = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(u) {
       if (typeof u == "object" && u !== null) {
@@ -869,22 +869,22 @@ function vi() {
   })()), le;
 }
 var hn;
-function Si() {
-  return hn || (hn = 1, process.env.NODE_ENV === "production" ? jt.exports = /* @__PURE__ */ xi() : jt.exports = /* @__PURE__ */ vi()), jt.exports;
+function wi() {
+  return hn || (hn = 1, process.env.NODE_ENV === "production" ? Vt.exports = /* @__PURE__ */ Si() : Vt.exports = /* @__PURE__ */ Ci()), Vt.exports;
 }
-var qt = /* @__PURE__ */ Si();
+var Kt = /* @__PURE__ */ wi();
 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 Un(e) {
-  if (/* @__PURE__ */ qe.isValidElement(e) || qt.isValidElementType(e) || !We(e))
+function Yn(e) {
+  if (/* @__PURE__ */ qe.isValidElement(e) || Kt.isValidElementType(e) || !We(e))
     return e;
   const r = {};
   return Object.keys(e).forEach((t) => {
-    r[t] = Un(e[t]);
+    r[t] = Yn(e[t]);
   }), r;
 }
 function Pe(e, r, t = {
@@ -894,8 +894,8 @@ function Pe(e, r, t = {
     ...e
   } : e;
   return We(e) && We(r) && Object.keys(r).forEach((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];
+    /* @__PURE__ */ qe.isValidElement(r[o]) || Kt.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]) ? Yn(r[o]) : r[o] : n[o] = r[o];
   }), n;
 }
 function Ht(e, r) {
@@ -920,10 +920,10 @@ function gn(e, r) {
     ...r
   }) : r;
 }
-function Ci(e, r) {
+function ki(e, r) {
   return r === "@" || r.startsWith("@") && (e.some((t) => r.startsWith(`@${t}`)) || !!r.match(/^@\d/));
 }
-function wi(e, r) {
+function Ti(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 ki(e) {
+function Ri(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) => {
@@ -967,7 +967,7 @@ const er = {
   // It can't be configured as it's used statically for propTypes.
   keys: ["xs", "sm", "md", "lg", "xl"],
   up: (e) => `@media (min-width:${er[e]}px)`
-}, Ti = {
+}, Ei = {
   containerQueries: (e) => ({
     up: (r) => {
       let t = typeof r == "number" ? r : er[r] || r;
@@ -984,8 +984,8 @@ function Le(e, r, t) {
   if (typeof r == "object") {
     const s = n.breakpoints || mn;
     return Object.keys(r).reduce((a, l) => {
-      if (Ci(s.keys, l)) {
-        const c = wi(n.containerQueries ? n : Ti, l);
+      if (ki(s.keys, l)) {
+        const c = Ti(n.containerQueries ? n : Ei, l);
         c && (a[c] = t(r[l], l));
       } else if (Object.keys(s.values || er).includes(l)) {
         const c = s.up(l);
@@ -999,7 +999,7 @@ function Le(e, r, t) {
   }
   return t(r);
 }
-function Ri(e = {}) {
+function Hi(e = {}) {
   var t;
   return ((t = e.keys) == null ? void 0 : t.reduce((n, o) => {
     const s = e.up(o);
@@ -1022,7 +1022,7 @@ function tr(e, r, t = !0) {
   }
   return r.split(".").reduce((n, o) => n && n[o] != null ? n[o] : null, e);
 }
-function Kt(e, r, t, n = t) {
+function Xt(e, r, t, n = t) {
   let 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;
 }
@@ -1037,8 +1037,8 @@ function ye(e) {
       return null;
     const l = a[r], c = a.theme, g = tr(c, n) || {};
     return Le(a, l, (m) => {
-      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 : {
+      let y = Xt(g, o, m);
+      return m === y && typeof m == "string" && (y = Xt(g, o, `${r}${m === "default" ? "" : lt(m)}`, m)), t === !1 ? y : {
         [t]: y
       };
     });
@@ -1047,14 +1047,14 @@ function ye(e) {
     [r]: Xe
   } : {}, s.filterProps = [r], s;
 }
-function Ei(e) {
+function Pi(e) {
   const r = {};
   return (t) => (r[t] === void 0 && (r[t] = e(t)), r[t]);
 }
-const Hi = {
+const $i = {
   m: "margin",
   p: "padding"
-}, Pi = {
+}, Ai = {
   t: "Top",
   r: "Right",
   b: "Bottom",
@@ -1066,16 +1066,16 @@ const Hi = {
   marginY: "my",
   paddingX: "px",
   paddingY: "py"
-}, $i = Ei((e) => {
+}, Bi = Pi((e) => {
   if (e.length > 2)
     if (bn[e])
       e = bn[e];
     else
       return [e];
-  const [r, t] = e.split(""), n = Hi[r], o = Pi[t] || "";
+  const [r, t] = e.split(""), n = $i[r], o = Ai[t] || "";
   return Array.isArray(o) ? o.map((s) => n + s) : [n + o];
-}), 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) {
+}), 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"], Ii = [...rr, ...nr];
+function At(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")
@@ -1091,35 +1091,35 @@ function $t(e, r, t, n) {
   });
 }
 function _r(e) {
-  return $t(e, "spacing", 8, "spacing");
+  return At(e, "spacing", 8, "spacing");
 }
-function At(e, r) {
+function Bt(e, r) {
   return typeof r == "string" || r == null ? r : e(r);
 }
-function Bi(e, r) {
-  return (t) => e.reduce((n, o) => (n[o] = At(r, t), n), {});
+function Oi(e, r) {
+  return (t) => e.reduce((n, o) => (n[o] = Bt(r, t), n), {});
 }
-function Ii(e, r, t, n) {
+function Di(e, r, t, n) {
   if (!r.includes(t))
     return null;
-  const o = $i(t), s = Bi(o, n), a = e[t];
+  const o = Bi(t), s = Oi(o, n), a = e[t];
   return Le(e, a, s);
 }
-function Gn(e, r) {
+function Jn(e, r) {
   const t = _r(e.theme);
-  return Object.keys(e).map((n) => Ii(e, r, n, t)).reduce(Ht, {});
+  return Object.keys(e).map((n) => Di(e, r, n, t)).reduce(Ht, {});
 }
 function fe(e) {
-  return Gn(e, rr);
+  return Jn(e, rr);
 }
 fe.propTypes = process.env.NODE_ENV !== "production" ? rr.reduce((e, r) => (e[r] = Xe, e), {}) : {};
 fe.filterProps = rr;
 function he(e) {
-  return Gn(e, nr);
+  return Jn(e, nr);
 }
 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), {});
+process.env.NODE_ENV !== "production" && Ii.reduce((e, r) => (e[r] = Xe, e), {});
 function or(...e) {
   const r = e.reduce((n, o) => (o.filterProps.forEach((s) => {
     n[s] = o;
@@ -1136,10 +1136,10 @@ function Ae(e, r) {
     transform: r
   });
 }
-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) => {
+const Mi = Ae("border", $e), Fi = Ae("borderTop", $e), Wi = Ae("borderRight", $e), zi = Ae("borderBottom", $e), _i = Ae("borderLeft", $e), Li = Ae("borderColor"), Ni = Ae("borderTopColor"), ji = Ae("borderRightColor"), Vi = Ae("borderBottomColor"), Ui = Ae("borderLeftColor"), Gi = Ae("outline", $e), Yi = Ae("outlineColor"), ir = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
-    const r = $t(e.theme, "shape.borderRadius", 4, "borderRadius"), t = (n) => ({
-      borderRadius: At(r, n)
+    const r = At(e.theme, "shape.borderRadius", 4, "borderRadius"), t = (n) => ({
+      borderRadius: Bt(r, n)
     });
     return Le(e, e.borderRadius, t);
   }
@@ -1149,11 +1149,11 @@ ir.propTypes = process.env.NODE_ENV !== "production" ? {
   borderRadius: Xe
 } : {};
 ir.filterProps = ["borderRadius"];
-or(Oi, Di, Mi, Fi, Wi, zi, _i, Li, Ni, ji, ir, Vi, Ui);
+or(Mi, Fi, Wi, zi, _i, Li, Ni, ji, Vi, Ui, ir, Gi, Yi);
 const ar = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
-    const r = $t(e.theme, "spacing", 8, "gap"), t = (n) => ({
-      gap: At(r, n)
+    const r = At(e.theme, "spacing", 8, "gap"), t = (n) => ({
+      gap: Bt(r, n)
     });
     return Le(e, e.gap, t);
   }
@@ -1165,8 +1165,8 @@ ar.propTypes = process.env.NODE_ENV !== "production" ? {
 ar.filterProps = ["gap"];
 const sr = (e) => {
   if (e.columnGap !== void 0 && e.columnGap !== null) {
-    const r = $t(e.theme, "spacing", 8, "columnGap"), t = (n) => ({
-      columnGap: At(r, n)
+    const r = At(e.theme, "spacing", 8, "columnGap"), t = (n) => ({
+      columnGap: Bt(r, n)
     });
     return Le(e, e.columnGap, t);
   }
@@ -1178,8 +1178,8 @@ sr.propTypes = process.env.NODE_ENV !== "production" ? {
 sr.filterProps = ["columnGap"];
 const lr = (e) => {
   if (e.rowGap !== void 0 && e.rowGap !== null) {
-    const r = $t(e.theme, "spacing", 8, "rowGap"), t = (n) => ({
-      rowGap: At(r, n)
+    const r = At(e.theme, "spacing", 8, "rowGap"), t = (n) => ({
+      rowGap: Bt(r, n)
     });
     return Le(e, e.rowGap, t);
   }
@@ -1189,48 +1189,48 @@ lr.propTypes = process.env.NODE_ENV !== "production" ? {
   rowGap: Xe
 } : {};
 lr.filterProps = ["rowGap"];
-const Gi = ye({
+const Ji = ye({
   prop: "gridColumn"
-}), Yi = ye({
+}), qi = ye({
   prop: "gridRow"
-}), Ji = ye({
+}), Ki = ye({
   prop: "gridAutoFlow"
-}), qi = ye({
+}), Xi = ye({
   prop: "gridAutoColumns"
-}), Ki = ye({
+}), Qi = ye({
   prop: "gridAutoRows"
-}), Xi = ye({
+}), Zi = ye({
   prop: "gridTemplateColumns"
-}), Qi = ye({
+}), ea = ye({
   prop: "gridTemplateRows"
-}), Zi = ye({
+}), ta = ye({
   prop: "gridTemplateAreas"
-}), ea = ye({
+}), ra = ye({
   prop: "gridArea"
 });
-or(ar, sr, lr, Gi, Yi, Ji, qi, Ki, Xi, Qi, Zi, ea);
+or(ar, sr, lr, Ji, qi, Ki, Xi, Qi, Zi, ea, ta, ra);
 function xt(e, r) {
   return r === "grey" ? r : e;
 }
-const ta = ye({
+const na = ye({
   prop: "color",
   themeKey: "palette",
   transform: xt
-}), ra = ye({
+}), oa = ye({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
   transform: xt
-}), na = ye({
+}), ia = ye({
   prop: "backgroundColor",
   themeKey: "palette",
   transform: xt
 });
-or(ta, ra, na);
+or(na, oa, ia);
 function Ee(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
-const oa = ye({
+const aa = ye({
   prop: "width",
   transform: Ee
 }), Lr = (e) => {
@@ -1251,16 +1251,16 @@ const oa = ye({
   return null;
 };
 Lr.filterProps = ["maxWidth"];
-const ia = ye({
+const sa = ye({
   prop: "minWidth",
   transform: Ee
-}), aa = ye({
+}), la = ye({
   prop: "height",
   transform: Ee
-}), sa = ye({
+}), da = ye({
   prop: "maxHeight",
   transform: Ee
-}), la = ye({
+}), ca = ye({
   prop: "minHeight",
   transform: Ee
 });
@@ -1274,10 +1274,10 @@ ye({
   cssProperty: "height",
   transform: Ee
 });
-const da = ye({
+const pa = ye({
   prop: "boxSizing"
 });
-or(oa, Lr, ia, aa, sa, la, da);
+or(aa, Lr, sa, la, da, ca, pa);
 const dr = {
   // borders
   border: {
@@ -1566,14 +1566,14 @@ const dr = {
     themeKey: "typography"
   }
 };
-function ca(...e) {
+function ua(...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 pa(e, r) {
+function fa(e, r) {
   return typeof e == "function" ? e(r) : e;
 }
-function ua() {
+function ha() {
   function e(t, n, o, s) {
     const a = {
       [t]: n,
@@ -1597,8 +1597,8 @@ function ua() {
       };
     const y = tr(o, g) || {};
     return m ? m(a) : Le(a, n, (x) => {
-      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 : {
+      let u = Xt(y, f, x);
+      return x === u && typeof x == "string" && (u = Xt(y, f, `${t}${x === "default" ? "" : lt(x)}`, x)), c === !1 ? u : {
         [c]: u
       };
     });
@@ -1620,10 +1620,10 @@ function ua() {
         return c;
       if (!g)
         return null;
-      const f = Ri(o.breakpoints), m = Object.keys(f);
+      const f = Hi(o.breakpoints), m = Object.keys(f);
       let y = f;
       return Object.keys(g).forEach((h) => {
-        const x = pa(g[h], o);
+        const x = fa(g[h], o);
         if (x != null)
           if (typeof x == "object")
             if (a[h])
@@ -1634,7 +1634,7 @@ function ua() {
               }, x, (b) => ({
                 [h]: b
               }));
-              ca(u, x) ? y[h] = r({
+              ua(u, x) ? y[h] = r({
                 sx: x,
                 theme: o,
                 nested: !0
@@ -1650,9 +1650,9 @@ function ua() {
   }
   return r;
 }
-const vt = ua();
+const vt = ha();
 vt.filterProps = ["sx"];
-function fa(e) {
+function ga(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 fa(e) {
   return r ^= r >>> 13, r = /* Math.imul(h, m): */
   (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), ((r ^ r >>> 15) >>> 0).toString(36);
 }
-var ha = {
+var ma = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -1721,24 +1721,24 @@ var ha = {
   strokeOpacity: 1,
   strokeWidth: 1
 };
-function ga(e) {
+function ya(e) {
   var r = /* @__PURE__ */ Object.create(null);
   return function(t) {
     return r[t] === void 0 && (r[t] = e(t)), r[t];
   };
 }
-var ma = /[A-Z]|^ms/g, ya = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Yn = function(r) {
+var ba = /[A-Z]|^ms/g, xa = /_EMO_([^_]+?)_([^]*?)_EMO_/g, qn = function(r) {
   return r.charCodeAt(1) === 45;
 }, xn = function(r) {
   return r != null && typeof r != "boolean";
-}, Cr = /* @__PURE__ */ ga(function(e) {
-  return Yn(e) ? e : e.replace(ma, "-$&").toLowerCase();
+}, Cr = /* @__PURE__ */ ya(function(e) {
+  return qn(e) ? e : e.replace(ba, "-$&").toLowerCase();
 }), vn = function(r, t) {
   switch (r) {
     case "animation":
     case "animationName":
       if (typeof t == "string")
-        return t.replace(ya, function(n, o, s) {
+        return t.replace(xa, function(n, o, s) {
           return Je = {
             name: o,
             styles: s,
@@ -1746,9 +1746,9 @@ var ma = /[A-Z]|^ms/g, ya = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Yn = function(r) {
           }, o;
         });
   }
-  return ha[r] !== 1 && !Yn(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
+  return ma[r] !== 1 && !qn(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
 };
-function Xt(e, r, t) {
+function Qt(e, r, t) {
   if (t == null)
     return "";
   var n = t;
@@ -1778,17 +1778,17 @@ function Xt(e, r, t) {
         var l = s.styles + ";";
         return l;
       }
-      return ba(e, r, t);
+      return va(e, r, t);
     }
   }
   var c = t;
   return c;
 }
-function ba(e, r, t) {
+function va(e, r, t) {
   var n = "";
   if (Array.isArray(t))
     for (var o = 0; o < t.length; o++)
-      n += Xt(e, r, t[o]) + ";";
+      n += Qt(e, r, t[o]) + ";";
   else
     for (var s in t) {
       var a = t[s];
@@ -1799,7 +1799,7 @@ function ba(e, r, t) {
         for (var c = 0; c < a.length; c++)
           xn(a[c]) && (n += Cr(s) + ":" + vn(s, a[c]) + ";");
       else {
-        var g = Xt(e, r, a);
+        var g = Qt(e, r, a);
         switch (s) {
           case "animation":
           case "animationName": {
@@ -1814,27 +1814,27 @@ function ba(e, r, t) {
   return n;
 }
 var Sn = /label:\s*([^\s;{]+)\s*(;|$)/g, Je;
-function xa(e, r, t) {
+function Sa(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 = "";
   Je = void 0;
   var s = e[0];
   if (s == null || s.raw === void 0)
-    n = !1, o += Xt(t, r, s);
+    n = !1, o += Qt(t, r, s);
   else {
     var a = s;
     o += a[0];
   }
   for (var l = 1; l < e.length; l++)
-    if (o += Xt(t, r, e[l]), n) {
+    if (o += Qt(t, r, e[l]), n) {
       var c = s;
       o += c[l];
     }
   Sn.lastIndex = 0;
   for (var g = "", f; (f = Sn.exec(o)) !== null; )
     g += "-" + f[1];
-  var m = fa(o) + g;
+  var m = ga(o) + g;
   return {
     name: m,
     styles: o,
@@ -1848,22 +1848,22 @@ function xa(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 va(e, r) {
-  const t = ii(e, r);
+function Ca(e, r) {
+  const t = si(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 Sa(e, r) {
+function wa(e, r) {
   Array.isArray(e.__emotion_styles) && (e.__emotion_styles = r(e.__emotion_styles));
 }
 const Cn = [];
 function at(e) {
-  return Cn[0] = e, xa(Cn);
+  return Cn[0] = e, Sa(Cn);
 }
-const Ca = (e) => {
+const ka = (e) => {
   const r = Object.keys(e).map((t) => ({
     key: t,
     val: e[t]
@@ -1873,7 +1873,7 @@ const Ca = (e) => {
     [n.key]: n.val
   }), {});
 };
-function wa(e) {
+function Ta(e) {
   const {
     // The breakpoint **start** at this value.
     // For instance with the first breakpoint xs: [xs, sm).
@@ -1892,7 +1892,7 @@ function wa(e) {
     unit: t = "px",
     step: n = 5,
     ...o
-  } = e, s = Ca(r), a = Object.keys(s);
+  } = e, s = ka(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 wa(e) {
     ...o
   };
 }
-const ka = {
+const Ra = {
   borderRadius: 4
 };
-function Jn(e = 8, r = _r({
+function Kn(e = 8, r = _r({
   spacing: e
 })) {
   if (e.mui)
@@ -1936,7 +1936,7 @@ function Jn(e = 8, r = _r({
   }).join(" "));
   return t.mui = !0, t;
 }
-function Ta(e, r) {
+function Ea(e, r) {
   var n;
   const t = this;
   if (t.vars) {
@@ -1949,14 +1949,14 @@ function Ta(e, r) {
   }
   return t.palette.mode === e ? r : {};
 }
-function qn(e = {}, ...r) {
+function Xn(e = {}, ...r) {
   const {
     breakpoints: t = {},
     palette: n = {},
     spacing: o,
     shape: s = {},
     ...a
-  } = e, l = wa(t), c = Jn(o);
+  } = e, l = Ta(t), c = Kn(o);
   let g = Pe({
     breakpoints: l,
     direction: "ltr",
@@ -1968,11 +1968,11 @@ function qn(e = {}, ...r) {
     },
     spacing: c,
     shape: {
-      ...ka,
+      ...Ra,
       ...s
     }
   }, a);
-  return g = ki(g), g.applyStyles = Ta, g = r.reduce((f, m) => Pe(f, m), g), g.unstable_sxConfig = {
+  return g = Ri(g), g.applyStyles = Ea, 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) {
@@ -1982,7 +1982,7 @@ function qn(e = {}, ...r) {
     });
   }, g;
 }
-const Ra = {
+const Ha = {
   active: "active",
   checked: "checked",
   completed: "completed",
@@ -1997,40 +1997,40 @@ const Ra = {
   selected: "selected"
 };
 function Nr(e, r, t = "Mui") {
-  const n = Ra[r];
-  return n ? `${t}-${n}` : `${li.generate(e)}-${r}`;
+  const n = Ha[r];
+  return n ? `${t}-${n}` : `${ci.generate(e)}-${r}`;
 }
-function Ea(e, r, t = "Mui") {
+function Pa(e, r, t = "Mui") {
   const n = {};
   return r.forEach((o) => {
     n[o] = Nr(e, o, t);
   }), n;
 }
-function Kn(e, r = "") {
+function Qn(e, r = "") {
   return e.displayName || e.name || r;
 }
 function wn(e, r, t) {
-  const n = Kn(r);
+  const n = Qn(r);
   return e.displayName || (n !== "" ? `${t}(${n})` : t);
 }
-function Ha(e) {
+function $a(e) {
   if (e != null) {
     if (typeof e == "string")
       return e;
     if (typeof e == "function")
-      return Kn(e, "Component");
+      return Qn(e, "Component");
     if (typeof e == "object")
       switch (e.$$typeof) {
-        case qt.ForwardRef:
+        case Kt.ForwardRef:
           return wn(e, e.render, "ForwardRef");
-        case qt.Memo:
+        case Kt.Memo:
           return wn(e, e.type, "memo");
         default:
           return;
       }
   }
 }
-function Xn(e) {
+function Zn(e) {
   const {
     variants: r,
     ...t
@@ -2043,23 +2043,23 @@ function Xn(e) {
     typeof o.style != "function" && (o.style = at(o.style));
   }), n;
 }
-const Pa = qn();
+const Aa = Xn();
 function wr(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
 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 $a(e) {
+function Ba(e) {
   return e ? (r, t) => t[e] : null;
 }
-function Aa(e, r, t) {
-  e.theme = Da(e.theme) ? t : e.theme[r] || e.theme;
+function Ia(e, r, t) {
+  e.theme = Fa(e.theme) ? t : e.theme[r] || e.theme;
 }
-function Jt(e, r, t) {
+function qt(e, r, t) {
   const n = typeof r == "function" ? r(e) : r;
   if (Array.isArray(n))
-    return n.flatMap((o) => Jt(e, o, t));
+    return n.flatMap((o) => qt(e, o, t));
   if (Array.isArray(n == null ? void 0 : n.variants)) {
     let o;
     if (n.isProcessed)
@@ -2071,11 +2071,11 @@ function Jt(e, r, t) {
       } = n;
       o = t ? it(at(a), t) : a;
     }
-    return Qn(e, n.variants, [o], t);
+    return eo(e, n.variants, [o], t);
   }
   return n != null && n.isProcessed ? t ? it(at(n.style), t) : n.style : t ? it(at(n), t) : n;
 }
-function Qn(e, r, t = [], n = void 0) {
+function eo(e, r, t = [], n = void 0) {
   var s;
   let o;
   e: for (let a = 0; a < r.length; a += 1) {
@@ -2099,18 +2099,18 @@ function Qn(e, r, t = [], n = void 0) {
   }
   return t;
 }
-function Ba(e = {}) {
+function Oa(e = {}) {
   const {
     themeId: r,
-    defaultTheme: t = Pa,
+    defaultTheme: t = Aa,
     rootShouldForwardProp: n = wr,
     slotShouldForwardProp: o = wr
   } = e;
   function s(l) {
-    Aa(l, r, t);
+    Ia(l, r, t);
   }
   return (l, c = {}) => {
-    Sa(l, (R) => R.filter((z) => z !== vt));
+    wa(l, (R) => R.filter((z) => z !== vt));
     const {
       name: g,
       slot: f,
@@ -2118,7 +2118,7 @@ function Ba(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 = $a(Zn(f)),
+      overridesResolver: h = Ba(to(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
@@ -2126,22 +2126,22 @@ function Ba(e = {}) {
       f && f !== "Root" && f !== "root" || !1
     ), v = y || !1;
     let $ = wr;
-    f === "Root" || f === "root" ? $ = n : f ? $ = o : Ma(l) && ($ = void 0);
-    const H = va(l, {
+    f === "Root" || f === "root" ? $ = n : f ? $ = o : Wa(l) && ($ = void 0);
+    const H = Ca(l, {
       shouldForwardProp: $,
-      label: Oa(g, f),
+      label: Ma(g, f),
       ...x
     }), C = (R) => {
       if (R.__emotion_real === R)
         return R;
       if (typeof R == "function")
         return function(B) {
-          return Jt(B, R, B.theme.modularCssLayers ? u : void 0);
+          return qt(B, R, B.theme.modularCssLayers ? u : void 0);
         };
       if (We(R)) {
-        const z = Xn(R);
+        const z = Zn(R);
         return function(X) {
-          return z.variants ? Jt(X, z, X.theme.modularCssLayers ? u : void 0) : X.theme.modularCssLayers ? it(z.style, u) : z.style;
+          return z.variants ? qt(X, z, X.theme.modularCssLayers ? u : void 0) : X.theme.modularCssLayers ? it(z.style, u) : z.style;
         };
       }
       return R;
@@ -2154,42 +2154,42 @@ function Ba(e = {}) {
           return null;
         const N = {};
         for (const J in L)
-          N[J] = Jt(I, L[J], I.theme.modularCssLayers ? "theme" : void 0);
+          N[J] = qt(I, L[J], I.theme.modularCssLayers ? "theme" : void 0);
         return h(I, N);
       }), g && !b && X.push(function(I) {
         var N, K;
         const A = I.theme, L = (K = (N = A == null ? void 0 : A.components) == null ? void 0 : N[g]) == null ? void 0 : K.variants;
-        return L ? Qn(I, L, [], I.theme.modularCssLayers ? "theme" : void 0) : null;
+        return L ? eo(I, L, [], I.theme.modularCssLayers ? "theme" : void 0) : null;
       }), v || X.push(vt), Array.isArray(B[0])) {
         const d = B.shift(), I = new Array(z.length).fill(""), A = new Array(X.length).fill("");
         let L;
         L = [...I, ...d, ...A], L.raw = [...I, ...d.raw, ...A], z.unshift(L);
       }
       const Q = [...z, ...B, ...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 = Da(g, f, l)), Y;
     };
     return H.withConfig && (k.withConfig = H.withConfig), k;
   };
 }
-function Ia(e, r, t) {
-  return e ? `${e}${lt(r || "")}` : `Styled(${Ha(t)})`;
+function Da(e, r, t) {
+  return e ? `${e}${lt(r || "")}` : `Styled(${$a(t)})`;
 }
-function Oa(e, r) {
+function Ma(e, r) {
   let t;
-  return process.env.NODE_ENV !== "production" && e && (t = `${e}-${Zn(r || "Root")}`), t;
+  return process.env.NODE_ENV !== "production" && e && (t = `${e}-${to(r || "Root")}`), t;
 }
-function Da(e) {
+function Fa(e) {
   for (const r in e)
     return !1;
   return !0;
 }
-function Ma(e) {
+function Wa(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 Zn(e) {
+function to(e) {
   return e && e.charAt(0).toLowerCase() + e.slice(1);
 }
 function Ar(e, r, t = !1) {
@@ -2220,20 +2220,20 @@ function Ar(e, r, t = !1) {
               n[s][g] = Ar(a[g], l[g], t);
             }
         }
-      } 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 = {
+      } else s === "className" && t && r.className ? n.className = Gn(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 Fa(e, r = Number.MIN_SAFE_INTEGER, t = Number.MAX_SAFE_INTEGER) {
+function za(e, r = Number.MIN_SAFE_INTEGER, t = Number.MAX_SAFE_INTEGER) {
   return Math.max(r, Math.min(e, 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);
+  return process.env.NODE_ENV !== "production" && (e < r || e > t) && console.error(`MUI: The value provided ${e} is out of range [${r}, ${t}].`), za(e, r, t);
 }
-function Wa(e) {
+function _a(e) {
   e = e.slice(1);
   const r = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
   let t = e.match(r);
@@ -2243,7 +2243,7 @@ function Ke(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return Ke(Wa(e));
+    return Ke(_a(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.
@@ -2261,12 +2261,12 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     colorSpace: o
   };
 }
-const za = (e) => {
+const La = (e) => {
   const r = Ke(e);
   return r.values.slice(0, 3).map((t, n) => r.type.includes("hsl") && n !== 0 ? `${t}%` : t).join(" ");
 }, Tt = (e, r) => {
   try {
-    return za(e);
+    return La(e);
   } catch {
     return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
@@ -2281,7 +2281,7 @@ function cr(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 eo(e) {
+function ro(e) {
   e = Ke(e);
   const {
     values: r
@@ -2295,19 +2295,19 @@ function eo(e) {
 }
 function Br(e) {
   e = Ke(e);
-  let r = e.type === "hsl" || e.type === "hsla" ? Ke(eo(e)).values : e.values;
+  let r = e.type === "hsl" || e.type === "hsla" ? Ke(ro(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 kn(e, r) {
   const t = Br(e), n = Br(r);
   return (Math.max(t, n) + 0.05) / (Math.min(t, n) + 0.05);
 }
-function to(e, r) {
+function no(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 rt(e, r, t) {
   try {
-    return to(e, r);
+    return no(e, r);
   } catch {
     return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
   }
@@ -2345,19 +2345,19 @@ function ae(e, r, t) {
     return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
   }
 }
-function _a(e, r = 0.15) {
+function Na(e, r = 0.15) {
   return Br(e) > 0.5 ? pr(e, r) : ur(e, r);
 }
-function Vt(e, r, t) {
+function Ut(e, r, t) {
   try {
-    return _a(e, r);
+    return Na(e, r);
   } catch {
     return e;
   }
 }
-const La = /* @__PURE__ */ qe.createContext(void 0);
+const ja = /* @__PURE__ */ qe.createContext(void 0);
 process.env.NODE_ENV !== "production" && (re.node, re.object);
-function Na(e) {
+function Va(e) {
   const {
     theme: r,
     name: t,
@@ -2368,12 +2368,12 @@ function Na(e) {
   const o = r.components[t];
   return o.defaultProps ? Ar(o.defaultProps, n, r.components.mergeClassNameAndStyle) : !o.styleOverrides && !o.variants ? Ar(o, n, r.components.mergeClassNameAndStyle) : n;
 }
-function ja({
+function Ua({
   props: e,
   name: r
 }) {
-  const t = qe.useContext(La);
-  return Na({
+  const t = qe.useContext(ja);
+  return Va({
     props: e,
     name: r,
     theme: {
@@ -2384,14 +2384,14 @@ function ja({
 const Tn = {
   theme: void 0
 };
-function Va(e) {
+function Ga(e) {
   let r, t;
   return function(o) {
     let s = r;
-    return (s === void 0 || o.theme !== t) && (Tn.theme = o.theme, s = Xn(e(Tn)), r = s, t = o.theme), s;
+    return (s === void 0 || o.theme !== t) && (Tn.theme = o.theme, s = Zn(e(Tn)), r = s, t = o.theme), s;
   };
 }
-function Ua(e = "") {
+function Ya(e = "") {
   function r(...n) {
     if (!n.length)
       return "";
@@ -2405,24 +2405,24 @@ const Rn = (e, r, t, n = []) => {
   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]);
   });
-}, Ga = (e, r, t) => {
+}, Ja = (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);
-}, 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;
+}, qa = (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 Ga(
+  return Ja(
     e,
     (l, c, g) => {
       if ((typeof c == "string" || typeof c == "number") && (!n || !n(l, c))) {
-        const f = `--${t ? `${t}-` : ""}${l.join("-")}`, m = Ya(l, c);
+        const f = `--${t ? `${t}-` : ""}${l.join("-")}`, m = qa(l, c);
         Object.assign(o, {
           [f]: m
         }), Rn(s, l, `var(${f})`, g), Rn(a, l, `var(${f}, ${m})`, g);
@@ -2436,7 +2436,7 @@ function kr(e, r) {
     varsWithDefaults: a
   };
 }
-function Ja(e, r = {}) {
+function Ka(e, r = {}) {
   const {
     getSelector: t = v,
     disableCssColorScheme: n,
@@ -2560,7 +2560,7 @@ function Ja(e, r = {}) {
     }
   };
 }
-function qa(e) {
+function Xa(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)} &` : "&";
   };
@@ -2568,7 +2568,7 @@ function qa(e) {
 const Pt = {
   black: "#000",
   white: "#fff"
-}, Ka = {
+}, Qa = {
   50: "#fafafa",
   100: "#f5f5f5",
   200: "#eeeeee",
@@ -2622,7 +2622,7 @@ const Pt = {
   800: "#2e7d32",
   900: "#1b5e20"
 };
-function ro() {
+function oo() {
   return {
     // The colors used to style the text.
     text: {
@@ -2662,8 +2662,8 @@ function ro() {
     }
   };
 }
-const no = ro();
-function oo() {
+const io = oo();
+function ao() {
   return {
     text: {
       primary: Pt.white,
@@ -2691,7 +2691,7 @@ function oo() {
     }
   };
 }
-const Ir = oo();
+const Ir = ao();
 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 = ur(e.main, o) : r === "dark" && (e.dark = pr(e.main, s)));
@@ -2700,7 +2700,7 @@ 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 Xa(e = "light") {
+function Za(e = "light") {
   return e === "dark" ? {
     main: ut[200],
     light: ut[50],
@@ -2711,7 +2711,7 @@ function Xa(e = "light") {
     dark: ut[800]
   };
 }
-function Qa(e = "light") {
+function es(e = "light") {
   return e === "dark" ? {
     main: ct[200],
     light: ct[50],
@@ -2722,7 +2722,7 @@ function Qa(e = "light") {
     dark: ct[700]
   };
 }
-function Za(e = "light") {
+function ts(e = "light") {
   return e === "dark" ? {
     main: pt[500],
     light: pt[300],
@@ -2733,7 +2733,7 @@ function Za(e = "light") {
     dark: pt[800]
   };
 }
-function es(e = "light") {
+function rs(e = "light") {
   return e === "dark" ? {
     main: ft[400],
     light: ft[300],
@@ -2744,7 +2744,7 @@ function es(e = "light") {
     dark: ft[900]
   };
 }
-function ts(e = "light") {
+function ns(e = "light") {
   return e === "dark" ? {
     main: ht[400],
     light: ht[300],
@@ -2755,7 +2755,7 @@ function ts(e = "light") {
     dark: ht[900]
   };
 }
-function rs(e = "light") {
+function os(e = "light") {
   return e === "dark" ? {
     main: kt[400],
     light: kt[300],
@@ -2767,7 +2767,7 @@ function rs(e = "light") {
     dark: kt[900]
   };
 }
-function ns(e) {
+function is(e) {
   return `oklch(from ${e} var(--__l) 0 h / var(--__a))`;
 }
 function Vr(e) {
@@ -2777,11 +2777,11 @@ function Vr(e) {
     tonalOffset: n = 0.2,
     colorSpace: o,
     ...s
-  } = 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);
+  } = e, a = e.primary || Za(r), l = e.secondary || es(r), c = e.error || ts(r), g = e.info || rs(r), f = e.success || ns(r), m = e.warning || os(r);
   function y(b) {
     if (o)
-      return ns(b);
-    const v = kn(b, Ir.text.primary) >= t ? Ir.text.primary : no.text.primary;
+      return is(b);
+    const v = kn(b, Ir.text.primary) >= t ? Ir.text.primary : io.text.primary;
     if (process.env.NODE_ENV !== "production") {
       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(`
@@ -2819,7 +2819,7 @@ const theme2 = createTheme({ palette: {
     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 = ro() : r === "dark" && (x = oo()), process.env.NODE_ENV !== "production" && (x || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), Pe({
+  return r === "light" ? x = oo() : r === "dark" && (x = ao()), process.env.NODE_ENV !== "production" && (x || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), Pe({
     // A collection of common colors.
     common: {
       ...Pt
@@ -2861,7 +2861,7 @@ const theme2 = createTheme({ palette: {
       name: "success"
     }),
     // The grey colors.
-    grey: Ka,
+    grey: Qa,
     // 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 os(e) {
+function as(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 is(e, r) {
+function ss(e, r) {
   return {
     toolbar: {
       minHeight: 56,
@@ -2900,13 +2900,13 @@ function is(e, r) {
     ...r
   };
 }
-function as(e) {
+function ls(e) {
   return Math.round(e * 1e5) / 1e5;
 }
 const Pn = {
   textTransform: "uppercase"
 }, $n = '"Roboto", "Helvetica", "Arial", sans-serif';
-function ss(e, r) {
+function ds(e, r) {
   const {
     fontFamily: t = $n,
     // The default font size of the Material Specification.
@@ -2934,7 +2934,7 @@ function ss(e, r) {
     // 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 === $n ? {
-      letterSpacing: `${as(H / v)}em`
+      letterSpacing: `${ls(H / v)}em`
     } : {},
     ...C,
     ...g
@@ -2976,11 +2976,11 @@ function ss(e, r) {
     // No need to clone deep
   });
 }
-const ls = 0.2, ds = 0.14, cs = 0.12;
+const cs = 0.2, ps = 0.14, us = 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(",");
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${cs})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${ps})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${us})`].join(",");
 }
-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 = {
+const fs = ["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)], hs = {
   // 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 ps = ["none", ce(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), ce(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)"
-}, fs = {
+}, gs = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -3006,22 +3006,22 @@ const ps = ["none", ce(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), ce(0, 3, 1, -2, 0,
 function An(e) {
   return `${Math.round(e)}ms`;
 }
-function hs(e) {
+function ms(e) {
   if (!e)
     return 0;
   const r = e / 36;
   return Math.min(Math.round((4 + 15 * r ** 0.25 + r / 5) * 10), 3e3);
 }
-function gs(e) {
+function ys(e) {
   const r = {
-    ...us,
+    ...hs,
     ...e.easing
   }, t = {
-    ...fs,
+    ...gs,
     ...e.duration
   };
   return {
-    getAutoHeightDuration: hs,
+    getAutoHeightDuration: ms,
     create: (o = ["all"], s = {}) => {
       const {
         duration: a = t.standard,
@@ -3041,7 +3041,7 @@ function gs(e) {
     duration: t
   };
 }
-const ms = {
+const bs = {
   mobileStepper: 1e3,
   fab: 1050,
   speedDial: 1050,
@@ -3051,10 +3051,10 @@ const ms = {
   snackbar: 1400,
   tooltip: 1500
 };
-function ys(e) {
+function xs(e) {
   return We(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
 }
-function io(e = {}) {
+function so(e = {}) {
   const r = {
     ...e
   };
@@ -3062,7 +3062,7 @@ function io(e = {}) {
     const o = Object.entries(n);
     for (let s = 0; s < o.length; s++) {
       const [a, l] = o[s];
-      !ys(l) || a.startsWith("unstable_") ? delete n[a] : We(l) && (n[a] = {
+      !xs(l) || a.startsWith("unstable_") ? delete n[a] : We(l) && (n[a] = {
         ...l
       }, t(n[a]));
     }
@@ -3079,7 +3079,7 @@ export default theme;`;
 function Bn(e) {
   return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
 }
-const bs = (e) => {
+const vs = (e) => {
   if (!Number.isNaN(+e))
     return +e;
   const r = e.match(/\d*\.?\d+/g);
@@ -3090,11 +3090,11 @@ const bs = (e) => {
     t += +r[n];
   return t;
 };
-function xs(e) {
+function Ss(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})` : to(r, bs(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})` : no(r, vs(t));
     },
     lighten(r, t) {
       const n = this || e;
@@ -3125,16 +3125,16 @@ function Or(e = {}, ...r) {
   const m = Vr({
     ...s,
     colorSpace: g
-  }), y = qn(e);
+  }), y = Xn(e);
   let h = Pe(y, {
-    mixins: is(y.breakpoints, n),
+    mixins: ss(y.breakpoints, n),
     palette: m,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: ps.slice(),
-    typography: ss(m, l),
-    transitions: gs(a),
+    shadows: fs.slice(),
+    typography: ds(m, l),
+    transitions: ys(a),
     zIndex: {
-      ...ms
+      ...bs
     }
   });
   if (h = Pe(h, f), h = r.reduce((x, u) => Pe(x, u), h), process.env.NODE_ENV !== "production") {
@@ -3169,19 +3169,19 @@ function Or(e = {}, ...r) {
       sx: u,
       theme: this
     });
-  }, h.toRuntimeSource = io, xs(h), h;
+  }, h.toRuntimeSource = so, Ss(h), h;
 }
-function vs(e) {
+function Cs(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 Ss = [...Array(25)].map((e, r) => {
+const ws = [...Array(25)].map((e, r) => {
   if (r === 0)
     return "none";
-  const t = vs(r);
+  const t = Cs(r);
   return `linear-gradient(rgba(255 255 255 / ${t}), rgba(255 255 255 / ${t}))`;
 });
-function ao(e) {
+function lo(e) {
   return {
     inputPlaceholder: e === "dark" ? 0.5 : 0.42,
     inputUnderline: e === "dark" ? 0.7 : 0.42,
@@ -3189,10 +3189,10 @@ function ao(e) {
     switchTrack: e === "dark" ? 0.3 : 0.38
   };
 }
-function so(e) {
-  return e === "dark" ? Ss : [];
+function co(e) {
+  return e === "dark" ? ws : [];
 }
-function Cs(e) {
+function ks(e) {
   const {
     palette: r = {
       mode: "light"
@@ -3209,25 +3209,25 @@ function Cs(e) {
   return {
     palette: a,
     opacity: {
-      ...ao(a.mode),
+      ...lo(a.mode),
       ...t
     },
-    overlays: n || so(a.mode),
+    overlays: n || co(a.mode),
     ...s
   };
 }
-function ws(e) {
+function Ts(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 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 Rs = (e) => [...[...Array(25)].map((r, t) => `--${e ? `${e}-` : ""}overlays-${t}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], Es = (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 ks(e.cssVarPrefix).forEach((l) => {
+      return Rs(e.cssVarPrefix).forEach((l) => {
         a[l] = t[l], delete t[l];
       }), s === "media" ? {
         [n]: t,
@@ -3258,7 +3258,7 @@ const ks = (e) => [...[...Array(25)].map((r, t) => `--${e ? `${e}-` : ""}overlay
   }
   return n;
 };
-function Rs(e, r) {
+function Hs(e, r) {
   r.forEach((t) => {
     e[t] || (e[t] = {});
   });
@@ -3267,13 +3267,13 @@ function T(e, r, t) {
   !e[r] && t && (e[r] = t);
 }
 function Rt(e) {
-  return typeof e != "string" || !e.startsWith("hsl") ? e : eo(e);
+  return typeof e != "string" || !e.startsWith("hsl") ? e : ro(e);
 }
 function Me(e, r) {
   `${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 Es(e) {
+function Ps(e) {
   return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
 }
 const Ie = (e) => {
@@ -3281,14 +3281,14 @@ const Ie = (e) => {
     return e();
   } catch {
   }
-}, Hs = (e = "mui") => Ua(e);
+}, $s = (e = "mui") => Ya(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] = Cs({
+    r[o] = ks({
       ...t,
       palette: {
         mode: s,
@@ -3313,13 +3313,13 @@ function Tr(e, r, t, n, o) {
     ...t,
     palette: a,
     opacity: {
-      ...ao(s),
+      ...lo(s),
       ...t == null ? void 0 : t.opacity
     },
-    overlays: (t == null ? void 0 : t.overlays) || so(s)
+    overlays: (t == null ? void 0 : t.overlays) || co(s)
   }, l;
 }
-function Ps(e = {}, ...r) {
+function As(e = {}, ...r) {
   const {
     colorSchemes: t = {
       light: !0
@@ -3328,11 +3328,11 @@ function Ps(e = {}, ...r) {
     disableCssColorScheme: o = !1,
     cssVarPrefix: s = "mui",
     nativeColor: a = !1,
-    shouldSkipGeneratingVar: l = ws,
+    shouldSkipGeneratingVar: l = Ts,
     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 = Hs(s), {
+  } = e, m = Object.keys(t)[0], y = n || (t.light && m !== "light" ? "light" : m), h = $s(s), {
     [y]: x,
     light: u,
     dark: b,
@@ -3356,10 +3356,10 @@ function Ps(e = {}, ...r) {
     getCssVar: h,
     colorSchemes: $,
     font: {
-      ...os(k.typography),
+      ...as(k.typography),
       ...k.font
     },
-    spacing: Es(f.spacing)
+    spacing: Ps(f.spacing)
   };
   Object.keys(R.colorSchemes).forEach((Y) => {
     const d = R.colorSchemes[Y].palette, I = (L) => {
@@ -3374,15 +3374,15 @@ function Ps(e = {}, ...r) {
       }
       return L(N, K);
     }
-    if (Rs(d, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), d.mode === "light") {
+    if (Hs(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", I("palette-error-main")), T(d.Alert, "infoFilledBg", I("palette-info-main")), T(d.Alert, "successFilledBg", I("palette-success-main")), T(d.Alert, "warningFilledBg", I("palette-warning-main")), T(d.Alert, "errorFilledColor", Ie(() => d.getContrastText(d.error.main))), T(d.Alert, "infoFilledColor", Ie(() => d.getContrastText(d.info.main))), T(d.Alert, "successFilledColor", Ie(() => d.getContrastText(d.success.main))), T(d.Alert, "warningFilledColor", Ie(() => 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", I("palette-error-main")), T(d.Alert, "infoIconColor", I("palette-info-main")), T(d.Alert, "successIconColor", I("palette-success-main")), T(d.Alert, "warningIconColor", I("palette-warning-main")), T(d.AppBar, "defaultBg", I("palette-grey-100")), T(d.Avatar, "defaultBg", I("palette-grey-400")), T(d.Button, "inheritContainedBg", I("palette-grey-300")), T(d.Button, "inheritContainedHoverBg", I("palette-grey-A100")), T(d.Chip, "defaultBorder", I("palette-grey-400")), T(d.Chip, "defaultAvatarColor", I("palette-grey-700")), T(d.Chip, "defaultIconColor", I("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(${I("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", Ie(() => C ? Ir.text.primary : d.getContrastText(L))), T(d.SpeedDialAction, "fabHoverBg", Vt(d.background.paper, 0.15)), T(d.StepConnector, "border", I("palette-grey-400")), T(d.StepContent, "border", I("palette-grey-400")), T(d.Switch, "defaultColor", I("palette-common-white")), T(d.Switch, "defaultDisabledColor", I("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));
+      const L = C ? A(ie, a ? h("palette-background-default") : d.background.default, 0.6825) : Ut(d.background.default, 0.8);
+      T(d.SnackbarContent, "bg", L), T(d.SnackbarContent, "color", Ie(() => C ? Ir.text.primary : d.getContrastText(L))), T(d.SpeedDialAction, "fabHoverBg", Ut(d.background.paper, 0.15)), T(d.StepConnector, "border", I("palette-grey-400")), T(d.StepContent, "border", I("palette-grey-400")), T(d.Switch, "defaultColor", I("palette-common-white")), T(d.Switch, "defaultDisabledColor", I("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", I("palette-error-dark")), T(d.Alert, "infoFilledBg", I("palette-info-dark")), T(d.Alert, "successFilledBg", I("palette-success-dark")), T(d.Alert, "warningFilledBg", I("palette-warning-dark")), T(d.Alert, "errorFilledColor", Ie(() => d.getContrastText(d.error.dark))), T(d.Alert, "infoFilledColor", Ie(() => d.getContrastText(d.info.dark))), T(d.Alert, "successFilledColor", Ie(() => d.getContrastText(d.success.dark))), T(d.Alert, "warningFilledColor", Ie(() => 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", I("palette-error-main")), T(d.Alert, "infoIconColor", I("palette-info-main")), T(d.Alert, "successIconColor", I("palette-success-main")), T(d.Alert, "warningIconColor", I("palette-warning-main")), T(d.AppBar, "defaultBg", I("palette-grey-900")), T(d.AppBar, "darkBg", I("palette-background-paper")), T(d.AppBar, "darkColor", I("palette-text-primary")), T(d.Avatar, "defaultBg", I("palette-grey-600")), T(d.Button, "inheritContainedBg", I("palette-grey-800")), T(d.Button, "inheritContainedHoverBg", I("palette-grey-700")), T(d.Chip, "defaultBorder", I("palette-grey-700")), T(d.Chip, "defaultAvatarColor", I("palette-grey-300")), T(d.Chip, "defaultIconColor", I("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(${I("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", Ie(() => C ? no.text.primary : d.getContrastText(L))), T(d.SpeedDialAction, "fabHoverBg", Vt(d.background.paper, 0.15)), T(d.StepConnector, "border", I("palette-grey-600")), T(d.StepContent, "border", I("palette-grey-600")), T(d.Switch, "defaultColor", I("palette-grey-300")), T(d.Switch, "defaultDisabledColor", I("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));
+      const L = C ? A(ae, a ? h("palette-background-default") : d.background.default, 0.985) : Ut(d.background.default, 0.98);
+      T(d.SnackbarContent, "bg", L), T(d.SnackbarContent, "color", Ie(() => C ? io.text.primary : d.getContrastText(L))), T(d.SpeedDialAction, "fabHoverBg", Ut(d.background.paper, 0.15)), T(d.StepConnector, "border", I("palette-grey-600")), T(d.StepContent, "border", I("palette-grey-600")), T(d.Switch, "defaultColor", I("palette-grey-300")), T(d.Switch, "defaultDisabledColor", I("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];
@@ -3393,18 +3393,18 @@ function Ps(e = {}, ...r) {
     prefix: s,
     disableCssColorScheme: o,
     shouldSkipGeneratingVar: l,
-    getSelector: Ts(R),
+    getSelector: Es(R),
     enableContrastVars: a
   }, {
     vars: B,
     generateThemeVars: X,
     generateStyleSheets: Q
-  } = Ja(R, z);
+  } = Ka(R, z);
   return R.vars = B, Object.entries(R.colorSchemes[R.defaultColorScheme]).forEach(([Y, d]) => {
     R[Y] = d;
   }), R.generateThemeVars = X, R.generateStyleSheets = Q, R.generateSpacing = function() {
-    return Jn(f.spacing, _r(this));
-  }, R.getColorSchemeSelector = qa(c), R.spacing = R.generateSpacing(), R.shouldSkipGeneratingVar = l, R.unstable_sxConfig = {
+    return Kn(f.spacing, _r(this));
+  }, R.getColorSchemeSelector = Xa(c), R.spacing = R.generateSpacing(), R.shouldSkipGeneratingVar = l, R.unstable_sxConfig = {
     ...dr,
     ...f == null ? void 0 : f.unstable_sxConfig
   }, R.unstable_sx = function(d) {
@@ -3412,7 +3412,7 @@ function Ps(e = {}, ...r) {
       sx: d,
       theme: this
     });
-  }, R.toRuntimeSource = io, R;
+  }, R.toRuntimeSource = so, R;
 }
 function In(e, r, t) {
   e.colorSchemes && t && (e.colorSchemes[r] = {
@@ -3424,7 +3424,7 @@ function In(e, r, t) {
     // cast type to skip module augmentation test
   });
 }
-function lo(e = {}, ...r) {
+function po(e = {}, ...r) {
   const {
     palette: t,
     cssVariables: n = !1,
@@ -3461,31 +3461,31 @@ function lo(e = {}, ...r) {
       palette: m.palette
     }, In(m, "light", g.light)), m;
   }
-  return !t && !("light" in g) && l === "light" && (g.light = !0), Ps({
+  return !t && !("light" in g) && l === "light" && (g.light = !0), As({
     ...a,
     colorSchemes: g,
     defaultColorScheme: l,
     ...typeof n != "boolean" && n
   }, ...r);
 }
-const $s = lo(), As = "$$material";
-function Bs(e) {
+const Bs = po(), Is = "$$material";
+function Os(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-const Is = (e) => Bs(e) && e !== "classes", Os = Ba({
-  themeId: As,
-  defaultTheme: $s,
-  rootShouldForwardProp: Is
-}), Ds = Va;
+const Ds = (e) => Os(e) && e !== "classes", Ms = Oa({
+  themeId: Is,
+  defaultTheme: Bs,
+  rootShouldForwardProp: Ds
+}), Fs = Ga;
 process.env.NODE_ENV !== "production" && (re.node, re.object.isRequired);
-function Ms(e) {
-  return ja(e);
+function Ws(e) {
+  return Ua(e);
 }
-function Fs(e) {
+function zs(e) {
   return Nr("MuiSvgIcon", e);
 }
-Ea("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const Ws = (e) => {
+Pa("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const _s = (e) => {
   const {
     color: r,
     fontSize: t,
@@ -3493,8 +3493,8 @@ const Ws = (e) => {
   } = e, o = {
     root: ["root", r !== "inherit" && `color${lt(r)}`, `fontSize${lt(t)}`]
   };
-  return bi(o, Fs, n);
-}, zs = Os("svg", {
+  return vi(o, zs, n);
+}, Ls = Ms("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (e, r) => {
@@ -3503,7 +3503,7 @@ const Ws = (e) => {
     } = e;
     return [r.root, t.color !== "inherit" && r[`color${lt(t.color)}`], r[`fontSize${lt(t.fontSize)}`]];
   }
-})(Ds(({
+})(Fs(({
   theme: e
 }) => {
   var r, t, n, o, s, a, l, c, g, f, m, y, h, x;
@@ -3595,8 +3595,8 @@ const Ws = (e) => {
       }
     ]
   };
-})), Qt = /* @__PURE__ */ qe.forwardRef(function(r, t) {
-  const n = Ms({
+})), Zt = /* @__PURE__ */ qe.forwardRef(function(r, t) {
+  const n = Ws({
     props: r,
     name: "MuiSvgIcon"
   }), {
@@ -3621,10 +3621,10 @@ const Ws = (e) => {
     hasSvgAsChild: x
   }, b = {};
   f || (b.viewBox = y);
-  const v = Ws(u);
-  return /* @__PURE__ */ p(zs, {
+  const v = _s(u);
+  return /* @__PURE__ */ p(Ls, {
     as: l,
-    className: Vn(v.root, s),
+    className: Gn(v.root, s),
     focusable: "false",
     color: g,
     "aria-hidden": m ? void 0 : !0,
@@ -3639,7 +3639,7 @@ const Ws = (e) => {
     }) : null]
   });
 });
-process.env.NODE_ENV !== "production" && (Qt.propTypes = {
+process.env.NODE_ENV !== "production" && (Zt.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -3711,25 +3711,25 @@ process.env.NODE_ENV !== "production" && (Qt.propTypes = {
    */
   viewBox: re.string
 });
-Qt.muiName = "SvgIcon";
-function Bt(e, r) {
+Zt.muiName = "SvgIcon";
+function It(e, r) {
   function t(n, o) {
-    return /* @__PURE__ */ i(Qt, {
+    return /* @__PURE__ */ i(Zt, {
       "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 = Qt.muiName, /* @__PURE__ */ qe.memo(/* @__PURE__ */ qe.forwardRef(t));
+  return process.env.NODE_ENV !== "production" && (t.displayName = `${r}Icon`), t.muiName = Zt.muiName, /* @__PURE__ */ qe.memo(/* @__PURE__ */ qe.forwardRef(t));
 }
-const _s = Bt(/* @__PURE__ */ i("path", {
+const Ns = 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"), Ls = Bt(/* @__PURE__ */ i("path", {
+}), "TuneRounded"), js = 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"), Ns = Bt(/* @__PURE__ */ i("path", {
+}), "RestartAltRounded"), Vs = 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"), js = Bt(/* @__PURE__ */ i("path", {
+}), "DarkModeOutlined"), Us = 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"), On = (e) => {
   let r;
@@ -3741,20 +3741,20 @@ const _s = Bt(/* @__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;
-}, Vs = ((e) => e ? On(e) : On), Us = (e) => e;
-function Gs(e, r = Us) {
-  const t = Ft.useSyncExternalStore(
+}, Gs = ((e) => e ? On(e) : On), Ys = (e) => e;
+function Js(e, r = Ys) {
+  const t = Wt.useSyncExternalStore(
     e.subscribe,
-    Ft.useCallback(() => r(e.getState()), [e, r]),
-    Ft.useCallback(() => r(e.getInitialState()), [e, r])
+    Wt.useCallback(() => r(e.getState()), [e, r]),
+    Wt.useCallback(() => r(e.getInitialState()), [e, r])
   );
-  return Ft.useDebugValue(t), t;
+  return Wt.useDebugValue(t), t;
 }
 const Dn = (e) => {
-  const r = Vs(e), t = (n) => Gs(r, n);
+  const r = Gs(e), t = (n) => Js(r, n);
   return Object.assign(t, r), t;
-}, co = ((e) => e ? Dn(e) : Dn);
-function Ys(e, r) {
+}, uo = ((e) => e ? Dn(e) : Dn);
+function qs(e, r) {
   let t;
   try {
     t = e();
@@ -3792,9 +3792,9 @@ const Dr = (e) => (r) => {
       }
     };
   }
-}, Js = (e, r) => (t, n, o) => {
+}, Ks = (e, r) => (t, n, o) => {
   let s = {
-    storage: Ys(() => window.localStorage),
+    storage: qs(() => window.localStorage),
     partialize: (b) => b,
     version: 0,
     merge: (b, v) => ({
@@ -3891,7 +3891,79 @@ const Dr = (e) => (r) => {
       g.delete(b);
     })
   }, s.skipHydration || u(), x || h;
-}, qs = Js, Oe = {
+}, Xs = Ks, $t = [
+  {
+    id: "corporate",
+    name: "Corporate Blue",
+    snap: {
+      primaryHex: "#4F6BFF",
+      secondaryHex: "#22D3EE",
+      iconColor: "#4F6BFF",
+      highlightHex: "#6D86FF",
+      cardStyle: "floating",
+      cardShadowPx: 20,
+      // Typography scale (H1 28/H2 25/H3 22/H4 20/H5 17/H6 14, body 12, caption 10) —
+      // matches the updated global-settings default; pinned per preset so it survives
+      // a reset/preset switch.
+      h1Size: 28,
+      h2Size: 25,
+      h3Size: 22,
+      h4Size: 20,
+      h5Size: 17,
+      h6Size: 14,
+      baseFontPx: 12,
+      // Figma video-card drop shadow: solid core + soft outer glow.
+      // Verified against pixelPerfectReactCode_blueLight: single solid shadow.
+      videoShadowLight: "0px 4px 66px 0px #0409D8",
+      // Verified against pixelPerfectReactCode_blueDark: single solid shadow.
+      videoShadowDark: "0px 4px 63.7px 0px #00136f"
+    }
+  },
+  {
+    id: "emerald",
+    name: "Emerald",
+    snap: {
+      primaryHex: "#10B981",
+      secondaryHex: "#F5A524",
+      iconColor: "#10B981",
+      highlightHex: "#2EE6A6",
+      cardStyle: "floating",
+      cardShadowPx: 20,
+      // Figma video-card drop shadow: solid core + soft outer glow.
+      // Verified against pixelPerfectNewReactCode_emeraldLight: single solid shadow.
+      videoShadowLight: "0px 4px 66.3px 0px #0C3726",
+      // Verified against pixelPerfectNewReactCode dark-mode export: single solid shadow.
+      videoShadowDark: "0px 4px 66.3px 14px #0C3726",
+      // Figma CC/HD badges are fixed literals here, not primary/secondary-derived like Corporate's.
+      ccBadge: "#14b8a6",
+      hdBadge: "#f59e0b",
+      // Typography scale — see Corporate Blue comment.
+      h1Size: 28
+    }
+  },
+  {
+    id: "indigo",
+    name: "Indigo Violet",
+    snap: {
+      primaryHex: "#A97BFF",
+      secondaryHex: "#FF5FA2",
+      iconColor: "#A97BFF",
+      highlightHex: "#A97BFF",
+      cardStyle: "floating",
+      cardShadowPx: 20,
+      // Figma video-card drop shadow. Verified against pprc_darkPink / pprc_lightPink:
+      // single shadow (y=4px, no spread), same shape as Corporate's — previously a
+      // two-layer glow that didn't match either export.
+      videoShadowLight: "0px 4px 66px 0px #F50079",
+      videoShadowDark: "0px 4px 63.7px 0px #9F0087",
+      // Typography scale — see Corporate Blue comment.
+      h1Size: 28
+    }
+  },
+  { 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 } }
+], Mn = {
   appName: "Crystal Ball",
   appTagline: "Run your whole business in one place",
   logoMode: "icon",
@@ -3998,6 +4070,11 @@ const Dr = (e) => (r) => {
   loginPanelColor: "",
   loginImgOpacity: 0,
   loginCardW: 0
+};
+var Nn;
+const Oe = {
+  ...Mn,
+  ...((Nn = $t.find((e) => e.id === Mn.presetId)) == null ? void 0 : Nn.snap) ?? {}
 }, Fe = (e) => {
   const { mode: r, ...t } = e;
   return JSON.stringify(t);
@@ -4011,7 +4088,7 @@ function Rr(e) {
     }
   return r;
 }
-function Ks(e) {
+function Qs(e) {
   if (!e || typeof e != "object") return !1;
   const r = Object.keys(Oe);
   let t = 0;
@@ -4021,8 +4098,8 @@ function Ks(e) {
   }
   return t / r.length >= 0.5;
 }
-const j = co()(
-  qs(
+const j = uo()(
+  Xs(
     (e, r) => ({
       settings: { ...Oe },
       savedThemes: [],
@@ -4217,41 +4294,41 @@ function Ur(e) {
   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 ? 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 B = e.btnColorHex || o, X = e.accentGradient ? "linear-gradient(135deg," + B + "," + (e.btnColorHex ? Re(e.btnColorHex)[700] : r[n ? 500 : 700]) + ")" : B, Q = e.btnTextHex || (Er(B, "#ffffff") >= 2.9 ? "#ffffff" : "rgba(0,0,0,0.87)"), Y = e.h1Color || null, d = e.h2Color || null, I = 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 }, Be = e.densityScale > 0 ? e.densityScale / 100 : Ze[e.density] ?? 1, fr = Math.round(20 * Be), Ve = Math.round(14 * Be), It = e.cardGapPx > 0 ? e.cardGapPx : Math.round(16 * Be), et = Math.round(11 * Be * ({ compact: 0.66, default: 1, comfortable: 1.32 }[e.tableDensity] ?? 1)), Ue = e.containerPadPx > 0 ? e.containerPadPx : Math.round(10 * Be), 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 = {
+  const B = e.btnColorHex || o, X = e.accentGradient ? "linear-gradient(135deg," + B + "," + (e.btnColorHex ? Re(e.btnColorHex)[700] : r[n ? 500 : 700]) + ")" : B, Q = e.btnTextHex || (Er(B, "#ffffff") >= 2.9 ? "#ffffff" : "rgba(0,0,0,0.87)"), Y = e.h1Color || null, d = e.h2Color || null, I = 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 }, Be = e.densityScale > 0 ? e.densityScale / 100 : Ze[e.density] ?? 1, fr = Math.round(20 * Be), Ve = Math.round(14 * Be), Ot = e.cardGapPx > 0 ? e.cardGapPx : Math.round(16 * Be), et = Math.round(11 * Be * ({ compact: 0.66, default: 1, comfortable: 1.32 }[e.tableDensity] ?? 1)), Ue = e.containerPadPx > 0 ? e.containerPadPx : Math.round(10 * Be), 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: 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) {
+  let wt, tt, Dt;
+  if (e.cardStyle === "outlined" ? (wt = "none", tt = "1.5px solid " + a.outline, Dt = "none") : e.cardStyle === "soft" ? (wt = Ye[1], tt = n ? Yr : "none", Dt = Ye[1]) : (wt = Ye[8], tt = n ? Yr : "none", Dt = 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) => {
+  let Mt = "transparent", Jr = "1px solid " + a.divider, hr = "none";
+  e.cardHeader === "plain" ? Jr = "none" : e.cardHeader === "tinted" ? Mt = a.pContainer : e.cardHeader === "accent" && (hr = "inset 3px 0 0 " + o), e.headerStrength >= 0 && (e.cardHeader === "tinted" ? Mt = 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 && (Mt = e.cardHdrHex);
+  const go = n ? "none" : Ye[4], mo = n ? "1px solid " + a.divider : "none", yo = e.nestedStyle === "bordered" ? "1.5px solid " + a.outline : "1px solid " + a.divider, bo = 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", xo = (e.appName || "").trim().split(/\s+/).slice(0, 2).map((be) => be[0] || "").join("").toUpperCase() || "AP", vo = !!(e.logoMode === "image" && e.logoUrl), So = !!e.loginImage, qr = (be) => {
     const Ce = be || "Roboto";
     return Ce.includes(" ") && !Ce.startsWith('"') && !Ce.startsWith("'") ? `"${Ce}"` : Ce;
-  }, 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 = {
+  }, Co = qr(e.headingFont || e.fontFamily), wo = 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: [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] + ")", Bo = "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" } }, Io = 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",
+  }, ko = Kr[e.chartScheme] || Kr.brand, To = [r[600], t[600], pe((Se + 42) % 360, 55, 46), pe((Se + 205) % 360, 50, 46)], Ro = { error: { cb: c, cc: y }, success: { cb: m, cc: u }, info: { cb: f, cc: x }, warning: { cb: g, cc: h } }, gr = e.mapGlass === "light", Eo = gr ? "rgba(255,255,255,0.84)" : "rgba(15,20,28,0.74)", Ho = gr ? "#1c2733" : "#f3f6fa", Po = gr ? "rgba(0,0,0,0.12)" : "rgba(255,255,255,0.18)", $o = "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", Ao = "linear-gradient(135deg," + o + "," + r[700] + ")", Bo = "linear-gradient(180deg," + de(r[900], 0.12) + "," + de(r[900], 0.55) + ")", Io = "linear-gradient(135deg," + r[700] + "," + r[900] + ")", Oo = "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" } }, Do = 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 Ft;
+  e.notifStyle === "toast" ? Ft = { boxShadow: Ye[8], border: typeof tt == "string" && tt !== "none" ? tt : "none" } : e.notifStyle === "banner" ? Ft = { boxShadow: Ye[2], borderLeft: "4px solid " + Qr.bar } : Ft = { boxShadow: "none", border: "1px solid " + a.divider };
+  const Mo = e.notifCardHex || (n ? "#1e1e1e" : "#ffffff"), Fo = { compact: "7px", default: "11px", comfortable: "16px" }, Wo = { compact: "6px", default: "12px", comfortable: "22px" }, zo = { top: "flex-start", middle: "center", bottom: "flex-end" }, _o = { left: "flex-start", center: "center", right: "flex-end" }, Lo = { plain: "transparent", tinted: a.paper2, accent: a.highlightSoft }, No = {
+    rowPy: Fo[e.tableDensity] || "11px",
+    cellPx: Wo[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: zo[e.tableHeaderStyle] || a.paper2,
-    cellAI: Fo[e.tableCellAlignV] || "center",
-    cellJC: Wo[e.tableCellAlignH] || "flex-start",
+    headBg: Lo[e.tableHeaderStyle] || a.paper2,
+    cellAI: zo[e.tableCellAlignV] || "center",
+    cellJC: _o[e.tableCellAlignH] || "flex-start",
     stripeBg: n ? "rgba(255,255,255,0.035)" : "rgba(0,0,0,0.028)",
     statusMap: {
       Delivered: { sb: m, sc: u },
@@ -4265,18 +4342,18 @@ function Ur(e) {
       c: Ce === 0 ? a.textPrimary : a.textSecondary,
       brd: Ce === 0 ? a.highlightBd : a.outline
     }))
-  }, 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 = [
+  }, jo = { sm: "Small", df: "Default", lg: "Large" }, Vo = { compact: "Compact", default: "Default", comfortable: "Comfortable" }, Uo = { outlined: "Outlined", soft: "Soft", floating: "Floating" }, Go = { sharp: "Sharp", rounded: "Rounded", round: "Round" }, Yo = [
     { key: "sidebar", label: "Sidebar", desc: "Full drawer", ic: "▤" },
     { key: "rail", label: "Rail", desc: "Icons only", ic: "▥" },
     { key: "topbar", label: "Top Bar", desc: "Horizontal", ic: "▦" }
-  ], Go = e.fontFamily + " · " + (Lo[e.textSize] || "Default"), Yo = (Vo[e.radiusPreset] || "Custom") + " · " + (No[e.density] || "Default") + " · " + (jo[e.cardStyle] || "Soft"), Jo = [
+  ], Jo = e.fontFamily + " · " + (jo[e.textSize] || "Default"), qo = (Go[e.radiusPreset] || "Custom") + " · " + (Vo[e.density] || "Default") + " · " + (Uo[e.cardStyle] || "Soft"), Ko = [
     { label: "General", ic: "◉" },
     { label: "Appearance", ic: "◧" },
     { label: "Modules", ic: "◫" },
     { label: "Team", ic: "◍" },
     { label: "Security", ic: "▣" },
     { label: "Billing", ic: "◳" }
-  ].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)";
+  ].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" })), Xo = Yo.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 })), Qo = e.sidebarWidth, Zo = e.appBarH > 0 ? e.appBarH : 56, ei = e.appBarH > 0 ? e.appBarH + "px" : "Auto (56px)";
   return {
     pal: r,
     spal: t,
@@ -4292,7 +4369,7 @@ function Ur(e) {
     warnTxt: h,
     infoTxt: x,
     sucTxt: u,
-    sevMap: ko,
+    sevMap: Ro,
     accentBg: X,
     btnText: Q,
     hc1: Y,
@@ -4326,7 +4403,7 @@ function Ur(e) {
     bwEmph: Qe,
     pad: fr,
     padSm: Ve,
-    gap: It,
+    gap: Ot,
     rowPy: et,
     screenPad: Ue,
     r: ee,
@@ -4335,46 +4412,46 @@ function Ur(e) {
     SH: Ye,
     cardShadow: wt,
     cardBorder: tt,
-    btnShadow: Ot,
-    cardHdrBg: Dt,
+    btnShadow: Dt,
+    cardHdrBg: Mt,
     cardHdrBorder: Jr,
     cardHdrAccent: hr,
-    appbarShadow: fo,
-    appbarBorder: ho,
-    nestBorder: go,
-    nestShadow: mo,
-    iconInitials: yo,
-    hasLogo: bo,
-    hasLoginImage: xo,
-    headFam: vo,
-    bodyFam: So,
+    appbarShadow: go,
+    appbarBorder: mo,
+    nestBorder: yo,
+    nestShadow: bo,
+    iconInitials: xo,
+    hasLogo: vo,
+    hasLoginImage: So,
+    headFam: Co,
+    bodyFam: wo,
     chartHue: Se,
-    chartPalette: Co,
-    avatarColors: wo,
-    overlaySurface: To,
-    onOverlay: Ro,
-    overlayBorder: Eo,
-    mediaBg: Ho,
-    loginBrandGrad: Po,
-    loginScrimGrad: $o,
-    loginCenteredGrad: Ao,
-    loginScrimGradC: Bo,
-    npos: Io,
+    chartPalette: ko,
+    avatarColors: To,
+    overlaySurface: Eo,
+    onOverlay: Ho,
+    overlayBorder: Po,
+    mediaBg: $o,
+    loginBrandGrad: Ao,
+    loginScrimGrad: Bo,
+    loginCenteredGrad: Io,
+    loginScrimGradC: Oo,
+    npos: Do,
     nacc: Qr,
-    toastDeco: Mt,
-    toastBg: Oo,
+    toastDeco: Ft,
+    toastBg: Mo,
     btnCase: e.btnCase !== "none" ? "uppercase" : "none",
-    table: _o,
-    typeSummary: Go,
-    shapeSummary: Yo,
-    settingsCats: Jo,
-    navSettingsChips: qo,
-    sidebarWidth: Ko,
-    appBarHEff: Xo,
-    appBarHLabel: Qo
+    table: No,
+    typeSummary: Jo,
+    shapeSummary: qo,
+    settingsCats: Ko,
+    navSettingsChips: Xo,
+    sidebarWidth: Qo,
+    appBarHEff: Zo,
+    appBarHLabel: ei
   };
 }
-function Xs({ icon: e, title: r, info: t, open: n, dimmed: o, onToggle: s, onPreviewMenu: a, children: l }) {
+function Zs({ 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,
@@ -4428,14 +4505,14 @@ function Xs({ icon: e, title: r, info: t, open: n, dimmed: o, onToggle: s, onPre
             ]
           }
         ),
-        /* @__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 }) })
+        /* @__PURE__ */ i(ri, { 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 Zo(() => Ur(e), [e]);
+  return ti(() => Ur(e), [e]);
 }
 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";
@@ -4476,64 +4553,7 @@ function dt({ 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 Zt = [
-  {
-    id: "corporate",
-    name: "Corporate Blue",
-    snap: {
-      primaryHex: "#4F6BFF",
-      secondaryHex: "#22D3EE",
-      iconColor: "#4F6BFF",
-      highlightHex: "#6D86FF",
-      cardStyle: "floating",
-      cardShadowPx: 20,
-      // Figma video-card drop shadow: solid core + soft outer glow.
-      // Verified against pixelPerfectReactCode_blueLight: single solid shadow.
-      videoShadowLight: "0px 4px 66px 0px #0409D8",
-      // Verified against pixelPerfectReactCode_blueDark: single solid shadow.
-      videoShadowDark: "0px 4px 63.7px 0px #00136f"
-    }
-  },
-  {
-    id: "emerald",
-    name: "Emerald",
-    snap: {
-      primaryHex: "#10B981",
-      secondaryHex: "#F5A524",
-      iconColor: "#10B981",
-      highlightHex: "#2EE6A6",
-      cardStyle: "floating",
-      cardShadowPx: 20,
-      // Figma video-card drop shadow: solid core + soft outer glow.
-      // Verified against pixelPerfectNewReactCode_emeraldLight: single solid shadow.
-      videoShadowLight: "0px 4px 66.3px 0px #0C3726",
-      // Verified against pixelPerfectNewReactCode dark-mode export: single solid shadow.
-      videoShadowDark: "0px 4px 66.3px 14px #0C3726",
-      // Figma CC/HD badges are fixed literals here, not primary/secondary-derived like Corporate's.
-      ccBadge: "#14b8a6",
-      hdBadge: "#f59e0b"
-    }
-  },
-  {
-    id: "indigo",
-    name: "Indigo Violet",
-    snap: {
-      primaryHex: "#A97BFF",
-      secondaryHex: "#FF5FA2",
-      iconColor: "#A97BFF",
-      highlightHex: "#A97BFF",
-      cardStyle: "floating",
-      cardShadowPx: 20,
-      // Figma video-card drop shadow: solid core + soft outer glow.
-      videoShadowLight: "0 0 33px 0px #F50079, 0 0 44px 12px rgba(169, 123, 255, 0.20)",
-      videoShadowDark: "0 0 20px 0 #9F0087, 0 0 44px 12px rgba(255, 95, 162, 0.32)"
-    }
-  },
-  { 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 Qs() {
+function el() {
   var G, M;
   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");
@@ -4557,7 +4577,7 @@ function Qs() {
     F.onload = () => {
       try {
         const W = JSON.parse(F.result), te = W.snap ?? W;
-        if (!Ks(te)) {
+        if (!Qs(te)) {
           z("Invalid theme file. The selected file is not a valid Theme Studio export.");
           return;
         }
@@ -4571,7 +4591,7 @@ function Qs() {
         z("Invalid theme file. The selected file is not a valid Theme Studio export.");
       }
     }, F.readAsText(O), w.target.value = "";
-  }, [d, I] = 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) => {
+  }, [d, I] = 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 = $t.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";
   };
@@ -4582,7 +4602,7 @@ function Qs() {
       { 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: Zt.map((w) => {
+      e === "presets" && /* @__PURE__ */ i(S, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "9px" }, children: $t.map((w) => {
         const O = t.presetId === w.id;
         return /* @__PURE__ */ p(
           S,
@@ -4667,7 +4687,7 @@ function Qs() {
       ] }),
       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(ti, { open: !!d, anchorEl: d == null ? void 0 : d.el, onClose: () => I(null), children: [
+    /* @__PURE__ */ p(ni, { open: !!d, anchorEl: d == null ? void 0 : d.el, onClose: () => I(null), children: [
       /* @__PURE__ */ i(mt, { onClick: () => {
         const w = c.find((O) => O.id === d.id);
         f(w), I(null);
@@ -4686,8 +4706,8 @@ function Qs() {
       }, children: "⤓ Download" })
     ] }),
     /* @__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(
+      /* @__PURE__ */ i(zt, { children: C ? `Save changes to “${C.name}”` : "Save theme" }),
+      /* @__PURE__ */ i(_t, { children: /* @__PURE__ */ i(
         Zr,
         {
           autoFocus: !0,
@@ -4701,7 +4721,7 @@ function Qs() {
           sx: { mt: 1 }
         }
       ) }),
-      /* @__PURE__ */ p(_t, { children: [
+      /* @__PURE__ */ p(Lt, { children: [
         /* @__PURE__ */ i(ke, { onClick: () => L(!1), children: "Cancel" }),
         C && /* @__PURE__ */ i(
           ke,
@@ -4728,9 +4748,9 @@ function Qs() {
       ] })
     ] }),
     /* @__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(zt, { children: "Rename theme" }),
+      /* @__PURE__ */ i(_t, { 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(Lt, { 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);
@@ -4738,13 +4758,13 @@ function Qs() {
       ] })
     ] }),
     /* @__PURE__ */ p(yt, { open: !!B, onClose: () => X(null), children: [
-      /* @__PURE__ */ i(Wt, { children: "Theme already exists" }),
-      /* @__PURE__ */ i(zt, { children: /* @__PURE__ */ p(ue, { variant: "body2", children: [
+      /* @__PURE__ */ i(zt, { children: "Theme already exists" }),
+      /* @__PURE__ */ i(_t, { children: /* @__PURE__ */ p(ue, { variant: "body2", children: [
         "A theme named “",
         B == null ? void 0 : B.name,
         "” is already in My Themes. Upload it anyway as a copy?"
       ] }) }),
-      /* @__PURE__ */ p(_t, { children: [
+      /* @__PURE__ */ p(Lt, { children: [
         /* @__PURE__ */ i(ke, { onClick: () => {
           X(null), z("You’ve selected a duplicate file — it already exists.");
         }, children: "Cancel" }),
@@ -4754,13 +4774,13 @@ function Qs() {
       ] })
     ] }),
     /* @__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: [
+      /* @__PURE__ */ i(zt, { children: "Delete theme" }),
+      /* @__PURE__ */ i(_t, { children: /* @__PURE__ */ p(ue, { variant: "body2", children: [
         "Delete “",
         P == null ? void 0 : P.name,
         "”? This cannot be undone."
       ] }) }),
-      /* @__PURE__ */ p(_t, { children: [
+      /* @__PURE__ */ p(Lt, { children: [
         /* @__PURE__ */ i(ke, { onClick: () => D(null), children: "Cancel" }),
         /* @__PURE__ */ i(ke, { color: "error", variant: "contained", onClick: () => {
           x(P.id), D(null);
@@ -4769,7 +4789,7 @@ function Qs() {
     ] })
   ] });
 }
-function Zs({ tip: e, sk: r }) {
+function tl({ tip: e, sk: r }) {
   return /* @__PURE__ */ i(
     S,
     {
@@ -4784,7 +4804,7 @@ 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(Zs, { tip: r, sk: t })
+    r && /* @__PURE__ */ i(tl, { tip: r, sk: t })
   ] });
 }
 function gt({ value: e, onChange: r, w: t = 30, h: n = 24, r: o = 7, border: s, sk: a }) {
@@ -4799,8 +4819,8 @@ function gt({ value: e, onChange: r, w: t = 30, h: n = 24, r: o = 7, border: s,
     }
   ) });
 }
-const el = /^#[0-9a-fA-F]{6}$/;
-function tl({ value: e, onCommit: r, onWarnChange: t }) {
+const rl = /^#[0-9a-fA-F]{6}$/;
+function nl({ 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);
@@ -4811,7 +4831,7 @@ function tl({ value: e, onCommit: r, onWarnChange: t }) {
     }, 3e3));
   }, m = (y) => {
     const h = y.trim();
-    return el.test(h) ? (f(""), r(h), !0) : (f("Enter a valid hex colour, e.g. #4F6BFF"), !1);
+    return rl.test(h) ? (f(""), r(h), !0) : (f("Enter a valid hex colour, e.g. #4F6BFF"), !1);
   };
   return n ? /* @__PURE__ */ i(
     Wr,
@@ -4846,7 +4866,7 @@ function tl({ value: e, onCommit: r, onWarnChange: t }) {
     }
   );
 }
-function rl() {
+function ol() {
   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" },
@@ -4876,7 +4896,7 @@ function rl() {
         /* @__PURE__ */ p(S, { children: [
           /* @__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(tl, { value: f, onCommit: (v) => h({ primaryHex: v }), onWarnChange: n }),
+            /* @__PURE__ */ i(nl, { 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 } }, $)) }),
@@ -5081,24 +5101,24 @@ function xe(e) {
     ] })
   ] });
 }
-const Mn = /* @__PURE__ */ new Set();
-function po(e, r) {
-  if (Mn.has(e)) return;
-  Mn.add(e);
+const Fn = /* @__PURE__ */ new Set();
+function fo(e, r) {
+  if (Fn.has(e)) return;
+  Fn.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 Fn(e) {
-  e.forEach((r) => po(r.name, r.dataUrl));
+function Wn(e) {
+  e.forEach((r) => fo(r.name, r.dataUrl));
 }
-const nl = [
+const il = [
   { 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" }
-], ol = [
+], al = [
   { key: "Figtree", label: "Google Sans" },
   { key: "Roboto", label: "Roboto" },
   { key: "Inter", label: "Inter" },
@@ -5106,14 +5126,14 @@ const nl = [
   { key: "Manrope", label: "Manrope" },
   { key: "Plus Jakarta Sans", label: "Jakarta" }
 ];
-function Ut({ label: e, fam: r, active: t, onClick: n }) {
+function Gt({ 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 il = ["woff2", "woff", "ttf", "otf"], al = 10 * 1024 * 1024, sl = (e) => new Promise((r, t) => {
+const sl = ["woff2", "woff", "ttf", "otf"], ll = 10 * 1024 * 1024, dl = (e) => new Promise((r, t) => {
   const n = new FileReader();
   n.onload = () => r(n.result), n.onerror = () => t(n.error), n.readAsDataURL(e);
-}), ll = (e) => new Promise((r) => {
+}), cl = (e) => new Promise((r) => {
   const t = setTimeout(() => r(!1), 5e3), n = new FileReader();
   n.onload = () => {
     var a;
@@ -5131,7 +5151,7 @@ const il = ["woff2", "woff", "ttf", "otf"], al = 10 * 1024 * 1024, sl = (e) => n
     clearTimeout(t), r(!1);
   }
 });
-function Wn({ label: e, list: r, onAdd: t }) {
+function zn({ 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) => {
@@ -5143,15 +5163,15 @@ function Wn({ 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 (!il.includes(C)) {
+      if (!sl.includes(C)) {
         x.push(H.name);
         continue;
       }
-      if (H.size > al) {
+      if (H.size > ll) {
         u.push(H.name);
         continue;
       }
-      if (!await ll(H)) {
+      if (!await cl(H)) {
         b.push(H.name);
         continue;
       }
@@ -5160,8 +5180,8 @@ function Wn({ label: e, list: r, onAdd: t }) {
         h.push(k);
         continue;
       }
-      const z = await sl(H);
-      po(k, z), y.push({ name: k, dataUrl: z });
+      const z = await dl(H);
+      fo(k, z), y.push({ name: k, dataUrl: z });
     }
     y.length && t(y);
     const v = [];
@@ -5180,9 +5200,9 @@ function Wn({ label: e, list: r, onAdd: t }) {
     ] })
   ] });
 }
-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));
+const pl = { compact: 1.15, default: 1.25, airy: 1.414 };
+function ul() {
+  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 : pl[e.scaleRatio] ?? 1.25, [l, c] = Z(a.toFixed(2));
   _e(() => {
     o || c(a.toFixed(2));
   }, [a, o]);
@@ -5218,7 +5238,7 @@ function cl() {
     }
   );
 }
-function pl() {
+function fl() {
   const [e, r] = Z("bodyFont"), t = j((o) => o.settings), n = j((o) => o.set);
   return /* @__PURE__ */ p(ge, { children: [
     /* @__PURE__ */ i(
@@ -5237,20 +5257,20 @@ function pl() {
     /* @__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: [
-          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))
+          il.map((o) => /* @__PURE__ */ i(Gt, { 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(Gt, { label: o.name, sub: "Custom", fam: o.name, active: t.fontFamily === o.name, onClick: () => n({ fontFamily: o.name }) }, o.name))
         ] }),
-        /* @__PURE__ */ i(Wn, { label: "Upload custom font", list: t.customFonts, onAdd: (o) => n({ customFonts: [...o, ...t.customFonts], fontFamily: o[0].name }) })
+        /* @__PURE__ */ i(zn, { 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: [
-          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))
+          al.map((o) => /* @__PURE__ */ i(Gt, { label: o.label, fam: o.key, active: t.headingFont === o.key, onClick: () => n({ headingFont: o.key }) }, o.key)),
+          t.customHeadFonts.map((o) => /* @__PURE__ */ i(Gt, { label: o.name, sub: "Custom", fam: o.name, active: t.headingFont === o.name, onClick: () => n({ headingFont: o.name }) }, o.name))
         ] }),
-        /* @__PURE__ */ i(Wn, { label: "Upload heading font", list: t.customHeadFonts, onAdd: (o) => n({ customHeadFonts: [...o, ...t.customHeadFonts], headingFont: o[0].name }) })
+        /* @__PURE__ */ i(zn, { 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(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: "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(ul, {}), 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 }) })
       ] }),
@@ -5292,9 +5312,9 @@ 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 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;
+const Yt = { outlined: 0, soft: 6, floating: 24 }, Jt = { plain: 0, tinted: 40, accent: 60 }, hl = { bordered: 0, recessed: 6, lighter: 4 };
+function gl() {
+  const [e, r] = Z("style"), t = j((c) => c.settings), n = j((c) => c.set), o = t.cardShadowPx >= 0 ? t.cardShadowPx : Yt[t.cardStyle] ?? 24, s = t.headerStrength >= 0 ? t.headerStrength : Jt[t.cardHeader] ?? 45, a = t.nestedDepth >= 0 ? t.nestedDepth : hl[t.nestedStyle] ?? 6, l = t.tintIntensity >= 0 ? t.tintIntensity : 100;
   return /* @__PURE__ */ p(ge, { children: [
     /* @__PURE__ */ i(
       dt,
@@ -5317,12 +5337,12 @@ function fl() {
             value: t.cardStyle,
             onChange: (c) => {
               const g = c;
-              n({ cardStyle: g, cardShadowPx: Gt[g] });
+              n({ cardStyle: g, cardShadowPx: Yt[g] });
             },
             options: [{ key: "outlined", label: "Outlined" }, { key: "soft", label: "Soft" }, { key: "floating", label: "Floating" }]
           }
         ),
-        /* @__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 }) }) })
+        /* @__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: Yt[t.cardStyle], floorMessage: `${t.cardStyle === "soft" ? "Soft" : "Floating"} cards need shadow - reset to ${Yt[t.cardStyle]}px`, onChange: (c) => n({ cardShadowPx: c }) }) })
       ] }),
       e === "header" && /* @__PURE__ */ p(ge, { children: [
         /* @__PURE__ */ i(
@@ -5331,12 +5351,12 @@ function fl() {
             value: t.cardHeader,
             onChange: (c) => {
               const g = c;
-              n({ cardHeader: g, headerStrength: Yt[g] });
+              n({ cardHeader: g, headerStrength: Jt[g] });
             },
             options: [{ key: "plain", label: "Plain" }, { key: "tinted", label: "Tinted" }, { key: "accent", label: "Accent" }]
           }
         ),
-        /* @__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 }) }) })
+        /* @__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: Jt[t.cardHeader], floorMessage: `${t.cardHeader === "tinted" ? "Tinted" : "Accent"} headers need strength - reset to ${Jt[t.cardHeader]}%`, onChange: (c) => n({ headerStrength: c }) }) })
       ] }),
       e === "nested" && /* @__PURE__ */ p(ge, { children: [
         /* @__PURE__ */ i(
@@ -5363,7 +5383,7 @@ function fl() {
     ] })
   ] });
 }
-function hl() {
+function ml() {
   const [e, r] = Z("rows"), t = j((o) => o.settings), n = j((o) => o.set);
   return /* @__PURE__ */ p(ge, { children: [
     /* @__PURE__ */ i(dt, { active: e, onChange: r, tabs: [
@@ -5430,7 +5450,7 @@ function hl() {
   ] });
 }
 const Hr = { compact: 0.82, default: 1, comfortable: 1.16 };
-function gl() {
+function yl() {
   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(dt, { active: e, onChange: r, tabs: [
@@ -5484,7 +5504,7 @@ function gl() {
     ] })
   ] });
 }
-function ml() {
+function bl() {
   const [e, r] = Z("placement"), t = j((o) => o.settings), n = j((o) => o.set);
   return /* @__PURE__ */ p(ge, { children: [
     /* @__PURE__ */ i(dt, { active: e, onChange: r, tabs: [
@@ -5515,7 +5535,7 @@ function ml() {
     ] })
   ] });
 }
-function yl({ label: e, info: r, value: t, fallback: n, onChange: o, onReset: s }) {
+function xl({ 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(
@@ -5530,10 +5550,10 @@ function yl({ 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(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" } }) }) })
+    /* @__PURE__ */ i(oi, { 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 bl({ src: e, aspect: r, onCancel: t, onConfirm: n }) {
+function vl({ 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) => {
@@ -5567,7 +5587,7 @@ function bl({ src: e, aspect: r, onCancel: t, onConfirm: n }) {
       n(e);
     }
   };
-  return ai(
+  return li(
     /* @__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." }),
@@ -5577,7 +5597,7 @@ function bl({ 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(ni, { size: "small", min: 0.3, max: 4, step: 0.02, value: o, onChange: (x, u) => s(u) })
+        /* @__PURE__ */ i(ii, { 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" }),
@@ -5587,7 +5607,7 @@ function bl({ src: e, aspect: r, onCancel: t, onConfirm: n }) {
     document.body
   );
 }
-function xl() {
+function Sl() {
   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];
@@ -5619,12 +5639,12 @@ function xl() {
     ] }),
     /* @__PURE__ */ p(S, { children: [
       /* @__PURE__ */ i(ue, { variant: "caption", sx: { ...l, color: t.label2, display: "block", mb: 0.5 }, children: "Panel Colour" }),
-      /* @__PURE__ */ i(yl, { label: "Login panel background", value: e.loginPanelColor, fallback: e.primaryHex, onChange: (f) => r({ loginPanelColor: f }), onReset: () => r({ loginPanelColor: "" }) })
+      /* @__PURE__ */ i(xl, { label: "Login panel background", value: e.loginPanelColor, fallback: e.primaryHex, onChange: (f) => r({ loginPanelColor: f }), onReset: () => r({ loginPanelColor: "" }) })
     ] }),
-    n && /* @__PURE__ */ i(bl, { src: n.src, aspect: n.aspect, onCancel: () => o(null), onConfirm: a })
+    n && /* @__PURE__ */ i(vl, { src: n.src, aspect: n.aspect, onCancel: () => o(null), onConfirm: a })
   ] });
 }
-const vl = [
+const Cl = [
   { key: "dashboard", label: "Dashboard" },
   { key: "orders", label: "Orders" },
   { key: "reports", label: "Reports" },
@@ -5632,14 +5652,14 @@ const vl = [
   { key: "operations", label: "Operations" },
   { key: "components", label: "Components" },
   { key: "login", label: "Login" }
-], Sl = [
+], wl = [
   { key: "dashboard", label: "Dashboard" },
   { key: "operations", label: "Operations" },
   { key: "cameras", label: "Cameras" },
   { key: "reports", label: "Reports" },
   { key: "orders", label: "Orders" },
   { key: "components", label: "Components" }
-], ot = co((e) => ({
+], ot = uo((e) => ({
   openSection: "",
   setOpenSection: (r) => e({ openSection: r }),
   previewScreen: "dashboard",
@@ -5649,12 +5669,12 @@ const vl = [
   studioOpen: !0,
   setStudioOpen: (r) => e({ studioOpen: r })
 }));
-function Cl({ onClose: e }) {
+function kl({ onClose: e }) {
   var M, w, O, F;
   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 = 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: [
+  }, $ = ((M = c.find((E) => E.id === g)) == null ? void 0 : M.name) || ((w = $t.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 = $t.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" }),
@@ -5693,14 +5713,14 @@ function Cl({ 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(Qs, {}) },
-    { id: "color", title: "Colour Settings", info: "Brand, text & status colours.", icon: B, 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: I, 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, {}) }
+    { id: "theme", title: "Theme Settings", info: "Presets, saved themes & light/dark mode.", icon: z, screen: "dashboard", body: /* @__PURE__ */ i(el, {}) },
+    { id: "color", title: "Colour Settings", info: "Brand, text & status colours.", icon: B, screen: "components", body: /* @__PURE__ */ i(ol, {}) },
+    { id: "type", title: "Typography", info: "Fonts, sizes, weight & line-height.", icon: X, screen: "components", body: /* @__PURE__ */ i(fl, {}) },
+    { id: "cards", title: "Cards", info: "Card style, header, nesting & tint.", icon: Q, screen: "dashboard", body: /* @__PURE__ */ i(gl, {}) },
+    { id: "tables", title: "Tables", info: "Row/column density, dividers & alignment.", icon: Y, screen: "orders", body: /* @__PURE__ */ i(ml, {}) },
+    { id: "shape", title: "Surface & Shape", info: "Radius, density, elevation & spacing.", icon: d, screen: "dashboard", body: /* @__PURE__ */ i(yl, {}) },
+    { id: "notif", title: "Notifications", info: "Toast placement & behaviour.", icon: I, screen: "operations", body: /* @__PURE__ */ i(bl, {}) },
+    { id: "login", title: "Login Screen", info: "Brand image, logo & panel colour.", icon: A, screen: "login", body: /* @__PURE__ */ i(Sl, {}) }
   ];
   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: [
@@ -5712,12 +5732,12 @@ function Cl({ 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($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 } }) }) })
+      /* @__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(js, { 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(Us, { sx: { fontSize: 16 } }) : /* @__PURE__ */ i(Vs, { 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: Sl.map((E) => {
+      /* @__PURE__ */ i(S, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gap: 0.75 }, children: wl.map((E) => {
         const W = o === E.key;
         return /* @__PURE__ */ i(
           S,
@@ -5748,7 +5768,7 @@ function Cl({ onClose: e }) {
       }) })
     ] }),
     G.map((E) => /* @__PURE__ */ i(
-      Xs,
+      Zs,
       {
         icon: E.icon,
         title: E.title,
@@ -5777,7 +5797,7 @@ function Cl({ onClose: e }) {
     ] })
   ] });
 }
-const wl = Bt(/* @__PURE__ */ i("path", {
+const Tl = 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 Gr(e, r, t) {
@@ -5801,7 +5821,7 @@ function Gr(e, r, t) {
     };
   }, [r, t]), [n, o];
 }
-function uo(e, r, t) {
+function ho(e, r, t) {
   const n = Te(null), o = Te(null), [s, a] = Z(e);
   return Fr(() => {
     const l = o.current;
@@ -5818,8 +5838,8 @@ function uo(e, r, t) {
     };
   }, [r, t]), [n, o, s];
 }
-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 Rl = ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], El = [44, 60, 50, 74, 88, 96], Hl = [24, 32, 30, 42, 52, 60];
+function Pl() {
   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: B, sMain: X } = e, Q = x + ",sans-serif", Y = r.fontFamily + ",sans-serif", d = e.hc1 || t.textPrimary, I = 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 },
@@ -5876,10 +5896,10 @@ function El() {
               /* @__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: kl.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: Rl.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: Rl[w] + "%", background: X, opacity: 0.55, borderRadius: `${o} ${o} 0 0` } }),
-              /* @__PURE__ */ i("div", { style: { width: "100%", height: Tl[w] + "%", background: B, borderRadius: `${o} ${o} 0 0` } })
+              /* @__PURE__ */ i("div", { style: { width: "100%", height: Hl[w] + "%", background: X, opacity: 0.55, borderRadius: `${o} ${o} 0 0` } }),
+              /* @__PURE__ */ i("div", { style: { width: "100%", height: El[w] + "%", background: B, borderRadius: `${o} ${o} 0 0` } })
             ] }),
             /* @__PURE__ */ i("span", { style: { fontSize: z, color: t.textSecondary }, children: M })
           ] }, M)) })
@@ -5898,7 +5918,7 @@ function El() {
     ] })
   ] });
 }
-const Hl = [
+const $l = [
   { 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" },
@@ -5916,8 +5936,8 @@ const Hl = [
   { 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" }
 ], 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: B } = e, X = m + ",sans-serif", Q = r.fontFamily + ",sans-serif", Y = e.hc1 || t.textPrimary, [d, I, A] = uo(12, 3, 16), L = Hl.slice(0, A).map((J, P) => ({
+function Al() {
+  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: B } = e, X = m + ",sans-serif", Q = r.fontFamily + ",sans-serif", Y = e.hc1 || t.textPrimary, [d, I, A] = ho(12, 3, 16), L = $l.slice(0, A).map((J, P) => ({
     ...J,
     ...B.statusMap[J.status] || { sb: t.divider, sc: t.textSecondary },
     rowBg: r.tableStripe && P % 2 === 1 ? B.stripeBg : "transparent"
@@ -5986,7 +6006,7 @@ function Pl() {
     ] }) })
   ] });
 }
-function $l() {
+function Bl() {
   const e = we(), r = j((ee) => ee.settings), {
     t,
     rad: n,
@@ -6034,7 +6054,7 @@ function $l() {
     /* @__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 ? B : Q, color: t.textPrimary }, children: ee ? "Selected item" : "Unselected item" }),
     ee && /* @__PURE__ */ i("span", { style: { fontSize: v, fontFamily: q, fontWeight: B, color: t.textSecondary }, children: "Active" })
-  ] }), It = (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: [
+  ] }), Ot = (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 ? B : 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: B }, children: Ct }), Ue = (ee) => ({ padding: "9px 20px", borderRadius: o, fontSize: b, fontWeight: B, textTransform: X, letterSpacing: ".4px", cursor: "pointer", ...ee });
@@ -6096,8 +6116,8 @@ function $l() {
         /* @__PURE__ */ i("div", { style: Ze, children: /* @__PURE__ */ i("span", { style: Be, 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")
+            Ot(!1, "Outlined", "Placeholder…"),
+            Ot(!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: [
@@ -6148,19 +6168,19 @@ function $l() {
     ] })
   ] });
 }
-const Al = [
+const Il = [
   { label: "Cameras Online", val: "5 / 6" },
   { label: "Recording", val: "4" },
   { label: "Motion Alerts", val: "2" },
   { label: "Storage Used", val: "82%" }
-], Bl = [
+], Ol = [
   { 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 = [
+], Dl = [
   { 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" },
@@ -6178,8 +6198,8 @@ const Al = [
   { 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 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: B, errTxt: X, mediaBg: Q, overlaySurface: Y, overlayBorder: d, onOverlay: I, 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 = Bl.map((F) => ({ ...F, dotC: F.online ? r.successHex : t.textDisabled })), [q, V] = Gr(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 Ml() {
+  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: B, errTxt: X, mediaBg: Q, overlaySurface: Y, overlayBorder: d, onOverlay: I, 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 = Ol.map((F) => ({ ...F, dotC: F.online ? r.successHex : t.textDisabled })), [q, V] = Gr(3, 3, 16), G = Dl.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: [
@@ -6195,7 +6215,7 @@ function Ol() {
       ] })
     ] }),
     /* @__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: Al.map((F) => /* @__PURE__ */ p("div", { style: M, children: [
+      /* @__PURE__ */ i("div", { style: { display: "grid", gridTemplateColumns: "repeat(4,1fr)", gap: l, marginBottom: l }, children: Il.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)) }),
@@ -6236,7 +6256,7 @@ function Ol() {
     ] })
   ] });
 }
-const Dl = [
+const Fl = [
   { 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 },
@@ -6254,8 +6274,8 @@ const Dl = [
   { 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 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: B, mediaBg: X, overlaySurface: Q, overlayBorder: Y, onOverlay: d, sevMap: I } = 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, ...I[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" };
+function Wl() {
+  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: B, mediaBg: X, overlaySurface: Q, overlayBorder: Y, onOverlay: d, sevMap: I } = 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 = Fl.slice(0, P).map((O) => ({ ...O, ...I[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" }),
@@ -6302,18 +6322,18 @@ function Ml() {
     ] }) })
   ] });
 }
-const Fl = [
+const zl = [
   { label: "Reports Generated", val: "248" },
   { label: "Avg Generation", val: "1.2s" },
   { label: "Data Points", val: "84.2K" },
   { label: "Scheduled", val: "12" }
-], Wl = ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], zl = [44, 60, 50, 74, 88, 96], _l = [24, 32, 30, 42, 52, 60], Ll = [
+], _l = ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], Ll = [44, 60, 50, 74, 88, 96], Nl = [24, 32, 30, 42, 52, 60], jl = [
   { l: "Reports", h: 72 },
   { l: "Cameras", h: 92 },
   { l: "Alerts", h: 40 },
   { l: "Users", h: 58 },
   { l: "Storage", h: 80 }
-], Nl = [
+], Vl = [
   { 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" },
@@ -6330,14 +6350,14 @@ const Fl = [
   { 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" }
-], 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: B, pMain: X, sMain: Q, chartPalette: Y, table: d } = e, I = 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) => ({
+], _n = "1fr 130px 110px 90px 70px";
+function Ul() {
+  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: B, pMain: X, sMain: Q, chartPalette: Y, table: d } = e, I = 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] = ho(5, 3, 16), q = Vl.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 = Ll.map((W, te) => ({ ...W, c: Y[te % Y.length] })), G = {
+  })), V = jl.map((W, te) => ({ ...W, c: Y[te % Y.length] })), G = {
     borderRight: d.colBorder,
     alignSelf: "stretch",
     display: "flex",
@@ -6354,7 +6374,7 @@ function jl() {
       /* @__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: Fl.map((W) => /* @__PURE__ */ p("div", { style: w, children: [
+      /* @__PURE__ */ i("div", { style: { display: "grid", gridTemplateColumns: "repeat(4,1fr)", gap: l, marginBottom: l }, children: zl.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)) }),
@@ -6364,10 +6384,10 @@ function jl() {
             /* @__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: Wl.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: _l.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: _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("div", { style: { width: "100%", height: Nl[te] + "%", background: Q, opacity: 0.55, borderRadius: `${o} ${o} 0 0` } }),
+              /* @__PURE__ */ i("div", { style: { width: "100%", height: Ll[te] + "%", background: X, borderRadius: `${o} ${o} 0 0` } })
             ] }),
             /* @__PURE__ */ i("span", { style: { fontSize: C, color: t.textSecondary }, children: W })
           ] }, W)) })
@@ -6379,11 +6399,11 @@ function jl() {
       ] }),
       /* @__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: zn, padding: `0 ${s}px`, borderBottom: d.rowBorder, background: d.headBg }, children: [
+        /* @__PURE__ */ p("div", { ref: J, style: { display: "grid", gridTemplateColumns: _n, 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: zn, 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: _n, 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 }) }),
@@ -6394,12 +6414,12 @@ function jl() {
     ] })
   ] });
 }
-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: [
+const Ln = ({ 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 Vl() {
+function Gl() {
   const e = we(), r = j((N) => N.settings), {
     t,
     rad: n,
@@ -6442,14 +6462,14 @@ function Vl() {
     /* @__PURE__ */ p("div", { style: { background: Q, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", padding: "48px 40px", gap: 22, position: "relative", overflow: "hidden" }, children: [
       I,
       !$ && /* @__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(_n, { size: 46 }),
+        /* @__PURE__ */ i(Ln, { 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(_n, { size: 20 }),
+        /* @__PURE__ */ i(Ln, { 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: [
@@ -6494,7 +6514,7 @@ function Vl() {
     ] })
   ] });
 }
-function Ul() {
+function Yl() {
   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";
@@ -6508,8 +6528,8 @@ function Ul() {
     /* @__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 Gl = [75, 90, 100, 125];
-function Yl() {
+const Jl = [75, 90, 100, 125];
+function ql() {
   var f;
   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(() => {
@@ -6542,16 +6562,16 @@ function Yl() {
       cancelAnimationFrame(x), v.disconnect();
     };
   }, [n, t, e]);
-  const g = ((f = vl.find((m) => m.key === e)) == null ? void 0 : f.label) ?? "";
+  const g = ((f = Cl.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(wl, { sx: { fontSize: 22, color: "text.secondary" } }),
+      /* @__PURE__ */ i(Tl, { 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(
-        oi,
+        ai,
         {
           size: "small",
           value: n,
@@ -6563,7 +6583,7 @@ function Yl() {
               l,
               "%)"
             ] }),
-            Gl.map((m) => /* @__PURE__ */ p(mt, { value: m, children: [
+            Jl.map((m) => /* @__PURE__ */ p(mt, { value: m, children: [
               m,
               "%"
             ] }, m))
@@ -6573,29 +6593,29 @@ function Yl() {
     ] }),
     /* @__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(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 === "dashboard" && /* @__PURE__ */ i(Pl, {}),
+        e === "orders" && /* @__PURE__ */ i(Al, {}),
+        e === "reports" && /* @__PURE__ */ i(Ul, {}),
+        e === "cameras" && /* @__PURE__ */ i(Ml, {}),
+        e === "operations" && /* @__PURE__ */ i(Wl, {}),
+        e === "components" && /* @__PURE__ */ i(Bl, {}),
+        e === "login" && /* @__PURE__ */ i(Gl, {})
       ] }),
-      e !== "login" && /* @__PURE__ */ i(Ul, {})
+      e !== "login" && /* @__PURE__ */ i(Yl, {})
     ] })
   ] });
 }
-const Jl = 300, ql = 520;
-function id() {
+const Kl = 300, Xl = 520;
+function sd() {
   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(() => {
-    Fn(f), Fn(m);
+    Wn(f), Wn(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(Jl, Math.min(ql, y.current.w + (H.clientX - y.current.x)));
+      const C = Math.max(Kl, Math.min(Xl, y.current.w + (H.clientX - y.current.x)));
       n(C);
     }, $ = () => {
       y.current = null, window.removeEventListener("mousemove", v), window.removeEventListener("mouseup", $);
@@ -6618,12 +6638,12 @@ function id() {
           scrollbarWidth: "none",
           msOverflowStyle: "none",
           "&::-webkit-scrollbar": { display: "none" }
-        }, children: /* @__PURE__ */ i(Cl, { onClose: x }) }),
+        }, children: /* @__PURE__ */ i(kl, { 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($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(_s, {}) }) }),
-      /* @__PURE__ */ i(Yl, {})
+      }, sx: { position: "absolute", left: 68, bottom: 56, zIndex: 10, bgcolor: "primary.main", color: "primary.contrastText", boxShadow: 4, "&:hover": { bgcolor: "primary.dark" } }, children: /* @__PURE__ */ i(Ns, {}) }) }),
+      /* @__PURE__ */ i(ql, {})
     ] }) }),
     /* @__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?" }),
@@ -6640,8 +6660,8 @@ function id() {
     ] })
   ] });
 }
-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 });
+function ld(e) {
+  const r = Ur(e), t = r.t, n = `${r.headFam},sans-serif`, o = `${r.bodyFam},sans-serif`, s = (a, l) => ({ fontFamily: n, fontSize: a, fontWeight: r.wH1, lineHeight: r.headLH, color: l || t.textPrimary });
   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) {
@@ -6651,7 +6671,7 @@ function ad(e) {
       m || (m = document.createElement("link"), m.id = f, m.rel = "stylesheet", document.head.appendChild(m)), m.href = h;
     }
   }
-  return lo({
+  return po({
     palette: {
       mode: e.mode,
       primary: { main: r.pMain, dark: r.pal[700], light: r.pal[300], contrastText: t.pContrast },
@@ -6668,12 +6688,12 @@ function ad(e) {
     typography: {
       fontFamily: o,
       fontSize: r.base,
-      h1: s(r.tH1),
-      h2: s(r.tH2),
-      h3: s(r.tTitle),
-      h4: s(r.tH4),
-      h5: s(r.tH5),
-      h6: s(r.tH6),
+      h1: s(r.tH1, r.hc1),
+      h2: s(r.tH2, r.hc2),
+      h3: s(r.tTitle, r.hc3),
+      h4: s(r.tH4, r.hc4),
+      h5: s(r.tH5, r.hc5),
+      h6: s(r.tH6, r.hc6),
       body1: { fontFamily: o, fontSize: r.tBody, lineHeight: r.bodyLH, fontWeight: r.bodyWeightEff },
       body2: { fontFamily: o, fontSize: r.tBodySm, lineHeight: r.bodyLH, fontWeight: r.bodyWeightEff },
       caption: { fontFamily: o, fontSize: r.tCaption, lineHeight: r.bodyLH },
@@ -6770,7 +6790,7 @@ function ad(e) {
 }
 export {
   Oe as DEFAULT_SETTINGS,
-  id as ThemeStudio,
-  ad as buildMuiTheme,
+  sd as ThemeStudio,
+  ld as buildMuiTheme,
   j as useThemeStore
 };