this.gui 1.0.17 → 1.0.18

package/dist/this-gui.es.js

@@ -1,8 +1,8 @@
-import he, { useState as B, useEffect as Oe, useRef as Ye } from "react";
+import he, { useState as B, useEffect as Ce, useRef as Ye } from "react";
 function Zr(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var Be = { exports: {} }, Te = {};
+var Be = { exports: {} }, Oe = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -14,19 +14,19 @@ var Be = { exports: {} }, Te = {};
  */
 var Lr;
 function jo() {
-  if (Lr) return Te;
+  if (Lr) return Oe;
   Lr = 1;
   var r = he, o = Symbol.for("react.element"), t = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, d = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
   function c(i, u, f) {
-    var p, h = {}, _ = null, w = null;
-    f !== void 0 && (_ = "" + f), u.key !== void 0 && (_ = "" + u.key), u.ref !== void 0 && (w = u.ref);
+    var p, h = {}, v = null, j = null;
+    f !== void 0 && (v = "" + f), u.key !== void 0 && (v = "" + u.key), u.ref !== void 0 && (j = u.ref);
     for (p in u) n.call(u, p) && !l.hasOwnProperty(p) && (h[p] = u[p]);
     if (i && i.defaultProps) for (p in u = i.defaultProps, u) h[p] === void 0 && (h[p] = u[p]);
-    return { $$typeof: o, type: i, key: _, ref: w, props: h, _owner: d.current };
+    return { $$typeof: o, type: i, key: v, ref: j, props: h, _owner: d.current };
   }
-  return Te.Fragment = t, Te.jsx = c, Te.jsxs = c, Te;
+  return Oe.Fragment = t, Oe.jsx = c, Oe.jsxs = c, Oe;
 }
-var Ce = {};
+var Te = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -39,27 +39,27 @@ var Ce = {};
 var Dr;
 function wo() {
   return Dr || (Dr = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = he, o = Symbol.for("react.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), d = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), i = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), w = Symbol.for("react.offscreen"), k = Symbol.iterator, O = "@@iterator";
+    var r = he, o = Symbol.for("react.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), d = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), i = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), E = Symbol.iterator, C = "@@iterator";
     function N(s) {
       if (s === null || typeof s != "object")
         return null;
-      var y = k && s[k] || s[O];
+      var y = E && s[E] || s[C];
       return typeof y == "function" ? y : null;
     }
     var P = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function S(s) {
+    function $(s) {
       {
-        for (var y = arguments.length, x = new Array(y > 1 ? y - 1 : 0), R = 1; R < y; R++)
-          x[R - 1] = arguments[R];
-        A("error", s, x);
+        for (var y = arguments.length, _ = new Array(y > 1 ? y - 1 : 0), R = 1; R < y; R++)
+          _[R - 1] = arguments[R];
+        A("error", s, _);
       }
     }
-    function A(s, y, x) {
+    function A(s, y, _) {
       {
         var R = P.ReactDebugCurrentFrame, W = R.getStackAddendum();
-        W !== "" && (y += "%s", x = x.concat([W]));
-        var G = x.map(function(V) {
-          return String(V);
+        W !== "" && (y += "%s", _ = _.concat([W]));
+        var G = _.map(function(z) {
+          return String(z);
         });
         G.unshift("Warning: " + y), Function.prototype.apply.call(console[s], console, G);
       }
@@ -67,18 +67,18 @@ function wo() {
     var F = !1, g = !1, K = !1, te = !1, oe = !1, le;
     le = Symbol.for("react.module.reference");
     function de(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === n || s === l || oe || s === d || s === f || s === p || te || s === w || F || g || K || typeof s == "object" && s !== null && (s.$$typeof === _ || s.$$typeof === h || s.$$typeof === c || s.$$typeof === i || s.$$typeof === u || // This needs to include all possible module reference object
+      return !!(typeof s == "string" || typeof s == "function" || s === n || s === l || oe || s === d || s === f || s === p || te || s === j || F || g || K || typeof s == "object" && s !== null && (s.$$typeof === v || s.$$typeof === h || s.$$typeof === c || s.$$typeof === i || s.$$typeof === u || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       s.$$typeof === le || s.getModuleId !== void 0));
     }
-    function ie(s, y, x) {
+    function ie(s, y, _) {
       var R = s.displayName;
       if (R)
         return R;
       var W = y.displayName || y.name || "";
-      return W !== "" ? x + "(" + W + ")" : x;
+      return W !== "" ? _ + "(" + W + ")" : _;
     }
     function ne(s) {
       return s.displayName || "Context";
@@ -86,7 +86,7 @@ function wo() {
     function J(s) {
       if (s == null)
         return null;
-      if (typeof s.tag == "number" && S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
+      if (typeof s.tag == "number" && $("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
         return s.displayName || s.name || null;
       if (typeof s == "string")
         return s;
@@ -110,17 +110,17 @@ function wo() {
             var y = s;
             return ne(y) + ".Consumer";
           case c:
-            var x = s;
-            return ne(x._context) + ".Provider";
+            var _ = s;
+            return ne(_._context) + ".Provider";
           case u:
             return ie(s, s.render, "ForwardRef");
           case h:
             var R = s.displayName || null;
             return R !== null ? R : J(s.type) || "Memo";
-          case _: {
-            var W = s, G = W._payload, V = W._init;
+          case v: {
+            var W = s, G = W._payload, z = W._init;
             try {
-              return J(V(G));
+              return J(z(G));
             } catch {
               return null;
             }
@@ -128,18 +128,18 @@ function wo() {
         }
       return null;
     }
-    var H = Object.assign, ee = 0, X, re, E, Q, m, j, v;
-    function T() {
+    var H = Object.assign, Q = 0, X, ee, k, Z, m, w, b;
+    function O() {
     }
-    T.__reactDisabledLog = !0;
-    function C() {
+    O.__reactDisabledLog = !0;
+    function T() {
       {
-        if (ee === 0) {
-          X = console.log, re = console.info, E = console.warn, Q = console.error, m = console.group, j = console.groupCollapsed, v = console.groupEnd;
+        if (Q === 0) {
+          X = console.log, ee = console.info, k = console.warn, Z = console.error, m = console.group, w = console.groupCollapsed, b = console.groupEnd;
           var s = {
             configurable: !0,
             enumerable: !0,
-            value: T,
+            value: O,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -152,12 +152,12 @@ function wo() {
             groupEnd: s
           });
         }
-        ee++;
+        Q++;
       }
     }
     function L() {
       {
-        if (ee--, ee === 0) {
+        if (Q--, Q === 0) {
           var s = {
             configurable: !0,
             enumerable: !0,
@@ -168,30 +168,30 @@ function wo() {
               value: X
             }),
             info: H({}, s, {
-              value: re
+              value: ee
             }),
             warn: H({}, s, {
-              value: E
+              value: k
             }),
             error: H({}, s, {
-              value: Q
+              value: Z
             }),
             group: H({}, s, {
               value: m
             }),
             groupCollapsed: H({}, s, {
-              value: j
+              value: w
             }),
             groupEnd: H({}, s, {
-              value: v
+              value: b
             })
           });
         }
-        ee < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Q < 0 && $("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var $ = P.ReactCurrentDispatcher, q;
-    function M(s, y, x) {
+    var S = P.ReactCurrentDispatcher, q;
+    function M(s, y, _) {
       {
         if (q === void 0)
           try {
@@ -204,48 +204,48 @@ function wo() {
 ` + q + s;
       }
     }
-    var z = !1, I;
+    var V = !1, I;
     {
       var ce = typeof WeakMap == "function" ? WeakMap : Map;
       I = new ce();
     }
-    function b(s, y) {
-      if (!s || z)
+    function x(s, y) {
+      if (!s || V)
         return "";
       {
-        var x = I.get(s);
-        if (x !== void 0)
-          return x;
+        var _ = I.get(s);
+        if (_ !== void 0)
+          return _;
       }
       var R;
-      z = !0;
+      V = !0;
       var W = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var G;
-      G = $.current, $.current = null, C();
+      G = S.current, S.current = null, T();
       try {
         if (y) {
-          var V = function() {
+          var z = function() {
             throw Error();
           };
-          if (Object.defineProperty(V.prototype, "props", {
+          if (Object.defineProperty(z.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(V, []);
+              Reflect.construct(z, []);
             } catch (fe) {
               R = fe;
             }
-            Reflect.construct(s, [], V);
+            Reflect.construct(s, [], z);
           } else {
             try {
-              V.call();
+              z.call();
             } catch (fe) {
               R = fe;
             }
-            s.call(V.prototype);
+            s.call(z.prototype);
           }
         } else {
           try {
@@ -259,39 +259,39 @@ function wo() {
         if (fe && R && typeof fe.stack == "string") {
           for (var D = fe.stack.split(`
 `), ue = R.stack.split(`
-`), ae = D.length - 1, se = ue.length - 1; ae >= 1 && se >= 0 && D[ae] !== ue[se]; )
+`), re = D.length - 1, se = ue.length - 1; re >= 1 && se >= 0 && D[re] !== ue[se]; )
             se--;
-          for (; ae >= 1 && se >= 0; ae--, se--)
-            if (D[ae] !== ue[se]) {
-              if (ae !== 1 || se !== 1)
+          for (; re >= 1 && se >= 0; re--, se--)
+            if (D[re] !== ue[se]) {
+              if (re !== 1 || se !== 1)
                 do
-                  if (ae--, se--, se < 0 || D[ae] !== ue[se]) {
+                  if (re--, se--, se < 0 || D[re] !== ue[se]) {
                     var me = `
-` + D[ae].replace(" at new ", " at ");
+` + D[re].replace(" at new ", " at ");
                     return s.displayName && me.includes("<anonymous>") && (me = me.replace("<anonymous>", s.displayName)), typeof s == "function" && I.set(s, me), me;
                   }
-                while (ae >= 1 && se >= 0);
+                while (re >= 1 && se >= 0);
               break;
             }
         }
       } finally {
-        z = !1, $.current = G, L(), Error.prepareStackTrace = W;
+        V = !1, S.current = G, L(), Error.prepareStackTrace = W;
       }
       var xe = s ? s.displayName || s.name : "", ge = xe ? M(xe) : "";
       return typeof s == "function" && I.set(s, ge), ge;
     }
-    function pe(s, y, x) {
-      return b(s, !1);
+    function pe(s, y, _) {
+      return x(s, !1);
     }
     function ve(s) {
       var y = s.prototype;
       return !!(y && y.isReactComponent);
     }
-    function ye(s, y, x) {
+    function ye(s, y, _) {
       if (s == null)
         return "";
       if (typeof s == "function")
-        return b(s, ve(s));
+        return x(s, ve(s));
       if (typeof s == "string")
         return M(s);
       switch (s) {
@@ -305,41 +305,41 @@ function wo() {
           case u:
             return pe(s.render);
           case h:
-            return ye(s.type, y, x);
-          case _: {
+            return ye(s.type, y, _);
+          case v: {
             var R = s, W = R._payload, G = R._init;
             try {
-              return ye(G(W), y, x);
+              return ye(G(W), y, _);
             } catch {
             }
           }
         }
       return "";
     }
-    var je = Object.prototype.hasOwnProperty, Cr = {}, Or = P.ReactDebugCurrentFrame;
+    var je = Object.prototype.hasOwnProperty, Tr = {}, Cr = P.ReactDebugCurrentFrame;
     function Ne(s) {
       if (s) {
-        var y = s._owner, x = ye(s.type, s._source, y ? y.type : null);
-        Or.setExtraStackFrame(x);
+        var y = s._owner, _ = ye(s.type, s._source, y ? y.type : null);
+        Cr.setExtraStackFrame(_);
       } else
-        Or.setExtraStackFrame(null);
+        Cr.setExtraStackFrame(null);
     }
-    function Qa(s, y, x, R, W) {
+    function Qa(s, y, _, R, W) {
       {
         var G = Function.call.bind(je);
-        for (var V in s)
-          if (G(s, V)) {
+        for (var z in s)
+          if (G(s, z)) {
             var D = void 0;
             try {
-              if (typeof s[V] != "function") {
-                var ue = Error((R || "React class") + ": " + x + " type `" + V + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[V] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof s[z] != "function") {
+                var ue = Error((R || "React class") + ": " + _ + " type `" + z + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[z] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw ue.name = "Invariant Violation", ue;
               }
-              D = s[V](y, V, R, x, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (ae) {
-              D = ae;
+              D = s[z](y, z, R, _, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (re) {
+              D = re;
             }
-            D && !(D instanceof Error) && (Ne(W), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", R || "React class", x, V, typeof D), Ne(null)), D instanceof Error && !(D.message in Cr) && (Cr[D.message] = !0, Ne(W), S("Failed %s type: %s", x, D.message), Ne(null));
+            D && !(D instanceof Error) && (Ne(W), $("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", R || "React class", _, z, typeof D), Ne(null)), D instanceof Error && !(D.message in Tr) && (Tr[D.message] = !0, Ne(W), $("Failed %s type: %s", _, D.message), Ne(null));
           }
       }
     }
@@ -349,8 +349,8 @@ function wo() {
     }
     function ro(s) {
       {
-        var y = typeof Symbol == "function" && Symbol.toStringTag, x = y && s[Symbol.toStringTag] || s.constructor.name || "Object";
-        return x;
+        var y = typeof Symbol == "function" && Symbol.toStringTag, _ = y && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return _;
       }
     }
     function ao(s) {
@@ -365,15 +365,15 @@ function wo() {
     }
     function Rr(s) {
       if (ao(s))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ro(s)), Nr(s);
+        return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ro(s)), Nr(s);
     }
     var we = P.ReactCurrentOwner, oo = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Er, kr, Se;
-    Se = {};
+    }, Er, kr, $e;
+    $e = {};
     function so(s) {
       if (je.call(s, "ref")) {
         var y = Object.getOwnPropertyDescriptor(s, "ref").get;
@@ -392,41 +392,41 @@ function wo() {
     }
     function to(s, y) {
       if (typeof s.ref == "string" && we.current && y && we.current.stateNode !== y) {
-        var x = J(we.current.type);
-        Se[x] || (S('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', J(we.current.type), s.ref), Se[x] = !0);
+        var _ = J(we.current.type);
+        $e[_] || ($('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', J(we.current.type), s.ref), $e[_] = !0);
       }
     }
     function lo(s, y) {
       {
-        var x = function() {
-          Er || (Er = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", y));
+        var _ = function() {
+          Er || (Er = !0, $("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", y));
         };
-        x.isReactWarning = !0, Object.defineProperty(s, "key", {
-          get: x,
+        _.isReactWarning = !0, Object.defineProperty(s, "key", {
+          get: _,
           configurable: !0
         });
       }
     }
     function io(s, y) {
       {
-        var x = function() {
-          kr || (kr = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", y));
+        var _ = function() {
+          kr || (kr = !0, $("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", y));
         };
-        x.isReactWarning = !0, Object.defineProperty(s, "ref", {
-          get: x,
+        _.isReactWarning = !0, Object.defineProperty(s, "ref", {
+          get: _,
           configurable: !0
         });
       }
     }
-    var co = function(s, y, x, R, W, G, V) {
+    var co = function(s, y, _, R, W, G, z) {
       var D = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: o,
         // Built-in properties that belong on the element
         type: s,
         key: y,
-        ref: x,
-        props: V,
+        ref: _,
+        props: z,
         // Record the component responsible for creating this element.
         _owner: G
       };
@@ -447,29 +447,29 @@ function wo() {
         value: W
       }), Object.freeze && (Object.freeze(D.props), Object.freeze(D)), D;
     };
-    function uo(s, y, x, R, W) {
+    function uo(s, y, _, R, W) {
       {
-        var G, V = {}, D = null, ue = null;
-        x !== void 0 && (Rr(x), D = "" + x), no(y) && (Rr(y.key), D = "" + y.key), so(y) && (ue = y.ref, to(y, W));
+        var G, z = {}, D = null, ue = null;
+        _ !== void 0 && (Rr(_), D = "" + _), no(y) && (Rr(y.key), D = "" + y.key), so(y) && (ue = y.ref, to(y, W));
         for (G in y)
-          je.call(y, G) && !oo.hasOwnProperty(G) && (V[G] = y[G]);
+          je.call(y, G) && !oo.hasOwnProperty(G) && (z[G] = y[G]);
         if (s && s.defaultProps) {
-          var ae = s.defaultProps;
-          for (G in ae)
-            V[G] === void 0 && (V[G] = ae[G]);
+          var re = s.defaultProps;
+          for (G in re)
+            z[G] === void 0 && (z[G] = re[G]);
         }
         if (D || ue) {
           var se = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          D && lo(V, se), ue && io(V, se);
+          D && lo(z, se), ue && io(z, se);
         }
-        return co(s, D, ue, W, R, we.current, V);
+        return co(s, D, ue, W, R, we.current, z);
       }
     }
-    var $e = P.ReactCurrentOwner, Pr = P.ReactDebugCurrentFrame;
+    var Se = P.ReactCurrentOwner, Pr = P.ReactDebugCurrentFrame;
     function be(s) {
       if (s) {
-        var y = s._owner, x = ye(s.type, s._source, y ? y.type : null);
-        Pr.setExtraStackFrame(x);
+        var y = s._owner, _ = ye(s.type, s._source, y ? y.type : null);
+        Pr.setExtraStackFrame(_);
       } else
         Pr.setExtraStackFrame(null);
     }
@@ -478,10 +478,10 @@ function wo() {
     function Ae(s) {
       return typeof s == "object" && s !== null && s.$$typeof === o;
     }
-    function Sr() {
+    function $r() {
       {
-        if ($e.current) {
-          var s = J($e.current.type);
+        if (Se.current) {
+          var s = J(Se.current.type);
           if (s)
             return `
 
@@ -493,15 +493,15 @@ Check the render method of \`` + s + "`.";
     function fo(s) {
       return "";
     }
-    var $r = {};
+    var Sr = {};
     function po(s) {
       {
-        var y = Sr();
+        var y = $r();
         if (!y) {
-          var x = typeof s == "string" ? s : s.displayName || s.name;
-          x && (y = `
+          var _ = typeof s == "string" ? s : s.displayName || s.name;
+          _ && (y = `
 
-Check the top-level render call using <` + x + ">.");
+Check the top-level render call using <` + _ + ">.");
         }
         return y;
       }
@@ -511,12 +511,12 @@ Check the top-level render call using <` + x + ">.");
         if (!s._store || s._store.validated || s.key != null)
           return;
         s._store.validated = !0;
-        var x = po(y);
-        if ($r[x])
+        var _ = po(y);
+        if (Sr[_])
           return;
-        $r[x] = !0;
+        Sr[_] = !0;
         var R = "";
-        s && s._owner && s._owner !== $e.current && (R = " It was passed a child from " + J(s._owner.type) + "."), be(s), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', x, R), be(null);
+        s && s._owner && s._owner !== Se.current && (R = " It was passed a child from " + J(s._owner.type) + "."), be(s), $('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', _, R), be(null);
       }
     }
     function Ar(s, y) {
@@ -524,8 +524,8 @@ Check the top-level render call using <` + x + ">.");
         if (typeof s != "object")
           return;
         if (Pe(s))
-          for (var x = 0; x < s.length; x++) {
-            var R = s[x];
+          for (var _ = 0; _ < s.length; _++) {
+            var R = s[_];
             Ae(R) && qr(R, y);
           }
         else if (Ae(s))
@@ -533,8 +533,8 @@ Check the top-level render call using <` + x + ">.");
         else if (s) {
           var W = N(s);
           if (typeof W == "function" && W !== s.entries)
-            for (var G = W.call(s), V; !(V = G.next()).done; )
-              Ae(V.value) && qr(V.value, y);
+            for (var G = W.call(s), z; !(z = G.next()).done; )
+              Ae(z.value) && qr(z.value, y);
         }
       }
     }
@@ -543,54 +543,54 @@ Check the top-level render call using <` + x + ">.");
         var y = s.type;
         if (y == null || typeof y == "string")
           return;
-        var x;
+        var _;
         if (typeof y == "function")
-          x = y.propTypes;
+          _ = y.propTypes;
         else if (typeof y == "object" && (y.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         y.$$typeof === h))
-          x = y.propTypes;
+          _ = y.propTypes;
         else
           return;
-        if (x) {
+        if (_) {
           var R = J(y);
-          Qa(x, s.props, "prop", R, s);
+          Qa(_, s.props, "prop", R, s);
         } else if (y.PropTypes !== void 0 && !qe) {
           qe = !0;
           var W = J(y);
-          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", W || "Unknown");
+          $("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", W || "Unknown");
         }
-        typeof y.getDefaultProps == "function" && !y.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof y.getDefaultProps == "function" && !y.getDefaultProps.isReactClassApproved && $("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function ho(s) {
       {
-        for (var y = Object.keys(s.props), x = 0; x < y.length; x++) {
-          var R = y[x];
+        for (var y = Object.keys(s.props), _ = 0; _ < y.length; _++) {
+          var R = y[_];
           if (R !== "children" && R !== "key") {
-            be(s), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", R), be(null);
+            be(s), $("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", R), be(null);
             break;
           }
         }
-        s.ref !== null && (be(s), S("Invalid attribute `ref` supplied to `React.Fragment`."), be(null));
+        s.ref !== null && (be(s), $("Invalid attribute `ref` supplied to `React.Fragment`."), be(null));
       }
     }
     var Mr = {};
-    function Ir(s, y, x, R, W, G) {
+    function Ir(s, y, _, R, W, G) {
       {
-        var V = de(s);
-        if (!V) {
+        var z = de(s);
+        if (!z) {
           var D = "";
           (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (D += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var ue = fo();
-          ue ? D += ue : D += Sr();
-          var ae;
-          s === null ? ae = "null" : Pe(s) ? ae = "array" : s !== void 0 && s.$$typeof === o ? (ae = "<" + (J(s.type) || "Unknown") + " />", D = " Did you accidentally export a JSX literal instead of a component?") : ae = typeof s, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ae, D);
+          ue ? D += ue : D += $r();
+          var re;
+          s === null ? re = "null" : Pe(s) ? re = "array" : s !== void 0 && s.$$typeof === o ? (re = "<" + (J(s.type) || "Unknown") + " />", D = " Did you accidentally export a JSX literal instead of a component?") : re = typeof s, $("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", re, D);
         }
-        var se = uo(s, y, x, W, G);
+        var se = uo(s, y, _, W, G);
         if (se == null)
           return se;
-        if (V) {
+        if (z) {
           var me = y.children;
           if (me !== void 0)
             if (R)
@@ -599,7 +599,7 @@ Check the top-level render call using <` + x + ">.");
                   Ar(me[xe], s);
                 Object.freeze && Object.freeze(me);
               } else
-                S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                $("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               Ar(me, s);
         }
@@ -609,7 +609,7 @@ Check the top-level render call using <` + x + ">.");
           }), Me = fe.length > 0 ? "{key: someKey, " + fe.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Mr[ge + Me]) {
             var xo = fe.length > 0 ? "{" + fe.join(": ..., ") + ": ...}" : "{}";
-            S(`A props object containing a "key" prop is being spread into JSX:
+            $(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
@@ -620,15 +620,15 @@ React keys must be passed directly to JSX without using spread:
         return s === n ? ho(se) : mo(se), se;
       }
     }
-    function yo(s, y, x) {
-      return Ir(s, y, x, !0);
+    function yo(s, y, _) {
+      return Ir(s, y, _, !0);
     }
-    function go(s, y, x) {
-      return Ir(s, y, x, !1);
+    function go(s, y, _) {
+      return Ir(s, y, _, !1);
     }
     var vo = go, bo = yo;
-    Ce.Fragment = n, Ce.jsx = vo, Ce.jsxs = bo;
-  }()), Ce;
+    Te.Fragment = n, Te.jsx = vo, Te.jsxs = bo;
+  }()), Te;
 }
 process.env.NODE_ENV === "production" ? Be.exports = jo() : Be.exports = wo();
 var a = Be.exports, We = { exports: {} }, Re = { exports: {} }, Y = {};
@@ -641,10 +641,10 @@ var a = Be.exports, We = { exports: {} }, Re = { exports: {} }, Y = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Fr;
-function To() {
+function Oo() {
   if (Fr) return Y;
   Fr = 1;
-  var r = typeof Symbol == "function" && Symbol.for, o = r ? Symbol.for("react.element") : 60103, t = r ? Symbol.for("react.portal") : 60106, n = r ? Symbol.for("react.fragment") : 60107, d = r ? Symbol.for("react.strict_mode") : 60108, l = r ? Symbol.for("react.profiler") : 60114, c = r ? Symbol.for("react.provider") : 60109, i = r ? Symbol.for("react.context") : 60110, u = r ? Symbol.for("react.async_mode") : 60111, f = r ? Symbol.for("react.concurrent_mode") : 60111, p = r ? Symbol.for("react.forward_ref") : 60112, h = r ? Symbol.for("react.suspense") : 60113, _ = r ? Symbol.for("react.suspense_list") : 60120, w = r ? Symbol.for("react.memo") : 60115, k = r ? Symbol.for("react.lazy") : 60116, O = r ? Symbol.for("react.block") : 60121, N = r ? Symbol.for("react.fundamental") : 60117, P = r ? Symbol.for("react.responder") : 60118, S = r ? Symbol.for("react.scope") : 60119;
+  var r = typeof Symbol == "function" && Symbol.for, o = r ? Symbol.for("react.element") : 60103, t = r ? Symbol.for("react.portal") : 60106, n = r ? Symbol.for("react.fragment") : 60107, d = r ? Symbol.for("react.strict_mode") : 60108, l = r ? Symbol.for("react.profiler") : 60114, c = r ? Symbol.for("react.provider") : 60109, i = r ? Symbol.for("react.context") : 60110, u = r ? Symbol.for("react.async_mode") : 60111, f = r ? Symbol.for("react.concurrent_mode") : 60111, p = r ? Symbol.for("react.forward_ref") : 60112, h = r ? Symbol.for("react.suspense") : 60113, v = r ? Symbol.for("react.suspense_list") : 60120, j = r ? Symbol.for("react.memo") : 60115, E = r ? Symbol.for("react.lazy") : 60116, C = r ? Symbol.for("react.block") : 60121, N = r ? Symbol.for("react.fundamental") : 60117, P = r ? Symbol.for("react.responder") : 60118, $ = r ? Symbol.for("react.scope") : 60119;
   function A(g) {
     if (typeof g == "object" && g !== null) {
       var K = g.$$typeof;
@@ -662,8 +662,8 @@ function To() {
               switch (g = g && g.$$typeof, g) {
                 case i:
                 case p:
-                case k:
-                case w:
+                case E:
+                case j:
                 case c:
                   return g;
                 default:
@@ -678,7 +678,7 @@ function To() {
   function F(g) {
     return A(g) === f;
   }
-  return Y.AsyncMode = u, Y.ConcurrentMode = f, Y.ContextConsumer = i, Y.ContextProvider = c, Y.Element = o, Y.ForwardRef = p, Y.Fragment = n, Y.Lazy = k, Y.Memo = w, Y.Portal = t, Y.Profiler = l, Y.StrictMode = d, Y.Suspense = h, Y.isAsyncMode = function(g) {
+  return Y.AsyncMode = u, Y.ConcurrentMode = f, Y.ContextConsumer = i, Y.ContextProvider = c, Y.Element = o, Y.ForwardRef = p, Y.Fragment = n, Y.Lazy = E, Y.Memo = j, Y.Portal = t, Y.Profiler = l, Y.StrictMode = d, Y.Suspense = h, Y.isAsyncMode = function(g) {
     return F(g) || A(g) === u;
   }, Y.isConcurrentMode = F, Y.isContextConsumer = function(g) {
     return A(g) === i;
@@ -691,9 +691,9 @@ function To() {
   }, Y.isFragment = function(g) {
     return A(g) === n;
   }, Y.isLazy = function(g) {
-    return A(g) === k;
+    return A(g) === E;
   }, Y.isMemo = function(g) {
-    return A(g) === w;
+    return A(g) === j;
   }, Y.isPortal = function(g) {
     return A(g) === t;
   }, Y.isProfiler = function(g) {
@@ -703,7 +703,7 @@ function To() {
   }, Y.isSuspense = function(g) {
     return A(g) === h;
   }, Y.isValidElementType = function(g) {
-    return typeof g == "string" || typeof g == "function" || g === n || g === f || g === l || g === d || g === h || g === _ || typeof g == "object" && g !== null && (g.$$typeof === k || g.$$typeof === w || g.$$typeof === c || g.$$typeof === i || g.$$typeof === p || g.$$typeof === N || g.$$typeof === P || g.$$typeof === S || g.$$typeof === O);
+    return typeof g == "string" || typeof g == "function" || g === n || g === f || g === l || g === d || g === h || g === v || typeof g == "object" && g !== null && (g.$$typeof === E || g.$$typeof === j || g.$$typeof === c || g.$$typeof === i || g.$$typeof === p || g.$$typeof === N || g.$$typeof === P || g.$$typeof === $ || g.$$typeof === C);
   }, Y.typeOf = A, Y;
 }
 var U = {};
@@ -715,20 +715,20 @@ var U = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Vr;
-function Co() {
-  return Vr || (Vr = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = typeof Symbol == "function" && Symbol.for, o = r ? Symbol.for("react.element") : 60103, t = r ? Symbol.for("react.portal") : 60106, n = r ? Symbol.for("react.fragment") : 60107, d = r ? Symbol.for("react.strict_mode") : 60108, l = r ? Symbol.for("react.profiler") : 60114, c = r ? Symbol.for("react.provider") : 60109, i = r ? Symbol.for("react.context") : 60110, u = r ? Symbol.for("react.async_mode") : 60111, f = r ? Symbol.for("react.concurrent_mode") : 60111, p = r ? Symbol.for("react.forward_ref") : 60112, h = r ? Symbol.for("react.suspense") : 60113, _ = r ? Symbol.for("react.suspense_list") : 60120, w = r ? Symbol.for("react.memo") : 60115, k = r ? Symbol.for("react.lazy") : 60116, O = r ? Symbol.for("react.block") : 60121, N = r ? Symbol.for("react.fundamental") : 60117, P = r ? Symbol.for("react.responder") : 60118, S = r ? Symbol.for("react.scope") : 60119;
-    function A(b) {
-      return typeof b == "string" || typeof b == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      b === n || b === f || b === l || b === d || b === h || b === _ || typeof b == "object" && b !== null && (b.$$typeof === k || b.$$typeof === w || b.$$typeof === c || b.$$typeof === i || b.$$typeof === p || b.$$typeof === N || b.$$typeof === P || b.$$typeof === S || b.$$typeof === O);
+var zr;
+function To() {
+  return zr || (zr = 1, process.env.NODE_ENV !== "production" && function() {
+    var r = typeof Symbol == "function" && Symbol.for, o = r ? Symbol.for("react.element") : 60103, t = r ? Symbol.for("react.portal") : 60106, n = r ? Symbol.for("react.fragment") : 60107, d = r ? Symbol.for("react.strict_mode") : 60108, l = r ? Symbol.for("react.profiler") : 60114, c = r ? Symbol.for("react.provider") : 60109, i = r ? Symbol.for("react.context") : 60110, u = r ? Symbol.for("react.async_mode") : 60111, f = r ? Symbol.for("react.concurrent_mode") : 60111, p = r ? Symbol.for("react.forward_ref") : 60112, h = r ? Symbol.for("react.suspense") : 60113, v = r ? Symbol.for("react.suspense_list") : 60120, j = r ? Symbol.for("react.memo") : 60115, E = r ? Symbol.for("react.lazy") : 60116, C = r ? Symbol.for("react.block") : 60121, N = r ? Symbol.for("react.fundamental") : 60117, P = r ? Symbol.for("react.responder") : 60118, $ = r ? Symbol.for("react.scope") : 60119;
+    function A(x) {
+      return typeof x == "string" || typeof x == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      x === n || x === f || x === l || x === d || x === h || x === v || typeof x == "object" && x !== null && (x.$$typeof === E || x.$$typeof === j || x.$$typeof === c || x.$$typeof === i || x.$$typeof === p || x.$$typeof === N || x.$$typeof === P || x.$$typeof === $ || x.$$typeof === C);
     }
-    function F(b) {
-      if (typeof b == "object" && b !== null) {
-        var pe = b.$$typeof;
+    function F(x) {
+      if (typeof x == "object" && x !== null) {
+        var pe = x.$$typeof;
         switch (pe) {
           case o:
-            var ve = b.type;
+            var ve = x.type;
             switch (ve) {
               case u:
               case f:
@@ -742,8 +742,8 @@ function Co() {
                 switch (ye) {
                   case i:
                   case p:
-                  case k:
-                  case w:
+                  case E:
+                  case j:
                   case c:
                     return ye;
                   default:
@@ -755,52 +755,52 @@ function Co() {
         }
       }
     }
-    var g = u, K = f, te = i, oe = c, le = o, de = p, ie = n, ne = k, J = w, H = t, ee = l, X = d, re = h, E = !1;
-    function Q(b) {
-      return E || (E = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), m(b) || F(b) === u;
+    var g = u, K = f, te = i, oe = c, le = o, de = p, ie = n, ne = E, J = j, H = t, Q = l, X = d, ee = h, k = !1;
+    function Z(x) {
+      return k || (k = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), m(x) || F(x) === u;
     }
-    function m(b) {
-      return F(b) === f;
+    function m(x) {
+      return F(x) === f;
     }
-    function j(b) {
-      return F(b) === i;
+    function w(x) {
+      return F(x) === i;
     }
-    function v(b) {
-      return F(b) === c;
+    function b(x) {
+      return F(x) === c;
     }
-    function T(b) {
-      return typeof b == "object" && b !== null && b.$$typeof === o;
+    function O(x) {
+      return typeof x == "object" && x !== null && x.$$typeof === o;
     }
-    function C(b) {
-      return F(b) === p;
+    function T(x) {
+      return F(x) === p;
     }
-    function L(b) {
-      return F(b) === n;
+    function L(x) {
+      return F(x) === n;
     }
-    function $(b) {
-      return F(b) === k;
+    function S(x) {
+      return F(x) === E;
     }
-    function q(b) {
-      return F(b) === w;
+    function q(x) {
+      return F(x) === j;
     }
-    function M(b) {
-      return F(b) === t;
+    function M(x) {
+      return F(x) === t;
     }
-    function z(b) {
-      return F(b) === l;
+    function V(x) {
+      return F(x) === l;
     }
-    function I(b) {
-      return F(b) === d;
+    function I(x) {
+      return F(x) === d;
     }
-    function ce(b) {
-      return F(b) === h;
+    function ce(x) {
+      return F(x) === h;
     }
-    U.AsyncMode = g, U.ConcurrentMode = K, U.ContextConsumer = te, U.ContextProvider = oe, U.Element = le, U.ForwardRef = de, U.Fragment = ie, U.Lazy = ne, U.Memo = J, U.Portal = H, U.Profiler = ee, U.StrictMode = X, U.Suspense = re, U.isAsyncMode = Q, U.isConcurrentMode = m, U.isContextConsumer = j, U.isContextProvider = v, U.isElement = T, U.isForwardRef = C, U.isFragment = L, U.isLazy = $, U.isMemo = q, U.isPortal = M, U.isProfiler = z, U.isStrictMode = I, U.isSuspense = ce, U.isValidElementType = A, U.typeOf = F;
+    U.AsyncMode = g, U.ConcurrentMode = K, U.ContextConsumer = te, U.ContextProvider = oe, U.Element = le, U.ForwardRef = de, U.Fragment = ie, U.Lazy = ne, U.Memo = J, U.Portal = H, U.Profiler = Q, U.StrictMode = X, U.Suspense = ee, U.isAsyncMode = Z, U.isConcurrentMode = m, U.isContextConsumer = w, U.isContextProvider = b, U.isElement = O, U.isForwardRef = T, U.isFragment = L, U.isLazy = S, U.isMemo = q, U.isPortal = M, U.isProfiler = V, U.isStrictMode = I, U.isSuspense = ce, U.isValidElementType = A, U.typeOf = F;
   }()), U;
 }
-var zr;
+var Vr;
 function Qr() {
-  return zr || (zr = 1, process.env.NODE_ENV === "production" ? Re.exports = To() : Re.exports = Co()), Re.exports;
+  return Vr || (Vr = 1, process.env.NODE_ENV === "production" ? Re.exports = Oo() : Re.exports = To()), Re.exports;
 }
 /*
 object-assign
@@ -808,7 +808,7 @@ object-assign
 @license MIT
 */
 var Ie, Br;
-function Oo() {
+function Co() {
   if (Br) return Ie;
   Br = 1;
   var r = Object.getOwnPropertySymbols, o = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
@@ -846,8 +846,8 @@ function Oo() {
         o.call(i, h) && (u[h] = i[h]);
       if (r) {
         f = r(i);
-        for (var _ = 0; _ < f.length; _++)
-          t.call(i, f[_]) && (u[f[_]] = i[f[_]]);
+        for (var v = 0; v < f.length; v++)
+          t.call(i, f[v]) && (u[f[v]] = i[f[v]]);
       }
     }
     return u;
@@ -888,22 +888,22 @@ function No() {
           var h;
           try {
             if (typeof l[p] != "function") {
-              var _ = Error(
+              var v = Error(
                 (u || "React class") + ": " + i + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof l[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw _.name = "Invariant Violation", _;
+              throw v.name = "Invariant Violation", v;
             }
             h = l[p](c, p, u, i, null, o);
-          } catch (k) {
-            h = k;
+          } catch (E) {
+            h = E;
           }
           if (h && !(h instanceof Error) && r(
             (u || "React class") + ": type specification of " + i + " `" + p + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof h + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), h instanceof Error && !(h.message in t)) {
             t[h.message] = !0;
-            var w = f ? f() : "";
+            var j = f ? f() : "";
             r(
-              "Failed " + i + " type: " + h.message + (w ?? "")
+              "Failed " + i + " type: " + h.message + (j ?? "")
             );
           }
         }
@@ -913,11 +913,11 @@ function No() {
     process.env.NODE_ENV !== "production" && (t = {});
   }, Fe = d, Fe;
 }
-var Ve, Hr;
+var ze, Hr;
 function Ro() {
-  if (Hr) return Ve;
+  if (Hr) return ze;
   Hr = 1;
-  var r = Qr(), o = Oo(), t = Ue(), n = ea(), d = No(), l = function() {
+  var r = Qr(), o = Co(), t = Ue(), n = ea(), d = No(), l = function() {
   };
   process.env.NODE_ENV !== "production" && (l = function(i) {
     var u = "Warning: " + i;
@@ -930,14 +930,14 @@ function Ro() {
   function c() {
     return null;
   }
-  return Ve = function(i, u) {
+  return ze = function(i, u) {
     var f = typeof Symbol == "function" && Symbol.iterator, p = "@@iterator";
     function h(m) {
-      var j = m && (f && m[f] || m[p]);
-      if (typeof j == "function")
-        return j;
+      var w = m && (f && m[f] || m[p]);
+      if (typeof w == "function")
+        return w;
     }
-    var _ = "<<anonymous>>", w = {
+    var v = "<<anonymous>>", j = {
       array: P("array"),
       bigint: P("bigint"),
       bool: P("boolean"),
@@ -946,7 +946,7 @@ function Ro() {
       object: P("object"),
       string: P("string"),
       symbol: P("symbol"),
-      any: S(),
+      any: $(),
       arrayOf: A,
       element: F(),
       elementType: g(),
@@ -958,209 +958,209 @@ function Ro() {
       shape: ne,
       exact: J
     };
-    function k(m, j) {
-      return m === j ? m !== 0 || 1 / m === 1 / j : m !== m && j !== j;
+    function E(m, w) {
+      return m === w ? m !== 0 || 1 / m === 1 / w : m !== m && w !== w;
     }
-    function O(m, j) {
-      this.message = m, this.data = j && typeof j == "object" ? j : {}, this.stack = "";
+    function C(m, w) {
+      this.message = m, this.data = w && typeof w == "object" ? w : {}, this.stack = "";
     }
-    O.prototype = Error.prototype;
+    C.prototype = Error.prototype;
     function N(m) {
       if (process.env.NODE_ENV !== "production")
-        var j = {}, v = 0;
-      function T(L, $, q, M, z, I, ce) {
-        if (M = M || _, I = I || q, ce !== t) {
+        var w = {}, b = 0;
+      function O(L, S, q, M, V, I, ce) {
+        if (M = M || v, I = I || q, ce !== t) {
           if (u) {
-            var b = new Error(
+            var x = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
-            throw b.name = "Invariant Violation", b;
+            throw x.name = "Invariant Violation", x;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var pe = M + ":" + q;
-            !j[pe] && // Avoid spamming the console because they are often not actionable except for lib authors
-            v < 3 && (l(
+            !w[pe] && // Avoid spamming the console because they are often not actionable except for lib authors
+            b < 3 && (l(
               "You are manually calling a React.PropTypes validation function for the `" + I + "` prop on `" + M + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), j[pe] = !0, v++);
+            ), w[pe] = !0, b++);
           }
         }
-        return $[q] == null ? L ? $[q] === null ? new O("The " + z + " `" + I + "` is marked as required " + ("in `" + M + "`, but its value is `null`.")) : new O("The " + z + " `" + I + "` is marked as required in " + ("`" + M + "`, but its value is `undefined`.")) : null : m($, q, M, z, I);
+        return S[q] == null ? L ? S[q] === null ? new C("The " + V + " `" + I + "` is marked as required " + ("in `" + M + "`, but its value is `null`.")) : new C("The " + V + " `" + I + "` is marked as required in " + ("`" + M + "`, but its value is `undefined`.")) : null : m(S, q, M, V, I);
       }
-      var C = T.bind(null, !1);
-      return C.isRequired = T.bind(null, !0), C;
+      var T = O.bind(null, !1);
+      return T.isRequired = O.bind(null, !0), T;
     }
     function P(m) {
-      function j(v, T, C, L, $, q) {
-        var M = v[T], z = X(M);
-        if (z !== m) {
-          var I = re(M);
-          return new O(
-            "Invalid " + L + " `" + $ + "` of type " + ("`" + I + "` supplied to `" + C + "`, expected ") + ("`" + m + "`."),
+      function w(b, O, T, L, S, q) {
+        var M = b[O], V = X(M);
+        if (V !== m) {
+          var I = ee(M);
+          return new C(
+            "Invalid " + L + " `" + S + "` of type " + ("`" + I + "` supplied to `" + T + "`, expected ") + ("`" + m + "`."),
             { expectedType: m }
           );
         }
         return null;
       }
-      return N(j);
+      return N(w);
     }
-    function S() {
+    function $() {
       return N(c);
     }
     function A(m) {
-      function j(v, T, C, L, $) {
+      function w(b, O, T, L, S) {
         if (typeof m != "function")
-          return new O("Property `" + $ + "` of component `" + C + "` has invalid PropType notation inside arrayOf.");
-        var q = v[T];
+          return new C("Property `" + S + "` of component `" + T + "` has invalid PropType notation inside arrayOf.");
+        var q = b[O];
         if (!Array.isArray(q)) {
           var M = X(q);
-          return new O("Invalid " + L + " `" + $ + "` of type " + ("`" + M + "` supplied to `" + C + "`, expected an array."));
+          return new C("Invalid " + L + " `" + S + "` of type " + ("`" + M + "` supplied to `" + T + "`, expected an array."));
         }
-        for (var z = 0; z < q.length; z++) {
-          var I = m(q, z, C, L, $ + "[" + z + "]", t);
+        for (var V = 0; V < q.length; V++) {
+          var I = m(q, V, T, L, S + "[" + V + "]", t);
           if (I instanceof Error)
             return I;
         }
         return null;
       }
-      return N(j);
+      return N(w);
     }
     function F() {
-      function m(j, v, T, C, L) {
-        var $ = j[v];
-        if (!i($)) {
-          var q = X($);
-          return new O("Invalid " + C + " `" + L + "` of type " + ("`" + q + "` supplied to `" + T + "`, expected a single ReactElement."));
+      function m(w, b, O, T, L) {
+        var S = w[b];
+        if (!i(S)) {
+          var q = X(S);
+          return new C("Invalid " + T + " `" + L + "` of type " + ("`" + q + "` supplied to `" + O + "`, expected a single ReactElement."));
         }
         return null;
       }
       return N(m);
     }
     function g() {
-      function m(j, v, T, C, L) {
-        var $ = j[v];
-        if (!r.isValidElementType($)) {
-          var q = X($);
-          return new O("Invalid " + C + " `" + L + "` of type " + ("`" + q + "` supplied to `" + T + "`, expected a single ReactElement type."));
+      function m(w, b, O, T, L) {
+        var S = w[b];
+        if (!r.isValidElementType(S)) {
+          var q = X(S);
+          return new C("Invalid " + T + " `" + L + "` of type " + ("`" + q + "` supplied to `" + O + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return N(m);
     }
     function K(m) {
-      function j(v, T, C, L, $) {
-        if (!(v[T] instanceof m)) {
-          var q = m.name || _, M = Q(v[T]);
-          return new O("Invalid " + L + " `" + $ + "` of type " + ("`" + M + "` supplied to `" + C + "`, expected ") + ("instance of `" + q + "`."));
+      function w(b, O, T, L, S) {
+        if (!(b[O] instanceof m)) {
+          var q = m.name || v, M = Z(b[O]);
+          return new C("Invalid " + L + " `" + S + "` of type " + ("`" + M + "` supplied to `" + T + "`, expected ") + ("instance of `" + q + "`."));
         }
         return null;
       }
-      return N(j);
+      return N(w);
     }
     function te(m) {
       if (!Array.isArray(m))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? l(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : l("Invalid argument supplied to oneOf, expected an array.")), c;
-      function j(v, T, C, L, $) {
-        for (var q = v[T], M = 0; M < m.length; M++)
-          if (k(q, m[M]))
+      function w(b, O, T, L, S) {
+        for (var q = b[O], M = 0; M < m.length; M++)
+          if (E(q, m[M]))
             return null;
-        var z = JSON.stringify(m, function(ce, b) {
-          var pe = re(b);
-          return pe === "symbol" ? String(b) : b;
+        var V = JSON.stringify(m, function(ce, x) {
+          var pe = ee(x);
+          return pe === "symbol" ? String(x) : x;
         });
-        return new O("Invalid " + L + " `" + $ + "` of value `" + String(q) + "` " + ("supplied to `" + C + "`, expected one of " + z + "."));
+        return new C("Invalid " + L + " `" + S + "` of value `" + String(q) + "` " + ("supplied to `" + T + "`, expected one of " + V + "."));
       }
-      return N(j);
+      return N(w);
     }
     function oe(m) {
-      function j(v, T, C, L, $) {
+      function w(b, O, T, L, S) {
         if (typeof m != "function")
-          return new O("Property `" + $ + "` of component `" + C + "` has invalid PropType notation inside objectOf.");
-        var q = v[T], M = X(q);
+          return new C("Property `" + S + "` of component `" + T + "` has invalid PropType notation inside objectOf.");
+        var q = b[O], M = X(q);
         if (M !== "object")
-          return new O("Invalid " + L + " `" + $ + "` of type " + ("`" + M + "` supplied to `" + C + "`, expected an object."));
-        for (var z in q)
-          if (n(q, z)) {
-            var I = m(q, z, C, L, $ + "." + z, t);
+          return new C("Invalid " + L + " `" + S + "` of type " + ("`" + M + "` supplied to `" + T + "`, expected an object."));
+        for (var V in q)
+          if (n(q, V)) {
+            var I = m(q, V, T, L, S + "." + V, t);
             if (I instanceof Error)
               return I;
           }
         return null;
       }
-      return N(j);
+      return N(w);
     }
     function le(m) {
       if (!Array.isArray(m))
         return process.env.NODE_ENV !== "production" && l("Invalid argument supplied to oneOfType, expected an instance of array."), c;
-      for (var j = 0; j < m.length; j++) {
-        var v = m[j];
-        if (typeof v != "function")
+      for (var w = 0; w < m.length; w++) {
+        var b = m[w];
+        if (typeof b != "function")
           return l(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + E(v) + " at index " + j + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + k(b) + " at index " + w + "."
           ), c;
       }
-      function T(C, L, $, q, M) {
-        for (var z = [], I = 0; I < m.length; I++) {
-          var ce = m[I], b = ce(C, L, $, q, M, t);
-          if (b == null)
+      function O(T, L, S, q, M) {
+        for (var V = [], I = 0; I < m.length; I++) {
+          var ce = m[I], x = ce(T, L, S, q, M, t);
+          if (x == null)
             return null;
-          b.data && n(b.data, "expectedType") && z.push(b.data.expectedType);
+          x.data && n(x.data, "expectedType") && V.push(x.data.expectedType);
         }
-        var pe = z.length > 0 ? ", expected one of type [" + z.join(", ") + "]" : "";
-        return new O("Invalid " + q + " `" + M + "` supplied to " + ("`" + $ + "`" + pe + "."));
+        var pe = V.length > 0 ? ", expected one of type [" + V.join(", ") + "]" : "";
+        return new C("Invalid " + q + " `" + M + "` supplied to " + ("`" + S + "`" + pe + "."));
       }
-      return N(T);
+      return N(O);
     }
     function de() {
-      function m(j, v, T, C, L) {
-        return H(j[v]) ? null : new O("Invalid " + C + " `" + L + "` supplied to " + ("`" + T + "`, expected a ReactNode."));
+      function m(w, b, O, T, L) {
+        return H(w[b]) ? null : new C("Invalid " + T + " `" + L + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
       }
       return N(m);
     }
-    function ie(m, j, v, T, C) {
-      return new O(
-        (m || "React class") + ": " + j + " type `" + v + "." + T + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + C + "`."
+    function ie(m, w, b, O, T) {
+      return new C(
+        (m || "React class") + ": " + w + " type `" + b + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + T + "`."
       );
     }
     function ne(m) {
-      function j(v, T, C, L, $) {
-        var q = v[T], M = X(q);
+      function w(b, O, T, L, S) {
+        var q = b[O], M = X(q);
         if (M !== "object")
-          return new O("Invalid " + L + " `" + $ + "` of type `" + M + "` " + ("supplied to `" + C + "`, expected `object`."));
-        for (var z in m) {
-          var I = m[z];
+          return new C("Invalid " + L + " `" + S + "` of type `" + M + "` " + ("supplied to `" + T + "`, expected `object`."));
+        for (var V in m) {
+          var I = m[V];
           if (typeof I != "function")
-            return ie(C, L, $, z, re(I));
-          var ce = I(q, z, C, L, $ + "." + z, t);
+            return ie(T, L, S, V, ee(I));
+          var ce = I(q, V, T, L, S + "." + V, t);
           if (ce)
             return ce;
         }
         return null;
       }
-      return N(j);
+      return N(w);
     }
     function J(m) {
-      function j(v, T, C, L, $) {
-        var q = v[T], M = X(q);
+      function w(b, O, T, L, S) {
+        var q = b[O], M = X(q);
         if (M !== "object")
-          return new O("Invalid " + L + " `" + $ + "` of type `" + M + "` " + ("supplied to `" + C + "`, expected `object`."));
-        var z = o({}, v[T], m);
-        for (var I in z) {
+          return new C("Invalid " + L + " `" + S + "` of type `" + M + "` " + ("supplied to `" + T + "`, expected `object`."));
+        var V = o({}, b[O], m);
+        for (var I in V) {
           var ce = m[I];
           if (n(m, I) && typeof ce != "function")
-            return ie(C, L, $, I, re(ce));
+            return ie(T, L, S, I, ee(ce));
           if (!ce)
-            return new O(
-              "Invalid " + L + " `" + $ + "` key `" + I + "` supplied to `" + C + "`.\nBad object: " + JSON.stringify(v[T], null, "  ") + `
+            return new C(
+              "Invalid " + L + " `" + S + "` key `" + I + "` supplied to `" + T + "`.\nBad object: " + JSON.stringify(b[O], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(m), null, "  ")
             );
-          var b = ce(q, I, C, L, $ + "." + I, t);
-          if (b)
-            return b;
+          var x = ce(q, I, T, L, S + "." + I, t);
+          if (x)
+            return x;
         }
         return null;
       }
-      return N(j);
+      return N(w);
     }
     function H(m) {
       switch (typeof m) {
@@ -1175,17 +1175,17 @@ Valid keys: ` + JSON.stringify(Object.keys(m), null, "  ")
             return m.every(H);
           if (m === null || i(m))
             return !0;
-          var j = h(m);
-          if (j) {
-            var v = j.call(m), T;
-            if (j !== m.entries) {
-              for (; !(T = v.next()).done; )
-                if (!H(T.value))
+          var w = h(m);
+          if (w) {
+            var b = w.call(m), O;
+            if (w !== m.entries) {
+              for (; !(O = b.next()).done; )
+                if (!H(O.value))
                   return !1;
             } else
-              for (; !(T = v.next()).done; ) {
-                var C = T.value;
-                if (C && !H(C[1]))
+              for (; !(O = b.next()).done; ) {
+                var T = O.value;
+                if (T && !H(T[1]))
                   return !1;
               }
           } else
@@ -1195,61 +1195,61 @@ Valid keys: ` + JSON.stringify(Object.keys(m), null, "  ")
           return !1;
       }
     }
-    function ee(m, j) {
-      return m === "symbol" ? !0 : j ? j["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && j instanceof Symbol : !1;
+    function Q(m, w) {
+      return m === "symbol" ? !0 : w ? w["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && w instanceof Symbol : !1;
     }
     function X(m) {
-      var j = typeof m;
-      return Array.isArray(m) ? "array" : m instanceof RegExp ? "object" : ee(j, m) ? "symbol" : j;
+      var w = typeof m;
+      return Array.isArray(m) ? "array" : m instanceof RegExp ? "object" : Q(w, m) ? "symbol" : w;
     }
-    function re(m) {
+    function ee(m) {
       if (typeof m > "u" || m === null)
         return "" + m;
-      var j = X(m);
-      if (j === "object") {
+      var w = X(m);
+      if (w === "object") {
         if (m instanceof Date)
           return "date";
         if (m instanceof RegExp)
           return "regexp";
       }
-      return j;
+      return w;
     }
-    function E(m) {
-      var j = re(m);
-      switch (j) {
+    function k(m) {
+      var w = ee(m);
+      switch (w) {
         case "array":
         case "object":
-          return "an " + j;
+          return "an " + w;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + j;
+          return "a " + w;
         default:
-          return j;
+          return w;
       }
     }
-    function Q(m) {
-      return !m.constructor || !m.constructor.name ? _ : m.constructor.name;
+    function Z(m) {
+      return !m.constructor || !m.constructor.name ? v : m.constructor.name;
     }
-    return w.checkPropTypes = d, w.resetWarningCache = d.resetWarningCache, w.PropTypes = w, w;
-  }, Ve;
+    return j.checkPropTypes = d, j.resetWarningCache = d.resetWarningCache, j.PropTypes = j, j;
+  }, ze;
 }
-var ze, Gr;
+var Ve, Gr;
 function Eo() {
-  if (Gr) return ze;
+  if (Gr) return Ve;
   Gr = 1;
   var r = Ue();
   function o() {
   }
   function t() {
   }
-  return t.resetWarningCache = o, ze = function() {
+  return t.resetWarningCache = o, Ve = function() {
     function n(c, i, u, f, p, h) {
       if (h !== r) {
-        var _ = new Error(
+        var v = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
-        throw _.name = "Invariant Violation", _;
+        throw v.name = "Invariant Violation", v;
       }
     }
     n.isRequired = n;
@@ -1280,15 +1280,15 @@ function Eo() {
       resetWarningCache: o
     };
     return l.PropTypes = l, l;
-  }, ze;
+  }, Ve;
 }
 if (process.env.NODE_ENV !== "production") {
   var ko = Qr(), Po = !0;
   We.exports = Ro()(ko.isElement, Po);
 } else
   We.exports = Eo()();
-var So = We.exports;
-const e = /* @__PURE__ */ Zr(So);
+var $o = We.exports;
+const e = /* @__PURE__ */ Zr($o);
 var ra = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
@@ -1325,8 +1325,8 @@ var ra = { exports: {} };
     r.exports ? (t.default = t, r.exports = t) : window.classNames = t;
   })();
 })(ra);
-var $o = ra.exports;
-const Z = /* @__PURE__ */ Zr($o), aa = ({
+var So = ra.exports;
+const ae = /* @__PURE__ */ Zr(So), aa = ({
   level: r = 1,
   // 1 to 5
   align: o = "left",
@@ -1338,7 +1338,7 @@ const Z = /* @__PURE__ */ Zr($o), aa = ({
   style: c = {},
   ...i
 }) => {
-  const u = `h${r}`, f = Z("heading", l, {
+  const u = `h${r}`, f = ae("heading", l, {
     [`heading--align-${o}`]: o,
     "heading--bold": t,
     [`heading--${n}`]: n
@@ -1400,7 +1400,7 @@ const oa = ({
   style: i = {},
   ...u
 }) => {
-  const f = Z("paragraph", c, {
+  const f = ae("paragraph", c, {
     [`paragraph--size-${o}`]: o,
     [`paragraph--align-${t}`]: t,
     [`paragraph--weight-${n}`]: n,
@@ -1466,7 +1466,7 @@ const sa = ({
   style: c = {},
   ...i
 }) => {
-  const u = Z("label", l, {
+  const u = ae("label", l, {
     [`label--color-${o}`]: o,
     "label--background": t && o !== "secondary",
     [`label--shape-${n}`]: n,
@@ -1525,7 +1525,7 @@ const na = ({
   className: d = "",
   style: l = {}
 }) => {
-  const c = Z("caption", {
+  const c = ae("caption", {
     [`caption--${o}`]: o,
     [`caption--${t}`]: t !== "normal",
     [`caption--${n}`]: n
@@ -1579,52 +1579,118 @@ na.propTypes = {
   style: e.object
 };
 const ta = ({
-  children: r,
-  border: o = !1,
-  size: t = "medium",
-  rounded: n = !1,
-  fluid: d = !1,
-  align: l = "left",
-  position: c = "static",
-  className: i = "",
-  style: u = {},
-  ...f
+  size: r = "small",
+  border: o = "on",
+  align: t = "center",
+  fluid: n = !1,
+  padding: d = "md",
+  marginTop: l = "md",
+  marginBottom: c = "md",
+  marginLeft: i = "md",
+  marginRight: u = "md",
+  position: f = "relative",
+  rounded: p = !0,
+  borderColor: h,
+  backgroundColor: v,
+  children: j
 }) => {
-  const p = Z("container", i, {
-    "container--border": o,
-    [`container--${t}`]: t,
-    "container--rounded": n,
-    "container--fluid": d,
-    [`container--align-${l}`]: l,
-    [`container--position-${c}`]: c
-  });
-  return /* @__PURE__ */ a.jsx("div", { className: p, style: u, ...f, children: r });
+  const E = [
+    "container",
+    `container--size-${r}`,
+    `container--align-${t}`,
+    `container--position-${f}`,
+    `container--padding-${d}`,
+    `container--mt-${l}`,
+    `container--mb-${c}`,
+    `container--ml-${i}`,
+    `container--mr-${u}`,
+    o === "on" ? "container--border" : "",
+    n ? "container--fluid" : "",
+    p ? "container--rounded" : "",
+    v ? `container--bg-${v}` : "",
+    h ? `container--border-${h}` : ""
+    // Add class if borderColor is set
+  ].join(" ");
+  return /* @__PURE__ */ a.jsx("div", { className: E, children: j });
 };
 ta.propTypes = {
-  /** Content to be wrapped inside the container */
-  children: e.node.isRequired,
-  /** Add a border to the container */
-  border: e.bool,
-  /** Size of the container */
   size: e.oneOf(["small", "medium", "large"]),
-  /** Rounded corners */
-  rounded: e.bool,
-  /** Fluid container (full width) */
-  fluid: e.bool,
-  /** Text alignment within the container */
+  border: e.oneOf(["on", "off"]),
   align: e.oneOf(["left", "center", "right"]),
-  /** CSS position property */
-  position: e.oneOf(["static", "relative", "absolute", "fixed", "sticky"]),
-  /** Additional CSS classes */
-  className: e.string,
-  /** Inline styles */
-  style: e.object
+  fluid: e.bool,
+  padding: e.oneOf(["sm", "md", "lg"]),
+  marginTop: e.oneOf(["sm", "md", "lg"]),
+  marginBottom: e.oneOf(["sm", "md", "lg"]),
+  marginLeft: e.oneOf(["sm", "md", "lg"]),
+  marginRight: e.oneOf(["sm", "md", "lg"]),
+  position: e.oneOf(["relative", "static", "fixed", "absolute", "sticky"]),
+  rounded: e.bool,
+  borderColor: e.oneOf([
+    "none",
+    "primary",
+    "secondary",
+    "link",
+    "focus",
+    "info",
+    "warning",
+    "alert",
+    "success",
+    "neutral",
+    "dark",
+    "classy-1",
+    "classy-2",
+    "classy-3",
+    "classy-4",
+    "classy-5",
+    "small-switch-1",
+    "small-switch-2",
+    "natural-1",
+    "natural-2",
+    "natural-3",
+    "grey-friend-1",
+    "grey-friend-2",
+    "shade-1",
+    "shade-2",
+    "shade-3",
+    "shade-4"
+  ]),
+  backgroundColor: e.oneOf([
+    "none",
+    // For no background color
+    "primary",
+    "secondary",
+    "link",
+    "focus",
+    "info",
+    "warning",
+    "alert",
+    "success",
+    "neutral",
+    "dark",
+    "classy-1",
+    "classy-2",
+    "classy-3",
+    "classy-4",
+    "classy-5",
+    "small-switch-1",
+    "small-switch-2",
+    "natural-1",
+    "natural-2",
+    "natural-3",
+    "grey-friend-1",
+    "grey-friend-2",
+    "shade-1",
+    "shade-2",
+    "shade-3",
+    "shade-4"
+  ]),
+  children: e.node
 };
 const la = ({
-  variant: r = "primary",
-  // 'primary', 'secondary'
-  color: o,
-  // 'info', 'warning', 'alert', 'success', 'neutral', 'dark'
+  variant: r = "solid",
+  // 'solid' or 'outline'
+  color: o = "primary-color",
+  // Default to primary color
   size: t = "medium",
   label: n = "",
   noBorder: d = !1,
@@ -1633,19 +1699,39 @@ const la = ({
   style: i = {},
   ...u
 }) => {
-  const f = `button--${r}`, p = o ? `button--${o}` : "", h = `button--${t}`, w = `button ${f} ${p} ${h} ${d ? "button--no-border" : ""} ${c}`.trim();
-  return /* @__PURE__ */ a.jsx("button", { type: "button", className: w, style: i, ...u, children: l || n });
+  const f = `button--${r}`, p = `button--${o}`, h = `button--${t}`, j = `button ${f} ${p} ${h} ${d ? "button--no-border" : ""} ${c}`.trim();
+  return /* @__PURE__ */ a.jsx("button", { type: "button", className: j, style: i, ...u, children: l || n });
 };
 la.propTypes = {
-  variant: e.oneOf(["primary", "secondary"]),
+  variant: e.oneOf(["solid", "outline"]),
+  // Updated variants
   color: e.oneOf([
-    "info",
-    "warning",
-    "alert",
-    "success",
-    "neutral",
-    "dark"
+    "primary-color",
+    "secondary-color",
+    "info-color",
+    "warning-color",
+    "alert-color",
+    "success-color",
+    "neutral-color",
+    "dark-color",
+    "classy-color-1",
+    "classy-color-2",
+    "classy-color-3",
+    "classy-color-4",
+    "classy-color-5",
+    "small-switch-color-1",
+    "small-switch-color-2",
+    "natural-color-1",
+    "natural-color-2",
+    "natural-color-3",
+    "grey-friend-1",
+    "grey-friend-2",
+    "shade-1",
+    "shade-2",
+    "shade-3",
+    "shade-4"
   ]),
+  // Updated color prop
   size: e.oneOf(["small", "medium", "large"]),
   label: e.string,
   noBorder: e.bool,
@@ -1657,7 +1743,9 @@ const ia = ({
   text: r,
   href: o,
   underline: t = !0,
+  // Controls underline
   bold: n = !1,
+  // Controls bold text
   newWindow: d = !1,
   external: l = !1,
   experimentalPreview: c = !1,
@@ -1665,26 +1753,27 @@ const ia = ({
   style: u = {},
   ...f
 }) => {
-  const [p, h] = B(!1), _ = () => {
+  const [p, h] = B(!1), v = () => {
     c && h(!0);
-  }, w = () => {
+  }, j = () => {
     c && h(!1);
-  }, k = Z("link", i, {
-    "link--underline": t,
-    "link--no-underline": !t,
-    "link--bold": n,
-    "link--external": l
-  });
+  }, E = {
+    textDecoration: t ? "underline" : "none",
+    fontWeight: n ? "bold" : "normal",
+    ...u
+    // Include any additional styles passed via props
+  };
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs(
       "a",
       {
         href: o,
-        className: k,
+        className: `link ${i}`,
+        style: E,
         target: d ? "_blank" : "_self",
         rel: d ? "noopener noreferrer" : void 0,
-        onMouseDown: _,
-        onMouseUp: w,
+        onMouseDown: v,
+        onMouseUp: j,
         onBlur: () => h(!1),
         ...f,
         children: [
@@ -1698,23 +1787,14 @@ const ia = ({
   ] });
 };
 ia.propTypes = {
-  /** Text content of the link */
   text: e.string.isRequired,
-  /** URL the link points to */
   href: e.string.isRequired,
-  /** Whether the link is underlined */
   underline: e.bool,
-  /** Whether the link text is bold */
   bold: e.bool,
-  /** Whether the link opens in a new window */
   newWindow: e.bool,
-  /** Whether the link is external */
   external: e.bool,
-  /** Enable experimental preview on press */
   experimentalPreview: e.bool,
-  /** Additional CSS classes */
   className: e.string,
-  /** Inline styles */
   style: e.object
 };
 const ca = ({
@@ -1728,13 +1808,13 @@ const ca = ({
   style: i = {},
   ...u
 }) => {
-  const f = Z("icon-container", c, {
+  const f = ae("icon-container", c, {
     "icon-container--background": o,
     [`icon-container--shape-${n}`]: n,
     [`icon-container--size-${d}`]: d,
     [`icon-container--align-${l}`]: l,
     [`icon-container--color-${t}`]: o
-  }), p = Z("icon", {
+  }), p = ae("icon", {
     [`icon--color-${t}`]: !o,
     [`icon--size-${d}`]: d
   });
@@ -1793,7 +1873,7 @@ const da = ({
   className: u = "",
   ...f
 }) => {
-  const p = Z("checkbox", u, {
+  const p = ae("checkbox", u, {
     [`checkbox--${n}`]: n,
     [`checkbox--${d}`]: d !== "normal",
     [l]: l,
@@ -1870,7 +1950,7 @@ const ua = ({
   className: f = "",
   ...p
 }) => {
-  const h = Z("radio-button", f, {
+  const h = ae("radio-button", f, {
     [`radio-button--${n}`]: n,
     [`radio-button--${d}`]: d !== "normal",
     [l]: l,
@@ -2022,13 +2102,13 @@ const pa = ({
   backgroundColor: f,
   borderColor: p,
   borderRadius: h,
-  disabled: _ = !1,
-  readOnly: w = !1,
-  required: k = !1,
-  autoFocus: O = !1,
+  disabled: v = !1,
+  readOnly: j = !1,
+  required: E = !1,
+  autoFocus: C = !1,
   maxLength: N,
   minLength: P,
-  pattern: S,
+  pattern: $,
   isValid: A,
   error: F,
   helperText: g,
@@ -2041,11 +2121,11 @@ const pa = ({
   tabIndex: ne,
   spellCheck: J = !0,
   autoComplete: H = "on",
-  inputMode: ee,
+  inputMode: Q,
   step: X,
-  className: re = "",
-  style: E = {},
-  ...Q
+  className: ee = "",
+  style: k = {},
+  ...Z
 }) => {
   const m = [
     "text-input",
@@ -2053,9 +2133,9 @@ const pa = ({
     `text-input--${c}`,
     F ? "text-input--error" : "",
     le ? "text-input--loading" : "",
-    re
+    ee
   ].join(" ").trim();
-  return /* @__PURE__ */ a.jsxs("div", { className: m, style: { backgroundColor: f, borderColor: p, borderRadius: h, fontFamily: i, fontSize: u, ...E }, children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: m, style: { backgroundColor: f, borderColor: p, borderRadius: h, fontFamily: i, fontSize: u, ...k }, children: [
     /* @__PURE__ */ a.jsx(
       "input",
       {
@@ -2064,22 +2144,22 @@ const pa = ({
         defaultValue: o,
         onChange: t,
         placeholder: n,
-        disabled: _,
-        readOnly: w,
-        required: k,
+        disabled: v,
+        readOnly: j,
+        required: E,
         maxLength: N,
         minLength: P,
-        pattern: S,
+        pattern: $,
         "aria-label": de,
         "aria-describedby": ie,
         tabIndex: ne,
         spellCheck: J,
         autoComplete: H,
-        inputMode: ee,
+        inputMode: Q,
         step: X,
         className: "text-input__input",
-        autoFocus: O,
-        ...Q
+        autoFocus: C,
+        ...Z
       }
     ),
     te && r && /* @__PURE__ */ a.jsx("button", { className: "text-input__clear-button", onClick: oe, "aria-label": "Clear input", children: "×" }),
@@ -2163,13 +2243,13 @@ const ma = ({
   fontSize: f = "16px",
   color: p = "primary",
   backgroundColor: h = "transparent",
-  collapsible: _ = !1,
-  collapseAt: w = 100,
-  maxLength: k,
-  disabled: O = !1,
+  collapsible: v = !1,
+  collapseAt: j = 100,
+  maxLength: E,
+  disabled: C = !1,
   readOnly: N = !1,
   required: P = !1,
-  onChange: S,
+  onChange: $,
   onBlur: A,
   onFocus: F,
   autoResize: g = !1,
@@ -2180,16 +2260,16 @@ const ma = ({
   style: de = {},
   ...ie
 }) => {
-  const [ne, J] = B(_ && (r == null ? void 0 : r.length) > w), H = (re) => {
-    _ && re.target.value.length > w && J(!1), S && S(re);
-  }, ee = Z("textarea", le, {
+  const [ne, J] = B(v && (r == null ? void 0 : r.length) > j), H = (ee) => {
+    v && ee.target.value.length > j && J(!1), $ && $(ee);
+  }, Q = ae("textarea", le, {
     [`textarea--${p}`]: p,
     "textarea--bold": c,
     "textarea--italic": i,
     "textarea--underline": u,
-    "textarea--disabled": O,
+    "textarea--disabled": C,
     "textarea--error": K,
-    "textarea--collapsible": _ && ne
+    "textarea--collapsible": v && ne
   }), X = {
     ...de,
     fontSize: f,
@@ -2206,11 +2286,11 @@ const ma = ({
         placeholder: t,
         rows: n,
         cols: d,
-        maxLength: k,
+        maxLength: E,
         readOnly: N,
-        disabled: O,
+        disabled: C,
         required: P,
-        className: ee,
+        className: Q,
         style: X,
         onChange: H,
         onBlur: A,
@@ -2264,7 +2344,7 @@ const ha = ({
   className: i = "",
   ...u
 }) => {
-  const f = Z("select", i, {
+  const f = ae("select", i, {
     [`select--${c}`]: c,
     // Dynamically apply color class
     "select--disabled": n
@@ -2353,20 +2433,20 @@ const ya = ({
   // Single or dual handle slider
   disabled: p = !1,
   className: h = "",
-  ..._
+  ...v
 }) => {
-  const [w, k] = B(n);
-  Oe(() => {
-    k(n);
+  const [j, E] = B(n);
+  Ce(() => {
+    E(n);
   }, [n]);
-  const O = (A, F) => {
-    const g = [...w];
-    g[F] = Number(A.target.value), !(f && g[0] > g[1]) && (k(g), d && d(g));
-  }, N = (w[0] - r) / (o - r) * 100, P = f ? (w[1] - r) / (o - r) * 100 : N, S = Z("slider", h, {
+  const C = (A, F) => {
+    const g = [...j];
+    g[F] = Number(A.target.value), !(f && g[0] > g[1]) && (E(g), d && d(g));
+  }, N = (j[0] - r) / (o - r) * 100, P = f ? (j[1] - r) / (o - r) * 100 : N, $ = ae("slider", h, {
     [`slider--${l}`]: l,
     "slider--disabled": p
   });
-  return /* @__PURE__ */ a.jsxs("div", { className: S, children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: $, children: [
     u && /* @__PURE__ */ a.jsx("label", { className: "slider__label", children: u }),
     /* @__PURE__ */ a.jsxs("div", { className: "slider__wrapper", children: [
       /* @__PURE__ */ a.jsx("div", { className: "slider__track" }),
@@ -2388,12 +2468,12 @@ const ya = ({
           min: r,
           max: o,
           step: t,
-          value: w[0],
-          onChange: (A) => O(A, 0),
+          value: j[0],
+          onChange: (A) => C(A, 0),
           disabled: p,
           className: "slider__thumb",
           style: { left: `${N}%`, "--thumb-color": `var(--${c}-color)` },
-          ..._
+          ...v
         }
       ),
       f && /* @__PURE__ */ a.jsx(
@@ -2403,20 +2483,20 @@ const ya = ({
           min: r,
           max: o,
           step: t,
-          value: w[1],
-          onChange: (A) => O(A, 1),
+          value: j[1],
+          onChange: (A) => C(A, 1),
           disabled: p,
           className: "slider__thumb",
           style: { left: `${P}%`, "--thumb-color": `var(--${c}-color)` },
-          ..._
+          ...v
         }
       )
     ] }),
     i && /* @__PURE__ */ a.jsx("div", { className: "slider__values", children: f ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-      /* @__PURE__ */ a.jsx("span", { children: w[0] }),
+      /* @__PURE__ */ a.jsx("span", { children: j[0] }),
       " - ",
-      /* @__PURE__ */ a.jsx("span", { children: w[1] })
-    ] }) : /* @__PURE__ */ a.jsx("span", { children: w[0] }) })
+      /* @__PURE__ */ a.jsx("span", { children: j[1] })
+    ] }) : /* @__PURE__ */ a.jsx("span", { children: j[0] }) })
   ] });
 };
 ya.propTypes = {
@@ -2499,11 +2579,11 @@ const ga = ({
   className: p = "",
   ...h
 }) => {
-  const _ = Z("range", p, {
+  const v = ae("range", p, {
     [`range--${l}`]: l,
     "range--disabled": f
-  }), w = (n - r) / (o - r) * 100;
-  return /* @__PURE__ */ a.jsxs("div", { className: _, children: [
+  }), j = (n - r) / (o - r) * 100;
+  return /* @__PURE__ */ a.jsxs("div", { className: v, children: [
     u && /* @__PURE__ */ a.jsx("label", { className: "range__label", children: u }),
     /* @__PURE__ */ a.jsx("div", { className: "range__wrapper", children: /* @__PURE__ */ a.jsx(
       "input",
@@ -2518,7 +2598,7 @@ const ga = ({
         className: "range__input",
         ...h,
         style: {
-          background: `linear-gradient(to right, var(--${l}-color) ${w}%, var(--neutral-color) ${w}%)`,
+          background: `linear-gradient(to right, var(--${l}-color) ${j}%, var(--neutral-color) ${j}%)`,
           "--thumb-color": `var(--${c}-color)`
           // Setting the thumb color dynamically
         }
@@ -2616,14 +2696,14 @@ const va = ({
   // 'center', 'top', 'left'
   fallbackSrc: p = "/fallback.jpg",
   srcSet: h,
-  sizes: _,
-  lazyLoad: w = !0,
-  onClickExpand: k,
-  hoverIcons: O = [],
+  sizes: v,
+  lazyLoad: j = !0,
+  onClickExpand: E,
+  hoverIcons: C = [],
   hoverCaption: N,
   hoverIconPosition: P = "center",
   // 'center', 'top-right'
-  size: S = "md",
+  size: $ = "md",
   // 'xs', 'sm', 'md', 'lg', 'xl'
   className: A = "",
   style: F = {},
@@ -2634,17 +2714,17 @@ const va = ({
   }, J = () => {
     le(!0);
   }, H = () => {
-    i !== "expanded" && i !== "flat" && ie(!0), k && k();
-  }, ee = () => {
+    i !== "expanded" && i !== "flat" && ie(!0), E && E();
+  }, Q = () => {
     ie(!1);
-  }, X = Z("image", A, {
+  }, X = ae("image", A, {
     [`image--${i}`]: i,
     [`image--${u}`]: u,
     [`image--${f}`]: f,
-    [`image--size-${S}`]: S,
+    [`image--size-${$}`]: $,
     "image--loaded": K,
     "image--error": oe
-  }), re = i !== "flat" && (O.length > 0 || N);
+  }), ee = i !== "flat" && (C.length > 0 || N);
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs("figure", { className: "image-figure", style: F, ...g, children: [
       !K && !oe && /* @__PURE__ */ a.jsx("div", { className: "image__placeholder", children: "Loading..." }),
@@ -2655,38 +2735,38 @@ const va = ({
           alt: o,
           width: t,
           height: n,
-          loading: w ? d : "eager",
+          loading: j ? d : "eager",
           title: l,
           className: X,
           srcSet: h,
-          sizes: _,
+          sizes: v,
           onLoad: ne,
           onError: J,
           onClick: i !== "flat" ? H : void 0,
           role: i === "expanded" ? "img" : "button",
           tabIndex: i !== "flat" ? "0" : void 0,
-          onKeyPress: (E) => {
-            (E.key === "Enter" || E.key === " ") && i !== "flat" && H();
+          onKeyPress: (k) => {
+            (k.key === "Enter" || k.key === " ") && i !== "flat" && H();
           }
         }
       ),
       c && /* @__PURE__ */ a.jsx("figcaption", { className: "image__caption", children: c }),
-      re && /* @__PURE__ */ a.jsxs("div", { className: "image__overlay", children: [
+      ee && /* @__PURE__ */ a.jsxs("div", { className: "image__overlay", children: [
         N && /* @__PURE__ */ a.jsx("div", { className: "image__overlay-caption", children: N }),
-        O.length > 0 && /* @__PURE__ */ a.jsx(
+        C.length > 0 && /* @__PURE__ */ a.jsx(
           "div",
           {
-            className: Z("image__overlay-icons", {
+            className: ae("image__overlay-icons", {
               "image__overlay-icons--center": P === "center",
               "image__overlay-icons--top-right": P === "top-right"
             }),
-            children: O.map((E, Q) => /* @__PURE__ */ a.jsx(E, { className: "image__overlay-icon" }, Q))
+            children: C.map((k, Z) => /* @__PURE__ */ a.jsx(k, { className: "image__overlay-icon" }, Z))
           }
         )
       ] })
     ] }),
-    de && /* @__PURE__ */ a.jsx("div", { className: "image__modal", onClick: ee, role: "dialog", "aria-modal": "true", children: /* @__PURE__ */ a.jsxs("div", { className: "image__modal-content", onClick: (E) => E.stopPropagation(), children: [
-      /* @__PURE__ */ a.jsx("button", { className: "image__modal-close", onClick: ee, "aria-label": "Close", children: "×" }),
+    de && /* @__PURE__ */ a.jsx("div", { className: "image__modal", onClick: Q, role: "dialog", "aria-modal": "true", children: /* @__PURE__ */ a.jsxs("div", { className: "image__modal-content", onClick: (k) => k.stopPropagation(), children: [
+      /* @__PURE__ */ a.jsx("button", { className: "image__modal-close", onClick: Q, "aria-label": "Close", children: "×" }),
       /* @__PURE__ */ a.jsx("img", { src: r, alt: o, className: "image__modal-img" }),
       c && /* @__PURE__ */ a.jsx("div", { className: "image__modal-caption", children: c })
     ] }) })
@@ -2750,21 +2830,21 @@ const ba = ({
   onEnd: p,
   showControlsOnHover: h = !0
 }) => {
-  const _ = Ye(null), [w, k] = B(!1), [O, N] = B(!1), P = () => {
-    w ? _.current.pause() : _.current.play(), k(!w);
-  }, S = () => N(!0), A = () => N(!1);
+  const v = Ye(null), [j, E] = B(!1), [C, N] = B(!1), P = () => {
+    j ? v.current.pause() : v.current.play(), E(!j);
+  }, $ = () => N(!0), A = () => N(!1);
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: `video-container ${h && O ? "show-controls" : ""}`,
-      onMouseEnter: S,
+      className: `video-container ${h && C ? "show-controls" : ""}`,
+      onMouseEnter: $,
       onMouseLeave: A,
       style: { width: c, height: i },
       children: [
         /* @__PURE__ */ a.jsx(
           "video",
           {
-            ref: _,
+            ref: v,
             src: r,
             poster: o,
             autoPlay: t,
@@ -2777,7 +2857,7 @@ const ba = ({
             style: { width: "100%", height: "100%" }
           }
         ),
-        /* @__PURE__ */ a.jsx("div", { className: "video-controls", children: /* @__PURE__ */ a.jsx("button", { onClick: P, children: w ? "Pause" : "Play" }) })
+        /* @__PURE__ */ a.jsx("div", { className: "video-controls", children: /* @__PURE__ */ a.jsx("button", { onClick: P, children: j ? "Pause" : "Play" }) })
       ]
     }
   );
@@ -2910,19 +2990,19 @@ function ja(r) {
 function wa(r) {
   return _e({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z" }, child: [] }] })(r);
 }
-function Vo(r) {
+function zo(r) {
   return _e({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M64 468V44c0-6.6 5.4-12 12-12h48c6.6 0 12 5.4 12 12v176.4l195.5-181C352.1 22.3 384 36.6 384 64v384c0 27.4-31.9 41.7-52.5 24.6L136 292.7V468c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12z" }, child: [] }] })(r);
 }
-function zo(r) {
+function Vo(r) {
   return _e({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M384 44v424c0 6.6-5.4 12-12 12h-48c-6.6 0-12-5.4-12-12V291.6l-195.5 181C95.9 489.7 64 475.4 64 448V64c0-27.4 31.9-41.7 52.5-24.6L312 219.3V44c0-6.6 5.4-12 12-12h48c6.6 0 12 5.4 12 12z" }, child: [] }] })(r);
 }
-function Ta(r) {
+function Oa(r) {
   return _e({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M215.03 71.05L126.06 160H24c-13.26 0-24 10.74-24 24v144c0 13.25 10.74 24 24 24h102.06l88.97 88.95c15.03 15.03 40.97 4.47 40.97-16.97V88.02c0-21.46-25.96-31.98-40.97-16.97zM461.64 256l45.64-45.64c6.3-6.3 6.3-16.52 0-22.82l-22.82-22.82c-6.3-6.3-16.52-6.3-22.82 0L416 210.36l-45.64-45.64c-6.3-6.3-16.52-6.3-22.82 0l-22.82 22.82c-6.3 6.3-6.3 16.52 0 22.82L370.36 256l-45.63 45.63c-6.3 6.3-6.3 16.52 0 22.82l22.82 22.82c6.3 6.3 16.52 6.3 22.82 0L416 301.64l45.64 45.64c6.3 6.3 16.52 6.3 22.82 0l22.82-22.82c6.3-6.3 6.3-16.52 0-22.82L461.64 256z" }, child: [] }] })(r);
 }
-function Ca(r) {
+function Ta(r) {
   return _e({ tag: "svg", attr: { viewBox: "0 0 576 512" }, child: [{ tag: "path", attr: { d: "M215.03 71.05L126.06 160H24c-13.26 0-24 10.74-24 24v144c0 13.25 10.74 24 24 24h102.06l88.97 88.95c15.03 15.03 40.97 4.47 40.97-16.97V88.02c0-21.46-25.96-31.98-40.97-16.97zm233.32-51.08c-11.17-7.33-26.18-4.24-33.51 6.95-7.34 11.17-4.22 26.18 6.95 33.51 66.27 43.49 105.82 116.6 105.82 195.58 0 78.98-39.55 152.09-105.82 195.58-11.17 7.32-14.29 22.34-6.95 33.5 7.04 10.71 21.93 14.56 33.51 6.95C528.27 439.58 576 351.33 576 256S528.27 72.43 448.35 19.97zM480 256c0-63.53-32.06-121.94-85.77-156.24-11.19-7.14-26.03-3.82-33.12 7.46s-3.78 26.21 7.41 33.36C408.27 165.97 432 209.11 432 256s-23.73 90.03-63.48 115.42c-11.19 7.14-14.5 22.07-7.41 33.36 6.51 10.36 21.12 15.14 33.12 7.46C447.94 377.94 480 319.54 480 256zm-141.77-76.87c-11.58-6.33-26.19-2.16-32.61 9.45-6.39 11.61-2.16 26.2 9.45 32.61C327.98 228.28 336 241.63 336 256c0 14.38-8.02 27.72-20.92 34.81-11.61 6.41-15.84 21-9.45 32.61 6.43 11.66 21.05 15.8 32.61 9.45 28.23-15.55 45.77-45 45.77-76.88s-17.54-61.32-45.78-76.86z" }, child: [] }] })(r);
 }
-const Oa = ({
+const Ca = ({
   src: r,
   autoPlay: o = !1,
   loop: t = !1,
@@ -2933,45 +3013,45 @@ const Oa = ({
   style: i = {},
   ...u
 }) => {
-  const f = Ye(null), [p, h] = B(o), [_, w] = B(n), [k, O] = B(n ? 0 : 1), [N, P] = B(0), [S, A] = B(0), [F, g] = B(!1);
-  Oe(() => {
-    const E = f.current;
-    E && (E.volume = k, E.muted = _, o && E.play().catch(() => h(!1)));
-  }, [k, _, o]);
+  const f = Ye(null), [p, h] = B(o), [v, j] = B(n), [E, C] = B(n ? 0 : 1), [N, P] = B(0), [$, A] = B(0), [F, g] = B(!1);
+  Ce(() => {
+    const k = f.current;
+    k && (k.volume = E, k.muted = v, o && k.play().catch(() => h(!1)));
+  }, [E, v, o]);
   const K = () => {
-    const E = f.current;
-    E && (p ? E.pause() : E.play().catch(() => h(!1)), h(!p));
+    const k = f.current;
+    k && (p ? k.pause() : k.play().catch(() => h(!1)), h(!p));
   }, te = () => {
-    const E = f.current;
-    E && P(E.currentTime);
+    const k = f.current;
+    k && P(k.currentTime);
   }, oe = () => {
-    const E = f.current;
-    E && A(E.duration);
-  }, le = (E) => {
-    const Q = parseFloat(E.target.value);
-    O(Q), w(Q === 0);
+    const k = f.current;
+    k && A(k.duration);
+  }, le = (k) => {
+    const Z = parseFloat(k.target.value);
+    C(Z), j(Z === 0);
   }, de = () => {
-    w(!_), O(_ ? 1 : 0);
-  }, ie = (E) => {
-    const Q = parseFloat(E.target.value), m = f.current;
-    m && (m.currentTime = Q, P(Q));
-  }, ne = (E) => {
-    if (isNaN(E)) return "00:00";
-    const Q = Math.floor(E / 60), m = Math.floor(E % 60), j = m < 10 ? `0${m}` : m;
-    return `${Q}:${j}`;
-  }, J = (E) => {
-    de(), g((Q) => !Q), E.stopPropagation();
-  }, H = (E) => {
-    E.target.closest(".audio__volume-container") || g(!1);
+    j(!v), C(v ? 1 : 0);
+  }, ie = (k) => {
+    const Z = parseFloat(k.target.value), m = f.current;
+    m && (m.currentTime = Z, P(Z));
+  }, ne = (k) => {
+    if (isNaN(k)) return "00:00";
+    const Z = Math.floor(k / 60), m = Math.floor(k % 60), w = m < 10 ? `0${m}` : m;
+    return `${Z}:${w}`;
+  }, J = (k) => {
+    de(), g((Z) => !Z), k.stopPropagation();
+  }, H = (k) => {
+    k.target.closest(".audio__volume-container") || g(!1);
   };
-  Oe(() => (F ? document.addEventListener("click", H) : document.removeEventListener("click", H), () => {
+  Ce(() => (F ? document.addEventListener("click", H) : document.removeEventListener("click", H), () => {
     document.removeEventListener("click", H);
   }), [F]);
-  const ee = `audio--${d}`, X = `audio--${l}`, re = `audio ${ee} ${X} ${c}`.trim();
+  const Q = `audio--${d}`, X = `audio--${l}`, ee = `audio ${Q} ${X} ${c}`.trim();
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: re,
+      className: ee,
       style: i,
       ...u,
       children: [
@@ -3003,7 +3083,7 @@ const Oa = ({
               type: "range",
               className: "audio__seek-slider",
               min: "0",
-              max: S,
+              max: $,
               step: "0.1",
               value: N,
               onChange: ie,
@@ -3013,7 +3093,7 @@ const Oa = ({
           /* @__PURE__ */ a.jsxs("div", { className: "audio__time", children: [
             /* @__PURE__ */ a.jsx("span", { children: ne(N) }),
             " / ",
-            /* @__PURE__ */ a.jsx("span", { children: ne(S) })
+            /* @__PURE__ */ a.jsx("span", { children: ne($) })
           ] })
         ] }),
         /* @__PURE__ */ a.jsxs("div", { className: "audio__volume-container", children: [
@@ -3022,8 +3102,8 @@ const Oa = ({
             {
               className: "audio__mute",
               onClick: J,
-              "aria-label": _ ? "Unmute" : "Mute",
-              children: _ ? /* @__PURE__ */ a.jsx(Ta, {}) : /* @__PURE__ */ a.jsx(Ca, {})
+              "aria-label": v ? "Unmute" : "Mute",
+              children: v ? /* @__PURE__ */ a.jsx(Oa, {}) : /* @__PURE__ */ a.jsx(Ta, {})
             }
           ),
           /* @__PURE__ */ a.jsx(
@@ -3034,7 +3114,7 @@ const Oa = ({
               min: "0",
               max: "1",
               step: "0.01",
-              value: _ ? 0 : k,
+              value: v ? 0 : E,
               onChange: le,
               "aria-label": "Volume Slider"
             }
@@ -3044,7 +3124,7 @@ const Oa = ({
     }
   );
 };
-Oa.propTypes = {
+Ca.propTypes = {
   /** Source URL of the audio file */
   src: e.string.isRequired,
   /** Autoplay the audio on load */
@@ -3088,7 +3168,7 @@ const Na = ({
   style: l = {},
   ...c
 }) => {
-  const i = Z("divider", d, {
+  const i = ae("divider", d, {
     [`divider--${r}`]: r,
     [`divider--${o}`]: o,
     [`divider--align-${t}`]: t,
@@ -3142,7 +3222,7 @@ const Ra = ({
   responsive: n = !0
   // Responsive spacer
 }) => {
-  const d = Z(
+  const d = ae(
     "spacer",
     `spacer--${r}`,
     `spacer--${o}`,
@@ -3278,9 +3358,9 @@ const Pa = ({
   style: p = {},
   ...h
 }) => {
-  const _ = (k) => {
-    k.stopPropagation(), l && l();
-  }, w = Z(
+  const v = (E) => {
+    E.stopPropagation(), l && l();
+  }, j = ae(
     "tag",
     `tag--${t}`,
     `tag--${o}`,
@@ -3294,14 +3374,14 @@ const Pa = ({
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: w,
+      className: j,
       style: p,
       onClick: u ? null : c,
       ...h,
       children: [
         i && /* @__PURE__ */ a.jsx("span", { className: "tag__icon", children: i }),
         /* @__PURE__ */ a.jsx("span", { className: "tag__label", children: r }),
-        d && !u && /* @__PURE__ */ a.jsx("button", { className: "tag__remove", onClick: _, "aria-label": "Remove tag", children: "×" })
+        d && !u && /* @__PURE__ */ a.jsx("button", { className: "tag__remove", onClick: v, "aria-label": "Remove tag", children: "×" })
       ]
     }
   );
@@ -3344,7 +3424,7 @@ Pa.propTypes = {
   className: e.string,
   style: e.object
 };
-const Sa = ({
+const $a = ({
   variant: r = "spinner",
   // 'spinner', 'dots', 'bars'
   color: o = "primary",
@@ -3356,7 +3436,7 @@ const Sa = ({
   style: l = {},
   ...c
 }) => {
-  const i = Z("loader", d, {
+  const i = ae("loader", d, {
     [`loader--${r}`]: r,
     [`loader--${o}`]: o && o !== "custom",
     [`loader--size-${t}`]: t
@@ -3375,7 +3455,7 @@ const Sa = ({
     ] })
   ] });
 };
-Sa.propTypes = {
+$a.propTypes = {
   /** Variant of the loader */
   variant: e.oneOf(["spinner", "dots", "bars"]),
   /** Color of the loader */
@@ -3389,7 +3469,7 @@ Sa.propTypes = {
   /** Inline styles */
   style: e.object
 };
-const $a = ({
+const Sa = ({
   size: r = "medium",
   color: o = "primary",
   // Ensure this prop is passed correctly
@@ -3405,7 +3485,7 @@ const $a = ({
   ...h
 }) => {
   if (!t) return null;
-  const _ = Z(
+  const v = ae(
     "spinner",
     `spinner--${c}`,
     `spinner--${o}`,
@@ -3419,7 +3499,7 @@ const $a = ({
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: _,
+      className: v,
       style: { animationDuration: d, borderWidth: l, ...p },
       role: "status",
       "aria-label": n,
@@ -3431,7 +3511,7 @@ const $a = ({
     }
   );
 };
-$a.propTypes = {
+Sa.propTypes = {
   size: e.oneOf(["small", "medium", "large"]),
   color: e.oneOf([
     "primary",
@@ -3534,11 +3614,11 @@ const Aa = ({
   // Optional icon element
   ...u
 }) => {
-  const f = `alert--${r}`, p = o ? `alert--${o}` : "", _ = `alert ${f} ${p} ${c ? "alert--dismissible" : ""} ${n}`.trim();
+  const f = `alert--${r}`, p = o ? `alert--${o}` : "", v = `alert ${f} ${p} ${c ? "alert--dismissible" : ""} ${n}`.trim();
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: _,
+      className: v,
       style: d,
       role: "alert",
       "aria-live": "assertive",
@@ -3583,13 +3663,13 @@ const Ma = ({
   className: i = ""
 }) => {
   const [u, f] = B(!0);
-  Oe(() => {
+  Ce(() => {
     const h = setTimeout(() => {
       f(!1), d && d();
     }, o);
     return () => clearTimeout(h);
   }, [o, d]);
-  const p = Z("snackbar", i, {
+  const p = ae("snackbar", i, {
     [`snackbar--${l}`]: l,
     [`snackbar--${c}`]: c,
     "snackbar--visible": u,
@@ -3658,7 +3738,7 @@ const Ia = ({
   style: i = {},
   ...u
 }) => {
-  const f = Z("logo", c, {
+  const f = ae("logo", c, {
     [`logo--size-${t}`]: t,
     [`logo--shape-${n}`]: n,
     [`logo--background-${d}`]: d
@@ -3836,15 +3916,15 @@ const Bo = {
   Range: ga,
   Image: va,
   Video: ba,
-  Audio: Oa,
+  Audio: Ca,
   Divider: Na,
   Spacer: Ra,
   Tooltip: Ea,
   Badge: ka,
   Tag: Pa,
-  Loader: Sa,
+  Loader: $a,
   Logo: Ia,
-  Spinner: $a,
+  Spinner: Sa,
   ProgressBar: qa,
   Alert: Aa,
   Snackbar: Ma,
@@ -4017,14 +4097,14 @@ const Xe = ({
   onSelect: l,
   showArrow: c
 }) => {
-  const [i, u] = B(!1), [f, p] = B(""), [h, _] = B(r), w = () => u(!i), k = (N) => {
+  const [i, u] = B(!1), [f, p] = B(""), [h, v] = B(r), j = () => u(!i), E = (N) => {
     const P = N.target.value;
-    p(P), _(
+    p(P), v(
       r.filter(
-        (S) => S.toLowerCase().includes(P.toLowerCase())
+        ($) => $.toLowerCase().includes(P.toLowerCase())
       )
     );
-  }, O = (N) => {
+  }, C = (N) => {
     u(!1), p(""), l(N);
   };
   return /* @__PURE__ */ a.jsxs("div", { className: `dropdown dropdown--${n} dropdown--${t}`, children: [
@@ -4032,7 +4112,7 @@ const Xe = ({
       "button",
       {
         className: "dropdown__toggle",
-        onClick: w,
+        onClick: j,
         "aria-expanded": i,
         children: [
           f || o,
@@ -4047,7 +4127,7 @@ const Xe = ({
           type: "text",
           className: "dropdown__search",
           value: f,
-          onChange: k,
+          onChange: E,
           placeholder: "Search..."
         }
       ),
@@ -4055,7 +4135,7 @@ const Xe = ({
         "li",
         {
           className: "dropdown__item",
-          onClick: () => O(N),
+          onClick: () => C(N),
           children: N
         },
         P
@@ -4346,42 +4426,42 @@ const ir = ({
   showMedia: u = !0,
   ...f
 }) => {
-  const p = Ye(null), [h, _] = B(o), [w, k] = B(n), [O, N] = B(n ? 0 : 1), [P, S] = B(0), [A, F] = B(0), [g, K] = B(r[0]), [te, oe] = B(0);
-  Oe(() => {
-    const v = p.current;
-    v && (v.volume = O, v.muted = w, o && v.play().catch(() => _(!1)));
-  }, [O, w, o, g]);
+  const p = Ye(null), [h, v] = B(o), [j, E] = B(n), [C, N] = B(n ? 0 : 1), [P, $] = B(0), [A, F] = B(0), [g, K] = B(r[0]), [te, oe] = B(0);
+  Ce(() => {
+    const b = p.current;
+    b && (b.volume = C, b.muted = j, o && b.play().catch(() => v(!1)));
+  }, [C, j, o, g]);
   const le = () => {
-    const v = p.current;
-    v && (h ? v.pause() : v.play().catch(() => _(!1)), _(!h));
+    const b = p.current;
+    b && (h ? b.pause() : b.play().catch(() => v(!1)), v(!h));
   }, de = () => {
-    const v = p.current;
-    v && S(v.currentTime);
+    const b = p.current;
+    b && $(b.currentTime);
   }, ie = () => {
-    const v = p.current;
-    v && F(v.duration);
-  }, ne = (v) => {
-    const T = parseFloat(v.target.value);
-    N(T), k(T === 0);
+    const b = p.current;
+    b && F(b.duration);
+  }, ne = (b) => {
+    const O = parseFloat(b.target.value);
+    N(O), E(O === 0);
   }, J = () => {
-    k(!w), N(w ? 1 : 0);
-  }, H = (v) => {
-    const T = parseFloat(v.target.value), C = p.current;
-    C && (C.currentTime = T, S(T));
-  }, ee = (v) => {
-    if (isNaN(v)) return "00:00";
-    const T = Math.floor(v / 60), C = Math.floor(v % 60), L = C < 10 ? `0${C}` : C;
-    return `${T}:${L}`;
+    E(!j), N(j ? 1 : 0);
+  }, H = (b) => {
+    const O = parseFloat(b.target.value), T = p.current;
+    T && (T.currentTime = O, $(O));
+  }, Q = (b) => {
+    if (isNaN(b)) return "00:00";
+    const O = Math.floor(b / 60), T = Math.floor(b % 60), L = T < 10 ? `0${T}` : T;
+    return `${O}:${L}`;
   }, X = () => {
-    const v = (te + 1) % r.length;
-    oe(v), K(r[v]);
-  }, re = () => {
-    const v = (te - 1 + r.length) % r.length;
-    oe(v), K(r[v]);
-  }, E = (v, T) => {
-    K(v), oe(T), _(!1);
-  }, Q = `audio-player--${d}`, m = `audio-player--${l}`, j = `audio-player ${Q} ${m} ${c}`.trim();
-  return /* @__PURE__ */ a.jsxs("div", { className: j, style: i, ...f, children: [
+    const b = (te + 1) % r.length;
+    oe(b), K(r[b]);
+  }, ee = () => {
+    const b = (te - 1 + r.length) % r.length;
+    oe(b), K(r[b]);
+  }, k = (b, O) => {
+    K(b), oe(O), v(!1);
+  }, Z = `audio-player--${d}`, m = `audio-player--${l}`, w = `audio-player ${Z} ${m} ${c}`.trim();
+  return /* @__PURE__ */ a.jsxs("div", { className: w, style: i, ...f, children: [
     u && g.image && /* @__PURE__ */ a.jsx("div", { className: "audio-player__media", children: /* @__PURE__ */ a.jsx("img", { src: g.image, alt: g.title }) }),
     /* @__PURE__ */ a.jsx("div", { className: "audio-player__track-name", children: g.title }),
     /* @__PURE__ */ a.jsxs("div", { className: "audio-player__controls", children: [
@@ -4401,9 +4481,9 @@ const ir = ({
         "button",
         {
           className: "audio-player__prev",
-          onClick: re,
+          onClick: ee,
           "aria-label": "Previous Track",
-          children: /* @__PURE__ */ a.jsx(Vo, {})
+          children: /* @__PURE__ */ a.jsx(zo, {})
         }
       ),
       /* @__PURE__ */ a.jsx(
@@ -4421,7 +4501,7 @@ const ir = ({
           className: "audio-player__next",
           onClick: X,
           "aria-label": "Next Track",
-          children: /* @__PURE__ */ a.jsx(zo, {})
+          children: /* @__PURE__ */ a.jsx(Vo, {})
         }
       )
     ] }),
@@ -4440,9 +4520,9 @@ const ir = ({
         }
       ),
       /* @__PURE__ */ a.jsxs("div", { className: "audio-player__time", children: [
-        ee(P),
+        Q(P),
         " / ",
-        ee(A)
+        Q(A)
       ] })
     ] }),
     /* @__PURE__ */ a.jsxs("div", { className: "audio-player__volume-container", children: [
@@ -4451,8 +4531,8 @@ const ir = ({
         {
           className: "audio-player__mute",
           onClick: J,
-          "aria-label": w ? "Unmute" : "Mute",
-          children: w ? /* @__PURE__ */ a.jsx(Ta, {}) : /* @__PURE__ */ a.jsx(Ca, {})
+          "aria-label": j ? "Unmute" : "Mute",
+          children: j ? /* @__PURE__ */ a.jsx(Oa, {}) : /* @__PURE__ */ a.jsx(Ta, {})
         }
       ),
       /* @__PURE__ */ a.jsx(
@@ -4463,20 +4543,20 @@ const ir = ({
           min: "0",
           max: "1",
           step: "0.01",
-          value: w ? 0 : O,
+          value: j ? 0 : C,
           onChange: ne,
           "aria-label": "Volume Slider"
         }
       )
     ] }),
-    /* @__PURE__ */ a.jsx("div", { className: "audio-player__playlist", children: /* @__PURE__ */ a.jsx("ul", { children: r.map((v, T) => /* @__PURE__ */ a.jsx(
+    /* @__PURE__ */ a.jsx("div", { className: "audio-player__playlist", children: /* @__PURE__ */ a.jsx("ul", { children: r.map((b, O) => /* @__PURE__ */ a.jsx(
       "li",
       {
-        className: `audio-player__track ${T === te ? "active" : ""}`,
-        onClick: () => E(v, T),
-        children: v.title
+        className: `audio-player__track ${O === te ? "active" : ""}`,
+        onClick: () => k(b, O),
+        children: b.title
       },
-      T
+      O
     )) }) })
   ] });
 };
@@ -4534,7 +4614,7 @@ const cr = ({
   width: i,
   ...u
 }) => {
-  const [f, p] = B(!1), [h, _] = B(!0), w = () => p(!f), k = () => _(!1);
+  const [f, p] = B(!1), [h, v] = B(!0), j = () => p(!f), E = () => v(!1);
   return h ? /* @__PURE__ */ a.jsxs(
     "div",
     {
@@ -4546,8 +4626,8 @@ const cr = ({
       },
       ...u,
       children: [
-        d && /* @__PURE__ */ a.jsx("button", { className: "card__expand", onClick: w, children: f ? "Close" : "Expand" }),
-        l && /* @__PURE__ */ a.jsx("button", { className: "card__remove", onClick: k, children: "×" }),
+        d && /* @__PURE__ */ a.jsx("button", { className: "card__expand", onClick: j, children: f ? "Close" : "Expand" }),
+        l && /* @__PURE__ */ a.jsx("button", { className: "card__remove", onClick: E, children: "×" }),
         /* @__PURE__ */ a.jsx(
           "div",
           {
@@ -5106,11 +5186,11 @@ wr.propTypes = {
 wr.defaultProps = {
   primary: !1
 };
-const Tr = ({ children: r, primary: o, ...t }) => {
+const Or = ({ children: r, primary: o, ...t }) => {
   const n = o ? "heroimagevideo--primary" : "heroimagevideo--secondary";
   return /* @__PURE__ */ a.jsx("div", { className: ["heroimagevideo", n].join(" "), ...t, children: r });
 };
-Tr.propTypes = {
+Or.propTypes = {
   /**
    * Primary style for the layout
    */
@@ -5120,7 +5200,7 @@ Tr.propTypes = {
    */
   children: e.node.isRequired
 };
-Tr.defaultProps = {
+Or.defaultProps = {
   primary: !1
 };
 const Ho = {
@@ -5132,7 +5212,7 @@ const Ho = {
   Tabs: _r,
   Accordion: jr,
   HeroBanner: wr,
-  HeroImageVideo: Tr
+  HeroImageVideo: Or
 }, Fa = ({ children: r, ...o }) => /* @__PURE__ */ a.jsx("div", { className: "admindashboard", ...o, children: r });
 Fa.propTypes = {
   /**
@@ -5140,15 +5220,15 @@ Fa.propTypes = {
    */
   children: e.node.isRequired
 };
-const Va = ({ children: r, ...o }) => /* @__PURE__ */ a.jsx("div", { className: "sidebartopnav", ...o, children: r });
-Va.propTypes = {
+const za = ({ children: r, ...o }) => /* @__PURE__ */ a.jsx("div", { className: "sidebartopnav", ...o, children: r });
+za.propTypes = {
   /**
    * Children components to be rendered inside the template
    */
   children: e.node.isRequired
 };
-const za = ({ children: r, ...o }) => /* @__PURE__ */ a.jsx("div", { className: "productpage", ...o, children: r });
-za.propTypes = {
+const Va = ({ children: r, ...o }) => /* @__PURE__ */ a.jsx("div", { className: "productpage", ...o, children: r });
+Va.propTypes = {
   /**
    * Children components to be rendered inside the template
    */
@@ -5226,8 +5306,8 @@ Za.propTypes = {
 };
 const Go = {
   AdminDashboard: Fa,
-  SidebarTopNav: Va,
-  ProductPage: za,
+  SidebarTopNav: za,
+  ProductPage: Va,
   ShoppingCart: Ba,
   SignInPage: Wa,
   RegistrationPage: Ya,