@redis-ui/styles 12.3.1 → 12.7.0

package/dist/index.js

@@ -1,5 +1,5 @@
-import { useTheme as To, css as $r, ThemeProvider as Fo, createGlobalStyle as Eo } from "styled-components";
-import Ae, { useRef as Ge, useCallback as wr, useState as fe, useEffect as Dr, useLayoutEffect as Io, createContext as Mo, useMemo as _o, useContext as Bo } from "react";
+import { useTheme as To, css as $r, ThemeProvider as Fo, createGlobalStyle as Io } from "styled-components";
+import Ae, { useRef as Ge, useCallback as wr, useState as Ce, useEffect as Dr, useLayoutEffect as Eo, createContext as Oo, useMemo as Mo, useContext as _o } from "react";
 const l = {
   transparent: "#00000000",
   pink500: "#de47bb",
@@ -391,7 +391,7 @@ const l = {
       color: l.blue600
     }
   }
-}, Oo = {
+}, Bo = {
   sizes: {
     L: {
       size: "3rem",
@@ -1163,19 +1163,19 @@ function Zo(t) {
   else if (t === "transparent")
     u = 0, d = "rgb", s = [0, 0, 0];
   else if (t[0] === "#") {
-    var g = t.slice(1), x = g.length, h = x <= 4;
+    var g = t.slice(1), f = g.length, h = f <= 4;
     u = 1, h ? (s = [
       parseInt(g[0] + g[0], 16),
       parseInt(g[1] + g[1], 16),
       parseInt(g[2] + g[2], 16)
-    ], x === 4 && (u = parseInt(g[3] + g[3], 16) / 255)) : (s = [
+    ], f === 4 && (u = parseInt(g[3] + g[3], 16) / 255)) : (s = [
       parseInt(g[0] + g[1], 16),
       parseInt(g[2] + g[3], 16),
       parseInt(g[4] + g[5], 16)
-    ], x === 8 && (u = parseInt(g[6] + g[7], 16) / 255)), s[0] || (s[0] = 0), s[1] || (s[1] = 0), s[2] || (s[2] = 0), d = "rgb";
+    ], f === 8 && (u = parseInt(g[6] + g[7], 16) / 255)), s[0] || (s[0] = 0), s[1] || (s[1] = 0), s[2] || (s[2] = 0), d = "rgb";
   } else if (a = /^((?:rgba?|hs[lvb]a?|hwba?|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms|oklch|oklab|color))\s*\(([^\)]*)\)/.exec(t)) {
-    var f = a[1];
-    d = f.replace(/a$/, "");
+    var C = a[1];
+    d = C.replace(/a$/, "");
     var y = d === "cmyk" ? 4 : d === "gray" ? 1 : 3;
     s = a[2].trim().split(/\s*[,\/]\s*|\s+/), d === "color" && (d = s.shift()), s = s.map(function(p, R) {
       if (p[p.length - 1] === "%")
@@ -1202,14 +1202,14 @@ function Qo(t, a) {
   var { space: s, values: u, alpha: d } = Zo(t);
   return s[0] === "h" ? `${s}a(${u[0]}, ${u[1]}%, ${u[2]}%, ${a})` : `${s}a(${u}, ${a})`;
 }
-function O() {
-  return O = Object.assign ? Object.assign.bind() : function(t) {
+function B() {
+  return B = Object.assign ? Object.assign.bind() : function(t) {
     for (var a = 1; a < arguments.length; a++) {
       var s = arguments[a];
       for (var u in s) ({}).hasOwnProperty.call(s, u) && (t[u] = s[u]);
     }
     return t;
-  }, O.apply(null, arguments);
+  }, B.apply(null, arguments);
 }
 function rt(t) {
   if (t === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -1508,8 +1508,8 @@ function nt() {
   var u = a[0], d = [], g;
   for (g = 1; g < a.length; g += 1)
     d.push(a[g]);
-  return d.forEach(function(x) {
-    u = u.replace(/%[a-z]/, x);
+  return d.forEach(function(f) {
+    u = u.replace(/%[a-z]/, f);
   }), u;
 }
 var Y = /* @__PURE__ */ function(t) {
@@ -1519,26 +1519,26 @@ var Y = /* @__PURE__ */ function(t) {
     if (process.env.NODE_ENV === "production")
       u = t.call(this, "An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#" + s + " for more information.") || this;
     else {
-      for (var d = arguments.length, g = new Array(d > 1 ? d - 1 : 0), x = 1; x < d; x++)
-        g[x - 1] = arguments[x];
+      for (var d = arguments.length, g = new Array(d > 1 ? d - 1 : 0), f = 1; f < d; f++)
+        g[f - 1] = arguments[f];
       u = t.call(this, nt.apply(void 0, [at[s]].concat(g))) || this;
     }
     return rt(u);
   }
   return a;
 }(/* @__PURE__ */ Gr(Error));
-function Or(t) {
+function Br(t) {
   return Math.round(t * 255);
 }
 function lt(t, a, s) {
-  return Or(t) + "," + Or(a) + "," + Or(s);
+  return Br(t) + "," + Br(a) + "," + Br(s);
 }
 function br(t, a, s, u) {
   if (u === void 0 && (u = lt), a === 0)
     return u(s, s, s);
-  var d = (t % 360 + 360) % 360 / 60, g = (1 - Math.abs(2 * s - 1)) * a, x = g * (1 - Math.abs(d % 2 - 1)), h = 0, f = 0, y = 0;
-  d >= 0 && d < 1 ? (h = g, f = x) : d >= 1 && d < 2 ? (h = x, f = g) : d >= 2 && d < 3 ? (f = g, y = x) : d >= 3 && d < 4 ? (f = x, y = g) : d >= 4 && d < 5 ? (h = x, y = g) : d >= 5 && d < 6 && (h = g, y = x);
-  var k = s - g / 2, S = h + k, p = f + k, R = y + k;
+  var d = (t % 360 + 360) % 360 / 60, g = (1 - Math.abs(2 * s - 1)) * a, f = g * (1 - Math.abs(d % 2 - 1)), h = 0, C = 0, y = 0;
+  d >= 0 && d < 1 ? (h = g, C = f) : d >= 1 && d < 2 ? (h = f, C = g) : d >= 2 && d < 3 ? (C = g, y = f) : d >= 3 && d < 4 ? (C = f, y = g) : d >= 4 && d < 5 ? (h = f, y = g) : d >= 5 && d < 6 && (h = g, y = f);
+  var k = s - g / 2, S = h + k, p = C + k, R = y + k;
   return u(S, p, R);
 }
 var we = {
@@ -1746,9 +1746,9 @@ function tr(t) {
       blue: parseInt("" + g[3], 10),
       alpha: parseFloat("" + g[4]) > 1 ? parseFloat("" + g[4]) / 100 : parseFloat("" + g[4])
     };
-  var x = gt.exec(a);
-  if (x) {
-    var h = parseInt("" + x[1], 10), f = parseInt("" + x[2], 10) / 100, y = parseInt("" + x[3], 10) / 100, k = "rgb(" + br(h, f, y) + ")", S = Hr.exec(k);
+  var f = gt.exec(a);
+  if (f) {
+    var h = parseInt("" + f[1], 10), C = parseInt("" + f[2], 10) / 100, y = parseInt("" + f[3], 10) / 100, k = "rgb(" + br(h, C, y) + ")", S = Hr.exec(k);
     if (!S)
       throw new Y(4, a, k);
     return {
@@ -1772,47 +1772,47 @@ function tr(t) {
   throw new Y(5);
 }
 function pt(t) {
-  var a = t.red / 255, s = t.green / 255, u = t.blue / 255, d = Math.max(a, s, u), g = Math.min(a, s, u), x = (d + g) / 2;
+  var a = t.red / 255, s = t.green / 255, u = t.blue / 255, d = Math.max(a, s, u), g = Math.min(a, s, u), f = (d + g) / 2;
   if (d === g)
     return t.alpha !== void 0 ? {
       hue: 0,
       saturation: 0,
-      lightness: x,
+      lightness: f,
       alpha: t.alpha
     } : {
       hue: 0,
       saturation: 0,
-      lightness: x
+      lightness: f
     };
-  var h, f = d - g, y = x > 0.5 ? f / (2 - d - g) : f / (d + g);
+  var h, C = d - g, y = f > 0.5 ? C / (2 - d - g) : C / (d + g);
   switch (d) {
     case a:
-      h = (s - u) / f + (s < u ? 6 : 0);
+      h = (s - u) / C + (s < u ? 6 : 0);
       break;
     case s:
-      h = (u - a) / f + 2;
+      h = (u - a) / C + 2;
       break;
     default:
-      h = (a - s) / f + 4;
+      h = (a - s) / C + 4;
       break;
   }
   return h *= 60, t.alpha !== void 0 ? {
     hue: h,
     saturation: y,
-    lightness: x,
+    lightness: f,
     alpha: t.alpha
   } : {
     hue: h,
     saturation: y,
-    lightness: x
+    lightness: f
   };
 }
 function Z(t) {
   return pt(tr(t));
 }
-var xt = function(a) {
+var ft = function(a) {
   return a.length === 7 && a[1] === a[2] && a[3] === a[4] && a[5] === a[6] ? "#" + a[1] + a[3] + a[5] : a;
-}, Xr = xt;
+}, Xr = ft;
 function or(t) {
   var a = t.toString(16);
   return a.length === 1 ? "0" + a : a;
@@ -1820,13 +1820,13 @@ function or(t) {
 function jr(t) {
   return or(Math.round(t * 255));
 }
-function Ct(t, a, s) {
+function xt(t, a, s) {
   return Xr("#" + jr(t) + jr(a) + jr(s));
 }
 function Sr(t, a, s) {
-  return br(t, a, s, Ct);
+  return br(t, a, s, xt);
 }
-function ft(t, a, s) {
+function Ct(t, a, s) {
   if (typeof t == "number" && typeof a == "number" && typeof s == "number")
     return Sr(t, a, s);
   if (typeof t == "object" && a === void 0 && s === void 0)
@@ -1873,7 +1873,7 @@ function Q(t) {
   if (kt(t)) return zr(t);
   if (yt(t)) return qr(t);
   if (wt(t)) return ht(t);
-  if (vt(t)) return ft(t);
+  if (vt(t)) return Ct(t);
   throw new Y(8);
 }
 function qe(t, a, s) {
@@ -1888,7 +1888,7 @@ function H(t) {
 function St(t, a) {
   if (a === "transparent") return a;
   var s = Z(a);
-  return Q(O({}, s, {
+  return Q(B({}, s, {
     hue: s.hue + parseFloat(t)
   }));
 }
@@ -1899,7 +1899,7 @@ function cr(t, a, s) {
 function $t(t, a) {
   if (a === "transparent") return a;
   var s = Z(a);
-  return Q(O({}, s, {
+  return Q(B({}, s, {
     lightness: cr(0, 1, s.lightness - parseFloat(t))
   }));
 }
@@ -1907,15 +1907,15 @@ var zt = H($t), Rt = zt;
 function Pt(t, a) {
   if (a === "transparent") return a;
   var s = Z(a);
-  return Q(O({}, s, {
+  return Q(B({}, s, {
     saturation: cr(0, 1, s.saturation - parseFloat(t))
   }));
 }
 H(Pt);
 function Wt(t) {
   if (t === "transparent") return 0;
-  var a = tr(t), s = Object.keys(a).map(function(x) {
-    var h = a[x] / 255;
+  var a = tr(t), s = Object.keys(a).map(function(f) {
+    var h = a[f] / 255;
     return h <= 0.03928 ? h / 12.92 : Math.pow((h + 0.055) / 1.055, 2.4);
   }), u = s[0], d = s[1], g = s[2];
   return parseFloat((0.2126 * u + 0.7152 * d + 0.0722 * g).toFixed(3));
@@ -1923,58 +1923,58 @@ function Wt(t) {
 function Tt(t, a) {
   if (a === "transparent") return a;
   var s = Z(a);
-  return Q(O({}, s, {
+  return Q(B({}, s, {
     lightness: cr(0, 1, s.lightness + parseFloat(t))
   }));
 }
-var Ft = H(Tt), Et = Ft;
-function It(t, a, s) {
+var Ft = H(Tt), It = Ft;
+function Et(t, a, s) {
   if (a === "transparent") return s;
   if (s === "transparent") return a;
   if (t === 0) return s;
-  var u = tr(a), d = O({}, u, {
+  var u = tr(a), d = B({}, u, {
     alpha: typeof u.alpha == "number" ? u.alpha : 1
-  }), g = tr(s), x = O({}, g, {
+  }), g = tr(s), f = B({}, g, {
     alpha: typeof g.alpha == "number" ? g.alpha : 1
-  }), h = d.alpha - x.alpha, f = parseFloat(t) * 2 - 1, y = f * h === -1 ? f : f + h, k = 1 + f * h, S = (y / k + 1) / 2, p = 1 - S, R = {
-    red: Math.floor(d.red * S + x.red * p),
-    green: Math.floor(d.green * S + x.green * p),
-    blue: Math.floor(d.blue * S + x.blue * p),
-    alpha: d.alpha * parseFloat(t) + x.alpha * (1 - parseFloat(t))
+  }), h = d.alpha - f.alpha, C = parseFloat(t) * 2 - 1, y = C * h === -1 ? C : C + h, k = 1 + C * h, S = (y / k + 1) / 2, p = 1 - S, R = {
+    red: Math.floor(d.red * S + f.red * p),
+    green: Math.floor(d.green * S + f.green * p),
+    blue: Math.floor(d.blue * S + f.blue * p),
+    alpha: d.alpha * parseFloat(t) + f.alpha * (1 - parseFloat(t))
   };
   return zr(R);
 }
-var Mt = H(It), Ne = Mt;
-function _t(t, a) {
+var Ot = H(Et), Ne = Ot;
+function Mt(t, a) {
   if (a === "transparent") return a;
-  var s = tr(a), u = typeof s.alpha == "number" ? s.alpha : 1, d = O({}, s, {
+  var s = tr(a), u = typeof s.alpha == "number" ? s.alpha : 1, d = B({}, s, {
     alpha: cr(0, 1, (u * 100 + parseFloat(t) * 100) / 100)
   });
   return zr(d);
 }
-H(_t);
-function Bt(t, a) {
+H(Mt);
+function _t(t, a) {
   if (a === "transparent") return a;
   var s = Z(a);
-  return Q(O({}, s, {
+  return Q(B({}, s, {
     saturation: cr(0, 1, s.saturation + parseFloat(t))
   }));
 }
-H(Bt);
-function Ot(t, a) {
-  return a === "transparent" ? a : Q(O({}, Z(a), {
+H(_t);
+function Bt(t, a) {
+  return a === "transparent" ? a : Q(B({}, Z(a), {
     hue: parseFloat(t)
   }));
 }
-H(Ot);
+H(Bt);
 function Ht(t, a) {
-  return a === "transparent" ? a : Q(O({}, Z(a), {
+  return a === "transparent" ? a : Q(B({}, Z(a), {
     lightness: parseFloat(t)
   }));
 }
 H(Ht);
 function jt(t, a) {
-  return a === "transparent" ? a : Q(O({}, Z(a), {
+  return a === "transparent" ? a : Q(B({}, Z(a), {
     saturation: parseFloat(t)
   }));
 }
@@ -1989,16 +1989,16 @@ function Dt(t, a) {
 H(Dt);
 function At(t, a) {
   if (a === "transparent") return a;
-  var s = tr(a), u = typeof s.alpha == "number" ? s.alpha : 1, d = O({}, s, {
+  var s = tr(a), u = typeof s.alpha == "number" ? s.alpha : 1, d = B({}, s, {
     alpha: cr(0, 1, +(u * 100 - parseFloat(t) * 100).toFixed(2) / 100)
   });
   return zr(d);
 }
 H(At);
 const F = (t, a) => Qo(t, a);
-function In(t) {
+function _n(t) {
   const a = Wt(t), s = Math.max(Math.abs(a - 0.5) * 1.2, 0.3);
-  return a < 0.5 ? Et(s, t) : Rt(s, t);
+  return a < 0.5 ? It(s, t) : Rt(s, t);
 }
 const Gt = {
   shadow: o.core.shadow.shadow500,
@@ -2011,6 +2011,10 @@ const Gt = {
     closeIconColor: o.semantic.color.icon.neutral800,
     textColor: o.semantic.color.text.neutral800
   },
+  description: {
+    blockPadding: "3rem 0",
+    textColor: o.semantic.color.text.neutral800
+  },
   body: {
     blockPadding: "4rem 1.6rem"
   },
@@ -2228,11 +2232,13 @@ const Gt = {
     block: {
       sizes: {
         regular: {
+          fontWeight: "600",
           padding: "0.4rem 0.6rem",
           borderRadius: "3px",
           gap: "0.2rem"
         },
         small: {
+          fontWeight: "600",
           padding: "0.2rem 0.4rem",
           borderRadius: "3px",
           gap: "0.2rem"
@@ -2258,11 +2264,13 @@ const Gt = {
     inline: {
       sizes: {
         regular: {
+          fontWeight: "600",
           padding: "0",
           borderRadius: "0",
           gap: "0.2rem"
         },
         small: {
+          fontWeight: "600",
           padding: "0",
           borderRadius: "0",
           gap: "0.2rem"
@@ -2326,10 +2334,17 @@ const Gt = {
   },
   label: {
     color: o.semantic.color.text.neutral800,
-    padding: "1rem 1.6rem"
+    padding: "1rem 1.6rem",
+    levelOffset: "1.6rem",
+    gap: "1rem",
+    variants: {
+      header: { textColor: o.semantic.color.text.neutral800, fontWeight: "600" },
+      sub: { textColor: o.semantic.color.text.neutral600, fontWeight: "600" }
+    }
   },
   item: {
     padding: "1rem 1.6rem",
+    levelOffset: "1.6rem",
     gap: "1rem",
     subHead: {
       textColor: o.semantic.color.text.neutral800
@@ -2385,6 +2400,10 @@ const Gt = {
     textColor: o.semantic.color.text.neutral800,
     gap: "0.8rem"
   },
+  description: {
+    blockPadding: "0 1.2rem",
+    textColor: o.semantic.color.text.neutral800
+  },
   body: {
     minWidth: "30rem",
     maxWidth: "50rem",
@@ -2396,6 +2415,8 @@ const Gt = {
   },
   overlay: { bgColor: F(o.semantic.color.background.neutral100, 0.9) }
 }, Qt = {
+  iconColor: o.semantic.color.icon.neutral700
+}, ra = {
   bgColor: o.semantic.color.background.neutral100,
   shadow: o.core.shadow.shadow400,
   borderRadius: "0.8rem",
@@ -2408,7 +2429,7 @@ const Gt = {
     height: "8px",
     shadow: "rgba(0, 0, 0, 0.03) 0px 2px 1px"
   }
-}, ra = {
+}, ea = {
   closeButton: {
     iconColor: o.semantic.color.icon.neutral700
   },
@@ -2427,7 +2448,7 @@ const Gt = {
     margin: "0 0 1.2rem 0",
     padding: "1.6rem"
   }
-}, ea = {
+}, oa = {
   textColor: o.semantic.color.text.neutral100,
   border: "none",
   colorGroups: [
@@ -2442,7 +2463,7 @@ const Gt = {
     M: "3.2rem",
     L: "4.4rem"
   }
-}, oa = {
+}, ta = {
   borderRadius: "1px",
   textPosition: {
     left: {
@@ -2496,7 +2517,7 @@ const Gt = {
   text: {
     color: o.semantic.color.text.neutral800
   }
-}, ta = {
+}, aa = {
   size: "1.8rem",
   iconSize: "0.6rem",
   padding: "0",
@@ -2545,7 +2566,7 @@ const Gt = {
       }
     }
   }
-}, aa = {
+}, na = {
   bgColor: o.semantic.color.background.neutral100,
   shadow: o.core.shadow.shadow200,
   borderRadius: "0.8rem",
@@ -2565,7 +2586,7 @@ const Gt = {
     },
     customActions: { gap: "0.8rem" }
   }
-}, na = {
+}, la = {
   width: "100%",
   height: "fit-content",
   bgColor: o.semantic.color.background.neutral100,
@@ -2609,7 +2630,7 @@ const Gt = {
     width: "1px",
     color: o.semantic.color.border.neutral400
   }
-}, la = {
+}, ca = {
   padding: "0 1rem",
   height: "3.6rem",
   gap: "0.6rem",
@@ -2712,11 +2733,11 @@ const Gt = {
 }, A = {
   bgColor: { disabled: o.semantic.color.background.neutral400 },
   textColor: { disabled: o.semantic.color.text.neutral600 }
-}, I = {
+}, E = {
   borderColor: { disabled: o.semantic.color.border.neutral500 },
   bgColor: { disabled: "transparent" },
   textColor: { disabled: o.semantic.color.text.neutral500 }
-}, ca = {
+}, ia = {
   sizes: {
     S: {
       borderRadius: "99rem",
@@ -2755,9 +2776,9 @@ const Gt = {
           bgColor: F(o.semantic.color.background.success700, 0.12)
         },
         disabled: {
-          borderColor: I.borderColor.disabled,
-          bgColor: I.bgColor.disabled,
-          textColor: I.textColor.disabled
+          borderColor: E.borderColor.disabled,
+          bgColor: E.bgColor.disabled,
+          textColor: E.textColor.disabled
         }
       }
     },
@@ -2791,9 +2812,9 @@ const Gt = {
           bgColor: F(o.semantic.color.background.attention700, 0.12)
         },
         disabled: {
-          borderColor: I.borderColor.disabled,
-          bgColor: I.bgColor.disabled,
-          textColor: I.textColor.disabled
+          borderColor: E.borderColor.disabled,
+          bgColor: E.bgColor.disabled,
+          textColor: E.textColor.disabled
         }
       }
     },
@@ -2827,9 +2848,9 @@ const Gt = {
           bgColor: F(o.semantic.color.background.danger700, 0.12)
         },
         disabled: {
-          borderColor: I.borderColor.disabled,
-          bgColor: I.bgColor.disabled,
-          textColor: I.textColor.disabled
+          borderColor: E.borderColor.disabled,
+          bgColor: E.bgColor.disabled,
+          textColor: E.textColor.disabled
         }
       }
     },
@@ -2863,9 +2884,9 @@ const Gt = {
           bgColor: F(o.semantic.color.background.notice700, 0.12)
         },
         disabled: {
-          borderColor: I.borderColor.disabled,
-          bgColor: I.bgColor.disabled,
-          textColor: I.textColor.disabled
+          borderColor: E.borderColor.disabled,
+          bgColor: E.bgColor.disabled,
+          textColor: E.textColor.disabled
         }
       }
     },
@@ -2899,14 +2920,14 @@ const Gt = {
           bgColor: F(o.semantic.color.background.informative700, 0.12)
         },
         disabled: {
-          borderColor: I.borderColor.disabled,
-          bgColor: I.bgColor.disabled,
-          textColor: I.textColor.disabled
+          borderColor: E.borderColor.disabled,
+          bgColor: E.bgColor.disabled,
+          textColor: E.textColor.disabled
         }
       }
     }
   }
-}, ia = {
+}, sa = {
   sizes: {
     M: {
       borderRadius: o.core.space.space100,
@@ -2946,7 +2967,7 @@ const Gt = {
       borderColor: o.semantic.color.border.attention300
     }
   }
-}, sa = {
+}, da = {
   variants: {
     informative: { iconColor: o.semantic.color.icon.informative600 },
     danger: { iconColor: o.semantic.color.icon.danger600 },
@@ -2954,7 +2975,7 @@ const Gt = {
     notice: { iconColor: o.semantic.color.icon.notice600 },
     success: { iconColor: o.semantic.color.icon.success600 }
   }
-}, da = {
+}, ma = {
   collapsed: {
     bgColor: o.semantic.color.background.neutral100,
     shadow: o.core.shadow.shadow100,
@@ -3058,7 +3079,7 @@ const Gt = {
       }
     }
   }
-}, ma = {
+}, ua = {
   card: {
     gap: "2.4rem",
     bgColor: o.semantic.color.background.neutral100,
@@ -3085,7 +3106,7 @@ const Gt = {
   grid: {
     gap: "1.6rem"
   }
-}, ua = {
+}, ga = {
   gap: "2.4rem",
   step: {
     gap: "0.8rem",
@@ -3129,7 +3150,7 @@ const Gt = {
       }
     }
   }
-}, ga = {
+}, ba = {
   width: "3rem",
   height: "1.8rem",
   padding: "0.2rem",
@@ -3181,7 +3202,7 @@ const Gt = {
       }
     }
   }
-}, ba = {
+}, pa = {
   table: {
     tableContainer: {
       backgroundColor: o.semantic.color.background.neutral100,
@@ -3226,7 +3247,7 @@ const Gt = {
       }
     }
   }
-}, pa = {
+}, fa = {
   bgColor: "transparent",
   padding: "1rem 1.6rem",
   gap: "3.2rem",
@@ -3410,14 +3431,14 @@ const Gt = {
       }
     }
   }
-}, fa = {
+}, ha = {
   width: "clamp(400px, 33vw, 640px)",
   padding: "12px max(12px, calc(20 * (100vw / 1920)))",
   shadow: "0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05)",
   gap: "1.2rem",
   actions: { gap: "0.8rem", inlineMargin: "2.4rem 0" },
   toaster: { gap: "2rem" }
-}, We = "transparent", ha = {
+}, We = "transparent", ya = {
   gap: "0.4rem",
   height: "2.7rem",
   lineHeight: "1.9rem",
@@ -3459,7 +3480,7 @@ const Gt = {
     minWidth: "2rem",
     borderRadius: "99rem"
   }
-}, ya = {
+}, ka = {
   textColor: o.semantic.color.text.neutral800,
   bgColor: o.semantic.color.background.neutral100,
   shadow: o.core.shadow.shadow400,
@@ -3473,7 +3494,7 @@ const Gt = {
     height: "8px",
     shadow: "rgba(0, 0, 0, 0.03) 0px 2px 1px"
   }
-}, ka = {
+}, va = {
   levelOffset: "1.8rem",
   item: {
     inlinePadding: "0.8rem 1.6rem",
@@ -3486,7 +3507,7 @@ const Gt = {
     iconColor: o.semantic.color.icon.neutral800,
     gap: "0.4rem"
   }
-}, va = {
+}, wa = {
   colors: {
     primary: o.semantic.color.text.neutral800,
     secondary: o.semantic.color.text.neutral700
@@ -3530,13 +3551,13 @@ const Gt = {
       XS: o.core.font.fontSize.s10
     },
     fontWeight: {
-      regular: "400",
+      regular: "inherit",
       semiBold: "600",
-      italic: "400"
+      italic: "inherit"
     },
     fontStyle: {
-      regular: "normal",
-      semiBold: "normal",
+      regular: "inherit",
+      semiBold: "inherit",
       italic: "italic"
     }
   },
@@ -3552,7 +3573,7 @@ const Gt = {
       semiBold: "600"
     }
   }
-}, wa = {
+}, Sa = {
   gap: "1.6rem",
   header: {
     gap: "0.8rem"
@@ -3604,13 +3625,13 @@ const Gt = {
       borderColor: o.semantic.color.border.neutral300
     }
   }
-}, Sa = {
+}, $a = {
   bgColor: o.semantic.color.background.neutral100,
   textColor: o.semantic.color.background.neutral700,
   fontFamily: o.core.font.fontFamily.regular,
   fontSize: o.core.font.fontSize.s14,
   lineHeight: "1.4"
-}, $a = {
+}, za = {
   width: "0.5rem",
   height: "0.5rem",
   bgColor: o.semantic.color.background.neutral300,
@@ -3619,11 +3640,11 @@ const Gt = {
     bgColor: o.semantic.color.background.neutral600,
     borderRadius: "99rem"
   }
-}, Mn = {
+}, Bn = {
   name: "old",
   ...o,
   components: {
-    actionIconButton: Oo,
+    actionIconButton: Bo,
     appBar: Ho,
     appSelectionMenu: jo,
     autoComplete: Lo,
@@ -3648,35 +3669,36 @@ const Gt = {
     loader: Jt,
     menu: Vt,
     modal: Zt,
-    popover: Qt,
-    popupCard: ra,
-    profileIcon: ea,
-    progressBar: oa,
-    radio: ta,
-    searchBar: aa,
-    section: na,
-    select: la,
-    semanticButton: ca,
-    semanticContainer: ia,
-    semanticIcon: sa,
-    sideBar: da,
-    skeleton: ma,
-    stepper: ua,
-    switchButton: ga,
-    table: ba,
-    tableHeading: pa,
+    moreInfoIcon: Qt,
+    popover: ra,
+    popupCard: ea,
+    profileIcon: oa,
+    progressBar: ta,
+    radio: aa,
+    searchBar: na,
+    section: la,
+    select: ca,
+    semanticButton: ia,
+    semanticContainer: sa,
+    semanticIcon: da,
+    sideBar: ma,
+    skeleton: ua,
+    stepper: ga,
+    switchButton: ba,
+    table: pa,
+    tableHeading: fa,
     tabs: xa,
     textButton: Ca,
-    toast: fa,
-    toggleButton: ha,
-    tooltip: ya,
-    treeView: ka,
-    typography: va,
-    windowBar: wa
+    toast: ha,
+    toggleButton: ya,
+    tooltip: ka,
+    treeView: va,
+    typography: wa,
+    windowBar: Sa
   },
   globals: {
-    body: Sa,
-    scrollbar: $a
+    body: $a,
+    scrollbar: za
   }
 }, c = {
   transparent: "#00000000",
@@ -4069,7 +4091,7 @@ const Gt = {
       color: c.blue600
     }
   }
-}, za = {
+}, Ra = {
   sizes: {
     L: {
       size: "3rem",
@@ -4122,7 +4144,7 @@ const Gt = {
       }
     }
   }
-}, Ra = {
+}, Pa = {
   height: "7rem",
   padding: "1.4rem 1.4rem 1.4rem 2.4rem",
   separator: `1px solid ${e.semantic.color.border.neutral400}`,
@@ -4140,7 +4162,7 @@ const Gt = {
       color: e.semantic.color.text.neutral100
     }
   }
-}, Pa = {
+}, Wa = {
   trigger: {
     borderRadius: "0.4rem",
     height: "3.2rem",
@@ -4177,12 +4199,12 @@ const Gt = {
       color: e.semantic.color.text.neutral800
     }
   }
-}, Wa = {
+}, Ta = {
   dropdown: {
     screenMarginHeight: "6px",
     maxHeight: "50vh"
   }
-}, Te = "1px", Ta = {
+}, Te = "1px", Fa = {
   padding: `${e.core.space.space025} ${e.core.space.space050}`,
   gap: e.core.space.space025,
   borderRadius: "2px",
@@ -4245,7 +4267,7 @@ const Gt = {
       iconColor: e.semantic.color.text.neutral500
     }
   }
-}, Fa = {
+}, Ia = {
   sizes: {
     S: {
       gap: "0.8rem",
@@ -4286,8 +4308,8 @@ const Gt = {
       checked: {
         normal: {
           bgColor: e.semantic.color.background.neutral100,
-          borderColor: e.semantic.color.border.primary400,
-          markerColor: e.semantic.color.border.primary400,
+          borderColor: e.color.azure600,
+          markerColor: e.color.azure600,
           textColor: e.semantic.color.text.neutral800,
           iconColor: e.semantic.color.icon.neutral700
         },
@@ -4303,7 +4325,7 @@ const Gt = {
   defaultItem: {
     gap: "0.4rem"
   }
-}, Ia = {
+}, Oa = {
   gap: "0.2rem",
   sizes: {
     small: {
@@ -4526,7 +4548,7 @@ const Gt = {
       }
     }
   }
-}, Oa = {
+}, Ha = {
   sizes: {
     M: {
       height: "2.8rem",
@@ -4583,7 +4605,7 @@ const Gt = {
       }
     }
   }
-}, Ha = {
+}, ja = {
   sizes: {
     M: {
       gap: "0.8rem 5px"
@@ -4600,13 +4622,13 @@ const Gt = {
     gap: "0.4rem",
     padding: "1.2rem 1.6rem"
   }
-}, ja = {
+}, La = {
   width: "2.7rem",
   height: "2rem",
   borderRadius: "5px",
   borderWidth: "0.1px",
   borderColor: e.semantic.color.border.neutral500
-}, La = {
+}, Da = {
   fontSize: e.core.font.fontSize.s14,
   fontWeight: "400",
   fontFamily: e.core.font.fontFamily.regular,
@@ -4670,7 +4692,7 @@ const Gt = {
   weekNumCell: {
     fontSize: "1rem"
   }
-}, Da = {
+}, Aa = {
   shadow: e.core.shadow.shadow500,
   bgColor: e.semantic.color.background.neutral100,
   sidePadding: "3.2rem",
@@ -4681,6 +4703,10 @@ const Gt = {
     closeIconColor: e.semantic.color.icon.neutral800,
     textColor: e.semantic.color.text.neutral800
   },
+  description: {
+    blockPadding: "3rem 0",
+    textColor: e.semantic.color.text.neutral800
+  },
   body: {
     blockPadding: "4rem 1.6rem"
   },
@@ -4690,7 +4716,7 @@ const Gt = {
     buttonsGap: "1.6rem"
   },
   overlay: { bgColor: F(e.semantic.color.background.neutral100, 0.8) }
-}, Aa = {
+}, Ga = {
   chipList: {
     padding: "0.8rem 1.6rem",
     border: `1px solid ${e.semantic.color.border.neutral400}`
@@ -4723,7 +4749,7 @@ const Gt = {
       padding: "0.8rem 1.6rem"
     }
   }
-}, Ga = {
+}, Xa = {
   columnGap: "1.6rem",
   group: {
     rowGap: "1rem"
@@ -4737,7 +4763,7 @@ const Gt = {
       textColor: e.semantic.color.text.danger500
     }
   }
-}, Xa = {
+}, qa = {
   sizes: {
     XXL: {
       width: "3.2rem",
@@ -4781,7 +4807,7 @@ const Gt = {
     }
   },
   borderRadius: "0.4rem"
-}, qa = {
+}, Na = {
   padding: "0 0.8rem 0 1rem",
   height: "3.6rem",
   gap: "0.5rem",
@@ -4872,7 +4898,7 @@ const Gt = {
       textColor: e.semantic.color.text.danger500
     }
   }
-}, Na = {
+}, Ya = {
   gap: "0.5rem",
   margin: "0 0 0.2rem 0",
   minHeight: "20px",
@@ -4893,17 +4919,19 @@ const Gt = {
   required: {
     textColor: e.semantic.color.text.danger500
   }
-}, Ya = {
+}, Ua = {
   variants: {
     block: {
       sizes: {
         regular: {
+          fontWeight: "600",
           padding: "0.4rem 0.6rem",
           borderRadius: "0.4rem",
           minHeight: "2.8rem",
           gap: "0"
         },
         small: {
+          fontWeight: "600",
           padding: "0.2rem 0.4rem",
           borderRadius: "0.4rem",
           minHeight: "2.2rem",
@@ -4932,11 +4960,13 @@ const Gt = {
     inline: {
       sizes: {
         regular: {
+          fontWeight: "600",
           padding: "0",
           borderRadius: "0",
           gap: "0"
         },
         small: {
+          fontWeight: "600",
           padding: "0",
           borderRadius: "0",
           gap: "0"
@@ -4960,7 +4990,7 @@ const Gt = {
       }
     }
   }
-}, Ua = {
+}, Ka = {
   size: "5rem",
   gap: "0.5rem",
   textColor: e.semantic.color.icon.neutral700,
@@ -4981,7 +5011,7 @@ const Gt = {
       textColor: e.semantic.color.icon.neutral100
     }
   }
-}, Ka = {
+}, Ja = {
   dropDown: {
     minWidth: "16rem",
     maxWidth: "40rem",
@@ -5000,10 +5030,17 @@ const Gt = {
   },
   label: {
     color: e.semantic.color.text.neutral800,
-    padding: "1rem 1.6rem"
+    padding: "1rem 1.6rem",
+    levelOffset: "1.6rem",
+    gap: "1rem",
+    variants: {
+      header: { textColor: e.semantic.color.text.neutral800, fontWeight: "600" },
+      sub: { textColor: e.color.dusk600, fontWeight: "600" }
+    }
   },
   item: {
     padding: "1rem 1.6rem",
+    levelOffset: "1.6rem",
     gap: "1rem",
     subHead: {
       textColor: e.semantic.color.text.neutral800
@@ -5045,7 +5082,7 @@ const Gt = {
       }
     }
   }
-}, Ja = {
+}, Va = {
   blockScreenMargin: "20px",
   inlineScreenMargin: "20px",
   inlinePadding: "4rem",
@@ -5059,6 +5096,10 @@ const Gt = {
     textColor: e.semantic.color.text.neutral800,
     gap: "0.8rem"
   },
+  description: {
+    blockPadding: "0 1.2rem",
+    textColor: e.semantic.color.text.neutral800
+  },
   body: {
     minWidth: "30rem",
     maxWidth: "50rem",
@@ -5069,7 +5110,9 @@ const Gt = {
     buttonsGap: "0.8rem"
   },
   overlay: { bgColor: "rgba(255, 255, 255, 0.9)" }
-}, Va = {
+}, Za = {
+  iconColor: e.semantic.color.icon.neutral700
+}, Qa = {
   bgColor: e.semantic.color.background.neutral100,
   shadow: e.core.shadow.shadow400,
   borderRadius: "0.8rem",
@@ -5082,7 +5125,7 @@ const Gt = {
     height: "8px",
     shadow: "rgba(0, 0, 0, 0.03) 0px 2px 1px"
   }
-}, Za = {
+}, r0 = {
   closeButton: {
     iconColor: e.semantic.color.icon.neutral700
   },
@@ -5101,7 +5144,7 @@ const Gt = {
     margin: "0 0 1.2rem 0",
     padding: "1.6rem"
   }
-}, Qa = {
+}, e0 = {
   textColor: e.semantic.color.text.primary600,
   border: "solid 1px transparent",
   colorGroups: [
@@ -5136,7 +5179,7 @@ const Gt = {
     M: "3.2rem",
     L: "4.4rem"
   }
-}, r0 = {
+}, o0 = {
   borderRadius: "1px",
   textPosition: {
     left: {
@@ -5190,7 +5233,7 @@ const Gt = {
   text: {
     color: e.semantic.color.text.neutral800
   }
-}, e0 = {
+}, t0 = {
   size: "1.8rem",
   iconSize: "0.6rem",
   padding: "0",
@@ -5239,7 +5282,7 @@ const Gt = {
       }
     }
   }
-}, o0 = {
+}, a0 = {
   bgColor: e.semantic.color.background.neutral100,
   shadow: `0px 0px 0px 1px ${e.semantic.color.border.neutral600}`,
   borderRadius: "0.8rem",
@@ -5259,7 +5302,7 @@ const Gt = {
     },
     customActions: { gap: "0.8rem" }
   }
-}, t0 = {
+}, n0 = {
   width: "100%",
   height: "fit-content",
   bgColor: e.semantic.color.background.neutral100,
@@ -5303,7 +5346,7 @@ const Gt = {
     width: "1px",
     color: e.semantic.color.border.neutral600
   }
-}, a0 = {
+}, l0 = {
   padding: "0 1rem",
   height: "3.6rem",
   gap: "0.6rem",
@@ -5406,11 +5449,11 @@ const Gt = {
 }, G = {
   bgColor: { disabled: e.semantic.color.background.neutral400 },
   textColor: { disabled: e.semantic.color.text.neutral600 }
-}, M = {
+}, O = {
   borderColor: { disabled: e.semantic.color.border.neutral500 },
   bgColor: { disabled: "transparent" },
   textColor: { disabled: e.semantic.color.text.neutral500 }
-}, X = (t, a) => `color-mix(in srgb-linear, ${t} ${a}%, transparent)`, n0 = {
+}, X = (t, a) => `color-mix(in srgb-linear, ${t} ${a}%, transparent)`, c0 = {
   sizes: {
     S: {
       borderRadius: "99rem",
@@ -5449,9 +5492,9 @@ const Gt = {
           bgColor: X(e.semantic.color.background.success700, 12)
         },
         disabled: {
-          borderColor: M.borderColor.disabled,
-          bgColor: M.bgColor.disabled,
-          textColor: M.textColor.disabled
+          borderColor: O.borderColor.disabled,
+          bgColor: O.bgColor.disabled,
+          textColor: O.textColor.disabled
         }
       }
     },
@@ -5485,9 +5528,9 @@ const Gt = {
           bgColor: X(e.semantic.color.background.attention700, 12)
         },
         disabled: {
-          borderColor: M.borderColor.disabled,
-          bgColor: M.bgColor.disabled,
-          textColor: M.textColor.disabled
+          borderColor: O.borderColor.disabled,
+          bgColor: O.bgColor.disabled,
+          textColor: O.textColor.disabled
         }
       }
     },
@@ -5521,9 +5564,9 @@ const Gt = {
           bgColor: X(e.semantic.color.background.danger700, 12)
         },
         disabled: {
-          borderColor: M.borderColor.disabled,
-          bgColor: M.bgColor.disabled,
-          textColor: M.textColor.disabled
+          borderColor: O.borderColor.disabled,
+          bgColor: O.bgColor.disabled,
+          textColor: O.textColor.disabled
         }
       }
     },
@@ -5557,9 +5600,9 @@ const Gt = {
           bgColor: X(e.semantic.color.background.notice700, 12)
         },
         disabled: {
-          borderColor: M.borderColor.disabled,
-          bgColor: M.bgColor.disabled,
-          textColor: M.textColor.disabled
+          borderColor: O.borderColor.disabled,
+          bgColor: O.bgColor.disabled,
+          textColor: O.textColor.disabled
         }
       }
     },
@@ -5593,14 +5636,14 @@ const Gt = {
           bgColor: X(e.semantic.color.background.informative700, 12)
         },
         disabled: {
-          borderColor: M.borderColor.disabled,
-          bgColor: M.bgColor.disabled,
-          textColor: M.textColor.disabled
+          borderColor: O.borderColor.disabled,
+          bgColor: O.bgColor.disabled,
+          textColor: O.textColor.disabled
         }
       }
     }
   }
-}, l0 = {
+}, i0 = {
   sizes: {
     M: {
       borderRadius: e.core.space.space100,
@@ -5640,7 +5683,7 @@ const Gt = {
       borderColor: e.semantic.color.border.attention300
     }
   }
-}, c0 = {
+}, s0 = {
   variants: {
     informative: { iconColor: e.semantic.color.icon.informative600 },
     danger: { iconColor: e.semantic.color.icon.danger600 },
@@ -5648,7 +5691,7 @@ const Gt = {
     notice: { iconColor: e.semantic.color.icon.notice600 },
     success: { iconColor: e.semantic.color.icon.success600 }
   }
-}, i0 = {
+}, d0 = {
   collapsed: {
     bgColor: e.semantic.color.background.neutral300,
     shadow: "none",
@@ -5753,7 +5796,7 @@ const Gt = {
       }
     }
   }
-}, s0 = {
+}, m0 = {
   card: {
     gap: "2.4rem",
     bgColor: e.semantic.color.background.neutral100,
@@ -5780,7 +5823,7 @@ const Gt = {
   grid: {
     gap: "1.6rem"
   }
-}, d0 = {
+}, u0 = {
   gap: "2.4rem",
   step: {
     gap: "0.8rem",
@@ -5824,7 +5867,7 @@ const Gt = {
       }
     }
   }
-}, m0 = {
+}, g0 = {
   width: "3.2rem",
   height: "1.8rem",
   padding: "0.2rem",
@@ -5876,7 +5919,7 @@ const Gt = {
       }
     }
   }
-}, u0 = {
+}, b0 = {
   table: {
     tableContainer: {
       backgroundColor: e.semantic.color.background.neutral100,
@@ -5921,7 +5964,7 @@ const Gt = {
       }
     }
   }
-}, g0 = {
+}, p0 = {
   bgColor: "transparent",
   padding: "1rem 1.6rem",
   gap: "3.2rem",
@@ -5944,7 +5987,7 @@ const Gt = {
   actionsBar: {
     gap: "1.6rem"
   }
-}, b0 = {
+}, f0 = {
   variants: {
     default: {
       gap: "4rem",
@@ -6027,14 +6070,14 @@ const Gt = {
       }
     }
   }
-}, J = "transparent", Fe = "0.4rem 0.6rem", Ee = "0", Ie = "0.4rem", Me = "0", p0 = {
+}, J = "transparent", Fe = "0.4rem 0.6rem", Ie = "0", Ee = "0.4rem", Oe = "0", x0 = {
   gap: "0.4rem",
   height: "2.7rem",
   lineHeight: "1.9rem",
   variants: {
     primary: {
       padding: Fe,
-      borderRadius: Ie,
+      borderRadius: Ee,
       states: {
         normal: {
           bgColor: J,
@@ -6055,7 +6098,7 @@ const Gt = {
     },
     destructive: {
       padding: Fe,
-      borderRadius: Ie,
+      borderRadius: Ee,
       states: {
         normal: {
           bgColor: J,
@@ -6074,8 +6117,8 @@ const Gt = {
       }
     },
     "primary-inline": {
-      padding: Ee,
-      borderRadius: Me,
+      padding: Ie,
+      borderRadius: Oe,
       states: {
         normal: {
           bgColor: J,
@@ -6094,8 +6137,8 @@ const Gt = {
       }
     },
     "destructive-inline": {
-      padding: Ee,
-      borderRadius: Me,
+      padding: Ie,
+      borderRadius: Oe,
       states: {
         normal: {
           bgColor: J,
@@ -6114,14 +6157,14 @@ const Gt = {
       }
     }
   }
-}, x0 = {
+}, C0 = {
   width: "clamp(400px, 33vw, 640px)",
   padding: "12px max(12px, calc(20 * (100vw / 1920)))",
   shadow: "0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05)",
   gap: "1.2rem",
   actions: { gap: "0.8rem", inlineMargin: "2.4rem 0" },
   toaster: { gap: "2rem" }
-}, kr = "transparent", C0 = {
+}, kr = "transparent", h0 = {
   gap: "0.4rem",
   height: "2.7rem",
   lineHeight: "1.9rem",
@@ -6176,7 +6219,7 @@ const Gt = {
     minWidth: "2rem",
     borderRadius: "99rem"
   }
-}, f0 = {
+}, y0 = {
   textColor: e.semantic.color.text.neutral800,
   bgColor: e.semantic.color.background.neutral100,
   shadow: e.core.shadow.shadow400,
@@ -6190,7 +6233,7 @@ const Gt = {
     height: "8px",
     shadow: "rgba(0, 0, 0, 0.03) 0px 2px 1px"
   }
-}, h0 = {
+}, k0 = {
   levelOffset: "1.8rem",
   item: {
     inlinePadding: "0.8rem 1.6rem",
@@ -6203,7 +6246,7 @@ const Gt = {
     iconColor: e.semantic.color.icon.neutral800,
     gap: "0.4rem"
   }
-}, y0 = {
+}, v0 = {
   colors: {
     primary: e.semantic.color.text.neutral800,
     secondary: e.semantic.color.text.neutral700
@@ -6247,13 +6290,13 @@ const Gt = {
       XS: e.core.font.fontSize.s10
     },
     fontWeight: {
-      regular: "400",
+      regular: "inherit",
       semiBold: "600",
-      italic: "400"
+      italic: "inherit"
     },
     fontStyle: {
-      regular: "normal",
-      semiBold: "normal",
+      regular: "inherit",
+      semiBold: "inherit",
       italic: "italic"
     }
   },
@@ -6269,7 +6312,7 @@ const Gt = {
       semiBold: "600"
     }
   }
-}, k0 = {
+}, w0 = {
   gap: "1.6rem",
   header: {
     gap: "0.8rem"
@@ -6321,13 +6364,13 @@ const Gt = {
       borderColor: e.semantic.color.border.neutral300
     }
   }
-}, v0 = {
+}, S0 = {
   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"
-}, w0 = {
+}, $0 = {
   width: "0.5rem",
   height: "0.5rem",
   bgColor: e.color.dusk100,
@@ -6336,64 +6379,65 @@ const Gt = {
     bgColor: e.color.dusk400,
     borderRadius: "99rem"
   }
-}, S0 = {
+}, z0 = {
   name: "light",
   ...e,
   components: {
-    actionIconButton: za,
-    appBar: Ra,
-    appSelectionMenu: Pa,
-    autoComplete: Wa,
-    badge: Ta,
-    banner: Fa,
+    actionIconButton: Ra,
+    appBar: Pa,
+    appSelectionMenu: Wa,
+    autoComplete: Ta,
+    badge: Fa,
+    banner: Ia,
     boxSelectionGroup: Ea,
-    button: Ia,
+    button: Oa,
     buttonGroup: Ma,
     card: _a,
     checkbox: Ba,
-    chip: Oa,
-    chipList: Ha,
-    countryFlag: ja,
-    datePicker: La,
-    drawer: Da,
-    filters: Aa,
-    formField: Ga,
-    iconButton: Xa,
-    input: qa,
-    label: Na,
-    link: Ya,
-    loader: Ua,
-    menu: Ka,
-    modal: Ja,
-    popover: Va,
-    popupCard: Za,
-    profileIcon: Qa,
-    progressBar: r0,
-    radio: e0,
-    searchBar: o0,
-    section: t0,
-    select: a0,
-    semanticButton: n0,
-    semanticContainer: l0,
-    semanticIcon: c0,
-    sideBar: i0,
-    skeleton: s0,
-    stepper: d0,
-    switchButton: m0,
-    table: u0,
-    tableHeading: g0,
-    tabs: b0,
-    textButton: p0,
-    toast: x0,
-    toggleButton: C0,
-    tooltip: f0,
-    treeView: h0,
-    typography: y0,
-    windowBar: k0
+    chip: Ha,
+    chipList: ja,
+    countryFlag: La,
+    datePicker: Da,
+    drawer: Aa,
+    filters: Ga,
+    formField: Xa,
+    iconButton: qa,
+    input: Na,
+    label: Ya,
+    link: Ua,
+    loader: Ka,
+    menu: Ja,
+    modal: Va,
+    moreInfoIcon: Za,
+    popover: Qa,
+    popupCard: r0,
+    profileIcon: e0,
+    progressBar: o0,
+    radio: t0,
+    searchBar: a0,
+    section: n0,
+    select: l0,
+    semanticButton: c0,
+    semanticContainer: i0,
+    semanticIcon: s0,
+    sideBar: d0,
+    skeleton: m0,
+    stepper: u0,
+    switchButton: g0,
+    table: b0,
+    tableHeading: p0,
+    tabs: f0,
+    textButton: x0,
+    toast: C0,
+    toggleButton: h0,
+    tooltip: y0,
+    treeView: k0,
+    typography: v0,
+    windowBar: w0
   },
   globals: {
-    body: v0,
-    scrollbar: w0
+    body: S0,
+    scrollbar: $0
   }
 }, i = {
   transparent: "#00000000",
@@ -6421,20 +6465,20 @@ const Gt = {
   teal600: "#37999d",
   teal700: "#20575a",
   teal800: "#102c2d",
-  green100: "#1c3b29",
-  green200: "#2a5743",
-  green300: "#3b7254",
-  green500: "#7f9f62",
-  green600: "#a2c078",
-  green700: "#b3d47f",
-  green800: "#c3e58f",
-  purple100: "#301d21",
-  purple200: "#5a2a47",
-  purple300: "#7c3973",
-  purple500: "#9b518a",
-  purple600: "#b76e9b",
-  purple700: "#d78baf",
-  purple800: "#e8a6c4",
+  green100: "#12281f",
+  green200: "#244f3e",
+  green300: "#3a8365",
+  green500: "#5bc69b",
+  green600: "#8cd7b9",
+  green700: "#bde8d7",
+  green800: "#eff9f5",
+  purple100: "#170e2c",
+  purple200: "#2f1c59",
+  purple300: "#52329b",
+  purple500: "#7547de",
+  purple600: "#9e7ee8",
+  purple700: "#c8b5f2",
+  purple800: "#f1edfc",
   red100: "#4a2a2a",
   red200: "#6a3a3a",
   red300: "#8a4a4a",
@@ -6786,7 +6830,7 @@ const Gt = {
       color: i.blue600
     }
   }
-}, $0 = {
+}, R0 = {
   sizes: {
     L: {
       size: "3rem",
@@ -6839,7 +6883,7 @@ const Gt = {
       }
     }
   }
-}, z0 = {
+}, P0 = {
   height: "7rem",
   padding: "1.4rem 1.4rem 1.4rem 2.4rem",
   separator: `1px solid ${r.semantic.color.border.neutral400}`,
@@ -6857,7 +6901,7 @@ const Gt = {
       color: r.semantic.color.text.neutral100
     }
   }
-}, R0 = {
+}, W0 = {
   trigger: {
     borderRadius: "0.4rem",
     height: "3.2rem",
@@ -6894,17 +6938,17 @@ const Gt = {
       color: r.semantic.color.text.neutral800
     }
   }
-}, P0 = {
+}, T0 = {
   dropdown: {
     screenMarginHeight: "6px",
     maxHeight: "50vh"
   }
-}, _e = "1px", W0 = {
+}, Me = "1px", F0 = {
   padding: `${r.core.space.space025} ${r.core.space.space050}`,
   gap: r.core.space.space025,
   borderRadius: "2px",
-  height: `calc(${r.core.space.space200} + ${_e} * 2)`,
-  borderWidth: _e,
+  height: `calc(${r.core.space.space200} + ${Me} * 2)`,
+  borderWidth: Me,
   borderStyle: "solid",
   variants: {
     white: {
@@ -6962,7 +7006,7 @@ const Gt = {
       iconColor: r.semantic.color.text.neutral500
     }
   }
-}, T0 = {
+}, I0 = {
   sizes: {
     S: {
       gap: "0.8rem",
@@ -6974,7 +7018,7 @@ const Gt = {
     }
   },
   split: { minWidth: "0.8rem" }
-}, F0 = {
+}, E0 = {
   gap: r.core.space.space300,
   item: {
     borderRadius: "4px",
@@ -7003,8 +7047,8 @@ const Gt = {
       checked: {
         normal: {
           bgColor: r.semantic.color.background.neutral100,
-          borderColor: r.semantic.color.border.primary400,
-          markerColor: r.semantic.color.border.primary400,
+          borderColor: r.color.azure600,
+          markerColor: r.color.azure600,
           textColor: r.semantic.color.text.neutral800,
           iconColor: r.semantic.color.icon.neutral700
         },
@@ -7020,7 +7064,7 @@ const Gt = {
   defaultItem: {
     gap: "0.4rem"
   }
-}, E0 = {
+}, O0 = {
   gap: "0.2rem",
   sizes: {
     small: {
@@ -7134,7 +7178,7 @@ const Gt = {
       }
     }
   }
-}, I0 = {
+}, M0 = {
   borderRadius: "0.4rem",
   border: `1px solid ${r.semantic.color.border.neutral600}`,
   fontSize: "1.4rem",
@@ -7177,13 +7221,13 @@ const Gt = {
       }
     }
   }
-}, M0 = {
+}, _0 = {
   width: "100%",
   height: "fit-content",
   bgColor: r.semantic.color.background.neutral100,
   shadow: r.core.shadow.shadow4,
   borderRadius: "0.8rem"
-}, _0 = {
+}, B0 = {
   width: "1.8rem",
   height: "1.8rem",
   padding: "0",
@@ -7247,7 +7291,7 @@ const Gt = {
       }
     }
   }
-}, B0 = {
+}, H0 = {
   sizes: {
     M: {
       height: "2.8rem",
@@ -7304,7 +7348,7 @@ const Gt = {
       }
     }
   }
-}, O0 = {
+}, j0 = {
   sizes: {
     M: {
       gap: "0.8rem 5px"
@@ -7321,13 +7365,13 @@ const Gt = {
     gap: "0.4rem",
     padding: "1.2rem 1.6rem"
   }
-}, H0 = {
+}, L0 = {
   width: "2.7rem",
   height: "2rem",
   borderRadius: "5px",
   borderWidth: "0.1px",
   borderColor: r.semantic.color.border.neutral500
-}, j0 = {
+}, D0 = {
   fontSize: r.core.font.fontSize.s14,
   fontWeight: "400",
   fontFamily: r.core.font.fontFamily.regular,
@@ -7391,7 +7435,7 @@ const Gt = {
   weekNumCell: {
     fontSize: "1rem"
   }
-}, L0 = {
+}, A0 = {
   shadow: `0 0 0.5px 1px ${r.color.dark600}, -8px 0 16px 0 ${r.color.dark900}`,
   bgColor: r.color.dark700,
   sidePadding: "3.2rem",
@@ -7402,6 +7446,10 @@ const Gt = {
     closeIconColor: r.semantic.color.icon.neutral800,
     textColor: r.semantic.color.text.neutral800
   },
+  description: {
+    blockPadding: "3rem 0",
+    textColor: r.semantic.color.text.neutral800
+  },
   body: {
     blockPadding: "4rem 1.6rem"
   },
@@ -7411,7 +7459,7 @@ const Gt = {
     buttonsGap: "1.6rem"
   },
   overlay: { bgColor: F(r.color.dark900, 0.8) }
-}, D0 = {
+}, G0 = {
   chipList: {
     padding: "0.8rem 1.6rem",
     border: `1px solid ${r.semantic.color.border.neutral400}`
@@ -7444,7 +7492,7 @@ const Gt = {
       padding: "0.8rem 1.6rem"
     }
   }
-}, A0 = {
+}, X0 = {
   columnGap: "1.6rem",
   group: {
     rowGap: "1rem"
@@ -7458,7 +7506,7 @@ const Gt = {
       textColor: r.semantic.color.text.danger500
     }
   }
-}, G0 = {
+}, q0 = {
   sizes: {
     XXL: {
       width: "3.2rem",
@@ -7502,7 +7550,7 @@ const Gt = {
     }
   },
   borderRadius: "0.4rem"
-}, X0 = {
+}, N0 = {
   padding: "0 0.8rem 0 1rem",
   height: "3.6rem",
   gap: "0.5rem",
@@ -7593,7 +7641,7 @@ const Gt = {
       textColor: r.semantic.color.text.danger500
     }
   }
-}, q0 = {
+}, Y0 = {
   gap: "0.5rem",
   margin: "0 0 0.2rem 0",
   minHeight: "20px",
@@ -7614,17 +7662,19 @@ const Gt = {
   required: {
     textColor: r.semantic.color.text.danger500
   }
-}, N0 = {
+}, U0 = {
   variants: {
     block: {
       sizes: {
         regular: {
+          fontWeight: "600",
           padding: "0.4rem 0.6rem",
           borderRadius: "0.4rem",
           minHeight: "2.8rem",
           gap: "0"
         },
         small: {
+          fontWeight: "600",
           padding: "0.2rem 0.4rem",
           borderRadius: "0.4rem",
           minHeight: "2.2rem",
@@ -7652,11 +7702,13 @@ const Gt = {
     inline: {
       sizes: {
         regular: {
+          fontWeight: "600",
           padding: "0",
           borderRadius: "0",
           gap: "0"
         },
         small: {
+          fontWeight: "600",
           padding: "0",
           borderRadius: "0",
           gap: "0"
@@ -7680,7 +7732,7 @@ const Gt = {
       }
     }
   }
-}, Y0 = {
+}, K0 = {
   size: "5rem",
   gap: "0.5rem",
   textColor: r.semantic.color.icon.neutral700,
@@ -7701,7 +7753,7 @@ const Gt = {
       textColor: r.semantic.color.icon.neutral100
     }
   }
-}, U0 = {
+}, J0 = {
   dropDown: {
     minWidth: "16rem",
     maxWidth: "40rem",
@@ -7720,10 +7772,17 @@ const Gt = {
   },
   label: {
     color: r.semantic.color.text.neutral800,
-    padding: "1rem 1.6rem"
+    padding: "1rem 1.6rem",
+    levelOffset: "1.6rem",
+    gap: "1rem",
+    variants: {
+      header: { textColor: r.semantic.color.text.neutral800, fontWeight: "600" },
+      sub: { textColor: r.semantic.color.text.neutral600, fontWeight: "600" }
+    }
   },
   item: {
     padding: "1rem 1.6rem",
+    levelOffset: "1.6rem",
     gap: "1rem",
     subHead: {
       textColor: r.semantic.color.text.neutral800
@@ -7765,7 +7824,7 @@ const Gt = {
       }
     }
   }
-}, K0 = {
+}, V0 = {
   blockScreenMargin: "20px",
   inlineScreenMargin: "20px",
   inlinePadding: "4rem",
@@ -7779,6 +7838,10 @@ const Gt = {
     textColor: r.semantic.color.text.neutral800,
     gap: "0.8rem"
   },
+  description: {
+    blockPadding: "0 1.2rem",
+    textColor: r.semantic.color.text.neutral800
+  },
   body: {
     minWidth: "30rem",
     maxWidth: "50rem",
@@ -7789,7 +7852,9 @@ const Gt = {
     buttonsGap: "0.8rem"
   },
   overlay: { bgColor: "rgba(0, 0, 0, 0.9)" }
-}, J0 = {
+}, Z0 = {
+  iconColor: r.semantic.color.icon.neutral700
+}, Q0 = {
   bgColor: r.color.dark700,
   shadow: `0 0 0.5px 1px ${r.color.dark600}, 0 0 16px 8px ${r.color.dark900}`,
   borderRadius: "0.8rem",
@@ -7802,7 +7867,7 @@ const Gt = {
     height: "8px",
     shadow: `${r.color.dark600} 0px 1.5px`
   }
-}, V0 = {
+}, rn = {
   closeButton: {
     iconColor: r.semantic.color.icon.neutral700
   },
@@ -7821,7 +7886,7 @@ const Gt = {
     margin: "0 0 1.2rem 0",
     padding: "1.6rem"
   }
-}, Z0 = {
+}, en = {
   textColor: r.semantic.color.text.neutral100,
   border: "solid 1px transparent",
   colorGroups: [
@@ -7836,7 +7901,7 @@ const Gt = {
     M: "3.2rem",
     L: "4.4rem"
   }
-}, Q0 = {
+}, on = {
   borderRadius: "1px",
   textPosition: {
     left: {
@@ -7890,7 +7955,7 @@ const Gt = {
   text: {
     color: r.semantic.color.text.neutral800
   }
-}, rn = {
+}, tn = {
   size: "1.8rem",
   iconSize: "0.6rem",
   padding: "0",
@@ -7939,7 +8004,7 @@ const Gt = {
       }
     }
   }
-}, en = {
+}, an = {
   bgColor: r.semantic.color.background.neutral100,
   shadow: `0px 0px 0px 1px ${r.semantic.color.border.neutral600}`,
   borderRadius: "0.8rem",
@@ -7959,7 +8024,7 @@ const Gt = {
     },
     customActions: { gap: "0.8rem" }
   }
-}, on = {
+}, nn = {
   width: "100%",
   height: "fit-content",
   bgColor: r.semantic.color.background.neutral100,
@@ -8003,7 +8068,7 @@ const Gt = {
     width: "1px",
     color: r.semantic.color.border.neutral600
   }
-}, tn = {
+}, ln = {
   padding: "0 1rem",
   height: "3.6rem",
   gap: "0.6rem",
@@ -8106,11 +8171,11 @@ const Gt = {
 }, q = {
   bgColor: { disabled: r.semantic.color.background.neutral400 },
   textColor: { disabled: r.semantic.color.text.neutral600 }
-}, _ = {
+}, M = {
   borderColor: { disabled: r.semantic.color.border.neutral500 },
   bgColor: { disabled: "transparent" },
   textColor: { disabled: r.semantic.color.text.neutral500 }
-}, N = (t, a) => `color-mix(in srgb-linear, ${t} ${a}%, transparent)`, an = {
+}, N = (t, a) => `color-mix(in srgb-linear, ${t} ${a}%, transparent)`, cn = {
   sizes: {
     S: {
       borderRadius: "99rem",
@@ -8149,9 +8214,9 @@ const Gt = {
           bgColor: N(r.semantic.color.background.success700, 12)
         },
         disabled: {
-          borderColor: _.borderColor.disabled,
-          bgColor: _.bgColor.disabled,
-          textColor: _.textColor.disabled
+          borderColor: M.borderColor.disabled,
+          bgColor: M.bgColor.disabled,
+          textColor: M.textColor.disabled
         }
       }
     },
@@ -8185,9 +8250,9 @@ const Gt = {
           bgColor: N(r.semantic.color.background.attention700, 12)
         },
         disabled: {
-          borderColor: _.borderColor.disabled,
-          bgColor: _.bgColor.disabled,
-          textColor: _.textColor.disabled
+          borderColor: M.borderColor.disabled,
+          bgColor: M.bgColor.disabled,
+          textColor: M.textColor.disabled
         }
       }
     },
@@ -8221,9 +8286,9 @@ const Gt = {
           bgColor: N(r.semantic.color.background.danger700, 12)
         },
         disabled: {
-          borderColor: _.borderColor.disabled,
-          bgColor: _.bgColor.disabled,
-          textColor: _.textColor.disabled
+          borderColor: M.borderColor.disabled,
+          bgColor: M.bgColor.disabled,
+          textColor: M.textColor.disabled
         }
       }
     },
@@ -8257,9 +8322,9 @@ const Gt = {
           bgColor: N(r.semantic.color.background.notice700, 12)
         },
         disabled: {
-          borderColor: _.borderColor.disabled,
-          bgColor: _.bgColor.disabled,
-          textColor: _.textColor.disabled
+          borderColor: M.borderColor.disabled,
+          bgColor: M.bgColor.disabled,
+          textColor: M.textColor.disabled
         }
       }
     },
@@ -8293,14 +8358,14 @@ const Gt = {
           bgColor: N(r.semantic.color.background.informative700, 12)
         },
         disabled: {
-          borderColor: _.borderColor.disabled,
-          bgColor: _.bgColor.disabled,
-          textColor: _.textColor.disabled
+          borderColor: M.borderColor.disabled,
+          bgColor: M.bgColor.disabled,
+          textColor: M.textColor.disabled
         }
       }
     }
   }
-}, nn = {
+}, sn = {
   sizes: {
     M: {
       borderRadius: r.core.space.space100,
@@ -8340,7 +8405,7 @@ const Gt = {
       borderColor: r.semantic.color.border.attention300
     }
   }
-}, ln = {
+}, dn = {
   variants: {
     informative: { iconColor: r.semantic.color.icon.informative600 },
     danger: { iconColor: r.semantic.color.icon.danger600 },
@@ -8348,7 +8413,7 @@ const Gt = {
     notice: { iconColor: r.semantic.color.icon.notice600 },
     success: { iconColor: r.semantic.color.icon.success600 }
   }
-}, cn = {
+}, mn = {
   collapsed: {
     bgColor: r.semantic.color.background.neutral100,
     shadow: "none",
@@ -8453,7 +8518,7 @@ const Gt = {
       }
     }
   }
-}, sn = {
+}, un = {
   card: {
     gap: "2.4rem",
     bgColor: r.semantic.color.background.neutral100,
@@ -8480,7 +8545,7 @@ const Gt = {
   grid: {
     gap: "1.6rem"
   }
-}, dn = {
+}, gn = {
   gap: "2.4rem",
   step: {
     gap: "0.8rem",
@@ -8524,7 +8589,7 @@ const Gt = {
       }
     }
   }
-}, mn = {
+}, bn = {
   width: "3.2rem",
   height: "1.8rem",
   padding: "0.2rem",
@@ -8576,7 +8641,7 @@ const Gt = {
       }
     }
   }
-}, un = {
+}, pn = {
   table: {
     tableContainer: {
       backgroundColor: r.semantic.color.background.neutral100,
@@ -8621,7 +8686,7 @@ const Gt = {
       }
     }
   }
-}, gn = {
+}, fn = {
   bgColor: "transparent",
   padding: "1rem 1.6rem",
   gap: "3.2rem",
@@ -8644,7 +8709,7 @@ const Gt = {
   actionsBar: {
     gap: "1.6rem"
   }
-}, bn = {
+}, xn = {
   variants: {
     default: {
       gap: "4rem",
@@ -8730,13 +8795,13 @@ const Gt = {
       }
     }
   }
-}, V = "transparent", Be = "0.4rem 0.6rem", Oe = "0", He = "0.4rem", je = "0", pn = {
+}, V = "transparent", _e = "0.4rem 0.6rem", Be = "0", He = "0.4rem", je = "0", Cn = {
   gap: "0.4rem",
   height: "2.7rem",
   lineHeight: "1.9rem",
   variants: {
     primary: {
-      padding: Be,
+      padding: _e,
       borderRadius: He,
       states: {
         normal: {
@@ -8757,7 +8822,7 @@ const Gt = {
       }
     },
     destructive: {
-      padding: Be,
+      padding: _e,
       borderRadius: He,
       states: {
         normal: {
@@ -8777,7 +8842,7 @@ const Gt = {
       }
     },
     "primary-inline": {
-      padding: Oe,
+      padding: Be,
       borderRadius: je,
       states: {
         normal: {
@@ -8797,7 +8862,7 @@ const Gt = {
       }
     },
     "destructive-inline": {
-      padding: Oe,
+      padding: Be,
       borderRadius: je,
       states: {
         normal: {
@@ -8817,14 +8882,14 @@ const Gt = {
       }
     }
   }
-}, xn = {
+}, hn = {
   width: "clamp(400px, 33vw, 640px)",
   padding: "12px max(12px, calc(20 * (100vw / 1920)))",
   shadow: "0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05)",
   gap: "1.2rem",
   actions: { gap: "0.8rem", inlineMargin: "2.4rem 0" },
   toaster: { gap: "2rem" }
-}, vr = "transparent", Cn = {
+}, vr = "transparent", yn = {
   gap: "0.4rem",
   height: "2.7rem",
   lineHeight: "1.9rem",
@@ -8879,7 +8944,7 @@ const Gt = {
     minWidth: "2rem",
     borderRadius: "99rem"
   }
-}, fn = {
+}, kn = {
   textColor: r.semantic.color.text.neutral800,
   bgColor: r.color.dark600,
   shadow: `0 0 0.5px 1px ${r.color.dark700}`,
@@ -8893,7 +8958,7 @@ const Gt = {
     height: "8px",
     shadow: `${r.color.dark700} 0px 1.5px`
   }
-}, hn = {
+}, vn = {
   levelOffset: "1.8rem",
   item: {
     inlinePadding: "0.8rem 1.6rem",
@@ -8906,7 +8971,7 @@ const Gt = {
     iconColor: r.semantic.color.icon.neutral800,
     gap: "0.4rem"
   }
-}, yn = {
+}, wn = {
   colors: {
     primary: r.semantic.color.text.neutral800,
     secondary: r.semantic.color.text.neutral700
@@ -8950,13 +9015,13 @@ const Gt = {
       XS: r.core.font.fontSize.s10
     },
     fontWeight: {
-      regular: "400",
+      regular: "inherit",
       semiBold: "600",
-      italic: "400"
+      italic: "inherit"
     },
     fontStyle: {
-      regular: "normal",
-      semiBold: "normal",
+      regular: "inherit",
+      semiBold: "inherit",
       italic: "italic"
     }
   },
@@ -8972,7 +9037,7 @@ const Gt = {
       semiBold: "600"
     }
   }
-}, kn = {
+}, Sn = {
   gap: "1.6rem",
   header: {
     gap: "0.8rem"
@@ -9024,13 +9089,13 @@ const Gt = {
       borderColor: r.semantic.color.border.neutral300
     }
   }
-}, vn = {
+}, $n = {
   bgColor: r.semantic.color.background.neutral100,
   textColor: r.semantic.color.background.neutral700,
   fontFamily: r.core.font.fontFamily.regular,
   fontSize: r.core.font.fontSize.s14,
   lineHeight: "1.4"
-}, wn = {
+}, zn = {
   width: "0.5rem",
   height: "0.5rem",
   bgColor: r.color.dark700,
@@ -9039,117 +9104,118 @@ const Gt = {
     bgColor: r.color.dark300,
     borderRadius: "99rem"
   }
-}, _n = {
+}, Hn = {
   name: "dark",
   ...r,
   components: {
-    actionIconButton: $0,
-    appBar: z0,
-    appSelectionMenu: R0,
-    autoComplete: P0,
-    badge: W0,
-    banner: T0,
-    boxSelectionGroup: F0,
-    button: E0,
-    buttonGroup: I0,
-    card: M0,
-    checkbox: _0,
-    chip: B0,
-    chipList: O0,
-    countryFlag: H0,
-    datePicker: j0,
-    drawer: L0,
-    filters: D0,
-    formField: A0,
-    iconButton: G0,
-    input: X0,
-    label: q0,
-    link: N0,
-    loader: Y0,
-    menu: U0,
-    modal: K0,
-    popover: J0,
-    popupCard: V0,
-    profileIcon: Z0,
-    progressBar: Q0,
-    radio: rn,
-    searchBar: en,
-    section: on,
-    select: tn,
-    semanticButton: an,
-    semanticContainer: nn,
-    semanticIcon: ln,
-    sideBar: cn,
-    skeleton: sn,
-    stepper: dn,
-    switchButton: mn,
-    table: un,
-    tableHeading: gn,
-    tabs: bn,
-    textButton: pn,
-    toast: xn,
-    toggleButton: Cn,
-    tooltip: fn,
-    treeView: hn,
-    typography: yn,
-    windowBar: kn
+    actionIconButton: R0,
+    appBar: P0,
+    appSelectionMenu: W0,
+    autoComplete: T0,
+    badge: F0,
+    banner: I0,
+    boxSelectionGroup: E0,
+    button: O0,
+    buttonGroup: M0,
+    card: _0,
+    checkbox: B0,
+    chip: H0,
+    chipList: j0,
+    countryFlag: L0,
+    datePicker: D0,
+    drawer: A0,
+    filters: G0,
+    formField: X0,
+    iconButton: q0,
+    input: N0,
+    label: Y0,
+    link: U0,
+    loader: K0,
+    menu: J0,
+    modal: V0,
+    moreInfoIcon: Z0,
+    popover: Q0,
+    popupCard: rn,
+    profileIcon: en,
+    progressBar: on,
+    radio: tn,
+    searchBar: an,
+    section: nn,
+    select: ln,
+    semanticButton: cn,
+    semanticContainer: sn,
+    semanticIcon: dn,
+    sideBar: mn,
+    skeleton: un,
+    stepper: gn,
+    switchButton: bn,
+    table: pn,
+    tableHeading: fn,
+    tabs: xn,
+    textButton: Cn,
+    toast: hn,
+    toggleButton: yn,
+    tooltip: kn,
+    treeView: vn,
+    typography: wn,
+    windowBar: Sn
   },
   globals: {
-    body: vn,
-    scrollbar: wn
+    body: $n,
+    scrollbar: zn
   }
-}, lr = () => To() || S0, Bn = (t) => $r`
+}, lr = () => To() || z0, jn = (t) => $r`
     &:focus-visible {
       outline: ${() => lr().core.focus.size} solid ${() => lr().core.focus.color};
       outline-offset: ${() => t || lr().core.focus.margin};
     }
-  `, On = (t) => $r`
+  `, Ln = (t) => $r`
     outline: ${() => lr().core.focus.size} solid ${() => lr().core.focus.color};
     outline-offset: ${() => t || lr().core.focus.margin};
-  `, Lr = () => window.matchMedia("(prefers-color-scheme: dark)"), Sn = (t) => {
+  `, Lr = () => window.matchMedia("(prefers-color-scheme: dark)"), Rn = (t) => {
   const a = Ge(t);
   a.current = t;
   const s = wr((y) => {
     const { systemThemeName: k, lightThemeName: S, darkThemeName: p } = a.current;
     return !k || k !== y ? y : Lr().matches ? p : S;
-  }, []), [u, d] = fe(""), [g, x] = fe(
+  }, []), [u, d] = Ce(""), [g, f] = Ce(
     ""
     /* () => resolveTheme(selectedTheme) */
-  ), h = !!u, f = wr((y) => {
+  ), h = !!u, C = wr((y) => {
     const { initialThemeName: k, lightThemeName: S, darkThemeName: p, systemThemeName: R } = a.current, U = [S, p, R].filter(Boolean);
     if (!y || !U.includes(y)) {
       if (h)
         return !1;
       y = U.includes(k) && k || (Lr().matches ? p : S);
     }
-    return d(y), x(s(y)), !0;
+    return d(y), f(s(y)), !0;
   }, [h, s]);
   return Dr(() => {
     const { systemThemeName: y, lightThemeName: k, darkThemeName: S } = a.current;
     if (!y || y !== u)
       return;
-    const p = Lr(), R = (U) => x(U.matches ? S : k);
+    const p = Lr(), R = (U) => f(U.matches ? S : k);
     return p.addEventListener("change", R), () => p == null ? void 0 : p.removeEventListener("change", R);
   }, [u]), {
-    setSelectedTheme: f,
+    setSelectedTheme: C,
     selectedTheme: u,
     currentTheme: g
     // resolved theme (dark/light - selected or current system)
   };
-}, $n = ({ value: t, ...a }) => {
+}, Pn = ({ value: t, ...a }) => {
   const s = Ge(a);
   s.current = a;
   const u = wr(() => localStorage.getItem(s.current.storageKey) || "", []), d = wr((g) => {
     localStorage.setItem(s.current.storageKey, g);
   }, []);
-  return Io(() => {
+  return Eo(() => {
     s.current.onChange(u());
   }, [u]), Dr(() => {
     t && d(t);
   }, [t, d]), Dr(() => {
-    const g = (x) => {
-      const { storageKey: h, onChange: f } = s.current;
-      x.key === h && f(x.newValue || "");
+    const g = (f) => {
+      const { storageKey: h, onChange: C } = s.current;
+      f.key === h && C(f.newValue || "");
     };
     return window.addEventListener("storage", g), () => window.removeEventListener("storage", g);
   }, []), {
@@ -9168,18 +9234,18 @@ var Nr = { exports: {} }, mr = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Le;
-function zn() {
+function Wn() {
   if (Le) return mr;
   Le = 1;
   var t = Ae, a = Symbol.for("react.element"), s = Symbol.for("react.fragment"), u = Object.prototype.hasOwnProperty, d = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, g = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function x(h, f, y) {
+  function f(h, C, y) {
     var k, S = {}, p = null, R = null;
-    y !== void 0 && (p = "" + y), f.key !== void 0 && (p = "" + f.key), f.ref !== void 0 && (R = f.ref);
-    for (k in f) u.call(f, k) && !g.hasOwnProperty(k) && (S[k] = f[k]);
-    if (h && h.defaultProps) for (k in f = h.defaultProps, f) S[k] === void 0 && (S[k] = f[k]);
+    y !== void 0 && (p = "" + y), C.key !== void 0 && (p = "" + C.key), C.ref !== void 0 && (R = C.ref);
+    for (k in C) u.call(C, k) && !g.hasOwnProperty(k) && (S[k] = C[k]);
+    if (h && h.defaultProps) for (k in C = h.defaultProps, C) S[k] === void 0 && (S[k] = C[k]);
     return { $$typeof: a, type: h, key: p, ref: R, props: S, _owner: d.current };
   }
-  return mr.Fragment = s, mr.jsx = x, mr.jsxs = x, mr;
+  return mr.Fragment = s, mr.jsx = f, mr.jsxs = f, mr;
 }
 var ur = {};
 /**
@@ -9192,9 +9258,9 @@ var ur = {};
  * LICENSE file in the root directory of this source tree.
  */
 var De;
-function Rn() {
+function Tn() {
   return De || (De = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = Ae, a = Symbol.for("react.element"), s = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), d = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), x = Symbol.for("react.provider"), h = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), U = Symbol.iterator, Rr = "@@iterator";
+    var t = Ae, a = Symbol.for("react.element"), s = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), d = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), h = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), U = Symbol.iterator, Rr = "@@iterator";
     function pr(n) {
       if (n === null || typeof n != "object")
         return null;
@@ -9204,14 +9270,14 @@ function Rn() {
     var L = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function T(n) {
       {
-        for (var m = arguments.length, b = new Array(m > 1 ? m - 1 : 0), C = 1; C < m; C++)
-          b[C - 1] = arguments[C];
+        for (var m = arguments.length, b = new Array(m > 1 ? m - 1 : 0), x = 1; x < m; x++)
+          b[x - 1] = arguments[x];
         Ue("error", n, b);
       }
     }
     function Ue(n, m, b) {
       {
-        var C = L.ReactDebugCurrentFrame, $ = C.getStackAddendum();
+        var x = L.ReactDebugCurrentFrame, $ = x.getStackAddendum();
         $ !== "" && (m += "%s", b = b.concat([$]));
         var z = b.map(function(w) {
           return String(w);
@@ -9222,16 +9288,16 @@ function Rn() {
     var Ke = !1, Je = !1, Ve = !1, Ze = !1, Qe = !1, Ur;
     Ur = Symbol.for("react.module.reference");
     function ro(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === u || n === g || Qe || n === d || n === y || n === k || Ze || n === R || Ke || Je || Ve || typeof n == "object" && n !== null && (n.$$typeof === p || n.$$typeof === S || n.$$typeof === x || n.$$typeof === h || n.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof n == "string" || typeof n == "function" || n === u || n === g || Qe || n === d || n === y || n === k || Ze || n === R || Ke || Je || Ve || typeof n == "object" && n !== null && (n.$$typeof === p || n.$$typeof === S || n.$$typeof === f || n.$$typeof === h || n.$$typeof === C || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       n.$$typeof === Ur || n.getModuleId !== void 0));
     }
     function eo(n, m, b) {
-      var C = n.displayName;
-      if (C)
-        return C;
+      var x = n.displayName;
+      if (x)
+        return x;
       var $ = m.displayName || m.name || "";
       return $ !== "" ? b + "(" + $ + ")" : b;
     }
@@ -9264,14 +9330,14 @@ function Rn() {
           case h:
             var m = n;
             return Kr(m) + ".Consumer";
-          case x:
+          case f:
             var b = n;
             return Kr(b._context) + ".Provider";
-          case f:
+          case C:
             return eo(n, n.render, "ForwardRef");
           case S:
-            var C = n.displayName || null;
-            return C !== null ? C : D(n.type) || "Memo";
+            var x = n.displayName || null;
+            return x !== null ? x : D(n.type) || "Memo";
           case p: {
             var $ = n, z = $._payload, w = $._init;
             try {
@@ -9346,33 +9412,33 @@ function Rn() {
       }
     }
     var Pr = L.ReactCurrentDispatcher, Wr;
-    function xr(n, m, b) {
+    function fr(n, m, b) {
       {
         if (Wr === void 0)
           try {
             throw Error();
           } catch ($) {
-            var C = $.stack.trim().match(/\n( *(at )?)/);
-            Wr = C && C[1] || "";
+            var x = $.stack.trim().match(/\n( *(at )?)/);
+            Wr = x && x[1] || "";
           }
         return `
 ` + Wr + n;
       }
     }
-    var Tr = !1, Cr;
+    var Tr = !1, xr;
     {
       var ao = typeof WeakMap == "function" ? WeakMap : Map;
-      Cr = new ao();
+      xr = new ao();
     }
     function ae(n, m) {
       if (!n || Tr)
         return "";
       {
-        var b = Cr.get(n);
+        var b = xr.get(n);
         if (b !== void 0)
           return b;
       }
-      var C;
+      var x;
       Tr = !0;
       var $ = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
@@ -9390,40 +9456,40 @@ function Rn() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(w, []);
-            } catch (B) {
-              C = B;
+            } catch (_) {
+              x = _;
             }
             Reflect.construct(n, [], w);
           } else {
             try {
               w.call();
-            } catch (B) {
-              C = B;
+            } catch (_) {
+              x = _;
             }
             n.call(w.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (B) {
-            C = B;
+          } catch (_) {
+            x = _;
           }
           n();
         }
-      } catch (B) {
-        if (B && C && typeof B.stack == "string") {
-          for (var v = B.stack.split(`
-`), E = C.stack.split(`
-`), P = v.length - 1, W = E.length - 1; P >= 1 && W >= 0 && v[P] !== E[W]; )
+      } catch (_) {
+        if (_ && x && typeof _.stack == "string") {
+          for (var v = _.stack.split(`
+`), I = x.stack.split(`
+`), P = v.length - 1, W = I.length - 1; P >= 1 && W >= 0 && v[P] !== I[W]; )
             W--;
           for (; P >= 1 && W >= 0; P--, W--)
-            if (v[P] !== E[W]) {
+            if (v[P] !== I[W]) {
               if (P !== 1 || W !== 1)
                 do
-                  if (P--, W--, W < 0 || v[P] !== E[W]) {
+                  if (P--, W--, W < 0 || v[P] !== I[W]) {
                     var j = `
 ` + v[P].replace(" at new ", " at ");
-                    return n.displayName && j.includes("<anonymous>") && (j = j.replace("<anonymous>", n.displayName)), typeof n == "function" && Cr.set(n, j), j;
+                    return n.displayName && j.includes("<anonymous>") && (j = j.replace("<anonymous>", n.displayName)), typeof n == "function" && xr.set(n, j), j;
                   }
                 while (P >= 1 && W >= 0);
               break;
@@ -9432,8 +9498,8 @@ function Rn() {
       } finally {
         Tr = !1, Pr.current = z, to(), Error.prepareStackTrace = $;
       }
-      var nr = n ? n.displayName || n.name : "", er = nr ? xr(nr) : "";
-      return typeof n == "function" && Cr.set(n, er), er;
+      var nr = n ? n.displayName || n.name : "", er = nr ? fr(nr) : "";
+      return typeof n == "function" && xr.set(n, er), er;
     }
     function no(n, m, b) {
       return ae(n, !1);
@@ -9442,29 +9508,29 @@ function Rn() {
       var m = n.prototype;
       return !!(m && m.isReactComponent);
     }
-    function fr(n, m, b) {
+    function Cr(n, m, b) {
       if (n == null)
         return "";
       if (typeof n == "function")
         return ae(n, lo(n));
       if (typeof n == "string")
-        return xr(n);
+        return fr(n);
       switch (n) {
         case y:
-          return xr("Suspense");
+          return fr("Suspense");
         case k:
-          return xr("SuspenseList");
+          return fr("SuspenseList");
       }
       if (typeof n == "object")
         switch (n.$$typeof) {
-          case f:
+          case C:
             return no(n.render);
           case S:
-            return fr(n.type, m, b);
+            return Cr(n.type, m, b);
           case p: {
-            var C = n, $ = C._payload, z = C._init;
+            var x = n, $ = x._payload, z = x._init;
             try {
-              return fr(z($), m, b);
+              return Cr(z($), m, b);
             } catch {
             }
           }
@@ -9474,12 +9540,12 @@ function Rn() {
     var sr = Object.prototype.hasOwnProperty, ne = {}, le = L.ReactDebugCurrentFrame;
     function hr(n) {
       if (n) {
-        var m = n._owner, b = fr(n.type, n._source, m ? m.type : null);
+        var m = n._owner, b = Cr(n.type, n._source, m ? m.type : null);
         le.setExtraStackFrame(b);
       } else
         le.setExtraStackFrame(null);
     }
-    function co(n, m, b, C, $) {
+    function co(n, m, b, x, $) {
       {
         var z = Function.call.bind(sr);
         for (var w in n)
@@ -9487,14 +9553,14 @@ function Rn() {
             var v = void 0;
             try {
               if (typeof n[w] != "function") {
-                var E = Error((C || "React class") + ": " + b + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw E.name = "Invariant Violation", E;
+                var I = Error((x || "React class") + ": " + b + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw I.name = "Invariant Violation", I;
               }
-              v = n[w](m, w, C, b, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              v = n[w](m, w, x, b, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (P) {
               v = P;
             }
-            v && !(v instanceof Error) && (hr($), T("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", C || "React class", b, w, typeof v), hr(null)), v instanceof Error && !(v.message in ne) && (ne[v.message] = !0, hr($), T("Failed %s type: %s", b, v.message), hr(null));
+            v && !(v instanceof Error) && (hr($), T("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", x || "React class", b, w, typeof v), hr(null)), v instanceof Error && !(v.message in ne) && (ne[v.message] = !0, hr($), T("Failed %s type: %s", b, v.message), hr(null));
           }
       }
     }
@@ -9527,8 +9593,8 @@ function Rn() {
       ref: !0,
       __self: !0,
       __source: !0
-    }, se, de, Er;
-    Er = {};
+    }, se, de, Ir;
+    Ir = {};
     function go(n) {
       if (sr.call(n, "ref")) {
         var m = Object.getOwnPropertyDescriptor(n, "ref").get;
@@ -9548,10 +9614,10 @@ function Rn() {
     function po(n, m) {
       if (typeof n.ref == "string" && dr.current && m && dr.current.stateNode !== m) {
         var b = D(dr.current.type);
-        Er[b] || (T('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', D(dr.current.type), n.ref), Er[b] = !0);
+        Ir[b] || (T('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', D(dr.current.type), n.ref), Ir[b] = !0);
       }
     }
-    function xo(n, m) {
+    function fo(n, m) {
       {
         var b = function() {
           se || (se = !0, T("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", m));
@@ -9562,7 +9628,7 @@ function Rn() {
         });
       }
     }
-    function Co(n, m) {
+    function xo(n, m) {
       {
         var b = function() {
           de || (de = !0, T("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", m));
@@ -9573,7 +9639,7 @@ function Rn() {
         });
       }
     }
-    var fo = function(n, m, b, C, $, z, w) {
+    var Co = function(n, m, b, x, $, z, w) {
       var v = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: a,
@@ -9594,7 +9660,7 @@ function Rn() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: C
+        value: x
       }), Object.defineProperty(v, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -9602,10 +9668,10 @@ function Rn() {
         value: $
       }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
     };
-    function ho(n, m, b, C, $) {
+    function ho(n, m, b, x, $) {
       {
-        var z, w = {}, v = null, E = null;
-        b !== void 0 && (ie(b), v = "" + b), bo(m) && (ie(m.key), v = "" + m.key), go(m) && (E = m.ref, po(m, $));
+        var z, w = {}, v = null, I = null;
+        b !== void 0 && (ie(b), v = "" + b), bo(m) && (ie(m.key), v = "" + m.key), go(m) && (I = m.ref, po(m, $));
         for (z in m)
           sr.call(m, z) && !uo.hasOwnProperty(z) && (w[z] = m[z]);
         if (n && n.defaultProps) {
@@ -9613,30 +9679,30 @@ function Rn() {
           for (z in P)
             w[z] === void 0 && (w[z] = P[z]);
         }
-        if (v || E) {
+        if (v || I) {
           var W = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
-          v && xo(w, W), E && Co(w, W);
+          v && fo(w, W), I && xo(w, W);
         }
-        return fo(n, v, E, $, C, dr.current, w);
+        return Co(n, v, I, $, x, dr.current, w);
       }
     }
-    var Ir = L.ReactCurrentOwner, me = L.ReactDebugCurrentFrame;
+    var Er = L.ReactCurrentOwner, me = L.ReactDebugCurrentFrame;
     function ar(n) {
       if (n) {
-        var m = n._owner, b = fr(n.type, n._source, m ? m.type : null);
+        var m = n._owner, b = Cr(n.type, n._source, m ? m.type : null);
         me.setExtraStackFrame(b);
       } else
         me.setExtraStackFrame(null);
     }
-    var Mr;
-    Mr = !1;
-    function _r(n) {
+    var Or;
+    Or = !1;
+    function Mr(n) {
       return typeof n == "object" && n !== null && n.$$typeof === a;
     }
     function ue() {
       {
-        if (Ir.current) {
-          var n = D(Ir.current.type);
+        if (Er.current) {
+          var n = D(Er.current.type);
           if (n)
             return `
 
@@ -9670,8 +9736,8 @@ Check the top-level render call using <` + b + ">.");
         if (ge[b])
           return;
         ge[b] = !0;
-        var C = "";
-        n && n._owner && n._owner !== Ir.current && (C = " It was passed a child from " + D(n._owner.type) + "."), ar(n), T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, C), ar(null);
+        var x = "";
+        n && n._owner && n._owner !== Er.current && (x = " It was passed a child from " + D(n._owner.type) + "."), ar(n), T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, x), ar(null);
       }
     }
     function pe(n, m) {
@@ -9680,16 +9746,16 @@ Check the top-level render call using <` + b + ">.");
           return;
         if (Fr(n))
           for (var b = 0; b < n.length; b++) {
-            var C = n[b];
-            _r(C) && be(C, m);
+            var x = n[b];
+            Mr(x) && be(x, m);
           }
-        else if (_r(n))
+        else if (Mr(n))
           n._store && (n._store.validated = !0);
         else if (n) {
           var $ = pr(n);
           if (typeof $ == "function" && $ !== n.entries)
             for (var z = $.call(n), w; !(w = z.next()).done; )
-              _r(w.value) && be(w.value, m);
+              Mr(w.value) && be(w.value, m);
         }
       }
     }
@@ -9701,17 +9767,17 @@ Check the top-level render call using <` + b + ">.");
         var b;
         if (typeof m == "function")
           b = m.propTypes;
-        else if (typeof m == "object" && (m.$$typeof === f || // Note: Memo only checks outer props here.
+        else if (typeof m == "object" && (m.$$typeof === C || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         m.$$typeof === S))
           b = m.propTypes;
         else
           return;
         if (b) {
-          var C = D(m);
-          co(b, n.props, "prop", C, n);
-        } else if (m.PropTypes !== void 0 && !Mr) {
-          Mr = !0;
+          var x = D(m);
+          co(b, n.props, "prop", x, n);
+        } else if (m.PropTypes !== void 0 && !Or) {
+          Or = !0;
           var $ = D(m);
           T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", $ || "Unknown");
         }
@@ -9721,24 +9787,24 @@ Check the top-level render call using <` + b + ">.");
     function wo(n) {
       {
         for (var m = Object.keys(n.props), b = 0; b < m.length; b++) {
-          var C = m[b];
-          if (C !== "children" && C !== "key") {
-            ar(n), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", C), ar(null);
+          var x = m[b];
+          if (x !== "children" && x !== "key") {
+            ar(n), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), ar(null);
             break;
           }
         }
         n.ref !== null && (ar(n), T("Invalid attribute `ref` supplied to `React.Fragment`."), ar(null));
       }
     }
-    var xe = {};
-    function Ce(n, m, b, C, $, z) {
+    var fe = {};
+    function xe(n, m, b, x, $, z) {
       {
         var w = ro(n);
         if (!w) {
           var v = "";
           (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (v += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var E = yo();
-          E ? v += E : v += ue();
+          var I = yo();
+          I ? v += I : v += ue();
           var P;
           n === null ? P = "null" : Fr(n) ? P = "array" : n !== void 0 && n.$$typeof === a ? (P = "<" + (D(n.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : P = typeof n, T("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, v);
         }
@@ -9748,7 +9814,7 @@ Check the top-level render call using <` + b + ">.");
         if (w) {
           var j = m.children;
           if (j !== void 0)
-            if (C)
+            if (x)
               if (Fr(j)) {
                 for (var nr = 0; nr < j.length; nr++)
                   pe(j[nr], n);
@@ -9759,49 +9825,49 @@ Check the top-level render call using <` + b + ">.");
               pe(j, n);
         }
         if (sr.call(m, "key")) {
-          var er = D(n), B = Object.keys(m).filter(function(Wo) {
+          var er = D(n), _ = Object.keys(m).filter(function(Wo) {
             return Wo !== "key";
-          }), Br = B.length > 0 ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!xe[er + Br]) {
-            var Po = B.length > 0 ? "{" + B.join(": ..., ") + ": ...}" : "{}";
+          }), _r = _.length > 0 ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!fe[er + _r]) {
+            var Po = _.length > 0 ? "{" + _.join(": ..., ") + ": ...}" : "{}";
             T(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Br, er, Po, er), xe[er + Br] = !0;
+  <%s key={someKey} {...props} />`, _r, er, Po, er), fe[er + _r] = !0;
           }
         }
         return n === u ? wo(W) : vo(W), W;
       }
     }
     function So(n, m, b) {
-      return Ce(n, m, b, !0);
+      return xe(n, m, b, !0);
     }
     function $o(n, m, b) {
-      return Ce(n, m, b, !1);
+      return xe(n, m, b, !1);
     }
     var zo = $o, Ro = So;
     ur.Fragment = u, ur.jsx = zo, ur.jsxs = Ro;
   }()), ur;
 }
-process.env.NODE_ENV === "production" ? Nr.exports = zn() : Nr.exports = Rn();
+process.env.NODE_ENV === "production" ? Nr.exports = Wn() : Nr.exports = Tn();
 var Yr = Nr.exports;
-const Ye = Mo(null), Pn = ({ children: t, selectedTheme: a, setSelectedTheme: s, lightThemeName: u, darkThemeName: d, systemThemeName: g }) => {
-  const x = _o(() => ({ selectedTheme: a, setSelectedTheme: s, lightThemeName: u, darkThemeName: d, systemThemeName: g }), [a, s, u, d, g]);
-  return Yr.jsx(Ye.Provider, { value: x, children: t });
-}, Hn = () => {
-  const t = Bo(Ye);
+const Ye = Oo(null), Fn = ({ children: t, selectedTheme: a, setSelectedTheme: s, lightThemeName: u, darkThemeName: d, systemThemeName: g }) => {
+  const f = Mo(() => ({ selectedTheme: a, setSelectedTheme: s, lightThemeName: u, darkThemeName: d, systemThemeName: g }), [a, s, u, d, g]);
+  return Yr.jsx(Ye.Provider, { value: f, children: t });
+}, Dn = () => {
+  const t = _o(Ye);
   if (!t)
     throw new Error("Missing ThemeSwitchContext");
   return t;
-}, jn = ({ children: t, lightTheme: a, darkTheme: s, systemThemeName: u, initialThemeName: d, storageKey: g }) => {
-  const x = a == null ? void 0 : a.name, h = s == null ? void 0 : s.name, f = { lightThemeName: x, darkThemeName: h, systemThemeName: u }, { selectedTheme: y, setSelectedTheme: k, currentTheme: S } = Sn({
+}, An = ({ children: t, lightTheme: a, darkTheme: s, systemThemeName: u, initialThemeName: d, storageKey: g }) => {
+  const f = a == null ? void 0 : a.name, h = s == null ? void 0 : s.name, C = { lightThemeName: f, darkThemeName: h, systemThemeName: u }, { selectedTheme: y, setSelectedTheme: k, currentTheme: S } = Rn({
     initialThemeName: d,
-    ...f
+    ...C
   });
-  return $n({ storageKey: g, value: y, onChange: k }), Yr.jsx(Fo, { theme: S === (s == null ? void 0 : s.name) ? s : a, children: Yr.jsx(Pn, { selectedTheme: y, setSelectedTheme: k, ...f, children: t }) });
-}, Wn = $r`
+  return Pn({ storageKey: g, value: y, onChange: k }), Yr.jsx(Fo, { theme: S === (s == null ? void 0 : s.name) ? s : a, children: Yr.jsx(Fn, { selectedTheme: y, setSelectedTheme: k, ...C, children: t }) });
+}, In = $r`
   body {
     background: ${({ theme: t }) => t.globals.body.bgColor};
     color: ${({ theme: t }) => t.globals.body.textColor};
@@ -9811,7 +9877,7 @@ const Ye = Mo(null), Pn = ({ children: t, selectedTheme: a, setSelectedTheme: s,
 
     color-scheme: only ${({ theme: t }) => t.name === "dark" ? "dark" : "light"};
   }
-`, Tn = $r`
+`, En = $r`
   @media (pointer: fine) {
     @-moz-document url-prefix() {
       * {
@@ -9848,24 +9914,24 @@ const Ye = Mo(null), Pn = ({ children: t, selectedTheme: a, setSelectedTheme: s,
       background-color: transparent;
     }
   }
-`, Ln = Eo`
-  ${Wn};
-  ${Tn};
+`, Gn = Io`
+  ${In};
+  ${En};
 `;
 export {
-  Ln as CommonStyles,
-  jn as SwitchableThemeProvider,
-  Pn as ThemeSwitchProvider,
-  Bn as getFocusStyle,
-  On as getFocusStyleProperties,
-  S0 as theme,
-  _n as themeDark,
-  S0 as themeLight,
-  Mn as themeOld,
-  $n as useStorage,
+  Gn as CommonStyles,
+  An as SwitchableThemeProvider,
+  Fn as ThemeSwitchProvider,
+  jn as getFocusStyle,
+  Ln as getFocusStyleProperties,
+  z0 as theme,
+  Hn as themeDark,
+  z0 as themeLight,
+  Bn as themeOld,
+  Pn as useStorage,
   lr as useTheme,
-  Sn as useThemeSelector,
-  Hn as useThemeSwitchContext,
-  In as withContrast,
+  Rn as useThemeSelector,
+  Dn as useThemeSwitchContext,
+  _n as withContrast,
   F as withOpacity
 };