omnieye-theme-studio 1.1.1 → 1.1.2

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 import { jsxs as f, jsx as i, Fragment as ge } from "react/jsx-runtime";
 import * as Ge from "react";
 import Bt, { useMemo as Vo, useState as ie, useEffect as Ar, useRef as Be, useLayoutEffect as Br } from "react";
-import { Box as v, Collapse as Uo, Button as Ae, Tooltip as Ue, Typography as me, Menu as Go, MenuItem as ht, Dialog as Ft, DialogTitle as lr, DialogContent as cr, TextField as Gr, DialogActions as dr, InputBase as Bn, FormControlLabel as wt, Switch as gt, Popover as Yo, Slider as Jo, IconButton as _t, Select as qo } from "@mui/material";
+import { Box as v, Collapse as Uo, Button as Ae, Tooltip as Ue, Typography as me, Menu as Go, MenuItem as ht, Dialog as Ft, DialogTitle as lr, DialogContent as dr, TextField as Gr, DialogActions as cr, InputBase as Bn, FormControlLabel as wt, Switch as gt, Popover as Yo, Slider as Jo, IconButton as _t, Select as qo } from "@mui/material";
 import Ko from "@emotion/styled";
 import "@emotion/react";
 import { createPortal as Xo } from "react-dom";
@@ -44,7 +44,7 @@ var Jr;
 function ti() {
   if (Jr) return te;
   Jr = 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, p = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, h = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, g = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, d = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, T = e ? Symbol.for("react.responder") : 60118, R = e ? Symbol.for("react.scope") : 60119;
+  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, p = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, h = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, g = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, c = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, T = e ? Symbol.for("react.responder") : 60118, R = e ? Symbol.for("react.scope") : 60119;
   function I(S) {
     if (typeof S == "object" && S !== null) {
       var $ = S.$$typeof;
@@ -103,7 +103,7 @@ function ti() {
   }, te.isSuspense = function(S) {
     return I(S) === m;
   }, te.isValidElementType = function(S) {
-    return typeof S == "string" || typeof S == "function" || S === n || S === u || S === s || S === o || S === m || S === y || typeof S == "object" && S !== null && (S.$$typeof === b || S.$$typeof === g || S.$$typeof === a || S.$$typeof === l || S.$$typeof === h || S.$$typeof === x || S.$$typeof === T || S.$$typeof === R || S.$$typeof === d);
+    return typeof S == "string" || typeof S == "function" || S === n || S === u || S === s || S === o || S === m || S === y || typeof S == "object" && S !== null && (S.$$typeof === b || S.$$typeof === g || S.$$typeof === a || S.$$typeof === l || S.$$typeof === h || S.$$typeof === x || S.$$typeof === T || S.$$typeof === R || S.$$typeof === c);
   }, te.typeOf = I, te;
 }
 var re = {};
@@ -118,10 +118,10 @@ var re = {};
 var qr;
 function ri() {
   return qr || (qr = 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, p = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, h = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, g = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, d = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, T = e ? Symbol.for("react.responder") : 60118, R = e ? Symbol.for("react.scope") : 60119;
+    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, p = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, h = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, g = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, c = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, T = e ? Symbol.for("react.responder") : 60118, R = e ? Symbol.for("react.scope") : 60119;
     function I(F) {
       return typeof F == "string" || typeof F == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      F === n || F === u || F === s || F === o || F === m || F === y || typeof F == "object" && F !== null && (F.$$typeof === b || F.$$typeof === g || F.$$typeof === a || F.$$typeof === l || F.$$typeof === h || F.$$typeof === x || F.$$typeof === T || F.$$typeof === R || F.$$typeof === d);
+      F === n || F === u || F === s || F === o || F === m || F === y || typeof F == "object" && F !== null && (F.$$typeof === b || F.$$typeof === g || F.$$typeof === a || F.$$typeof === l || F.$$typeof === h || F.$$typeof === x || F.$$typeof === T || F.$$typeof === R || F.$$typeof === c);
     }
     function w(F) {
       if (typeof F == "object" && F !== null) {
@@ -155,7 +155,7 @@ function ri() {
         }
       }
     }
-    var S = p, $ = u, W = l, O = a, q = r, L = h, V = n, c = b, A = g, P = t, z = s, N = o, K = m, H = !1;
+    var S = p, $ = u, W = l, O = a, q = r, L = h, V = n, d = b, A = g, P = t, z = s, N = o, K = m, H = !1;
     function D(F) {
       return H || (H = !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.")), E(F) || w(F) === p;
     }
@@ -192,10 +192,10 @@ function ri() {
     function Q(F) {
       return w(F) === o;
     }
-    function ce(F) {
+    function de(F) {
       return w(F) === m;
     }
-    re.AsyncMode = S, re.ConcurrentMode = $, re.ContextConsumer = W, re.ContextProvider = O, re.Element = q, re.ForwardRef = L, re.Fragment = V, re.Lazy = c, re.Memo = A, re.Portal = P, re.Profiler = z, re.StrictMode = N, re.Suspense = K, re.isAsyncMode = D, re.isConcurrentMode = E, re.isContextConsumer = C, re.isContextProvider = _, re.isElement = Y, re.isForwardRef = U, re.isFragment = M, re.isLazy = J, re.isMemo = j, re.isPortal = B, re.isProfiler = X, re.isStrictMode = Q, re.isSuspense = ce, re.isValidElementType = I, re.typeOf = w;
+    re.AsyncMode = S, re.ConcurrentMode = $, re.ContextConsumer = W, re.ContextProvider = O, re.Element = q, re.ForwardRef = L, re.Fragment = V, re.Lazy = d, re.Memo = A, re.Portal = P, re.Profiler = z, re.StrictMode = N, re.Suspense = K, re.isAsyncMode = D, re.isConcurrentMode = E, re.isContextConsumer = C, re.isContextProvider = _, re.isElement = Y, re.isForwardRef = U, re.isFragment = M, re.isLazy = J, re.isMemo = j, re.isPortal = B, re.isProfiler = X, re.isStrictMode = Q, re.isSuspense = de, re.isValidElementType = I, re.typeOf = w;
   })()), re;
 }
 var Kr;
@@ -355,21 +355,21 @@ function ii() {
       objectOf: O,
       oneOf: W,
       oneOfType: q,
-      shape: c,
+      shape: d,
       exact: A
     };
     function b(E, C) {
       return E === C ? E !== 0 || 1 / E === 1 / C : E !== E && C !== C;
     }
-    function d(E, C) {
+    function c(E, C) {
       this.message = E, this.data = C && typeof C == "object" ? C : {}, this.stack = "";
     }
-    d.prototype = Error.prototype;
+    c.prototype = Error.prototype;
     function x(E) {
       if (process.env.NODE_ENV !== "production")
         var C = {}, _ = 0;
-      function Y(M, J, j, B, X, Q, ce) {
-        if (B = B || y, Q = Q || j, ce !== t) {
+      function Y(M, J, j, B, X, Q, de) {
+        if (B = B || y, Q = Q || j, de !== t) {
           if (p) {
             var F = 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"
@@ -383,7 +383,7 @@ function ii() {
             ), C[ve] = !0, _++);
           }
         }
-        return J[j] == null ? M ? J[j] === null ? new d("The " + X + " `" + Q + "` is marked as required " + ("in `" + B + "`, but its value is `null`.")) : new d("The " + X + " `" + Q + "` is marked as required in " + ("`" + B + "`, but its value is `undefined`.")) : null : E(J, j, B, X, Q);
+        return J[j] == null ? M ? J[j] === null ? new c("The " + X + " `" + Q + "` is marked as required " + ("in `" + B + "`, but its value is `null`.")) : new c("The " + X + " `" + Q + "` is marked as required in " + ("`" + B + "`, but its value is `undefined`.")) : null : E(J, j, B, X, Q);
       }
       var U = Y.bind(null, !1);
       return U.isRequired = Y.bind(null, !0), U;
@@ -393,7 +393,7 @@ function ii() {
         var B = _[Y], X = N(B);
         if (X !== E) {
           var Q = K(B);
-          return new d(
+          return new c(
             "Invalid " + M + " `" + J + "` of type " + ("`" + Q + "` supplied to `" + U + "`, expected ") + ("`" + E + "`."),
             { expectedType: E }
           );
@@ -408,11 +408,11 @@ function ii() {
     function I(E) {
       function C(_, Y, U, M, J) {
         if (typeof E != "function")
-          return new d("Property `" + J + "` of component `" + U + "` has invalid PropType notation inside arrayOf.");
+          return new c("Property `" + J + "` of component `" + U + "` has invalid PropType notation inside arrayOf.");
         var j = _[Y];
         if (!Array.isArray(j)) {
           var B = N(j);
-          return new d("Invalid " + M + " `" + J + "` of type " + ("`" + B + "` supplied to `" + U + "`, expected an array."));
+          return new c("Invalid " + M + " `" + J + "` of type " + ("`" + B + "` supplied to `" + U + "`, expected an array."));
         }
         for (var X = 0; X < j.length; X++) {
           var Q = E(j, X, U, M, J + "[" + X + "]", t);
@@ -428,7 +428,7 @@ function ii() {
         var J = C[_];
         if (!l(J)) {
           var j = N(J);
-          return new d("Invalid " + U + " `" + M + "` of type " + ("`" + j + "` supplied to `" + Y + "`, expected a single ReactElement."));
+          return new c("Invalid " + U + " `" + M + "` of type " + ("`" + j + "` supplied to `" + Y + "`, expected a single ReactElement."));
         }
         return null;
       }
@@ -439,7 +439,7 @@ function ii() {
         var J = C[_];
         if (!e.isValidElementType(J)) {
           var j = N(J);
-          return new d("Invalid " + U + " `" + M + "` of type " + ("`" + j + "` supplied to `" + Y + "`, expected a single ReactElement type."));
+          return new c("Invalid " + U + " `" + M + "` of type " + ("`" + j + "` supplied to `" + Y + "`, expected a single ReactElement type."));
         }
         return null;
       }
@@ -449,7 +449,7 @@ function ii() {
       function C(_, Y, U, M, J) {
         if (!(_[Y] instanceof E)) {
           var j = E.name || y, B = D(_[Y]);
-          return new d("Invalid " + M + " `" + J + "` of type " + ("`" + B + "` supplied to `" + U + "`, expected ") + ("instance of `" + j + "`."));
+          return new c("Invalid " + M + " `" + J + "` of type " + ("`" + B + "` supplied to `" + U + "`, expected ") + ("instance of `" + j + "`."));
         }
         return null;
       }
@@ -464,21 +464,21 @@ function ii() {
         for (var j = _[Y], B = 0; B < E.length; B++)
           if (b(j, E[B]))
             return null;
-        var X = JSON.stringify(E, function(ce, F) {
+        var X = JSON.stringify(E, function(de, F) {
           var ve = K(F);
           return ve === "symbol" ? String(F) : F;
         });
-        return new d("Invalid " + M + " `" + J + "` of value `" + String(j) + "` " + ("supplied to `" + U + "`, expected one of " + X + "."));
+        return new c("Invalid " + M + " `" + J + "` of value `" + String(j) + "` " + ("supplied to `" + U + "`, expected one of " + X + "."));
       }
       return x(C);
     }
     function O(E) {
       function C(_, Y, U, M, J) {
         if (typeof E != "function")
-          return new d("Property `" + J + "` of component `" + U + "` has invalid PropType notation inside objectOf.");
+          return new c("Property `" + J + "` of component `" + U + "` has invalid PropType notation inside objectOf.");
         var j = _[Y], B = N(j);
         if (B !== "object")
-          return new d("Invalid " + M + " `" + J + "` of type " + ("`" + B + "` supplied to `" + U + "`, expected an object."));
+          return new c("Invalid " + M + " `" + J + "` of type " + ("`" + B + "` supplied to `" + U + "`, expected an object."));
         for (var X in j)
           if (n(j, X)) {
             var Q = E(j, X, U, M, J + "." + X, t);
@@ -501,39 +501,39 @@ function ii() {
       }
       function Y(U, M, J, j, B) {
         for (var X = [], Q = 0; Q < E.length; Q++) {
-          var ce = E[Q], F = ce(U, M, J, j, B, t);
+          var de = E[Q], F = de(U, M, J, j, B, t);
           if (F == null)
             return null;
           F.data && n(F.data, "expectedType") && X.push(F.data.expectedType);
         }
         var ve = X.length > 0 ? ", expected one of type [" + X.join(", ") + "]" : "";
-        return new d("Invalid " + j + " `" + B + "` supplied to " + ("`" + J + "`" + ve + "."));
+        return new c("Invalid " + j + " `" + B + "` supplied to " + ("`" + J + "`" + ve + "."));
       }
       return x(Y);
     }
     function L() {
       function E(C, _, Y, U, M) {
-        return P(C[_]) ? null : new d("Invalid " + U + " `" + M + "` supplied to " + ("`" + Y + "`, expected a ReactNode."));
+        return P(C[_]) ? null : new c("Invalid " + U + " `" + M + "` supplied to " + ("`" + Y + "`, expected a ReactNode."));
       }
       return x(E);
     }
     function V(E, C, _, Y, U) {
-      return new d(
+      return new c(
         (E || "React class") + ": " + C + " type `" + _ + "." + Y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + U + "`."
       );
     }
-    function c(E) {
+    function d(E) {
       function C(_, Y, U, M, J) {
         var j = _[Y], B = N(j);
         if (B !== "object")
-          return new d("Invalid " + M + " `" + J + "` of type `" + B + "` " + ("supplied to `" + U + "`, expected `object`."));
+          return new c("Invalid " + M + " `" + J + "` of type `" + B + "` " + ("supplied to `" + U + "`, expected `object`."));
         for (var X in E) {
           var Q = E[X];
           if (typeof Q != "function")
             return V(U, M, J, X, K(Q));
-          var ce = Q(j, X, U, M, J + "." + X, t);
-          if (ce)
-            return ce;
+          var de = Q(j, X, U, M, J + "." + X, t);
+          if (de)
+            return de;
         }
         return null;
       }
@@ -543,18 +543,18 @@ function ii() {
       function C(_, Y, U, M, J) {
         var j = _[Y], B = N(j);
         if (B !== "object")
-          return new d("Invalid " + M + " `" + J + "` of type `" + B + "` " + ("supplied to `" + U + "`, expected `object`."));
+          return new c("Invalid " + M + " `" + J + "` of type `" + B + "` " + ("supplied to `" + U + "`, expected `object`."));
         var X = r({}, _[Y], E);
         for (var Q in X) {
-          var ce = E[Q];
-          if (n(E, Q) && typeof ce != "function")
-            return V(U, M, J, Q, K(ce));
-          if (!ce)
-            return new d(
+          var de = E[Q];
+          if (n(E, Q) && typeof de != "function")
+            return V(U, M, J, Q, K(de));
+          if (!de)
+            return new c(
               "Invalid " + M + " `" + J + "` key `" + Q + "` supplied to `" + U + "`.\nBad object: " + JSON.stringify(_[Y], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(E), null, "  ")
             );
-          var F = ce(j, Q, U, M, J + "." + Q, t);
+          var F = de(j, Q, U, M, J + "." + Q, t);
           if (F)
             return F;
         }
@@ -707,7 +707,7 @@ function Mn() {
   for (var e, r, t = 0, n = "", o = arguments.length; t < o; t++) (e = arguments[t]) && (r = Dn(e)) && (n && (n += " "), n += r);
   return n;
 }
-function ci(e, r, t = void 0) {
+function di(e, r, t = void 0) {
   const n = {};
   for (const o in e) {
     const s = e[o];
@@ -731,32 +731,32 @@ var Dt = { exports: {} }, ae = {};
  * LICENSE file in the root directory of this source tree.
  */
 var on;
-function di() {
+function ci() {
   if (on) return ae;
   on = 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"), p = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), y = Symbol.for("react.view_transition"), g = Symbol.for("react.client.reference");
-  function b(d) {
-    if (typeof d == "object" && d !== null) {
-      var x = d.$$typeof;
+  function b(c) {
+    if (typeof c == "object" && c !== null) {
+      var x = c.$$typeof;
       switch (x) {
         case e:
-          switch (d = d.type, d) {
+          switch (c = c.type, c) {
             case t:
             case o:
             case n:
             case p:
             case u:
             case y:
-              return d;
+              return c;
             default:
-              switch (d = d && d.$$typeof, d) {
+              switch (c = c && c.$$typeof, c) {
                 case a:
                 case l:
                 case m:
                 case h:
-                  return d;
+                  return c;
                 case s:
-                  return d;
+                  return c;
                 default:
                   return x;
               }
@@ -766,32 +766,32 @@ function di() {
       }
     }
   }
-  return ae.ContextConsumer = s, ae.ContextProvider = a, ae.Element = e, ae.ForwardRef = l, ae.Fragment = t, ae.Lazy = m, ae.Memo = h, ae.Portal = r, ae.Profiler = o, ae.StrictMode = n, ae.Suspense = p, ae.SuspenseList = u, ae.isContextConsumer = function(d) {
-    return b(d) === s;
-  }, ae.isContextProvider = function(d) {
-    return b(d) === a;
-  }, ae.isElement = function(d) {
-    return typeof d == "object" && d !== null && d.$$typeof === e;
-  }, ae.isForwardRef = function(d) {
-    return b(d) === l;
-  }, ae.isFragment = function(d) {
-    return b(d) === t;
-  }, ae.isLazy = function(d) {
-    return b(d) === m;
-  }, ae.isMemo = function(d) {
-    return b(d) === h;
-  }, ae.isPortal = function(d) {
-    return b(d) === r;
-  }, ae.isProfiler = function(d) {
-    return b(d) === o;
-  }, ae.isStrictMode = function(d) {
-    return b(d) === n;
-  }, ae.isSuspense = function(d) {
-    return b(d) === p;
-  }, ae.isSuspenseList = function(d) {
-    return b(d) === u;
-  }, ae.isValidElementType = function(d) {
-    return typeof d == "string" || typeof d == "function" || d === t || d === o || d === n || d === p || d === u || typeof d == "object" && d !== null && (d.$$typeof === m || d.$$typeof === h || d.$$typeof === a || d.$$typeof === s || d.$$typeof === l || d.$$typeof === g || d.getModuleId !== void 0);
+  return ae.ContextConsumer = s, ae.ContextProvider = a, ae.Element = e, ae.ForwardRef = l, ae.Fragment = t, ae.Lazy = m, ae.Memo = h, ae.Portal = r, ae.Profiler = o, ae.StrictMode = n, ae.Suspense = p, ae.SuspenseList = u, ae.isContextConsumer = function(c) {
+    return b(c) === s;
+  }, ae.isContextProvider = function(c) {
+    return b(c) === a;
+  }, ae.isElement = function(c) {
+    return typeof c == "object" && c !== null && c.$$typeof === e;
+  }, ae.isForwardRef = function(c) {
+    return b(c) === l;
+  }, ae.isFragment = function(c) {
+    return b(c) === t;
+  }, ae.isLazy = function(c) {
+    return b(c) === m;
+  }, ae.isMemo = function(c) {
+    return b(c) === h;
+  }, ae.isPortal = function(c) {
+    return b(c) === r;
+  }, ae.isProfiler = function(c) {
+    return b(c) === o;
+  }, ae.isStrictMode = function(c) {
+    return b(c) === n;
+  }, ae.isSuspense = function(c) {
+    return b(c) === p;
+  }, ae.isSuspenseList = function(c) {
+    return b(c) === u;
+  }, ae.isValidElementType = function(c) {
+    return typeof c == "string" || typeof c == "function" || c === t || c === o || c === n || c === p || c === u || typeof c == "object" && c !== null && (c.$$typeof === m || c.$$typeof === h || c.$$typeof === a || c.$$typeof === s || c.$$typeof === l || c.$$typeof === g || c.getModuleId !== void 0);
   }, ae.typeOf = b, ae;
 }
 var se = {};
@@ -807,28 +807,28 @@ var se = {};
 var an;
 function pi() {
   return an || (an = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(d) {
-      if (typeof d == "object" && d !== null) {
-        var x = d.$$typeof;
+    function e(c) {
+      if (typeof c == "object" && c !== null) {
+        var x = c.$$typeof;
         switch (x) {
           case r:
-            switch (d = d.type, d) {
+            switch (c = c.type, c) {
               case n:
               case s:
               case o:
               case u:
               case h:
               case g:
-                return d;
+                return c;
               default:
-                switch (d = d && d.$$typeof, d) {
+                switch (c = c && c.$$typeof, c) {
                   case l:
                   case p:
                   case y:
                   case m:
-                    return d;
+                    return c;
                   case a:
-                    return d;
+                    return c;
                   default:
                     return x;
                 }
@@ -839,38 +839,38 @@ function pi() {
       }
     }
     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"), p = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), g = Symbol.for("react.view_transition"), b = Symbol.for("react.client.reference");
-    se.ContextConsumer = a, se.ContextProvider = l, se.Element = r, se.ForwardRef = p, se.Fragment = n, se.Lazy = y, se.Memo = m, se.Portal = t, se.Profiler = s, se.StrictMode = o, se.Suspense = u, se.SuspenseList = h, se.isContextConsumer = function(d) {
-      return e(d) === a;
-    }, se.isContextProvider = function(d) {
-      return e(d) === l;
-    }, se.isElement = function(d) {
-      return typeof d == "object" && d !== null && d.$$typeof === r;
-    }, se.isForwardRef = function(d) {
-      return e(d) === p;
-    }, se.isFragment = function(d) {
-      return e(d) === n;
-    }, se.isLazy = function(d) {
-      return e(d) === y;
-    }, se.isMemo = function(d) {
-      return e(d) === m;
-    }, se.isPortal = function(d) {
-      return e(d) === t;
-    }, se.isProfiler = function(d) {
-      return e(d) === s;
-    }, se.isStrictMode = function(d) {
-      return e(d) === o;
-    }, se.isSuspense = function(d) {
-      return e(d) === u;
-    }, se.isSuspenseList = function(d) {
-      return e(d) === h;
-    }, se.isValidElementType = function(d) {
-      return typeof d == "string" || typeof d == "function" || d === n || d === s || d === o || d === u || d === h || typeof d == "object" && d !== null && (d.$$typeof === y || d.$$typeof === m || d.$$typeof === l || d.$$typeof === a || d.$$typeof === p || d.$$typeof === b || d.getModuleId !== void 0);
+    se.ContextConsumer = a, se.ContextProvider = l, se.Element = r, se.ForwardRef = p, se.Fragment = n, se.Lazy = y, se.Memo = m, se.Portal = t, se.Profiler = s, se.StrictMode = o, se.Suspense = u, se.SuspenseList = h, se.isContextConsumer = function(c) {
+      return e(c) === a;
+    }, se.isContextProvider = function(c) {
+      return e(c) === l;
+    }, se.isElement = function(c) {
+      return typeof c == "object" && c !== null && c.$$typeof === r;
+    }, se.isForwardRef = function(c) {
+      return e(c) === p;
+    }, se.isFragment = function(c) {
+      return e(c) === n;
+    }, se.isLazy = function(c) {
+      return e(c) === y;
+    }, se.isMemo = function(c) {
+      return e(c) === m;
+    }, se.isPortal = function(c) {
+      return e(c) === t;
+    }, se.isProfiler = function(c) {
+      return e(c) === s;
+    }, se.isStrictMode = function(c) {
+      return e(c) === o;
+    }, se.isSuspense = function(c) {
+      return e(c) === u;
+    }, se.isSuspenseList = function(c) {
+      return e(c) === h;
+    }, se.isValidElementType = function(c) {
+      return typeof c == "string" || typeof c == "function" || c === n || c === s || c === o || c === u || c === h || typeof c == "object" && c !== null && (c.$$typeof === y || c.$$typeof === m || c.$$typeof === l || c.$$typeof === a || c.$$typeof === p || c.$$typeof === b || c.getModuleId !== void 0);
     }, se.typeOf = e;
   })()), se;
 }
 var sn;
 function fi() {
-  return sn || (sn = 1, process.env.NODE_ENV === "production" ? Dt.exports = /* @__PURE__ */ di() : Dt.exports = /* @__PURE__ */ pi()), Dt.exports;
+  return sn || (sn = 1, process.env.NODE_ENV === "production" ? Dt.exports = /* @__PURE__ */ ci() : Dt.exports = /* @__PURE__ */ pi()), Dt.exports;
 }
 var Nt = /* @__PURE__ */ fi();
 function ze(e) {
@@ -962,7 +962,7 @@ const Gt = {
   // desktop
   xl: 1536
   // large screen
-}, cn = {
+}, dn = {
   // Sorted ASC by size. That's important.
   // It can't be configured as it's used statically for propTypes.
   keys: ["xs", "sm", "md", "lg", "xl"],
@@ -978,11 +978,11 @@ const Gt = {
 function Fe(e, r, t) {
   const n = e.theme || {};
   if (Array.isArray(r)) {
-    const s = n.breakpoints || cn;
+    const s = n.breakpoints || dn;
     return r.reduce((a, l, p) => (a[s.up(s.keys[p])] = t(r[p]), a), {});
   }
   if (typeof r == "object") {
-    const s = n.breakpoints || cn;
+    const s = n.breakpoints || dn;
     return Object.keys(r).reduce((a, l) => {
       if (ui(s.keys, l)) {
         const p = hi(n.containerQueries ? n : mi, l);
@@ -1006,7 +1006,7 @@ function yi(e = {}) {
     return n[s] = {}, n;
   }, {})) || {};
 }
-function dn(e, r) {
+function cn(e, r) {
   return e.reduce((t, n) => {
     const o = t[n];
     return (!o || Object.keys(o).length === 0) && delete t[n], t;
@@ -1597,9 +1597,9 @@ function na() {
       };
     const y = Yt(o, u) || {};
     return m ? m(a) : Fe(a, n, (b) => {
-      let d = jt(y, h, b);
-      return b === d && typeof b == "string" && (d = jt(y, h, `${t}${b === "default" ? "" : it(b)}`, b)), p === !1 ? d : {
-        [p]: d
+      let c = jt(y, h, b);
+      return b === c && typeof b == "string" && (c = jt(y, h, `${t}${b === "default" ? "" : it(b)}`, b)), p === !1 ? c : {
+        [p]: c
       };
     });
   }
@@ -1629,22 +1629,22 @@ function na() {
             if (a[g])
               y = kt(y, e(g, b, o, a));
             else {
-              const d = Fe({
+              const c = Fe({
                 theme: o
               }, b, (x) => ({
                 [g]: x
               }));
-              ta(d, b) ? y[g] = r({
+              ta(c, b) ? y[g] = r({
                 sx: b,
                 theme: o,
                 nested: !0
-              }) : y = kt(y, d);
+              }) : y = kt(y, c);
             }
           else
             y = kt(y, e(g, b, o, a));
       }), !s && o.modularCssLayers ? {
-        "@layer sx": ln(o, dn(m, y))
-      } : ln(o, dn(m, y));
+        "@layer sx": ln(o, cn(m, y))
+      } : ln(o, cn(m, y));
     }
     return Array.isArray(n) ? n.map(l) : l(n);
   }
@@ -1778,13 +1778,13 @@ function Vt(e, r, t) {
         var l = s.styles + ";";
         return l;
       }
-      return ca(e, r, t);
+      return da(e, r, t);
     }
   }
   var p = t;
   return p;
 }
-function ca(e, r, t) {
+function da(e, r, t) {
   var n = "";
   if (Array.isArray(t))
     for (var o = 0; o < t.length; o++)
@@ -1814,7 +1814,7 @@ function ca(e, r, t) {
   return n;
 }
 var hn = /label:\s*([^\s;{]+)\s*(;|$)/g, Ve;
-function da(e, r, t) {
+function ca(e, r, t) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
   var n = !0, o = "";
@@ -1861,7 +1861,7 @@ function fa(e, r) {
 }
 const gn = [];
 function nt(e) {
-  return gn[0] = e, da(gn);
+  return gn[0] = e, ca(gn);
 }
 const ua = (e) => {
   const r = Object.keys(e).map((t) => ({
@@ -2120,7 +2120,7 @@ function wa(e = {}) {
       // For more details: https://github.com/mui/material-ui/pull/37908
       overridesResolver: g = Sa(Un(h)),
       ...b
-    } = p, d = u && u.startsWith("Mui") || h ? "components" : "custom", x = m !== void 0 ? m : (
+    } = p, c = u && u.startsWith("Mui") || h ? "components" : "custom", x = m !== void 0 ? m : (
       // TODO v6: remove `Root` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       h && h !== "Root" && h !== "root" || !1
@@ -2136,12 +2136,12 @@ function wa(e = {}) {
         return $;
       if (typeof $ == "function")
         return function(O) {
-          return Lt(O, $, O.theme.modularCssLayers ? d : void 0);
+          return Lt(O, $, O.theme.modularCssLayers ? c : void 0);
         };
       if (ze($)) {
         const W = jn($);
         return function(q) {
-          return W.variants ? Lt(q, W, q.theme.modularCssLayers ? d : void 0) : q.theme.modularCssLayers ? rt(W.style, d) : W.style;
+          return W.variants ? Lt(q, W, q.theme.modularCssLayers ? c : void 0) : q.theme.modularCssLayers ? rt(W.style, c) : W.style;
         };
       }
       return $;
@@ -2161,9 +2161,9 @@ function wa(e = {}) {
         const P = A.theme, z = (K = (N = P == null ? void 0 : P.components) == null ? void 0 : N[u]) == null ? void 0 : K.variants;
         return z ? Vn(A, z, [], A.theme.modularCssLayers ? "theme" : void 0) : null;
       }), T || q.push(yt), Array.isArray(O[0])) {
-        const c = O.shift(), A = new Array(W.length).fill(""), P = new Array(q.length).fill("");
+        const d = O.shift(), A = new Array(W.length).fill(""), P = new Array(q.length).fill("");
         let z;
-        z = [...A, ...c, ...P], z.raw = [...A, ...c.raw, ...P], W.unshift(z);
+        z = [...A, ...d, ...P], z.raw = [...A, ...d.raw, ...P], W.unshift(z);
       }
       const L = [...W, ...O, ...q], V = I(...L);
       return l.muiName && (V.muiName = l.muiName), process.env.NODE_ENV !== "production" && (V.displayName = ka(u, h, l)), V;
@@ -2454,7 +2454,7 @@ function Fa(e, r = {}) {
   } = xr(u, r);
   let g = y;
   const b = {}, {
-    [p]: d,
+    [p]: c,
     ...x
   } = a;
   if (Object.entries(x || {}).forEach(([w, S]) => {
@@ -2467,12 +2467,12 @@ function Fa(e, r = {}) {
       css: W,
       vars: $
     };
-  }), d) {
+  }), c) {
     const {
       css: w,
       vars: S,
       varsWithDefaults: $
-    } = xr(d, r);
+    } = xr(c, r);
     g = Te(g, $), b[p] = {
       css: w,
       vars: S
@@ -2508,10 +2508,10 @@ function Fa(e, r = {}) {
     generateStyleSheets: () => {
       var q, L;
       const w = [], S = e.defaultColorScheme || "light";
-      function $(V, c) {
-        Object.keys(c).length && w.push(typeof V == "string" ? {
+      function $(V, d) {
+        Object.keys(d).length && w.push(typeof V == "string" ? {
           [V]: {
-            ...c
+            ...d
           }
         } : V);
       }
@@ -2525,8 +2525,8 @@ function Fa(e, r = {}) {
       if (W) {
         const {
           css: V
-        } = W, c = (L = (q = a[S]) == null ? void 0 : q.palette) == null ? void 0 : L.mode, A = !n && c ? {
-          colorScheme: c,
+        } = W, d = (L = (q = a[S]) == null ? void 0 : q.palette) == null ? void 0 : L.mode, A = !n && d ? {
+          colorScheme: d,
           ...V
         } : {
           ...V
@@ -2536,14 +2536,14 @@ function Fa(e, r = {}) {
         }), A);
       }
       return Object.entries(O).forEach(([V, {
-        css: c
+        css: d
       }]) => {
         var z, N;
         const A = (N = (z = a[V]) == null ? void 0 : z.palette) == null ? void 0 : N.mode, P = !n && A ? {
           colorScheme: A,
-          ...c
+          ...d
         } : {
-          ...c
+          ...d
         };
         $(t(V, {
           ...P
@@ -2590,7 +2590,7 @@ const Tt = {
   400: "#ab47bc",
   500: "#9c27b0",
   700: "#7b1fa2"
-}, ct = {
+}, dt = {
   300: "#e57373",
   400: "#ef5350",
   500: "#f44336",
@@ -2602,7 +2602,7 @@ const Tt = {
   500: "#ff9800",
   700: "#f57c00",
   900: "#e65100"
-}, dt = {
+}, ct = {
   50: "#e3f2fd",
   200: "#90caf9",
   400: "#42a5f5",
@@ -2702,13 +2702,13 @@ function Sn(e, r, t, n, o) {
 }
 function Na(e = "light") {
   return e === "dark" ? {
-    main: dt[200],
-    light: dt[50],
-    dark: dt[400]
+    main: ct[200],
+    light: ct[50],
+    dark: ct[400]
   } : {
-    main: dt[700],
-    light: dt[400],
-    dark: dt[800]
+    main: ct[700],
+    light: ct[400],
+    dark: ct[800]
   };
 }
 function ja(e = "light") {
@@ -2724,13 +2724,13 @@ function ja(e = "light") {
 }
 function Va(e = "light") {
   return e === "dark" ? {
-    main: ct[500],
-    light: ct[300],
-    dark: ct[700]
+    main: dt[500],
+    light: dt[300],
+    dark: dt[700]
   } : {
-    main: ct[700],
-    light: ct[400],
-    dark: ct[800]
+    main: dt[700],
+    light: dt[400],
+    dark: dt[800]
   };
 }
 function Ua(e = "light") {
@@ -2938,7 +2938,7 @@ function Qa(e, r) {
     } : {},
     ...w,
     ...u
-  }), d = {
+  }), c = {
     h1: b(o, 96, 1.167, -1.5),
     h2: b(o, 60, 1.2, -0.5),
     h3: b(s, 48, 1.167, 0),
@@ -2970,7 +2970,7 @@ function Qa(e, r) {
     fontWeightRegular: s,
     fontWeightMedium: a,
     fontWeightBold: l,
-    ...d
+    ...c
   }, m, {
     clone: !1
     // No need to clone deep
@@ -3079,7 +3079,7 @@ export default theme;`;
 function Tn(e) {
   return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
 }
-const cs = (e) => {
+const ds = (e) => {
   if (!Number.isNaN(+e))
     return +e;
   const r = e.match(/\d*\.?\d+/g);
@@ -3090,11 +3090,11 @@ const cs = (e) => {
     t += +r[n];
   return t;
 };
-function ds(e) {
+function cs(e) {
   Object.assign(e, {
     alpha(r, t) {
       const n = this || e;
-      return n.colorSpace ? `oklch(from ${r} l c h / ${typeof t == "string" ? `calc(${t})` : t})` : n.vars ? `rgba(${r.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof t == "string" ? `calc(${t})` : t})` : Yn(r, cs(t));
+      return n.colorSpace ? `oklch(from ${r} l c h / ${typeof t == "string" ? `calc(${t})` : t})` : n.vars ? `rgba(${r.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof t == "string" ? `calc(${t})` : t})` : Yn(r, ds(t));
     },
     lighten(r, t) {
       const n = this || e;
@@ -3137,8 +3137,8 @@ function Er(e = {}, ...r) {
       ...ss
     }
   });
-  if (g = Te(g, h), g = r.reduce((b, d) => Te(b, d), g), process.env.NODE_ENV !== "production") {
-    const b = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], d = (x, T) => {
+  if (g = Te(g, h), g = r.reduce((b, c) => Te(b, c), g), process.env.NODE_ENV !== "production") {
+    const b = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], c = (x, T) => {
       let R;
       for (R in x) {
         const I = x[R];
@@ -3158,18 +3158,18 @@ function Er(e = {}, ...r) {
     };
     Object.keys(g.components).forEach((x) => {
       const T = g.components[x].styleOverrides;
-      T && x.startsWith("Mui") && d(T, x);
+      T && x.startsWith("Mui") && c(T, x);
     });
   }
   return g.unstable_sxConfig = {
     ...tr,
     ...h == null ? void 0 : h.unstable_sxConfig
-  }, g.unstable_sx = function(d) {
+  }, g.unstable_sx = function(c) {
     return yt({
-      sx: d,
+      sx: c,
       theme: this
     });
-  }, g.toRuntimeSource = Xn, ds(g), g;
+  }, g.toRuntimeSource = Xn, cs(g), g;
 }
 function ps(e) {
   let r;
@@ -3334,7 +3334,7 @@ function vs(e = {}, ...r) {
     ...h
   } = e, m = Object.keys(t)[0], y = n || (t.light && m !== "light" ? "light" : m), g = xs(s), {
     [y]: b,
-    light: d,
+    light: c,
     dark: x,
     ...T
   } = t, R = {
@@ -3346,7 +3346,7 @@ function vs(e = {}, ...r) {
   let w;
   a && (w = "oklch");
   const S = vr(w, R, I, h, y);
-  d && !R.light && vr(w, R, d, void 0, "light"), x && !R.dark && vr(w, R, x, void 0, "dark");
+  c && !R.light && vr(w, R, c, void 0, "light"), x && !R.dark && vr(w, R, x, void 0, "dark");
   let $ = {
     defaultColorScheme: y,
     ...S,
@@ -3362,11 +3362,11 @@ function vs(e = {}, ...r) {
     spacing: bs(h.spacing)
   };
   Object.keys($.colorSchemes).forEach((V) => {
-    const c = $.colorSchemes[V].palette, A = (z) => {
+    const d = $.colorSchemes[V].palette, A = (z) => {
       const N = z.split("-"), K = N[1], H = N[2];
-      return g(z, c[K][H]);
+      return g(z, d[K][H]);
     };
-    c.mode === "light" && (k(c.common, "background", "#fff"), k(c.common, "onBackground", "#000")), c.mode === "dark" && (k(c.common, "background", "#000"), k(c.common, "onBackground", "#fff"));
+    d.mode === "light" && (k(d.common, "background", "#fff"), k(d.common, "onBackground", "#000")), d.mode === "dark" && (k(d.common, "background", "#000"), k(d.common, "onBackground", "#fff"));
     function P(z, N, K) {
       if (w) {
         let H;
@@ -3374,21 +3374,21 @@ function vs(e = {}, ...r) {
       }
       return z(N, K);
     }
-    if (ys(c, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), c.mode === "light") {
-      k(c.Alert, "errorColor", P(ne, a ? g("palette-error-light") : c.error.light, 0.6)), k(c.Alert, "infoColor", P(ne, a ? g("palette-info-light") : c.info.light, 0.6)), k(c.Alert, "successColor", P(ne, a ? g("palette-success-light") : c.success.light, 0.6)), k(c.Alert, "warningColor", P(ne, a ? g("palette-warning-light") : c.warning.light, 0.6)), k(c.Alert, "errorFilledBg", A("palette-error-main")), k(c.Alert, "infoFilledBg", A("palette-info-main")), k(c.Alert, "successFilledBg", A("palette-success-main")), k(c.Alert, "warningFilledBg", A("palette-warning-main")), k(c.Alert, "errorFilledColor", Oe(() => c.getContrastText(c.error.main))), k(c.Alert, "infoFilledColor", Oe(() => c.getContrastText(c.info.main))), k(c.Alert, "successFilledColor", Oe(() => c.getContrastText(c.success.main))), k(c.Alert, "warningFilledColor", Oe(() => c.getContrastText(c.warning.main))), k(c.Alert, "errorStandardBg", P(oe, a ? g("palette-error-light") : c.error.light, 0.9)), k(c.Alert, "infoStandardBg", P(oe, a ? g("palette-info-light") : c.info.light, 0.9)), k(c.Alert, "successStandardBg", P(oe, a ? g("palette-success-light") : c.success.light, 0.9)), k(c.Alert, "warningStandardBg", P(oe, a ? g("palette-warning-light") : c.warning.light, 0.9)), k(c.Alert, "errorIconColor", A("palette-error-main")), k(c.Alert, "infoIconColor", A("palette-info-main")), k(c.Alert, "successIconColor", A("palette-success-main")), k(c.Alert, "warningIconColor", A("palette-warning-main")), k(c.AppBar, "defaultBg", A("palette-grey-100")), k(c.Avatar, "defaultBg", A("palette-grey-400")), k(c.Button, "inheritContainedBg", A("palette-grey-300")), k(c.Button, "inheritContainedHoverBg", A("palette-grey-A100")), k(c.Chip, "defaultBorder", A("palette-grey-400")), k(c.Chip, "defaultAvatarColor", A("palette-grey-700")), k(c.Chip, "defaultIconColor", A("palette-grey-700")), k(c.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), k(c.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), k(c.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), k(c.LinearProgress, "primaryBg", P(oe, a ? g("palette-primary-main") : c.primary.main, 0.62)), k(c.LinearProgress, "secondaryBg", P(oe, a ? g("palette-secondary-main") : c.secondary.main, 0.62)), k(c.LinearProgress, "errorBg", P(oe, a ? g("palette-error-main") : c.error.main, 0.62)), k(c.LinearProgress, "infoBg", P(oe, a ? g("palette-info-main") : c.info.main, 0.62)), k(c.LinearProgress, "successBg", P(oe, a ? g("palette-success-main") : c.success.main, 0.62)), k(c.LinearProgress, "warningBg", P(oe, a ? g("palette-warning-light") : c.warning.main, 0.62)), k(c.Skeleton, "bg", w ? P(Ze, a ? g("palette-text-primary") : c.text.primary, 0.11) : `rgba(${A("palette-text-primaryChannel")} / 0.11)`), k(c.Slider, "primaryTrack", P(oe, a ? g("palette-primary-main") : c.primary.main, 0.62)), k(c.Slider, "secondaryTrack", P(oe, a ? g("palette-secondary-main") : c.secondary.main, 0.62)), k(c.Slider, "errorTrack", P(oe, a ? g("palette-error-main") : c.error.main, 0.62)), k(c.Slider, "infoTrack", P(oe, a ? g("palette-info-main") : c.info.main, 0.62)), k(c.Slider, "successTrack", P(oe, a ? g("palette-success-main") : c.success.main, 0.62)), k(c.Slider, "warningTrack", P(oe, a ? g("palette-warning-main") : c.warning.main, 0.62));
-      const z = w ? P(ne, a ? g("palette-background-default") : c.background.default, 0.6825) : Mt(c.background.default, 0.8);
-      k(c.SnackbarContent, "bg", z), k(c.SnackbarContent, "color", Oe(() => w ? Rr.text.primary : c.getContrastText(z))), k(c.SpeedDialAction, "fabHoverBg", Mt(c.background.paper, 0.15)), k(c.StepConnector, "border", A("palette-grey-400")), k(c.StepContent, "border", A("palette-grey-400")), k(c.Switch, "defaultColor", A("palette-common-white")), k(c.Switch, "defaultDisabledColor", A("palette-grey-100")), k(c.Switch, "primaryDisabledColor", P(oe, a ? g("palette-primary-main") : c.primary.main, 0.62)), k(c.Switch, "secondaryDisabledColor", P(oe, a ? g("palette-secondary-main") : c.secondary.main, 0.62)), k(c.Switch, "errorDisabledColor", P(oe, a ? g("palette-error-main") : c.error.main, 0.62)), k(c.Switch, "infoDisabledColor", P(oe, a ? g("palette-info-main") : c.info.main, 0.62)), k(c.Switch, "successDisabledColor", P(oe, a ? g("palette-success-main") : c.success.main, 0.62)), k(c.Switch, "warningDisabledColor", P(oe, a ? g("palette-warning-main") : c.warning.main, 0.62)), k(c.TableCell, "border", P(oe, Ze(a ? g("palette-divider") : c.divider, 1), 0.88)), k(c.Tooltip, "bg", P(Ze, a ? g("palette-grey-700") : c.grey[700], 0.92));
+    if (ys(d, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), d.mode === "light") {
+      k(d.Alert, "errorColor", P(ne, a ? g("palette-error-light") : d.error.light, 0.6)), k(d.Alert, "infoColor", P(ne, a ? g("palette-info-light") : d.info.light, 0.6)), k(d.Alert, "successColor", P(ne, a ? g("palette-success-light") : d.success.light, 0.6)), k(d.Alert, "warningColor", P(ne, a ? g("palette-warning-light") : d.warning.light, 0.6)), k(d.Alert, "errorFilledBg", A("palette-error-main")), k(d.Alert, "infoFilledBg", A("palette-info-main")), k(d.Alert, "successFilledBg", A("palette-success-main")), k(d.Alert, "warningFilledBg", A("palette-warning-main")), k(d.Alert, "errorFilledColor", Oe(() => d.getContrastText(d.error.main))), k(d.Alert, "infoFilledColor", Oe(() => d.getContrastText(d.info.main))), k(d.Alert, "successFilledColor", Oe(() => d.getContrastText(d.success.main))), k(d.Alert, "warningFilledColor", Oe(() => d.getContrastText(d.warning.main))), k(d.Alert, "errorStandardBg", P(oe, a ? g("palette-error-light") : d.error.light, 0.9)), k(d.Alert, "infoStandardBg", P(oe, a ? g("palette-info-light") : d.info.light, 0.9)), k(d.Alert, "successStandardBg", P(oe, a ? g("palette-success-light") : d.success.light, 0.9)), k(d.Alert, "warningStandardBg", P(oe, a ? g("palette-warning-light") : d.warning.light, 0.9)), k(d.Alert, "errorIconColor", A("palette-error-main")), k(d.Alert, "infoIconColor", A("palette-info-main")), k(d.Alert, "successIconColor", A("palette-success-main")), k(d.Alert, "warningIconColor", A("palette-warning-main")), k(d.AppBar, "defaultBg", A("palette-grey-100")), k(d.Avatar, "defaultBg", A("palette-grey-400")), k(d.Button, "inheritContainedBg", A("palette-grey-300")), k(d.Button, "inheritContainedHoverBg", A("palette-grey-A100")), k(d.Chip, "defaultBorder", A("palette-grey-400")), k(d.Chip, "defaultAvatarColor", A("palette-grey-700")), k(d.Chip, "defaultIconColor", A("palette-grey-700")), k(d.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), k(d.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), k(d.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), k(d.LinearProgress, "primaryBg", P(oe, a ? g("palette-primary-main") : d.primary.main, 0.62)), k(d.LinearProgress, "secondaryBg", P(oe, a ? g("palette-secondary-main") : d.secondary.main, 0.62)), k(d.LinearProgress, "errorBg", P(oe, a ? g("palette-error-main") : d.error.main, 0.62)), k(d.LinearProgress, "infoBg", P(oe, a ? g("palette-info-main") : d.info.main, 0.62)), k(d.LinearProgress, "successBg", P(oe, a ? g("palette-success-main") : d.success.main, 0.62)), k(d.LinearProgress, "warningBg", P(oe, a ? g("palette-warning-light") : d.warning.main, 0.62)), k(d.Skeleton, "bg", w ? P(Ze, a ? g("palette-text-primary") : d.text.primary, 0.11) : `rgba(${A("palette-text-primaryChannel")} / 0.11)`), k(d.Slider, "primaryTrack", P(oe, a ? g("palette-primary-main") : d.primary.main, 0.62)), k(d.Slider, "secondaryTrack", P(oe, a ? g("palette-secondary-main") : d.secondary.main, 0.62)), k(d.Slider, "errorTrack", P(oe, a ? g("palette-error-main") : d.error.main, 0.62)), k(d.Slider, "infoTrack", P(oe, a ? g("palette-info-main") : d.info.main, 0.62)), k(d.Slider, "successTrack", P(oe, a ? g("palette-success-main") : d.success.main, 0.62)), k(d.Slider, "warningTrack", P(oe, a ? g("palette-warning-main") : d.warning.main, 0.62));
+      const z = w ? P(ne, a ? g("palette-background-default") : d.background.default, 0.6825) : Mt(d.background.default, 0.8);
+      k(d.SnackbarContent, "bg", z), k(d.SnackbarContent, "color", Oe(() => w ? Rr.text.primary : d.getContrastText(z))), k(d.SpeedDialAction, "fabHoverBg", Mt(d.background.paper, 0.15)), k(d.StepConnector, "border", A("palette-grey-400")), k(d.StepContent, "border", A("palette-grey-400")), k(d.Switch, "defaultColor", A("palette-common-white")), k(d.Switch, "defaultDisabledColor", A("palette-grey-100")), k(d.Switch, "primaryDisabledColor", P(oe, a ? g("palette-primary-main") : d.primary.main, 0.62)), k(d.Switch, "secondaryDisabledColor", P(oe, a ? g("palette-secondary-main") : d.secondary.main, 0.62)), k(d.Switch, "errorDisabledColor", P(oe, a ? g("palette-error-main") : d.error.main, 0.62)), k(d.Switch, "infoDisabledColor", P(oe, a ? g("palette-info-main") : d.info.main, 0.62)), k(d.Switch, "successDisabledColor", P(oe, a ? g("palette-success-main") : d.success.main, 0.62)), k(d.Switch, "warningDisabledColor", P(oe, a ? g("palette-warning-main") : d.warning.main, 0.62)), k(d.TableCell, "border", P(oe, Ze(a ? g("palette-divider") : d.divider, 1), 0.88)), k(d.Tooltip, "bg", P(Ze, a ? g("palette-grey-700") : d.grey[700], 0.92));
     }
-    if (c.mode === "dark") {
-      k(c.Alert, "errorColor", P(oe, a ? g("palette-error-light") : c.error.light, 0.6)), k(c.Alert, "infoColor", P(oe, a ? g("palette-info-light") : c.info.light, 0.6)), k(c.Alert, "successColor", P(oe, a ? g("palette-success-light") : c.success.light, 0.6)), k(c.Alert, "warningColor", P(oe, a ? g("palette-warning-light") : c.warning.light, 0.6)), k(c.Alert, "errorFilledBg", A("palette-error-dark")), k(c.Alert, "infoFilledBg", A("palette-info-dark")), k(c.Alert, "successFilledBg", A("palette-success-dark")), k(c.Alert, "warningFilledBg", A("palette-warning-dark")), k(c.Alert, "errorFilledColor", Oe(() => c.getContrastText(c.error.dark))), k(c.Alert, "infoFilledColor", Oe(() => c.getContrastText(c.info.dark))), k(c.Alert, "successFilledColor", Oe(() => c.getContrastText(c.success.dark))), k(c.Alert, "warningFilledColor", Oe(() => c.getContrastText(c.warning.dark))), k(c.Alert, "errorStandardBg", P(ne, a ? g("palette-error-light") : c.error.light, 0.9)), k(c.Alert, "infoStandardBg", P(ne, a ? g("palette-info-light") : c.info.light, 0.9)), k(c.Alert, "successStandardBg", P(ne, a ? g("palette-success-light") : c.success.light, 0.9)), k(c.Alert, "warningStandardBg", P(ne, a ? g("palette-warning-light") : c.warning.light, 0.9)), k(c.Alert, "errorIconColor", A("palette-error-main")), k(c.Alert, "infoIconColor", A("palette-info-main")), k(c.Alert, "successIconColor", A("palette-success-main")), k(c.Alert, "warningIconColor", A("palette-warning-main")), k(c.AppBar, "defaultBg", A("palette-grey-900")), k(c.AppBar, "darkBg", A("palette-background-paper")), k(c.AppBar, "darkColor", A("palette-text-primary")), k(c.Avatar, "defaultBg", A("palette-grey-600")), k(c.Button, "inheritContainedBg", A("palette-grey-800")), k(c.Button, "inheritContainedHoverBg", A("palette-grey-700")), k(c.Chip, "defaultBorder", A("palette-grey-700")), k(c.Chip, "defaultAvatarColor", A("palette-grey-300")), k(c.Chip, "defaultIconColor", A("palette-grey-300")), k(c.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), k(c.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), k(c.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), k(c.LinearProgress, "primaryBg", P(ne, a ? g("palette-primary-main") : c.primary.main, 0.5)), k(c.LinearProgress, "secondaryBg", P(ne, a ? g("palette-secondary-main") : c.secondary.main, 0.5)), k(c.LinearProgress, "errorBg", P(ne, a ? g("palette-error-main") : c.error.main, 0.5)), k(c.LinearProgress, "infoBg", P(ne, a ? g("palette-info-main") : c.info.main, 0.5)), k(c.LinearProgress, "successBg", P(ne, a ? g("palette-success-main") : c.success.main, 0.5)), k(c.LinearProgress, "warningBg", P(ne, a ? g("palette-warning-main") : c.warning.main, 0.5)), k(c.Skeleton, "bg", w ? P(Ze, a ? g("palette-text-primary") : c.text.primary, 0.13) : `rgba(${A("palette-text-primaryChannel")} / 0.13)`), k(c.Slider, "primaryTrack", P(ne, a ? g("palette-primary-main") : c.primary.main, 0.5)), k(c.Slider, "secondaryTrack", P(ne, a ? g("palette-secondary-main") : c.secondary.main, 0.5)), k(c.Slider, "errorTrack", P(ne, a ? g("palette-error-main") : c.error.main, 0.5)), k(c.Slider, "infoTrack", P(ne, a ? g("palette-info-main") : c.info.main, 0.5)), k(c.Slider, "successTrack", P(ne, a ? g("palette-success-main") : c.success.main, 0.5)), k(c.Slider, "warningTrack", P(ne, a ? g("palette-warning-light") : c.warning.main, 0.5));
-      const z = w ? P(oe, a ? g("palette-background-default") : c.background.default, 0.985) : Mt(c.background.default, 0.98);
-      k(c.SnackbarContent, "bg", z), k(c.SnackbarContent, "color", Oe(() => w ? qn.text.primary : c.getContrastText(z))), k(c.SpeedDialAction, "fabHoverBg", Mt(c.background.paper, 0.15)), k(c.StepConnector, "border", A("palette-grey-600")), k(c.StepContent, "border", A("palette-grey-600")), k(c.Switch, "defaultColor", A("palette-grey-300")), k(c.Switch, "defaultDisabledColor", A("palette-grey-600")), k(c.Switch, "primaryDisabledColor", P(ne, a ? g("palette-primary-main") : c.primary.main, 0.55)), k(c.Switch, "secondaryDisabledColor", P(ne, a ? g("palette-secondary-main") : c.secondary.main, 0.55)), k(c.Switch, "errorDisabledColor", P(ne, a ? g("palette-error-main") : c.error.main, 0.55)), k(c.Switch, "infoDisabledColor", P(ne, a ? g("palette-info-main") : c.info.main, 0.55)), k(c.Switch, "successDisabledColor", P(ne, a ? g("palette-success-main") : c.success.main, 0.55)), k(c.Switch, "warningDisabledColor", P(ne, a ? g("palette-warning-light") : c.warning.main, 0.55)), k(c.TableCell, "border", P(ne, Ze(a ? g("palette-divider") : c.divider, 1), 0.68)), k(c.Tooltip, "bg", P(Ze, a ? g("palette-grey-700") : c.grey[700], 0.92));
+    if (d.mode === "dark") {
+      k(d.Alert, "errorColor", P(oe, a ? g("palette-error-light") : d.error.light, 0.6)), k(d.Alert, "infoColor", P(oe, a ? g("palette-info-light") : d.info.light, 0.6)), k(d.Alert, "successColor", P(oe, a ? g("palette-success-light") : d.success.light, 0.6)), k(d.Alert, "warningColor", P(oe, a ? g("palette-warning-light") : d.warning.light, 0.6)), k(d.Alert, "errorFilledBg", A("palette-error-dark")), k(d.Alert, "infoFilledBg", A("palette-info-dark")), k(d.Alert, "successFilledBg", A("palette-success-dark")), k(d.Alert, "warningFilledBg", A("palette-warning-dark")), k(d.Alert, "errorFilledColor", Oe(() => d.getContrastText(d.error.dark))), k(d.Alert, "infoFilledColor", Oe(() => d.getContrastText(d.info.dark))), k(d.Alert, "successFilledColor", Oe(() => d.getContrastText(d.success.dark))), k(d.Alert, "warningFilledColor", Oe(() => d.getContrastText(d.warning.dark))), k(d.Alert, "errorStandardBg", P(ne, a ? g("palette-error-light") : d.error.light, 0.9)), k(d.Alert, "infoStandardBg", P(ne, a ? g("palette-info-light") : d.info.light, 0.9)), k(d.Alert, "successStandardBg", P(ne, a ? g("palette-success-light") : d.success.light, 0.9)), k(d.Alert, "warningStandardBg", P(ne, a ? g("palette-warning-light") : d.warning.light, 0.9)), k(d.Alert, "errorIconColor", A("palette-error-main")), k(d.Alert, "infoIconColor", A("palette-info-main")), k(d.Alert, "successIconColor", A("palette-success-main")), k(d.Alert, "warningIconColor", A("palette-warning-main")), k(d.AppBar, "defaultBg", A("palette-grey-900")), k(d.AppBar, "darkBg", A("palette-background-paper")), k(d.AppBar, "darkColor", A("palette-text-primary")), k(d.Avatar, "defaultBg", A("palette-grey-600")), k(d.Button, "inheritContainedBg", A("palette-grey-800")), k(d.Button, "inheritContainedHoverBg", A("palette-grey-700")), k(d.Chip, "defaultBorder", A("palette-grey-700")), k(d.Chip, "defaultAvatarColor", A("palette-grey-300")), k(d.Chip, "defaultIconColor", A("palette-grey-300")), k(d.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), k(d.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), k(d.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), k(d.LinearProgress, "primaryBg", P(ne, a ? g("palette-primary-main") : d.primary.main, 0.5)), k(d.LinearProgress, "secondaryBg", P(ne, a ? g("palette-secondary-main") : d.secondary.main, 0.5)), k(d.LinearProgress, "errorBg", P(ne, a ? g("palette-error-main") : d.error.main, 0.5)), k(d.LinearProgress, "infoBg", P(ne, a ? g("palette-info-main") : d.info.main, 0.5)), k(d.LinearProgress, "successBg", P(ne, a ? g("palette-success-main") : d.success.main, 0.5)), k(d.LinearProgress, "warningBg", P(ne, a ? g("palette-warning-main") : d.warning.main, 0.5)), k(d.Skeleton, "bg", w ? P(Ze, a ? g("palette-text-primary") : d.text.primary, 0.13) : `rgba(${A("palette-text-primaryChannel")} / 0.13)`), k(d.Slider, "primaryTrack", P(ne, a ? g("palette-primary-main") : d.primary.main, 0.5)), k(d.Slider, "secondaryTrack", P(ne, a ? g("palette-secondary-main") : d.secondary.main, 0.5)), k(d.Slider, "errorTrack", P(ne, a ? g("palette-error-main") : d.error.main, 0.5)), k(d.Slider, "infoTrack", P(ne, a ? g("palette-info-main") : d.info.main, 0.5)), k(d.Slider, "successTrack", P(ne, a ? g("palette-success-main") : d.success.main, 0.5)), k(d.Slider, "warningTrack", P(ne, a ? g("palette-warning-light") : d.warning.main, 0.5));
+      const z = w ? P(oe, a ? g("palette-background-default") : d.background.default, 0.985) : Mt(d.background.default, 0.98);
+      k(d.SnackbarContent, "bg", z), k(d.SnackbarContent, "color", Oe(() => w ? qn.text.primary : d.getContrastText(z))), k(d.SpeedDialAction, "fabHoverBg", Mt(d.background.paper, 0.15)), k(d.StepConnector, "border", A("palette-grey-600")), k(d.StepContent, "border", A("palette-grey-600")), k(d.Switch, "defaultColor", A("palette-grey-300")), k(d.Switch, "defaultDisabledColor", A("palette-grey-600")), k(d.Switch, "primaryDisabledColor", P(ne, a ? g("palette-primary-main") : d.primary.main, 0.55)), k(d.Switch, "secondaryDisabledColor", P(ne, a ? g("palette-secondary-main") : d.secondary.main, 0.55)), k(d.Switch, "errorDisabledColor", P(ne, a ? g("palette-error-main") : d.error.main, 0.55)), k(d.Switch, "infoDisabledColor", P(ne, a ? g("palette-info-main") : d.info.main, 0.55)), k(d.Switch, "successDisabledColor", P(ne, a ? g("palette-success-main") : d.success.main, 0.55)), k(d.Switch, "warningDisabledColor", P(ne, a ? g("palette-warning-light") : d.warning.main, 0.55)), k(d.TableCell, "border", P(ne, Ze(a ? g("palette-divider") : d.divider, 1), 0.68)), k(d.Tooltip, "bg", P(Ze, a ? g("palette-grey-700") : d.grey[700], 0.92));
     }
-    a || (We(c.background, "default"), We(c.background, "paper"), We(c.common, "background"), We(c.common, "onBackground"), We(c, "divider")), Object.keys(c).forEach((z) => {
-      const N = c[z];
-      z !== "tonalOffset" && !a && N && typeof N == "object" && (N.main && k(c[z], "mainChannel", St(Ct(N.main))), N.light && k(c[z], "lightChannel", St(Ct(N.light))), N.dark && k(c[z], "darkChannel", St(Ct(N.dark))), N.contrastText && k(c[z], "contrastTextChannel", St(Ct(N.contrastText))), z === "text" && (We(c[z], "primary"), We(c[z], "secondary")), z === "action" && (N.active && We(c[z], "active"), N.selected && We(c[z], "selected")));
+    a || (We(d.background, "default"), We(d.background, "paper"), We(d.common, "background"), We(d.common, "onBackground"), We(d, "divider")), Object.keys(d).forEach((z) => {
+      const N = d[z];
+      z !== "tonalOffset" && !a && N && typeof N == "object" && (N.main && k(d[z], "mainChannel", St(Ct(N.main))), N.light && k(d[z], "lightChannel", St(Ct(N.light))), N.dark && k(d[z], "darkChannel", St(Ct(N.dark))), N.contrastText && k(d[z], "contrastTextChannel", St(Ct(N.contrastText))), z === "text" && (We(d[z], "primary"), We(d[z], "secondary")), z === "action" && (N.active && We(d[z], "active"), N.selected && We(d[z], "selected")));
     });
-  }), $ = r.reduce((V, c) => Te(V, c), $);
+  }), $ = r.reduce((V, d) => Te(V, d), $);
   const W = {
     prefix: s,
     disableCssColorScheme: o,
@@ -3400,16 +3400,16 @@ function vs(e = {}, ...r) {
     generateThemeVars: q,
     generateStyleSheets: L
   } = Fa($, W);
-  return $.vars = O, Object.entries($.colorSchemes[$.defaultColorScheme]).forEach(([V, c]) => {
-    $[V] = c;
+  return $.vars = O, Object.entries($.colorSchemes[$.defaultColorScheme]).forEach(([V, d]) => {
+    $[V] = d;
   }), $.generateThemeVars = q, $.generateStyleSheets = L, $.generateSpacing = function() {
     return _n(h.spacing, Or(this));
   }, $.getColorSchemeSelector = _a(p), $.spacing = $.generateSpacing(), $.shouldSkipGeneratingVar = l, $.unstable_sxConfig = {
     ...tr,
     ...h == null ? void 0 : h.unstable_sxConfig
-  }, $.unstable_sx = function(c) {
+  }, $.unstable_sx = function(d) {
     return yt({
-      sx: c,
+      sx: d,
       theme: this
     });
   }, $.toRuntimeSource = Xn, $;
@@ -3493,7 +3493,7 @@ const Ps = (e) => {
   } = e, o = {
     root: ["root", r !== "inherit" && `color${it(r)}`, `fontSize${it(t)}`]
   };
-  return ci(o, Hs, n);
+  return di(o, Hs, n);
 }, $s = Ts("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
@@ -3518,7 +3518,7 @@ const Ps = (e) => {
     }),
     variants: [
       {
-        props: (d) => !d.hasSvgAsChild,
+        props: (c) => !c.hasSvgAsChild,
         style: {
           // the <svg> will define the property that has `currentColor`
           // for example heroicons uses fill="none" and stroke="currentColor"
@@ -3558,14 +3558,14 @@ const Ps = (e) => {
         }
       },
       // TODO v5 deprecate color prop, v6 remove for sx
-      ...Object.entries((e.vars ?? e).palette).filter(([, d]) => d && d.main).map(([d]) => {
+      ...Object.entries((e.vars ?? e).palette).filter(([, c]) => c && c.main).map(([c]) => {
         var x, T;
         return {
           props: {
-            color: d
+            color: c
           },
           style: {
-            color: (T = (x = (e.vars ?? e).palette) == null ? void 0 : x[d]) == null ? void 0 : T.main
+            color: (T = (x = (e.vars ?? e).palette) == null ? void 0 : x[c]) == null ? void 0 : T.main
           }
         };
       }),
@@ -3610,7 +3610,7 @@ const Ps = (e) => {
     titleAccess: m,
     viewBox: y = "0 0 24 24",
     ...g
-  } = n, b = /* @__PURE__ */ Ge.isValidElement(o) && o.type === "svg", d = {
+  } = n, b = /* @__PURE__ */ Ge.isValidElement(o) && o.type === "svg", c = {
     ...n,
     color: a,
     component: l,
@@ -3621,7 +3621,7 @@ const Ps = (e) => {
     hasSvgAsChild: b
   }, x = {};
   h || (x.viewBox = y);
-  const T = Ps(d);
+  const T = Ps(c);
   return /* @__PURE__ */ f($s, {
     as: l,
     className: Mn(T.root, s),
@@ -3633,7 +3633,7 @@ const Ps = (e) => {
     ...x,
     ...g,
     ...b && o.props,
-    ownerState: d,
+    ownerState: c,
     children: [b ? o.props.children : o, m ? /* @__PURE__ */ i("title", {
       children: m
     }) : null]
@@ -3832,7 +3832,7 @@ const Hr = (e) => (r) => {
   );
   o.getInitialState = () => g;
   let b;
-  const d = () => {
+  const c = () => {
     var x, T;
     if (!h) return;
     const R = ++l;
@@ -3884,7 +3884,7 @@ const Hr = (e) => (r) => {
       h == null || h.removeItem(s.name);
     },
     getOptions: () => s,
-    rehydrate: () => d(),
+    rehydrate: () => c(),
     hasHydrated: () => a,
     onHydrate: (x) => (p.add(x), () => {
       p.delete(x);
@@ -3892,7 +3892,7 @@ const Hr = (e) => (r) => {
     onFinishHydration: (x) => (u.add(x), () => {
       u.delete(x);
     })
-  }, s.skipHydration || d(), b || g;
+  }, s.skipHydration || c(), b || g;
 }, Ls = _s, Wt = {
   appName: "Crystal Ball",
   appTagline: "Run your whole business in one place",
@@ -4146,16 +4146,16 @@ function Fr(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, p = l ? e.errorHex : fe(e.errorHex, n ? 0.22 : 0.13), u = l ? e.warningHex : fe(e.warningHex, n ? 0.22 : 0.14), h = l ? e.infoHex : fe(e.infoHex, n ? 0.22 : 0.13), m = l ? e.successHex : fe(e.successHex, n ? 0.22 : 0.13), y = l ? "#ffffff" : n ? Ce(e.errorHex)[300] : e.errorHex, g = l ? "#ffffff" : n ? Ce(e.warningHex)[300] : Ce(e.warningHex)[700], b = l ? "#ffffff" : n ? Ce(e.infoHex)[300] : e.infoHex, d = l ? "#ffffff" : n ? Ce(e.successHex)[300] : Ce(e.successHex)[700], x = Pr(e.primaryHex)[0], T = { neutral: [220, 6], warm: [32, 26], cool: [210, 30], brand: [x, 42], slate: [214, 16], snow: [0, 0] };
+  }, l = e.statusBold, p = l ? e.errorHex : fe(e.errorHex, n ? 0.22 : 0.13), u = l ? e.warningHex : fe(e.warningHex, n ? 0.22 : 0.14), h = l ? e.infoHex : fe(e.infoHex, n ? 0.22 : 0.13), m = l ? e.successHex : fe(e.successHex, n ? 0.22 : 0.13), y = l ? "#ffffff" : n ? Ce(e.errorHex)[300] : e.errorHex, g = l ? "#ffffff" : n ? Ce(e.warningHex)[300] : Ce(e.warningHex)[700], b = l ? "#ffffff" : n ? Ce(e.infoHex)[300] : e.infoHex, c = l ? "#ffffff" : n ? Ce(e.successHex)[300] : Ce(e.successHex)[700], x = Pr(e.primaryHex)[0], T = { neutral: [220, 6], warm: [32, 26], cool: [210, 30], brand: [x, 42], slate: [214, 16], snow: [0, 0] };
   let R = T[e.surfaceTint] || T.neutral;
   if (e.tintIntensity > 0) {
-    const de = !!(e.surfaceTint && T[e.surfaceTint] && e.surfaceTint !== "snow");
-    R = [de ? R[0] : x, Math.round((de ? R[1] : 42) * e.tintIntensity / 100)];
+    const ce = !!(e.surfaceTint && T[e.surfaceTint] && e.surfaceTint !== "snow");
+    R = [ce ? R[0] : x, Math.round((ce ? R[1] : 42) * e.tintIntensity / 100)];
   }
   n ? (a.bgDefault = le(R[0], Math.round(R[1] * 0.7), 7), a.paper = le(R[0], Math.round(R[1] * 0.7), 13), a.paper2 = le(R[0], Math.round(R[1] * 0.85), 19)) : e.surfaceTint === "snow" && !(e.tintIntensity > 0) ? (a.bgDefault = "#ffffff", a.paper = "#ffffff", a.paper2 = "#ffffff") : (a.bgDefault = le(R[0], Math.round(R[1] * 0.9), e.surfaceTint === "brand" ? 92 : e.surfaceTint === "cool" ? 94 : 96), a.paper = le(R[0], Math.round(R[1] * 0.4), 99), a.paper2 = le(R[0], Math.round(R[1] * 0.85), e.surfaceTint === "brand" ? 95 : 96.5)), e.pageBgHex && (a.bgDefault = e.pageBgHex), e.cardBgHex && (a.paper = e.cardBgHex);
   const I = { soft: 0, standard: 1, medium: 2, high: 3 }, w = I[e.contrast] !== void 0 ? I[e.contrast] : 1, S = 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 = S[w][0], a.textSecondary = S[w][1], a.divider = S[w][2], a.outline = S[w][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 ? le(R[0], Math.round(R[1] * 0.9), 22) : le(R[0], Math.max(Math.round(R[1] * 0.3), 4), 100) : e.nestedStyle === "bordered" ? a.paper2 = a.paper : a.paper2 = n ? le(R[0], Math.round(R[1] * 0.9), Math.max(3, 5)) : le(R[0], Math.min(Math.round(R[1] * 1.1), 60), Math.max(88, 94 - R[1] * 0.18));
-  const $ = e.btnColorHex || o, W = e.accentGradient ? "linear-gradient(135deg," + $ + "," + (e.btnColorHex ? Ce(e.btnColorHex)[700] : r[n ? 500 : 700]) + ")" : $, O = e.btnTextHex || (Sr($, "#ffffff") >= 2.9 ? "#ffffff" : "rgba(0,0,0,0.87)"), q = e.h1Color || null, L = e.h2Color || null, V = e.h3Color || null, c = e.h4Color || null, A = e.h5Color || null, P = e.h6Color || null, z = [{ key: "sm", px: 13 }, { key: "df", px: 12 }, { key: "lg", px: 18 }], N = z.find((de) => de.key === e.textSize) || z[1], K = e.baseFontPx > 0 ? e.baseFontPx : N.px, H = e.bodyLineHeight > 0 ? e.bodyLineHeight : 1.5, D = e.h1Size > 0 ? e.h1Size : 20, E = Math.round(D * 1.1), C = D, _ = Math.max(Math.round(D * 0.9), 11), Y = Math.max(Math.round(D * 0.8), 11), U = Math.max(Math.round(D * 0.7), 10), M = Math.max(Math.round(D * 0.6), 10), J = Math.max(Math.round(D * 0.5), 9), j = K, B = Math.round(K * 0.92), X = Math.round(K * 0.8), Q = Math.round(K * 0.72), ce = e.headingWeight, F = e.headingLH > 0 ? e.headingLH : 1.2, ve = e.bodyWeight > 0 ? e.bodyWeight : 400, _e = Math.min(900, ve + 200), qe = { compact: 0.82, default: 1, comfortable: 1.16 }, $e = e.densityScale > 0 ? e.densityScale / 100 : qe[e.density] ?? 1, Ke = Math.round(20 * $e), Xe = Math.round(14 * $e), ir = e.cardGapPx > 0 ? e.cardGapPx : Math.round(16 * $e), Le = Math.round(11 * $e * ({ compact: 0.66, default: 1, comfortable: 1.32 }[e.tableDensity] ?? 1)), Ht = e.containerPadPx > 0 ? e.containerPadPx : Math.round(10 * $e), De = e.radiusVal, Ne = De + "px", Z = Math.max(Math.round(De * 0.6), 2) + "px", Re = {
+  const $ = e.btnColorHex || o, W = e.accentGradient ? "linear-gradient(135deg," + $ + "," + (e.btnColorHex ? Ce(e.btnColorHex)[700] : r[n ? 500 : 700]) + ")" : $, O = e.btnTextHex || (Sr($, "#ffffff") >= 2.9 ? "#ffffff" : "rgba(0,0,0,0.87)"), q = e.h1Color || null, L = e.h2Color || null, V = e.h3Color || null, d = e.h4Color || null, A = e.h5Color || null, P = e.h6Color || null, z = [{ key: "sm", px: 13 }, { key: "df", px: 12 }, { key: "lg", px: 18 }], N = z.find((ce) => ce.key === e.textSize) || z[1], K = e.baseFontPx > 0 ? e.baseFontPx : N.px, H = e.bodyLineHeight > 0 ? e.bodyLineHeight : 1.5, D = e.h1Size > 0 ? e.h1Size : 20, E = Math.round(D * 1.1), C = D, _ = Math.max(Math.round(D * 0.9), 11), Y = Math.max(Math.round(D * 0.8), 11), U = Math.max(Math.round(D * 0.7), 10), M = Math.max(Math.round(D * 0.6), 10), J = Math.max(Math.round(D * 0.5), 9), j = K, B = Math.round(K * 0.92), X = Math.round(K * 0.8), Q = Math.round(K * 0.72), de = e.headingWeight, F = e.headingLH > 0 ? e.headingLH : 1.2, ve = e.bodyWeight > 0 ? e.bodyWeight : 400, _e = Math.min(900, ve + 200), qe = { compact: 0.82, default: 1, comfortable: 1.16 }, $e = e.densityScale > 0 ? e.densityScale / 100 : qe[e.density] ?? 1, Ke = Math.round(20 * $e), Xe = Math.round(14 * $e), ir = e.cardGapPx > 0 ? e.cardGapPx : Math.round(16 * $e), Le = Math.round(11 * $e * ({ compact: 0.66, default: 1, comfortable: 1.32 }[e.tableDensity] ?? 1)), Ht = e.containerPadPx > 0 ? e.containerPadPx : Math.round(10 * $e), De = e.radiusVal, Ne = De + "px", Z = Math.max(Math.round(De * 0.6), 2) + "px", Re = {
     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)",
@@ -4166,14 +4166,14 @@ function Fr(e) {
   e.cardStyle === "outlined" ? (xt = "none", Qe = "1.5px solid " + a.outline, Pt = "none") : e.cardStyle === "soft" ? (xt = Re[1], Qe = n ? st : "none", Pt = Re[1]) : (xt = Re[8], Qe = n ? st : "none", Pt = Re[4]), e.cardShadowPx > 0 && (xt = "0 " + Math.round(e.cardShadowPx * 0.45) + "px " + e.cardShadowPx + "px rgba(16,24,40," + (n ? 0.55 : 0.16) + ")");
   let $t = "transparent", Lr = "1px solid " + a.divider, ar = "none";
   e.cardHeader === "plain" ? Lr = "none" : e.cardHeader === "tinted" ? $t = a.pContainer : e.cardHeader === "accent" && (ar = "inset 3px 0 0 " + o), e.headerStrength > 0 && (ar = "inset " + Math.max(1, Math.round(e.headerStrength * 0.06)) + "px 0 0 " + o, $t = fe(e.primaryHex, (n ? 0.14 : 0.08) * (e.headerStrength / 100))), e.cardHdrHex && ($t = e.cardHdrHex);
-  const no = n ? "none" : Re[4], oo = n ? "1px solid " + a.divider : "none", io = e.nestedStyle === "bordered" ? "1.5px solid " + a.outline : "1px solid " + a.divider, ao = e.nestedDepth > 0 ? "inset 3px 0 0 " + fe(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", so = (e.appName || "").trim().split(/\s+/).slice(0, 2).map((de) => de[0] || "").join("").toUpperCase() || "AP", lo = !!(e.logoMode === "image" && e.logoUrl), co = !!e.loginImage, Nr = (de) => de.includes(" ") && !de.startsWith('"') && !de.startsWith("'") ? `"${de}"` : de, po = Nr(e.headingFont || e.fontFamily), fo = Nr(e.fontFamily), Se = Pr(e.primaryHex)[0], xe = (de, Me) => le((de % 360 + 360) % 360, 62, n ? 60 : 46), jr = {
+  const no = n ? "none" : Re[4], oo = n ? "1px solid " + a.divider : "none", io = e.nestedStyle === "bordered" ? "1.5px solid " + a.outline : "1px solid " + a.divider, ao = e.nestedDepth > 0 ? "inset 3px 0 0 " + fe(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", so = (e.appName || "").trim().split(/\s+/).slice(0, 2).map((ce) => ce[0] || "").join("").toUpperCase() || "AP", lo = !!(e.logoMode === "image" && e.logoUrl), co = !!e.loginImage, Nr = (ce) => ce.includes(" ") && !ce.startsWith('"') && !ce.startsWith("'") ? `"${ce}"` : ce, po = Nr(e.headingFont || e.fontFamily), fo = Nr(e.fontFamily), Se = Pr(e.primaryHex)[0], xe = (ce, Me) => le((ce % 360 + 360) % 360, 62, n ? 60 : 46), jr = {
     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: [le(Se, 55, n ? 40 : 78), le(Se, 60, n ? 50 : 64), o, le(Se, 70, n ? 70 : 38), le(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)]
-  }, uo = jr[e.chartScheme] || jr.brand, ho = [r[600], t[600], le((Se + 42) % 360, 55, 46), le((Se + 205) % 360, 50, 46)], go = { error: { cb: p, cc: y }, success: { cb: m, cc: d }, info: { cb: h, cc: b }, warning: { cb: u, cc: g } }, sr = e.mapGlass === "light", mo = sr ? "rgba(255,255,255,0.84)" : "rgba(15,20,28,0.74)", yo = sr ? "#1c2733" : "#f3f6fa", bo = sr ? "rgba(0,0,0,0.12)" : "rgba(255,255,255,0.18)", xo = "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%, " + fe(o, 0.22) + ", rgba(0,0,0,0) 60%), " + "#0f141c", vo = "linear-gradient(135deg," + o + "," + r[700] + ")", So = "linear-gradient(180deg," + fe(r[900], 0.12) + "," + fe(r[900], 0.55) + ")", Co = "linear-gradient(135deg," + r[700] + "," + r[900] + ")", wo = "linear-gradient(135deg," + fe(r[900], 0.55) + "," + fe(e.primaryHex, 0.45) + ")", Vr = { "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" } }, ko = Vr[e.notifPosition] || Vr["top-right"], Ur = 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: u, icc: g, dot: e.warningHex };
+  }, uo = jr[e.chartScheme] || jr.brand, ho = [r[600], t[600], le((Se + 42) % 360, 55, 46), le((Se + 205) % 360, 50, 46)], go = { error: { cb: p, cc: y }, success: { cb: m, cc: c }, info: { cb: h, cc: b }, warning: { cb: u, cc: g } }, sr = e.mapGlass === "light", mo = sr ? "rgba(255,255,255,0.84)" : "rgba(15,20,28,0.74)", yo = sr ? "#1c2733" : "#f3f6fa", bo = sr ? "rgba(0,0,0,0.12)" : "rgba(255,255,255,0.18)", xo = "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%, " + fe(o, 0.22) + ", rgba(0,0,0,0) 60%), " + "#0f141c", vo = "linear-gradient(135deg," + o + "," + r[700] + ")", So = "linear-gradient(180deg," + fe(r[900], 0.12) + "," + fe(r[900], 0.55) + ")", Co = "linear-gradient(135deg," + r[700] + "," + r[900] + ")", wo = "linear-gradient(135deg," + fe(r[900], 0.55) + "," + fe(e.primaryHex, 0.45) + ")", Vr = { "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" } }, ko = Vr[e.notifPosition] || Vr["top-right"], Ur = 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: u, icc: g, dot: e.warningHex };
   let At;
   e.notifStyle === "toast" ? At = { boxShadow: Re[8], border: typeof Qe == "string" && Qe !== "none" ? Qe : "none" } : e.notifStyle === "banner" ? At = { boxShadow: Re[2], borderLeft: "4px solid " + Ur.bar } : At = { boxShadow: "none", border: "1px solid " + a.divider };
   const To = e.notifCardHex || (n ? "#1e1e1e" : "#ffffff"), Ro = { compact: "7px", default: "11px", comfortable: "16px" }, Eo = { compact: "6px", default: "12px", comfortable: "22px" }, Ho = { top: "flex-start", middle: "center", bottom: "flex-end" }, Po = { left: "flex-start", center: "center", right: "flex-end" }, $o = { plain: "transparent", tinted: a.paper2, accent: a.highlightSoft }, Ao = {
@@ -4186,13 +4186,13 @@ function Fr(e) {
     cellJC: Po[e.tableCellAlignH] || "flex-start",
     stripeBg: n ? "rgba(255,255,255,0.035)" : "rgba(0,0,0,0.028)",
     statusMap: {
-      Delivered: { sb: m, sc: d },
+      Delivered: { sb: m, sc: c },
       Processing: { sb: a.pContainer, sc: n ? a.pLight : a.pDark },
       Pending: { sb: u, sc: g },
       Shipped: { sb: h, sc: b }
     },
-    filters: ["All", "Delivered", "Processing", "Pending"].map((de, Me) => ({
-      label: de,
+    filters: ["All", "Delivered", "Processing", "Pending"].map((ce, Me) => ({
+      label: ce,
       bg: Me === 0 ? a.highlightSoft : "transparent",
       c: Me === 0 ? a.textPrimary : a.textSecondary,
       brd: Me === 0 ? a.highlightBd : a.outline
@@ -4208,7 +4208,7 @@ function Fr(e) {
     { label: "Team", ic: "◍" },
     { label: "Security", ic: "▣" },
     { label: "Billing", ic: "◳" }
-  ].map((de, Me) => ({ ...de, on: Me === 1, bg: Me === 1 ? a.highlightSoft : "transparent", c: Me === 1 ? a.textPrimary : a.textSecondary, bar: Me === 1 ? "3px solid " + a.highlight : "3px solid transparent" })), _o = Mo.map((de) => ({ ...de, active: e.navPattern === de.key, brd: e.navPattern === de.key ? o : a.divider, bg: e.navPattern === de.key ? a.pContainer : a.paper, color: e.navPattern === de.key ? a.onPContainer : a.textPrimary })), Lo = e.sidebarWidth, No = e.appBarH > 0 ? e.appBarH : 56, jo = e.appBarH > 0 ? e.appBarH + "px" : "Auto (56px)";
+  ].map((ce, Me) => ({ ...ce, on: Me === 1, bg: Me === 1 ? a.highlightSoft : "transparent", c: Me === 1 ? a.textPrimary : a.textSecondary, bar: Me === 1 ? "3px solid " + a.highlight : "3px solid transparent" })), _o = Mo.map((ce) => ({ ...ce, active: e.navPattern === ce.key, brd: e.navPattern === ce.key ? o : a.divider, bg: e.navPattern === ce.key ? a.pContainer : a.paper, color: e.navPattern === ce.key ? a.onPContainer : a.textPrimary })), Lo = e.sidebarWidth, No = e.appBarH > 0 ? e.appBarH : 56, jo = e.appBarH > 0 ? e.appBarH + "px" : "Auto (56px)";
   return {
     pal: r,
     spal: t,
@@ -4223,14 +4223,14 @@ function Fr(e) {
     errTxt: y,
     warnTxt: g,
     infoTxt: b,
-    sucTxt: d,
+    sucTxt: c,
     sevMap: go,
     accentBg: W,
     btnText: O,
     hc1: q,
     hc2: L,
     hc3: V,
-    hc4: c,
+    hc4: d,
     hc5: A,
     hc6: P,
     base: K,
@@ -4247,12 +4247,12 @@ function Fr(e) {
     tBodySm: B,
     tCaption: X,
     tOverline: Q,
-    wH1: ce,
-    wH2: ce,
-    wH3: ce,
-    wH4: ce,
-    wH5: ce,
-    wH6: ce,
+    wH1: de,
+    wH2: de,
+    wH3: de,
+    wH4: de,
+    wH5: de,
+    wH6: de,
     headLH: F,
     bodyWeightEff: ve,
     bwEmph: _e,
@@ -4307,7 +4307,7 @@ function Fr(e) {
   };
 }
 function Ns({ icon: e, title: r, info: t, open: n, dimmed: o, onToggle: s, onPreviewMenu: a, children: l }) {
-  const p = G((T) => T.settings), u = p.mode === "dark", h = p.primaryHex || "#1565c0", m = Ie(p.mode), y = Ce(h), g = Fr(p), b = n ? u ? fe(h, 0.22) : fe(h, 0.1) : "transparent", d = n ? u ? y[200] : y[700] : m.text, x = n ? h : m.chevron;
+  const p = G((T) => T.settings), u = p.mode === "dark", h = p.primaryHex || "#1565c0", m = Ie(p.mode), y = Ce(h), g = Fr(p), b = n ? u ? fe(h, 0.22) : fe(h, 0.1) : "transparent", c = n ? u ? y[200] : y[700] : m.text, x = n ? h : m.chevron;
   return /* @__PURE__ */ f(
     v,
     {
@@ -4339,7 +4339,7 @@ function Ns({ icon: e, title: r, info: t, open: n, dimmed: o, onToggle: s, onPre
             },
             children: [
               /* @__PURE__ */ i(v, { sx: { width: 32, height: 32, borderRadius: "10px", background: m.iconTile, color: m.body, display: "grid", placeItems: "center", flexShrink: 0, position: "relative" }, children: e }),
-              /* @__PURE__ */ i(v, { sx: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ i(v, { sx: { fontSize: `${g.tH5}px`, fontWeight: g.wH5, fontFamily: `${g.headFam},sans-serif`, lineHeight: 1.25, color: d, letterSpacing: "-.2px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: r }) }),
+              /* @__PURE__ */ i(v, { sx: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ i(v, { sx: { fontSize: `${g.tH5}px`, fontWeight: g.wH5, fontFamily: `${g.headFam},sans-serif`, lineHeight: 1.25, color: c, letterSpacing: "-.2px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: r }) }),
               a && /* @__PURE__ */ i(
                 v,
                 {
@@ -4417,7 +4417,7 @@ const $r = [
 ];
 function js() {
   var N, K;
-  const [e, r] = ie("presets"), t = G((H) => H.settings), n = t.mode === "dark", o = Ie(t.mode), s = t.highlightHex || "#ffd400", a = fe(s, n ? 0.3 : 0.18), l = n ? "#e6edf3" : "#1c2127", p = n ? "rgba(255,255,255,0.82)" : "#2c333d", u = G((H) => H.savedThemes), h = G((H) => H.applyPreset), m = G((H) => H.applySaved), y = G((H) => H.saveTheme), g = G((H) => H.renameSaved), b = G((H) => H.deleteSaved), d = G((H) => H.importTheme), x = G((H) => H.set), T = G((H) => H.isDirty), R = (H, D) => {
+  const [e, r] = ie("presets"), t = G((H) => H.settings), n = t.mode === "dark", o = Ie(t.mode), s = t.highlightHex || "#ffd400", a = fe(s, n ? 0.3 : 0.18), l = n ? "#e6edf3" : "#1c2127", p = n ? "rgba(255,255,255,0.82)" : "#2c333d", u = G((H) => H.savedThemes), h = G((H) => H.applyPreset), m = G((H) => H.applySaved), y = G((H) => H.saveTheme), g = G((H) => H.renameSaved), b = G((H) => H.deleteSaved), c = G((H) => H.importTheme), x = G((H) => H.set), T = G((H) => H.isDirty), R = (H, D) => {
     const E = new Blob([JSON.stringify({ name: H, snap: D }, null, 2)], { type: "application/json" }), C = URL.createObjectURL(E), _ = document.createElement("a");
     _.href = C, _.download = `${H.replace(/[^a-z0-9]+/gi, "-").toLowerCase()}.theme.json`, _.click(), URL.revokeObjectURL(C);
   }, I = (H) => {
@@ -4428,11 +4428,11 @@ function js() {
     E.onload = () => {
       try {
         const _ = JSON.parse(E.result), Y = _.snap ?? _;
-        d(_.name || "Imported Theme", Y);
+        c(_.name || "Imported Theme", Y);
       } catch {
       }
     }, E.readAsText(D), H.target.value = "";
-  }, [w, S] = ie(null), [$, W] = ie(!1), [O, q] = ie(""), [L, V] = ie(null), [c, A] = ie(null), P = ((N = $r.find((H) => H.id === t.presetId)) == null ? void 0 : N.name) || ((K = u.find((H) => H.id === t.presetId)) == null ? void 0 : K.name) || "Custom Theme", z = (H, D) => {
+  }, [w, S] = ie(null), [$, W] = ie(!1), [O, q] = ie(""), [L, V] = ie(null), [d, A] = ie(null), P = ((N = $r.find((H) => H.id === t.presetId)) == null ? void 0 : N.name) || ((K = u.find((H) => H.id === t.presetId)) == null ? void 0 : K.name) || "Custom Theme", z = (H, D) => {
     const E = H.trim();
     return E ? u.some((C) => C.name.toLowerCase() === E.toLowerCase() && C.id !== D) ? "Name already exists" : "" : "Name required";
   };
@@ -4542,8 +4542,8 @@ function js() {
     ] }),
     /* @__PURE__ */ f(Ft, { open: $, onClose: () => W(!1), children: [
       /* @__PURE__ */ i(lr, { children: "Save theme" }),
-      /* @__PURE__ */ i(cr, { children: /* @__PURE__ */ i(Gr, { autoFocus: !0, fullWidth: !0, size: "small", label: "Theme name", value: O, onChange: (H) => q(H.target.value), error: !!z(O), helperText: z(O), sx: { mt: 1 } }) }),
-      /* @__PURE__ */ f(dr, { children: [
+      /* @__PURE__ */ i(dr, { children: /* @__PURE__ */ i(Gr, { autoFocus: !0, fullWidth: !0, size: "small", label: "Theme name", value: O, onChange: (H) => q(H.target.value), error: !!z(O), helperText: z(O), sx: { mt: 1 } }) }),
+      /* @__PURE__ */ f(cr, { children: [
         /* @__PURE__ */ i(Ae, { onClick: () => W(!1), children: "Cancel" }),
         /* @__PURE__ */ i(Ae, { variant: "contained", disabled: !!z(O), onClick: () => {
           y(O.trim()), W(!1);
@@ -4552,25 +4552,25 @@ function js() {
     ] }),
     /* @__PURE__ */ f(Ft, { open: !!L, onClose: () => V(null), children: [
       /* @__PURE__ */ i(lr, { children: "Rename theme" }),
-      /* @__PURE__ */ i(cr, { children: /* @__PURE__ */ i(Gr, { autoFocus: !0, fullWidth: !0, size: "small", label: "New name", value: (L == null ? void 0 : L.name) ?? "", onChange: (H) => V((D) => D && { ...D, name: H.target.value }), error: !!(L && z(L.name, L.id)), helperText: L ? z(L.name, L.id) : "", sx: { mt: 1 } }) }),
-      /* @__PURE__ */ f(dr, { children: [
+      /* @__PURE__ */ i(dr, { children: /* @__PURE__ */ i(Gr, { autoFocus: !0, fullWidth: !0, size: "small", label: "New name", value: (L == null ? void 0 : L.name) ?? "", onChange: (H) => V((D) => D && { ...D, name: H.target.value }), error: !!(L && z(L.name, L.id)), helperText: L ? z(L.name, L.id) : "", sx: { mt: 1 } }) }),
+      /* @__PURE__ */ f(cr, { children: [
         /* @__PURE__ */ i(Ae, { onClick: () => V(null), children: "Cancel" }),
         /* @__PURE__ */ i(Ae, { variant: "contained", disabled: !!(L && z(L.name, L.id)), onClick: () => {
           g(L.id, L.name.trim()), V(null);
         }, children: "Rename" })
       ] })
     ] }),
-    /* @__PURE__ */ f(Ft, { open: !!c, onClose: () => A(null), children: [
+    /* @__PURE__ */ f(Ft, { open: !!d, onClose: () => A(null), children: [
       /* @__PURE__ */ i(lr, { children: "Delete theme" }),
-      /* @__PURE__ */ i(cr, { children: /* @__PURE__ */ f(me, { variant: "body2", children: [
+      /* @__PURE__ */ i(dr, { children: /* @__PURE__ */ f(me, { variant: "body2", children: [
         "Delete “",
-        c == null ? void 0 : c.name,
+        d == null ? void 0 : d.name,
         "”? This cannot be undone."
       ] }) }),
-      /* @__PURE__ */ f(dr, { children: [
+      /* @__PURE__ */ f(cr, { children: [
         /* @__PURE__ */ i(Ae, { onClick: () => A(null), children: "Cancel" }),
         /* @__PURE__ */ i(Ae, { color: "error", variant: "contained", onClick: () => {
-          b(c.id), A(null);
+          b(d.id), A(null);
         }, children: "Delete" })
       ] })
     ] })
@@ -4607,7 +4607,7 @@ function ut({ value: e, onChange: r, w: t = 30, h: n = 24, r: o = 7, border: s,
   ) });
 }
 function Us() {
-  const [e, r] = ie("brand"), t = G((d) => d.settings), n = G((d) => d.set), o = Ie(t.mode), s = Pe(), a = { fontSize: "11.5px", color: o.body, fontWeight: 600 }, l = { fontSize: `${s.tBodySm}px`, color: o.body, fontWeight: s.bodyWeightEff, fontFamily: `${s.bodyFam},sans-serif`, lineHeight: s.bodyLH }, p = t.primaryHex || "#1565c0", u = Ce(p), h = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900].map((d) => u[d]), m = (d) => n({ ...d, presetId: "custom" }), y = [
+  const [e, r] = ie("brand"), t = G((c) => c.settings), n = G((c) => c.set), o = Ie(t.mode), s = Pe(), a = { fontSize: "11.5px", color: o.body, fontWeight: 600 }, l = { fontSize: `${s.tBodySm}px`, color: o.body, fontWeight: s.bodyWeightEff, fontFamily: `${s.bodyFam},sans-serif`, lineHeight: s.bodyLH }, p = t.primaryHex || "#1565c0", u = Ce(p), h = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900].map((c) => u[c]), m = (c) => n({ ...c, presetId: "custom" }), y = [
     { key: "h1Color", label: "H1 · Page Title" },
     { key: "h2Color", label: "H2 · Metric" },
     { key: "h3Color", label: "H3 · Card Title" },
@@ -4640,37 +4640,37 @@ function Us() {
               p,
               " · tap to change"
             ] }),
-            /* @__PURE__ */ i(v, { component: "input", type: "color", value: p, onChange: (d) => m({ primaryHex: d.target.value }), sx: { position: "absolute", inset: 0, width: "100%", height: "100%", opacity: 0, cursor: "pointer", border: "none", p: 0 } })
+            /* @__PURE__ */ i(v, { component: "input", type: "color", value: p, onChange: (c) => m({ primaryHex: c.target.value }), sx: { position: "absolute", inset: 0, width: "100%", height: "100%", opacity: 0, cursor: "pointer", border: "none", p: 0 } })
           ] }),
-          /* @__PURE__ */ i(v, { sx: { display: "flex", gap: "2px", borderRadius: "7px", overflow: "hidden", height: 14, mt: "7px" }, children: h.map((d, x) => /* @__PURE__ */ i(v, { sx: { flex: 1, background: d } }, x)) })
+          /* @__PURE__ */ i(v, { sx: { display: "flex", gap: "2px", borderRadius: "7px", overflow: "hidden", height: 14, mt: "7px" }, children: h.map((c, x) => /* @__PURE__ */ i(v, { sx: { flex: 1, background: c } }, x)) })
         ] }),
         /* @__PURE__ */ f(v, { children: [
           /* @__PURE__ */ i(et, { sk: o, tip: "Secondary accent — secondary/outlined buttons, switches & toggles, selected chips, and the second data series in charts.", children: "Secondary / Accent" }),
-          /* @__PURE__ */ i(v, { sx: { position: "relative", height: 34, borderRadius: "9px", background: t.secondaryHex, overflow: "hidden" }, children: /* @__PURE__ */ i(v, { component: "input", type: "color", value: t.secondaryHex, onChange: (d) => m({ secondaryHex: d.target.value }), sx: { position: "absolute", inset: 0, width: "100%", height: "100%", opacity: 0, cursor: "pointer", border: "none", p: 0 } }) })
+          /* @__PURE__ */ i(v, { sx: { position: "relative", height: 34, borderRadius: "9px", background: t.secondaryHex, overflow: "hidden" }, children: /* @__PURE__ */ i(v, { component: "input", type: "color", value: t.secondaryHex, onChange: (c) => m({ secondaryHex: c.target.value }), sx: { position: "absolute", inset: 0, width: "100%", height: "100%", opacity: 0, cursor: "pointer", border: "none", p: 0 } }) })
         ] }),
         /* @__PURE__ */ f(v, { children: [
           /* @__PURE__ */ i(et, { sk: o, tip: "Accent colour used to draw attention — highlight panels, featured badges, callouts. Defaults to the brand colour.", children: "Highlight Colour" }),
-          /* @__PURE__ */ i(v, { sx: { position: "relative", height: 34, borderRadius: "8px", background: t.highlightHex || "#ffd400", overflow: "hidden", border: `1px solid ${o.insetBd}` }, children: /* @__PURE__ */ i(v, { component: "input", type: "color", value: t.highlightHex || "#ffd400", onChange: (d) => m({ highlightHex: d.target.value }), sx: { position: "absolute", inset: 0, width: "100%", height: "100%", opacity: 0, cursor: "pointer", border: "none", p: 0 } }) })
+          /* @__PURE__ */ i(v, { sx: { position: "relative", height: 34, borderRadius: "8px", background: t.highlightHex || "#ffd400", overflow: "hidden", border: `1px solid ${o.insetBd}` }, children: /* @__PURE__ */ i(v, { component: "input", type: "color", value: t.highlightHex || "#ffd400", onChange: (c) => m({ highlightHex: c.target.value }), sx: { position: "absolute", inset: 0, width: "100%", height: "100%", opacity: 0, cursor: "pointer", border: "none", p: 0 } }) })
         ] })
       ] }),
       e === "text" && /* @__PURE__ */ f(v, { sx: { display: "flex", flexDirection: "column", gap: "11px" }, children: [
         /* @__PURE__ */ i(et, { sk: o, children: "Heading Text Colors" }),
-        /* @__PURE__ */ i(v, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "9px" }, children: y.map((d) => /* @__PURE__ */ f(v, { sx: { display: "flex", alignItems: "center", gap: "9px" }, children: [
-          /* @__PURE__ */ i(ut, { sk: o, border: !0, value: t[d.key] || "#1c2127", onChange: (x) => n({ [d.key]: x }) }),
-          /* @__PURE__ */ i(v, { component: "span", sx: l, children: d.label })
-        ] }, d.key)) }),
+        /* @__PURE__ */ i(v, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "9px" }, children: y.map((c) => /* @__PURE__ */ f(v, { sx: { display: "flex", alignItems: "center", gap: "9px" }, children: [
+          /* @__PURE__ */ i(ut, { sk: o, border: !0, value: t[c.key] || "#1c2127", onChange: (x) => n({ [c.key]: x }) }),
+          /* @__PURE__ */ i(v, { component: "span", sx: l, children: c.label })
+        ] }, c.key)) }),
         /* @__PURE__ */ i(et, { sk: o, children: "Body Text Colors" }),
         /* @__PURE__ */ f(v, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "7px" }, children: [
           /* @__PURE__ */ f(v, { sx: { display: "flex", alignItems: "center", gap: "9px" }, children: [
-            /* @__PURE__ */ i(ut, { sk: o, border: !0, value: t.textPrimaryHex || "#1c2127", onChange: (d) => n({ textPrimaryHex: d }) }),
+            /* @__PURE__ */ i(ut, { sk: o, border: !0, value: t.textPrimaryHex || "#1c2127", onChange: (c) => n({ textPrimaryHex: c }) }),
             /* @__PURE__ */ i(v, { component: "span", sx: a, title: "Main body text colour.", children: "Primary Text" })
           ] }),
           /* @__PURE__ */ f(v, { sx: { display: "flex", alignItems: "center", gap: "9px" }, children: [
-            /* @__PURE__ */ i(ut, { sk: o, border: !0, value: t.textSecondaryHex || "#5a6573", onChange: (d) => n({ textSecondaryHex: d }) }),
+            /* @__PURE__ */ i(ut, { sk: o, border: !0, value: t.textSecondaryHex || "#5a6573", onChange: (c) => n({ textSecondaryHex: c }) }),
             /* @__PURE__ */ i(v, { component: "span", sx: a, title: "Muted text colour.", children: "Secondary Text" })
           ] }),
           /* @__PURE__ */ f(v, { sx: { display: "flex", alignItems: "center", gap: "9px" }, children: [
-            /* @__PURE__ */ i(ut, { sk: o, border: !0, value: t.dividerHex || "#e3e8ee", onChange: (d) => n({ dividerHex: d }) }),
+            /* @__PURE__ */ i(ut, { sk: o, border: !0, value: t.dividerHex || "#e3e8ee", onChange: (c) => n({ dividerHex: c }) }),
             /* @__PURE__ */ i(v, { component: "span", sx: a, title: "Divider / border colour.", children: "Divider" })
           ] })
         ] })
@@ -4678,29 +4678,29 @@ function Us() {
       e === "status" && /* @__PURE__ */ f(v, { sx: { display: "flex", flexDirection: "column", gap: "7px" }, children: [
         /* @__PURE__ */ f(v, { children: [
           /* @__PURE__ */ i(et, { sk: o, tip: "Success, warning, error & info colours — used for alerts, status pills, toasts and validation states.", children: "Status Colors" }),
-          /* @__PURE__ */ i(v, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "7px" }, children: g.map((d) => /* @__PURE__ */ f(v, { sx: { display: "flex", alignItems: "center", gap: "8px", background: o.card, border: `1px solid ${o.insetBd}`, borderRadius: "9px", px: "9px", py: "7px" }, children: [
-            /* @__PURE__ */ i(ut, { sk: o, w: 22, h: 22, r: 6, value: t[d.key], onChange: (x) => n({ [d.key]: x }) }),
-            /* @__PURE__ */ i(v, { component: "span", sx: a, children: d.label })
-          ] }, d.key)) })
+          /* @__PURE__ */ i(v, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "7px" }, children: g.map((c) => /* @__PURE__ */ f(v, { sx: { display: "flex", alignItems: "center", gap: "8px", background: o.card, border: `1px solid ${o.insetBd}`, borderRadius: "9px", px: "9px", py: "7px" }, children: [
+            /* @__PURE__ */ i(ut, { sk: o, w: 22, h: 22, r: 6, value: t[c.key], onChange: (x) => n({ [c.key]: x }) }),
+            /* @__PURE__ */ i(v, { component: "span", sx: a, children: c.label })
+          ] }, c.key)) })
         ] }),
         /* @__PURE__ */ f(v, { children: [
           /* @__PURE__ */ i(et, { sk: o, tip: "Override the auto-generated surface colours. Leave on Auto to follow the surface tint & mode.", children: "Surfaces" }),
-          /* @__PURE__ */ i(v, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "7px" }, children: b.map((d) => {
-            const x = !!t[d.key];
+          /* @__PURE__ */ i(v, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "7px" }, children: b.map((c) => {
+            const x = !!t[c.key];
             return /* @__PURE__ */ f(v, { sx: { display: "flex", alignItems: "center", gap: "8px", background: o.card, border: `1px solid ${o.insetBd}`, borderRadius: "9px", px: "9px", py: "5px" }, children: [
-              /* @__PURE__ */ i(ut, { sk: o, w: 22, h: 22, r: 6, border: !0, value: t[d.key] || d.fb, onChange: (T) => n({ [d.key]: T }) }),
-              /* @__PURE__ */ i(v, { component: "span", sx: { ...a, flex: 1 }, children: d.label }),
+              /* @__PURE__ */ i(ut, { sk: o, w: 22, h: 22, r: 6, border: !0, value: t[c.key] || c.fb, onChange: (T) => n({ [c.key]: T }) }),
+              /* @__PURE__ */ i(v, { component: "span", sx: { ...a, flex: 1 }, children: c.label }),
               x && /* @__PURE__ */ i(
                 v,
                 {
                   component: "button",
                   title: "Reset to Auto",
-                  onClick: () => n({ [d.key]: "" }),
+                  onClick: () => n({ [c.key]: "" }),
                   sx: { background: "transparent", border: `1px solid ${o.insetBd}`, borderRadius: "6px", color: o.muted, fontSize: "10px", fontWeight: 700, px: "7px", py: "3px", cursor: "pointer" },
                   children: "Auto"
                 }
               )
-            ] }, d.key);
+            ] }, c.key);
           }) })
         ] })
       ] })
@@ -4708,7 +4708,7 @@ function Us() {
   ] });
 }
 function be(e) {
-  const { label: r, info: t, value: n, effective: o, min: s, max: a, step: l = 1, unit: p = "", autoLabel: u, softMin: h, softMax: m, extra: y, onChange: g } = e, b = Ie(G((q) => q.settings.mode)), d = Pe(), x = `${d.bodyFam},sans-serif`, [T, R] = ie(!1), [I, w] = ie(String(o)), [S, $] = ie("");
+  const { label: r, info: t, value: n, effective: o, min: s, max: a, step: l = 1, unit: p = "", autoLabel: u, softMin: h, softMax: m, extra: y, onChange: g } = e, b = Ie(G((q) => q.settings.mode)), c = Pe(), x = `${c.bodyFam},sans-serif`, [T, R] = ie(!1), [I, w] = ie(String(o)), [S, $] = ie("");
   Ar(() => {
     T || w(String(o));
   }, [o, T]);
@@ -4722,7 +4722,7 @@ function be(e) {
   }, O = n === 0 && u ? u : `${o}${p}`;
   return /* @__PURE__ */ f(v, { sx: { mb: 1.5 }, children: [
     /* @__PURE__ */ f(v, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: "8px" }, children: [
-      /* @__PURE__ */ f(me, { sx: { fontSize: `${d.tBodySm}px`, fontWeight: d.bwEmph, fontFamily: x, lineHeight: d.bodyLH, color: b.label2, display: "flex", alignItems: "center", gap: "5px" }, children: [
+      /* @__PURE__ */ f(me, { sx: { fontSize: `${c.tBodySm}px`, fontWeight: c.bwEmph, fontFamily: x, lineHeight: c.bodyLH, color: b.label2, display: "flex", alignItems: "center", gap: "5px" }, children: [
         r,
         t && /* @__PURE__ */ i(Ue, { title: t, arrow: !0, children: /* @__PURE__ */ i(v, { component: "span", sx: { width: 13, height: 13, borderRadius: "50%", border: `1.1px solid ${b.chevron}`, color: b.chevron, fontSize: 8, fontWeight: 800, fontStyle: "italic", fontFamily: "Georgia, serif", display: "inline-grid", placeItems: "center", cursor: "help" }, children: "i" }) })
       ] }),
@@ -4739,7 +4739,7 @@ function be(e) {
             onKeyDown: (q) => {
               q.key === "Enter" && (W(I), R(!1)), q.key === "Escape" && R(!1);
             },
-            sx: { width: 56, fontSize: `${d.tBodySm}px`, fontWeight: 700, fontFamily: x, border: "1.5px solid", borderColor: "primary.main", borderRadius: "6px", px: "6px", py: "3px", "& input": { p: 0, textAlign: "center" } }
+            sx: { width: 56, fontSize: `${c.tBodySm}px`, fontWeight: 700, fontFamily: x, 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).
@@ -4750,7 +4750,7 @@ function be(e) {
               onClick: () => {
                 w(String(o)), R(!0);
               },
-              sx: { display: "inline-flex", alignItems: "center", gap: "5px", fontFamily: x, fontSize: `${d.tBodySm}px`, fontWeight: 800, color: b.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: x, fontSize: `${c.tBodySm}px`, fontWeight: 800, color: b.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: [
                 O,
                 /* @__PURE__ */ f("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: [
@@ -4923,7 +4923,7 @@ function Ks() {
   ] });
 }
 function ke({ options: e, value: r, columns: t = 3, onChange: n }) {
-  const o = G((T) => T.settings.mode), s = G((T) => T.settings.primaryHex) || "#1565c0", a = G((T) => T.settings.highlightHex) || "#ffd400", l = G((T) => T.settings.bodyWeight) || 400, p = o === "dark", u = Ce(s), h = Math.min(900, l + 200), m = fe(a, p ? 0.3 : 0.18), y = p ? u[400] : s, g = p ? u[200] : u[700], b = p ? "#262b34" : "#ffffff", d = p ? "#363d48" : "#e3e8ee", x = p ? "#aeb6c0" : "#5a6573";
+  const o = G((T) => T.settings.mode), s = G((T) => T.settings.primaryHex) || "#1565c0", a = G((T) => T.settings.highlightHex) || "#ffd400", l = G((T) => T.settings.bodyWeight) || 400, p = o === "dark", u = Ce(s), h = Math.min(900, l + 200), m = fe(a, p ? 0.3 : 0.18), y = p ? u[400] : s, g = p ? u[200] : u[700], b = p ? "#262b34" : "#ffffff", c = p ? "#363d48" : "#e3e8ee", x = p ? "#aeb6c0" : "#5a6573";
   return /* @__PURE__ */ i(v, { sx: { display: "grid", gridTemplateColumns: `repeat(${t}, 1fr)`, gap: "6px" }, children: e.map((T) => {
     const R = T.key === r, I = /* @__PURE__ */ i(
       v,
@@ -4938,7 +4938,7 @@ function ke({ options: e, value: r, columns: t = 3, onChange: n }) {
           userSelect: "none",
           fontSize: "11px",
           fontWeight: R ? h : l,
-          border: `1px solid ${R ? y : d}`,
+          border: `1px solid ${R ? y : c}`,
           bgcolor: R ? m : b,
           color: R ? g : x,
           transition: "color .14s ease, background .14s ease, border-color .14s ease",
@@ -5191,18 +5191,18 @@ function il({ src: e, aspect: r, onCancel: t, onConfirm: n }) {
   Ar(() => {
     const b = (x) => {
       m.current && l({ x: m.current.ox + (x.clientX - m.current.sx), y: m.current.oy + (x.clientY - m.current.sy) });
-    }, d = () => {
+    }, c = () => {
       m.current = null;
     };
-    return document.addEventListener("pointermove", b), document.addEventListener("pointerup", d), () => {
-      document.removeEventListener("pointermove", b), document.removeEventListener("pointerup", d);
+    return document.addEventListener("pointermove", b), document.addEventListener("pointerup", c), () => {
+      document.removeEventListener("pointermove", b), document.removeEventListener("pointerup", c);
     };
   }, []);
   const y = (b) => {
     b.preventDefault(), m.current = { sx: b.clientX, sy: b.clientY, ox: a.x, oy: a.y };
   }, g = () => {
-    const b = p.current, d = u.current, x = h.current;
-    if (!b || !d) {
+    const b = p.current, c = u.current, x = h.current;
+    if (!b || !c) {
       n(e);
       return;
     }
@@ -5213,9 +5213,9 @@ function il({ src: e, aspect: r, onCancel: t, onConfirm: n }) {
       n(e);
       return;
     }
-    const W = d.getBoundingClientRect(), O = (W.left - T.left) * w, q = (W.top - T.top) * w, L = W.width * w, V = W.height * w;
+    const W = c.getBoundingClientRect(), O = (W.left - T.left) * w, q = (W.top - T.top) * w, L = W.width * w, V = W.height * w;
     try {
-      $.drawImage(d, O, q, L, V), n(S.toDataURL("image/png"));
+      $.drawImage(c, O, q, L, V), n(S.toDataURL("image/png"));
     } catch {
       n(e);
     }
@@ -5230,7 +5230,7 @@ function il({ src: e, aspect: r, onCancel: t, onConfirm: n }) {
       ] }),
       /* @__PURE__ */ f(v, { sx: { display: "flex", alignItems: "center", gap: 1, my: 1.5 }, children: [
         /* @__PURE__ */ i(me, { sx: { fontSize: 12, fontWeight: 700, color: "text.secondary" }, children: "Zoom" }),
-        /* @__PURE__ */ i(Jo, { size: "small", min: 0.3, max: 4, step: 0.02, value: o, onChange: (b, d) => s(d) })
+        /* @__PURE__ */ i(Jo, { size: "small", min: 0.3, max: 4, step: 0.02, value: o, onChange: (b, c) => s(c) })
       ] }),
       /* @__PURE__ */ f(v, { sx: { display: "flex", gap: 1 }, children: [
         /* @__PURE__ */ i(v, { component: "button", onClick: t, sx: { flex: 1, p: 1.25, borderRadius: 2.5, border: "1px solid", borderColor: "divider", bgcolor: "action.hover", color: "text.secondary", fontSize: 12.5, fontWeight: 700, cursor: "pointer" }, children: "Cancel" }),
@@ -5302,12 +5302,12 @@ const sl = [
   studioOpen: !0,
   setStudioOpen: (r) => e({ studioOpen: r })
 }));
-function cl({ onClose: e }) {
+function dl({ onClose: e }) {
   var D, E;
   const r = tt((C) => C.openSection), t = tt((C) => C.setOpenSection), n = tt((C) => C.setPreviewScreen), o = tt((C) => C.previewScreen), s = tt((C) => C.previewMenuOpen), a = tt((C) => C.setPreviewMenuOpen), l = G((C) => C.settings), p = G((C) => C.savedThemes), u = G((C) => C.set), h = G((C) => C.reset), m = Ie(l.mode), y = Be("theme"), g = (C, _) => {
     const Y = r !== C;
     t(Y ? C : ""), a(!1), Y && y.current !== C && (n(_), y.current = C);
-  }, b = ((D = $r.find((C) => C.id === l.presetId)) == null ? void 0 : D.name) || ((E = p.find((C) => C.id === l.presetId)) == null ? void 0 : E.name) || "Custom Theme", d = { fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }, x = ({ children: C }) => /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", ...d, children: C }), T = /* @__PURE__ */ f(x, { children: [
+  }, b = ((D = $r.find((C) => C.id === l.presetId)) == null ? void 0 : D.name) || ((E = p.find((C) => C.id === l.presetId)) == null ? void 0 : E.name) || "Custom Theme", c = { fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }, x = ({ children: C }) => /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", ...c, children: C }), T = /* @__PURE__ */ f(x, { 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" }),
@@ -5336,13 +5336,13 @@ function cl({ onClose: e }) {
     /* @__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" })
-  ] }), q = l.mode === "dark", L = (C) => C.charAt(0).toUpperCase() + C.slice(1), V = { sm: "Small", df: "Default", lg: "Large" }, c = { sharp: "Sharp", rounded: "Rounded", round: "Round" }, A = { compact: "Compact", default: "Default", comfortable: "Comfortable" }, P = { flat: "Flat", outlined: "Outlined", soft: "Soft", raised: "Raised", elevated: "Elevated", floating: "Floating" }, z = { split: "Split Brand", centered: "Centered Card" }, N = { "top-center": "Top Center", "top-right": "Top Right", "bottom-left": "Bottom Left", "bottom-right": "Bottom Right" }, K = {
+  ] }), q = l.mode === "dark", L = (C) => C.charAt(0).toUpperCase() + C.slice(1), V = { sm: "Small", df: "Default", lg: "Large" }, d = { sharp: "Sharp", rounded: "Rounded", round: "Round" }, A = { compact: "Compact", default: "Default", comfortable: "Comfortable" }, P = { flat: "Flat", outlined: "Outlined", soft: "Soft", raised: "Raised", elevated: "Elevated", floating: "Floating" }, z = { split: "Split Brand", centered: "Centered Card" }, N = { "top-center": "Top Center", "top-right": "Top Right", "bottom-left": "Bottom Left", "bottom-right": "Bottom Right" }, K = {
     theme: `${b} · ${q ? "Dark" : "Light"}`,
     color: "Secondary & status colours",
     type: `${l.fontFamily} · ${V[l.textSize] ?? "Default"}`,
     cards: "Card style, header, nesting & surface tint",
     tables: "Table row density, dividers, striping & header style — previewed on the Orders screen",
-    shape: `${c[l.radiusPreset] ?? "Custom"} · ${A[l.density] ?? "Default"} · ${P[l.cardStyle] ?? ""}`,
+    shape: `${d[l.radiusPreset] ?? "Custom"} · ${A[l.density] ?? "Default"} · ${P[l.cardStyle] ?? ""}`,
     notif: `${N[l.notifPosition] ?? ""} · ${L(l.notifStyle)}`,
     login: `${z[l.loginLayout] ?? ""}${l.loginImage ? " · image" : ""}`
   }, H = [
@@ -5414,7 +5414,7 @@ function cl({ onClose: e }) {
     ))
   ] });
 }
-const dl = bt(/* @__PURE__ */ i("path", {
+const cl = bt(/* @__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 _r(e, r, t) {
@@ -5428,8 +5428,8 @@ function _r(e, r, t) {
       const y = parseFloat(getComputedStyle(a).rowGap) || 0;
       let g = 0;
       for (const x of Array.from(a.children)) g += x.offsetHeight;
-      const b = g / m, d = a.clientHeight;
-      d <= 0 || b <= 0 || s(Math.max(r, Math.min(t, Math.floor((d + y) / (b + y)))));
+      const b = g / m, c = a.clientHeight;
+      c <= 0 || b <= 0 || s(Math.max(r, Math.min(t, Math.floor((c + y) / (b + y)))));
     };
     l();
     const p = requestAnimationFrame(l), u = setTimeout(l, 300), h = new ResizeObserver(l);
@@ -5444,8 +5444,8 @@ function ro(e, r, t) {
     const l = o.current;
     if (!l) return;
     const p = () => {
-      var d;
-      const y = Array.from(l.children).filter((x) => getComputedStyle(x).position !== "absolute"), g = y.length ? y[0].offsetHeight : ((d = n.current) == null ? void 0 : d.offsetHeight) || 36, b = l.clientHeight;
+      var c;
+      const y = Array.from(l.children).filter((x) => getComputedStyle(x).position !== "absolute"), g = y.length ? y[0].offsetHeight : ((c = n.current) == null ? void 0 : c.offsetHeight) || 36, b = l.clientHeight;
       b <= 0 || g <= 0 || a(Math.max(r, Math.min(t, Math.floor(b / g))));
     };
     p();
@@ -5457,7 +5457,7 @@ function ro(e, r, t) {
 }
 const pl = ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], fl = [44, 60, 50, 74, 88, 96], ul = [24, 32, 30, 42, 52, 60];
 function hl() {
-  const e = Pe(), r = G((M) => M.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: p, tH1: u, tH2: h, tTitle: m, tH4: y, wH1: g, headFam: b, headLH: d, accentBg: x, btnText: T, tBodySm: R, bwEmph: I, btnCase: w, bodyWeightEff: S, bodyLH: $, tCaption: W, pMain: O, sMain: q } = e, L = b + ",sans-serif", V = r.fontFamily + ",sans-serif", c = e.hc1 || t.textPrimary, A = e.hc2 || t.textPrimary, P = e.hc3 || t.textPrimary, z = [
+  const e = Pe(), r = G((M) => M.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: p, tH1: u, tH2: h, tTitle: m, tH4: y, wH1: g, headFam: b, headLH: c, accentBg: x, btnText: T, tBodySm: R, bwEmph: I, btnCase: w, bodyWeightEff: S, bodyLH: $, tCaption: W, pMain: O, sMain: q } = e, L = b + ",sans-serif", V = r.fontFamily + ",sans-serif", d = e.hc1 || t.textPrimary, A = e.hc2 || t.textPrimary, P = e.hc3 || t.textPrimary, z = [
     { 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 },
@@ -5479,11 +5479,11 @@ function hl() {
     { title: "New user invited — M. Fernandez", time: "19h ago", ic: "+" },
     { title: "Quarterly report scheduled", time: "21h ago", ic: "▤" },
     { title: "Order ORD-1039 delivered to Oscorp", time: "23h ago", ic: "✓" }
-  ].map((M) => ({ ...M, ...N(M.ic) })), [H, D] = _r(5, 4, K.length), E = K.slice(0, D), C = e.cardBorder === "none" ? "none" : e.cardBorder, _ = { background: t.paper, border: C, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, Y = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, U = { fontSize: m, lineHeight: d, fontWeight: g, color: P, fontFamily: L };
+  ].map((M) => ({ ...M, ...N(M.ic) })), [H, D] = _r(5, 4, K.length), E = K.slice(0, D), C = e.cardBorder === "none" ? "none" : e.cardBorder, _ = { background: t.paper, border: C, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, Y = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, U = { fontSize: m, lineHeight: c, fontWeight: g, color: P, fontFamily: L };
   return /* @__PURE__ */ f("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: C, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: V, fontWeight: S, color: t.textPrimary }, children: [
     /* @__PURE__ */ f("div", { style: { padding: s, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between", gap: 14 }, children: [
       /* @__PURE__ */ f("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-        /* @__PURE__ */ i("div", { style: { fontSize: u, lineHeight: 1.15, fontWeight: g, color: c, letterSpacing: "-.3px", fontFamily: L }, children: "Dashboard" }),
+        /* @__PURE__ */ i("div", { style: { fontSize: u, lineHeight: 1.15, fontWeight: g, color: d, letterSpacing: "-.3px", fontFamily: L }, 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("button", { style: { padding: "10px 20px", borderRadius: o, border: "none", background: x, color: T, fontSize: R, fontWeight: I, textTransform: w, letterSpacing: ".4px", boxShadow: e.btnShadow, whiteSpace: "nowrap", cursor: "pointer" }, children: "+ New" })
@@ -5554,7 +5554,7 @@ const gl = [
   { id: "ORD-1027", cust: "Bluth Company", status: "Processing", amt: "$6,410", date: "Jun 03" }
 ], wr = "100px 1fr 120px 100px 80px 70px";
 function ml() {
-  const e = Pe(), r = G((D) => D.settings), { t, rad: n, radSm: o, pad: s, padSm: a, screenPad: l, rowPy: p, tH1: u, wH1: h, headFam: m, headLH: y, accentBg: g, btnText: b, btnShadow: d, tBody: x, tBodySm: T, tCaption: R, tOverline: I, bwEmph: w, btnCase: S, bodyWeightEff: $, pMain: W, table: O } = e, q = m + ",sans-serif", L = r.fontFamily + ",sans-serif", V = e.hc1 || t.textPrimary, [c, A, P] = ro(12, 3, 16), z = gl.slice(0, P).map((D, E) => ({
+  const e = Pe(), r = G((D) => D.settings), { t, rad: n, radSm: o, pad: s, padSm: a, screenPad: l, rowPy: p, tH1: u, wH1: h, headFam: m, headLH: y, accentBg: g, btnText: b, btnShadow: c, tBody: x, tBodySm: T, tCaption: R, tOverline: I, bwEmph: w, btnCase: S, bodyWeightEff: $, pMain: W, table: O } = e, q = m + ",sans-serif", L = r.fontFamily + ",sans-serif", V = e.hc1 || t.textPrimary, [d, A, P] = ro(12, 3, 16), z = gl.slice(0, P).map((D, E) => ({
     ...D,
     ...O.statusMap[D.status] || { sb: t.divider, sc: t.textSecondary },
     rowBg: r.tableStripe && E % 2 === 1 ? O.stripeBg : "transparent"
@@ -5577,7 +5577,7 @@ function ml() {
         /* @__PURE__ */ i("div", { style: { fontSize: u, lineHeight: y, fontWeight: h, color: V, letterSpacing: "-.3px", fontFamily: q }, 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: w, 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: g, color: b, fontSize: T, fontWeight: w, textTransform: S, letterSpacing: ".4px", boxShadow: d, whiteSpace: "nowrap", cursor: "pointer" }, children: "+ New Order" })
+      /* @__PURE__ */ i("button", { style: { padding: "10px 20px", borderRadius: o, border: "none", background: g, color: b, fontSize: T, fontWeight: w, textTransform: S, letterSpacing: ".4px", boxShadow: c, 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__ */ f("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: N, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", flex: 1, minHeight: 0 }, children: [
       /* @__PURE__ */ f("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: [
@@ -5587,7 +5587,7 @@ function ml() {
         ] }),
         O.filters.map((D) => /* @__PURE__ */ i("button", { style: { padding: "7px 14px", borderRadius: 999, border: "1px solid " + D.brd, background: D.bg, color: D.c, fontSize: R, fontWeight: w, whiteSpace: "nowrap", cursor: "pointer" }, children: D.label }, D.label))
       ] }),
-      /* @__PURE__ */ f("div", { ref: c, style: { display: "grid", gridTemplateColumns: wr, padding: `0 ${s}px`, borderBottom: O.rowBorder, background: O.headBg }, children: [
+      /* @__PURE__ */ f("div", { ref: d, style: { display: "grid", gridTemplateColumns: wr, padding: `0 ${s}px`, borderBottom: O.rowBorder, background: O.headBg }, children: [
         ["Order ID", "Customer", "Status", "Amount", "Date"].map((D) => /* @__PURE__ */ i("div", { style: K(), children: D }, D)),
         /* @__PURE__ */ i("div", { style: { alignSelf: "stretch", padding: `${O.rowPy} 0` } })
       ] }),
@@ -5638,7 +5638,7 @@ function yl() {
     tH4: y,
     tH5: g,
     tH6: b,
-    tBody: d,
+    tBody: c,
     tBodySm: x,
     tCaption: T,
     wH1: R,
@@ -5651,7 +5651,7 @@ function yl() {
     btnCase: q,
     bodyWeightEff: L,
     bodyLH: V,
-    pMain: c,
+    pMain: d,
     errSoft: A,
     errTxt: P,
     warnSoft: z,
@@ -5660,10 +5660,10 @@ function yl() {
     infoTxt: H,
     sucSoft: D,
     sucTxt: E
-  } = e, C = I + ",sans-serif", _ = r.fontFamily + ",sans-serif", Y = e.t.highlight, U = e.t.highlightSoft, M = e.t.highlightBd, J = t.pContainer, j = t.onPContainer, B = t.pContrast, X = e.hc1 || t.textPrimary, Q = e.hc2 || t.textPrimary, ce = e.hc3 || t.textPrimary, F = e.hc4 || t.textPrimary, ve = e.hc5 || t.textPrimary, _e = e.hc6 || t.textPrimary, qe = e.cardBorder === "none" ? "none" : e.cardBorder, $e = { display: "flex", flexDirection: "column", background: t.paper, border: qe, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", height: "100%" }, Ke = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent }, Xe = { fontSize: m, lineHeight: w, fontWeight: R, color: ce, fontFamily: C }, ir = [
+  } = e, C = I + ",sans-serif", _ = r.fontFamily + ",sans-serif", Y = e.t.highlight, U = e.t.highlightSoft, M = e.t.highlightBd, J = t.pContainer, j = t.onPContainer, B = t.pContrast, X = e.hc1 || t.textPrimary, Q = e.hc2 || t.textPrimary, de = e.hc3 || t.textPrimary, F = e.hc4 || t.textPrimary, ve = e.hc5 || t.textPrimary, _e = e.hc6 || t.textPrimary, qe = e.cardBorder === "none" ? "none" : e.cardBorder, $e = { display: "flex", flexDirection: "column", background: t.paper, border: qe, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", height: "100%" }, Ke = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent }, Xe = { fontSize: m, lineHeight: w, fontWeight: R, color: de, fontFamily: C }, ir = [
     { label: "Dashboard Overview", size: u, w: R, color: X, lh: 1.1, ls: "-.5px", name: "H1", border: !0 },
     { label: "Revenue Report", size: h, w: R, color: Q, lh: 1.1, ls: "-.4px", name: "H2", border: !0 },
-    { label: "Performance Overview", size: m, w: R, color: ce, lh: 1.15, name: "H3", border: !0 },
+    { label: "Performance Overview", size: m, w: R, color: de, lh: 1.15, name: "H3", border: !0 },
     { label: "Active Users", size: y, w: R, color: F, lh: 1.2, name: "H4", border: !0 },
     { label: "Last updated 2m ago", size: g, w: R, color: ve, lh: 1.25, name: "H5", border: !0 },
     { label: "Status · Live", size: b, w: R, color: _e, lh: 1.3, name: "H6", border: !0 }
@@ -5671,9 +5671,9 @@ function yl() {
     /* @__PURE__ */ i("div", { style: { width: 16, height: 16, borderRadius: "50%", border: "2px solid " + (Z ? Y : t.outline), display: "grid", placeItems: "center", flexShrink: 0 }, children: Z && /* @__PURE__ */ i("div", { style: { width: 8, height: 8, borderRadius: "50%", background: Y } }) }),
     /* @__PURE__ */ i("span", { style: { flex: 1, fontSize: x, fontFamily: _, fontWeight: Z ? O : L, color: t.textPrimary }, children: Z ? "Selected item" : "Unselected item" }),
     Z && /* @__PURE__ */ i("span", { style: { fontSize: T, fontFamily: _, fontWeight: O, color: t.textSecondary }, children: "Active" })
-  ] }), Ht = (Z, Re, st) => /* @__PURE__ */ f("div", { style: { position: "relative", border: Z ? "2px solid " + c : "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: T, color: Z ? c : t.textSecondary, fontWeight: Z ? O : void 0 }, children: Re }),
-    /* @__PURE__ */ i("span", { style: { fontSize: d, color: Z ? t.textPrimary : t.textSecondary }, children: st })
+  ] }), Ht = (Z, Re, st) => /* @__PURE__ */ f("div", { style: { position: "relative", border: Z ? "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: T, color: Z ? d : t.textSecondary, fontWeight: Z ? O : void 0 }, children: Re }),
+    /* @__PURE__ */ i("span", { style: { fontSize: c, color: Z ? t.textPrimary : t.textSecondary }, children: st })
   ] }), De = (Z, Re, st) => /* @__PURE__ */ i("span", { style: { padding: "5px 13px", borderRadius: 999, background: Z, color: Re, fontSize: T, fontWeight: O }, children: st }), Ne = (Z) => ({ padding: "9px 20px", borderRadius: o, fontSize: x, fontWeight: O, textTransform: q, letterSpacing: ".4px", cursor: "pointer", ...Z });
   return /* @__PURE__ */ f("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: qe, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: _, fontWeight: L, color: t.textPrimary }, children: [
     /* @__PURE__ */ i("div", { style: { padding: s, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent }, children: /* @__PURE__ */ f("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
@@ -5694,10 +5694,10 @@ function yl() {
               ] })
             ] }, Z.name)),
             /* @__PURE__ */ f("div", { style: { display: "flex", alignItems: "baseline", justifyContent: "space-between", gap: 12 }, children: [
-              /* @__PURE__ */ i("span", { style: { fontSize: d, lineHeight: V, color: t.textPrimary, fontFamily: _, fontWeight: L }, children: "Body text — the quick brown fox jumps over the lazy dog." }),
-              /* @__PURE__ */ f("span", { style: { fontSize: d, color: t.textSecondary, fontWeight: L, whiteSpace: "nowrap", flexShrink: 0, fontFamily: _ }, children: [
+              /* @__PURE__ */ i("span", { style: { fontSize: c, lineHeight: V, color: t.textPrimary, fontFamily: _, fontWeight: L }, children: "Body text — the quick brown fox jumps over the lazy dog." }),
+              /* @__PURE__ */ f("span", { style: { fontSize: c, color: t.textSecondary, fontWeight: L, whiteSpace: "nowrap", flexShrink: 0, fontFamily: _ }, children: [
                 "Body · ",
-                d
+                c
               ] })
             ] }),
             /* @__PURE__ */ f("div", { style: { display: "flex", alignItems: "baseline", justifyContent: "space-between", gap: 12 }, children: [
@@ -5713,7 +5713,7 @@ function yl() {
           /* @__PURE__ */ i("div", { style: Ke, children: /* @__PURE__ */ i("span", { style: Xe, children: "Selection States" }) }),
           /* @__PURE__ */ f("div", { style: { padding: s, display: "flex", flexDirection: "column", gap: 14 }, children: [
             /* @__PURE__ */ f("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: x, fontWeight: O, color: t.textPrimary, background: U, borderBottom: "2.5px solid " + c, marginBottom: -1.5, borderRadius: "6px 6px 0 0" }, children: "Overview" }),
+              /* @__PURE__ */ i("div", { style: { flex: 1, textAlign: "center", padding: "8px 4px", fontSize: x, fontWeight: O, color: t.textPrimary, background: U, 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: x, fontWeight: O, color: t.textSecondary }, children: "Activity" }),
               /* @__PURE__ */ i("div", { style: { flex: 1, textAlign: "center", padding: "8px 4px", fontSize: x, fontWeight: O, color: t.textSecondary }, children: "Settings" })
             ] }),
@@ -5738,15 +5738,15 @@ function yl() {
           ] }),
           /* @__PURE__ */ f("div", { style: { display: "flex", gap: 22, alignItems: "center", flexWrap: "wrap", paddingTop: a, borderTop: "1px solid " + t.divider }, children: [
             /* @__PURE__ */ f("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-              /* @__PURE__ */ i("div", { style: { width: 18, height: 18, borderRadius: 4, background: c, display: "grid", placeItems: "center", color: B, fontSize: 11, fontWeight: O }, children: "✓" }),
+              /* @__PURE__ */ i("div", { style: { width: 18, height: 18, borderRadius: 4, background: d, display: "grid", placeItems: "center", color: B, fontSize: 11, fontWeight: O }, children: "✓" }),
               /* @__PURE__ */ i("span", { style: { fontSize: x, color: t.textPrimary }, children: "Checkbox" })
             ] }),
             /* @__PURE__ */ f("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-              /* @__PURE__ */ i("div", { style: { width: 18, height: 18, borderRadius: "50%", border: "2px solid " + c, display: "grid", placeItems: "center" }, children: /* @__PURE__ */ i("div", { style: { width: 9, height: 9, borderRadius: "50%", background: c } }) }),
+              /* @__PURE__ */ i("div", { style: { width: 18, height: 18, borderRadius: "50%", border: "2px solid " + d, display: "grid", placeItems: "center" }, children: /* @__PURE__ */ i("div", { style: { width: 9, height: 9, borderRadius: "50%", background: d } }) }),
               /* @__PURE__ */ i("span", { style: { fontSize: x, color: t.textPrimary }, children: "Radio" })
             ] }),
             /* @__PURE__ */ f("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-              /* @__PURE__ */ i("div", { style: { width: 38, height: 22, borderRadius: 999, background: c, position: "relative" }, children: /* @__PURE__ */ i("div", { style: { position: "absolute", top: 3, right: 3, width: 16, height: 16, borderRadius: "50%", background: "#fff" } }) }),
+              /* @__PURE__ */ i("div", { style: { width: 38, height: 22, borderRadius: 999, background: d, position: "relative" }, children: /* @__PURE__ */ i("div", { style: { position: "absolute", top: 3, right: 3, width: 16, height: 16, borderRadius: "50%", background: "#fff" } }) }),
               /* @__PURE__ */ i("span", { style: { fontSize: x, color: t.textPrimary }, children: "Switch" })
             ] })
           ] })
@@ -5757,8 +5757,8 @@ function yl() {
           /* @__PURE__ */ i("div", { style: Ke, children: /* @__PURE__ */ i("span", { style: Xe, children: "Buttons" }) }),
           /* @__PURE__ */ f("div", { style: { padding: s, display: "flex", gap: 10, flexWrap: "wrap", alignItems: "center" }, children: [
             /* @__PURE__ */ i("button", { style: Ne({ border: "none", background: S, color: $, boxShadow: W }), children: "Contained" }),
-            /* @__PURE__ */ i("button", { style: Ne({ border: "1.5px solid " + c, background: "transparent", color: c }), children: "Outlined" }),
-            /* @__PURE__ */ i("button", { style: Ne({ border: "none", background: "transparent", color: c }), children: "Text" }),
+            /* @__PURE__ */ i("button", { style: Ne({ border: "1.5px solid " + d, background: "transparent", color: d }), children: "Outlined" }),
+            /* @__PURE__ */ i("button", { style: Ne({ border: "none", background: "transparent", color: d }), children: "Text" }),
             /* @__PURE__ */ i("button", { style: Ne({ border: "none", background: J, color: j }), children: "Tonal" }),
             /* @__PURE__ */ i("button", { style: Ne({ border: "none", background: S, color: $, boxShadow: W, borderRadius: 999 }), children: "Rounded" }),
             /* @__PURE__ */ i("button", { style: Ne({ border: "none", background: A, color: P }), children: "Error" })
@@ -5776,9 +5776,9 @@ function yl() {
             ] }),
             /* @__PURE__ */ f("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: 7 }, children: [
               /* @__PURE__ */ i("span", { style: { fontSize: x, color: t.textPrimary, fontWeight: O }, children: "Revenue goal" }),
-              /* @__PURE__ */ i("span", { style: { fontSize: x, color: c, fontWeight: O }, children: "74%" })
+              /* @__PURE__ */ i("span", { style: { fontSize: x, color: d, fontWeight: O }, 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: c, borderRadius: 999 } }) })
+            /* @__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 } }) })
           ] })
         ] })
       ] })
@@ -5816,7 +5816,7 @@ const bl = [
   { cam: "CAM 03", label: "Package scanned — Loading Bay", time: "8h ago", sev: "info" }
 ];
 function Sl() {
-  const e = Pe(), r = G((B) => B.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: p, tH1: u, tH2: h, tTitle: m, wH1: y, headFam: g, headLH: b, accentBg: d, btnText: x, btnShadow: T, tBodySm: R, tCaption: I, tOverline: w, bwEmph: S, btnCase: $, bodyWeightEff: W, errSoft: O, errTxt: q, mediaBg: L, overlaySurface: V, overlayBorder: c, onOverlay: A, sevMap: P } = e, z = g + ",sans-serif", N = r.fontFamily + ",sans-serif", K = e.hc1 || t.textPrimary, H = e.hc2 || t.textPrimary, D = e.hc3 || t.textPrimary, E = e.cardBorder === "none" ? "none" : e.cardBorder, C = xl.map((B) => ({ ...B, dotC: B.online ? r.successHex : t.textDisabled })), [_, Y] = _r(3, 3, 16), U = vl.slice(0, Y).map((B) => ({ ...B, ...P[B.sev] })), M = { background: t.paper, border: E, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, J = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, j = { fontSize: m, lineHeight: b, fontWeight: y, color: D, fontFamily: z };
+  const e = Pe(), r = G((B) => B.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: p, tH1: u, tH2: h, tTitle: m, wH1: y, headFam: g, headLH: b, accentBg: c, btnText: x, btnShadow: T, tBodySm: R, tCaption: I, tOverline: w, bwEmph: S, btnCase: $, bodyWeightEff: W, errSoft: O, errTxt: q, mediaBg: L, overlaySurface: V, overlayBorder: d, onOverlay: A, sevMap: P } = e, z = g + ",sans-serif", N = r.fontFamily + ",sans-serif", K = e.hc1 || t.textPrimary, H = e.hc2 || t.textPrimary, D = e.hc3 || t.textPrimary, E = e.cardBorder === "none" ? "none" : e.cardBorder, C = xl.map((B) => ({ ...B, dotC: B.online ? r.successHex : t.textDisabled })), [_, Y] = _r(3, 3, 16), U = vl.slice(0, Y).map((B) => ({ ...B, ...P[B.sev] })), M = { background: t.paper, border: E, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, J = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, j = { fontSize: m, lineHeight: b, fontWeight: y, color: D, fontFamily: z };
   return /* @__PURE__ */ f("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: E, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: N, fontWeight: W, color: t.textPrimary }, children: [
     /* @__PURE__ */ f("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__ */ f("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
@@ -5828,7 +5828,7 @@ function Sl() {
           /* @__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: d, color: x, fontSize: R, fontWeight: S, textTransform: $, letterSpacing: ".4px", boxShadow: T, whiteSpace: "nowrap", cursor: "pointer" }, children: "+ Add Camera" })
+        /* @__PURE__ */ i("button", { style: { padding: "10px 18px", borderRadius: o, border: "none", background: c, color: x, fontSize: R, fontWeight: S, textTransform: $, letterSpacing: ".4px", boxShadow: T, whiteSpace: "nowrap", cursor: "pointer" }, children: "+ Add Camera" })
       ] })
     ] }),
     /* @__PURE__ */ f("div", { style: { padding: p, background: t.bgDefault, display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: [
@@ -5844,7 +5844,7 @@ function Sl() {
           ] }),
           /* @__PURE__ */ i("div", { style: { padding: s, display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gridAutoRows: "1fr", gap: l }, children: C.map((B) => /* @__PURE__ */ f("div", { style: { position: "relative", borderRadius: o, overflow: "hidden", background: L, 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: B.loc }) }),
-            /* @__PURE__ */ f("div", { style: { position: "absolute", top: 7, left: 7, display: "flex", alignItems: "center", gap: 5, background: V, border: "1px solid " + c, borderRadius: 999, padding: "2px 8px" }, children: [
+            /* @__PURE__ */ f("div", { style: { position: "absolute", top: 7, left: 7, display: "flex", alignItems: "center", gap: 5, background: V, border: "1px solid " + d, borderRadius: 999, padding: "2px 8px" }, children: [
               /* @__PURE__ */ i("span", { style: { width: 6, height: 6, borderRadius: "50%", background: B.dotC } }),
               /* @__PURE__ */ i("span", { style: { color: A, fontSize: I, fontWeight: 700, letterSpacing: ".4px" }, children: B.name })
             ] }),
@@ -5892,7 +5892,7 @@ const Cl = [
   { ic: "!", label: "Disk latency elevated — NVR-02", time: "18h ago", sev: "warning", unread: !1 }
 ];
 function wl() {
-  const e = Pe(), r = G((j) => j.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: p, tH1: u, tTitle: h, wH1: m, headFam: y, headLH: g, accentBg: b, btnText: d, tBodySm: x, tCaption: T, tOverline: R, bwEmph: I, bodyWeightEff: w, bodyLH: S, errSoft: $, errTxt: W, pMain: O, mediaBg: q, overlaySurface: L, overlayBorder: V, onOverlay: c, sevMap: A } = e, P = y + ",sans-serif", z = r.fontFamily + ",sans-serif", N = e.hc1 || t.textPrimary, K = e.hc3 || t.textPrimary, H = e.cardBorder === "none" ? "none" : e.cardBorder, [D, E] = _r(7, 4, 16), C = Cl.slice(0, E).map((j) => ({ ...j, ...A[j.sev], rowBg: j.unread ? fe(r.primaryHex, e.isDark ? 0.12 : 0.05) : "transparent" })), _ = C.filter((j) => j.unread).length, Y = { display: "flex", flexDirection: "column", minHeight: 0, background: t.paper, border: H, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, U = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, M = { fontSize: h, lineHeight: g, fontWeight: m, color: K, fontFamily: P }, J = { height: 30, borderRadius: o, border: "none", background: "rgba(255,255,255,.14)", color: c, fontSize: T, fontWeight: I, cursor: "pointer", fontFamily: "inherit" };
+  const e = Pe(), r = G((j) => j.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: p, tH1: u, tTitle: h, wH1: m, headFam: y, headLH: g, accentBg: b, btnText: c, tBodySm: x, tCaption: T, tOverline: R, bwEmph: I, bodyWeightEff: w, bodyLH: S, errSoft: $, errTxt: W, pMain: O, mediaBg: q, overlaySurface: L, overlayBorder: V, onOverlay: d, sevMap: A } = e, P = y + ",sans-serif", z = r.fontFamily + ",sans-serif", N = e.hc1 || t.textPrimary, K = e.hc3 || t.textPrimary, H = e.cardBorder === "none" ? "none" : e.cardBorder, [D, E] = _r(7, 4, 16), C = Cl.slice(0, E).map((j) => ({ ...j, ...A[j.sev], rowBg: j.unread ? fe(r.primaryHex, e.isDark ? 0.12 : 0.05) : "transparent" })), _ = C.filter((j) => j.unread).length, Y = { display: "flex", flexDirection: "column", minHeight: 0, background: t.paper, border: H, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, U = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, M = { fontSize: h, lineHeight: g, fontWeight: m, color: K, fontFamily: P }, J = { height: 30, borderRadius: o, border: "none", background: "rgba(255,255,255,.14)", color: d, fontSize: T, fontWeight: I, cursor: "pointer", fontFamily: "inherit" };
   return /* @__PURE__ */ f("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: H, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: z, fontWeight: w, color: t.textPrimary }, children: [
     /* @__PURE__ */ i("div", { style: { padding: s, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent }, children: /* @__PURE__ */ f("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
       /* @__PURE__ */ i("div", { style: { fontSize: u, lineHeight: g, fontWeight: m, color: N, letterSpacing: "-.3px", fontFamily: P }, children: "Operations Center" }),
@@ -5909,10 +5909,10 @@ function wl() {
         ] }),
         /* @__PURE__ */ f("div", { style: { position: "relative", flex: 1, minHeight: 320, background: q, display: "flex", alignItems: "center", justifyContent: "center" }, children: [
           /* @__PURE__ */ i("span", { style: { fontFamily: "monospace", fontSize: T, 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: L, border: "1px solid " + V, borderRadius: 999, padding: "6px 12px" }, children: /* @__PURE__ */ i("span", { style: { color: c, fontSize: T, 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: L, border: "1px solid " + V, borderRadius: 999, padding: "6px 12px" }, children: /* @__PURE__ */ i("span", { style: { color: d, fontSize: T, fontWeight: I }, children: "◎ 40.7128, -74.0060 · Manhattan" }) }),
           /* @__PURE__ */ f("div", { style: { position: "absolute", bottom: 12, left: "50%", transform: "translateX(-50%)", display: "flex", alignItems: "center", gap: 4, background: L, border: "1px solid " + V, borderRadius: o, padding: 5 }, children: [
-            /* @__PURE__ */ i("button", { style: { width: 30, height: 30, borderRadius: o, border: "none", background: b, color: d, 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: c, fontSize: 16, fontWeight: I, cursor: "pointer" }, children: "−" }),
+            /* @__PURE__ */ i("button", { style: { width: 30, height: 30, borderRadius: o, border: "none", background: b, color: c, 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("div", { style: { width: 1, height: 18, background: V, margin: "0 3px" } }),
             /* @__PURE__ */ i("button", { style: { ...J, padding: "0 12px" }, children: "Layers" }),
             /* @__PURE__ */ i("button", { style: { ...J, padding: "0 12px" }, children: "◎ Locate" })
@@ -5969,11 +5969,11 @@ const kl = [
   { name: "Cost Allocation Summary", type: "Financial", date: "Jun 04", status: "Ready" }
 ], $n = "1fr 130px 110px 90px 70px";
 function $l() {
-  const e = Pe(), r = G((B) => B.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: p, rowPy: u, tH1: h, tH2: m, tTitle: y, wH1: g, headFam: b, headLH: d, accentBg: x, btnText: T, btnShadow: R, tBody: I, tBodySm: w, tCaption: S, tOverline: $, bwEmph: W, btnCase: O, bodyWeightEff: q, pMain: L, sMain: V, chartPalette: c } = e, A = b + ",sans-serif", P = r.fontFamily + ",sans-serif", z = e.hc1 || t.textPrimary, N = e.hc2 || t.textPrimary, K = e.hc3 || t.textPrimary, H = e.cardBorder === "none" ? "none" : e.cardBorder, [D, E, C] = ro(5, 3, 16), _ = Pl.slice(0, C).map((B) => ({ ...B, sb: B.status === "Ready" ? e.sucSoft : e.warnSoft, sc: B.status === "Ready" ? e.sucTxt : e.warnTxt })), Y = Hl.map((B, X) => ({ ...B, c: c[X % c.length] })), U = { background: t.paper, border: H, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, M = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, J = { fontSize: y, lineHeight: d, fontWeight: g, color: K, fontFamily: A }, j = { fontSize: $, fontWeight: W, color: t.textSecondary, textTransform: "uppercase", letterSpacing: ".5px" };
+  const e = Pe(), r = G((B) => B.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: p, rowPy: u, tH1: h, tH2: m, tTitle: y, wH1: g, headFam: b, headLH: c, accentBg: x, btnText: T, btnShadow: R, tBody: I, tBodySm: w, tCaption: S, tOverline: $, bwEmph: W, btnCase: O, bodyWeightEff: q, pMain: L, sMain: V, chartPalette: d } = e, A = b + ",sans-serif", P = r.fontFamily + ",sans-serif", z = e.hc1 || t.textPrimary, N = e.hc2 || t.textPrimary, K = e.hc3 || t.textPrimary, H = e.cardBorder === "none" ? "none" : e.cardBorder, [D, E, C] = ro(5, 3, 16), _ = Pl.slice(0, C).map((B) => ({ ...B, sb: B.status === "Ready" ? e.sucSoft : e.warnSoft, sc: B.status === "Ready" ? e.sucTxt : e.warnTxt })), Y = Hl.map((B, X) => ({ ...B, c: d[X % d.length] })), U = { background: t.paper, border: H, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, M = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, J = { fontSize: y, lineHeight: c, fontWeight: g, color: K, fontFamily: A }, j = { fontSize: $, fontWeight: W, color: t.textSecondary, textTransform: "uppercase", letterSpacing: ".5px" };
   return /* @__PURE__ */ f("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: H, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: P, fontWeight: q, color: t.textPrimary }, children: [
     /* @__PURE__ */ f("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__ */ f("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-        /* @__PURE__ */ i("div", { style: { fontSize: h, lineHeight: d, fontWeight: g, color: z, letterSpacing: "-.3px", fontFamily: A }, children: "Reports" }),
+        /* @__PURE__ */ i("div", { style: { fontSize: h, lineHeight: c, fontWeight: g, color: z, letterSpacing: "-.3px", fontFamily: A }, 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("button", { style: { padding: "10px 20px", borderRadius: o, border: "none", background: x, color: T, fontSize: w, fontWeight: W, textTransform: O, letterSpacing: ".4px", boxShadow: R, whiteSpace: "nowrap", cursor: "pointer" }, children: "↓ Export PDF" })
@@ -6039,18 +6039,18 @@ function Al() {
     accentBg: y,
     btnText: g,
     btnShadow: b,
-    bwEmph: d,
+    bwEmph: c,
     pMain: x,
     iconInitials: T,
     hasLoginImage: R,
     loginCenteredGrad: I,
     loginScrimGradC: w
-  } = e, S = r.fontFamily + ",sans-serif", $ = e.hc1 || t.textPrimary, W = t.pContrast, O = e.cardBorder === "none" ? "none" : e.cardBorder, q = r.logoMode === "image" && !!r.logoUrl, L = e.isDark ? t.paper2 : "#ffffff", V = r.loginPanelColor || t.bgDefault, c = r.loginImgOpacity > 0 ? r.loginImgOpacity : 1, A = R ? /* @__PURE__ */ i("img", { src: r.loginImage, alt: "", style: { position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", zIndex: 0, opacity: c } }) : null, P = { background: t.paper, border: O, borderRadius: n, boxShadow: e.cardShadow, padding: s, display: "flex", flexDirection: "column", gap: 20 }, z = (N) => ({ position: "relative", background: t.paper2, border: "1.5px solid " + (N ? x : t.outline), borderRadius: o });
+  } = e, S = r.fontFamily + ",sans-serif", $ = e.hc1 || t.textPrimary, W = t.pContrast, O = e.cardBorder === "none" ? "none" : e.cardBorder, q = r.logoMode === "image" && !!r.logoUrl, L = e.isDark ? t.paper2 : "#ffffff", V = r.loginPanelColor || t.bgDefault, d = r.loginImgOpacity > 0 ? r.loginImgOpacity : 1, A = R ? /* @__PURE__ */ i("img", { src: r.loginImage, alt: "", style: { position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", zIndex: 0, opacity: d } }) : null, P = { background: t.paper, border: O, borderRadius: n, boxShadow: e.cardShadow, padding: s, display: "flex", flexDirection: "column", gap: 20 }, z = (N) => ({ position: "relative", background: t.paper2, border: "1.5px solid " + (N ? x : t.outline), borderRadius: o });
   return r.loginLayout === "centered" ? /* @__PURE__ */ f("div", { style: { minHeight: 560, background: I, display: "flex", alignItems: "center", justifyContent: "center", padding: 40, position: "relative", overflow: "hidden", fontFamily: S, borderRadius: n }, children: [
     A,
     R && /* @__PURE__ */ i("div", { style: { position: "absolute", inset: 0, background: w, zIndex: 0 } }),
     /* @__PURE__ */ f("div", { style: { position: "relative", zIndex: 1, width: "100%", maxWidth: 380, background: t.paper, border: O, 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: d, letterSpacing: "-1px" }, children: T }) }),
+      /* @__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: c, letterSpacing: "-1px" }, children: T }) }),
       /* @__PURE__ */ f("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: 14 }, children: [
         /* @__PURE__ */ f("div", { style: { position: "relative", border: "1.5px solid " + t.outline, borderRadius: o, padding: "13px 14px" }, children: [
           /* @__PURE__ */ i("span", { style: { position: "absolute", top: -8, left: 11, background: t.paper, padding: "0 5px", fontSize: 11, color: t.textSecondary }, children: "Email" }),
@@ -6060,7 +6060,7 @@ function Al() {
           /* @__PURE__ */ i("span", { style: { position: "absolute", top: -8, left: 11, background: t.paper, padding: "0 5px", fontSize: 11, color: t.textSecondary }, children: "Password" }),
           /* @__PURE__ */ i("span", { style: { fontSize: l, color: t.textPrimary, letterSpacing: 3 }, children: "••••••••" })
         ] }),
-        /* @__PURE__ */ i("button", { style: { padding: 13, borderRadius: o, border: "none", background: y, color: g, fontSize: l, fontWeight: d, textTransform: "uppercase", letterSpacing: ".5px", boxShadow: b, cursor: "pointer" }, children: "Sign in" })
+        /* @__PURE__ */ i("button", { style: { padding: 13, borderRadius: o, border: "none", background: y, color: g, fontSize: l, fontWeight: c, textTransform: "uppercase", letterSpacing: ".5px", boxShadow: b, cursor: "pointer" }, children: "Sign in" })
       ] })
     ] })
   ] }) : /* @__PURE__ */ f("div", { style: { display: "grid", gridTemplateColumns: "3fr 1fr", minHeight: 560, fontFamily: S, borderRadius: n, overflow: "hidden" }, children: [
@@ -6068,14 +6068,14 @@ function Al() {
       A,
       !R && /* @__PURE__ */ f("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(An, { size: 46 }),
-        /* @__PURE__ */ i("div", { style: { fontSize: 14, fontWeight: d, color: t.textPrimary }, children: "No brand image" }),
+        /* @__PURE__ */ i("div", { style: { fontSize: 14, fontWeight: c, color: t.textPrimary }, children: "No brand image" }),
         /* @__PURE__ */ i("div", { style: { fontSize: 12, color: t.textSecondary, textAlign: "center", maxWidth: 220 }, children: "Upload an image in the Login Screen settings to fill this panel." })
       ] })
     ] }),
     /* @__PURE__ */ f("div", { style: { background: V, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: 22, padding: "48px 40px" }, children: [
       q ? /* @__PURE__ */ i("img", { src: r.logoUrl, alt: r.appName, style: { maxHeight: 64, maxWidth: 200, objectFit: "contain" } }) : /* @__PURE__ */ f("div", { style: { display: "inline-flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: 6, maxWidth: 200, maxHeight: 64, border: "1.5px dashed " + t.outline, borderRadius: o, boxSizing: "border-box", color: t.textSecondary, padding: "8px 16px" }, children: [
         /* @__PURE__ */ i(An, { size: 20 }),
-        /* @__PURE__ */ i("span", { style: { fontSize: u, fontWeight: d, color: t.textSecondary, whiteSpace: "nowrap" }, children: "No logo uploaded" })
+        /* @__PURE__ */ i("span", { style: { fontSize: u, fontWeight: c, color: t.textSecondary, whiteSpace: "nowrap" }, children: "No logo uploaded" })
       ] }),
       /* @__PURE__ */ f("div", { style: { width: "100%", maxWidth: 340, ...P }, children: [
         /* @__PURE__ */ f("div", { style: { textAlign: "center" }, children: [
@@ -6084,14 +6084,14 @@ function Al() {
         ] }),
         /* @__PURE__ */ f("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [
           /* @__PURE__ */ f("div", { children: [
-            /* @__PURE__ */ i("div", { style: { fontSize: u, fontWeight: d, color: t.textPrimary, marginBottom: 7 }, children: "Email Address" }),
+            /* @__PURE__ */ i("div", { style: { fontSize: u, fontWeight: c, color: t.textPrimary, marginBottom: 7 }, children: "Email Address" }),
             /* @__PURE__ */ f("div", { style: { ...z(!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__ */ f("div", { children: [
-            /* @__PURE__ */ i("div", { style: { fontSize: u, fontWeight: d, color: t.textPrimary, marginBottom: 7 }, children: "Password" }),
+            /* @__PURE__ */ i("div", { style: { fontSize: u, fontWeight: c, color: t.textPrimary, marginBottom: 7 }, children: "Password" }),
             /* @__PURE__ */ f("div", { style: { ...z(!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: "••••••••" }),
@@ -6100,19 +6100,19 @@ function Al() {
           ] }),
           /* @__PURE__ */ f("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
             /* @__PURE__ */ f("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-              /* @__PURE__ */ i("div", { style: { width: 17, height: 17, borderRadius: 4, background: x, display: "grid", placeItems: "center", color: W, fontSize: 11, fontWeight: d }, children: "✓" }),
+              /* @__PURE__ */ i("div", { style: { width: 17, height: 17, borderRadius: 4, background: x, display: "grid", placeItems: "center", color: W, fontSize: 11, fontWeight: c }, children: "✓" }),
               /* @__PURE__ */ i("span", { style: { fontSize: p, color: t.textPrimary }, children: "Remember me" })
             ] }),
-            /* @__PURE__ */ i("span", { style: { fontSize: p, color: x, fontWeight: d }, children: "Forgot password?" })
+            /* @__PURE__ */ i("span", { style: { fontSize: p, color: x, fontWeight: c }, children: "Forgot password?" })
           ] }),
-          /* @__PURE__ */ f("button", { style: { padding: 13, borderRadius: o, border: "none", background: y, color: g, fontSize: l, fontWeight: d, letterSpacing: ".3px", boxShadow: b, marginTop: 2, display: "flex", alignItems: "center", justifyContent: "center", gap: 8, cursor: "pointer" }, children: [
+          /* @__PURE__ */ f("button", { style: { padding: 13, borderRadius: o, border: "none", background: y, color: g, fontSize: l, fontWeight: c, letterSpacing: ".3px", boxShadow: b, marginTop: 2, display: "flex", alignItems: "center", justifyContent: "center", gap: 8, cursor: "pointer" }, children: [
             "Login ",
             /* @__PURE__ */ i("span", { style: { fontSize: 15 }, children: "→" })
           ] })
         ] }),
         /* @__PURE__ */ f("div", { style: { textAlign: "center", fontSize: u, color: t.textSecondary }, children: [
           "Powered by ",
-          /* @__PURE__ */ i("span", { style: { color: x, fontWeight: d }, children: r.appName }),
+          /* @__PURE__ */ i("span", { style: { color: x, fontWeight: c }, children: r.appName }),
           " © 2026"
         ] })
       ] })
@@ -6143,10 +6143,10 @@ function Ol() {
     const g = () => {
       const R = getComputedStyle(m), I = (parseFloat(R.paddingTop) || 0) + (parseFloat(R.paddingBottom) || 0);
       if (n !== "fit") {
-        const c = n / 100;
-        y.style.zoom = String(c);
+        const d = n / 100;
+        y.style.zoom = String(d);
         const A = m.clientHeight - I;
-        y.style.minHeight = (A > 0 ? Math.floor(A / c) : 0) + "px", p(n);
+        y.style.minHeight = (A > 0 ? Math.floor(A / d) : 0) + "px", p(n);
         return;
       }
       y.style.zoom = "1", y.style.minHeight = "0px", y.offsetHeight;
@@ -6157,9 +6157,9 @@ function Ol() {
       const V = Math.min(S / W, 1);
       y.style.minHeight = Math.floor($ / Math.max(V, 0.36)) + "px", p(Math.round(L * 100));
     };
-    let b = 0, d = 0;
+    let b = 0, c = 0;
     const x = () => {
-      g(), ++d < 36 && (b = requestAnimationFrame(x));
+      g(), ++c < 36 && (b = requestAnimationFrame(x));
     };
     x();
     const T = new ResizeObserver(g);
@@ -6170,7 +6170,7 @@ function Ol() {
   const u = ((h = sl.find((m) => m.key === e)) == null ? void 0 : h.label) ?? "";
   return /* @__PURE__ */ f(v, { sx: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", bgcolor: "background.default" }, children: [
     /* @__PURE__ */ f(v, { sx: { px: 2.5, py: 1.25, borderBottom: "1px solid", borderColor: "divider", display: "flex", alignItems: "center", gap: 1.5, bgcolor: "background.paper" }, children: [
-      /* @__PURE__ */ i(dl, { sx: { fontSize: 22, color: "text.secondary" } }),
+      /* @__PURE__ */ i(cl, { sx: { fontSize: 22, color: "text.secondary" } }),
       /* @__PURE__ */ f(me, { variant: "h5", sx: { flex: 1, fontSize: 18, fontWeight: 700, letterSpacing: "-.2px" }, children: [
         "Previewing ",
         u
@@ -6214,21 +6214,21 @@ const Dl = 300, Ml = 520;
 function Gl() {
   const [e, r] = ie(!0), [t, n] = ie(300), [o, s] = ie(!1), a = G((b) => b.isDirty), l = G((b) => b.captureBaseline), p = G((b) => b.restoreBaseline), u = Ie(G((b) => b.settings.mode)), h = Be(null), m = (b) => {
     b.preventDefault(), h.current = { x: b.clientX, w: t };
-    const d = (T) => {
+    const c = (T) => {
       if (!h.current) return;
       const R = Math.max(Dl, Math.min(Ml, h.current.w + (T.clientX - h.current.x)));
       n(R);
     }, x = () => {
-      h.current = null, window.removeEventListener("mousemove", d), window.removeEventListener("mouseup", x);
+      h.current = null, window.removeEventListener("mousemove", c), window.removeEventListener("mouseup", x);
     };
-    window.addEventListener("mousemove", d), window.addEventListener("mouseup", x);
+    window.addEventListener("mousemove", c), window.addEventListener("mouseup", x);
   }, y = () => {
     a() ? s(!0) : r(!1);
   };
   return /* @__PURE__ */ f(v, { sx: { position: "relative", width: "100%", height: "100%", display: "flex", flexDirection: "column", bgcolor: "background.paper" }, children: [
     /* @__PURE__ */ i(v, { sx: { flex: 1, minHeight: 0, display: "flex" }, children: /* @__PURE__ */ f(v, { sx: { flex: 1, minWidth: 0, display: "flex", bgcolor: "background.default", borderTop: "1px solid", borderColor: "divider" }, children: [
       e ? /* @__PURE__ */ f(v, { sx: { display: "flex", flexShrink: 0 }, children: [
-        /* @__PURE__ */ i(v, { sx: { width: t, flexShrink: 0, borderRight: `1px solid ${u.studioBd}`, display: "flex", flexDirection: "column", bgcolor: u.card, overflow: "auto" }, children: /* @__PURE__ */ i(cl, { onClose: y }) }),
+        /* @__PURE__ */ i(v, { sx: { width: t, flexShrink: 0, borderRight: `1px solid ${u.studioBd}`, display: "flex", flexDirection: "column", bgcolor: u.card, overflow: "auto" }, children: /* @__PURE__ */ i(dl, { onClose: y }) }),
         /* @__PURE__ */ i(v, { onMouseDown: m, sx: { width: 5, cursor: "col-resize", flexShrink: 0, bgcolor: "divider", opacity: 0.4, "&:hover": { opacity: 1, bgcolor: "primary.main" } } })
       ] }) : /* @__PURE__ */ i(Ue, { title: "Open Theme Studio", placement: "right", arrow: !0, children: /* @__PURE__ */ i(_t, { onClick: () => {
         r(!0), l();
@@ -6306,6 +6306,17 @@ function Yl(e) {
           root: { backgroundColor: r.cardHdrBg, borderBottom: r.cardHdrBorder, boxShadow: r.cardHdrAccent }
         }
       },
+      // Modals are treated as cards — same border/shadow/header tokens as MuiCard/MuiCardHeader.
+      MuiDialog: {
+        styleOverrides: {
+          paper: { borderRadius: r.r, border: r.cardBorder === "none" ? "none" : r.cardBorder, boxShadow: r.cardShadow, backgroundImage: "none" }
+        }
+      },
+      MuiDialogTitle: {
+        styleOverrides: {
+          root: { backgroundColor: r.cardHdrBg, borderBottom: r.cardHdrBorder, boxShadow: r.cardHdrAccent }
+        }
+      },
       MuiButton: {
         styleOverrides: { root: { borderRadius: r.r, boxShadow: "none" } },
         defaultProps: { disableElevation: !0 },
@@ -6334,6 +6345,8 @@ function Yl(e) {
       toastW: e.toastW > 0 ? e.toastW : void 0,
       cardBorder: r.toastDeco.border,
       cardShadow: r.toastDeco.boxShadow,
+      cardBodyBorder: r.cardBorder === "none" ? "none" : r.cardBorder,
+      cardBodyShadow: r.cardShadow,
       cardHdrBg: r.cardHdrBg,
       cardHdrBorder: r.cardHdrBorder,
       cardHdrAccent: r.cardHdrAccent,
@@ -6355,7 +6368,13 @@ function Yl(e) {
       toastBg: r.toastBg,
       autoDismissSec: e.autoDismissSec > 0 ? e.autoDismissSec : void 0,
       statusBold: e.statusBold,
-      cardHdrHex: e.cardHdrHex || void 0
+      cardHdrHex: e.cardHdrHex || void 0,
+      containerPad: r.screenPad,
+      cardGap: r.gap,
+      edgePad: e.edgePadPx,
+      highlight: t.highlight,
+      highlightSoft: t.highlightSoft,
+      highlightBd: t.highlightBd
     }
   });
 }