@sme.up/ketchup2 2.0.0-SNAPSHOT-20250618125320 → 2.0.0-SNAPSHOT-20250620100358

package/dist/ketchup2.es.js

@@ -2,7 +2,7 @@ var Ar = Object.defineProperty;
 var Lr = (r, e, t) => e in r ? Ar(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
 var we = (r, e, t) => Lr(r, typeof e != "symbol" ? e + "" : e, t);
 import * as Fe from "react";
-import yr, { useEffect as oe, useRef as xe, useState as X, useCallback as ve, useLayoutEffect as kr, useId as St } from "react";
+import yr, { useEffect as oe, useRef as xe, useState as J, useCallback as ve, useLayoutEffect as kr, useId as St } from "react";
 import { createPortal as Ir } from "react-dom";
 var Ve = { exports: {} }, Pe = {};
 /**
@@ -52,7 +52,7 @@ function Mr() {
     function r(h) {
       if (h == null) return null;
       if (typeof h == "function")
-        return h.$$typeof === C ? null : h.displayName || h.name || null;
+        return h.$$typeof === I ? null : h.displayName || h.name || null;
       if (typeof h == "string") return h;
       switch (h) {
         case g:
@@ -63,9 +63,9 @@ function Mr() {
           return "StrictMode";
         case x:
           return "Suspense";
-        case A:
+        case P:
           return "SuspenseList";
-        case j:
+        case A:
           return "Activity";
       }
       if (typeof h == "object")
@@ -79,14 +79,14 @@ function Mr() {
           case E:
             return (h._context.displayName || "Context") + ".Consumer";
           case S:
-            var y = h.render;
-            return h = h.displayName, h || (h = y.displayName || y.name || "", h = h !== "" ? "ForwardRef(" + h + ")" : "ForwardRef"), h;
+            var v = h.render;
+            return h = h.displayName, h || (h = v.displayName || v.name || "", h = h !== "" ? "ForwardRef(" + h + ")" : "ForwardRef"), h;
+          case _:
+            return v = h.displayName || null, v !== null ? v : r(h.type) || "Memo";
           case $:
-            return y = h.displayName || null, y !== null ? y : r(h.type) || "Memo";
-          case Y:
-            y = h._payload, h = h._init;
+            v = h._payload, h = h._init;
             try {
-              return r(h(y));
+              return r(h(v));
             } catch {
             }
         }
@@ -98,50 +98,50 @@ function Mr() {
     function t(h) {
       try {
         e(h);
-        var y = !1;
+        var v = !1;
       } catch {
-        y = !0;
+        v = !0;
       }
-      if (y) {
-        y = console;
-        var T = y.error, _ = typeof Symbol == "function" && Symbol.toStringTag && h[Symbol.toStringTag] || h.constructor.name || "Object";
+      if (v) {
+        v = console;
+        var T = v.error, D = typeof Symbol == "function" && Symbol.toStringTag && h[Symbol.toStringTag] || h.constructor.name || "Object";
         return T.call(
-          y,
+          v,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          _
+          D
         ), e(h);
       }
     }
     function n(h) {
       if (h === g) return "<>";
-      if (typeof h == "object" && h !== null && h.$$typeof === Y)
+      if (typeof h == "object" && h !== null && h.$$typeof === $)
         return "<...>";
       try {
-        var y = r(h);
-        return y ? "<" + y + ">" : "<...>";
+        var v = r(h);
+        return v ? "<" + v + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function s() {
-      var h = D.A;
+      var h = j.A;
       return h === null ? null : h.getOwner();
     }
     function a() {
       return Error("react-stack-top-frame");
     }
     function i(h) {
-      if (k.call(h, "key")) {
-        var y = Object.getOwnPropertyDescriptor(h, "key").get;
-        if (y && y.isReactWarning) return !1;
+      if (M.call(h, "key")) {
+        var v = Object.getOwnPropertyDescriptor(h, "key").get;
+        if (v && v.isReactWarning) return !1;
       }
       return h.key !== void 0;
     }
-    function o(h, y) {
+    function o(h, v) {
       function T() {
-        z || (z = !0, console.error(
+        Z || (Z = !0, console.error(
           "%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://react.dev/link/special-props)",
-          y
+          v
         ));
       }
       T.isReactWarning = !0, Object.defineProperty(h, "key", {
@@ -155,12 +155,12 @@ function Mr() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), h = this.props.ref, h !== void 0 ? h : null;
     }
-    function c(h, y, T, _, R, P, M, F) {
-      return T = P.ref, h = {
-        $$typeof: d,
+    function c(h, v, T, D, R, C, F, V) {
+      return T = C.ref, h = {
+        $$typeof: p,
         type: h,
-        key: y,
-        props: P,
+        key: v,
+        props: C,
         _owner: R
       }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(h, "ref", {
         enumerable: !1,
@@ -179,102 +179,102 @@ function Mr() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: M
+        value: F
       }), Object.defineProperty(h, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: F
+        value: V
       }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
     }
-    function f(h, y, T, _, R, P, M, F) {
-      var N = y.children;
+    function f(h, v, T, D, R, C, F, V) {
+      var N = v.children;
       if (N !== void 0)
-        if (_)
+        if (D)
           if (U(N)) {
-            for (_ = 0; _ < N.length; _++)
-              l(N[_]);
+            for (D = 0; D < N.length; D++)
+              l(N[D]);
             Object.freeze && Object.freeze(N);
           } else
             console.error(
               "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 l(N);
-      if (k.call(y, "key")) {
+      if (M.call(v, "key")) {
         N = r(h);
-        var J = Object.keys(y).filter(function(se) {
+        var z = Object.keys(v).filter(function(se) {
           return se !== "key";
         });
-        _ = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", L[N + _] || (J = 0 < J.length ? "{" + J.join(": ..., ") + ": ...}" : "{}", console.error(
+        D = 0 < z.length ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}", k[N + D] || (z = 0 < z.length ? "{" + z.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          _,
+          D,
           N,
-          J,
+          z,
           N
-        ), L[N + _] = !0);
+        ), k[N + D] = !0);
       }
-      if (N = null, T !== void 0 && (t(T), N = "" + T), i(y) && (t(y.key), N = "" + y.key), "key" in y) {
+      if (N = null, T !== void 0 && (t(T), N = "" + T), i(v) && (t(v.key), N = "" + v.key), "key" in v) {
         T = {};
-        for (var B in y)
-          B !== "key" && (T[B] = y[B]);
-      } else T = y;
+        for (var H in v)
+          H !== "key" && (T[H] = v[H]);
+      } else T = v;
       return N && o(
         T,
         typeof h == "function" ? h.displayName || h.name || "Unknown" : h
       ), c(
         h,
         N,
-        P,
+        C,
         R,
         s(),
         T,
-        M,
-        F
+        F,
+        V
       );
     }
     function l(h) {
-      typeof h == "object" && h !== null && h.$$typeof === d && h._store && (h._store.validated = 1);
+      typeof h == "object" && h !== null && h.$$typeof === p && h._store && (h._store.validated = 1);
     }
-    var p = yr, d = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), O = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), A = Symbol.for("react.suspense_list"), $ = Symbol.for("react.memo"), Y = Symbol.for("react.lazy"), j = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), D = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, k = Object.prototype.hasOwnProperty, U = Array.isArray, H = console.createTask ? console.createTask : function() {
+    var d = yr, p = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), O = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), P = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), $ = Symbol.for("react.lazy"), A = Symbol.for("react.activity"), I = Symbol.for("react.client.reference"), j = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, U = Array.isArray, B = console.createTask ? console.createTask : function() {
       return null;
     };
-    p = {
+    d = {
       "react-stack-bottom-frame": function(h) {
         return h();
       }
     };
-    var z, q = {}, K = p["react-stack-bottom-frame"].bind(
-      p,
+    var Z, q = {}, K = d["react-stack-bottom-frame"].bind(
+      d,
       a
-    )(), W = H(n(a)), L = {};
-    Ae.Fragment = g, Ae.jsx = function(h, y, T, _, R) {
-      var P = 1e4 > D.recentlyCreatedOwnerStacks++;
+    )(), W = B(n(a)), k = {};
+    Ae.Fragment = g, Ae.jsx = function(h, v, T, D, R) {
+      var C = 1e4 > j.recentlyCreatedOwnerStacks++;
       return f(
         h,
-        y,
+        v,
         T,
         !1,
-        _,
+        D,
         R,
-        P ? Error("react-stack-top-frame") : K,
-        P ? H(n(h)) : W
+        C ? Error("react-stack-top-frame") : K,
+        C ? B(n(h)) : W
       );
-    }, Ae.jsxs = function(h, y, T, _, R) {
-      var P = 1e4 > D.recentlyCreatedOwnerStacks++;
+    }, Ae.jsxs = function(h, v, T, D, R) {
+      var C = 1e4 > j.recentlyCreatedOwnerStacks++;
       return f(
         h,
-        y,
+        v,
         T,
         !0,
-        _,
+        D,
         R,
-        P ? Error("react-stack-top-frame") : K,
-        P ? H(n(h)) : W
+        C ? Error("react-stack-top-frame") : K,
+        C ? B(n(h)) : W
       );
     };
   }()), Ae;
@@ -283,7 +283,7 @@ var Pt;
 function Fr() {
   return Pt || (Pt = 1, process.env.NODE_ENV === "production" ? Ve.exports = Nr() : Ve.exports = Mr()), Ve.exports;
 }
-var v = Fr();
+var y = Fr();
 const ne = {
   AUTOCOMPLETE: "ACP",
   BUTTON_LIST: "BTL",
@@ -316,14 +316,14 @@ const ne = {
     k: ""
   };
 };
-class Je {
+class Xe {
   constructor(e, t) {
     we(this, "class");
     we(this, "value");
     this.class = e, this.value = t;
   }
   static fromDataObj(e) {
-    return new Je(e, e.k == "1" || e.k == "true");
+    return new Xe(e, e.k == "1" || e.k == "true");
   }
   getValue() {
     return this.value;
@@ -414,11 +414,11 @@ function gt(r, e, t) {
 function Hr(r) {
   return r % 4 === 0 && (r % 100 !== 0 || r % 400 === 0);
 }
-function Br(r) {
+function Gr(r) {
   const e = r.getFullYear(), t = String(r.getMonth() + 1).padStart(2, "0"), n = String(r.getDate()).padStart(2, "0");
   return isNaN(e) || isNaN(Number(t)) || isNaN(Number(n)) ? r.toString() : `${e}-${t}-${n}`;
 }
-class Xe {
+class Ze {
   constructor(e, t) {
     we(this, "class");
     we(this, "date");
@@ -427,7 +427,7 @@ class Xe {
   static fromDataObj(e) {
     const t = At.get(`${e.t}${e.p}`);
     if (t)
-      return new Xe(e, t.legacyToIso(e.k));
+      return new Ze(e, t.legacyToIso(e.k));
     throw new Error(`Date creation from ${e.t}${e.p} not implemented yet`);
   }
   getLegacyValue() {
@@ -454,7 +454,7 @@ const At = /* @__PURE__ */ new Map([
       }
     }
   ]
