@hortiview/modulebase 0.0.13925 → 0.0.14106

package/dist/components/ModuleCore.js

@@ -1003,7 +1003,7 @@ function f9() {
   if (sf) return bo;
   sf = 1;
   var t = /* @__PURE__ */ Be(), e = /* @__PURE__ */ H3(), n = /* @__PURE__ */ Xm(), r = /* @__PURE__ */ xt(), a = G3().f, o = /* @__PURE__ */ J3(), i = /* @__PURE__ */ dr(), s = /* @__PURE__ */ Y3(), l = /* @__PURE__ */ n4(), u = /* @__PURE__ */ xn(), c = function(f) {
-    var p = function(d, m, g) {
+    var p = function(d, m, h) {
       if (this instanceof p) {
         switch (arguments.length) {
           case 0:
@@ -1013,16 +1013,16 @@ function f9() {
           case 2:
             return new f(d, m);
         }
-        return new f(d, m, g);
+        return new f(d, m, h);
       }
       return e(f, this, arguments);
     };
     return p.prototype = f.prototype, p;
   };
   return bo = function(f, p) {
-    var d = f.target, m = f.global, g = f.stat, C = f.proto, O = m ? t : g ? t[d] : t[d] && t[d].prototype, w = m ? i : i[d] || l(i, d, {})[d], T = w.prototype, x, y, L, _, $, N, P, E, Z;
+    var d = f.target, m = f.global, h = f.stat, C = f.proto, O = m ? t : h ? t[d] : t[d] && t[d].prototype, w = m ? i : i[d] || l(i, d, {})[d], T = w.prototype, x, y, L, _, $, N, P, E, Z;
     for (_ in p)
-      x = o(m ? _ : d + (g ? "." : "#") + _, f.forced), y = !x && O && u(O, _), N = w[_], y && (f.dontCallGetSet ? (Z = a(O, _), P = Z && Z.value) : P = O[_]), $ = y && P ? P : p[_], !(!x && !C && typeof N == typeof $) && (f.bind && y ? E = s($, t) : f.wrap && y ? E = c($) : C && r($) ? E = n($) : E = $, (f.sham || $ && $.sham || N && N.sham) && l(E, "sham", !0), l(w, _, E), C && (L = d + "Prototype", u(i, L) || l(i, L, {}), l(i[L], _, $), f.real && T && (x || !T[_]) && l(T, _, $)));
+      x = o(m ? _ : d + (h ? "." : "#") + _, f.forced), y = !x && O && u(O, _), N = w[_], y && (f.dontCallGetSet ? (Z = a(O, _), P = Z && Z.value) : P = O[_]), $ = y && P ? P : p[_], !(!x && !C && typeof N == typeof $) && (f.bind && y ? E = s($, t) : f.wrap && y ? E = c($) : C && r($) ? E = n($) : E = $, (f.sham || $ && $.sham || N && N.sham) && l(E, "sham", !0), l(w, _, E), C && (L = d + "Prototype", u(i, L) || l(i, L, {}), l(i[L], _, $), f.real && T && (x || !T[_]) && l(T, _, $)));
   }, bo;
 }
 var Co, lf;
@@ -1156,12 +1156,12 @@ function p4() {
         });
       }
     }), { b: 2 })).b !== 1) return !0;
