@redis-ui/styles 13.1.7 → 13.3.2

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,8 +1504,8 @@ 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;
-function Q(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, 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 oo(a) {
   if (typeof a != "string")
     throw new X(3);
   var n = mt(a);
@@ -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,27 +1606,27 @@ 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(oo(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;
 }, Yo = yt;
-function Z(a) {
+function Q(a) {
   var n = a.toString(16);
   return n.length === 1 ? "0" + n : n;
 }
 function Ao(a) {
-  return Z(Math.round(a * 255));
+  return Q(Math.round(a * 255));
 }
 function kt(a, n, i) {
   return Yo("#" + Ao(a) + Ao(n) + Ao(i));
@@ -1650,14 +1650,14 @@ function wt(a, n, i, d) {
 }
 function Uo(a, n, i) {
   if (typeof a == "number" && typeof n == "number" && typeof i == "number")
-    return Yo("#" + Z(a) + Z(n) + Z(i));
+    return Yo("#" + Q(a) + Q(n) + Q(i));
   if (typeof a == "object" && n === void 0 && i === void 0)
-    return Yo("#" + Z(a.red) + Z(a.green) + Z(a.blue));
+    return Yo("#" + Q(a.red) + Q(a.green) + Q(a.blue));
   throw new X(6);
 }
 function Po(a, n, i, d) {
   if (typeof a == "string" && typeof n == "number") {
-    var l = Q(a);
+    var l = oo(a);
     return "rgba(" + l.red + "," + l.green + "," + l.blue + "," + n + ")";
   } else {
     if (typeof a == "number" && typeof n == "number" && typeof i == "number" && typeof d == "number")
@@ -1701,28 +1701,28 @@ function Wt(a, n) {
   }));
 }
 E(Wt);
-function to(a, n, i) {
+function ao(a, n, i) {
   return Math.max(a, Math.min(n, i));
 }
 function Pt(a, n) {
   if (n === "transparent") return n;
   var i = U(n);
   return V(M({}, i, {
-    lightness: to(0, 1, i.lightness - parseFloat(a))
+    lightness: ao(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))
+    saturation: ao(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) {
+  var n = oo(a), i = Object.keys(n).map(function(u) {
     var C = n[u] / 255;
     return C <= 0.03928 ? C / 12.92 : Math.pow((C + 0.055) / 1.055, 2.4);
   }), d = i[0], l = i[1], m = i[2];
@@ -1732,7 +1732,7 @@ function Mt(a, n) {
   if (n === "transparent") return n;
   var i = U(n);
   return V(M({}, i, {
-    lightness: to(0, 1, i.lightness + parseFloat(a))
+    lightness: ao(0, 1, i.lightness + parseFloat(a))
   }));
 }
 var Et = E(Mt), Ht = Et;
@@ -1740,11 +1740,11 @@ function Ot(a, n, i) {
   if (n === "transparent") return i;
   if (i === "transparent") return n;
   if (a === 0) return i;
-  var d = Q(n), l = M({}, d, {
+  var d = oo(n), l = M({}, d, {
     alpha: typeof d.alpha == "number" ? d.alpha : 1
-  }), m = Q(i), u = M({}, m, {
+  }), m = oo(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),
@@ -1755,8 +1755,8 @@ function Ot(a, n, i) {
 var _t = E(Ot), Jr = _t;
 function Lt(a, n) {
   if (n === "transparent") return n;
-  var i = Q(n), d = typeof i.alpha == "number" ? i.alpha : 1, l = M({}, i, {
-    alpha: to(0, 1, (d * 100 + parseFloat(a) * 100) / 100)
+  var i = oo(n), d = typeof i.alpha == "number" ? i.alpha : 1, l = M({}, i, {
+    alpha: ao(0, 1, (d * 100 + parseFloat(a) * 100) / 100)
   });
   return Po(l);
 }
@@ -1765,7 +1765,7 @@ function jt(a, n) {
   if (n === "transparent") return n;
   var i = U(n);
   return V(M({}, i, {
-    saturation: to(0, 1, i.saturation + parseFloat(a))
+    saturation: ao(0, 1, i.saturation + parseFloat(a))
   }));
 }
 E(jt);
@@ -1797,16 +1797,16 @@ function Gt(a, n) {
 E(Gt);
 function qt(a, n) {
   if (n === "transparent") return n;
-  var i = Q(n), d = typeof i.alpha == "number" ? i.alpha : 1, l = M({}, i, {
-    alpha: to(0, 1, +(d * 100 - parseFloat(a) * 100).toFixed(2) / 100)
+  var i = oo(n), d = typeof i.alpha == "number" ? i.alpha : 1, l = M({}, i, {
+    alpha: ao(0, 1, +(d * 100 - parseFloat(a) * 100).toFixed(2) / 100)
   });
   return Po(l);
 }
 E(qt);
-const ao = (a, n) => tt(a, n);
+const K = (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,
@@ -1831,7 +1831,7 @@ const Yt = {
     border: `1px solid ${t.semantic.color.border.neutral400}`,
     buttonsGap: "1.6rem"
   },
-  overlay: { bgColor: ao(t.semantic.color.background.neutral100, 0.8) }
+  overlay: { bgColor: K(t.semantic.color.background.neutral100, 0.8) }
 }, Ut = {
   chipList: {
     padding: "0.8rem 1.6rem",
@@ -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
   },
@@ -2003,7 +2003,8 @@ const Yt = {
     valueLabel: { textColor: t.semantic.color.text.neutral700 }
   },
   password: {
-    padding: "0 0.5rem 0 1rem"
+    padding: "0 0.5rem 0 1rem",
+    fontSize: "inherit"
   },
   additionalText: {
     margin: "0.4rem 0 0 0",
@@ -2040,14 +2041,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 +2077,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 +2149,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 +2299,8 @@ const Yt = {
     S: "2.0rem",
     M: "3.2rem",
     L: "4.4rem"
-  }
+  },
+  fontWeight: t.core.font.fontWeight.bold
 }, ia = {
   borderRadius: "1px",
   textPosition: {
@@ -2466,7 +2474,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 +2571,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 +2614,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 +2650,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 +2686,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 +2722,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 +2758,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 +2992,7 @@ const Yt = {
       }
     }
   }
-}, ha = {
+}, fa = {
   width: "3.2rem",
   height: "1.8rem",
   padding: "0.2rem",
@@ -3036,7 +3044,7 @@ const Yt = {
       }
     }
   }
-}, fa = {
+}, ha = {
   table: {
     tableContainer: {
       backgroundColor: t.semantic.color.background.neutral100,
@@ -3120,7 +3128,7 @@ const Yt = {
           },
           active: {
             textColor: t.semantic.color.text.secondary800,
-            fontWeight: 600,
+            fontWeight: t.core.font.fontWeight.semiBold,
             letterSpacing: "0"
           },
           disabled: {
@@ -3168,7 +3176,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 +3380,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 +3419,7 @@ const Yt = {
     },
     fontWeight: {
       regular: "inherit",
-      semiBold: "600",
+      semiBold: t.core.font.fontWeight.semiBold,
       italic: "inherit"
     },
     fontStyle: {
@@ -3428,8 +3436,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 +3498,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 +3507,7 @@ const Yt = {
     bgColor: t.semantic.color.background.secondary600,
     borderRadius: "99rem"
   }
-}, Ia = {
+}, Fa = {
   name: "light",
   ...t,
   components: {
@@ -3543,8 +3551,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 +3565,7 @@ const Yt = {
   },
   globals: {
     body: Pa,
-    scrollbar: Fa
+    scrollbar: Ba
   }
 }, so = {
   transparent: "#00000000",
@@ -3745,7 +3753,7 @@ const Yt = {
       color: so.primary200
     }
   }
-}, Ba = {
+}, Ia = {
   sizes: {
     L: {
       size: "3rem",
@@ -3868,12 +3876,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 +4118,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 +4310,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: {
@@ -4387,7 +4395,7 @@ const Yt = {
     border: `1px solid ${e.semantic.color.border.neutral950}`,
     buttonsGap: "1.6rem"
   },
-  overlay: { bgColor: ao(e.semantic.color.background.neutral200, 0.8) }
+  overlay: { bgColor: K(e.semantic.color.background.neutral200, 0.8) }
 }, Ua = {
   chipList: {
     padding: "0.8rem 1.6rem",
@@ -4485,7 +4493,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
   },
@@ -4559,7 +4567,8 @@ const Yt = {
     valueLabel: { textColor: e.semantic.color.text.neutral700 }
   },
   password: {
-    padding: "0 0.5rem 0 1rem"
+    padding: "0 0.5rem 0 1rem",
+    fontSize: "inherit"
   },
   additionalText: {
     margin: "0.4rem 0 0 0",
@@ -4596,14 +4605,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 +4640,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 +4712,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 +4842,8 @@ const Yt = {
     S: "2.0rem",
     M: "3.2rem",
     L: "4.4rem"
-  }
+  },
+  fontWeight: e.core.font.fontWeight.bold
 }, ln = {
   borderRadius: "1px",
   textPosition: {
@@ -5001,7 +5017,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 +5114,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 +5157,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 +5193,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 +5229,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 +5265,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 +5301,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 +5488,7 @@ const Yt = {
   grid: {
     gap: "1.6rem"
   }
-}, hn = {
+}, fn = {
   gap: "2.4rem",
   step: {
     gap: "0.8rem",
@@ -5519,7 +5535,7 @@ const Yt = {
       }
     }
   }
-}, fn = {
+}, hn = {
   width: "3.2rem",
   height: "1.8rem",
   padding: "0.2rem",
@@ -5658,7 +5674,7 @@ const Yt = {
           },
           active: {
             textColor: e.semantic.color.text.neutral900,
-            fontWeight: 600,
+            fontWeight: e.core.font.fontWeight.semiBold,
             letterSpacing: "0"
           },
           disabled: {
@@ -5706,7 +5722,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 +5740,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 +5767,7 @@ const Yt = {
       }
     },
     destructive: {
-      padding: Ir,
+      padding: Fr,
       borderRadius: Tr,
       states: {
         normal: {
@@ -5771,7 +5787,7 @@ const Yt = {
       }
     },
     "primary-inline": {
-      padding: Br,
+      padding: Ir,
       borderRadius: Mr,
       states: {
         normal: {
@@ -5791,7 +5807,7 @@ const Yt = {
       }
     },
     "destructive-inline": {
-      padding: Br,
+      padding: Ir,
       borderRadius: Mr,
       states: {
         normal: {
@@ -5910,32 +5926,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 +5965,7 @@ const Yt = {
     },
     fontWeight: {
       regular: "inherit",
-      semiBold: "600",
+      semiBold: e.core.font.fontWeight.semiBold,
       italic: "inherit"
     },
     fontStyle: {
@@ -5966,8 +5982,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 +6038,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 +6057,7 @@ const Yt = {
   name: "dark",
   ...e,
   components: {
-    actionIconButton: Ba,
+    actionIconButton: Ia,
     appBar: Ta,
     appSelectionMenu: Ma,
     autoComplete: Ea,
@@ -6080,8 +6096,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 +6110,8 @@ const Yt = {
     windowBar: Pn
   },
   globals: {
-    body: Fn,
-    scrollbar: In
+    body: Bn,
+    scrollbar: Fn
   }
 }, mo = {
   transparent: "#00000000",
@@ -6273,8 +6289,8 @@ const Yt = {
       },
       fontWeight: {
         normal: "400",
-        semiBold: "600",
-        bold: "700"
+        semiBold: "500",
+        bold: "600"
       }
     },
     focus: {
@@ -6283,7 +6299,7 @@ const Yt = {
       color: mo.primary600
     }
   }
-}, Bn = {
+}, In = {
   sizes: {
     L: {
       size: "3rem",
@@ -6316,7 +6332,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 +6348,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 +6594,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 +6616,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 +6638,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 +6660,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 +6682,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 +6690,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 +6882,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: {
@@ -6930,7 +6946,7 @@ const Yt = {
   }
 }, Yn = {
   shadow: o.core.shadow.shadow500,
-  bgColor: o.semantic.color.background.neutral100,
+  bgColor: o.semantic.color.background.neutral0,
   sidePadding: "3.2rem",
   width: "60rem",
   borderRadius: "0.8rem",
@@ -6952,7 +6968,7 @@ const Yt = {
     buttonsGap: "1.6rem"
   },
   overlay: {
-    bgColor: ao(o.semantic.color.background.secondary0, 0.8)
+    bgColor: K(o.semantic.color.background.secondary0, 0.8)
   }
 }, Un = {
   chipList: {
@@ -7043,7 +7059,7 @@ const Yt = {
     },
     disabled: {
       bgColor: "transparent",
-      textColor: o.semantic.color.text.neutral300
+      textColor: o.semantic.color.text.neutral400
     }
   },
   borderRadius: "0.4rem"
@@ -7053,7 +7069,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 +7097,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
@@ -7129,7 +7145,8 @@ const Yt = {
     }
   },
   password: {
-    padding: "0 0.5rem 0 1rem"
+    padding: "0 0.5rem 0 1rem",
+    fontSize: "200%"
   },
   additionalText: {
     margin: "0.4rem 0 0 0",
@@ -7166,14 +7183,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 +7219,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"
@@ -7235,18 +7252,18 @@ const Yt = {
   gap: "0.5rem",
   variants: {
     regular: {
-      bgColor: o.semantic.color.icon.primary400,
-      color: o.semantic.color.icon.primary50,
+      bgColor: o.semantic.color.icon.primary50,
+      color: o.semantic.color.icon.primary400,
       textColor: o.semantic.color.icon.secondary950
     },
     pending: {
-      bgColor: o.semantic.color.icon.attention500,
-      color: o.semantic.color.icon.attention100,
+      bgColor: o.semantic.color.icon.attention100,
+      color: o.semantic.color.icon.attention500,
       textColor: o.semantic.color.icon.secondary950
     },
     inverse: {
-      bgColor: o.semantic.color.icon.secondary0,
-      color: o.semantic.color.icon.transparent,
+      bgColor: K(o.semantic.color.icon.secondary0, 0.2),
+      color: o.semantic.color.icon.secondary0,
       textColor: o.semantic.color.icon.secondary0
     }
   }
@@ -7274,11 +7291,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
       }
     }
   },
@@ -7354,7 +7371,7 @@ const Yt = {
     buttonsGap: "0.8rem"
   },
   overlay: {
-    bgColor: ao(o.semantic.color.background.secondary0, 0.8)
+    bgColor: K(o.semantic.color.background.secondary0, 0.8)
   }
 }, tc = {
   iconColor: o.semantic.color.icon.secondary600
@@ -7424,7 +7441,8 @@ const Yt = {
     S: "2.0rem",
     M: "3.2rem",
     L: "4.4rem"
-  }
+  },
+  fontWeight: o.core.font.fontWeight.bold
 }, ic = {
   borderRadius: "1px",
   textPosition: {
@@ -7604,7 +7622,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 +8190,7 @@ const Yt = {
       }
     }
   }
-}, hc = {
+}, fc = {
   width: "3.2rem",
   height: "1.8rem",
   padding: "0.2rem",
@@ -8224,7 +8242,7 @@ const Yt = {
       }
     }
   }
-}, fc = {
+}, hc = {
   table: {
     tableContainer: {
       backgroundColor: o.semantic.color.background.secondary0,
@@ -8308,7 +8326,7 @@ const Yt = {
           },
           active: {
             textColor: o.semantic.color.text.secondary950,
-            fontWeight: 600,
+            fontWeight: o.core.font.fontWeight.semiBold,
             letterSpacing: "0"
           },
           disabled: {
@@ -8356,7 +8374,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 +8415,7 @@ const Yt = {
         },
         disabled: {
           bgColor: O,
-          textColor: o.semantic.color.text.neutral300
+          textColor: o.semantic.color.text.neutral400
         }
       }
     },
@@ -8419,7 +8437,7 @@ const Yt = {
         },
         disabled: {
           bgColor: O,
-          textColor: o.semantic.color.text.neutral300
+          textColor: o.semantic.color.text.neutral400
         }
       }
     },
@@ -8441,7 +8459,7 @@ const Yt = {
         },
         disabled: {
           bgColor: O,
-          textColor: o.semantic.color.text.neutral300
+          textColor: o.semantic.color.text.neutral400
         }
       }
     },
@@ -8463,7 +8481,7 @@ const Yt = {
         },
         disabled: {
           bgColor: O,
-          textColor: o.semantic.color.text.neutral300
+          textColor: o.semantic.color.text.neutral400
         }
       }
     }
@@ -8477,10 +8495,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 +8515,7 @@ const Yt = {
       },
       disabled: {
         bgColor: So,
-        textColor: o.semantic.color.text.neutral300
+        textColor: o.semantic.color.text.neutral400
       }
     },
     off: {
@@ -8515,7 +8533,7 @@ const Yt = {
       },
       disabled: {
         bgColor: So,
-        textColor: o.semantic.color.text.neutral300
+        textColor: o.semantic.color.text.neutral400
       }
     }
   },
@@ -8565,32 +8583,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 +8622,7 @@ const Yt = {
     },
     fontWeight: {
       regular: "inherit",
-      semiBold: "600",
+      semiBold: o.core.font.fontWeight.semiBold,
       italic: "inherit"
     },
     fontStyle: {
@@ -8621,8 +8639,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 +8701,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 +8714,7 @@ const Yt = {
   name: "light-2",
   ...o,
   components: {
-    actionIconButton: Bn,
+    actionIconButton: In,
     appBar: Tn,
     appSelectionMenu: Mn,
     autoComplete: En,
@@ -8736,8 +8754,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 +8768,7 @@ const Yt = {
   },
   globals: {
     body: Pc,
-    scrollbar: Fc
+    scrollbar: Bc
   }
 }, bo = {
   transparent: "#00000000",
@@ -8928,8 +8946,8 @@ const Yt = {
       },
       fontWeight: {
         normal: "400",
-        semiBold: "600",
-        bold: "700"
+        semiBold: "500",
+        bold: "600"
       }
     },
     focus: {
@@ -8938,7 +8956,7 @@ const Yt = {
       color: bo.primary200
     }
   }
-}, Ic = {
+}, Fc = {
   sizes: {
     L: {
       size: "3rem",
@@ -8970,8 +8988,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 +9004,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 +9020,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 +9136,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 +9219,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 +9249,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 +9271,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 +9293,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 +9315,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 +9338,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 +9347,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 +9413,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 +9425,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 +9437,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 +9450,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 +9478,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 +9488,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 +9539,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: {
@@ -9607,7 +9625,7 @@ const Yt = {
     buttonsGap: "1.6rem"
   },
   overlay: {
-    bgColor: ao(r.semantic.color.background.secondary990, 0.8)
+    bgColor: K(r.semantic.color.background.secondary990, 0.8)
   }
 }, Yc = {
   chipList: {
@@ -9698,7 +9716,7 @@ const Yt = {
     },
     disabled: {
       bgColor: "transparent",
-      textColor: r.semantic.color.text.secondary800
+      textColor: r.semantic.color.text.secondary600
     }
   },
   borderRadius: "0.4rem"
@@ -9708,7 +9726,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 +9736,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 +9767,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"
     }
   },
@@ -9784,7 +9802,8 @@ const Yt = {
     }
   },
   password: {
-    padding: "0 0.5rem 0 1rem"
+    padding: "0 0.5rem 0 1rem",
+    fontSize: "200%"
   },
   additionalText: {
     margin: "0.4rem 0 0 0",
@@ -9821,14 +9840,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 +9876,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"
@@ -9890,19 +9909,19 @@ const Yt = {
   gap: "0.5rem",
   variants: {
     regular: {
-      bgColor: r.semantic.color.icon.primary300,
-      color: r.semantic.color.icon.primary900,
+      bgColor: r.semantic.color.icon.primary900,
+      color: r.semantic.color.icon.primary300,
       textColor: r.semantic.color.icon.secondary200
     },
     pending: {
-      bgColor: r.semantic.color.icon.attention500,
-      color: r.semantic.color.icon.attention900,
+      bgColor: r.semantic.color.icon.attention900,
+      color: r.semantic.color.icon.attention500,
       textColor: r.semantic.color.icon.secondary200
     },
     inverse: {
-      bgColor: r.semantic.color.icon.secondary950,
-      color: r.semantic.color.icon.transparent,
-      textColor: r.semantic.color.icon.secondary0
+      bgColor: K(r.semantic.color.icon.secondary0, 0.2),
+      color: r.semantic.color.icon.secondary950,
+      textColor: r.semantic.color.icon.secondary950
     }
   }
 }, o0 = {
@@ -9929,11 +9948,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
       }
     }
   },
@@ -10009,7 +10028,7 @@ const Yt = {
     buttonsGap: "0.8rem"
   },
   overlay: {
-    bgColor: ao(r.semantic.color.background.secondary990, 0.8)
+    bgColor: K(r.semantic.color.background.secondary990, 0.8)
   }
 }, e0 = {
   iconColor: r.semantic.color.icon.secondary500
@@ -10079,7 +10098,8 @@ const Yt = {
     S: "2.0rem",
     M: "3.2rem",
     L: "4.4rem"
-  }
+  },
+  fontWeight: r.core.font.fontWeight.bold
 }, c0 = {
   borderRadius: "1px",
   textPosition: {
@@ -10165,7 +10185,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 +10197,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 +10279,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 +10321,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 +10369,7 @@ const Yt = {
           textColor: r.semantic.color.text.primary400
         },
         disabled: {
-          textColor: r.semantic.color.text.neutral300
+          textColor: r.semantic.color.text.secondary600
         }
       }
     }
@@ -10879,7 +10900,7 @@ const Yt = {
       }
     }
   }
-}, h0 = {
+}, f0 = {
   table: {
     tableContainer: {
       backgroundColor: r.semantic.color.background.secondary950,
@@ -10923,7 +10944,7 @@ const Yt = {
       textColor: r.semantic.color.text.secondary200
     }
   }
-}, f0 = {
+}, h0 = {
   bgColor: "transparent",
   padding: "1rem 1.6rem",
   gap: "3.2rem",
@@ -10939,7 +10960,7 @@ const Yt = {
         borderColor: "transparent"
       },
       hover: {
-        borderColor: r.semantic.color.border.secondary800
+        borderColor: r.semantic.color.border.secondary700
       }
     }
   },
@@ -10966,7 +10987,7 @@ const Yt = {
           },
           active: {
             textColor: r.semantic.color.text.secondary50,
-            fontWeight: 600,
+            fontWeight: r.core.font.fontWeight.semiBold,
             letterSpacing: "0"
           },
           disabled: {
@@ -11014,7 +11035,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 +11076,7 @@ const Yt = {
         },
         disabled: {
           bgColor: T,
-          textColor: r.semantic.color.text.secondary800
+          textColor: r.semantic.color.text.secondary600
         }
       }
     },
@@ -11077,7 +11098,7 @@ const Yt = {
         },
         disabled: {
           bgColor: T,
-          textColor: r.semantic.color.text.secondary800
+          textColor: r.semantic.color.text.secondary600
         }
       }
     },
@@ -11099,7 +11120,7 @@ const Yt = {
         },
         disabled: {
           bgColor: T,
-          textColor: r.semantic.color.text.secondary800
+          textColor: r.semantic.color.text.secondary600
         }
       }
     },
@@ -11121,7 +11142,7 @@ const Yt = {
         },
         disabled: {
           bgColor: T,
-          textColor: r.semantic.color.text.secondary800
+          textColor: r.semantic.color.text.secondary600
         }
       }
     }
@@ -11135,10 +11156,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 +11176,7 @@ const Yt = {
       },
       disabled: {
         bgColor: $o,
-        textColor: r.semantic.color.text.secondary800
+        textColor: r.semantic.color.text.secondary600
       }
     },
     off: {
@@ -11173,7 +11194,7 @@ const Yt = {
       },
       disabled: {
         bgColor: $o,
-        textColor: r.semantic.color.text.secondary800
+        textColor: r.semantic.color.text.secondary600
       }
     }
   },
@@ -11223,32 +11244,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 +11283,7 @@ const Yt = {
     },
     fontWeight: {
       regular: "inherit",
-      semiBold: "600",
+      semiBold: r.core.font.fontWeight.semiBold,
       italic: "inherit"
     },
     fontStyle: {
@@ -11279,8 +11300,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 +11375,8 @@ const Yt = {
   name: "dark-2",
   ...r,
   components: {
-    actionIconButton: Ic,
-    appBar: Bc,
+    actionIconButton: Fc,
+    appBar: Ic,
     appSelectionMenu: Tc,
     autoComplete: Mc,
     badge: Ec,
@@ -11395,8 +11416,8 @@ const Yt = {
     skeleton: p0,
     stepper: x0,
     switchButton: C0,
-    table: h0,
-    tableHeading: f0,
+    table: f0,
+    tableHeading: h0,
     tabs: y0,
     textButton: k0,
     toast: v0,
@@ -11410,37 +11431,37 @@ const Yt = {
     body: W0,
     scrollbar: P0
   }
-}, eo = () => Me() || Ia, N0 = (a) => Wo`
+}, to = () => Me() || Fa, N0 = (a) => Wo`
     &:focus-visible {
-      outline: ${() => eo().core.focus.size} solid ${() => eo().core.focus.color};
-      outline-offset: ${() => a || eo().core.focus.margin};
+      outline: ${() => to().core.focus.size} solid ${() => to().core.focus.color};
+      outline-offset: ${() => a || to().core.focus.margin};
     }
   `, 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) => {
+    outline: ${() => to().core.focus.size} solid ${() => to().core.focus.color};
+    outline-offset: ${() => a || to().core.focus.margin};
+  `, 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 +11469,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 +11501,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 +11527,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 +11555,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 +11587,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")
@@ -11595,7 +11616,7 @@ function T0() {
         }
       return null;
     }
-    var K = Object.assign, no = 0, Qo, or, rr, er, tr, ar, nr;
+    var J = Object.assign, no = 0, Qo, or, rr, er, tr, ar, nr;
     function cr() {
     }
     cr.__reactDisabledLog = !0;
@@ -11631,25 +11652,25 @@ function T0() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: K({}, c, {
+            log: J({}, c, {
               value: Qo
             }),
-            info: K({}, c, {
+            info: J({}, c, {
               value: or
             }),
-            warn: K({}, c, {
+            warn: J({}, c, {
               value: rr
             }),
-            error: K({}, c, {
+            error: J({}, c, {
               value: er
             }),
-            group: K({}, c, {
+            group: J({}, c, {
               value: tr
             }),
-            groupCollapsed: K({}, c, {
+            groupCollapsed: J({}, c, {
               value: ar
             }),
-            groupEnd: K({}, c, {
+            groupEnd: J({}, c, {
               value: nr
             })
           });
@@ -11657,30 +11678,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 +11710,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 +11723,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 +11756,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 eo = c ? c.displayName || c.name : "", Z = eo ? fo(eo) : "";
+      return typeof c == "function" && ho.set(c, Z), Z;
     }
     function de(c, s, b) {
       return ir(c, !1);
@@ -11760,12 +11781,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 +11870,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 +11878,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 +11938,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) {
@@ -11933,7 +11954,7 @@ function T0() {
       }
     }
     var Ho = _.ReactCurrentOwner, ur = _.ReactDebugCurrentFrame;
-    function oo(c) {
+    function ro(c) {
       if (c) {
         var s = c._owner, b = yo(c.type, c._source, s ? s.type : null);
         ur.setExtraStackFrame(b);
@@ -11983,10 +12004,10 @@ Check the top-level render call using <` + b + ">.");
           return;
         xr[b] = !0;
         var p = "";
-        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);
+        c && c._owner && c._owner !== Ho.current && (p = " It was passed a child from " + L(c._owner.type) + "."), ro(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), ro(null);
       }
     }
-    function hr(c, s) {
+    function fr(c, s) {
       {
         if (typeof c != "object")
           return;
@@ -12035,14 +12056,14 @@ Check the top-level render call using <` + b + ">.");
         for (var s = Object.keys(c.props), b = 0; b < s.length; b++) {
           var p = s[b];
           if (p !== "children" && p !== "key") {
-            oo(c), W("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), oo(null);
+            ro(c), W("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), ro(null);
             break;
           }
         }
-        c.ref !== null && (oo(c), W("Invalid attribute `ref` supplied to `React.Fragment`."), oo(null));
+        c.ref !== null && (ro(c), W("Invalid attribute `ref` supplied to `React.Fragment`."), ro(null));
       }
     }
-    var fr = {};
+    var hr = {};
     function yr(c, s, b, p, w, S) {
       {
         var k = ne(c);
@@ -12062,26 +12083,26 @@ Check the top-level render call using <` + b + ">.");
           if (H !== void 0)
             if (p)
               if (Mo(H)) {
-                for (var ro = 0; ro < H.length; ro++)
-                  hr(H[ro], c);
+                for (var eo = 0; eo < H.length; eo++)
+                  fr(H[eo], 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 Z = 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[Z + 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, Z, Ie, Z), hr[Z + Lo] = !0;
           }
         }
         return c === d ? ze(z) : Re(z), z;
@@ -12093,11 +12114,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 +12129,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,15 +12191,15 @@ 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,
-  eo as useTheme,
-  F0 as useThemeSelector,
+  F0 as useStorage,
+  to as useTheme,
+  B0 as useThemeSelector,
   G0 as useThemeSwitchContext,
   L0 as withContrast,
-  ao as withOpacity
+  K as withOpacity
 };