-]), Ze = (r, e) => {
+]), Qe = (r, e) => {
   oe(() => {
     const t = (n) => {
       typeof r == "object" && r !== null && "current" in r && r.current && !r.current.contains(n.target) && e();
@@ -468,23 +468,23 @@ function Et({
   position: r = "bottom",
   enabled: e = !0
 }) {
-  const t = xe(null), n = xe(null), [s, a] = X(0), i = ve(() => {
+  const t = xe(null), n = xe(null), [s, a] = J(0), i = ve(() => {
     const o = t.current, u = n.current;
     if (!o || !u) return;
-    const { top: c, left: f, width: l, height: p } = o.getBoundingClientRect();
+    const { top: c, left: f, width: l, height: d } = o.getBoundingClientRect();
     a(l);
-    const d = u.offsetHeight, m = u.offsetWidth;
-    if (m === 0 || d === 0) {
+    const p = u.offsetHeight, m = u.offsetWidth;
+    if (m === 0 || p === 0) {
       requestAnimationFrame(i);
       return;
     }
     let g = c + window.scrollY, b = f + window.scrollX;
     switch (r) {
       case "top":
-        g -= d;
+        g -= p;
         break;
       case "bottom":
-        g += p;
+        g += d;
         break;
       case "left":
         b -= m;
@@ -509,7 +509,7 @@ function Et({
     };
   }, [i, e]), { anchorRef: t, targetRef: n, anchorWidth: s };
 }
-const Qe = (r, e, t) => {
+const et = (r, e, t) => {
   if (r == "")
     return "";
   if (t)
@@ -531,14 +531,14 @@ const Qe = (r, e, t) => {
   const s = {
     container: `smp-helper-text ${e ? "smp-helper-text-disabled" : ""} ${t ? `smp-helper-text-${t}` : ""}`
   };
-  return /* @__PURE__ */ v.jsx("label", { className: s.container, id: n, children: r });
+  return /* @__PURE__ */ y.jsx("label", { className: s.container, id: n, children: r });
 }, $e = ({ label: r, disabled: e, htmlFor: t }) => {
   const n = {
     container: `smp-label ${e ? "smp-label-disabled" : ""}`
   };
-  return /* @__PURE__ */ v.jsx("label", { className: n.container, htmlFor: t, children: r });
+  return /* @__PURE__ */ y.jsx("label", { className: n.container, htmlFor: t, children: r });
 };
-function Gr(r, e) {
+function Br(r, e) {
   if (r == null) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -547,14 +547,14 @@ function Gr(r, e) {
   }
   return t;
 }
-function et() {
-  return et = Object.assign ? Object.assign.bind() : function(r) {
+function tt() {
+  return tt = Object.assign ? Object.assign.bind() : function(r) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var n in t) ({}).hasOwnProperty.call(t, n) && (r[n] = t[n]);
     }
     return r;
-  }, et.apply(null, arguments);
+  }, tt.apply(null, arguments);
 }
 function yt(r, e) {
   return yt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, n) {
@@ -564,7 +564,7 @@ function yt(r, e) {
 function qr(r, e) {
   r.prototype = Object.create(e.prototype), r.prototype.constructor = r, yt(r, e);
 }
-function it(r, e, t) {
+function ot(r, e, t) {
   if (t || arguments.length === 2) for (var n = 0, s = e.length, a; n < s; n++)
     (a || !(n in e)) && (a || (a = Array.prototype.slice.call(e, 0, n)), a[n] = e[n]);
   return r.concat(a || Array.prototype.slice.call(e));
@@ -584,53 +584,53 @@ function Kr() {
   function i(l) {
     if (!l || typeof l != "object")
       throw new TypeError("argument obj is required");
-    var p = l.parameters, d = l.type;
-    if (!d || !a.test(d))
+    var d = l.parameters, p = l.type;
+    if (!p || !a.test(p))
       throw new TypeError("invalid type");
-    var m = d;
-    if (p && typeof p == "object")
-      for (var g, b = Object.keys(p).sort(), w = 0; w < b.length; w++) {
+    var m = p;
+    if (d && typeof d == "object")
+      for (var g, b = Object.keys(d).sort(), w = 0; w < b.length; w++) {
         if (g = b[w], !t.test(g))
           throw new TypeError("invalid parameter name");
-        m += "; " + g + "=" + c(p[g]);
+        m += "; " + g + "=" + c(d[g]);
       }
     return m;
   }
   function o(l) {
     if (!l)
       throw new TypeError("argument string is required");
-    var p = typeof l == "object" ? u(l) : l;
-    if (typeof p != "string")
+    var d = typeof l == "object" ? u(l) : l;
+    if (typeof d != "string")
       throw new TypeError("argument string is required to be a string");
-    var d = p.indexOf(";"), m = d !== -1 ? p.slice(0, d).trim() : p.trim();
+    var p = d.indexOf(";"), m = p !== -1 ? d.slice(0, p).trim() : d.trim();
     if (!a.test(m))
       throw new TypeError("invalid media type");
     var g = new f(m.toLowerCase());
-    if (d !== -1) {
+    if (p !== -1) {
       var b, w, E;
-      for (r.lastIndex = d; w = r.exec(p); ) {
-        if (w.index !== d)
+      for (r.lastIndex = p; w = r.exec(d); ) {
+        if (w.index !== p)
           throw new TypeError("invalid parameter format");
-        d += w[0].length, b = w[1].toLowerCase(), E = w[2], E.charCodeAt(0) === 34 && (E = E.slice(1, -1), E.indexOf("\\") !== -1 && (E = E.replace(n, "$1"))), g.parameters[b] = E;
+        p += w[0].length, b = w[1].toLowerCase(), E = w[2], E.charCodeAt(0) === 34 && (E = E.slice(1, -1), E.indexOf("\\") !== -1 && (E = E.replace(n, "$1"))), g.parameters[b] = E;
       }
-      if (d !== p.length)
+      if (p !== d.length)
         throw new TypeError("invalid parameter format");
     }
     return g;
   }
   function u(l) {
-    var p;
-    if (typeof l.getHeader == "function" ? p = l.getHeader("content-type") : typeof l.headers == "object" && (p = l.headers && l.headers["content-type"]), typeof p != "string")
+    var d;
+    if (typeof l.getHeader == "function" ? d = l.getHeader("content-type") : typeof l.headers == "object" && (d = l.headers && l.headers["content-type"]), typeof d != "string")
       throw new TypeError("content-type header is missing from object");
-    return p;
+    return d;
   }
   function c(l) {
-    var p = String(l);
-    if (t.test(p))
-      return p;
-    if (p.length > 0 && !e.test(p))
+    var d = String(l);
+    if (t.test(d))
+      return d;
+    if (d.length > 0 && !e.test(d))
       throw new TypeError("invalid parameter value");
-    return '"' + p.replace(s, "\\$1") + '"';
+    return '"' + d.replace(s, "\\$1") + '"';
   }
   function f(l) {
     this.parameters = /* @__PURE__ */ Object.create(null), this.type = l;
@@ -703,7 +703,7 @@ var zr = Kr(), je = /* @__PURE__ */ new Map(), xr = function(e) {
   });
 }, Qr = 0, en = function() {
   return ++Qr;
-}, ge = [], Nt = {}, tn = "http://www.w3.org/2000/svg", ot = "http://www.w3.org/1999/xlink", Mt = function(e, t, n, s, a, i, o) {
+}, ge = [], Nt = {}, tn = "http://www.w3.org/2000/svg", lt = "http://www.w3.org/1999/xlink", Mt = function(e, t, n, s, a, i, o) {
   var u = e.getAttribute("data-src") || e.getAttribute("src");
   if (!u) {
     o(new Error("Invalid data-src or src attribute"));
@@ -720,15 +720,15 @@ var zr = Kr(), je = /* @__PURE__ */ new Map(), xr = function(e) {
       ge.splice(ge.indexOf(e), 1), e = null, o(f);
       return;
     }
-    var p = e.getAttribute("id");
-    p && l.setAttribute("id", p);
-    var d = e.getAttribute("title");
-    d && l.setAttribute("title", d);
+    var d = e.getAttribute("id");
+    d && l.setAttribute("id", d);
+    var p = e.getAttribute("title");
+    p && l.setAttribute("title", p);
     var m = e.getAttribute("width");
     m && l.setAttribute("width", m);
     var g = e.getAttribute("height");
     g && l.setAttribute("height", g);
-    var b = Array.from(new Set(it(it(it([], (l.getAttribute("class") || "").split(" "), !0), ["injected-svg"], !1), (e.getAttribute("class") || "").split(" "), !0))).join(" ").trim();
+    var b = Array.from(new Set(ot(ot(ot([], (l.getAttribute("class") || "").split(" "), !0), ["injected-svg"], !1), (e.getAttribute("class") || "").split(" "), !0))).join(" ").trim();
     l.setAttribute("class", b);
     var w = e.getAttribute("style");
     w && l.setAttribute("style", w), l.setAttribute("data-src", u);
@@ -749,42 +749,42 @@ var zr = Kr(), je = /* @__PURE__ */ new Map(), xr = function(e) {
         path: [],
         pattern: ["fill", "stroke"],
         radialGradient: ["fill", "stroke"]
-      }, S, x, A, $, Y;
+      }, S, x, P, _, $;
       Object.keys(O).forEach(function(W) {
-        S = W, A = O[W], x = l.querySelectorAll(S + "[id]");
-        for (var L = function(_, R) {
-          $ = x[_].id, Y = $ + "-" + en();
-          var P;
-          Array.prototype.forEach.call(A, function(V) {
-            P = l.querySelectorAll("[" + V + '*="' + $ + '"]');
-            for (var Z = 0, te = P.length; Z < te; Z++) {
-              var re = P[Z].getAttribute(V);
-              re && !re.match(new RegExp('url\\("?#' + $ + '"?\\)')) || P[Z].setAttribute(V, "url(#" + Y + ")");
+        S = W, P = O[W], x = l.querySelectorAll(S + "[id]");
+        for (var k = function(D, R) {
+          _ = x[D].id, $ = _ + "-" + en();
+          var C;
+          Array.prototype.forEach.call(P, function(Y) {
+            C = l.querySelectorAll("[" + Y + '*="' + _ + '"]');
+            for (var X = 0, te = C.length; X < te; X++) {
+              var re = C[X].getAttribute(Y);
+              re && !re.match(new RegExp('url\\("?#' + _ + '"?\\)')) || C[X].setAttribute(Y, "url(#" + $ + ")");
             }
           });
-          for (var M = l.querySelectorAll("[*|href]"), F = [], N = 0, J = M.length; N < J; N++) {
-            var B = M[N].getAttributeNS(ot, "href");
-            B && B.toString() === "#" + x[_].id && F.push(M[N]);
+          for (var F = l.querySelectorAll("[*|href]"), V = [], N = 0, z = F.length; N < z; N++) {
+            var H = F[N].getAttributeNS(lt, "href");
+            H && H.toString() === "#" + x[D].id && V.push(F[N]);
           }
-          for (var se = 0, I = F.length; se < I; se++)
-            F[se].setAttributeNS(ot, "href", "#" + Y);
-          x[_].id = Y;
-        }, h = 0, y = x.length; h < y; h++)
-          L(h);
+          for (var se = 0, L = V.length; se < L; se++)
+            V[se].setAttributeNS(lt, "href", "#" + $);
+          x[D].id = $;
+        }, h = 0, v = x.length; h < v; h++)
+          k(h);
       });
     }
     l.removeAttribute("xmlns:a");
-    for (var j = l.querySelectorAll("script"), C = [], D, k, U = 0, H = j.length; U < H; U++)
-      k = j[U].getAttribute("type"), (!k || k === "application/ecmascript" || k === "application/javascript" || k === "text/javascript") && (D = j[U].innerText || j[U].textContent, D && C.push(D), l.removeChild(j[U]));
-    if (C.length > 0 && (t === "always" || t === "once" && !Nt[u])) {
-      for (var z = 0, q = C.length; z < q; z++)
-        new Function(C[z])(window);
+    for (var A = l.querySelectorAll("script"), I = [], j, M, U = 0, B = A.length; U < B; U++)
+      M = A[U].getAttribute("type"), (!M || M === "application/ecmascript" || M === "application/javascript" || M === "text/javascript") && (j = A[U].innerText || A[U].textContent, j && I.push(j), l.removeChild(A[U]));
+    if (I.length > 0 && (t === "always" || t === "once" && !Nt[u])) {
+      for (var Z = 0, q = I.length; Z < q; Z++)
+        new Function(I[Z])(window);
       Nt[u] = !0;
     }
     var K = l.querySelectorAll("style");
     if (Array.prototype.forEach.call(K, function(W) {
       W.textContent += "";
-    }), l.setAttribute("xmlns", tn), l.setAttribute("xmlns:xlink", ot), i(l), !e.parentNode) {
+    }), l.setAttribute("xmlns", tn), l.setAttribute("xmlns:xlink", lt), i(l), !e.parentNode) {
       ge.splice(ge.indexOf(e), 1), e = null, o(new Error("Parent node is null"));
       return;
     }
@@ -794,14 +794,14 @@ var zr = Kr(), je = /* @__PURE__ */ new Map(), xr = function(e) {
   var n = t === void 0 ? {} : t, s = n.afterAll, a = s === void 0 ? function() {
   } : s, i = n.afterEach, o = i === void 0 ? function() {
   } : i, u = n.beforeEach, c = u === void 0 ? function() {
-  } : u, f = n.cacheRequests, l = f === void 0 ? !0 : f, p = n.evalScripts, d = p === void 0 ? "never" : p, m = n.httpRequestWithCredentials, g = m === void 0 ? !1 : m, b = n.renumerateIRIElements, w = b === void 0 ? !0 : b;
+  } : u, f = n.cacheRequests, l = f === void 0 ? !0 : f, d = n.evalScripts, p = d === void 0 ? "never" : d, m = n.httpRequestWithCredentials, g = m === void 0 ? !1 : m, b = n.renumerateIRIElements, w = b === void 0 ? !0 : b;
   if (e && "length" in e)
     for (var E = 0, O = 0, S = e.length; O < S; O++)
-      Mt(e[O], d, w, l, g, c, function(x, A) {
-        o(x, A), e && "length" in e && e.length === ++E && a(E);
+      Mt(e[O], p, w, l, g, c, function(x, P) {
+        o(x, P), e && "length" in e && e.length === ++E && a(E);
       });
-  else e ? Mt(e, d, w, l, g, c, function(x, A) {
-    o(x, A), a(1), e = null;
+  else e ? Mt(e, p, w, l, g, c, function(x, P) {
+    o(x, P), a(1), e = null;
   }) : a(0);
 }, We = { exports: {} }, He = { exports: {} }, Q = {};
 /** @license React v16.13.1
@@ -816,11 +816,11 @@ var Ft;
 function nn() {
   if (Ft) return Q;
   Ft = 1;
-  var r = typeof Symbol == "function" && Symbol.for, e = r ? Symbol.for("react.element") : 60103, t = r ? Symbol.for("react.portal") : 60106, n = r ? Symbol.for("react.fragment") : 60107, s = r ? Symbol.for("react.strict_mode") : 60108, a = r ? Symbol.for("react.profiler") : 60114, i = r ? Symbol.for("react.provider") : 60109, o = r ? Symbol.for("react.context") : 60110, u = r ? Symbol.for("react.async_mode") : 60111, c = r ? Symbol.for("react.concurrent_mode") : 60111, f = r ? Symbol.for("react.forward_ref") : 60112, l = r ? Symbol.for("react.suspense") : 60113, p = r ? Symbol.for("react.suspense_list") : 60120, d = r ? Symbol.for("react.memo") : 60115, m = r ? Symbol.for("react.lazy") : 60116, g = r ? Symbol.for("react.block") : 60121, b = r ? Symbol.for("react.fundamental") : 60117, w = r ? Symbol.for("react.responder") : 60118, E = r ? Symbol.for("react.scope") : 60119;
+  var r = typeof Symbol == "function" && Symbol.for, e = r ? Symbol.for("react.element") : 60103, t = r ? Symbol.for("react.portal") : 60106, n = r ? Symbol.for("react.fragment") : 60107, s = r ? Symbol.for("react.strict_mode") : 60108, a = r ? Symbol.for("react.profiler") : 60114, i = r ? Symbol.for("react.provider") : 60109, o = r ? Symbol.for("react.context") : 60110, u = r ? Symbol.for("react.async_mode") : 60111, c = r ? Symbol.for("react.concurrent_mode") : 60111, f = r ? Symbol.for("react.forward_ref") : 60112, l = r ? Symbol.for("react.suspense") : 60113, d = r ? Symbol.for("react.suspense_list") : 60120, p = r ? Symbol.for("react.memo") : 60115, m = r ? Symbol.for("react.lazy") : 60116, g = r ? Symbol.for("react.block") : 60121, b = r ? Symbol.for("react.fundamental") : 60117, w = r ? Symbol.for("react.responder") : 60118, E = r ? Symbol.for("react.scope") : 60119;
   function O(x) {
     if (typeof x == "object" && x !== null) {
-      var A = x.$$typeof;
-      switch (A) {
+      var P = x.$$typeof;
+      switch (P) {
         case e:
           switch (x = x.type, x) {
             case u:
@@ -835,22 +835,22 @@ function nn() {
                 case o:
                 case f:
                 case m:
-                case d:
+                case p:
                 case i:
                   return x;
                 default:
-                  return A;
+                  return P;
               }
           }
         case t:
-          return A;
+          return P;
       }
     }
   }
   function S(x) {
     return O(x) === c;
   }
-  return Q.AsyncMode = u, Q.ConcurrentMode = c, Q.ContextConsumer = o, Q.ContextProvider = i, Q.Element = e, Q.ForwardRef = f, Q.Fragment = n, Q.Lazy = m, Q.Memo = d, Q.Portal = t, Q.Profiler = a, Q.StrictMode = s, Q.Suspense = l, Q.isAsyncMode = function(x) {
+  return Q.AsyncMode = u, Q.ConcurrentMode = c, Q.ContextConsumer = o, Q.ContextProvider = i, Q.Element = e, Q.ForwardRef = f, Q.Fragment = n, Q.Lazy = m, Q.Memo = p, Q.Portal = t, Q.Profiler = a, Q.StrictMode = s, Q.Suspense = l, Q.isAsyncMode = function(x) {
     return S(x) || O(x) === u;
   }, Q.isConcurrentMode = S, Q.isContextConsumer = function(x) {
     return O(x) === o;
@@ -865,7 +865,7 @@ function nn() {
   }, Q.isLazy = function(x) {
     return O(x) === m;
   }, Q.isMemo = function(x) {
-    return O(x) === d;
+    return O(x) === p;
   }, Q.isPortal = function(x) {
     return O(x) === t;
   }, Q.isProfiler = function(x) {
@@ -875,7 +875,7 @@ function nn() {
   }, Q.isSuspense = function(x) {
     return O(x) === l;
   }, Q.isValidElementType = function(x) {
-    return typeof x == "string" || typeof x == "function" || x === n || x === c || x === a || x === s || x === l || x === p || typeof x == "object" && x !== null && (x.$$typeof === m || x.$$typeof === d || x.$$typeof === i || x.$$typeof === o || x.$$typeof === f || x.$$typeof === b || x.$$typeof === w || x.$$typeof === E || x.$$typeof === g);
+    return typeof x == "string" || typeof x == "function" || x === n || x === c || x === a || x === s || x === l || x === d || typeof x == "object" && x !== null && (x.$$typeof === m || x.$$typeof === p || x.$$typeof === i || x.$$typeof === o || x.$$typeof === f || x.$$typeof === b || x.$$typeof === w || x.$$typeof === E || x.$$typeof === g);
   }, Q.typeOf = O, Q;
 }
 var ee = {};
@@ -890,84 +890,84 @@ var ee = {};
 var Vt;
 function sn() {
   return Vt || (Vt = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = typeof Symbol == "function" && Symbol.for, e = r ? Symbol.for("react.element") : 60103, t = r ? Symbol.for("react.portal") : 60106, n = r ? Symbol.for("react.fragment") : 60107, s = r ? Symbol.for("react.strict_mode") : 60108, a = r ? Symbol.for("react.profiler") : 60114, i = r ? Symbol.for("react.provider") : 60109, o = r ? Symbol.for("react.context") : 60110, u = r ? Symbol.for("react.async_mode") : 60111, c = r ? Symbol.for("react.concurrent_mode") : 60111, f = r ? Symbol.for("react.forward_ref") : 60112, l = r ? Symbol.for("react.suspense") : 60113, p = r ? Symbol.for("react.suspense_list") : 60120, d = r ? Symbol.for("react.memo") : 60115, m = r ? Symbol.for("react.lazy") : 60116, g = r ? Symbol.for("react.block") : 60121, b = r ? Symbol.for("react.fundamental") : 60117, w = r ? Symbol.for("react.responder") : 60118, E = r ? Symbol.for("react.scope") : 60119;
-    function O(I) {
-      return typeof I == "string" || typeof I == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      I === n || I === c || I === a || I === s || I === l || I === p || typeof I == "object" && I !== null && (I.$$typeof === m || I.$$typeof === d || I.$$typeof === i || I.$$typeof === o || I.$$typeof === f || I.$$typeof === b || I.$$typeof === w || I.$$typeof === E || I.$$typeof === g);
-    }
-    function S(I) {
-      if (typeof I == "object" && I !== null) {
-        var V = I.$$typeof;
-        switch (V) {
+    var r = typeof Symbol == "function" && Symbol.for, e = r ? Symbol.for("react.element") : 60103, t = r ? Symbol.for("react.portal") : 60106, n = r ? Symbol.for("react.fragment") : 60107, s = r ? Symbol.for("react.strict_mode") : 60108, a = r ? Symbol.for("react.profiler") : 60114, i = r ? Symbol.for("react.provider") : 60109, o = r ? Symbol.for("react.context") : 60110, u = r ? Symbol.for("react.async_mode") : 60111, c = r ? Symbol.for("react.concurrent_mode") : 60111, f = r ? Symbol.for("react.forward_ref") : 60112, l = r ? Symbol.for("react.suspense") : 60113, d = r ? Symbol.for("react.suspense_list") : 60120, p = r ? Symbol.for("react.memo") : 60115, m = r ? Symbol.for("react.lazy") : 60116, g = r ? Symbol.for("react.block") : 60121, b = r ? Symbol.for("react.fundamental") : 60117, w = r ? Symbol.for("react.responder") : 60118, E = r ? Symbol.for("react.scope") : 60119;
+    function O(L) {
+      return typeof L == "string" || typeof L == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      L === n || L === c || L === a || L === s || L === l || L === d || typeof L == "object" && L !== null && (L.$$typeof === m || L.$$typeof === p || L.$$typeof === i || L.$$typeof === o || L.$$typeof === f || L.$$typeof === b || L.$$typeof === w || L.$$typeof === E || L.$$typeof === g);
+    }
+    function S(L) {
+      if (typeof L == "object" && L !== null) {
+        var Y = L.$$typeof;
+        switch (Y) {
           case e:
-            var Z = I.type;
-            switch (Z) {
+            var X = L.type;
+            switch (X) {
               case u:
               case c:
               case n:
               case a:
               case s:
               case l:
-                return Z;
+                return X;
               default:
-                var te = Z && Z.$$typeof;
+                var te = X && X.$$typeof;
                 switch (te) {
                   case o:
                   case f:
                   case m:
-                  case d:
+                  case p:
                   case i:
                     return te;
                   default:
-                    return V;
+                    return Y;
                 }
             }
           case t:
-            return V;
+            return Y;
         }
       }
     }
-    var x = u, A = c, $ = o, Y = i, j = e, C = f, D = n, k = m, U = d, H = t, z = a, q = s, K = l, W = !1;
-    function L(I) {
-      return W || (W = !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.")), h(I) || S(I) === u;
+    var x = u, P = c, _ = o, $ = i, A = e, I = f, j = n, M = m, U = p, B = t, Z = a, q = s, K = l, W = !1;
+    function k(L) {
+      return W || (W = !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.")), h(L) || S(L) === u;
     }
-    function h(I) {
-      return S(I) === c;
+    function h(L) {
+      return S(L) === c;
     }
-    function y(I) {
-      return S(I) === o;
+    function v(L) {
+      return S(L) === o;
     }
-    function T(I) {
-      return S(I) === i;
+    function T(L) {
+      return S(L) === i;
     }
-    function _(I) {
-      return typeof I == "object" && I !== null && I.$$typeof === e;
+    function D(L) {
+      return typeof L == "object" && L !== null && L.$$typeof === e;
     }
-    function R(I) {
-      return S(I) === f;
+    function R(L) {
+      return S(L) === f;
     }
-    function P(I) {
-      return S(I) === n;
+    function C(L) {
+      return S(L) === n;
     }
-    function M(I) {
-      return S(I) === m;
+    function F(L) {
+      return S(L) === m;
     }
-    function F(I) {
-      return S(I) === d;
+    function V(L) {
+      return S(L) === p;
     }
-    function N(I) {
-      return S(I) === t;
+    function N(L) {
+      return S(L) === t;
     }
-    function J(I) {
-      return S(I) === a;
+    function z(L) {
+      return S(L) === a;
     }
-    function B(I) {
-      return S(I) === s;
+    function H(L) {
+      return S(L) === s;
     }
-    function se(I) {
-      return S(I) === l;
+    function se(L) {
+      return S(L) === l;
     }
-    ee.AsyncMode = x, ee.ConcurrentMode = A, ee.ContextConsumer = $, ee.ContextProvider = Y, ee.Element = j, ee.ForwardRef = C, ee.Fragment = D, ee.Lazy = k, ee.Memo = U, ee.Portal = H, ee.Profiler = z, ee.StrictMode = q, ee.Suspense = K, ee.isAsyncMode = L, ee.isConcurrentMode = h, ee.isContextConsumer = y, ee.isContextProvider = T, ee.isElement = _, ee.isForwardRef = R, ee.isFragment = P, ee.isLazy = M, ee.isMemo = F, ee.isPortal = N, ee.isProfiler = J, ee.isStrictMode = B, ee.isSuspense = se, ee.isValidElementType = O, ee.typeOf = S;
+    ee.AsyncMode = x, ee.ConcurrentMode = P, ee.ContextConsumer = _, ee.ContextProvider = $, ee.Element = A, ee.ForwardRef = I, ee.Fragment = j, ee.Lazy = M, ee.Memo = U, ee.Portal = B, ee.Profiler = Z, ee.StrictMode = q, ee.Suspense = K, ee.isAsyncMode = k, ee.isConcurrentMode = h, ee.isContextConsumer = v, ee.isContextProvider = T, ee.isElement = D, ee.isForwardRef = R, ee.isFragment = C, ee.isLazy = F, ee.isMemo = V, ee.isPortal = N, ee.isProfiler = z, ee.isStrictMode = H, ee.isSuspense = se, ee.isValidElementType = O, ee.typeOf = S;
   }()), ee;
 }
 var Yt;
@@ -979,9 +979,9 @@ object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var lt, Ut;
+var ct, Ut;
 function an() {
-  if (Ut) return lt;
+  if (Ut) return ct;
   Ut = 1;
   var r = Object.getOwnPropertySymbols, e = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
   function n(a) {
@@ -1011,35 +1011,35 @@ function an() {
       return !1;
     }
   }
-  return lt = s() ? Object.assign : function(a, i) {
+  return ct = s() ? Object.assign : function(a, i) {
     for (var o, u = n(a), c, f = 1; f < arguments.length; f++) {
       o = Object(arguments[f]);
       for (var l in o)
         e.call(o, l) && (u[l] = o[l]);
       if (r) {
         c = r(o);
-        for (var p = 0; p < c.length; p++)
-          t.call(o, c[p]) && (u[c[p]] = o[c[p]]);
+        for (var d = 0; d < c.length; d++)
+          t.call(o, c[d]) && (u[c[d]] = o[c[d]]);
       }
     }
     return u;
-  }, lt;
+  }, ct;
 }
-var ct, Wt;
+var ut, Wt;
 function Tt() {
-  if (Wt) return ct;
+  if (Wt) return ut;
   Wt = 1;
   var r = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return ct = r, ct;
+  return ut = r, ut;
 }
-var ut, Ht;
+var ft, Ht;
 function wr() {
-  return Ht || (Ht = 1, ut = Function.call.bind(Object.prototype.hasOwnProperty)), ut;
+  return Ht || (Ht = 1, ft = Function.call.bind(Object.prototype.hasOwnProperty)), ft;
 }
-var ft, Bt;
+var dt, Gt;
 function on() {
-  if (Bt) return ft;
-  Bt = 1;
+  if (Gt) return dt;
+  Gt = 1;
   var r = function() {
   };
   if (process.env.NODE_ENV !== "production") {
@@ -1060,10 +1060,10 @@ function on() {
           var l;
           try {
             if (typeof a[f] != "function") {
-              var p = Error(
+              var d = Error(
                 (u || "React class") + ": " + o + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw p.name = "Invariant Violation", p;
+              throw d.name = "Invariant Violation", d;
             }
             l = a[f](i, f, u, o, null, e);
           } catch (m) {
@@ -1073,9 +1073,9 @@ function on() {
             (u || "React class") + ": type specification of " + o + " `" + f + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof l + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), l instanceof Error && !(l.message in t)) {
             t[l.message] = !0;
-            var d = c ? c() : "";
+            var p = c ? c() : "";
             r(
-              "Failed " + o + " type: " + l.message + (d ?? "")
+              "Failed " + o + " type: " + l.message + (p ?? "")
             );
           }
         }
@@ -1083,12 +1083,12 @@ function on() {
   }
   return s.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (t = {});
-  }, ft = s, ft;
+  }, dt = s, dt;
 }
-var dt, Gt;
+var pt, Bt;
 function ln() {
-  if (Gt) return dt;
-  Gt = 1;
+  if (Bt) return pt;
+  Bt = 1;
   var r = Sr(), e = an(), t = /* @__PURE__ */ Tt(), n = /* @__PURE__ */ wr(), s = /* @__PURE__ */ on(), a = function() {
   };
   process.env.NODE_ENV !== "production" && (a = function(o) {
@@ -1102,14 +1102,14 @@ function ln() {
   function i() {
     return null;
   }
-  return dt = function(o, u) {
+  return pt = function(o, u) {
     var c = typeof Symbol == "function" && Symbol.iterator, f = "@@iterator";
     function l(h) {
-      var y = h && (c && h[c] || h[f]);
-      if (typeof y == "function")
-        return y;
+      var v = h && (c && h[c] || h[f]);
+      if (typeof v == "function")
+        return v;
     }
-    var p = "<<anonymous>>", d = {
+    var d = "<<anonymous>>", p = {
       array: w("array"),
       bigint: w("bigint"),
       bool: w("boolean"),
@@ -1122,219 +1122,219 @@ function ln() {
       arrayOf: O,
       element: S(),
       elementType: x(),
-      instanceOf: A,
-      node: C(),
-      objectOf: Y,
-      oneOf: $,
-      oneOfType: j,
-      shape: k,
+      instanceOf: P,
+      node: I(),
+      objectOf: $,
+      oneOf: _,
+      oneOfType: A,
+      shape: M,
       exact: U
     };
-    function m(h, y) {
-      return h === y ? h !== 0 || 1 / h === 1 / y : h !== h && y !== y;
+    function m(h, v) {
+      return h === v ? h !== 0 || 1 / h === 1 / v : h !== h && v !== v;
     }
-    function g(h, y) {
-      this.message = h, this.data = y && typeof y == "object" ? y : {}, this.stack = "";
+    function g(h, v) {
+      this.message = h, this.data = v && typeof v == "object" ? v : {}, this.stack = "";
     }
     g.prototype = Error.prototype;
     function b(h) {
       if (process.env.NODE_ENV !== "production")
-        var y = {}, T = 0;
-      function _(P, M, F, N, J, B, se) {
-        if (N = N || p, B = B || F, se !== t) {
+        var v = {}, T = 0;
+      function D(C, F, V, N, z, H, se) {
+        if (N = N || d, H = H || V, se !== t) {
           if (u) {
-            var I = new Error(
+            var L = 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 I.name = "Invariant Violation", I;
+            throw L.name = "Invariant Violation", L;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var V = N + ":" + F;
-            !y[V] && // Avoid spamming the console because they are often not actionable except for lib authors
+            var Y = N + ":" + V;
+            !v[Y] && // Avoid spamming the console because they are often not actionable except for lib authors
             T < 3 && (a(
-              "You are manually calling a React.PropTypes validation function for the `" + B + "` prop on `" + N + "`. 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."
-            ), y[V] = !0, T++);
+              "You are manually calling a React.PropTypes validation function for the `" + H + "` prop on `" + N + "`. 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."
+            ), v[Y] = !0, T++);
           }
         }
-        return M[F] == null ? P ? M[F] === null ? new g("The " + J + " `" + B + "` is marked as required " + ("in `" + N + "`, but its value is `null`.")) : new g("The " + J + " `" + B + "` is marked as required in " + ("`" + N + "`, but its value is `undefined`.")) : null : h(M, F, N, J, B);
+        return F[V] == null ? C ? F[V] === null ? new g("The " + z + " `" + H + "` is marked as required " + ("in `" + N + "`, but its value is `null`.")) : new g("The " + z + " `" + H + "` is marked as required in " + ("`" + N + "`, but its value is `undefined`.")) : null : h(F, V, N, z, H);
       }
-      var R = _.bind(null, !1);
-      return R.isRequired = _.bind(null, !0), R;
+      var R = D.bind(null, !1);
+      return R.isRequired = D.bind(null, !0), R;
     }
     function w(h) {
-      function y(T, _, R, P, M, F) {
-        var N = T[_], J = q(N);
-        if (J !== h) {
-          var B = K(N);
+      function v(T, D, R, C, F, V) {
+        var N = T[D], z = q(N);
+        if (z !== h) {
+          var H = K(N);
           return new g(
-            "Invalid " + P + " `" + M + "` of type " + ("`" + B + "` supplied to `" + R + "`, expected ") + ("`" + h + "`."),
+            "Invalid " + C + " `" + F + "` of type " + ("`" + H + "` supplied to `" + R + "`, expected ") + ("`" + h + "`."),
             { expectedType: h }
           );
         }
         return null;
       }
-      return b(y);
+      return b(v);
     }
     function E() {
       return b(i);
     }
     function O(h) {
-      function y(T, _, R, P, M) {
+      function v(T, D, R, C, F) {
         if (typeof h != "function")
-          return new g("Property `" + M + "` of component `" + R + "` has invalid PropType notation inside arrayOf.");
-        var F = T[_];
-        if (!Array.isArray(F)) {
-          var N = q(F);
-          return new g("Invalid " + P + " `" + M + "` of type " + ("`" + N + "` supplied to `" + R + "`, expected an array."));
+          return new g("Property `" + F + "` of component `" + R + "` has invalid PropType notation inside arrayOf.");
+        var V = T[D];
+        if (!Array.isArray(V)) {
+          var N = q(V);
+          return new g("Invalid " + C + " `" + F + "` of type " + ("`" + N + "` supplied to `" + R + "`, expected an array."));
         }
-        for (var J = 0; J < F.length; J++) {
-          var B = h(F, J, R, P, M + "[" + J + "]", t);
-          if (B instanceof Error)
-            return B;
+        for (var z = 0; z < V.length; z++) {
+          var H = h(V, z, R, C, F + "[" + z + "]", t);
+          if (H instanceof Error)
+            return H;
         }
         return null;
       }
-      return b(y);
+      return b(v);
     }
     function S() {
-      function h(y, T, _, R, P) {
-        var M = y[T];
-        if (!o(M)) {
-          var F = q(M);
-          return new g("Invalid " + R + " `" + P + "` of type " + ("`" + F + "` supplied to `" + _ + "`, expected a single ReactElement."));
+      function h(v, T, D, R, C) {
+        var F = v[T];
+        if (!o(F)) {
+          var V = q(F);
+          return new g("Invalid " + R + " `" + C + "` of type " + ("`" + V + "` supplied to `" + D + "`, expected a single ReactElement."));
         }
         return null;
       }
       return b(h);
     }
     function x() {
-      function h(y, T, _, R, P) {
-        var M = y[T];
-        if (!r.isValidElementType(M)) {
-          var F = q(M);
-          return new g("Invalid " + R + " `" + P + "` of type " + ("`" + F + "` supplied to `" + _ + "`, expected a single ReactElement type."));
+      function h(v, T, D, R, C) {
+        var F = v[T];
+        if (!r.isValidElementType(F)) {
+          var V = q(F);
+          return new g("Invalid " + R + " `" + C + "` of type " + ("`" + V + "` supplied to `" + D + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return b(h);
     }
-    function A(h) {
-      function y(T, _, R, P, M) {
-        if (!(T[_] instanceof h)) {
-          var F = h.name || p, N = L(T[_]);
-          return new g("Invalid " + P + " `" + M + "` of type " + ("`" + N + "` supplied to `" + R + "`, expected ") + ("instance of `" + F + "`."));
+    function P(h) {
+      function v(T, D, R, C, F) {
+        if (!(T[D] instanceof h)) {
+          var V = h.name || d, N = k(T[D]);
+          return new g("Invalid " + C + " `" + F + "` of type " + ("`" + N + "` supplied to `" + R + "`, expected ") + ("instance of `" + V + "`."));
         }
         return null;
       }
-      return b(y);
+      return b(v);
     }
-    function $(h) {
+    function _(h) {
       if (!Array.isArray(h))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? a(
           "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])."
         ) : a("Invalid argument supplied to oneOf, expected an array.")), i;
-      function y(T, _, R, P, M) {
-        for (var F = T[_], N = 0; N < h.length; N++)
-          if (m(F, h[N]))
+      function v(T, D, R, C, F) {
+        for (var V = T[D], N = 0; N < h.length; N++)
+          if (m(V, h[N]))
             return null;
-        var J = JSON.stringify(h, function(se, I) {
-          var V = K(I);
-          return V === "symbol" ? String(I) : I;
+        var z = JSON.stringify(h, function(se, L) {
+          var Y = K(L);
+          return Y === "symbol" ? String(L) : L;
         });
-        return new g("Invalid " + P + " `" + M + "` of value `" + String(F) + "` " + ("supplied to `" + R + "`, expected one of " + J + "."));
+        return new g("Invalid " + C + " `" + F + "` of value `" + String(V) + "` " + ("supplied to `" + R + "`, expected one of " + z + "."));
       }
-      return b(y);
+      return b(v);
     }
-    function Y(h) {
-      function y(T, _, R, P, M) {
+    function $(h) {
+      function v(T, D, R, C, F) {
         if (typeof h != "function")
-          return new g("Property `" + M + "` of component `" + R + "` has invalid PropType notation inside objectOf.");
-        var F = T[_], N = q(F);
+          return new g("Property `" + F + "` of component `" + R + "` has invalid PropType notation inside objectOf.");
+        var V = T[D], N = q(V);
         if (N !== "object")
-          return new g("Invalid " + P + " `" + M + "` of type " + ("`" + N + "` supplied to `" + R + "`, expected an object."));
-        for (var J in F)
-          if (n(F, J)) {
-            var B = h(F, J, R, P, M + "." + J, t);
-            if (B instanceof Error)
-              return B;
+          return new g("Invalid " + C + " `" + F + "` of type " + ("`" + N + "` supplied to `" + R + "`, expected an object."));
+        for (var z in V)
+          if (n(V, z)) {
+            var H = h(V, z, R, C, F + "." + z, t);
+            if (H instanceof Error)
+              return H;
           }
         return null;
       }
-      return b(y);
+      return b(v);
     }
-    function j(h) {
+    function A(h) {
       if (!Array.isArray(h))
         return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), i;
-      for (var y = 0; y < h.length; y++) {
-        var T = h[y];
+      for (var v = 0; v < h.length; v++) {
+        var T = h[v];
         if (typeof T != "function")
           return a(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + W(T) + " at index " + y + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + W(T) + " at index " + v + "."
           ), i;
       }
-      function _(R, P, M, F, N) {
-        for (var J = [], B = 0; B < h.length; B++) {
-          var se = h[B], I = se(R, P, M, F, N, t);
-          if (I == null)
+      function D(R, C, F, V, N) {
+        for (var z = [], H = 0; H < h.length; H++) {
+          var se = h[H], L = se(R, C, F, V, N, t);
+          if (L == null)
             return null;
-          I.data && n(I.data, "expectedType") && J.push(I.data.expectedType);
+          L.data && n(L.data, "expectedType") && z.push(L.data.expectedType);
         }
-        var V = J.length > 0 ? ", expected one of type [" + J.join(", ") + "]" : "";
-        return new g("Invalid " + F + " `" + N + "` supplied to " + ("`" + M + "`" + V + "."));
+        var Y = z.length > 0 ? ", expected one of type [" + z.join(", ") + "]" : "";
+        return new g("Invalid " + V + " `" + N + "` supplied to " + ("`" + F + "`" + Y + "."));
       }
-      return b(_);
+      return b(D);
     }
-    function C() {
-      function h(y, T, _, R, P) {
-        return H(y[T]) ? null : new g("Invalid " + R + " `" + P + "` supplied to " + ("`" + _ + "`, expected a ReactNode."));
+    function I() {
+      function h(v, T, D, R, C) {
+        return B(v[T]) ? null : new g("Invalid " + R + " `" + C + "` supplied to " + ("`" + D + "`, expected a ReactNode."));
       }
       return b(h);
     }
-    function D(h, y, T, _, R) {
+    function j(h, v, T, D, R) {
       return new g(
-        (h || "React class") + ": " + y + " type `" + T + "." + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + R + "`."
+        (h || "React class") + ": " + v + " type `" + T + "." + D + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + R + "`."
       );
     }
-    function k(h) {
-      function y(T, _, R, P, M) {
-        var F = T[_], N = q(F);
+    function M(h) {
+      function v(T, D, R, C, F) {
+        var V = T[D], N = q(V);
         if (N !== "object")
-          return new g("Invalid " + P + " `" + M + "` of type `" + N + "` " + ("supplied to `" + R + "`, expected `object`."));
-        for (var J in h) {
-          var B = h[J];
-          if (typeof B != "function")
-            return D(R, P, M, J, K(B));
-          var se = B(F, J, R, P, M + "." + J, t);
+          return new g("Invalid " + C + " `" + F + "` of type `" + N + "` " + ("supplied to `" + R + "`, expected `object`."));
+        for (var z in h) {
+          var H = h[z];
+          if (typeof H != "function")
+            return j(R, C, F, z, K(H));
+          var se = H(V, z, R, C, F + "." + z, t);
           if (se)
             return se;
         }
         return null;
       }
-      return b(y);
+      return b(v);
     }
     function U(h) {
-      function y(T, _, R, P, M) {
-        var F = T[_], N = q(F);
+      function v(T, D, R, C, F) {
+        var V = T[D], N = q(V);
         if (N !== "object")
-          return new g("Invalid " + P + " `" + M + "` of type `" + N + "` " + ("supplied to `" + R + "`, expected `object`."));
-        var J = e({}, T[_], h);
-        for (var B in J) {
-          var se = h[B];
-          if (n(h, B) && typeof se != "function")
-            return D(R, P, M, B, K(se));
+          return new g("Invalid " + C + " `" + F + "` of type `" + N + "` " + ("supplied to `" + R + "`, expected `object`."));
+        var z = e({}, T[D], h);
+        for (var H in z) {
+          var se = h[H];
+          if (n(h, H) && typeof se != "function")
+            return j(R, C, F, H, K(se));
           if (!se)
             return new g(
-              "Invalid " + P + " `" + M + "` key `" + B + "` supplied to `" + R + "`.\nBad object: " + JSON.stringify(T[_], null, "  ") + `
+              "Invalid " + C + " `" + F + "` key `" + H + "` supplied to `" + R + "`.\nBad object: " + JSON.stringify(T[D], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(h), null, "  ")
             );
-          var I = se(F, B, R, P, M + "." + B, t);
-          if (I)
-            return I;
+          var L = se(V, H, R, C, F + "." + H, t);
+          if (L)
+            return L;
         }
         return null;
       }
-      return b(y);
+      return b(v);
     }
-    function H(h) {
+    function B(h) {
       switch (typeof h) {
         case "number":
         case "string":
@@ -1344,20 +1344,20 @@ Valid keys: ` + JSON.stringify(Object.keys(h), null, "  ")
           return !h;
         case "object":
           if (Array.isArray(h))
-            return h.every(H);
+            return h.every(B);
           if (h === null || o(h))
             return !0;
-          var y = l(h);
-          if (y) {
-            var T = y.call(h), _;
-            if (y !== h.entries) {
-              for (; !(_ = T.next()).done; )
-                if (!H(_.value))
+          var v = l(h);
+          if (v) {
+            var T = v.call(h), D;
+            if (v !== h.entries) {
+              for (; !(D = T.next()).done; )
+                if (!B(D.value))
                   return !1;
             } else
-              for (; !(_ = T.next()).done; ) {
-                var R = _.value;
-                if (R && !H(R[1]))
+              for (; !(D = T.next()).done; ) {
+                var R = D.value;
+                if (R && !B(R[1]))
                   return !1;
               }
           } else
@@ -1367,61 +1367,61 @@ Valid keys: ` + JSON.stringify(Object.keys(h), null, "  ")
           return !1;
       }
     }
-    function z(h, y) {
-      return h === "symbol" ? !0 : y ? y["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && y instanceof Symbol : !1;
+    function Z(h, v) {
+      return h === "symbol" ? !0 : v ? v["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && v instanceof Symbol : !1;
     }
     function q(h) {
-      var y = typeof h;
-      return Array.isArray(h) ? "array" : h instanceof RegExp ? "object" : z(y, h) ? "symbol" : y;
+      var v = typeof h;
+      return Array.isArray(h) ? "array" : h instanceof RegExp ? "object" : Z(v, h) ? "symbol" : v;
     }
     function K(h) {
       if (typeof h > "u" || h === null)
         return "" + h;
-      var y = q(h);
-      if (y === "object") {
+      var v = q(h);
+      if (v === "object") {
         if (h instanceof Date)
           return "date";
         if (h instanceof RegExp)
           return "regexp";
       }
-      return y;
+      return v;
     }
     function W(h) {
-      var y = K(h);
-      switch (y) {
+      var v = K(h);
+      switch (v) {
         case "array":
         case "object":
-          return "an " + y;
+          return "an " + v;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + y;
+          return "a " + v;
         default:
-          return y;
+          return v;
       }
     }
-    function L(h) {
-      return !h.constructor || !h.constructor.name ? p : h.constructor.name;
+    function k(h) {
+      return !h.constructor || !h.constructor.name ? d : h.constructor.name;
     }
-    return d.checkPropTypes = s, d.resetWarningCache = s.resetWarningCache, d.PropTypes = d, d;
-  }, dt;
+    return p.checkPropTypes = s, p.resetWarningCache = s.resetWarningCache, p.PropTypes = p, p;
+  }, pt;
 }
-var pt, qt;
+var ht, qt;
 function cn() {
-  if (qt) return pt;
+  if (qt) return ht;
   qt = 1;
   var r = /* @__PURE__ */ Tt();
   function e() {
   }
   function t() {
   }
-  return t.resetWarningCache = e, pt = function() {
+  return t.resetWarningCache = e, ht = function() {
     function n(i, o, u, c, f, l) {
       if (l !== r) {
-        var p = new Error(
+        var d = 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 p.name = "Invariant Violation", p;
+        throw d.name = "Invariant Violation", d;
       }
     }
     n.isRequired = n;
@@ -1452,7 +1452,7 @@ function cn() {
       resetWarningCache: e
     };
     return a.PropTypes = a, a;
-  }, pt;
+  }, ht;
 }
 var Kt;
 function un() {
@@ -1475,7 +1475,7 @@ var ie = /* @__PURE__ */ un(), fn = function(e) {
     if (e[s] !== t[s])
       return !0;
   return !1;
-}, pn = ["afterInjection", "beforeInjection", "desc", "evalScripts", "fallback", "httpRequestWithCredentials", "loading", "renumerateIRIElements", "src", "title", "useRequestCache", "wrapper"], Be = "http://www.w3.org/2000/svg", zt = "http://www.w3.org/1999/xlink", De = /* @__PURE__ */ function(r) {
+}, pn = ["afterInjection", "beforeInjection", "desc", "evalScripts", "fallback", "httpRequestWithCredentials", "loading", "renumerateIRIElements", "src", "title", "useRequestCache", "wrapper"], Ge = "http://www.w3.org/2000/svg", zt = "http://www.w3.org/1999/xlink", De = /* @__PURE__ */ function(r) {
   function e() {
     for (var n, s = arguments.length, a = new Array(s), i = 0; i < s; i++)
       a[i] = arguments[i];
@@ -1491,11 +1491,11 @@ var ie = /* @__PURE__ */ un(), fn = function(e) {
   return t.renderSVG = function() {
     var s = this;
     if (this.reactWrapper instanceof fn(this.reactWrapper).Node) {
-      var a = this.props, i = a.desc, o = a.evalScripts, u = a.httpRequestWithCredentials, c = a.renumerateIRIElements, f = a.src, l = a.title, p = a.useRequestCache, d = this.props.onError, m = this.props.beforeInjection, g = this.props.afterInjection, b = this.props.wrapper, w, E;
-      b === "svg" ? (w = document.createElementNS(Be, b), w.setAttribute("xmlns", Be), w.setAttribute("xmlns:xlink", zt), E = document.createElementNS(Be, b)) : (w = document.createElement(b), E = document.createElement(b)), w.appendChild(E), E.dataset.src = f, this.nonReactWrapper = this.reactWrapper.appendChild(w);
-      var O = function($) {
+      var a = this.props, i = a.desc, o = a.evalScripts, u = a.httpRequestWithCredentials, c = a.renumerateIRIElements, f = a.src, l = a.title, d = a.useRequestCache, p = this.props.onError, m = this.props.beforeInjection, g = this.props.afterInjection, b = this.props.wrapper, w, E;
+      b === "svg" ? (w = document.createElementNS(Ge, b), w.setAttribute("xmlns", Ge), w.setAttribute("xmlns:xlink", zt), E = document.createElementNS(Ge, b)) : (w = document.createElement(b), E = document.createElement(b)), w.appendChild(E), E.dataset.src = f, this.nonReactWrapper = this.reactWrapper.appendChild(w);
+      var O = function(_) {
         if (s.removeSVG(), !s._isMounted) {
-          d($);
+          p(_);
           return;
         }
         s.setState(function() {
@@ -1504,11 +1504,11 @@ var ie = /* @__PURE__ */ un(), fn = function(e) {
             isLoading: !1
           };
         }, function() {
-          d($);
+          p(_);
         });
-      }, S = function($, Y) {
-        if ($) {
-          O($);
+      }, S = function(_, $) {
+        if (_) {
+          O(_);
           return;
         }
         s._isMounted && s.setState(function() {
@@ -1517,34 +1517,34 @@ var ie = /* @__PURE__ */ un(), fn = function(e) {
           };
         }, function() {
           try {
-            g(Y);
-          } catch (j) {
-            O(j);
+            g($);
+          } catch (A) {
+            O(A);
           }
         });
-      }, x = function($) {
-        if ($.setAttribute("role", "img"), i) {
-          var Y = $.querySelector(":scope > desc");
-          Y && $.removeChild(Y);
-          var j = document.createElement("desc");
-          j.innerHTML = i, $.prepend(j);
+      }, x = function(_) {
+        if (_.setAttribute("role", "img"), i) {
+          var $ = _.querySelector(":scope > desc");
+          $ && _.removeChild($);
+          var A = document.createElement("desc");
+          A.innerHTML = i, _.prepend(A);
         }
         if (l) {
-          var C = $.querySelector(":scope > title");
-          C && $.removeChild(C);
-          var D = document.createElement("title");
-          D.innerHTML = l, $.prepend(D);
+          var I = _.querySelector(":scope > title");
+          I && _.removeChild(I);
+          var j = document.createElement("title");
+          j.innerHTML = l, _.prepend(j);
         }
         try {
-          m($);
-        } catch (k) {
-          O(k);
+          m(_);
+        } catch (M) {
+          O(M);
         }
       };
       rn(E, {
         afterEach: S,
         beforeEach: x,
-        cacheRequests: p,
+        cacheRequests: d,
         evalScripts: o,
         httpRequestWithCredentials: u,
         renumerateIRIElements: c
@@ -1557,7 +1557,7 @@ var ie = /* @__PURE__ */ un(), fn = function(e) {
     this._isMounted = !0, this.renderSVG();
   }, t.componentDidUpdate = function(s) {
     var a = this;
-    dn(et({}, s), this.props) && this.setState(function() {
+    dn(tt({}, s), this.props) && this.setState(function() {
       return a.initialState;
     }, function() {
       a.removeSVG(), a.renderSVG();
@@ -1571,11 +1571,11 @@ var ie = /* @__PURE__ */ un(), fn = function(e) {
     s.httpRequestWithCredentials;
     var i = s.loading;
     s.renumerateIRIElements, s.src, s.title, s.useRequestCache;
-    var o = s.wrapper, u = Gr(s, pn), c = o;
-    return /* @__PURE__ */ Fe.createElement(c, et({}, u, {
+    var o = s.wrapper, u = Br(s, pn), c = o;
+    return /* @__PURE__ */ Fe.createElement(c, tt({}, u, {
       ref: this.refCallback
     }, o === "svg" ? {
-      xmlns: Be,
+      xmlns: Ge,
       xmlnsXlink: zt
     } : {}), this.state.isLoading && i && /* @__PURE__ */ Fe.createElement(i, null), this.state.hasError && a && /* @__PURE__ */ Fe.createElement(a, null));
   }, e;
@@ -1616,9 +1616,9 @@ let vt = {
   assets: "/"
   // Default for storybook isolation development
 };
-const $s = (r) => {
+const Cs = (r) => {
   vt = { ...vt, ...r };
-}, Jt = (r) => `${vt.assets}/${r}`.replace(/\/+/g, "/"), ue = yr.memo(
+}, Jt = (r) => `${vt.assets}/${r}`.replace(/\/+/g, "/"), ce = yr.memo(
   ({
     icon: r,
     width: e,
@@ -1632,23 +1632,23 @@ const $s = (r) => {
     isInteractable: c = !1,
     spin: f = !1,
     title: l,
-    tabIndex: p
+    tabIndex: d
   }) => {
-    const [d, m] = X(r), g = (r == null ? void 0 : r.startsWith("http")) || (r == null ? void 0 : r.startsWith("/")), b = g && (r == null ? void 0 : r.toLowerCase().endsWith(".svg")), w = Jt(`assets/svg/${r}.svg`), E = Jt(
+    const [p, m] = J(r), g = (r == null ? void 0 : r.startsWith("http")) || (r == null ? void 0 : r.startsWith("/")), b = g && (r == null ? void 0 : r.toLowerCase().endsWith(".svg")), w = Jt(`assets/svg/${r}.svg`), E = Jt(
       `assets/svg/${n}.svg`
     ), O = {
       img: `${c ? "smp-image-interactable" : ""}`,
       svg: `smp-icon ${i ? `smp-icon-${i}` : ""} ${o ? "smp-icon-rotated" : ""} ${c ? "smp-icon-interactable" : ""} ${f ? "smp-icon-spin" : ""}`
     }, S = () => {
       !a && c && u && u();
-    }, x = (A) => {
-      !a && c && (A.key === "Enter" || A.key === " ") && (A.preventDefault(), S());
+    }, x = (P) => {
+      !a && c && (P.key === "Enter" || P.key === " ") && (P.preventDefault(), S());
     };
-    return /* @__PURE__ */ v.jsx(v.Fragment, { children: b ? /* @__PURE__ */ v.jsx(
+    return /* @__PURE__ */ y.jsx(y.Fragment, { children: b ? /* @__PURE__ */ y.jsx(
       De,
       {
         src: r,
-        fallback: () => /* @__PURE__ */ v.jsx(De, { src: E, wrapper: "svg" }),
+        fallback: () => /* @__PURE__ */ y.jsx(De, { src: E, wrapper: "svg" }),
         width: e || "1rem",
         height: t || "1rem",
         wrapper: "svg",
@@ -1659,14 +1659,14 @@ const $s = (r) => {
         className: O.svg,
         onClick: S,
         onKeyDown: x,
-        tabIndex: p
+        tabIndex: d
       }
     ) : g ? (
       // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-      /* @__PURE__ */ v.jsx(
+      /* @__PURE__ */ y.jsx(
         "img",
         {
-          src: d,
+          src: p,
           width: e || "16px",
           height: t || "auto",
           alt: l,
@@ -1674,16 +1674,16 @@ const $s = (r) => {
           onClick: S,
           className: O.img,
           title: l,
-          onKeyDown: (A) => {
-            (A.key === "Enter" || A.key === " ") && S();
+          onKeyDown: (P) => {
+            (P.key === "Enter" || P.key === " ") && S();
           }
         }
       )
-    ) : /* @__PURE__ */ v.jsx(
+    ) : /* @__PURE__ */ y.jsx(
       De,
       {
         src: w,
-        fallback: () => /* @__PURE__ */ v.jsx(De, { src: E, wrapper: "svg" }),
+        fallback: () => /* @__PURE__ */ y.jsx(De, { src: E, wrapper: "svg" }),
         width: e || "1rem",
         height: t || "1rem",
         wrapper: "svg",
@@ -1694,7 +1694,7 @@ const $s = (r) => {
         className: O.svg,
         onClick: S,
         onKeyDown: x,
-        tabIndex: p
+        tabIndex: d
       }
     ) });
   }
@@ -1726,8 +1726,8 @@ const $s = (r) => {
   state: c,
   variant: f,
   rotatedShapeIcon: l = !1,
-  onShapeIconClick: p,
-  ref: d,
+  onShapeIconClick: d,
+  ref: p,
   inputRef: m,
   onKeyDown: g,
   inputType: b = "text",
@@ -1736,57 +1736,57 @@ const $s = (r) => {
   helperText: O = !1,
   error: S,
   appearance: x = "base",
-  fullWidth: A = !1,
-  _dataComponent: $ = "textfield",
-  width: Y
+  fullWidth: P = !1,
+  _dataComponent: _ = "textfield",
+  width: $
 }) => {
-  const j = St(), C = `${j}-helper`, D = S ? "danger" : c, k = S || c == "danger" ? "error" : o, U = O || !!S, H = (K) => {
+  const A = St(), I = `${A}-helper`, j = S ? "danger" : c, M = S || c == "danger" ? "error" : o, U = O || !!S, B = (K) => {
     s == null || s(K.target.value);
-  }, z = {
-    wrapper: `${me["smp-textfield-wrapper"]} ${A ? me["smp-textfield-fullWidth"] : ""}`,
-    container: `${me["smp-textfield"]} ${r ? me["smp-textfield-disabled"] : ""} ${a ? me["smp-textfield-placeholder"] : ""} ${u ? me[`smp-textfield-${u}`] : ""} ${D ? me[`smp-textfield-${D}`] : ""} ${x ? me[`smp-textfield-${x}`] : ""} ${i ? "" : me["smp-textfield-readOnly"]}`,
+  }, Z = {
+    wrapper: `${me["smp-textfield-wrapper"]} ${P ? me["smp-textfield-fullWidth"] : ""}`,
+    container: `${me["smp-textfield"]} ${r ? me["smp-textfield-disabled"] : ""} ${a ? me["smp-textfield-placeholder"] : ""} ${u ? me[`smp-textfield-${u}`] : ""} ${j ? me[`smp-textfield-${j}`] : ""} ${x ? me[`smp-textfield-${x}`] : ""} ${i ? "" : me["smp-textfield-readOnly"]}`,
     input: `${me["smp-textfield-input"]}`
   };
   if (f && (f !== "notSelectable" || i)) {
     const K = me[`smp-textfield-variant-${f}`];
-    K && (z.container += ` ${K}`);
+    K && (Z.container += ` ${K}`);
   }
-  const q = Y ? { "--smp-textField-width-base": Y } : void 0;
-  return /* @__PURE__ */ v.jsxs("div", { className: z.wrapper, "data-component": $, children: [
-    E && /* @__PURE__ */ v.jsx($e, { label: E, disabled: r, htmlFor: j }),
-    /* @__PURE__ */ v.jsxs(
+  const q = $ ? { "--smp-textField-width-base": $ } : void 0;
+  return /* @__PURE__ */ y.jsxs("div", { className: Z.wrapper, "data-component": _, children: [
+    E && /* @__PURE__ */ y.jsx($e, { label: E, disabled: r, htmlFor: A }),
+    /* @__PURE__ */ y.jsxs(
       "div",
       {
-        className: z.container,
-        ref: d,
+        className: Z.container,
+        ref: p,
         style: q,
         children: [
-          t && /* @__PURE__ */ v.jsx(ue, { icon: t, disabled: r }),
-          /* @__PURE__ */ v.jsx(
+          t && /* @__PURE__ */ y.jsx(ce, { icon: t, disabled: r }),
+          /* @__PURE__ */ y.jsx(
             "input",
             {
-              id: j,
+              id: A,
               type: b,
               value: e,
               placeholder: a,
-              onChange: H,
+              onChange: B,
               onBlur: n,
-              className: z.input,
+              className: Z.input,
               disabled: r,
               readOnly: !i,
               onKeyDown: g,
               "aria-label": w,
               ref: m,
-              "aria-describedby": U ? C : void 0
+              "aria-describedby": U ? I : void 0
             }
           ),
-          k && /* @__PURE__ */ v.jsx(
-            ue,
+          M && /* @__PURE__ */ y.jsx(
+            ce,
             {
-              icon: k,
+              icon: M,
               disabled: r,
-              state: D,
-              onClick: p,
+              state: j,
+              onClick: d,
               rotated: l,
               isInteractable: i,
               tabIndex: 0
@@ -1795,13 +1795,13 @@ const $s = (r) => {
         ]
       }
     ),
-    U && /* @__PURE__ */ v.jsx(
+    U && /* @__PURE__ */ y.jsx(
       vr,
       {
         helperText: S,
         disabled: r,
-        state: D,
-        id: C
+        state: j,
+        id: I
       }
     )
   ] });
@@ -1812,22 +1812,22 @@ function Er({
   containerHeight: t,
   overscan: n = 5
 }) {
-  const [s, a] = X(0), i = xe(null), o = r.length * e, u = Math.max(0, Math.floor(s / e) - n), c = Math.min(
+  const [s, a] = J(0), i = xe(null), o = r.length * e, u = Math.max(0, Math.floor(s / e) - n), c = Math.min(
     r.length - 1,
     Math.floor((s + t) / e) + n
   ), f = [];
-  for (let d = u; d <= c; d++)
+  for (let p = u; p <= c; p++)
     f.push({
-      item: r[d],
-      index: d,
-      offsetTop: d * e
+      item: r[p],
+      index: p,
+      offsetTop: p * e
     });
-  const l = ve((d) => {
-    const m = d.target.scrollTop;
+  const l = ve((p) => {
+    const m = p.target.scrollTop;
     a(m);
-  }, []), p = (d) => {
+  }, []), d = (p) => {
     if (!i.current) return;
-    const m = d * e, g = m + e, b = i.current, w = b.scrollTop, E = w + t;
+    const m = p * e, g = m + e, b = i.current, w = b.scrollTop, E = w + t;
     m < w ? b.scrollTop = m : g > E && (b.scrollTop = g - t);
   };
   return {
@@ -1856,10 +1856,10 @@ function Er({
       startIndex: u,
       endIndex: c
     },
-    scrollToIndex: p
+    scrollToIndex: d
   };
 }
-const Ge = {
+const Be = {
   "smp-list": "_smp-list_t8eqj_1",
   "smp-list-container": "_smp-list-container_t8eqj_10",
   "smp-list-listItem": "_smp-list-listItem_t8eqj_15"
@@ -1877,99 +1877,99 @@ const Ge = {
   onClick: u,
   onKeyDown: c
 }) => {
-  var C;
-  const [f, l] = X(""), p = 24, [d, m] = X(
+  var I;
+  const [f, l] = J(""), d = 24, [p, m] = J(
     a !== null ? a : -1
   ), g = s !== void 0 ? s : e.length > hn, b = f ? e.filter(
-    (D) => D.label.toLowerCase().includes(f.toLowerCase())
-  ) : e, w = (D) => {
-    l(D);
+    (j) => j.label.toLowerCase().includes(f.toLowerCase())
+  ) : e, w = (j) => {
+    l(j);
   }, { virtualItems: E, containerProps: O, innerProps: S, scrollToIndex: x } = Er({
     items: b,
-    itemHeight: p,
+    itemHeight: d,
     containerHeight: 200,
     overscan: 5
   });
   oe(() => {
-    a !== null && a !== d && m(a);
+    a !== null && a !== p && m(a);
   }, [a]), oe(() => {
-    d >= 0 && d < b.length && x(d);
-  }, [d, b]);
-  const A = (D) => {
-    if (D.key === "ArrowDown" || D.key === "ArrowUp") {
-      D.preventDefault();
-      let k = d;
-      D.key === "ArrowDown" ? k = d < b.length - 1 ? d + 1 : 0 : D.key === "ArrowUp" && (k = d > 0 ? d - 1 : b.length - 1), m(k);
-    } else D.key === "Enter" ? d >= 0 && d < b.length && (u == null || u(b[d])) : D.key === "Escape" && (D.preventDefault(), D.stopPropagation());
-    c && c(D);
-  }, $ = (D) => {
-    A(D);
-  }, Y = (D) => {
-    A(D);
-  }, j = {
-    wrapper: `${Ge["smp-list"]}`,
-    container: `${Ge["smp-list-container"]}`,
-    virtualScroll: `${Ge["smp-list-virtualScroll"]}`,
-    listItem: `${Ge["smp-list-listItem"]}`
+    p >= 0 && p < b.length && x(p);
+  }, [p, b]);
+  const P = (j) => {
+    if (j.key === "ArrowDown" || j.key === "ArrowUp") {
+      j.preventDefault();
+      let M = p;
+      j.key === "ArrowDown" ? M = p < b.length - 1 ? p + 1 : 0 : j.key === "ArrowUp" && (M = p > 0 ? p - 1 : b.length - 1), m(M);
+    } else j.key === "Enter" ? p >= 0 && p < b.length && (u == null || u(b[p])) : j.key === "Escape" && (j.preventDefault(), j.stopPropagation());
+    c && c(j);
+  }, _ = (j) => {
+    P(j);
+  }, $ = (j) => {
+    P(j);
+  }, A = {
+    wrapper: `${Be["smp-list"]}`,
+    container: `${Be["smp-list-container"]}`,
+    virtualScroll: `${Be["smp-list-virtualScroll"]}`,
+    listItem: `${Be["smp-list-listItem"]}`
   };
-  return /* @__PURE__ */ v.jsxs(
+  return /* @__PURE__ */ y.jsxs(
     "div",
     {
       id: r,
       ref: n,
-      className: j.wrapper,
+      className: A.wrapper,
       "data-component": "list",
       style: {
         width: o
       },
       children: [
-        g && /* @__PURE__ */ v.jsx(
+        g && /* @__PURE__ */ y.jsx(
           Ce,
           {
             bindValue: f,
             placeholder: "Search...",
             onChange: w,
-            onKeyDown: $
+            onKeyDown: _
           }
         ),
-        /* @__PURE__ */ v.jsx(
+        /* @__PURE__ */ y.jsx(
           "div",
           {
             ...O,
-            className: j.container,
+            className: A.container,
             tabIndex: 0,
             role: "listbox",
             "aria-label": "List",
-            onKeyDown: Y,
-            "aria-activedescendant": d >= 0 && d < b.length ? (C = b[d]) == null ? void 0 : C.id : void 0,
-            children: /* @__PURE__ */ v.jsx("div", { ...S, className: j.virtualScroll, children: E.map(({ item: D, index: k, offsetTop: U }) => {
-              const H = i.includes(D.id);
+            onKeyDown: $,
+            "aria-activedescendant": p >= 0 && p < b.length ? (I = b[p]) == null ? void 0 : I.id : void 0,
+            children: /* @__PURE__ */ y.jsx("div", { ...S, className: A.virtualScroll, children: E.map(({ item: j, index: M, offsetTop: U }) => {
+              const B = i.includes(j.id);
               return (
                 // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-                /* @__PURE__ */ v.jsxs(
+                /* @__PURE__ */ y.jsxs(
                   "li",
                   {
                     role: "option",
-                    id: D.id,
-                    "aria-selected": d === k ? "true" : "false",
+                    id: j.id,
+                    "aria-selected": p === M ? "true" : "false",
                     tabIndex: -1,
-                    className: `${j.listItem} ${d === k ? "selected-item" : ""}`,
-                    "aria-label": D.id + "-" + D.label,
+                    className: `${A.listItem} ${p === M ? "selected-item" : ""}`,
+                    "aria-label": j.id + "-" + j.label,
                     style: {
-                      height: `${p}px`,
-                      lineHeight: `calc(${p}px - 2*2px)`,
+                      height: `${d}px`,
+                      lineHeight: `calc(${d}px - 2*2px)`,
                       // lineHeight - 2*padding
                       transform: `translateY(${U}px)`
                     },
                     onClick: () => {
-                      u == null || u(D), m(k);
+                      u == null || u(j), m(M);
                     },
                     children: [
-                      Qe(D.id, D.label, t),
-                      H && /* @__PURE__ */ v.jsx(ue, { icon: "check", width: 16 })
+                      et(j.id, j.label, t),
+                      B && /* @__PURE__ */ y.jsx(ce, { icon: "check", width: 16 })
                     ]
                   },
-                  D.id
+                  j.id
                 )
               );
             }) })
@@ -1984,16 +1984,16 @@ const Ge = {
   optionalDisplayValue: t,
   ...n
 }) => {
-  const [s, a] = X(
-    Qe(e, t, r)
+  const [s, a] = J(
+    et(e, t, r)
   );
   return oe(() => {
     a(e);
   }, [e]), oe(() => {
     a(
-      Qe(e, t, r)
+      et(e, t, r)
     );
-  }, [t, r]), /* @__PURE__ */ v.jsx(Ce, { ...n, bindValue: s });
+  }, [t, r]), /* @__PURE__ */ y.jsx(Ce, { ...n, bindValue: s });
 }, mn = (r) => {
   const e = xe(null);
   return oe(() => () => {
@@ -2007,7 +2007,7 @@ const Ge = {
 function Ot({
   children: r
 }) {
-  const [e, t] = X(!1);
+  const [e, t] = J(!1);
   return oe(() => {
     t(!0);
   }, []), e ? Ir(r, document.body) : null;
@@ -2025,66 +2025,66 @@ const Rr = ({
   _changeOnEnter: c = !1,
   onChange: f,
   onOptionsRequest: l,
-  _multiActiveIndex: p,
-  ...d
+  _multiActiveIndex: d,
+  ...p
 }) => {
-  const [m, g] = X(r), [b, w] = X(e), [E, O] = X(!1), [S, x] = X(t || []), [A, $] = X(0), [Y, j] = X([r]), { anchorRef: C, targetRef: D, anchorWidth: k } = Et({
+  const [m, g] = J(r), [b, w] = J(e), [E, O] = J(!1), [S, x] = J(t || []), [P, _] = J(0), [$, A] = J([r]), { anchorRef: I, targetRef: j, anchorWidth: M } = Et({
     position: "bottom",
     enabled: E
   });
-  Ze(D, () => O(!1));
-  const U = mn(400), H = (W) => {
+  Qe(j, () => O(!1));
+  const U = mn(400), B = (W) => {
     W.length >= a ? u && l && U(async () => {
-      const L = await l(u, W);
-      x(L), $(L.length > 0 ? 0 : -1), O(!0);
+      const k = await l(u, W);
+      x(k), _(k.length > 0 ? 0 : -1), O(!0);
     }) : O(!1), g(W), w(e), c || f == null || f(W, e);
-  }, z = (W) => {
+  }, Z = (W) => {
     c ? (g(""), w("")) : (g(W.id), w(W.label)), f == null || f(W.id, W.label);
-    const L = S.findIndex((h) => h.id === W.id);
-    $(L), j([W.id]), O(!1);
+    const k = S.findIndex((h) => h.id === W.id);
+    _(k), A([W.id]), O(!1);
   }, q = (W) => {
-    W.key === "Escape" && (O(!1), $(-1));
+    W.key === "Escape" && (O(!1), _(-1));
   }, K = (W) => {
     if ((W.key === "ArrowDown" || W.key === "ArrowUp") && (W.preventDefault(), E)) {
-      const L = W.key === "ArrowDown" ? (A + 1) % S.length : (A - 1 + S.length) % S.length;
-      $(L);
+      const k = W.key === "ArrowDown" ? (P + 1) % S.length : (P - 1 + S.length) % S.length;
+      _(k);
     }
     switch (W.key) {
       case "Enter":
-        A >= 0 && A < S.length ? z(S[A]) : c && (f == null || f(m, ""), O(!1), g(""), w(""));
+        P >= 0 && P < S.length ? Z(S[P]) : c && (f == null || f(m, ""), O(!1), g(""), w(""));
         break;
       case "Escape":
-        O(!1), $(-1);
+        O(!1), _(-1);
         break;
     }
   };
-  return /* @__PURE__ */ v.jsxs("div", { "data-component": "autocomplete", children: [
-    /* @__PURE__ */ v.jsx(
+  return /* @__PURE__ */ y.jsxs("div", { "data-component": "autocomplete", children: [
+    /* @__PURE__ */ y.jsx(
       Or,
       {
-        ...d,
+        ...p,
         bindValue: m,
         optionalDisplayValue: b,
         displayMode: n,
         isEditable: i,
         shapeIcon: "magnify",
         placeholder: o,
-        ref: C,
-        onChange: H,
+        ref: I,
+        onChange: B,
         onKeyDown: K,
         "aria-autocomplete": "list"
       }
     ),
-    E && /* @__PURE__ */ v.jsx(Ot, { children: /* @__PURE__ */ v.jsx(
+    E && /* @__PURE__ */ y.jsx(Ot, { children: /* @__PURE__ */ y.jsx(
       Tr,
       {
         options: S,
         displayMode: s,
-        onClick: z,
-        ref: D,
-        selectedIndex: A,
-        activeIndex: p || Y,
-        width: k,
+        onClick: Z,
+        ref: j,
+        selectedIndex: P,
+        activeIndex: d || $,
+        width: M,
         showFilter: !1,
         onKeyDown: q
       }
@@ -2113,14 +2113,14 @@ const Rr = ({
   showText: c = !0,
   fullWidth: f = !1,
   loading: l = !1,
-  justify: p = "center",
-  title: d,
+  justify: d = "center",
+  title: p,
   optionalDisplayValue: m
 }) => {
   const g = {
-    container: `smp-button smp-button-container ${a ? `smp-button-${a}` : ""} ${i ? `smp-buttonVariant-${i}` : ""} ${o ? `smp-buttonType-${o}` : ""} ${f ? "smp-button-fullWidth" : ""} smp-justifyContent-${p}`
+    container: `smp-button smp-button-container ${a ? `smp-button-${a}` : ""} ${i ? `smp-buttonVariant-${i}` : ""} ${o ? `smp-buttonType-${o}` : ""} ${f ? "smp-button-fullWidth" : ""} smp-justifyContent-${d}`
   };
-  return /* @__PURE__ */ v.jsx(
+  return /* @__PURE__ */ y.jsx(
     "button",
     {
       "data-component": "button",
@@ -2129,10 +2129,10 @@ const Rr = ({
       "aria-label": t,
       disabled: s,
       "aria-busy": l,
-      title: d || r || m,
-      children: l ? /* @__PURE__ */ v.jsx(ue, { icon: "spinner", state: Zt(i), spin: !0 }) : /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
-        n && u && /* @__PURE__ */ v.jsx(
-          ue,
+      title: p || r || m,
+      children: l ? /* @__PURE__ */ y.jsx(ce, { icon: "spinner", state: Zt(i), spin: !0 }) : /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
+        n && u && /* @__PURE__ */ y.jsx(
+          ce,
           {
             icon: n,
             disabled: s,
@@ -2141,7 +2141,7 @@ const Rr = ({
             height: Xt(a)
           }
         ),
-        c && m && /* @__PURE__ */ v.jsx("span", { children: m })
+        c && m && /* @__PURE__ */ y.jsx("span", { children: m })
       ] })
     }
   );
@@ -2158,18 +2158,18 @@ const Rr = ({
   fullWidth: c,
   disabled: f,
   justify: l,
-  onClick: p,
-  onOptionsRequest: d
+  onClick: d,
+  onOptionsRequest: p
 }) => {
-  const [m, g] = X(r);
+  const [m, g] = J(r);
   oe(() => {
-    !m && d && e && d(e, void 0).then((E) => g(E)).catch((E) => {
+    !m && p && e && p(e, void 0).then((E) => g(E)).catch((E) => {
       console.error(
         "Errore nel caricamento delle opzioni per ButtonList",
         E
       );
     });
-  }, [m, e, d]);
+  }, [m, e, p]);
   const b = {
     container: `smp-button-list smp-button-list-${t} smp-justifyContent-${n}`
   }, w = m == null ? void 0 : m.map((E, O) => {
@@ -2187,12 +2187,12 @@ const Rr = ({
       sizing: s,
       justify: l,
       onClick: () => {
-        p == null || p(E.id, E.fun);
+        d == null || d(E.id, E.fun);
       }
     };
-    return /* @__PURE__ */ v.jsx(_e, { ...S }, `button-${O}`);
+    return /* @__PURE__ */ y.jsx(_e, { ...S }, `button-${O}`);
   });
-  return /* @__PURE__ */ v.jsx("div", { role: "list", "data-component": "button-list", className: b.container, children: w });
+  return /* @__PURE__ */ y.jsx("div", { role: "list", "data-component": "button-list", className: b.container, children: w });
 }, yn = ({
   bindValue: r,
   _dataComponent: e = "checkbox",
@@ -2207,9 +2207,9 @@ const Rr = ({
   }, u = {
     wrapper: "smp-checkbox-wrapper"
   };
-  return /* @__PURE__ */ v.jsxs("div", { className: u.wrapper, "data-component": e, children: [
-    n && /* @__PURE__ */ v.jsx($e, { label: n, disabled: t }),
-    /* @__PURE__ */ v.jsx(
+  return /* @__PURE__ */ y.jsxs("div", { className: u.wrapper, "data-component": e, children: [
+    n && /* @__PURE__ */ y.jsx($e, { label: n, disabled: t }),
+    /* @__PURE__ */ y.jsx(
       "input",
       {
         "data-component": "checkbox",
@@ -2234,7 +2234,7 @@ const Rr = ({
   const s = vn[r], a = {
     container: `smp-typography ${r ? `smp-typography-${r}` : ""} ${n.disabled ? "smp-typography-disabled" : ""}`
   };
-  return /* @__PURE__ */ v.jsx(
+  return /* @__PURE__ */ y.jsx(
     s,
     {
       className: a.container,
@@ -2254,24 +2254,24 @@ const Rr = ({
   backgroundColor: a,
   isDraggable: i = !1
 }) => {
-  const [o, u] = X(null), c = {
+  const [o, u] = J(null), c = {
     container: `${["smp-chips-container"]}`,
     element: "smp-chips-element"
-  }, f = (d) => {
-    n == null || n(r.filter((m, g) => g !== d));
-  }, l = (d) => {
-    u(d);
-  }, p = (d) => {
-    if (o === null || o === d) return;
+  }, f = (p) => {
+    n == null || n(r.filter((m, g) => g !== p));
+  }, l = (p) => {
+    u(p);
+  }, d = (p) => {
+    if (o === null || o === p) return;
     const m = [...r], [g] = m.splice(o, 1);
-    m.splice(d, 0, g), n == null || n(m), u(null);
+    m.splice(p, 0, g), n == null || n(m), u(null);
   };
-  return /* @__PURE__ */ v.jsx("div", { className: c.container, role: "list", "data-component": "chip", children: r.flatMap((d, m) => {
-    const g = Qe(
-      d.bindValue,
-      d.optionalDisplayValue,
+  return /* @__PURE__ */ y.jsx("div", { className: c.container, role: "list", "data-component": "chip", children: r.flatMap((p, m) => {
+    const g = et(
+      p.bindValue,
+      p.optionalDisplayValue,
       t
-    ), b = /* @__PURE__ */ v.jsxs(
+    ), b = /* @__PURE__ */ y.jsxs(
       "div",
       {
         className: c.element,
@@ -2279,15 +2279,15 @@ const Rr = ({
         draggable: i,
         onDragStart: () => l(m),
         onDragOver: (E) => i && E.preventDefault(),
-        onDrop: () => i && p(m),
+        onDrop: () => i && d(m),
         style: {
           "--smp-chips-backgroundColor-base": a
         },
         children: [
-          i && /* @__PURE__ */ v.jsx(ue, { icon: "drag_indicator_horizontal", isInteractable: !0 }),
-          /* @__PURE__ */ v.jsx(Ie, { variant: "label", bindValue: g, color: s }),
-          e && /* @__PURE__ */ v.jsx(
-            ue,
+          i && /* @__PURE__ */ y.jsx(ce, { icon: "drag_indicator_horizontal", isInteractable: !0 }),
+          /* @__PURE__ */ y.jsx(Ie, { variant: "label", bindValue: g, color: s }),
+          e && /* @__PURE__ */ y.jsx(
+            ce,
             {
               icon: "close",
               isInteractable: !0,
@@ -2298,8 +2298,8 @@ const Rr = ({
         ]
       },
       `chip-${m}`
-    ), w = i && m < r.length - 1 ? /* @__PURE__ */ v.jsx(
-      ue,
+    ), w = i && m < r.length - 1 ? /* @__PURE__ */ y.jsx(
+      ce,
       {
         icon: "chevron-right",
         color: s
@@ -2329,8 +2329,8 @@ function jr(r, e) {
       if (c.key === "Escape" || c.key !== "Tab") return;
       const f = s();
       if (f.length === 0) return;
-      const l = f[0], p = f[f.length - 1];
-      c.shiftKey && document.activeElement === l ? (c.preventDefault(), p.focus()) : !c.shiftKey && document.activeElement === p && (c.preventDefault(), l.focus());
+      const l = f[0], d = f[f.length - 1];
+      c.shiftKey && document.activeElement === l ? (c.preventDefault(), d.focus()) : !c.shiftKey && document.activeElement === d && (c.preventDefault(), l.focus());
     }, o = (c) => {
       if (n && !n.contains(c.target)) {
         c.preventDefault();
@@ -2361,25 +2361,25 @@ const xn = ({
   multiActiveIndex: c,
   ...f
 }) => {
-  const [l, p] = X(!1), [d, m] = X(t), [g, b] = X(-1), [w, E] = X([r]), O = St(), { anchorRef: S, targetRef: x, anchorWidth: A } = Et({
+  const [l, d] = J(!1), [p, m] = J(t), [g, b] = J(-1), [w, E] = J([r]), O = St(), { anchorRef: S, targetRef: x, anchorWidth: P } = Et({
     position: "bottom",
     enabled: l
   });
-  Ze(x, () => p(!1)), jr(l, x);
-  const $ = (D) => {
-    e == null || e(D.id, D.label);
-    const k = d.findIndex((U) => U.id === D.id);
-    b(k), E([D.id]), p(!1);
-  }, Y = (D) => {
-    D.key === "Escape" && (p(!1), b(-1));
-  }, j = (D) => {
-    (D.key === "ArrowDown" || D.key === "ArrowUp") && (D.preventDefault(), C());
-  }, C = () => {
-    o && u && u(o, void 0).then((D) => {
-      m(D), b(D.length > 0 ? 0 : -1), p(!0);
+  Qe(x, () => d(!1)), jr(l, x);
+  const _ = (j) => {
+    e == null || e(j.id, j.label);
+    const M = p.findIndex((U) => U.id === j.id);
+    b(M), E([j.id]), d(!1);
+  }, $ = (j) => {
+    j.key === "Escape" && (d(!1), b(-1));
+  }, A = (j) => {
+    (j.key === "ArrowDown" || j.key === "ArrowUp") && (j.preventDefault(), I());
+  }, I = () => {
+    o && u && u(o, void 0).then((j) => {
+      m(j), b(j.length > 0 ? 0 : -1), d(!0);
     });
   };
-  return /* @__PURE__ */ v.jsxs(
+  return /* @__PURE__ */ y.jsxs(
     "div",
     {
       role: "combobox",
@@ -2388,15 +2388,15 @@ const xn = ({
       "aria-owns": O,
       "data-component": "combobox",
       children: [
-        /* @__PURE__ */ v.jsx(
+        /* @__PURE__ */ y.jsx(
           Or,
           {
             ...f,
             bindValue: r,
             optionalDisplayValue: n,
             displayMode: a,
-            onShapeIconClick: C,
-            onKeyDown: j,
+            onShapeIconClick: I,
+            onKeyDown: A,
             shapeIcon: "arrow_drop_down",
             rotatedShapeIcon: l,
             isEditable: s,
@@ -2405,18 +2405,18 @@ const xn = ({
             variant: "notSelectable"
           }
         ),
-        l && /* @__PURE__ */ v.jsx(Ot, { children: /* @__PURE__ */ v.jsx(
+        l && /* @__PURE__ */ y.jsx(Ot, { children: /* @__PURE__ */ y.jsx(
           Tr,
           {
             id: O,
-            options: d,
+            options: p,
             displayMode: i,
             ref: x,
             selectedIndex: g,
             activeIndex: c || w,
-            width: A,
-            onClick: $,
-            onKeyDown: Y
+            width: P,
+            onClick: _,
+            onKeyDown: $
           }
         ) })
       ]
@@ -2463,7 +2463,7 @@ const xn = ({
     k: a
   } = ke(r, e, Object);
   s[a] = s[a] || [], s[a].push(t);
-}, tt = (r, e) => {
+}, rt = (r, e) => {
   const {
     obj: t,
     k: n
@@ -2471,8 +2471,8 @@ const xn = ({
   if (t && Object.prototype.hasOwnProperty.call(t, n))
     return t[n];
 }, En = (r, e, t) => {
-  const n = tt(r, t);
-  return n !== void 0 ? n : tt(e, t);
+  const n = rt(r, t);
+  return n !== void 0 ? n : rt(e, t);
 }, Dr = (r, e, t) => {
   for (const n in e)
     n !== "__proto__" && n !== "constructor" && (n in r ? G(r[n]) || r[n] instanceof String || G(e[n]) || e[n] instanceof String ? t && (r[n] = e[n]) : Dr(r[n], e[n], t) : r[n] = e[n]);
@@ -2546,7 +2546,7 @@ const jn = [" ", ",", "?", "!", ";"], Dn = new Rn(20), _n = (r, e, t) => {
     (n = (t = console == null ? void 0 : console[r]) == null ? void 0 : t.apply) == null || n.call(t, console, e);
   }
 };
-class rt {
+class nt {
   constructor(e, t = {}) {
     this.init(e, t);
   }
@@ -2569,17 +2569,17 @@ class rt {
     return s && !this.debug ? null : (G(e[0]) && (e[0] = `${n}${this.prefix} ${e[0]}`), this.logger[t](e));
   }
   create(e) {
-    return new rt(this.logger, {
+    return new nt(this.logger, {
       prefix: `${this.prefix}:${e}:`,
       ...this.options
     });
   }
   clone(e) {
-    return e = e || this.options, e.prefix = e.prefix || this.prefix, new rt(this.logger, e);
+    return e = e || this.options, e.prefix = e.prefix || this.prefix, new nt(this.logger, e);
   }
 }
-var ye = new rt();
-class st {
+var ye = new nt();
+class at {
   constructor() {
     this.observers = {};
   }
@@ -2609,7 +2609,7 @@ class st {
     });
   }
 }
-class nr extends st {
+class nr extends at {
   constructor(e, t = {
     ns: ["translation"],
     defaultNS: "translation"
@@ -2628,7 +2628,7 @@ class nr extends st {
     const a = s.keySeparator !== void 0 ? s.keySeparator : this.options.keySeparator, i = s.ignoreJSONStructure !== void 0 ? s.ignoreJSONStructure : this.options.ignoreJSONStructure;
     let o;
     e.indexOf(".") > -1 ? o = e.split(".") : (o = [e, t], n && (Array.isArray(n) ? o.push(...n) : G(n) && a ? o.push(...n.split(a)) : o.push(n)));
-    const u = tt(this.data, o);
+    const u = rt(this.data, o);
     return !u && !t && !n && e.indexOf(".") > -1 && (e = o[0], t = o[1], n = o.slice(2).join(".")), u || !i || !G(n) ? u : xt((f = (c = this.data) == null ? void 0 : c[e]) == null ? void 0 : f[t], n, a);
   }
   addResource(e, t, n, s, a = {
@@ -2653,7 +2653,7 @@ class nr extends st {
   }) {
     let o = [e, t];
     e.indexOf(".") > -1 && (o = e.split("."), s = n, n = t, t = o[1]), this.addNamespaces(t);
-    let u = tt(this.data, o) || {};
+    let u = rt(this.data, o) || {};
     i.skipCopy || (n = JSON.parse(JSON.stringify(n))), s ? Dr(u, n, a) : u = {
       ...u,
       ...n
@@ -2692,7 +2692,7 @@ var _r = {
   }
 };
 const sr = {}, ar = (r) => !G(r) && typeof r != "boolean" && typeof r != "number";
-class nt extends st {
+class st extends at {
   constructor(e, t = {}) {
     super(), bn(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = ye.create("translator");
   }
@@ -2744,9 +2744,9 @@ class nt extends st {
     } = this.extractFromKey(e[e.length - 1], s), c = u[u.length - 1];
     let f = s.nsSeparator !== void 0 ? s.nsSeparator : this.options.nsSeparator;
     f === void 0 && (f = ":");
-    const l = s.lng || this.language, p = s.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
+    const l = s.lng || this.language, d = s.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
     if ((l == null ? void 0 : l.toLowerCase()) === "cimode")
-      return p ? a ? {
+      return d ? a ? {
         res: `${c}${f}${o}`,
         usedKey: o,
         exactUsedKey: o,
@@ -2761,76 +2761,76 @@ class nt extends st {
         usedNS: c,
         usedParams: this.getUsedParamsDetails(s)
       } : o;
-    const d = this.resolve(e, s);
-    let m = d == null ? void 0 : d.res;
-    const g = (d == null ? void 0 : d.usedKey) || o, b = (d == null ? void 0 : d.exactUsedKey) || o, w = ["[object Number]", "[object Function]", "[object RegExp]"], E = s.joinArrays !== void 0 ? s.joinArrays : this.options.joinArrays, O = !this.i18nFormat || this.i18nFormat.handleAsObject, S = s.count !== void 0 && !G(s.count), x = nt.hasDefaultValue(s), A = S ? this.pluralResolver.getSuffix(l, s.count, s) : "", $ = s.ordinal && S ? this.pluralResolver.getSuffix(l, s.count, {
+    const p = this.resolve(e, s);
+    let m = p == null ? void 0 : p.res;
+    const g = (p == null ? void 0 : p.usedKey) || o, b = (p == null ? void 0 : p.exactUsedKey) || o, w = ["[object Number]", "[object Function]", "[object RegExp]"], E = s.joinArrays !== void 0 ? s.joinArrays : this.options.joinArrays, O = !this.i18nFormat || this.i18nFormat.handleAsObject, S = s.count !== void 0 && !G(s.count), x = st.hasDefaultValue(s), P = S ? this.pluralResolver.getSuffix(l, s.count, s) : "", _ = s.ordinal && S ? this.pluralResolver.getSuffix(l, s.count, {
       ordinal: !1
-    }) : "", Y = S && !s.ordinal && s.count === 0, j = Y && s[`defaultValue${this.options.pluralSeparator}zero`] || s[`defaultValue${A}`] || s[`defaultValue${$}`] || s.defaultValue;
-    let C = m;
-    O && !m && x && (C = j);
-    const D = ar(C), k = Object.prototype.toString.apply(C);
-    if (O && C && D && w.indexOf(k) < 0 && !(G(E) && Array.isArray(C))) {
+    }) : "", $ = S && !s.ordinal && s.count === 0, A = $ && s[`defaultValue${this.options.pluralSeparator}zero`] || s[`defaultValue${P}`] || s[`defaultValue${_}`] || s.defaultValue;
+    let I = m;
+    O && !m && x && (I = A);
+    const j = ar(I), M = Object.prototype.toString.apply(I);
+    if (O && I && j && w.indexOf(M) < 0 && !(G(E) && Array.isArray(I))) {
       if (!s.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
-        const U = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(g, C, {
+        const U = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(g, I, {
           ...s,
           ns: u
         }) : `key '${o} (${this.language})' returned an object instead of string.`;
-        return a ? (d.res = U, d.usedParams = this.getUsedParamsDetails(s), d) : U;
+        return a ? (p.res = U, p.usedParams = this.getUsedParamsDetails(s), p) : U;
       }
       if (i) {
-        const U = Array.isArray(C), H = U ? [] : {}, z = U ? b : g;
-        for (const q in C)
-          if (Object.prototype.hasOwnProperty.call(C, q)) {
-            const K = `${z}${i}${q}`;
-            x && !m ? H[q] = this.translate(K, {
+        const U = Array.isArray(I), B = U ? [] : {}, Z = U ? b : g;
+        for (const q in I)
+          if (Object.prototype.hasOwnProperty.call(I, q)) {
+            const K = `${Z}${i}${q}`;
+            x && !m ? B[q] = this.translate(K, {
               ...s,
-              defaultValue: ar(j) ? j[q] : void 0,
+              defaultValue: ar(A) ? A[q] : void 0,
               joinArrays: !1,
               ns: u
-            }) : H[q] = this.translate(K, {
+            }) : B[q] = this.translate(K, {
               ...s,
               joinArrays: !1,
               ns: u
-            }), H[q] === K && (H[q] = C[q]);
+            }), B[q] === K && (B[q] = I[q]);
           }
-        m = H;
+        m = B;
       }
     } else if (O && G(E) && Array.isArray(m))
       m = m.join(E), m && (m = this.extendTranslation(m, e, s, n));
     else {
-      let U = !1, H = !1;
-      !this.isValidLookup(m) && x && (U = !0, m = j), this.isValidLookup(m) || (H = !0, m = o);
-      const q = (s.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && H ? void 0 : m, K = x && j !== m && this.options.updateMissing;
-      if (H || U || K) {
-        if (this.logger.log(K ? "updateKey" : "missingKey", l, c, o, K ? j : m), i) {
-          const y = this.resolve(o, {
+      let U = !1, B = !1;
+      !this.isValidLookup(m) && x && (U = !0, m = A), this.isValidLookup(m) || (B = !0, m = o);
+      const q = (s.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && B ? void 0 : m, K = x && A !== m && this.options.updateMissing;
+      if (B || U || K) {
+        if (this.logger.log(K ? "updateKey" : "missingKey", l, c, o, K ? A : m), i) {
+          const v = this.resolve(o, {
             ...s,
             keySeparator: !1
           });
-          y && y.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
+          v && v.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
         }
         let W = [];
-        const L = this.languageUtils.getFallbackCodes(this.options.fallbackLng, s.lng || this.language);
-        if (this.options.saveMissingTo === "fallback" && L && L[0])
-          for (let y = 0; y < L.length; y++)
-            W.push(L[y]);
+        const k = this.languageUtils.getFallbackCodes(this.options.fallbackLng, s.lng || this.language);
+        if (this.options.saveMissingTo === "fallback" && k && k[0])
+          for (let v = 0; v < k.length; v++)
+            W.push(k[v]);
         else this.options.saveMissingTo === "all" ? W = this.languageUtils.toResolveHierarchy(s.lng || this.language) : W.push(s.lng || this.language);
-        const h = (y, T, _) => {
-          var P;
-          const R = x && _ !== m ? _ : q;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(y, c, T, R, K, s) : (P = this.backendConnector) != null && P.saveMissing && this.backendConnector.saveMissing(y, c, T, R, K, s), this.emit("missingKey", y, c, T, m);
+        const h = (v, T, D) => {
+          var C;
+          const R = x && D !== m ? D : q;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(v, c, T, R, K, s) : (C = this.backendConnector) != null && C.saveMissing && this.backendConnector.saveMissing(v, c, T, R, K, s), this.emit("missingKey", v, c, T, m);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && S ? W.forEach((y) => {
-          const T = this.pluralResolver.getSuffixes(y, s);
-          Y && s[`defaultValue${this.options.pluralSeparator}zero`] && T.indexOf(`${this.options.pluralSeparator}zero`) < 0 && T.push(`${this.options.pluralSeparator}zero`), T.forEach((_) => {
-            h([y], o + _, s[`defaultValue${_}`] || j);
+        this.options.saveMissing && (this.options.saveMissingPlurals && S ? W.forEach((v) => {
+          const T = this.pluralResolver.getSuffixes(v, s);
+          $ && s[`defaultValue${this.options.pluralSeparator}zero`] && T.indexOf(`${this.options.pluralSeparator}zero`) < 0 && T.push(`${this.options.pluralSeparator}zero`), T.forEach((D) => {
+            h([v], o + D, s[`defaultValue${D}`] || A);
           });
-        }) : h(W, o, j));
+        }) : h(W, o, A));
       }
-      m = this.extendTranslation(m, e, s, d, n), H && m === o && this.options.appendNamespaceToMissingKey && (m = `${c}${f}${o}`), (H || U) && this.options.parseMissingKeyHandler && (m = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${c}${f}${o}` : o, U ? m : void 0, s));
+      m = this.extendTranslation(m, e, s, p, n), B && m === o && this.options.appendNamespaceToMissingKey && (m = `${c}${f}${o}`), (B || U) && this.options.parseMissingKeyHandler && (m = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${c}${f}${o}` : o, U ? m : void 0, s));
     }
-    return a ? (d.res = m, d.usedParams = this.getUsedParamsDetails(s), d) : m;
+    return a ? (p.res = m, p.usedParams = this.getUsedParamsDetails(s), p) : m;
   }
   extendTranslation(e, t, n, s, a) {
     var u, c;
@@ -2852,18 +2852,18 @@ class nt extends st {
       const f = G(e) && (((c = n == null ? void 0 : n.interpolation) == null ? void 0 : c.skipOnVariables) !== void 0 ? n.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
       let l;
       if (f) {
-        const d = e.match(this.interpolator.nestingRegexp);
-        l = d && d.length;
+        const p = e.match(this.interpolator.nestingRegexp);
+        l = p && p.length;
       }
-      let p = n.replace && !G(n.replace) ? n.replace : n;
-      if (this.options.interpolation.defaultVariables && (p = {
+      let d = n.replace && !G(n.replace) ? n.replace : n;
+      if (this.options.interpolation.defaultVariables && (d = {
         ...this.options.interpolation.defaultVariables,
-        ...p
-      }), e = this.interpolator.interpolate(e, p, n.lng || this.language || s.usedLng, n), f) {
-        const d = e.match(this.interpolator.nestingRegexp), m = d && d.length;
+        ...d
+      }), e = this.interpolator.interpolate(e, d, n.lng || this.language || s.usedLng, n), f) {
+        const p = e.match(this.interpolator.nestingRegexp), m = p && p.length;
         l < m && (n.nest = !1);
       }
-      !n.lng && s && s.res && (n.lng = this.language || s.usedLng), n.nest !== !1 && (e = this.interpolator.nest(e, (...d) => (a == null ? void 0 : a[0]) === d[0] && !n.context ? (this.logger.warn(`It seems you are nesting recursively key: ${d[0]} in key: ${t[0]}`), null) : this.translate(...d, t), n)), n.interpolation && this.interpolator.reset();
+      !n.lng && s && s.res && (n.lng = this.language || s.usedLng), n.nest !== !1 && (e = this.interpolator.nest(e, (...p) => (a == null ? void 0 : a[0]) === p[0] && !n.context ? (this.logger.warn(`It seems you are nesting recursively key: ${p[0]} in key: ${t[0]}`), null) : this.translate(...p, t), n)), n.interpolation && this.interpolator.reset();
     }
     const i = n.postProcess || this.options.postProcess, o = G(i) ? [i] : i;
     return e != null && (o != null && o.length) && n.applyPostProcessor !== !1 && (e = _r.handle(o, e, t, this.options && this.options.postProcessPassResolved ? {
@@ -2882,23 +2882,23 @@ class nt extends st {
       s = f;
       let l = c.namespaces;
       this.options.fallbackNS && (l = l.concat(this.options.fallbackNS));
-      const p = t.count !== void 0 && !G(t.count), d = p && !t.ordinal && t.count === 0, m = t.context !== void 0 && (G(t.context) || typeof t.context == "number") && t.context !== "", g = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
+      const d = t.count !== void 0 && !G(t.count), p = d && !t.ordinal && t.count === 0, m = t.context !== void 0 && (G(t.context) || typeof t.context == "number") && t.context !== "", g = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
       l.forEach((b) => {
         var w, E;
         this.isValidLookup(n) || (o = b, !sr[`${g[0]}-${b}`] && ((w = this.utils) != null && w.hasLoadedNamespace) && !((E = this.utils) != null && E.hasLoadedNamespace(o)) && (sr[`${g[0]}-${b}`] = !0, this.logger.warn(`key "${s}" for languages "${g.join(", ")}" won't get resolved as namespace "${o}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), g.forEach((O) => {
-          var A;
+          var P;
           if (this.isValidLookup(n)) return;
           i = O;
           const S = [f];
-          if ((A = this.i18nFormat) != null && A.addLookupKeys)
+          if ((P = this.i18nFormat) != null && P.addLookupKeys)
             this.i18nFormat.addLookupKeys(S, f, O, b, t);
           else {
-            let $;
-            p && ($ = this.pluralResolver.getSuffix(O, t.count, t));
-            const Y = `${this.options.pluralSeparator}zero`, j = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (p && (S.push(f + $), t.ordinal && $.indexOf(j) === 0 && S.push(f + $.replace(j, this.options.pluralSeparator)), d && S.push(f + Y)), m) {
-              const C = `${f}${this.options.contextSeparator}${t.context}`;
-              S.push(C), p && (S.push(C + $), t.ordinal && $.indexOf(j) === 0 && S.push(C + $.replace(j, this.options.pluralSeparator)), d && S.push(C + Y));
+            let _;
+            d && (_ = this.pluralResolver.getSuffix(O, t.count, t));
+            const $ = `${this.options.pluralSeparator}zero`, A = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
+            if (d && (S.push(f + _), t.ordinal && _.indexOf(A) === 0 && S.push(f + _.replace(A, this.options.pluralSeparator)), p && S.push(f + $)), m) {
+              const I = `${f}${this.options.contextSeparator}${t.context}`;
+              S.push(I), d && (S.push(I + _), t.ordinal && _.indexOf(A) === 0 && S.push(I + _.replace(A, this.options.pluralSeparator)), p && S.push(I + $));
             }
           }
           let x;
@@ -3071,7 +3071,7 @@ class Cn {
 const cr = (r, e, t, n = ".", s = !0) => {
   let a = En(r, e, t);
   return !a && s && G(t) && (a = xt(r, t, n), a === void 0 && (a = xt(e, t, n))), a;
-}, ht = (r) => r.replace(/\$/g, "$$$$");
+}, mt = (r) => r.replace(/\$/g, "$$$$");
 class Pn {
   constructor(e = {}) {
     var t;
@@ -3092,15 +3092,15 @@ class Pn {
       formatSeparator: c,
       unescapeSuffix: f,
       unescapePrefix: l,
-      nestingPrefix: p,
-      nestingPrefixEscaped: d,
+      nestingPrefix: d,
+      nestingPrefixEscaped: p,
       nestingSuffix: m,
       nestingSuffixEscaped: g,
       nestingOptionsSeparator: b,
       maxReplaces: w,
       alwaysFormat: E
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : On, this.escapeValue = n !== void 0 ? n : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = a ? Re(a) : i || "{{", this.suffix = o ? Re(o) : u || "}}", this.formatSeparator = c || ",", this.unescapePrefix = f ? "" : l || "-", this.unescapeSuffix = this.unescapePrefix ? "" : f || "", this.nestingPrefix = p ? Re(p) : d || Re("$t("), this.nestingSuffix = m ? Re(m) : g || Re(")"), this.nestingOptionsSeparator = b || ",", this.maxReplaces = w || 1e3, this.alwaysFormat = E !== void 0 ? E : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : On, this.escapeValue = n !== void 0 ? n : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = a ? Re(a) : i || "{{", this.suffix = o ? Re(o) : u || "}}", this.formatSeparator = c || ",", this.unescapePrefix = f ? "" : l || "-", this.unescapeSuffix = this.unescapePrefix ? "" : f || "", this.nestingPrefix = d ? Re(d) : p || Re("$t("), this.nestingSuffix = m ? Re(m) : g || Re(")"), this.nestingOptionsSeparator = b || ",", this.maxReplaces = w || 1e3, this.alwaysFormat = E !== void 0 ? E : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -3110,7 +3110,7 @@ class Pn {
     this.regexp = e(this.regexp, `${this.prefix}(.+?)${this.suffix}`), this.regexpUnescape = e(this.regexpUnescape, `${this.prefix}${this.unescapePrefix}(.+?)${this.unescapeSuffix}${this.suffix}`), this.nestingRegexp = e(this.nestingRegexp, `${this.nestingPrefix}(.+?)${this.nestingSuffix}`);
   }
   interpolate(e, t, n, s) {
-    var d;
+    var p;
     let a, i, o;
     const u = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, c = (m) => {
       if (m.indexOf(this.formatSeparator) < 0) {
@@ -3129,13 +3129,13 @@ class Pn {
       });
     };
     this.resetRegExp();
-    const f = (s == null ? void 0 : s.missingInterpolationHandler) || this.options.missingInterpolationHandler, l = ((d = s == null ? void 0 : s.interpolation) == null ? void 0 : d.skipOnVariables) !== void 0 ? s.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
+    const f = (s == null ? void 0 : s.missingInterpolationHandler) || this.options.missingInterpolationHandler, l = ((p = s == null ? void 0 : s.interpolation) == null ? void 0 : p.skipOnVariables) !== void 0 ? s.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
     return [{
       regex: this.regexpUnescape,
-      safeValue: (m) => ht(m)
+      safeValue: (m) => mt(m)
     }, {
       regex: this.regexp,
-      safeValue: (m) => this.escapeValue ? ht(this.escape(m)) : ht(m)
+      safeValue: (m) => this.escapeValue ? mt(this.escape(m)) : mt(m)
     }].forEach((m) => {
       for (o = 0; a = m.regex.exec(e); ) {
         const g = a[1].trim();
@@ -3163,17 +3163,17 @@ class Pn {
       const f = this.nestingOptionsSeparator;
       if (u.indexOf(f) < 0) return u;
       const l = u.split(new RegExp(`${f}[ ]*{`));
-      let p = `{${l[1]}`;
-      u = l[0], p = this.interpolate(p, i);
-      const d = p.match(/'/g), m = p.match(/"/g);
-      (((d == null ? void 0 : d.length) ?? 0) % 2 === 0 && !m || m.length % 2 !== 0) && (p = p.replace(/'/g, '"'));
+      let d = `{${l[1]}`;
+      u = l[0], d = this.interpolate(d, i);
+      const p = d.match(/'/g), m = d.match(/"/g);
+      (((p == null ? void 0 : p.length) ?? 0) % 2 === 0 && !m || m.length % 2 !== 0) && (d = d.replace(/'/g, '"'));
       try {
-        i = JSON.parse(p), c && (i = {
+        i = JSON.parse(d), c && (i = {
           ...c,
           ...i
         });
       } catch (g) {
-        return this.logger.warn(`failed parsing options string in nesting for key ${u}`, g), `${u}${f}${p}`;
+        return this.logger.warn(`failed parsing options string in nesting for key ${u}`, g), `${u}${f}${d}`;
       }
       return i.defaultValue && i.defaultValue.indexOf(this.prefix) > -1 && delete i.defaultValue, u;
     };
@@ -3289,18 +3289,18 @@ class kn {
         formatOptions: f
       } = An(u);
       if (this.formats[c]) {
-        let p = o;
+        let d = o;
         try {
-          const d = ((l = s == null ? void 0 : s.formatParams) == null ? void 0 : l[s.interpolationkey]) || {}, m = d.locale || d.lng || s.locale || s.lng || n;
-          p = this.formats[c](o, m, {
+          const p = ((l = s == null ? void 0 : s.formatParams) == null ? void 0 : l[s.interpolationkey]) || {}, m = p.locale || p.lng || s.locale || s.lng || n;
+          d = this.formats[c](o, m, {
             ...f,
             ...s,
-            ...d
+            ...p
           });
-        } catch (d) {
-          this.logger.warn(d);
+        } catch (p) {
+          this.logger.warn(p);
         }
-        return p;
+        return d;
       } else
         this.logger.warn(`there was no format function for ${c}`);
       return o;
@@ -3310,7 +3310,7 @@ class kn {
 const In = (r, e) => {
   r.pending[e] !== void 0 && (delete r.pending[e], r.pendingCount--);
 };
-class Nn extends st {
+class Nn extends at {
   constructor(e, t, n, s = {}) {
     var a, i;
     super(), this.backend = e, this.store = t, this.services = n, this.languageUtils = n.languageUtils, this.options = s, this.logger = ye.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = s.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = s.maxRetries >= 0 ? s.maxRetries : 5, this.retryTimeout = s.retryTimeout >= 1 ? s.retryTimeout : 350, this.state = {}, this.queue = [], (i = (a = this.backend) == null ? void 0 : a.init) == null || i.call(a, n, s.backend, s);
@@ -3320,8 +3320,8 @@ class Nn extends st {
     return e.forEach((c) => {
       let f = !0;
       t.forEach((l) => {
-        const p = `${c}|${l}`;
-        !n.reload && this.store.hasResourceBundle(c, l) ? this.state[p] = 2 : this.state[p] < 0 || (this.state[p] === 1 ? i[p] === void 0 && (i[p] = !0) : (this.state[p] = 1, f = !1, i[p] === void 0 && (i[p] = !0), a[p] === void 0 && (a[p] = !0), u[l] === void 0 && (u[l] = !0)));
+        const d = `${c}|${l}`;
+        !n.reload && this.store.hasResourceBundle(c, l) ? this.state[d] = 2 : this.state[d] < 0 || (this.state[d] === 1 ? i[d] === void 0 && (i[d] = !0) : (this.state[d] = 1, f = !1, i[d] === void 0 && (i[d] = !0), a[d] === void 0 && (a[d] = !0), u[l] === void 0 && (u[l] = !0)));
       }), f || (o[c] = !0);
     }), (Object.keys(a).length || Object.keys(i).length) && this.queue.push({
       pending: i,
@@ -3417,26 +3417,26 @@ class Nn extends st {
   }
   saveMissing(e, t, n, s, a, i = {}, o = () => {
   }) {
-    var u, c, f, l, p;
+    var u, c, f, l, d;
     if ((c = (u = this.services) == null ? void 0 : u.utils) != null && c.hasLoadedNamespace && !((l = (f = this.services) == null ? void 0 : f.utils) != null && l.hasLoadedNamespace(t))) {
       this.logger.warn(`did not save key "${n}" as the namespace "${t}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!");
       return;
     }
     if (!(n == null || n === "")) {
-      if ((p = this.backend) != null && p.create) {
-        const d = {
+      if ((d = this.backend) != null && d.create) {
+        const p = {
           ...i,
           isUpdate: a
         }, m = this.backend.create.bind(this.backend);
         if (m.length < 6)
           try {
             let g;
-            m.length === 5 ? g = m(e, t, n, s, d) : g = m(e, t, n, s), g && typeof g.then == "function" ? g.then((b) => o(null, b)).catch(o) : o(null, g);
+            m.length === 5 ? g = m(e, t, n, s, p) : g = m(e, t, n, s), g && typeof g.then == "function" ? g.then((b) => o(null, b)).catch(o) : o(null, g);
           } catch (g) {
             o(g);
           }
         else
-          m(e, t, n, s, o, d);
+          m(e, t, n, s, o, p);
       }
       !e || !e[0] || this.store.addResource(e[0], t, n, s);
     }
@@ -3508,7 +3508,7 @@ const fr = () => ({
     typeof r[t] == "function" && (r[t] = r[t].bind(r));
   });
 };
-class Me extends st {
+class Me extends at {
   constructor(e = {}, t) {
     if (super(), this.options = dr(e), this.services = {}, this.logger = ye, this.modules = {
       external: []
@@ -3544,12 +3544,12 @@ class Me extends st {
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
       }), c && (!this.options.interpolation.format || this.options.interpolation.format === n.interpolation.format) && (l.formatter = s(c), l.formatter.init(l, this.options), this.options.interpolation.format = l.formatter.format.bind(l.formatter)), l.interpolator = new Pn(this.options), l.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
-      }, l.backendConnector = new Nn(s(this.modules.backend), l.resourceStore, l, this.options), l.backendConnector.on("*", (p, ...d) => {
-        this.emit(p, ...d);
-      }), this.modules.languageDetector && (l.languageDetector = s(this.modules.languageDetector), l.languageDetector.init && l.languageDetector.init(l, this.options.detection, this.options)), this.modules.i18nFormat && (l.i18nFormat = s(this.modules.i18nFormat), l.i18nFormat.init && l.i18nFormat.init(this)), this.translator = new nt(this.services, this.options), this.translator.on("*", (p, ...d) => {
-        this.emit(p, ...d);
-      }), this.modules.external.forEach((p) => {
-        p.init && p.init(this);
+      }, l.backendConnector = new Nn(s(this.modules.backend), l.resourceStore, l, this.options), l.backendConnector.on("*", (d, ...p) => {
+        this.emit(d, ...p);
+      }), this.modules.languageDetector && (l.languageDetector = s(this.modules.languageDetector), l.languageDetector.init && l.languageDetector.init(l, this.options.detection, this.options)), this.modules.i18nFormat && (l.i18nFormat = s(this.modules.i18nFormat), l.i18nFormat.init && l.i18nFormat.init(this)), this.translator = new st(this.services, this.options), this.translator.on("*", (d, ...p) => {
+        this.emit(d, ...p);
+      }), this.modules.external.forEach((d) => {
+        d.init && d.init(this);
       });
     }
     if (this.format = this.options.interpolation.format, t || (t = qe), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
@@ -3623,8 +3623,8 @@ class Me extends st {
       var f, l;
       !e && !o && this.services.languageDetector && (o = []);
       const u = G(o) ? o : o && o[0], c = this.store.hasLanguageSomeTranslations(u) ? u : this.services.languageUtils.getBestMatchFromCodes(G(o) ? [o] : o);
-      c && (this.language || s(c), this.translator.language || this.translator.changeLanguage(c), (l = (f = this.services.languageDetector) == null ? void 0 : f.cacheUserLanguage) == null || l.call(f, c)), this.loadResources(c, (p) => {
-        a(p, c);
+      c && (this.language || s(c), this.translator.language || this.translator.changeLanguage(c), (l = (f = this.services.languageDetector) == null ? void 0 : f.cacheUserLanguage) == null || l.call(f, c)), this.loadResources(c, (d) => {
+        a(d, c);
       });
     };
     return !e && this.services.languageDetector && !this.services.languageDetector.async ? i(this.services.languageDetector.detect()) : !e && this.services.languageDetector && this.services.languageDetector.async ? this.services.languageDetector.detect.length === 0 ? this.services.languageDetector.detect().then(i) : this.services.languageDetector.detect(i) : i(e), n;
@@ -3716,7 +3716,7 @@ class Me extends st {
       }, f), u[c]), u), {});
       a.store = new nr(o, s), a.services.resourceStore = a.store;
     }
-    return a.translator = new nt(a.services, s), a.translator.on("*", (o, ...u) => {
+    return a.translator = new st(a.services, s), a.translator.on("*", (o, ...u) => {
       a.emit(o, ...u);
     }), a.init(s, t), a.translator.options = s, a.translator.backendConnector.services.utils = {
       hasLoadedNamespace: a.hasLoadedNamespace.bind(a)
@@ -3753,11 +3753,11 @@ const Fn = { Friday: "Venerdì", FridayShort: "Ven", Monday: "Lunedì", MondaySh
   Day: Fn,
   Month: Vn,
   Generic: Yn
-}, Wn = { Friday: "Friday", FridayShort: "Fri", Monday: "Monday", MondayShort: "Mon", Saturday: "Saturday", SaturdayShort: "Sat", Sunday: "Sunday", SundayShort: "Sun", Tuesday: "Tuesday", TuesdayShort: "Tue", Thursday: "Thursday", ThursdayShort: "Thu", Wednesday: "Wednesday", WednesdayShort: "Wed" }, Hn = { April: "April", August: "August", December: "December", February: "February", January: "January", July: "July", June: "June", March: "March", May: "May", November: "November", October: "October", September: "September" }, Bn = { CalendarFor: "Calendar for", Close: "Close", SpotlightDefaultPlaceholder: "Execute Command" }, Gn = {
+}, Wn = { Friday: "Friday", FridayShort: "Fri", Monday: "Monday", MondayShort: "Mon", Saturday: "Saturday", SaturdayShort: "Sat", Sunday: "Sunday", SundayShort: "Sun", Tuesday: "Tuesday", TuesdayShort: "Tue", Thursday: "Thursday", ThursdayShort: "Thu", Wednesday: "Wednesday", WednesdayShort: "Wed" }, Hn = { April: "April", August: "August", December: "December", February: "February", January: "January", July: "July", June: "June", March: "March", May: "May", November: "November", October: "October", September: "September" }, Gn = { CalendarFor: "Calendar for", Close: "Close", SpotlightDefaultPlaceholder: "Execute Command" }, Bn = {
   Date: { NextDay: "Next Day", NextMonth: "Next Month", NextWeek: "Next Week", NextYear: "Next Year", PreviousDay: "Previous Day", PreviousMonth: "Previous Month", PreviousWeek: "Previous Week", PreviousYear: "Previous Year", Today: "Today", Tomorrow: "Tomorrow", Yesterday: "Yesterday" },
   Day: Wn,
   Month: Hn,
-  Generic: Bn
+  Generic: Gn
 };
 function pr(r, e) {
   return new RegExp(qn(r), e);
@@ -3826,7 +3826,7 @@ ae.init({
   },
   resources: {
     en: {
-      translation: Gn
+      translation: Bn
     },
     it: {
       translation: Un
@@ -3834,7 +3834,7 @@ ae.init({
   }
 });
 const Xn = (r, e, t, n) => ae.format(r, e, t || ae.language, n), Zn = (r, e) => ae.t(r, e);
-function at() {
+function it() {
   const r = ve(
     (n, s, a, i) => Xn(n, s, a || void 0, i),
     []
@@ -3855,17 +3855,17 @@ function es({
   initialValue: n,
   targetRef: s
 }) {
-  const { translate: a } = at(), i = () => {
+  const { translate: a } = it(), i = () => {
     if (!n) return;
-    const L = new Date(n);
-    return isNaN(L.getTime()) ? void 0 : L;
-  }, [o] = X(/* @__PURE__ */ new Date()), [u, c] = X(
+    const k = new Date(n);
+    return isNaN(k.getTime()) ? void 0 : k;
+  }, [o] = J(/* @__PURE__ */ new Date()), [u, c] = J(
     r || i() || /* @__PURE__ */ new Date()
-  ), [f, l] = X(
+  ), [f, l] = J(
     u ? u.getMonth() : (/* @__PURE__ */ new Date()).getMonth()
-  ), [p, d] = X(
+  ), [d, p] = J(
     u ? u.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear()
-  ), [m, g] = X(
+  ), [m, g] = J(
     u ? u.getDate() : null
   ), b = xe(null), w = xe([]), E = [
     a(fe.JANUARY),
@@ -3909,182 +3909,182 @@ function es({
       value: a(le.SATURDAY_SHORT),
       full: a(le.SATURDAY)
     }
-  ], S = (L) => t.some((h) => {
-    const y = h.start.getTime(), T = h.end.getTime(), _ = L.getTime();
-    return _ >= y && _ <= T;
-  }), x = (L) => {
-    S(L) || (c(L), g(L.getDate()), e && e(Br(L)));
-  }, A = () => {
-    f === 0 ? (l(11), d(p - 1)) : l(f - 1), g(1);
-  }, $ = () => {
-    f === 11 ? (l(0), d(p + 1)) : l(f + 1), g(1);
-  }, Y = (L, h) => new Date(L, h + 1, 0).getDate(), j = (L, h) => new Date(L, h, 1).getDay(), C = (L) => {
-    var y;
-    const h = H.findIndex(
-      (T) => T !== null && T.getDate() === L
+  ], S = (k) => t.some((h) => {
+    const v = h.start.getTime(), T = h.end.getTime(), D = k.getTime();
+    return D >= v && D <= T;
+  }), x = (k) => {
+    S(k) || (c(k), g(k.getDate()), e && e(Gr(k)));
+  }, P = () => {
+    f === 0 ? (l(11), p(d - 1)) : l(f - 1), g(1);
+  }, _ = () => {
+    f === 11 ? (l(0), p(d + 1)) : l(f + 1), g(1);
+  }, $ = (k, h) => new Date(k, h + 1, 0).getDate(), A = (k, h) => new Date(k, h, 1).getDay(), I = (k) => {
+    var v;
+    const h = B.findIndex(
+      (T) => T !== null && T.getDate() === k
     );
-    h !== -1 && w.current[h] && ((y = w.current[h]) == null || y.focus(), g(L));
-  }, D = (L, h) => {
-    const y = H[h];
-    if (!y) return;
-    const T = Y(p, f), _ = y.getDate();
-    switch (L.key) {
+    h !== -1 && w.current[h] && ((v = w.current[h]) == null || v.focus(), g(k));
+  }, j = (k, h) => {
+    const v = B[h];
+    if (!v) return;
+    const T = $(d, f), D = v.getDate();
+    switch (k.key) {
       case "ArrowRight":
-        L.preventDefault();
+        k.preventDefault();
         {
-          let R = _ + 1, P = new Date(p, f, R);
+          let R = D + 1, C = new Date(d, f, R);
           if (R > T) {
-            const M = f === 11 ? p + 1 : p, F = f === 11 ? 0 : f + 1;
-            R = 1, P = new Date(M, F, R), $(), setTimeout(() => {
-              k(1, "forward");
+            const F = f === 11 ? d + 1 : d, V = f === 11 ? 0 : f + 1;
+            R = 1, C = new Date(F, V, R), _(), setTimeout(() => {
+              M(1, "forward");
             }, 0);
             return;
           }
-          S(P) ? k(R, "forward") : C(R);
+          S(C) ? M(R, "forward") : I(R);
         }
         break;
       case "Tab":
         break;
       case "ArrowLeft":
-        L.preventDefault();
+        k.preventDefault();
         {
-          let R = _ - 1, P = new Date(p, f, R);
+          let R = D - 1, C = new Date(d, f, R);
           if (R < 1) {
-            const M = f === 0 ? p - 1 : p, F = f === 0 ? 11 : f - 1, N = Y(M, F);
-            R = N, P = new Date(M, F, R), A(), setTimeout(() => {
-              k(N, "backward");
+            const F = f === 0 ? d - 1 : d, V = f === 0 ? 11 : f - 1, N = $(F, V);
+            R = N, C = new Date(F, V, R), P(), setTimeout(() => {
+              M(N, "backward");
             }, 0);
             return;
           }
-          S(P) ? k(R, "backward") : C(R);
+          S(C) ? M(R, "backward") : I(R);
         }
         break;
       case "ArrowUp":
-        L.preventDefault();
+        k.preventDefault();
         {
-          let R = _ - 7, P = new Date(p, f, R);
+          let R = D - 7, C = new Date(d, f, R);
           if (R < 1) {
-            const M = f === 0 ? p - 1 : p, F = f === 0 ? 11 : f - 1;
-            R = Y(M, F) + R, P = new Date(M, F, R), A(), setTimeout(() => {
-              k(R, "backward");
+            const F = f === 0 ? d - 1 : d, V = f === 0 ? 11 : f - 1;
+            R = $(F, V) + R, C = new Date(F, V, R), P(), setTimeout(() => {
+              M(R, "backward");
             }, 0);
             return;
           }
-          S(P) ? k(R, "backward") : C(R);
+          S(C) ? M(R, "backward") : I(R);
         }
         break;
       case "ArrowDown":
-        L.preventDefault();
+        k.preventDefault();
         {
-          let R = _ + 7, P = new Date(p, f, R);
+          let R = D + 7, C = new Date(d, f, R);
           if (R > T) {
-            const M = f === 11 ? p + 1 : p, F = f === 11 ? 0 : f + 1;
-            R = R - T, P = new Date(M, F, R), $(), setTimeout(() => {
-              k(R, "forward");
+            const F = f === 11 ? d + 1 : d, V = f === 11 ? 0 : f + 1;
+            R = R - T, C = new Date(F, V, R), _(), setTimeout(() => {
+              M(R, "forward");
             }, 0);
             return;
           }
-          S(P) ? k(R, "forward") : C(R);
+          S(C) ? M(R, "forward") : I(R);
         }
         break;
       case "Home":
-        L.preventDefault(), k(1, "forward");
+        k.preventDefault(), M(1, "forward");
         break;
       case "End":
-        L.preventDefault(), k(T, "backward");
+        k.preventDefault(), M(T, "backward");
         break;
       case "PageUp":
-        L.preventDefault(), A(), setTimeout(() => {
-          const R = Y(
-            f === 0 ? p - 1 : p,
+        k.preventDefault(), P(), setTimeout(() => {
+          const R = $(
+            f === 0 ? d - 1 : d,
             f === 0 ? 11 : f - 1
-          ), P = Math.min(_, R);
-          k(P, "forward");
+          ), C = Math.min(D, R);
+          M(C, "forward");
         }, 0);
         break;
       case "PageDown":
-        L.preventDefault(), $(), setTimeout(() => {
-          const R = Y(
-            f === 11 ? p + 1 : p,
+        k.preventDefault(), _(), setTimeout(() => {
+          const R = $(
+            f === 11 ? d + 1 : d,
             f === 11 ? 0 : f + 1
-          ), P = Math.min(_, R);
-          k(P, "forward");
+          ), C = Math.min(D, R);
+          M(C, "forward");
         }, 0);
         break;
       case " ":
       case "Space":
-        if (S(y)) return;
-        g(y.getDate()), c(y);
+        if (S(v)) return;
+        g(v.getDate()), c(v);
         break;
       case "Enter":
-        L.preventDefault(), x(y);
+        k.preventDefault(), x(v);
         break;
     }
-  }, k = (L, h) => {
-    const y = Y(p, f);
+  }, M = (k, h) => {
+    const v = $(d, f);
     if (h === "forward") {
-      for (let T = L; T <= y; T++) {
-        const _ = new Date(p, f, T);
-        if (!S(_)) {
-          C(T);
+      for (let T = k; T <= v; T++) {
+        const D = new Date(d, f, T);
+        if (!S(D)) {
+          I(T);
           return;
         }
       }
-      $(), setTimeout(() => {
-        k(1, "forward");
+      _(), setTimeout(() => {
+        M(1, "forward");
       }, 0);
     } else {
-      for (let P = L; P >= 1; P--) {
-        const M = new Date(p, f, P);
-        if (!S(M)) {
-          C(P);
+      for (let C = k; C >= 1; C--) {
+        const F = new Date(d, f, C);
+        if (!S(F)) {
+          I(C);
           return;
         }
       }
-      const T = f === 0 ? p - 1 : p, _ = f === 0 ? 11 : f - 1, R = Y(T, _);
-      A(), setTimeout(() => {
-        k(R, "backward");
+      const T = f === 0 ? d - 1 : d, D = f === 0 ? 11 : f - 1, R = $(T, D);
+      P(), setTimeout(() => {
+        M(R, "backward");
       }, 0);
     }
-  }, H = (() => {
-    const L = Y(p, f), h = j(p, f), y = [];
+  }, B = (() => {
+    const k = $(d, f), h = A(d, f), v = [];
     for (let T = 0; T < h; T++)
-      y.push(null);
-    for (let T = 1; T <= L; T++) {
-      const _ = new Date(p, f, T);
-      y.push(_);
+      v.push(null);
+    for (let T = 1; T <= k; T++) {
+      const D = new Date(d, f, T);
+      v.push(D);
     }
-    return y;
-  })(), z = [];
+    return v;
+  })(), Z = [];
   let q = [];
-  H.forEach((L, h) => {
-    if (q.push(L), q.length === 7 || h === H.length - 1) {
+  B.forEach((k, h) => {
+    if (q.push(k), q.length === 7 || h === B.length - 1) {
       for (; q.length < 7; )
         q.push(null);
-      z.push(q), q = [];
+      Z.push(q), q = [];
     }
   }), oe(() => {
-    var L;
+    var k;
     if (m !== null) {
-      const h = H.findIndex(
-        (y) => y !== null && y.getDate() === m
+      const h = B.findIndex(
+        (v) => v !== null && v.getDate() === m
       );
-      h !== -1 && w.current[h] && ((L = w.current[h]) == null || L.focus());
+      h !== -1 && w.current[h] && ((k = w.current[h]) == null || k.focus());
     }
-  }, [f, p, m, H]);
+  }, [f, d, m, B]);
   const K = {
     label: "smp-datepickercalendar-label",
     wrapper: `smp-datepickercalendar ${Qn["smp-datepickercalendar-position"]}`,
     calendar: "smp-datepickercalendar",
     table: "smp-datepickercalendar-table",
     th: "smp-datepickercalendar-th",
-    td: (L, h, y, T) => `smp-datepickercalendar-td 
-       ${L ? "smp-datepickercalendar-td-today" : ""}
+    td: (k, h, v, T) => `smp-datepickercalendar-td 
+       ${k ? "smp-datepickercalendar-td-today" : ""}
        ${h ? "smp-datepickercalendar-td-selected" : ""}
-       ${y ? "smp-datepickercalendar-td-focused" : ""}
+       ${v ? "smp-datepickercalendar-td-focused" : ""}
        ${T ? "smp-datepickercalendar-td-disabled" : ""}`
-  }, W = () => `${E[f]} ${p.toString()}`;
-  return /* @__PURE__ */ v.jsxs(
+  }, W = () => `${E[f]} ${d.toString()}`;
+  return /* @__PURE__ */ y.jsxs(
     "div",
     {
       className: K.wrapper,
@@ -4094,7 +4094,7 @@ function es({
       "aria-modal": "true",
       "data-component": "datepicker-calendar",
       children: [
-        /* @__PURE__ */ v.jsxs(
+        /* @__PURE__ */ y.jsxs(
           "div",
           {
             style: {
@@ -4104,10 +4104,10 @@ function es({
               marginBottom: "16px"
             },
             children: [
-              /* @__PURE__ */ v.jsx(
+              /* @__PURE__ */ y.jsx(
                 _e,
                 {
-                  onClick: A,
+                  onClick: P,
                   ariaLabel: a(bt.PREVIOUS_MONTH),
                   optionalDisplayValue: "<",
                   appearance: "ghost",
@@ -4115,7 +4115,7 @@ function es({
                   bindValue: "<"
                 }
               ),
-              /* @__PURE__ */ v.jsx(
+              /* @__PURE__ */ y.jsx(
                 "div",
                 {
                   "aria-label": W(),
@@ -4123,10 +4123,10 @@ function es({
                   children: W()
                 }
               ),
-              /* @__PURE__ */ v.jsx(
+              /* @__PURE__ */ y.jsx(
                 _e,
                 {
-                  onClick: $,
+                  onClick: _,
                   ariaLabel: a(bt.NEXT_MONTH),
                   bindValue: ">",
                   optionalDisplayValue: ">",
@@ -4137,28 +4137,28 @@ function es({
             ]
           }
         ),
-        /* @__PURE__ */ v.jsxs(
+        /* @__PURE__ */ y.jsxs(
           "table",
           {
             ref: b,
             role: "grid",
-            "aria-label": `${a(jt.CALENDAR_FOR)} ${E[f]} ${p}`,
+            "aria-label": `${a(jt.CALENDAR_FOR)} ${E[f]} ${d}`,
             className: K.table,
             children: [
-              /* @__PURE__ */ v.jsx("thead", { children: /* @__PURE__ */ v.jsx("tr", { children: O.map((L) => /* @__PURE__ */ v.jsx(
+              /* @__PURE__ */ y.jsx("thead", { children: /* @__PURE__ */ y.jsx("tr", { children: O.map((k) => /* @__PURE__ */ y.jsx(
                 "th",
                 {
                   scope: "col",
-                  abbr: L.full,
+                  abbr: k.full,
                   className: K.th,
-                  children: L.value
+                  children: k.value
                 },
-                L.value
+                k.value
               )) }) }),
-              /* @__PURE__ */ v.jsx("tbody", { children: z.map((L, h) => /* @__PURE__ */ v.jsx("tr", { children: L.map((y, T) => {
-                const _ = h * 7 + T;
-                if (y === null)
-                  return /* @__PURE__ */ v.jsx(
+              /* @__PURE__ */ y.jsx("tbody", { children: Z.map((k, h) => /* @__PURE__ */ y.jsx("tr", { children: k.map((v, T) => {
+                const D = h * 7 + T;
+                if (v === null)
+                  return /* @__PURE__ */ y.jsx(
                     "td",
                     {
                       className: K.td(
@@ -4170,28 +4170,28 @@ function es({
                     },
                     `empty-${T}`
                   );
-                const R = y.getDate() === o.getDate() && y.getMonth() === o.getMonth() && y.getFullYear() === o.getFullYear(), P = u && y.getDate() === u.getDate() && y.getMonth() === u.getMonth() && y.getFullYear() === u.getFullYear(), M = m === y.getDate(), F = S(y);
-                return /* @__PURE__ */ v.jsx(
+                const R = v.getDate() === o.getDate() && v.getMonth() === o.getMonth() && v.getFullYear() === o.getFullYear(), C = u && v.getDate() === u.getDate() && v.getMonth() === u.getMonth() && v.getFullYear() === u.getFullYear(), F = m === v.getDate(), V = S(v);
+                return /* @__PURE__ */ y.jsx(
                   "td",
                   {
                     role: "gridcell",
-                    "aria-selected": P,
-                    tabIndex: M ? 0 : -1,
-                    onClick: () => x(y),
-                    onKeyDown: (N) => D(N, _),
-                    "aria-label": `${y.getDate()} ${E[y.getMonth()]} ${y.getFullYear()}`,
-                    "data-selected": P,
-                    "aria-disabled": F,
+                    "aria-selected": C,
+                    tabIndex: F ? 0 : -1,
+                    onClick: () => x(v),
+                    onKeyDown: (N) => j(N, D),
+                    "aria-label": `${v.getDate()} ${E[v.getMonth()]} ${v.getFullYear()}`,
+                    "data-selected": C,
+                    "aria-disabled": V,
                     ref: (N) => {
-                      w.current[_] = N;
+                      w.current[D] = N;
                     },
                     className: K.td(
                       R,
-                      P,
-                      M,
-                      F
+                      C,
+                      F,
+                      V
                     ),
-                    children: y.getDate()
+                    children: v.getDate()
                   },
                   `day-${T}`
                 );
@@ -4211,74 +4211,74 @@ const ts = ({
   isEditable: s = !0,
   ...a
 }) => {
-  const [i, o] = X(!1), [u, c] = X(r || ""), [f, l] = X(""), { anchorRef: p, targetRef: d } = Et({
+  const [i, o] = J(!1), [u, c] = J(r || ""), [f, l] = J(""), { anchorRef: d, targetRef: p } = Et({
     position: "bottom",
     enabled: i
   });
-  Ze(d, () => {
+  Qe(p, () => {
     o(!1);
-  }), Ze(p, () => {
+  }), Qe(d, () => {
     if (
       // FIXME: Copied from useClickOutside.
-      typeof p == "object" && p !== null && "current" in p
+      typeof d == "object" && d !== null && "current" in d
     ) {
-      const $ = p.current.querySelector("input");
-      $ && $ === document.activeElement && E();
+      const _ = d.current.querySelector("input");
+      _ && _ === document.activeElement && E();
     }
-  }), jr(i, d);
-  const { format: m, getCurrentLanguage: g } = at(), b = ve(
-    ($) => {
-      const Y = $.length > 5 && Ur($, g()) || $, j = m(Y, void 0, void 0, {
+  }), jr(i, p);
+  const { format: m, getCurrentLanguage: g } = it(), b = ve(
+    (_) => {
+      const $ = _.length > 5 && Ur(_, g()) || _, A = m($, void 0, void 0, {
         type: "date"
-      }), C = typeof Y != "string", D = C && Y.toISOString().substring(0, 10) || "";
+      }), I = typeof $ != "string", j = I && $.toISOString().substring(0, 10) || "";
       return {
-        isValid: C,
-        formattedDate: j,
-        isoDate: D,
-        normalizedDate: Y
+        isValid: I,
+        formattedDate: A,
+        isoDate: j,
+        normalizedDate: $
       };
     },
     [g, m]
   );
   oe(() => {
-    const { formattedDate: $, isoDate: Y, isValid: j } = b(r);
-    c(j && Y || r), l(j && $ || r);
+    const { formattedDate: _, isoDate: $, isValid: A } = b(r);
+    c(A && $ || r), l(A && _ || r);
   }, [r, m, b]);
-  const w = () => o(($) => !$), E = () => {
+  const w = () => o((_) => !_), E = () => {
     S(f);
-  }, O = ($) => {
-    S($), o(!1);
-  }, S = ($) => {
-    const { isoDate: Y, isValid: j } = b($);
-    t && t(j && Y || $);
-  }, x = ($) => {
-    l($);
-  }, A = ($) => {
-    $.key === "Enter" && ($.preventDefault(), S(f));
+  }, O = (_) => {
+    S(_), o(!1);
+  }, S = (_) => {
+    const { isoDate: $, isValid: A } = b(_);
+    t && t(A && $ || _);
+  }, x = (_) => {
+    l(_);
+  }, P = (_) => {
+    _.key === "Enter" && (_.preventDefault(), S(f));
   };
-  return /* @__PURE__ */ v.jsxs("div", { "data-component": "date-picker", children: [
-    /* @__PURE__ */ v.jsx(
+  return /* @__PURE__ */ y.jsxs("div", { "data-component": "date-picker", children: [
+    /* @__PURE__ */ y.jsx(
       Ce,
       {
         bindValue: f,
         placeholder: e,
         onBlur: E,
         onChange: x,
-        onKeyDown: A,
+        onKeyDown: P,
         shapeIcon: "calendar",
         onShapeIconClick: w,
-        ref: p,
+        ref: d,
         isEditable: s,
         ...a
       }
     ),
-    i && /* @__PURE__ */ v.jsx(Ot, { children: /* @__PURE__ */ v.jsx(
+    i && /* @__PURE__ */ y.jsx(Ot, { children: /* @__PURE__ */ y.jsx(
       es,
       {
         disabledDateRanges: n,
         onDateChange: O,
         initialValue: wt(u) && u || "",
-        targetRef: d
+        targetRef: p
       }
     ) })
   ] });
@@ -4295,7 +4295,7 @@ const ts = ({
   onOptionsRequest: c,
   onChange: f
 }) => {
-  const l = r.map((m) => m.bindValue), p = (m, g) => {
+  const l = r.map((m) => m.bindValue), d = (m, g) => {
     const b = [...r];
     if (m == "")
       b.pop();
@@ -4309,17 +4309,17 @@ const ts = ({
       });
     }
     f == null || f(b);
-  }, d = {
+  }, p = {
     container: "smp-multipleAutocomplete-container"
   };
-  return /* @__PURE__ */ v.jsxs(
+  return /* @__PURE__ */ y.jsxs(
     "div",
     {
-      className: d.container,
+      className: p.container,
       "data-component": "multiple-autocomplete",
       children: [
-        i && /* @__PURE__ */ v.jsx($e, { label: i, disabled: o }),
-        /* @__PURE__ */ v.jsx(
+        i && /* @__PURE__ */ y.jsx($e, { label: i, disabled: o }),
+        /* @__PURE__ */ y.jsx(
           Rt,
           {
             elements: r,
@@ -4330,13 +4330,13 @@ const ts = ({
             }
           }
         ),
-        /* @__PURE__ */ v.jsx(
+        /* @__PURE__ */ y.jsx(
           Rr,
           {
             bindValue: "",
             fun: u,
             isEditable: s,
-            onChange: p,
+            onChange: d,
             _changeOnEnter: !0,
             listDisplayMode: n,
             minimumChars: t,
@@ -4349,8 +4349,8 @@ const ts = ({
     }
   );
 }, ns = ({ ...r }) => {
-  const [e, t] = X(!1), n = e ? "visibility-off" : "visibility";
-  return /* @__PURE__ */ v.jsx(
+  const [e, t] = J(!1), n = e ? "visibility-off" : "visibility";
+  return /* @__PURE__ */ y.jsx(
     Ce,
     {
       ...r,
@@ -4362,11 +4362,11 @@ const ts = ({
     }
   );
 }, ss = ({ ...r }) => {
-  const [e, t] = X(r.bindValue), { translate: n } = at(), s = (a) => {
+  const [e, t] = J(r.bindValue), { translate: n } = it(), s = (a) => {
     var i;
     a.key === "Enter" && (a.preventDefault(), (i = r.onEnter) == null || i.call(r, e));
   };
-  return /* @__PURE__ */ v.jsx(
+  return /* @__PURE__ */ y.jsx(
     Ce,
     {
       ...r,
@@ -4388,16 +4388,16 @@ const ts = ({
   const n = {
     wrapper: "smp-text-wrapper"
   };
-  return t ? /* @__PURE__ */ v.jsxs("div", { className: n.wrapper, children: [
-    /* @__PURE__ */ v.jsx($e, { label: t }),
-    /* @__PURE__ */ v.jsx(
+  return t ? /* @__PURE__ */ y.jsxs("div", { className: n.wrapper, children: [
+    /* @__PURE__ */ y.jsx($e, { label: t }),
+    /* @__PURE__ */ y.jsx(
       Ie,
       {
         variant: "body",
         bindValue: e || r
       }
     )
-  ] }) : /* @__PURE__ */ v.jsx(
+  ] }) : /* @__PURE__ */ y.jsx(
     Ie,
     {
       variant: "body",
@@ -4467,20 +4467,20 @@ const Ke = (r, e, t) => ({
   helperText: c,
   error: f,
   onBlur: l,
-  onKeyDown: p
+  onKeyDown: d
 }) => {
-  const d = St(), m = `${d}-helper`, g = f ? "danger" : s, b = c || !!f, w = (O) => {
+  const p = St(), m = `${p}-helper`, g = f ? "danger" : s, b = c || !!f, w = (O) => {
     t == null || t(O.target.value);
   }, E = {
     wrapper: "smp-textarea-wrapper",
     container: `smp-textarea ${r ? "smp-textarea-disabled" : ""} ${n ? "smp-textarea-placeholder" : ""} ${g ? `smp-textarea-${g}` : ""} ${a ? `smp-textarea-${a}` : ""} ${i ? "" : "smp-textarea-readOnly"}`
   };
-  return /* @__PURE__ */ v.jsxs("div", { className: E.wrapper, "data-component": "textarea", children: [
-    o && /* @__PURE__ */ v.jsx($e, { htmlFor: d, label: o, disabled: r }),
-    /* @__PURE__ */ v.jsx(
+  return /* @__PURE__ */ y.jsxs("div", { className: E.wrapper, "data-component": "textarea", children: [
+    o && /* @__PURE__ */ y.jsx($e, { htmlFor: p, label: o, disabled: r }),
+    /* @__PURE__ */ y.jsx(
       "textarea",
       {
-        id: d,
+        id: p,
         value: e,
         placeholder: n,
         onChange: w,
@@ -4488,13 +4488,13 @@ const Ke = (r, e, t) => ({
         className: E.container,
         disabled: r,
         readOnly: !i,
-        onKeyDown: p,
+        onKeyDown: d,
         "aria-label": o ? void 0 : u,
-        "aria-labelledby": o ? d : void 0,
+        "aria-labelledby": o ? p : void 0,
         "aria-describedby": b ? m : void 0
       }
     ),
-    b && /* @__PURE__ */ v.jsx(
+    b && /* @__PURE__ */ y.jsx(
       vr,
       {
         id: m,
@@ -4517,8 +4517,8 @@ const Ke = (r, e, t) => ({
   onChange: c,
   onClick: f,
   onEnter: l,
-  onBlur: p,
-  onOptionsRequest: d,
+  onBlur: d,
+  onOptionsRequest: p,
   isEditable: m
 }) => {
   const g = {
@@ -4528,25 +4528,25 @@ const Ke = (r, e, t) => ({
     icon: s,
     fun: a
   }, b = {
-    onBlur: p,
-    onOptionsRequest: d,
+    onBlur: d,
+    onOptionsRequest: p,
     fun: a,
     icon: s,
     label: o,
     isEditable: m,
     ...n
-  }, w = (S, x, A) => Vr(t) ? Ke(S, new Xe(t, x).getLegacyValue()) : Ke(S, x, A), E = (S) => Ke(g, new Je(t, S).getLegacyValue()), O = (S) => is(g, S);
+  }, w = (S, x, P) => Vr(t) ? Ke(S, new Ze(t, x).getLegacyValue()) : Ke(S, x, P), E = (S) => Ke(g, new Xe(t, S).getLegacyValue()), O = (S) => is(g, S);
   switch (e) {
     case ne.AUTOCOMPLETE: {
       const S = {
         ...b,
         bindValue: t.k,
         optionalDisplayValue: r,
-        onChange: (x, A) => {
-          c == null || c(w(g, x, A));
+        onChange: (x, P) => {
+          c == null || c(w(g, x, P));
         }
       };
-      return /* @__PURE__ */ v.jsx(Rr, { ...S });
+      return /* @__PURE__ */ y.jsx(Rr, { ...S });
     }
     case ne.BUTTON: {
       const S = {
@@ -4557,58 +4557,58 @@ const Ke = (r, e, t) => ({
           f == null || f(w(g, t.k));
         }
       };
-      return /* @__PURE__ */ v.jsx(_e, { ...S });
+      return /* @__PURE__ */ y.jsx(_e, { ...S });
     }
     case ne.BUTTON_LIST: {
       const S = {
         ...b,
         options: u,
-        onClick: (x, A) => {
-          const $ = { ...g, fun: A };
-          f == null || f(w($, x));
+        onClick: (x, P) => {
+          const _ = { ...g, fun: P };
+          f == null || f(w(_, x));
         }
       };
-      return /* @__PURE__ */ v.jsx(gn, { ...S });
+      return /* @__PURE__ */ y.jsx(gn, { ...S });
     }
     case ne.COMBOBOX: {
       const S = {
         ...b,
         bindValue: t.k,
         optionalDisplayValue: r,
-        onChange: (x, A) => {
-          c == null || c(w(g, x, A));
+        onChange: (x, P) => {
+          c == null || c(w(g, x, P));
         }
       };
-      return /* @__PURE__ */ v.jsx(xn, { ...S });
+      return /* @__PURE__ */ y.jsx(xn, { ...S });
     }
     case ne.SWITCH:
     case ne.CHECKBOX: {
       const S = {
         ...b,
-        bindValue: Je.fromDataObj(t).getValue(),
+        bindValue: Xe.fromDataObj(t).getValue(),
         optionalDisplayValue: r,
         onChange: (x) => {
           c == null || c(E(x));
         }
       };
-      return /* @__PURE__ */ v.jsx(yn, { ...S });
+      return /* @__PURE__ */ y.jsx(yn, { ...S });
     }
     case ne.CHIP: {
       const S = {
         ...b,
         elements: hr(g)
       };
-      return /* @__PURE__ */ v.jsx(Rt, { ...S });
+      return /* @__PURE__ */ y.jsx(Rt, { ...S });
     }
     case ne.DATE: {
       const S = {
         ...b,
-        bindValue: Xe.fromDataObj(t).getValue(),
+        bindValue: Ze.fromDataObj(t).getValue(),
         onChange: (x) => {
           c == null || c(w(g, x));
         }
       };
-      return /* @__PURE__ */ v.jsx(ts, { ...S });
+      return /* @__PURE__ */ y.jsx(ts, { ...S });
     }
     case ne.ICON:
     case ne.IMAGE: {
@@ -4621,7 +4621,7 @@ const Ke = (r, e, t) => ({
           f == null || f(w(g, t.k));
         }
       };
-      return /* @__PURE__ */ v.jsx(ue, { ...S });
+      return /* @__PURE__ */ y.jsx(ce, { ...S });
     }
     case ne.MULTI_AUTOCOMPLETE: {
       const S = {
@@ -4631,7 +4631,7 @@ const Ke = (r, e, t) => ({
           c == null || c(O(x));
         }
       };
-      return /* @__PURE__ */ v.jsx(rs, { ...S });
+      return /* @__PURE__ */ y.jsx(rs, { ...S });
     }
     case ne.MEMO: {
       const S = {
@@ -4642,7 +4642,7 @@ const Ke = (r, e, t) => ({
           c == null || c(w(g, x));
         }
       };
-      return /* @__PURE__ */ v.jsx(os, { ...S });
+      return /* @__PURE__ */ y.jsx(os, { ...S });
     }
     case ne.PASSWORD: {
       const S = {
@@ -4652,7 +4652,7 @@ const Ke = (r, e, t) => ({
           c == null || c(w(g, x));
         }
       };
-      return /* @__PURE__ */ v.jsx(ns, { ...S });
+      return /* @__PURE__ */ y.jsx(ns, { ...S });
     }
     case ne.SPOTLIGHT: {
       const S = {
@@ -4662,7 +4662,7 @@ const Ke = (r, e, t) => ({
           l == null || l(w(g, x));
         }
       };
-      return /* @__PURE__ */ v.jsx(ss, { ...S });
+      return /* @__PURE__ */ y.jsx(ss, { ...S });
     }
     case ne.TEXT_FIELD: {
       const S = {
@@ -4673,7 +4673,7 @@ const Ke = (r, e, t) => ({
           c == null || c(w(g, x));
         }
       };
-      return /* @__PURE__ */ v.jsx(Ce, { ...S });
+      return /* @__PURE__ */ y.jsx(Ce, { ...S });
     }
     default: {
       const S = {
@@ -4681,7 +4681,7 @@ const Ke = (r, e, t) => ({
         bindValue: t.k,
         optionalDisplayValue: r
       };
-      return /* @__PURE__ */ v.jsx(as, { ...S });
+      return /* @__PURE__ */ y.jsx(as, { ...S });
     }
   }
 }, ls = (r, e) => {
@@ -4748,19 +4748,19 @@ const Ke = (r, e, t) => ({
     ]
   }
 }) => {
-  const t = "--smp-grid-template-cols", n = "--smp-grid-template-rows", s = $r(e.sections || [], r), a = (l) => l == null ? void 0 : l.reduce((p, d) => {
+  const t = "--smp-grid-template-cols", n = "--smp-grid-template-rows", s = $r(e.sections || [], r), a = (l) => l == null ? void 0 : l.reduce((d, p) => {
     var E, O;
     let m = "", g = {}, b = {}, w = "";
-    return (E = d.sections) != null && E.length ? (m = pe["smp-layout-section-grid"], g = a(d.sections), d.gridCols == null && (w = `${pe[d.horizontal ? "smp-grid-template-cols" : "smp-grid-template-rows"]}`, (d.horizontal || gr(d.sections)) && (b = mr(
-      d.sections,
-      d.horizontal ? t : n
-    )))) : (O = d.content) != null && O.length && (d.gridCols !== void 0 && d.gridCols > 0 ? (m = pe["smp-layout-section-grid"], w = `${pe["smp-grid-template-cols"]}`, b = {
-      [t]: `repeat(${d.gridCols}, 1fr)`
+    return (E = p.sections) != null && E.length ? (m = pe["smp-layout-section-grid"], g = a(p.sections), p.gridCols == null && (w = `${pe[p.horizontal ? "smp-grid-template-cols" : "smp-grid-template-rows"]}`, (p.horizontal || gr(p.sections)) && (b = mr(
+      p.sections,
+      p.horizontal ? t : n
+    )))) : (O = p.content) != null && O.length && (p.gridCols !== void 0 && p.gridCols > 0 ? (m = pe["smp-layout-section-grid"], w = `${pe["smp-grid-template-cols"]}`, b = {
+      [t]: `repeat(${p.gridCols}, 1fr)`
     }) : m = pe["smp-layout-section-flex"]), {
-      ...p,
+      ...d,
       ...g,
-      [d.id]: {
-        classes: `${m} ${pe[d.horizontal ? "smp-layout-section-horizontal" : "smp-layout-section-vertical"]} ${w} ${d.justify ? `smp-justifyContent-${d.justify}` : ""} ${d.align ? `smp-alignItems-${d.align}` : ""}`,
+      [p.id]: {
+        classes: `${m} ${pe[p.horizontal ? "smp-layout-section-horizontal" : "smp-layout-section-vertical"]} ${w} ${p.justify ? `smp-justifyContent-${p.justify}` : ""} ${p.align ? `smp-alignItems-${p.align}` : ""}`,
         styles: b
       }
     };
@@ -4771,14 +4771,14 @@ const Ke = (r, e, t) => ({
     s,
     e.horizontal ? t : n
   ) : {}, c = (l) => {
-    var d;
-    const p = /* @__PURE__ */ v.jsx(
+    var p;
+    const d = /* @__PURE__ */ y.jsx(
       "div",
       {
         "smp-id": "section-" + l.id,
         className: o.sections[l.id].classes,
         style: o.sections[l.id].styles,
-        children: (d = l.sections) != null && d.length ? l.sections.map((m) => c(m)) : l.content.map(
+        children: (p = l.sections) != null && p.length ? l.sections.map((m) => c(m)) : l.content.map(
           (m) => f(
             m,
             r[m.id],
@@ -4789,51 +4789,51 @@ const Ke = (r, e, t) => ({
       },
       "section-" + l.id
     );
-    return l.title ? /* @__PURE__ */ v.jsxs("div", { className: `${pe["smp-layout-section-with-title"]}`, children: [
-      /* @__PURE__ */ v.jsx(
+    return l.title ? /* @__PURE__ */ y.jsxs("div", { className: `${pe["smp-layout-section-with-title"]}`, children: [
+      /* @__PURE__ */ y.jsx(
         "span",
         {
           className: `${pe["smp-layout-section-title"]} ${l.justify ? `smp-justifyContent-${l.justify}` : ""} ${l.align ? `smp-alignItems-${l.align}` : ""}`,
-          children: /* @__PURE__ */ v.jsx($e, { label: l.title })
+          children: /* @__PURE__ */ y.jsx($e, { label: l.title })
         }
       ),
-      p
-    ] }) : p;
-  }, f = (l, p, d, m) => {
+      d
+    ] }) : d;
+  }, f = (l, d, p, m) => {
     const g = l.colSpan !== void 0 ? l.colSpan > 0 ? l.colSpan : l.colStart !== void 0 && l.colStart < 1 ? 1 : null : null, b = g !== null ? `span ${g}` : l.colStart, w = l.colEnd !== void 0 && l.colEnd > 0 ? l.colEnd : "", E = {
       gridColumnStart: b,
       gridColumnEnd: w
-    }, O = `${pe["smp-layout-cell-container"]} ${d ? `smp-justifyContent-${d}` : ""} ${m ? `smp-alignItems-${m}` : ""}`;
-    return p ? /* @__PURE__ */ v.jsx(
+    }, O = `${pe["smp-layout-cell-container"]} ${p ? `smp-justifyContent-${p}` : ""} ${m ? `smp-alignItems-${m}` : ""}`;
+    return d ? /* @__PURE__ */ y.jsx(
       "div",
       {
         className: O,
         style: { ...E },
         "smp-id": l.id,
-        children: /* @__PURE__ */ v.jsx(Dt, { ...p })
+        children: /* @__PURE__ */ y.jsx(Dt, { ...d })
       },
       l.id
-    ) : /* @__PURE__ */ v.jsx(v.Fragment, {});
+    ) : /* @__PURE__ */ y.jsx(y.Fragment, {});
   };
-  return /* @__PURE__ */ v.jsx("div", { className: o.container, style: u, "smp-id": "layout", children: s == null ? void 0 : s.map((l) => c(l)) });
-}, Cs = ({ data: r, onClick: e, onEnter: t }) => {
+  return /* @__PURE__ */ y.jsx("div", { className: o.container, style: u, "smp-id": "layout", children: s == null ? void 0 : s.map((l) => c(l)) });
+}, Ps = ({ data: r, onClick: e, onEnter: t }) => {
   var i, o;
-  const [n, s] = X(), a = ve(
+  const [n, s] = J(), a = ve(
     (u) => {
       var f, l;
       if (!((f = u.rows) != null && f.length) || !((l = u.columns) != null && l.length))
         return {};
       const c = u.rows[0];
-      return u.columns.filter((p) => p.visible).reduce((p, d) => {
-        const m = c.cells[d.name], g = {
+      return u.columns.filter((d) => d.visible).reduce((d, p) => {
+        const m = c.cells[p.name], g = {
           ...m,
           onChange: (b) => {
             s((w) => w && {
               ...w,
-              [d.name]: {
-                ...w[d.name],
+              [p.name]: {
+                ...w[p.name],
                 obj: {
-                  ...w[d.name].obj,
+                  ...w[p.name].obj,
                   k: b.obj.k
                 }
               }
@@ -4849,8 +4849,8 @@ const Ke = (r, e, t) => ({
           }
         };
         return {
-          ...p,
-          [d.name]: g
+          ...d,
+          [p.name]: g
         };
       }, {});
     },
@@ -4858,7 +4858,7 @@ const Ke = (r, e, t) => ({
   );
   return oe(() => {
     r && s(a(r));
-  }, [r, a]), !((i = r == null ? void 0 : r.rows) != null && i.length) || !((o = r.columns) != null && o.length) ? null : n && /* @__PURE__ */ v.jsx("header", { className: "smp-appbar", "aria-label": "App Bar", children: /* @__PURE__ */ v.jsx(_t, { layout: r.rows[0].layout, cells: n }) });
+  }, [r, a]), !((i = r == null ? void 0 : r.rows) != null && i.length) || !((o = r.columns) != null && o.length) ? null : n && /* @__PURE__ */ y.jsx("header", { className: "smp-appbar", "aria-label": "App Bar", children: /* @__PURE__ */ y.jsx(_t, { layout: r.rows[0].layout, cells: n }) });
 }, cs = (r) => {
   var e;
   return (e = r.children) != null && e.length ? r.children.map((t) => {
@@ -4870,7 +4870,7 @@ const Ke = (r, e, t) => ({
       icon: t.icon
     };
   }) : [];
-}, ce = (r) => r == null ? !1 : typeof r == "string" ? r.toLocaleLowerCase() == "yes" : r, Ps = ({
+}, ue = (r) => r == null ? !1 : typeof r == "string" ? r.toLocaleLowerCase() == "yes" : r, As = ({
   data: r,
   logo: e,
   open: t,
@@ -4882,22 +4882,22 @@ const Ke = (r, e, t) => ({
   loadOptions: u
 }) => {
   var O, S;
-  const [c, f] = X(), [l, p] = X(t ?? !0), d = xe(null), m = s.trim() ? s : "100vh", g = ve(
+  const [c, f] = J(), [l, d] = J(t ?? !0), p = xe(null), m = s.trim() ? s : "100vh", g = ve(
     (x) => {
-      var $, Y;
-      if (!(($ = x == null ? void 0 : x.rows) != null && $.length) || !((Y = x == null ? void 0 : x.columns) != null && Y.length))
+      var _, $;
+      if (!((_ = x == null ? void 0 : x.rows) != null && _.length) || !(($ = x == null ? void 0 : x.columns) != null && $.length))
         return {};
-      const A = x.rows[0];
-      return x.columns.filter((j) => j.visible ?? !0).reduce((j, C) => {
-        const D = A.cells[C.name];
-        if (!D || !l && ce(n) && D.shape !== ne.BUTTON && D.shape !== ne.BUTTON_LIST)
-          return j;
-        const k = {
-          ...D,
+      const P = x.rows[0];
+      return x.columns.filter((A) => A.visible ?? !0).reduce((A, I) => {
+        const j = P.cells[I.name];
+        if (!j || !l && ue(n) && j.shape !== ne.BUTTON && j.shape !== ne.BUTTON_LIST)
+          return A;
+        const M = {
+          ...j,
           onChange: (U) => {
-            f((H) => {
-              const z = { ...H };
-              return z != null && z[C.name] && (z[C.name].obj.k = U.obj.k), z;
+            f((B) => {
+              const Z = { ...B };
+              return Z != null && Z[I.name] && (Z[I.name].obj.k = U.obj.k), Z;
             });
           },
           onClick: (U) => {
@@ -4907,15 +4907,15 @@ const Ke = (r, e, t) => ({
             i && i(U);
           }
         };
-        return u && D.shape == ne.BUTTON_LIST && (k.onOptionsRequest = (U, H) => u(U, H).then(
-          (z) => cs(z)
-        )), !l && ce(n) && (k.data = {
-          ...k.data,
+        return u && j.shape == ne.BUTTON_LIST && (M.onOptionsRequest = (U, B) => u(U, B).then(
+          (Z) => cs(Z)
+        )), !l && ue(n) && (M.data = {
+          ...M.data,
           showText: !1,
           justify: "center"
         }), {
-          ...j,
-          [C.name]: k
+          ...A,
+          [I.name]: M
         };
       }, {});
     },
@@ -4923,30 +4923,30 @@ const Ke = (r, e, t) => ({
   ), b = ve(() => {
     o == null || o();
   }, [o]), w = () => {
-    ce(n) ? p((x) => !x) : (p(!1), o == null || o());
+    ue(n) ? d((x) => !x) : (d(!1), o == null || o());
   };
   if (oe(() => {
     f(g(r));
   }, [r]), oe(() => {
-    if (!d.current)
+    if (!p.current)
       return;
-    if (!ce(n)) {
+    if (!ue(n)) {
       f(g(r));
       return;
     }
-    const x = getComputedStyle(d.current).getPropertyValue(
+    const x = getComputedStyle(p.current).getPropertyValue(
       "--smp-drawer-slide-transition"
     );
-    let A = Number(x);
-    x.endsWith("ms") ? A = parseFloat(x) : x.endsWith("s") && (A = parseFloat(x) * 1e3), setTimeout(() => {
+    let P = Number(x);
+    x.endsWith("ms") ? P = parseFloat(x) : x.endsWith("s") && (P = parseFloat(x) * 1e3), setTimeout(() => {
       f(g(r));
-    }, A / 2);
+    }, P / 2);
   }, [l, n]), oe(() => {
-    t !== void 0 && !ce(n) && p(t);
+    t !== void 0 && !ue(n) && d(t);
   }, [n, t]), !((O = r == null ? void 0 : r.rows) != null && O.length) || !((S = r.columns) != null && S.length))
     return null;
   const E = {
-    drawer: `smp-drawer ${ce(n) ? "smp-drawer-minified" : "smp-drawer-fixed"} ${l ? "smp-drawer-open" : ""}  ${!ce(n) && !l ? "smp-drawer-no-border" : ""}`,
+    drawer: `smp-drawer ${ue(n) ? "smp-drawer-minified" : "smp-drawer-fixed"} ${l ? "smp-drawer-open" : ""}  ${!ue(n) && !l ? "smp-drawer-no-border" : ""}`,
     container: "smp-drawer-container",
     containerHeader: "smp-drawer-container-header",
     containerIcon: `${l ? "" : "smp-drawer-container-icon-close"} smp-drawer-container-icon`,
@@ -4954,8 +4954,8 @@ const Ke = (r, e, t) => ({
     containerLogo: "smp-drawer-container-logo",
     backdrop: `smp-drawer-backdrop ${l ? "smp-drawer-backdrop-open" : ""}`
   };
-  return c && /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
-    !ce(n) && /* @__PURE__ */ v.jsx(
+  return c && /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
+    !ue(n) && /* @__PURE__ */ y.jsx(
       "div",
       {
         "aria-hidden": "true",
@@ -4964,18 +4964,18 @@ const Ke = (r, e, t) => ({
         onClick: b
       }
     ),
-    /* @__PURE__ */ v.jsx(
+    /* @__PURE__ */ y.jsx(
       "aside",
       {
-        ref: d,
+        ref: p,
         className: E.drawer,
         style: { height: m },
         "aria-label": "Drawer",
         "smp-id": "drawer",
-        children: /* @__PURE__ */ v.jsxs("div", { className: E.container, children: [
-          /* @__PURE__ */ v.jsxs("div", { className: E.containerHeader, children: [
-            e && /* @__PURE__ */ v.jsx("div", { className: E.containerLogo, children: /* @__PURE__ */ v.jsx(
-              ue,
+        children: /* @__PURE__ */ y.jsxs("div", { className: E.container, children: [
+          /* @__PURE__ */ y.jsxs("div", { className: E.containerHeader, children: [
+            e && /* @__PURE__ */ y.jsx("div", { className: E.containerLogo, children: /* @__PURE__ */ y.jsx(
+              ce,
               {
                 icon: e,
                 title: "drawer_logo",
@@ -4983,10 +4983,10 @@ const Ke = (r, e, t) => ({
                 height: 24
               }
             ) }),
-            /* @__PURE__ */ v.jsx("div", { className: E.containerIcon, children: /* @__PURE__ */ v.jsx(
-              ue,
+            /* @__PURE__ */ y.jsx("div", { className: E.containerIcon, children: /* @__PURE__ */ y.jsx(
+              ce,
               {
-                icon: ce(n) ? "menu_close" : "close",
+                icon: ue(n) ? "menu_close" : "close",
                 title: "drawer_icon",
                 rotated: !l,
                 isInteractable: !0,
@@ -4996,12 +4996,12 @@ const Ke = (r, e, t) => ({
               }
             ) })
           ] }),
-          /* @__PURE__ */ v.jsx("div", { className: E.containerLayout, children: /* @__PURE__ */ v.jsx(_t, { layout: r.rows[0].layout, cells: c }) })
+          /* @__PURE__ */ y.jsx("div", { className: E.containerLayout, children: /* @__PURE__ */ y.jsx(_t, { layout: r.rows[0].layout, cells: c }) })
         ] })
       }
     )
   ] });
-}, As = ({
+}, Ls = ({
   ColumnsNumber: r = 1,
   data: e = {},
   ForceText: t,
@@ -5014,8 +5014,8 @@ const Ke = (r, e, t) => ({
   IconColName: c,
   IconColor: f = "var(--smp-dashList-color-base)",
   NumberFormat: l,
-  ForceUM: p,
-  UmColName: d,
+  ForceUM: d,
+  UmColName: p,
   UmColor: m = "var(--smp-dashList-color-base)",
   ForceValue: g,
   ValueColName: b,
@@ -5023,9 +5023,9 @@ const Ke = (r, e, t) => ({
   SelectLayout: E = "1",
   onClick: O
 }) => {
-  const S = "N/A", x = (e == null ? void 0 : e.columns) || [], A = (e == null ? void 0 : e.rows) || [], $ = A.length > 0, Y = "--smp-dashList-color", j = "smp-layout", C = "descr", D = "icon", k = "um", U = "value", H = i || "1em", z = "18px", q = "--smp-dashList-columns", K = "--smp-dashList-fontSize", W = {
-    dash: (V = "1") => {
-      const Z = h(V), te = Z, re = y(Z, C), de = y(Z, D), be = y(Z, k), he = y(Z, U);
+  const S = "N/A", x = (e == null ? void 0 : e.columns) || [], P = (e == null ? void 0 : e.rows) || [], _ = P.length > 0, $ = "--smp-dashList-color", A = "smp-layout", I = "descr", j = "icon", M = "um", U = "value", B = i || "1em", Z = "18px", q = "--smp-dashList-columns", K = "--smp-dashList-fontSize", W = {
+    dash: (Y = "1") => {
+      const X = h(Y), te = X, re = v(X, I), de = v(X, j), be = v(X, M), he = v(X, U);
       return {
         container: te,
         descr: re,
@@ -5034,118 +5034,122 @@ const Ke = (r, e, t) => ({
         value: he
       };
     },
-    dashList: `smp-dash-list ${ce(a) ? "smp-dash-list-fill-space" : ""}
-    ${ce(o) ? "smp-dash-list-horizontal" : ""}`
-  }, { format: L } = at(), h = (V) => `${j}-${V}`, y = (V, Z) => `${V}__${Z}`, T = (V) => `${Y}-${V}`, _ = (V) => {
-    const Z = /R(\d{1,3})G(\d{1,3})B(\d{1,3})/;
-    if (Z.test(V)) {
-      const re = V.match(Z) || [];
+    dashList: `smp-dash-list ${ue(a) ? "smp-dash-list-fill-space" : ""}
+    ${ue(o) ? "smp-dash-list-horizontal" : ""}`
+  }, { format: k } = it(), h = (Y) => `${A}-${Y}`, v = (Y, X) => `${Y}__${X}`, T = (Y) => `${$}-${Y}`, D = (Y) => {
+    const X = /R(\d{1,3})G(\d{1,3})B(\d{1,3})/;
+    if (X.test(Y)) {
+      const re = Y.match(X) || [];
       if ((re == null ? void 0 : re.length) > 3)
         return "rgb(" + re[1] + "," + re[2] + "," + re[3] + ")";
     }
-    return V;
-  }, R = (V) => {
-    if (!l) return V;
-    const [Z, te] = P(l).map(
+    return Y;
+  }, R = (Y) => {
+    if (!l) return Y;
+    const [X, te] = C(l).map(
       (Oe) => parseInt(Oe || "0")
-    ), re = "0,0" + (te ? "." + "0".repeat(te) : ""), de = L(V, re, "it");
-    if (!Z) return de;
+    ), re = "0,0" + (te ? "." + "0".repeat(te) : ""), de = k(Y, re, "it");
+    if (!X) return de;
     const [be, he] = de.split(",");
     return be + (he ? `,${he}` : "");
-  }, P = (V) => V.includes(";") ? V.split(";") : [V], M = (V) => {
-    const Z = (re) => {
+  }, C = (Y) => Y.includes(";") ? Y.split(";") : [Y], F = (Y) => {
+    const X = (re) => {
       var de;
       if (re)
-        return (de = V == null ? void 0 : V.cells[re]) == null ? void 0 : de.obj.k;
+        return (de = Y == null ? void 0 : Y.cells[re]) == null ? void 0 : de.obj.k;
     }, te = (re) => {
       var de, be;
       if (!(x.length <= re))
-        return (be = (de = V == null ? void 0 : V.cells[x[re].name]) == null ? void 0 : de.obj) == null ? void 0 : be.k;
+        return (be = (de = Y == null ? void 0 : Y.cells[x[re].name]) == null ? void 0 : de.obj) == null ? void 0 : be.k;
     };
     return {
-      descr: t || Z(n) || te(2) || "",
-      icon: u || Z(c) || te(3) || "",
-      um: p || Z(d) || te(1) || "",
-      value: g || Z(b) || te(0) || ""
+      descr: t || X(n) || te(2) || "",
+      icon: u || X(c) || te(3) || "",
+      um: d || X(p) || te(1) || "",
+      value: g || X(b) || te(0) || ""
     };
-  }, F = (V) => {
-    O == null || O(V);
-  }, N = (V, Z) => {
-    (V.key === "Enter" || V.key === " ") && (V.preventDefault(), V.stopPropagation(), F(Z));
-  }, B = ((V) => {
-    const Z = W.dash(V);
+  }, V = (Y) => {
+    O == null || O(Y);
+  }, N = (Y, X) => {
+    (Y.key === "Enter" || Y.key === " ") && (Y.preventDefault(), Y.stopPropagation(), V(X));
+  }, H = ((Y) => {
+    const X = W.dash(Y);
     return {
-      className: Z,
-      descr: (te) => /* @__PURE__ */ v.jsx("div", { className: Z.descr, children: te }, `${V}-${C}`),
-      icon: (te) => /* @__PURE__ */ v.jsx("div", { className: Z.icon, children: /* @__PURE__ */ v.jsx(
-        ue,
+      className: X,
+      descr: (te) => /* @__PURE__ */ y.jsx("div", { className: X.descr, children: te }, `${Y}-${I}`),
+      icon: (te) => /* @__PURE__ */ y.jsx("div", { className: X.icon, children: /* @__PURE__ */ y.jsx(
+        ce,
         {
           color: f,
-          height: z,
+          height: Z,
           icon: te,
-          width: z
+          width: Z
         }
-      ) }, `${V}-${D}`),
-      um: (te) => /* @__PURE__ */ v.jsx("div", { className: Z.um, children: te }, `${V}-${k}`),
-      value: (te) => /* @__PURE__ */ v.jsx("div", { className: Z.value, children: te }, `${V}-${U}`)
+      ) }, `${Y}-${j}`),
+      um: (te) => /* @__PURE__ */ y.jsx("div", { className: X.um, children: te }, `${Y}-${M}`),
+      value: (te) => /* @__PURE__ */ y.jsx("div", { className: X.value, children: te }, `${Y}-${U}`)
     };
-  })(E), se = (V) => {
-    const { descr: Z, icon: te, um: re, value: de } = M(V), be = {
-      [T(C)]: _(s),
-      [T(k)]: _(m),
-      [T(U)]: _(w)
+  })(E), se = (Y) => {
+    const { descr: X, icon: te, um: re, value: de } = F(Y), be = {
+      [T(I)]: D(s),
+      [T(M)]: D(m),
+      [T(U)]: D(w)
     }, he = [], Oe = R(de);
     switch (E) {
       case "2":
-        te && he.push(B.icon(te)), he.push(B.descr(Z)), he.push(
-          B.value(re ? Oe + " " + re : Oe)
+        te && he.push(H.icon(te)), he.push(H.descr(X)), he.push(
+          H.value(re ? Oe + " " + re : Oe)
         );
         break;
       default:
       case "1":
-        he.push(B.descr(Z)), he.push(
-          B.value(re ? Oe + " " + re : Oe)
+        he.push(H.descr(X)), he.push(
+          H.value(re ? Oe + " " + re : Oe)
         );
     }
-    return /* @__PURE__ */ v.jsx(
+    return /* @__PURE__ */ y.jsx(
       "div",
       {
-        className: B.className.container,
+        className: H.className.container,
         role: "button",
         style: be,
         tabIndex: 0,
-        onClick: () => F(V),
-        onKeyDown: (Pr) => N(Pr, V),
+        onClick: () => V(Y),
+        onKeyDown: (Pr) => N(Pr, Y),
         children: he
       },
-      V.rowId
+      Y.rowId
     );
-  }, I = {
+  }, L = {
     [q]: String(r),
-    [K]: H
+    [K]: B
   };
-  return /* @__PURE__ */ v.jsx("div", { className: W.dashList, style: I, children: $ ? A.map((V) => se(V)) : S });
-}, mt = {
-  "smp-table": "_smp-table_8dmh0_1",
-  "smp-headerCell": "_smp-headerCell_8dmh0_35",
-  "smp-resizer": "_smp-resizer_8dmh0_44"
-}, us = "_rowContent_gazwe_13", fs = "_clickable_gazwe_42", ds = "_indent_gazwe_47", ps = "_toggle_gazwe_53", hs = "_rowLabel_gazwe_69", ms = "_cell_gazwe_78", gs = "_leftSection_gazwe_86", Ee = {
+  return /* @__PURE__ */ y.jsx("div", { className: W.dashList, style: L, children: _ ? P.map((Y) => se(Y)) : S });
+}, ze = {
+  "smp-table": "_smp-table_1qmju_1",
+  "smp-headerCell": "_smp-headerCell_1qmju_35",
+  "smp-resizer": "_smp-resizer_1qmju_44"
+}, us = "_rowContent_20wit_2", fs = "_clickable_20wit_21", ds = "_indent_20wit_26", ps = "_toggle_20wit_32", hs = "_cell_20wit_38", ms = "_leftSection_20wit_46", Ee = {
   rowContent: us,
   clickable: fs,
   indent: ds,
   toggle: ps,
-  rowLabel: hs,
-  cell: ms,
-  leftSection: gs
+  cell: hs,
+  leftSection: ms
 };
-function ze(r) {
+function Je(r) {
   return !!r && "children" in r;
 }
-function ys(r) {
-  return !ze(r);
+function gs(r) {
+  return !Je(r);
 }
-function vs(r) {
-  return JSON.stringify(r).split("").reduce((e, t) => (e << 5) - e + t.charCodeAt(0) | 0, 0).toString();
+function ys(r) {
+  const e = JSON.stringify(r, Object.keys(r).sort());
+  let t = 0, n, s;
+  if (e.length === 0) return t.toString();
+  for (n = 0; n < e.length; n++)
+    s = e.charCodeAt(n), t = (t << 5) - t + s, t |= 0;
+  return Math.abs(t).toString();
 }
 const Cr = ({
   row: r,
@@ -5155,26 +5159,32 @@ const Cr = ({
   offsetTop: s
 }) => {
   var E;
-  const [a, i] = X(!1), o = ze(r) && !!((E = r.children) != null && E.length), u = r.cells && Object.keys(r.cells).length > 0, c = o, f = t * 20, l = () => {
+  const [a, i] = J(!1), o = Je(r) && !!((E = r.children) != null && E.length), u = r.cells && Object.keys(r.cells).length > 0, c = o, f = t * 20, l = () => {
     o && i(!a);
-  }, p = {
+  }, d = {
     content: `${Ee.rowContent} ${o ? Ee.clickable : ""}`,
     toggle: `${Ee.toggle}`,
     indent: `${Ee.indent}`,
     cell: `${Ee.cell}`
-  }, d = (O) => /* @__PURE__ */ v.jsx(Dt, { ...O }), m = () => /* @__PURE__ */ v.jsx("span", { className: p.toggle, children: c ? a ? "▶" : "▼" : " " }), g = () => /* @__PURE__ */ v.jsx(
+  }, p = (O) => /* @__PURE__ */ y.jsx(Dt, { ...O }), m = () => /* @__PURE__ */ y.jsx("span", { className: d.toggle, children: c && /* @__PURE__ */ y.jsx(
+    ce,
+    {
+      icon: a ? "arrow_drop_right" : "arrow_drop_down",
+      width: 16
+    }
+  ) }), g = () => /* @__PURE__ */ y.jsx(
     "span",
     {
-      className: p.indent,
+      className: d.indent,
       style: { width: `${f}px` },
       "aria-hidden": "true"
     }
   ), b = () => {
-    const O = ys(r) ? "" : r.decode || (u ? "" : "Untitled"), S = s ?? n * t;
-    return /* @__PURE__ */ v.jsxs(
+    const O = gs(r) ? "" : r.decode || (u ? "" : "Untitled"), S = s ?? n * t;
+    return /* @__PURE__ */ y.jsxs(
       "tr",
       {
-        className: p.content,
+        className: d.content,
         onClick: l,
         role: o ? "button" : "row",
         "aria-expanded": o ? !a : void 0,
@@ -5184,7 +5194,7 @@ const Cr = ({
           transform: `translateY(${S}px)`
         },
         children: [
-          ze(r) && /* @__PURE__ */ v.jsxs(
+          Je(r) && /* @__PURE__ */ y.jsxs(
             "td",
             {
               className: Ee.leftSection,
@@ -5194,35 +5204,35 @@ const Cr = ({
               children: [
                 g(),
                 m(),
-                /* @__PURE__ */ v.jsx("span", { className: Ee.rowLabel, children: O })
+                /* @__PURE__ */ y.jsx("span", { className: Ee.rowLabel, children: O })
               ]
             }
           ),
-          r.cells && Object.keys(r.cells).length > 0 && Object.entries(r.cells).map(([x, A]) => /* @__PURE__ */ v.jsx(
+          r.cells && Object.keys(r.cells).length > 0 && Object.entries(r.cells).map(([x, P]) => /* @__PURE__ */ y.jsx(
             "td",
             {
-              className: p.cell,
+              className: d.cell,
               style: {
                 width: e[x],
                 minWidth: e[x],
                 height: `${n}px`
               },
-              children: d(A)
+              children: p(P)
             },
-            vs(A) || x
+            ys(P) || x
           ))
         ]
       }
     );
   }, w = () => {
     var O;
-    return a || !o ? null : /* @__PURE__ */ v.jsx(v.Fragment, { children: ze(r) && ((O = r.children) == null ? void 0 : O.map((S, x) => /* @__PURE__ */ v.jsx(Cr, { row: S, level: t + 1 }, `child-${x}`))) });
+    return a || !o ? null : /* @__PURE__ */ y.jsx(y.Fragment, { children: Je(r) && ((O = r.children) == null ? void 0 : O.map((S, x) => /* @__PURE__ */ y.jsx(Cr, { row: S, level: t + 1 }, `child-${x}`))) });
   };
-  return /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
+  return /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
     b(),
     w()
   ] });
-}, xs = ({
+}, vs = ({
   label: r,
   rowHeight: e = 28,
   offsetTop: t = 0,
@@ -5234,7 +5244,7 @@ const Cr = ({
     tr: "smp-groupRow-tr",
     td: "smp-groupRow-td"
   };
-  return /* @__PURE__ */ v.jsx(
+  return /* @__PURE__ */ y.jsx(
     "tr",
     {
       className: i.tr,
@@ -5244,34 +5254,33 @@ const Cr = ({
         lineHeight: `${e}px`
       },
       onClick: s,
-      children: /* @__PURE__ */ v.jsxs(
+      children: /* @__PURE__ */ y.jsxs(
         "td",
         {
           className: i.td,
           style: {
             paddingLeft: 10 + n * 20
-            // indentazione per livelli nidificati
           },
           children: [
-            /* @__PURE__ */ v.jsx(
-              ue,
+            /* @__PURE__ */ y.jsx(
+              ce,
               {
                 icon: a ? "arrow_drop_down" : "arrow_drop_right",
                 width: 16
               }
             ),
-            /* @__PURE__ */ v.jsx(Ie, { variant: "title", bindValue: r })
+            /* @__PURE__ */ y.jsx(Ie, { variant: "title", bindValue: r })
           ]
         }
       )
     }
   );
 };
-function bs(r, e) {
+function xs(r, e) {
   const t = new Set(r);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function Ss(r, e) {
+function bs(r, e) {
   return r.map((t) => {
     const n = e.find((s) => s.column === t.bindValue);
     return {
@@ -5280,49 +5289,49 @@ function Ss(r, e) {
     };
   });
 }
-function ws(r, e, t, n) {
+function Ss(r, e, t, n) {
   const s = [];
   let a = 0;
   return i(r, 0, []), { flatRows: s, offset: a };
-  function i(l, p, d) {
-    if (p >= e.length) {
+  function i(l, d, p) {
+    if (d >= e.length) {
       f(l);
       return;
     }
-    const m = e[p].column, g = o(l, m);
+    const m = e[d].column, g = o(l, m);
     for (const [b, w] of g) {
-      const E = [...d, b], O = u(E, p), S = n.has(O);
-      s.push(c(b, O, p, S)), a += t, S && i(w, p + 1, E);
+      const E = [...p, b], O = u(E, d), S = n.has(O);
+      s.push(c(b, O, d, S)), a += t, S && i(w, d + 1, E);
     }
   }
-  function o(l, p) {
+  function o(l, d) {
     var m;
-    const d = /* @__PURE__ */ new Map();
+    const p = /* @__PURE__ */ new Map();
     for (const g of l) {
-      const b = ((m = g.cells[p]) == null ? void 0 : m.decode) ?? "N/D";
-      d.has(b) || d.set(b, []), d.get(b).push(g);
+      const b = ((m = g.cells[d]) == null ? void 0 : m.decode) ?? "N/D";
+      p.has(b) || p.set(b, []), p.get(b).push(g);
     }
-    return d;
+    return p;
   }
-  function u(l, p) {
-    return `group-${l.join("-")}-${p}`;
+  function u(l, d) {
+    return `group-${l.join("-")}-${d}`;
   }
-  function c(l, p, d, m) {
+  function c(l, d, p, m) {
     return {
       isGroup: !0,
       value: l,
       cells: {},
-      rowId: p,
-      level: d,
+      rowId: d,
+      level: p,
       isExpanded: m
     };
   }
   function f(l) {
-    for (const p of l)
-      s.push(p), a += t;
+    for (const d of l)
+      s.push(d), a += t;
   }
 }
-const Es = ({
+const ws = ({
   groups: r = [],
   isDraggable: e = !0,
   isEditable: t = !0,
@@ -5335,15 +5344,15 @@ const Es = ({
       bindValue: o.column
     })
   );
-  return /* @__PURE__ */ v.jsxs(
-    "div",
+  return /* @__PURE__ */ y.jsxs(
+    "tr",
     {
       className: "smp-groupBar-container",
       onDragOver: a,
       onDrop: s,
       children: [
-        /* @__PURE__ */ v.jsx(ue, { icon: "groups" }),
-        /* @__PURE__ */ v.jsx(
+        /* @__PURE__ */ y.jsx("td", { children: /* @__PURE__ */ y.jsx(ce, { icon: "groups" }) }),
+        /* @__PURE__ */ y.jsx("td", { children: /* @__PURE__ */ y.jsx(
           Rt,
           {
             elements: i,
@@ -5352,191 +5361,208 @@ const Es = ({
             displayMode: "CodeOnly",
             onChange: n
           }
-        )
+        ) })
       ]
     }
   );
-}, Ls = ({
+}, Es = ({ columns: r, columnWidths: e }) => /* @__PURE__ */ y.jsx("tfoot", { children: /* @__PURE__ */ y.jsx("tr", { children: r.map(
+  (t) => t.visible && /* @__PURE__ */ y.jsx(
+    "td",
+    {
+      className: ze["smp-headerCell"],
+      style: {
+        width: e[t.name],
+        minWidth: e[t.name],
+        maxWidth: e[t.name]
+      }
+    },
+    t.name
+  )
+) }) }), Ts = ({
+  columns: r,
+  rows: e,
+  containerRef: t,
+  sizingMode: n
+}) => {
+  const [s, a] = J({});
+  return oe(() => {
+    var i, o;
+    if (!(!r || r.length === 0)) {
+      if (n === "fixed") {
+        const c = Object.fromEntries(
+          r.map((f) => [f.name, 120])
+        );
+        a(c);
+      } else if (n === "fit-grid") {
+        const u = ((i = t.current) == null ? void 0 : i.offsetWidth) || 800, c = r.filter((d) => d.visible !== !1), f = u / c.length, l = Object.fromEntries(
+          c.map((d) => [d.name, f])
+        );
+        a(l);
+      } else if (n === "fit-content") {
+        const u = {};
+        for (const c of r) {
+          if (!c.visible) continue;
+          const f = ((o = c.title) == null ? void 0 : o.length) || 0, l = Math.max(
+            ...e.map((d) => {
+              var p, m, g, b;
+              return `${((m = (p = d.cells) == null ? void 0 : p[c.name]) == null ? void 0 : m.decode) || ((b = (g = d.cells) == null ? void 0 : g[c.name]) == null ? void 0 : b.value) || ""}`.length;
+            }),
+            f
+          );
+          u[c.name] = l * 8 + 24;
+        }
+        a(u);
+      }
+    }
+  }, [r, e, t, n]), [s, a];
+}, ks = ({
   data: r,
   lineHeight: e = 28,
   TableHeight: t = 400,
   groups: n,
   columnSizingMode: s = "fixed",
   showGroupBar: a = !0
+  // isEditable = false,
 }) => {
-  var Y;
-  const [i, o] = X(r), [u, c] = X(n || []), [f, l] = X(/* @__PURE__ */ new Set()), p = i && i.columns ? Object.fromEntries(
-    i.columns.map((j) => [j.name, 120])
-    // ADD col.width to manage existing col width
-  ) : {}, [d, m] = X(p), g = xe(null);
+  var _;
+  const [i, o] = J(
+    r ?? { columns: [], rows: [] }
+  ), [u, c] = J(n || []), [f, l] = J(/* @__PURE__ */ new Set()), d = xe(null), [p, m] = Ts({
+    columns: (i == null ? void 0 : i.columns) ?? [],
+    rows: (i == null ? void 0 : i.rows) ?? [],
+    containerRef: d,
+    sizingMode: s
+  });
   oe(() => {
-    var D;
-    if (!i || !i.columns || i.columns.length)
-      return;
-    const j = ((D = g.current) == null ? void 0 : D.clientWidth) ?? 1e3;
-    let C = {};
-    switch (s) {
-      case "fixed":
-        C = Object.fromEntries(
-          i.columns.map((k) => [k.name, 120])
-        );
-        break;
-      case "fit-grid": {
-        const k = i.columns.filter((H) => H.visible), U = Math.floor(j / k.length);
-        C = Object.fromEntries(
-          k.map((H) => [H.name, U])
-        );
-        break;
-      }
-      case "fit-content":
-        C = Object.fromEntries(
-          i.columns.map((k) => {
-            const U = Math.max(
-              ...r.rows.map((W) => {
-                var y;
-                const L = (y = W == null ? void 0 : W.cells) == null ? void 0 : y[k.name], h = (L == null ? void 0 : L.decode) || (L == null ? void 0 : L.value);
-                return h ? String(h).length : 0;
-              }),
-              0
-            ), H = k.title ? k.title.length : 0, z = Math.max(U, H);
-            return [
-              k.name,
-              Math.max(50, z * 8 + 16)
-            ];
-          })
-        );
-        break;
-    }
-    m(C);
-  }, [s, r, i]), oe(() => {
     if (u != null && u.length && r.rows) {
-      const { flatRows: j } = ws(
+      const { flatRows: $ } = Ss(
         r.rows,
         u,
         e,
         f
       );
-      o({ ...r, rows: j });
+      o({ ...r, rows: $ });
     } else
       o(r);
   }, [r, u, f, e]);
-  const b = (j) => {
-    c(Ss(j, u));
-  }, w = (j) => {
-    j.preventDefault();
-    const C = j.dataTransfer.getData("text/plain");
-    if (!C || u.some((U) => U.column === C))
+  const g = ($) => {
+    c(bs($, u));
+  }, b = ($) => {
+    $.preventDefault();
+    const A = $.dataTransfer.getData("text/plain");
+    if (!A || u.some((M) => M.column === A))
       return;
-    const k = [...u, { column: C, visible: !0 }];
-    c(k);
-  }, E = (j) => {
-    j.preventDefault();
-  }, { virtualItems: O, containerProps: S, innerProps: x } = Er({
-    items: (i == null ? void 0 : i.rows) || [],
+    const j = [...u, { column: A, visible: !0 }];
+    c(j);
+  }, w = ($) => {
+    $.preventDefault();
+  }, { virtualItems: E, containerProps: O, innerProps: S } = Er({
+    items: (i == null ? void 0 : i.rows) ?? [],
     itemHeight: e,
     containerHeight: t,
     overscan: 5
-  }), A = (j, C) => {
-    const D = j.clientX, k = d[C], U = (z) => {
-      const q = z.clientX - D, K = Math.max(50, k + q);
-      m((W) => ({
-        ...W,
-        [C]: K
+  }), x = ($, A) => {
+    const I = $.clientX, j = p[A], M = (B) => {
+      const Z = B.clientX - I, q = Math.max(50, j + Z);
+      m((K) => ({
+        ...K,
+        [A]: q
       }));
-    }, H = () => {
-      window.removeEventListener("mousemove", U), window.removeEventListener("mouseup", H);
+    }, U = () => {
+      window.removeEventListener("mousemove", M), window.removeEventListener("mouseup", U);
     };
-    window.addEventListener("mousemove", U), window.addEventListener("mouseup", H);
-  }, $ = {
-    smpTable: `${mt["smp-table"]}`,
-    headerCell: `${mt["smp-headerCell"]}`,
-    resizer: `${mt["smp-resizer"]}`
+    window.addEventListener("mousemove", M), window.addEventListener("mouseup", U);
+  }, P = {
+    smpTable: `${ze["smp-table"]}`,
+    headerCell: `${ze["smp-headerCell"]}`,
+    resizer: `${ze["smp-resizer"]}`
   };
-  return i && /* @__PURE__ */ v.jsx(
+  return i && /* @__PURE__ */ y.jsx(
     "div",
     {
-      className: $.smpTable,
-      ...S,
-      ref: g,
-      children: /* @__PURE__ */ v.jsxs("table", { children: [
-        /* @__PURE__ */ v.jsxs("thead", { children: [
-          (n || a) && /* @__PURE__ */ v.jsx(
-            Es,
+      className: P.smpTable,
+      ...O,
+      ref: d,
+      children: /* @__PURE__ */ y.jsxs("table", { children: [
+        /* @__PURE__ */ y.jsxs("thead", { children: [
+          (n || a) && /* @__PURE__ */ y.jsx(
+            ws,
             {
               groups: u,
-              onChange: b,
-              onDrop: w,
-              onDragOver: E
+              onChange: g,
+              onDrop: b,
+              onDragOver: w
             }
           ),
-          /* @__PURE__ */ v.jsx("tr", { children: i.columns && ((Y = i.columns) == null ? void 0 : Y.map(
-            (j) => j.visible && /* @__PURE__ */ v.jsxs(
+          /* @__PURE__ */ y.jsx("tr", { children: i.columns && ((_ = i.columns) == null ? void 0 : _.map(
+            ($) => $.visible && /* @__PURE__ */ y.jsxs(
               "th",
               {
-                className: $.headerCell,
+                className: P.headerCell,
                 draggable: !0,
-                onDragStart: (C) => {
-                  C.dataTransfer.setData("text/plain", j.name);
+                onDragStart: (A) => {
+                  A.dataTransfer.setData("text/plain", $.name);
                 },
                 style: {
-                  width: d[j.name],
-                  minWidth: d[j.name],
-                  maxWidth: d[j.name]
+                  width: p[$.name],
+                  minWidth: p[$.name],
+                  maxWidth: p[$.name]
                 },
                 children: [
-                  /* @__PURE__ */ v.jsx(
+                  /* @__PURE__ */ y.jsx(
                     Ie,
                     {
                       variant: "title",
-                      bindValue: j.title
+                      bindValue: $.title
                     }
                   ),
-                  /* @__PURE__ */ v.jsx(
+                  /* @__PURE__ */ y.jsx(
                     "div",
                     {
-                      className: $.resizer,
-                      onMouseDown: (C) => A(C, j.name),
+                      className: P.resizer,
+                      onMouseDown: (A) => x(A, $.name),
                       role: "region"
                     }
                   )
                 ]
               },
-              j.name
+              $.name
             )
           )) })
         ] }),
-        /* @__PURE__ */ v.jsx("tbody", { ...x, children: O.map(
-          ({ item: j, index: C, offsetTop: D }) => j.isGroup ? /* @__PURE__ */ v.jsx(
-            xs,
+        /* @__PURE__ */ y.jsx("tbody", { ...S, children: E.map(({ item: $, index: A, offsetTop: I }) => {
+          const j = $.rowId || $.value || `${$.isGroup ? "group" : "row"}-${A}`;
+          return $.isGroup ? /* @__PURE__ */ y.jsx(
+            vs,
             {
-              label: j.value || "",
+              label: $.value || "",
               rowHeight: e,
-              offsetTop: D,
-              level: j.level,
+              offsetTop: I,
+              level: $.level,
               onClick: () => {
-                const k = j.rowId;
-                k && l((U) => bs(U, k));
+                const M = $.rowId;
+                M && l((U) => xs(U, M));
               },
-              isExpanded: j.isExpanded
+              isExpanded: $.isExpanded
             },
-            j.rowId || `group-${C}`
-          ) : /* @__PURE__ */ v.jsx(
+            `group-${j}`
+          ) : /* @__PURE__ */ y.jsx(
             Cr,
             {
-              row: j,
-              columnWidths: d,
+              row: $,
+              columnWidths: p,
               rowHeight: e,
-              offsetTop: D,
+              offsetTop: I,
               isGroup: !1
             },
-            j.rowId || `row-${C}`
-          )
-        ) }),
-        /* @__PURE__ */ v.jsx("tfoot", { children: /* @__PURE__ */ v.jsx("span", { children: "Tfooter here" }) })
+            `row-${j}`
+          );
+        }) }),
+        /* @__PURE__ */ y.jsx(Es, { columns: i.columns, columnWidths: p })
       ] })
     }
   );
-}, ks = ({
+}, Is = ({
   data: r,
   Type: e,
   ShowSubmit: t = !1,
@@ -5548,7 +5574,7 @@ const Es = ({
   onClick: u,
   onOptionsRequest: c
 }) => {
-  const [f, l] = X();
+  const [f, l] = J();
   oe(() => {
     l(() => {
       if (!r)
@@ -5557,14 +5583,14 @@ const Es = ({
       return e && (g.shape = e), g.shape == null && (g.shape = ne.TEXT_FIELD), s && (g.obj = Yr(s)), g;
     });
   }, [r, s, e]);
-  const d = {
-    container: `smp-field-container ${ce(t) ? `smp-field-position-${n}` : ""}`
+  const p = {
+    container: `smp-field-container ${ue(t) ? `smp-field-position-${n}` : ""}`
   }, m = () => {
-    ce(t) || o == null || o(f);
+    ue(t) || o == null || o(f);
   };
   if (f)
-    return /* @__PURE__ */ v.jsxs("div", { className: d.container, children: [
-      /* @__PURE__ */ v.jsx(
+    return /* @__PURE__ */ y.jsxs("div", { className: p.container, children: [
+      /* @__PURE__ */ y.jsx(
         "div",
         {
           style: {
@@ -5573,7 +5599,7 @@ const Es = ({
             gap: "8px",
             font: "var(--smp-fontLabel-base)"
           },
-          children: /* @__PURE__ */ v.jsx(
+          children: /* @__PURE__ */ y.jsx(
             Dt,
             {
               ...f,
@@ -5587,8 +5613,8 @@ const Es = ({
           )
         }
       ),
-      ce(t) && //TODO: translation
-      /* @__PURE__ */ v.jsx(
+      ue(t) && //TODO: translation
+      /* @__PURE__ */ y.jsx(
         _e,
         {
           optionalDisplayValue: "Confirm",
@@ -5597,25 +5623,25 @@ const Es = ({
         }
       )
     ] });
-}, Ts = (r) => (r == null ? void 0 : r.type) === "SmeupDataTree", Os = (r) => (r == null ? void 0 : r.type) === "SmeupDataTable", Rs = (r) => Ts(r) ? r.children ? r.children.map(
+}, Os = (r) => (r == null ? void 0 : r.type) === "SmeupDataTree", Rs = (r) => (r == null ? void 0 : r.type) === "SmeupDataTable", js = (r) => Os(r) ? r.children ? r.children.map(
   (e) => ({
     id: e.obj.k,
     label: e.value ?? ""
   })
-) : [] : Os(r) ? r.rows.map((e) => {
+) : [] : Rs(r) ? r.rows.map((e) => {
   const t = e.cells || e.cells, [n, s] = Object.keys(t);
   return {
     id: t[n].obj.k,
     label: t[s].value || t[s].obj.k
   };
-}) : [], Is = ({
+}) : [], Ns = ({
   data: r,
   readOnly: e = !1,
   hiddenSubmitButton: t = !1,
   optionsHandler: n,
   onSubmit: s
 }) => {
-  const [a, i] = X({});
+  const [a, i] = J({});
   oe(() => {
     i(u(r));
   }, [r]);
@@ -5625,8 +5651,8 @@ const Es = ({
       value: f
     });
   }, u = (f) => {
-    var p, d, m;
-    if (!((p = f.rows) != null && p.length) || !((d = f.columns) != null && d.length))
+    var d, p, m;
+    if (!((d = f.rows) != null && d.length) || !((p = f.columns) != null && p.length))
       return {};
     const l = (m = f.rows) == null ? void 0 : m[0];
     return f.columns.filter((g) => g.visible ?? !0).reduce((g, b) => {
@@ -5647,7 +5673,7 @@ const Es = ({
           }));
         }
       };
-      return w.fun && (w.shape == ne.AUTOCOMPLETE || w.shape == ne.MULTI_AUTOCOMPLETE || w.shape == ne.COMBOBOX) && (w.onOptionsRequest = async (E, O) => Rs(
+      return w.fun && (w.shape == ne.AUTOCOMPLETE || w.shape == ne.MULTI_AUTOCOMPLETE || w.shape == ne.COMBOBOX) && (w.onOptionsRequest = async (E, O) => js(
         await n(E, O, r, b.name)
       )), w.isEditable == null && (w.isEditable = !0), e && (w.isEditable = !1), w.isEditable && w.shape == null && (w.shape = ne.TEXT_FIELD), {
         ...g,
@@ -5666,7 +5692,7 @@ const Es = ({
       ]
     }
   });
-  return a && /* @__PURE__ */ v.jsxs(
+  return a && /* @__PURE__ */ y.jsxs(
     "div",
     {
       "data-component": "input-panel",
@@ -5677,8 +5703,8 @@ const Es = ({
         padding: "2rem"
       },
       children: [
-        /* @__PURE__ */ v.jsx(_t, { layout: r.rows[0].layout, cells: a }),
-        !t && /* @__PURE__ */ v.jsx(
+        /* @__PURE__ */ y.jsx(_t, { layout: r.rows[0].layout, cells: a }),
+        !t && /* @__PURE__ */ y.jsx(
           _e,
           {
             onClick: o,
@@ -5691,20 +5717,20 @@ const Es = ({
   );
 };
 export {
-  Cs as AppBar,
+  Ps as AppBar,
   Rr as Autocomplete,
   _e as Button,
   gn as ButtonList,
   yn as Checkbox,
   xn as Combobox,
-  As as DashList,
-  Ls as DataTableComponent,
+  Ls as DashList,
+  ks as DataTableComponent,
   ts as DatePicker,
-  Ps as Drawer,
-  ks as Field,
-  ue as Icon,
-  Is as InputPanel,
+  As as Drawer,
+  Is as Field,
+  ce as Icon,
+  Ns as InputPanel,
   ns as Password,
   Ce as Textfield,
-  $s as configurePaths
+  Cs as configurePaths
 };