-    var p = {}, d = {}, m = Symbol("assign detection"), g = "abcdefghijklmnopqrst";
-    return p[m] = 7, g.split("").forEach(function(C) {
+    var p = {}, d = {}, m = Symbol("assign detection"), h = "abcdefghijklmnopqrst";
+    return p[m] = 7, h.split("").forEach(function(C) {
       d[C] = C;
-    }), u({}, p)[m] !== 7 || a(u({}, d)).join("") !== g;
+    }), u({}, p)[m] !== 7 || a(u({}, d)).join("") !== h;
   }) ? function(p, d) {
-    for (var m = s(p), g = arguments.length, C = 1, O = o.f, w = i.f; g > C; )
+    for (var m = s(p), h = arguments.length, C = 1, O = o.f, w = i.f; h > C; )
       for (var T = l(arguments[C++]), x = O ? f(a(T), O(T)) : a(T), y = x.length, L = 0, _; y > L; )
         _ = x[L++], (!t || n(w, T, _)) && (m[_] = T[_]);
     return m;
@@ -1223,17 +1223,17 @@ function $4() {
   jf = 1;
   var t = /* @__PURE__ */ Ie(), e = /* @__PURE__ */ xc(), n = /* @__PURE__ */ Cn(), r = /* @__PURE__ */ xn(), a = /* @__PURE__ */ x4(), o = /* @__PURE__ */ bn(), i = Function, s = t([].concat), l = t([].join), u = {}, c = function(f, p, d) {
     if (!r(u, p)) {
-      for (var m = [], g = 0; g < p; g++) m[g] = "a[" + g + "]";
+      for (var m = [], h = 0; h < p; h++) m[h] = "a[" + h + "]";
       u[p] = i("C,a", "return new C(" + l(m, ",") + ")");
     }
     return u[p](f, d);
   };
   return No = o ? i.bind : function(f) {
-    var p = e(this), d = p.prototype, m = a(arguments, 1), g = function() {
+    var p = e(this), d = p.prototype, m = a(arguments, 1), h = function() {
       var C = s(m, a(arguments));
-      return this instanceof g ? c(p, C.length, C) : p.apply(f, C);
+      return this instanceof h ? c(p, C.length, C) : p.apply(f, C);
     };
-    return n(d) && (g.prototype = d), g;
+    return n(d) && (h.prototype = d), h;
   }, No;
 }
 var Nf;
@@ -1335,7 +1335,7 @@ var Ff;
 function j4() {
   if (Ff) return se;
   Ff = 1;
-  var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, i = t ? Symbol.for("react.provider") : 60109, s = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, c = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, d = t ? Symbol.for("react.memo") : 60115, m = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, C = t ? Symbol.for("react.fundamental") : 60117, O = t ? Symbol.for("react.responder") : 60118, w = t ? Symbol.for("react.scope") : 60119;
+  var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, i = t ? Symbol.for("react.provider") : 60109, s = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, c = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, d = t ? Symbol.for("react.memo") : 60115, m = t ? Symbol.for("react.lazy") : 60116, h = t ? Symbol.for("react.block") : 60121, C = t ? Symbol.for("react.fundamental") : 60117, O = t ? Symbol.for("react.responder") : 60118, w = t ? Symbol.for("react.scope") : 60119;
   function T(y) {
     if (typeof y == "object" && y !== null) {
       var L = y.$$typeof;
@@ -1394,7 +1394,7 @@ function j4() {
   }, se.isSuspense = function(y) {
     return T(y) === f;
   }, se.isValidElementType = function(y) {
-    return typeof y == "string" || typeof y == "function" || y === r || y === u || y === o || y === a || y === f || y === p || typeof y == "object" && y !== null && (y.$$typeof === m || y.$$typeof === d || y.$$typeof === i || y.$$typeof === s || y.$$typeof === c || y.$$typeof === C || y.$$typeof === O || y.$$typeof === w || y.$$typeof === g);
+    return typeof y == "string" || typeof y == "function" || y === r || y === u || y === o || y === a || y === f || y === p || typeof y == "object" && y !== null && (y.$$typeof === m || y.$$typeof === d || y.$$typeof === i || y.$$typeof === s || y.$$typeof === c || y.$$typeof === C || y.$$typeof === O || y.$$typeof === w || y.$$typeof === h);
   }, se.typeOf = T, se;
 }
 var ue = {};
@@ -1409,10 +1409,10 @@ var ue = {};
 var zf;
 function N4() {
   return zf || (zf = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, i = t ? Symbol.for("react.provider") : 60109, s = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, c = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, d = t ? Symbol.for("react.memo") : 60115, m = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, C = t ? Symbol.for("react.fundamental") : 60117, O = t ? Symbol.for("react.responder") : 60118, w = t ? Symbol.for("react.scope") : 60119;
+    var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, i = t ? Symbol.for("react.provider") : 60109, s = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, c = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, d = t ? Symbol.for("react.memo") : 60115, m = t ? Symbol.for("react.lazy") : 60116, h = t ? Symbol.for("react.block") : 60121, C = t ? Symbol.for("react.fundamental") : 60117, O = t ? Symbol.for("react.responder") : 60118, w = t ? Symbol.for("react.scope") : 60119;
     function T(A) {
       return typeof A == "string" || typeof A == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      A === r || A === u || A === o || A === a || A === f || A === p || typeof A == "object" && A !== null && (A.$$typeof === m || A.$$typeof === d || A.$$typeof === i || A.$$typeof === s || A.$$typeof === c || A.$$typeof === C || A.$$typeof === O || A.$$typeof === w || A.$$typeof === g);
+      A === r || A === u || A === o || A === a || A === f || A === p || typeof A == "object" && A !== null && (A.$$typeof === m || A.$$typeof === d || A.$$typeof === i || A.$$typeof === s || A.$$typeof === c || A.$$typeof === C || A.$$typeof === O || A.$$typeof === w || A.$$typeof === h);
     }
     function x(A) {
       if (typeof A == "object" && A !== null) {
@@ -1652,10 +1652,10 @@ function V4() {
     function m(v, k) {
       return v === k ? v !== 0 || 1 / v === 1 / k : v !== v && k !== k;
     }
-    function g(v, k) {
+    function h(v, k) {
       this.message = v, this.data = k && typeof k == "object" ? k : {}, this.stack = "";
     }
-    g.prototype = Error.prototype;
+    h.prototype = Error.prototype;
     function C(v) {
       if (process.env.NODE_ENV !== "production")
         var k = {}, H = 0;
@@ -1674,7 +1674,7 @@ function V4() {
             ), k[de] = !0, H++);
           }
         }
-        return R[D] == null ? V ? R[D] === null ? new g("The " + W + " `" + U + "` is marked as required " + ("in `" + I + "`, but its value is `null`.")) : new g("The " + W + " `" + U + "` is marked as required in " + ("`" + I + "`, but its value is `undefined`.")) : null : v(R, D, I, W, U);
+        return R[D] == null ? V ? R[D] === null ? new h("The " + W + " `" + U + "` is marked as required " + ("in `" + I + "`, but its value is `null`.")) : new h("The " + W + " `" + U + "` is marked as required in " + ("`" + I + "`, but its value is `undefined`.")) : null : v(R, D, I, W, U);
       }
       var j = B.bind(null, !1);
       return j.isRequired = B.bind(null, !0), j;
@@ -1684,7 +1684,7 @@ function V4() {
         var I = H[B], W = K(I);
         if (W !== v) {
           var U = G(I);
-          return new g(
+          return new h(
             "Invalid " + V + " `" + R + "` of type " + ("`" + U + "` supplied to `" + j + "`, expected ") + ("`" + v + "`."),
             { expectedType: v }
           );
@@ -1699,11 +1699,11 @@ function V4() {
     function T(v) {
       function k(H, B, j, V, R) {
         if (typeof v != "function")
-          return new g("Property `" + R + "` of component `" + j + "` has invalid PropType notation inside arrayOf.");
+          return new h("Property `" + R + "` of component `" + j + "` has invalid PropType notation inside arrayOf.");
         var D = H[B];
         if (!Array.isArray(D)) {
           var I = K(D);
-          return new g("Invalid " + V + " `" + R + "` of type " + ("`" + I + "` supplied to `" + j + "`, expected an array."));
+          return new h("Invalid " + V + " `" + R + "` of type " + ("`" + I + "` supplied to `" + j + "`, expected an array."));
         }
         for (var W = 0; W < D.length; W++) {
           var U = v(D, W, j, V, R + "[" + W + "]", n);
@@ -1719,7 +1719,7 @@ function V4() {
         var R = k[H];
         if (!s(R)) {
           var D = K(R);
-          return new g("Invalid " + j + " `" + V + "` of type " + ("`" + D + "` supplied to `" + B + "`, expected a single ReactElement."));
+          return new h("Invalid " + j + " `" + V + "` of type " + ("`" + D + "` supplied to `" + B + "`, expected a single ReactElement."));
         }
         return null;
       }
@@ -1730,7 +1730,7 @@ function V4() {
         var R = k[H];
         if (!t.isValidElementType(R)) {
           var D = K(R);
-          return new g("Invalid " + j + " `" + V + "` of type " + ("`" + D + "` supplied to `" + B + "`, expected a single ReactElement type."));
+          return new h("Invalid " + j + " `" + V + "` of type " + ("`" + D + "` supplied to `" + B + "`, expected a single ReactElement type."));
         }
         return null;
       }
@@ -1740,7 +1740,7 @@ function V4() {
       function k(H, B, j, V, R) {
         if (!(H[B] instanceof v)) {
           var D = v.name || p, I = Y(H[B]);
-          return new g("Invalid " + V + " `" + R + "` of type " + ("`" + I + "` supplied to `" + j + "`, expected ") + ("instance of `" + D + "`."));
+          return new h("Invalid " + V + " `" + R + "` of type " + ("`" + I + "` supplied to `" + j + "`, expected ") + ("instance of `" + D + "`."));
         }
         return null;
       }
@@ -1759,17 +1759,17 @@ function V4() {
           var A = G(te);
           return A === "symbol" ? String(te) : te;
         });
-        return new g("Invalid " + V + " `" + R + "` of value `" + String(D) + "` " + ("supplied to `" + j + "`, expected one of " + W + "."));
+        return new h("Invalid " + V + " `" + R + "` of value `" + String(D) + "` " + ("supplied to `" + j + "`, expected one of " + W + "."));
       }
       return C(k);
     }
     function $(v) {
       function k(H, B, j, V, R) {
         if (typeof v != "function")
-          return new g("Property `" + R + "` of component `" + j + "` has invalid PropType notation inside objectOf.");
+          return new h("Property `" + R + "` of component `" + j + "` has invalid PropType notation inside objectOf.");
         var D = H[B], I = K(D);
         if (I !== "object")
-          return new g("Invalid " + V + " `" + R + "` of type " + ("`" + I + "` supplied to `" + j + "`, expected an object."));
+          return new h("Invalid " + V + " `" + R + "` of type " + ("`" + I + "` supplied to `" + j + "`, expected an object."));
         for (var W in D)
           if (r(D, W)) {
             var U = v(D, W, j, V, R + "." + W, n);
@@ -1798,18 +1798,18 @@ function V4() {
           A.data && r(A.data, "expectedType") && W.push(A.data.expectedType);
         }
         var de = W.length > 0 ? ", expected one of type [" + W.join(", ") + "]" : "";
-        return new g("Invalid " + D + " `" + I + "` supplied to " + ("`" + R + "`" + de + "."));
+        return new h("Invalid " + D + " `" + I + "` supplied to " + ("`" + R + "`" + de + "."));
       }
       return C(B);
     }
     function P() {
       function v(k, H, B, j, V) {
-        return Q(k[H]) ? null : new g("Invalid " + j + " `" + V + "` supplied to " + ("`" + B + "`, expected a ReactNode."));
+        return Q(k[H]) ? null : new h("Invalid " + j + " `" + V + "` supplied to " + ("`" + B + "`, expected a ReactNode."));
       }
       return C(v);
     }
     function E(v, k, H, B, j) {
-      return new g(
+      return new h(
         (v || "React class") + ": " + k + " type `" + H + "." + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + j + "`."
       );
     }
@@ -1817,7 +1817,7 @@ function V4() {
       function k(H, B, j, V, R) {
         var D = H[B], I = K(D);
         if (I !== "object")
-          return new g("Invalid " + V + " `" + R + "` of type `" + I + "` " + ("supplied to `" + j + "`, expected `object`."));
+          return new h("Invalid " + V + " `" + R + "` of type `" + I + "` " + ("supplied to `" + j + "`, expected `object`."));
         for (var W in v) {
           var U = v[W];
           if (typeof U != "function")
@@ -1834,14 +1834,14 @@ function V4() {
       function k(H, B, j, V, R) {
         var D = H[B], I = K(D);
         if (I !== "object")
-          return new g("Invalid " + V + " `" + R + "` of type `" + I + "` " + ("supplied to `" + j + "`, expected `object`."));
+          return new h("Invalid " + V + " `" + R + "` of type `" + I + "` " + ("supplied to `" + j + "`, expected `object`."));
         var W = e({}, H[B], v);
         for (var U in W) {
           var te = v[U];
           if (r(v, U) && typeof te != "function")
             return E(j, V, R, U, G(te));
           if (!te)
-            return new g(
+            return new h(
               "Invalid " + V + " `" + R + "` key `" + U + "` supplied to `" + j + "`.\nBad object: " + JSON.stringify(H[B], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
             );
@@ -1984,7 +1984,7 @@ function D4() {
   return An.exports;
 }
 var B4 = /* @__PURE__ */ D4();
-const h = /* @__PURE__ */ mn(B4);
+const g = /* @__PURE__ */ mn(B4);
 var qo, ep;
 function I4() {
   if (ep) return qo;
@@ -2154,8 +2154,8 @@ var li, mp;
 function Y4() {
   if (mp) return li;
   mp = 1;
-  var t = yn(), e = y9(), n = vn(), r = "[object Arguments]", a = "[object Array]", o = "[object Boolean]", i = "[object Date]", s = "[object Error]", l = "[object Function]", u = "[object Map]", c = "[object Number]", f = "[object Object]", p = "[object RegExp]", d = "[object Set]", m = "[object String]", g = "[object WeakMap]", C = "[object ArrayBuffer]", O = "[object DataView]", w = "[object Float32Array]", T = "[object Float64Array]", x = "[object Int8Array]", y = "[object Int16Array]", L = "[object Int32Array]", _ = "[object Uint8Array]", $ = "[object Uint8ClampedArray]", N = "[object Uint16Array]", P = "[object Uint32Array]", E = {};
-  E[w] = E[T] = E[x] = E[y] = E[L] = E[_] = E[$] = E[N] = E[P] = !0, E[r] = E[a] = E[C] = E[o] = E[O] = E[i] = E[s] = E[l] = E[u] = E[c] = E[f] = E[p] = E[d] = E[m] = E[g] = !1;
+  var t = yn(), e = y9(), n = vn(), r = "[object Arguments]", a = "[object Array]", o = "[object Boolean]", i = "[object Date]", s = "[object Error]", l = "[object Function]", u = "[object Map]", c = "[object Number]", f = "[object Object]", p = "[object RegExp]", d = "[object Set]", m = "[object String]", h = "[object WeakMap]", C = "[object ArrayBuffer]", O = "[object DataView]", w = "[object Float32Array]", T = "[object Float64Array]", x = "[object Int8Array]", y = "[object Int16Array]", L = "[object Int32Array]", _ = "[object Uint8Array]", $ = "[object Uint8ClampedArray]", N = "[object Uint16Array]", P = "[object Uint32Array]", E = {};
+  E[w] = E[T] = E[x] = E[y] = E[L] = E[_] = E[$] = E[N] = E[P] = !0, E[r] = E[a] = E[C] = E[o] = E[O] = E[i] = E[s] = E[l] = E[u] = E[c] = E[f] = E[p] = E[d] = E[m] = E[h] = !1;
   function Z(z) {
     return n(z) && e(z.length) && !!E[t(z)];
   }
@@ -2222,9 +2222,9 @@ function ny() {
   $p = 1;
   var t = ty(), e = wc(), n = yc(), r = Oc(), a = v9(), o = kc(), i = Object.prototype, s = i.hasOwnProperty;
   function l(u, c) {
-    var f = n(u), p = !f && e(u), d = !f && !p && r(u), m = !f && !p && !d && o(u), g = f || p || d || m, C = g ? t(u.length, String) : [], O = C.length;
+    var f = n(u), p = !f && e(u), d = !f && !p && r(u), m = !f && !p && !d && o(u), h = f || p || d || m, C = h ? t(u.length, String) : [], O = C.length;
     for (var w in u)
-      (c || s.call(u, w)) && !(g && // Safari 9 has enumerable `arguments.length` in strict mode.
+      (c || s.call(u, w)) && !(h && // Safari 9 has enumerable `arguments.length` in strict mode.
       (w == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
       d && (w == "offset" || w == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
       m && (w == "buffer" || w == "byteLength" || w == "byteOffset") || // Skip index properties.
@@ -2529,7 +2529,7 @@ function vy() {
   if (Up) return Mi;
   Up = 1;
   var t = w9(), e = iy(), n = ly(), r = uy(), a = dy(), o = wc(), i = yc(), s = fy(), l = Oc(), u = vc(), c = bt(), f = ry(), p = kc(), d = O9(), m = yy();
-  function g(C, O, w, T, x, y, L) {
+  function h(C, O, w, T, x, y, L) {
     var _ = d(C, w), $ = d(O, w), N = L.get($);
     if (N) {
       t(C, w, N);
@@ -2542,7 +2542,7 @@ function vy() {
     }
     E && (L.set($, P), x(P, $, T, y, L), L.delete($)), t(C, w, P);
   }
-  return Mi = g, Mi;
+  return Mi = h, Mi;
 }
 var Hi, Wp;
 function by() {
@@ -2554,8 +2554,8 @@ function by() {
       if (p || (p = new t()), a(d))
         r(l, u, m, c, s, f, p);
       else {
-        var g = f ? f(i(l, m), d, m + "", l, u, p) : void 0;
-        g === void 0 && (g = d), e(l, m, g);
+        var h = f ? f(i(l, m), d, m + "", l, u, p) : void 0;
+        h === void 0 && (h = d), e(l, m, h);
       }
     }, o);
   }
@@ -2994,7 +2994,7 @@ var Xy = function(t, e) {
 function e6(t) {
   var e, n = t.state, r = t.name, a = t.options, o = n.elements.arrow, i = n.modifiersData.popperOffsets, s = Ne(n.placement), l = Tc(s), u = [ye, Le].indexOf(s) >= 0, c = u ? "height" : "width";
   if (!(!o || !i)) {
-    var f = Xy(a.padding, n), p = Lc(o), d = l === "y" ? me : ye, m = l === "y" ? Se : Le, g = n.rects.reference[c] + n.rects.reference[l] - i[l] - n.rects.popper[c], C = i[l] - n.rects.reference[l], O = wn(o), w = O ? l === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, T = g / 2 - C / 2, x = f[d], y = w - p[c] - f[m], L = w / 2 - p[c] / 2 + T, _ = rn(x, L, y), $ = l;
+    var f = Xy(a.padding, n), p = Lc(o), d = l === "y" ? me : ye, m = l === "y" ? Se : Le, h = n.rects.reference[c] + n.rects.reference[l] - i[l] - n.rects.popper[c], C = i[l] - n.rects.reference[l], O = wn(o), w = O ? l === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, T = h / 2 - C / 2, x = f[d], y = w - p[c] - f[m], L = w / 2 - p[c] / 2 + T, _ = rn(x, L, y), $ = l;
     n.modifiersData[r] = (e = {}, e[$] = _, e.centerOffset = _ - L, e);
   }
 }
@@ -3028,14 +3028,14 @@ function a6(t, e) {
   };
 }
 function u2(t) {
-  var e, n = t.popper, r = t.popperRect, a = t.placement, o = t.variation, i = t.offsets, s = t.position, l = t.gpuAcceleration, u = t.adaptive, c = t.roundOffsets, f = t.isFixed, p = i.x, d = p === void 0 ? 0 : p, m = i.y, g = m === void 0 ? 0 : m, C = typeof c == "function" ? c({
+  var e, n = t.popper, r = t.popperRect, a = t.placement, o = t.variation, i = t.offsets, s = t.position, l = t.gpuAcceleration, u = t.adaptive, c = t.roundOffsets, f = t.isFixed, p = i.x, d = p === void 0 ? 0 : p, m = i.y, h = m === void 0 ? 0 : m, C = typeof c == "function" ? c({
     x: d,
-    y: g
+    y: h
   }) : {
     x: d,
-    y: g
+    y: h
   };
-  d = C.x, g = C.y;
+  d = C.x, h = C.y;
   var O = i.hasOwnProperty("x"), w = i.hasOwnProperty("y"), T = ye, x = me, y = window;
   if (u) {
     var L = wn(n), _ = "clientHeight", $ = "clientWidth";
@@ -3045,7 +3045,7 @@ function u2(t) {
         // $FlowFixMe[prop-missing]
         L[_]
       );
-      g -= N - r.height, g *= l ? 1 : -1;
+      h -= N - r.height, h *= l ? 1 : -1;
     }
     if (a === ye || (a === me || a === Se) && o === un) {
       T = Le;
@@ -3060,16 +3060,16 @@ function u2(t) {
     position: s
   }, u && r6), Z = c === !0 ? a6({
     x: d,
-    y: g
+    y: h
   }, we(n)) : {
     x: d,
-    y: g
+    y: h
   };
-  if (d = Z.x, g = Z.y, l) {
+  if (d = Z.x, h = Z.y, l) {
     var z;
-    return Object.assign({}, E, (z = {}, z[x] = w ? "0" : "", z[T] = O ? "0" : "", z.transform = (y.devicePixelRatio || 1) <= 1 ? "translate(" + d + "px, " + g + "px)" : "translate3d(" + d + "px, " + g + "px, 0)", z));
+    return Object.assign({}, E, (z = {}, z[x] = w ? "0" : "", z[T] = O ? "0" : "", z.transform = (y.devicePixelRatio || 1) <= 1 ? "translate(" + d + "px, " + h + "px)" : "translate3d(" + d + "px, " + h + "px, 0)", z));
   }
-  return Object.assign({}, E, (e = {}, e[x] = w ? g + "px" : "", e[T] = O ? d + "px" : "", e.transform = "", e));
+  return Object.assign({}, E, (e = {}, e[x] = w ? h + "px" : "", e[T] = O ? d + "px" : "", e.transform = "", e));
 }
 function o6(t) {
   var e = t.state, n = t.options, r = n.gpuAcceleration, a = r === void 0 ? !0 : r, o = n.adaptive, i = o === void 0 ? !0 : o, s = n.roundOffsets, l = s === void 0 ? !0 : s, u = {
@@ -3269,7 +3269,7 @@ function N9(t) {
 }
 function cn(t, e) {
   e === void 0 && (e = {});
-  var n = e, r = n.placement, a = r === void 0 ? t.placement : r, o = n.strategy, i = o === void 0 ? t.strategy : o, s = n.boundary, l = s === void 0 ? My : s, u = n.rootBoundary, c = u === void 0 ? _9 : u, f = n.elementContext, p = f === void 0 ? Yt : f, d = n.altBoundary, m = d === void 0 ? !1 : d, g = n.padding, C = g === void 0 ? 0 : g, O = A9(typeof C != "number" ? C : P9(C, $n)), w = p === Yt ? Hy : Yt, T = t.rects.popper, x = t.elements[m ? w : p], y = g6(mt(x) ? x : x.contextElement || at(t.elements.popper), l, c, i), L = Pt(t.elements.reference), _ = N9({
+  var n = e, r = n.placement, a = r === void 0 ? t.placement : r, o = n.strategy, i = o === void 0 ? t.strategy : o, s = n.boundary, l = s === void 0 ? My : s, u = n.rootBoundary, c = u === void 0 ? _9 : u, f = n.elementContext, p = f === void 0 ? Yt : f, d = n.altBoundary, m = d === void 0 ? !1 : d, h = n.padding, C = h === void 0 ? 0 : h, O = A9(typeof C != "number" ? C : P9(C, $n)), w = p === Yt ? Hy : Yt, T = t.rects.popper, x = t.elements[m ? w : p], y = g6(mt(x) ? x : x.contextElement || at(t.elements.popper), l, c, i), L = Pt(t.elements.reference), _ = N9({
     reference: L,
     element: T,
     placement: a
@@ -3296,16 +3296,16 @@ function m6(t, e) {
     return u.indexOf(m) >= 0;
   });
   p.length === 0 && (p = f);
-  var d = p.reduce(function(m, g) {
-    return m[g] = cn(t, {
-      placement: g,
+  var d = p.reduce(function(m, h) {
+    return m[h] = cn(t, {
+      placement: h,
       boundary: a,
       rootBoundary: o,
       padding: i
-    })[Ne(g)], m;
+    })[Ne(h)], m;
   }, {});
-  return Object.keys(d).sort(function(m, g) {
-    return d[m] - d[g];
+  return Object.keys(d).sort(function(m, h) {
+    return d[m] - d[h];
   });
 }
 function y6(t) {
@@ -3317,14 +3317,14 @@ function y6(t) {
 function v6(t) {
   var e = t.state, n = t.options, r = t.name;
   if (!e.modifiersData[r]._skip) {
-    for (var a = n.mainAxis, o = a === void 0 ? !0 : a, i = n.altAxis, s = i === void 0 ? !0 : i, l = n.fallbackPlacements, u = n.padding, c = n.boundary, f = n.rootBoundary, p = n.altBoundary, d = n.flipVariations, m = d === void 0 ? !0 : d, g = n.allowedAutoPlacements, C = e.options.placement, O = Ne(C), w = O === C, T = l || (w || !m ? [zn(C)] : y6(C)), x = [C].concat(T).reduce(function(j, V) {
+    for (var a = n.mainAxis, o = a === void 0 ? !0 : a, i = n.altAxis, s = i === void 0 ? !0 : i, l = n.fallbackPlacements, u = n.padding, c = n.boundary, f = n.rootBoundary, p = n.altBoundary, d = n.flipVariations, m = d === void 0 ? !0 : d, h = n.allowedAutoPlacements, C = e.options.placement, O = Ne(C), w = O === C, T = l || (w || !m ? [zn(C)] : y6(C)), x = [C].concat(T).reduce(function(j, V) {
       return j.concat(Ne(V) === Ec ? m6(e, {
         placement: V,
         boundary: c,
         rootBoundary: f,
         padding: u,
         flipVariations: m,
-        allowedAutoPlacements: g
+        allowedAutoPlacements: h
       }) : V);
     }, []), y = e.rects.reference, L = e.rects.popper, _ = /* @__PURE__ */ new Map(), $ = !0, N = x[0], P = 0; P < x.length; P++) {
       var E = x[P], Z = Ne(E), z = jt(E) === Tt, Q = [me, Se].indexOf(Z) >= 0, X = Q ? "width" : "height", K = cn(e, {
@@ -3455,14 +3455,14 @@ function E6(t) {
   return t === "x" ? "y" : "x";
 }
 function S6(t) {
-  var e = t.state, n = t.options, r = t.name, a = n.mainAxis, o = a === void 0 ? !0 : a, i = n.altAxis, s = i === void 0 ? !1 : i, l = n.boundary, u = n.rootBoundary, c = n.altBoundary, f = n.padding, p = n.tether, d = p === void 0 ? !0 : p, m = n.tetherOffset, g = m === void 0 ? 0 : m, C = cn(e, {
+  var e = t.state, n = t.options, r = t.name, a = n.mainAxis, o = a === void 0 ? !0 : a, i = n.altAxis, s = i === void 0 ? !1 : i, l = n.boundary, u = n.rootBoundary, c = n.altBoundary, f = n.padding, p = n.tether, d = p === void 0 ? !0 : p, m = n.tetherOffset, h = m === void 0 ? 0 : m, C = cn(e, {
     boundary: l,
     rootBoundary: u,
     padding: f,
     altBoundary: c
-  }), O = Ne(e.placement), w = jt(e.placement), T = !w, x = Tc(O), y = E6(x), L = e.modifiersData.popperOffsets, _ = e.rects.reference, $ = e.rects.popper, N = typeof g == "function" ? g(Object.assign({}, e.rects, {
+  }), O = Ne(e.placement), w = jt(e.placement), T = !w, x = Tc(O), y = E6(x), L = e.modifiersData.popperOffsets, _ = e.rects.reference, $ = e.rects.popper, N = typeof h == "function" ? h(Object.assign({}, e.rects, {
     placement: e.placement
-  })) : g, P = typeof N == "number" ? {
+  })) : h, P = typeof N == "number" ? {
     mainAxis: N,
     altAxis: N
   } : Object.assign({
@@ -3603,8 +3603,8 @@ function R6(t) {
       styles: {}
     }, c = [], f = !1, p = {
       state: u,
-      setOptions: function(g) {
-        var C = typeof g == "function" ? g(u.options) : g;
+      setOptions: function(h) {
+        var C = typeof h == "function" ? h(u.options) : h;
         m(), u.options = Object.assign({}, o, u.options, C), u.scrollParents = {
           reference: mt(i) ? an(i) : i.contextElement ? an(i.contextElement) : [],
           popper: an(s)
@@ -3621,7 +3621,7 @@ function R6(t) {
       // prefer the async Popper#update method
       forceUpdate: function() {
         if (!f) {
-          var g = u.elements, C = g.reference, O = g.popper;
+          var h = u.elements, C = h.reference, O = h.popper;
           if (g2(C, O)) {
             u.rects = {
               reference: j6(C, wn(O), u.options.strategy === "fixed"),
@@ -3648,8 +3648,8 @@ function R6(t) {
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
       update: H6(function() {
-        return new Promise(function(g) {
-          p.forceUpdate(), g(u);
+        return new Promise(function(h) {
+          p.forceUpdate(), h(u);
         });
       }),
       destroy: function() {
@@ -3658,12 +3658,12 @@ function R6(t) {
     };
     if (!g2(i, s))
       return p;
-    p.setOptions(l).then(function(g) {
-      !f && l.onFirstUpdate && l.onFirstUpdate(g);
+    p.setOptions(l).then(function(h) {
+      !f && l.onFirstUpdate && l.onFirstUpdate(h);
     });
     function d() {
-      u.orderedModifiers.forEach(function(g) {
-        var C = g.name, O = g.options, w = O === void 0 ? {} : O, T = g.effect;
+      u.orderedModifiers.forEach(function(h) {
+        var C = h.name, O = h.options, w = O === void 0 ? {} : O, T = h.effect;
         if (typeof T == "function") {
           var x = T({
             state: u,
@@ -3677,8 +3677,8 @@ function R6(t) {
       });
     }
     function m() {
-      c.forEach(function(g) {
-        return g();
+      c.forEach(function(h) {
+        return h();
       }), c = [];
     }
     return p;
@@ -3693,61 +3693,61 @@ const I6 = {
    *
    * Defaults to **null**.
    */
-  ariaHidden: h.bool,
+  ariaHidden: g.bool,
   /**
    * Accessibility label for assistive technologies.
    *
    * Defaults to **null**.
    */
-  ariaLabel: h.string,
+  ariaLabel: g.string,
   /**
    * Id of the component being labeled for assistive technologies.
    *
    * Defaults to **null**.
    */
-  ariaLabelledBy: h.string,
+  ariaLabelledBy: g.string,
   /**
    * The custom icon notification badge to be rendered. The icon notification badge component prevents `xsmall` and `small` icon size
    *
    * Defaults to **undefined**.
    */
-  badge: h.node,
+  badge: g.node,
   /**
    * The placement of the notification badge on the icon to start.  It will flip to the opposite side if there is no room.
    *
    * Defaults to **'right-start'**.
    */
-  badgePlacement: h.oneOf(["right-start", "left-start"]),
+  badgePlacement: g.oneOf(["right-start", "left-start"]),
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: h.string,
+  className: g.string,
   /**
    * Mostly commonly a string but accepts any valid markup or components. If a custom icon is used styles like color and size will need be handled with custom CSS.
    *
    * Defaults to **null**.
    */
-  icon: h.oneOfType([h.string, h.node]),
+  icon: g.oneOfType([g.string, g.node]),
   /**
    * One of 'xsmall', 'small', 'medium', 'large', and 'xlarge' will change the size of the icon. Defaults to medium.
    *
    * Defaults to **'medium'**.
    */
-  iconSize: h.oneOf(["xsmall", "small", "medium", "large", "xlarge"]),
+  iconSize: g.oneOf(["xsmall", "small", "medium", "large", "xlarge"]),
   /**
    * The icon type to be rendered. Not all icons have every type. To see which icons are available for different types see [Material Icons docs](https://material.io/tools/icons)
    *
    * Defaults to **'filled'**.
    */
-  iconType: h.oneOf(["filled", "outlined", "rounded", "two-tone", "sharp"]),
+  iconType: g.oneOf(["filled", "outlined", "rounded", "two-tone", "sharp"]),
   /**
    * Add pointer icon style
    *
    * Defaults to **false**.
    */
-  pointer: h.bool,
+  pointer: g.bool,
   /**
    * @deprecated _Renamed, see iconSize instead._
    *
@@ -3755,13 +3755,13 @@ const I6 = {
    *
    * Defaults to **undefined**.
    */
-  size: fe(h.oneOf(["xsmall", "small", "medium", "large", "xlarge"]), "Icon", "Renamed, see iconSize instead."),
+  size: fe(g.oneOf(["xsmall", "small", "medium", "large", "xlarge"]), "Icon", "Renamed, see iconSize instead."),
   /**
    * Color variations. Variants prefixed with `filled-` will add a background color to the icon according to the theme. Variants prefixed with ` color-` will change the color of the icon according to the theme.
    *
    * Defaults to **empty string**.
    */
-  variant: Ce(h.oneOf(["", "filled-danger-alt", "filled-danger", "filled-primary", "filled-secondary", "color-primary", "color-secondary", "color-on-dark", "color-on-unknown-black", "secondary-on-surface", "blue", "gray", "green", "orange", "purple", "red", "teal", "yellow"]), ["primary-alt", "secondary-alt", "primary", "danger-alt", "danger", "muted"], "Icon", "Please use one of '','filled-danger-alt','filled-danger','filled-primary','filled-secondary','color-primary','color-secondary','color-on-dark','color-on-unknown-black','secondary-on-surface','blue','gray','green','orange','purple','red','teal','yellow'.")
+  variant: Ce(g.oneOf(["", "filled-danger-alt", "filled-danger", "filled-primary", "filled-secondary", "color-primary", "color-secondary", "color-on-dark", "color-on-unknown-black", "secondary-on-surface", "blue", "gray", "green", "orange", "purple", "red", "teal", "yellow"]), ["primary-alt", "secondary-alt", "primary", "danger-alt", "danger", "muted"], "Icon", "Please use one of '','filled-danger-alt','filled-danger','filled-primary','filled-secondary','color-primary','color-secondary','color-on-dark','color-on-unknown-black','secondary-on-surface','blue','gray','green','orange','purple','red','teal','yellow'.")
 }, Z6 = {
   ariaHidden: null,
   ariaLabel: null,
@@ -3790,9 +3790,9 @@ const I6 = {
     iconSize: p,
     variant: d,
     ...m
-  } = t, g = re(), C = re(), O = re();
+  } = t, h = re(), C = re(), O = re();
   let w = f || p;
-  o && (w === "xsmall" || w === "small") && (w = "medium"), oe(e, () => g.current, []), Py(() => {
+  o && (w === "xsmall" || w === "small") && (w = "medium"), oe(e, () => h.current, []), Py(() => {
     if (o) {
       let x;
       o.props.counter != null ? x = [{
@@ -3820,7 +3820,7 @@ const I6 = {
         options: {
           offset: [0, -10]
         }
-      }], O.current = B6(g.current, C.current, {
+      }], O.current = B6(h.current, C.current, {
         placement: i,
         modifiers: x
       });
@@ -3837,7 +3837,7 @@ const I6 = {
     "aria-labelledby": a,
     "aria-hidden": r || a ? n : !1
   }, m, {
-    ref: g
+    ref: h
   }), l, nn(o, {
     ref: C
   }));
@@ -4020,7 +4020,7 @@ const F6 = (t, e, n, r) => {
   } = c;
   let d = l || ((r = u.options) == null ? void 0 : r.defaultNS);
   d = pt(d) ? [d] : d || ["translation"], (o = (a = u.reportNamespaces).addUsedNamespaces) == null || o.call(a, d);
-  const m = (u.isInitialized || u.initializedStoreOnce) && d.every(($) => z6($, u, c)), g = q6(u, e.lng || null, c.nsMode === "fallback" ? d : d[0], p), C = () => g, O = () => H9(u, e.lng || null, c.nsMode === "fallback" ? d : d[0], p), [w, T] = gt(C);
+  const m = (u.isInitialized || u.initializedStoreOnce) && d.every(($) => z6($, u, c)), h = q6(u, e.lng || null, c.nsMode === "fallback" ? d : d[0], p), C = () => h, O = () => H9(u, e.lng || null, c.nsMode === "fallback" ? d : d[0], p), [w, T] = gt(C);
   let x = d.join();
   e.lng && (x = `${e.lng}${x}`);
   const y = W6(x), L = re(!0);
@@ -4947,13 +4947,13 @@ let S2 = class B9 extends yr {
     }
     const f = this.resolve(e, n);
     let p = f?.res;
-    const d = f?.usedKey || i, m = f?.exactUsedKey || i, g = ["[object Number]", "[object Function]", "[object RegExp]"], C = n.joinArrays !== void 0 ? n.joinArrays : this.options.joinArrays, O = !this.i18nFormat || this.i18nFormat.handleAsObject, w = n.count !== void 0 && !ee(n.count), T = B9.hasDefaultValue(n), x = w ? this.pluralResolver.getSuffix(u, n.count, n) : "", y = n.ordinal && w ? this.pluralResolver.getSuffix(u, n.count, {
+    const d = f?.usedKey || i, m = f?.exactUsedKey || i, h = ["[object Number]", "[object Function]", "[object RegExp]"], C = n.joinArrays !== void 0 ? n.joinArrays : this.options.joinArrays, O = !this.i18nFormat || this.i18nFormat.handleAsObject, w = n.count !== void 0 && !ee(n.count), T = B9.hasDefaultValue(n), x = w ? this.pluralResolver.getSuffix(u, n.count, n) : "", y = n.ordinal && w ? this.pluralResolver.getSuffix(u, n.count, {
       ordinal: !1
     }) : "", L = w && !n.ordinal && n.count === 0, _ = L && n[`defaultValue${this.options.pluralSeparator}zero`] || n[`defaultValue${x}`] || n[`defaultValue${y}`] || n.defaultValue;
     let $ = p;
     O && !p && T && ($ = _);
     const N = E2($), P = Object.prototype.toString.apply($);
-    if (O && $ && N && g.indexOf(P) < 0 && !(ee(C) && Array.isArray($))) {
+    if (O && $ && N && h.indexOf(P) < 0 && !(ee(C) && Array.isArray($))) {
       if (!n.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
         const E = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(d, $, {
@@ -5044,13 +5044,13 @@ let S2 = class B9 extends yr {
         ...this.options.interpolation.defaultVariables,
         ...d
       }), e = this.interpolator.interpolate(e, d, r.lng || this.language || a.usedLng, r), f) {
-        const m = e.match(this.interpolator.nestingRegexp), g = m && m.length;
-        p < g && (r.nest = !1);
+        const m = e.match(this.interpolator.nestingRegexp), h = m && m.length;
+        p < h && (r.nest = !1);
       }
       !r.lng && a && a.res && (r.lng = this.language || a.usedLng), r.nest !== !1 && (e = this.interpolator.nest(e, function() {
-        for (var m = arguments.length, g = new Array(m), C = 0; C < m; C++)
-          g[C] = arguments[C];
-        return o?.[0] === g[0] && !r.context ? (l.logger.warn(`It seems you are nesting recursively key: ${g[0]} in key: ${n[0]}`), null) : l.translate(...g, n);
+        for (var m = arguments.length, h = new Array(m), C = 0; C < m; C++)
+          h[C] = arguments[C];
+        return o?.[0] === h[0] && !r.context ? (l.logger.warn(`It seems you are nesting recursively key: ${h[0]} in key: ${n[0]}`), null) : l.translate(...h, n);
       }, r)), r.interpolation && this.interpolator.reset();
     }
     const u = r.postProcess || this.options.postProcess, c = ee(u) ? [u] : u;
@@ -5070,10 +5070,10 @@ let S2 = class B9 extends yr {
       a = c;
       let f = u.namespaces;
       this.options.fallbackNS && (f = f.concat(this.options.fallbackNS));
-      const p = n.count !== void 0 && !ee(n.count), d = p && !n.ordinal && n.count === 0, m = n.context !== void 0 && (ee(n.context) || typeof n.context == "number") && n.context !== "", g = n.lngs ? n.lngs : this.languageUtils.toResolveHierarchy(n.lng || this.language, n.fallbackLng);
+      const p = n.count !== void 0 && !ee(n.count), d = p && !n.ordinal && n.count === 0, m = n.context !== void 0 && (ee(n.context) || typeof n.context == "number") && n.context !== "", h = n.lngs ? n.lngs : this.languageUtils.toResolveHierarchy(n.lng || this.language, n.fallbackLng);
       f.forEach((C) => {
         var O, w;
-        this.isValidLookup(r) || (s = C, !_2[`${g[0]}-${C}`] && (O = this.utils) != null && O.hasLoadedNamespace && !((w = this.utils) != null && w.hasLoadedNamespace(s)) && (_2[`${g[0]}-${C}`] = !0, this.logger.warn(`key "${a}" for languages "${g.join(", ")}" won't get resolved as namespace "${s}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), g.forEach((T) => {
+        this.isValidLookup(r) || (s = C, !_2[`${h[0]}-${C}`] && (O = this.utils) != null && O.hasLoadedNamespace && !((w = this.utils) != null && w.hasLoadedNamespace(s)) && (_2[`${h[0]}-${C}`] = !0, this.logger.warn(`key "${a}" for languages "${h.join(", ")}" won't get resolved as namespace "${s}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), h.forEach((T) => {
           var x;
           if (this.isValidLookup(r)) return;
           i = T;
@@ -5287,12 +5287,12 @@ let A7 = class {
       nestingPrefix: p,
       nestingPrefixEscaped: d,
       nestingSuffix: m,
-      nestingSuffixEscaped: g,
+      nestingSuffixEscaped: h,
       nestingOptionsSeparator: C,
       maxReplaces: O,
       alwaysFormat: w
     } = e.interpolation;
-    this.escape = n !== void 0 ? n : w7, this.escapeValue = r !== void 0 ? r : !0, this.useRawValueToEscape = a !== void 0 ? a : !1, this.prefix = o ? Ot(o) : i || "{{", this.suffix = s ? Ot(s) : l || "}}", this.formatSeparator = u || ",", this.unescapePrefix = c ? "" : f || "-", this.unescapeSuffix = this.unescapePrefix ? "" : c || "", this.nestingPrefix = p ? Ot(p) : d || Ot("$t("), this.nestingSuffix = m ? Ot(m) : g || Ot(")"), this.nestingOptionsSeparator = C || ",", this.maxReplaces = O || 1e3, this.alwaysFormat = w !== void 0 ? w : !1, this.resetRegExp();
+    this.escape = n !== void 0 ? n : w7, this.escapeValue = r !== void 0 ? r : !0, this.useRawValueToEscape = a !== void 0 ? a : !1, this.prefix = o ? Ot(o) : i || "{{", this.suffix = s ? Ot(s) : l || "}}", this.formatSeparator = u || ",", this.unescapePrefix = c ? "" : f || "-", this.unescapeSuffix = this.unescapePrefix ? "" : c || "", this.nestingPrefix = p ? Ot(p) : d || Ot("$t("), this.nestingSuffix = m ? Ot(m) : h || Ot(")"), this.nestingOptionsSeparator = C || ",", this.maxReplaces = O || 1e3, this.alwaysFormat = w !== void 0 ? w : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -5313,11 +5313,11 @@ let A7 = class {
           interpolationkey: d
         }) : O;
       }
-      const m = d.split(this.formatSeparator), g = m.shift().trim(), C = m.join(this.formatSeparator).trim();
-      return this.format(P2(n, u, g, this.options.keySeparator, this.options.ignoreJSONStructure), C, r, {
+      const m = d.split(this.formatSeparator), h = m.shift().trim(), C = m.join(this.formatSeparator).trim();
+      return this.format(P2(n, u, h, this.options.keySeparator, this.options.ignoreJSONStructure), C, r, {
         ...a,
         ...n,
-        interpolationkey: g
+        interpolationkey: h
       });
     };
     this.resetRegExp();
@@ -5343,8 +5343,8 @@ let A7 = class {
           } else
             this.logger.warn(`missed to pass in variable ${m} for interpolating ${e}`), s = "";
         else !ee(s) && !this.useRawValueToEscape && (s = x2(s));
-        const g = d.safeValue(s);
-        if (e = e.replace(i[0], g), p ? (d.regex.lastIndex += s.length, d.regex.lastIndex -= i[0].length) : d.regex.lastIndex = 0, l++, l >= this.maxReplaces)
+        const h = d.safeValue(s);
+        if (e = e.replace(i[0], h), p ? (d.regex.lastIndex += s.length, d.regex.lastIndex -= i[0].length) : d.regex.lastIndex = 0, l++, l >= this.maxReplaces)
           break;
       }
     }), e;
@@ -5364,8 +5364,8 @@ let A7 = class {
           ...u,
           ...i
         });
-      } catch (g) {
-        return this.logger.warn(`failed parsing options string in nesting for key ${l}`, g), `${l}${c}${p}`;
+      } catch (h) {
+        return this.logger.warn(`failed parsing options string in nesting for key ${l}`, h), `${l}${c}${p}`;
       }
       return i.defaultValue && i.defaultValue.indexOf(this.prefix) > -1 && delete i.defaultValue, l;
     };
@@ -5628,10 +5628,10 @@ let M7 = class extends yr {
         }, m = this.backend.create.bind(this.backend);
         if (m.length < 6)
           try {
-            let g;
-            m.length === 5 ? g = m(e, n, r, a, d) : g = m(e, n, r, a), g && typeof g.then == "function" ? g.then((C) => p(null, C)).catch(p) : p(null, g);
-          } catch (g) {
-            p(g);
+            let h;
+            m.length === 5 ? h = m(e, n, r, a, d) : h = m(e, n, r, a), h && typeof h.then == "function" ? h.then((C) => p(null, C)).catch(p) : p(null, h);
+          } catch (h) {
+            p(h);
           }
         else
           m(e, n, r, a, p, d);
@@ -6286,25 +6286,25 @@ const W9 = ({ children: t }) => /* @__PURE__ */ F(G7, { i18n: U9, children: t })
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * The grouping direction.
    *
    * Defaults to **'horizontal'**.
    */
-  direction: h.oneOf(["horizontal", "vertical", "horizontal-reverse", "vertical-reverse"]),
+  direction: g.oneOf(["horizontal", "vertical", "horizontal-reverse", "vertical-reverse"]),
   /**
    * Sets the Group width to be 100%.
    *
    * Defaults to **false**.
    */
-  fullWidth: h.bool,
+  fullWidth: g.bool,
   /**
    * How much spacing between items. Dense is 8p, standard is 16px and airy is 24px.
    *
    * Defaults to **'standard'**.
    */
-  gap: h.oneOf(["dense", "standard", "airy", "none"]),
+  gap: g.oneOf(["dense", "standard", "airy", "none"]),
   /**
    * @deprecated _Renamed for improved clarity. See `gap`._
    *
@@ -6312,19 +6312,19 @@ const W9 = ({ children: t }) => /* @__PURE__ */ F(G7, { i18n: U9, children: t })
    *
    * Defaults to **undefined**.
    */
-  padding: fe(h.oneOf(["dense", "standard", "airy", "none"]), "Group", "Renamed for improved clarity. See `gap`."),
+  padding: fe(g.oneOf(["dense", "standard", "airy", "none"]), "Group", "Renamed for improved clarity. See `gap`."),
   /**
    * Alignment along the primary axis. 'For `horizontal` grouping this means the x-axis positioning, for `vertical`, this means the y-axis positioning.Equivalent to flexbox 'justify-content.
    *
    * Defaults to **'start'**.
    */
-  primaryAlign: h.oneOf(["start", "end", "center", "space-evenly", "space-between", "space-around"]),
+  primaryAlign: g.oneOf(["start", "end", "center", "space-evenly", "space-between", "space-around"]),
   /**
    * Alignment along the secondary axis. For horizontal grouping this means the y-axis positioning, for vertical, this means the x-axis positioning.Equivalent to flexbox 'align-items.
    *
    * Defaults to **'baseline'**.
    */
-  secondaryAlign: h.oneOf(["start", "end", "center", "stretch", "baseline"])
+  secondaryAlign: g.oneOf(["start", "end", "center", "stretch", "baseline"])
 }, Y7 = {
   children: null,
   direction: "horizontal",
@@ -6462,37 +6462,37 @@ const l8 = {
    *
    * Defaults to **false**.
    */
-  bold: h.bool,
+  bold: g.bool,
   /**
    * Expects a string, accepts any valid markup.
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: h.string,
+  className: g.string,
   /**
    * The DOM element to display the typography.
    *
    * Defaults to **'span'**.
    */
-  tag: h.oneOfType([h.string, h.elementType, h.instanceOf(S.Component)]),
+  tag: g.oneOfType([g.string, g.elementType, g.instanceOf(S.Component)]),
   /**
    * Sets theme color for the typography. Does not apply to Link.
    *
    * Defaults to **undefined**.
    */
-  themeColor: Ce(h.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "Typography", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'."),
+  themeColor: Ce(g.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "Typography", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'."),
   /**
    * Sets typography class for the element.
    *
    * Defaults to **'body1'**.
    */
-  type: Ce(h.oneOf(["body1", "body1-bold", "body2", "body2-bold", "button", "caption", "caption-bold", "display1", "display2", "display3", "display4", "display5", "display6", "link", "overline", "subtitle1", "subtitle1-bold", "subtitle2", "subtitle2-bold"]), ["headline1", "headline2", "headline3", "headline4", "headline5", "headline6"], "Typography", "Please use one of 'body1','body1-bold','body2','body2-bold','button','caption','caption-bold','display1','display2','display3','display4','display5','display6','link','overline','subtitle1','subtitle1-bold','subtitle2','subtitle2-bold'.")
+  type: Ce(g.oneOf(["body1", "body1-bold", "body2", "body2-bold", "button", "caption", "caption-bold", "display1", "display2", "display3", "display4", "display5", "display6", "link", "overline", "subtitle1", "subtitle1-bold", "subtitle2", "subtitle2-bold"]), ["headline1", "headline2", "headline3", "headline4", "headline5", "headline6"], "Typography", "Please use one of 'body1','body1-bold','body2','body2-bold','button','caption','caption-bold','display1','display2','display3','display4','display5','display6','link','overline','subtitle1','subtitle1-bold','subtitle2','subtitle2-bold'.")
 }, u8 = {
   bold: !1,
   children: null,
@@ -6506,37 +6506,37 @@ const l8 = {
    *
    * Defaults to **false**.
    */
-  bold: h.bool,
+  bold: g.bool,
   /**
    * Expects a string, accepts any valid markup.
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: h.string,
+  className: g.string,
   /**
    * Sets font properties for body. Acceptable values range from 1 - 2. Higher levels produce smaller type.
    *
    * Defaults to **1**.
    */
-  level: h.oneOf([1, 2]),
+  level: g.oneOf([1, 2]),
   /**
    * The DOM element to display the typography.
    *
    * Defaults to **'span'**.
    */
-  tag: h.oneOfType([h.string, h.elementType, h.instanceOf(S.Component)]),
+  tag: g.oneOfType([g.string, g.elementType, g.instanceOf(S.Component)]),
   /**
    * Sets theme color for the typography.
    *
    * Defaults to **undefined**.
    */
-  themeColor: Ce(h.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoBody", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
+  themeColor: Ce(g.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoBody", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
 }, d8 = {
   bold: !1,
   children: null,
@@ -6550,25 +6550,25 @@ const l8 = {
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: h.string,
+  className: g.string,
   /**
    * The DOM element to display the typography.
    *
    * Defaults to **'span'**.
    */
-  tag: h.oneOfType([h.string, h.elementType, h.instanceOf(S.Component)]),
+  tag: g.oneOfType([g.string, g.elementType, g.instanceOf(S.Component)]),
   /**
    * Sets theme color for the typography.
    *
    * Defaults to **undefined**.
    */
-  themeColor: Ce(h.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoButton", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
+  themeColor: Ce(g.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoButton", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
 }, p8 = {
   children: null,
   className: void 0,
@@ -6580,31 +6580,31 @@ const l8 = {
    *
    * Defaults to **false**.
    */
-  bold: h.bool,
+  bold: g.bool,
   /**
    * Expects a string, accepts any valid markup.
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: h.string,
+  className: g.string,
   /**
    * The DOM element to display the typography.
    *
    * Defaults to **'span'**.
    */
-  tag: h.oneOfType([h.string, h.elementType, h.instanceOf(S.Component)]),
+  tag: g.oneOfType([g.string, g.elementType, g.instanceOf(S.Component)]),
   /**
    * Sets theme color for the typography.
    *
    * Defaults to **undefined**.
    */
-  themeColor: Ce(h.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoCaption", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
+  themeColor: Ce(g.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoCaption", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
 }, g8 = {
   bold: !1,
   children: null,
@@ -6617,31 +6617,31 @@ const l8 = {
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: h.string,
+  className: g.string,
   /**
    * Sets font properties for body. Acceptable values range from 1 to 6. Higher levels produce smaller type.
    *
    * Defaults to **1**.
    */
-  level: h.oneOfType([h.oneOf([1, 2, 3, 4, 5, 6, "1", "2", "3", "4", "5", "6"]), h.oneOf([1, 2, 3, 4, 5, 6, "1", "2", "3", "4", "5", "6"])]),
+  level: g.oneOfType([g.oneOf([1, 2, 3, 4, 5, 6, "1", "2", "3", "4", "5", "6"]), g.oneOf([1, 2, 3, 4, 5, 6, "1", "2", "3", "4", "5", "6"])]),
   /**
    * The DOM element to display the typography.
    *
    * Defaults to **'span'**.
    */
-  tag: h.oneOfType([h.string, h.elementType, h.instanceOf(S.Component)]),
+  tag: g.oneOfType([g.string, g.elementType, g.instanceOf(S.Component)]),
   /**
    * Sets theme color for the typography.
    *
    * Defaults to **undefined**.
    */
-  themeColor: Ce(h.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoDisplay", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
+  themeColor: Ce(g.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoDisplay", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
 }, y8 = {
   children: null,
   className: void 0,
@@ -6654,31 +6654,31 @@ const l8 = {
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: h.string,
+  className: g.string,
   /**
    * Sets font properties for body. Acceptable values range from 1 to 6. Higher levels produce smaller type.
    *
    * Defaults to **1**.
    */
-  level: h.oneOfType([h.oneOf([1, 2, 3, 4, 5, 6, "1", "2", "3", "4", "5", "6"]), h.oneOf([1, 2, 3, 4, 5, 6, "1", "2", "3", "4", "5", "6"])]),
+  level: g.oneOfType([g.oneOf([1, 2, 3, 4, 5, 6, "1", "2", "3", "4", "5", "6"]), g.oneOf([1, 2, 3, 4, 5, 6, "1", "2", "3", "4", "5", "6"])]),
   /**
    * The DOM element to display the typography.
    *
    * Defaults to **'span'**.
    */
-  tag: h.oneOfType([h.string, h.elementType, h.instanceOf(S.Component)]),
+  tag: g.oneOfType([g.string, g.elementType, g.instanceOf(S.Component)]),
   /**
    * Sets theme color for the typography.
    *
    * Defaults to **undefined**.
    */
-  themeColor: Ce(h.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoHeadline", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
+  themeColor: Ce(g.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoHeadline", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
 }, b8 = {
   children: null,
   className: void 0,
@@ -6691,19 +6691,19 @@ const l8 = {
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: h.string,
+  className: g.string,
   /**
    * The DOM element to display the typography.
    *
    * Defaults to **'a'**.
    */
-  tag: h.oneOfType([h.string, h.elementType, h.instanceOf(S.Component)])
+  tag: g.oneOfType([g.string, g.elementType, g.instanceOf(S.Component)])
 }, x8 = {
   children: null,
   className: void 0,
@@ -6714,25 +6714,25 @@ const l8 = {
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: h.string,
+  className: g.string,
   /**
    * The DOM element to display the typography.
    *
    * Defaults to **'span'**.
    */
-  tag: h.oneOfType([h.string, h.elementType, h.instanceOf(S.Component)]),
+  tag: g.oneOfType([g.string, g.elementType, g.instanceOf(S.Component)]),
   /**
    * Sets theme color for the typography.
    *
    * Defaults to **undefined**.
    */
-  themeColor: Ce(h.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoOverline", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
+  themeColor: Ce(g.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoOverline", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
 }, w8 = {
   children: null,
   className: void 0,
@@ -6744,37 +6744,37 @@ const l8 = {
    *
    * Defaults to **false**.
    */
-  bold: h.bool,
+  bold: g.bool,
   /**
    * Expects a string, accepts any valid markup.
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: h.string,
+  className: g.string,
   /**
    * Sets font properties for body.
    *
    * Defaults to **1**.
    */
-  level: h.oneOf([1, 2]),
+  level: g.oneOf([1, 2]),
   /**
    * The DOM element to display the typography.
    *
    * Defaults to **'span'**.
    */
-  tag: h.oneOfType([h.string, h.elementType, h.instanceOf(S.Component)]),
+  tag: g.oneOfType([g.string, g.elementType, g.instanceOf(S.Component)]),
   /**
    * Sets theme color for the typography.
    *
    * Defaults to **undefined**.
    */
-  themeColor: Ce(h.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoSubtitle", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
+  themeColor: Ce(g.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoSubtitle", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
 }, k8 = {
   bold: !1,
   children: null,
@@ -7149,7 +7149,7 @@ var es, W2;
 function P8() {
   if (W2) return es;
   W2 = 1;
-  var t = S8(), e = bc(), n = L8(), r = T8(), a = A8(), o = yn(), i = Jm(), s = "[object Map]", l = "[object Object]", u = "[object Promise]", c = "[object Set]", f = "[object WeakMap]", p = "[object DataView]", d = i(t), m = i(e), g = i(n), C = i(r), O = i(a), w = o;
+  var t = S8(), e = bc(), n = L8(), r = T8(), a = A8(), o = yn(), i = Jm(), s = "[object Map]", l = "[object Object]", u = "[object Promise]", c = "[object Set]", f = "[object WeakMap]", p = "[object DataView]", d = i(t), m = i(e), h = i(n), C = i(r), O = i(a), w = o;
   return (t && w(new t(new ArrayBuffer(1))) != p || e && w(new e()) != s || n && w(n.resolve()) != u || r && w(new r()) != c || a && w(new a()) != f) && (w = function(T) {
     var x = o(T), y = x == l ? T.constructor : void 0, L = y ? i(y) : "";
     if (L)
@@ -7158,7 +7158,7 @@ function P8() {
           return p;
         case m:
           return s;
-        case g:
+        case h:
           return u;
         case C:
           return c;
@@ -7174,31 +7174,31 @@ const j8 = {
    *
    * Defaults to **null**.
    */
-  children: h.node.isRequired,
+  children: g.node.isRequired,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: h.string,
+  className: g.string,
   /**
    * Adds a custom padding style to the child content. Must be a valid CSS padding declaration. i.e. 38px 30px
    *
    * Defaults to **null**.
    */
-  customPadding: h.string,
+  customPadding: g.string,
   /**
    * By default a div will be rendered, this allow another tag to be used instead. A block type component is suggested.
    *
    * Defaults to **'div'**.
    */
-  tag: h.oneOfType([h.string, h.elementType]),
+  tag: g.oneOfType([g.string, g.elementType]),
   /**
    * Applies the specified padding amount. `dense` is 8px, `standard` is 16px, and `airy` is 24px. If `customPadding` is used, this will be ignored.
    *
    * Defaults to **'standard'**.
    */
-  variant: h.oneOf(["dense", "standard", "airy"])
+  variant: g.oneOf(["dense", "standard", "airy"])
 }, N8 = {
   children: null,
   className: void 0,
@@ -7241,8 +7241,8 @@ function M8() {
       return !d.size;
     if (i(d))
       return !t(d).length;
-    for (var g in d)
-      if (f.call(d, g))
+    for (var h in d)
+      if (f.call(d, h))
         return !1;
     return !0;
   }
@@ -7506,31 +7506,31 @@ const Nv = {
    *
    * Defaults to **'Progress Indicator'**.
    */
-  ariaLabel: h.string,
+  ariaLabel: g.string,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: h.string,
+  className: g.string,
   /**
    * The size of the progress indicator.
    *
    * Defaults to **'lg'**.
    */
-  indicatorSize: h.oneOf(["sm", "md", "lg"]),
+  indicatorSize: g.oneOf(["sm", "md", "lg"]),
   /**
    * Sets the visibility of the progress indicator.
    *
    * Defaults to **true**.
    */
-  open: h.bool,
+  open: g.bool,
   /**
    * The current progress of a determinate progress indicator. Must be between 0 and 1.
    *
    * Defaults to **0**.
    */
-  progress: h.number,
+  progress: g.number,
   /**
    * @deprecated _Renamed, see indicatorSize instead._
    *
@@ -7538,19 +7538,19 @@ const Nv = {
    *
    * Defaults to **undefined**.
    */
-  size: fe(h.oneOf(["sm", "md", "lg"]), "CircularProgress", "Renamed, see indicatorSize instead."),
+  size: fe(g.oneOf(["sm", "md", "lg"]), "CircularProgress", "Renamed, see indicatorSize instead."),
   /**
    * Color of the indicator stroke with 'primary' or 'secondary' theme color.
    *
    * Defaults to **'primary'**.
    */
-  themeColor: h.oneOf(["primary", "secondary", "primary-variant", "secondary-variant", "two-color", "two-color-variant"]),
+  themeColor: g.oneOf(["primary", "secondary", "primary-variant", "secondary-variant", "two-color", "two-color-variant"]),
   /**
    * An indeterminate CircularProgress indicator will continue spinning until closed. A determinate CircularProgress indicator will display the current progress.
    *
    * Defaults to **'indeterminate'**.
    */
-  variant: h.oneOf(["determinate", "indeterminate"])
+  variant: g.oneOf(["determinate", "indeterminate"])
 }, Mv = {
   ariaLabel: "Progress Indicator",
   className: void 0,
@@ -7654,7 +7654,7 @@ const Nv = {
     }
   }, {
     heightWidth: m,
-    viewBox: g,
+    viewBox: h,
     cxCy: C,
     r: O,
     strokeWidth: w,
@@ -7666,7 +7666,7 @@ const Nv = {
     className: "mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left"
   }, /* @__PURE__ */ S.createElement("svg", {
     className: "mdc-circular-progress__indeterminate-circle-graphic",
-    viewBox: `0 0 ${g} ${g}`,
+    viewBox: `0 0 ${h} ${h}`,
     xmlns: "http://www.w3.org/2000/svg"
   }, /* @__PURE__ */ S.createElement("circle", {
     cx: C,
@@ -7679,7 +7679,7 @@ const Nv = {
     className: "mdc-circular-progress__gap-patch"
   }, /* @__PURE__ */ S.createElement("svg", {
     className: "mdc-circular-progress__indeterminate-circle-graphic",
-    viewBox: `0 0 ${g} ${g}`,
+    viewBox: `0 0 ${h} ${h}`,
     xmlns: "http://www.w3.org/2000/svg"
   }, /* @__PURE__ */ S.createElement("circle", {
     cx: C,
@@ -7692,7 +7692,7 @@ const Nv = {
     className: "mdc-circular-progress__circle-clipper mdc-circular-progress__circle-right"
   }, /* @__PURE__ */ S.createElement("svg", {
     className: "mdc-circular-progress__indeterminate-circle-graphic",
-    viewBox: `0 0 ${g} ${g}`,
+    viewBox: `0 0 ${h} ${h}`,
     xmlns: "http://www.w3.org/2000/svg"
   }, /* @__PURE__ */ S.createElement("circle", {
     cx: C,
@@ -7701,7 +7701,7 @@ const Nv = {
     strokeDasharray: x,
     strokeDashoffset: L,
     strokeWidth: w
-  })))), [C, L, O, x, w, T, g]), $ = l === "two-color" || l === "two-color-variant";
+  })))), [C, L, O, x, w, T, h]), $ = l === "two-color" || l === "two-color-variant";
   return /* @__PURE__ */ S.createElement("div", J({
     ref: f,
     className: ae("lmnt", "mdc-circular-progress", u === "indeterminate" && "mdc-circular-progress--indeterminate", !a && "mdc-circular-progress--closed", l && `lmnt-circular-progress--${l}`, r),
@@ -7718,7 +7718,7 @@ const Nv = {
     className: "mdc-circular-progress__determinate-container"
   }, /* @__PURE__ */ S.createElement("svg", {
     className: "mdc-circular-progress__determinate-circle-graphic",
-    viewBox: `0 0 ${g} ${g}`,
+    viewBox: `0 0 ${h} ${h}`,
     xmlns: "http://www.w3.org/2000/svg"
   }, /* @__PURE__ */ S.createElement("circle", {
     className: "mdc-circular-progress__determinate-track",
@@ -7814,7 +7814,7 @@ const Hv = "_loadingSpinnerContainer_1f3ss_1", Vv = {
    *
    * Defaults to **undefined**.
    */
-  className: h.string,
+  className: g.string,
   /**
    * @deprecated _Use `themeColor` instead._
    *
@@ -7822,7 +7822,7 @@ const Hv = "_loadingSpinnerContainer_1f3ss_1", Vv = {
    *
    * Defaults to **undefined**.
    */
-  dividerColor: fe(h.string, "Divider", "Use `themeColor` instead."),
+  dividerColor: fe(g.string, "Divider", "Use `themeColor` instead."),
   /**
    * @deprecated _Use `themeColorImportant` instead._
    *
@@ -7830,7 +7830,7 @@ const Hv = "_loadingSpinnerContainer_1f3ss_1", Vv = {
    *
    * Defaults to **undefined**.
    */
-  dividerColorImportant: fe(h.bool, "Divider", "Use `themeColorImportant` instead."),
+  dividerColorImportant: fe(g.bool, "Divider", "Use `themeColorImportant` instead."),
   /**
    * @deprecated _Use `variant` instead._
    *
@@ -7838,19 +7838,19 @@ const Hv = "_loadingSpinnerContainer_1f3ss_1", Vv = {
    *
    * Defaults to **undefined**.
    */
-  dividerHeight: fe(h.string, "Divider", "Use `variant` instead."),
+  dividerHeight: fe(g.string, "Divider", "Use `variant` instead."),
   /**
    * Set the border-style with default browser styles. In general, avoid using.
    *
    * Defaults to **empty string**.
    */
-  dividerStyle: h.string,
+  dividerStyle: g.string,
   /**
    * The name of the desired Element color like 'primary'
    *
    * Defaults to **'on-surface-stroke'**.
    */
-  themeColor: h.oneOf(["", "primary", "primary-variant", "primary-50", "primary-100", "primary-200", "primary-300", "primary-400", "primary-500", "primary-600", "primary-700", "primary-800", "primary-900", "secondary", "secondary-variant", "secondary-50", "secondary-100", "secondary-200", "secondary-300", "secondary-400", "secondary-500", "secondary-600", "secondary-700", "secondary-800", "secondary-900", "danger", "danger-variant", "danger-50", "danger-100", "danger-200", "danger-300", "danger-400", "danger-500", "danger-600", "danger-700", "danger-800", "danger-900", "success", "success-variant", "success-50", "success-100", "success-200", "success-300", "success-400", "success-500", "success-600", "success-700", "success-800", "success-900", "ancillary-100", "ancillary-200", "ancillary-300", "ancillary-400", "ancillary-500", "ancillary-600", "ancillary-700", "ancillary-800", "ancillary-900", "on-surface-stroke"]),
+  themeColor: g.oneOf(["", "primary", "primary-variant", "primary-50", "primary-100", "primary-200", "primary-300", "primary-400", "primary-500", "primary-600", "primary-700", "primary-800", "primary-900", "secondary", "secondary-variant", "secondary-50", "secondary-100", "secondary-200", "secondary-300", "secondary-400", "secondary-500", "secondary-600", "secondary-700", "secondary-800", "secondary-900", "danger", "danger-variant", "danger-50", "danger-100", "danger-200", "danger-300", "danger-400", "danger-500", "danger-600", "danger-700", "danger-800", "danger-900", "success", "success-variant", "success-50", "success-100", "success-200", "success-300", "success-400", "success-500", "success-600", "success-700", "success-800", "success-900", "ancillary-100", "ancillary-200", "ancillary-300", "ancillary-400", "ancillary-500", "ancillary-600", "ancillary-700", "ancillary-800", "ancillary-900", "on-surface-stroke"]),
   /**
    * @deprecated _No longer needed._
    *
@@ -7858,19 +7858,19 @@ const Hv = "_loadingSpinnerContainer_1f3ss_1", Vv = {
    *
    * Defaults to **undefined**.
    */
-  themeColorImportant: fe(h.bool, "Divider", "No longer needed."),
+  themeColorImportant: fe(g.bool, "Divider", "No longer needed."),
   /**
    * Choose between dense and tall variants.
    *
    * Defaults to **'dense'**.
    */
-  variant: h.oneOf(["dense", "tall"]),
+  variant: g.oneOf(["dense", "tall"]),
   /**
    * Adds top and bottom margin.
    *
    * Defaults to **'none'**.
    */
-  verticalMargin: h.oneOf(["none", "dense", "standard", "airy"])
+  verticalMargin: g.oneOf(["none", "dense", "standard", "airy"])
 }, Iv = {
   className: void 0,
   dividerColor: void 0,
@@ -7893,11 +7893,11 @@ const Hv = "_loadingSpinnerContainer_1f3ss_1", Vv = {
     className: u,
     verticalMargin: c,
     ...f
-  } = t, p = r || s, d = a || l, m = n || i, g = re();
-  oe(e, () => g.current, []);
+  } = t, p = r || s, d = a || l, m = n || i, h = re();
+  oe(e, () => h.current, []);
   const C = ae("lmnt", "lmnt-divider", p && "lmnt-divider--color-important", d && `lmnt-divider--${d}`, o && `lmnt-divider--${o}`, m && `lmnt-divider--${m}`, c && c !== "none" && `lmnt-divider--margin-${c}`, u);
   return /* @__PURE__ */ S.createElement("hr", J({
-    ref: g,
+    ref: h,
     className: C
   }, f));
 });
@@ -7910,19 +7910,19 @@ const Zv = {
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * A reference to the component to apply the ripple to.
    *
    * Defaults to **undefined**.
    */
-  componentRef: h.object,
+  componentRef: g.object,
   /**
    * Allows the ripple to extend beyond the component boundaries.
    *
    * Defaults to **undefined**.
    */
-  unbounded: h.bool
+  unbounded: g.bool
 }, Fv = {
   children: null,
   componentRef: void 0,
@@ -8147,43 +8147,43 @@ const Wv = {
    *
    * Defaults to **false**.
    */
-  active: h.bool,
+  active: g.bool,
   /**
    * Accessibility label for assistive technologies.
    *
    * Defaults to **null**.
    */
-  ariaLabel: h.string,
+  ariaLabel: g.string,
   /**
    * Id of an element serving as a label for this IconButton instance. Used by assistive technologies.
    *
    * Defaults to **null**.
    */
-  ariaLabelledBy: h.string,
+  ariaLabelledBy: g.string,
   /**
    * The custom icon button notification badge to be rendered.
    *
    * Defaults to **undefined**.
    */
-  badge: h.node,
+  badge: g.node,
   /**
    * The placement of the notification badge on the icon to start.  It will flip to the opposite side if there is no room.
    *
    * Defaults to **'right-start'**.
    */
-  badgePlacement: h.oneOf(["right-start", "left-start"]),
+  badgePlacement: g.oneOf(["right-start", "left-start"]),
   /**
    * The content when when using the IconButton normally. Expects an `Icon` component. For toggle button functionality, use `toggleOn` and `toggleOff` instead.
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: h.string,
+  className: g.string,
   /**
    * @deprecated _Use iconSize='small' instead._
    *
@@ -8191,91 +8191,91 @@ const Wv = {
    *
    * Defaults to **undefined**.
    */
-  dense: fe(h.bool, "IconButton", 'Use iconSize="small" instead.'),
+  dense: fe(g.bool, "IconButton", 'Use iconSize="small" instead.'),
   /**
    * Disables the icon button.
    *
    * Defaults to **false**.
    */
-  disabled: h.bool,
+  disabled: g.bool,
   /**
    * For simple use-cases, this will automatically create the icon object. Does not work with `toggle='true'`
    *
    * Defaults to **null**.
    */
-  icon: h.oneOfType([h.string, h.node]),
+  icon: g.oneOfType([g.string, g.node]),
   /**
    * One of 'xsmall', 'small', 'medium', 'large', and 'xlarge' will change the size of the icon. Defaults to medium.
    *
    * Defaults to **'medium'**.
    */
-  iconSize: h.oneOf(["xsmall", "small", "medium", "large", "xlarge"]),
+  iconSize: g.oneOf(["xsmall", "small", "medium", "large", "xlarge"]),
   /**
    * The icon type to be rendered. Not all icons have every type. To see which icons are available for different types see [Material Icons docs](https://material.io/tools/icons)
    *
    * Defaults to **'filled'**.
    */
-  iconType: h.oneOf(["filled", "outlined", "rounded", "two-tone", "sharp"]),
+  iconType: g.oneOf(["filled", "outlined", "rounded", "two-tone", "sharp"]),
   /**
    * Fired when the user clicks the IconButton, will return toggle state, if applicable.
    *
    * Defaults to **null**.
    */
-  onClick: h.func,
+  onClick: g.func,
   /**
    * TabIndex of the button.
    *
    * Defaults to **0**.
    */
-  tabIndex: h.number,
+  tabIndex: g.number,
   /**
    * By default a button will be rendered, this allows another tag/component to be used instead. A block type element/component is suggested.
    *
    * Defaults to **null**.
    */
-  tag: h.oneOfType([h.string, h.elementType, h.instanceOf(S.Component)]),
+  tag: g.oneOfType([g.string, g.elementType, g.instanceOf(S.Component)]),
   /**
    * The content to be rendered when the `IconButton` is toggled off. Expects an `Icon` component. The typical use case for a toggle button would be to set an Icon for `toggleOn` and `toggleOff`, leaving children blank.
    *
    * Defaults to **null**.
    */
-  toggleOff: h.node,
+  toggleOff: g.node,
   /**
    * The `aria-label` value to be read by a screen-reader when the button is toggled off. Example 'Add to Favorites'. Alternatively, `toggleOffAriaLabelledBy` may be used instead.
    *
    * Defaults to **null**.
    */
-  toggleOffAriaLabel: h.string,
+  toggleOffAriaLabel: g.string,
   /**
    * The `aria-labelledby`value when the button is toggled on. This should be the `id `of a parent element to be read by a screen reader instead of `aria-label`.
    *
    * Defaults to **null**.
    */
-  toggleOffAriaLabelledBy: h.string,
+  toggleOffAriaLabelledBy: g.string,
   /**
    * The content to be rendered when the `IconButton` is toggled on. Expects an `Icon` component. The typical use case for a toggle button would be to set an Icon for `toggleOn` and `toggleOff`, leaving children blank.
    *
    * Defaults to **null**.
    */
-  toggleOn: h.node,
+  toggleOn: g.node,
   /**
    * The `aria-label` value to be read by a screen-reader when the button is toggled on. Example 'Remove from Favorites'. Alternatively, `toggleOnAriaLabelledBy` may be used instead.
    *
    * Defaults to **null**.
    */
-  toggleOnAriaLabel: h.string,
+  toggleOnAriaLabel: g.string,
   /**
    * The `aria-labelledby`value when the button is toggled on. This should be the `id` of a parent element to be read by a screen reader instead of `aria-label`.
    *
    * Defaults to **null**.
    */
-  toggleOnAriaLabelledBy: h.string,
+  toggleOnAriaLabelledBy: g.string,
   /**
    * Variants prefixed with `filled-` will add a background color to the icon according to the theme. Variants prefixed with ` color-` will change the color of the icon according to the theme.
    *
    * Defaults to **empty string**.
    */
-  variant: Ce(h.oneOf(["", "filled-danger-alt", "filled-danger", "filled-primary", "filled-secondary", "color-primary", "color-secondary", "color-on-dark", "color-on-unknown-black", "secondary-on-surface"]), ["primary-alt", "secondary-alt", "primary", "danger-alt", "danger"], "IconButton", "Please use one of '','filled-danger-alt','filled-danger','filled-primary','filled-secondary','color-primary','color-secondary','color-on-dark','color-on-unknown-black','secondary-on-surface'.")
+  variant: Ce(g.oneOf(["", "filled-danger-alt", "filled-danger", "filled-primary", "filled-secondary", "color-primary", "color-secondary", "color-on-dark", "color-on-unknown-black", "secondary-on-surface"]), ["primary-alt", "secondary-alt", "primary", "danger-alt", "danger"], "IconButton", "Please use one of '','filled-danger-alt','filled-danger','filled-primary','filled-secondary','color-primary','color-secondary','color-on-dark','color-on-unknown-black','secondary-on-surface'.")
 }, qv = {
   active: !1,
   ariaLabel: null,
@@ -8313,7 +8313,7 @@ const Wv = {
     iconSize: p,
     iconType: d,
     onClick: m,
-    noHover: g,
+    noHover: h,
     tabIndex: C,
     tag: O,
     toggleOff: w,
@@ -8327,7 +8327,7 @@ const Wv = {
   } = t, P = re(), E = re(), Z = re(), z = y && w;
   let Q = p;
   Q === "medium" && u && (Q = "small"), o && (Q === "small" || Q === "xsmall") && (Q = "medium"), oe(e, () => P.current, []);
-  const X = ae("lmnt", "lmnt-icon-button", "mdc-icon-button", g && "lmnt-icon-button__no-hover", ($ === "primary" || $ === "primary-alt" || $ === "secondary" || $ === "danger" || $ === "danger-alt" || $ === "filled-primary" || $ === "filled-primary-alt" || $ === "filled-secondary" || $ === "filled-danger" || $ === "filled-danger-alt") && "lmnt-icon-button--fill", ($ === "danger-alt" || $ === "filled-danger-alt") && "lmnt-icon-button--fill-danger-alt", ($ === "danger" || $ === "filled-danger") && "lmnt-icon-button--fill-danger", ($ === "primary" || $ === "filled-primary") && "lmnt-icon-button--fill-primary", ($ === "primary-alt" || $ === "filled-secondary") && "lmnt-icon-button--fill-secondary", ($ === "secondary-alt" || $ === "color-on-dark") && "lmnt-icon-button--color-on-dark", $ === "color-primary" && "lmnt-icon-button--color-primary", $ === "color-secondary" && "lmnt-icon-button--color-secondary", $ === "color-on-unknown-black" && "lmnt-icon-button--on-unknown-black", $ === "secondary-on-surface" && "lmnt-icon-button--secondary-on-surface", Q && `lmnt-icon-button--${Q}`, l);
+  const X = ae("lmnt", "lmnt-icon-button", "mdc-icon-button", h && "lmnt-icon-button__no-hover", ($ === "primary" || $ === "primary-alt" || $ === "secondary" || $ === "danger" || $ === "danger-alt" || $ === "filled-primary" || $ === "filled-primary-alt" || $ === "filled-secondary" || $ === "filled-danger" || $ === "filled-danger-alt") && "lmnt-icon-button--fill", ($ === "danger-alt" || $ === "filled-danger-alt") && "lmnt-icon-button--fill-danger-alt", ($ === "danger" || $ === "filled-danger") && "lmnt-icon-button--fill-danger", ($ === "primary" || $ === "filled-primary") && "lmnt-icon-button--fill-primary", ($ === "primary-alt" || $ === "filled-secondary") && "lmnt-icon-button--fill-secondary", ($ === "secondary-alt" || $ === "color-on-dark") && "lmnt-icon-button--color-on-dark", $ === "color-primary" && "lmnt-icon-button--color-primary", $ === "color-secondary" && "lmnt-icon-button--color-secondary", $ === "color-on-unknown-black" && "lmnt-icon-button--on-unknown-black", $ === "secondary-on-surface" && "lmnt-icon-button--secondary-on-surface", Q && `lmnt-icon-button--${Q}`, l);
   pe(() => (z ? Z.current = Uv.attachTo(P.current) : (E.current = Mc.attachTo(P.current), E.current.unbounded = !0), () => {
     z ? Z.current.destroy() : E.current.destroy();
   }), [Z, z, E]), pe(() => {
@@ -8385,25 +8385,25 @@ const Qv = {
    *
    * Defaults to **undefined**.
    */
-  altColor: fe(h.bool, "Button", 'Use `themeColor="secondary"` instead.'),
+  altColor: fe(g.bool, "Button", 'Use `themeColor="secondary"` instead.'),
   /**
    * One of 'xsmall', 'small', 'medium', 'large' and 'xlarge' will change the size of the button. Defaults according to your theme.
    *
    * Defaults to **'themeDefault'**.
    */
-  buttonSize: h.oneOf(["xsmall", "small", "medium", "large", "xlarge", "themeDefault"]),
+  buttonSize: g.oneOf(["xsmall", "small", "medium", "large", "xlarge", "themeDefault"]),
   /**
    * Content to be rendered inside the button. Can be used instead `label` of to provide more flexibility. Accepts any valid markup. _Warning, if Label is set, it will be used instead of child content._
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: h.string,
+  className: g.string,
   /**
    * @deprecated _forwardRef has been implemented for Button._
    *
@@ -8411,11 +8411,11 @@ const Qv = {
    *
    * Defaults to **undefined**.
    */
-  customRef: fe(h.oneOfType([
-    h.func,
+  customRef: fe(g.oneOfType([
+    g.func,
     // eslint-disable-next-line react/forbid-prop-types
-    h.shape({
-      current: h.any
+    g.shape({
+      current: g.any
     })
   ]), "Button", "forwardRef has been implemented for Button."),
   /**
@@ -8425,19 +8425,19 @@ const Qv = {
    *
    * Defaults to **undefined**.
    */
-  danger: fe(h.bool, "Button", 'Use `variant="danger"` instead.'),
+  danger: fe(g.bool, "Button", 'Use `variant="danger"` instead.'),
   /**
    * Prevent the user from interacting with the component.
    *
    * Defaults to **false**.
    */
-  disabled: h.bool,
+  disabled: g.bool,
   /**
    * Sets elevation of the button. Default will be the theme default.
    *
    * Defaults to **'default'**.
    */
-  elevation: h.oneOf(["default", "elevated", "flat"]),
+  elevation: g.oneOf(["default", "elevated", "flat"]),
   /**
    * @deprecated _Use `variant='filled'` instead._
    *
@@ -8445,37 +8445,37 @@ const Qv = {
    *
    * Defaults to **undefined**.
    */
-  filled: fe(h.bool, "Button", 'Use `variant="filled"` instead.'),
+  filled: fe(g.bool, "Button", 'Use `variant="filled"` instead.'),
   /**
    * Applies a full-width style where the textfield will fill it's container.
    *
    * Defaults to **false**.
    */
-  fullWidth: h.bool,
+  fullWidth: g.bool,
   /**
    * The button will render as an anchor tag. If the tag prop is set, that prop will take precedence.
    *
    * Defaults to **null**.
    */
-  href: h.string,
+  href: g.string,
   /**
    * The displayed text. Expects a valid string. If label and children are both set, label will take priority.
    *
    * Defaults to **null**.
    */
-  label: h.string,
+  label: g.string,
   /**
    * Adds the given Icon to the left of the button text. May not be used with `trailingIcon` - if `leadingIcon` and `trailingIcon` are both set, `leadingIcon` will take priority. Expects the name of a valid Material.io icon, however an icon component may be passed in instead for more control,
    *
    * Defaults to **undefined**.
    */
-  leadingIcon: h.oneOfType([h.string, h.func, h.node]),
+  leadingIcon: g.oneOfType([g.string, g.func, g.node]),
   /**
    * The primary interaction event for button.
    *
    * Defaults to **null**.
    */
-  onClick: h.func,
+  onClick: g.func,
   /**
    * @deprecated _Use `variant='outlined'`._
    *
@@ -8483,7 +8483,7 @@ const Qv = {
    *
    * Defaults to **undefined**.
    */
-  outlined: fe(h.bool, "Button", 'Use `variant="outlined"`.'),
+  outlined: fe(g.bool, "Button", 'Use `variant="outlined"`.'),
   /**
    * @deprecated _Use `variant='filled'` instead._
    *
@@ -8491,7 +8491,7 @@ const Qv = {
    *
    * Defaults to **undefined**.
    */
-  primary: fe(h.bool, "Button", 'Use `variant="filled"` instead.'),
+  primary: fe(g.bool, "Button", 'Use `variant="filled"` instead.'),
   /**
    * @deprecated _Use `'variant=outlined'` instead._
    *
@@ -8499,13 +8499,13 @@ const Qv = {
    *
    * Defaults to **undefined**.
    */
-  secondary: fe(h.bool, "Button", 'Use `"variant=outlined"` instead.'),
+  secondary: fe(g.bool, "Button", 'Use `"variant=outlined"` instead.'),
   /**
    * By default a button or anchor tag will be rendered, this allows another tag/component to be used instead. A block type element/component is suggested.
    *
    * Defaults to **null**.
    */
-  tag: h.oneOfType([h.string, h.elementType, h.instanceOf(S.Component)]),
+  tag: g.oneOfType([g.string, g.elementType, g.instanceOf(S.Component)]),
   /**
    * @deprecated _Use `variant='embedded'` instead._
    *
@@ -8513,7 +8513,7 @@ const Qv = {
    *
    * Defaults to **undefined**.
    */
-  tertiary: fe(h.bool, "Button", 'Use `variant="embedded"` instead.'),
+  tertiary: fe(g.bool, "Button", 'Use `variant="embedded"` instead.'),
   /**
    * @deprecated _Use `variant='text'` instead._
    *
@@ -8521,25 +8521,25 @@ const Qv = {
    *
    * Defaults to **undefined**.
    */
-  text: fe(h.bool, "Button", 'Use `variant="text"` instead.'),
+  text: fe(g.bool, "Button", 'Use `variant="text"` instead.'),
   /**
    * Sets the theme color for the button. Most commonly used when the control is placed on a darker surface.
    *
    * Defaults to **'primary'**.
    */
-  themeColor: Ce(h.oneOf(["primary", "secondary", "danger", "success", "on-unknown-black", "on-unknown-white", "on-primary", "on-secondary", "on-success", "on-danger"]), ["onUnknownBlack", "onUnknownWhite"], "Button", "Please use one of 'primary','secondary','danger','success','on-unknown-black','on-unknown-white','on-primary','on-secondary','on-success','on-danger'."),
+  themeColor: Ce(g.oneOf(["primary", "secondary", "danger", "success", "on-unknown-black", "on-unknown-white", "on-primary", "on-secondary", "on-success", "on-danger"]), ["onUnknownBlack", "onUnknownWhite"], "Button", "Please use one of 'primary','secondary','danger','success','on-unknown-black','on-unknown-white','on-primary','on-secondary','on-success','on-danger'."),
   /**
    * Adds the given Icon to the right of the button text. May not be used with `leadingIcon` - if `leadingIcon` and `trailingIcon` are both set, `leadingIcon` will take priority. Expects the name of a valid Material.io icon, however an icon component may be passed in instead for more control.
    *
    * Defaults to **undefined**.
    */
-  trailingIcon: h.oneOfType([h.string, h.func, h.node]),
+  trailingIcon: g.oneOfType([g.string, g.func, g.node]),
   /**
    * This applies the html button type (button, submit, reset) or the anchor media type when used with the href property.
    *
    * Defaults to **'button'**.
    */
-  type: h.oneOf(["button", "submit", "reset"]),
+  type: g.oneOf(["button", "submit", "reset"]),
   /**
    * @deprecated _Use `elevation='flat' instead._
    *
@@ -8547,13 +8547,13 @@ const Qv = {
    *
    * Defaults to **undefined**.
    */
-  unelevated: fe(h.bool, "Button", 'Use `elevation="flat" instead.'),
+  unelevated: fe(g.bool, "Button", 'Use `elevation="flat" instead.'),
   /**
    * Applies the selected style to the button. `rounded-small` and `rounded-micro` are only available on select themes.
    *
    * Defaults to **'filled'**.
    */
-  variant: h.oneOf(["filled", "outlined", "danger", "text", "success", "rounded-small", "rounded-micro"])
+  variant: g.oneOf(["filled", "outlined", "danger", "text", "success", "rounded-small", "rounded-micro"])
 }, Kv = {
   altColor: void 0,
   buttonSize: "themeDefault",
@@ -8585,13 +8585,13 @@ const Qv = {
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * How much spacing between buttons. Dense is 8p, standard is 16px and airy is 24px.
    *
    * Defaults to **'standard'**.
    */
-  variant: h.oneOf(["dense", "standard", "airy"])
+  variant: g.oneOf(["dense", "standard", "airy"])
 }, Jv = {
   children: null,
   variant: "standard"
@@ -8610,7 +8610,7 @@ const Qv = {
     text: p,
     danger: d,
     filled: m,
-    fullWidth: g,
+    fullWidth: h,
     href: C,
     label: O,
     leadingIcon: w,
@@ -8648,7 +8648,7 @@ const Qv = {
     onClick: T,
     type: $,
     disabled: s,
-    className: ae("lmnt", "mdc-button", "lmnt-button", "mdc-button--touch", v && N && H && "lmnt-button--filled-primary", v && q && "lmnt-button--filled-danger", v && Y && "lmnt-button--filled-success", v && N && k && "lmnt-button--filled-secondary", v && !N && H && ["lmnt-button--filled-primary", "mdc-button--raised"], v && !N && k && ["lmnt-button--filled-secondary", "mdc-button--raised"], v && !N && L === "on-primary" && ["lmnt-button--filled-on-primary", "mdc-button--raised"], v && !N && L === "on-secondary" && ["lmnt-button--filled-on-secondary", "mdc-button--raised"], v && !N && L === "on-success" && ["lmnt-button--filled-on-success", "mdc-button--raised"], v && !N && L === "on-danger" && ["lmnt-button--filled-on-danger", "mdc-button--raised"], v && !N && j && ["lmnt-button--filled-on-unknown-black", "mdc-button--raised"], v && !N && V && ["lmnt-button--filled-on-unknown-white", "mdc-button--raised"], X && H && ["lmnt-button--outlined-primary", "mdc-button--outlined"], v && !N && R && ["lmnt-button--filled-on-primary", "mdc-button--raised"], X && k && ["lmnt-button--outlined-secondary", "mdc-button--outlined"], X && R && "lmnt-button--outlined-on-primary mdc-button--outlined", X && D && "lmnt-button--outlined-on-secondary mdc-button--outlined", X && V && "lmnt-button--outlined-on-unknown-white mdc-button--outlined", X && j && "lmnt-button--outlined-on-unknown-black mdc-button--outlined", G && R && "lmnt-button--text-on-primary mdc-button__text", G && D && "lmnt-button--text-on-secondary mdc-button__text", G && V && "lmnt-button--text-on-unknown-white mdc-button__text", G && j && "lmnt-button--text-on-unknown-black mdc-button__text", K && V && "lmnt-button--text-on-unknown-white mdc-button__text", K && j && "lmnt-button--text-on-unknown-black mdc-button__text", G && H && "lmnt-button--text-primary", G && k && "lmnt-button--text-secondary", G && q && "lmnt-button--text-danger", G && Y && "lmnt-button--text-success", q && N && k && "lmnt-button--danger-secondary", q && !N && k && ["lmnt-button--danger-secondary", "mdc-button--raised"], q && N && H && "lmnt-button--danger-primary", q && !N && H && ["lmnt-button--danger-primary", "mdc-button--raised"], q && X && ["lmnt-button--danger-primary", "mdc-button--outlined"], Y && N && H && "lmnt-button--success-primary", Y && !N && H && ["lmnt-button--success-primary", "mdc-button--raised"], Y && X && ["lmnt-button--success-primary", "mdc-button--outlined"], Y && X && ["lmnt-button--success-primary", "mdc-button--outlined"], g && "lmnt-button--full-width", N && !G && "mdc-button--unelevated", l === "flat" && "lmnt-button--flat", l === "elevated" && "lmnt-button--elevated", `lmnt-button--${r}`, P === "rounded-small" && "lmnt-button--rounded lmnt-button--rounded-small mdc-button__text lmnt-button--text-primary", P === "rounded-micro" && "lmnt-button--rounded lmnt-button--rounded-micro mdc-button__text lmnt-button--text-primary", o, "mdc-touch-target-wrapper")
+    className: ae("lmnt", "mdc-button", "lmnt-button", "mdc-button--touch", v && N && H && "lmnt-button--filled-primary", v && q && "lmnt-button--filled-danger", v && Y && "lmnt-button--filled-success", v && N && k && "lmnt-button--filled-secondary", v && !N && H && ["lmnt-button--filled-primary", "mdc-button--raised"], v && !N && k && ["lmnt-button--filled-secondary", "mdc-button--raised"], v && !N && L === "on-primary" && ["lmnt-button--filled-on-primary", "mdc-button--raised"], v && !N && L === "on-secondary" && ["lmnt-button--filled-on-secondary", "mdc-button--raised"], v && !N && L === "on-success" && ["lmnt-button--filled-on-success", "mdc-button--raised"], v && !N && L === "on-danger" && ["lmnt-button--filled-on-danger", "mdc-button--raised"], v && !N && j && ["lmnt-button--filled-on-unknown-black", "mdc-button--raised"], v && !N && V && ["lmnt-button--filled-on-unknown-white", "mdc-button--raised"], X && H && ["lmnt-button--outlined-primary", "mdc-button--outlined"], v && !N && R && ["lmnt-button--filled-on-primary", "mdc-button--raised"], X && k && ["lmnt-button--outlined-secondary", "mdc-button--outlined"], X && R && "lmnt-button--outlined-on-primary mdc-button--outlined", X && D && "lmnt-button--outlined-on-secondary mdc-button--outlined", X && V && "lmnt-button--outlined-on-unknown-white mdc-button--outlined", X && j && "lmnt-button--outlined-on-unknown-black mdc-button--outlined", G && R && "lmnt-button--text-on-primary mdc-button__text", G && D && "lmnt-button--text-on-secondary mdc-button__text", G && V && "lmnt-button--text-on-unknown-white mdc-button__text", G && j && "lmnt-button--text-on-unknown-black mdc-button__text", K && V && "lmnt-button--text-on-unknown-white mdc-button__text", K && j && "lmnt-button--text-on-unknown-black mdc-button__text", G && H && "lmnt-button--text-primary", G && k && "lmnt-button--text-secondary", G && q && "lmnt-button--text-danger", G && Y && "lmnt-button--text-success", q && N && k && "lmnt-button--danger-secondary", q && !N && k && ["lmnt-button--danger-secondary", "mdc-button--raised"], q && N && H && "lmnt-button--danger-primary", q && !N && H && ["lmnt-button--danger-primary", "mdc-button--raised"], q && X && ["lmnt-button--danger-primary", "mdc-button--outlined"], Y && N && H && "lmnt-button--success-primary", Y && !N && H && ["lmnt-button--success-primary", "mdc-button--raised"], Y && X && ["lmnt-button--success-primary", "mdc-button--outlined"], Y && X && ["lmnt-button--success-primary", "mdc-button--outlined"], h && "lmnt-button--full-width", N && !G && "mdc-button--unelevated", l === "flat" && "lmnt-button--flat", l === "elevated" && "lmnt-button--elevated", `lmnt-button--${r}`, P === "rounded-small" && "lmnt-button--rounded lmnt-button--rounded-small mdc-button__text lmnt-button--text-primary", P === "rounded-micro" && "lmnt-button--rounded lmnt-button--rounded-micro mdc-button__text lmnt-button--text-primary", o, "mdc-touch-target-wrapper")
   }, E), /* @__PURE__ */ S.createElement("span", {
     className: "mdc-button__ripple"
   }), w && I(), /* @__PURE__ */ S.createElement("span", {
@@ -8690,8 +8690,8 @@ function eb() {
   var t = gt(null), e = t[0], n = t[1], r = gt(J9), a = r[0], o = r[1], i = vt(function() {
     return new window.ResizeObserver(function(s) {
       if (s[0]) {
-        var l = s[0].contentRect, u = l.x, c = l.y, f = l.width, p = l.height, d = l.top, m = l.left, g = l.bottom, C = l.right;
-        o({ x: u, y: c, width: f, height: p, top: d, left: m, bottom: g, right: C });
+        var l = s[0].contentRect, u = l.x, c = l.y, f = l.width, p = l.height, d = l.top, m = l.left, h = l.bottom, C = l.right;
+        o({ x: u, y: c, width: f, height: p, top: d, left: m, bottom: h, right: C });
       }
     });
   }, []);
@@ -8710,43 +8710,43 @@ const tb = G9 && typeof window.ResizeObserver < "u" ? eb : function() {
    *
    * Defaults to **'left-top'**.
    */
-  bodyAlignment: h.oneOf(["left-center", "left-top", "left-bottom", "centered", "right-center", "right-top", "right-bottom"]),
+  bodyAlignment: g.oneOf(["left-center", "left-top", "left-bottom", "centered", "right-center", "right-top", "right-bottom"]),
   /**
    * Content to be rendered inside the Card. Should be one of CardActions, CardBody,  CardContent, CardDivider, CardFilter, CardMedia, or CardTitle.
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * Height style property of card.
    *
    * Defaults to **'auto'**.
    */
-  height: h.string,
+  height: g.string,
   /**
    * If true the card will be styled for a loading spinner
    *
    * Defaults to **false**.
    */
-  loadingCard: h.bool,
+  loadingCard: g.bool,
   /**
    * Passthrough style object.
    *
    * Defaults to **null**.
    */
-  style: h.object,
+  style: g.object,
   /**
    * Background color of the card. It is recommended to set to transparent if setting theme color on the Card Title or Card Body.
    *
    * Defaults to **'surface'**.
    */
-  themeColor: h.oneOf(["transparent", "surface", "surface-variant", "primary", "primary-variant", "primary-50", "primary-100", "primary-200", "primary-300", "primary-400", "primary-500", "primary-600", "primary-700", "primary-800", "primary-900", "secondary", "secondary-variant", "secondary-50", "secondary-100", "secondary-200", "secondary-300", "secondary-400", "secondary-500", "secondary-600", "secondary-700", "secondary-800", "secondary-900", "danger", "danger-variant", "danger-50", "danger-100", "danger-200", "danger-300", "danger-400", "danger-500", "danger-600", "danger-700", "danger-800", "danger-900", "ancillary-100", "ancillary-200", "ancillary-300", "ancillary-400", "ancillary-500", "ancillary-600", "ancillary-700", "ancillary-800", "ancillary-900"]),
+  themeColor: g.oneOf(["transparent", "surface", "surface-variant", "primary", "primary-variant", "primary-50", "primary-100", "primary-200", "primary-300", "primary-400", "primary-500", "primary-600", "primary-700", "primary-800", "primary-900", "secondary", "secondary-variant", "secondary-50", "secondary-100", "secondary-200", "secondary-300", "secondary-400", "secondary-500", "secondary-600", "secondary-700", "secondary-800", "secondary-900", "danger", "danger-variant", "danger-50", "danger-100", "danger-200", "danger-300", "danger-400", "danger-500", "danger-600", "danger-700", "danger-800", "danger-900", "ancillary-100", "ancillary-200", "ancillary-300", "ancillary-400", "ancillary-500", "ancillary-600", "ancillary-700", "ancillary-800", "ancillary-900"]),
   /**
    * Variant options include `default` (set by theme), `flat`, `outlined`, and `raised`. The `flat` variant removes elevation. The `outlined` variant adds border and removes elevation. The `raised` variant adds elevation.
    *
    * Defaults to **'default'**.
    */
-  variant: h.oneOf(["default", "flat", "outlined", "raised"])
+  variant: g.oneOf(["default", "flat", "outlined", "raised"])
 }, rb = {
   bodyAlignment: "left-top",
   children: null,
@@ -8761,29 +8761,29 @@ const tb = G9 && typeof window.ResizeObserver < "u" ? eb : function() {
    *
    * Defaults to **'primary'**.
    */
-  actionButtonThemeColor: h.oneOf(["primary", "secondary"]),
+  actionButtonThemeColor: g.oneOf(["primary", "secondary"]),
   /**
    * Content to be rendered inside the button. Can be used instead `label` of to provide more flexibility. Accepts any valid markup. _Warning, if Label is set, it will be used instead of child content._
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: h.string,
+  className: g.string,
   /**
    * Reference to the DOM button. This enables a greater level of integration.
    *
    * Defaults to **undefined**.
    */
-  customRef: h.oneOfType([
-    h.func,
+  customRef: g.oneOfType([
+    g.func,
     // eslint-disable-next-line react/forbid-prop-types
-    h.shape({
-      current: h.any
+    g.shape({
+      current: g.any
     })
   ]),
   /**
@@ -8791,49 +8791,49 @@ const tb = G9 && typeof window.ResizeObserver < "u" ? eb : function() {
    *
    * Defaults to **false**.
    */
-  disabled: h.bool,
+  disabled: g.bool,
   /**
    * Applies a full-width style where the button will fill it's container.
    *
    * Defaults to **false**.
    */
-  fullWidth: h.bool,
+  fullWidth: g.bool,
   /**
    * The button will render as an anchor tag.
    *
    * Defaults to **null**.
    */
-  href: h.string,
+  href: g.string,
   /**
    * The displayed text. Expects a valid string. If label and children are both set, label will take priority.
    *
    * Defaults to **null**.
    */
-  label: h.string,
+  label: g.string,
   /**
    * Adds the given Icon to the left of the button text. May not be used with `trailingIcon` - if `leadingIcon` and `trailingIcon` are both set, `leadingIcon` will take priority. Expects the name of a valid Material.io icon, however an icon component may be passed in instead for more control,
    *
    * Defaults to **null**.
    */
-  leadingIcon: h.oneOfType([h.string, h.node]),
+  leadingIcon: g.oneOfType([g.string, g.node]),
   /**
    * The primary interaction event for button.
    *
    * Defaults to **null**.
    */
-  onClick: h.func,
+  onClick: g.func,
   /**
    * Adds the given Icon to the right of the button text. May not be used with `leadingIcon` - if `leadingIcon` and `trailingIcon` are both set, `leadingIcon` will take priority. Expects the name of a valid Material.io icon, however an icon component may be passed in instead for more control.
    *
    * Defaults to **null**.
    */
-  trailingIcon: h.oneOfType([h.string, h.node]),
+  trailingIcon: g.oneOfType([g.string, g.node]),
   /**
    * This applies the html button type (button, submit, reset) or the anchor media type when used with the href property.
    *
    * Defaults to **'button'**.
    */
-  type: h.oneOf(["button", "submit", "reset"])
+  type: g.oneOf(["button", "submit", "reset"])
 }, ob = {
   actionButtonThemeColor: "primary",
   children: null,
@@ -8852,85 +8852,85 @@ const tb = G9 && typeof window.ResizeObserver < "u" ? eb : function() {
    *
    * Defaults to **false**.
    */
-  active: h.bool,
+  active: g.bool,
   /**
    * Accessibility label for assistive technologies.
    *
    * Defaults to **null**.
    */
-  ariaLabel: h.string,
+  ariaLabel: g.string,
   /**
    * Id of the component being labeled for assistive technologies.
    *
    * Defaults to **null**.
    */
-  ariaLabelledBy: h.string,
+  ariaLabelledBy: g.string,
   /**
    * The content when when using the Card Action Icon Button normally. Expects a string, but a valid custom icon is accepted. For toggle button functionality, use `toggleOn` and `toggleOff` instead.
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: h.string,
+  className: g.string,
   /**
    * Disables the icon button.
    *
    * Defaults to **false**.
    */
-  disabled: h.bool,
+  disabled: g.bool,
   /**
    * Fired when the user clicks the Card Action Icon Button, will return toggle state, if applicable.
    *
    * Defaults to **null**.
    */
-  onClick: h.func,
+  onClick: g.func,
   /**
    * The content to be rendered when the Card Action Icon Button is toggled off. Expects a string, but a valid custom icon is accepted. The typical use case for a toggle button would be to set an Icon for `toggleOn` and `toggleOff`, leaving children blank.
    *
    * Defaults to **null**.
    */
-  toggleOff: h.node,
+  toggleOff: g.node,
   /**
    * The `aria-label` value to be read by a screen-reader when the button is toggled off. Example 'Add to Favorites'. Alternatively, `toggleOffAriaLabelledBy` may be used instead.
    *
    * Defaults to **null**.
    */
-  toggleOffAriaLabel: h.string,
+  toggleOffAriaLabel: g.string,
   /**
    * The `aria-labelledby`value when the button is toggled on. This should be the `id `of a parent element to be read by a screen reader instead of `aria-label`.
    *
    * Defaults to **null**.
    */
-  toggleOffAriaLabelledBy: h.string,
+  toggleOffAriaLabelledBy: g.string,
   /**
    * The content to be rendered when the Card Action Icon Button is toggled on. Expects a string, but a valid custom icon is accepted. The typical use case for a toggle button would be to set an Icon for `toggleOn` and `toggleOff`, leaving children blank.
    *
    * Defaults to **null**.
    */
-  toggleOn: h.node,
+  toggleOn: g.node,
   /**
    * The `aria-label` value to be read by a screen-reader when the button is toggled on. Example 'Remove from Favorites'. Alternatively, `toggleOnAriaLabelledBy` may be used instead.
    *
    * Defaults to **null**.
    */
-  toggleOnAriaLabel: h.string,
+  toggleOnAriaLabel: g.string,
   /**
    * The `aria-labelledby`value when the button is toggled on. This should be the `id` of a parent element to be read by a screen reader instead of `aria-label`.
    *
    * Defaults to **null**.
    */
-  toggleOnAriaLabelledBy: h.string,
+  toggleOnAriaLabelledBy: g.string,
   /**
    * Variants prefixed with `filled-` will add a background color to the icon according to the theme. Variants prefixed with ` color-` will change the color of the icon according to the theme.
    *
    * Defaults to **empty string**.
    */
-  variant: Ce(h.oneOf(["", "filled-danger-alt", "filled-danger", "filled-primary", "filled-secondary", "color-primary", "color-secondary", "color-on-dark"]), ["primary-alt", "secondary-alt", "primary", "danger-alt", "danger"], "CardActionIcon", "Please use one of '','filled-danger-alt','filled-danger','filled-primary','filled-secondary','color-primary','color-secondary','color-on-dark'.")
+  variant: Ce(g.oneOf(["", "filled-danger-alt", "filled-danger", "filled-primary", "filled-secondary", "color-primary", "color-secondary", "color-on-dark"]), ["primary-alt", "secondary-alt", "primary", "danger-alt", "danger"], "CardActionIcon", "Please use one of '','filled-danger-alt','filled-danger','filled-primary','filled-secondary','color-primary','color-secondary','color-on-dark'.")
 }, sb = {
   active: !1,
   ariaLabel: null,
@@ -8951,19 +8951,19 @@ const tb = G9 && typeof window.ResizeObserver < "u" ? eb : function() {
    *
    * Defaults to **null**.
    */
-  actionButtons: h.node,
+  actionButtons: g.node,
   /**
    * Add icons to card actions.
    *
    * Defaults to **null**.
    */
-  actionIcons: h.node,
+  actionIcons: g.node,
   /**
    * Aligns action buttons and icon buttons. 'center' and 'trailing' only allow buttons.
    *
    * Defaults to **'leading'**.
    */
-  alignment: h.oneOf(["leading", "center", "trailing"])
+  alignment: g.oneOf(["leading", "center", "trailing"])
 }, ub = {
   actionButtons: null,
   actionIcons: null,
@@ -8974,19 +8974,19 @@ const tb = G9 && typeof window.ResizeObserver < "u" ? eb : function() {
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * Background color of the card body. It is recommended to set to the Card themeColor to transparent if setting the Card Body color.
    *
    * Defaults to **'surface'**.
    */
-  themeColor: h.oneOf(["surface", "surface-variant", "primary", "primary-variant", "primary-50", "primary-100", "primary-200", "primary-300", "primary-400", "primary-500", "primary-600", "primary-700", "primary-800", "primary-900", "secondary", "secondary-variant", "secondary-50", "secondary-100", "secondary-200", "secondary-300", "secondary-400", "secondary-500", "secondary-600", "secondary-700", "secondary-800", "secondary-900", "danger", "danger-variant", "danger-50", "danger-100", "danger-200", "danger-300", "danger-400", "danger-500", "danger-600", "danger-700", "danger-800", "danger-900", "ancillary-100", "ancillary-200", "ancillary-300", "ancillary-400", "ancillary-500", "ancillary-600", "ancillary-700", "ancillary-800", "ancillary-900"]),
+  themeColor: g.oneOf(["surface", "surface-variant", "primary", "primary-variant", "primary-50", "primary-100", "primary-200", "primary-300", "primary-400", "primary-500", "primary-600", "primary-700", "primary-800", "primary-900", "secondary", "secondary-variant", "secondary-50", "secondary-100", "secondary-200", "secondary-300", "secondary-400", "secondary-500", "secondary-600", "secondary-700", "secondary-800", "secondary-900", "danger", "danger-variant", "danger-50", "danger-100", "danger-200", "danger-300", "danger-400", "danger-500", "danger-600", "danger-700", "danger-800", "danger-900", "ancillary-100", "ancillary-200", "ancillary-300", "ancillary-400", "ancillary-500", "ancillary-600", "ancillary-700", "ancillary-800", "ancillary-900"]),
   /**
    * Sets typography class for Card Body. This can be overwritten by the children markup
    *
    * Defaults to **'body2'**.
    */
-  typographyType: Ce(h.oneOf(["body1", "body2", "button", "caption", "display1", "display2", "display3", "display4", "display5", "display6", "overline", "subtitle1", "subtitle2"]), ["headline1", "headline2", "headline3", "headline4", "headline5", "headline6"], "CardBody", "Please use one of 'body1','body2','button','caption','display1','display2','display3','display4','display5','display6','overline','subtitle1','subtitle2'.")
+  typographyType: Ce(g.oneOf(["body1", "body2", "button", "caption", "display1", "display2", "display3", "display4", "display5", "display6", "overline", "subtitle1", "subtitle2"]), ["headline1", "headline2", "headline3", "headline4", "headline5", "headline6"], "CardBody", "Please use one of 'body1','body2','button','caption','display1','display2','display3','display4','display5','display6','overline','subtitle1','subtitle2'.")
 }, db = {
   children: null,
   themeColor: "surface",
@@ -8997,7 +8997,7 @@ const tb = G9 && typeof window.ResizeObserver < "u" ? eb : function() {
    *
    * Defaults to **null**.
    */
-  children: h.node
+  children: g.node
 }, pb = {
   children: null
 }, hb = {
@@ -9006,13 +9006,13 @@ const tb = G9 && typeof window.ResizeObserver < "u" ? eb : function() {
    *
    * Defaults to **'on-surface-stroke'**.
    */
-  dividerThemeColor: h.oneOf(["null", "on-surface-stroke", "primary", "primary-variant", "primary-50", "primary-100", "primary-200", "primary-300", "primary-400", "primary-500", "primary-600", "primary-700", "primary-800", "primary-900", "secondary", "secondary-variant", "secondary-50", "secondary-100", "secondary-200", "secondary-300", "secondary-400", "secondary-500", "secondary-600", "secondary-700", "secondary-800", "secondary-900", "danger", "danger-variant", "danger-50", "danger-100", "danger-200", "danger-300", "danger-400", "danger-500", "danger-600", "danger-700", "danger-800", "danger-900", "ancillary-100", "ancillary-200", "ancillary-300", "ancillary-400"]),
+  dividerThemeColor: g.oneOf(["null", "on-surface-stroke", "primary", "primary-variant", "primary-50", "primary-100", "primary-200", "primary-300", "primary-400", "primary-500", "primary-600", "primary-700", "primary-800", "primary-900", "secondary", "secondary-variant", "secondary-50", "secondary-100", "secondary-200", "secondary-300", "secondary-400", "secondary-500", "secondary-600", "secondary-700", "secondary-800", "secondary-900", "danger", "danger-variant", "danger-50", "danger-100", "danger-200", "danger-300", "danger-400", "danger-500", "danger-600", "danger-700", "danger-800", "danger-900", "ancillary-100", "ancillary-200", "ancillary-300", "ancillary-400"]),
   /**
    * Choose between dense and tall variants.
    *
    * Defaults to **'dense'**.
    */
-  dividerVariant: h.oneOf(["dense", "tall"])
+  dividerVariant: g.oneOf(["dense", "tall"])
 }, gb = {
   dividerThemeColor: "on-surface-stroke",
   dividerVariant: "dense"
@@ -9022,19 +9022,19 @@ const tb = G9 && typeof window.ResizeObserver < "u" ? eb : function() {
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: h.string,
+  className: g.string,
   /**
    * Type of filter being used.
    *
    * Defaults to **'tabs'**.
    */
-  filterType: h.oneOf(["tabs", "chips", "select", "select-2"])
+  filterType: g.oneOf(["tabs", "chips", "select", "select-2"])
 }, yb = {
   children: null,
   className: void 0,
@@ -9045,19 +9045,19 @@ const tb = G9 && typeof window.ResizeObserver < "u" ? eb : function() {
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: h.string,
+  className: g.string,
   /**
    * Changes which side of content the Card side media renders on. Improves layout for right-to-left languages.
    *
    * Defaults to **false**.
    */
-  rtl: h.bool
+  rtl: g.bool
 }, bb = {
   children: null,
   className: void 0,
@@ -9068,19 +9068,19 @@ const tb = G9 && typeof window.ResizeObserver < "u" ? eb : function() {
    *
    * Defaults to **null**.
    */
-  mediaUrl: h.string,
+  mediaUrl: g.string,
   /**
    * Applies aspect ratio style to the card media.
    *
    * Defaults to **'square'**.
    */
-  ratio: h.oneOf(["square"]),
+  ratio: g.oneOf(["square"]),
   /**
    * Width for Card media
    *
    * Defaults to **'30%'**.
    */
-  width: h.oneOfType([h.number, h.string])
+  width: g.oneOfType([g.number, g.string])
 }, xb = {
   mediaUrl: null,
   ratio: "square",
@@ -9091,37 +9091,37 @@ const tb = G9 && typeof window.ResizeObserver < "u" ? eb : function() {
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * Adjust placement of the media content.
    *
    * Defaults to **'bottom'**.
    */
-  contentPlacement: h.oneOf(["bottom", "top"]),
+  contentPlacement: g.oneOf(["bottom", "top"]),
   /**
    * Image Url for card background image
    *
    * Defaults to **null**.
    */
-  imageUrl: h.string,
+  imageUrl: g.string,
   /**
    * Adds an overlay over to the Card Media.
    *
    * Defaults to **false**.
    */
-  overlay: h.bool,
+  overlay: g.bool,
   /**
    * Overlay theme color.
    *
    * Defaults to **'dark'**.
    */
-  overlayThemeColor: h.oneOf(["dark", "light", "surface", "linear-gradient-white-to-bottom", "linear-gradient-white-to-top", "linear-gradient-black-to-bottom", "linear-gradient-black-to-top", "linear-gradient-primary-dark-to-bottom", "linear-gradient-primary-dark-to-top", "linear-gradient-primary-darker-to-bottom", "linear-gradient-primary-darker-to-top", "linear-gradient-primary-to-bottom", "linear-gradient-primary-to-top", "linear-gradient-secondary-dark-to-bottom", "linear-gradient-secondary-dark-to-top", "linear-gradient-secondary-darker-to-bottom", "linear-gradient-secondary-darker-to-top", "linear-gradient-secondary-to-bottom", "linear-gradient-secondary-to-top"]),
+  overlayThemeColor: g.oneOf(["dark", "light", "surface", "linear-gradient-white-to-bottom", "linear-gradient-white-to-top", "linear-gradient-black-to-bottom", "linear-gradient-black-to-top", "linear-gradient-primary-dark-to-bottom", "linear-gradient-primary-dark-to-top", "linear-gradient-primary-darker-to-bottom", "linear-gradient-primary-darker-to-top", "linear-gradient-primary-to-bottom", "linear-gradient-primary-to-top", "linear-gradient-secondary-dark-to-bottom", "linear-gradient-secondary-dark-to-top", "linear-gradient-secondary-darker-to-bottom", "linear-gradient-secondary-darker-to-top", "linear-gradient-secondary-to-bottom", "linear-gradient-secondary-to-top"]),
   /**
    * Applies aspect ratio style to the card media.
    *
    * Defaults to **'square'**.
    */
-  ratio: h.oneOf(["square", "sixteen-nine", "four-three", "four-five", "two-one"])
+  ratio: g.oneOf(["square", "sixteen-nine", "four-three", "four-five", "two-one"])
 }, wb = {
   children: null,
   contentPlacement: "bottom",
@@ -9135,25 +9135,25 @@ const tb = G9 && typeof window.ResizeObserver < "u" ? eb : function() {
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: h.string,
+  className: g.string,
   /**
    * Overlay theme color.
    *
    * Defaults to **'dark'**.
    */
-  overlayThemeColor: h.oneOf(["dark", "light", "surface", "linear-gradient-white-to-bottom", "linear-gradient-white-to-top", "linear-gradient-black-to-bottom", "linear-gradient-black-to-top", "linear-gradient-primary-dark-to-bottom", "linear-gradient-primary-dark-to-top", "linear-gradient-primary-darker-to-bottom", "linear-gradient-primary-darker-to-top", "linear-gradient-primary-to-bottom", "linear-gradient-primary-to-top", "linear-gradient-secondary-dark-to-bottom", "linear-gradient-secondary-dark-to-top", "linear-gradient-secondary-darker-to-bottom", "linear-gradient-secondary-darker-to-top", "linear-gradient-secondary-to-bottom", "linear-gradient-secondary-to-top"]),
+  overlayThemeColor: g.oneOf(["dark", "light", "surface", "linear-gradient-white-to-bottom", "linear-gradient-white-to-top", "linear-gradient-black-to-bottom", "linear-gradient-black-to-top", "linear-gradient-primary-dark-to-bottom", "linear-gradient-primary-dark-to-top", "linear-gradient-primary-darker-to-bottom", "linear-gradient-primary-darker-to-top", "linear-gradient-primary-to-bottom", "linear-gradient-primary-to-top", "linear-gradient-secondary-dark-to-bottom", "linear-gradient-secondary-dark-to-top", "linear-gradient-secondary-darker-to-bottom", "linear-gradient-secondary-darker-to-top", "linear-gradient-secondary-to-bottom", "linear-gradient-secondary-to-top"]),
   /**
    * Position of the Overlay. Use `overlayThemeColor` to change the theme color. If set to leading or trailing be sure to set `alignment` on Card accordingly to have Card Content over the overlay.
    *
    * Defaults to **'full'**.
    */
-  position: h.oneOf(["full", "leading", "trailing"])
+  position: g.oneOf(["full", "leading", "trailing"])
 }, kb = {
   children: null,
   className: void 0,
@@ -9165,19 +9165,19 @@ const tb = G9 && typeof window.ResizeObserver < "u" ? eb : function() {
    *
    * Defaults to **null**.
    */
-  children: h.node,
+  children: g.node,
   /**
    * The primary interaction event for card.
    *
    * Defaults to **null**.
    */
-  onClick: h.func,
+  onClick: g.func,
   /**
    * By default a div will be rendered, this allows another tag/component to be used instead. A block type element/component is suggested.
    *
    * Defaults to **'div'**.
    */
-  tag: h.oneOfType([h.string, h.elementType, h.instanceOf(S.Component)])
+  tag: g.oneOfType([g.string, g.elementType, g.instanceOf(S.Component)])
 }, Eb = {
   children: null,
   tag: "div"
@@ -9187,73 +9187,73 @@ const tb = G9 && typeof window.ResizeObserver < "u" ? eb : function() {
    *
    * Defaults to **undefined**.
    */
-  className: h.string,
+  className: g.string,
   /**
    * Content to be displayed in the leading block container. See README for types supported.
    *
    * Defaults to **null**.
    */
-  leadingBlock: i2(h.node, "CardTitle", "leadingBlockType"),
+  leadingBlock: i2(g.node, "CardTitle", "leadingBlockType"),
   /**
    * The type of media that will render in the leading block. See README for size constraints.
    *
    * Defaults to **empty string**.
    */
-  leadingBlockType: h.oneOf(["", "avatar", "icon", "icon-with-background", "thumbnail"]),
+  leadingBlockType: g.oneOf(["", "avatar", "icon", "icon-with-background", "thumbnail"]),
   /**
    * Content to be displayed in the Overline text of the title. Expects a string, but can be any valid markup.
    *
    * Defaults to **null**.
    */
-  overlineText: h.node,
+  overlineText: g.node,
   /**
    * Where title appears in card.
    *
    * Defaults to **'top'**.
    */
-  placement: h.oneOf(["top", "middle", "bottom"]),
+  placement: g.oneOf(["top", "middle", "bottom"]),
   /**
    * Content to be displayed in the Primary text of the title. Expects a string, but can be any valid markup.
    *
    * Defaults to **null**.
    */
-  primaryText: h.node,
+  primaryText: g.node,
   /**
    * Content to be displayed in the Secondary text of the title. Expects a string, but can be any valid markup.
    *
    * Defaults to **null**.
    */
-  secondaryText: h.node,
+  secondaryText: g.node,
   /**
    * Prop that makes card title stackable.
    *
    * Defaults to **false**.
    */
-  stacked: h.bool,
+  stacked: g.bool,
   /**
    * Content to be displayed in the Secondary text of the title and could be used to make Card title stackable. Expects a string, but can be any valid markup.
    *
    * Defaults to **null**.
    */
-  stackedSecondaryText: h.node,
+  stackedSecondaryText: g.node,
   /**
    * Background color of the `CardTitle`.
    *
    * Defaults to **'surface'**.
    */
-  themeColor: h.oneOf(["surface", "primary", "secondary"]),
+  themeColor: g.oneOf(["surface", "primary", "secondary"]),
   /**
    * Content to be displayed in the trailing block container. See README for types supported.
    *
    * Defaults to **null**.
    */
-  trailingBlock: i2(h.node, "CardTitle", "trailingBlockType"),
+  trailingBlock: i2(g.node, "CardTitle", "trailingBlockType"),
   /**
    * The type of media that will render in the trailing block. See README for size constraints.
    *
    * Defaults to **empty string**.
    */
-  trailingBlockType: h.oneOf(["", "title-actions", "avatar", "badge", "icon", "icon-with-background", "thumbnail"])
+  trailingBlockType: g.oneOf(["", "title-actions", "avatar", "badge", "icon", "icon-with-background", "thumbnail"])
 }, Lb = {
   className: void 0,
   leadingBlock: null,
@@ -9284,8 +9284,8 @@ const tb = G9 && typeof window.ResizeObserver < "u" ? eb : function() {
     height: i,
     direction: o,
     ...u
-  }), g = re();
-  return oe(e, () => g.current, []), pe(() => {
+  }), h = re();
+  return oe(e, () => h.current, []), pe(() => {
     m({
       height: i,
       // display: 'flex', do we need this?
@@ -9293,7 +9293,7 @@ const tb = G9 && typeof window.ResizeObserver < "u" ? eb : function() {
       ...u
     });
   }, [i, o, u]), /* @__PURE__ */ S.createElement("div", J({
-    ref: g,
+    ref: h,
     className: ae("lmnt", "lmnt-card", "mdc-card", f === "outlined" && "mdc-card--outlined", f === "flat" && "lmnt-card--flat", f === "raised" && "lmnt-card--raised", s && "lmnt-card--loading", `lmnt-card--${n}`, `lmnt-theme-${c}-bg`, a),
     style: d
   }, p), r);
@@ -9349,14 +9349,14 @@ const Ic = /* @__PURE__ */ ne((t, e) => {
     toggleOn: p,
     toggleOnAriaLabel: d,
     toggleOnAriaLabelledBy: m,
-    variant: g,
+    variant: h,
     ...C
   } = t, O = vt(() => typeof o == "string" ? /* @__PURE__ */ S.createElement(Xe, {
     icon: o
   }) : o, [o]);
   return /* @__PURE__ */ S.createElement($r, J({
     ref: e,
-    variant: g,
+    variant: h,
     disabled: s,
     onClick: l,
     ariaLabel: r,
@@ -10591,7 +10591,7 @@ function m5() {
   if (N0) return Tl;
   N0 = 1;
   var t = /* @__PURE__ */ Ze(), e = /* @__PURE__ */ fC(), n = /* @__PURE__ */ r5(), r = /* @__PURE__ */ wt(), a = _C().f, o = /* @__PURE__ */ EC(), i = /* @__PURE__ */ Hr(), s = /* @__PURE__ */ SC(), l = /* @__PURE__ */ PC(), u = /* @__PURE__ */ Sn(), c = function(f) {
-    var p = function(d, m, g) {
+    var p = function(d, m, h) {
       if (this instanceof p) {
         switch (arguments.length) {
           case 0:
@@ -10601,16 +10601,16 @@ function m5() {
           case 2:
             return new f(d, m);
         }
-        return new f(d, m, g);
+        return new f(d, m, h);
       }
       return e(f, this, arguments);
     };
     return p.prototype = f.prototype, p;
   };
   return Tl = function(f, p) {
-    var d = f.target, m = f.global, g = f.stat, C = f.proto, O = m ? t : g ? t[d] : t[d] && t[d].prototype, w = m ? i : i[d] || l(i, d, {})[d], T = w.prototype, x, y, L, _, $, N, P, E, Z;
+    var d = f.target, m = f.global, h = f.stat, C = f.proto, O = m ? t : h ? t[d] : t[d] && t[d].prototype, w = m ? i : i[d] || l(i, d, {})[d], T = w.prototype, x, y, L, _, $, N, P, E, Z;
     for (_ in p)
-      x = o(m ? _ : d + (g ? "." : "#") + _, f.forced), y = !x && O && u(O, _), N = w[_], y && (f.dontCallGetSet ? (Z = a(O, _), P = Z && Z.value) : P = O[_]), $ = y && P ? P : p[_], !(!x && !C && typeof N == typeof $) && (f.bind && y ? E = s($, t) : f.wrap && y ? E = c($) : C && r($) ? E = n($) : E = $, (f.sham || $ && $.sham || N && N.sham) && l(E, "sham", !0), l(w, _, E), C && (L = d + "Prototype", u(i, L) || l(i, L, {}), l(i[L], _, $), f.real && T && (x || !T[_]) && l(T, _, $)));
+      x = o(m ? _ : d + (h ? "." : "#") + _, f.forced), y = !x && O && u(O, _), N = w[_], y && (f.dontCallGetSet ? (Z = a(O, _), P = Z && Z.value) : P = O[_]), $ = y && P ? P : p[_], !(!x && !C && typeof N == typeof $) && (f.bind && y ? E = s($, t) : f.wrap && y ? E = c($) : C && r($) ? E = n($) : E = $, (f.sham || $ && $.sham || N && N.sham) && l(E, "sham", !0), l(w, _, E), C && (L = d + "Prototype", u(i, L) || l(i, L, {}), l(i[L], _, $), f.real && T && (x || !T[_]) && l(T, _, $)));
   }, Tl;
 }
 var Al, M0;
@@ -10744,12 +10744,12 @@ function FC() {
         });
       }
     }), { b: 2 })).b !== 1) return !0;
-    var p = {}, d = {}, m = Symbol("assign detection"), g = "abcdefghijklmnopqrst";
-    return p[m] = 7, g.split("").forEach(function(C) {
+    var p = {}, d = {}, m = Symbol("assign detection"), h = "abcdefghijklmnopqrst";
+    return p[m] = 7, h.split("").forEach(function(C) {
       d[C] = C;
-    }), u({}, p)[m] !== 7 || a(u({}, d)).join("") !== g;
+    }), u({}, p)[m] !== 7 || a(u({}, d)).join("") !== h;
   }) ? function(p, d) {
-    for (var m = s(p), g = arguments.length, C = 1, O = o.f, w = i.f; g > C; )
+    for (var m = s(p), h = arguments.length, C = 1, O = o.f, w = i.f; h > C; )
       for (var T = l(arguments[C++]), x = O ? f(a(T), O(T)) : a(T), y = x.length, L = 0, _; y > L; )
         _ = x[L++], (!t || n(w, T, _)) && (m[_] = T[_]);
     return m;
@@ -10811,17 +10811,17 @@ function YC() {
   ig = 1;
   var t = /* @__PURE__ */ Fe(), e = /* @__PURE__ */ Xc(), n = /* @__PURE__ */ En(), r = /* @__PURE__ */ Sn(), a = /* @__PURE__ */ JC(), o = /* @__PURE__ */ _n(), i = Function, s = t([].concat), l = t([].join), u = {}, c = function(f, p, d) {
     if (!r(u, p)) {
-      for (var m = [], g = 0; g < p; g++) m[g] = "a[" + g + "]";
+      for (var m = [], h = 0; h < p; h++) m[h] = "a[" + h + "]";
       u[p] = i("C,a", "return new C(" + l(m, ",") + ")");
     }
     return u[p](f, d);
   };
   return Ul = o ? i.bind : function(f) {
-    var p = e(this), d = p.prototype, m = a(arguments, 1), g = function() {
+    var p = e(this), d = p.prototype, m = a(arguments, 1), h = function() {
       var C = s(m, a(arguments));
-      return this instanceof g ? c(p, C.length, C) : p.apply(f, C);
+      return this instanceof h ? c(p, C.length, C) : p.apply(f, C);
     };
-    return n(d) && (g.prototype = d), g;
+    return n(d) && (h.prototype = d), h;
   }, Ul;
 }
 var sg;
@@ -10923,7 +10923,7 @@ var mg;
 function ux() {
   if (mg) return le;
   mg = 1;
-  var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, i = t ? Symbol.for("react.provider") : 60109, s = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, c = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, d = t ? Symbol.for("react.memo") : 60115, m = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, C = t ? Symbol.for("react.fundamental") : 60117, O = t ? Symbol.for("react.responder") : 60118, w = t ? Symbol.for("react.scope") : 60119;
+  var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, i = t ? Symbol.for("react.provider") : 60109, s = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, c = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, d = t ? Symbol.for("react.memo") : 60115, m = t ? Symbol.for("react.lazy") : 60116, h = t ? Symbol.for("react.block") : 60121, C = t ? Symbol.for("react.fundamental") : 60117, O = t ? Symbol.for("react.responder") : 60118, w = t ? Symbol.for("react.scope") : 60119;
   function T(y) {
     if (typeof y == "object" && y !== null) {
       var L = y.$$typeof;
@@ -10982,7 +10982,7 @@ function ux() {
   }, le.isSuspense = function(y) {
     return T(y) === f;
   }, le.isValidElementType = function(y) {
-    return typeof y == "string" || typeof y == "function" || y === r || y === u || y === o || y === a || y === f || y === p || typeof y == "object" && y !== null && (y.$$typeof === m || y.$$typeof === d || y.$$typeof === i || y.$$typeof === s || y.$$typeof === c || y.$$typeof === C || y.$$typeof === O || y.$$typeof === w || y.$$typeof === g);
+    return typeof y == "string" || typeof y == "function" || y === r || y === u || y === o || y === a || y === f || y === p || typeof y == "object" && y !== null && (y.$$typeof === m || y.$$typeof === d || y.$$typeof === i || y.$$typeof === s || y.$$typeof === c || y.$$typeof === C || y.$$typeof === O || y.$$typeof === w || y.$$typeof === h);
   }, le.typeOf = T, le;
 }
 var ce = {};
@@ -10997,10 +10997,10 @@ var ce = {};
 var yg;
 function cx() {
   return yg || (yg = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, i = t ? Symbol.for("react.provider") : 60109, s = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, c = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, d = t ? Symbol.for("react.memo") : 60115, m = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, C = t ? Symbol.for("react.fundamental") : 60117, O = t ? Symbol.for("react.responder") : 60118, w = t ? Symbol.for("react.scope") : 60119;
+    var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, i = t ? Symbol.for("react.provider") : 60109, s = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, c = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, d = t ? Symbol.for("react.memo") : 60115, m = t ? Symbol.for("react.lazy") : 60116, h = t ? Symbol.for("react.block") : 60121, C = t ? Symbol.for("react.fundamental") : 60117, O = t ? Symbol.for("react.responder") : 60118, w = t ? Symbol.for("react.scope") : 60119;
     function T(A) {
       return typeof A == "string" || typeof A == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      A === r || A === u || A === o || A === a || A === f || A === p || typeof A == "object" && A !== null && (A.$$typeof === m || A.$$typeof === d || A.$$typeof === i || A.$$typeof === s || A.$$typeof === c || A.$$typeof === C || A.$$typeof === O || A.$$typeof === w || A.$$typeof === g);
+      A === r || A === u || A === o || A === a || A === f || A === p || typeof A == "object" && A !== null && (A.$$typeof === m || A.$$typeof === d || A.$$typeof === i || A.$$typeof === s || A.$$typeof === c || A.$$typeof === C || A.$$typeof === O || A.$$typeof === w || A.$$typeof === h);
     }
     function x(A) {
       if (typeof A == "object" && A !== null) {
@@ -11240,10 +11240,10 @@ function px() {
     function m(v, k) {
       return v === k ? v !== 0 || 1 / v === 1 / k : v !== v && k !== k;
     }
-    function g(v, k) {
+    function h(v, k) {
       this.message = v, this.data = k && typeof k == "object" ? k : {}, this.stack = "";
     }
-    g.prototype = Error.prototype;
+    h.prototype = Error.prototype;
     function C(v) {
       if (process.env.NODE_ENV !== "production")
         var k = {}, H = 0;
@@ -11262,7 +11262,7 @@ function px() {
             ), k[de] = !0, H++);
           }
         }
-        return R[D] == null ? V ? R[D] === null ? new g("The " + W + " `" + U + "` is marked as required " + ("in `" + I + "`, but its value is `null`.")) : new g("The " + W + " `" + U + "` is marked as required in " + ("`" + I + "`, but its value is `undefined`.")) : null : v(R, D, I, W, U);
+        return R[D] == null ? V ? R[D] === null ? new h("The " + W + " `" + U + "` is marked as required " + ("in `" + I + "`, but its value is `null`.")) : new h("The " + W + " `" + U + "` is marked as required in " + ("`" + I + "`, but its value is `undefined`.")) : null : v(R, D, I, W, U);
       }
       var j = B.bind(null, !1);
       return j.isRequired = B.bind(null, !0), j;
@@ -11272,7 +11272,7 @@ function px() {
         var I = H[B], W = K(I);
         if (W !== v) {
           var U = G(I);
-          return new g(
+          return new h(
             "Invalid " + V + " `" + R + "` of type " + ("`" + U + "` supplied to `" + j + "`, expected ") + ("`" + v + "`."),
             { expectedType: v }
           );
@@ -11287,11 +11287,11 @@ function px() {
     function T(v) {
       function k(H, B, j, V, R) {
         if (typeof v != "function")
-          return new g("Property `" + R + "` of component `" + j + "` has invalid PropType notation inside arrayOf.");
+          return new h("Property `" + R + "` of component `" + j + "` has invalid PropType notation inside arrayOf.");
         var D = H[B];
         if (!Array.isArray(D)) {
           var I = K(D);
-          return new g("Invalid " + V + " `" + R + "` of type " + ("`" + I + "` supplied to `" + j + "`, expected an array."));
+          return new h("Invalid " + V + " `" + R + "` of type " + ("`" + I + "` supplied to `" + j + "`, expected an array."));
         }
         for (var W = 0; W < D.length; W++) {
           var U = v(D, W, j, V, R + "[" + W + "]", n);
@@ -11307,7 +11307,7 @@ function px() {
         var R = k[H];
         if (!s(R)) {
           var D = K(R);
-          return new g("Invalid " + j + " `" + V + "` of type " + ("`" + D + "` supplied to `" + B + "`, expected a single ReactElement."));
+          return new h("Invalid " + j + " `" + V + "` of type " + ("`" + D + "` supplied to `" + B + "`, expected a single ReactElement."));
         }
         return null;
       }
@@ -11318,7 +11318,7 @@ function px() {
         var R = k[H];
         if (!t.isValidElementType(R)) {
           var D = K(R);
-          return new g("Invalid " + j + " `" + V + "` of type " + ("`" + D + "` supplied to `" + B + "`, expected a single ReactElement type."));
+          return new h("Invalid " + j + " `" + V + "` of type " + ("`" + D + "` supplied to `" + B + "`, expected a single ReactElement type."));
         }
         return null;
       }
@@ -11328,7 +11328,7 @@ function px() {
       function k(H, B, j, V, R) {
         if (!(H[B] instanceof v)) {
           var D = v.name || p, I = Y(H[B]);
-          return new g("Invalid " + V + " `" + R + "` of type " + ("`" + I + "` supplied to `" + j + "`, expected ") + ("instance of `" + D + "`."));
+          return new h("Invalid " + V + " `" + R + "` of type " + ("`" + I + "` supplied to `" + j + "`, expected ") + ("instance of `" + D + "`."));
         }
         return null;
       }
@@ -11347,17 +11347,17 @@ function px() {
           var A = G(te);
           return A === "symbol" ? String(te) : te;
         });
-        return new g("Invalid " + V + " `" + R + "` of value `" + String(D) + "` " + ("supplied to `" + j + "`, expected one of " + W + "."));
+        return new h("Invalid " + V + " `" + R + "` of value `" + String(D) + "` " + ("supplied to `" + j + "`, expected one of " + W + "."));
       }
       return C(k);
     }
     function $(v) {
       function k(H, B, j, V, R) {
         if (typeof v != "function")
-          return new g("Property `" + R + "` of component `" + j + "` has invalid PropType notation inside objectOf.");
+          return new h("Property `" + R + "` of component `" + j + "` has invalid PropType notation inside objectOf.");
         var D = H[B], I = K(D);
         if (I !== "object")
-          return new g("Invalid " + V + " `" + R + "` of type " + ("`" + I + "` supplied to `" + j + "`, expected an object."));
+          return new h("Invalid " + V + " `" + R + "` of type " + ("`" + I + "` supplied to `" + j + "`, expected an object."));
         for (var W in D)
           if (r(D, W)) {
             var U = v(D, W, j, V, R + "." + W, n);
@@ -11386,18 +11386,18 @@ function px() {
           A.data && r(A.data, "expectedType") && W.push(A.data.expectedType);
         }
         var de = W.length > 0 ? ", expected one of type [" + W.join(", ") + "]" : "";
-        return new g("Invalid " + D + " `" + I + "` supplied to " + ("`" + R + "`" + de + "."));
+        return new h("Invalid " + D + " `" + I + "` supplied to " + ("`" + R + "`" + de + "."));
       }
       return C(B);
     }
     function P() {
       function v(k, H, B, j, V) {
-        return Q(k[H]) ? null : new g("Invalid " + j + " `" + V + "` supplied to " + ("`" + B + "`, expected a ReactNode."));
+        return Q(k[H]) ? null : new h("Invalid " + j + " `" + V + "` supplied to " + ("`" + B + "`, expected a ReactNode."));
       }
       return C(v);
     }
     function E(v, k, H, B, j) {
-      return new g(
+      return new h(
         (v || "React class") + ": " + k + " type `" + H + "." + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + j + "`."
       );
     }
@@ -11405,7 +11405,7 @@ function px() {
       function k(H, B, j, V, R) {
         var D = H[B], I = K(D);
         if (I !== "object")
-          return new g("Invalid " + V + " `" + R + "` of type `" + I + "` " + ("supplied to `" + j + "`, expected `object`."));
+          return new h("Invalid " + V + " `" + R + "` of type `" + I + "` " + ("supplied to `" + j + "`, expected `object`."));
         for (var W in v) {
           var U = v[W];
           if (typeof U != "function")
@@ -11422,14 +11422,14 @@ function px() {
       function k(H, B, j, V, R) {
         var D = H[B], I = K(D);
         if (I !== "object")
-          return new g("Invalid " + V + " `" + R + "` of type `" + I + "` " + ("supplied to `" + j + "`, expected `object`."));
+          return new h("Invalid " + V + " `" + R + "` of type `" + I + "` " + ("supplied to `" + j + "`, expected `object`."));
         var W = e({}, H[B], v);
         for (var U in W) {
           var te = v[U];
           if (r(v, U) && typeof te != "function")
             return E(j, V, R, U, G(te));
           if (!te)
-            return new g(
+            return new h(
               "Invalid " + V + " `" + R + "` key `" + U + "` supplied to `" + j + "`.\nBad object: " + JSON.stringify(H[B], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
             );
@@ -11742,8 +11742,8 @@ var bu, Fg;
 function Sx() {
   if (Fg) return bu;
   Fg = 1;
-  var t = Lr(), e = w5(), n = kn(), r = "[object Arguments]", a = "[object Array]", o = "[object Boolean]", i = "[object Date]", s = "[object Error]", l = "[object Function]", u = "[object Map]", c = "[object Number]", f = "[object Object]", p = "[object RegExp]", d = "[object Set]", m = "[object String]", g = "[object WeakMap]", C = "[object ArrayBuffer]", O = "[object DataView]", w = "[object Float32Array]", T = "[object Float64Array]", x = "[object Int8Array]", y = "[object Int16Array]", L = "[object Int32Array]", _ = "[object Uint8Array]", $ = "[object Uint8ClampedArray]", N = "[object Uint16Array]", P = "[object Uint32Array]", E = {};
-  E[w] = E[T] = E[x] = E[y] = E[L] = E[_] = E[$] = E[N] = E[P] = !0, E[r] = E[a] = E[C] = E[o] = E[O] = E[i] = E[s] = E[l] = E[u] = E[c] = E[f] = E[p] = E[d] = E[m] = E[g] = !1;
+  var t = Lr(), e = w5(), n = kn(), r = "[object Arguments]", a = "[object Array]", o = "[object Boolean]", i = "[object Date]", s = "[object Error]", l = "[object Function]", u = "[object Map]", c = "[object Number]", f = "[object Object]", p = "[object RegExp]", d = "[object Set]", m = "[object String]", h = "[object WeakMap]", C = "[object ArrayBuffer]", O = "[object DataView]", w = "[object Float32Array]", T = "[object Float64Array]", x = "[object Int8Array]", y = "[object Int16Array]", L = "[object Int32Array]", _ = "[object Uint8Array]", $ = "[object Uint8ClampedArray]", N = "[object Uint16Array]", P = "[object Uint32Array]", E = {};
+  E[w] = E[T] = E[x] = E[y] = E[L] = E[_] = E[$] = E[N] = E[P] = !0, E[r] = E[a] = E[C] = E[o] = E[O] = E[i] = E[s] = E[l] = E[u] = E[c] = E[f] = E[p] = E[d] = E[m] = E[h] = !1;
   function Z(z) {
     return n(z) && e(z.length) && !!E[t(z)];
   }
@@ -11810,9 +11810,9 @@ function Px() {
   Kg = 1;
   var t = Ax(), e = $5(), n = e5(), r = O5(), a = _5(), o = k5(), i = Object.prototype, s = i.hasOwnProperty;
   function l(u, c) {
-    var f = n(u), p = !f && e(u), d = !f && !p && r(u), m = !f && !p && !d && o(u), g = f || p || d || m, C = g ? t(u.length, String) : [], O = C.length;
+    var f = n(u), p = !f && e(u), d = !f && !p && r(u), m = !f && !p && !d && o(u), h = f || p || d || m, C = h ? t(u.length, String) : [], O = C.length;
     for (var w in u)
-      (c || s.call(u, w)) && !(g && // Safari 9 has enumerable `arguments.length` in strict mode.
+      (c || s.call(u, w)) && !(h && // Safari 9 has enumerable `arguments.length` in strict mode.
       (w == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
       d && (w == "offset" || w == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
       m && (w == "buffer" || w == "byteLength" || w == "byteOffset") || // Skip index properties.
@@ -12117,7 +12117,7 @@ function Kx() {
   if (vm) return Wu;
   vm = 1;
   var t = T5(), e = Vx(), n = Dx(), r = Bx(), a = Zx(), o = $5(), i = e5(), s = Fx(), l = O5(), u = Gc(), c = $t(), f = Nx(), p = k5(), d = A5(), m = Qx();
-  function g(C, O, w, T, x, y, L) {
+  function h(C, O, w, T, x, y, L) {
     var _ = d(C, w), $ = d(O, w), N = L.get($);
     if (N) {
       t(C, w, N);
@@ -12130,7 +12130,7 @@ function Kx() {
     }
     E && (L.set($, P), x(P, $, T, y, L), L.delete($)), t(C, w, P);
   }
-  return Wu = g, Wu;
+  return Wu = h, Wu;
 }
 var qu, bm;
 function Gx() {
@@ -12142,8 +12142,8 @@ function Gx() {
       if (p || (p = new t()), a(d))
         r(l, u, m, c, s, f, p);
       else {
-        var g = f ? f(i(l, m), d, m + "", l, u, p) : void 0;
-        g === void 0 && (g = d), e(l, m, g);
+        var h = f ? f(i(l, m), d, m + "", l, u, p) : void 0;
+        h === void 0 && (h = d), e(l, m, h);
       }
     }, o);
   }
@@ -13345,7 +13345,7 @@ var rw = function(t, e) {
 function aw(t) {
   var e, n = t.state, r = t.name, a = t.options, o = n.elements.arrow, i = n.modifiersData.popperOffsets, s = Me(n.placement), l = c1(s), u = [be, Ae].indexOf(s) >= 0, c = u ? "height" : "width";
   if (!(!o || !i)) {
-    var f = rw(a.padding, n), p = u1(o), d = l === "y" ? ve : be, m = l === "y" ? Te : Ae, g = n.rects.reference[c] + n.rects.reference[l] - i[l] - n.rects.popper[c], C = i[l] - n.rects.reference[l], O = Tn(o), w = O ? l === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, T = g / 2 - C / 2, x = f[d], y = w - p[c] - f[m], L = w / 2 - p[c] / 2 + T, _ = sn(x, L, y), $ = l;
+    var f = rw(a.padding, n), p = u1(o), d = l === "y" ? ve : be, m = l === "y" ? Te : Ae, h = n.rects.reference[c] + n.rects.reference[l] - i[l] - n.rects.popper[c], C = i[l] - n.rects.reference[l], O = Tn(o), w = O ? l === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, T = h / 2 - C / 2, x = f[d], y = w - p[c] - f[m], L = w / 2 - p[c] / 2 + T, _ = sn(x, L, y), $ = l;
     n.modifiersData[r] = (e = {}, e[$] = _, e.centerOffset = _ - L, e);
   }
 }
@@ -13379,14 +13379,14 @@ function lw(t, e) {
   };
 }
 function Nm(t) {
-  var e, n = t.popper, r = t.popperRect, a = t.placement, o = t.variation, i = t.offsets, s = t.position, l = t.gpuAcceleration, u = t.adaptive, c = t.roundOffsets, f = t.isFixed, p = i.x, d = p === void 0 ? 0 : p, m = i.y, g = m === void 0 ? 0 : m, C = typeof c == "function" ? c({
+  var e, n = t.popper, r = t.popperRect, a = t.placement, o = t.variation, i = t.offsets, s = t.position, l = t.gpuAcceleration, u = t.adaptive, c = t.roundOffsets, f = t.isFixed, p = i.x, d = p === void 0 ? 0 : p, m = i.y, h = m === void 0 ? 0 : m, C = typeof c == "function" ? c({
     x: d,
-    y: g
+    y: h
   }) : {
     x: d,
-    y: g
+    y: h
   };
-  d = C.x, g = C.y;
+  d = C.x, h = C.y;
   var O = i.hasOwnProperty("x"), w = i.hasOwnProperty("y"), T = be, x = ve, y = window;
   if (u) {
     var L = Tn(n), _ = "clientHeight", $ = "clientWidth";
@@ -13396,7 +13396,7 @@ function Nm(t) {
         // $FlowFixMe[prop-missing]
         L[_]
       );
-      g -= N - r.height, g *= l ? 1 : -1;
+      h -= N - r.height, h *= l ? 1 : -1;
     }
     if (a === be || (a === ve || a === Te) && o === hn) {
       T = Ae;
@@ -13411,16 +13411,16 @@ function Nm(t) {
     position: s
   }, u && sw), Z = c === !0 ? lw({
     x: d,
-    y: g
+    y: h
   }, Oe(n)) : {
     x: d,
-    y: g
+    y: h
   };
-  if (d = Z.x, g = Z.y, l) {
+  if (d = Z.x, h = Z.y, l) {
     var z;
-    return Object.assign({}, E, (z = {}, z[x] = w ? "0" : "", z[T] = O ? "0" : "", z.transform = (y.devicePixelRatio || 1) <= 1 ? "translate(" + d + "px, " + g + "px)" : "translate3d(" + d + "px, " + g + "px, 0)", z));
+    return Object.assign({}, E, (z = {}, z[x] = w ? "0" : "", z[T] = O ? "0" : "", z.transform = (y.devicePixelRatio || 1) <= 1 ? "translate(" + d + "px, " + h + "px)" : "translate3d(" + d + "px, " + h + "px, 0)", z));
   }
-  return Object.assign({}, E, (e = {}, e[x] = w ? g + "px" : "", e[T] = O ? d + "px" : "", e.transform = "", e));
+  return Object.assign({}, E, (e = {}, e[x] = w ? h + "px" : "", e[T] = O ? d + "px" : "", e.transform = "", e));
 }
 function uw(t) {
   var e = t.state, n = t.options, r = n.gpuAcceleration, a = r === void 0 ? !0 : r, o = n.adaptive, i = o === void 0 ? !0 : o, s = n.roundOffsets, l = s === void 0 ? !0 : s, u = {
@@ -13620,7 +13620,7 @@ function Z5(t) {
 }
 function gn(t, e) {
   e === void 0 && (e = {});
-  var n = e, r = n.placement, a = r === void 0 ? t.placement : r, o = n.strategy, i = o === void 0 ? t.strategy : o, s = n.boundary, l = s === void 0 ? D$ : s, u = n.rootBoundary, c = u === void 0 ? N5 : u, f = n.elementContext, p = f === void 0 ? tn : f, d = n.altBoundary, m = d === void 0 ? !1 : d, g = n.padding, C = g === void 0 ? 0 : g, O = D5(typeof C != "number" ? C : B5(C, Ln)), w = p === tn ? B$ : tn, T = t.rects.popper, x = t.elements[m ? w : p], y = bw(yt(x) ? x : x.contextElement || lt(t.elements.popper), l, c, i), L = Ht(t.elements.reference), _ = Z5({
+  var n = e, r = n.placement, a = r === void 0 ? t.placement : r, o = n.strategy, i = o === void 0 ? t.strategy : o, s = n.boundary, l = s === void 0 ? D$ : s, u = n.rootBoundary, c = u === void 0 ? N5 : u, f = n.elementContext, p = f === void 0 ? tn : f, d = n.altBoundary, m = d === void 0 ? !1 : d, h = n.padding, C = h === void 0 ? 0 : h, O = D5(typeof C != "number" ? C : B5(C, Ln)), w = p === tn ? B$ : tn, T = t.rects.popper, x = t.elements[m ? w : p], y = bw(yt(x) ? x : x.contextElement || lt(t.elements.popper), l, c, i), L = Ht(t.elements.reference), _ = Z5({
     reference: L,
     element: T,
     placement: a
@@ -13647,16 +13647,16 @@ function Cw(t, e) {
     return u.indexOf(m) >= 0;
   });
   p.length === 0 && (p = f);
-  var d = p.reduce(function(m, g) {
-    return m[g] = gn(t, {
-      placement: g,
+  var d = p.reduce(function(m, h) {
+    return m[h] = gn(t, {
+      placement: h,
       boundary: a,
       rootBoundary: o,
       padding: i
-    })[Me(g)], m;
+    })[Me(h)], m;
   }, {});
-  return Object.keys(d).sort(function(m, g) {
-    return d[m] - d[g];
+  return Object.keys(d).sort(function(m, h) {
+    return d[m] - d[h];
   });
 }
 function xw(t) {
@@ -13668,14 +13668,14 @@ function xw(t) {
 function $w(t) {
   var e = t.state, n = t.options, r = t.name;
   if (!e.modifiersData[r]._skip) {
-    for (var a = n.mainAxis, o = a === void 0 ? !0 : a, i = n.altAxis, s = i === void 0 ? !0 : i, l = n.fallbackPlacements, u = n.padding, c = n.boundary, f = n.rootBoundary, p = n.altBoundary, d = n.flipVariations, m = d === void 0 ? !0 : d, g = n.allowedAutoPlacements, C = e.options.placement, O = Me(C), w = O === C, T = l || (w || !m ? [Kn(C)] : xw(C)), x = [C].concat(T).reduce(function(j, V) {
+    for (var a = n.mainAxis, o = a === void 0 ? !0 : a, i = n.altAxis, s = i === void 0 ? !0 : i, l = n.fallbackPlacements, u = n.padding, c = n.boundary, f = n.rootBoundary, p = n.altBoundary, d = n.flipVariations, m = d === void 0 ? !0 : d, h = n.allowedAutoPlacements, C = e.options.placement, O = Me(C), w = O === C, T = l || (w || !m ? [Kn(C)] : xw(C)), x = [C].concat(T).reduce(function(j, V) {
       return j.concat(Me(V) === s1 ? Cw(e, {
         placement: V,
         boundary: c,
         rootBoundary: f,
         padding: u,
         flipVariations: m,
-        allowedAutoPlacements: g
+        allowedAutoPlacements: h
       }) : V);
     }, []), y = e.rects.reference, L = e.rects.popper, _ = /* @__PURE__ */ new Map(), $ = !0, N = x[0], P = 0; P < x.length; P++) {
       var E = x[P], Z = Me(E), z = Vt(E) === Nt, Q = [ve, Te].indexOf(Z) >= 0, X = Q ? "width" : "height", K = gn(e, {
@@ -13806,14 +13806,14 @@ function Aw(t) {
   return t === "x" ? "y" : "x";
 }
 function Pw(t) {
-  var e = t.state, n = t.options, r = t.name, a = n.mainAxis, o = a === void 0 ? !0 : a, i = n.altAxis, s = i === void 0 ? !1 : i, l = n.boundary, u = n.rootBoundary, c = n.altBoundary, f = n.padding, p = n.tether, d = p === void 0 ? !0 : p, m = n.tetherOffset, g = m === void 0 ? 0 : m, C = gn(e, {
+  var e = t.state, n = t.options, r = t.name, a = n.mainAxis, o = a === void 0 ? !0 : a, i = n.altAxis, s = i === void 0 ? !1 : i, l = n.boundary, u = n.rootBoundary, c = n.altBoundary, f = n.padding, p = n.tether, d = p === void 0 ? !0 : p, m = n.tetherOffset, h = m === void 0 ? 0 : m, C = gn(e, {
     boundary: l,
     rootBoundary: u,
     padding: f,
     altBoundary: c
-  }), O = Me(e.placement), w = Vt(e.placement), T = !w, x = c1(O), y = Aw(x), L = e.modifiersData.popperOffsets, _ = e.rects.reference, $ = e.rects.popper, N = typeof g == "function" ? g(Object.assign({}, e.rects, {
+  }), O = Me(e.placement), w = Vt(e.placement), T = !w, x = c1(O), y = Aw(x), L = e.modifiersData.popperOffsets, _ = e.rects.reference, $ = e.rects.popper, N = typeof h == "function" ? h(Object.assign({}, e.rects, {
     placement: e.placement
-  })) : g, P = typeof N == "number" ? {
+  })) : h, P = typeof N == "number" ? {
     mainAxis: N,
     altAxis: N
   } : Object.assign({
@@ -13954,8 +13954,8 @@ function Zw(t) {
       styles: {}
     }, c = [], f = !1, p = {
       state: u,
-      setOptions: function(g) {
-        var C = typeof g == "function" ? g(u.options) : g;
+      setOptions: function(h) {
+        var C = typeof h == "function" ? h(u.options) : h;
         m(), u.options = Object.assign({}, o, u.options, C), u.scrollParents = {
           reference: yt(i) ? ln(i) : i.contextElement ? ln(i.contextElement) : [],
           popper: ln(s)
@@ -13972,7 +13972,7 @@ function Zw(t) {
       // prefer the async Popper#update method
       forceUpdate: function() {
         if (!f) {
-          var g = u.elements, C = g.reference, O = g.popper;
+          var h = u.elements, C = h.reference, O = h.popper;
           if (Bm(C, O)) {
             u.rects = {
               reference: Vw(C, Tn(O), u.options.strategy === "fixed"),
@@ -13999,8 +13999,8 @@ function Zw(t) {
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
       update: Bw(function() {
-        return new Promise(function(g) {
-          p.forceUpdate(), g(u);
+        return new Promise(function(h) {
+          p.forceUpdate(), h(u);
         });
       }),
       destroy: function() {
@@ -14009,12 +14009,12 @@ function Zw(t) {
     };
     if (!Bm(i, s))
       return p;
-    p.setOptions(l).then(function(g) {
-      !f && l.onFirstUpdate && l.onFirstUpdate(g);
+    p.setOptions(l).then(function(h) {
+      !f && l.onFirstUpdate && l.onFirstUpdate(h);
     });
     function d() {
-      u.orderedModifiers.forEach(function(g) {
-        var C = g.name, O = g.options, w = O === void 0 ? {} : O, T = g.effect;
+      u.orderedModifiers.forEach(function(h) {
+        var C = h.name, O = h.options, w = O === void 0 ? {} : O, T = h.effect;
         if (typeof T == "function") {
           var x = T({
             state: u,
@@ -14028,8 +14028,8 @@ function Zw(t) {
       });
     }
     function m() {
-      c.forEach(function(g) {
-        return g();
+      c.forEach(function(h) {
+        return h();
       }), c = [];
     }
     return p;
@@ -14141,9 +14141,9 @@ const Uw = {
     iconSize: p,
     variant: d,
     ...m
-  } = t, g = re(), C = re(), O = re();
+  } = t, h = re(), C = re(), O = re();
   let w = f || p;
-  o && (w === "xsmall" || w === "small") && (w = "medium"), oe(e, () => g.current, []), u$(() => {
+  o && (w === "xsmall" || w === "small") && (w = "medium"), oe(e, () => h.current, []), u$(() => {
     if (o) {
       let x;
       o.props.counter != null ? x = [{
@@ -14171,7 +14171,7 @@ const Uw = {
         options: {
           offset: [0, -10]
         }
-      }], O.current = zw(g.current, C.current, {
+      }], O.current = zw(h.current, C.current, {
         placement: i,
         modifiers: x
       });
@@ -14188,7 +14188,7 @@ const Uw = {
     "aria-labelledby": a,
     "aria-hidden": r || a ? n : !1
   }, m, {
-    ref: g
+    ref: h
   }), l, s$(o, {
     ref: C
   }));
@@ -14389,15 +14389,15 @@ function Im(t) {
               c = !0;
             }), e.signal)
           });
-        }, p = U5(e.options, e.fetchOptions), d = async (m, g, C) => {
+        }, p = U5(e.options, e.fetchOptions), d = async (m, h, C) => {
           if (c)
             return Promise.reject();
-          if (g == null && m.pages.length)
+          if (h == null && m.pages.length)
             return Promise.resolve(m);
           const O = {
             client: e.client,
             queryKey: e.queryKey,
-            pageParam: g,
+            pageParam: h,
             direction: C ? "backward" : "forward",
             meta: e.options.meta
           };
@@ -14407,22 +14407,22 @@ function Im(t) {
           ), { maxPages: T } = e.options, x = C ? W5 : q5;
           return {
             pages: x(m.pages, w, T),
-            pageParams: x(m.pageParams, g, T)
+            pageParams: x(m.pageParams, h, T)
           };
         };
         if (a && o.length) {
-          const m = a === "backward", g = m ? Yw : Zm, C = {
+          const m = a === "backward", h = m ? Yw : Zm, C = {
             pages: o,
             pageParams: i
-          }, O = g(r, C);
+          }, O = h(r, C);
           s = await d(C, O, m);
         } else {
           const m = t ?? o.length;
           do {
-            const g = l === 0 ? i[0] ?? r.initialPageParam : Zm(r, s);
-            if (l > 0 && g == null)
+            const h = l === 0 ? i[0] ?? r.initialPageParam : Zm(r, s);
+            if (l > 0 && h == null)
               break;
-            s = await d(s, g), l++;
+            s = await d(s, h), l++;
           } while (l < m);
         }
         return s;
@@ -14672,12 +14672,15 @@ const eO = new Xw({
   const a = C1((p) => p.setBaseProps), o = C1((p) => p.modulePermissionToken), i = x1((p) => p.setEnvironment), s = x1((p) => p.addEnvironment), [l, u] = gt(!1), [c, f] = gt(null);
   return pe(() => {
     const p = e3();
-    if (u(!p), p && i(p), !e) return;
+    u(!p), p && i(p);
     const d = t3(p);
-    d && f(d);
-    const m = e[p?.ENVIRONMENT];
-    m && s(m);
-  }, [s, e, i]), pe(() => {
+    if (d && f(d), e) {
+      const h = e[p?.ENVIRONMENT];
+      h && s(h);
+    }
+    const m = t.environmentVariables ?? [];
+    m.length > 0 && m.forEach(({ key: h, value: C }) => s({ [h]: C }));
+  }, [s, e, t.environmentVariables, i]), pe(() => {
     u(!n3(t)), a(t);
   }, [
     t.currentLanguage,