@redis-ui/styles 12.3.1 → 12.5.0

package/dist/index.js

@@ -1,5 +1,5 @@
 import { useTheme as To, css as $r, ThemeProvider as Fo, createGlobalStyle as Eo } from "styled-components";
-import Ae, { useRef as Ge, useCallback as wr, useState as fe, useEffect as Dr, useLayoutEffect as Io, createContext as Mo, useMemo as _o, useContext as Bo } from "react";
+import Ae, { useRef as Ge, useCallback as wr, useState as Ce, useEffect as Dr, useLayoutEffect as Io, createContext as Oo, useMemo as Mo, useContext as _o } from "react";
 const l = {
   transparent: "#00000000",
   pink500: "#de47bb",
@@ -391,7 +391,7 @@ const l = {
       color: l.blue600
     }
   }
-}, Oo = {
+}, Bo = {
   sizes: {
     L: {
       size: "3rem",
@@ -1163,19 +1163,19 @@ function Zo(t) {
   else if (t === "transparent")
     u = 0, d = "rgb", s = [0, 0, 0];
   else if (t[0] === "#") {
-    var g = t.slice(1), x = g.length, h = x <= 4;
+    var g = t.slice(1), f = g.length, h = f <= 4;
     u = 1, h ? (s = [
       parseInt(g[0] + g[0], 16),
       parseInt(g[1] + g[1], 16),
       parseInt(g[2] + g[2], 16)
-    ], x === 4 && (u = parseInt(g[3] + g[3], 16) / 255)) : (s = [
+    ], f === 4 && (u = parseInt(g[3] + g[3], 16) / 255)) : (s = [
       parseInt(g[0] + g[1], 16),
       parseInt(g[2] + g[3], 16),
       parseInt(g[4] + g[5], 16)
-    ], x === 8 && (u = parseInt(g[6] + g[7], 16) / 255)), s[0] || (s[0] = 0), s[1] || (s[1] = 0), s[2] || (s[2] = 0), d = "rgb";
+    ], f === 8 && (u = parseInt(g[6] + g[7], 16) / 255)), s[0] || (s[0] = 0), s[1] || (s[1] = 0), s[2] || (s[2] = 0), d = "rgb";
   } else if (a = /^((?:rgba?|hs[lvb]a?|hwba?|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms|oklch|oklab|color))\s*\(([^\)]*)\)/.exec(t)) {
-    var f = a[1];
-    d = f.replace(/a$/, "");
+    var C = a[1];
+    d = C.replace(/a$/, "");
     var y = d === "cmyk" ? 4 : d === "gray" ? 1 : 3;
     s = a[2].trim().split(/\s*[,\/]\s*|\s+/), d === "color" && (d = s.shift()), s = s.map(function(p, R) {
       if (p[p.length - 1] === "%")
@@ -1202,14 +1202,14 @@ function Qo(t, a) {
   var { space: s, values: u, alpha: d } = Zo(t);
   return s[0] === "h" ? `${s}a(${u[0]}, ${u[1]}%, ${u[2]}%, ${a})` : `${s}a(${u}, ${a})`;
 }
-function O() {
-  return O = Object.assign ? Object.assign.bind() : function(t) {
+function B() {
+  return B = Object.assign ? Object.assign.bind() : function(t) {
     for (var a = 1; a < arguments.length; a++) {
       var s = arguments[a];
       for (var u in s) ({}).hasOwnProperty.call(s, u) && (t[u] = s[u]);
     }
     return t;
-  }, O.apply(null, arguments);
+  }, B.apply(null, arguments);
 }
 function rt(t) {
   if (t === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -1508,8 +1508,8 @@ function nt() {
   var u = a[0], d = [], g;
   for (g = 1; g < a.length; g += 1)
     d.push(a[g]);
-  return d.forEach(function(x) {
-    u = u.replace(/%[a-z]/, x);
+  return d.forEach(function(f) {
+    u = u.replace(/%[a-z]/, f);
   }), u;
 }
 var Y = /* @__PURE__ */ function(t) {
@@ -1519,26 +1519,26 @@ var Y = /* @__PURE__ */ function(t) {
     if (process.env.NODE_ENV === "production")
       u = t.call(this, "An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#" + s + " for more information.") || this;
     else {
-      for (var d = arguments.length, g = new Array(d > 1 ? d - 1 : 0), x = 1; x < d; x++)
-        g[x - 1] = arguments[x];
+      for (var d = arguments.length, g = new Array(d > 1 ? d - 1 : 0), f = 1; f < d; f++)
+        g[f - 1] = arguments[f];
       u = t.call(this, nt.apply(void 0, [at[s]].concat(g))) || this;
     }
     return rt(u);
   }
   return a;
 }(/* @__PURE__ */ Gr(Error));
-function Or(t) {
+function Br(t) {
   return Math.round(t * 255);
 }
 function lt(t, a, s) {
-  return Or(t) + "," + Or(a) + "," + Or(s);
+  return Br(t) + "," + Br(a) + "," + Br(s);
 }
 function br(t, a, s, u) {
   if (u === void 0 && (u = lt), a === 0)
     return u(s, s, s);
-  var d = (t % 360 + 360) % 360 / 60, g = (1 - Math.abs(2 * s - 1)) * a, x = g * (1 - Math.abs(d % 2 - 1)), h = 0, f = 0, y = 0;
-  d >= 0 && d < 1 ? (h = g, f = x) : d >= 1 && d < 2 ? (h = x, f = g) : d >= 2 && d < 3 ? (f = g, y = x) : d >= 3 && d < 4 ? (f = x, y = g) : d >= 4 && d < 5 ? (h = x, y = g) : d >= 5 && d < 6 && (h = g, y = x);
-  var k = s - g / 2, S = h + k, p = f + k, R = y + k;
+  var d = (t % 360 + 360) % 360 / 60, g = (1 - Math.abs(2 * s - 1)) * a, f = g * (1 - Math.abs(d % 2 - 1)), h = 0, C = 0, y = 0;
+  d >= 0 && d < 1 ? (h = g, C = f) : d >= 1 && d < 2 ? (h = f, C = g) : d >= 2 && d < 3 ? (C = g, y = f) : d >= 3 && d < 4 ? (C = f, y = g) : d >= 4 && d < 5 ? (h = f, y = g) : d >= 5 && d < 6 && (h = g, y = f);
+  var k = s - g / 2, S = h + k, p = C + k, R = y + k;
   return u(S, p, R);
 }
 var we = {
@@ -1746,9 +1746,9 @@ function tr(t) {
       blue: parseInt("" + g[3], 10),
       alpha: parseFloat("" + g[4]) > 1 ? parseFloat("" + g[4]) / 100 : parseFloat("" + g[4])
     };
-  var x = gt.exec(a);
-  if (x) {
-    var h = parseInt("" + x[1], 10), f = parseInt("" + x[2], 10) / 100, y = parseInt("" + x[3], 10) / 100, k = "rgb(" + br(h, f, y) + ")", S = Hr.exec(k);
+  var f = gt.exec(a);
+  if (f) {
+    var h = parseInt("" + f[1], 10), C = parseInt("" + f[2], 10) / 100, y = parseInt("" + f[3], 10) / 100, k = "rgb(" + br(h, C, y) + ")", S = Hr.exec(k);
     if (!S)
       throw new Y(4, a, k);
     return {
@@ -1772,47 +1772,47 @@ function tr(t) {
   throw new Y(5);
 }
 function pt(t) {
-  var a = t.red / 255, s = t.green / 255, u = t.blue / 255, d = Math.max(a, s, u), g = Math.min(a, s, u), x = (d + g) / 2;
+  var a = t.red / 255, s = t.green / 255, u = t.blue / 255, d = Math.max(a, s, u), g = Math.min(a, s, u), f = (d + g) / 2;
   if (d === g)
     return t.alpha !== void 0 ? {
       hue: 0,
       saturation: 0,
-      lightness: x,
+      lightness: f,
       alpha: t.alpha
     } : {
       hue: 0,
       saturation: 0,
-      lightness: x
+      lightness: f
     };
-  var h, f = d - g, y = x > 0.5 ? f / (2 - d - g) : f / (d + g);
+  var h, C = d - g, y = f > 0.5 ? C / (2 - d - g) : C / (d + g);
   switch (d) {
     case a:
-      h = (s - u) / f + (s < u ? 6 : 0);
+      h = (s - u) / C + (s < u ? 6 : 0);
       break;
     case s:
-      h = (u - a) / f + 2;
+      h = (u - a) / C + 2;
       break;
     default:
-      h = (a - s) / f + 4;
+      h = (a - s) / C + 4;
       break;
   }
   return h *= 60, t.alpha !== void 0 ? {
     hue: h,
     saturation: y,
-    lightness: x,
+    lightness: f,
     alpha: t.alpha
   } : {
     hue: h,
     saturation: y,
-    lightness: x
+    lightness: f
   };
 }
 function Z(t) {
   return pt(tr(t));
 }
-var xt = function(a) {
+var ft = function(a) {
   return a.length === 7 && a[1] === a[2] && a[3] === a[4] && a[5] === a[6] ? "#" + a[1] + a[3] + a[5] : a;
-}, Xr = xt;
+}, Xr = ft;
 function or(t) {
   var a = t.toString(16);
   return a.length === 1 ? "0" + a : a;
@@ -1820,13 +1820,13 @@ function or(t) {
 function jr(t) {
   return or(Math.round(t * 255));
 }
-function Ct(t, a, s) {
+function xt(t, a, s) {
   return Xr("#" + jr(t) + jr(a) + jr(s));
 }
 function Sr(t, a, s) {
-  return br(t, a, s, Ct);
+  return br(t, a, s, xt);
 }
-function ft(t, a, s) {
+function Ct(t, a, s) {
   if (typeof t == "number" && typeof a == "number" && typeof s == "number")
     return Sr(t, a, s);
   if (typeof t == "object" && a === void 0 && s === void 0)
@@ -1873,7 +1873,7 @@ function Q(t) {
   if (kt(t)) return zr(t);
   if (yt(t)) return qr(t);
   if (wt(t)) return ht(t);
-  if (vt(t)) return ft(t);
+  if (vt(t)) return Ct(t);
   throw new Y(8);
 }
 function qe(t, a, s) {
@@ -1888,7 +1888,7 @@ function H(t) {
 function St(t, a) {
   if (a === "transparent") return a;
   var s = Z(a);
-  return Q(O({}, s, {
+  return Q(B({}, s, {
     hue: s.hue + parseFloat(t)
   }));
 }
@@ -1899,7 +1899,7 @@ function cr(t, a, s) {
 function $t(t, a) {
   if (a === "transparent") return a;
   var s = Z(a);
-  return Q(O({}, s, {
+  return Q(B({}, s, {
     lightness: cr(0, 1, s.lightness - parseFloat(t))
   }));
 }
@@ -1907,15 +1907,15 @@ var zt = H($t), Rt = zt;
 function Pt(t, a) {
   if (a === "transparent") return a;
   var s = Z(a);
-  return Q(O({}, s, {
+  return Q(B({}, s, {
     saturation: cr(0, 1, s.saturation - parseFloat(t))
   }));
 }
 H(Pt);
 function Wt(t) {
   if (t === "transparent") return 0;
-  var a = tr(t), s = Object.keys(a).map(function(x) {
-    var h = a[x] / 255;
+  var a = tr(t), s = Object.keys(a).map(function(f) {
+    var h = a[f] / 255;
     return h <= 0.03928 ? h / 12.92 : Math.pow((h + 0.055) / 1.055, 2.4);
   }), u = s[0], d = s[1], g = s[2];
   return parseFloat((0.2126 * u + 0.7152 * d + 0.0722 * g).toFixed(3));
@@ -1923,7 +1923,7 @@ function Wt(t) {
 function Tt(t, a) {
   if (a === "transparent") return a;
   var s = Z(a);
-  return Q(O({}, s, {
+  return Q(B({}, s, {
     lightness: cr(0, 1, s.lightness + parseFloat(t))
   }));
 }
@@ -1932,49 +1932,49 @@ function It(t, a, s) {
   if (a === "transparent") return s;
   if (s === "transparent") return a;
   if (t === 0) return s;
-  var u = tr(a), d = O({}, u, {
+  var u = tr(a), d = B({}, u, {
     alpha: typeof u.alpha == "number" ? u.alpha : 1
-  }), g = tr(s), x = O({}, g, {
+  }), g = tr(s), f = B({}, g, {
     alpha: typeof g.alpha == "number" ? g.alpha : 1
-  }), h = d.alpha - x.alpha, f = parseFloat(t) * 2 - 1, y = f * h === -1 ? f : f + h, k = 1 + f * h, S = (y / k + 1) / 2, p = 1 - S, R = {
-    red: Math.floor(d.red * S + x.red * p),
-    green: Math.floor(d.green * S + x.green * p),
-    blue: Math.floor(d.blue * S + x.blue * p),
-    alpha: d.alpha * parseFloat(t) + x.alpha * (1 - parseFloat(t))
+  }), h = d.alpha - f.alpha, C = parseFloat(t) * 2 - 1, y = C * h === -1 ? C : C + h, k = 1 + C * h, S = (y / k + 1) / 2, p = 1 - S, R = {
+    red: Math.floor(d.red * S + f.red * p),
+    green: Math.floor(d.green * S + f.green * p),
+    blue: Math.floor(d.blue * S + f.blue * p),
+    alpha: d.alpha * parseFloat(t) + f.alpha * (1 - parseFloat(t))
   };
   return zr(R);
 }
-var Mt = H(It), Ne = Mt;
-function _t(t, a) {
+var Ot = H(It), Ne = Ot;
+function Mt(t, a) {
   if (a === "transparent") return a;
-  var s = tr(a), u = typeof s.alpha == "number" ? s.alpha : 1, d = O({}, s, {
+  var s = tr(a), u = typeof s.alpha == "number" ? s.alpha : 1, d = B({}, s, {
     alpha: cr(0, 1, (u * 100 + parseFloat(t) * 100) / 100)
   });
   return zr(d);
 }
-H(_t);
-function Bt(t, a) {
+H(Mt);
+function _t(t, a) {
   if (a === "transparent") return a;
   var s = Z(a);
-  return Q(O({}, s, {
+  return Q(B({}, s, {
     saturation: cr(0, 1, s.saturation + parseFloat(t))
   }));
 }
-H(Bt);
-function Ot(t, a) {
-  return a === "transparent" ? a : Q(O({}, Z(a), {
+H(_t);
+function Bt(t, a) {
+  return a === "transparent" ? a : Q(B({}, Z(a), {
     hue: parseFloat(t)
   }));
 }
-H(Ot);
+H(Bt);
 function Ht(t, a) {
-  return a === "transparent" ? a : Q(O({}, Z(a), {
+  return a === "transparent" ? a : Q(B({}, Z(a), {
     lightness: parseFloat(t)
   }));
 }
 H(Ht);
 function jt(t, a) {
-  return a === "transparent" ? a : Q(O({}, Z(a), {
+  return a === "transparent" ? a : Q(B({}, Z(a), {
     saturation: parseFloat(t)
   }));
 }
@@ -1989,7 +1989,7 @@ function Dt(t, a) {
 H(Dt);
 function At(t, a) {
   if (a === "transparent") return a;
-  var s = tr(a), u = typeof s.alpha == "number" ? s.alpha : 1, d = O({}, s, {
+  var s = tr(a), u = typeof s.alpha == "number" ? s.alpha : 1, d = B({}, s, {
     alpha: cr(0, 1, +(u * 100 - parseFloat(t) * 100).toFixed(2) / 100)
   });
   return zr(d);
@@ -2228,11 +2228,13 @@ const Gt = {
     block: {
       sizes: {
         regular: {
+          fontWeight: "600",
           padding: "0.4rem 0.6rem",
           borderRadius: "3px",
           gap: "0.2rem"
         },
         small: {
+          fontWeight: "600",
           padding: "0.2rem 0.4rem",
           borderRadius: "3px",
           gap: "0.2rem"
@@ -2258,11 +2260,13 @@ const Gt = {
     inline: {
       sizes: {
         regular: {
+          fontWeight: "600",
           padding: "0",
           borderRadius: "0",
           gap: "0.2rem"
         },
         small: {
+          fontWeight: "600",
           padding: "0",
           borderRadius: "0",
           gap: "0.2rem"
@@ -2326,10 +2330,17 @@ const Gt = {
   },
   label: {
     color: o.semantic.color.text.neutral800,
-    padding: "1rem 1.6rem"
+    padding: "1rem 1.6rem",
+    levelOffset: "1.6rem",
+    gap: "1rem",
+    variants: {
+      header: { textColor: o.semantic.color.text.neutral800, fontWeight: "600" },
+      sub: { textColor: o.semantic.color.text.neutral600, fontWeight: "600" }
+    }
   },
   item: {
     padding: "1rem 1.6rem",
+    levelOffset: "1.6rem",
     gap: "1rem",
     subHead: {
       textColor: o.semantic.color.text.neutral800
@@ -3249,7 +3260,7 @@ const Gt = {
   actionsBar: {
     gap: "1.6rem"
   }
-}, xa = {
+}, fa = {
   variants: {
     default: {
       gap: "4rem",
@@ -3324,7 +3335,7 @@ const Gt = {
       }
     }
   }
-}, K = "transparent", $e = "0.4rem 0.6rem", ze = "0", Re = "0.4rem", Pe = "0", Ca = {
+}, K = "transparent", $e = "0.4rem 0.6rem", ze = "0", Re = "0.4rem", Pe = "0", xa = {
   gap: "0.4rem",
   height: "2.7rem",
   lineHeight: "1.9rem",
@@ -3410,7 +3421,7 @@ const Gt = {
       }
     }
   }
-}, fa = {
+}, Ca = {
   width: "clamp(400px, 33vw, 640px)",
   padding: "12px max(12px, calc(20 * (100vw / 1920)))",
   shadow: "0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05)",
@@ -3530,13 +3541,13 @@ const Gt = {
       XS: o.core.font.fontSize.s10
     },
     fontWeight: {
-      regular: "400",
+      regular: "inherit",
       semiBold: "600",
-      italic: "400"
+      italic: "inherit"
     },
     fontStyle: {
-      regular: "normal",
-      semiBold: "normal",
+      regular: "inherit",
+      semiBold: "inherit",
       italic: "italic"
     }
   },
@@ -3619,11 +3630,11 @@ const Gt = {
     bgColor: o.semantic.color.background.neutral600,
     borderRadius: "99rem"
   }
-}, Mn = {
+}, On = {
   name: "old",
   ...o,
   components: {
-    actionIconButton: Oo,
+    actionIconButton: Bo,
     appBar: Ho,
     appSelectionMenu: jo,
     autoComplete: Lo,
@@ -3665,9 +3676,9 @@ const Gt = {
     switchButton: ga,
     table: ba,
     tableHeading: pa,
-    tabs: xa,
-    textButton: Ca,
-    toast: fa,
+    tabs: fa,
+    textButton: xa,
+    toast: Ca,
     toggleButton: ha,
     tooltip: ya,
     treeView: ka,
@@ -4286,8 +4297,8 @@ const Gt = {
       checked: {
         normal: {
           bgColor: e.semantic.color.background.neutral100,
-          borderColor: e.semantic.color.border.primary400,
-          markerColor: e.semantic.color.border.primary400,
+          borderColor: e.color.azure600,
+          markerColor: e.color.azure600,
           textColor: e.semantic.color.text.neutral800,
           iconColor: e.semantic.color.icon.neutral700
         },
@@ -4413,7 +4424,7 @@ const Gt = {
       }
     }
   }
-}, Ma = {
+}, Oa = {
   borderRadius: "0.4rem",
   border: `1px solid ${e.semantic.color.border.neutral600}`,
   fontSize: "1.4rem",
@@ -4456,13 +4467,13 @@ const Gt = {
       }
     }
   }
-}, _a = {
+}, Ma = {
   width: "100%",
   height: "fit-content",
   bgColor: e.semantic.color.background.neutral100,
   shadow: e.core.shadow.shadow4,
   borderRadius: "0.8rem"
-}, Ba = {
+}, _a = {
   width: "1.8rem",
   height: "1.8rem",
   padding: "0",
@@ -4526,7 +4537,7 @@ const Gt = {
       }
     }
   }
-}, Oa = {
+}, Ba = {
   sizes: {
     M: {
       height: "2.8rem",
@@ -4898,12 +4909,14 @@ const Gt = {
     block: {
       sizes: {
         regular: {
+          fontWeight: "600",
           padding: "0.4rem 0.6rem",
           borderRadius: "0.4rem",
           minHeight: "2.8rem",
           gap: "0"
         },
         small: {
+          fontWeight: "600",
           padding: "0.2rem 0.4rem",
           borderRadius: "0.4rem",
           minHeight: "2.2rem",
@@ -4932,11 +4945,13 @@ const Gt = {
     inline: {
       sizes: {
         regular: {
+          fontWeight: "600",
           padding: "0",
           borderRadius: "0",
           gap: "0"
         },
         small: {
+          fontWeight: "600",
           padding: "0",
           borderRadius: "0",
           gap: "0"
@@ -5000,10 +5015,17 @@ const Gt = {
   },
   label: {
     color: e.semantic.color.text.neutral800,
-    padding: "1rem 1.6rem"
+    padding: "1rem 1.6rem",
+    levelOffset: "1.6rem",
+    gap: "1rem",
+    variants: {
+      header: { textColor: e.semantic.color.text.neutral800, fontWeight: "600" },
+      sub: { textColor: e.color.dusk600, fontWeight: "600" }
+    }
   },
   item: {
     padding: "1rem 1.6rem",
+    levelOffset: "1.6rem",
     gap: "1rem",
     subHead: {
       textColor: e.semantic.color.text.neutral800
@@ -5406,7 +5428,7 @@ const Gt = {
 }, G = {
   bgColor: { disabled: e.semantic.color.background.neutral400 },
   textColor: { disabled: e.semantic.color.text.neutral600 }
-}, M = {
+}, O = {
   borderColor: { disabled: e.semantic.color.border.neutral500 },
   bgColor: { disabled: "transparent" },
   textColor: { disabled: e.semantic.color.text.neutral500 }
@@ -5449,9 +5471,9 @@ const Gt = {
           bgColor: X(e.semantic.color.background.success700, 12)
         },
         disabled: {
-          borderColor: M.borderColor.disabled,
-          bgColor: M.bgColor.disabled,
-          textColor: M.textColor.disabled
+          borderColor: O.borderColor.disabled,
+          bgColor: O.bgColor.disabled,
+          textColor: O.textColor.disabled
         }
       }
     },
@@ -5485,9 +5507,9 @@ const Gt = {
           bgColor: X(e.semantic.color.background.attention700, 12)
         },
         disabled: {
-          borderColor: M.borderColor.disabled,
-          bgColor: M.bgColor.disabled,
-          textColor: M.textColor.disabled
+          borderColor: O.borderColor.disabled,
+          bgColor: O.bgColor.disabled,
+          textColor: O.textColor.disabled
         }
       }
     },
@@ -5521,9 +5543,9 @@ const Gt = {
           bgColor: X(e.semantic.color.background.danger700, 12)
         },
         disabled: {
-          borderColor: M.borderColor.disabled,
-          bgColor: M.bgColor.disabled,
-          textColor: M.textColor.disabled
+          borderColor: O.borderColor.disabled,
+          bgColor: O.bgColor.disabled,
+          textColor: O.textColor.disabled
         }
       }
     },
@@ -5557,9 +5579,9 @@ const Gt = {
           bgColor: X(e.semantic.color.background.notice700, 12)
         },
         disabled: {
-          borderColor: M.borderColor.disabled,
-          bgColor: M.bgColor.disabled,
-          textColor: M.textColor.disabled
+          borderColor: O.borderColor.disabled,
+          bgColor: O.bgColor.disabled,
+          textColor: O.textColor.disabled
         }
       }
     },
@@ -5593,9 +5615,9 @@ const Gt = {
           bgColor: X(e.semantic.color.background.informative700, 12)
         },
         disabled: {
-          borderColor: M.borderColor.disabled,
-          bgColor: M.bgColor.disabled,
-          textColor: M.textColor.disabled
+          borderColor: O.borderColor.disabled,
+          bgColor: O.bgColor.disabled,
+          textColor: O.textColor.disabled
         }
       }
     }
@@ -6027,7 +6049,7 @@ const Gt = {
       }
     }
   }
-}, J = "transparent", Fe = "0.4rem 0.6rem", Ee = "0", Ie = "0.4rem", Me = "0", p0 = {
+}, J = "transparent", Fe = "0.4rem 0.6rem", Ee = "0", Ie = "0.4rem", Oe = "0", p0 = {
   gap: "0.4rem",
   height: "2.7rem",
   lineHeight: "1.9rem",
@@ -6075,7 +6097,7 @@ const Gt = {
     },
     "primary-inline": {
       padding: Ee,
-      borderRadius: Me,
+      borderRadius: Oe,
       states: {
         normal: {
           bgColor: J,
@@ -6095,7 +6117,7 @@ const Gt = {
     },
     "destructive-inline": {
       padding: Ee,
-      borderRadius: Me,
+      borderRadius: Oe,
       states: {
         normal: {
           bgColor: J,
@@ -6114,14 +6136,14 @@ const Gt = {
       }
     }
   }
-}, x0 = {
+}, f0 = {
   width: "clamp(400px, 33vw, 640px)",
   padding: "12px max(12px, calc(20 * (100vw / 1920)))",
   shadow: "0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05)",
   gap: "1.2rem",
   actions: { gap: "0.8rem", inlineMargin: "2.4rem 0" },
   toaster: { gap: "2rem" }
-}, kr = "transparent", C0 = {
+}, kr = "transparent", x0 = {
   gap: "0.4rem",
   height: "2.7rem",
   lineHeight: "1.9rem",
@@ -6176,7 +6198,7 @@ const Gt = {
     minWidth: "2rem",
     borderRadius: "99rem"
   }
-}, f0 = {
+}, C0 = {
   textColor: e.semantic.color.text.neutral800,
   bgColor: e.semantic.color.background.neutral100,
   shadow: e.core.shadow.shadow400,
@@ -6247,13 +6269,13 @@ const Gt = {
       XS: e.core.font.fontSize.s10
     },
     fontWeight: {
-      regular: "400",
+      regular: "inherit",
       semiBold: "600",
-      italic: "400"
+      italic: "inherit"
     },
     fontStyle: {
-      regular: "normal",
-      semiBold: "normal",
+      regular: "inherit",
+      semiBold: "inherit",
       italic: "italic"
     }
   },
@@ -6348,10 +6370,10 @@ const Gt = {
     banner: Fa,
     boxSelectionGroup: Ea,
     button: Ia,
-    buttonGroup: Ma,
-    card: _a,
-    checkbox: Ba,
-    chip: Oa,
+    buttonGroup: Oa,
+    card: Ma,
+    checkbox: _a,
+    chip: Ba,
     chipList: Ha,
     countryFlag: ja,
     datePicker: La,
@@ -6384,9 +6406,9 @@ const Gt = {
     tableHeading: g0,
     tabs: b0,
     textButton: p0,
-    toast: x0,
-    toggleButton: C0,
-    tooltip: f0,
+    toast: f0,
+    toggleButton: x0,
+    tooltip: C0,
     treeView: h0,
     typography: y0,
     windowBar: k0
@@ -6421,20 +6443,20 @@ const Gt = {
   teal600: "#37999d",
   teal700: "#20575a",
   teal800: "#102c2d",
-  green100: "#1c3b29",
-  green200: "#2a5743",
-  green300: "#3b7254",
-  green500: "#7f9f62",
-  green600: "#a2c078",
-  green700: "#b3d47f",
-  green800: "#c3e58f",
-  purple100: "#301d21",
-  purple200: "#5a2a47",
-  purple300: "#7c3973",
-  purple500: "#9b518a",
-  purple600: "#b76e9b",
-  purple700: "#d78baf",
-  purple800: "#e8a6c4",
+  green100: "#12281f",
+  green200: "#244f3e",
+  green300: "#3a8365",
+  green500: "#5bc69b",
+  green600: "#8cd7b9",
+  green700: "#bde8d7",
+  green800: "#eff9f5",
+  purple100: "#170e2c",
+  purple200: "#2f1c59",
+  purple300: "#52329b",
+  purple500: "#7547de",
+  purple600: "#9e7ee8",
+  purple700: "#c8b5f2",
+  purple800: "#f1edfc",
   red100: "#4a2a2a",
   red200: "#6a3a3a",
   red300: "#8a4a4a",
@@ -6899,12 +6921,12 @@ const Gt = {
     screenMarginHeight: "6px",
     maxHeight: "50vh"
   }
-}, _e = "1px", W0 = {
+}, Me = "1px", W0 = {
   padding: `${r.core.space.space025} ${r.core.space.space050}`,
   gap: r.core.space.space025,
   borderRadius: "2px",
-  height: `calc(${r.core.space.space200} + ${_e} * 2)`,
-  borderWidth: _e,
+  height: `calc(${r.core.space.space200} + ${Me} * 2)`,
+  borderWidth: Me,
   borderStyle: "solid",
   variants: {
     white: {
@@ -7003,8 +7025,8 @@ const Gt = {
       checked: {
         normal: {
           bgColor: r.semantic.color.background.neutral100,
-          borderColor: r.semantic.color.border.primary400,
-          markerColor: r.semantic.color.border.primary400,
+          borderColor: r.color.azure600,
+          markerColor: r.color.azure600,
           textColor: r.semantic.color.text.neutral800,
           iconColor: r.semantic.color.icon.neutral700
         },
@@ -7177,13 +7199,13 @@ const Gt = {
       }
     }
   }
-}, M0 = {
+}, O0 = {
   width: "100%",
   height: "fit-content",
   bgColor: r.semantic.color.background.neutral100,
   shadow: r.core.shadow.shadow4,
   borderRadius: "0.8rem"
-}, _0 = {
+}, M0 = {
   width: "1.8rem",
   height: "1.8rem",
   padding: "0",
@@ -7247,7 +7269,7 @@ const Gt = {
       }
     }
   }
-}, B0 = {
+}, _0 = {
   sizes: {
     M: {
       height: "2.8rem",
@@ -7304,7 +7326,7 @@ const Gt = {
       }
     }
   }
-}, O0 = {
+}, B0 = {
   sizes: {
     M: {
       gap: "0.8rem 5px"
@@ -7619,12 +7641,14 @@ const Gt = {
     block: {
       sizes: {
         regular: {
+          fontWeight: "600",
           padding: "0.4rem 0.6rem",
           borderRadius: "0.4rem",
           minHeight: "2.8rem",
           gap: "0"
         },
         small: {
+          fontWeight: "600",
           padding: "0.2rem 0.4rem",
           borderRadius: "0.4rem",
           minHeight: "2.2rem",
@@ -7652,11 +7676,13 @@ const Gt = {
     inline: {
       sizes: {
         regular: {
+          fontWeight: "600",
           padding: "0",
           borderRadius: "0",
           gap: "0"
         },
         small: {
+          fontWeight: "600",
           padding: "0",
           borderRadius: "0",
           gap: "0"
@@ -7720,10 +7746,17 @@ const Gt = {
   },
   label: {
     color: r.semantic.color.text.neutral800,
-    padding: "1rem 1.6rem"
+    padding: "1rem 1.6rem",
+    levelOffset: "1.6rem",
+    gap: "1rem",
+    variants: {
+      header: { textColor: r.semantic.color.text.neutral800, fontWeight: "600" },
+      sub: { textColor: r.semantic.color.text.neutral600, fontWeight: "600" }
+    }
   },
   item: {
     padding: "1rem 1.6rem",
+    levelOffset: "1.6rem",
     gap: "1rem",
     subHead: {
       textColor: r.semantic.color.text.neutral800
@@ -8106,7 +8139,7 @@ const Gt = {
 }, q = {
   bgColor: { disabled: r.semantic.color.background.neutral400 },
   textColor: { disabled: r.semantic.color.text.neutral600 }
-}, _ = {
+}, M = {
   borderColor: { disabled: r.semantic.color.border.neutral500 },
   bgColor: { disabled: "transparent" },
   textColor: { disabled: r.semantic.color.text.neutral500 }
@@ -8149,9 +8182,9 @@ const Gt = {
           bgColor: N(r.semantic.color.background.success700, 12)
         },
         disabled: {
-          borderColor: _.borderColor.disabled,
-          bgColor: _.bgColor.disabled,
-          textColor: _.textColor.disabled
+          borderColor: M.borderColor.disabled,
+          bgColor: M.bgColor.disabled,
+          textColor: M.textColor.disabled
         }
       }
     },
@@ -8185,9 +8218,9 @@ const Gt = {
           bgColor: N(r.semantic.color.background.attention700, 12)
         },
         disabled: {
-          borderColor: _.borderColor.disabled,
-          bgColor: _.bgColor.disabled,
-          textColor: _.textColor.disabled
+          borderColor: M.borderColor.disabled,
+          bgColor: M.bgColor.disabled,
+          textColor: M.textColor.disabled
         }
       }
     },
@@ -8221,9 +8254,9 @@ const Gt = {
           bgColor: N(r.semantic.color.background.danger700, 12)
         },
         disabled: {
-          borderColor: _.borderColor.disabled,
-          bgColor: _.bgColor.disabled,
-          textColor: _.textColor.disabled
+          borderColor: M.borderColor.disabled,
+          bgColor: M.bgColor.disabled,
+          textColor: M.textColor.disabled
         }
       }
     },
@@ -8257,9 +8290,9 @@ const Gt = {
           bgColor: N(r.semantic.color.background.notice700, 12)
         },
         disabled: {
-          borderColor: _.borderColor.disabled,
-          bgColor: _.bgColor.disabled,
-          textColor: _.textColor.disabled
+          borderColor: M.borderColor.disabled,
+          bgColor: M.bgColor.disabled,
+          textColor: M.textColor.disabled
         }
       }
     },
@@ -8293,9 +8326,9 @@ const Gt = {
           bgColor: N(r.semantic.color.background.informative700, 12)
         },
         disabled: {
-          borderColor: _.borderColor.disabled,
-          bgColor: _.bgColor.disabled,
-          textColor: _.textColor.disabled
+          borderColor: M.borderColor.disabled,
+          bgColor: M.bgColor.disabled,
+          textColor: M.textColor.disabled
         }
       }
     }
@@ -8730,13 +8763,13 @@ const Gt = {
       }
     }
   }
-}, V = "transparent", Be = "0.4rem 0.6rem", Oe = "0", He = "0.4rem", je = "0", pn = {
+}, V = "transparent", _e = "0.4rem 0.6rem", Be = "0", He = "0.4rem", je = "0", pn = {
   gap: "0.4rem",
   height: "2.7rem",
   lineHeight: "1.9rem",
   variants: {
     primary: {
-      padding: Be,
+      padding: _e,
       borderRadius: He,
       states: {
         normal: {
@@ -8757,7 +8790,7 @@ const Gt = {
       }
     },
     destructive: {
-      padding: Be,
+      padding: _e,
       borderRadius: He,
       states: {
         normal: {
@@ -8777,7 +8810,7 @@ const Gt = {
       }
     },
     "primary-inline": {
-      padding: Oe,
+      padding: Be,
       borderRadius: je,
       states: {
         normal: {
@@ -8797,7 +8830,7 @@ const Gt = {
       }
     },
     "destructive-inline": {
-      padding: Oe,
+      padding: Be,
       borderRadius: je,
       states: {
         normal: {
@@ -8817,14 +8850,14 @@ const Gt = {
       }
     }
   }
-}, xn = {
+}, fn = {
   width: "clamp(400px, 33vw, 640px)",
   padding: "12px max(12px, calc(20 * (100vw / 1920)))",
   shadow: "0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05)",
   gap: "1.2rem",
   actions: { gap: "0.8rem", inlineMargin: "2.4rem 0" },
   toaster: { gap: "2rem" }
-}, vr = "transparent", Cn = {
+}, vr = "transparent", xn = {
   gap: "0.4rem",
   height: "2.7rem",
   lineHeight: "1.9rem",
@@ -8879,7 +8912,7 @@ const Gt = {
     minWidth: "2rem",
     borderRadius: "99rem"
   }
-}, fn = {
+}, Cn = {
   textColor: r.semantic.color.text.neutral800,
   bgColor: r.color.dark600,
   shadow: `0 0 0.5px 1px ${r.color.dark700}`,
@@ -8950,13 +8983,13 @@ const Gt = {
       XS: r.core.font.fontSize.s10
     },
     fontWeight: {
-      regular: "400",
+      regular: "inherit",
       semiBold: "600",
-      italic: "400"
+      italic: "inherit"
     },
     fontStyle: {
-      regular: "normal",
-      semiBold: "normal",
+      regular: "inherit",
+      semiBold: "inherit",
       italic: "italic"
     }
   },
@@ -9039,7 +9072,7 @@ const Gt = {
     bgColor: r.color.dark300,
     borderRadius: "99rem"
   }
-}, _n = {
+}, Mn = {
   name: "dark",
   ...r,
   components: {
@@ -9052,10 +9085,10 @@ const Gt = {
     boxSelectionGroup: F0,
     button: E0,
     buttonGroup: I0,
-    card: M0,
-    checkbox: _0,
-    chip: B0,
-    chipList: O0,
+    card: O0,
+    checkbox: M0,
+    chip: _0,
+    chipList: B0,
     countryFlag: H0,
     datePicker: j0,
     drawer: L0,
@@ -9087,9 +9120,9 @@ const Gt = {
     tableHeading: gn,
     tabs: bn,
     textButton: pn,
-    toast: xn,
-    toggleButton: Cn,
-    tooltip: fn,
+    toast: fn,
+    toggleButton: xn,
+    tooltip: Cn,
     treeView: hn,
     typography: yn,
     windowBar: kn
@@ -9098,12 +9131,12 @@ const Gt = {
     body: vn,
     scrollbar: wn
   }
-}, lr = () => To() || S0, Bn = (t) => $r`
+}, lr = () => To() || S0, _n = (t) => $r`
     &:focus-visible {
       outline: ${() => lr().core.focus.size} solid ${() => lr().core.focus.color};
       outline-offset: ${() => t || lr().core.focus.margin};
     }
-  `, On = (t) => $r`
+  `, Bn = (t) => $r`
     outline: ${() => lr().core.focus.size} solid ${() => lr().core.focus.color};
     outline-offset: ${() => t || lr().core.focus.margin};
   `, Lr = () => window.matchMedia("(prefers-color-scheme: dark)"), Sn = (t) => {
@@ -9112,26 +9145,26 @@ const Gt = {
   const s = wr((y) => {
     const { systemThemeName: k, lightThemeName: S, darkThemeName: p } = a.current;
     return !k || k !== y ? y : Lr().matches ? p : S;
-  }, []), [u, d] = fe(""), [g, x] = fe(
+  }, []), [u, d] = Ce(""), [g, f] = Ce(
     ""
     /* () => resolveTheme(selectedTheme) */
-  ), h = !!u, f = wr((y) => {
+  ), h = !!u, C = wr((y) => {
     const { initialThemeName: k, lightThemeName: S, darkThemeName: p, systemThemeName: R } = a.current, U = [S, p, R].filter(Boolean);
     if (!y || !U.includes(y)) {
       if (h)
         return !1;
       y = U.includes(k) && k || (Lr().matches ? p : S);
     }
-    return d(y), x(s(y)), !0;
+    return d(y), f(s(y)), !0;
   }, [h, s]);
   return Dr(() => {
     const { systemThemeName: y, lightThemeName: k, darkThemeName: S } = a.current;
     if (!y || y !== u)
       return;
-    const p = Lr(), R = (U) => x(U.matches ? S : k);
+    const p = Lr(), R = (U) => f(U.matches ? S : k);
     return p.addEventListener("change", R), () => p == null ? void 0 : p.removeEventListener("change", R);
   }, [u]), {
-    setSelectedTheme: f,
+    setSelectedTheme: C,
     selectedTheme: u,
     currentTheme: g
     // resolved theme (dark/light - selected or current system)
@@ -9147,9 +9180,9 @@ const Gt = {
   }, [u]), Dr(() => {
     t && d(t);
   }, [t, d]), Dr(() => {
-    const g = (x) => {
-      const { storageKey: h, onChange: f } = s.current;
-      x.key === h && f(x.newValue || "");
+    const g = (f) => {
+      const { storageKey: h, onChange: C } = s.current;
+      f.key === h && C(f.newValue || "");
     };
     return window.addEventListener("storage", g), () => window.removeEventListener("storage", g);
   }, []), {
@@ -9172,14 +9205,14 @@ function zn() {
   if (Le) return mr;
   Le = 1;
   var t = Ae, a = Symbol.for("react.element"), s = Symbol.for("react.fragment"), u = Object.prototype.hasOwnProperty, d = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, g = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function x(h, f, y) {
+  function f(h, C, y) {
     var k, S = {}, p = null, R = null;
-    y !== void 0 && (p = "" + y), f.key !== void 0 && (p = "" + f.key), f.ref !== void 0 && (R = f.ref);
-    for (k in f) u.call(f, k) && !g.hasOwnProperty(k) && (S[k] = f[k]);
-    if (h && h.defaultProps) for (k in f = h.defaultProps, f) S[k] === void 0 && (S[k] = f[k]);
+    y !== void 0 && (p = "" + y), C.key !== void 0 && (p = "" + C.key), C.ref !== void 0 && (R = C.ref);
+    for (k in C) u.call(C, k) && !g.hasOwnProperty(k) && (S[k] = C[k]);
+    if (h && h.defaultProps) for (k in C = h.defaultProps, C) S[k] === void 0 && (S[k] = C[k]);
     return { $$typeof: a, type: h, key: p, ref: R, props: S, _owner: d.current };
   }
-  return mr.Fragment = s, mr.jsx = x, mr.jsxs = x, mr;
+  return mr.Fragment = s, mr.jsx = f, mr.jsxs = f, mr;
 }
 var ur = {};
 /**
@@ -9194,7 +9227,7 @@ var ur = {};
 var De;
 function Rn() {
   return De || (De = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = Ae, a = Symbol.for("react.element"), s = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), d = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), x = Symbol.for("react.provider"), h = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), U = Symbol.iterator, Rr = "@@iterator";
+    var t = Ae, a = Symbol.for("react.element"), s = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), d = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), h = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), U = Symbol.iterator, Rr = "@@iterator";
     function pr(n) {
       if (n === null || typeof n != "object")
         return null;
@@ -9204,14 +9237,14 @@ function Rn() {
     var L = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function T(n) {
       {
-        for (var m = arguments.length, b = new Array(m > 1 ? m - 1 : 0), C = 1; C < m; C++)
-          b[C - 1] = arguments[C];
+        for (var m = arguments.length, b = new Array(m > 1 ? m - 1 : 0), x = 1; x < m; x++)
+          b[x - 1] = arguments[x];
         Ue("error", n, b);
       }
     }
     function Ue(n, m, b) {
       {
-        var C = L.ReactDebugCurrentFrame, $ = C.getStackAddendum();
+        var x = L.ReactDebugCurrentFrame, $ = x.getStackAddendum();
         $ !== "" && (m += "%s", b = b.concat([$]));
         var z = b.map(function(w) {
           return String(w);
@@ -9222,16 +9255,16 @@ function Rn() {
     var Ke = !1, Je = !1, Ve = !1, Ze = !1, Qe = !1, Ur;
     Ur = Symbol.for("react.module.reference");
     function ro(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === u || n === g || Qe || n === d || n === y || n === k || Ze || n === R || Ke || Je || Ve || typeof n == "object" && n !== null && (n.$$typeof === p || n.$$typeof === S || n.$$typeof === x || n.$$typeof === h || n.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof n == "string" || typeof n == "function" || n === u || n === g || Qe || n === d || n === y || n === k || Ze || n === R || Ke || Je || Ve || typeof n == "object" && n !== null && (n.$$typeof === p || n.$$typeof === S || n.$$typeof === f || n.$$typeof === h || n.$$typeof === C || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       n.$$typeof === Ur || n.getModuleId !== void 0));
     }
     function eo(n, m, b) {
-      var C = n.displayName;
-      if (C)
-        return C;
+      var x = n.displayName;
+      if (x)
+        return x;
       var $ = m.displayName || m.name || "";
       return $ !== "" ? b + "(" + $ + ")" : b;
     }
@@ -9264,14 +9297,14 @@ function Rn() {
           case h:
             var m = n;
             return Kr(m) + ".Consumer";
-          case x:
+          case f:
             var b = n;
             return Kr(b._context) + ".Provider";
-          case f:
+          case C:
             return eo(n, n.render, "ForwardRef");
           case S:
-            var C = n.displayName || null;
-            return C !== null ? C : D(n.type) || "Memo";
+            var x = n.displayName || null;
+            return x !== null ? x : D(n.type) || "Memo";
           case p: {
             var $ = n, z = $._payload, w = $._init;
             try {
@@ -9346,33 +9379,33 @@ function Rn() {
       }
     }
     var Pr = L.ReactCurrentDispatcher, Wr;
-    function xr(n, m, b) {
+    function fr(n, m, b) {
       {
         if (Wr === void 0)
           try {
             throw Error();
           } catch ($) {
-            var C = $.stack.trim().match(/\n( *(at )?)/);
-            Wr = C && C[1] || "";
+            var x = $.stack.trim().match(/\n( *(at )?)/);
+            Wr = x && x[1] || "";
           }
         return `
 ` + Wr + n;
       }
     }
-    var Tr = !1, Cr;
+    var Tr = !1, xr;
     {
       var ao = typeof WeakMap == "function" ? WeakMap : Map;
-      Cr = new ao();
+      xr = new ao();
     }
     function ae(n, m) {
       if (!n || Tr)
         return "";
       {
-        var b = Cr.get(n);
+        var b = xr.get(n);
         if (b !== void 0)
           return b;
       }
-      var C;
+      var x;
       Tr = !0;
       var $ = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
@@ -9390,30 +9423,30 @@ function Rn() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(w, []);
-            } catch (B) {
-              C = B;
+            } catch (_) {
+              x = _;
             }
             Reflect.construct(n, [], w);
           } else {
             try {
               w.call();
-            } catch (B) {
-              C = B;
+            } catch (_) {
+              x = _;
             }
             n.call(w.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (B) {
-            C = B;
+          } catch (_) {
+            x = _;
           }
           n();
         }
-      } catch (B) {
-        if (B && C && typeof B.stack == "string") {
-          for (var v = B.stack.split(`
-`), E = C.stack.split(`
+      } catch (_) {
+        if (_ && x && typeof _.stack == "string") {
+          for (var v = _.stack.split(`
+`), E = x.stack.split(`
 `), P = v.length - 1, W = E.length - 1; P >= 1 && W >= 0 && v[P] !== E[W]; )
             W--;
           for (; P >= 1 && W >= 0; P--, W--)
@@ -9423,7 +9456,7 @@ function Rn() {
                   if (P--, W--, W < 0 || v[P] !== E[W]) {
                     var j = `
 ` + v[P].replace(" at new ", " at ");
-                    return n.displayName && j.includes("<anonymous>") && (j = j.replace("<anonymous>", n.displayName)), typeof n == "function" && Cr.set(n, j), j;
+                    return n.displayName && j.includes("<anonymous>") && (j = j.replace("<anonymous>", n.displayName)), typeof n == "function" && xr.set(n, j), j;
                   }
                 while (P >= 1 && W >= 0);
               break;
@@ -9432,8 +9465,8 @@ function Rn() {
       } finally {
         Tr = !1, Pr.current = z, to(), Error.prepareStackTrace = $;
       }
-      var nr = n ? n.displayName || n.name : "", er = nr ? xr(nr) : "";
-      return typeof n == "function" && Cr.set(n, er), er;
+      var nr = n ? n.displayName || n.name : "", er = nr ? fr(nr) : "";
+      return typeof n == "function" && xr.set(n, er), er;
     }
     function no(n, m, b) {
       return ae(n, !1);
@@ -9442,29 +9475,29 @@ function Rn() {
       var m = n.prototype;
       return !!(m && m.isReactComponent);
     }
-    function fr(n, m, b) {
+    function Cr(n, m, b) {
       if (n == null)
         return "";
       if (typeof n == "function")
         return ae(n, lo(n));
       if (typeof n == "string")
-        return xr(n);
+        return fr(n);
       switch (n) {
         case y:
-          return xr("Suspense");
+          return fr("Suspense");
         case k:
-          return xr("SuspenseList");
+          return fr("SuspenseList");
       }
       if (typeof n == "object")
         switch (n.$$typeof) {
-          case f:
+          case C:
             return no(n.render);
           case S:
-            return fr(n.type, m, b);
+            return Cr(n.type, m, b);
           case p: {
-            var C = n, $ = C._payload, z = C._init;
+            var x = n, $ = x._payload, z = x._init;
             try {
-              return fr(z($), m, b);
+              return Cr(z($), m, b);
             } catch {
             }
           }
@@ -9474,12 +9507,12 @@ function Rn() {
     var sr = Object.prototype.hasOwnProperty, ne = {}, le = L.ReactDebugCurrentFrame;
     function hr(n) {
       if (n) {
-        var m = n._owner, b = fr(n.type, n._source, m ? m.type : null);
+        var m = n._owner, b = Cr(n.type, n._source, m ? m.type : null);
         le.setExtraStackFrame(b);
       } else
         le.setExtraStackFrame(null);
     }
-    function co(n, m, b, C, $) {
+    function co(n, m, b, x, $) {
       {
         var z = Function.call.bind(sr);
         for (var w in n)
@@ -9487,14 +9520,14 @@ function Rn() {
             var v = void 0;
             try {
               if (typeof n[w] != "function") {
-                var E = Error((C || "React class") + ": " + b + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var E = Error((x || "React class") + ": " + b + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw E.name = "Invariant Violation", E;
               }
-              v = n[w](m, w, C, b, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              v = n[w](m, w, x, b, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (P) {
               v = P;
             }
-            v && !(v instanceof Error) && (hr($), T("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", C || "React class", b, w, typeof v), hr(null)), v instanceof Error && !(v.message in ne) && (ne[v.message] = !0, hr($), T("Failed %s type: %s", b, v.message), hr(null));
+            v && !(v instanceof Error) && (hr($), T("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", x || "React class", b, w, typeof v), hr(null)), v instanceof Error && !(v.message in ne) && (ne[v.message] = !0, hr($), T("Failed %s type: %s", b, v.message), hr(null));
           }
       }
     }
@@ -9551,7 +9584,7 @@ function Rn() {
         Er[b] || (T('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', D(dr.current.type), n.ref), Er[b] = !0);
       }
     }
-    function xo(n, m) {
+    function fo(n, m) {
       {
         var b = function() {
           se || (se = !0, T("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", m));
@@ -9562,7 +9595,7 @@ function Rn() {
         });
       }
     }
-    function Co(n, m) {
+    function xo(n, m) {
       {
         var b = function() {
           de || (de = !0, T("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", m));
@@ -9573,7 +9606,7 @@ function Rn() {
         });
       }
     }
-    var fo = function(n, m, b, C, $, z, w) {
+    var Co = function(n, m, b, x, $, z, w) {
       var v = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: a,
@@ -9594,7 +9627,7 @@ function Rn() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: C
+        value: x
       }), Object.defineProperty(v, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -9602,7 +9635,7 @@ function Rn() {
         value: $
       }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
     };
-    function ho(n, m, b, C, $) {
+    function ho(n, m, b, x, $) {
       {
         var z, w = {}, v = null, E = null;
         b !== void 0 && (ie(b), v = "" + b), bo(m) && (ie(m.key), v = "" + m.key), go(m) && (E = m.ref, po(m, $));
@@ -9615,22 +9648,22 @@ function Rn() {
         }
         if (v || E) {
           var W = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
-          v && xo(w, W), E && Co(w, W);
+          v && fo(w, W), E && xo(w, W);
         }
-        return fo(n, v, E, $, C, dr.current, w);
+        return Co(n, v, E, $, x, dr.current, w);
       }
     }
     var Ir = L.ReactCurrentOwner, me = L.ReactDebugCurrentFrame;
     function ar(n) {
       if (n) {
-        var m = n._owner, b = fr(n.type, n._source, m ? m.type : null);
+        var m = n._owner, b = Cr(n.type, n._source, m ? m.type : null);
         me.setExtraStackFrame(b);
       } else
         me.setExtraStackFrame(null);
     }
-    var Mr;
-    Mr = !1;
-    function _r(n) {
+    var Or;
+    Or = !1;
+    function Mr(n) {
       return typeof n == "object" && n !== null && n.$$typeof === a;
     }
     function ue() {
@@ -9670,8 +9703,8 @@ Check the top-level render call using <` + b + ">.");
         if (ge[b])
           return;
         ge[b] = !0;
-        var C = "";
-        n && n._owner && n._owner !== Ir.current && (C = " It was passed a child from " + D(n._owner.type) + "."), ar(n), T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, C), ar(null);
+        var x = "";
+        n && n._owner && n._owner !== Ir.current && (x = " It was passed a child from " + D(n._owner.type) + "."), ar(n), T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, x), ar(null);
       }
     }
     function pe(n, m) {
@@ -9680,16 +9713,16 @@ Check the top-level render call using <` + b + ">.");
           return;
         if (Fr(n))
           for (var b = 0; b < n.length; b++) {
-            var C = n[b];
-            _r(C) && be(C, m);
+            var x = n[b];
+            Mr(x) && be(x, m);
           }
-        else if (_r(n))
+        else if (Mr(n))
           n._store && (n._store.validated = !0);
         else if (n) {
           var $ = pr(n);
           if (typeof $ == "function" && $ !== n.entries)
             for (var z = $.call(n), w; !(w = z.next()).done; )
-              _r(w.value) && be(w.value, m);
+              Mr(w.value) && be(w.value, m);
         }
       }
     }
@@ -9701,17 +9734,17 @@ Check the top-level render call using <` + b + ">.");
         var b;
         if (typeof m == "function")
           b = m.propTypes;
-        else if (typeof m == "object" && (m.$$typeof === f || // Note: Memo only checks outer props here.
+        else if (typeof m == "object" && (m.$$typeof === C || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         m.$$typeof === S))
           b = m.propTypes;
         else
           return;
         if (b) {
-          var C = D(m);
-          co(b, n.props, "prop", C, n);
-        } else if (m.PropTypes !== void 0 && !Mr) {
-          Mr = !0;
+          var x = D(m);
+          co(b, n.props, "prop", x, n);
+        } else if (m.PropTypes !== void 0 && !Or) {
+          Or = !0;
           var $ = D(m);
           T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", $ || "Unknown");
         }
@@ -9721,17 +9754,17 @@ Check the top-level render call using <` + b + ">.");
     function wo(n) {
       {
         for (var m = Object.keys(n.props), b = 0; b < m.length; b++) {
-          var C = m[b];
-          if (C !== "children" && C !== "key") {
-            ar(n), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", C), ar(null);
+          var x = m[b];
+          if (x !== "children" && x !== "key") {
+            ar(n), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), ar(null);
             break;
           }
         }
         n.ref !== null && (ar(n), T("Invalid attribute `ref` supplied to `React.Fragment`."), ar(null));
       }
     }
-    var xe = {};
-    function Ce(n, m, b, C, $, z) {
+    var fe = {};
+    function xe(n, m, b, x, $, z) {
       {
         var w = ro(n);
         if (!w) {
@@ -9748,7 +9781,7 @@ Check the top-level render call using <` + b + ">.");
         if (w) {
           var j = m.children;
           if (j !== void 0)
-            if (C)
+            if (x)
               if (Fr(j)) {
                 for (var nr = 0; nr < j.length; nr++)
                   pe(j[nr], n);
@@ -9759,27 +9792,27 @@ Check the top-level render call using <` + b + ">.");
               pe(j, n);
         }
         if (sr.call(m, "key")) {
-          var er = D(n), B = Object.keys(m).filter(function(Wo) {
+          var er = D(n), _ = Object.keys(m).filter(function(Wo) {
             return Wo !== "key";
-          }), Br = B.length > 0 ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!xe[er + Br]) {
-            var Po = B.length > 0 ? "{" + B.join(": ..., ") + ": ...}" : "{}";
+          }), _r = _.length > 0 ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!fe[er + _r]) {
+            var Po = _.length > 0 ? "{" + _.join(": ..., ") + ": ...}" : "{}";
             T(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Br, er, Po, er), xe[er + Br] = !0;
+  <%s key={someKey} {...props} />`, _r, er, Po, er), fe[er + _r] = !0;
           }
         }
         return n === u ? wo(W) : vo(W), W;
       }
     }
     function So(n, m, b) {
-      return Ce(n, m, b, !0);
+      return xe(n, m, b, !0);
     }
     function $o(n, m, b) {
-      return Ce(n, m, b, !1);
+      return xe(n, m, b, !1);
     }
     var zo = $o, Ro = So;
     ur.Fragment = u, ur.jsx = zo, ur.jsxs = Ro;
@@ -9787,20 +9820,20 @@ React keys must be passed directly to JSX without using spread:
 }
 process.env.NODE_ENV === "production" ? Nr.exports = zn() : Nr.exports = Rn();
 var Yr = Nr.exports;
-const Ye = Mo(null), Pn = ({ children: t, selectedTheme: a, setSelectedTheme: s, lightThemeName: u, darkThemeName: d, systemThemeName: g }) => {
-  const x = _o(() => ({ selectedTheme: a, setSelectedTheme: s, lightThemeName: u, darkThemeName: d, systemThemeName: g }), [a, s, u, d, g]);
-  return Yr.jsx(Ye.Provider, { value: x, children: t });
+const Ye = Oo(null), Pn = ({ children: t, selectedTheme: a, setSelectedTheme: s, lightThemeName: u, darkThemeName: d, systemThemeName: g }) => {
+  const f = Mo(() => ({ selectedTheme: a, setSelectedTheme: s, lightThemeName: u, darkThemeName: d, systemThemeName: g }), [a, s, u, d, g]);
+  return Yr.jsx(Ye.Provider, { value: f, children: t });
 }, Hn = () => {
-  const t = Bo(Ye);
+  const t = _o(Ye);
   if (!t)
     throw new Error("Missing ThemeSwitchContext");
   return t;
 }, jn = ({ children: t, lightTheme: a, darkTheme: s, systemThemeName: u, initialThemeName: d, storageKey: g }) => {
-  const x = a == null ? void 0 : a.name, h = s == null ? void 0 : s.name, f = { lightThemeName: x, darkThemeName: h, systemThemeName: u }, { selectedTheme: y, setSelectedTheme: k, currentTheme: S } = Sn({
+  const f = a == null ? void 0 : a.name, h = s == null ? void 0 : s.name, C = { lightThemeName: f, darkThemeName: h, systemThemeName: u }, { selectedTheme: y, setSelectedTheme: k, currentTheme: S } = Sn({
     initialThemeName: d,
-    ...f
+    ...C
   });
-  return $n({ storageKey: g, value: y, onChange: k }), Yr.jsx(Fo, { theme: S === (s == null ? void 0 : s.name) ? s : a, children: Yr.jsx(Pn, { selectedTheme: y, setSelectedTheme: k, ...f, children: t }) });
+  return $n({ storageKey: g, value: y, onChange: k }), Yr.jsx(Fo, { theme: S === (s == null ? void 0 : s.name) ? s : a, children: Yr.jsx(Pn, { selectedTheme: y, setSelectedTheme: k, ...C, children: t }) });
 }, Wn = $r`
   body {
     background: ${({ theme: t }) => t.globals.body.bgColor};
@@ -9856,12 +9889,12 @@ export {
   Ln as CommonStyles,
   jn as SwitchableThemeProvider,
   Pn as ThemeSwitchProvider,
-  Bn as getFocusStyle,
-  On as getFocusStyleProperties,
+  _n as getFocusStyle,
+  Bn as getFocusStyleProperties,
   S0 as theme,
-  _n as themeDark,
+  Mn as themeDark,
   S0 as themeLight,
-  Mn as themeOld,
+  On as themeOld,
   $n as useStorage,
   lr as useTheme,
   Sn as useThemeSelector,