omnieye-theme-studio 1.2.2 → 1.2.3

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 import { jsxs as p, jsx as i, Fragment as ge } from "react/jsx-runtime";
 import * as Je from "react";
 import Mt, { useMemo as Qo, useState as Z, useEffect as _e, useRef as Te, useLayoutEffect as Mr } from "react";
-import { Box as S, Collapse as Zo, Button as ke, Tooltip as ze, Typography as ue, Menu as ei, MenuItem as gt, Dialog as mt, DialogTitle as Wt, DialogContent as Ft, TextField as Qr, DialogActions as zt, InputBase as Wr, FormControlLabel as Rt, Switch as yt, Popover as ti, Slider as ri, IconButton as Pr, Select as ni } from "@mui/material";
+import { Box as S, Collapse as Zo, Button as ke, Tooltip as ze, Typography as ue, Menu as ei, MenuItem as gt, Dialog as mt, DialogTitle as Ft, DialogContent as Wt, TextField as Qr, DialogActions as zt, InputBase as Fr, FormControlLabel as Rt, Switch as yt, Popover as ti, Slider as ri, IconButton as Pr, Select as ni } from "@mui/material";
 import oi from "@emotion/styled";
 import "@emotion/react";
 import { createPortal as ii } from "react-dom";
@@ -31,7 +31,7 @@ function st(e) {
 function li(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var _t = { exports: {} }, Lt = { exports: {} }, re = {};
+var _t = { exports: {} }, Lt = { exports: {} }, ne = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -42,71 +42,71 @@ var _t = { exports: {} }, Lt = { exports: {} }, re = {};
  */
 var en;
 function di() {
-  if (en) return re;
+  if (en) return ne;
   en = 1;
   var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, g = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, h = e ? Symbol.for("react.memo") : 60115, x = e ? Symbol.for("react.lazy") : 60116, u = e ? Symbol.for("react.block") : 60121, b = e ? Symbol.for("react.fundamental") : 60117, v = e ? Symbol.for("react.responder") : 60118, $ = e ? Symbol.for("react.scope") : 60119;
-  function I(w) {
-    if (typeof w == "object" && w !== null) {
-      var H = w.$$typeof;
-      switch (H) {
+  function H(k) {
+    if (typeof k == "object" && k !== null) {
+      var R = k.$$typeof;
+      switch (R) {
         case r:
-          switch (w = w.type, w) {
+          switch (k = k.type, k) {
             case c:
             case g:
             case n:
             case s:
             case o:
             case m:
-              return w;
+              return k;
             default:
-              switch (w = w && w.$$typeof, w) {
+              switch (k = k && k.$$typeof, k) {
                 case l:
                 case f:
                 case x:
                 case h:
                 case a:
-                  return w;
+                  return k;
                 default:
-                  return H;
+                  return R;
               }
           }
         case t:
-          return H;
+          return R;
       }
     }
   }
-  function C(w) {
-    return I(w) === g;
+  function C(k) {
+    return H(k) === g;
   }
-  return re.AsyncMode = c, re.ConcurrentMode = g, re.ContextConsumer = l, re.ContextProvider = a, re.Element = r, re.ForwardRef = f, re.Fragment = n, re.Lazy = x, re.Memo = h, re.Portal = t, re.Profiler = s, re.StrictMode = o, re.Suspense = m, re.isAsyncMode = function(w) {
-    return C(w) || I(w) === c;
-  }, re.isConcurrentMode = C, re.isContextConsumer = function(w) {
-    return I(w) === l;
-  }, re.isContextProvider = function(w) {
-    return I(w) === a;
-  }, re.isElement = function(w) {
-    return typeof w == "object" && w !== null && w.$$typeof === r;
-  }, re.isForwardRef = function(w) {
-    return I(w) === f;
-  }, re.isFragment = function(w) {
-    return I(w) === n;
-  }, re.isLazy = function(w) {
-    return I(w) === x;
-  }, re.isMemo = function(w) {
-    return I(w) === h;
-  }, re.isPortal = function(w) {
-    return I(w) === t;
-  }, re.isProfiler = function(w) {
-    return I(w) === s;
-  }, re.isStrictMode = function(w) {
-    return I(w) === o;
-  }, re.isSuspense = function(w) {
-    return I(w) === m;
-  }, re.isValidElementType = function(w) {
-    return typeof w == "string" || typeof w == "function" || w === n || w === g || w === s || w === o || w === m || w === y || typeof w == "object" && w !== null && (w.$$typeof === x || w.$$typeof === h || w.$$typeof === a || w.$$typeof === l || w.$$typeof === f || w.$$typeof === b || w.$$typeof === v || w.$$typeof === $ || w.$$typeof === u);
-  }, re.typeOf = I, re;
-}
-var ne = {};
+  return ne.AsyncMode = c, ne.ConcurrentMode = g, ne.ContextConsumer = l, ne.ContextProvider = a, ne.Element = r, ne.ForwardRef = f, ne.Fragment = n, ne.Lazy = x, ne.Memo = h, ne.Portal = t, ne.Profiler = s, ne.StrictMode = o, ne.Suspense = m, ne.isAsyncMode = function(k) {
+    return C(k) || H(k) === c;
+  }, ne.isConcurrentMode = C, ne.isContextConsumer = function(k) {
+    return H(k) === l;
+  }, ne.isContextProvider = function(k) {
+    return H(k) === a;
+  }, ne.isElement = function(k) {
+    return typeof k == "object" && k !== null && k.$$typeof === r;
+  }, ne.isForwardRef = function(k) {
+    return H(k) === f;
+  }, ne.isFragment = function(k) {
+    return H(k) === n;
+  }, ne.isLazy = function(k) {
+    return H(k) === x;
+  }, ne.isMemo = function(k) {
+    return H(k) === h;
+  }, ne.isPortal = function(k) {
+    return H(k) === t;
+  }, ne.isProfiler = function(k) {
+    return H(k) === s;
+  }, ne.isStrictMode = function(k) {
+    return H(k) === o;
+  }, ne.isSuspense = function(k) {
+    return H(k) === m;
+  }, ne.isValidElementType = function(k) {
+    return typeof k == "string" || typeof k == "function" || k === n || k === g || k === s || k === o || k === m || k === y || typeof k == "object" && k !== null && (k.$$typeof === x || k.$$typeof === h || k.$$typeof === a || k.$$typeof === l || k.$$typeof === f || k.$$typeof === b || k.$$typeof === v || k.$$typeof === $ || k.$$typeof === u);
+  }, ne.typeOf = H, ne;
+}
+var oe = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -119,16 +119,16 @@ var tn;
 function ci() {
   return tn || (tn = 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 I(z) {
-      return typeof z == "string" || typeof z == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      z === n || z === g || z === s || z === o || z === m || z === y || typeof z == "object" && z !== null && (z.$$typeof === x || z.$$typeof === h || z.$$typeof === a || z.$$typeof === l || z.$$typeof === f || z.$$typeof === b || z.$$typeof === v || z.$$typeof === $ || z.$$typeof === u);
+    function H(_) {
+      return typeof _ == "string" || typeof _ == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      _ === n || _ === g || _ === s || _ === o || _ === m || _ === y || typeof _ == "object" && _ !== null && (_.$$typeof === x || _.$$typeof === h || _.$$typeof === a || _.$$typeof === l || _.$$typeof === f || _.$$typeof === b || _.$$typeof === v || _.$$typeof === $ || _.$$typeof === u);
     }
-    function C(z) {
-      if (typeof z == "object" && z !== null) {
-        var me = z.$$typeof;
+    function C(_) {
+      if (typeof _ == "object" && _ !== null) {
+        var me = _.$$typeof;
         switch (me) {
           case r:
-            var Ne = z.type;
+            var Ne = _.type;
             switch (Ne) {
               case c:
               case g:
@@ -155,48 +155,48 @@ function ci() {
         }
       }
     }
-    var w = c, H = g, W = l, B = a, X = r, Q = f, Y = n, d = x, O = h, A = t, _ = s, L = o, q = m, U = !1;
-    function G(z) {
-      return U || (U = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), P(z) || C(z) === c;
+    var k = c, R = g, z = l, I = a, X = r, Q = f, Y = n, d = x, B = h, A = t, L = s, N = o, K = m, U = !1;
+    function J(_) {
+      return U || (U = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), P(_) || C(_) === c;
     }
-    function P(z) {
-      return C(z) === g;
+    function P(_) {
+      return C(_) === g;
     }
-    function M(z) {
-      return C(z) === l;
+    function D(_) {
+      return C(_) === l;
     }
-    function J(z) {
-      return C(z) === a;
+    function q(_) {
+      return C(_) === a;
     }
-    function V(z) {
-      return typeof z == "object" && z !== null && z.$$typeof === r;
+    function V(_) {
+      return typeof _ == "object" && _ !== null && _.$$typeof === r;
     }
-    function N(z) {
-      return C(z) === f;
+    function G(_) {
+      return C(_) === f;
     }
-    function F(z) {
-      return C(z) === n;
+    function M(_) {
+      return C(_) === n;
     }
-    function k(z) {
-      return C(z) === x;
+    function w(_) {
+      return C(_) === x;
     }
-    function D(z) {
-      return C(z) === h;
+    function O(_) {
+      return C(_) === h;
     }
-    function E(z) {
-      return C(z) === t;
+    function F(_) {
+      return C(_) === t;
     }
-    function R(z) {
-      return C(z) === s;
+    function E(_) {
+      return C(_) === s;
     }
-    function K(z) {
-      return C(z) === o;
+    function W(_) {
+      return C(_) === o;
     }
-    function le(z) {
-      return C(z) === m;
+    function te(_) {
+      return C(_) === m;
     }
-    ne.AsyncMode = w, ne.ConcurrentMode = H, ne.ContextConsumer = W, ne.ContextProvider = B, ne.Element = X, ne.ForwardRef = Q, ne.Fragment = Y, ne.Lazy = d, ne.Memo = O, ne.Portal = A, ne.Profiler = _, ne.StrictMode = L, ne.Suspense = q, ne.isAsyncMode = G, ne.isConcurrentMode = P, ne.isContextConsumer = M, ne.isContextProvider = J, ne.isElement = V, ne.isForwardRef = N, ne.isFragment = F, ne.isLazy = k, ne.isMemo = D, ne.isPortal = E, ne.isProfiler = R, ne.isStrictMode = K, ne.isSuspense = le, ne.isValidElementType = I, ne.typeOf = C;
-  })()), ne;
+    oe.AsyncMode = k, oe.ConcurrentMode = R, oe.ContextConsumer = z, oe.ContextProvider = I, oe.Element = X, oe.ForwardRef = Q, oe.Fragment = Y, oe.Lazy = d, oe.Memo = B, oe.Portal = A, oe.Profiler = L, oe.StrictMode = N, oe.Suspense = K, oe.isAsyncMode = J, oe.isConcurrentMode = P, oe.isContextConsumer = D, oe.isContextProvider = q, oe.isElement = V, oe.isForwardRef = G, oe.isFragment = M, oe.isLazy = w, oe.isMemo = O, oe.isPortal = F, oe.isProfiler = E, oe.isStrictMode = W, oe.isSuspense = te, oe.isValidElementType = H, oe.typeOf = C;
+  })()), oe;
 }
 var rn;
 function _n() {
@@ -254,7 +254,7 @@ function pi() {
   }, gr;
 }
 var mr, on;
-function Fr() {
+function Wr() {
   if (on) return mr;
   on = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
@@ -271,7 +271,7 @@ function ui() {
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var r = /* @__PURE__ */ Fr(), t = {}, n = /* @__PURE__ */ Ln();
+    var r = /* @__PURE__ */ Wr(), t = {}, n = /* @__PURE__ */ Ln();
     e = function(s) {
       var a = "Warning: " + s;
       typeof console < "u" && console.error(a);
@@ -317,7 +317,7 @@ var xr, ln;
 function fi() {
   if (ln) return xr;
   ln = 1;
-  var e = _n(), r = pi(), t = /* @__PURE__ */ Fr(), n = /* @__PURE__ */ Ln(), o = /* @__PURE__ */ ui(), s = function() {
+  var e = _n(), r = pi(), t = /* @__PURE__ */ Wr(), n = /* @__PURE__ */ Ln(), o = /* @__PURE__ */ ui(), s = function() {
   };
   process.env.NODE_ENV !== "production" && (s = function(l) {
     var c = "Warning: " + l;
@@ -333,9 +333,9 @@ function fi() {
   return xr = function(l, c) {
     var g = typeof Symbol == "function" && Symbol.iterator, f = "@@iterator";
     function m(P) {
-      var M = P && (g && P[g] || P[f]);
-      if (typeof M == "function")
-        return M;
+      var D = P && (g && P[g] || P[f]);
+      if (typeof D == "function")
+        return D;
     }
     var y = "<<anonymous>>", h = {
       array: v("array"),
@@ -347,220 +347,220 @@ function fi() {
       string: v("string"),
       symbol: v("symbol"),
       any: $(),
-      arrayOf: I,
+      arrayOf: H,
       element: C(),
-      elementType: w(),
-      instanceOf: H,
+      elementType: k(),
+      instanceOf: R,
       node: Q(),
-      objectOf: B,
-      oneOf: W,
+      objectOf: I,
+      oneOf: z,
       oneOfType: X,
       shape: d,
-      exact: O
+      exact: B
     };
-    function x(P, M) {
-      return P === M ? P !== 0 || 1 / P === 1 / M : P !== P && M !== M;
+    function x(P, D) {
+      return P === D ? P !== 0 || 1 / P === 1 / D : P !== P && D !== D;
     }
-    function u(P, M) {
-      this.message = P, this.data = M && typeof M == "object" ? M : {}, this.stack = "";
+    function u(P, D) {
+      this.message = P, this.data = D && typeof D == "object" ? D : {}, this.stack = "";
     }
     u.prototype = Error.prototype;
     function b(P) {
       if (process.env.NODE_ENV !== "production")
-        var M = {}, J = 0;
-      function V(F, k, D, E, R, K, le) {
-        if (E = E || y, K = K || D, le !== t) {
+        var D = {}, q = 0;
+      function V(M, w, O, F, E, W, te) {
+        if (F = F || y, W = W || O, te !== t) {
           if (c) {
-            var z = new Error(
+            var _ = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
-            throw z.name = "Invariant Violation", z;
+            throw _.name = "Invariant Violation", _;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var me = E + ":" + D;
-            !M[me] && // Avoid spamming the console because they are often not actionable except for lib authors
-            J < 3 && (s(
-              "You are manually calling a React.PropTypes validation function for the `" + K + "` prop on `" + E + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), M[me] = !0, J++);
+            var me = F + ":" + O;
+            !D[me] && // Avoid spamming the console because they are often not actionable except for lib authors
+            q < 3 && (s(
+              "You are manually calling a React.PropTypes validation function for the `" + W + "` prop on `" + F + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+            ), D[me] = !0, q++);
           }
         }
-        return k[D] == null ? F ? k[D] === null ? new u("The " + R + " `" + K + "` is marked as required " + ("in `" + E + "`, but its value is `null`.")) : new u("The " + R + " `" + K + "` is marked as required in " + ("`" + E + "`, but its value is `undefined`.")) : null : P(k, D, E, R, K);
+        return w[O] == null ? M ? w[O] === null ? new u("The " + E + " `" + W + "` is marked as required " + ("in `" + F + "`, but its value is `null`.")) : new u("The " + E + " `" + W + "` is marked as required in " + ("`" + F + "`, but its value is `undefined`.")) : null : P(w, O, F, E, W);
       }
-      var N = V.bind(null, !1);
-      return N.isRequired = V.bind(null, !0), N;
+      var G = V.bind(null, !1);
+      return G.isRequired = V.bind(null, !0), G;
     }
     function v(P) {
-      function M(J, V, N, F, k, D) {
-        var E = J[V], R = L(E);
-        if (R !== P) {
-          var K = q(E);
+      function D(q, V, G, M, w, O) {
+        var F = q[V], E = N(F);
+        if (E !== P) {
+          var W = K(F);
           return new u(
-            "Invalid " + F + " `" + k + "` of type " + ("`" + K + "` supplied to `" + N + "`, expected ") + ("`" + P + "`."),
+            "Invalid " + M + " `" + w + "` of type " + ("`" + W + "` supplied to `" + G + "`, expected ") + ("`" + P + "`."),
             { expectedType: P }
           );
         }
         return null;
       }
-      return b(M);
+      return b(D);
     }
     function $() {
       return b(a);
     }
-    function I(P) {
-      function M(J, V, N, F, k) {
+    function H(P) {
+      function D(q, V, G, M, w) {
         if (typeof P != "function")
-          return new u("Property `" + k + "` of component `" + N + "` has invalid PropType notation inside arrayOf.");
-        var D = J[V];
-        if (!Array.isArray(D)) {
-          var E = L(D);
-          return new u("Invalid " + F + " `" + k + "` of type " + ("`" + E + "` supplied to `" + N + "`, expected an array."));
+          return new u("Property `" + w + "` of component `" + G + "` has invalid PropType notation inside arrayOf.");
+        var O = q[V];
+        if (!Array.isArray(O)) {
+          var F = N(O);
+          return new u("Invalid " + M + " `" + w + "` of type " + ("`" + F + "` supplied to `" + G + "`, expected an array."));
         }
-        for (var R = 0; R < D.length; R++) {
-          var K = P(D, R, N, F, k + "[" + R + "]", t);
-          if (K instanceof Error)
-            return K;
+        for (var E = 0; E < O.length; E++) {
+          var W = P(O, E, G, M, w + "[" + E + "]", t);
+          if (W instanceof Error)
+            return W;
         }
         return null;
       }
-      return b(M);
+      return b(D);
     }
     function C() {
-      function P(M, J, V, N, F) {
-        var k = M[J];
-        if (!l(k)) {
-          var D = L(k);
-          return new u("Invalid " + N + " `" + F + "` of type " + ("`" + D + "` supplied to `" + V + "`, expected a single ReactElement."));
+      function P(D, q, V, G, M) {
+        var w = D[q];
+        if (!l(w)) {
+          var O = N(w);
+          return new u("Invalid " + G + " `" + M + "` of type " + ("`" + O + "` supplied to `" + V + "`, expected a single ReactElement."));
         }
         return null;
       }
       return b(P);
     }
-    function w() {
-      function P(M, J, V, N, F) {
-        var k = M[J];
-        if (!e.isValidElementType(k)) {
-          var D = L(k);
-          return new u("Invalid " + N + " `" + F + "` of type " + ("`" + D + "` supplied to `" + V + "`, expected a single ReactElement type."));
+    function k() {
+      function P(D, q, V, G, M) {
+        var w = D[q];
+        if (!e.isValidElementType(w)) {
+          var O = N(w);
+          return new u("Invalid " + G + " `" + M + "` of type " + ("`" + O + "` supplied to `" + V + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return b(P);
     }
-    function H(P) {
-      function M(J, V, N, F, k) {
-        if (!(J[V] instanceof P)) {
-          var D = P.name || y, E = G(J[V]);
-          return new u("Invalid " + F + " `" + k + "` of type " + ("`" + E + "` supplied to `" + N + "`, expected ") + ("instance of `" + D + "`."));
+    function R(P) {
+      function D(q, V, G, M, w) {
+        if (!(q[V] instanceof P)) {
+          var O = P.name || y, F = J(q[V]);
+          return new u("Invalid " + M + " `" + w + "` of type " + ("`" + F + "` supplied to `" + G + "`, expected ") + ("instance of `" + O + "`."));
         }
         return null;
       }
-      return b(M);
+      return b(D);
     }
-    function W(P) {
+    function z(P) {
       if (!Array.isArray(P))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? s(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : s("Invalid argument supplied to oneOf, expected an array.")), a;
-      function M(J, V, N, F, k) {
-        for (var D = J[V], E = 0; E < P.length; E++)
-          if (x(D, P[E]))
+      function D(q, V, G, M, w) {
+        for (var O = q[V], F = 0; F < P.length; F++)
+          if (x(O, P[F]))
             return null;
-        var R = JSON.stringify(P, function(le, z) {
-          var me = q(z);
-          return me === "symbol" ? String(z) : z;
+        var E = JSON.stringify(P, function(te, _) {
+          var me = K(_);
+          return me === "symbol" ? String(_) : _;
         });
-        return new u("Invalid " + F + " `" + k + "` of value `" + String(D) + "` " + ("supplied to `" + N + "`, expected one of " + R + "."));
+        return new u("Invalid " + M + " `" + w + "` of value `" + String(O) + "` " + ("supplied to `" + G + "`, expected one of " + E + "."));
       }
-      return b(M);
+      return b(D);
     }
-    function B(P) {
-      function M(J, V, N, F, k) {
+    function I(P) {
+      function D(q, V, G, M, w) {
         if (typeof P != "function")
-          return new u("Property `" + k + "` of component `" + N + "` has invalid PropType notation inside objectOf.");
-        var D = J[V], E = L(D);
-        if (E !== "object")
-          return new u("Invalid " + F + " `" + k + "` of type " + ("`" + E + "` supplied to `" + N + "`, expected an object."));
-        for (var R in D)
-          if (n(D, R)) {
-            var K = P(D, R, N, F, k + "." + R, t);
-            if (K instanceof Error)
-              return K;
+          return new u("Property `" + w + "` of component `" + G + "` has invalid PropType notation inside objectOf.");
+        var O = q[V], F = N(O);
+        if (F !== "object")
+          return new u("Invalid " + M + " `" + w + "` of type " + ("`" + F + "` supplied to `" + G + "`, expected an object."));
+        for (var E in O)
+          if (n(O, E)) {
+            var W = P(O, E, G, M, w + "." + E, t);
+            if (W instanceof Error)
+              return W;
           }
         return null;
       }
-      return b(M);
+      return b(D);
     }
     function X(P) {
       if (!Array.isArray(P))
         return process.env.NODE_ENV !== "production" && s("Invalid argument supplied to oneOfType, expected an instance of array."), a;
-      for (var M = 0; M < P.length; M++) {
-        var J = P[M];
-        if (typeof J != "function")
+      for (var D = 0; D < P.length; D++) {
+        var q = P[D];
+        if (typeof q != "function")
           return s(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + U(J) + " at index " + M + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + U(q) + " at index " + D + "."
           ), a;
       }
-      function V(N, F, k, D, E) {
-        for (var R = [], K = 0; K < P.length; K++) {
-          var le = P[K], z = le(N, F, k, D, E, t);
-          if (z == null)
+      function V(G, M, w, O, F) {
+        for (var E = [], W = 0; W < P.length; W++) {
+          var te = P[W], _ = te(G, M, w, O, F, t);
+          if (_ == null)
             return null;
-          z.data && n(z.data, "expectedType") && R.push(z.data.expectedType);
+          _.data && n(_.data, "expectedType") && E.push(_.data.expectedType);
         }
-        var me = R.length > 0 ? ", expected one of type [" + R.join(", ") + "]" : "";
-        return new u("Invalid " + D + " `" + E + "` supplied to " + ("`" + k + "`" + me + "."));
+        var me = E.length > 0 ? ", expected one of type [" + E.join(", ") + "]" : "";
+        return new u("Invalid " + O + " `" + F + "` supplied to " + ("`" + w + "`" + me + "."));
       }
       return b(V);
     }
     function Q() {
-      function P(M, J, V, N, F) {
-        return A(M[J]) ? null : new u("Invalid " + N + " `" + F + "` supplied to " + ("`" + V + "`, expected a ReactNode."));
+      function P(D, q, V, G, M) {
+        return A(D[q]) ? null : new u("Invalid " + G + " `" + M + "` supplied to " + ("`" + V + "`, expected a ReactNode."));
       }
       return b(P);
     }
-    function Y(P, M, J, V, N) {
+    function Y(P, D, q, V, G) {
       return new u(
-        (P || "React class") + ": " + M + " type `" + J + "." + V + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + N + "`."
+        (P || "React class") + ": " + D + " type `" + q + "." + V + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + G + "`."
       );
     }
     function d(P) {
-      function M(J, V, N, F, k) {
-        var D = J[V], E = L(D);
-        if (E !== "object")
-          return new u("Invalid " + F + " `" + k + "` of type `" + E + "` " + ("supplied to `" + N + "`, expected `object`."));
-        for (var R in P) {
-          var K = P[R];
-          if (typeof K != "function")
-            return Y(N, F, k, R, q(K));
-          var le = K(D, R, N, F, k + "." + R, t);
-          if (le)
-            return le;
+      function D(q, V, G, M, w) {
+        var O = q[V], F = N(O);
+        if (F !== "object")
+          return new u("Invalid " + M + " `" + w + "` of type `" + F + "` " + ("supplied to `" + G + "`, expected `object`."));
+        for (var E in P) {
+          var W = P[E];
+          if (typeof W != "function")
+            return Y(G, M, w, E, K(W));
+          var te = W(O, E, G, M, w + "." + E, t);
+          if (te)
+            return te;
         }
         return null;
       }
-      return b(M);
+      return b(D);
     }
-    function O(P) {
-      function M(J, V, N, F, k) {
-        var D = J[V], E = L(D);
-        if (E !== "object")
-          return new u("Invalid " + F + " `" + k + "` of type `" + E + "` " + ("supplied to `" + N + "`, expected `object`."));
-        var R = r({}, J[V], P);
-        for (var K in R) {
-          var le = P[K];
-          if (n(P, K) && typeof le != "function")
-            return Y(N, F, k, K, q(le));
-          if (!le)
+    function B(P) {
+      function D(q, V, G, M, w) {
+        var O = q[V], F = N(O);
+        if (F !== "object")
+          return new u("Invalid " + M + " `" + w + "` of type `" + F + "` " + ("supplied to `" + G + "`, expected `object`."));
+        var E = r({}, q[V], P);
+        for (var W in E) {
+          var te = P[W];
+          if (n(P, W) && typeof te != "function")
+            return Y(G, M, w, W, K(te));
+          if (!te)
             return new u(
-              "Invalid " + F + " `" + k + "` key `" + K + "` supplied to `" + N + "`.\nBad object: " + JSON.stringify(J[V], null, "  ") + `
+              "Invalid " + M + " `" + w + "` key `" + W + "` supplied to `" + G + "`.\nBad object: " + JSON.stringify(q[V], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(P), null, "  ")
             );
-          var z = le(D, K, N, F, k + "." + K, t);
-          if (z)
-            return z;
+          var _ = te(O, W, G, M, w + "." + W, t);
+          if (_)
+            return _;
         }
         return null;
       }
-      return b(M);
+      return b(D);
     }
     function A(P) {
       switch (typeof P) {
@@ -575,17 +575,17 @@ Valid keys: ` + JSON.stringify(Object.keys(P), null, "  ")
             return P.every(A);
           if (P === null || l(P))
             return !0;
-          var M = m(P);
-          if (M) {
-            var J = M.call(P), V;
-            if (M !== P.entries) {
-              for (; !(V = J.next()).done; )
+          var D = m(P);
+          if (D) {
+            var q = D.call(P), V;
+            if (D !== P.entries) {
+              for (; !(V = q.next()).done; )
                 if (!A(V.value))
                   return !1;
             } else
-              for (; !(V = J.next()).done; ) {
-                var N = V.value;
-                if (N && !A(N[1]))
+              for (; !(V = q.next()).done; ) {
+                var G = V.value;
+                if (G && !A(G[1]))
                   return !1;
               }
           } else
@@ -595,40 +595,40 @@ Valid keys: ` + JSON.stringify(Object.keys(P), null, "  ")
           return !1;
       }
     }
-    function _(P, M) {
-      return P === "symbol" ? !0 : M ? M["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && M instanceof Symbol : !1;
+    function L(P, D) {
+      return P === "symbol" ? !0 : D ? D["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && D instanceof Symbol : !1;
     }
-    function L(P) {
-      var M = typeof P;
-      return Array.isArray(P) ? "array" : P instanceof RegExp ? "object" : _(M, P) ? "symbol" : M;
+    function N(P) {
+      var D = typeof P;
+      return Array.isArray(P) ? "array" : P instanceof RegExp ? "object" : L(D, P) ? "symbol" : D;
     }
-    function q(P) {
+    function K(P) {
       if (typeof P > "u" || P === null)
         return "" + P;
-      var M = L(P);
-      if (M === "object") {
+      var D = N(P);
+      if (D === "object") {
         if (P instanceof Date)
           return "date";
         if (P instanceof RegExp)
           return "regexp";
       }
-      return M;
+      return D;
     }
     function U(P) {
-      var M = q(P);
-      switch (M) {
+      var D = K(P);
+      switch (D) {
         case "array":
         case "object":
-          return "an " + M;
+          return "an " + D;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + M;
+          return "a " + D;
         default:
-          return M;
+          return D;
       }
     }
-    function G(P) {
+    function J(P) {
       return !P.constructor || !P.constructor.name ? y : P.constructor.name;
     }
     return h.checkPropTypes = o, h.resetWarningCache = o.resetWarningCache, h.PropTypes = h, h;
@@ -638,7 +638,7 @@ var vr, dn;
 function hi() {
   if (dn) return vr;
   dn = 1;
-  var e = /* @__PURE__ */ Fr();
+  var e = /* @__PURE__ */ Wr();
   function r() {
   }
   function t() {
@@ -693,7 +693,7 @@ function gi() {
   return _t.exports;
 }
 var mi = /* @__PURE__ */ gi();
-const te = /* @__PURE__ */ li(mi);
+const re = /* @__PURE__ */ li(mi);
 function Nn(e) {
   var r, t, n = "";
   if (typeof e == "string" || typeof e == "number") n += e;
@@ -720,7 +720,7 @@ function yi(e, r, t = void 0) {
   }
   return n;
 }
-var Nt = { exports: {} }, ae = {};
+var Nt = { exports: {} }, se = {};
 /**
  * @license React
  * react-is.production.js
@@ -732,7 +732,7 @@ var Nt = { exports: {} }, ae = {};
  */
 var pn;
 function bi() {
-  if (pn) return ae;
+  if (pn) return se;
   pn = 1;
   var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), s = Symbol.for("react.consumer"), a = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), y = Symbol.for("react.view_transition"), h = Symbol.for("react.client.reference");
   function x(u) {
@@ -766,35 +766,35 @@ function bi() {
       }
     }
   }
-  return ae.ContextConsumer = s, ae.ContextProvider = a, ae.Element = e, ae.ForwardRef = l, ae.Fragment = t, ae.Lazy = m, ae.Memo = f, ae.Portal = r, ae.Profiler = o, ae.StrictMode = n, ae.Suspense = c, ae.SuspenseList = g, ae.isContextConsumer = function(u) {
+  return se.ContextConsumer = s, se.ContextProvider = a, se.Element = e, se.ForwardRef = l, se.Fragment = t, se.Lazy = m, se.Memo = f, se.Portal = r, se.Profiler = o, se.StrictMode = n, se.Suspense = c, se.SuspenseList = g, se.isContextConsumer = function(u) {
     return x(u) === s;
-  }, ae.isContextProvider = function(u) {
+  }, se.isContextProvider = function(u) {
     return x(u) === a;
-  }, ae.isElement = function(u) {
+  }, se.isElement = function(u) {
     return typeof u == "object" && u !== null && u.$$typeof === e;
-  }, ae.isForwardRef = function(u) {
+  }, se.isForwardRef = function(u) {
     return x(u) === l;
-  }, ae.isFragment = function(u) {
+  }, se.isFragment = function(u) {
     return x(u) === t;
-  }, ae.isLazy = function(u) {
+  }, se.isLazy = function(u) {
     return x(u) === m;
-  }, ae.isMemo = function(u) {
+  }, se.isMemo = function(u) {
     return x(u) === f;
-  }, ae.isPortal = function(u) {
+  }, se.isPortal = function(u) {
     return x(u) === r;
-  }, ae.isProfiler = function(u) {
+  }, se.isProfiler = function(u) {
     return x(u) === o;
-  }, ae.isStrictMode = function(u) {
+  }, se.isStrictMode = function(u) {
     return x(u) === n;
-  }, ae.isSuspense = function(u) {
+  }, se.isSuspense = function(u) {
     return x(u) === c;
-  }, ae.isSuspenseList = function(u) {
+  }, se.isSuspenseList = function(u) {
     return x(u) === g;
-  }, ae.isValidElementType = function(u) {
+  }, se.isValidElementType = function(u) {
     return typeof u == "string" || typeof u == "function" || u === t || u === o || u === n || u === c || u === g || typeof u == "object" && u !== null && (u.$$typeof === m || u.$$typeof === f || u.$$typeof === a || u.$$typeof === s || u.$$typeof === l || u.$$typeof === h || u.getModuleId !== void 0);
-  }, ae.typeOf = x, ae;
+  }, se.typeOf = x, se;
 }
-var se = {};
+var le = {};
 /**
  * @license React
  * react-is.development.js
@@ -839,48 +839,48 @@ function xi() {
       }
     }
     var r = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), l = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), h = Symbol.for("react.view_transition"), x = Symbol.for("react.client.reference");
-    se.ContextConsumer = a, se.ContextProvider = l, se.Element = r, se.ForwardRef = c, se.Fragment = n, se.Lazy = y, se.Memo = m, se.Portal = t, se.Profiler = s, se.StrictMode = o, se.Suspense = g, se.SuspenseList = f, se.isContextConsumer = function(u) {
+    le.ContextConsumer = a, le.ContextProvider = l, le.Element = r, le.ForwardRef = c, le.Fragment = n, le.Lazy = y, le.Memo = m, le.Portal = t, le.Profiler = s, le.StrictMode = o, le.Suspense = g, le.SuspenseList = f, le.isContextConsumer = function(u) {
       return e(u) === a;
-    }, se.isContextProvider = function(u) {
+    }, le.isContextProvider = function(u) {
       return e(u) === l;
-    }, se.isElement = function(u) {
+    }, le.isElement = function(u) {
       return typeof u == "object" && u !== null && u.$$typeof === r;
-    }, se.isForwardRef = function(u) {
+    }, le.isForwardRef = function(u) {
       return e(u) === c;
-    }, se.isFragment = function(u) {
+    }, le.isFragment = function(u) {
       return e(u) === n;
-    }, se.isLazy = function(u) {
+    }, le.isLazy = function(u) {
       return e(u) === y;
-    }, se.isMemo = function(u) {
+    }, le.isMemo = function(u) {
       return e(u) === m;
-    }, se.isPortal = function(u) {
+    }, le.isPortal = function(u) {
       return e(u) === t;
-    }, se.isProfiler = function(u) {
+    }, le.isProfiler = function(u) {
       return e(u) === s;
-    }, se.isStrictMode = function(u) {
+    }, le.isStrictMode = function(u) {
       return e(u) === o;
-    }, se.isSuspense = function(u) {
+    }, le.isSuspense = function(u) {
       return e(u) === g;
-    }, se.isSuspenseList = function(u) {
+    }, le.isSuspenseList = function(u) {
       return e(u) === f;
-    }, se.isValidElementType = function(u) {
+    }, le.isValidElementType = function(u) {
       return typeof u == "string" || typeof u == "function" || u === n || u === s || u === o || u === g || u === f || typeof u == "object" && u !== null && (u.$$typeof === y || u.$$typeof === m || u.$$typeof === l || u.$$typeof === a || u.$$typeof === c || u.$$typeof === x || u.getModuleId !== void 0);
-    }, se.typeOf = e;
-  })()), se;
+    }, le.typeOf = e;
+  })()), le;
 }
 var fn;
 function vi() {
   return fn || (fn = 1, process.env.NODE_ENV === "production" ? Nt.exports = /* @__PURE__ */ bi() : Nt.exports = /* @__PURE__ */ xi()), Nt.exports;
 }
 var Jt = /* @__PURE__ */ vi();
-function Fe(e) {
+function We(e) {
   if (typeof e != "object" || e === null)
     return !1;
   const r = Object.getPrototypeOf(e);
   return (r === null || r === Object.prototype || Object.getPrototypeOf(r) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
 }
 function Vn(e) {
-  if (/* @__PURE__ */ Je.isValidElement(e) || Jt.isValidElementType(e) || !Fe(e))
+  if (/* @__PURE__ */ Je.isValidElement(e) || Jt.isValidElementType(e) || !We(e))
     return e;
   const r = {};
   return Object.keys(e).forEach((t) => {
@@ -893,9 +893,9 @@ function Pe(e, r, t = {
   const n = t.clone ? {
     ...e
   } : e;
-  return Fe(e) && Fe(r) && Object.keys(r).forEach((o) => {
-    /* @__PURE__ */ Je.isValidElement(r[o]) || Jt.isValidElementType(r[o]) ? n[o] = r[o] : Fe(r[o]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(e, o) && Fe(e[o]) ? n[o] = Pe(e[o], r[o], t) : t.clone ? n[o] = Fe(r[o]) ? Vn(r[o]) : r[o] : n[o] = r[o];
+  return We(e) && We(r) && Object.keys(r).forEach((o) => {
+    /* @__PURE__ */ Je.isValidElement(r[o]) || Jt.isValidElementType(r[o]) ? n[o] = r[o] : We(r[o]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, o) && We(e[o]) ? n[o] = Pe(e[o], r[o], t) : t.clone ? n[o] = We(r[o]) ? Vn(r[o]) : r[o] : n[o] = r[o];
   }), n;
 }
 function Et(e, r) {
@@ -904,7 +904,7 @@ function Et(e, r) {
     // No need to clone deep, it's way faster.
   }) : e;
 }
-const Ke = process.env.NODE_ENV !== "production" ? te.oneOfType([te.number, te.string, te.object, te.array]) : {};
+const Ke = process.env.NODE_ENV !== "production" ? re.oneOfType([re.number, re.string, re.object, re.array]) : {};
 function hn(e, r) {
   if (!e.containerQueries)
     return r;
@@ -1096,18 +1096,18 @@ function zr(e) {
 function $t(e, r) {
   return typeof r == "string" || r == null ? r : e(r);
 }
-function Ii(e, r) {
+function Ai(e, r) {
   return (t) => e.reduce((n, o) => (n[o] = $t(r, t), n), {});
 }
-function Ai(e, r, t, n) {
+function Ii(e, r, t, n) {
   if (!r.includes(t))
     return null;
-  const o = Pi(t), s = Ii(o, n), a = e[t];
+  const o = Pi(t), s = Ai(o, n), a = e[t];
   return Le(e, a, s);
 }
 function Un(e, r) {
   const t = zr(e.theme);
-  return Object.keys(e).map((n) => Ai(e, r, n, t)).reduce(Et, {});
+  return Object.keys(e).map((n) => Ii(e, r, n, t)).reduce(Et, {});
 }
 function fe(e) {
   return Un(e, tr);
@@ -1129,14 +1129,14 @@ function nr(...e) {
 function $e(e) {
   return typeof e != "number" ? e : `${e}px solid`;
 }
-function Ie(e, r) {
+function Ae(e, r) {
   return ye({
     prop: e,
     themeKey: "borders",
     transform: r
   });
 }
-const Bi = Ie("border", $e), Oi = Ie("borderTop", $e), Di = Ie("borderRight", $e), Mi = Ie("borderBottom", $e), Wi = Ie("borderLeft", $e), Fi = Ie("borderColor"), zi = Ie("borderTopColor"), _i = Ie("borderRightColor"), Li = Ie("borderBottomColor"), Ni = Ie("borderLeftColor"), ji = Ie("outline", $e), Vi = Ie("outlineColor"), or = (e) => {
+const Bi = Ae("border", $e), Oi = Ae("borderTop", $e), Di = Ae("borderRight", $e), Mi = Ae("borderBottom", $e), Fi = Ae("borderLeft", $e), Wi = Ae("borderColor"), zi = Ae("borderTopColor"), _i = Ae("borderRightColor"), Li = Ae("borderBottomColor"), Ni = Ae("borderLeftColor"), ji = Ae("outline", $e), Vi = Ae("outlineColor"), or = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
     const r = Pt(e.theme, "shape.borderRadius", 4, "borderRadius"), t = (n) => ({
       borderRadius: $t(r, n)
@@ -1149,7 +1149,7 @@ or.propTypes = process.env.NODE_ENV !== "production" ? {
   borderRadius: Ke
 } : {};
 or.filterProps = ["borderRadius"];
-nr(Bi, Oi, Di, Mi, Wi, Fi, zi, _i, Li, Ni, or, ji, Vi);
+nr(Bi, Oi, Di, Mi, Fi, Wi, zi, _i, Li, Ni, or, ji, Vi);
 const ir = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
     const r = Pt(e.theme, "spacing", 8, "gap"), t = (n) => ({
@@ -2099,7 +2099,7 @@ function Xn(e, r, t = [], n = void 0) {
   }
   return t;
 }
-function Ia(e = {}) {
+function Aa(e = {}) {
   const {
     themeId: r,
     defaultTheme: t = Ha,
@@ -2110,7 +2110,7 @@ function Ia(e = {}) {
     $a(l, r, t);
   }
   return (l, c = {}) => {
-    va(l, (H) => H.filter((W) => W !== xt));
+    va(l, (R) => R.filter((z) => z !== xt));
     const {
       name: g,
       slot: f,
@@ -2127,51 +2127,51 @@ function Ia(e = {}) {
     ), v = y || !1;
     let $ = Cr;
     f === "Root" || f === "root" ? $ = n : f ? $ = o : Da(l) && ($ = void 0);
-    const I = xa(l, {
+    const H = xa(l, {
       shouldForwardProp: $,
       label: Ba(g, f),
       ...x
-    }), C = (H) => {
-      if (H.__emotion_real === H)
-        return H;
-      if (typeof H == "function")
-        return function(B) {
-          return Yt(B, H, B.theme.modularCssLayers ? u : void 0);
+    }), C = (R) => {
+      if (R.__emotion_real === R)
+        return R;
+      if (typeof R == "function")
+        return function(I) {
+          return Yt(I, R, I.theme.modularCssLayers ? u : void 0);
         };
-      if (Fe(H)) {
-        const W = Kn(H);
+      if (We(R)) {
+        const z = Kn(R);
         return function(X) {
-          return W.variants ? Yt(X, W, X.theme.modularCssLayers ? u : void 0) : X.theme.modularCssLayers ? ot(W.style, u) : W.style;
+          return z.variants ? Yt(X, z, X.theme.modularCssLayers ? u : void 0) : X.theme.modularCssLayers ? ot(z.style, u) : z.style;
         };
       }
-      return H;
-    }, w = (...H) => {
-      const W = [], B = H.map(C), X = [];
-      if (W.push(s), g && h && X.push(function(O) {
-        var q, U;
-        const _ = (U = (q = O.theme.components) == null ? void 0 : q[g]) == null ? void 0 : U.styleOverrides;
-        if (!_)
+      return R;
+    }, k = (...R) => {
+      const z = [], I = R.map(C), X = [];
+      if (z.push(s), g && h && X.push(function(B) {
+        var K, U;
+        const L = (U = (K = B.theme.components) == null ? void 0 : K[g]) == null ? void 0 : U.styleOverrides;
+        if (!L)
           return null;
-        const L = {};
-        for (const G in _)
-          L[G] = Yt(O, _[G], O.theme.modularCssLayers ? "theme" : void 0);
-        return h(O, L);
-      }), g && !b && X.push(function(O) {
-        var L, q;
-        const A = O.theme, _ = (q = (L = A == null ? void 0 : A.components) == null ? void 0 : L[g]) == null ? void 0 : q.variants;
-        return _ ? Xn(O, _, [], O.theme.modularCssLayers ? "theme" : void 0) : null;
-      }), v || X.push(xt), Array.isArray(B[0])) {
-        const d = B.shift(), O = new Array(W.length).fill(""), A = new Array(X.length).fill("");
-        let _;
-        _ = [...O, ...d, ...A], _.raw = [...O, ...d.raw, ...A], W.unshift(_);
+        const N = {};
+        for (const J in L)
+          N[J] = Yt(B, L[J], B.theme.modularCssLayers ? "theme" : void 0);
+        return h(B, N);
+      }), g && !b && X.push(function(B) {
+        var N, K;
+        const A = B.theme, L = (K = (N = A == null ? void 0 : A.components) == null ? void 0 : N[g]) == null ? void 0 : K.variants;
+        return L ? Xn(B, L, [], B.theme.modularCssLayers ? "theme" : void 0) : null;
+      }), v || X.push(xt), Array.isArray(I[0])) {
+        const d = I.shift(), B = new Array(z.length).fill(""), A = new Array(X.length).fill("");
+        let L;
+        L = [...B, ...d, ...A], L.raw = [...B, ...d.raw, ...A], z.unshift(L);
       }
-      const Q = [...W, ...B, ...X], Y = I(...Q);
-      return l.muiName && (Y.muiName = l.muiName), process.env.NODE_ENV !== "production" && (Y.displayName = Aa(g, f, l)), Y;
+      const Q = [...z, ...I, ...X], Y = H(...Q);
+      return l.muiName && (Y.muiName = l.muiName), process.env.NODE_ENV !== "production" && (Y.displayName = Ia(g, f, l)), Y;
     };
-    return I.withConfig && (w.withConfig = I.withConfig), w;
+    return H.withConfig && (k.withConfig = H.withConfig), k;
   };
 }
-function Aa(e, r, t) {
+function Ia(e, r, t) {
   return e ? `${e}${st(r || "")}` : `Styled(${Ea(t)})`;
 }
 function Ba(e, r) {
@@ -2233,7 +2233,7 @@ function Ma(e, r = Number.MIN_SAFE_INTEGER, t = Number.MAX_SAFE_INTEGER) {
 function Nr(e, r = 0, t = 1) {
   return process.env.NODE_ENV !== "production" && (e < r || e > t) && console.error(`MUI: The value provided ${e} is out of range [${r}, ${t}].`), Ma(e, r, t);
 }
-function Wa(e) {
+function Fa(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 qe(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return qe(Wa(e));
+    return qe(Fa(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 Fa = (e) => {
+const Wa = (e) => {
   const r = qe(e);
   return r.values.slice(0, 3).map((t, n) => r.type.includes("hsl") && n !== 0 ? `${t}%` : t).join(" ");
 }, kt = (e, r) => {
   try {
-    return Fa(e);
+    return Wa(e);
   } catch {
     return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
@@ -2293,13 +2293,13 @@ function Zn(e) {
     values: c
   });
 }
-function Ir(e) {
+function Ar(e) {
   e = qe(e);
   let r = e.type === "hsl" || e.type === "hsla" ? qe(Zn(e)).values : e.values;
   return r = r.map((t) => (e.type !== "color" && (t /= 255), t <= 0.03928 ? t / 12.92 : ((t + 0.055) / 1.055) ** 2.4)), Number((0.2126 * r[0] + 0.7152 * r[1] + 0.0722 * r[2]).toFixed(3));
 }
 function wn(e, r) {
-  const t = Ir(e), n = Ir(r);
+  const t = Ar(e), n = Ar(r);
   return (Math.max(t, n) + 0.05) / (Math.min(t, n) + 0.05);
 }
 function eo(e, r) {
@@ -2320,7 +2320,7 @@ function cr(e, r) {
       e.values[t] *= 1 - r;
   return dr(e);
 }
-function oe(e, r, t) {
+function ie(e, r, t) {
   try {
     return cr(e, r);
   } catch {
@@ -2338,7 +2338,7 @@ function pr(e, r) {
       e.values[t] += (1 - e.values[t]) * r;
   return dr(e);
 }
-function ie(e, r, t) {
+function ae(e, r, t) {
   try {
     return pr(e, r);
   } catch {
@@ -2346,7 +2346,7 @@ function ie(e, r, t) {
   }
 }
 function za(e, r = 0.15) {
-  return Ir(e) > 0.5 ? cr(e, r) : pr(e, r);
+  return Ar(e) > 0.5 ? cr(e, r) : pr(e, r);
 }
 function jt(e, r, t) {
   try {
@@ -2356,7 +2356,7 @@ function jt(e, r, t) {
   }
 }
 const _a = /* @__PURE__ */ Je.createContext(void 0);
-process.env.NODE_ENV !== "production" && (te.node, te.object);
+process.env.NODE_ENV !== "production" && (re.node, re.object);
 function La(e) {
   const {
     theme: r,
@@ -2457,39 +2457,39 @@ function Ya(e, r = {}) {
     [c]: u,
     ...b
   } = a;
-  if (Object.entries(b || {}).forEach(([C, w]) => {
+  if (Object.entries(b || {}).forEach(([C, k]) => {
     const {
-      vars: H,
-      css: W,
-      varsWithDefaults: B
-    } = wr(w, r);
-    h = Pe(h, B), x[C] = {
-      css: W,
-      vars: H
+      vars: R,
+      css: z,
+      varsWithDefaults: I
+    } = wr(k, r);
+    h = Pe(h, I), x[C] = {
+      css: z,
+      vars: R
     };
   }), u) {
     const {
       css: C,
-      vars: w,
-      varsWithDefaults: H
+      vars: k,
+      varsWithDefaults: R
     } = wr(u, r);
-    h = Pe(h, H), x[c] = {
+    h = Pe(h, R), x[c] = {
       css: C,
-      vars: w
+      vars: k
     };
   }
-  function v(C, w) {
-    var W, B;
-    let H = o;
-    if (o === "class" && (H = ".%s"), o === "data" && (H = "[data-%s]"), o != null && o.startsWith("data-") && !o.includes("%s") && (H = `[${o}="%s"]`), C) {
-      if (H === "media")
+  function v(C, k) {
+    var z, I;
+    let R = o;
+    if (o === "class" && (R = ".%s"), o === "data" && (R = "[data-%s]"), o != null && o.startsWith("data-") && !o.includes("%s") && (R = `[${o}="%s"]`), C) {
+      if (R === "media")
         return e.defaultColorScheme === C ? ":root" : {
-          [`@media (prefers-color-scheme: ${((B = (W = a[C]) == null ? void 0 : W.palette) == null ? void 0 : B.mode) || C})`]: {
-            ":root": w
+          [`@media (prefers-color-scheme: ${((I = (z = a[C]) == null ? void 0 : z.palette) == null ? void 0 : I.mode) || C})`]: {
+            ":root": k
           }
         };
-      if (H)
-        return e.defaultColorScheme === C ? `:root, ${H.replace("%s", String(C))}` : H.replace("%s", String(C));
+      if (R)
+        return e.defaultColorScheme === C ? `:root, ${R.replace("%s", String(C))}` : R.replace("%s", String(C));
     }
     return ":root";
   }
@@ -2500,52 +2500,52 @@ function Ya(e, r = {}) {
         ...f
       };
       return Object.entries(x).forEach(([, {
-        vars: w
+        vars: k
       }]) => {
-        C = Pe(C, w);
+        C = Pe(C, k);
       }), C;
     },
     generateStyleSheets: () => {
       var X, Q;
-      const C = [], w = e.defaultColorScheme || "light";
-      function H(Y, d) {
+      const C = [], k = e.defaultColorScheme || "light";
+      function R(Y, d) {
         Object.keys(d).length && C.push(typeof Y == "string" ? {
           [Y]: {
             ...d
           }
         } : Y);
       }
-      H(t(void 0, {
+      R(t(void 0, {
         ...m
       }), m);
       const {
-        [w]: W,
-        ...B
+        [k]: z,
+        ...I
       } = x;
-      if (W) {
+      if (z) {
         const {
           css: Y
-        } = W, d = (Q = (X = a[w]) == null ? void 0 : X.palette) == null ? void 0 : Q.mode, O = !n && d ? {
+        } = z, d = (Q = (X = a[k]) == null ? void 0 : X.palette) == null ? void 0 : Q.mode, B = !n && d ? {
           colorScheme: d,
           ...Y
         } : {
           ...Y
         };
-        H(t(w, {
-          ...O
-        }), O);
+        R(t(k, {
+          ...B
+        }), B);
       }
-      return Object.entries(B).forEach(([Y, {
+      return Object.entries(I).forEach(([Y, {
         css: d
       }]) => {
-        var _, L;
-        const O = (L = (_ = a[Y]) == null ? void 0 : _.palette) == null ? void 0 : L.mode, A = !n && O ? {
-          colorScheme: O,
+        var L, N;
+        const B = (N = (L = a[Y]) == null ? void 0 : L.palette) == null ? void 0 : N.mode, A = !n && B ? {
+          colorScheme: B,
           ...d
         } : {
           ...d
         };
-        H(t(Y, {
+        R(t(Y, {
           ...A
         }), A);
       }), s && C.push({
@@ -2691,7 +2691,7 @@ function no() {
     }
   };
 }
-const Ar = no();
+const Ir = no();
 function Rn(e, r, t, n) {
   const o = n.light || n, s = n.dark || n * 1.5;
   e[r] || (e.hasOwnProperty(t) ? e[r] = e[t] : r === "light" ? e.light = pr(e.main, o) : r === "dark" && (e.dark = cr(e.main, s)));
@@ -2781,7 +2781,7 @@ function jr(e) {
   function y(b) {
     if (o)
       return rs(b);
-    const v = wn(b, Ar.text.primary) >= t ? Ar.text.primary : ro.text.primary;
+    const v = wn(b, Ir.text.primary) >= t ? Ir.text.primary : ro.text.primary;
     if (process.env.NODE_ENV !== "production") {
       const $ = wn(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(`
@@ -2793,7 +2793,7 @@ function jr(e) {
     color: b,
     name: v,
     mainShade: $ = 500,
-    lightShade: I = 300,
+    lightShade: H = 300,
     darkShade: C = 700
   }) => {
     if (b = {
@@ -2816,7 +2816,7 @@ const theme1 = createTheme({ palette: {
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
 } });` : at(12, v ? ` (${v})` : "", JSON.stringify(b.main)));
-    return o ? (En(o, b, "light", I, n), En(o, b, "dark", C, n)) : (Rn(b, "light", I, n), Rn(b, "dark", C, n)), b.contrastText || (b.contrastText = y(b.main)), b;
+    return o ? (En(o, b, "light", H, n), En(o, b, "dark", C, n)) : (Rn(b, "light", H, n), Rn(b, "dark", C, n)), b.contrastText || (b.contrastText = y(b.main)), b;
   };
   let x;
   return r === "light" ? x = to() : r === "dark" && (x = no()), process.env.NODE_ENV !== "production" && (x || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), Pe({
@@ -2925,7 +2925,7 @@ function as(e, r) {
     ...m
   } = typeof r == "function" ? r(e) : r;
   process.env.NODE_ENV !== "production" && (typeof n != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof c != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
-  const y = n / 14, h = f || ((b) => `${b / c * y}rem`), x = (b, v, $, I, C) => ({
+  const y = n / 14, h = f || ((b) => `${b / c * y}rem`), x = (b, v, $, H, C) => ({
     fontFamily: t,
     fontWeight: b,
     fontSize: h(v),
@@ -2934,7 +2934,7 @@ function as(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 === Pn ? {
-      letterSpacing: `${is(I / v)}em`
+      letterSpacing: `${is(H / v)}em`
     } : {},
     ...C,
     ...g
@@ -2977,10 +2977,10 @@ function as(e, r) {
   });
 }
 const ss = 0.2, ls = 0.14, ds = 0.12;
-function ce(...e) {
+function de(...e) {
   return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${ss})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${ls})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${ds})`].join(",");
 }
-const cs = ["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)], ps = {
+const cs = ["none", de(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), de(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), de(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), de(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), de(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), de(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), de(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), de(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), de(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), de(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), de(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), de(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), de(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), de(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), de(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), de(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), de(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), de(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), de(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), de(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), de(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), de(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), de(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), de(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], ps = {
   // 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
@@ -3052,7 +3052,7 @@ const gs = {
   tooltip: 1500
 };
 function ms(e) {
-  return Fe(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
+  return We(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
 }
 function oo(e = {}) {
   const r = {
@@ -3062,7 +3062,7 @@ function oo(e = {}) {
     const o = Object.entries(n);
     for (let s = 0; s < o.length; s++) {
       const [a, l] = o[s];
-      !ms(l) || a.startsWith("unstable_") ? delete n[a] : Fe(l) && (n[a] = {
+      !ms(l) || a.startsWith("unstable_") ? delete n[a] : We(l) && (n[a] = {
         ...l
       }, t(n[a]));
     }
@@ -3076,7 +3076,7 @@ theme.transitions = createTransitions(theme.transitions || {});
 
 export default theme;`;
 }
-function In(e) {
+function An(e) {
   return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
 }
 const ys = (e) => {
@@ -3098,11 +3098,11 @@ function bs(e) {
     },
     lighten(r, t) {
       const n = this || e;
-      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${r}, #fff ${In(t)})` : pr(r, t);
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${r}, #fff ${An(t)})` : pr(r, t);
     },
     darken(r, t) {
       const n = this || e;
-      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${r}, #000 ${In(t)})` : cr(r, t);
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${r}, #000 ${An(t)})` : cr(r, t);
     }
   });
 }
@@ -3141,13 +3141,13 @@ function Br(e = {}, ...r) {
     const x = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], u = (b, v) => {
       let $;
       for ($ in b) {
-        const I = b[$];
-        if (x.includes($) && Object.keys(I).length > 0) {
+        const H = b[$];
+        if (x.includes($) && Object.keys(H).length > 0) {
           if (process.env.NODE_ENV !== "production") {
             const C = Lr("", $);
             console.error([`MUI: The \`${v}\` component increases the CSS specificity of the \`${$}\` internal state.`, "You can not override it like this: ", JSON.stringify(b, null, 2), "", `Instead, you need to use the '&.${C}' syntax:`, JSON.stringify({
               root: {
-                [`&.${C}`]: I
+                [`&.${C}`]: H
               }
             }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
 `));
@@ -3340,81 +3340,81 @@ function Hs(e = {}, ...r) {
   } = t, $ = {
     ...v
   };
-  let I = x;
-  if ((y === "dark" && !("dark" in t) || y === "light" && !("light" in t)) && (I = !0), !I)
+  let H = x;
+  if ((y === "dark" && !("dark" in t) || y === "light" && !("light" in t)) && (H = !0), !H)
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${y}\` option is either missing or invalid.` : at(21, y));
   let C;
   a && (C = "oklch");
-  const w = kr(C, $, I, f, y);
+  const k = kr(C, $, H, f, y);
   u && !$.light && kr(C, $, u, void 0, "light"), b && !$.dark && kr(C, $, b, void 0, "dark");
-  let H = {
+  let R = {
     defaultColorScheme: y,
-    ...w,
+    ...k,
     cssVarPrefix: s,
     colorSchemeSelector: c,
     rootSelector: g,
     getCssVar: h,
     colorSchemes: $,
     font: {
-      ...ns(w.typography),
-      ...w.font
+      ...ns(k.typography),
+      ...k.font
     },
     spacing: Rs(f.spacing)
   };
-  Object.keys(H.colorSchemes).forEach((Y) => {
-    const d = H.colorSchemes[Y].palette, O = (_) => {
-      const L = _.split("-"), q = L[1], U = L[2];
-      return h(_, d[q][U]);
+  Object.keys(R.colorSchemes).forEach((Y) => {
+    const d = R.colorSchemes[Y].palette, B = (L) => {
+      const N = L.split("-"), K = N[1], U = N[2];
+      return h(L, d[K][U]);
     };
     d.mode === "light" && (T(d.common, "background", "#fff"), T(d.common, "onBackground", "#000")), d.mode === "dark" && (T(d.common, "background", "#000"), T(d.common, "onBackground", "#fff"));
-    function A(_, L, q) {
+    function A(L, N, K) {
       if (C) {
         let U;
-        return _ === tt && (U = `transparent ${((1 - q) * 100).toFixed(0)}%`), _ === oe && (U = `#000 ${(q * 100).toFixed(0)}%`), _ === ie && (U = `#fff ${(q * 100).toFixed(0)}%`), `color-mix(in ${C}, ${L}, ${U})`;
+        return L === tt && (U = `transparent ${((1 - K) * 100).toFixed(0)}%`), L === ie && (U = `#000 ${(K * 100).toFixed(0)}%`), L === ae && (U = `#fff ${(K * 100).toFixed(0)}%`), `color-mix(in ${C}, ${N}, ${U})`;
       }
-      return _(L, q);
+      return L(N, K);
     }
     if (Ts(d, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), d.mode === "light") {
-      T(d.Alert, "errorColor", A(oe, a ? h("palette-error-light") : d.error.light, 0.6)), T(d.Alert, "infoColor", A(oe, a ? h("palette-info-light") : d.info.light, 0.6)), T(d.Alert, "successColor", A(oe, a ? h("palette-success-light") : d.success.light, 0.6)), T(d.Alert, "warningColor", A(oe, a ? h("palette-warning-light") : d.warning.light, 0.6)), T(d.Alert, "errorFilledBg", O("palette-error-main")), T(d.Alert, "infoFilledBg", O("palette-info-main")), T(d.Alert, "successFilledBg", O("palette-success-main")), T(d.Alert, "warningFilledBg", O("palette-warning-main")), T(d.Alert, "errorFilledColor", Be(() => d.getContrastText(d.error.main))), T(d.Alert, "infoFilledColor", Be(() => d.getContrastText(d.info.main))), T(d.Alert, "successFilledColor", Be(() => d.getContrastText(d.success.main))), T(d.Alert, "warningFilledColor", Be(() => d.getContrastText(d.warning.main))), T(d.Alert, "errorStandardBg", A(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", O("palette-error-main")), T(d.Alert, "infoIconColor", O("palette-info-main")), T(d.Alert, "successIconColor", O("palette-success-main")), T(d.Alert, "warningIconColor", O("palette-warning-main")), T(d.AppBar, "defaultBg", O("palette-grey-100")), T(d.Avatar, "defaultBg", O("palette-grey-400")), T(d.Button, "inheritContainedBg", O("palette-grey-300")), T(d.Button, "inheritContainedHoverBg", O("palette-grey-A100")), T(d.Chip, "defaultBorder", O("palette-grey-400")), T(d.Chip, "defaultAvatarColor", O("palette-grey-700")), T(d.Chip, "defaultIconColor", O("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(ie, a ? h("palette-primary-main") : d.primary.main, 0.62)), T(d.LinearProgress, "secondaryBg", A(ie, a ? h("palette-secondary-main") : d.secondary.main, 0.62)), T(d.LinearProgress, "errorBg", A(ie, a ? h("palette-error-main") : d.error.main, 0.62)), T(d.LinearProgress, "infoBg", A(ie, a ? h("palette-info-main") : d.info.main, 0.62)), T(d.LinearProgress, "successBg", A(ie, a ? h("palette-success-main") : d.success.main, 0.62)), T(d.LinearProgress, "warningBg", A(ie, a ? h("palette-warning-light") : d.warning.main, 0.62)), T(d.Skeleton, "bg", C ? A(tt, a ? h("palette-text-primary") : d.text.primary, 0.11) : `rgba(${O("palette-text-primaryChannel")} / 0.11)`), T(d.Slider, "primaryTrack", A(ie, a ? h("palette-primary-main") : d.primary.main, 0.62)), T(d.Slider, "secondaryTrack", A(ie, a ? h("palette-secondary-main") : d.secondary.main, 0.62)), T(d.Slider, "errorTrack", A(ie, a ? h("palette-error-main") : d.error.main, 0.62)), T(d.Slider, "infoTrack", A(ie, a ? h("palette-info-main") : d.info.main, 0.62)), T(d.Slider, "successTrack", A(ie, a ? h("palette-success-main") : d.success.main, 0.62)), T(d.Slider, "warningTrack", A(ie, a ? h("palette-warning-main") : d.warning.main, 0.62));
-      const _ = C ? A(oe, a ? h("palette-background-default") : d.background.default, 0.6825) : jt(d.background.default, 0.8);
-      T(d.SnackbarContent, "bg", _), T(d.SnackbarContent, "color", Be(() => C ? Ar.text.primary : d.getContrastText(_))), T(d.SpeedDialAction, "fabHoverBg", jt(d.background.paper, 0.15)), T(d.StepConnector, "border", O("palette-grey-400")), T(d.StepContent, "border", O("palette-grey-400")), T(d.Switch, "defaultColor", O("palette-common-white")), T(d.Switch, "defaultDisabledColor", O("palette-grey-100")), T(d.Switch, "primaryDisabledColor", A(ie, a ? h("palette-primary-main") : d.primary.main, 0.62)), T(d.Switch, "secondaryDisabledColor", A(ie, a ? h("palette-secondary-main") : d.secondary.main, 0.62)), T(d.Switch, "errorDisabledColor", A(ie, a ? h("palette-error-main") : d.error.main, 0.62)), T(d.Switch, "infoDisabledColor", A(ie, a ? h("palette-info-main") : d.info.main, 0.62)), T(d.Switch, "successDisabledColor", A(ie, a ? h("palette-success-main") : d.success.main, 0.62)), T(d.Switch, "warningDisabledColor", A(ie, a ? h("palette-warning-main") : d.warning.main, 0.62)), T(d.TableCell, "border", A(ie, tt(a ? h("palette-divider") : d.divider, 1), 0.88)), T(d.Tooltip, "bg", A(tt, a ? h("palette-grey-700") : d.grey[700], 0.92));
+      T(d.Alert, "errorColor", A(ie, a ? h("palette-error-light") : d.error.light, 0.6)), T(d.Alert, "infoColor", A(ie, a ? h("palette-info-light") : d.info.light, 0.6)), T(d.Alert, "successColor", A(ie, a ? h("palette-success-light") : d.success.light, 0.6)), T(d.Alert, "warningColor", A(ie, a ? h("palette-warning-light") : d.warning.light, 0.6)), T(d.Alert, "errorFilledBg", B("palette-error-main")), T(d.Alert, "infoFilledBg", B("palette-info-main")), T(d.Alert, "successFilledBg", B("palette-success-main")), T(d.Alert, "warningFilledBg", B("palette-warning-main")), T(d.Alert, "errorFilledColor", Be(() => d.getContrastText(d.error.main))), T(d.Alert, "infoFilledColor", Be(() => d.getContrastText(d.info.main))), T(d.Alert, "successFilledColor", Be(() => d.getContrastText(d.success.main))), T(d.Alert, "warningFilledColor", Be(() => d.getContrastText(d.warning.main))), T(d.Alert, "errorStandardBg", A(ae, a ? h("palette-error-light") : d.error.light, 0.9)), T(d.Alert, "infoStandardBg", A(ae, a ? h("palette-info-light") : d.info.light, 0.9)), T(d.Alert, "successStandardBg", A(ae, a ? h("palette-success-light") : d.success.light, 0.9)), T(d.Alert, "warningStandardBg", A(ae, a ? h("palette-warning-light") : d.warning.light, 0.9)), T(d.Alert, "errorIconColor", B("palette-error-main")), T(d.Alert, "infoIconColor", B("palette-info-main")), T(d.Alert, "successIconColor", B("palette-success-main")), T(d.Alert, "warningIconColor", B("palette-warning-main")), T(d.AppBar, "defaultBg", B("palette-grey-100")), T(d.Avatar, "defaultBg", B("palette-grey-400")), T(d.Button, "inheritContainedBg", B("palette-grey-300")), T(d.Button, "inheritContainedHoverBg", B("palette-grey-A100")), T(d.Chip, "defaultBorder", B("palette-grey-400")), T(d.Chip, "defaultAvatarColor", B("palette-grey-700")), T(d.Chip, "defaultIconColor", B("palette-grey-700")), T(d.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), T(d.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), T(d.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), T(d.LinearProgress, "primaryBg", A(ae, a ? h("palette-primary-main") : d.primary.main, 0.62)), T(d.LinearProgress, "secondaryBg", A(ae, a ? h("palette-secondary-main") : d.secondary.main, 0.62)), T(d.LinearProgress, "errorBg", A(ae, a ? h("palette-error-main") : d.error.main, 0.62)), T(d.LinearProgress, "infoBg", A(ae, a ? h("palette-info-main") : d.info.main, 0.62)), T(d.LinearProgress, "successBg", A(ae, a ? h("palette-success-main") : d.success.main, 0.62)), T(d.LinearProgress, "warningBg", A(ae, a ? h("palette-warning-light") : d.warning.main, 0.62)), T(d.Skeleton, "bg", C ? A(tt, a ? h("palette-text-primary") : d.text.primary, 0.11) : `rgba(${B("palette-text-primaryChannel")} / 0.11)`), T(d.Slider, "primaryTrack", A(ae, a ? h("palette-primary-main") : d.primary.main, 0.62)), T(d.Slider, "secondaryTrack", A(ae, a ? h("palette-secondary-main") : d.secondary.main, 0.62)), T(d.Slider, "errorTrack", A(ae, a ? h("palette-error-main") : d.error.main, 0.62)), T(d.Slider, "infoTrack", A(ae, a ? h("palette-info-main") : d.info.main, 0.62)), T(d.Slider, "successTrack", A(ae, a ? h("palette-success-main") : d.success.main, 0.62)), T(d.Slider, "warningTrack", A(ae, a ? h("palette-warning-main") : d.warning.main, 0.62));
+      const L = C ? A(ie, a ? h("palette-background-default") : d.background.default, 0.6825) : jt(d.background.default, 0.8);
+      T(d.SnackbarContent, "bg", L), T(d.SnackbarContent, "color", Be(() => C ? Ir.text.primary : d.getContrastText(L))), T(d.SpeedDialAction, "fabHoverBg", jt(d.background.paper, 0.15)), T(d.StepConnector, "border", B("palette-grey-400")), T(d.StepContent, "border", B("palette-grey-400")), T(d.Switch, "defaultColor", B("palette-common-white")), T(d.Switch, "defaultDisabledColor", B("palette-grey-100")), T(d.Switch, "primaryDisabledColor", A(ae, a ? h("palette-primary-main") : d.primary.main, 0.62)), T(d.Switch, "secondaryDisabledColor", A(ae, a ? h("palette-secondary-main") : d.secondary.main, 0.62)), T(d.Switch, "errorDisabledColor", A(ae, a ? h("palette-error-main") : d.error.main, 0.62)), T(d.Switch, "infoDisabledColor", A(ae, a ? h("palette-info-main") : d.info.main, 0.62)), T(d.Switch, "successDisabledColor", A(ae, a ? h("palette-success-main") : d.success.main, 0.62)), T(d.Switch, "warningDisabledColor", A(ae, a ? h("palette-warning-main") : d.warning.main, 0.62)), T(d.TableCell, "border", A(ae, tt(a ? h("palette-divider") : d.divider, 1), 0.88)), T(d.Tooltip, "bg", A(tt, a ? h("palette-grey-700") : d.grey[700], 0.92));
     }
     if (d.mode === "dark") {
-      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", O("palette-error-dark")), T(d.Alert, "infoFilledBg", O("palette-info-dark")), T(d.Alert, "successFilledBg", O("palette-success-dark")), T(d.Alert, "warningFilledBg", O("palette-warning-dark")), T(d.Alert, "errorFilledColor", Be(() => d.getContrastText(d.error.dark))), T(d.Alert, "infoFilledColor", Be(() => d.getContrastText(d.info.dark))), T(d.Alert, "successFilledColor", Be(() => d.getContrastText(d.success.dark))), T(d.Alert, "warningFilledColor", Be(() => d.getContrastText(d.warning.dark))), T(d.Alert, "errorStandardBg", A(oe, a ? h("palette-error-light") : d.error.light, 0.9)), T(d.Alert, "infoStandardBg", A(oe, a ? h("palette-info-light") : d.info.light, 0.9)), T(d.Alert, "successStandardBg", A(oe, a ? h("palette-success-light") : d.success.light, 0.9)), T(d.Alert, "warningStandardBg", A(oe, a ? h("palette-warning-light") : d.warning.light, 0.9)), T(d.Alert, "errorIconColor", O("palette-error-main")), T(d.Alert, "infoIconColor", O("palette-info-main")), T(d.Alert, "successIconColor", O("palette-success-main")), T(d.Alert, "warningIconColor", O("palette-warning-main")), T(d.AppBar, "defaultBg", O("palette-grey-900")), T(d.AppBar, "darkBg", O("palette-background-paper")), T(d.AppBar, "darkColor", O("palette-text-primary")), T(d.Avatar, "defaultBg", O("palette-grey-600")), T(d.Button, "inheritContainedBg", O("palette-grey-800")), T(d.Button, "inheritContainedHoverBg", O("palette-grey-700")), T(d.Chip, "defaultBorder", O("palette-grey-700")), T(d.Chip, "defaultAvatarColor", O("palette-grey-300")), T(d.Chip, "defaultIconColor", O("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(oe, a ? h("palette-primary-main") : d.primary.main, 0.5)), T(d.LinearProgress, "secondaryBg", A(oe, a ? h("palette-secondary-main") : d.secondary.main, 0.5)), T(d.LinearProgress, "errorBg", A(oe, a ? h("palette-error-main") : d.error.main, 0.5)), T(d.LinearProgress, "infoBg", A(oe, a ? h("palette-info-main") : d.info.main, 0.5)), T(d.LinearProgress, "successBg", A(oe, a ? h("palette-success-main") : d.success.main, 0.5)), T(d.LinearProgress, "warningBg", A(oe, a ? h("palette-warning-main") : d.warning.main, 0.5)), T(d.Skeleton, "bg", C ? A(tt, a ? h("palette-text-primary") : d.text.primary, 0.13) : `rgba(${O("palette-text-primaryChannel")} / 0.13)`), T(d.Slider, "primaryTrack", A(oe, a ? h("palette-primary-main") : d.primary.main, 0.5)), T(d.Slider, "secondaryTrack", A(oe, a ? h("palette-secondary-main") : d.secondary.main, 0.5)), T(d.Slider, "errorTrack", A(oe, a ? h("palette-error-main") : d.error.main, 0.5)), T(d.Slider, "infoTrack", A(oe, a ? h("palette-info-main") : d.info.main, 0.5)), T(d.Slider, "successTrack", A(oe, a ? h("palette-success-main") : d.success.main, 0.5)), T(d.Slider, "warningTrack", A(oe, a ? h("palette-warning-light") : d.warning.main, 0.5));
-      const _ = C ? A(ie, a ? h("palette-background-default") : d.background.default, 0.985) : jt(d.background.default, 0.98);
-      T(d.SnackbarContent, "bg", _), T(d.SnackbarContent, "color", Be(() => C ? ro.text.primary : d.getContrastText(_))), T(d.SpeedDialAction, "fabHoverBg", jt(d.background.paper, 0.15)), T(d.StepConnector, "border", O("palette-grey-600")), T(d.StepContent, "border", O("palette-grey-600")), T(d.Switch, "defaultColor", O("palette-grey-300")), T(d.Switch, "defaultDisabledColor", O("palette-grey-600")), T(d.Switch, "primaryDisabledColor", A(oe, a ? h("palette-primary-main") : d.primary.main, 0.55)), T(d.Switch, "secondaryDisabledColor", A(oe, a ? h("palette-secondary-main") : d.secondary.main, 0.55)), T(d.Switch, "errorDisabledColor", A(oe, a ? h("palette-error-main") : d.error.main, 0.55)), T(d.Switch, "infoDisabledColor", A(oe, a ? h("palette-info-main") : d.info.main, 0.55)), T(d.Switch, "successDisabledColor", A(oe, a ? h("palette-success-main") : d.success.main, 0.55)), T(d.Switch, "warningDisabledColor", A(oe, a ? h("palette-warning-light") : d.warning.main, 0.55)), T(d.TableCell, "border", A(oe, tt(a ? h("palette-divider") : d.divider, 1), 0.68)), T(d.Tooltip, "bg", A(tt, a ? h("palette-grey-700") : d.grey[700], 0.92));
+      T(d.Alert, "errorColor", A(ae, a ? h("palette-error-light") : d.error.light, 0.6)), T(d.Alert, "infoColor", A(ae, a ? h("palette-info-light") : d.info.light, 0.6)), T(d.Alert, "successColor", A(ae, a ? h("palette-success-light") : d.success.light, 0.6)), T(d.Alert, "warningColor", A(ae, a ? h("palette-warning-light") : d.warning.light, 0.6)), T(d.Alert, "errorFilledBg", B("palette-error-dark")), T(d.Alert, "infoFilledBg", B("palette-info-dark")), T(d.Alert, "successFilledBg", B("palette-success-dark")), T(d.Alert, "warningFilledBg", B("palette-warning-dark")), T(d.Alert, "errorFilledColor", Be(() => d.getContrastText(d.error.dark))), T(d.Alert, "infoFilledColor", Be(() => d.getContrastText(d.info.dark))), T(d.Alert, "successFilledColor", Be(() => d.getContrastText(d.success.dark))), T(d.Alert, "warningFilledColor", Be(() => d.getContrastText(d.warning.dark))), T(d.Alert, "errorStandardBg", A(ie, a ? h("palette-error-light") : d.error.light, 0.9)), T(d.Alert, "infoStandardBg", A(ie, a ? h("palette-info-light") : d.info.light, 0.9)), T(d.Alert, "successStandardBg", A(ie, a ? h("palette-success-light") : d.success.light, 0.9)), T(d.Alert, "warningStandardBg", A(ie, a ? h("palette-warning-light") : d.warning.light, 0.9)), T(d.Alert, "errorIconColor", B("palette-error-main")), T(d.Alert, "infoIconColor", B("palette-info-main")), T(d.Alert, "successIconColor", B("palette-success-main")), T(d.Alert, "warningIconColor", B("palette-warning-main")), T(d.AppBar, "defaultBg", B("palette-grey-900")), T(d.AppBar, "darkBg", B("palette-background-paper")), T(d.AppBar, "darkColor", B("palette-text-primary")), T(d.Avatar, "defaultBg", B("palette-grey-600")), T(d.Button, "inheritContainedBg", B("palette-grey-800")), T(d.Button, "inheritContainedHoverBg", B("palette-grey-700")), T(d.Chip, "defaultBorder", B("palette-grey-700")), T(d.Chip, "defaultAvatarColor", B("palette-grey-300")), T(d.Chip, "defaultIconColor", B("palette-grey-300")), T(d.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), T(d.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), T(d.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), T(d.LinearProgress, "primaryBg", A(ie, a ? h("palette-primary-main") : d.primary.main, 0.5)), T(d.LinearProgress, "secondaryBg", A(ie, a ? h("palette-secondary-main") : d.secondary.main, 0.5)), T(d.LinearProgress, "errorBg", A(ie, a ? h("palette-error-main") : d.error.main, 0.5)), T(d.LinearProgress, "infoBg", A(ie, a ? h("palette-info-main") : d.info.main, 0.5)), T(d.LinearProgress, "successBg", A(ie, a ? h("palette-success-main") : d.success.main, 0.5)), T(d.LinearProgress, "warningBg", A(ie, a ? h("palette-warning-main") : d.warning.main, 0.5)), T(d.Skeleton, "bg", C ? A(tt, a ? h("palette-text-primary") : d.text.primary, 0.13) : `rgba(${B("palette-text-primaryChannel")} / 0.13)`), T(d.Slider, "primaryTrack", A(ie, a ? h("palette-primary-main") : d.primary.main, 0.5)), T(d.Slider, "secondaryTrack", A(ie, a ? h("palette-secondary-main") : d.secondary.main, 0.5)), T(d.Slider, "errorTrack", A(ie, a ? h("palette-error-main") : d.error.main, 0.5)), T(d.Slider, "infoTrack", A(ie, a ? h("palette-info-main") : d.info.main, 0.5)), T(d.Slider, "successTrack", A(ie, a ? h("palette-success-main") : d.success.main, 0.5)), T(d.Slider, "warningTrack", A(ie, a ? h("palette-warning-light") : d.warning.main, 0.5));
+      const L = C ? A(ae, a ? h("palette-background-default") : d.background.default, 0.985) : jt(d.background.default, 0.98);
+      T(d.SnackbarContent, "bg", L), T(d.SnackbarContent, "color", Be(() => C ? ro.text.primary : d.getContrastText(L))), T(d.SpeedDialAction, "fabHoverBg", jt(d.background.paper, 0.15)), T(d.StepConnector, "border", B("palette-grey-600")), T(d.StepContent, "border", B("palette-grey-600")), T(d.Switch, "defaultColor", B("palette-grey-300")), T(d.Switch, "defaultDisabledColor", B("palette-grey-600")), T(d.Switch, "primaryDisabledColor", A(ie, a ? h("palette-primary-main") : d.primary.main, 0.55)), T(d.Switch, "secondaryDisabledColor", A(ie, a ? h("palette-secondary-main") : d.secondary.main, 0.55)), T(d.Switch, "errorDisabledColor", A(ie, a ? h("palette-error-main") : d.error.main, 0.55)), T(d.Switch, "infoDisabledColor", A(ie, a ? h("palette-info-main") : d.info.main, 0.55)), T(d.Switch, "successDisabledColor", A(ie, a ? h("palette-success-main") : d.success.main, 0.55)), T(d.Switch, "warningDisabledColor", A(ie, a ? h("palette-warning-light") : d.warning.main, 0.55)), T(d.TableCell, "border", A(ie, tt(a ? h("palette-divider") : d.divider, 1), 0.68)), T(d.Tooltip, "bg", A(tt, a ? h("palette-grey-700") : d.grey[700], 0.92));
     }
-    a || (Me(d.background, "default"), Me(d.background, "paper"), Me(d.common, "background"), Me(d.common, "onBackground"), Me(d, "divider")), Object.keys(d).forEach((_) => {
-      const L = d[_];
-      _ !== "tonalOffset" && !a && L && typeof L == "object" && (L.main && T(d[_], "mainChannel", kt(Tt(L.main))), L.light && T(d[_], "lightChannel", kt(Tt(L.light))), L.dark && T(d[_], "darkChannel", kt(Tt(L.dark))), L.contrastText && T(d[_], "contrastTextChannel", kt(Tt(L.contrastText))), _ === "text" && (Me(d[_], "primary"), Me(d[_], "secondary")), _ === "action" && (L.active && Me(d[_], "active"), L.selected && Me(d[_], "selected")));
+    a || (Me(d.background, "default"), Me(d.background, "paper"), Me(d.common, "background"), Me(d.common, "onBackground"), Me(d, "divider")), Object.keys(d).forEach((L) => {
+      const N = d[L];
+      L !== "tonalOffset" && !a && N && typeof N == "object" && (N.main && T(d[L], "mainChannel", kt(Tt(N.main))), N.light && T(d[L], "lightChannel", kt(Tt(N.light))), N.dark && T(d[L], "darkChannel", kt(Tt(N.dark))), N.contrastText && T(d[L], "contrastTextChannel", kt(Tt(N.contrastText))), L === "text" && (Me(d[L], "primary"), Me(d[L], "secondary")), L === "action" && (N.active && Me(d[L], "active"), N.selected && Me(d[L], "selected")));
     });
-  }), H = r.reduce((Y, d) => Pe(Y, d), H);
-  const W = {
+  }), R = r.reduce((Y, d) => Pe(Y, d), R);
+  const z = {
     prefix: s,
     disableCssColorScheme: o,
     shouldSkipGeneratingVar: l,
-    getSelector: ks(H),
+    getSelector: ks(R),
     enableContrastVars: a
   }, {
-    vars: B,
+    vars: I,
     generateThemeVars: X,
     generateStyleSheets: Q
-  } = Ya(H, W);
-  return H.vars = B, Object.entries(H.colorSchemes[H.defaultColorScheme]).forEach(([Y, d]) => {
-    H[Y] = d;
-  }), H.generateThemeVars = X, H.generateStyleSheets = Q, H.generateSpacing = function() {
+  } = Ya(R, z);
+  return R.vars = I, Object.entries(R.colorSchemes[R.defaultColorScheme]).forEach(([Y, d]) => {
+    R[Y] = d;
+  }), R.generateThemeVars = X, R.generateStyleSheets = Q, R.generateSpacing = function() {
     return Yn(f.spacing, zr(this));
-  }, H.getColorSchemeSelector = Ja(c), H.spacing = H.generateSpacing(), H.shouldSkipGeneratingVar = l, H.unstable_sxConfig = {
+  }, R.getColorSchemeSelector = Ja(c), R.spacing = R.generateSpacing(), R.shouldSkipGeneratingVar = l, R.unstable_sxConfig = {
     ...lr,
     ...f == null ? void 0 : f.unstable_sxConfig
-  }, H.unstable_sx = function(d) {
+  }, R.unstable_sx = function(d) {
     return xt({
       sx: d,
       theme: this
     });
-  }, H.toRuntimeSource = oo, H;
+  }, R.toRuntimeSource = oo, R;
 }
-function An(e, r, t) {
+function In(e, r, t) {
   e.colorSchemes && t && (e.colorSchemes[r] = {
     ...t !== !0 && t,
     palette: jr({
@@ -3456,10 +3456,10 @@ function so(e = {}, ...r) {
     return m.defaultColorScheme = l, m.colorSchemes = g, m.palette.mode === "light" && (m.colorSchemes.light = {
       ...g.light !== !0 && g.light,
       palette: m.palette
-    }, An(m, "dark", g.dark)), m.palette.mode === "dark" && (m.colorSchemes.dark = {
+    }, In(m, "dark", g.dark)), m.palette.mode === "dark" && (m.colorSchemes.dark = {
       ...g.dark !== !0 && g.dark,
       palette: m.palette
-    }, An(m, "light", g.light)), m;
+    }, In(m, "light", g.light)), m;
   }
   return !t && !("light" in g) && l === "light" && (g.light = !0), Hs({
     ...a,
@@ -3469,15 +3469,15 @@ function so(e = {}, ...r) {
   }, ...r);
 }
 const Ps = so(), $s = "$$material";
-function Is(e) {
+function As(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-const As = (e) => Is(e) && e !== "classes", Bs = Ia({
+const Is = (e) => As(e) && e !== "classes", Bs = Aa({
   themeId: $s,
   defaultTheme: Ps,
-  rootShouldForwardProp: As
+  rootShouldForwardProp: Is
 }), Os = ja;
-process.env.NODE_ENV !== "production" && (te.node, te.object.isRequired);
+process.env.NODE_ENV !== "production" && (re.node, re.object.isRequired);
 function Ds(e) {
   return Na(e);
 }
@@ -3485,7 +3485,7 @@ function Ms(e) {
   return Lr("MuiSvgIcon", e);
 }
 Ra("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const Ws = (e) => {
+const Fs = (e) => {
   const {
     color: r,
     fontSize: t,
@@ -3494,7 +3494,7 @@ const Ws = (e) => {
     root: ["root", r !== "inherit" && `color${st(r)}`, `fontSize${st(t)}`]
   };
   return yi(o, Ms, n);
-}, Fs = Bs("svg", {
+}, Ws = Bs("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (e, r) => {
@@ -3621,8 +3621,8 @@ const Ws = (e) => {
     hasSvgAsChild: x
   }, b = {};
   f || (b.viewBox = y);
-  const v = Ws(u);
-  return /* @__PURE__ */ p(Fs, {
+  const v = Fs(u);
+  return /* @__PURE__ */ p(Ws, {
     as: l,
     className: jn(v.root, s),
     focusable: "false",
@@ -3647,15 +3647,15 @@ process.env.NODE_ENV !== "production" && (Xt.propTypes = {
   /**
    * Node passed into the SVG element.
    */
-  children: te.node,
+  children: re.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: te.object,
+  classes: re.object,
   /**
    * @ignore
    */
-  className: te.string,
+  className: re.string,
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
@@ -3663,21 +3663,21 @@ process.env.NODE_ENV !== "production" && (Xt.propTypes = {
    * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
    * @default 'inherit'
    */
-  color: te.oneOfType([te.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), te.string]),
+  color: re.oneOfType([re.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), re.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: te.elementType,
+  component: re.elementType,
   /**
    * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
    * @default 'medium'
    */
-  fontSize: te.oneOfType([te.oneOf(["inherit", "large", "medium", "small"]), te.string]),
+  fontSize: re.oneOfType([re.oneOf(["inherit", "large", "medium", "small"]), re.string]),
   /**
    * Applies a color attribute to the SVG element.
    */
-  htmlColor: te.string,
+  htmlColor: re.string,
   /**
    * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
    * prop will be ignored.
@@ -3685,22 +3685,22 @@ process.env.NODE_ENV !== "production" && (Xt.propTypes = {
    * `component`'s viewBox to the root node.
    * @default false
    */
-  inheritViewBox: te.bool,
+  inheritViewBox: re.bool,
   /**
    * The shape-rendering attribute. The behavior of the different options is described on the
    * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/shape-rendering).
    * If you are having issues with blurry icons you should investigate this prop.
    */
-  shapeRendering: te.string,
+  shapeRendering: re.string,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: te.oneOfType([te.arrayOf(te.oneOfType([te.func, te.object, te.bool])), te.func, te.object]),
+  sx: re.oneOfType([re.arrayOf(re.oneOfType([re.func, re.object, re.bool])), re.func, re.object]),
   /**
    * Provides a human-readable title for the element that contains it.
    * https://www.w3.org/TR/SVG-access/#Equivalent
    */
-  titleAccess: te.string,
+  titleAccess: re.string,
   /**
    * Allows you to redefine what the coordinates without units mean inside an SVG element.
    * For example, if the SVG element is 500 (width) by 200 (height),
@@ -3709,10 +3709,10 @@ process.env.NODE_ENV !== "production" && (Xt.propTypes = {
    * to bottom right (50,20) and each unit will be worth 10px.
    * @default '0 0 24 24'
    */
-  viewBox: te.string
+  viewBox: re.string
 });
 Xt.muiName = "SvgIcon";
-function It(e, r) {
+function At(e, r) {
   function t(n, o) {
     return /* @__PURE__ */ i(Xt, {
       "data-testid": process.env.NODE_ENV !== "production" ? `${r}Icon` : void 0,
@@ -3723,13 +3723,13 @@ function It(e, r) {
   }
   return process.env.NODE_ENV !== "production" && (t.displayName = `${r}Icon`), t.muiName = Xt.muiName, /* @__PURE__ */ Je.memo(/* @__PURE__ */ Je.forwardRef(t));
 }
-const zs = It(/* @__PURE__ */ i("path", {
+const zs = At(/* @__PURE__ */ i("path", {
   d: "M3 18c0 .55.45 1 1 1h5v-2H4c-.55 0-1 .45-1 1M3 6c0 .55.45 1 1 1h9V5H4c-.55 0-1 .45-1 1m10 14v-1h7c.55 0 1-.45 1-1s-.45-1-1-1h-7v-1c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1M7 10v1H4c-.55 0-1 .45-1 1s.45 1 1 1h3v1c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1s-1 .45-1 1m14 2c0-.55-.45-1-1-1h-9v2h9c.55 0 1-.45 1-1m-5-3c.55 0 1-.45 1-1V7h3c.55 0 1-.45 1-1s-.45-1-1-1h-3V4c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1"
-}), "TuneRounded"), _s = It(/* @__PURE__ */ i("path", {
+}), "TuneRounded"), _s = At(/* @__PURE__ */ i("path", {
   d: "M12 5V3.21c0-.45-.54-.67-.85-.35l-2.8 2.79c-.2.2-.2.51 0 .71l2.79 2.79c.32.31.86.09.86-.36V7c3.31 0 6 2.69 6 6 0 2.72-1.83 5.02-4.31 5.75-.42.12-.69.52-.69.95 0 .65.62 1.16 1.25.97C17.57 19.7 20 16.64 20 13c0-4.42-3.58-8-8-8m-6 8c0-1.34.44-2.58 1.19-3.59.3-.4.26-.95-.09-1.31-.42-.42-1.14-.38-1.5.1-1 1.34-1.6 3-1.6 4.8 0 3.64 2.43 6.7 5.75 7.67.63.19 1.25-.32 1.25-.97 0-.43-.27-.83-.69-.95C7.83 18.02 6 15.72 6 13"
-}), "RestartAltRounded"), Ls = It(/* @__PURE__ */ i("path", {
+}), "RestartAltRounded"), Ls = At(/* @__PURE__ */ i("path", {
   d: "M9.37 5.51c-.18.64-.27 1.31-.27 1.99 0 4.08 3.32 7.4 7.4 7.4.68 0 1.35-.09 1.99-.27C17.45 17.19 14.93 19 12 19c-3.86 0-7-3.14-7-7 0-2.93 1.81-5.45 4.37-6.49M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1"
-}), "DarkModeOutlined"), Ns = It(/* @__PURE__ */ i("path", {
+}), "DarkModeOutlined"), Ns = At(/* @__PURE__ */ i("path", {
   d: "M12 9c1.65 0 3 1.35 3 3s-1.35 3-3 3-3-1.35-3-3 1.35-3 3-3m0-2c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5M2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1m18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1M11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1m0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1M5.99 4.58c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41zm12.37 12.37c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .39-.39.39-1.03 0-1.41zm1.06-10.96c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0zM7.05 18.36c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0z"
 }), "LightModeOutlined"), Bn = (e) => {
   let r;
@@ -3835,19 +3835,19 @@ const Or = (e) => (r) => {
     if (!f) return;
     const $ = ++l;
     a = !1, c.forEach((C) => {
-      var w;
-      return C((w = n()) != null ? w : h);
+      var k;
+      return C((k = n()) != null ? k : h);
     });
-    const I = ((v = s.onRehydrateStorage) == null ? void 0 : v.call(s, (b = n()) != null ? b : h)) || void 0;
+    const H = ((v = s.onRehydrateStorage) == null ? void 0 : v.call(s, (b = n()) != null ? b : h)) || void 0;
     return Or(f.getItem.bind(f))(s.name).then((C) => {
       if (C)
         if (typeof C.version == "number" && C.version !== s.version) {
           if (s.migrate) {
-            const w = s.migrate(
+            const k = s.migrate(
               C.state,
               C.version
             );
-            return w instanceof Promise ? w.then((H) => [!0, H]) : [!0, w];
+            return k instanceof Promise ? k.then((R) => [!0, R]) : [!0, k];
           }
           console.error(
             "State loaded from storage couldn't be migrated since no migrate function was provided"
@@ -3856,19 +3856,19 @@ const Or = (e) => (r) => {
           return [!1, C.state];
       return [!1, void 0];
     }).then((C) => {
-      var w;
+      var k;
       if ($ !== l)
         return;
-      const [H, W] = C;
+      const [R, z] = C;
       if (x = s.merge(
-        W,
-        (w = n()) != null ? w : h
-      ), t(x, !0), H)
+        z,
+        (k = n()) != null ? k : h
+      ), t(x, !0), R)
         return m();
     }).then(() => {
-      $ === l && (I == null || I(n(), void 0), x = n(), a = !0, g.forEach((C) => C(x)));
+      $ === l && (H == null || H(n(), void 0), x = n(), a = !0, g.forEach((C) => C(x)));
     }).catch((C) => {
-      $ === l && (I == null || I(void 0, C));
+      $ === l && (H == null || H(void 0, C));
     });
   };
   return o.persist = {
@@ -3896,11 +3896,11 @@ const Or = (e) => (r) => {
   appTagline: "Run your whole business in one place",
   logoMode: "icon",
   logoUrl: "",
-  iconColor: "#1565c0",
+  iconColor: "#4F6BFF",
   presetId: "corporate",
   mode: "light",
-  primaryHex: "#1565c0",
-  secondaryHex: "#00897b",
+  primaryHex: "#4F6BFF",
+  secondaryHex: "#22D3EE",
   highlightHex: "",
   errorHex: "#d32f2f",
   warningHex: "#ed6c02",
@@ -3983,7 +3983,7 @@ const Or = (e) => (r) => {
   notifAccent: "severity",
   notifBadge: !0,
   notifAutoDismiss: !1,
-  autoDismissSec: 0,
+  autoDismissSec: 8,
   toastW: 0,
   navPattern: "sidebar",
   sidebarWidth: 220,
@@ -3994,7 +3994,7 @@ const Or = (e) => (r) => {
   loginPanelColor: "",
   loginImgOpacity: 0,
   loginCardW: 0
-}, We = (e) => JSON.stringify(e);
+}, Fe = (e) => JSON.stringify(e);
 function Tr(e) {
   const r = { ...Oe };
   if (e && typeof e == "object")
@@ -4019,16 +4019,16 @@ const j = lo()(
     (e, r) => ({
       settings: { ...Oe },
       savedThemes: [],
-      baseline: We(Oe),
+      baseline: Fe(Oe),
       editingSavedId: null,
       lastImportedId: null,
       set: (t) => e((n) => ({ settings: { ...n.settings, ...t, presetId: "custom" } })),
       applyPreset: (t, n) => e((o) => {
         const s = { ...o.settings, ...n, presetId: t };
-        return { settings: s, baseline: We(s), editingSavedId: null, lastImportedId: null };
+        return { settings: s, baseline: Fe(s), editingSavedId: null, lastImportedId: null };
       }),
-      reset: () => e(() => ({ settings: { ...Oe }, baseline: We(Oe), editingSavedId: null, lastImportedId: null })),
-      captureBaseline: () => e((t) => ({ baseline: We(t.settings) })),
+      reset: () => e(() => ({ settings: { ...Oe }, baseline: Fe(Oe), editingSavedId: null, lastImportedId: null })),
+      captureBaseline: () => e((t) => ({ baseline: Fe(t.settings) })),
       restoreBaseline: () => e((t) => {
         try {
           return { settings: JSON.parse(t.baseline) };
@@ -4036,13 +4036,13 @@ const j = lo()(
           return {};
         }
       }),
-      isDirty: () => We(r().settings) !== r().baseline,
+      isDirty: () => Fe(r().settings) !== r().baseline,
       saveTheme: (t) => e((n) => {
         const o = "cust" + Date.now(), s = { ...n.settings };
         return {
           savedThemes: [...n.savedThemes, { id: o, name: t, snap: s }],
           settings: { ...n.settings, presetId: o },
-          baseline: We({ ...n.settings, presetId: o }),
+          baseline: Fe({ ...n.settings, presetId: o }),
           editingSavedId: o,
           lastImportedId: null
         };
@@ -4052,14 +4052,14 @@ const j = lo()(
         return {
           savedThemes: s.savedThemes.map((l) => l.id === t ? { ...l, name: n, snap: o } : l),
           settings: a,
-          baseline: We(a),
+          baseline: Fe(a),
           editingSavedId: t,
           lastImportedId: null
         };
       }),
       applySaved: (t) => e(() => {
         const n = { ...Tr(t.snap), presetId: t.id };
-        return { settings: n, baseline: We(n), editingSavedId: t.id, lastImportedId: null };
+        return { settings: n, baseline: Fe(n), editingSavedId: t.id, lastImportedId: null };
       }),
       renameSaved: (t, n) => e((o) => ({
         savedThemes: o.savedThemes.map((s) => s.id === t ? { ...s, name: n } : s)
@@ -4077,7 +4077,7 @@ const j = lo()(
             // Newest import first, matching the font-upload "newest first" ordering.
             savedThemes: [s, ...a.savedThemes],
             settings: l,
-            baseline: We(l),
+            baseline: Fe(l),
             editingSavedId: s.id,
             lastImportedId: s.id
           };
@@ -4091,7 +4091,12 @@ const j = lo()(
         return {
           ...r,
           ...t,
-          settings: Tr(t.settings)
+          settings: Tr(t.settings),
+          // Same reasoning as sanitizeSettings above: a corrupt/stale persisted value here
+          // (anything but a real array) would otherwise flow straight into state and crash
+          // every `.length`/`.map`/`.filter` call site on it (ThemeManagement.tsx, saveTheme,
+          // deleteSaved, etc.) on every load, permanently, since the bad value re-persists.
+          savedThemes: Array.isArray(t.savedThemes) ? t.savedThemes : r.savedThemes
         };
       }
     }
@@ -4123,7 +4128,7 @@ function Dr(e) {
   const g = (o + s) / 2;
   return a && (c = a / (1 - Math.abs(2 * g - 1)), o === r ? l = (t - n) / a % 6 : o === t ? l = (n - r) / a + 2 : l = (r - t) / a + 4, l = Math.round(l * 60), l < 0 && (l += 360)), [l, Math.round(c * 100), Math.round(g * 100)];
 }
-function de(e, r, t) {
+function ce(e, r, t) {
   r /= 100, t /= 100;
   const n = (o) => {
     const s = (o + e / 30) % 12, a = r * Math.min(t, 1 - t);
@@ -4135,19 +4140,19 @@ function Re(e) {
   try {
     const [r, t] = Dr(e), n = Math.max(t, 18);
     return {
-      50: de(r, Math.max(Math.round(n * 0.3), 10), 96),
-      100: de(r, Math.max(Math.round(n * 0.42), 12), 91),
-      200: de(r, Math.max(Math.round(n * 0.55), 16), 82),
-      300: de(r, Math.max(Math.round(n * 0.7), 20), 70),
-      400: de(r, n, 60),
+      50: ce(r, Math.max(Math.round(n * 0.3), 10), 96),
+      100: ce(r, Math.max(Math.round(n * 0.42), 12), 91),
+      200: ce(r, Math.max(Math.round(n * 0.55), 16), 82),
+      300: ce(r, Math.max(Math.round(n * 0.7), 20), 70),
+      400: ce(r, n, 60),
       500: e,
-      600: de(r, Math.min(n + 4, 100), 44),
-      700: de(r, Math.min(n + 8, 100), 36),
-      800: de(r, Math.max(Math.round(n * 0.92), 16), 26),
-      900: de(r, Math.max(Math.round(n * 0.8), 14), 16)
+      600: ce(r, Math.min(n + 4, 100), 44),
+      700: ce(r, Math.min(n + 8, 100), 36),
+      800: ce(r, Math.max(Math.round(n * 0.92), 16), 26),
+      900: ce(r, Math.max(Math.round(n * 0.8), 14), 16)
     };
   } catch {
-    return { 50: "#eef", 100: "#dde", 200: "#bbd", 300: "#99c", 400: "#77b", 500: e || "#1565c0", 600: "#1257a8", 700: "#0e4488", 800: "#0a3266", 900: "#062044" };
+    return { 50: "#eef", 100: "#dde", 200: "#bbd", 300: "#99c", 400: "#77b", 500: e || "#4F6BFF", 600: "#1257a8", 700: "#0e4488", 800: "#0a3266", 900: "#062044" };
   }
 }
 function Rr(e, r) {
@@ -4192,11 +4197,11 @@ function Vr(e) {
     textDisabled: n ? "rgba(255,255,255,0.4)" : "rgba(0,0,0,0.38)",
     divider: n ? "rgba(255,255,255,0.12)" : "rgba(0,0,0,0.12)",
     outline: n ? "rgba(255,255,255,0.23)" : "rgba(0,0,0,0.23)"
-  }, l = e.statusBold, c = l ? e.errorHex : pe(e.errorHex, n ? 0.22 : 0.13), g = l ? e.warningHex : pe(e.warningHex, n ? 0.22 : 0.14), f = l ? e.infoHex : pe(e.infoHex, n ? 0.22 : 0.13), m = l ? e.successHex : pe(e.successHex, n ? 0.22 : 0.13), y = l ? "#ffffff" : n ? Re(e.errorHex)[300] : e.errorHex, h = l ? "#ffffff" : n ? Re(e.warningHex)[300] : Re(e.warningHex)[700], x = l ? "#ffffff" : n ? Re(e.infoHex)[300] : e.infoHex, u = l ? "#ffffff" : n ? Re(e.successHex)[300] : Re(e.successHex)[700], b = Dr(e.primaryHex)[0], v = { neutral: [220, 6], warm: [32, 26], cool: [210, 30], brand: [b, 42], slate: [214, 16], snow: [0, 0] }, $ = v[e.surfaceTint] || v.neutral, I = e.tintIntensity >= 0 ? e.tintIntensity : 100, C = [$[0], Math.round($[1] * I / 100)];
-  n ? (a.bgDefault = de(C[0], Math.round(C[1] * 0.7), 7), a.paper = de(C[0], Math.round(C[1] * 0.7), 13), a.paper2 = de(C[0], Math.round(C[1] * 0.85), 19)) : e.surfaceTint === "snow" && !(e.tintIntensity > 0) ? (a.bgDefault = "#ffffff", a.paper = "#ffffff", a.paper2 = "#ffffff") : (a.bgDefault = de(C[0], Math.round(C[1] * 0.9), e.surfaceTint === "brand" ? 92 : e.surfaceTint === "cool" ? 94 : 96), a.paper = de(C[0], Math.round(C[1] * 0.4), 99), a.paper2 = de(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 w = { soft: 0, standard: 1, medium: 2, high: 3 }, H = w[e.contrast] !== void 0 ? w[e.contrast] : 1, W = 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 = W[H][0], a.textSecondary = W[H][1], a.divider = W[H][2], a.outline = W[H][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 ? de(C[0], Math.round(C[1] * 0.9), 22) : de(C[0], Math.max(Math.round(C[1] * 0.3), 4), 100) : e.nestedStyle === "bordered" ? a.paper2 = a.paper : a.paper2 = n ? de(C[0], Math.round(C[1] * 0.9), Math.max(3, 5)) : de(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 || (Rr(B, "#ffffff") >= 2.9 ? "#ffffff" : "rgba(0,0,0,0.87)"), Y = e.h1Color || null, d = e.h2Color || null, O = e.h3Color || null, A = e.h4Color || null, _ = e.h5Color || null, L = e.h6Color || null, q = [{ key: "sm", px: 13 }, { key: "df", px: 12 }, { key: "lg", px: 18 }], U = q.find((ve) => ve.key === e.textSize) || q[1], G = e.baseFontPx > 0 ? e.baseFontPx : U.px, P = e.bodyLineHeight > 0 ? e.bodyLineHeight : 1.5, M = e.h1Size > 0 ? e.h1Size : 20, J = Math.round(M * 1.1), V = M, N = Math.max(Math.round(M * 0.9), 11), F = Math.max(Math.round(M * 0.8), 11), k = Math.max(Math.round(M * 0.7), 10), D = Math.max(Math.round(M * 0.6), 10), E = Math.max(Math.round(M * 0.5), 9), R = G, K = Math.round(G * 0.92), le = Math.round(G * 0.8), z = Math.round(G * 0.72), me = e.headingWeight, Ne = e.headingLH > 0 ? e.headingLH : 1.2, je = e.bodyWeight > 0 ? e.bodyWeight : 400, Xe = Math.min(900, je + 200), Qe = { compact: 0.82, default: 1, comfortable: 1.16 }, Ae = e.densityScale > 0 ? e.densityScale / 100 : Qe[e.density] ?? 1, ur = Math.round(20 * Ae), Ve = Math.round(14 * Ae), At = e.cardGapPx > 0 ? e.cardGapPx : Math.round(16 * Ae), Ze = Math.round(11 * Ae * ({ compact: 0.66, default: 1, comfortable: 1.32 }[e.tableDensity] ?? 1)), Ue = e.containerPadPx > 0 ? e.containerPadPx : Math.round(10 * Ae), ee = e.radiusVal, vt = ee + "px", St = Math.max(Math.round(ee * 0.6), 2) + "px", Ge = {
+  }, l = e.statusBold, c = l ? e.errorHex : pe(e.errorHex, n ? 0.22 : 0.13), g = l ? e.warningHex : pe(e.warningHex, n ? 0.22 : 0.14), f = l ? e.infoHex : pe(e.infoHex, n ? 0.22 : 0.13), m = l ? e.successHex : pe(e.successHex, n ? 0.22 : 0.13), y = l ? "#ffffff" : n ? Re(e.errorHex)[300] : e.errorHex, h = l ? "#ffffff" : n ? Re(e.warningHex)[300] : Re(e.warningHex)[700], x = l ? "#ffffff" : n ? Re(e.infoHex)[300] : e.infoHex, u = l ? "#ffffff" : n ? Re(e.successHex)[300] : Re(e.successHex)[700], b = Dr(e.primaryHex)[0], v = { neutral: [220, 6], warm: [32, 26], cool: [210, 30], brand: [b, 42], slate: [214, 16], snow: [0, 0] }, $ = v[e.surfaceTint] || v.neutral, H = e.tintIntensity >= 0 ? e.tintIntensity : 100, C = [$[0], Math.round($[1] * H / 100)];
+  n ? (a.bgDefault = ce(C[0], Math.round(C[1] * 0.7), 7), a.paper = ce(C[0], Math.round(C[1] * 0.7), 13), a.paper2 = ce(C[0], Math.round(C[1] * 0.85), 19)) : (a.bgDefault = "#ffffff", a.paper = "#ffffff", a.paper2 = ce(C[0], Math.round(C[1] * 0.85), e.surfaceTint === "brand" ? 95 : 96.5)), e.pageBgHex && (a.bgDefault = e.pageBgHex), e.cardBgHex && (a.paper = e.cardBgHex);
+  const k = { soft: 0, standard: 1, medium: 2, high: 3 }, R = k[e.contrast] !== void 0 ? k[e.contrast] : 1, z = n ? [["rgba(255,255,255,0.82)", "rgba(255,255,255,0.55)", "rgba(255,255,255,0.09)", "rgba(255,255,255,0.16)"], ["rgba(255,255,255,0.92)", "rgba(255,255,255,0.62)", "rgba(255,255,255,0.12)", "rgba(255,255,255,0.23)"], ["rgba(255,255,255,0.96)", "rgba(255,255,255,0.74)", "rgba(255,255,255,0.18)", "rgba(255,255,255,0.34)"], ["#ffffff", "rgba(255,255,255,0.87)", "rgba(255,255,255,0.26)", "rgba(255,255,255,0.46)"]] : [["rgba(0,0,0,0.72)", "rgba(0,0,0,0.5)", "rgba(0,0,0,0.08)", "rgba(0,0,0,0.16)"], ["rgba(0,0,0,0.87)", "rgba(0,0,0,0.6)", "rgba(0,0,0,0.12)", "rgba(0,0,0,0.23)"], ["rgba(0,0,0,0.92)", "rgba(0,0,0,0.7)", "rgba(0,0,0,0.18)", "rgba(0,0,0,0.34)"], ["#000000", "rgba(0,0,0,0.8)", "rgba(0,0,0,0.24)", "rgba(0,0,0,0.46)"]];
+  a.textPrimary = z[R][0], a.textSecondary = z[R][1], a.divider = z[R][2], a.outline = z[R][3], e.textPrimaryHex && (a.textPrimary = e.textPrimaryHex), e.textSecondaryHex && (a.textSecondary = e.textSecondaryHex), e.dividerHex && (a.divider = e.dividerHex), e.nestedStyle === "lighter" ? a.paper2 = n ? ce(C[0], Math.round(C[1] * 0.9), 22) : ce(C[0], Math.max(Math.round(C[1] * 0.3), 4), 100) : e.nestedStyle === "bordered" ? a.paper2 = a.paper : a.paper2 = n ? ce(C[0], Math.round(C[1] * 0.9), Math.max(3, 5)) : ce(C[0], Math.min(Math.round(C[1] * 1.1), 60), Math.max(88, 94 - C[1] * 0.18));
+  const I = e.btnColorHex || o, X = e.accentGradient ? "linear-gradient(135deg," + I + "," + (e.btnColorHex ? Re(e.btnColorHex)[700] : r[n ? 500 : 700]) + ")" : I, Q = e.btnTextHex || (Rr(I, "#ffffff") >= 2.9 ? "#ffffff" : "rgba(0,0,0,0.87)"), Y = e.h1Color || null, d = e.h2Color || null, B = e.h3Color || null, A = e.h4Color || null, L = e.h5Color || null, N = e.h6Color || null, K = [{ key: "sm", px: 13 }, { key: "df", px: 12 }, { key: "lg", px: 18 }], U = K.find((ve) => ve.key === e.textSize) || K[1], J = e.baseFontPx > 0 ? e.baseFontPx : U.px, P = e.bodyLineHeight > 0 ? e.bodyLineHeight : 1.5, D = e.h1Size > 0 ? e.h1Size : 20, q = Math.round(D * 1.1), V = D, G = Math.max(Math.round(D * 0.9), 11), M = Math.max(Math.round(D * 0.8), 11), w = Math.max(Math.round(D * 0.7), 10), O = Math.max(Math.round(D * 0.6), 10), F = Math.max(Math.round(D * 0.5), 9), E = J, W = Math.round(J * 0.92), te = Math.round(J * 0.8), _ = Math.round(J * 0.72), me = e.headingWeight, Ne = e.headingLH > 0 ? e.headingLH : 1.2, je = e.bodyWeight > 0 ? e.bodyWeight : 400, Xe = Math.min(900, je + 200), Qe = { compact: 0.82, default: 1, comfortable: 1.16 }, Ie = e.densityScale > 0 ? e.densityScale / 100 : Qe[e.density] ?? 1, ur = Math.round(20 * Ie), Ve = Math.round(14 * Ie), It = e.cardGapPx > 0 ? e.cardGapPx : Math.round(16 * Ie), Ze = Math.round(11 * Ie * ({ compact: 0.66, default: 1, comfortable: 1.32 }[e.tableDensity] ?? 1)), Ue = e.containerPadPx > 0 ? e.containerPadPx : Math.round(10 * Ie), ee = e.radiusVal, vt = ee + "px", St = Math.max(Math.round(ee * 0.6), 2) + "px", Ge = {
     0: "none",
     1: "0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)",
     2: "0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)",
@@ -4210,24 +4215,24 @@ function Vr(e) {
   const uo = n ? "none" : Ge[4], fo = n ? "1px solid " + a.divider : "none", ho = e.nestedStyle === "bordered" ? "1.5px solid " + a.outline : "1px solid " + a.divider, go = e.nestedDepth > 0 ? "inset 3px 0 0 " + pe(e.primaryHex, 0.55) + ", 0 " + Math.round(e.nestedDepth * 0.4) + "px " + e.nestedDepth + "px rgba(16,24,40," + (n ? 0.42 : 0.1) + ")" : "none", mo = (e.appName || "").trim().split(/\s+/).slice(0, 2).map((ve) => ve[0] || "").join("").toUpperCase() || "AP", yo = !!(e.logoMode === "image" && e.logoUrl), bo = !!e.loginImage, Jr = (ve) => {
     const Ce = ve || "Roboto";
     return Ce.includes(" ") && !Ce.startsWith('"') && !Ce.startsWith("'") ? `"${Ce}"` : Ce;
-  }, xo = Jr(e.headingFont || e.fontFamily), vo = Jr(e.fontFamily), Se = Dr(e.primaryHex)[0], xe = (ve, Ce) => de((ve % 360 + 360) % 360, 62, n ? 60 : 46), qr = {
+  }, xo = Jr(e.headingFont || e.fontFamily), vo = Jr(e.fontFamily), Se = Dr(e.primaryHex)[0], xe = (ve, Ce) => ce((ve % 360 + 360) % 360, 62, n ? 60 : 46), qr = {
     brand: [o, s, xe(Se + 42), xe(Se + 205), xe(Se + 120)],
     categorical: [xe(Se), xe(Se + 72), xe(Se + 144), xe(Se + 216), xe(Se + 288)],
-    sequential: [de(Se, 55, n ? 40 : 78), de(Se, 60, n ? 50 : 64), o, de(Se, 70, n ? 70 : 38), de(Se, 78, n ? 82 : 26)],
+    sequential: [ce(Se, 55, n ? 40 : 78), ce(Se, 60, n ? 50 : 64), o, ce(Se, 70, n ? 70 : 38), ce(Se, 78, n ? 82 : 26)],
     cbsafe: ["#0072B2", "#E69F00", "#009E73", "#CC79A7", "#56B4E9"],
     warm: [xe(8), xe(28), xe(45), xe(350), xe(18)],
     cool: [xe(200), xe(220), xe(255), xe(180), xe(235)]
-  }, So = qr[e.chartScheme] || qr.brand, Co = [r[600], t[600], de((Se + 42) % 360, 55, 46), de((Se + 205) % 360, 50, 46)], wo = { error: { cb: c, cc: y }, success: { cb: m, cc: u }, info: { cb: f, cc: x }, warning: { cb: g, cc: h } }, hr = e.mapGlass === "light", ko = hr ? "rgba(255,255,255,0.84)" : "rgba(15,20,28,0.74)", To = hr ? "#1c2733" : "#f3f6fa", Ro = hr ? "rgba(0,0,0,0.12)" : "rgba(255,255,255,0.18)", Eo = "repeating-linear-gradient(45deg, rgba(255,255,255,0.04) 0px, rgba(255,255,255,0.04) 11px, rgba(255,255,255,0) 11px, rgba(255,255,255,0) 22px), radial-gradient(circle at 50% 38%, " + pe(o, 0.22) + ", rgba(0,0,0,0) 60%), " + "#0f141c", Ho = "linear-gradient(135deg," + o + "," + r[700] + ")", Po = "linear-gradient(180deg," + pe(r[900], 0.12) + "," + pe(r[900], 0.55) + ")", $o = "linear-gradient(135deg," + r[700] + "," + r[900] + ")", Io = "linear-gradient(135deg," + pe(r[900], 0.55) + "," + pe(e.primaryHex, 0.45) + ")", Kr = { "top-right": { top: "14px", right: "14px" }, "top-center": { top: "14px", left: "50%", transform: "translateX(-50%)" }, "bottom-right": { bottom: "14px", right: "14px" }, "bottom-left": { bottom: "14px", left: "14px" } }, Ao = Kr[e.notifPosition] || Kr["top-right"], Xr = e.notifAccent === "primary" ? { bar: o, icbg: a.pContainer, icc: a.onPContainer, dot: o } : e.notifAccent === "mono" ? { bar: a.textSecondary, icbg: a.paper2, icc: a.textPrimary, dot: a.textSecondary } : { bar: e.warningHex, icbg: g, icc: h, dot: e.warningHex };
+  }, So = qr[e.chartScheme] || qr.brand, Co = [r[600], t[600], ce((Se + 42) % 360, 55, 46), ce((Se + 205) % 360, 50, 46)], wo = { error: { cb: c, cc: y }, success: { cb: m, cc: u }, info: { cb: f, cc: x }, warning: { cb: g, cc: h } }, hr = e.mapGlass === "light", ko = hr ? "rgba(255,255,255,0.84)" : "rgba(15,20,28,0.74)", To = hr ? "#1c2733" : "#f3f6fa", Ro = hr ? "rgba(0,0,0,0.12)" : "rgba(255,255,255,0.18)", Eo = "repeating-linear-gradient(45deg, rgba(255,255,255,0.04) 0px, rgba(255,255,255,0.04) 11px, rgba(255,255,255,0) 11px, rgba(255,255,255,0) 22px), radial-gradient(circle at 50% 38%, " + pe(o, 0.22) + ", rgba(0,0,0,0) 60%), " + "#0f141c", Ho = "linear-gradient(135deg," + o + "," + r[700] + ")", Po = "linear-gradient(180deg," + pe(r[900], 0.12) + "," + pe(r[900], 0.55) + ")", $o = "linear-gradient(135deg," + r[700] + "," + r[900] + ")", Ao = "linear-gradient(135deg," + pe(r[900], 0.55) + "," + pe(e.primaryHex, 0.45) + ")", Kr = { "top-right": { top: "14px", right: "14px" }, "top-center": { top: "14px", left: "50%", transform: "translateX(-50%)" }, "bottom-right": { bottom: "14px", right: "14px" }, "bottom-left": { bottom: "14px", left: "14px" } }, Io = Kr[e.notifPosition] || Kr["top-right"], Xr = e.notifAccent === "primary" ? { bar: o, icbg: a.pContainer, icc: a.onPContainer, dot: o } : e.notifAccent === "mono" ? { bar: a.textSecondary, icbg: a.paper2, icc: a.textPrimary, dot: a.textSecondary } : { bar: e.warningHex, icbg: g, icc: h, dot: e.warningHex };
   let Dt;
   e.notifStyle === "toast" ? Dt = { boxShadow: Ge[8], border: typeof et == "string" && et !== "none" ? et : "none" } : e.notifStyle === "banner" ? Dt = { boxShadow: Ge[2], borderLeft: "4px solid " + Xr.bar } : Dt = { boxShadow: "none", border: "1px solid " + a.divider };
-  const Bo = e.notifCardHex || (n ? "#1e1e1e" : "#ffffff"), Oo = { compact: "7px", default: "11px", comfortable: "16px" }, Do = { compact: "6px", default: "12px", comfortable: "22px" }, Mo = { top: "flex-start", middle: "center", bottom: "flex-end" }, Wo = { left: "flex-start", center: "center", right: "flex-end" }, Fo = { plain: "transparent", tinted: a.paper2, accent: a.highlightSoft }, zo = {
+  const Bo = e.notifCardHex || (n ? "#1e1e1e" : "#ffffff"), Oo = { compact: "7px", default: "11px", comfortable: "16px" }, Do = { compact: "6px", default: "12px", comfortable: "22px" }, Mo = { top: "flex-start", middle: "center", bottom: "flex-end" }, Fo = { left: "flex-start", center: "center", right: "flex-end" }, Wo = { plain: "transparent", tinted: a.paper2, accent: a.highlightSoft }, zo = {
     rowPy: Oo[e.tableDensity] || "11px",
     cellPx: Do[e.tableColDensity] || "12px",
     rowBorder: e.tableDividers ? (e.tableRowDivW || 1) + "px solid " + a.divider : "none",
     colBorder: e.tableColDividers ? (e.tableColDivW || 1) + "px solid " + a.divider : "none",
-    headBg: Fo[e.tableHeaderStyle] || a.paper2,
+    headBg: Wo[e.tableHeaderStyle] || a.paper2,
     cellAI: Mo[e.tableCellAlignV] || "center",
-    cellJC: Wo[e.tableCellAlignH] || "flex-start",
+    cellJC: Fo[e.tableCellAlignH] || "flex-start",
     stripeBg: n ? "rgba(255,255,255,0.035)" : "rgba(0,0,0,0.028)",
     statusMap: {
       Delivered: { sb: m, sc: u },
@@ -4273,24 +4278,24 @@ function Vr(e) {
     btnText: Q,
     hc1: Y,
     hc2: d,
-    hc3: O,
+    hc3: B,
     hc4: A,
-    hc5: _,
-    hc6: L,
-    base: G,
+    hc5: L,
+    hc6: N,
+    base: J,
     bodyLH: P,
-    h1base: M,
-    tDisplay: J,
+    h1base: D,
+    tDisplay: q,
     tH1: V,
-    tH2: N,
-    tTitle: F,
-    tH4: k,
-    tH5: D,
-    tH6: E,
-    tBody: R,
-    tBodySm: K,
-    tCaption: le,
-    tOverline: z,
+    tH2: G,
+    tTitle: M,
+    tH4: w,
+    tH5: O,
+    tH6: F,
+    tBody: E,
+    tBodySm: W,
+    tCaption: te,
+    tOverline: _,
     wH1: me,
     wH2: me,
     wH3: me,
@@ -4302,7 +4307,7 @@ function Vr(e) {
     bwEmph: Xe,
     pad: ur,
     padSm: Ve,
-    gap: At,
+    gap: It,
     rowPy: Ze,
     screenPad: Ue,
     r: ee,
@@ -4334,8 +4339,8 @@ function Vr(e) {
     loginBrandGrad: Ho,
     loginScrimGrad: Po,
     loginCenteredGrad: $o,
-    loginScrimGradC: Io,
-    npos: Ao,
+    loginScrimGradC: Ao,
+    npos: Io,
     nacc: Xr,
     toastDeco: Dt,
     toastBg: Bo,
@@ -4351,7 +4356,7 @@ function Vr(e) {
   };
 }
 function Ks({ icon: e, title: r, info: t, open: n, dimmed: o, onToggle: s, onPreviewMenu: a, children: l }) {
-  const c = j((v) => v.settings), g = c.mode === "dark", f = c.primaryHex || "#1565c0", m = De(c.mode), y = Re(f), h = Vr(c), x = n ? g ? pe(f, 0.22) : pe(f, 0.1) : "transparent", u = n ? g ? y[200] : y[700] : m.text, b = n ? f : m.chevron;
+  const c = j((v) => v.settings), g = c.mode === "dark", f = c.primaryHex || "#4F6BFF", m = De(c.mode), y = Re(f), h = Vr(c), x = n ? g ? pe(f, 0.22) : pe(f, 0.1) : "transparent", u = n ? g ? y[200] : y[700] : m.text, b = n ? f : m.chevron;
   return /* @__PURE__ */ p(
     S,
     {
@@ -4414,7 +4419,7 @@ function we() {
   return Qo(() => Vr(e), [e]);
 }
 function lt({ tabs: e, active: r, onChange: t }) {
-  const n = j((y) => y.settings.mode), o = j((y) => y.settings.primaryHex) || "#1565c0", 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";
+  const n = j((y) => y.settings.mode), o = j((y) => y.settings.primaryHex) || "#4F6BFF", s = j((y) => y.settings.highlightHex) || "#ffd400", a = j((y) => y.settings.bodyWeight) || 400, l = n === "dark", c = Math.min(900, a + 200), g = we(), f = l ? "#e6edf3" : "#1c2127", m = l ? "#cdd4de" : "#5a6573";
   return /* @__PURE__ */ i(S, { sx: { display: "flex", gap: "2px", mb: "2px", px: "2px", borderBottom: "1.5px solid rgba(120,130,145,0.5)" }, children: e.map((y) => {
     const h = y.key === r, x = /* @__PURE__ */ i(
       ke,
@@ -4453,54 +4458,54 @@ function lt({ tabs: e, active: r, onChange: t }) {
   }) });
 }
 const Qt = [
-  { id: "corporate", name: "Corporate Blue", snap: { primaryHex: "#1565c0", secondaryHex: "#00897b", iconColor: "#1565c0" } },
-  { id: "emerald", name: "Emerald", snap: { primaryHex: "#2e7d32", secondaryHex: "#00897b", iconColor: "#2e7d32" } },
-  { id: "indigo", name: "Indigo Violet", snap: { primaryHex: "#3949ab", secondaryHex: "#7c4dff", iconColor: "#3949ab" } },
+  { id: "corporate", name: "Corporate Blue", snap: { primaryHex: "#4F6BFF", secondaryHex: "#22D3EE", iconColor: "#4F6BFF" } },
+  { id: "emerald", name: "Emerald", snap: { primaryHex: "#2EE6A6", secondaryHex: "#FFC255", iconColor: "#2EE6A6" } },
+  { id: "indigo", name: "Indigo Violet", snap: { primaryHex: "#A97BFF", secondaryHex: "#FF5FA2", iconColor: "#A97BFF" } },
   { id: "slate", name: "Graphite", snap: { primaryHex: "#455a64", secondaryHex: "#78909c", iconColor: "#455a64" } },
   { id: "teal", name: "Ocean Teal", snap: { primaryHex: "#00838f", secondaryHex: "#0277bd", iconColor: "#00838f" } },
   { id: "amber", name: "Amber", snap: { primaryHex: "#e65100", secondaryHex: "#d84315", iconColor: "#e65100" } }
 ];
 function Xs() {
-  var N, F;
-  const [e, r] = Z("presets"), t = j((k) => k.settings), n = t.mode === "dark", o = t.highlightHex || "#ffd400", s = pe(o, n ? 0.3 : 0.18), a = n ? "#e6edf3" : "#1c2127", l = n ? "rgba(255,255,255,0.82)" : "#2c333d", c = j((k) => k.savedThemes), g = j((k) => k.applyPreset), f = j((k) => k.applySaved), m = j((k) => k.saveTheme), y = j((k) => k.updateSaved), h = j((k) => k.renameSaved), x = j((k) => k.deleteSaved), u = j((k) => k.importTheme), b = j((k) => k.set), v = j((k) => k.isDirty), $ = j((k) => k.editingSavedId), I = j((k) => k.lastImportedId), C = c.find((k) => k.id === $), w = (k, D) => {
-    const E = new Blob([JSON.stringify({ name: k, snap: D }, null, 2)], { type: "application/json" }), R = URL.createObjectURL(E), K = document.createElement("a");
-    K.href = R, K.download = `${k.replace(/[^a-z0-9]+/gi, "-").toLowerCase()}.theme.json`, K.click(), URL.revokeObjectURL(R);
-  }, [H, W] = Z("");
+  var G, M;
+  const [e, r] = Z("presets"), t = j((w) => w.settings), n = t.mode === "dark", o = t.highlightHex || "#ffd400", s = pe(o, n ? 0.3 : 0.18), a = n ? "#e6edf3" : "#1c2127", l = n ? "rgba(255,255,255,0.82)" : "#2c333d", c = j((w) => w.savedThemes), g = j((w) => w.applyPreset), f = j((w) => w.applySaved), m = j((w) => w.saveTheme), y = j((w) => w.updateSaved), h = j((w) => w.renameSaved), x = j((w) => w.deleteSaved), u = j((w) => w.importTheme), b = j((w) => w.set), v = j((w) => w.isDirty), $ = j((w) => w.editingSavedId), H = j((w) => w.lastImportedId), C = c.find((w) => w.id === $), k = (w, O) => {
+    const F = new Blob([JSON.stringify({ name: w, snap: O }, null, 2)], { type: "application/json" }), E = URL.createObjectURL(F), W = document.createElement("a");
+    W.href = E, W.download = `${w.replace(/[^a-z0-9]+/gi, "-").toLowerCase()}.theme.json`, W.click(), URL.revokeObjectURL(E);
+  }, [R, z] = Z("");
   _e(() => {
-    if (!H) return;
-    const k = setTimeout(() => W(""), 5e3);
-    return () => clearTimeout(k);
-  }, [H]);
-  const [B, X] = Z(null), Q = (k) => {
-    const D = c.map((K) => K.name.toLowerCase());
-    let E = k, R = 2;
-    for (; D.includes(E.toLowerCase()); ) E = `${k} ${R++}`;
-    return E;
-  }, Y = (k) => {
-    var R;
-    const D = (R = k.target.files) == null ? void 0 : R[0];
-    if (!D) return;
-    const E = new FileReader();
-    E.onload = () => {
+    if (!R) return;
+    const w = setTimeout(() => z(""), 5e3);
+    return () => clearTimeout(w);
+  }, [R]);
+  const [I, X] = Z(null), Q = (w) => {
+    const O = c.map((W) => W.name.toLowerCase());
+    let F = w, E = 2;
+    for (; O.includes(F.toLowerCase()); ) F = `${w} ${E++}`;
+    return F;
+  }, Y = (w) => {
+    var E;
+    const O = (E = w.target.files) == null ? void 0 : E[0];
+    if (!O) return;
+    const F = new FileReader();
+    F.onload = () => {
       try {
-        const K = JSON.parse(E.result), le = K.snap ?? K;
-        if (!qs(le)) {
-          W("Invalid theme file. The selected file is not a valid Theme Studio export.");
+        const W = JSON.parse(F.result), te = W.snap ?? W;
+        if (!qs(te)) {
+          z("Invalid theme file. The selected file is not a valid Theme Studio export.");
           return;
         }
-        const z = K.name || "Imported Theme";
-        if (c.some((me) => me.name.toLowerCase() === z.toLowerCase())) {
-          X({ name: z, snap: le });
+        const _ = W.name || "Imported Theme";
+        if (c.some((me) => me.name.toLowerCase() === _.toLowerCase())) {
+          X({ name: _, snap: te });
           return;
         }
-        W(""), u(z, le);
+        z(""), u(_, te);
       } catch {
-        W("Invalid theme file. The selected file is not a valid Theme Studio export.");
+        z("Invalid theme file. The selected file is not a valid Theme Studio export.");
       }
-    }, E.readAsText(D), k.target.value = "";
-  }, [d, O] = Z(null), [A, _] = Z(!1), [L, q] = Z(""), [U, G] = Z(null), [P, M] = Z(null), J = (C == null ? void 0 : C.name) || ((N = Qt.find((k) => k.id === t.presetId)) == null ? void 0 : N.name) || ((F = c.find((k) => k.id === t.presetId)) == null ? void 0 : F.name) || "Custom Theme", V = (k, D) => {
-    const E = k.trim();
-    return E ? c.some((R) => R.name.toLowerCase() === E.toLowerCase() && R.id !== D) ? "Name already exists" : "" : "Name required";
+    }, F.readAsText(O), w.target.value = "";
+  }, [d, B] = Z(null), [A, L] = Z(!1), [N, K] = Z(""), [U, J] = Z(null), [P, D] = Z(null), q = (C == null ? void 0 : C.name) || ((G = Qt.find((w) => w.id === t.presetId)) == null ? void 0 : G.name) || ((M = c.find((w) => w.id === t.presetId)) == null ? void 0 : M.name) || "Custom Theme", V = (w, O) => {
+    const F = w.trim();
+    return F ? c.some((E) => E.name.toLowerCase() === F.toLowerCase() && E.id !== O) ? "Name already exists" : "" : "Name required";
   };
   return /* @__PURE__ */ p(ge, { children: [
     /* @__PURE__ */ i(lt, { active: e, onChange: r, tabs: [
@@ -4509,13 +4514,13 @@ function Xs() {
       { key: "mode", label: "Mode", info: "Light / Dark." }
     ] }),
     /* @__PURE__ */ p(S, { sx: { p: "12px 2px 2px" }, children: [
-      e === "presets" && /* @__PURE__ */ i(S, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "9px" }, children: Qt.map((k) => {
-        const D = t.presetId === k.id;
+      e === "presets" && /* @__PURE__ */ i(S, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "9px" }, children: Qt.map((w) => {
+        const O = t.presetId === w.id;
         return /* @__PURE__ */ p(
           S,
           {
-            onClick: () => g(k.id, k.snap),
-            title: `${k.name} — applies this colour palette`,
+            onClick: () => g(w.id, w.snap),
+            title: `${w.name} — applies this colour palette`,
             sx: {
               display: "flex",
               alignItems: "center",
@@ -4524,29 +4529,29 @@ function Xs() {
               borderRadius: "11px",
               cursor: "pointer",
               textAlign: "left",
-              border: `1px solid ${D ? o : n ? "#363d48" : "#e3e8ee"}`,
-              bgcolor: D ? s : n ? "#262b34" : "#ffffff",
+              border: `1px solid ${O ? o : n ? "#363d48" : "#e3e8ee"}`,
+              bgcolor: O ? s : n ? "#262b34" : "#ffffff",
               transition: "all .14s ease"
             },
             children: [
               /* @__PURE__ */ p(S, { sx: { display: "flex", flexDirection: "column", gap: "2px", flexShrink: 0 }, children: [
-                /* @__PURE__ */ i(S, { sx: { width: 20, height: 11, borderRadius: "3px", bgcolor: k.snap.primaryHex } }),
-                /* @__PURE__ */ i(S, { sx: { width: 20, height: 7, borderRadius: "2px", bgcolor: k.snap.secondaryHex } })
+                /* @__PURE__ */ i(S, { sx: { width: 20, height: 11, borderRadius: "3px", bgcolor: w.snap.primaryHex } }),
+                /* @__PURE__ */ i(S, { sx: { width: 20, height: 7, borderRadius: "2px", bgcolor: w.snap.secondaryHex } })
               ] }),
-              /* @__PURE__ */ i(S, { component: "span", sx: { fontSize: "11px", fontWeight: 600, color: D ? a : l, lineHeight: 1.3 }, children: k.name })
+              /* @__PURE__ */ i(S, { component: "span", sx: { fontSize: "11px", fontWeight: 600, color: O ? a : l, lineHeight: 1.3 }, children: w.name })
             ]
           },
-          k.id
+          w.id
         );
       }) }),
       e === "saved" && /* @__PURE__ */ p(S, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
         c.length === 0 && /* @__PURE__ */ i(ue, { variant: "caption", sx: { color: "text.secondary", py: 2, textAlign: "center" }, children: "No saved themes yet." }),
-        /* @__PURE__ */ i(S, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 0.9 }, children: c.map((k) => {
-          const D = $ === k.id;
+        /* @__PURE__ */ i(S, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 0.9 }, children: c.map((w) => {
+          const O = $ === w.id;
           return /* @__PURE__ */ p(
             S,
             {
-              onClick: () => f(k),
+              onClick: () => f(w),
               title: "Apply this saved theme",
               sx: {
                 display: "flex",
@@ -4556,87 +4561,87 @@ function Xs() {
                 borderRadius: "11px",
                 cursor: "pointer",
                 position: "relative",
-                border: `1px solid ${D ? o : n ? "#363d48" : "#e3e8ee"}`,
-                bgcolor: D ? s : n ? "#262b34" : "#ffffff",
+                border: `1px solid ${O ? o : n ? "#363d48" : "#e3e8ee"}`,
+                bgcolor: O ? s : n ? "#262b34" : "#ffffff",
                 transition: "all .14s ease"
               },
               children: [
-                D && I === k.id && /* @__PURE__ */ i(ze, { title: "recently upload", arrow: !0, children: /* @__PURE__ */ i(S, { component: "span", sx: { position: "absolute", top: -2, right: 0, width: 6, height: 6, borderRadius: "50%", bgcolor: "error.main", flexShrink: 0 } }) }),
+                O && H === w.id && /* @__PURE__ */ i(ze, { title: "recently upload", arrow: !0, children: /* @__PURE__ */ i(S, { component: "span", sx: { position: "absolute", top: -2, right: 0, width: 6, height: 6, borderRadius: "50%", bgcolor: "error.main", flexShrink: 0 } }) }),
                 /* @__PURE__ */ p(S, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                   /* @__PURE__ */ p(S, { sx: { display: "flex", flexDirection: "column", gap: "2px", flexShrink: 0 }, children: [
-                    /* @__PURE__ */ i(S, { sx: { width: 20, height: 11, borderRadius: "3px", bgcolor: k.snap.primaryHex } }),
-                    /* @__PURE__ */ i(S, { sx: { width: 20, height: 7, borderRadius: "2px", bgcolor: k.snap.secondaryHex } })
+                    /* @__PURE__ */ i(S, { sx: { width: 20, height: 11, borderRadius: "3px", bgcolor: w.snap.primaryHex } }),
+                    /* @__PURE__ */ i(S, { sx: { width: 20, height: 7, borderRadius: "2px", bgcolor: w.snap.secondaryHex } })
                   ] }),
-                  /* @__PURE__ */ i(S, { component: "span", sx: { flex: 1, minWidth: 0, fontSize: "11px", fontWeight: 600, color: D ? a : l, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "normal" }, children: k.name }),
-                  /* @__PURE__ */ i(S, { sx: { display: "flex", alignItems: "center", justifyContent: "flex-end" }, children: /* @__PURE__ */ i(S, { component: "span", onClick: (E) => {
-                    E.stopPropagation(), O({ el: E.currentTarget, id: k.id });
+                  /* @__PURE__ */ i(S, { component: "span", sx: { flex: 1, minWidth: 0, fontSize: "11px", fontWeight: 600, color: O ? a : l, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "normal" }, children: w.name }),
+                  /* @__PURE__ */ i(S, { sx: { display: "flex", alignItems: "center", justifyContent: "flex-end" }, children: /* @__PURE__ */ i(S, { component: "span", onClick: (F) => {
+                    F.stopPropagation(), B({ el: F.currentTarget, id: w.id });
                   }, sx: { cursor: "pointer", color: "text.muted", px: 0.5 }, children: "⋮" }) })
                 ] })
               ]
             },
-            k.id
+            w.id
           );
         }) }),
-        H && /* @__PURE__ */ p(S, { sx: { display: "flex", alignItems: "flex-start", gap: 1, bgcolor: "rgba(211,47,47,0.08)", border: "1px solid rgba(211,47,47,0.35)", borderRadius: "10px", px: 1.5, py: 1.25, color: "#b3261e" }, children: [
+        R && /* @__PURE__ */ p(S, { sx: { display: "flex", alignItems: "flex-start", gap: 1, bgcolor: "rgba(211,47,47,0.08)", border: "1px solid rgba(211,47,47,0.35)", borderRadius: "10px", px: 1.5, py: 1.25, color: "#b3261e" }, children: [
           /* @__PURE__ */ i(S, { component: "span", sx: { fontWeight: 900, fontSize: 15, lineHeight: 1.4 }, children: "!" }),
-          /* @__PURE__ */ i(S, { sx: { fontSize: 12.5, lineHeight: 1.4 }, children: H })
+          /* @__PURE__ */ i(S, { sx: { fontSize: 12.5, lineHeight: 1.4 }, children: R })
         ] }),
         /* @__PURE__ */ p(S, { sx: { display: "flex", gap: 1, mt: 1 }, children: [
           /* @__PURE__ */ p(ke, { size: "small", variant: "outlined", component: "label", sx: { flex: 1, textTransform: "none" }, children: [
             "↑ Import",
             /* @__PURE__ */ i("input", { hidden: !0, type: "file", accept: ".json,application/json", onChange: Y })
           ] }),
-          /* @__PURE__ */ i(ke, { size: "small", variant: "outlined", onClick: () => w(J, t), sx: { flex: 1, textTransform: "none" }, children: "⤓ Download" }),
+          /* @__PURE__ */ i(ke, { size: "small", variant: "outlined", onClick: () => k(q, t), sx: { flex: 1, textTransform: "none" }, children: "⤓ Download" }),
           /* @__PURE__ */ i(ke, { size: "small", variant: "contained", disabled: !v(), onClick: () => {
-            q(C ? C.name : ""), _(!0);
+            K(C ? C.name : ""), L(!0);
           }, sx: { flex: 1, textTransform: "none" }, children: "+ Save" })
         ] })
       ] }),
-      e === "mode" && /* @__PURE__ */ i(S, { sx: { display: "flex", gap: 1 }, children: ["light", "dark"].map((k) => /* @__PURE__ */ i(ke, { onClick: () => b({ mode: k }), variant: t.mode === k ? "contained" : "outlined", sx: { flex: 1, textTransform: "capitalize" }, children: k }, k)) })
+      e === "mode" && /* @__PURE__ */ i(S, { sx: { display: "flex", gap: 1 }, children: ["light", "dark"].map((w) => /* @__PURE__ */ i(ke, { onClick: () => b({ mode: w }), variant: t.mode === w ? "contained" : "outlined", sx: { flex: 1, textTransform: "capitalize" }, children: w }, w)) })
     ] }),
-    /* @__PURE__ */ p(ei, { open: !!d, anchorEl: d == null ? void 0 : d.el, onClose: () => O(null), children: [
+    /* @__PURE__ */ p(ei, { open: !!d, anchorEl: d == null ? void 0 : d.el, onClose: () => B(null), children: [
       /* @__PURE__ */ i(gt, { onClick: () => {
-        const k = c.find((D) => D.id === d.id);
-        f(k), O(null);
+        const w = c.find((O) => O.id === d.id);
+        f(w), B(null);
       }, children: "✏️ Edit" }),
       /* @__PURE__ */ i(gt, { onClick: () => {
-        const k = c.find((D) => D.id === d.id);
-        G({ id: k.id, name: k.name }), O(null);
+        const w = c.find((O) => O.id === d.id);
+        J({ id: w.id, name: w.name }), B(null);
       }, children: "✎ Rename" }),
       /* @__PURE__ */ i(gt, { onClick: () => {
-        const k = c.find((D) => D.id === d.id);
-        M({ id: k.id, name: k.name }), O(null);
+        const w = c.find((O) => O.id === d.id);
+        D({ id: w.id, name: w.name }), B(null);
       }, children: "🗑 Delete" }),
       /* @__PURE__ */ i(gt, { onClick: () => {
-        const k = c.find((D) => D.id === d.id);
-        w(k.name, k.snap), O(null);
+        const w = c.find((O) => O.id === d.id);
+        k(w.name, w.snap), B(null);
       }, children: "⤓ Download" })
     ] }),
-    /* @__PURE__ */ p(mt, { open: A, onClose: () => _(!1), children: [
-      /* @__PURE__ */ i(Wt, { children: C ? `Save changes to “${C.name}”` : "Save theme" }),
-      /* @__PURE__ */ i(Ft, { children: /* @__PURE__ */ i(
+    /* @__PURE__ */ p(mt, { open: A, onClose: () => L(!1), children: [
+      /* @__PURE__ */ i(Ft, { children: C ? `Save changes to “${C.name}”` : "Save theme" }),
+      /* @__PURE__ */ i(Wt, { children: /* @__PURE__ */ i(
         Qr,
         {
           autoFocus: !0,
           fullWidth: !0,
           size: "small",
           label: "Theme name",
-          value: L,
-          onChange: (k) => q(k.target.value),
-          error: !!V(L, C == null ? void 0 : C.id),
-          helperText: V(L, C == null ? void 0 : C.id),
+          value: N,
+          onChange: (w) => K(w.target.value),
+          error: !!V(N, C == null ? void 0 : C.id),
+          helperText: V(N, C == null ? void 0 : C.id),
           sx: { mt: 1 }
         }
       ) }),
       /* @__PURE__ */ p(zt, { children: [
-        /* @__PURE__ */ i(ke, { onClick: () => _(!1), children: "Cancel" }),
+        /* @__PURE__ */ i(ke, { onClick: () => L(!1), children: "Cancel" }),
         C && /* @__PURE__ */ i(
           ke,
           {
             variant: "contained",
-            disabled: !!V(L, C.id),
+            disabled: !!V(N, C.id),
             onClick: () => {
-              y(C.id, L.trim(), t), _(!1);
+              y(C.id, N.trim(), t), L(!1);
             },
             children: "Update"
           }
@@ -4645,52 +4650,52 @@ function Xs() {
           ke,
           {
             variant: C ? "outlined" : "contained",
-            disabled: !!V(L),
+            disabled: !!V(N),
             onClick: () => {
-              m(L.trim()), _(!1);
+              m(N.trim()), L(!1);
             },
             children: C ? "Save as New" : "Save"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ p(mt, { open: !!U, onClose: () => G(null), children: [
-      /* @__PURE__ */ i(Wt, { children: "Rename theme" }),
-      /* @__PURE__ */ i(Ft, { children: /* @__PURE__ */ i(Qr, { autoFocus: !0, fullWidth: !0, size: "small", label: "New name", value: (U == null ? void 0 : U.name) ?? "", onChange: (k) => G((D) => D && { ...D, name: k.target.value }), error: !!(U && V(U.name, U.id)), helperText: U ? V(U.name, U.id) : "", sx: { mt: 1 } }) }),
+    /* @__PURE__ */ p(mt, { open: !!U, onClose: () => J(null), children: [
+      /* @__PURE__ */ i(Ft, { children: "Rename theme" }),
+      /* @__PURE__ */ i(Wt, { children: /* @__PURE__ */ i(Qr, { autoFocus: !0, fullWidth: !0, size: "small", label: "New name", value: (U == null ? void 0 : U.name) ?? "", onChange: (w) => J((O) => O && { ...O, name: w.target.value }), error: !!(U && V(U.name, U.id)), helperText: U ? V(U.name, U.id) : "", sx: { mt: 1 } }) }),
       /* @__PURE__ */ p(zt, { children: [
-        /* @__PURE__ */ i(ke, { onClick: () => G(null), children: "Cancel" }),
+        /* @__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()), G(null);
+          h(U.id, U.name.trim()), J(null);
         }, children: "Rename" })
       ] })
     ] }),
-    /* @__PURE__ */ p(mt, { open: !!B, onClose: () => X(null), children: [
-      /* @__PURE__ */ i(Wt, { children: "Theme already exists" }),
-      /* @__PURE__ */ i(Ft, { children: /* @__PURE__ */ p(ue, { variant: "body2", children: [
+    /* @__PURE__ */ p(mt, { open: !!I, onClose: () => X(null), children: [
+      /* @__PURE__ */ i(Ft, { children: "Theme already exists" }),
+      /* @__PURE__ */ i(Wt, { children: /* @__PURE__ */ p(ue, { variant: "body2", children: [
         "A theme named “",
-        B == null ? void 0 : B.name,
+        I == null ? void 0 : I.name,
         "” is already in My Themes. Upload it anyway as a copy?"
       ] }) }),
       /* @__PURE__ */ p(zt, { children: [
         /* @__PURE__ */ i(ke, { onClick: () => {
-          X(null), W("You’ve selected a duplicate file — it already exists.");
+          X(null), z("You’ve selected a duplicate file — it already exists.");
         }, children: "Cancel" }),
         /* @__PURE__ */ i(ke, { variant: "contained", onClick: () => {
-          u(Q(B.name), B.snap), X(null);
+          u(Q(I.name), I.snap), X(null);
         }, children: "Yes, continue" })
       ] })
     ] }),
-    /* @__PURE__ */ p(mt, { open: !!P, onClose: () => M(null), children: [
-      /* @__PURE__ */ i(Wt, { children: "Delete theme" }),
-      /* @__PURE__ */ i(Ft, { children: /* @__PURE__ */ p(ue, { variant: "body2", children: [
+    /* @__PURE__ */ p(mt, { open: !!P, onClose: () => D(null), children: [
+      /* @__PURE__ */ i(Ft, { children: "Delete theme" }),
+      /* @__PURE__ */ i(Wt, { children: /* @__PURE__ */ p(ue, { variant: "body2", children: [
         "Delete “",
         P == null ? void 0 : P.name,
         "”? This cannot be undone."
       ] }) }),
       /* @__PURE__ */ p(zt, { children: [
-        /* @__PURE__ */ i(ke, { onClick: () => M(null), children: "Cancel" }),
+        /* @__PURE__ */ i(ke, { onClick: () => D(null), children: "Cancel" }),
         /* @__PURE__ */ i(ke, { color: "error", variant: "contained", onClick: () => {
-          x(P.id), M(null);
+          x(P.id), D(null);
         }, children: "Delete" })
       ] })
     ] })
@@ -4738,10 +4743,10 @@ function el({ value: e, onCommit: r, onWarnChange: t }) {
     }, 3e3));
   }, m = (y) => {
     const h = y.trim();
-    return Zs.test(h) ? (f(""), r(h), !0) : (f("Enter a valid hex colour, e.g. #1565c0"), !1);
+    return Zs.test(h) ? (f(""), r(h), !0) : (f("Enter a valid hex colour, e.g. #4F6BFF"), !1);
   };
   return n ? /* @__PURE__ */ i(
-    Wr,
+    Fr,
     {
       autoFocus: !0,
       value: s,
@@ -4774,7 +4779,7 @@ function el({ value: e, onCommit: r, onWarnChange: t }) {
   );
 }
 function tl() {
-  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 || "#1565c0", 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 = [
+  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" },
     { key: "h3Color", label: "H3 · Card Title" },
@@ -4869,7 +4874,7 @@ function tl() {
           /* @__PURE__ */ i(S, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "7px" }, children: b.map((v) => {
             const $ = !!o[v.key];
             return /* @__PURE__ */ p(S, { sx: { display: "flex", alignItems: "center", gap: "8px", background: a.card, border: `1px solid ${a.insetBd}`, borderRadius: "9px", px: "9px", py: "5px" }, children: [
-              /* @__PURE__ */ i(ht, { sk: a, w: 22, h: 22, r: 6, border: !0, value: o[v.key] || v.fb, onChange: (I) => s({ [v.key]: I }) }),
+              /* @__PURE__ */ i(ht, { sk: a, w: 22, h: 22, r: 6, border: !0, value: o[v.key] || v.fb, onChange: (H) => s({ [v.key]: H }) }),
               /* @__PURE__ */ i(S, { component: "span", sx: { ...c, flex: 1 }, children: v.label }),
               $ && /* @__PURE__ */ i(
                 S,
@@ -4889,47 +4894,47 @@ function tl() {
   ] });
 }
 function be(e) {
-  const { label: r, info: t, value: n, effective: o, min: s, max: a, step: l = 1, unit: c = "", autoLabel: g, autoValue: f = 0, softMin: m, softMax: y, floorValue: h, floorReset: x, floorMessage: u, extra: b, onChange: v } = e, $ = De(j((q) => q.settings.mode)), I = we(), C = `${I.bodyFam},sans-serif`, [w, H] = Z(!1), [W, B] = Z(String(o)), [X, Q] = Z(""), Y = Te(void 0);
+  const { label: r, info: t, value: n, effective: o, min: s, max: a, step: l = 1, unit: c = "", autoLabel: g, autoValue: f = 0, softMin: m, softMax: y, floorValue: h, floorReset: x, floorMessage: u, extra: b, onChange: v } = e, $ = De(j((K) => K.settings.mode)), H = we(), C = `${H.bodyFam},sans-serif`, [k, R] = Z(!1), [z, I] = Z(String(o)), [X, Q] = Z(""), Y = Te(void 0);
   _e(() => {
-    w || B(String(o));
-  }, [o, w]), _e(() => () => clearTimeout(Y.current), []);
-  const d = (q) => {
-    clearTimeout(Y.current), Q(q), q && (Y.current = setTimeout(() => Q(""), 3e3));
-  }, O = (q) => m != null && q < m ? `Below ${m}${c} may break the UI` : y != null && q > y ? `Above ${y}${c} may break the UI` : "", A = () => {
-    d(u ?? `Minimum is ${x}${c} — reset`), v(x), B(String(x));
-  }, _ = (q) => {
-    const U = parseFloat(q);
+    k || I(String(o));
+  }, [o, k]), _e(() => () => clearTimeout(Y.current), []);
+  const d = (K) => {
+    clearTimeout(Y.current), Q(K), K && (Y.current = setTimeout(() => Q(""), 3e3));
+  }, B = (K) => m != null && K < m ? `Below ${m}${c} may break the UI` : y != null && K > y ? `Above ${y}${c} may break the UI` : "", A = () => {
+    d(u ?? `Minimum is ${x}${c} — reset`), v(x), I(String(x));
+  }, L = (K) => {
+    const U = parseFloat(K);
     if (isNaN(U)) {
-      d("Enter a number"), B(String(o));
+      d("Enter a number"), I(String(o));
       return;
     }
     if (h != null && x != null && U <= h) {
       A();
       return;
     }
-    const G = Math.min(a, Math.max(s, U));
-    d(G !== U ? `Must be between ${s}${c} and ${a}${c} — clamped to ${G}${c}` : O(G)), B(String(G)), v(G);
-  }, L = n === f && g ? g : `${o}${c}`;
+    const J = Math.min(a, Math.max(s, U));
+    d(J !== U ? `Must be between ${s}${c} and ${a}${c} — clamped to ${J}${c}` : B(J)), I(String(J)), v(J);
+  }, N = n === f && g ? g : `${o}${c}`;
   return /* @__PURE__ */ p(S, { sx: { mb: 1.5 }, children: [
     /* @__PURE__ */ p(S, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: "8px" }, children: [
-      /* @__PURE__ */ p(ue, { sx: { fontSize: `${I.tBodySm}px`, fontWeight: I.bwEmph, fontFamily: C, lineHeight: I.bodyLH, color: $.label2, display: "flex", alignItems: "center", gap: "5px" }, children: [
+      /* @__PURE__ */ p(ue, { sx: { fontSize: `${H.tBodySm}px`, fontWeight: H.bwEmph, fontFamily: C, lineHeight: H.bodyLH, color: $.label2, display: "flex", alignItems: "center", gap: "5px" }, children: [
         r,
         t && /* @__PURE__ */ i(ze, { title: t, arrow: !0, slotProps: { popper: { style: { pointerEvents: "none" } } }, children: /* @__PURE__ */ i(S, { component: "span", sx: { width: 13, height: 13, borderRadius: "50%", border: `1.1px solid ${$.chevron}`, color: $.chevron, fontSize: 8, fontWeight: 800, fontStyle: "italic", fontFamily: "Georgia, serif", display: "inline-grid", placeItems: "center", cursor: "help" }, children: "i" }) })
       ] }),
       /* @__PURE__ */ p(S, { sx: { display: "flex", alignItems: "center", gap: "5px", flexShrink: 0 }, children: [
-        w ? /* @__PURE__ */ i(
-          Wr,
+        k ? /* @__PURE__ */ i(
+          Fr,
           {
             autoFocus: !0,
-            value: W,
-            onChange: (q) => B(q.target.value),
+            value: z,
+            onChange: (K) => I(K.target.value),
             onBlur: () => {
-              _(W), H(!1);
+              L(z), R(!1);
             },
-            onKeyDown: (q) => {
-              q.key === "Enter" && (_(W), H(!1)), q.key === "Escape" && H(!1);
+            onKeyDown: (K) => {
+              K.key === "Enter" && (L(z), R(!1)), K.key === "Escape" && R(!1);
             },
-            sx: { width: 56, fontSize: `${I.tBodySm}px`, fontWeight: 700, fontFamily: C, border: "1.5px solid", borderColor: "primary.main", borderRadius: "6px", px: "6px", py: "3px", "& input": { p: 0, textAlign: "center" } }
+            sx: { width: 56, fontSize: `${H.tBodySm}px`, fontWeight: 700, fontFamily: C, border: "1.5px solid", borderColor: "primary.main", borderRadius: "6px", px: "6px", py: "3px", "& input": { p: 0, textAlign: "center" } }
           }
         ) : (
           // Value pill — the HTML dc-inline summary: value + pencil edit icon (click to edit inline).
@@ -4938,11 +4943,11 @@ function be(e) {
             {
               component: "button",
               onClick: () => {
-                B(String(o)), H(!0);
+                I(String(o)), R(!0);
               },
-              sx: { display: "inline-flex", alignItems: "center", gap: "5px", fontFamily: C, fontSize: `${I.tBodySm}px`, fontWeight: 800, color: $.body, bgcolor: "rgba(130,140,155,0.14)", border: "1px solid rgba(130,140,155,0.28)", borderRadius: "6px", px: "7px", py: "2px", cursor: "pointer", lineHeight: 1.3, "&:hover": { bgcolor: "rgba(130,140,155,0.24)" } },
+              sx: { display: "inline-flex", alignItems: "center", gap: "5px", fontFamily: C, fontSize: `${H.tBodySm}px`, fontWeight: 800, color: $.body, bgcolor: "rgba(130,140,155,0.14)", border: "1px solid rgba(130,140,155,0.28)", borderRadius: "6px", px: "7px", py: "2px", cursor: "pointer", lineHeight: 1.3, "&:hover": { bgcolor: "rgba(130,140,155,0.24)" } },
               children: [
-                L,
+                N,
                 /* @__PURE__ */ p("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", style: { display: "block", flexShrink: 0 }, children: [
                   /* @__PURE__ */ i("path", { d: "M12 20h9" }),
                   /* @__PURE__ */ i("path", { d: "M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z" })
@@ -4963,13 +4968,13 @@ function be(e) {
         max: a,
         step: l,
         value: o,
-        onChange: (q) => {
-          const U = parseFloat(q.target.value);
+        onChange: (K) => {
+          const U = parseFloat(K.target.value);
           if (h != null && x != null && U <= h) {
             A();
             return;
           }
-          d(O(U)), v(U);
+          d(B(U)), v(U);
         },
         sx: {
           WebkitAppearance: "none",
@@ -4997,9 +5002,9 @@ function be(e) {
       px: "10px",
       py: "6px",
       borderRadius: "8px",
-      bgcolor: I.warnSoft,
-      border: `1px solid ${I.warnTxt}`,
-      color: I.warnTxt,
+      bgcolor: H.warnSoft,
+      border: `1px solid ${H.warnTxt}`,
+      color: H.warnTxt,
       fontSize: 12,
       fontWeight: 600
     }, children: [
@@ -5034,7 +5039,7 @@ const rl = [
   { key: "Plus Jakarta Sans", label: "Jakarta" }
 ];
 function Vt({ label: e, fam: r, active: t, onClick: n }) {
-  const o = j((f) => f.settings.mode), s = j((f) => f.settings.primaryHex) || "#1565c0", a = j((f) => f.settings.highlightHex) || "#ffd400", l = o === "dark", c = Re(s), g = pe(a, l ? 0.3 : 0.18);
+  const o = j((f) => f.settings.mode), s = j((f) => f.settings.primaryHex) || "#4F6BFF", a = j((f) => f.settings.highlightHex) || "#ffd400", l = o === "dark", c = Re(s), g = pe(a, l ? 0.3 : 0.18);
   return /* @__PURE__ */ i(S, { onClick: n, sx: { py: "17px", px: "4px", borderRadius: "10px", textAlign: "center", cursor: "pointer", border: `1px solid ${t ? l ? c[400] : s : l ? "#363d48" : "#e3e8ee"}`, bgcolor: t ? g : l ? "#262b34" : "#ffffff", transition: "all .14s ease", "&:hover": t ? {} : { borderColor: l ? "#4a5361" : "#c9d0d9" } }, children: /* @__PURE__ */ i(S, { sx: { fontFamily: `${r}, sans-serif`, fontSize: 13, fontWeight: 700, lineHeight: 1, color: t ? l ? c[200] : c[700] : l ? "#aeb6c0" : "#5a6573" }, children: e }) });
 }
 const ol = ["woff2", "woff", "ttf", "otf"], il = 10 * 1024 * 1024, al = (e) => new Promise((r, t) => {
@@ -5058,7 +5063,7 @@ const ol = ["woff2", "woff", "ttf", "otf"], il = 10 * 1024 * 1024, al = (e) => n
     clearTimeout(t), r(!1);
   }
 });
-function Wn({ label: e, list: r, onAdd: t }) {
+function Fn({ 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) => {
@@ -5068,27 +5073,27 @@ function Wn({ label: e, list: r, onAdd: t }) {
     const m = Array.from(f.target.files ?? []);
     if (f.target.value = "", !m.length) return;
     const y = [], h = [], x = [], u = [], b = [];
-    for (const I of m) {
-      const C = (($ = I.name.split(".").pop()) == null ? void 0 : $.toLowerCase()) || "";
+    for (const H of m) {
+      const C = (($ = H.name.split(".").pop()) == null ? void 0 : $.toLowerCase()) || "";
       if (!ol.includes(C)) {
-        x.push(I.name);
+        x.push(H.name);
         continue;
       }
-      if (I.size > il) {
-        u.push(I.name);
+      if (H.size > il) {
+        u.push(H.name);
         continue;
       }
-      if (!await sl(I)) {
-        b.push(I.name);
+      if (!await sl(H)) {
+        b.push(H.name);
         continue;
       }
-      const w = I.name.replace(/\.[^.]+$/, ""), H = (B) => B.toLowerCase() === w.toLowerCase();
-      if (r.some((B) => H(B.name)) || y.some((B) => H(B.name))) {
-        h.push(w);
+      const k = H.name.replace(/\.[^.]+$/, ""), R = (I) => I.toLowerCase() === k.toLowerCase();
+      if (r.some((I) => R(I.name)) || y.some((I) => R(I.name))) {
+        h.push(k);
         continue;
       }
-      const W = await al(I);
-      co(w, W), y.push({ name: w, dataUrl: W });
+      const z = await al(H);
+      co(k, z), y.push({ name: k, dataUrl: z });
     }
     y.length && t(y);
     const v = [];
@@ -5118,7 +5123,7 @@ function dl() {
     isNaN(f) || r({ scaleRatioCustom: f }), s(!1);
   };
   return o ? /* @__PURE__ */ i(
-    Wr,
+    Fr,
     {
       autoFocus: !0,
       value: l,
@@ -5167,14 +5172,14 @@ function cl() {
           rl.map((o) => /* @__PURE__ */ i(Vt, { label: o.label, sub: o.sub, fam: o.key, active: t.fontFamily === o.key, onClick: () => n({ fontFamily: o.key }) }, o.key)),
           t.customFonts.map((o) => /* @__PURE__ */ i(Vt, { label: o.name, sub: "Custom", fam: o.name, active: t.fontFamily === o.name, onClick: () => n({ fontFamily: o.name }) }, o.name))
         ] }),
-        /* @__PURE__ */ i(Wn, { label: "Upload custom font", list: t.customFonts, onAdd: (o) => n({ customFonts: [...o, ...t.customFonts], fontFamily: o[0].name }) })
+        /* @__PURE__ */ i(Fn, { label: "Upload custom font", list: t.customFonts, onAdd: (o) => n({ customFonts: [...o, ...t.customFonts], fontFamily: o[0].name }) })
       ] }),
       e === "headFont" && /* @__PURE__ */ p(ge, { children: [
         /* @__PURE__ */ p(S, { sx: { display: "grid", gridTemplateColumns: "repeat(3,1fr)", gap: "10px" }, children: [
           nl.map((o) => /* @__PURE__ */ i(Vt, { label: o.label, fam: o.key, active: t.headingFont === o.key, onClick: () => n({ headingFont: o.key }) }, o.key)),
           t.customHeadFonts.map((o) => /* @__PURE__ */ i(Vt, { label: o.name, sub: "Custom", fam: o.name, active: t.headingFont === o.name, onClick: () => n({ headingFont: o.name }) }, o.name))
         ] }),
-        /* @__PURE__ */ i(Wn, { label: "Upload heading font", list: t.customHeadFonts, onAdd: (o) => n({ customHeadFonts: [...o, ...t.customHeadFonts], headingFont: o[0].name }) })
+        /* @__PURE__ */ i(Fn, { label: "Upload heading font", list: t.customHeadFonts, onAdd: (o) => n({ customHeadFonts: [...o, ...t.customHeadFonts], headingFont: o[0].name }) })
       ] }),
       e === "headText" && /* @__PURE__ */ p(ge, { children: [
         /* @__PURE__ */ i(be, { label: "H1 size", info: "All heading levels scale from H1 by a modular ratio (configurable via the gear icon).", value: t.h1Size, effective: t.h1Size || 20, min: 18, max: 56, unit: "px", extra: /* @__PURE__ */ i(dl, {}), onChange: (o) => n({ h1Size: o }) }),
@@ -5190,9 +5195,9 @@ function cl() {
   ] });
 }
 function He({ options: e, value: r, columns: t = 3, onChange: n }) {
-  const o = j((v) => v.settings.mode), s = j((v) => v.settings.primaryHex) || "#1565c0", a = j((v) => v.settings.highlightHex) || "#ffd400", l = o === "dark", c = Re(s), g = we(), f = `${g.bodyFam},sans-serif`, m = pe(a, l ? 0.3 : 0.18), y = l ? c[400] : s, h = l ? c[200] : c[700], x = l ? "#262b34" : "#ffffff", u = l ? "#363d48" : "#e3e8ee", b = l ? "#aeb6c0" : "#5a6573";
+  const o = j((v) => v.settings.mode), s = j((v) => v.settings.primaryHex) || "#4F6BFF", a = j((v) => v.settings.highlightHex) || "#ffd400", l = o === "dark", c = Re(s), g = we(), f = `${g.bodyFam},sans-serif`, m = pe(a, l ? 0.3 : 0.18), y = l ? c[400] : s, h = l ? c[200] : c[700], x = l ? "#262b34" : "#ffffff", u = l ? "#363d48" : "#e3e8ee", b = l ? "#aeb6c0" : "#5a6573";
   return /* @__PURE__ */ i(S, { sx: { display: "grid", gridTemplateColumns: `repeat(${t}, 1fr)`, gap: "6px" }, children: e.map((v) => {
-    const $ = v.key === r, I = /* @__PURE__ */ i(
+    const $ = v.key === r, H = /* @__PURE__ */ i(
       S,
       {
         onClick: () => n(v.key),
@@ -5216,7 +5221,7 @@ function He({ options: e, value: r, columns: t = 3, onChange: n }) {
       },
       v.key
     );
-    return v.info ? /* @__PURE__ */ i(ze, { title: v.info, arrow: !0, slotProps: { popper: { style: { pointerEvents: "none" } } }, children: I }, v.key) : I;
+    return v.info ? /* @__PURE__ */ i(ze, { title: v.info, arrow: !0, slotProps: { popper: { style: { pointerEvents: "none" } } }, children: H }, v.key) : H;
   }) });
 }
 const Ut = { outlined: 0, soft: 6, floating: 24 }, Gt = { plain: 0, tinted: 40, accent: 60 }, pl = { bordered: 0, recessed: 6, lighter: 4 };
@@ -5480,16 +5485,16 @@ function yl({ src: e, aspect: r, onCancel: t, onConfirm: n }) {
       n(e);
       return;
     }
-    const v = (b || x).getBoundingClientRect(), $ = 1e3, I = Math.round($ * r), C = I / v.width, w = document.createElement("canvas");
-    w.width = I, w.height = $;
-    const H = w.getContext("2d");
-    if (!H) {
+    const v = (b || x).getBoundingClientRect(), $ = 1e3, H = Math.round($ * r), C = H / v.width, k = document.createElement("canvas");
+    k.width = H, k.height = $;
+    const R = k.getContext("2d");
+    if (!R) {
       n(e);
       return;
     }
-    const W = u.getBoundingClientRect(), B = (W.left - v.left) * C, X = (W.top - v.top) * C, Q = W.width * C, Y = W.height * C;
+    const z = u.getBoundingClientRect(), I = (z.left - v.left) * C, X = (z.top - v.top) * C, Q = z.width * C, Y = z.height * C;
     try {
-      H.drawImage(u, B, X, Q, Y), n(w.toDataURL("image/png"));
+      R.drawImage(u, I, X, Q, Y), n(k.toDataURL("image/png"));
     } catch {
       n(e);
     }
@@ -5577,56 +5582,56 @@ const xl = [
   setStudioOpen: (r) => e({ studioOpen: r })
 }));
 function Sl({ onClose: e }) {
-  var F, k, D, E;
-  const r = nt((R) => R.openSection), t = nt((R) => R.setOpenSection), n = nt((R) => R.setPreviewScreen), o = nt((R) => R.previewScreen), s = nt((R) => R.previewMenuOpen), a = nt((R) => R.setPreviewMenuOpen), l = j((R) => R.settings), c = j((R) => R.savedThemes), g = j((R) => R.editingSavedId), f = j((R) => R.isDirty), m = j((R) => R.set), y = j((R) => R.reset), h = De(l.mode), x = Te("theme"), [u, b] = Z(!1), v = (R, K) => {
-    const le = r !== R;
-    t(le ? R : ""), a(!1), le && x.current !== R && (n(K), x.current = R);
-  }, $ = ((F = c.find((R) => R.id === g)) == null ? void 0 : F.name) || ((k = Qt.find((R) => R.id === l.presetId)) == null ? void 0 : k.name) || ((D = c.find((R) => R.id === l.presetId)) == null ? void 0 : D.name) || "Custom Theme", I = f(), C = ((E = Qt.find((R) => R.id === Oe.presetId)) == null ? void 0 : E.name) ?? "default", w = { fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }, H = ({ children: R }) => /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", ...w, children: R }), W = /* @__PURE__ */ p(H, { children: [
+  var M, w, O, F;
+  const r = nt((E) => E.openSection), t = nt((E) => E.setOpenSection), n = nt((E) => E.setPreviewScreen), o = nt((E) => E.previewScreen), s = nt((E) => E.previewMenuOpen), a = nt((E) => E.setPreviewMenuOpen), l = j((E) => E.settings), c = j((E) => E.savedThemes), g = j((E) => E.editingSavedId), f = j((E) => E.isDirty), m = j((E) => E.set), y = j((E) => E.reset), h = De(l.mode), x = Te("theme"), [u, b] = Z(!1), v = (E, W) => {
+    const te = r !== E;
+    t(te ? E : ""), a(!1), te && x.current !== E && (n(W), x.current = E);
+  }, $ = ((M = c.find((E) => E.id === g)) == null ? void 0 : M.name) || ((w = Qt.find((E) => E.id === l.presetId)) == null ? void 0 : w.name) || ((O = c.find((E) => E.id === l.presetId)) == null ? void 0 : O.name) || "Custom Theme", H = f(), C = ((F = Qt.find((E) => E.id === Oe.presetId)) == null ? void 0 : F.name) ?? "default", k = { fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }, R = ({ children: E }) => /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", ...k, children: E }), z = /* @__PURE__ */ p(R, { children: [
     /* @__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" }),
     /* @__PURE__ */ i("circle", { cx: "6.5", cy: "12.5", r: "2.5" }),
     /* @__PURE__ */ i("path", { d: "M12 2a10 10 0 0 0 0 20 3 3 0 0 0 0-6 2 2 0 0 1 0-4 4 4 0 0 0 4-4 6 6 0 0 0-4-6z" })
-  ] }), B = /* @__PURE__ */ p(S, { sx: { display: "flex", gap: "2px", width: 14, height: 14 }, children: [
+  ] }), I = /* @__PURE__ */ p(S, { sx: { display: "flex", gap: "2px", width: 14, height: 14 }, children: [
     /* @__PURE__ */ i(S, { sx: { flex: 1, background: l.secondaryHex, borderRadius: "2px" } }),
     /* @__PURE__ */ i(S, { sx: { flex: 1, background: l.errorHex, borderRadius: "2px" } }),
     /* @__PURE__ */ i(S, { sx: { flex: 1, background: l.successHex, borderRadius: "2px" } })
-  ] }), X = /* @__PURE__ */ p(H, { children: [
+  ] }), X = /* @__PURE__ */ p(R, { children: [
     /* @__PURE__ */ i("path", { d: "M4 20 9 5l5 15M6 14h6" }),
     /* @__PURE__ */ i("path", { d: "M15 20l3-9 3 9M16.2 17h3.6" })
-  ] }), Q = /* @__PURE__ */ p(H, { children: [
+  ] }), Q = /* @__PURE__ */ p(R, { children: [
     /* @__PURE__ */ i("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
     /* @__PURE__ */ i("path", { d: "M3 9h18" })
-  ] }), Y = /* @__PURE__ */ p(H, { children: [
+  ] }), Y = /* @__PURE__ */ p(R, { children: [
     /* @__PURE__ */ i("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
     /* @__PURE__ */ i("path", { d: "M3 9h18M3 15h18M9 3v18" })
-  ] }), d = /* @__PURE__ */ i(H, { children: /* @__PURE__ */ i("rect", { x: "4", y: "4", width: "16", height: "16", rx: "4" }) }), O = /* @__PURE__ */ p(ge, { children: [
-    /* @__PURE__ */ p(H, { children: [
+  ] }), d = /* @__PURE__ */ i(R, { children: /* @__PURE__ */ i("rect", { x: "4", y: "4", width: "16", height: "16", rx: "4" }) }), B = /* @__PURE__ */ p(ge, { children: [
+    /* @__PURE__ */ p(R, { children: [
       /* @__PURE__ */ i("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }),
       /* @__PURE__ */ i("path", { d: "M10 21a2 2 0 0 0 4 0" })
     ] }),
     /* @__PURE__ */ i(S, { sx: { position: "absolute", top: "6px", right: "6px", width: 7, height: 7, borderRadius: "50%", background: l.primaryHex, border: `1.5px solid ${h.iconTile}` } })
-  ] }), A = /* @__PURE__ */ p(H, { children: [
+  ] }), A = /* @__PURE__ */ p(R, { children: [
     /* @__PURE__ */ i("path", { d: "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" }),
     /* @__PURE__ */ i("path", { d: "M10 17l5-5-5-5" }),
     /* @__PURE__ */ i("path", { d: "M15 12H3" })
-  ] }), _ = l.mode === "dark", L = (R) => R.charAt(0).toUpperCase() + R.slice(1), q = { sm: "Small", df: "Default", lg: "Large" }, U = { sharp: "Sharp", rounded: "Rounded", round: "Round" }, G = { compact: "Compact", default: "Default", comfortable: "Comfortable" }, P = { flat: "Flat", outlined: "Outlined", soft: "Soft", raised: "Raised", elevated: "Elevated", floating: "Floating" }, M = { split: "Split Brand", centered: "Centered Card" }, J = { "top-center": "Top Center", "top-right": "Top Right", "bottom-left": "Bottom Left", "bottom-right": "Bottom Right" }, V = {
-    theme: `${$} · ${_ ? "Dark" : "Light"}`,
+  ] }), L = l.mode === "dark", N = (E) => E.charAt(0).toUpperCase() + E.slice(1), K = { sm: "Small", df: "Default", lg: "Large" }, U = { sharp: "Sharp", rounded: "Rounded", round: "Round" }, J = { compact: "Compact", default: "Default", comfortable: "Comfortable" }, P = { flat: "Flat", outlined: "Outlined", soft: "Soft", raised: "Raised", elevated: "Elevated", floating: "Floating" }, D = { split: "Split Brand", centered: "Centered Card" }, q = { "top-center": "Top Center", "top-right": "Top Right", "bottom-left": "Bottom Left", "bottom-right": "Bottom Right" }, V = {
+    theme: `${$} · ${L ? "Dark" : "Light"}`,
     color: "Secondary & status colours",
-    type: `${l.fontFamily} · ${q[l.textSize] ?? "Default"}`,
+    type: `${l.fontFamily} · ${K[l.textSize] ?? "Default"}`,
     cards: "Card style, header, nesting & surface tint",
     tables: "Table row density, dividers, striping & header style — previewed on the Orders screen",
-    shape: `${U[l.radiusPreset] ?? "Custom"} · ${G[l.density] ?? "Default"} · ${P[l.cardStyle] ?? ""}`,
-    notif: `${J[l.notifPosition] ?? ""} · ${L(l.notifStyle)}`,
-    login: `${M[l.loginLayout] ?? ""}${l.loginImage ? " · image" : ""}`
-  }, N = [
-    { id: "theme", title: "Theme Settings", info: "Presets, saved themes & light/dark mode.", icon: W, screen: "dashboard", body: /* @__PURE__ */ i(Xs, {}) },
-    { id: "color", title: "Colour Settings", info: "Brand, text & status colours.", icon: B, screen: "components", body: /* @__PURE__ */ i(tl, {}) },
+    shape: `${U[l.radiusPreset] ?? "Custom"} · ${J[l.density] ?? "Default"} · ${P[l.cardStyle] ?? ""}`,
+    notif: `${q[l.notifPosition] ?? ""} · ${N(l.notifStyle)}`,
+    login: `${D[l.loginLayout] ?? ""}${l.loginImage ? " · image" : ""}`
+  }, G = [
+    { id: "theme", title: "Theme Settings", info: "Presets, saved themes & light/dark mode.", icon: z, screen: "dashboard", body: /* @__PURE__ */ i(Xs, {}) },
+    { id: "color", title: "Colour Settings", info: "Brand, text & status colours.", icon: I, screen: "components", body: /* @__PURE__ */ i(tl, {}) },
     { id: "type", title: "Typography", info: "Fonts, sizes, weight & line-height.", icon: X, screen: "components", body: /* @__PURE__ */ i(cl, {}) },
     { id: "cards", title: "Cards", info: "Card style, header, nesting & tint.", icon: Q, screen: "dashboard", body: /* @__PURE__ */ i(ul, {}) },
     { id: "tables", title: "Tables", info: "Row/column density, dividers & alignment.", icon: Y, screen: "orders", body: /* @__PURE__ */ i(fl, {}) },
     { id: "shape", title: "Surface & Shape", info: "Radius, density, elevation & spacing.", icon: d, screen: "dashboard", body: /* @__PURE__ */ i(hl, {}) },
-    { id: "notif", title: "Notifications", info: "Toast placement & behaviour.", icon: O, screen: "operations", body: /* @__PURE__ */ i(gl, {}) },
+    { id: "notif", title: "Notifications", info: "Toast placement & behaviour.", icon: B, screen: "operations", body: /* @__PURE__ */ i(gl, {}) },
     { id: "login", title: "Login Screen", info: "Brand image, logo & panel colour.", icon: A, screen: "login", body: /* @__PURE__ */ i(bl, {}) }
   ];
   return /* @__PURE__ */ p(S, { sx: { display: "flex", flexDirection: "column", bgcolor: h.card }, children: [
@@ -5637,21 +5642,21 @@ function Sl({ onClose: e }) {
       ] }),
       /* @__PURE__ */ p(S, { sx: { flex: 1, minWidth: 0, display: "flex", alignItems: "center", gap: "6px" }, children: [
         /* @__PURE__ */ i(ue, { variant: "caption", sx: { minWidth: 0, fontWeight: 800, color: h.text, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: $ }),
-        I && /* @__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 } }) })
+        H && /* @__PURE__ */ i(ze, { title: "Unsaved changes", arrow: !0, slotProps: { popper: { style: { pointerEvents: "none" } } }, children: /* @__PURE__ */ i(S, { component: "span", sx: { width: 6, height: 6, borderRadius: "50%", bgcolor: "error.main", flexShrink: 0 } }) })
       ] }),
       /* @__PURE__ */ i(ze, { title: "Reset to defaults", arrow: !0, slotProps: { popper: { style: { pointerEvents: "none" } } }, children: /* @__PURE__ */ i(Pr, { size: "small", onClick: () => b(!0), sx: { bgcolor: "action.selected" }, children: /* @__PURE__ */ i(_s, { sx: { fontSize: 16 } }) }) }),
       /* @__PURE__ */ i(ze, { title: l.mode === "dark" ? "Switch to light" : "Switch to dark", arrow: !0, slotProps: { popper: { style: { pointerEvents: "none" } } }, children: /* @__PURE__ */ i(Pr, { size: "small", onClick: () => m({ mode: l.mode === "dark" ? "light" : "dark" }), sx: { bgcolor: "action.selected" }, children: l.mode === "dark" ? /* @__PURE__ */ i(Ns, { sx: { fontSize: 16 } }) : /* @__PURE__ */ i(Ls, { sx: { fontSize: 16 } }) }) })
     ] }),
-    s && /* @__PURE__ */ p(S, { sx: { borderBottom: "1px solid", borderColor: "divider", borderLeft: "3px solid #eab308", bgcolor: (R) => R.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: (R) => R.palette.mode === "dark" ? "#f2cd5c" : "#854d0e", mb: 1 }, children: "Previewing Screen" }),
-      /* @__PURE__ */ i(S, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gap: 0.75 }, children: vl.map((R) => {
-        const K = o === R.key;
+    s && /* @__PURE__ */ p(S, { sx: { borderBottom: "1px solid", borderColor: "divider", borderLeft: "3px solid #eab308", bgcolor: (E) => E.palette.mode === "dark" ? "rgba(234,179,8,0.14)" : "#fef9c3", px: 1.6, py: 1.5 }, children: [
+      /* @__PURE__ */ i(ue, { sx: { fontSize: 10, fontWeight: 800, textTransform: "uppercase", letterSpacing: ".6px", color: (E) => E.palette.mode === "dark" ? "#f2cd5c" : "#854d0e", mb: 1 }, children: "Previewing Screen" }),
+      /* @__PURE__ */ i(S, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gap: 0.75 }, children: vl.map((E) => {
+        const W = o === E.key;
         return /* @__PURE__ */ i(
           S,
           {
             component: "button",
             onClick: () => {
-              o !== R.key && n(R.key), a(!1);
+              o !== E.key && n(E.key), a(!1);
             },
             sx: {
               px: 0.75,
@@ -5659,34 +5664,34 @@ function Sl({ onClose: e }) {
               borderRadius: 2,
               cursor: "pointer",
               fontSize: 11,
-              fontWeight: K ? 800 : 600,
+              fontWeight: W ? 800 : 600,
               whiteSpace: "nowrap",
               overflow: "hidden",
               textOverflow: "ellipsis",
               border: "1.5px solid",
-              borderColor: K ? "#d4a915" : "#e6dca8",
-              bgcolor: K ? "#fde68a" : "background.paper",
-              color: K ? "#713f12" : "text.secondary"
+              borderColor: W ? "#d4a915" : "#e6dca8",
+              bgcolor: W ? "#fde68a" : "background.paper",
+              color: W ? "#713f12" : "text.secondary"
             },
-            children: R.label
+            children: E.label
           },
-          R.key
+          E.key
         );
       }) })
     ] }),
-    N.map((R) => /* @__PURE__ */ i(
+    G.map((E) => /* @__PURE__ */ i(
       Ks,
       {
-        icon: R.icon,
-        title: R.title,
-        info: V[R.id] ?? R.info,
-        open: r === R.id,
-        dimmed: r !== "" && r !== R.id,
-        onToggle: () => v(R.id, R.screen),
+        icon: E.icon,
+        title: E.title,
+        info: V[E.id] ?? E.info,
+        open: r === E.id,
+        dimmed: r !== "" && r !== E.id,
+        onToggle: () => v(E.id, E.screen),
         onPreviewMenu: () => a(!s),
-        children: R.body
+        children: E.body
       },
-      R.id
+      E.id
     )),
     /* @__PURE__ */ p(mt, { open: u, onClose: () => b(!1), PaperProps: { sx: { borderRadius: 3, width: 320, p: 2.5 } }, children: [
       /* @__PURE__ */ i(ue, { sx: { fontSize: 15, fontWeight: 800, mb: 0.75 }, children: "Reset everything?" }),
@@ -5704,7 +5709,7 @@ function Sl({ onClose: e }) {
     ] })
   ] });
 }
-const Cl = It(/* @__PURE__ */ i("path", {
+const Cl = At(/* @__PURE__ */ i("path", {
   d: "M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7v2H8v2h8v-2h-2v-2h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 14H3V4h18z"
 }), "DesktopWindowsOutlined");
 function Ur(e, r, t) {
@@ -5747,12 +5752,12 @@ function po(e, r, t) {
 }
 const wl = ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], kl = [44, 60, 50, 74, 88, 96], Tl = [24, 32, 30, 42, 52, 60];
 function Rl() {
-  const 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, tH4: y, wH1: h, headFam: x, headLH: u, accentBg: b, btnText: v, tBodySm: $, bwEmph: I, btnCase: C, bodyWeightEff: w, bodyLH: H, tCaption: W, pMain: B, sMain: X } = e, Q = x + ",sans-serif", Y = r.fontFamily + ",sans-serif", d = e.hc1 || t.textPrimary, O = e.hc2 || t.textPrimary, A = e.hc3 || t.textPrimary, _ = [
+  const e = we(), r = j((M) => M.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: c, tH1: g, tH2: f, tTitle: m, tH4: y, wH1: h, headFam: x, headLH: u, accentBg: b, btnText: v, tBodySm: $, bwEmph: H, btnCase: C, bodyWeightEff: k, bodyLH: R, tCaption: z, pMain: I, sMain: X } = e, Q = x + ",sans-serif", Y = r.fontFamily + ",sans-serif", d = e.hc1 || t.textPrimary, B = e.hc2 || t.textPrimary, A = e.hc3 || t.textPrimary, L = [
     { label: "Revenue", val: "$2.41M", chg: "+12.5%", up: !0 },
     { label: "Open Orders", val: "1,284", chg: "+3.2%", up: !0 },
     { label: "Inventory", val: "8,540", chg: "-1.8%", up: !1 },
     { label: "Active Users", val: "342", chg: "+5", up: !0 }
-  ].map((F) => ({ ...F, cc: F.up ? e.sucTxt : e.errTxt, cb: F.up ? e.sucSoft : e.errSoft, arrow: F.up ? "▲" : "▼" })), L = (F) => F === "✓" ? { cb: e.sucSoft, cc: e.sucTxt } : F === "!" ? { cb: e.warnSoft, cc: e.warnTxt } : F === "+" ? { cb: e.infoSoft, cc: e.infoTxt } : { cb: t.pContainer, cc: e.isDark ? t.pLight : t.pDark }, q = [
+  ].map((M) => ({ ...M, cc: M.up ? e.sucTxt : e.errTxt, cb: M.up ? e.sucSoft : e.errSoft, arrow: M.up ? "▲" : "▼" })), N = (M) => M === "✓" ? { cb: e.sucSoft, cc: e.sucTxt } : M === "!" ? { cb: e.warnSoft, cc: e.warnTxt } : M === "+" ? { cb: e.infoSoft, cc: e.infoTxt } : { cb: t.pContainer, cc: e.isDark ? t.pLight : t.pDark }, K = [
     { title: "Order ORD-1042 delivered to Acme Corp", time: "2m ago", ic: "✓" },
     { title: "Invoice #4821 paid — $12,400", time: "18m ago", ic: "$" },
     { title: "Low stock alert: Widget Pro (12 left)", time: "1h ago", ic: "!" },
@@ -5769,57 +5774,57 @@ function Rl() {
     { title: "New user invited — M. Fernandez", time: "19h ago", ic: "+" },
     { title: "Quarterly report scheduled", time: "21h ago", ic: "▤" },
     { title: "Order ORD-1039 delivered to Oscorp", time: "23h ago", ic: "✓" }
-  ].map((F) => ({ ...F, ...L(F.ic) })), [U, G] = Ur(5, 4, q.length), P = q.slice(0, G), M = e.cardBorder === "none" ? "none" : e.cardBorder, J = { background: t.paper, border: M, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, V = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, N = { fontSize: m, lineHeight: u, fontWeight: h, color: A, fontFamily: Q };
-  return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: M, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: Y, fontWeight: w, color: t.textPrimary }, children: [
+  ].map((M) => ({ ...M, ...N(M.ic) })), [U, J] = Ur(5, 4, K.length), P = K.slice(0, J), D = e.cardBorder === "none" ? "none" : e.cardBorder, q = { background: t.paper, border: D, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, V = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, G = { fontSize: m, lineHeight: u, fontWeight: h, color: A, fontFamily: Q };
+  return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: D, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: Y, fontWeight: k, color: t.textPrimary }, children: [
     /* @__PURE__ */ p("div", { style: { padding: s, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between", gap: 14 }, children: [
       /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
         /* @__PURE__ */ i("div", { style: { fontSize: g, lineHeight: u, fontWeight: h, color: d, letterSpacing: "-.3px", fontFamily: Q }, children: "Dashboard" }),
-        /* @__PURE__ */ i("span", { title: "Good morning, Admin · Jun 21, 2026", style: { width: 16, height: 16, borderRadius: "50%", border: "1.2px solid " + t.textSecondary, color: t.textSecondary, fontSize: 9.5, fontWeight: I, fontStyle: "italic", fontFamily: "Georgia,serif", display: "grid", placeItems: "center", flexShrink: 0, cursor: "help" }, children: "i" })
+        /* @__PURE__ */ i("span", { title: "Good morning, Admin · Jun 21, 2026", style: { width: 16, height: 16, borderRadius: "50%", border: "1.2px solid " + t.textSecondary, color: t.textSecondary, fontSize: 9.5, fontWeight: H, fontStyle: "italic", fontFamily: "Georgia,serif", display: "grid", placeItems: "center", flexShrink: 0, cursor: "help" }, children: "i" })
       ] }),
-      /* @__PURE__ */ i("button", { style: { padding: "10px 20px", borderRadius: o, border: "none", background: b, color: v, fontSize: $, fontWeight: I, textTransform: C, letterSpacing: ".4px", boxShadow: e.btnShadow, whiteSpace: "nowrap", cursor: "pointer" }, children: "+ New" })
+      /* @__PURE__ */ i("button", { style: { padding: "10px 20px", borderRadius: o, border: "none", background: b, color: v, fontSize: $, fontWeight: H, textTransform: C, letterSpacing: ".4px", boxShadow: e.btnShadow, whiteSpace: "nowrap", cursor: "pointer" }, children: "+ New" })
     ] }),
     /* @__PURE__ */ p("div", { style: { padding: c, background: t.bgDefault, display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: [
-      /* @__PURE__ */ p("div", { style: { ...J, marginBottom: l }, children: [
+      /* @__PURE__ */ p("div", { style: { ...q, marginBottom: l }, children: [
         /* @__PURE__ */ p("div", { style: V, children: [
-          /* @__PURE__ */ i("span", { style: { ...N }, children: "Performance Overview" }),
-          /* @__PURE__ */ i("span", { style: { fontSize: W, color: t.textSecondary, fontWeight: I }, children: "This month" })
+          /* @__PURE__ */ i("span", { style: { ...G }, children: "Performance Overview" }),
+          /* @__PURE__ */ i("span", { style: { fontSize: z, color: t.textSecondary, fontWeight: H }, children: "This month" })
         ] }),
-        /* @__PURE__ */ i("div", { style: { padding: s, display: "grid", gridTemplateColumns: "repeat(4,1fr)", gap: l }, children: _.map((F) => /* @__PURE__ */ p("div", { style: { background: t.paper2, border: e.nestBorder, borderRadius: o, boxShadow: e.nestShadow, padding: a }, children: [
-          /* @__PURE__ */ i("div", { style: { fontSize: y, color: t.textSecondary, fontWeight: h, fontFamily: Q, textTransform: "uppercase", letterSpacing: ".6px", marginBottom: 8 }, children: F.label }),
-          /* @__PURE__ */ i("div", { style: { fontSize: f, fontWeight: h, color: O, letterSpacing: "-.8px", lineHeight: 1, marginBottom: 6 }, children: F.val }),
-          /* @__PURE__ */ p("span", { style: { fontSize: W, fontWeight: I, color: F.cc, background: F.cb, padding: "3px 9px", borderRadius: 999 }, children: [
-            F.arrow,
+        /* @__PURE__ */ i("div", { style: { padding: s, display: "grid", gridTemplateColumns: "repeat(4,1fr)", gap: l }, children: L.map((M) => /* @__PURE__ */ p("div", { style: { background: t.paper2, border: e.nestBorder, borderRadius: o, boxShadow: e.nestShadow, padding: a }, children: [
+          /* @__PURE__ */ i("div", { style: { fontSize: y, color: t.textSecondary, fontWeight: h, fontFamily: Q, textTransform: "uppercase", letterSpacing: ".6px", marginBottom: 8 }, children: M.label }),
+          /* @__PURE__ */ i("div", { style: { fontSize: f, fontWeight: h, color: B, letterSpacing: "-.8px", lineHeight: 1, marginBottom: 6 }, children: M.val }),
+          /* @__PURE__ */ p("span", { style: { fontSize: z, fontWeight: H, color: M.cc, background: M.cb, padding: "3px 9px", borderRadius: 999 }, children: [
+            M.arrow,
             " ",
-            F.chg
+            M.chg
           ] })
-        ] }, F.label)) })
+        ] }, M.label)) })
       ] }),
       /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: "1fr 300px", gap: l, flex: 1, minHeight: 0 }, children: [
-        /* @__PURE__ */ p("div", { style: { ...J, display: "flex", flexDirection: "column", minHeight: 0 }, children: [
+        /* @__PURE__ */ p("div", { style: { ...q, display: "flex", flexDirection: "column", minHeight: 0 }, children: [
           /* @__PURE__ */ p("div", { style: V, children: [
-            /* @__PURE__ */ i("span", { style: N, children: "Revenue Trend" }),
-            /* @__PURE__ */ i("div", { style: { display: "flex", gap: 12 }, children: [["Revenue", B], ["Profit", X]].map(([F, k]) => /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 5 }, children: [
-              /* @__PURE__ */ i("div", { style: { width: 10, height: 10, borderRadius: 2, background: k } }),
-              /* @__PURE__ */ i("span", { style: { fontSize: W, color: t.textSecondary }, children: F })
-            ] }, F)) })
+            /* @__PURE__ */ i("span", { style: G, children: "Revenue Trend" }),
+            /* @__PURE__ */ i("div", { style: { display: "flex", gap: 12 }, children: [["Revenue", I], ["Profit", X]].map(([M, w]) => /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 5 }, children: [
+              /* @__PURE__ */ i("div", { style: { width: 10, height: 10, borderRadius: 2, background: w } }),
+              /* @__PURE__ */ i("span", { style: { fontSize: z, color: t.textSecondary }, children: M })
+            ] }, M)) })
           ] }),
-          /* @__PURE__ */ i("div", { style: { padding: `${a}px ${s}px`, display: "flex", alignItems: "flex-end", gap: 12, flex: 1, minHeight: 200 }, children: wl.map((F, k) => /* @__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: wl.map((M, w) => /* @__PURE__ */ p("div", { style: { flex: 1, display: "flex", flexDirection: "column", alignItems: "center", gap: 6, height: "100%" }, children: [
             /* @__PURE__ */ p("div", { style: { width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-end", gap: 3, flex: 1 }, children: [
-              /* @__PURE__ */ i("div", { style: { width: "100%", height: Tl[k] + "%", background: X, opacity: 0.55, borderRadius: `${o} ${o} 0 0` } }),
-              /* @__PURE__ */ i("div", { style: { width: "100%", height: kl[k] + "%", background: B, borderRadius: `${o} ${o} 0 0` } })
+              /* @__PURE__ */ i("div", { style: { width: "100%", height: Tl[w] + "%", background: X, opacity: 0.55, borderRadius: `${o} ${o} 0 0` } }),
+              /* @__PURE__ */ i("div", { style: { width: "100%", height: kl[w] + "%", background: I, borderRadius: `${o} ${o} 0 0` } })
             ] }),
-            /* @__PURE__ */ i("span", { style: { fontSize: W, color: t.textSecondary }, children: F })
-          ] }, F)) })
+            /* @__PURE__ */ i("span", { style: { fontSize: z, color: t.textSecondary }, children: M })
+          ] }, M)) })
         ] }),
-        /* @__PURE__ */ p("div", { style: { ...J, display: "flex", flexDirection: "column", 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: N, children: "Recent Activity" }) }),
-          /* @__PURE__ */ i("div", { ref: U, style: { padding: a, display: "flex", flexDirection: "column", justifyContent: "space-between", gap: 4, flex: 1, minHeight: 0 }, children: P.map((F, k) => /* @__PURE__ */ p("div", { style: { display: "flex", gap: 11, alignItems: "flex-start", padding: 8, borderRadius: o }, children: [
-            /* @__PURE__ */ i("div", { style: { width: 28, height: 28, borderRadius: o, background: F.cb, color: F.cc, display: "grid", placeItems: "center", flexShrink: 0, fontSize: 13, fontWeight: I }, children: F.ic }),
+        /* @__PURE__ */ p("div", { style: { ...q, display: "flex", flexDirection: "column", 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: G, children: "Recent Activity" }) }),
+          /* @__PURE__ */ i("div", { ref: U, style: { padding: a, display: "flex", flexDirection: "column", justifyContent: "space-between", gap: 4, flex: 1, minHeight: 0 }, children: P.map((M, w) => /* @__PURE__ */ p("div", { style: { display: "flex", gap: 11, alignItems: "flex-start", padding: 8, borderRadius: o }, children: [
+            /* @__PURE__ */ i("div", { style: { width: 28, height: 28, borderRadius: o, background: M.cb, color: M.cc, display: "grid", placeItems: "center", flexShrink: 0, fontSize: 13, fontWeight: H }, children: M.ic }),
             /* @__PURE__ */ p("div", { style: { flex: 1, minWidth: 0 }, children: [
-              /* @__PURE__ */ i("div", { style: { fontSize: $, color: t.textPrimary, fontFamily: Y, fontWeight: w, lineHeight: H, marginBottom: 2 }, children: F.title }),
-              /* @__PURE__ */ i("div", { style: { fontSize: W, color: t.textSecondary, fontFamily: Y }, children: F.time })
+              /* @__PURE__ */ i("div", { style: { fontSize: $, color: t.textPrimary, fontFamily: Y, fontWeight: k, lineHeight: R, marginBottom: 2 }, children: M.title }),
+              /* @__PURE__ */ i("div", { style: { fontSize: z, color: t.textSecondary, fontFamily: Y }, children: M.time })
             ] })
-          ] }, k)) })
+          ] }, w)) })
         ] })
       ] })
     ] })
@@ -5844,65 +5849,65 @@ const El = [
   { id: "ORD-1027", cust: "Bluth Company", status: "Processing", amt: "$6,410", date: "Jun 03" }
 ], Hr = "100px 1fr 120px 100px 80px 70px";
 function Hl() {
-  const e = we(), r = j((G) => G.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: I, bwEmph: C, btnCase: w, bodyWeightEff: H, pMain: W, table: B } = e, X = m + ",sans-serif", Q = r.fontFamily + ",sans-serif", Y = e.hc1 || t.textPrimary, [d, O, A] = po(12, 3, 16), _ = El.slice(0, A).map((G, P) => ({
-    ...G,
-    ...B.statusMap[G.status] || { sb: t.divider, sc: t.textSecondary },
-    rowBg: r.tableStripe && P % 2 === 1 ? B.stripeBg : "transparent"
-  })), L = e.cardBorder === "none" ? "none" : e.cardBorder, q = (G) => ({
-    fontSize: I,
+  const e = we(), r = j((J) => J.settings), { t, rad: n, radSm: o, pad: s, padSm: a, screenPad: l, rowPy: c, tH1: g, wH1: f, headFam: m, headLH: y, accentBg: h, btnText: x, btnShadow: u, tBody: b, tBodySm: v, tCaption: $, tOverline: H, bwEmph: C, btnCase: k, bodyWeightEff: R, pMain: z, table: I } = e, X = m + ",sans-serif", Q = r.fontFamily + ",sans-serif", Y = e.hc1 || t.textPrimary, [d, B, A] = po(12, 3, 16), L = El.slice(0, A).map((J, P) => ({
+    ...J,
+    ...I.statusMap[J.status] || { sb: t.divider, sc: t.textSecondary },
+    rowBg: r.tableStripe && P % 2 === 1 ? I.stripeBg : "transparent"
+  })), N = e.cardBorder === "none" ? "none" : e.cardBorder, K = (J) => ({
+    fontSize: H,
     fontWeight: C,
     color: t.textSecondary,
     textTransform: "uppercase",
     letterSpacing: ".5px",
-    borderRight: B.colBorder,
+    borderRight: I.colBorder,
     alignSelf: "stretch",
     display: "flex",
-    alignItems: B.cellAI,
-    justifyContent: B.cellJC,
-    padding: `${B.rowPy} ${B.cellPx}`
-  }), U = { alignSelf: "stretch", display: "flex", alignItems: B.cellAI, justifyContent: B.cellJC, padding: `${B.rowPy} ${B.cellPx}` };
-  return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: L, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: Q, fontWeight: H, color: t.textPrimary }, children: [
+    alignItems: I.cellAI,
+    justifyContent: I.cellJC,
+    padding: `${I.rowPy} ${I.cellPx}`
+  }), U = { alignSelf: "stretch", display: "flex", alignItems: I.cellAI, justifyContent: I.cellJC, padding: `${I.rowPy} ${I.cellPx}` };
+  return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: N, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: Q, fontWeight: R, 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: [
         /* @__PURE__ */ i("div", { style: { fontSize: g, lineHeight: y, fontWeight: f, color: Y, letterSpacing: "-.3px", fontFamily: X }, children: "Orders" }),
         /* @__PURE__ */ i("span", { title: "1,284 orders · June 2026", style: { width: 16, height: 16, borderRadius: "50%", border: "1.2px solid " + t.textSecondary, color: t.textSecondary, fontSize: 9.5, fontWeight: C, fontStyle: "italic", fontFamily: "Georgia,serif", display: "grid", placeItems: "center", flexShrink: 0, cursor: "help" }, children: "i" })
       ] }),
-      /* @__PURE__ */ i("button", { style: { padding: "10px 20px", borderRadius: o, border: "none", background: h, color: x, fontSize: v, fontWeight: C, textTransform: w, letterSpacing: ".4px", boxShadow: u, whiteSpace: "nowrap", cursor: "pointer" }, children: "+ New Order" })
+      /* @__PURE__ */ i("button", { style: { padding: "10px 20px", borderRadius: o, border: "none", background: h, color: x, fontSize: v, fontWeight: C, textTransform: k, letterSpacing: ".4px", boxShadow: u, whiteSpace: "nowrap", cursor: "pointer" }, children: "+ New Order" })
     ] }),
-    /* @__PURE__ */ i("div", { style: { padding: l, background: t.bgDefault, display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: L, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", flex: 1, minHeight: 0 }, children: [
+    /* @__PURE__ */ i("div", { style: { padding: l, background: t.bgDefault, display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: N, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", flex: 1, minHeight: 0 }, children: [
       /* @__PURE__ */ p("div", { style: { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", gap: 9, alignItems: "center", flexWrap: "wrap" }, children: [
         /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 8, background: t.paper, border: "1.5px solid " + t.divider, borderRadius: 999, padding: "8px 15px", flex: 1, minWidth: 170 }, children: [
           /* @__PURE__ */ i("span", { style: { color: t.textSecondary, fontSize: 13 }, children: "⌕" }),
           /* @__PURE__ */ i("span", { style: { fontSize: v, color: t.textSecondary }, children: "Search orders…" })
         ] }),
-        B.filters.map((G) => /* @__PURE__ */ i("button", { style: { padding: "7px 14px", borderRadius: 999, border: "1px solid " + G.brd, background: G.bg, color: G.c, fontSize: $, fontWeight: C, whiteSpace: "nowrap", cursor: "pointer" }, children: G.label }, G.label))
+        I.filters.map((J) => /* @__PURE__ */ i("button", { style: { padding: "7px 14px", borderRadius: 999, border: "1px solid " + J.brd, background: J.bg, color: J.c, fontSize: $, fontWeight: C, whiteSpace: "nowrap", cursor: "pointer" }, children: J.label }, J.label))
       ] }),
-      /* @__PURE__ */ p("div", { ref: d, style: { display: "grid", gridTemplateColumns: Hr, padding: `0 ${s}px`, borderBottom: B.rowBorder, background: B.headBg }, children: [
-        ["Order ID", "Customer", "Status", "Amount", "Date"].map((G) => /* @__PURE__ */ i("div", { style: q(), children: G }, G)),
-        /* @__PURE__ */ i("div", { style: { alignSelf: "stretch", padding: `${B.rowPy} 0` } })
+      /* @__PURE__ */ p("div", { ref: d, style: { display: "grid", gridTemplateColumns: Hr, padding: `0 ${s}px`, borderBottom: I.rowBorder, background: I.headBg }, children: [
+        ["Order ID", "Customer", "Status", "Amount", "Date"].map((J) => /* @__PURE__ */ i("div", { style: K(), children: J }, J)),
+        /* @__PURE__ */ i("div", { style: { alignSelf: "stretch", padding: `${I.rowPy} 0` } })
       ] }),
-      /* @__PURE__ */ p("div", { ref: O, style: { position: "relative", display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: [
+      /* @__PURE__ */ p("div", { ref: B, style: { position: "relative", display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: [
         /* @__PURE__ */ p("div", { style: { position: "absolute", inset: 0, padding: `0 ${s}px`, display: "grid", gridTemplateColumns: Hr, pointerEvents: "none", zIndex: 2 }, children: [
-          /* @__PURE__ */ i("div", { style: { borderRight: B.colBorder } }),
-          /* @__PURE__ */ i("div", { style: { borderRight: B.colBorder } }),
-          /* @__PURE__ */ i("div", { style: { borderRight: B.colBorder } }),
-          /* @__PURE__ */ i("div", { style: { borderRight: B.colBorder } }),
-          /* @__PURE__ */ i("div", { style: { borderRight: B.colBorder } }),
+          /* @__PURE__ */ i("div", { style: { borderRight: I.colBorder } }),
+          /* @__PURE__ */ i("div", { style: { borderRight: I.colBorder } }),
+          /* @__PURE__ */ i("div", { style: { borderRight: I.colBorder } }),
+          /* @__PURE__ */ i("div", { style: { borderRight: I.colBorder } }),
+          /* @__PURE__ */ i("div", { style: { borderRight: I.colBorder } }),
           /* @__PURE__ */ i("div", {})
         ] }),
-        _.map((G) => /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: Hr, padding: `0 ${s}px`, borderBottom: B.rowBorder, alignItems: "stretch", background: G.rowBg }, children: [
-          /* @__PURE__ */ i("div", { style: { ...U, fontSize: v, fontWeight: C, color: W, fontFamily: Q }, children: G.id }),
-          /* @__PURE__ */ i("div", { style: { ...U, fontSize: b, color: t.textPrimary, fontWeight: C }, children: G.cust }),
-          /* @__PURE__ */ i("div", { style: U, children: /* @__PURE__ */ i("span", { style: { padding: "4px 11px", borderRadius: 999, fontSize: $, fontWeight: C, background: G.sb, color: G.sc, whiteSpace: "nowrap" }, children: G.status }) }),
-          /* @__PURE__ */ i("div", { style: { ...U, fontSize: b, color: t.textPrimary, fontWeight: C }, children: G.amt }),
-          /* @__PURE__ */ i("div", { style: { ...U, fontSize: v, color: t.textSecondary }, children: G.date }),
-          /* @__PURE__ */ i("div", { style: U, children: /* @__PURE__ */ i("button", { style: { fontSize: $, color: W, background: t.pContainer, border: "none", fontWeight: C, padding: "5px 11px", borderRadius: o, cursor: "pointer" }, children: "View" }) })
-        ] }, G.id))
+        L.map((J) => /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: Hr, padding: `0 ${s}px`, borderBottom: I.rowBorder, alignItems: "stretch", background: J.rowBg }, children: [
+          /* @__PURE__ */ i("div", { style: { ...U, fontSize: v, fontWeight: C, color: z, fontFamily: Q }, children: J.id }),
+          /* @__PURE__ */ i("div", { style: { ...U, fontSize: b, color: t.textPrimary, fontWeight: C }, children: J.cust }),
+          /* @__PURE__ */ i("div", { style: U, children: /* @__PURE__ */ i("span", { style: { padding: "4px 11px", borderRadius: 999, fontSize: $, fontWeight: C, background: J.sb, color: J.sc, whiteSpace: "nowrap" }, children: J.status }) }),
+          /* @__PURE__ */ i("div", { style: { ...U, fontSize: b, color: t.textPrimary, fontWeight: C }, children: J.amt }),
+          /* @__PURE__ */ i("div", { style: { ...U, fontSize: v, color: t.textSecondary }, children: J.date }),
+          /* @__PURE__ */ i("div", { style: U, children: /* @__PURE__ */ i("button", { style: { fontSize: $, color: z, background: t.pContainer, border: "none", fontWeight: C, padding: "5px 11px", borderRadius: o, cursor: "pointer" }, children: "View" }) })
+        ] }, J.id))
       ] }),
       /* @__PURE__ */ p("div", { style: { padding: `${c}px ${s}px`, display: "flex", alignItems: "center", gap: 7, borderTop: "1px solid " + t.divider }, children: [
         /* @__PURE__ */ p("span", { style: { fontSize: v, color: t.textSecondary, flex: 1 }, children: [
           "Showing 1–",
-          _.length,
+          L.length,
           " of 1,284"
         ] }),
         /* @__PURE__ */ i("button", { style: { width: 32, height: 32, borderRadius: o, border: "1px solid " + t.outline, background: "transparent", color: t.textSecondary, cursor: "pointer" }, children: "‹" }),
@@ -5932,67 +5937,67 @@ function Pl() {
     tBodySm: b,
     tCaption: v,
     wH1: $,
-    headFam: I,
+    headFam: H,
     headLH: C,
-    accentBg: w,
-    btnText: H,
-    btnShadow: W,
-    bwEmph: B,
+    accentBg: k,
+    btnText: R,
+    btnShadow: z,
+    bwEmph: I,
     btnCase: X,
     bodyWeightEff: Q,
     bodyLH: Y,
     pMain: d,
-    errSoft: O,
+    errSoft: B,
     errTxt: A,
-    warnSoft: _,
-    warnTxt: L,
-    infoSoft: q,
+    warnSoft: L,
+    warnTxt: N,
+    infoSoft: K,
     infoTxt: U,
-    sucSoft: G,
+    sucSoft: J,
     sucTxt: P
-  } = e, M = I + ",sans-serif", J = r.fontFamily + ",sans-serif", V = e.t.highlight, N = e.t.highlightSoft, F = e.t.highlightBd, k = t.pContainer, D = t.onPContainer, E = t.pContrast, R = e.hc1 || t.textPrimary, K = e.hc2 || t.textPrimary, le = e.hc3 || t.textPrimary, z = e.hc4 || t.textPrimary, me = e.hc5 || t.textPrimary, Ne = e.hc6 || t.textPrimary, je = e.cardBorder === "none" ? "none" : e.cardBorder, Xe = { display: "flex", flexDirection: "column", background: t.paper, border: je, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", height: "100%" }, Qe = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent }, Ae = { fontSize: m, lineHeight: C, fontWeight: $, color: le, fontFamily: M }, ur = [
-    { label: "Dashboard Overview", size: g, w: $, color: R, lh: 1.1, ls: "-.5px", name: "H1", border: !0 },
-    { label: "Revenue Report", size: f, w: $, color: K, lh: 1.1, ls: "-.4px", name: "H2", border: !0 },
-    { label: "Performance Overview", size: m, w: $, color: le, lh: 1.15, name: "H3", border: !0 },
-    { label: "Active Users", size: y, w: $, color: z, lh: 1.2, name: "H4", border: !0 },
+  } = e, D = H + ",sans-serif", q = r.fontFamily + ",sans-serif", V = e.t.highlight, G = e.t.highlightSoft, M = e.t.highlightBd, w = t.pContainer, O = t.onPContainer, F = t.pContrast, E = e.hc1 || t.textPrimary, W = e.hc2 || t.textPrimary, te = e.hc3 || t.textPrimary, _ = e.hc4 || t.textPrimary, me = e.hc5 || t.textPrimary, Ne = e.hc6 || t.textPrimary, je = e.cardBorder === "none" ? "none" : e.cardBorder, Xe = { display: "flex", flexDirection: "column", background: t.paper, border: je, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", height: "100%" }, Qe = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent }, Ie = { fontSize: m, lineHeight: C, fontWeight: $, color: te, fontFamily: D }, ur = [
+    { label: "Dashboard Overview", size: g, w: $, color: E, lh: 1.1, ls: "-.5px", name: "H1", border: !0 },
+    { label: "Revenue Report", size: f, w: $, color: W, lh: 1.1, ls: "-.4px", name: "H2", border: !0 },
+    { label: "Performance Overview", size: m, w: $, color: te, lh: 1.15, name: "H3", border: !0 },
+    { label: "Active Users", size: y, w: $, color: _, lh: 1.2, name: "H4", border: !0 },
     { label: "Last updated 2m ago", size: h, w: $, color: me, lh: 1.25, name: "H5", border: !0 },
     { label: "Status · Live", size: x, w: $, color: Ne, lh: 1.3, name: "H6", border: !0 }
-  ], Ve = (ee) => /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 10, padding: "11px 12px", borderBottom: "1px solid " + t.divider, background: ee ? N : "transparent", boxShadow: ee ? "inset 3px 0 0 " + V : "none" }, children: [
+  ], Ve = (ee) => /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 10, padding: "11px 12px", borderBottom: "1px solid " + t.divider, background: ee ? G : "transparent", boxShadow: ee ? "inset 3px 0 0 " + V : "none" }, children: [
     /* @__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: J, fontWeight: ee ? B : Q, color: t.textPrimary }, children: ee ? "Selected item" : "Unselected item" }),
-    ee && /* @__PURE__ */ i("span", { style: { fontSize: v, fontFamily: J, fontWeight: B, color: t.textSecondary }, children: "Active" })
-  ] }), At = (ee, vt, St) => /* @__PURE__ */ p("div", { style: { position: "relative", border: ee ? "2px solid " + d : "1.5px solid " + t.outline, borderRadius: o, padding: "12px 13px" }, children: [
-    /* @__PURE__ */ i("span", { style: { position: "absolute", top: -8, left: 10, background: t.paper, padding: "0 5px", fontSize: v, color: ee ? d : t.textSecondary, fontWeight: ee ? B : void 0 }, children: vt }),
+    /* @__PURE__ */ i("span", { style: { flex: 1, fontSize: b, fontFamily: q, fontWeight: ee ? I : Q, color: t.textPrimary }, children: ee ? "Selected item" : "Unselected item" }),
+    ee && /* @__PURE__ */ i("span", { style: { fontSize: v, fontFamily: q, fontWeight: I, color: t.textSecondary }, children: "Active" })
+  ] }), It = (ee, vt, St) => /* @__PURE__ */ p("div", { style: { position: "relative", border: ee ? "2px solid " + d : "1.5px solid " + t.outline, borderRadius: o, padding: "12px 13px" }, children: [
+    /* @__PURE__ */ i("span", { style: { position: "absolute", top: -8, left: 10, background: t.paper, padding: "0 5px", fontSize: v, color: ee ? d : t.textSecondary, fontWeight: ee ? I : void 0 }, children: vt }),
     /* @__PURE__ */ i("span", { style: { fontSize: u, color: ee ? t.textPrimary : t.textSecondary }, children: St })
-  ] }), Ze = (ee, vt, St) => /* @__PURE__ */ i("span", { style: { padding: "5px 13px", borderRadius: 999, background: ee, color: vt, fontSize: v, fontWeight: B }, children: St }), Ue = (ee) => ({ padding: "9px 20px", borderRadius: o, fontSize: b, fontWeight: B, textTransform: X, letterSpacing: ".4px", cursor: "pointer", ...ee });
-  return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: je, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: J, fontWeight: Q, color: t.textPrimary }, children: [
+  ] }), Ze = (ee, vt, St) => /* @__PURE__ */ i("span", { style: { padding: "5px 13px", borderRadius: 999, background: ee, color: vt, fontSize: v, fontWeight: I }, children: St }), Ue = (ee) => ({ padding: "9px 20px", borderRadius: o, fontSize: b, fontWeight: I, textTransform: X, letterSpacing: ".4px", cursor: "pointer", ...ee });
+  return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: je, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: q, fontWeight: Q, color: t.textPrimary }, children: [
     /* @__PURE__ */ i("div", { style: { padding: s, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent }, children: /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-      /* @__PURE__ */ i("div", { style: { fontSize: g, lineHeight: C, fontWeight: $, color: R, letterSpacing: "-.3px", fontFamily: M }, children: "Component Library" }),
-      /* @__PURE__ */ i("span", { title: "Every Material UI component reflects your live theme", style: { width: 16, height: 16, borderRadius: "50%", border: "1.2px solid " + t.textSecondary, color: t.textSecondary, fontSize: 9.5, fontWeight: B, fontStyle: "italic", fontFamily: "Georgia,serif", display: "grid", placeItems: "center", flexShrink: 0, cursor: "help" }, children: "i" })
+      /* @__PURE__ */ i("div", { style: { fontSize: g, lineHeight: C, fontWeight: $, color: E, letterSpacing: "-.3px", fontFamily: D }, children: "Component Library" }),
+      /* @__PURE__ */ i("span", { title: "Every Material UI component reflects your live theme", style: { width: 16, height: 16, borderRadius: "50%", border: "1.2px solid " + t.textSecondary, color: t.textSecondary, fontSize: 9.5, fontWeight: I, fontStyle: "italic", fontFamily: "Georgia,serif", display: "grid", placeItems: "center", flexShrink: 0, cursor: "help" }, children: "i" })
     ] }) }),
     /* @__PURE__ */ p("div", { style: { padding: c, background: t.bgDefault, display: "flex", flexDirection: "column", gap: l, flex: 1, minHeight: 0 }, children: [
       /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: l, alignItems: "stretch" }, children: [
         /* @__PURE__ */ p("div", { style: Xe, children: [
-          /* @__PURE__ */ i("div", { style: Qe, children: /* @__PURE__ */ i("span", { style: Ae, children: "Typography Scale" }) }),
+          /* @__PURE__ */ i("div", { style: Qe, children: /* @__PURE__ */ i("span", { style: Ie, children: "Typography Scale" }) }),
           /* @__PURE__ */ p("div", { style: { padding: s, display: "flex", flexDirection: "column", justifyContent: "space-between", flex: 1, minHeight: 0, gap: 6 }, children: [
             ur.map((ee) => /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "baseline", justifyContent: "space-between", gap: 12, borderBottom: "1px solid " + t.divider, paddingBottom: 14 }, children: [
-              /* @__PURE__ */ i("span", { style: { fontSize: ee.size, lineHeight: ee.lh, fontWeight: ee.w, color: ee.color, fontFamily: M, letterSpacing: ee.ls }, children: ee.label }),
-              /* @__PURE__ */ p("span", { style: { fontSize: ee.size, color: t.textSecondary, fontWeight: ee.w, whiteSpace: "nowrap", flexShrink: 0, fontFamily: M }, children: [
+              /* @__PURE__ */ i("span", { style: { fontSize: ee.size, lineHeight: ee.lh, fontWeight: ee.w, color: ee.color, fontFamily: D, letterSpacing: ee.ls }, children: ee.label }),
+              /* @__PURE__ */ p("span", { style: { fontSize: ee.size, color: t.textSecondary, fontWeight: ee.w, whiteSpace: "nowrap", flexShrink: 0, fontFamily: D }, children: [
                 ee.name,
                 " · ",
                 ee.size
               ] })
             ] }, ee.name)),
             /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "baseline", justifyContent: "space-between", gap: 12 }, children: [
-              /* @__PURE__ */ i("span", { style: { fontSize: u, lineHeight: Y, color: t.textPrimary, fontFamily: J, fontWeight: Q }, children: "Body text — the quick brown fox jumps over the lazy dog." }),
-              /* @__PURE__ */ p("span", { style: { fontSize: u, color: t.textSecondary, fontWeight: Q, whiteSpace: "nowrap", flexShrink: 0, fontFamily: J }, children: [
+              /* @__PURE__ */ i("span", { style: { fontSize: u, lineHeight: Y, color: t.textPrimary, fontFamily: q, fontWeight: Q }, children: "Body text — the quick brown fox jumps over the lazy dog." }),
+              /* @__PURE__ */ p("span", { style: { fontSize: u, color: t.textSecondary, fontWeight: Q, whiteSpace: "nowrap", flexShrink: 0, fontFamily: q }, children: [
                 "Body · ",
                 u
               ] })
             ] }),
             /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "baseline", justifyContent: "space-between", gap: 12 }, children: [
-              /* @__PURE__ */ i("span", { style: { fontSize: v, lineHeight: Y, color: t.textSecondary, fontFamily: J, fontWeight: Q }, children: "Caption & helper text style" }),
-              /* @__PURE__ */ p("span", { style: { fontSize: v, color: t.textSecondary, fontWeight: Q, whiteSpace: "nowrap", flexShrink: 0, fontFamily: J }, children: [
+              /* @__PURE__ */ i("span", { style: { fontSize: v, lineHeight: Y, color: t.textSecondary, fontFamily: q, fontWeight: Q }, children: "Caption & helper text style" }),
+              /* @__PURE__ */ p("span", { style: { fontSize: v, color: t.textSecondary, fontWeight: Q, whiteSpace: "nowrap", flexShrink: 0, fontFamily: q }, children: [
                 "Caption · ",
                 v
               ] })
@@ -6000,12 +6005,12 @@ function Pl() {
           ] })
         ] }),
         /* @__PURE__ */ p("div", { style: Xe, children: [
-          /* @__PURE__ */ i("div", { style: Qe, children: /* @__PURE__ */ i("span", { style: Ae, children: "Selection States" }) }),
+          /* @__PURE__ */ i("div", { style: Qe, children: /* @__PURE__ */ i("span", { style: Ie, children: "Selection States" }) }),
           /* @__PURE__ */ p("div", { style: { padding: s, display: "flex", flexDirection: "column", gap: 14 }, children: [
             /* @__PURE__ */ p("div", { style: { display: "flex", gap: 2, borderBottom: "1.5px solid " + t.divider }, children: [
-              /* @__PURE__ */ i("div", { style: { flex: 1, textAlign: "center", padding: "8px 4px", fontSize: b, fontWeight: B, color: t.textPrimary, background: N, borderBottom: "2.5px solid " + d, marginBottom: -1.5, borderRadius: "6px 6px 0 0" }, children: "Overview" }),
-              /* @__PURE__ */ i("div", { style: { flex: 1, textAlign: "center", padding: "8px 4px", fontSize: b, fontWeight: B, color: t.textSecondary }, children: "Activity" }),
-              /* @__PURE__ */ i("div", { style: { flex: 1, textAlign: "center", padding: "8px 4px", fontSize: b, fontWeight: B, color: t.textSecondary }, children: "Settings" })
+              /* @__PURE__ */ i("div", { style: { flex: 1, textAlign: "center", padding: "8px 4px", fontSize: b, fontWeight: I, color: t.textPrimary, background: G, borderBottom: "2.5px solid " + d, marginBottom: -1.5, borderRadius: "6px 6px 0 0" }, children: "Overview" }),
+              /* @__PURE__ */ i("div", { style: { flex: 1, textAlign: "center", padding: "8px 4px", fontSize: b, fontWeight: I, color: t.textSecondary }, children: "Activity" }),
+              /* @__PURE__ */ i("div", { style: { flex: 1, textAlign: "center", padding: "8px 4px", fontSize: b, fontWeight: I, color: t.textSecondary }, children: "Settings" })
             ] }),
             /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", border: "1px solid " + t.divider, borderRadius: o, overflow: "hidden" }, children: [
               Ve(!0),
@@ -6015,20 +6020,20 @@ function Pl() {
               Ve(!0),
               Ve(!1)
             ] }),
-            /* @__PURE__ */ i("div", { style: { display: "inline-flex", alignSelf: "flex-start", padding: "6px 12px", borderRadius: o, background: N, border: "1px solid " + F }, children: /* @__PURE__ */ i("span", { style: { fontSize: v, fontWeight: B, color: V }, children: "2 selected items" }) })
+            /* @__PURE__ */ i("div", { style: { display: "inline-flex", alignSelf: "flex-start", padding: "6px 12px", borderRadius: o, background: G, border: "1px solid " + M }, children: /* @__PURE__ */ i("span", { style: { fontSize: v, fontWeight: I, color: V }, children: "2 selected items" }) })
           ] })
         ] })
       ] }),
       /* @__PURE__ */ p("div", { style: { ...Xe, height: "auto" }, children: [
-        /* @__PURE__ */ i("div", { style: Qe, children: /* @__PURE__ */ i("span", { style: Ae, children: "Inputs & Selection" }) }),
+        /* @__PURE__ */ i("div", { style: Qe, children: /* @__PURE__ */ i("span", { style: Ie, children: "Inputs & Selection" }) }),
         /* @__PURE__ */ p("div", { style: { padding: s }, children: [
           /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: l, marginBottom: l }, children: [
-            At(!1, "Outlined", "Placeholder…"),
-            At(!0, "Focused", "Active value")
+            It(!1, "Outlined", "Placeholder…"),
+            It(!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: [
-              /* @__PURE__ */ i("div", { style: { width: 18, height: 18, borderRadius: 4, background: d, display: "grid", placeItems: "center", color: E, fontSize: 11, fontWeight: B }, children: "✓" }),
+              /* @__PURE__ */ i("div", { style: { width: 18, height: 18, borderRadius: 4, background: d, display: "grid", placeItems: "center", color: F, fontSize: 11, fontWeight: I }, children: "✓" }),
               /* @__PURE__ */ i("span", { style: { fontSize: b, color: t.textPrimary }, children: "Checkbox" })
             ] }),
             /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
@@ -6044,29 +6049,29 @@ function Pl() {
       ] }),
       /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: l, alignItems: "stretch" }, children: [
         /* @__PURE__ */ p("div", { style: Xe, children: [
-          /* @__PURE__ */ i("div", { style: Qe, children: /* @__PURE__ */ i("span", { style: Ae, children: "Buttons" }) }),
+          /* @__PURE__ */ i("div", { style: Qe, children: /* @__PURE__ */ i("span", { style: Ie, children: "Buttons" }) }),
           /* @__PURE__ */ p("div", { style: { padding: s, display: "flex", gap: 10, flexWrap: "wrap", alignItems: "center" }, children: [
-            /* @__PURE__ */ i("button", { style: Ue({ border: "none", background: w, color: H, boxShadow: W }), children: "Contained" }),
+            /* @__PURE__ */ i("button", { style: Ue({ border: "none", background: k, color: R, boxShadow: z }), children: "Contained" }),
             /* @__PURE__ */ i("button", { style: Ue({ border: "1.5px solid " + d, background: "transparent", color: d }), children: "Outlined" }),
             /* @__PURE__ */ i("button", { style: Ue({ border: "none", background: "transparent", color: d }), children: "Text" }),
-            /* @__PURE__ */ i("button", { style: Ue({ border: "none", background: k, color: D }), children: "Tonal" }),
-            /* @__PURE__ */ i("button", { style: Ue({ border: "none", background: w, color: H, boxShadow: W, borderRadius: 999 }), children: "Rounded" }),
-            /* @__PURE__ */ i("button", { style: Ue({ border: "none", background: O, color: A }), children: "Error" })
+            /* @__PURE__ */ i("button", { style: Ue({ border: "none", background: w, color: O }), children: "Tonal" }),
+            /* @__PURE__ */ i("button", { style: Ue({ border: "none", background: k, color: R, boxShadow: z, borderRadius: 999 }), children: "Rounded" }),
+            /* @__PURE__ */ i("button", { style: Ue({ border: "none", background: B, color: A }), children: "Error" })
           ] })
         ] }),
         /* @__PURE__ */ p("div", { style: Xe, children: [
-          /* @__PURE__ */ i("div", { style: Qe, children: /* @__PURE__ */ i("span", { style: Ae, children: "Chips, Alerts & Progress" }) }),
+          /* @__PURE__ */ i("div", { style: Qe, children: /* @__PURE__ */ i("span", { style: Ie, children: "Chips, Alerts & Progress" }) }),
           /* @__PURE__ */ p("div", { style: { padding: s }, children: [
             /* @__PURE__ */ p("div", { style: { display: "flex", gap: 8, flexWrap: "wrap", marginBottom: l }, children: [
-              Ze(k, D, "Primary"),
-              Ze(G, P, "Success"),
-              Ze(_, L, "Warning"),
-              Ze(q, U, "Info"),
-              Ze(O, A, "Error")
+              Ze(w, O, "Primary"),
+              Ze(J, P, "Success"),
+              Ze(L, N, "Warning"),
+              Ze(K, U, "Info"),
+              Ze(B, A, "Error")
             ] }),
             /* @__PURE__ */ p("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: 7 }, children: [
-              /* @__PURE__ */ i("span", { style: { fontSize: b, color: t.textPrimary, fontWeight: B }, children: "Revenue goal" }),
-              /* @__PURE__ */ i("span", { style: { fontSize: b, color: d, fontWeight: B }, children: "74%" })
+              /* @__PURE__ */ i("span", { style: { fontSize: b, color: t.textPrimary, fontWeight: I }, children: "Revenue goal" }),
+              /* @__PURE__ */ i("span", { style: { fontSize: b, color: d, fontWeight: I }, children: "74%" })
             ] }),
             /* @__PURE__ */ i("div", { style: { height: 8, background: t.paper2, border: "1px solid " + t.divider, borderRadius: 999, overflow: "hidden" }, children: /* @__PURE__ */ i("div", { style: { height: "100%", width: "74%", background: d, borderRadius: 999 } }) })
           ] })
@@ -6080,14 +6085,14 @@ const $l = [
   { label: "Recording", val: "4" },
   { label: "Motion Alerts", val: "2" },
   { label: "Storage Used", val: "82%" }
-], Il = [
+], Al = [
   { 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" }
-], Al = [
+], Il = [
   { 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" },
@@ -6106,58 +6111,58 @@ const $l = [
   { cam: "CAM 03", label: "Package scanned — Loading Bay", time: "8h ago", sev: "info" }
 ];
 function Bl() {
-  const e = we(), r = j((E) => E.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: I, tOverline: C, bwEmph: w, btnCase: H, bodyWeightEff: W, errSoft: B, errTxt: X, mediaBg: Q, overlaySurface: Y, overlayBorder: d, onOverlay: O, sevMap: A } = e, _ = h + ",sans-serif", L = r.fontFamily + ",sans-serif", q = e.hc1 || t.textPrimary, U = e.hc2 || t.textPrimary, G = e.hc3 || t.textPrimary, P = e.cardBorder === "none" ? "none" : e.cardBorder, M = Il.map((E) => ({ ...E, dotC: E.online ? r.successHex : t.textDisabled })), [J, V] = Ur(3, 3, 16), N = Al.slice(0, V).map((E) => ({ ...E, ...A[E.sev] })), F = { background: t.paper, border: P, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, k = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, D = { fontSize: m, lineHeight: x, fontWeight: y, color: G, fontFamily: _ };
-  return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: P, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: L, fontWeight: W, color: t.textPrimary }, children: [
+  const e = we(), r = j((F) => F.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: c, tH1: g, tH2: f, tTitle: m, wH1: y, headFam: h, headLH: x, accentBg: u, btnText: b, btnShadow: v, tBodySm: $, tCaption: H, tOverline: C, bwEmph: k, btnCase: R, bodyWeightEff: z, errSoft: I, errTxt: X, mediaBg: Q, overlaySurface: Y, overlayBorder: d, onOverlay: B, sevMap: A } = e, L = h + ",sans-serif", N = r.fontFamily + ",sans-serif", K = e.hc1 || t.textPrimary, U = e.hc2 || t.textPrimary, J = e.hc3 || t.textPrimary, P = e.cardBorder === "none" ? "none" : e.cardBorder, D = Al.map((F) => ({ ...F, dotC: F.online ? r.successHex : t.textDisabled })), [q, V] = Ur(3, 3, 16), G = Il.slice(0, V).map((F) => ({ ...F, ...A[F.sev] })), M = { background: t.paper, border: P, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, w = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, O = { fontSize: m, lineHeight: x, fontWeight: y, color: J, fontFamily: L };
+  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: [
-        /* @__PURE__ */ i("div", { style: { fontSize: g, lineHeight: x, fontWeight: y, color: q, letterSpacing: "-.3px", fontFamily: _ }, children: "Camera Surveillance" }),
-        /* @__PURE__ */ i("span", { title: "6 feeds · live monitoring & recording", style: { width: 16, height: 16, borderRadius: "50%", border: "1.2px solid " + t.textSecondary, color: t.textSecondary, fontSize: 9.5, fontWeight: w, fontStyle: "italic", fontFamily: "Georgia,serif", display: "grid", placeItems: "center", flexShrink: 0, cursor: "help" }, children: "i" })
+        /* @__PURE__ */ i("div", { style: { fontSize: g, lineHeight: x, fontWeight: y, color: K, letterSpacing: "-.3px", fontFamily: L }, children: "Camera Surveillance" }),
+        /* @__PURE__ */ i("span", { title: "6 feeds · live monitoring & recording", style: { width: 16, height: 16, borderRadius: "50%", border: "1.2px solid " + t.textSecondary, color: t.textSecondary, fontSize: 9.5, fontWeight: k, fontStyle: "italic", fontFamily: "Georgia,serif", display: "grid", placeItems: "center", flexShrink: 0, cursor: "help" }, children: "i" })
       ] }),
       /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-        /* @__PURE__ */ p("span", { style: { display: "inline-flex", alignItems: "center", gap: 6, fontSize: I, fontWeight: w, color: X, background: B, padding: "6px 12px", borderRadius: 999 }, children: [
+        /* @__PURE__ */ p("span", { style: { display: "inline-flex", alignItems: "center", gap: 6, fontSize: H, fontWeight: k, color: X, background: I, padding: "6px 12px", borderRadius: 999 }, children: [
           /* @__PURE__ */ i("span", { style: { width: 7, height: 7, borderRadius: "50%", background: r.errorHex } }),
           "LIVE"
         ] }),
-        /* @__PURE__ */ i("button", { style: { padding: "10px 18px", borderRadius: o, border: "none", background: u, color: b, fontSize: $, fontWeight: w, textTransform: H, letterSpacing: ".4px", boxShadow: v, whiteSpace: "nowrap", cursor: "pointer" }, children: "+ Add Camera" })
+        /* @__PURE__ */ i("button", { style: { padding: "10px 18px", borderRadius: o, border: "none", background: u, color: b, fontSize: $, fontWeight: k, textTransform: R, letterSpacing: ".4px", boxShadow: v, whiteSpace: "nowrap", cursor: "pointer" }, children: "+ Add Camera" })
       ] })
     ] }),
     /* @__PURE__ */ p("div", { style: { padding: c, background: t.bgDefault, display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: [
-      /* @__PURE__ */ i("div", { style: { display: "grid", gridTemplateColumns: "repeat(4,1fr)", gap: l, marginBottom: l }, children: $l.map((E) => /* @__PURE__ */ p("div", { style: F, 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: w }, children: E.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: E.val }) })
-      ] }, E.label)) }),
+      /* @__PURE__ */ i("div", { style: { display: "grid", gridTemplateColumns: "repeat(4,1fr)", gap: l, marginBottom: l }, children: $l.map((F) => /* @__PURE__ */ p("div", { style: M, children: [
+        /* @__PURE__ */ i("div", { style: { 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)) }),
       /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: "1fr 300px", gap: l, flex: 1, minHeight: 0 }, children: [
-        /* @__PURE__ */ p("div", { style: { ...F, display: "flex", flexDirection: "column" }, children: [
-          /* @__PURE__ */ p("div", { style: k, children: [
-            /* @__PURE__ */ i("span", { style: D, children: "Camera Wall" }),
-            /* @__PURE__ */ i("span", { style: { fontSize: I, color: t.textSecondary, fontWeight: w }, children: "2 × 3 grid" })
+        /* @__PURE__ */ p("div", { style: { ...M, display: "flex", flexDirection: "column" }, children: [
+          /* @__PURE__ */ p("div", { style: w, children: [
+            /* @__PURE__ */ i("span", { style: O, children: "Camera Wall" }),
+            /* @__PURE__ */ i("span", { style: { fontSize: H, color: t.textSecondary, fontWeight: k }, children: "2 × 3 grid" })
           ] }),
-          /* @__PURE__ */ i("div", { style: { padding: s, display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gridAutoRows: "1fr", gap: l }, children: M.map((E) => /* @__PURE__ */ p("div", { style: { position: "relative", borderRadius: o, overflow: "hidden", background: Q, minHeight: 104, border: "1px solid " + t.divider }, children: [
-            /* @__PURE__ */ i("div", { style: { position: "absolute", inset: 0, display: "grid", placeItems: "center" }, children: /* @__PURE__ */ i("span", { style: { fontFamily: "monospace", fontSize: I, color: "rgba(255,255,255,.3)", letterSpacing: 1 }, children: E.loc }) }),
+          /* @__PURE__ */ i("div", { style: { padding: s, display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gridAutoRows: "1fr", gap: l }, children: D.map((F) => /* @__PURE__ */ p("div", { style: { position: "relative", borderRadius: o, overflow: "hidden", background: Q, minHeight: 104, border: "1px solid " + t.divider }, children: [
+            /* @__PURE__ */ i("div", { style: { position: "absolute", inset: 0, display: "grid", placeItems: "center" }, children: /* @__PURE__ */ i("span", { style: { fontFamily: "monospace", fontSize: H, color: "rgba(255,255,255,.3)", letterSpacing: 1 }, children: F.loc }) }),
             /* @__PURE__ */ p("div", { style: { position: "absolute", top: 7, left: 7, display: "flex", alignItems: "center", gap: 5, background: Y, border: "1px solid " + d, borderRadius: 999, padding: "2px 8px" }, children: [
-              /* @__PURE__ */ i("span", { style: { width: 6, height: 6, borderRadius: "50%", background: E.dotC } }),
-              /* @__PURE__ */ i("span", { style: { color: O, fontSize: I, fontWeight: 700, letterSpacing: ".4px" }, children: E.name })
+              /* @__PURE__ */ i("span", { style: { width: 6, height: 6, borderRadius: "50%", background: F.dotC } }),
+              /* @__PURE__ */ i("span", { style: { color: B, fontSize: H, fontWeight: 700, letterSpacing: ".4px" }, children: F.name })
             ] }),
-            E.rec && /* @__PURE__ */ p("div", { style: { position: "absolute", top: 7, right: 7, display: "flex", alignItems: "center", gap: 4, background: Y, borderRadius: 999, padding: "2px 7px" }, children: [
+            F.rec && /* @__PURE__ */ p("div", { style: { position: "absolute", top: 7, right: 7, display: "flex", alignItems: "center", gap: 4, background: Y, borderRadius: 999, padding: "2px 7px" }, children: [
               /* @__PURE__ */ i("span", { style: { width: 6, height: 6, borderRadius: "50%", background: r.errorHex } }),
-              /* @__PURE__ */ i("span", { style: { color: O, fontSize: 8, fontWeight: 800, letterSpacing: ".5px" }, children: "REC" })
+              /* @__PURE__ */ i("span", { style: { color: B, fontSize: 8, fontWeight: 800, letterSpacing: ".5px" }, children: "REC" })
             ] }),
-            E.online && /* @__PURE__ */ i("div", { style: { position: "absolute", bottom: 0, left: 0, right: 0, padding: "5px 8px", background: "linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,0))", display: "flex", justifyContent: "space-between", alignItems: "center" }, children: /* @__PURE__ */ i("span", { style: { color: "#fff", fontSize: I, fontWeight: 600, fontFamily: "monospace" }, children: E.time }) })
-          ] }, E.name)) })
+            F.online && /* @__PURE__ */ i("div", { style: { position: "absolute", bottom: 0, left: 0, right: 0, padding: "5px 8px", background: "linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,0))", display: "flex", justifyContent: "space-between", alignItems: "center" }, children: /* @__PURE__ */ i("span", { style: { color: "#fff", fontSize: H, fontWeight: 600, fontFamily: "monospace" }, children: F.time }) })
+          ] }, F.name)) })
         ] }),
-        /* @__PURE__ */ p("div", { style: { ...F, display: "flex", flexDirection: "column" }, children: [
-          /* @__PURE__ */ i("div", { style: { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent }, children: /* @__PURE__ */ i("span", { style: D, children: "Recent Detections" }) }),
-          /* @__PURE__ */ i("div", { ref: J, style: { padding: a, display: "flex", flexDirection: "column", justifyContent: "space-between", gap: 2, flex: 1, minHeight: 0 }, children: N.map((E, R) => /* @__PURE__ */ p("div", { style: { display: "flex", gap: 11, alignItems: "flex-start", padding: "9px 8px", borderRadius: o }, children: [
-            /* @__PURE__ */ i("div", { style: { width: 28, height: 28, borderRadius: o, background: E.cb, color: E.cc, display: "grid", placeItems: "center", flexShrink: 0, fontSize: 11, fontWeight: 800, fontFamily: "monospace" }, children: "●" }),
+        /* @__PURE__ */ p("div", { style: { ...M, display: "flex", flexDirection: "column" }, children: [
+          /* @__PURE__ */ i("div", { style: { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent }, children: /* @__PURE__ */ i("span", { style: O, children: "Recent Detections" }) }),
+          /* @__PURE__ */ i("div", { ref: q, style: { padding: a, display: "flex", flexDirection: "column", justifyContent: "space-between", gap: 2, flex: 1, minHeight: 0 }, children: G.map((F, E) => /* @__PURE__ */ p("div", { style: { display: "flex", gap: 11, alignItems: "flex-start", padding: "9px 8px", borderRadius: o }, children: [
+            /* @__PURE__ */ i("div", { style: { width: 28, height: 28, borderRadius: o, background: F.cb, color: F.cc, display: "grid", placeItems: "center", flexShrink: 0, fontSize: 11, fontWeight: 800, fontFamily: "monospace" }, children: "●" }),
             /* @__PURE__ */ p("div", { style: { flex: 1, minWidth: 0 }, children: [
-              /* @__PURE__ */ i("div", { style: { fontSize: $, color: t.textPrimary, fontWeight: W, lineHeight: 1.35 }, children: E.label }),
-              /* @__PURE__ */ p("div", { style: { fontSize: I, color: t.textSecondary, marginTop: 2 }, children: [
-                E.cam,
+              /* @__PURE__ */ i("div", { style: { fontSize: $, color: t.textPrimary, fontWeight: z, lineHeight: 1.35 }, children: F.label }),
+              /* @__PURE__ */ p("div", { style: { fontSize: H, color: t.textSecondary, marginTop: 2 }, children: [
+                F.cam,
                 " · ",
-                E.time
+                F.time
               ] })
             ] })
-          ] }, R)) })
+          ] }, E)) })
         ] })
       ] })
     ] })
@@ -6182,49 +6187,49 @@ const Ol = [
   { ic: "!", label: "Disk latency elevated — NVR-02", time: "18h ago", sev: "warning", unread: !1 }
 ];
 function Dl() {
-  const e = we(), r = j((D) => D.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: I, bodyWeightEff: C, bodyLH: w, errSoft: H, errTxt: W, pMain: B, mediaBg: X, overlaySurface: Q, overlayBorder: Y, onOverlay: d, sevMap: O } = e, A = y + ",sans-serif", _ = r.fontFamily + ",sans-serif", L = e.hc1 || t.textPrimary, q = e.hc3 || t.textPrimary, U = e.cardBorder === "none" ? "none" : e.cardBorder, [G, P] = Ur(7, 4, 16), M = Ol.slice(0, P).map((D) => ({ ...D, ...O[D.sev], rowBg: D.unread ? pe(r.primaryHex, e.isDark ? 0.12 : 0.05) : "transparent" })), J = M.filter((D) => D.unread).length, V = { display: "flex", flexDirection: "column", minHeight: 0, background: t.paper, border: U, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, N = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, F = { fontSize: f, lineHeight: h, fontWeight: m, color: q, fontFamily: A }, k = { height: 30, borderRadius: o, border: "none", background: "rgba(255,255,255,.14)", color: d, fontSize: v, fontWeight: I, 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: _, fontWeight: C, color: t.textPrimary }, children: [
+  const e = we(), r = j((O) => O.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: c, tH1: g, tTitle: f, wH1: m, headFam: y, headLH: h, accentBg: x, btnText: u, tBodySm: b, tCaption: v, tOverline: $, bwEmph: H, bodyWeightEff: C, bodyLH: k, errSoft: R, errTxt: z, pMain: I, mediaBg: X, overlaySurface: Q, overlayBorder: Y, onOverlay: d, sevMap: B } = e, A = y + ",sans-serif", L = r.fontFamily + ",sans-serif", N = e.hc1 || t.textPrimary, K = e.hc3 || t.textPrimary, U = e.cardBorder === "none" ? "none" : e.cardBorder, [J, P] = Ur(7, 4, 16), D = Ol.slice(0, P).map((O) => ({ ...O, ...B[O.sev], rowBg: O.unread ? pe(r.primaryHex, e.isDark ? 0.12 : 0.05) : "transparent" })), q = D.filter((O) => O.unread).length, V = { display: "flex", flexDirection: "column", minHeight: 0, background: t.paper, border: U, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, G = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, M = { fontSize: f, lineHeight: h, fontWeight: m, color: K, fontFamily: A }, w = { height: 30, borderRadius: o, border: "none", background: "rgba(255,255,255,.14)", color: d, fontSize: v, fontWeight: H, cursor: "pointer", fontFamily: "inherit" };
+  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: L, letterSpacing: "-.3px", fontFamily: A }, children: "Operations Center" }),
-      /* @__PURE__ */ i("span", { title: "Live map, camera feeds, alerts & access — every module themed end to end", style: { width: 16, height: 16, borderRadius: "50%", border: "1.2px solid " + t.textSecondary, color: t.textSecondary, fontSize: 9.5, fontWeight: I, fontStyle: "italic", fontFamily: "Georgia,serif", display: "grid", placeItems: "center", flexShrink: 0, cursor: "help" }, children: "i" })
+      /* @__PURE__ */ i("div", { style: { fontSize: g, lineHeight: h, fontWeight: m, color: N, letterSpacing: "-.3px", fontFamily: A }, children: "Operations Center" }),
+      /* @__PURE__ */ i("span", { title: "Live map, camera feeds, alerts & access — every module themed end to end", style: { width: 16, height: 16, borderRadius: "50%", border: "1.2px solid " + t.textSecondary, color: t.textSecondary, fontSize: 9.5, fontWeight: H, fontStyle: "italic", fontFamily: "Georgia,serif", display: "grid", placeItems: "center", flexShrink: 0, cursor: "help" }, children: "i" })
     ] }) }),
     /* @__PURE__ */ i("div", { style: { padding: c, background: t.bgDefault, display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: "1fr 320px", gap: l, flex: 1, minHeight: 0 }, children: [
       /* @__PURE__ */ p("div", { style: V, children: [
-        /* @__PURE__ */ p("div", { style: N, children: [
-          /* @__PURE__ */ i("span", { style: F, children: "Live Map · Street View" }),
-          /* @__PURE__ */ p("span", { style: { display: "inline-flex", alignItems: "center", gap: 6, fontSize: v, fontWeight: I, color: W, background: H, padding: "3px 10px", borderRadius: 999 }, children: [
+        /* @__PURE__ */ p("div", { style: G, children: [
+          /* @__PURE__ */ i("span", { style: M, children: "Live Map · Street View" }),
+          /* @__PURE__ */ p("span", { style: { display: "inline-flex", alignItems: "center", gap: 6, fontSize: v, fontWeight: H, color: z, background: R, padding: "3px 10px", borderRadius: 999 }, children: [
             /* @__PURE__ */ i("span", { style: { width: 7, height: 7, borderRadius: "50%", background: r.errorHex } }),
             "LIVE"
           ] })
         ] }),
         /* @__PURE__ */ p("div", { style: { position: "relative", flex: 1, minHeight: 320, background: X, display: "flex", alignItems: "center", justifyContent: "center" }, children: [
           /* @__PURE__ */ i("span", { style: { fontFamily: "monospace", fontSize: v, color: "rgba(255,255,255,.42)", letterSpacing: 1.5 }, children: "◍ GOOGLE STREET VIEW / EARTH EMBED" }),
-          /* @__PURE__ */ i("div", { style: { position: "absolute", top: 12, left: 12, display: "flex", alignItems: "center", gap: 7, background: Q, border: "1px solid " + Y, borderRadius: 999, padding: "6px 12px" }, children: /* @__PURE__ */ i("span", { style: { color: d, fontSize: v, fontWeight: I }, children: "◎ 40.7128, -74.0060 · Manhattan" }) }),
+          /* @__PURE__ */ i("div", { style: { position: "absolute", top: 12, left: 12, display: "flex", alignItems: "center", gap: 7, background: Q, border: "1px solid " + Y, borderRadius: 999, padding: "6px 12px" }, children: /* @__PURE__ */ i("span", { style: { color: d, fontSize: v, fontWeight: H }, children: "◎ 40.7128, -74.0060 · Manhattan" }) }),
           /* @__PURE__ */ p("div", { style: { position: "absolute", bottom: 12, left: "50%", transform: "translateX(-50%)", display: "flex", alignItems: "center", gap: 4, background: Q, border: "1px solid " + Y, borderRadius: o, padding: 5 }, children: [
-            /* @__PURE__ */ i("button", { style: { width: 30, height: 30, borderRadius: o, border: "none", background: x, color: u, fontSize: 16, fontWeight: I, cursor: "pointer" }, children: "+" }),
-            /* @__PURE__ */ i("button", { style: { width: 30, height: 30, borderRadius: o, border: "none", background: "rgba(255,255,255,.14)", color: d, fontSize: 16, fontWeight: I, cursor: "pointer" }, children: "−" }),
+            /* @__PURE__ */ i("button", { style: { width: 30, height: 30, borderRadius: o, border: "none", background: x, color: u, fontSize: 16, fontWeight: H, cursor: "pointer" }, children: "+" }),
+            /* @__PURE__ */ i("button", { style: { width: 30, height: 30, borderRadius: o, border: "none", background: "rgba(255,255,255,.14)", color: d, fontSize: 16, fontWeight: H, cursor: "pointer" }, children: "−" }),
             /* @__PURE__ */ i("div", { style: { width: 1, height: 18, background: Y, margin: "0 3px" } }),
-            /* @__PURE__ */ i("button", { style: { ...k, padding: "0 12px" }, children: "Layers" }),
-            /* @__PURE__ */ i("button", { style: { ...k, padding: "0 12px" }, children: "◎ Locate" })
+            /* @__PURE__ */ i("button", { style: { ...w, padding: "0 12px" }, children: "Layers" }),
+            /* @__PURE__ */ i("button", { style: { ...w, padding: "0 12px" }, children: "◎ Locate" })
           ] })
         ] })
       ] }),
       /* @__PURE__ */ p("div", { style: V, children: [
-        /* @__PURE__ */ p("div", { style: N, children: [
-          /* @__PURE__ */ i("span", { style: F, children: "Notifications" }),
-          /* @__PURE__ */ p("span", { style: { fontSize: $, fontWeight: I, color: t.pContrast, background: B, padding: "2px 9px", borderRadius: 999 }, children: [
-            J,
+        /* @__PURE__ */ p("div", { style: G, children: [
+          /* @__PURE__ */ i("span", { style: M, children: "Notifications" }),
+          /* @__PURE__ */ p("span", { style: { fontSize: $, fontWeight: H, color: t.pContrast, background: I, padding: "2px 9px", borderRadius: 999 }, children: [
+            q,
             " NEW"
           ] })
         ] }),
-        /* @__PURE__ */ i("div", { ref: G, style: { padding: a, display: "flex", flexDirection: "column", gap: 2, flex: 1, minHeight: 0 }, children: M.map((D, E) => /* @__PURE__ */ p("div", { style: { display: "flex", gap: 11, alignItems: "flex-start", padding: "9px 8px", borderRadius: o, background: D.rowBg }, children: [
-          /* @__PURE__ */ i("div", { style: { width: 26, height: 26, borderRadius: o, background: D.cb, color: D.cc, display: "grid", placeItems: "center", flexShrink: 0, fontSize: 13, fontWeight: I }, children: D.ic }),
+        /* @__PURE__ */ i("div", { ref: J, style: { padding: a, display: "flex", flexDirection: "column", gap: 2, flex: 1, minHeight: 0 }, children: D.map((O, F) => /* @__PURE__ */ p("div", { style: { display: "flex", gap: 11, alignItems: "flex-start", padding: "9px 8px", borderRadius: o, background: O.rowBg }, children: [
+          /* @__PURE__ */ i("div", { style: { width: 26, height: 26, borderRadius: o, background: O.cb, color: O.cc, display: "grid", placeItems: "center", flexShrink: 0, fontSize: 13, fontWeight: H }, children: O.ic }),
           /* @__PURE__ */ p("div", { style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ i("div", { style: { fontSize: b, color: t.textPrimary, fontWeight: C, lineHeight: w }, children: D.label }),
-            /* @__PURE__ */ i("div", { style: { fontSize: v, color: t.textSecondary, marginTop: 2 }, children: D.time })
+            /* @__PURE__ */ i("div", { style: { fontSize: b, color: t.textPrimary, fontWeight: C, lineHeight: k }, children: O.label }),
+            /* @__PURE__ */ i("div", { style: { fontSize: v, color: t.textSecondary, marginTop: 2 }, children: O.time })
           ] }),
-          D.unread && /* @__PURE__ */ i("div", { style: { width: 8, height: 8, borderRadius: "50%", background: B, flexShrink: 0, marginTop: 6 } })
-        ] }, E)) })
+          O.unread && /* @__PURE__ */ i("div", { style: { width: 8, height: 8, borderRadius: "50%", background: I, flexShrink: 0, marginTop: 6 } })
+        ] }, F)) })
       ] })
     ] }) })
   ] });
@@ -6234,7 +6239,7 @@ const Ml = [
   { label: "Avg Generation", val: "1.2s" },
   { label: "Data Points", val: "84.2K" },
   { label: "Scheduled", val: "12" }
-], Wl = ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], Fl = [44, 60, 50, 74, 88, 96], zl = [24, 32, 30, 42, 52, 60], _l = [
+], Fl = ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], Wl = [44, 60, 50, 74, 88, 96], zl = [24, 32, 30, 42, 52, 60], _l = [
   { l: "Reports", h: 72 },
   { l: "Cameras", h: 92 },
   { l: "Alerts", h: 40 },
@@ -6257,54 +6262,66 @@ const Ml = [
   { name: "Device Firmware Ledger", type: "Operations", date: "Jun 06", status: "Ready" },
   { name: "Access Anomaly Report", type: "Security", date: "Jun 05", status: "Ready" },
   { name: "Cost Allocation Summary", type: "Financial", date: "Jun 04", status: "Ready" }
-], Fn = "1fr 130px 110px 90px 70px";
+], Wn = "1fr 130px 110px 90px 70px";
 function Nl() {
-  const e = we(), r = j((E) => E.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: c, rowPy: g, tH1: f, tH2: m, tTitle: y, wH1: h, headFam: x, headLH: u, accentBg: b, btnText: v, btnShadow: $, tBody: I, tBodySm: C, tCaption: w, tOverline: H, bwEmph: W, btnCase: B, bodyWeightEff: X, pMain: Q, sMain: Y, chartPalette: d } = e, O = x + ",sans-serif", A = r.fontFamily + ",sans-serif", _ = e.hc1 || t.textPrimary, L = e.hc2 || t.textPrimary, q = e.hc3 || t.textPrimary, U = e.cardBorder === "none" ? "none" : e.cardBorder, [G, P, M] = po(5, 3, 16), J = Ll.slice(0, M).map((E) => ({ ...E, sb: E.status === "Ready" ? e.sucSoft : e.warnSoft, sc: E.status === "Ready" ? e.sucTxt : e.warnTxt })), V = _l.map((E, R) => ({ ...E, c: d[R % d.length] })), N = { background: t.paper, border: U, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, F = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, k = { fontSize: y, lineHeight: u, fontWeight: h, color: q, fontFamily: O }, D = { fontSize: H, fontWeight: W, color: t.textSecondary, textTransform: "uppercase", letterSpacing: ".5px" };
-  return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: U, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: A, fontWeight: X, color: t.textPrimary }, children: [
+  const e = we(), r = j((W) => W.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: c, tH1: g, tH2: f, tTitle: m, wH1: y, headFam: h, headLH: x, accentBg: u, btnText: b, btnShadow: v, tBody: $, tBodySm: H, tCaption: C, tOverline: k, bwEmph: R, btnCase: z, bodyWeightEff: I, pMain: X, sMain: Q, chartPalette: Y, table: d } = e, B = h + ",sans-serif", A = r.fontFamily + ",sans-serif", L = e.hc1 || t.textPrimary, N = e.hc2 || t.textPrimary, K = e.hc3 || t.textPrimary, U = e.cardBorder === "none" ? "none" : e.cardBorder, [J, P, D] = po(5, 3, 16), q = Ll.slice(0, D).map((W, te) => ({
+    ...W,
+    sb: W.status === "Ready" ? e.sucSoft : e.warnSoft,
+    sc: W.status === "Ready" ? e.sucTxt : e.warnTxt,
+    rowBg: r.tableStripe && te % 2 === 1 ? d.stripeBg : "transparent"
+  })), V = _l.map((W, te) => ({ ...W, c: Y[te % Y.length] })), G = {
+    borderRight: d.colBorder,
+    alignSelf: "stretch",
+    display: "flex",
+    alignItems: d.cellAI,
+    justifyContent: d.cellJC,
+    padding: `${d.rowPy} ${d.cellPx}`
+  }, M = { alignSelf: "stretch", display: "flex", alignItems: d.cellAI, justifyContent: d.cellJC, padding: `${d.rowPy} ${d.cellPx}` }, w = { background: t.paper, border: U, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, O = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, F = { fontSize: m, lineHeight: x, fontWeight: y, color: K, fontFamily: B }, E = { fontSize: k, fontWeight: R, color: t.textSecondary, textTransform: "uppercase", letterSpacing: ".5px" };
+  return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: U, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: A, fontWeight: I, 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: [
-        /* @__PURE__ */ i("div", { style: { fontSize: f, lineHeight: u, fontWeight: h, color: _, letterSpacing: "-.3px", fontFamily: O }, children: "Reports" }),
-        /* @__PURE__ */ i("span", { title: "Generated insights across every module", style: { width: 16, height: 16, borderRadius: "50%", border: "1.2px solid " + t.textSecondary, color: t.textSecondary, fontSize: 9.5, fontWeight: W, fontStyle: "italic", fontFamily: "Georgia,serif", display: "grid", placeItems: "center", flexShrink: 0, cursor: "help" }, children: "i" })
+        /* @__PURE__ */ i("div", { style: { fontSize: g, lineHeight: x, fontWeight: y, color: L, letterSpacing: "-.3px", fontFamily: B }, children: "Reports" }),
+        /* @__PURE__ */ i("span", { title: "Generated insights across every module", style: { width: 16, height: 16, borderRadius: "50%", border: "1.2px solid " + t.textSecondary, color: t.textSecondary, fontSize: 9.5, fontWeight: R, fontStyle: "italic", fontFamily: "Georgia,serif", display: "grid", placeItems: "center", flexShrink: 0, cursor: "help" }, children: "i" })
       ] }),
-      /* @__PURE__ */ i("button", { style: { padding: "10px 20px", borderRadius: o, border: "none", background: b, color: v, fontSize: C, fontWeight: W, textTransform: B, letterSpacing: ".4px", boxShadow: $, whiteSpace: "nowrap", cursor: "pointer" }, children: "↓ Export PDF" })
+      /* @__PURE__ */ i("button", { style: { padding: "10px 20px", borderRadius: o, border: "none", background: u, color: b, fontSize: H, fontWeight: R, textTransform: z, letterSpacing: ".4px", boxShadow: v, whiteSpace: "nowrap", cursor: "pointer" }, children: "↓ Export PDF" })
     ] }),
     /* @__PURE__ */ p("div", { style: { padding: c, background: t.bgDefault, display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: [
-      /* @__PURE__ */ i("div", { style: { display: "grid", gridTemplateColumns: "repeat(4,1fr)", gap: l, marginBottom: l }, children: Ml.map((E) => /* @__PURE__ */ p("div", { style: N, 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: H, color: t.textSecondary, textTransform: "uppercase", letterSpacing: ".6px", fontWeight: W }, children: E.label }) }),
-        /* @__PURE__ */ i("div", { style: { padding: `${a}px ${s}px` }, children: /* @__PURE__ */ i("div", { style: { fontSize: m, fontWeight: h, color: L, letterSpacing: "-.8px", lineHeight: 1 }, children: E.val }) })
-      ] }, E.label)) }),
+      /* @__PURE__ */ i("div", { style: { display: "grid", gridTemplateColumns: "repeat(4,1fr)", gap: l, marginBottom: l }, children: Ml.map((W) => /* @__PURE__ */ p("div", { style: w, children: [
+        /* @__PURE__ */ i("div", { style: { 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)) }),
       /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: "1fr 300px", gap: l, marginBottom: l }, children: [
-        /* @__PURE__ */ p("div", { style: N, children: [
-          /* @__PURE__ */ p("div", { style: F, children: [
-            /* @__PURE__ */ i("span", { style: k, children: "Revenue & Profit Trend" }),
-            /* @__PURE__ */ i("span", { style: { fontSize: w, color: t.textSecondary, fontWeight: W }, children: "6 months" })
+        /* @__PURE__ */ p("div", { style: w, children: [
+          /* @__PURE__ */ p("div", { style: O, children: [
+            /* @__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((E, R) => /* @__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: Fl.map((W, te) => /* @__PURE__ */ p("div", { style: { flex: 1, display: "flex", flexDirection: "column", alignItems: "center", gap: 6, height: "100%" }, children: [
             /* @__PURE__ */ p("div", { style: { width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-end", gap: 3, flex: 1 }, children: [
-              /* @__PURE__ */ i("div", { style: { width: "100%", height: zl[R] + "%", background: Y, opacity: 0.55, borderRadius: `${o} ${o} 0 0` } }),
-              /* @__PURE__ */ i("div", { style: { width: "100%", height: Fl[R] + "%", background: Q, borderRadius: `${o} ${o} 0 0` } })
+              /* @__PURE__ */ i("div", { style: { width: "100%", height: zl[te] + "%", background: Q, opacity: 0.55, borderRadius: `${o} ${o} 0 0` } }),
+              /* @__PURE__ */ i("div", { style: { width: "100%", height: Wl[te] + "%", background: X, borderRadius: `${o} ${o} 0 0` } })
             ] }),
-            /* @__PURE__ */ i("span", { style: { fontSize: w, color: t.textSecondary }, children: E })
-          ] }, E)) })
+            /* @__PURE__ */ i("span", { style: { fontSize: C, color: t.textSecondary }, children: W })
+          ] }, W)) })
         ] }),
-        /* @__PURE__ */ p("div", { style: N, children: [
-          /* @__PURE__ */ i("div", { style: { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent }, children: /* @__PURE__ */ i("span", { style: k, children: "By Module" }) }),
-          /* @__PURE__ */ i("div", { style: { padding: s, display: "flex", alignItems: "flex-end", gap: 10, height: 128 }, children: V.map((E) => /* @__PURE__ */ i("div", { style: { flex: 1, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "flex-end", height: "100%" }, children: /* @__PURE__ */ i("div", { style: { width: "100%", height: E.h + "%", background: E.c, borderRadius: `${o} ${o} 0 0` } }) }, E.l)) })
+        /* @__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: F, children: "By Module" }) }),
+          /* @__PURE__ */ i("div", { style: { padding: s, display: "flex", alignItems: "flex-end", gap: 10, height: 128 }, children: V.map((W) => /* @__PURE__ */ i("div", { style: { flex: 1, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "flex-end", height: "100%" }, children: /* @__PURE__ */ i("div", { style: { width: "100%", height: W.h + "%", background: W.c, borderRadius: `${o} ${o} 0 0` } }) }, W.l)) })
         ] })
       ] }),
-      /* @__PURE__ */ p("div", { style: { ...N, 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: k, children: "Recent Reports" }) }),
-        /* @__PURE__ */ p("div", { ref: G, style: { display: "grid", gridTemplateColumns: Fn, padding: `${g}px ${s}px`, borderBottom: "1px solid " + t.divider, background: t.paper2 }, children: [
-          ["Report", "Type", "Status", "Date"].map((E) => /* @__PURE__ */ i("div", { style: D, children: E }, E)),
-          /* @__PURE__ */ i("div", {})
+      /* @__PURE__ */ p("div", { style: { ...w, display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: [
+        /* @__PURE__ */ i("div", { style: { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent }, children: /* @__PURE__ */ i("span", { style: F, children: "Recent Reports" }) }),
+        /* @__PURE__ */ p("div", { ref: J, style: { display: "grid", gridTemplateColumns: Wn, padding: `0 ${s}px`, borderBottom: d.rowBorder, background: d.headBg }, children: [
+          ["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: J.map((E) => /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: Fn, padding: `${g}px ${s}px`, borderBottom: "1px solid " + t.divider, alignItems: "center" }, children: [
-          /* @__PURE__ */ i("div", { style: { fontSize: I, color: t.textPrimary, fontWeight: W }, children: E.name }),
-          /* @__PURE__ */ i("div", { style: { fontSize: C, color: t.textSecondary }, children: E.type }),
-          /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("span", { style: { padding: "4px 11px", borderRadius: 999, fontSize: w, fontWeight: W, background: E.sb, color: E.sc, whiteSpace: "nowrap" }, children: E.status }) }),
-          /* @__PURE__ */ i("div", { style: { fontSize: C, color: t.textSecondary }, children: E.date }),
-          /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("button", { style: { fontSize: w, color: Q, background: t.pContainer, border: "none", fontWeight: W, padding: "5px 11px", borderRadius: o, cursor: "pointer" }, children: "↓ PDF" }) })
-        ] }, E.name)) })
+        /* @__PURE__ */ i("div", { ref: P, style: { display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: q.map((W) => /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: Wn, padding: `0 ${s}px`, borderBottom: d.rowBorder, background: W.rowBg }, children: [
+          /* @__PURE__ */ i("div", { 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 }) }),
+          /* @__PURE__ */ i("div", { style: { ...M, fontSize: H, color: t.textSecondary }, children: W.date }),
+          /* @__PURE__ */ i("div", { style: M, children: /* @__PURE__ */ i("button", { style: { fontSize: C, color: X, background: t.pContainer, border: "none", fontWeight: R, padding: "5px 11px", borderRadius: o, cursor: "pointer" }, children: "↓ PDF" }) })
+        ] }, W.name)) })
       ] })
     ] })
   ] });
@@ -6315,7 +6332,7 @@ const zn = ({ size: e }) => /* @__PURE__ */ p("svg", { width: e, height: e, view
   /* @__PURE__ */ i("path", { d: "m21 15-5-5L5 21" })
 ] });
 function jl() {
-  const e = we(), r = j((L) => L.settings), {
+  const e = we(), r = j((N) => N.settings), {
     t,
     rad: n,
     radSm: o,
@@ -6333,13 +6350,13 @@ function jl() {
     pMain: b,
     iconInitials: v,
     hasLoginImage: $,
-    loginCenteredGrad: I,
+    loginCenteredGrad: H,
     loginScrimGradC: C
-  } = e, w = r.fontFamily + ",sans-serif", H = e.hc1 || t.textPrimary, W = t.pContrast, B = e.cardBorder === "none" ? "none" : e.cardBorder, X = r.logoMode === "image" && !!r.logoUrl, Q = e.isDark ? t.paper2 : "#ffffff", Y = r.loginPanelColor || t.bgDefault, d = r.loginImgOpacity > 0 ? r.loginImgOpacity : 1, O = $ ? /* @__PURE__ */ i("img", { src: r.loginImage, alt: "", style: { position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", zIndex: 0, opacity: d } }) : null, A = { background: t.paper, border: B, borderRadius: n, boxShadow: e.cardShadow, padding: s, display: "flex", flexDirection: "column", gap: 20 }, _ = (L) => ({ position: "relative", background: t.paper2, border: "1.5px solid " + (L ? b : t.outline), borderRadius: o });
-  return r.loginLayout === "centered" ? /* @__PURE__ */ p("div", { style: { minHeight: 560, background: I, display: "flex", alignItems: "center", justifyContent: "center", padding: 40, position: "relative", overflow: "hidden", fontFamily: w, borderRadius: n }, children: [
-    O,
+  } = e, k = r.fontFamily + ",sans-serif", R = e.hc1 || t.textPrimary, z = t.pContrast, I = e.cardBorder === "none" ? "none" : e.cardBorder, X = r.logoMode === "image" && !!r.logoUrl, Q = e.isDark ? t.paper2 : "#ffffff", Y = r.loginPanelColor || t.bgDefault, d = r.loginImgOpacity > 0 ? r.loginImgOpacity : 1, B = $ ? /* @__PURE__ */ i("img", { src: r.loginImage, alt: "", style: { position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", zIndex: 0, opacity: d } }) : null, A = { background: t.paper, border: I, borderRadius: n, boxShadow: e.cardShadow, padding: s, display: "flex", flexDirection: "column", gap: 20 }, L = (N) => ({ position: "relative", background: t.paper2, border: "1.5px solid " + (N ? b : t.outline), borderRadius: o });
+  return r.loginLayout === "centered" ? /* @__PURE__ */ p("div", { style: { minHeight: 560, background: H, display: "flex", alignItems: "center", justifyContent: "center", padding: 40, position: "relative", overflow: "hidden", fontFamily: k, borderRadius: n }, children: [
+    B,
     $ && /* @__PURE__ */ i("div", { style: { position: "absolute", inset: 0, background: C, zIndex: 0 } }),
-    /* @__PURE__ */ p("div", { style: { position: "relative", zIndex: 1, width: "100%", maxWidth: 380, background: t.paper, border: B, borderRadius: n, boxShadow: "0 24px 60px rgba(0,0,0,.35)", padding: s, display: "flex", flexDirection: "column", gap: 20, alignItems: "center" }, children: [
+    /* @__PURE__ */ p("div", { style: { position: "relative", zIndex: 1, width: "100%", maxWidth: 380, background: t.paper, border: I, borderRadius: n, boxShadow: "0 24px 60px rgba(0,0,0,.35)", padding: s, display: "flex", flexDirection: "column", gap: 20, alignItems: "center" }, children: [
       /* @__PURE__ */ i("div", { style: { width: 72, height: 72, borderRadius: 20, background: r.iconColor, display: "grid", placeItems: "center", boxShadow: "0 6px 18px " + r.iconColor + "55" }, children: /* @__PURE__ */ i("span", { style: { color: "#fff", fontSize: 24, fontWeight: u, letterSpacing: "-1px" }, children: v }) }),
       /* @__PURE__ */ p("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: 14 }, children: [
         /* @__PURE__ */ p("div", { style: { position: "relative", border: "1.5px solid " + t.outline, borderRadius: o, padding: "13px 14px" }, children: [
@@ -6353,9 +6370,9 @@ function jl() {
         /* @__PURE__ */ i("button", { style: { padding: 13, borderRadius: o, border: "none", background: y, color: h, fontSize: l, fontWeight: u, textTransform: "uppercase", letterSpacing: ".5px", boxShadow: x, cursor: "pointer" }, children: "Sign in" })
       ] })
     ] })
-  ] }) : /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: "3fr 1fr", minHeight: 560, fontFamily: w, borderRadius: n, overflow: "hidden" }, children: [
+  ] }) : /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: "3fr 1fr", minHeight: 560, fontFamily: k, borderRadius: n, overflow: "hidden" }, children: [
     /* @__PURE__ */ p("div", { style: { background: Q, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", padding: "48px 40px", gap: 22, position: "relative", overflow: "hidden" }, children: [
-      O,
+      B,
       !$ && /* @__PURE__ */ p("div", { style: { position: "absolute", inset: 0, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: 12, color: t.textSecondary, border: "1.5px dashed " + t.outline, padding: 24, boxSizing: "border-box" }, children: [
         /* @__PURE__ */ i(zn, { size: 46 }),
         /* @__PURE__ */ i("div", { style: { fontSize: 14, fontWeight: u, color: t.textPrimary }, children: "No brand image" }),
@@ -6369,20 +6386,20 @@ function jl() {
       ] }),
       /* @__PURE__ */ p("div", { style: { width: "100%", maxWidth: 340, ...A }, children: [
         /* @__PURE__ */ p("div", { style: { textAlign: "center" }, children: [
-          /* @__PURE__ */ i("div", { style: { fontSize: a, lineHeight: m, fontWeight: f, color: H, letterSpacing: "-.4px", marginBottom: 5 }, children: "Welcome back" }),
+          /* @__PURE__ */ i("div", { style: { fontSize: a, lineHeight: m, fontWeight: f, color: R, letterSpacing: "-.4px", marginBottom: 5 }, children: "Welcome back" }),
           /* @__PURE__ */ i("div", { style: { fontSize: c, color: t.textSecondary }, children: "Sign in to continue" })
         ] }),
         /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [
           /* @__PURE__ */ p("div", { children: [
             /* @__PURE__ */ i("div", { style: { fontSize: g, fontWeight: u, color: t.textPrimary, marginBottom: 7 }, children: "Email Address" }),
-            /* @__PURE__ */ p("div", { style: { ..._(!1), padding: "12px 14px 12px 40px" }, children: [
+            /* @__PURE__ */ p("div", { style: { ...L(!1), padding: "12px 14px 12px 40px" }, children: [
               /* @__PURE__ */ i("span", { style: { position: "absolute", left: 13, top: "50%", transform: "translateY(-50%)", color: t.textSecondary, fontSize: 14 }, children: "✉" }),
               /* @__PURE__ */ i("span", { style: { fontSize: l, color: t.textPrimary }, children: "admin@company.com" })
             ] })
           ] }),
           /* @__PURE__ */ p("div", { children: [
             /* @__PURE__ */ i("div", { style: { fontSize: g, fontWeight: u, color: t.textPrimary, marginBottom: 7 }, children: "Password" }),
-            /* @__PURE__ */ p("div", { style: { ..._(!0), padding: "12px 40px 12px 40px" }, children: [
+            /* @__PURE__ */ p("div", { style: { ...L(!0), padding: "12px 40px 12px 40px" }, children: [
               /* @__PURE__ */ i("span", { style: { position: "absolute", left: 13, top: "50%", transform: "translateY(-50%)", color: t.textSecondary, fontSize: 14 }, children: "🔒" }),
               /* @__PURE__ */ i("span", { style: { fontSize: l, color: t.textPrimary, letterSpacing: 3 }, children: "••••••••" }),
               /* @__PURE__ */ i("span", { style: { position: "absolute", right: 13, top: "50%", transform: "translateY(-50%)", color: t.textSecondary, fontSize: 14 }, children: "👁" })
@@ -6390,7 +6407,7 @@ function jl() {
           ] }),
           /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
             /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-              /* @__PURE__ */ i("div", { style: { width: 17, height: 17, borderRadius: 4, background: b, display: "grid", placeItems: "center", color: W, fontSize: 11, fontWeight: u }, children: "✓" }),
+              /* @__PURE__ */ i("div", { style: { width: 17, height: 17, borderRadius: 4, background: b, display: "grid", placeItems: "center", color: z, fontSize: 11, fontWeight: u }, children: "✓" }),
               /* @__PURE__ */ i("span", { style: { fontSize: c, color: t.textPrimary }, children: "Remember me" })
             ] }),
             /* @__PURE__ */ i("span", { style: { fontSize: c, color: b, fontWeight: u }, children: "Forgot password?" })
@@ -6431,21 +6448,21 @@ function Gl() {
     const m = s.current, y = a.current;
     if (!m || !y) return;
     const h = () => {
-      const $ = getComputedStyle(m), I = (parseFloat($.paddingTop) || 0) + (parseFloat($.paddingBottom) || 0);
+      const $ = getComputedStyle(m), H = (parseFloat($.paddingTop) || 0) + (parseFloat($.paddingBottom) || 0);
       if (n !== "fit") {
         const d = n / 100;
         y.style.zoom = String(d);
-        const O = m.clientHeight - I;
-        y.style.minHeight = (O > 0 ? Math.floor(O / d) : 0) + "px", c(n);
+        const B = m.clientHeight - H;
+        y.style.minHeight = (B > 0 ? Math.floor(B / d) : 0) + "px", c(n);
         return;
       }
       y.style.zoom = "1", y.style.minHeight = "0px", y.offsetHeight;
-      const C = (parseFloat($.paddingLeft) || 0) + (parseFloat($.paddingRight) || 0), w = m.clientWidth - C, H = m.clientHeight - I, W = y.scrollWidth, B = y.scrollHeight;
-      if (W <= 0 || B <= 0 || w <= 0 || H <= 0) return;
-      const X = Math.min(w / W, H / B, 1), Q = X < 0.985 ? Math.max(0.36, X) : 1;
+      const C = (parseFloat($.paddingLeft) || 0) + (parseFloat($.paddingRight) || 0), k = m.clientWidth - C, R = m.clientHeight - H, z = y.scrollWidth, I = y.scrollHeight;
+      if (z <= 0 || I <= 0 || k <= 0 || R <= 0) return;
+      const X = Math.min(k / z, R / I, 1), Q = X < 0.985 ? Math.max(0.36, X) : 1;
       y.style.zoom = String(Q);
-      const Y = Math.min(w / W, 1);
-      y.style.minHeight = Math.floor(H / Math.max(Y, 0.36)) + "px", c(Math.round(Q * 100));
+      const Y = Math.min(k / z, 1);
+      y.style.minHeight = Math.floor(R / Math.max(Y, 0.36)) + "px", c(Math.round(Q * 100));
     };
     let x = 0, u = 0;
     const b = () => {
@@ -6508,9 +6525,9 @@ function od() {
   }, [f, m]);
   const h = (b) => {
     b.preventDefault(), y.current = { x: b.clientX, w: t };
-    const v = (I) => {
+    const v = (H) => {
       if (!y.current) return;
-      const C = Math.max(Yl, Math.min(Jl, y.current.w + (I.clientX - y.current.x)));
+      const C = Math.max(Yl, Math.min(Jl, y.current.w + (H.clientX - y.current.x)));
       n(C);
     }, $ = () => {
       y.current = null, window.removeEventListener("mousemove", v), window.removeEventListener("mouseup", $);