@redis-ui/styles 13.1.7 → 13.2.0

package/dist/index.js

@@ -548,7 +548,7 @@ const lo = {
   borderRadius: "0.4rem",
   border: `1px solid ${t.semantic.color.border.neutral600}`,
   fontSize: "1.4rem",
-  fontWeight: "400",
+  fontWeight: t.core.font.fontWeight.normal,
   fontStyle: "normal",
   padding: "0.1rem",
   gap: "0.2rem",
@@ -740,7 +740,7 @@ const lo = {
   borderColor: t.semantic.color.border.neutral500
 }, rt = {
   fontSize: t.core.font.fontSize.s14,
-  fontWeight: "400",
+  fontWeight: t.core.font.fontWeight.normal,
   fontFamily: t.core.font.fontFamily.regular,
   focusOutline: `1px dashed ${t.semantic.color.border.primary300}`,
   dayCell: {
@@ -961,7 +961,7 @@ var Sr = {
   purple: 300
 };
 function et(a) {
-  var f, v;
+  var h, v;
   var n, i = [], d = 1, l;
   if (typeof a == "number")
     return { space: "rgb", values: [a >>> 16, (a & 65280) >>> 8, a & 255], alpha: 1 };
@@ -984,7 +984,7 @@ function et(a) {
   } else if (n = /^((?:rgba?|hs[lvb]a?|hwba?|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms|oklch|oklab|color))\s*\(([^\)]*)\)/.exec(a)) {
     var x = n[1];
     l = x.replace(/a$/, "");
-    var h = l === "cmyk" ? 4 : l === "gray" ? 1 : 3;
+    var f = l === "cmyk" ? 4 : l === "gray" ? 1 : 3;
     i = n[2].trim().split(/\s*[,\/]\s*|\s+/), l === "color" && (l = i.shift()), i = i.map(function(g, $) {
       if (g[g.length - 1] === "%")
         return g = parseFloat(g) / 100, $ === 3 ? g : l === "rgb" ? g * 255 : l[0] === "h" || l[0] === "l" && !$ ? g * 100 : l === "lab" ? g * 125 : l === "lch" ? $ < 2 ? g * 150 : g * 360 : l[0] === "o" && !$ ? g : l === "oklab" ? g * 0.4 : l === "oklch" ? $ < 2 ? g * 0.4 : g * 360 : g;
@@ -996,10 +996,10 @@ function et(a) {
         if (g.endsWith("rad")) return parseFloat(g) * 180 / Math.PI;
       }
       return g === "none" ? 0 : parseFloat(g);
-    }), d = i.length > h ? i.pop() : 1;
+    }), d = i.length > f ? i.pop() : 1;
   } else /[0-9](?:\s|\/|,)/.test(a) && (i = a.match(/([0-9]+)/g).map(function(g) {
     return parseFloat(g);
-  }), l = ((v = (f = a.match(/([a-z])/ig)) == null ? void 0 : f.join("")) == null ? void 0 : v.toLowerCase()) || "rgb");
+  }), l = ((v = (h = a.match(/([a-z])/ig)) == null ? void 0 : h.join("")) == null ? void 0 : v.toLowerCase()) || "rgb");
   return {
     space: l,
     values: i,
@@ -1344,9 +1344,9 @@ function dt(a, n, i) {
 function xo(a, n, i, d) {
   if (d === void 0 && (d = dt), n === 0)
     return d(i, i, i);
-  var l = (a % 360 + 360) % 360 / 60, m = (1 - Math.abs(2 * i - 1)) * n, u = m * (1 - Math.abs(l % 2 - 1)), C = 0, x = 0, h = 0;
-  l >= 0 && l < 1 ? (C = m, x = u) : l >= 1 && l < 2 ? (C = u, x = m) : l >= 2 && l < 3 ? (x = m, h = u) : l >= 3 && l < 4 ? (x = u, h = m) : l >= 4 && l < 5 ? (C = u, h = m) : l >= 5 && l < 6 && (C = m, h = u);
-  var f = i - m / 2, v = C + f, g = x + f, $ = h + f;
+  var l = (a % 360 + 360) % 360 / 60, m = (1 - Math.abs(2 * i - 1)) * n, u = m * (1 - Math.abs(l % 2 - 1)), C = 0, x = 0, f = 0;
+  l >= 0 && l < 1 ? (C = m, x = u) : l >= 1 && l < 2 ? (C = u, x = m) : l >= 2 && l < 3 ? (x = m, f = u) : l >= 3 && l < 4 ? (x = u, f = m) : l >= 4 && l < 5 ? (C = u, f = m) : l >= 5 && l < 6 && (C = m, f = u);
+  var h = i - m / 2, v = C + h, g = x + h, $ = f + h;
   return d(v, g, $);
 }
 var $r = {
@@ -1504,7 +1504,7 @@ function mt(a) {
   var n = a.toLowerCase();
   return $r[n] ? "#" + $r[n] : a;
 }
-var bt = /^#[a-fA-F0-9]{6}$/, gt = /^#[a-fA-F0-9]{8}$/, ut = /^#[a-fA-F0-9]{3}$/, pt = /^#[a-fA-F0-9]{4}$/, Do = /^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i, xt = /^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i, Ct = /^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i, ht = /^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;
+var bt = /^#[a-fA-F0-9]{6}$/, gt = /^#[a-fA-F0-9]{8}$/, ut = /^#[a-fA-F0-9]{3}$/, pt = /^#[a-fA-F0-9]{4}$/, Do = /^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i, xt = /^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i, Ct = /^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i, ft = /^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;
 function Q(a) {
   if (typeof a != "string")
     throw new X(3);
@@ -1556,18 +1556,18 @@ function Q(a) {
     };
   var u = Ct.exec(n);
   if (u) {
-    var C = parseInt("" + u[1], 10), x = parseInt("" + u[2], 10) / 100, h = parseInt("" + u[3], 10) / 100, f = "rgb(" + xo(C, x, h) + ")", v = Do.exec(f);
+    var C = parseInt("" + u[1], 10), x = parseInt("" + u[2], 10) / 100, f = parseInt("" + u[3], 10) / 100, h = "rgb(" + xo(C, x, f) + ")", v = Do.exec(h);
     if (!v)
-      throw new X(4, n, f);
+      throw new X(4, n, h);
     return {
       red: parseInt("" + v[1], 10),
       green: parseInt("" + v[2], 10),
       blue: parseInt("" + v[3], 10)
     };
   }
-  var g = ht.exec(n.substring(0, 50));
+  var g = ft.exec(n.substring(0, 50));
   if (g) {
-    var $ = parseInt("" + g[1], 10), G = parseInt("" + g[2], 10) / 100, Fo = parseInt("" + g[3], 10) / 100, Co = "rgb(" + xo($, G, Fo) + ")", _ = Do.exec(Co);
+    var $ = parseInt("" + g[1], 10), G = parseInt("" + g[2], 10) / 100, Bo = parseInt("" + g[3], 10) / 100, Co = "rgb(" + xo($, G, Bo) + ")", _ = Do.exec(Co);
     if (!_)
       throw new X(4, n, Co);
     return {
@@ -1579,7 +1579,7 @@ function Q(a) {
   }
   throw new X(5);
 }
-function ft(a) {
+function ht(a) {
   var n = a.red / 255, i = a.green / 255, d = a.blue / 255, l = Math.max(n, i, d), m = Math.min(n, i, d), u = (l + m) / 2;
   if (l === m)
     return a.alpha !== void 0 ? {
@@ -1592,7 +1592,7 @@ function ft(a) {
       saturation: 0,
       lightness: u
     };
-  var C, x = l - m, h = u > 0.5 ? x / (2 - l - m) : x / (l + m);
+  var C, x = l - m, f = u > 0.5 ? x / (2 - l - m) : x / (l + m);
   switch (l) {
     case n:
       C = (i - d) / x + (i < d ? 6 : 0);
@@ -1606,17 +1606,17 @@ function ft(a) {
   }
   return C *= 60, a.alpha !== void 0 ? {
     hue: C,
-    saturation: h,
+    saturation: f,
     lightness: u,
     alpha: a.alpha
   } : {
     hue: C,
-    saturation: h,
+    saturation: f,
     lightness: u
   };
 }
 function U(a) {
-  return ft(Q(a));
+  return ht(Q(a));
 }
 var yt = function(n) {
   return n.length === 7 && n[1] === n[2] && n[3] === n[4] && n[5] === n[6] ? "#" + n[1] + n[3] + n[5] : n;
@@ -1711,15 +1711,15 @@ function Pt(a, n) {
     lightness: to(0, 1, i.lightness - parseFloat(a))
   }));
 }
-var Ft = E(Pt), It = Ft;
-function Bt(a, n) {
+var Bt = E(Pt), Ft = Bt;
+function It(a, n) {
   if (n === "transparent") return n;
   var i = U(n);
   return V(M({}, i, {
     saturation: to(0, 1, i.saturation - parseFloat(a))
   }));
 }
-E(Bt);
+E(It);
 function Tt(a) {
   if (a === "transparent") return 0;
   var n = Q(a), i = Object.keys(n).map(function(u) {
@@ -1744,7 +1744,7 @@ function Ot(a, n, i) {
     alpha: typeof d.alpha == "number" ? d.alpha : 1
   }), m = Q(i), u = M({}, m, {
     alpha: typeof m.alpha == "number" ? m.alpha : 1
-  }), C = l.alpha - u.alpha, x = parseFloat(a) * 2 - 1, h = x * C === -1 ? x : x + C, f = 1 + x * C, v = (h / f + 1) / 2, g = 1 - v, $ = {
+  }), C = l.alpha - u.alpha, x = parseFloat(a) * 2 - 1, f = x * C === -1 ? x : x + C, h = 1 + x * C, v = (f / h + 1) / 2, g = 1 - v, $ = {
     red: Math.floor(l.red * v + u.red * g),
     green: Math.floor(l.green * v + u.green * g),
     blue: Math.floor(l.blue * v + u.blue * g),
@@ -1806,7 +1806,7 @@ E(qt);
 const ao = (a, n) => tt(a, n);
 function L0(a) {
   const n = Tt(a), i = Math.max(Math.abs(n - 0.5) * 1.2, 0.3);
-  return n < 0.5 ? Ht(i, a) : It(i, a);
+  return n < 0.5 ? Ht(i, a) : Ft(i, a);
 }
 const Yt = {
   shadow: t.core.shadow.shadow500,
@@ -1929,7 +1929,7 @@ const Yt = {
   gap: "0.5rem",
   fontFamily: t.core.font.fontFamily.regular,
   fontSize: "1.4rem",
-  fontWeight: "400",
+  fontWeight: t.core.font.fontWeight.normal,
   resetButton: {
     iconColor: t.semantic.color.icon.neutral800
   },
@@ -2040,14 +2040,14 @@ const Yt = {
     block: {
       sizes: {
         regular: {
-          fontWeight: "600",
+          fontWeight: t.core.font.fontWeight.semiBold,
           padding: "0.4rem 0.6rem",
           borderRadius: "0.4rem",
           minHeight: "2.8rem",
           gap: "0"
         },
         small: {
-          fontWeight: "600",
+          fontWeight: t.core.font.fontWeight.semiBold,
           padding: "0.2rem 0.4rem",
           borderRadius: "0.4rem",
           minHeight: "2.2rem",
@@ -2076,13 +2076,13 @@ const Yt = {
     inline: {
       sizes: {
         regular: {
-          fontWeight: "600",
+          fontWeight: t.core.font.fontWeight.semiBold,
           padding: "0",
           borderRadius: "0",
           gap: "0"
         },
         small: {
-          fontWeight: "600",
+          fontWeight: t.core.font.fontWeight.semiBold,
           padding: "0",
           borderRadius: "0",
           gap: "0"
@@ -2148,8 +2148,14 @@ const Yt = {
     levelOffset: "1.6rem",
     gap: "1rem",
     variants: {
-      header: { textColor: t.semantic.color.text.neutral800, fontWeight: "600" },
-      sub: { textColor: t.semantic.color.text.secondary700, fontWeight: "600" }
+      header: {
+        textColor: t.semantic.color.text.neutral800,
+        fontWeight: t.core.font.fontWeight.semiBold
+      },
+      sub: {
+        textColor: t.semantic.color.text.secondary700,
+        fontWeight: t.core.font.fontWeight.semiBold
+      }
     }
   },
   item: {
@@ -2292,7 +2298,8 @@ const Yt = {
     S: "2.0rem",
     M: "3.2rem",
     L: "4.4rem"
-  }
+  },
+  fontWeight: t.core.font.fontWeight.bold
 }, ia = {
   borderRadius: "1px",
   textPosition: {
@@ -2466,7 +2473,7 @@ const Yt = {
   gap: "0.6rem",
   fontFamily: t.core.font.fontFamily.regular,
   fontSize: "1.4rem",
-  fontWeight: "400",
+  fontWeight: t.core.font.fontWeight.normal,
   borderWidth: "1px",
   borderRadius: "0.4rem",
   indicator: {
@@ -2563,7 +2570,7 @@ const Yt = {
 }, j = {
   bgColor: { disabled: t.semantic.color.background.neutral400 },
   textColor: { disabled: t.semantic.color.text.neutral600 }
-}, F = {
+}, B = {
   borderColor: { disabled: t.semantic.color.border.neutral500 },
   bgColor: { disabled: "transparent" },
   textColor: { disabled: t.semantic.color.text.neutral500 }
@@ -2606,9 +2613,9 @@ const Yt = {
           bgColor: D(t.semantic.color.background.success700, 12)
         },
         disabled: {
-          borderColor: F.borderColor.disabled,
-          bgColor: F.bgColor.disabled,
-          textColor: F.textColor.disabled
+          borderColor: B.borderColor.disabled,
+          bgColor: B.bgColor.disabled,
+          textColor: B.textColor.disabled
         }
       }
     },
@@ -2642,9 +2649,9 @@ const Yt = {
           bgColor: D(t.semantic.color.background.attention700, 12)
         },
         disabled: {
-          borderColor: F.borderColor.disabled,
-          bgColor: F.bgColor.disabled,
-          textColor: F.textColor.disabled
+          borderColor: B.borderColor.disabled,
+          bgColor: B.bgColor.disabled,
+          textColor: B.textColor.disabled
         }
       }
     },
@@ -2678,9 +2685,9 @@ const Yt = {
           bgColor: D(t.semantic.color.background.danger700, 12)
         },
         disabled: {
-          borderColor: F.borderColor.disabled,
-          bgColor: F.bgColor.disabled,
-          textColor: F.textColor.disabled
+          borderColor: B.borderColor.disabled,
+          bgColor: B.bgColor.disabled,
+          textColor: B.textColor.disabled
         }
       }
     },
@@ -2714,9 +2721,9 @@ const Yt = {
           bgColor: D(t.semantic.color.background.notice700, 12)
         },
         disabled: {
-          borderColor: F.borderColor.disabled,
-          bgColor: F.bgColor.disabled,
-          textColor: F.textColor.disabled
+          borderColor: B.borderColor.disabled,
+          bgColor: B.bgColor.disabled,
+          textColor: B.textColor.disabled
         }
       }
     },
@@ -2750,9 +2757,9 @@ const Yt = {
           bgColor: D(t.semantic.color.background.informative700, 12)
         },
         disabled: {
-          borderColor: F.borderColor.disabled,
-          bgColor: F.bgColor.disabled,
-          textColor: F.textColor.disabled
+          borderColor: B.borderColor.disabled,
+          bgColor: B.bgColor.disabled,
+          textColor: B.textColor.disabled
         }
       }
     }
@@ -2984,7 +2991,7 @@ const Yt = {
       }
     }
   }
-}, ha = {
+}, fa = {
   width: "3.2rem",
   height: "1.8rem",
   padding: "0.2rem",
@@ -3036,7 +3043,7 @@ const Yt = {
       }
     }
   }
-}, fa = {
+}, ha = {
   table: {
     tableContainer: {
       backgroundColor: t.semantic.color.background.neutral100,
@@ -3120,7 +3127,7 @@ const Yt = {
           },
           active: {
             textColor: t.semantic.color.text.secondary800,
-            fontWeight: 600,
+            fontWeight: t.core.font.fontWeight.semiBold,
             letterSpacing: "0"
           },
           disabled: {
@@ -3168,7 +3175,7 @@ const Yt = {
             textColor: t.semantic.color.text.secondary800,
             bgColor: t.semantic.color.background.secondary50,
             borderColor: t.semantic.color.border.secondary200,
-            fontWeight: 600,
+            fontWeight: t.core.font.fontWeight.semiBold,
             letterSpacing: "0"
           },
           disabled: {
@@ -3372,32 +3379,32 @@ const Yt = {
     sizes: {
       XXL: {
         fontSize: t.core.font.fontSize.s40,
-        fontWeight: "700"
+        fontWeight: t.core.font.fontWeight.bold
       },
       XL: {
         fontSize: t.core.font.fontSize.s28,
-        fontWeight: "700"
+        fontWeight: t.core.font.fontWeight.bold
       },
       L: {
         fontSize: t.core.font.fontSize.s20,
-        fontWeight: "600"
+        fontWeight: t.core.font.fontWeight.semiBold
       },
       M: {
         fontSize: t.core.font.fontSize.s18,
-        fontWeight: "600"
+        fontWeight: t.core.font.fontWeight.semiBold
       },
       S: {
         fontSize: t.core.font.fontSize.s16,
-        fontWeight: "600"
+        fontWeight: t.core.font.fontWeight.semiBold
       },
       XS: {
         fontSize: t.core.font.fontSize.s14,
-        fontWeight: "600"
+        fontWeight: t.core.font.fontWeight.semiBold
       }
     },
     fontWeight: {
-      bold: "700",
-      semiBold: "600"
+      bold: t.core.font.fontWeight.bold,
+      semiBold: t.core.font.fontWeight.semiBold
     }
   },
   body: {
@@ -3411,7 +3418,7 @@ const Yt = {
     },
     fontWeight: {
       regular: "inherit",
-      semiBold: "600",
+      semiBold: t.core.font.fontWeight.semiBold,
       italic: "inherit"
     },
     fontStyle: {
@@ -3428,8 +3435,8 @@ const Yt = {
       S: t.core.font.fontSize.s10
     },
     fontWeight: {
-      regular: "400",
-      semiBold: "600"
+      regular: t.core.font.fontWeight.normal,
+      semiBold: t.core.font.fontWeight.semiBold
     }
   }
 }, Wa = {
@@ -3490,7 +3497,7 @@ const Yt = {
   fontFamily: t.core.font.fontFamily.regular,
   fontSize: t.core.font.fontSize.s14,
   lineHeight: "1.4"
-}, Fa = {
+}, Ba = {
   width: "0.5rem",
   height: "0.5rem",
   bgColor: t.semantic.color.background.secondary100,
@@ -3499,7 +3506,7 @@ const Yt = {
     bgColor: t.semantic.color.background.secondary600,
     borderRadius: "99rem"
   }
-}, Ia = {
+}, Fa = {
   name: "light",
   ...t,
   components: {
@@ -3543,8 +3550,8 @@ const Yt = {
     sideBar: pa,
     skeleton: xa,
     stepper: Ca,
-    switchButton: ha,
-    table: fa,
+    switchButton: fa,
+    table: ha,
     tableHeading: ya,
     tabs: ka,
     textButton: va,
@@ -3557,7 +3564,7 @@ const Yt = {
   },
   globals: {
     body: Pa,
-    scrollbar: Fa
+    scrollbar: Ba
   }
 }, so = {
   transparent: "#00000000",
@@ -3745,7 +3752,7 @@ const Yt = {
       color: so.primary200
     }
   }
-}, Ba = {
+}, Ia = {
   sizes: {
     L: {
       size: "3rem",
@@ -3868,12 +3875,12 @@ const Yt = {
     screenMarginHeight: "6px",
     maxHeight: "50vh"
   }
-}, Fr = "1px", Ha = {
+}, Br = "1px", Ha = {
   padding: `${e.core.space.space025} ${e.core.space.space050}`,
   gap: e.core.space.space025,
   borderRadius: "2px",
-  height: `calc(${e.core.space.space200} + ${Fr} * 2)`,
-  borderWidth: Fr,
+  height: `calc(${e.core.space.space200} + ${Br} * 2)`,
+  borderWidth: Br,
   borderStyle: "solid",
   variants: {
     white: {
@@ -4110,7 +4117,7 @@ const Yt = {
   borderRadius: "0.4rem",
   border: `1px solid ${e.semantic.color.border.neutral600}`,
   fontSize: "1.4rem",
-  fontWeight: "400",
+  fontWeight: e.core.font.fontWeight.normal,
   fontStyle: "normal",
   padding: "0.1rem",
   gap: "0.2rem",
@@ -4302,7 +4309,7 @@ const Yt = {
   borderColor: e.semantic.color.border.neutral500
 }, qa = {
   fontSize: e.core.font.fontSize.s14,
-  fontWeight: "400",
+  fontWeight: e.core.font.fontWeight.normal,
   fontFamily: e.core.font.fontFamily.regular,
   focusOutline: `1px dashed ${e.semantic.color.border.primary300}`,
   dayCell: {
@@ -4485,7 +4492,7 @@ const Yt = {
   gap: "0.5rem",
   fontFamily: e.core.font.fontFamily.regular,
   fontSize: "1.4rem",
-  fontWeight: "400",
+  fontWeight: e.core.font.fontWeight.normal,
   resetButton: {
     iconColor: e.semantic.color.icon.neutral800
   },
@@ -4596,14 +4603,14 @@ const Yt = {
     block: {
       sizes: {
         regular: {
-          fontWeight: "600",
+          fontWeight: e.core.font.fontWeight.semiBold,
           padding: "0.4rem 0.6rem",
           borderRadius: "0.4rem",
           minHeight: "2.8rem",
           gap: "0"
         },
         small: {
-          fontWeight: "600",
+          fontWeight: e.core.font.fontWeight.semiBold,
           padding: "0.2rem 0.4rem",
           borderRadius: "0.4rem",
           minHeight: "2.2rem",
@@ -4631,13 +4638,13 @@ const Yt = {
     inline: {
       sizes: {
         regular: {
-          fontWeight: "600",
+          fontWeight: e.core.font.fontWeight.semiBold,
           padding: "0",
           borderRadius: "0",
           gap: "0"
         },
         small: {
-          fontWeight: "600",
+          fontWeight: e.core.font.fontWeight.semiBold,
           padding: "0",
           borderRadius: "0",
           gap: "0"
@@ -4703,8 +4710,14 @@ const Yt = {
     levelOffset: "1.6rem",
     gap: "1rem",
     variants: {
-      header: { textColor: e.semantic.color.text.neutral800, fontWeight: "600" },
-      sub: { textColor: e.semantic.color.text.neutral600, fontWeight: "600" }
+      header: {
+        textColor: e.semantic.color.text.neutral800,
+        fontWeight: e.core.font.fontWeight.semiBold
+      },
+      sub: {
+        textColor: e.semantic.color.text.neutral600,
+        fontWeight: e.core.font.fontWeight.semiBold
+      }
     }
   },
   item: {
@@ -4827,7 +4840,8 @@ const Yt = {
     S: "2.0rem",
     M: "3.2rem",
     L: "4.4rem"
-  }
+  },
+  fontWeight: e.core.font.fontWeight.bold
 }, ln = {
   borderRadius: "1px",
   textPosition: {
@@ -5001,7 +5015,7 @@ const Yt = {
   gap: "0.6rem",
   fontFamily: e.core.font.fontFamily.regular,
   fontSize: "1.4rem",
-  fontWeight: "400",
+  fontWeight: e.core.font.fontWeight.normal,
   borderWidth: "1px",
   borderRadius: "0.4rem",
   indicator: {
@@ -5098,7 +5112,7 @@ const Yt = {
 }, A = {
   bgColor: { disabled: e.semantic.color.background.neutral400 },
   textColor: { disabled: e.semantic.color.text.neutral600 }
-}, I = {
+}, F = {
   borderColor: { disabled: e.semantic.color.border.neutral500 },
   bgColor: { disabled: "transparent" },
   textColor: { disabled: e.semantic.color.text.neutral500 }
@@ -5141,9 +5155,9 @@ const Yt = {
           bgColor: N(e.semantic.color.background.success700, 12)
         },
         disabled: {
-          borderColor: I.borderColor.disabled,
-          bgColor: I.bgColor.disabled,
-          textColor: I.textColor.disabled
+          borderColor: F.borderColor.disabled,
+          bgColor: F.bgColor.disabled,
+          textColor: F.textColor.disabled
         }
       }
     },
@@ -5177,9 +5191,9 @@ const Yt = {
           bgColor: N(e.semantic.color.background.attention700, 12)
         },
         disabled: {
-          borderColor: I.borderColor.disabled,
-          bgColor: I.bgColor.disabled,
-          textColor: I.textColor.disabled
+          borderColor: F.borderColor.disabled,
+          bgColor: F.bgColor.disabled,
+          textColor: F.textColor.disabled
         }
       }
     },
@@ -5213,9 +5227,9 @@ const Yt = {
           bgColor: N(e.semantic.color.background.danger700, 12)
         },
         disabled: {
-          borderColor: I.borderColor.disabled,
-          bgColor: I.bgColor.disabled,
-          textColor: I.textColor.disabled
+          borderColor: F.borderColor.disabled,
+          bgColor: F.bgColor.disabled,
+          textColor: F.textColor.disabled
         }
       }
     },
@@ -5249,9 +5263,9 @@ const Yt = {
           bgColor: N(e.semantic.color.background.notice700, 12)
         },
         disabled: {
-          borderColor: I.borderColor.disabled,
-          bgColor: I.bgColor.disabled,
-          textColor: I.textColor.disabled
+          borderColor: F.borderColor.disabled,
+          bgColor: F.bgColor.disabled,
+          textColor: F.textColor.disabled
         }
       }
     },
@@ -5285,9 +5299,9 @@ const Yt = {
           bgColor: N(e.semantic.color.background.informative700, 12)
         },
         disabled: {
-          borderColor: I.borderColor.disabled,
-          bgColor: I.bgColor.disabled,
-          textColor: I.textColor.disabled
+          borderColor: F.borderColor.disabled,
+          bgColor: F.bgColor.disabled,
+          textColor: F.textColor.disabled
         }
       }
     }
@@ -5472,7 +5486,7 @@ const Yt = {
   grid: {
     gap: "1.6rem"
   }
-}, hn = {
+}, fn = {
   gap: "2.4rem",
   step: {
     gap: "0.8rem",
@@ -5519,7 +5533,7 @@ const Yt = {
       }
     }
   }
-}, fn = {
+}, hn = {
   width: "3.2rem",
   height: "1.8rem",
   padding: "0.2rem",
@@ -5658,7 +5672,7 @@ const Yt = {
           },
           active: {
             textColor: e.semantic.color.text.neutral900,
-            fontWeight: 600,
+            fontWeight: e.core.font.fontWeight.semiBold,
             letterSpacing: "0"
           },
           disabled: {
@@ -5706,7 +5720,7 @@ const Yt = {
             textColor: e.semantic.color.text.neutral900,
             bgColor: e.semantic.color.background.neutral200,
             borderColor: e.semantic.color.border.neutral900,
-            fontWeight: 600,
+            fontWeight: e.core.font.fontWeight.semiBold,
             letterSpacing: "0"
           },
           disabled: {
@@ -5724,13 +5738,13 @@ const Yt = {
       }
     }
   }
-}, Y = "transparent", Ir = "0.4rem 0.6rem", Br = "0", Tr = "0.4rem", Mr = "0", wn = {
+}, Y = "transparent", Fr = "0.4rem 0.6rem", Ir = "0", Tr = "0.4rem", Mr = "0", wn = {
   gap: "0.4rem",
   height: "2.7rem",
   lineHeight: "1.9rem",
   variants: {
     primary: {
-      padding: Ir,
+      padding: Fr,
       borderRadius: Tr,
       states: {
         normal: {
@@ -5751,7 +5765,7 @@ const Yt = {
       }
     },
     destructive: {
-      padding: Ir,
+      padding: Fr,
       borderRadius: Tr,
       states: {
         normal: {
@@ -5771,7 +5785,7 @@ const Yt = {
       }
     },
     "primary-inline": {
-      padding: Br,
+      padding: Ir,
       borderRadius: Mr,
       states: {
         normal: {
@@ -5791,7 +5805,7 @@ const Yt = {
       }
     },
     "destructive-inline": {
-      padding: Br,
+      padding: Ir,
       borderRadius: Mr,
       states: {
         normal: {
@@ -5910,32 +5924,32 @@ const Yt = {
     sizes: {
       XXL: {
         fontSize: e.core.font.fontSize.s40,
-        fontWeight: "700"
+        fontWeight: e.core.font.fontWeight.bold
       },
       XL: {
         fontSize: e.core.font.fontSize.s28,
-        fontWeight: "700"
+        fontWeight: e.core.font.fontWeight.bold
       },
       L: {
         fontSize: e.core.font.fontSize.s20,
-        fontWeight: "600"
+        fontWeight: e.core.font.fontWeight.semiBold
       },
       M: {
         fontSize: e.core.font.fontSize.s18,
-        fontWeight: "600"
+        fontWeight: e.core.font.fontWeight.semiBold
       },
       S: {
         fontSize: e.core.font.fontSize.s16,
-        fontWeight: "600"
+        fontWeight: e.core.font.fontWeight.semiBold
       },
       XS: {
         fontSize: e.core.font.fontSize.s14,
-        fontWeight: "600"
+        fontWeight: e.core.font.fontWeight.semiBold
       }
     },
     fontWeight: {
-      bold: "700",
-      semiBold: "600"
+      bold: e.core.font.fontWeight.bold,
+      semiBold: e.core.font.fontWeight.semiBold
     }
   },
   body: {
@@ -5949,7 +5963,7 @@ const Yt = {
     },
     fontWeight: {
       regular: "inherit",
-      semiBold: "600",
+      semiBold: e.core.font.fontWeight.semiBold,
       italic: "inherit"
     },
     fontStyle: {
@@ -5966,8 +5980,8 @@ const Yt = {
       S: e.core.font.fontSize.s10
     },
     fontWeight: {
-      regular: "400",
-      semiBold: "600"
+      regular: e.core.font.fontWeight.normal,
+      semiBold: e.core.font.fontWeight.semiBold
     }
   }
 }, Pn = {
@@ -6022,13 +6036,13 @@ const Yt = {
       borderColor: e.semantic.color.border.neutral300
     }
   }
-}, Fn = {
+}, Bn = {
   bgColor: e.semantic.color.background.neutral100,
   textColor: e.semantic.color.background.neutral700,
   fontFamily: e.core.font.fontFamily.regular,
   fontSize: e.core.font.fontSize.s14,
   lineHeight: "1.4"
-}, In = {
+}, Fn = {
   width: "0.5rem",
   height: "0.5rem",
   bgColor: e.semantic.color.background.neutral100,
@@ -6041,7 +6055,7 @@ const Yt = {
   name: "dark",
   ...e,
   components: {
-    actionIconButton: Ba,
+    actionIconButton: Ia,
     appBar: Ta,
     appSelectionMenu: Ma,
     autoComplete: Ea,
@@ -6080,8 +6094,8 @@ const Yt = {
     semanticIcon: pn,
     sideBar: xn,
     skeleton: Cn,
-    stepper: hn,
-    switchButton: fn,
+    stepper: fn,
+    switchButton: hn,
     table: yn,
     tableHeading: kn,
     tabs: vn,
@@ -6094,8 +6108,8 @@ const Yt = {
     windowBar: Pn
   },
   globals: {
-    body: Fn,
-    scrollbar: In
+    body: Bn,
+    scrollbar: Fn
   }
 }, mo = {
   transparent: "#00000000",
@@ -6283,7 +6297,7 @@ const Yt = {
       color: mo.primary600
     }
   }
-}, Bn = {
+}, In = {
   sizes: {
     L: {
       size: "3rem",
@@ -6316,7 +6330,7 @@ const Yt = {
       },
       disabled: {
         bgColor: o.semantic.color.background.neutral100,
-        textColor: o.semantic.color.text.neutral300
+        textColor: o.semantic.color.text.neutral400
       }
     },
     secondary: {
@@ -6332,23 +6346,23 @@ const Yt = {
       },
       disabled: {
         bgColor: o.semantic.color.background.neutral100,
-        textColor: o.semantic.color.text.neutral300
+        textColor: o.semantic.color.text.neutral400
       }
     }
   }
 }, Tn = {
   height: "7rem",
   padding: "1.4rem 1.4rem 1.4rem 2.4rem",
-  separator: `1px solid ${o.semantic.color.border.secondary800}`,
-  boxShadow: `0px 1px 0px 0px ${o.semantic.color.border.neutral400}`,
+  separator: `1px solid ${o.semantic.color.border.secondary200}`,
+  boxShadow: `0px 1px 0px 0px ${o.semantic.color.border.secondary200}`,
   group: {
     gap: "1.6rem"
   },
   variants: {
     default: {
       bgColor: o.semantic.color.background.secondary0,
-      color: o.semantic.color.background.secondary950,
-      userNameColor: o.semantic.color.background.secondary950,
+      color: o.semantic.color.background.primary400,
+      userNameColor: o.semantic.color.background.secondary700,
       accountNameColor: o.semantic.color.background.secondary950
     },
     alert: {
@@ -6578,7 +6592,7 @@ const Yt = {
       disabled: {
         bgColor: o.semantic.color.background.neutral100,
         borderColor: o.semantic.color.border.neutral200,
-        textColor: o.semantic.color.text.neutral300
+        textColor: o.semantic.color.text.neutral400
       }
     },
     destructive: {
@@ -6600,7 +6614,7 @@ const Yt = {
       disabled: {
         bgColor: o.semantic.color.background.neutral100,
         borderColor: o.semantic.color.border.neutral200,
-        textColor: o.semantic.color.text.neutral300
+        textColor: o.semantic.color.text.neutral400
       }
     },
     "secondary-fill": {
@@ -6622,7 +6636,7 @@ const Yt = {
       disabled: {
         bgColor: o.semantic.color.background.neutral100,
         borderColor: o.semantic.color.border.neutral200,
-        textColor: o.semantic.color.text.neutral300
+        textColor: o.semantic.color.text.neutral400
       }
     },
     "secondary-invert": {
@@ -6644,7 +6658,7 @@ const Yt = {
       disabled: {
         bgColor: o.semantic.color.background.neutral100,
         borderColor: o.semantic.color.border.neutral200,
-        textColor: o.semantic.color.text.neutral300
+        textColor: o.semantic.color.text.neutral400
       }
     },
     "secondary-ghost": {
@@ -6666,7 +6680,7 @@ const Yt = {
       disabled: {
         bgColor: "transparent",
         borderColor: o.semantic.color.border.neutral200,
-        textColor: o.semantic.color.text.neutral300
+        textColor: o.semantic.color.text.neutral400
       }
     }
   }
@@ -6674,7 +6688,7 @@ const Yt = {
   borderRadius: "0.4rem",
   border: `1px solid ${o.semantic.color.border.transparent}`,
   fontSize: "1.4rem",
-  fontWeight: "400",
+  fontWeight: o.core.font.fontWeight.normal,
   fontStyle: "normal",
   padding: "0.1rem",
   gap: "0.2rem",
@@ -6866,7 +6880,7 @@ const Yt = {
   borderColor: o.semantic.color.border.secondary400
 }, qn = {
   fontSize: o.core.font.fontSize.s14,
-  fontWeight: "400",
+  fontWeight: o.core.font.fontWeight.normal,
   fontFamily: o.core.font.fontFamily.regular,
   focusOutline: `1px dashed ${o.semantic.color.border.primary300}`,
   dayCell: {
@@ -7043,7 +7057,7 @@ const Yt = {
     },
     disabled: {
       bgColor: "transparent",
-      textColor: o.semantic.color.text.neutral300
+      textColor: o.semantic.color.text.neutral400
     }
   },
   borderRadius: "0.4rem"
@@ -7053,7 +7067,7 @@ const Yt = {
   gap: "0.5rem",
   fontFamily: o.core.font.fontFamily.regular,
   fontSize: "1.4rem",
-  fontWeight: "400",
+  fontWeight: o.core.font.fontWeight.normal,
   resetButton: {
     iconColor: o.semantic.color.icon.secondary950
   },
@@ -7081,8 +7095,8 @@ const Yt = {
   states: {
     normal: {
       bgColor: o.semantic.color.background.secondary0,
-      textColor: o.semantic.color.text.neutral800,
-      borderColor: o.semantic.color.border.secondary950
+      textColor: o.semantic.color.text.secondary950,
+      borderColor: o.semantic.color.border.secondary400
     },
     focused: {
       borderColor: o.semantic.color.border.primary400
@@ -7166,14 +7180,14 @@ const Yt = {
     block: {
       sizes: {
         regular: {
-          fontWeight: "600",
+          fontWeight: o.core.font.fontWeight.semiBold,
           padding: "0.4rem 0.6rem",
           borderRadius: "0.4rem",
           minHeight: "2.8rem",
           gap: "0"
         },
         small: {
-          fontWeight: "600",
+          fontWeight: o.core.font.fontWeight.semiBold,
           padding: "0.2rem 0.4rem",
           borderRadius: "0.4rem",
           minHeight: "2.2rem",
@@ -7202,13 +7216,13 @@ const Yt = {
     inline: {
       sizes: {
         regular: {
-          fontWeight: "600",
+          fontWeight: o.core.font.fontWeight.semiBold,
           padding: "0",
           borderRadius: "0",
           gap: "0"
         },
         small: {
-          fontWeight: "600",
+          fontWeight: o.core.font.fontWeight.semiBold,
           padding: "0",
           borderRadius: "0",
           gap: "0"
@@ -7274,11 +7288,11 @@ const Yt = {
     variants: {
       header: {
         textColor: o.semantic.color.text.secondary950,
-        fontWeight: "600"
+        fontWeight: o.core.font.fontWeight.semiBold
       },
       sub: {
         textColor: o.semantic.color.text.secondary700,
-        fontWeight: "600"
+        fontWeight: o.core.font.fontWeight.semiBold
       }
     }
   },
@@ -7424,7 +7438,8 @@ const Yt = {
     S: "2.0rem",
     M: "3.2rem",
     L: "4.4rem"
-  }
+  },
+  fontWeight: o.core.font.fontWeight.bold
 }, ic = {
   borderRadius: "1px",
   textPosition: {
@@ -7604,7 +7619,7 @@ const Yt = {
   gap: "0.6rem",
   fontFamily: o.core.font.fontFamily.regular,
   fontSize: "1.4rem",
-  fontWeight: "400",
+  fontWeight: o.core.font.fontWeight.normal,
   borderWidth: "1px",
   borderRadius: "0.4rem",
   indicator: {
@@ -8172,7 +8187,7 @@ const Yt = {
       }
     }
   }
-}, hc = {
+}, fc = {
   width: "3.2rem",
   height: "1.8rem",
   padding: "0.2rem",
@@ -8224,7 +8239,7 @@ const Yt = {
       }
     }
   }
-}, fc = {
+}, hc = {
   table: {
     tableContainer: {
       backgroundColor: o.semantic.color.background.secondary0,
@@ -8308,7 +8323,7 @@ const Yt = {
           },
           active: {
             textColor: o.semantic.color.text.secondary950,
-            fontWeight: 600,
+            fontWeight: o.core.font.fontWeight.semiBold,
             letterSpacing: "0"
           },
           disabled: {
@@ -8356,7 +8371,7 @@ const Yt = {
             textColor: o.semantic.color.text.secondary950,
             bgColor: o.semantic.color.background.secondary100,
             borderColor: o.semantic.color.border.secondary300,
-            fontWeight: 600,
+            fontWeight: o.core.font.fontWeight.semiBold,
             letterSpacing: "0"
           },
           disabled: {
@@ -8397,7 +8412,7 @@ const Yt = {
         },
         disabled: {
           bgColor: O,
-          textColor: o.semantic.color.text.neutral300
+          textColor: o.semantic.color.text.neutral400
         }
       }
     },
@@ -8419,7 +8434,7 @@ const Yt = {
         },
         disabled: {
           bgColor: O,
-          textColor: o.semantic.color.text.neutral300
+          textColor: o.semantic.color.text.neutral400
         }
       }
     },
@@ -8441,7 +8456,7 @@ const Yt = {
         },
         disabled: {
           bgColor: O,
-          textColor: o.semantic.color.text.neutral300
+          textColor: o.semantic.color.text.neutral400
         }
       }
     },
@@ -8463,7 +8478,7 @@ const Yt = {
         },
         disabled: {
           bgColor: O,
-          textColor: o.semantic.color.text.neutral300
+          textColor: o.semantic.color.text.neutral400
         }
       }
     }
@@ -8477,10 +8492,10 @@ const Yt = {
   toaster: { gap: "2rem" }
 }, So = "transparent", Sc = {
   gap: "0.4rem",
-  height: "2.7rem",
+  height: "3rem",
   lineHeight: "1.9rem",
-  padding: "0.4rem 0.6rem",
-  borderRadius: "0.4rem",
+  padding: "0.4rem",
+  borderRadius: "0.5rem",
   toggleStates: {
     on: {
       normal: {
@@ -8497,7 +8512,7 @@ const Yt = {
       },
       disabled: {
         bgColor: So,
-        textColor: o.semantic.color.text.neutral300
+        textColor: o.semantic.color.text.neutral400
       }
     },
     off: {
@@ -8515,7 +8530,7 @@ const Yt = {
       },
       disabled: {
         bgColor: So,
-        textColor: o.semantic.color.text.neutral300
+        textColor: o.semantic.color.text.neutral400
       }
     }
   },
@@ -8565,32 +8580,32 @@ const Yt = {
     sizes: {
       XXL: {
         fontSize: o.core.font.fontSize.s40,
-        fontWeight: "700"
+        fontWeight: o.core.font.fontWeight.bold
       },
       XL: {
         fontSize: o.core.font.fontSize.s28,
-        fontWeight: "700"
+        fontWeight: o.core.font.fontWeight.bold
       },
       L: {
         fontSize: o.core.font.fontSize.s20,
-        fontWeight: "600"
+        fontWeight: o.core.font.fontWeight.semiBold
       },
       M: {
         fontSize: o.core.font.fontSize.s18,
-        fontWeight: "600"
+        fontWeight: o.core.font.fontWeight.semiBold
       },
       S: {
         fontSize: o.core.font.fontSize.s16,
-        fontWeight: "600"
+        fontWeight: o.core.font.fontWeight.semiBold
       },
       XS: {
         fontSize: o.core.font.fontSize.s14,
-        fontWeight: "600"
+        fontWeight: o.core.font.fontWeight.semiBold
       }
     },
     fontWeight: {
-      bold: "700",
-      semiBold: "600"
+      bold: o.core.font.fontWeight.bold,
+      semiBold: o.core.font.fontWeight.semiBold
     }
   },
   body: {
@@ -8604,7 +8619,7 @@ const Yt = {
     },
     fontWeight: {
       regular: "inherit",
-      semiBold: "600",
+      semiBold: o.core.font.fontWeight.semiBold,
       italic: "inherit"
     },
     fontStyle: {
@@ -8621,8 +8636,8 @@ const Yt = {
       S: o.core.font.fontSize.s10
     },
     fontWeight: {
-      regular: "400",
-      semiBold: "600"
+      regular: o.core.font.fontWeight.normal,
+      semiBold: o.core.font.fontWeight.semiBold
     }
   }
 }, Wc = {
@@ -8683,7 +8698,7 @@ const Yt = {
   fontFamily: o.core.font.fontFamily.regular,
   fontSize: o.core.font.fontSize.s14,
   lineHeight: "1.4"
-}, Fc = {
+}, Bc = {
   width: "0.5rem",
   height: "0.5rem",
   bgColor: o.semantic.color.background.secondary100,
@@ -8696,7 +8711,7 @@ const Yt = {
   name: "light-2",
   ...o,
   components: {
-    actionIconButton: Bn,
+    actionIconButton: In,
     appBar: Tn,
     appSelectionMenu: Mn,
     autoComplete: En,
@@ -8736,8 +8751,8 @@ const Yt = {
     sideBar: pc,
     skeleton: xc,
     stepper: Cc,
-    switchButton: hc,
-    table: fc,
+    switchButton: fc,
+    table: hc,
     tableHeading: yc,
     tabs: kc,
     textButton: vc,
@@ -8750,7 +8765,7 @@ const Yt = {
   },
   globals: {
     body: Pc,
-    scrollbar: Fc
+    scrollbar: Bc
   }
 }, bo = {
   transparent: "#00000000",
@@ -8938,7 +8953,7 @@ const Yt = {
       color: bo.primary200
     }
   }
-}, Ic = {
+}, Fc = {
   sizes: {
     L: {
       size: "3rem",
@@ -8970,8 +8985,8 @@ const Yt = {
         bgColor: r.semantic.color.background.primary400
       },
       disabled: {
-        bgColor: r.semantic.color.background.secondary900,
-        textColor: r.semantic.color.text.secondary800
+        bgColor: r.semantic.color.background.secondary800,
+        textColor: r.semantic.color.text.secondary600
       }
     },
     secondary: {
@@ -8986,15 +9001,15 @@ const Yt = {
         bgColor: r.semantic.color.background.secondary800
       },
       disabled: {
-        bgColor: r.semantic.color.background.secondary900,
-        textColor: r.semantic.color.text.secondary800
+        bgColor: r.semantic.color.background.secondary800,
+        textColor: r.semantic.color.text.secondary600
       }
     }
   }
-}, Bc = {
+}, Ic = {
   height: "7rem",
   padding: "1.4rem 1.4rem 1.4rem 2.4rem",
-  separator: `1px solid ${r.semantic.color.border.secondary200}`,
+  separator: `1px solid ${r.semantic.color.border.secondary800}`,
   boxShadow: `0px 1px 0px 0px ${r.semantic.color.border.secondary800}`,
   group: {
     gap: "1.6rem"
@@ -9002,9 +9017,9 @@ const Yt = {
   variants: {
     default: {
       bgColor: r.semantic.color.background.secondary950,
-      color: r.semantic.color.background.secondary200,
-      userNameColor: r.semantic.color.background.secondary200,
-      accountNameColor: r.semantic.color.background.secondary200
+      color: r.semantic.color.background.secondary50,
+      userNameColor: r.semantic.color.background.secondary400,
+      accountNameColor: r.semantic.color.background.secondary50
     },
     alert: {
       bgColor: r.semantic.color.background.danger200,
@@ -9118,10 +9133,10 @@ const Yt = {
       iconColor: r.semantic.color.text.attention400
     },
     disabled: {
-      backgroundColor: r.semantic.color.background.secondary200,
-      color: r.semantic.color.text.secondary500,
-      borderColor: r.semantic.color.border.secondary400,
-      iconColor: r.semantic.color.text.secondary500
+      backgroundColor: r.semantic.color.background.secondary950,
+      color: r.semantic.color.text.secondary700,
+      borderColor: r.semantic.color.border.secondary900,
+      iconColor: r.semantic.color.text.secondary700
     }
   }
 }, Hc = {
@@ -9201,7 +9216,7 @@ const Yt = {
       lineHeight: "1.64rem"
     },
     medium: {
-      borderRadius: "0.4rem",
+      borderRadius: "0.5rem",
       padding: "0.55rem 1.2rem",
       height: "3rem",
       lineHeight: "1.91rem"
@@ -9231,9 +9246,9 @@ const Yt = {
         textColor: r.semantic.color.text.secondary0
       },
       disabled: {
-        bgColor: r.semantic.color.background.secondary900,
-        borderColor: r.semantic.color.border.secondary900,
-        textColor: r.semantic.color.text.secondary800
+        bgColor: r.semantic.color.background.secondary800,
+        borderColor: r.semantic.color.border.secondary700,
+        textColor: r.semantic.color.text.secondary600
       }
     },
     destructive: {
@@ -9253,9 +9268,9 @@ const Yt = {
         textColor: r.semantic.color.text.secondary0
       },
       disabled: {
-        bgColor: r.semantic.color.background.neutral100,
-        borderColor: r.semantic.color.border.neutral200,
-        textColor: r.semantic.color.text.secondary800
+        bgColor: r.semantic.color.background.secondary800,
+        borderColor: r.semantic.color.border.secondary700,
+        textColor: r.semantic.color.text.secondary600
       }
     },
     "secondary-fill": {
@@ -9275,9 +9290,9 @@ const Yt = {
         textColor: r.semantic.color.text.secondary0
       },
       disabled: {
-        bgColor: r.semantic.color.background.neutral100,
-        borderColor: r.semantic.color.border.neutral200,
-        textColor: r.semantic.color.text.secondary800
+        bgColor: r.semantic.color.background.secondary800,
+        borderColor: r.semantic.color.border.secondary700,
+        textColor: r.semantic.color.text.secondary600
       }
     },
     "secondary-invert": {
@@ -9297,9 +9312,9 @@ const Yt = {
         textColor: r.semantic.color.text.secondary0
       },
       disabled: {
-        bgColor: r.semantic.color.background.secondary900,
-        borderColor: r.semantic.color.border.secondary900,
-        textColor: r.semantic.color.text.secondary800
+        bgColor: r.semantic.color.background.secondary800,
+        borderColor: r.semantic.color.border.secondary700,
+        textColor: r.semantic.color.text.secondary600
       }
     },
     "secondary-ghost": {
@@ -9320,8 +9335,8 @@ const Yt = {
       },
       disabled: {
         bgColor: "transparent",
-        borderColor: r.semantic.color.border.secondary800,
-        textColor: r.semantic.color.text.secondary800
+        borderColor: r.semantic.color.border.secondary700,
+        textColor: r.semantic.color.text.secondary600
       }
     }
   }
@@ -9329,7 +9344,7 @@ const Yt = {
   borderRadius: "0.4rem",
   border: `1px solid ${r.semantic.color.border.transparent}`,
   fontSize: "1.4rem",
-  fontWeight: "400",
+  fontWeight: r.core.font.fontWeight.normal,
   fontStyle: "normal",
   padding: "0.1rem",
   gap: "0.2rem",
@@ -9395,7 +9410,7 @@ const Yt = {
         disabled: {
           bgColor: r.semantic.color.background.secondary800,
           iconColor: r.semantic.color.icon.secondary600,
-          textColor: r.semantic.color.text.secondary800
+          textColor: r.semantic.color.text.secondary700
         }
       },
       off: {
@@ -9407,7 +9422,7 @@ const Yt = {
         disabled: {
           bgColor: r.semantic.color.background.secondary900,
           borderColor: r.semantic.color.border.secondary800,
-          textColor: r.semantic.color.text.secondary800
+          textColor: r.semantic.color.text.secondary700
         }
       }
     },
@@ -9419,9 +9434,9 @@ const Yt = {
           textColor: r.semantic.color.text.danger400
         },
         disabled: {
-          bgColor: r.semantic.color.background.secondary800,
-          iconColor: r.semantic.color.icon.secondary600,
-          textColor: r.semantic.color.text.secondary800
+          bgColor: r.semantic.color.background.danger500,
+          iconColor: r.semantic.color.icon.secondary0,
+          textColor: r.semantic.color.text.danger400
         }
       },
       off: {
@@ -9432,8 +9447,8 @@ const Yt = {
         },
         disabled: {
           bgColor: r.semantic.color.background.secondary900,
-          borderColor: r.semantic.color.border.secondary800,
-          textColor: r.semantic.color.text.secondary800
+          borderColor: r.semantic.color.border.danger500,
+          textColor: r.semantic.color.text.danger400
         }
       }
     }
@@ -9460,8 +9475,8 @@ const Yt = {
         textColor: r.semantic.color.text.secondary50
       },
       disabled: {
-        bgColor: r.semantic.color.background.neutral950,
-        textColor: r.semantic.color.text.neutral800
+        bgColor: r.semantic.color.background.secondary900,
+        textColor: r.semantic.color.text.secondary700
       }
     },
     flat: {
@@ -9470,8 +9485,8 @@ const Yt = {
         textColor: r.semantic.color.text.secondary50
       },
       disabled: {
-        bgColor: r.semantic.color.background.neutral950,
-        textColor: r.semantic.color.text.neutral800
+        bgColor: r.semantic.color.background.secondary900,
+        textColor: r.semantic.color.text.secondary700
       }
     }
   },
@@ -9521,7 +9536,7 @@ const Yt = {
   borderColor: r.semantic.color.border.secondary700
 }, Gc = {
   fontSize: r.core.font.fontSize.s14,
-  fontWeight: "400",
+  fontWeight: r.core.font.fontWeight.normal,
   fontFamily: r.core.font.fontFamily.regular,
   focusOutline: `1px dashed ${r.semantic.color.border.primary300}`,
   dayCell: {
@@ -9698,7 +9713,7 @@ const Yt = {
     },
     disabled: {
       bgColor: "transparent",
-      textColor: r.semantic.color.text.secondary800
+      textColor: r.semantic.color.text.secondary600
     }
   },
   borderRadius: "0.4rem"
@@ -9708,7 +9723,7 @@ const Yt = {
   gap: "0.5rem",
   fontFamily: r.core.font.fontFamily.regular,
   fontSize: "1.4rem",
-  fontWeight: "400",
+  fontWeight: r.core.font.fontWeight.normal,
   resetButton: {
     iconColor: r.semantic.color.icon.secondary200
   },
@@ -9718,7 +9733,7 @@ const Yt = {
     successIconColor: r.semantic.color.icon.success500
   },
   placeholder: {
-    textColor: r.semantic.color.text.secondary700
+    textColor: r.semantic.color.text.secondary600
   },
   loader: {
     size: "20px"
@@ -9749,13 +9764,13 @@ const Yt = {
       borderColor: r.semantic.color.border.danger400
     },
     disabled: {
-      bgColor: r.semantic.color.background.secondary950,
-      textColor: r.semantic.color.text.secondary800,
+      bgColor: r.semantic.color.background.secondary900,
+      textColor: r.semantic.color.text.secondary600,
       borderColor: r.semantic.color.border.secondary800
     },
     readonly: {
       bgColor: "transparent",
-      textColor: r.semantic.color.text.secondary400,
+      textColor: r.semantic.color.text.secondary200,
       borderColor: "transparent"
     }
   },
@@ -9821,14 +9836,14 @@ const Yt = {
     block: {
       sizes: {
         regular: {
-          fontWeight: "600",
+          fontWeight: r.core.font.fontWeight.semiBold,
           padding: "0.4rem 0.6rem",
           borderRadius: "0.4rem",
           minHeight: "2.8rem",
           gap: "0"
         },
         small: {
-          fontWeight: "600",
+          fontWeight: r.core.font.fontWeight.semiBold,
           padding: "0.2rem 0.4rem",
           borderRadius: "0.4rem",
           minHeight: "2.2rem",
@@ -9857,13 +9872,13 @@ const Yt = {
     inline: {
       sizes: {
         regular: {
-          fontWeight: "600",
+          fontWeight: r.core.font.fontWeight.semiBold,
           padding: "0",
           borderRadius: "0",
           gap: "0"
         },
         small: {
-          fontWeight: "600",
+          fontWeight: r.core.font.fontWeight.semiBold,
           padding: "0",
           borderRadius: "0",
           gap: "0"
@@ -9929,11 +9944,11 @@ const Yt = {
     variants: {
       header: {
         textColor: r.semantic.color.text.secondary400,
-        fontWeight: "600"
+        fontWeight: r.core.font.fontWeight.semiBold
       },
       sub: {
         textColor: r.semantic.color.text.secondary200,
-        fontWeight: "600"
+        fontWeight: r.core.font.fontWeight.semiBold
       }
     }
   },
@@ -10079,7 +10094,8 @@ const Yt = {
     S: "2.0rem",
     M: "3.2rem",
     L: "4.4rem"
-  }
+  },
+  fontWeight: r.core.font.fontWeight.bold
 }, c0 = {
   borderRadius: "1px",
   textPosition: {
@@ -10165,7 +10181,7 @@ const Yt = {
         disabled: {
           bgColor: r.semantic.color.background.secondary800,
           iconColor: r.semantic.color.icon.secondary600,
-          textColor: r.semantic.color.text.secondary800
+          textColor: r.semantic.color.text.secondary700
         }
       },
       off: {
@@ -10177,7 +10193,7 @@ const Yt = {
         disabled: {
           bgColor: "transparent",
           borderColor: r.semantic.color.border.secondary800,
-          textColor: r.semantic.color.text.secondary800
+          textColor: r.semantic.color.text.secondary700
         }
       }
     }
@@ -10259,7 +10275,7 @@ const Yt = {
   gap: "0.6rem",
   fontFamily: r.core.font.fontFamily.regular,
   fontSize: "1.4rem",
-  fontWeight: "400",
+  fontWeight: r.core.font.fontWeight.normal,
   borderWidth: "1px",
   borderRadius: "0.4rem",
   indicator: {
@@ -10301,9 +10317,10 @@ const Yt = {
       borderColor: r.semantic.color.border.danger400
     },
     disabled: {
-      bgColor: r.semantic.color.background.secondary950,
+      bgColor: r.semantic.color.background.secondary900,
       borderColor: r.semantic.color.border.secondary800,
-      textColor: r.semantic.color.text.secondary700
+      textColor: r.semantic.color.text.secondary600,
+      iconOpacity: "0.4"
     },
     readonly: {
       bgColor: "transparent",
@@ -10348,7 +10365,7 @@ const Yt = {
           textColor: r.semantic.color.text.primary400
         },
         disabled: {
-          textColor: r.semantic.color.text.neutral300
+          textColor: r.semantic.color.text.secondary600
         }
       }
     }
@@ -10879,7 +10896,7 @@ const Yt = {
       }
     }
   }
-}, h0 = {
+}, f0 = {
   table: {
     tableContainer: {
       backgroundColor: r.semantic.color.background.secondary950,
@@ -10923,7 +10940,7 @@ const Yt = {
       textColor: r.semantic.color.text.secondary200
     }
   }
-}, f0 = {
+}, h0 = {
   bgColor: "transparent",
   padding: "1rem 1.6rem",
   gap: "3.2rem",
@@ -10966,7 +10983,7 @@ const Yt = {
           },
           active: {
             textColor: r.semantic.color.text.secondary50,
-            fontWeight: 600,
+            fontWeight: r.core.font.fontWeight.semiBold,
             letterSpacing: "0"
           },
           disabled: {
@@ -11014,7 +11031,7 @@ const Yt = {
             textColor: r.semantic.color.text.secondary950,
             bgColor: r.semantic.color.background.secondary200,
             borderColor: r.semantic.color.border.secondary200,
-            fontWeight: 600,
+            fontWeight: r.core.font.fontWeight.semiBold,
             letterSpacing: "0"
           },
           disabled: {
@@ -11055,7 +11072,7 @@ const Yt = {
         },
         disabled: {
           bgColor: T,
-          textColor: r.semantic.color.text.secondary800
+          textColor: r.semantic.color.text.secondary600
         }
       }
     },
@@ -11077,7 +11094,7 @@ const Yt = {
         },
         disabled: {
           bgColor: T,
-          textColor: r.semantic.color.text.secondary800
+          textColor: r.semantic.color.text.secondary600
         }
       }
     },
@@ -11099,7 +11116,7 @@ const Yt = {
         },
         disabled: {
           bgColor: T,
-          textColor: r.semantic.color.text.secondary800
+          textColor: r.semantic.color.text.secondary600
         }
       }
     },
@@ -11121,7 +11138,7 @@ const Yt = {
         },
         disabled: {
           bgColor: T,
-          textColor: r.semantic.color.text.secondary800
+          textColor: r.semantic.color.text.secondary600
         }
       }
     }
@@ -11135,10 +11152,10 @@ const Yt = {
   toaster: { gap: "2rem" }
 }, $o = "transparent", w0 = {
   gap: "0.4rem",
-  height: "2.7rem",
+  height: "3rem",
   lineHeight: "1.9rem",
-  padding: "0.4rem 0.6rem",
-  borderRadius: "0.4rem",
+  padding: "0.4rem",
+  borderRadius: "0.5rem",
   toggleStates: {
     on: {
       normal: {
@@ -11155,7 +11172,7 @@ const Yt = {
       },
       disabled: {
         bgColor: $o,
-        textColor: r.semantic.color.text.secondary800
+        textColor: r.semantic.color.text.secondary600
       }
     },
     off: {
@@ -11173,7 +11190,7 @@ const Yt = {
       },
       disabled: {
         bgColor: $o,
-        textColor: r.semantic.color.text.secondary800
+        textColor: r.semantic.color.text.secondary600
       }
     }
   },
@@ -11223,32 +11240,32 @@ const Yt = {
     sizes: {
       XXL: {
         fontSize: r.core.font.fontSize.s40,
-        fontWeight: "700"
+        fontWeight: r.core.font.fontWeight.bold
       },
       XL: {
         fontSize: r.core.font.fontSize.s28,
-        fontWeight: "700"
+        fontWeight: r.core.font.fontWeight.bold
       },
       L: {
         fontSize: r.core.font.fontSize.s20,
-        fontWeight: "600"
+        fontWeight: r.core.font.fontWeight.semiBold
       },
       M: {
         fontSize: r.core.font.fontSize.s18,
-        fontWeight: "600"
+        fontWeight: r.core.font.fontWeight.semiBold
       },
       S: {
         fontSize: r.core.font.fontSize.s16,
-        fontWeight: "600"
+        fontWeight: r.core.font.fontWeight.semiBold
       },
       XS: {
         fontSize: r.core.font.fontSize.s14,
-        fontWeight: "600"
+        fontWeight: r.core.font.fontWeight.semiBold
       }
     },
     fontWeight: {
-      bold: "700",
-      semiBold: "600"
+      bold: r.core.font.fontWeight.bold,
+      semiBold: r.core.font.fontWeight.semiBold
     }
   },
   body: {
@@ -11262,7 +11279,7 @@ const Yt = {
     },
     fontWeight: {
       regular: "inherit",
-      semiBold: "600",
+      semiBold: r.core.font.fontWeight.semiBold,
       italic: "inherit"
     },
     fontStyle: {
@@ -11279,8 +11296,8 @@ const Yt = {
       S: r.core.font.fontSize.s10
     },
     fontWeight: {
-      regular: "400",
-      semiBold: "600"
+      regular: r.core.font.fontWeight.normal,
+      semiBold: r.core.font.fontWeight.semiBold
     }
   }
 }, z0 = {
@@ -11354,8 +11371,8 @@ const Yt = {
   name: "dark-2",
   ...r,
   components: {
-    actionIconButton: Ic,
-    appBar: Bc,
+    actionIconButton: Fc,
+    appBar: Ic,
     appSelectionMenu: Tc,
     autoComplete: Mc,
     badge: Ec,
@@ -11395,8 +11412,8 @@ const Yt = {
     skeleton: p0,
     stepper: x0,
     switchButton: C0,
-    table: h0,
-    tableHeading: f0,
+    table: f0,
+    tableHeading: h0,
     tabs: y0,
     textButton: k0,
     toast: v0,
@@ -11410,7 +11427,7 @@ const Yt = {
     body: W0,
     scrollbar: P0
   }
-}, eo = () => Me() || Ia, N0 = (a) => Wo`
+}, eo = () => Me() || Fa, N0 = (a) => Wo`
     &:focus-visible {
       outline: ${() => eo().core.focus.size} solid ${() => eo().core.focus.color};
       outline-offset: ${() => a || eo().core.focus.margin};
@@ -11418,29 +11435,29 @@ const Yt = {
   `, X0 = (a) => Wo`
     outline: ${() => eo().core.focus.size} solid ${() => eo().core.focus.color};
     outline-offset: ${() => a || eo().core.focus.margin};
-  `, No = () => window.matchMedia("(prefers-color-scheme: dark)"), F0 = (a) => {
+  `, No = () => window.matchMedia("(prefers-color-scheme: dark)"), B0 = (a) => {
   const n = Ur(a);
   n.current = a;
-  const i = Ro((h) => {
-    const { systemThemeName: f, lightThemeName: v, darkThemeName: g } = n.current;
-    return !f || f !== h ? h : No().matches ? g : v;
+  const i = Ro((f) => {
+    const { systemThemeName: h, lightThemeName: v, darkThemeName: g } = n.current;
+    return !h || h !== f ? f : No().matches ? g : v;
   }, []), [d, l] = kr(""), [m, u] = kr(
     ""
     /* () => resolveTheme(selectedTheme) */
-  ), C = !!d, x = Ro((h) => {
-    const { initialThemeName: f, lightThemeName: v, darkThemeName: g, systemThemeName: $ } = n.current, G = [v, g, $].filter(Boolean);
-    if (!h || !G.includes(h)) {
+  ), C = !!d, x = Ro((f) => {
+    const { initialThemeName: h, lightThemeName: v, darkThemeName: g, systemThemeName: $ } = n.current, G = [v, g, $].filter(Boolean);
+    if (!f || !G.includes(f)) {
       if (C)
         return !1;
-      h = G.includes(f) && f || (No().matches ? g : v);
+      f = G.includes(h) && h || (No().matches ? g : v);
     }
-    return l(h), u(i(h)), !0;
+    return l(f), u(i(f)), !0;
   }, [C, i]);
   return Xo(() => {
-    const { systemThemeName: h, lightThemeName: f, darkThemeName: v } = n.current;
-    if (!h || h !== d)
+    const { systemThemeName: f, lightThemeName: h, darkThemeName: v } = n.current;
+    if (!f || f !== d)
       return;
-    const g = No(), $ = (G) => u(G.matches ? v : f);
+    const g = No(), $ = (G) => u(G.matches ? v : h);
     return g.addEventListener("change", $), () => g == null ? void 0 : g.removeEventListener("change", $);
   }, [d]), {
     setSelectedTheme: x,
@@ -11448,7 +11465,7 @@ const Yt = {
     currentTheme: m
     // resolved theme (dark/light - selected or current system)
   };
-}, I0 = ({ value: a, ...n }) => {
+}, F0 = ({ value: a, ...n }) => {
   const i = Ur(n);
   i.current = n;
   const d = Ro(() => localStorage.getItem(i.current.storageKey) || "", []), l = Ro((m) => {
@@ -11480,15 +11497,15 @@ var Vo = { exports: {} }, go = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Gr;
-function B0() {
+function I0() {
   if (Gr) return go;
   Gr = 1;
   var a = Yr, n = Symbol.for("react.element"), i = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, l = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, m = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function u(C, x, h) {
-    var f, v = {}, g = null, $ = null;
-    h !== void 0 && (g = "" + h), x.key !== void 0 && (g = "" + x.key), x.ref !== void 0 && ($ = x.ref);
-    for (f in x) d.call(x, f) && !m.hasOwnProperty(f) && (v[f] = x[f]);
-    if (C && C.defaultProps) for (f in x = C.defaultProps, x) v[f] === void 0 && (v[f] = x[f]);
+  function u(C, x, f) {
+    var h, v = {}, g = null, $ = null;
+    f !== void 0 && (g = "" + f), x.key !== void 0 && (g = "" + x.key), x.ref !== void 0 && ($ = x.ref);
+    for (h in x) d.call(x, h) && !m.hasOwnProperty(h) && (v[h] = x[h]);
+    if (C && C.defaultProps) for (h in x = C.defaultProps, x) v[h] === void 0 && (v[h] = x[h]);
     return { $$typeof: n, type: C, key: g, ref: $, props: v, _owner: l.current };
   }
   return go.Fragment = i, go.jsx = u, go.jsxs = u, go;
@@ -11506,11 +11523,11 @@ var uo = {};
 var qr;
 function T0() {
   return qr || (qr = 1, process.env.NODE_ENV !== "production" && function() {
-    var a = Yr, n = Symbol.for("react.element"), i = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), C = Symbol.for("react.context"), x = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), $ = Symbol.for("react.offscreen"), G = Symbol.iterator, Fo = "@@iterator";
+    var a = Yr, n = Symbol.for("react.element"), i = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), C = Symbol.for("react.context"), x = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), $ = Symbol.for("react.offscreen"), G = Symbol.iterator, Bo = "@@iterator";
     function Co(c) {
       if (c === null || typeof c != "object")
         return null;
-      var s = G && c[G] || c[Fo];
+      var s = G && c[G] || c[Bo];
       return typeof s == "function" ? s : null;
     }
     var _ = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -11534,7 +11551,7 @@ function T0() {
     var oe = !1, re = !1, ee = !1, te = !1, ae = !1, Jo;
     Jo = Symbol.for("react.module.reference");
     function ne(c) {
-      return !!(typeof c == "string" || typeof c == "function" || c === d || c === m || ae || c === l || c === h || c === f || te || c === $ || oe || re || ee || typeof c == "object" && c !== null && (c.$$typeof === g || c.$$typeof === v || c.$$typeof === u || c.$$typeof === C || c.$$typeof === x || // This needs to include all possible module reference object
+      return !!(typeof c == "string" || typeof c == "function" || c === d || c === m || ae || c === l || c === f || c === h || te || c === $ || oe || re || ee || typeof c == "object" && c !== null && (c.$$typeof === g || c.$$typeof === v || c.$$typeof === u || c.$$typeof === C || c.$$typeof === x || // 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.
@@ -11566,9 +11583,9 @@ function T0() {
           return "Profiler";
         case l:
           return "StrictMode";
-        case h:
-          return "Suspense";
         case f:
+          return "Suspense";
+        case h:
           return "SuspenseList";
       }
       if (typeof c == "object")
@@ -11657,30 +11674,30 @@ function T0() {
         no < 0 && W("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Io = _.ReactCurrentDispatcher, Bo;
-    function ho(c, s, b) {
+    var Fo = _.ReactCurrentDispatcher, Io;
+    function fo(c, s, b) {
       {
-        if (Bo === void 0)
+        if (Io === void 0)
           try {
             throw Error();
           } catch (w) {
             var p = w.stack.trim().match(/\n( *(at )?)/);
-            Bo = p && p[1] || "";
+            Io = p && p[1] || "";
           }
         return `
-` + Bo + c;
+` + Io + c;
       }
     }
-    var To = !1, fo;
+    var To = !1, ho;
     {
       var se = typeof WeakMap == "function" ? WeakMap : Map;
-      fo = new se();
+      ho = new se();
     }
     function ir(c, s) {
       if (!c || To)
         return "";
       {
-        var b = fo.get(c);
+        var b = ho.get(c);
         if (b !== void 0)
           return b;
       }
@@ -11689,7 +11706,7 @@ function T0() {
       var w = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var S;
-      S = Io.current, Io.current = null, ie();
+      S = Fo.current, Fo.current = null, ie();
       try {
         if (s) {
           var k = function() {
@@ -11702,29 +11719,29 @@ function T0() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(k, []);
-            } catch (B) {
-              p = B;
+            } catch (I) {
+              p = I;
             }
             Reflect.construct(c, [], k);
           } else {
             try {
               k.call();
-            } catch (B) {
-              p = B;
+            } catch (I) {
+              p = I;
             }
             c.call(k.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (B) {
-            p = B;
+          } catch (I) {
+            p = I;
           }
           c();
         }
-      } catch (B) {
-        if (B && p && typeof B.stack == "string") {
-          for (var y = B.stack.split(`
+      } catch (I) {
+        if (I && p && typeof I.stack == "string") {
+          for (var y = I.stack.split(`
 `), P = p.stack.split(`
 `), R = y.length - 1, z = P.length - 1; R >= 1 && z >= 0 && y[R] !== P[z]; )
             z--;
@@ -11735,17 +11752,17 @@ function T0() {
                   if (R--, z--, z < 0 || y[R] !== P[z]) {
                     var H = `
 ` + y[R].replace(" at new ", " at ");
-                    return c.displayName && H.includes("<anonymous>") && (H = H.replace("<anonymous>", c.displayName)), typeof c == "function" && fo.set(c, H), H;
+                    return c.displayName && H.includes("<anonymous>") && (H = H.replace("<anonymous>", c.displayName)), typeof c == "function" && ho.set(c, H), H;
                   }
                 while (R >= 1 && z >= 0);
               break;
             }
         }
       } finally {
-        To = !1, Io.current = S, le(), Error.prepareStackTrace = w;
+        To = !1, Fo.current = S, le(), Error.prepareStackTrace = w;
       }
-      var ro = c ? c.displayName || c.name : "", J = ro ? ho(ro) : "";
-      return typeof c == "function" && fo.set(c, J), J;
+      var ro = c ? c.displayName || c.name : "", J = ro ? fo(ro) : "";
+      return typeof c == "function" && ho.set(c, J), J;
     }
     function de(c, s, b) {
       return ir(c, !1);
@@ -11760,12 +11777,12 @@ function T0() {
       if (typeof c == "function")
         return ir(c, me(c));
       if (typeof c == "string")
-        return ho(c);
+        return fo(c);
       switch (c) {
-        case h:
-          return ho("Suspense");
         case f:
-          return ho("SuspenseList");
+          return fo("Suspense");
+        case h:
+          return fo("SuspenseList");
       }
       if (typeof c == "object")
         switch (c.$$typeof) {
@@ -11849,7 +11866,7 @@ function T0() {
       }
       return c.ref !== void 0;
     }
-    function he(c) {
+    function fe(c) {
       if (co.call(c, "key")) {
         var s = Object.getOwnPropertyDescriptor(c, "key").get;
         if (s && s.isReactWarning)
@@ -11857,7 +11874,7 @@ function T0() {
       }
       return c.key !== void 0;
     }
-    function fe(c, s) {
+    function he(c, s) {
       if (typeof c.ref == "string" && io.current && s && io.current.stateNode !== s) {
         var b = L(io.current.type);
         Eo[b] || (W('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', L(io.current.type), c.ref), Eo[b] = !0);
@@ -11917,7 +11934,7 @@ function T0() {
     function we(c, s, b, p, w) {
       {
         var S, k = {}, y = null, P = null;
-        b !== void 0 && (mr(b), y = "" + b), he(s) && (mr(s.key), y = "" + s.key), Ce(s) && (P = s.ref, fe(s, w));
+        b !== void 0 && (mr(b), y = "" + b), fe(s) && (mr(s.key), y = "" + s.key), Ce(s) && (P = s.ref, he(s, w));
         for (S in s)
           co.call(s, S) && !xe.hasOwnProperty(S) && (k[S] = s[S]);
         if (c && c.defaultProps) {
@@ -11986,7 +12003,7 @@ Check the top-level render call using <` + b + ">.");
         c && c._owner && c._owner !== Ho.current && (p = " It was passed a child from " + L(c._owner.type) + "."), oo(c), W('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, p), oo(null);
       }
     }
-    function hr(c, s) {
+    function fr(c, s) {
       {
         if (typeof c != "object")
           return;
@@ -12042,7 +12059,7 @@ Check the top-level render call using <` + b + ">.");
         c.ref !== null && (oo(c), W("Invalid attribute `ref` supplied to `React.Fragment`."), oo(null));
       }
     }
-    var fr = {};
+    var hr = {};
     function yr(c, s, b, p, w, S) {
       {
         var k = ne(c);
@@ -12063,25 +12080,25 @@ Check the top-level render call using <` + b + ">.");
             if (p)
               if (Mo(H)) {
                 for (var ro = 0; ro < H.length; ro++)
-                  hr(H[ro], c);
+                  fr(H[ro], c);
                 Object.freeze && Object.freeze(H);
               } else
                 W("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              hr(H, c);
+              fr(H, c);
         }
         if (co.call(s, "key")) {
-          var J = L(c), B = Object.keys(s).filter(function(Te) {
+          var J = L(c), I = Object.keys(s).filter(function(Te) {
             return Te !== "key";
-          }), Lo = B.length > 0 ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!fr[J + Lo]) {
-            var Be = B.length > 0 ? "{" + B.join(": ..., ") + ": ...}" : "{}";
+          }), Lo = I.length > 0 ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!hr[J + Lo]) {
+            var Ie = I.length > 0 ? "{" + I.join(": ..., ") + ": ...}" : "{}";
             W(`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} />`, Lo, J, Be, J), fr[J + Lo] = !0;
+  <%s key={someKey} {...props} />`, Lo, J, Ie, J), hr[J + Lo] = !0;
           }
         }
         return c === d ? ze(z) : Re(z), z;
@@ -12093,11 +12110,11 @@ React keys must be passed directly to JSX without using spread:
     function Pe(c, s, b) {
       return yr(c, s, b, !1);
     }
-    var Fe = Pe, Ie = We;
-    uo.Fragment = d, uo.jsx = Fe, uo.jsxs = Ie;
+    var Be = Pe, Fe = We;
+    uo.Fragment = d, uo.jsx = Be, uo.jsxs = Fe;
   }()), uo;
 }
-process.env.NODE_ENV === "production" ? Vo.exports = B0() : Vo.exports = T0();
+process.env.NODE_ENV === "production" ? Vo.exports = I0() : Vo.exports = T0();
 var Ko = Vo.exports;
 const Zr = _e(null), M0 = ({ children: a, selectedTheme: n, setSelectedTheme: i, lightThemeName: d, darkThemeName: l, systemThemeName: m }) => {
   const u = Le(() => ({ selectedTheme: n, setSelectedTheme: i, lightThemeName: d, darkThemeName: l, systemThemeName: m }), [n, i, d, l, m]);
@@ -12108,11 +12125,11 @@ const Zr = _e(null), M0 = ({ children: a, selectedTheme: n, setSelectedTheme: i,
     throw new Error("Missing ThemeSwitchContext");
   return a;
 }, q0 = ({ children: a, lightTheme: n, darkTheme: i, systemThemeName: d, initialThemeName: l, storageKey: m }) => {
-  const u = n == null ? void 0 : n.name, C = i == null ? void 0 : i.name, x = { lightThemeName: u, darkThemeName: C, systemThemeName: d }, { selectedTheme: h, setSelectedTheme: f, currentTheme: v } = F0({
+  const u = n == null ? void 0 : n.name, C = i == null ? void 0 : i.name, x = { lightThemeName: u, darkThemeName: C, systemThemeName: d }, { selectedTheme: f, setSelectedTheme: h, currentTheme: v } = B0({
     initialThemeName: l,
     ...x
   });
-  return I0({ storageKey: m, value: h, onChange: f }), Ko.jsx(Ee, { theme: v === (i == null ? void 0 : i.name) ? i : n, children: Ko.jsx(M0, { selectedTheme: h, setSelectedTheme: f, ...x, children: a }) });
+  return F0({ storageKey: m, value: f, onChange: h }), Ko.jsx(Ee, { theme: v === (i == null ? void 0 : i.name) ? i : n, children: Ko.jsx(M0, { selectedTheme: f, setSelectedTheme: h, ...x, children: a }) });
 }, E0 = Wo`
   body {
     background: ${({ theme: a }) => a.globals.body.bgColor};
@@ -12170,14 +12187,14 @@ export {
   M0 as ThemeSwitchProvider,
   N0 as getFocusStyle,
   X0 as getFocusStyleProperties,
-  Ia as theme,
+  Fa as theme,
   j0 as themeDark,
   A0 as themeDark2,
-  Ia as themeLight,
+  Fa as themeLight,
   D0 as themeLight2,
-  I0 as useStorage,
+  F0 as useStorage,
   eo as useTheme,
-  F0 as useThemeSelector,
+  B0 as useThemeSelector,
   G0 as useThemeSwitchContext,
   L0 as withContrast,
   ao as withOpacity