@sme.up/ketchup2 2.0.0-SNAPSHOT-20250624130438 → 2.0.0-SNAPSHOT-20250624144221

package/dist/ketchup2.es.js

@@ -4,7 +4,7 @@ var me = (r, e, t) => Fr(r, typeof e != "symbol" ? e + "" : e, t);
 import * as He from "react";
 import nt, { useEffect as ne, useRef as ce, useState as q, useCallback as le, useLayoutEffect as Vr, useId as We, useMemo as Yr } from "react";
 import { createPortal as Ur } from "react-dom";
-var Ge = { exports: {} }, ke = {};
+var Ge = { exports: {} }, Ne = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -16,7 +16,7 @@ var Ge = { exports: {} }, ke = {};
  */
 var Nt;
 function Wr() {
-  if (Nt) return ke;
+  if (Nt) return Ne;
   Nt = 1;
   var r = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function t(n, s, a) {
@@ -34,9 +34,9 @@ function Wr() {
       props: a
     };
   }
-  return ke.Fragment = e, ke.jsx = t, ke.jsxs = t, ke;
+  return Ne.Fragment = e, Ne.jsx = t, Ne.jsxs = t, Ne;
 }
-var Ne = {};
+var Ie = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -49,13 +49,13 @@ var Ne = {};
 var It;
 function Br() {
   return It || (It = 1, process.env.NODE_ENV !== "production" && function() {
-    function r(p) {
-      if (p == null) return null;
-      if (typeof p == "function")
-        return p.$$typeof === k ? null : p.displayName || p.name || null;
-      if (typeof p == "string") return p;
-      switch (p) {
-        case b:
+    function r(h) {
+      if (h == null) return null;
+      if (typeof h == "function")
+        return h.$$typeof === k ? null : h.displayName || h.name || null;
+      if (typeof h == "string") return h;
+      switch (h) {
+        case x:
           return "Fragment";
         case w:
           return "Profiler";
@@ -68,127 +68,127 @@ function Br() {
         case D:
           return "Activity";
       }
-      if (typeof p == "object")
-        switch (typeof p.tag == "number" && console.error(
+      if (typeof h == "object")
+        switch (typeof h.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), p.$$typeof) {
-          case h:
+        ), h.$$typeof) {
+          case p:
             return "Portal";
           case _:
-            return (p.displayName || "Context") + ".Provider";
+            return (h.displayName || "Context") + ".Provider";
           case S:
-            return (p._context.displayName || "Context") + ".Consumer";
+            return (h._context.displayName || "Context") + ".Consumer";
           case O:
-            var x = p.render;
-            return p = p.displayName, p || (p = x.displayName || x.name || "", p = p !== "" ? "ForwardRef(" + p + ")" : "ForwardRef"), p;
+            var b = h.render;
+            return h = h.displayName, h || (h = b.displayName || b.name || "", h = h !== "" ? "ForwardRef(" + h + ")" : "ForwardRef"), h;
           case E:
-            return x = p.displayName || null, x !== null ? x : r(p.type) || "Memo";
+            return b = h.displayName || null, b !== null ? b : r(h.type) || "Memo";
           case T:
-            x = p._payload, p = p._init;
+            b = h._payload, h = h._init;
             try {
-              return r(p(x));
+              return r(h(b));
             } catch {
             }
         }
       return null;
     }
-    function e(p) {
-      return "" + p;
+    function e(h) {
+      return "" + h;
     }
-    function t(p) {
+    function t(h) {
       try {
-        e(p);
-        var x = !1;
+        e(h);
+        var b = !1;
       } catch {
-        x = !0;
+        b = !0;
       }
-      if (x) {
-        x = console;
-        var R = x.error, A = typeof Symbol == "function" && Symbol.toStringTag && p[Symbol.toStringTag] || p.constructor.name || "Object";
+      if (b) {
+        b = console;
+        var R = b.error, A = typeof Symbol == "function" && Symbol.toStringTag && h[Symbol.toStringTag] || h.constructor.name || "Object";
         return R.call(
-          x,
+          b,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           A
-        ), e(p);
+        ), e(h);
       }
     }
-    function n(p) {
-      if (p === b) return "<>";
-      if (typeof p == "object" && p !== null && p.$$typeof === T)
+    function n(h) {
+      if (h === x) return "<>";
+      if (typeof h == "object" && h !== null && h.$$typeof === T)
         return "<...>";
       try {
-        var x = r(p);
-        return x ? "<" + x + ">" : "<...>";
+        var b = r(h);
+        return b ? "<" + b + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function s() {
-      var p = W.A;
-      return p === null ? null : p.getOwner();
+      var h = W.A;
+      return h === null ? null : h.getOwner();
     }
     function a() {
       return Error("react-stack-top-frame");
     }
-    function i(p) {
-      if (C.call(p, "key")) {
-        var x = Object.getOwnPropertyDescriptor(p, "key").get;
-        if (x && x.isReactWarning) return !1;
+    function i(h) {
+      if (C.call(h, "key")) {
+        var b = Object.getOwnPropertyDescriptor(h, "key").get;
+        if (b && b.isReactWarning) return !1;
       }
-      return p.key !== void 0;
+      return h.key !== void 0;
     }
-    function o(p, x) {
+    function o(h, b) {
       function R() {
         B || (B = !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)",
-          x
+          b
         ));
       }
-      R.isReactWarning = !0, Object.defineProperty(p, "key", {
+      R.isReactWarning = !0, Object.defineProperty(h, "key", {
         get: R,
         configurable: !0
       });
     }
     function c() {
-      var p = r(this.type);
-      return H[p] || (H[p] = !0, console.error(
+      var h = r(this.type);
+      return H[h] || (H[h] = !0, console.error(
         "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."
-      )), p = this.props.ref, p !== void 0 ? p : null;
+      )), h = this.props.ref, h !== void 0 ? h : null;
     }
-    function l(p, x, R, A, $, L, V, Y) {
-      return R = L.ref, p = {
+    function l(h, b, R, A, $, L, V, Y) {
+      return R = L.ref, h = {
         $$typeof: m,
-        type: p,
-        key: x,
+        type: h,
+        key: b,
         props: L,
         _owner: $
-      }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(p, "ref", {
+      }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(h, "ref", {
         enumerable: !1,
         get: c
-      }) : Object.defineProperty(p, "ref", { enumerable: !1, value: null }), p._store = {}, Object.defineProperty(p._store, "validated", {
+      }) : Object.defineProperty(h, "ref", { enumerable: !1, value: null }), h._store = {}, Object.defineProperty(h._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(p, "_debugInfo", {
+      }), Object.defineProperty(h, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(p, "_debugStack", {
+      }), Object.defineProperty(h, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: V
-      }), Object.defineProperty(p, "_debugTask", {
+      }), Object.defineProperty(h, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: Y
-      }), Object.freeze && (Object.freeze(p.props), Object.freeze(p)), p;
+      }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
     }
-    function f(p, x, R, A, $, L, V, Y) {
-      var F = x.children;
+    function f(h, b, R, A, $, L, V, Y) {
+      var F = b.children;
       if (F !== void 0)
         if (A)
           if (j(F)) {
@@ -200,9 +200,9 @@ function Br() {
               "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 u(F);
-      if (C.call(x, "key")) {
-        F = r(p);
-        var J = Object.keys(x).filter(function(ae) {
+      if (C.call(b, "key")) {
+        F = r(h);
+        var J = Object.keys(b).filter(function(ae) {
           return ae !== "key";
         });
         A = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", I[F + A] || (J = 0 < J.length ? "{" + J.join(": ..., ") + ": ...}" : "{}", console.error(
@@ -218,16 +218,16 @@ React keys must be passed directly to JSX without using spread:
           F
         ), I[F + A] = !0);
       }
-      if (F = null, R !== void 0 && (t(R), F = "" + R), i(x) && (t(x.key), F = "" + x.key), "key" in x) {
+      if (F = null, R !== void 0 && (t(R), F = "" + R), i(b) && (t(b.key), F = "" + b.key), "key" in b) {
         R = {};
-        for (var G in x)
-          G !== "key" && (R[G] = x[G]);
-      } else R = x;
+        for (var G in b)
+          G !== "key" && (R[G] = b[G]);
+      } else R = b;
       return F && o(
         R,
-        typeof p == "function" ? p.displayName || p.name || "Unknown" : p
+        typeof h == "function" ? h.displayName || h.name || "Unknown" : h
       ), l(
-        p,
+        h,
         F,
         L,
         $,
@@ -237,54 +237,54 @@ React keys must be passed directly to JSX without using spread:
         Y
       );
     }
-    function u(p) {
-      typeof p == "object" && p !== null && p.$$typeof === m && p._store && (p._store.validated = 1);
+    function u(h) {
+      typeof h == "object" && h !== null && h.$$typeof === m && h._store && (h._store.validated = 1);
     }
-    var d = nt, m = Symbol.for("react.transitional.element"), h = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), P = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), k = Symbol.for("react.client.reference"), W = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, j = Array.isArray, M = console.createTask ? console.createTask : function() {
+    var d = nt, m = Symbol.for("react.transitional.element"), p = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), P = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), k = Symbol.for("react.client.reference"), W = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, j = Array.isArray, M = console.createTask ? console.createTask : function() {
       return null;
     };
     d = {
-      "react-stack-bottom-frame": function(p) {
-        return p();
+      "react-stack-bottom-frame": function(h) {
+        return h();
       }
     };
     var B, H = {}, z = d["react-stack-bottom-frame"].bind(
       d,
       a
     )(), Z = M(n(a)), I = {};
-    Ne.Fragment = b, Ne.jsx = function(p, x, R, A, $) {
+    Ie.Fragment = x, Ie.jsx = function(h, b, R, A, $) {
       var L = 1e4 > W.recentlyCreatedOwnerStacks++;
       return f(
-        p,
-        x,
+        h,
+        b,
         R,
         !1,
         A,
         $,
         L ? Error("react-stack-top-frame") : z,
-        L ? M(n(p)) : Z
+        L ? M(n(h)) : Z
       );
-    }, Ne.jsxs = function(p, x, R, A, $) {
+    }, Ie.jsxs = function(h, b, R, A, $) {
       var L = 1e4 > W.recentlyCreatedOwnerStacks++;
       return f(
-        p,
-        x,
+        h,
+        b,
         R,
         !0,
         A,
         $,
         L ? Error("react-stack-top-frame") : z,
-        L ? M(n(p)) : Z
+        L ? M(n(h)) : Z
       );
     };
-  }()), Ne;
+  }()), Ie;
 }
 var Mt;
 function Hr() {
   return Mt || (Mt = 1, process.env.NODE_ENV === "production" ? Ge.exports = Wr() : Ge.exports = Br()), Ge.exports;
 }
 var g = Hr();
-const Ae = ({ label: r, disabled: e, htmlFor: t }) => {
+const Oe = ({ label: r, disabled: e, htmlFor: t }) => {
   const n = {
     container: `smp-label ${e ? "smp-label-disabled" : ""}`
   };
@@ -364,19 +364,19 @@ const Ae = ({ label: r, disabled: e, htmlFor: t }) => {
   const n = "--smp-grid-template-cols", s = "--smp-grid-template-rows", a = Or(
     e.sections ?? [],
     Object.keys(t)
-  ), i = (d) => d.reduce((m, h) => {
+  ), i = (d) => d.reduce((m, p) => {
     var _, O;
-    let b = "", v = {}, w = {}, S = "";
-    return (_ = h.sections) != null && _.length ? (b = ge["smp-layout-section-grid"], v = i(h.sections), h.gridCols === void 0 && (S = ge[h.horizontal ? "smp-grid-template-cols" : "smp-grid-template-rows"], (h.horizontal || Vt(h.sections)) && (w = Ft(
-      h.sections,
-      h.horizontal ? n : s
-    )))) : (O = h.content) != null && O.length && (h.gridCols !== void 0 && h.gridCols > 0 ? (b = ge["smp-layout-section-grid"], S = ge["smp-grid-template-cols"], w = {
-      [n]: `repeat(${h.gridCols}, 1fr)`
-    }) : b = ge["smp-layout-section-flex"]), {
+    let x = "", v = {}, w = {}, S = "";
+    return (_ = p.sections) != null && _.length ? (x = ge["smp-layout-section-grid"], v = i(p.sections), p.gridCols === void 0 && (S = ge[p.horizontal ? "smp-grid-template-cols" : "smp-grid-template-rows"], (p.horizontal || Vt(p.sections)) && (w = Ft(
+      p.sections,
+      p.horizontal ? n : s
+    )))) : (O = p.content) != null && O.length && (p.gridCols !== void 0 && p.gridCols > 0 ? (x = ge["smp-layout-section-grid"], S = ge["smp-grid-template-cols"], w = {
+      [n]: `repeat(${p.gridCols}, 1fr)`
+    }) : x = ge["smp-layout-section-flex"]), {
       ...m,
       ...v,
-      [h.id]: {
-        classes: `${b} ${ge[h.horizontal ? "smp-layout-section-horizontal" : "smp-layout-section-vertical"]} ${S} ${h.justify ? `smp-justifyContent-${h.justify}` : ""} ${h.align ? `smp-alignItems-${h.align}` : ""}`,
+      [p.id]: {
+        classes: `${x} ${ge[p.horizontal ? "smp-layout-section-horizontal" : "smp-layout-section-vertical"]} ${S} ${p.justify ? `smp-justifyContent-${p.justify}` : ""} ${p.align ? `smp-alignItems-${p.align}` : ""}`,
         styles: w
       }
     };
@@ -384,14 +384,14 @@ const Ae = ({ label: r, disabled: e, htmlFor: t }) => {
     a,
     e.horizontal ? n : s
   ) : {}, f = (d) => {
-    var h, b;
+    var p, x;
     const m = /* @__PURE__ */ g.jsx(
       "div",
       {
         "smp-id": `section-${d.id}`,
         className: o[d.id].classes,
         style: o[d.id].styles,
-        children: (h = d.sections) != null && h.length ? d.sections.map((v) => f(v)) : (b = d.content) == null ? void 0 : b.map(
+        children: (p = d.sections) != null && p.length ? d.sections.map((v) => f(v)) : (x = d.content) == null ? void 0 : x.map(
           (v) => u(v, d.justify, d.align)
         )
       },
@@ -406,7 +406,7 @@ const Ae = ({ label: r, disabled: e, htmlFor: t }) => {
             "span",
             {
               className: `${ge["smp-layout-section-title"]} ${d.justify ? `smp-justifyContent-${d.justify}` : ""} ${d.align ? `smp-alignItems-${d.align}` : ""}`,
-              children: /* @__PURE__ */ g.jsx(Ae, { label: d.title })
+              children: /* @__PURE__ */ g.jsx(Oe, { label: d.title })
             }
           ),
           m
@@ -414,20 +414,20 @@ const Ae = ({ label: r, disabled: e, htmlFor: t }) => {
       },
       `title-section-${d.id}`
     ) : m;
-  }, u = (d, m, h) => {
-    const b = t[d.id];
-    if (!b) return null;
+  }, u = (d, m, p) => {
+    const x = t[d.id];
+    if (!x) return null;
     const w = {
       gridColumnStart: (d.colSpan && d.colSpan > 0 ? `span ${d.colSpan}` : d.colStart && d.colStart < 1 ? "1" : void 0) ?? d.colStart,
       gridColumnEnd: d.colEnd && d.colEnd > 0 ? d.colEnd : void 0
-    }, S = `${ge["smp-layout-cell-container"]} ${m ? `smp-justifyContent-${m}` : ""} ${h ? `smp-alignItems-${h}` : ""}`;
+    }, S = `${ge["smp-layout-cell-container"]} ${m ? `smp-justifyContent-${m}` : ""} ${p ? `smp-alignItems-${p}` : ""}`;
     return /* @__PURE__ */ g.jsx(
       "div",
       {
         className: S,
         style: w,
         "smp-id": d.id,
-        children: b
+        children: x
       },
       d.id
     );
@@ -606,7 +606,7 @@ const Yt = /* @__PURE__ */ new Map([
       }
     }
   ]
-]), Pe = (r, e) => {
+]), Ce = (r, e) => {
   ne(() => {
     const t = (n) => {
       typeof r == "object" && r !== null && "current" in r && r.current && !r.current.contains(n.target) && e();
@@ -625,28 +625,28 @@ function dt({
     if (!o || !c) return;
     const { top: l, left: f, width: u, height: d } = o.getBoundingClientRect();
     a(u);
-    const m = c.offsetHeight, h = c.offsetWidth;
-    if (h === 0 || m === 0) {
+    const m = c.offsetHeight, p = c.offsetWidth;
+    if (p === 0 || m === 0) {
       requestAnimationFrame(i);
       return;
     }
-    let b = l + window.scrollY, v = f + window.scrollX;
+    let x = l + window.scrollY, v = f + window.scrollX;
     switch (r) {
       case "top":
-        b -= m;
+        x -= m;
         break;
       case "bottom":
-        b += d;
+        x += d;
         break;
       case "left":
-        v -= h;
+        v -= p;
         break;
       case "right":
         v += u;
         break;
     }
     requestAnimationFrame(() => {
-      c.style.transform = `translate(${v}px, ${b}px)`, c.style.opacity = "1";
+      c.style.transform = `translate(${v}px, ${x}px)`, c.style.opacity = "1";
     });
   }, [r]);
   return Vr(() => {
@@ -661,7 +661,7 @@ function dt({
     };
   }, [i, e]), { anchorRef: t, targetRef: n, anchorWidth: s };
 }
-const Fe = (r, e, t) => {
+const Ve = (r, e, t) => {
   if (r == "")
     return "";
   if (t)
@@ -734,14 +734,14 @@ function rn() {
     var d = u.parameters, m = u.type;
     if (!m || !a.test(m))
       throw new TypeError("invalid type");
-    var h = m;
+    var p = m;
     if (d && typeof d == "object")
-      for (var b, v = Object.keys(d).sort(), w = 0; w < v.length; w++) {
-        if (b = v[w], !t.test(b))
+      for (var x, v = Object.keys(d).sort(), w = 0; w < v.length; w++) {
+        if (x = v[w], !t.test(x))
           throw new TypeError("invalid parameter name");
-        h += "; " + b + "=" + l(d[b]);
+        p += "; " + x + "=" + l(d[x]);
       }
-    return h;
+    return p;
   }
   function o(u) {
     if (!u)
@@ -749,21 +749,21 @@ function rn() {
     var d = typeof u == "object" ? c(u) : u;
     if (typeof d != "string")
       throw new TypeError("argument string is required to be a string");
-    var m = d.indexOf(";"), h = m !== -1 ? d.slice(0, m).trim() : d.trim();
-    if (!a.test(h))
+    var m = d.indexOf(";"), p = m !== -1 ? d.slice(0, m).trim() : d.trim();
+    if (!a.test(p))
       throw new TypeError("invalid media type");
-    var b = new f(h.toLowerCase());
+    var x = new f(p.toLowerCase());
     if (m !== -1) {
       var v, w, S;
       for (r.lastIndex = m; w = r.exec(d); ) {
         if (w.index !== m)
           throw new TypeError("invalid parameter format");
-        m += w[0].length, v = w[1].toLowerCase(), S = w[2], S.charCodeAt(0) === 34 && (S = S.slice(1, -1), S.indexOf("\\") !== -1 && (S = S.replace(n, "$1"))), b.parameters[v] = S;
+        m += w[0].length, v = w[1].toLowerCase(), S = w[2], S.charCodeAt(0) === 34 && (S = S.slice(1, -1), S.indexOf("\\") !== -1 && (S = S.replace(n, "$1"))), x.parameters[v] = S;
       }
       if (m !== d.length)
         throw new TypeError("invalid parameter format");
     }
-    return b;
+    return x;
   }
   function c(u) {
     var d;
@@ -784,7 +784,7 @@ function rn() {
   }
   return qe;
 }
-var nn = rn(), De = /* @__PURE__ */ new Map(), Rr = function(e) {
+var nn = rn(), _e = /* @__PURE__ */ new Map(), Rr = function(e) {
   return e.cloneNode(!0);
 }, Wt = function() {
   return window.location.protocol === "file:";
@@ -821,15 +821,15 @@ var nn = rn(), De = /* @__PURE__ */ new Map(), Rr = function(e) {
   for (var t = function(i, o) {
     setTimeout(function() {
       if (Array.isArray(we[e])) {
-        var c = De.get(e), l = we[e][i];
+        var c = _e.get(e), l = we[e][i];
         c instanceof SVGSVGElement && l(null, Rr(c)), c instanceof Error && l(c), i === we[e].length - 1 && delete we[e];
       }
     }, 0);
   }, n = 0, s = we[e].length; n < s; n++)
     t(n);
 }, an = function(e, t, n) {
-  if (De.has(e)) {
-    var s = De.get(e);
+  if (_e.has(e)) {
+    var s = _e.get(e);
     if (s === void 0) {
       Bt(e, n);
       return;
@@ -839,9 +839,9 @@ var nn = rn(), De = /* @__PURE__ */ new Map(), Rr = function(e) {
       return;
     }
   }
-  De.set(e, void 0), Bt(e, n), Dr(e, t, function(a, i) {
+  _e.set(e, void 0), Bt(e, n), Dr(e, t, function(a, i) {
     var o;
-    a ? De.set(e, a) : ((o = i.responseXML) === null || o === void 0 ? void 0 : o.documentElement) instanceof SVGSVGElement && De.set(e, i.responseXML.documentElement), sn(e);
+    a ? _e.set(e, a) : ((o = i.responseXML) === null || o === void 0 ? void 0 : o.documentElement) instanceof SVGSVGElement && _e.set(e, i.responseXML.documentElement), sn(e);
   });
 }, on = function(e, t, n) {
   Dr(e, t, function(s, a) {
@@ -871,10 +871,10 @@ var nn = rn(), De = /* @__PURE__ */ new Map(), Rr = function(e) {
     d && u.setAttribute("id", d);
     var m = e.getAttribute("title");
     m && u.setAttribute("title", m);
-    var h = e.getAttribute("width");
-    h && u.setAttribute("width", h);
-    var b = e.getAttribute("height");
-    b && u.setAttribute("height", b);
+    var p = e.getAttribute("width");
+    p && u.setAttribute("width", p);
+    var x = e.getAttribute("height");
+    x && u.setAttribute("height", x);
     var v = Array.from(new Set(gt(gt(gt([], (u.getAttribute("class") || "").split(" "), !0), ["injected-svg"], !1), (e.getAttribute("class") || "").split(" "), !0))).join(" ").trim();
     u.setAttribute("class", v);
     var w = e.getAttribute("style");
@@ -916,8 +916,8 @@ var nn = rn(), De = /* @__PURE__ */ new Map(), Rr = function(e) {
           for (var ae = 0, N = Y.length; ae < N; ae++)
             Y[ae].setAttributeNS(yt, "href", "#" + T);
           y[A].id = T;
-        }, p = 0, x = y.length; p < x; p++)
-          I(p);
+        }, h = 0, b = y.length; h < b; h++)
+          I(h);
       });
     }
     u.removeAttribute("xmlns:a");
@@ -941,13 +941,13 @@ var nn = rn(), De = /* @__PURE__ */ new Map(), Rr = 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, c = n.beforeEach, l = c === void 0 ? function() {
-  } : c, f = n.cacheRequests, u = f === void 0 ? !0 : f, d = n.evalScripts, m = d === void 0 ? "never" : d, h = n.httpRequestWithCredentials, b = h === void 0 ? !1 : h, v = n.renumerateIRIElements, w = v === void 0 ? !0 : v;
+  } : c, f = n.cacheRequests, u = f === void 0 ? !0 : f, d = n.evalScripts, m = d === void 0 ? "never" : d, p = n.httpRequestWithCredentials, x = p === void 0 ? !1 : p, v = n.renumerateIRIElements, w = v === void 0 ? !0 : v;
   if (e && "length" in e)
     for (var S = 0, _ = 0, O = e.length; _ < O; _++)
-      Gt(e[_], m, w, u, b, l, function(y, P) {
+      Gt(e[_], m, w, u, x, l, function(y, P) {
         o(y, P), e && "length" in e && e.length === ++S && a(S);
       });
-  else e ? Gt(e, m, w, u, b, l, function(y, P) {
+  else e ? Gt(e, m, w, u, x, l, function(y, P) {
     o(y, P), a(1), e = null;
   }) : a(0);
 }, ze = { exports: {} }, Je = { exports: {} }, Q = {};
@@ -963,7 +963,7 @@ var Kt;
 function dn() {
   if (Kt) return Q;
   Kt = 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, c = r ? Symbol.for("react.async_mode") : 60111, l = r ? Symbol.for("react.concurrent_mode") : 60111, f = r ? Symbol.for("react.forward_ref") : 60112, u = r ? Symbol.for("react.suspense") : 60113, d = r ? Symbol.for("react.suspense_list") : 60120, m = r ? Symbol.for("react.memo") : 60115, h = r ? Symbol.for("react.lazy") : 60116, b = r ? Symbol.for("react.block") : 60121, v = r ? Symbol.for("react.fundamental") : 60117, w = r ? Symbol.for("react.responder") : 60118, S = 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, c = r ? Symbol.for("react.async_mode") : 60111, l = r ? Symbol.for("react.concurrent_mode") : 60111, f = r ? Symbol.for("react.forward_ref") : 60112, u = r ? Symbol.for("react.suspense") : 60113, d = r ? Symbol.for("react.suspense_list") : 60120, m = r ? Symbol.for("react.memo") : 60115, p = r ? Symbol.for("react.lazy") : 60116, x = r ? Symbol.for("react.block") : 60121, v = r ? Symbol.for("react.fundamental") : 60117, w = r ? Symbol.for("react.responder") : 60118, S = r ? Symbol.for("react.scope") : 60119;
   function _(y) {
     if (typeof y == "object" && y !== null) {
       var P = y.$$typeof;
@@ -981,7 +981,7 @@ function dn() {
               switch (y = y && y.$$typeof, y) {
                 case o:
                 case f:
-                case h:
+                case p:
                 case m:
                 case i:
                   return y;
@@ -997,7 +997,7 @@ function dn() {
   function O(y) {
     return _(y) === l;
   }
-  return Q.AsyncMode = c, Q.ConcurrentMode = l, Q.ContextConsumer = o, Q.ContextProvider = i, Q.Element = e, Q.ForwardRef = f, Q.Fragment = n, Q.Lazy = h, Q.Memo = m, Q.Portal = t, Q.Profiler = a, Q.StrictMode = s, Q.Suspense = u, Q.isAsyncMode = function(y) {
+  return Q.AsyncMode = c, Q.ConcurrentMode = l, Q.ContextConsumer = o, Q.ContextProvider = i, Q.Element = e, Q.ForwardRef = f, Q.Fragment = n, Q.Lazy = p, Q.Memo = m, Q.Portal = t, Q.Profiler = a, Q.StrictMode = s, Q.Suspense = u, Q.isAsyncMode = function(y) {
     return O(y) || _(y) === c;
   }, Q.isConcurrentMode = O, Q.isContextConsumer = function(y) {
     return _(y) === o;
@@ -1010,7 +1010,7 @@ function dn() {
   }, Q.isFragment = function(y) {
     return _(y) === n;
   }, Q.isLazy = function(y) {
-    return _(y) === h;
+    return _(y) === p;
   }, Q.isMemo = function(y) {
     return _(y) === m;
   }, Q.isPortal = function(y) {
@@ -1022,7 +1022,7 @@ function dn() {
   }, Q.isSuspense = function(y) {
     return _(y) === u;
   }, Q.isValidElementType = function(y) {
-    return typeof y == "string" || typeof y == "function" || y === n || y === l || y === a || y === s || y === u || y === d || typeof y == "object" && y !== null && (y.$$typeof === h || y.$$typeof === m || y.$$typeof === i || y.$$typeof === o || y.$$typeof === f || y.$$typeof === v || y.$$typeof === w || y.$$typeof === S || y.$$typeof === b);
+    return typeof y == "string" || typeof y == "function" || y === n || y === l || y === a || y === s || y === u || y === d || typeof y == "object" && y !== null && (y.$$typeof === p || y.$$typeof === m || y.$$typeof === i || y.$$typeof === o || y.$$typeof === f || y.$$typeof === v || y.$$typeof === w || y.$$typeof === S || y.$$typeof === x);
   }, Q.typeOf = _, Q;
 }
 var ee = {};
@@ -1037,10 +1037,10 @@ var ee = {};
 var qt;
 function pn() {
   return qt || (qt = 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, c = r ? Symbol.for("react.async_mode") : 60111, l = r ? Symbol.for("react.concurrent_mode") : 60111, f = r ? Symbol.for("react.forward_ref") : 60112, u = r ? Symbol.for("react.suspense") : 60113, d = r ? Symbol.for("react.suspense_list") : 60120, m = r ? Symbol.for("react.memo") : 60115, h = r ? Symbol.for("react.lazy") : 60116, b = r ? Symbol.for("react.block") : 60121, v = r ? Symbol.for("react.fundamental") : 60117, w = r ? Symbol.for("react.responder") : 60118, S = 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, c = r ? Symbol.for("react.async_mode") : 60111, l = r ? Symbol.for("react.concurrent_mode") : 60111, f = r ? Symbol.for("react.forward_ref") : 60112, u = r ? Symbol.for("react.suspense") : 60113, d = r ? Symbol.for("react.suspense_list") : 60120, m = r ? Symbol.for("react.memo") : 60115, p = r ? Symbol.for("react.lazy") : 60116, x = r ? Symbol.for("react.block") : 60121, v = r ? Symbol.for("react.fundamental") : 60117, w = r ? Symbol.for("react.responder") : 60118, S = r ? Symbol.for("react.scope") : 60119;
     function _(N) {
       return typeof N == "string" || typeof N == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      N === n || N === l || N === a || N === s || N === u || N === d || typeof N == "object" && N !== null && (N.$$typeof === h || N.$$typeof === m || N.$$typeof === i || N.$$typeof === o || N.$$typeof === f || N.$$typeof === v || N.$$typeof === w || N.$$typeof === S || N.$$typeof === b);
+      N === n || N === l || N === a || N === s || N === u || N === d || typeof N == "object" && N !== null && (N.$$typeof === p || N.$$typeof === m || N.$$typeof === i || N.$$typeof === o || N.$$typeof === f || N.$$typeof === v || N.$$typeof === w || N.$$typeof === S || N.$$typeof === x);
     }
     function O(N) {
       if (typeof N == "object" && N !== null) {
@@ -1061,7 +1061,7 @@ function pn() {
                 switch (te) {
                   case o:
                   case f:
-                  case h:
+                  case p:
                   case m:
                   case i:
                     return te;
@@ -1074,14 +1074,14 @@ function pn() {
         }
       }
     }
-    var y = c, P = l, E = o, T = i, D = e, k = f, W = n, C = h, j = m, M = t, B = a, H = s, z = u, Z = !1;
+    var y = c, P = l, E = o, T = i, D = e, k = f, W = n, C = p, j = m, M = t, B = a, H = s, z = u, Z = !1;
     function I(N) {
-      return Z || (Z = !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.")), p(N) || O(N) === c;
+      return Z || (Z = !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(N) || O(N) === c;
     }
-    function p(N) {
+    function h(N) {
       return O(N) === l;
     }
-    function x(N) {
+    function b(N) {
       return O(N) === o;
     }
     function R(N) {
@@ -1097,7 +1097,7 @@ function pn() {
       return O(N) === n;
     }
     function V(N) {
-      return O(N) === h;
+      return O(N) === p;
     }
     function Y(N) {
       return O(N) === m;
@@ -1114,7 +1114,7 @@ function pn() {
     function ae(N) {
       return O(N) === u;
     }
-    ee.AsyncMode = y, ee.ConcurrentMode = P, ee.ContextConsumer = E, ee.ContextProvider = T, ee.Element = D, ee.ForwardRef = k, ee.Fragment = W, ee.Lazy = C, ee.Memo = j, ee.Portal = M, ee.Profiler = B, ee.StrictMode = H, ee.Suspense = z, ee.isAsyncMode = I, ee.isConcurrentMode = p, ee.isContextConsumer = x, ee.isContextProvider = R, ee.isElement = A, ee.isForwardRef = $, ee.isFragment = L, ee.isLazy = V, ee.isMemo = Y, ee.isPortal = F, ee.isProfiler = J, ee.isStrictMode = G, ee.isSuspense = ae, ee.isValidElementType = _, ee.typeOf = O;
+    ee.AsyncMode = y, ee.ConcurrentMode = P, ee.ContextConsumer = E, ee.ContextProvider = T, ee.Element = D, ee.ForwardRef = k, ee.Fragment = W, ee.Lazy = C, ee.Memo = j, ee.Portal = M, ee.Profiler = B, ee.StrictMode = H, ee.Suspense = z, ee.isAsyncMode = I, ee.isConcurrentMode = h, ee.isContextConsumer = b, ee.isContextProvider = R, ee.isElement = A, ee.isForwardRef = $, ee.isFragment = L, ee.isLazy = V, ee.isMemo = Y, ee.isPortal = F, ee.isProfiler = J, ee.isStrictMode = G, ee.isSuspense = ae, ee.isValidElementType = _, ee.typeOf = O;
   }()), ee;
 }
 var zt;
@@ -1213,8 +1213,8 @@ function mn() {
               throw d.name = "Invariant Violation", d;
             }
             u = a[f](i, f, c, o, null, e);
-          } catch (h) {
-            u = h;
+          } catch (p) {
+            u = p;
           }
           if (u && !(u instanceof Error) && r(
             (c || "React class") + ": type specification of " + o + " `" + f + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof u + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
@@ -1251,10 +1251,10 @@ function gn() {
   }
   return wt = function(o, c) {
     var l = typeof Symbol == "function" && Symbol.iterator, f = "@@iterator";
-    function u(p) {
-      var x = p && (l && p[l] || p[f]);
-      if (typeof x == "function")
-        return x;
+    function u(h) {
+      var b = h && (l && h[l] || h[f]);
+      if (typeof b == "function")
+        return b;
     }
     var d = "<<anonymous>>", m = {
       array: w("array"),
@@ -1277,16 +1277,16 @@ function gn() {
       shape: C,
       exact: j
     };
-    function h(p, x) {
-      return p === x ? p !== 0 || 1 / p === 1 / x : p !== p && x !== x;
+    function p(h, b) {
+      return h === b ? h !== 0 || 1 / h === 1 / b : h !== h && b !== b;
     }
-    function b(p, x) {
-      this.message = p, this.data = x && typeof x == "object" ? x : {}, this.stack = "";
+    function x(h, b) {
+      this.message = h, this.data = b && typeof b == "object" ? b : {}, this.stack = "";
     }
-    b.prototype = Error.prototype;
-    function v(p) {
+    x.prototype = Error.prototype;
+    function v(h) {
       if (process.env.NODE_ENV !== "production")
-        var x = {}, R = 0;
+        var b = {}, R = 0;
       function A(L, V, Y, F, J, G, ae) {
         if (F = F || d, G = G || Y, ae !== t) {
           if (c) {
@@ -1296,158 +1296,158 @@ function gn() {
             throw N.name = "Invariant Violation", N;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var U = F + ":" + Y;
-            !x[U] && // Avoid spamming the console because they are often not actionable except for lib authors
+            !b[U] && // Avoid spamming the console because they are often not actionable except for lib authors
             R < 3 && (a(
               "You are manually calling a React.PropTypes validation function for the `" + G + "` prop on `" + F + "`. 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."
-            ), x[U] = !0, R++);
+            ), b[U] = !0, R++);
           }
         }
-        return V[Y] == null ? L ? V[Y] === null ? new b("The " + J + " `" + G + "` is marked as required " + ("in `" + F + "`, but its value is `null`.")) : new b("The " + J + " `" + G + "` is marked as required in " + ("`" + F + "`, but its value is `undefined`.")) : null : p(V, Y, F, J, G);
+        return V[Y] == null ? L ? V[Y] === null ? new x("The " + J + " `" + G + "` is marked as required " + ("in `" + F + "`, but its value is `null`.")) : new x("The " + J + " `" + G + "` is marked as required in " + ("`" + F + "`, but its value is `undefined`.")) : null : h(V, Y, F, J, G);
       }
       var $ = A.bind(null, !1);
       return $.isRequired = A.bind(null, !0), $;
     }
-    function w(p) {
-      function x(R, A, $, L, V, Y) {
+    function w(h) {
+      function b(R, A, $, L, V, Y) {
         var F = R[A], J = H(F);
-        if (J !== p) {
+        if (J !== h) {
           var G = z(F);
-          return new b(
-            "Invalid " + L + " `" + V + "` of type " + ("`" + G + "` supplied to `" + $ + "`, expected ") + ("`" + p + "`."),
-            { expectedType: p }
+          return new x(
+            "Invalid " + L + " `" + V + "` of type " + ("`" + G + "` supplied to `" + $ + "`, expected ") + ("`" + h + "`."),
+            { expectedType: h }
           );
         }
         return null;
       }
-      return v(x);
+      return v(b);
     }
     function S() {
       return v(i);
     }
-    function _(p) {
-      function x(R, A, $, L, V) {
-        if (typeof p != "function")
-          return new b("Property `" + V + "` of component `" + $ + "` has invalid PropType notation inside arrayOf.");
+    function _(h) {
+      function b(R, A, $, L, V) {
+        if (typeof h != "function")
+          return new x("Property `" + V + "` of component `" + $ + "` has invalid PropType notation inside arrayOf.");
         var Y = R[A];
         if (!Array.isArray(Y)) {
           var F = H(Y);
-          return new b("Invalid " + L + " `" + V + "` of type " + ("`" + F + "` supplied to `" + $ + "`, expected an array."));
+          return new x("Invalid " + L + " `" + V + "` of type " + ("`" + F + "` supplied to `" + $ + "`, expected an array."));
         }
         for (var J = 0; J < Y.length; J++) {
-          var G = p(Y, J, $, L, V + "[" + J + "]", t);
+          var G = h(Y, J, $, L, V + "[" + J + "]", t);
           if (G instanceof Error)
             return G;
         }
         return null;
       }
-      return v(x);
+      return v(b);
     }
     function O() {
-      function p(x, R, A, $, L) {
-        var V = x[R];
+      function h(b, R, A, $, L) {
+        var V = b[R];
         if (!o(V)) {
           var Y = H(V);
-          return new b("Invalid " + $ + " `" + L + "` of type " + ("`" + Y + "` supplied to `" + A + "`, expected a single ReactElement."));
+          return new x("Invalid " + $ + " `" + L + "` of type " + ("`" + Y + "` supplied to `" + A + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return v(p);
+      return v(h);
     }
     function y() {
-      function p(x, R, A, $, L) {
-        var V = x[R];
+      function h(b, R, A, $, L) {
+        var V = b[R];
         if (!r.isValidElementType(V)) {
           var Y = H(V);
-          return new b("Invalid " + $ + " `" + L + "` of type " + ("`" + Y + "` supplied to `" + A + "`, expected a single ReactElement type."));
+          return new x("Invalid " + $ + " `" + L + "` of type " + ("`" + Y + "` supplied to `" + A + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return v(p);
+      return v(h);
     }
-    function P(p) {
-      function x(R, A, $, L, V) {
-        if (!(R[A] instanceof p)) {
-          var Y = p.name || d, F = I(R[A]);
-          return new b("Invalid " + L + " `" + V + "` of type " + ("`" + F + "` supplied to `" + $ + "`, expected ") + ("instance of `" + Y + "`."));
+    function P(h) {
+      function b(R, A, $, L, V) {
+        if (!(R[A] instanceof h)) {
+          var Y = h.name || d, F = I(R[A]);
+          return new x("Invalid " + L + " `" + V + "` of type " + ("`" + F + "` supplied to `" + $ + "`, expected ") + ("instance of `" + Y + "`."));
         }
         return null;
       }
-      return v(x);
+      return v(b);
     }
-    function E(p) {
-      if (!Array.isArray(p))
+    function E(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 x(R, A, $, L, V) {
-        for (var Y = R[A], F = 0; F < p.length; F++)
-          if (h(Y, p[F]))
+      function b(R, A, $, L, V) {
+        for (var Y = R[A], F = 0; F < h.length; F++)
+          if (p(Y, h[F]))
             return null;
-        var J = JSON.stringify(p, function(ae, N) {
+        var J = JSON.stringify(h, function(ae, N) {
           var U = z(N);
           return U === "symbol" ? String(N) : N;
         });
-        return new b("Invalid " + L + " `" + V + "` of value `" + String(Y) + "` " + ("supplied to `" + $ + "`, expected one of " + J + "."));
+        return new x("Invalid " + L + " `" + V + "` of value `" + String(Y) + "` " + ("supplied to `" + $ + "`, expected one of " + J + "."));
       }
-      return v(x);
+      return v(b);
     }
-    function T(p) {
-      function x(R, A, $, L, V) {
-        if (typeof p != "function")
-          return new b("Property `" + V + "` of component `" + $ + "` has invalid PropType notation inside objectOf.");
+    function T(h) {
+      function b(R, A, $, L, V) {
+        if (typeof h != "function")
+          return new x("Property `" + V + "` of component `" + $ + "` has invalid PropType notation inside objectOf.");
         var Y = R[A], F = H(Y);
         if (F !== "object")
-          return new b("Invalid " + L + " `" + V + "` of type " + ("`" + F + "` supplied to `" + $ + "`, expected an object."));
+          return new x("Invalid " + L + " `" + V + "` of type " + ("`" + F + "` supplied to `" + $ + "`, expected an object."));
         for (var J in Y)
           if (n(Y, J)) {
-            var G = p(Y, J, $, L, V + "." + J, t);
+            var G = h(Y, J, $, L, V + "." + J, t);
             if (G instanceof Error)
               return G;
           }
         return null;
       }
-      return v(x);
+      return v(b);
     }
-    function D(p) {
-      if (!Array.isArray(p))
+    function D(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 x = 0; x < p.length; x++) {
-        var R = p[x];
+      for (var b = 0; b < h.length; b++) {
+        var R = h[b];
         if (typeof R != "function")
           return a(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Z(R) + " at index " + x + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Z(R) + " at index " + b + "."
           ), i;
       }
       function A($, L, V, Y, F) {
-        for (var J = [], G = 0; G < p.length; G++) {
-          var ae = p[G], N = ae($, L, V, Y, F, t);
+        for (var J = [], G = 0; G < h.length; G++) {
+          var ae = h[G], N = ae($, L, V, Y, F, t);
           if (N == null)
             return null;
           N.data && n(N.data, "expectedType") && J.push(N.data.expectedType);
         }
         var U = J.length > 0 ? ", expected one of type [" + J.join(", ") + "]" : "";
-        return new b("Invalid " + Y + " `" + F + "` supplied to " + ("`" + V + "`" + U + "."));
+        return new x("Invalid " + Y + " `" + F + "` supplied to " + ("`" + V + "`" + U + "."));
       }
       return v(A);
     }
     function k() {
-      function p(x, R, A, $, L) {
-        return M(x[R]) ? null : new b("Invalid " + $ + " `" + L + "` supplied to " + ("`" + A + "`, expected a ReactNode."));
+      function h(b, R, A, $, L) {
+        return M(b[R]) ? null : new x("Invalid " + $ + " `" + L + "` supplied to " + ("`" + A + "`, expected a ReactNode."));
       }
-      return v(p);
+      return v(h);
     }
-    function W(p, x, R, A, $) {
-      return new b(
-        (p || "React class") + ": " + x + " type `" + R + "." + A + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + $ + "`."
+    function W(h, b, R, A, $) {
+      return new x(
+        (h || "React class") + ": " + b + " type `" + R + "." + A + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + $ + "`."
       );
     }
-    function C(p) {
-      function x(R, A, $, L, V) {
+    function C(h) {
+      function b(R, A, $, L, V) {
         var Y = R[A], F = H(Y);
         if (F !== "object")
-          return new b("Invalid " + L + " `" + V + "` of type `" + F + "` " + ("supplied to `" + $ + "`, expected `object`."));
-        for (var J in p) {
-          var G = p[J];
+          return new x("Invalid " + L + " `" + V + "` of type `" + F + "` " + ("supplied to `" + $ + "`, expected `object`."));
+        for (var J in h) {
+          var G = h[J];
           if (typeof G != "function")
             return W($, L, V, J, z(G));
           var ae = G(Y, J, $, L, V + "." + J, t);
@@ -1456,22 +1456,22 @@ function gn() {
         }
         return null;
       }
-      return v(x);
+      return v(b);
     }
-    function j(p) {
-      function x(R, A, $, L, V) {
+    function j(h) {
+      function b(R, A, $, L, V) {
         var Y = R[A], F = H(Y);
         if (F !== "object")
-          return new b("Invalid " + L + " `" + V + "` of type `" + F + "` " + ("supplied to `" + $ + "`, expected `object`."));
-        var J = e({}, R[A], p);
+          return new x("Invalid " + L + " `" + V + "` of type `" + F + "` " + ("supplied to `" + $ + "`, expected `object`."));
+        var J = e({}, R[A], h);
         for (var G in J) {
-          var ae = p[G];
-          if (n(p, G) && typeof ae != "function")
+          var ae = h[G];
+          if (n(h, G) && typeof ae != "function")
             return W($, L, V, G, z(ae));
           if (!ae)
-            return new b(
+            return new x(
               "Invalid " + L + " `" + V + "` key `" + G + "` supplied to `" + $ + "`.\nBad object: " + JSON.stringify(R[A], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(p), null, "  ")
+Valid keys: ` + JSON.stringify(Object.keys(h), null, "  ")
             );
           var N = ae(Y, G, $, L, V + "." + G, t);
           if (N)
@@ -1479,25 +1479,25 @@ Valid keys: ` + JSON.stringify(Object.keys(p), null, "  ")
         }
         return null;
       }
-      return v(x);
+      return v(b);
     }
-    function M(p) {
-      switch (typeof p) {
+    function M(h) {
+      switch (typeof h) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !p;
+          return !h;
         case "object":
-          if (Array.isArray(p))
-            return p.every(M);
-          if (p === null || o(p))
+          if (Array.isArray(h))
+            return h.every(M);
+          if (h === null || o(h))
             return !0;
-          var x = u(p);
-          if (x) {
-            var R = x.call(p), A;
-            if (x !== p.entries) {
+          var b = u(h);
+          if (b) {
+            var R = b.call(h), A;
+            if (b !== h.entries) {
               for (; !(A = R.next()).done; )
                 if (!M(A.value))
                   return !1;
@@ -1514,41 +1514,41 @@ Valid keys: ` + JSON.stringify(Object.keys(p), null, "  ")
           return !1;
       }
     }
-    function B(p, x) {
-      return p === "symbol" ? !0 : x ? x["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && x instanceof Symbol : !1;
+    function B(h, b) {
+      return h === "symbol" ? !0 : b ? b["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && b instanceof Symbol : !1;
     }
-    function H(p) {
-      var x = typeof p;
-      return Array.isArray(p) ? "array" : p instanceof RegExp ? "object" : B(x, p) ? "symbol" : x;
+    function H(h) {
+      var b = typeof h;
+      return Array.isArray(h) ? "array" : h instanceof RegExp ? "object" : B(b, h) ? "symbol" : b;
     }
-    function z(p) {
-      if (typeof p > "u" || p === null)
-        return "" + p;
-      var x = H(p);
-      if (x === "object") {
-        if (p instanceof Date)
+    function z(h) {
+      if (typeof h > "u" || h === null)
+        return "" + h;
+      var b = H(h);
+      if (b === "object") {
+        if (h instanceof Date)
           return "date";
-        if (p instanceof RegExp)
+        if (h instanceof RegExp)
           return "regexp";
       }
-      return x;
+      return b;
     }
-    function Z(p) {
-      var x = z(p);
-      switch (x) {
+    function Z(h) {
+      var b = z(h);
+      switch (b) {
         case "array":
         case "object":
-          return "an " + x;
+          return "an " + b;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + x;
+          return "a " + b;
         default:
-          return x;
+          return b;
       }
     }
-    function I(p) {
-      return !p.constructor || !p.constructor.name ? d : p.constructor.name;
+    function I(h) {
+      return !h.constructor || !h.constructor.name ? d : h.constructor.name;
     }
     return m.checkPropTypes = s, m.resetWarningCache = s.resetWarningCache, m.PropTypes = m, m;
   }, wt;
@@ -1622,7 +1622,7 @@ var oe = /* @__PURE__ */ vn(), xn = function(e) {
     if (e[s] !== t[s])
       return !0;
   return !1;
-}, Sn = ["afterInjection", "beforeInjection", "desc", "evalScripts", "fallback", "httpRequestWithCredentials", "loading", "renumerateIRIElements", "src", "title", "useRequestCache", "wrapper"], Xe = "http://www.w3.org/2000/svg", nr = "http://www.w3.org/1999/xlink", $e = /* @__PURE__ */ function(r) {
+}, Sn = ["afterInjection", "beforeInjection", "desc", "evalScripts", "fallback", "httpRequestWithCredentials", "loading", "renumerateIRIElements", "src", "title", "useRequestCache", "wrapper"], Xe = "http://www.w3.org/2000/svg", nr = "http://www.w3.org/1999/xlink", Pe = /* @__PURE__ */ function(r) {
   function e() {
     for (var n, s = arguments.length, a = new Array(s), i = 0; i < s; i++)
       a[i] = arguments[i];
@@ -1638,7 +1638,7 @@ var oe = /* @__PURE__ */ vn(), xn = function(e) {
   return t.renderSVG = function() {
     var s = this;
     if (this.reactWrapper instanceof xn(this.reactWrapper).Node) {
-      var a = this.props, i = a.desc, o = a.evalScripts, c = a.httpRequestWithCredentials, l = a.renumerateIRIElements, f = a.src, u = a.title, d = a.useRequestCache, m = this.props.onError, h = this.props.beforeInjection, b = this.props.afterInjection, v = this.props.wrapper, w, S;
+      var a = this.props, i = a.desc, o = a.evalScripts, c = a.httpRequestWithCredentials, l = a.renumerateIRIElements, f = a.src, u = a.title, d = a.useRequestCache, m = this.props.onError, p = this.props.beforeInjection, x = this.props.afterInjection, v = this.props.wrapper, w, S;
       v === "svg" ? (w = document.createElementNS(Xe, v), w.setAttribute("xmlns", Xe), w.setAttribute("xmlns:xlink", nr), S = document.createElementNS(Xe, v)) : (w = document.createElement(v), S = document.createElement(v)), w.appendChild(S), S.dataset.src = f, this.nonReactWrapper = this.reactWrapper.appendChild(w);
       var _ = function(E) {
         if (s.removeSVG(), !s._isMounted) {
@@ -1664,7 +1664,7 @@ var oe = /* @__PURE__ */ vn(), xn = function(e) {
           };
         }, function() {
           try {
-            b(T);
+            x(T);
           } catch (D) {
             _(D);
           }
@@ -1683,7 +1683,7 @@ var oe = /* @__PURE__ */ vn(), xn = function(e) {
           W.innerHTML = u, E.prepend(W);
         }
         try {
-          h(E);
+          p(E);
         } catch (C) {
           _(C);
         }
@@ -1727,7 +1727,7 @@ var oe = /* @__PURE__ */ vn(), xn = function(e) {
     } : {}), this.state.isLoading && i && /* @__PURE__ */ He.createElement(i, null), this.state.hasError && a && /* @__PURE__ */ He.createElement(a, null));
   }, e;
 }(He.Component);
-$e.defaultProps = {
+Pe.defaultProps = {
   afterInjection: function() {
   },
   beforeInjection: function() {
@@ -1744,7 +1744,7 @@ $e.defaultProps = {
   useRequestCache: !0,
   wrapper: "div"
 };
-$e.propTypes = {
+Pe.propTypes = {
   afterInjection: oe.func,
   beforeInjection: oe.func,
   desc: oe.string,
@@ -1781,7 +1781,7 @@ const Js = (r) => {
     title: u,
     tabIndex: d
   }) => {
-    const [m, h] = q(r), b = (r == null ? void 0 : r.startsWith("http")) || (r == null ? void 0 : r.startsWith("/")), v = b && (r == null ? void 0 : r.toLowerCase().endsWith(".svg")), w = sr(`assets/svg/${r}.svg`), S = sr(
+    const [m, p] = q(r), x = (r == null ? void 0 : r.startsWith("http")) || (r == null ? void 0 : r.startsWith("/")), v = x && (r == null ? void 0 : r.toLowerCase().endsWith(".svg")), w = sr(`assets/svg/${r}.svg`), S = sr(
       `assets/svg/${n}.svg`
     ), _ = {
       img: `${l ? "smp-image-interactable" : ""}`,
@@ -1792,10 +1792,10 @@ const Js = (r) => {
       !a && l && (P.key === "Enter" || P.key === " ") && (P.preventDefault(), O());
     };
     return /* @__PURE__ */ g.jsx(g.Fragment, { children: v ? /* @__PURE__ */ g.jsx(
-      $e,
+      Pe,
       {
         src: r,
-        fallback: () => /* @__PURE__ */ g.jsx($e, { src: S, wrapper: "svg" }),
+        fallback: () => /* @__PURE__ */ g.jsx(Pe, { src: S, wrapper: "svg" }),
         width: e || "1rem",
         height: t || "1rem",
         wrapper: "svg",
@@ -1808,7 +1808,7 @@ const Js = (r) => {
         onKeyDown: y,
         tabIndex: d
       }
-    ) : b ? (
+    ) : x ? (
       // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
       /* @__PURE__ */ g.jsx(
         "img",
@@ -1817,7 +1817,7 @@ const Js = (r) => {
           width: e || "16px",
           height: t || "auto",
           alt: u,
-          onError: () => h(S),
+          onError: () => p(S),
           onClick: O,
           className: _.img,
           title: u,
@@ -1827,10 +1827,10 @@ const Js = (r) => {
         }
       )
     ) : /* @__PURE__ */ g.jsx(
-      $e,
+      Pe,
       {
         src: w,
-        fallback: () => /* @__PURE__ */ g.jsx($e, { src: S, wrapper: "svg" }),
+        fallback: () => /* @__PURE__ */ g.jsx(Pe, { src: S, wrapper: "svg" }),
         width: e || "1rem",
         height: t || "1rem",
         wrapper: "svg",
@@ -1860,7 +1860,7 @@ const Js = (r) => {
   "smp-textfield-variant-notSelectable": "_smp-textfield-variant-notSelectable_mmttf_99",
   "smp-textfield-disabled": "_smp-textfield-disabled_mmttf_109",
   "smp-textfield-fullWidth": "_smp-textfield-fullWidth_mmttf_118"
-}, Oe = ({
+}, je = ({
   disabled: r,
   bindValue: e,
   icon: t,
@@ -1875,8 +1875,8 @@ const Js = (r) => {
   rotatedShapeIcon: u = !1,
   onShapeIconClick: d,
   ref: m,
-  inputRef: h,
-  onKeyDown: b,
+  inputRef: p,
+  onKeyDown: x,
   inputType: v = "text",
   ariaLabel: w = "input field",
   label: S,
@@ -1891,26 +1891,26 @@ const Js = (r) => {
   inputMode: W = "text",
   width: C
 }) => {
-  const j = We(), M = `${j}-helper`, B = O ? "danger" : l, H = O || l == "danger" ? "error" : o, z = _ || !!O, Z = (x) => {
-    s == null || s(x.target.value);
+  const j = We(), M = `${j}-helper`, B = O ? "danger" : l, H = O || l == "danger" ? "error" : o, z = _ || !!O, Z = (b) => {
+    s == null || s(b.target.value);
   }, I = {
     wrapper: `${ve["smp-textfield-wrapper"]} ${P ? ve["smp-textfield-fullWidth"] : ""}`,
     container: `${ve["smp-textfield"]} ${r ? ve["smp-textfield-disabled"] : ""} ${a ? ve["smp-textfield-placeholder"] : ""} ${c ? ve[`smp-textfield-${c}`] : ""} ${B ? ve[`smp-textfield-${B}`] : ""} ${y ? ve[`smp-textfield-${y}`] : ""} ${i ? "" : ve["smp-textfield-readOnly"]}`,
     input: `${ve["smp-textfield-input"]}`
   };
   if (f && (f !== "notSelectable" || i)) {
-    const x = ve[`smp-textfield-variant-${f}`];
-    x && (I.container += ` ${x}`);
+    const b = ve[`smp-textfield-variant-${f}`];
+    b && (I.container += ` ${b}`);
   }
-  const p = C ? { "--smp-textField-width-base": C } : void 0;
+  const h = C ? { "--smp-textField-width-base": C } : void 0;
   return /* @__PURE__ */ g.jsxs("div", { className: I.wrapper, "data-component": E, children: [
-    S && /* @__PURE__ */ g.jsx(Ae, { label: S, disabled: r, htmlFor: j }),
+    S && /* @__PURE__ */ g.jsx(Oe, { label: S, disabled: r, htmlFor: j }),
     /* @__PURE__ */ g.jsxs(
       "div",
       {
         className: I.container,
         ref: m,
-        style: p,
+        style: h,
         children: [
           t && /* @__PURE__ */ g.jsx(fe, { icon: t, disabled: r }),
           /* @__PURE__ */ g.jsx(
@@ -1925,9 +1925,9 @@ const Js = (r) => {
               className: I.input,
               disabled: r,
               readOnly: !i,
-              onKeyDown: b,
+              onKeyDown: x,
               "aria-label": w,
-              ref: h,
+              ref: p,
               "aria-describedby": z ? M : void 0,
               min: T,
               max: D,
@@ -1978,12 +1978,12 @@ function Pr({
       offsetTop: m * e
     });
   const u = le((m) => {
-    const h = m.target.scrollTop;
-    a(h);
+    const p = m.target.scrollTop;
+    a(p);
   }, []), d = (m) => {
     if (!i.current) return;
-    const h = m * e, b = h + e, v = i.current, w = v.scrollTop, S = w + t;
-    h < w ? v.scrollTop = h : b > S && (v.scrollTop = b - t);
+    const p = m * e, x = p + e, v = i.current, w = v.scrollTop, S = w + t;
+    p < w ? v.scrollTop = p : x > S && (v.scrollTop = x - t);
   };
   return {
     virtualItems: f,
@@ -2034,7 +2034,7 @@ const Ze = {
   isOpen: f
 }) => {
   var C;
-  const [u, d] = q(""), m = 24, [h, b] = q(
+  const [u, d] = q(""), m = 24, [p, x] = q(
     a !== null ? a : -1
   ), v = s !== void 0 ? s : e.length > wn, w = u ? e.filter(
     (j) => j.label.toLowerCase().includes(u.toLowerCase())
@@ -2047,16 +2047,16 @@ const Ze = {
     overscan: 5
   });
   ne(() => {
-    a !== null && a !== h && b(a);
+    a !== null && a !== p && x(a);
   }, [a]), ne(() => {
-    h >= 0 && h < w.length && P(h);
-  }, [h, w]);
+    p >= 0 && p < w.length && P(p);
+  }, [p, w]);
   const E = (j) => {
     if (j.key === "ArrowDown" || j.key === "ArrowUp") {
       j.preventDefault();
-      let M = h;
-      j.key === "ArrowDown" ? M = h < w.length - 1 ? h + 1 : 0 : j.key === "ArrowUp" && (M = h > 0 ? h - 1 : w.length - 1), b(M);
-    } else j.key === "Enter" ? h >= 0 && h < w.length && (c == null || c(w[h])) : j.key === "Escape" && (j.preventDefault(), j.stopPropagation());
+      let M = p;
+      j.key === "ArrowDown" ? M = p < w.length - 1 ? p + 1 : 0 : j.key === "ArrowUp" && (M = p > 0 ? p - 1 : w.length - 1), x(M);
+    } else j.key === "Enter" ? p >= 0 && p < w.length && (c == null || c(w[p])) : j.key === "Escape" && (j.preventDefault(), j.stopPropagation());
     l && l(j);
   }, T = (j) => {
     E(j);
@@ -2082,7 +2082,7 @@ const Ze = {
       },
       children: [
         v && /* @__PURE__ */ g.jsx(
-          Oe,
+          je,
           {
             bindValue: u,
             placeholder: "Search...",
@@ -2100,7 +2100,7 @@ const Ze = {
             role: "listbox",
             "aria-label": "List",
             onKeyDown: D,
-            "aria-activedescendant": h >= 0 && h < w.length ? (C = w[h]) == null ? void 0 : C.id : void 0,
+            "aria-activedescendant": p >= 0 && p < w.length ? (C = w[p]) == null ? void 0 : C.id : void 0,
             children: /* @__PURE__ */ g.jsx("div", { ...y, className: k.virtualScroll, children: _.map(({ item: j, index: M, offsetTop: B }) => {
               const H = i.includes(j.id);
               return (
@@ -2110,9 +2110,9 @@ const Ze = {
                   {
                     role: "option",
                     id: j.id,
-                    "aria-selected": h === M ? "true" : "false",
+                    "aria-selected": p === M ? "true" : "false",
                     tabIndex: -1,
-                    className: `${k.listItem} ${h === M ? "selected-item" : ""}`,
+                    className: `${k.listItem} ${p === M ? "selected-item" : ""}`,
                     "aria-label": j.id + "-" + j.label,
                     style: {
                       height: `${m}px`,
@@ -2121,10 +2121,10 @@ const Ze = {
                       transform: `translateY(${B}px)`
                     },
                     onClick: () => {
-                      c == null || c(j), b(M);
+                      c == null || c(j), x(M);
                     },
                     children: [
-                      Fe(j.id, j.label, t),
+                      Ve(j.id, j.label, t),
                       H && /* @__PURE__ */ g.jsx(fe, { icon: "check", width: 16 })
                     ]
                   },
@@ -2144,15 +2144,15 @@ const Ze = {
   ...n
 }) => {
   const [s, a] = q(
-    Fe(e, t, r)
+    Ve(e, t, r)
   );
   return ne(() => {
     a(e);
   }, [e]), ne(() => {
     a(
-      Fe(e, t, r)
+      Ve(e, t, r)
     );
-  }, [t, r]), /* @__PURE__ */ g.jsx(Oe, { ...n, bindValue: s });
+  }, [t, r]), /* @__PURE__ */ g.jsx(je, { ...n, bindValue: s });
 }, En = (r) => {
   const e = ce(null);
   return ne(() => () => {
@@ -2187,33 +2187,33 @@ const Ar = ({
   _multiActiveIndex: d,
   ...m
 }) => {
-  const h = ce(null), [b, v] = q(r), [w, S] = q(e), [_, O] = q(!1), [y, P] = q(t || []), [E, T] = q(0), [D, k] = q([r]), { anchorRef: W, targetRef: C, anchorWidth: j } = dt({
+  const p = ce(null), [x, v] = q(r), [w, S] = q(e), [_, O] = q(!1), [y, P] = q(t || []), [E, T] = q(0), [D, k] = q([r]), { anchorRef: W, targetRef: C, anchorWidth: j } = dt({
     position: "bottom",
     enabled: _
   }), M = le(() => {
-    var p;
-    O(!1), (p = h == null ? void 0 : h.current) == null || p.focus();
+    var h;
+    O(!1), (h = p == null ? void 0 : p.current) == null || h.focus();
   }, []);
-  Pe(C, () => M());
-  const B = En(400), H = (p) => {
-    p.length >= a ? c && u && B(async () => {
-      const x = await u(c, p);
-      P(x), T(x.length > 0 ? 0 : -1), O(!0);
-    }) : M(), v(p), S(e), l || f == null || f(p, e);
-  }, z = (p) => {
-    l ? (v(""), S("")) : (v(p.id), S(p.label)), f == null || f(p.id, p.label);
-    const x = y.findIndex((R) => R.id === p.id);
-    T(x), k([p.id]), M();
-  }, Z = (p) => {
-    p.key === "Escape" && (M(), T(-1));
-  }, I = (p) => {
-    if ((p.key === "ArrowDown" || p.key === "ArrowUp") && (p.preventDefault(), _)) {
-      const x = p.key === "ArrowDown" ? (E + 1) % y.length : (E - 1 + y.length) % y.length;
-      T(x);
-    }
-    switch (p.key) {
+  Ce(C, () => M());
+  const B = En(400), H = (h) => {
+    h.length >= a ? c && u && B(async () => {
+      const b = await u(c, h);
+      P(b), T(b.length > 0 ? 0 : -1), O(!0);
+    }) : M(), v(h), S(e), l || f == null || f(h, e);
+  }, z = (h) => {
+    l ? (v(""), S("")) : (v(h.id), S(h.label)), f == null || f(h.id, h.label);
+    const b = y.findIndex((R) => R.id === h.id);
+    T(b), k([h.id]), M();
+  }, Z = (h) => {
+    h.key === "Escape" && (M(), T(-1));
+  }, I = (h) => {
+    if ((h.key === "ArrowDown" || h.key === "ArrowUp") && (h.preventDefault(), _)) {
+      const b = h.key === "ArrowDown" ? (E + 1) % y.length : (E - 1 + y.length) % y.length;
+      T(b);
+    }
+    switch (h.key) {
       case "Enter":
-        E >= 0 && E < y.length ? z(y[E]) : l && (f == null || f(b, ""), M(), v(""), S(""));
+        E >= 0 && E < y.length ? z(y[E]) : l && (f == null || f(x, ""), M(), v(""), S(""));
         break;
       case "Escape":
         M(), T(-1);
@@ -2225,14 +2225,14 @@ const Ar = ({
       At,
       {
         ...m,
-        bindValue: b,
+        bindValue: x,
         optionalDisplayValue: w,
         displayMode: n,
         isEditable: i,
         shapeIcon: "magnify",
         placeholder: o,
         ref: W,
-        inputRef: h,
+        inputRef: p,
         onChange: H,
         onKeyDown: I,
         "aria-autocomplete": "list"
@@ -2264,7 +2264,7 @@ const Ar = ({
   primary: "onPrimary",
   danger: "onDanger",
   base: "base"
-})[r], Ce = ({
+})[r], Ae = ({
   label: r,
   bindValue: e,
   onClick: t,
@@ -2279,8 +2279,8 @@ const Ar = ({
   fullWidth: u = !1,
   loading: d = !1,
   justify: m = "center",
-  title: h,
-  optionalDisplayValue: b
+  title: p,
+  optionalDisplayValue: x
 }) => {
   const v = {
     container: `smp-button smp-button-container ${i ? `smp-button-${i}` : ""} ${o ? `smp-buttonVariant-${o}` : ""} ${c ? `smp-buttonType-${c}` : ""} ${u ? "smp-button-fullWidth" : ""} smp-justifyContent-${m}`
@@ -2294,7 +2294,7 @@ const Ar = ({
       "aria-label": n,
       disabled: a,
       "aria-busy": d,
-      title: h || r || b,
+      title: p || r || x,
       children: d ? /* @__PURE__ */ g.jsx(fe, { icon: "spinner", state: ir(o), spin: !0 }) : /* @__PURE__ */ g.jsxs(g.Fragment, { children: [
         s && l && /* @__PURE__ */ g.jsx(
           fe,
@@ -2306,7 +2306,7 @@ const Ar = ({
             height: ar(i)
           }
         ),
-        f && /* @__PURE__ */ g.jsx("span", { children: b || e })
+        f && /* @__PURE__ */ g.jsx("span", { children: x || e })
       ] })
     }
   );
@@ -2326,18 +2326,18 @@ const Ar = ({
   onClick: d,
   onOptionsRequest: m
 }) => {
-  const [h, b] = q(r);
+  const [p, x] = q(r);
   ne(() => {
-    !h && m && e && m(e, void 0).then((S) => b(S)).catch((S) => {
+    !p && m && e && m(e, void 0).then((S) => x(S)).catch((S) => {
       console.error(
         "Errore nel caricamento delle opzioni per ButtonList",
         S
       );
     });
-  }, [h, e, m]);
+  }, [p, e, m]);
   const v = {
     container: `smp-button-list smp-button-list-${t} smp-justifyContent-${n}`
-  }, w = h == null ? void 0 : h.map((S, _) => {
+  }, w = p == null ? void 0 : p.map((S, _) => {
     const O = {
       bindValue: S.id,
       optionalDisplayValue: S.label,
@@ -2355,7 +2355,7 @@ const Ar = ({
         d == null || d(S.id, S.fun);
       }
     };
-    return /* @__PURE__ */ g.jsx(Ce, { ...O }, `button-${_}`);
+    return /* @__PURE__ */ g.jsx(Ae, { ...O }, `button-${_}`);
   });
   return /* @__PURE__ */ g.jsx("div", { role: "list", "data-component": "button-list", className: v.container, children: w });
 }, On = {
@@ -2376,7 +2376,7 @@ const Ar = ({
     wrapper: `${On["smp-checkbox-wrapper"]}`
   };
   return /* @__PURE__ */ g.jsxs("div", { className: f.wrapper, "data-component": e, children: [
-    n && /* @__PURE__ */ g.jsx(Ae, { label: n, disabled: t, htmlFor: c }),
+    n && /* @__PURE__ */ g.jsx(Oe, { label: n, disabled: t, htmlFor: c }),
     /* @__PURE__ */ g.jsx(
       "input",
       {
@@ -2395,7 +2395,7 @@ const Ar = ({
   title: "h3",
   body: "h6",
   label: "label"
-}, Ve = ({
+}, Le = ({
   variant: r = "body",
   bindValue: e,
   color: t,
@@ -2428,16 +2428,16 @@ const Ar = ({
     container: `${["smp-chips-container"]}`,
     element: "smp-chips-element"
   }, f = (m) => {
-    n == null || n(r.filter((h, b) => b !== m));
+    n == null || n(r.filter((p, x) => x !== m));
   }, u = (m) => {
     c(m);
   }, d = (m) => {
     if (o === null || o === m) return;
-    const h = [...r], [b] = h.splice(o, 1);
-    h.splice(m, 0, b), n == null || n(h), c(null);
+    const p = [...r], [x] = p.splice(o, 1);
+    p.splice(m, 0, x), n == null || n(p), c(null);
   };
-  return /* @__PURE__ */ g.jsx("div", { className: l.container, role: "list", "data-component": "chip", children: r.flatMap((m, h) => {
-    const b = Fe(
+  return /* @__PURE__ */ g.jsx("div", { className: l.container, role: "list", "data-component": "chip", children: r.flatMap((m, p) => {
+    const x = Ve(
       m.bindValue,
       m.optionalDisplayValue,
       t
@@ -2447,34 +2447,34 @@ const Ar = ({
         className: l.element,
         role: "listitem",
         draggable: i,
-        onDragStart: () => u(h),
+        onDragStart: () => u(p),
         onDragOver: (S) => i && S.preventDefault(),
-        onDrop: () => i && d(h),
+        onDrop: () => i && d(p),
         style: {
           "--smp-chips-backgroundColor-base": a
         },
         children: [
           i && /* @__PURE__ */ g.jsx(fe, { icon: "drag_indicator_horizontal", isInteractable: !0 }),
-          /* @__PURE__ */ g.jsx(Ve, { variant: "label", bindValue: b, color: s }),
+          /* @__PURE__ */ g.jsx(Le, { variant: "label", bindValue: x, color: s }),
           e && /* @__PURE__ */ g.jsx(
             fe,
             {
               icon: "close",
               isInteractable: !0,
-              onClick: () => f(h),
+              onClick: () => f(p),
               color: s
             }
           )
         ]
       },
-      `chip-${h}`
-    ), w = i && h < r.length - 1 ? /* @__PURE__ */ g.jsx(
+      `chip-${p}`
+    ), w = i && p < r.length - 1 ? /* @__PURE__ */ g.jsx(
       fe,
       {
         icon: "chevron-right",
         color: s
       },
-      `separator-${h}`
+      `separator-${p}`
     ) : null;
     return [v, w].filter(Boolean);
   }) });
@@ -2531,17 +2531,17 @@ const Dn = ({
   multiActiveIndex: l,
   ...f
 }) => {
-  const u = ce(null), [d, m] = q(!1), [h, b] = q(t), [v, w] = q(-1), [S, _] = q([r]), O = We(), { anchorRef: y, targetRef: P, anchorWidth: E } = dt({
+  const u = ce(null), [d, m] = q(!1), [p, x] = q(t), [v, w] = q(-1), [S, _] = q([r]), O = We(), { anchorRef: y, targetRef: P, anchorWidth: E } = dt({
     position: "bottom",
     enabled: d
   }), T = le(() => {
     var j;
     m(!1), (j = u == null ? void 0 : u.current) == null || j.focus();
   }, []);
-  Pe(P, () => T()), kt(d, P);
+  Ce(P, () => T()), kt(d, P);
   const D = (j) => {
     e == null || e(j.id, j.label);
-    const M = h.findIndex((B) => B.id === j.id);
+    const M = p.findIndex((B) => B.id === j.id);
     w(M), _([j.id]), T();
   }, k = (j) => {
     j.key === "Escape" && (T(), w(-1));
@@ -2549,7 +2549,7 @@ const Dn = ({
     (j.key === "ArrowDown" || j.key === "ArrowUp") && (j.preventDefault(), C());
   }, C = () => {
     o && c && c(o, void 0).then((j) => {
-      b(j), w(j.length > 0 ? 0 : -1), m(!0);
+      x(j), w(j.length > 0 ? 0 : -1), m(!0);
     });
   };
   return /* @__PURE__ */ g.jsxs(
@@ -2583,7 +2583,7 @@ const Dn = ({
           Cr,
           {
             id: O,
-            options: h,
+            options: p,
             displayMode: i,
             ref: P,
             isOpen: d,
@@ -2597,7 +2597,7 @@ const Dn = ({
       ]
     }
   );
-}, K = (r) => typeof r == "string", Ie = () => {
+}, K = (r) => typeof r == "string", Me = () => {
   let r, e;
   const t = new Promise((n, s) => {
     r = n, e = s;
@@ -2607,7 +2607,7 @@ const Dn = ({
   r.forEach((n) => {
     e[n] && (t[n] = e[n]);
   });
-}, $n = /###/g, lr = (r) => r && r.indexOf("###") > -1 ? r.replace($n, ".") : r, cr = (r) => !r || K(r), Me = (r, e, t) => {
+}, $n = /###/g, lr = (r) => r && r.indexOf("###") > -1 ? r.replace($n, ".") : r, cr = (r) => !r || K(r), Fe = (r, e, t) => {
   const n = K(e) ? e.split(".") : e;
   let s = 0;
   for (; s < n.length - 1; ) {
@@ -2623,26 +2623,26 @@ const Dn = ({
   const {
     obj: n,
     k: s
-  } = Me(r, e, Object);
+  } = Fe(r, e, Object);
   if (n !== void 0 || e.length === 1) {
     n[s] = t;
     return;
   }
-  let a = e[e.length - 1], i = e.slice(0, e.length - 1), o = Me(r, i, Object);
+  let a = e[e.length - 1], i = e.slice(0, e.length - 1), o = Fe(r, i, Object);
   for (; o.obj === void 0 && i.length; )
-    a = `${i[i.length - 1]}.${a}`, i = i.slice(0, i.length - 1), o = Me(r, i, Object), o != null && o.obj && typeof o.obj[`${o.k}.${a}`] < "u" && (o.obj = void 0);
+    a = `${i[i.length - 1]}.${a}`, i = i.slice(0, i.length - 1), o = Fe(r, i, Object), o != null && o.obj && typeof o.obj[`${o.k}.${a}`] < "u" && (o.obj = void 0);
   o.obj[`${o.k}.${a}`] = t;
 }, Pn = (r, e, t, n) => {
   const {
     obj: s,
     k: a
-  } = Me(r, e, Object);
+  } = Fe(r, e, Object);
   s[a] = s[a] || [], s[a].push(t);
 }, ot = (r, e) => {
   const {
     obj: t,
     k: n
-  } = Me(r, e);
+  } = Fe(r, e);
   if (t && Object.prototype.hasOwnProperty.call(t, n))
     return t[n];
 }, Cn = (r, e, t) => {
@@ -2652,7 +2652,7 @@ const Dn = ({
   for (const n in e)
     n !== "__proto__" && n !== "constructor" && (n in r ? K(r[n]) || r[n] instanceof String || K(e[n]) || e[n] instanceof String ? t && (r[n] = e[n]) : Lr(r[n], e[n], t) : r[n] = e[n]);
   return r;
-}, Re = (r) => r.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
+}, De = (r) => r.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
 var An = {
   "&": "&amp;",
   "<": "&lt;",
@@ -2937,28 +2937,28 @@ class ct extends ht {
         usedParams: this.getUsedParamsDetails(s)
       } : o;
     const m = this.resolve(e, s);
-    let h = m == null ? void 0 : m.res;
-    const b = (m == null ? void 0 : m.usedKey) || o, v = (m == null ? void 0 : m.exactUsedKey) || o, w = ["[object Number]", "[object Function]", "[object RegExp]"], S = s.joinArrays !== void 0 ? s.joinArrays : this.options.joinArrays, _ = !this.i18nFormat || this.i18nFormat.handleAsObject, O = s.count !== void 0 && !K(s.count), y = ct.hasDefaultValue(s), P = O ? this.pluralResolver.getSuffix(u, s.count, s) : "", E = s.ordinal && O ? this.pluralResolver.getSuffix(u, s.count, {
+    let p = m == null ? void 0 : m.res;
+    const x = (m == null ? void 0 : m.usedKey) || o, v = (m == null ? void 0 : m.exactUsedKey) || o, w = ["[object Number]", "[object Function]", "[object RegExp]"], S = s.joinArrays !== void 0 ? s.joinArrays : this.options.joinArrays, _ = !this.i18nFormat || this.i18nFormat.handleAsObject, O = s.count !== void 0 && !K(s.count), y = ct.hasDefaultValue(s), P = O ? this.pluralResolver.getSuffix(u, s.count, s) : "", E = s.ordinal && O ? this.pluralResolver.getSuffix(u, s.count, {
       ordinal: !1
     }) : "", T = O && !s.ordinal && s.count === 0, D = T && s[`defaultValue${this.options.pluralSeparator}zero`] || s[`defaultValue${P}`] || s[`defaultValue${E}`] || s.defaultValue;
-    let k = h;
-    _ && !h && y && (k = D);
+    let k = p;
+    _ && !p && y && (k = D);
     const W = pr(k), C = Object.prototype.toString.apply(k);
     if (_ && k && W && w.indexOf(C) < 0 && !(K(S) && Array.isArray(k))) {
       if (!s.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
-        const j = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(b, k, {
+        const j = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(x, k, {
           ...s,
           ns: c
         }) : `key '${o} (${this.language})' returned an object instead of string.`;
         return a ? (m.res = j, m.usedParams = this.getUsedParamsDetails(s), m) : j;
       }
       if (i) {
-        const j = Array.isArray(k), M = j ? [] : {}, B = j ? v : b;
+        const j = Array.isArray(k), M = j ? [] : {}, B = j ? v : x;
         for (const H in k)
           if (Object.prototype.hasOwnProperty.call(k, H)) {
             const z = `${B}${i}${H}`;
-            y && !h ? M[H] = this.translate(z, {
+            y && !p ? M[H] = this.translate(z, {
               ...s,
               defaultValue: pr(D) ? D[H] : void 0,
               joinArrays: !1,
@@ -2969,43 +2969,43 @@ class ct extends ht {
               ns: c
             }), M[H] === z && (M[H] = k[H]);
           }
-        h = M;
+        p = M;
       }
-    } else if (_ && K(S) && Array.isArray(h))
-      h = h.join(S), h && (h = this.extendTranslation(h, e, s, n));
+    } else if (_ && K(S) && Array.isArray(p))
+      p = p.join(S), p && (p = this.extendTranslation(p, e, s, n));
     else {
       let j = !1, M = !1;
-      !this.isValidLookup(h) && y && (j = !0, h = D), this.isValidLookup(h) || (M = !0, h = o);
-      const H = (s.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && M ? void 0 : h, z = y && D !== h && this.options.updateMissing;
+      !this.isValidLookup(p) && y && (j = !0, p = D), this.isValidLookup(p) || (M = !0, p = o);
+      const H = (s.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && M ? void 0 : p, z = y && D !== p && this.options.updateMissing;
       if (M || j || z) {
-        if (this.logger.log(z ? "updateKey" : "missingKey", u, l, o, z ? D : h), i) {
-          const x = this.resolve(o, {
+        if (this.logger.log(z ? "updateKey" : "missingKey", u, l, o, z ? D : p), i) {
+          const b = this.resolve(o, {
             ...s,
             keySeparator: !1
           });
-          x && x.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.");
+          b && b.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 Z = [];
         const I = this.languageUtils.getFallbackCodes(this.options.fallbackLng, s.lng || this.language);
         if (this.options.saveMissingTo === "fallback" && I && I[0])
-          for (let x = 0; x < I.length; x++)
-            Z.push(I[x]);
+          for (let b = 0; b < I.length; b++)
+            Z.push(I[b]);
         else this.options.saveMissingTo === "all" ? Z = this.languageUtils.toResolveHierarchy(s.lng || this.language) : Z.push(s.lng || this.language);
-        const p = (x, R, A) => {
+        const h = (b, R, A) => {
           var L;
-          const $ = y && A !== h ? A : H;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(x, l, R, $, z, s) : (L = this.backendConnector) != null && L.saveMissing && this.backendConnector.saveMissing(x, l, R, $, z, s), this.emit("missingKey", x, l, R, h);
+          const $ = y && A !== p ? A : H;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(b, l, R, $, z, s) : (L = this.backendConnector) != null && L.saveMissing && this.backendConnector.saveMissing(b, l, R, $, z, s), this.emit("missingKey", b, l, R, p);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && O ? Z.forEach((x) => {
-          const R = this.pluralResolver.getSuffixes(x, s);
+        this.options.saveMissing && (this.options.saveMissingPlurals && O ? Z.forEach((b) => {
+          const R = this.pluralResolver.getSuffixes(b, s);
           T && s[`defaultValue${this.options.pluralSeparator}zero`] && R.indexOf(`${this.options.pluralSeparator}zero`) < 0 && R.push(`${this.options.pluralSeparator}zero`), R.forEach((A) => {
-            p([x], o + A, s[`defaultValue${A}`] || D);
+            h([b], o + A, s[`defaultValue${A}`] || D);
           });
-        }) : p(Z, o, D));
+        }) : h(Z, o, D));
       }
-      h = this.extendTranslation(h, e, s, m, n), M && h === o && this.options.appendNamespaceToMissingKey && (h = `${l}${f}${o}`), (M || j) && this.options.parseMissingKeyHandler && (h = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${l}${f}${o}` : o, j ? h : void 0, s));
+      p = this.extendTranslation(p, e, s, m, n), M && p === o && this.options.appendNamespaceToMissingKey && (p = `${l}${f}${o}`), (M || j) && this.options.parseMissingKeyHandler && (p = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${l}${f}${o}` : o, j ? p : void 0, s));
     }
-    return a ? (m.res = h, m.usedParams = this.getUsedParamsDetails(s), m) : h;
+    return a ? (m.res = p, m.usedParams = this.getUsedParamsDetails(s), m) : p;
   }
   extendTranslation(e, t, n, s, a) {
     var c, l;
@@ -3035,8 +3035,8 @@ class ct extends ht {
         ...this.options.interpolation.defaultVariables,
         ...d
       }), e = this.interpolator.interpolate(e, d, n.lng || this.language || s.usedLng, n), f) {
-        const m = e.match(this.interpolator.nestingRegexp), h = m && m.length;
-        u < h && (n.nest = !1);
+        const m = e.match(this.interpolator.nestingRegexp), p = m && m.length;
+        u < p && (n.nest = !1);
       }
       !n.lng && s && s.res && (n.lng = this.language || s.usedLng), n.nest !== !1 && (e = this.interpolator.nest(e, (...m) => (a == null ? void 0 : a[0]) === m[0] && !n.context ? (this.logger.warn(`It seems you are nesting recursively key: ${m[0]} in key: ${t[0]}`), null) : this.translate(...m, t), n)), n.interpolation && this.interpolator.reset();
     }
@@ -3057,10 +3057,10 @@ class ct extends ht {
       s = f;
       let u = l.namespaces;
       this.options.fallbackNS && (u = u.concat(this.options.fallbackNS));
-      const d = t.count !== void 0 && !K(t.count), m = d && !t.ordinal && t.count === 0, h = t.context !== void 0 && (K(t.context) || typeof t.context == "number") && t.context !== "", b = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
+      const d = t.count !== void 0 && !K(t.count), m = d && !t.ordinal && t.count === 0, p = t.context !== void 0 && (K(t.context) || typeof t.context == "number") && t.context !== "", x = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
       u.forEach((v) => {
         var w, S;
-        this.isValidLookup(n) || (o = v, !dr[`${b[0]}-${v}`] && ((w = this.utils) != null && w.hasLoadedNamespace) && !((S = this.utils) != null && S.hasLoadedNamespace(o)) && (dr[`${b[0]}-${v}`] = !0, this.logger.warn(`key "${s}" for languages "${b.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!!!")), b.forEach((_) => {
+        this.isValidLookup(n) || (o = v, !dr[`${x[0]}-${v}`] && ((w = this.utils) != null && w.hasLoadedNamespace) && !((S = this.utils) != null && S.hasLoadedNamespace(o)) && (dr[`${x[0]}-${v}`] = !0, this.logger.warn(`key "${s}" for languages "${x.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!!!")), x.forEach((_) => {
           var P;
           if (this.isValidLookup(n)) return;
           i = _;
@@ -3071,7 +3071,7 @@ class ct extends ht {
             let E;
             d && (E = this.pluralResolver.getSuffix(_, t.count, t));
             const T = `${this.options.pluralSeparator}zero`, D = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (d && (O.push(f + E), t.ordinal && E.indexOf(D) === 0 && O.push(f + E.replace(D, this.options.pluralSeparator)), m && O.push(f + T)), h) {
+            if (d && (O.push(f + E), t.ordinal && E.indexOf(D) === 0 && O.push(f + E.replace(D, this.options.pluralSeparator)), m && O.push(f + T)), p) {
               const k = `${f}${this.options.contextSeparator}${t.context}`;
               O.push(k), d && (O.push(k + E), t.ordinal && E.indexOf(D) === 0 && O.push(k + E.replace(D, this.options.pluralSeparator)), m && O.push(k + T));
             }
@@ -3269,13 +3269,13 @@ class Yn {
       unescapePrefix: u,
       nestingPrefix: d,
       nestingPrefixEscaped: m,
-      nestingSuffix: h,
-      nestingSuffixEscaped: b,
+      nestingSuffix: p,
+      nestingSuffixEscaped: x,
       nestingOptionsSeparator: v,
       maxReplaces: w,
       alwaysFormat: S
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : Ln, 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) : c || "}}", this.formatSeparator = l || ",", this.unescapePrefix = f ? "" : u || "-", this.unescapeSuffix = this.unescapePrefix ? "" : f || "", this.nestingPrefix = d ? Re(d) : m || Re("$t("), this.nestingSuffix = h ? Re(h) : b || Re(")"), this.nestingOptionsSeparator = v || ",", this.maxReplaces = w || 1e3, this.alwaysFormat = S !== void 0 ? S : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : Ln, this.escapeValue = n !== void 0 ? n : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = a ? De(a) : i || "{{", this.suffix = o ? De(o) : c || "}}", this.formatSeparator = l || ",", this.unescapePrefix = f ? "" : u || "-", this.unescapeSuffix = this.unescapePrefix ? "" : f || "", this.nestingPrefix = d ? De(d) : m || De("$t("), this.nestingSuffix = p ? De(p) : x || De(")"), this.nestingOptionsSeparator = v || ",", this.maxReplaces = w || 1e3, this.alwaysFormat = S !== void 0 ? S : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -3287,16 +3287,16 @@ class Yn {
   interpolate(e, t, n, s) {
     var m;
     let a, i, o;
-    const c = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, l = (h) => {
-      if (h.indexOf(this.formatSeparator) < 0) {
-        const S = yr(t, c, h, this.options.keySeparator, this.options.ignoreJSONStructure);
+    const c = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, l = (p) => {
+      if (p.indexOf(this.formatSeparator) < 0) {
+        const S = yr(t, c, p, this.options.keySeparator, this.options.ignoreJSONStructure);
         return this.alwaysFormat ? this.format(S, void 0, n, {
           ...s,
           ...t,
-          interpolationkey: h
+          interpolationkey: p
         }) : S;
       }
-      const b = h.split(this.formatSeparator), v = b.shift().trim(), w = b.join(this.formatSeparator).trim();
+      const x = p.split(this.formatSeparator), v = x.shift().trim(), w = x.join(this.formatSeparator).trim();
       return this.format(yr(t, c, v, this.options.keySeparator, this.options.ignoreJSONStructure), w, n, {
         ...s,
         ...t,
@@ -3307,27 +3307,27 @@ class Yn {
     const f = (s == null ? void 0 : s.missingInterpolationHandler) || this.options.missingInterpolationHandler, u = ((m = s == null ? void 0 : s.interpolation) == null ? void 0 : m.skipOnVariables) !== void 0 ? s.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
     return [{
       regex: this.regexpUnescape,
-      safeValue: (h) => Tt(h)
+      safeValue: (p) => Tt(p)
     }, {
       regex: this.regexp,
-      safeValue: (h) => this.escapeValue ? Tt(this.escape(h)) : Tt(h)
-    }].forEach((h) => {
-      for (o = 0; a = h.regex.exec(e); ) {
-        const b = a[1].trim();
-        if (i = l(b), i === void 0)
+      safeValue: (p) => this.escapeValue ? Tt(this.escape(p)) : Tt(p)
+    }].forEach((p) => {
+      for (o = 0; a = p.regex.exec(e); ) {
+        const x = a[1].trim();
+        if (i = l(x), i === void 0)
           if (typeof f == "function") {
             const w = f(e, a, s);
             i = K(w) ? w : "";
-          } else if (s && Object.prototype.hasOwnProperty.call(s, b))
+          } else if (s && Object.prototype.hasOwnProperty.call(s, x))
             i = "";
           else if (u) {
             i = a[0];
             continue;
           } else
-            this.logger.warn(`missed to pass in variable ${b} for interpolating ${e}`), i = "";
+            this.logger.warn(`missed to pass in variable ${x} for interpolating ${e}`), i = "";
         else !K(i) && !this.useRawValueToEscape && (i = or(i));
-        const v = h.safeValue(i);
-        if (e = e.replace(a[0], v), u ? (h.regex.lastIndex += i.length, h.regex.lastIndex -= a[0].length) : h.regex.lastIndex = 0, o++, o >= this.maxReplaces)
+        const v = p.safeValue(i);
+        if (e = e.replace(a[0], v), u ? (p.regex.lastIndex += i.length, p.regex.lastIndex -= a[0].length) : p.regex.lastIndex = 0, o++, o >= this.maxReplaces)
           break;
       }
     }), e;
@@ -3340,15 +3340,15 @@ class Yn {
       const u = c.split(new RegExp(`${f}[ ]*{`));
       let d = `{${u[1]}`;
       c = u[0], d = this.interpolate(d, i);
-      const m = d.match(/'/g), h = d.match(/"/g);
-      (((m == null ? void 0 : m.length) ?? 0) % 2 === 0 && !h || h.length % 2 !== 0) && (d = d.replace(/'/g, '"'));
+      const m = d.match(/'/g), p = d.match(/"/g);
+      (((m == null ? void 0 : m.length) ?? 0) % 2 === 0 && !p || p.length % 2 !== 0) && (d = d.replace(/'/g, '"'));
       try {
         i = JSON.parse(d), l && (i = {
           ...l,
           ...i
         });
-      } catch (b) {
-        return this.logger.warn(`failed parsing options string in nesting for key ${c}`, b), `${c}${f}${d}`;
+      } catch (x) {
+        return this.logger.warn(`failed parsing options string in nesting for key ${c}`, x), `${c}${f}${d}`;
       }
       return i.defaultValue && i.defaultValue.indexOf(this.prefix) > -1 && delete i.defaultValue, c;
     };
@@ -3466,8 +3466,8 @@ class Bn {
       if (this.formats[l]) {
         let d = o;
         try {
-          const m = ((u = s == null ? void 0 : s.formatParams) == null ? void 0 : u[s.interpolationkey]) || {}, h = m.locale || m.lng || s.locale || s.lng || n;
-          d = this.formats[l](o, h, {
+          const m = ((u = s == null ? void 0 : s.formatParams) == null ? void 0 : u[s.interpolationkey]) || {}, p = m.locale || m.lng || s.locale || s.lng || n;
+          d = this.formats[l](o, p, {
             ...f,
             ...s,
             ...m
@@ -3602,16 +3602,16 @@ class Gn extends ht {
         const m = {
           ...i,
           isUpdate: a
-        }, h = this.backend.create.bind(this.backend);
-        if (h.length < 6)
+        }, p = this.backend.create.bind(this.backend);
+        if (p.length < 6)
           try {
-            let b;
-            h.length === 5 ? b = h(e, t, n, s, m) : b = h(e, t, n, s), b && typeof b.then == "function" ? b.then((v) => o(null, v)).catch(o) : o(null, b);
-          } catch (b) {
-            o(b);
+            let x;
+            p.length === 5 ? x = p(e, t, n, s, m) : x = p(e, t, n, s), x && typeof x.then == "function" ? x.then((v) => o(null, v)).catch(o) : o(null, x);
+          } catch (x) {
+            o(x);
           }
         else
-          h(e, t, n, s, o, m);
+          p(e, t, n, s, o, m);
       }
       !e || !e[0] || this.store.addResource(e[0], t, n, s);
     }
@@ -3736,7 +3736,7 @@ class Ue extends ht {
     }), ["addResource", "addResources", "addResourceBundle", "removeResourceBundle"].forEach((l) => {
       this[l] = (...f) => (this.store[l](...f), this);
     });
-    const o = Ie(), c = () => {
+    const o = Me(), c = () => {
       const l = (f, u) => {
         this.isInitializing = !1, this.isInitialized && !this.initializedStoreOnce && this.logger.warn("init: i18next is already initialized. You should call init just once!"), this.isInitialized = !0, this.options.isClone || this.logger.log("initialized", this.options), this.emit("initialized", this.options), o.resolve(u), t(f, u);
       };
@@ -3764,7 +3764,7 @@ class Ue extends ht {
       n(null);
   }
   reloadResources(e, t, n) {
-    const s = Ie();
+    const s = Me();
     return typeof e == "function" && (n = e, e = void 0), typeof t == "function" && (n = t, t = void 0), e || (e = this.languages), t || (t = this.options.ns), n || (n = Qe), this.services.backendConnector.reload(e, t, (a) => {
       s.resolve(), n(a);
     }), s;
@@ -3788,7 +3788,7 @@ class Ue extends ht {
   }
   changeLanguage(e, t) {
     this.isLanguageChangingTo = e;
-    const n = Ie();
+    const n = Me();
     this.emit("languageChanging", e);
     const s = (o) => {
       this.language = o, this.languages = this.services.languageUtils.toResolveHierarchy(o), this.resolvedLanguage = void 0, this.setResolvedLanguage(o);
@@ -3845,7 +3845,7 @@ class Ue extends ht {
     return !!(this.hasResourceBundle(n, e) || !this.services.backendConnector.backend || this.options.resources && !this.options.partialBundledLanguages || i(n, e) && (!s || i(a, e)));
   }
   loadNamespaces(e, t) {
-    const n = Ie();
+    const n = Me();
     return this.options.ns ? (K(e) && (e = [e]), e.forEach((s) => {
       this.options.ns.indexOf(s) < 0 && this.options.ns.push(s);
     }), this.loadResources((s) => {
@@ -3853,7 +3853,7 @@ class Ue extends ht {
     }), n) : (t && t(), Promise.resolve());
   }
   loadLanguages(e, t) {
-    const n = Ie();
+    const n = Me();
     K(e) && (e = [e]);
     const s = this.options.preload || [], a = e.filter((i) => s.indexOf(i) < 0 && this.services.languageUtils.isSupportedCode(i));
     return a.length ? (this.options.preload = s.concat(a), this.loadResources((i) => {
@@ -4035,7 +4035,7 @@ ie.init({
   }
 });
 const us = (r, e, t, n) => ie.format(r, e, t || ie.language, n), fs = (r, e) => ie.t(r, e);
-function Le() {
+function ke() {
   const r = le(
     (n, s, a, i) => us(n, s, a || void 0, i),
     []
@@ -4056,7 +4056,7 @@ function ps({
   initialValue: n,
   targetRef: s
 }) {
-  const { translate: a } = Le(), i = () => {
+  const { translate: a } = ke(), i = () => {
     if (!n) return;
     const I = new Date(n);
     return isNaN(I.getTime()) ? void 0 : I;
@@ -4066,7 +4066,7 @@ function ps({
     c ? c.getMonth() : (/* @__PURE__ */ new Date()).getMonth()
   ), [d, m] = q(
     c ? c.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear()
-  ), [h, b] = q(
+  ), [p, x] = q(
     c ? c.getDate() : null
   ), v = ce(null), w = ce([]), S = [
     a(pe.JANUARY),
@@ -4110,25 +4110,25 @@ function ps({
       value: a(ue.SATURDAY_SHORT),
       full: a(ue.SATURDAY)
     }
-  ], O = (I) => t.some((p) => {
-    const x = p.start.getTime(), R = p.end.getTime(), A = I.getTime();
-    return A >= x && A <= R;
+  ], O = (I) => t.some((h) => {
+    const b = h.start.getTime(), R = h.end.getTime(), A = I.getTime();
+    return A >= b && A <= R;
   }), y = (I) => {
-    O(I) || (l(I), b(I.getDate()), e && e(Qr(I)));
+    O(I) || (l(I), x(I.getDate()), e && e(Qr(I)));
   }, P = () => {
-    f === 0 ? (u(11), m(d - 1)) : u(f - 1), b(1);
+    f === 0 ? (u(11), m(d - 1)) : u(f - 1), x(1);
   }, E = () => {
-    f === 11 ? (u(0), m(d + 1)) : u(f + 1), b(1);
-  }, T = (I, p) => new Date(I, p + 1, 0).getDate(), D = (I, p) => new Date(I, p, 1).getDay(), k = (I) => {
-    var x;
-    const p = M.findIndex(
+    f === 11 ? (u(0), m(d + 1)) : u(f + 1), x(1);
+  }, T = (I, h) => new Date(I, h + 1, 0).getDate(), D = (I, h) => new Date(I, h, 1).getDay(), k = (I) => {
+    var b;
+    const h = M.findIndex(
       (R) => R !== null && R.getDate() === I
     );
-    p !== -1 && w.current[p] && ((x = w.current[p]) == null || x.focus(), b(I));
-  }, W = (I, p) => {
-    const x = M[p];
-    if (!x) return;
-    const R = T(d, f), A = x.getDate();
+    h !== -1 && w.current[h] && ((b = w.current[h]) == null || b.focus(), x(I));
+  }, W = (I, h) => {
+    const b = M[h];
+    if (!b) return;
+    const R = T(d, f), A = b.getDate();
     switch (I.key) {
       case "ArrowRight":
         I.preventDefault();
@@ -4214,17 +4214,17 @@ function ps({
         break;
       case " ":
       case "Space":
-        if (O(x)) return;
-        b(x.getDate()), l(x);
+        if (O(b)) return;
+        x(b.getDate()), l(b);
         break;
       case "Enter":
-        I.preventDefault(), y(x);
+        I.preventDefault(), y(b);
         break;
     }
-  }, C = (I, p) => {
-    const x = T(d, f);
-    if (p === "forward") {
-      for (let R = I; R <= x; R++) {
+  }, C = (I, h) => {
+    const b = T(d, f);
+    if (h === "forward") {
+      for (let R = I; R <= b; R++) {
         const A = new Date(d, f, R);
         if (!O(A)) {
           k(R);
@@ -4248,41 +4248,41 @@ function ps({
       }, 0);
     }
   }, M = (() => {
-    const I = T(d, f), p = D(d, f), x = [];
-    for (let R = 0; R < p; R++)
-      x.push(null);
+    const I = T(d, f), h = D(d, f), b = [];
+    for (let R = 0; R < h; R++)
+      b.push(null);
     for (let R = 1; R <= I; R++) {
       const A = new Date(d, f, R);
-      x.push(A);
+      b.push(A);
     }
-    return x;
+    return b;
   })(), B = [];
   let H = [];
-  M.forEach((I, p) => {
-    if (H.push(I), H.length === 7 || p === M.length - 1) {
+  M.forEach((I, h) => {
+    if (H.push(I), H.length === 7 || h === M.length - 1) {
       for (; H.length < 7; )
         H.push(null);
       B.push(H), H = [];
     }
   }), ne(() => {
     var I;
-    if (h !== null) {
-      const p = M.findIndex(
-        (x) => x !== null && x.getDate() === h
+    if (p !== null) {
+      const h = M.findIndex(
+        (b) => b !== null && b.getDate() === p
       );
-      p !== -1 && w.current[p] && ((I = w.current[p]) == null || I.focus());
+      h !== -1 && w.current[h] && ((I = w.current[h]) == null || I.focus());
     }
-  }, [f, d, h, M]);
+  }, [f, d, p, M]);
   const z = {
     label: "smp-datepickercalendar-label",
     wrapper: `smp-datepickercalendar ${ds["smp-datepickercalendar-position"]}`,
     calendar: "smp-datepickercalendar",
     table: "smp-datepickercalendar-table",
     th: "smp-datepickercalendar-th",
-    td: (I, p, x, R) => `smp-datepickercalendar-td 
+    td: (I, h, b, R) => `smp-datepickercalendar-td 
        ${I ? "smp-datepickercalendar-td-today" : ""}
-       ${p ? "smp-datepickercalendar-td-selected" : ""}
-       ${x ? "smp-datepickercalendar-td-focused" : ""}
+       ${h ? "smp-datepickercalendar-td-selected" : ""}
+       ${b ? "smp-datepickercalendar-td-focused" : ""}
        ${R ? "smp-datepickercalendar-td-disabled" : ""}`
   }, Z = () => `${S[f]} ${d.toString()}`;
   return /* @__PURE__ */ g.jsxs(
@@ -4306,7 +4306,7 @@ function ps({
             },
             children: [
               /* @__PURE__ */ g.jsx(
-                Ce,
+                Ae,
                 {
                   onClick: P,
                   ariaLabel: a(_t.PREVIOUS_MONTH),
@@ -4325,7 +4325,7 @@ function ps({
                 }
               ),
               /* @__PURE__ */ g.jsx(
-                Ce,
+                Ae,
                 {
                   onClick: E,
                   ariaLabel: a(_t.NEXT_MONTH),
@@ -4356,9 +4356,9 @@ function ps({
                 },
                 I.value
               )) }) }),
-              /* @__PURE__ */ g.jsx("tbody", { children: B.map((I, p) => /* @__PURE__ */ g.jsx("tr", { children: I.map((x, R) => {
-                const A = p * 7 + R;
-                if (x === null)
+              /* @__PURE__ */ g.jsx("tbody", { children: B.map((I, h) => /* @__PURE__ */ g.jsx("tr", { children: I.map((b, R) => {
+                const A = h * 7 + R;
+                if (b === null)
                   return /* @__PURE__ */ g.jsx(
                     "td",
                     {
@@ -4371,16 +4371,16 @@ function ps({
                     },
                     `empty-${R}`
                   );
-                const $ = x.getDate() === o.getDate() && x.getMonth() === o.getMonth() && x.getFullYear() === o.getFullYear(), L = c && x.getDate() === c.getDate() && x.getMonth() === c.getMonth() && x.getFullYear() === c.getFullYear(), V = h === x.getDate(), Y = O(x);
+                const $ = b.getDate() === o.getDate() && b.getMonth() === o.getMonth() && b.getFullYear() === o.getFullYear(), L = c && b.getDate() === c.getDate() && b.getMonth() === c.getMonth() && b.getFullYear() === c.getFullYear(), V = p === b.getDate(), Y = O(b);
                 return /* @__PURE__ */ g.jsx(
                   "td",
                   {
                     role: "gridcell",
                     "aria-selected": L,
                     tabIndex: V ? 0 : -1,
-                    onClick: () => y(x),
+                    onClick: () => y(b),
                     onKeyDown: (F) => W(F, A),
-                    "aria-label": `${x.getDate()} ${S[x.getMonth()]} ${x.getFullYear()}`,
+                    "aria-label": `${b.getDate()} ${S[b.getMonth()]} ${b.getFullYear()}`,
                     "data-selected": L,
                     "aria-disabled": Y,
                     ref: (F) => {
@@ -4392,11 +4392,11 @@ function ps({
                       V,
                       Y
                     ),
-                    children: x.getDate()
+                    children: b.getDate()
                   },
                   `day-${R}`
                 );
-              }) }, `week-${p}`)) })
+              }) }, `week-${h}`)) })
             ]
           }
         )
@@ -4412,16 +4412,16 @@ const hs = ({
   isEditable: s = !0,
   ...a
 }) => {
-  const i = ce(null), [o, c] = q(!1), [l, f] = q(r || ""), [u, d] = q(""), { anchorRef: m, targetRef: h } = dt({
+  const i = ce(null), [o, c] = q(!1), [l, f] = q(r || ""), [u, d] = q(""), { anchorRef: m, targetRef: p } = dt({
     position: "bottom",
     enabled: o
-  }), b = le(() => {
+  }), x = le(() => {
     var D;
     c(!1), (D = i == null ? void 0 : i.current) == null || D.focus();
   }, []);
-  Pe(h, () => {
-    b();
-  }), Pe(m, () => {
+  Ce(p, () => {
+    x();
+  }), Ce(m, () => {
     if (
       // FIXME: Copied from useClickOutside.
       typeof m == "object" && m !== null && "current" in m
@@ -4429,9 +4429,9 @@ const hs = ({
       const D = m.current.querySelector("input");
       D && D === document.activeElement && O();
     }
-    b();
-  }), kt(o, h);
-  const { format: v, getCurrentLanguage: w } = Le(), S = le(
+    x();
+  }), kt(o, p);
+  const { format: v, getCurrentLanguage: w } = ke(), S = le(
     (D) => {
       const k = D.length > 5 && Jr(D, w()) || D, W = v(k, void 0, void 0, {
         type: "date"
@@ -4452,7 +4452,7 @@ const hs = ({
   const _ = () => c((D) => !D), O = () => {
     P(u);
   }, y = (D) => {
-    P(D), b();
+    P(D), x();
   }, P = (D) => {
     const { isoDate: k, isValid: W } = S(D);
     t && t(W && k || D);
@@ -4463,7 +4463,7 @@ const hs = ({
   };
   return /* @__PURE__ */ g.jsxs("div", { "data-component": "date-picker", children: [
     /* @__PURE__ */ g.jsx(
-      Oe,
+      je,
       {
         ...a,
         bindValue: u,
@@ -4484,7 +4484,7 @@ const hs = ({
         disabledDateRanges: n,
         onDateChange: y,
         initialValue: Pt(l) && l || "",
-        targetRef: h
+        targetRef: p
       }
     ) })
   ] });
@@ -4503,7 +4503,7 @@ const hs = ({
   onChange: u,
   onBlur: d
 }) => {
-  const m = r.map((v) => v.bindValue), h = (v, w) => {
+  const m = r.map((v) => v.bindValue), p = (v, w) => {
     const S = [...r];
     if (v == "")
       S.pop();
@@ -4517,16 +4517,16 @@ const hs = ({
       });
     }
     u == null || u(S);
-  }, b = {
+  }, x = {
     container: "smp-multipleAutocomplete-container"
   };
   return /* @__PURE__ */ g.jsxs(
     "div",
     {
-      className: b.container,
+      className: x.container,
       "data-component": "multiple-autocomplete",
       children: [
-        i && /* @__PURE__ */ g.jsx(Ae, { label: i, disabled: o }),
+        i && /* @__PURE__ */ g.jsx(Oe, { label: i, disabled: o }),
         /* @__PURE__ */ g.jsx(
           Lt,
           {
@@ -4544,7 +4544,7 @@ const hs = ({
             bindValue: "",
             fun: c,
             isEditable: s,
-            onChange: h,
+            onChange: p,
             _changeOnEnter: !0,
             listDisplayMode: n,
             minimumChars: t,
@@ -4561,7 +4561,7 @@ const hs = ({
 }, gs = ({ ...r }) => {
   const [e, t] = q(!1), n = e ? "visibility-off" : "visibility";
   return /* @__PURE__ */ g.jsx(
-    Oe,
+    je,
     {
       ...r,
       inputType: e ? "text" : "password",
@@ -4572,12 +4572,12 @@ const hs = ({
     }
   );
 }, ys = ({ ...r }) => {
-  const [e, t] = q(r.bindValue), { translate: n } = Le(), s = (a) => {
+  const [e, t] = q(r.bindValue), { translate: n } = ke(), s = (a) => {
     var i;
     a.key === "Enter" && (a.preventDefault(), (i = r.onEnter) == null || i.call(r, e));
   };
   return /* @__PURE__ */ g.jsx(
-    Oe,
+    je,
     {
       ...r,
       placeholder: r.placeholder ? r.placeholder : n(mt.SPOTLIGHT_DEFAULT_PLACEHOLDER),
@@ -4599,16 +4599,16 @@ const hs = ({
     wrapper: "smp-text-wrapper"
   };
   return t ? /* @__PURE__ */ g.jsxs("div", { className: n.wrapper, children: [
-    /* @__PURE__ */ g.jsx(Ae, { label: t }),
+    /* @__PURE__ */ g.jsx(Oe, { label: t }),
     /* @__PURE__ */ g.jsx(
-      Ve,
+      Le,
       {
         variant: "body",
         bindValue: e || r
       }
     )
   ] }) : /* @__PURE__ */ g.jsx(
-    Ve,
+    Le,
     {
       variant: "body",
       bindValue: e || r
@@ -4640,7 +4640,7 @@ class Te {
     return this.value.join(";");
   }
 }
-const _e = (r, e, t) => ({
+const $e = (r, e, t) => ({
   obj: {
     t: r.obj.t,
     p: r.obj.p,
@@ -4663,7 +4663,7 @@ const _e = (r, e, t) => ({
     r.obj,
     e.map((s) => s.optionalDisplayValue ? s.optionalDisplayValue : "")
   ).getLegacyValue();
-  return _e(r, t, n);
+  return $e(r, t, n);
 }, bs = ({
   min: r,
   max: e,
@@ -4675,18 +4675,18 @@ const _e = (r, e, t) => ({
   onEnter: o,
   ...c
 }) => {
-  const { getCurrentLanguage: l } = Le(), f = ce(null), u = l(), { groupingChar: d, decimalChar: m } = Yr(
+  const { getCurrentLanguage: l } = ke(), f = ce(null), u = l(), { groupingChar: d, decimalChar: m } = Yr(
     () => ss(u, s),
     [u, s]
-  ), h = le(
+  ), p = le(
     (C, j) => new Intl.NumberFormat(u, {
       minimumFractionDigits: j,
       maximumFractionDigits: j,
       useGrouping: !0
     }).format(C),
     [u]
-  ), b = le(os, [d, m]), v = le(ns, [r, e]), w = a != null && a.toString().includes(".") ? a.toString().split(".")[1].length : 0, [S, _] = q(w), [O, y] = q(
-    a != null ? h(a, S) : ""
+  ), x = le(os, [d, m]), v = le(ns, [r, e]), w = a != null && a.toString().includes(".") ? a.toString().split(".")[1].length : 0, [S, _] = q(w), [O, y] = q(
+    a != null ? p(a, S) : ""
   ), P = ce(a ?? null);
   ne(() => {
     if (a == null) {
@@ -4694,18 +4694,18 @@ const _e = (r, e, t) => ({
       return;
     }
     const C = a.toString().includes(".") ? a.toString().split(".")[1].length : 0, j = C === 0 ? S : C;
-    j !== S && _(j), y(h(a, j)), P.current = a;
-  }, [a, h]);
+    j !== S && _(j), y(p(a, j)), P.current = a;
+  }, [a, p]);
   const E = le(
     (C, j = !1) => {
       if (C.trim() === "") {
         y(""), P.current = null, i == null || i(void 0, ""), j && (o == null || o(void 0));
         return;
       }
-      const M = b(C, d, m);
+      const M = x(C, d, m);
       if (isNaN(M))
         if (P.current != null) {
-          const B = h(P.current, S);
+          const B = p(P.current, S);
           y(B);
         } else
           y("");
@@ -4716,18 +4716,18 @@ const _e = (r, e, t) => ({
           m
         );
         _(H);
-        const z = h(B, H);
+        const z = p(B, H);
         y(z), P.current = B, i == null || i(B, z), j && (o == null || o(B));
       }
     },
     [
-      b,
+      x,
       d,
       m,
       v,
       r,
       e,
-      h,
+      p,
       i,
       o,
       S
@@ -4740,16 +4740,16 @@ const _e = (r, e, t) => ({
     if (C.key === "ArrowUp" || C.key === "ArrowDown") {
       C.preventDefault();
       const j = C.key === "ArrowUp" ? 1 : -1, M = P.current ?? 0, B = v(M + j * t, r, e);
-      E(h(B, S));
+      E(p(B, S));
     }
   }, W = (C) => {
     if (!C.currentTarget.contains(document.activeElement)) return;
     C.preventDefault();
     const j = C.deltaY < 0 ? 1 : -1, M = P.current ?? 0, B = v(M + j * t, r, e);
-    E(h(B, S));
+    E(p(B, S));
   };
-  return Pe(f, D), /* @__PURE__ */ g.jsx("div", { ref: f, "data-component": "input-number", onWheel: W, children: /* @__PURE__ */ g.jsx(
-    Oe,
+  return Ce(f, D), /* @__PURE__ */ g.jsx("div", { ref: f, "data-component": "input-number", onWheel: W, children: /* @__PURE__ */ g.jsx(
+    je,
     {
       ...c,
       "aria-valuemin": r,
@@ -4822,14 +4822,14 @@ const Ss = ({
   onBlur: u,
   onKeyDown: d
 }) => {
-  const m = We(), h = `${m}-helper`, b = f ? "danger" : s, v = l || !!f, w = (_) => {
+  const m = We(), p = `${m}-helper`, x = f ? "danger" : s, v = l || !!f, w = (_) => {
     t == null || t(_.target.value);
   }, S = {
     wrapper: "smp-textarea-wrapper",
-    container: `smp-textarea ${r ? "smp-textarea-disabled" : ""} ${n ? "smp-textarea-placeholder" : ""} ${b ? `smp-textarea-${b}` : ""} ${a ? `smp-textarea-${a}` : ""} ${i ? "" : "smp-textarea-readOnly"}`
+    container: `smp-textarea ${r ? "smp-textarea-disabled" : ""} ${n ? "smp-textarea-placeholder" : ""} ${x ? `smp-textarea-${x}` : ""} ${a ? `smp-textarea-${a}` : ""} ${i ? "" : "smp-textarea-readOnly"}`
   };
   return /* @__PURE__ */ g.jsxs("div", { className: S.wrapper, "data-component": "textarea", children: [
-    o && /* @__PURE__ */ g.jsx(Ae, { htmlFor: m, label: o, disabled: r }),
+    o && /* @__PURE__ */ g.jsx(Oe, { htmlFor: m, label: o, disabled: r }),
     /* @__PURE__ */ g.jsx(
       "textarea",
       {
@@ -4844,16 +4844,16 @@ const Ss = ({
         onKeyDown: d,
         "aria-label": o ? void 0 : c,
         "aria-labelledby": o ? m : void 0,
-        "aria-describedby": v ? h : void 0
+        "aria-describedby": v ? p : void 0
       }
     ),
     v && /* @__PURE__ */ g.jsx(
       jr,
       {
-        id: h,
+        id: p,
         helperText: f,
         disabled: r,
-        state: b
+        state: x
       }
     )
   ] });
@@ -4869,39 +4869,53 @@ const Ss = ({
   options: n,
   onOptionsRequest: s,
   fun: a,
-  ...i
+  label: i,
+  ...o
 }) => {
-  const [o, c] = q(n);
+  const [c, l] = q(n);
   ne(() => {
-    !o && s && a && s(a, void 0).then((m) => c(m)).catch((m) => {
-      console.error("Error during loading options (radio)", m);
+    !c && s && a && s(a, void 0).then((p) => l(p)).catch((p) => {
+      console.error("Error during loading options (radio)", p);
     });
-  }, [o, s, a]);
-  const l = {
+  }, [c, s, a]);
+  const f = {
     container: `${et["smp-radio"]} ${t ? et["smp-radio-horizontal"] : ""}`,
     option: `${et["smp-radio-element"]} ${r ? et["smp-radio-disabled"] : ""}`
-  }, f = () => {
-    var m;
-    r || (m = i.onBlur) == null || m.call(i);
-  }, u = (m) => {
-    var h;
-    r || (h = i.onChange) == null || h.call(i, m.id, m.label);
-  }, d = We();
-  return /* @__PURE__ */ g.jsx("div", { "smp-id": "radio-container", className: l.container, children: o == null ? void 0 : o.map((m, h) => /* @__PURE__ */ g.jsxs("label", { className: l.option, children: [
-    /* @__PURE__ */ g.jsx(
-      "input",
-      {
-        type: "radio",
-        name: d,
-        value: m.id,
-        disabled: r,
-        checked: m.id === i.bindValue,
-        onChange: () => u(m),
-        onBlur: f
-      }
-    ),
-    Fe(m.id, m.label, e)
-  ] }, h)) });
+  }, u = () => {
+    var p;
+    r || (p = o.onBlur) == null || p.call(o);
+  }, d = (p) => {
+    var x;
+    r || (x = o.onChange) == null || x.call(o, p.id, p.label);
+  }, m = We();
+  return /* @__PURE__ */ g.jsxs("div", { "smp-id": "radio-container", className: f.container, children: [
+    i && /* @__PURE__ */ g.jsx(Oe, { label: i, disabled: r, htmlFor: "" }),
+    c == null ? void 0 : c.map((p, x) => /* @__PURE__ */ g.jsxs("label", { className: f.option, children: [
+      /* @__PURE__ */ g.jsx(
+        "input",
+        {
+          type: "radio",
+          name: m,
+          value: p.id,
+          disabled: r,
+          checked: p.id === o.bindValue,
+          onChange: () => d(p),
+          onBlur: u
+        }
+      ),
+      /* @__PURE__ */ g.jsx(
+        Le,
+        {
+          variant: "body",
+          bindValue: Ve(
+            p.id,
+            p.label,
+            e
+          )
+        }
+      )
+    ] }, x))
+  ] });
 }, Es = ({
   value: r,
   onChange: e,
@@ -4973,11 +4987,11 @@ const Ss = ({
   const a = ce(null), [i, o] = q(!1), [c, l] = q(r || ""), [f, u] = q(""), { anchorRef: d, targetRef: m } = dt({
     position: "bottom",
     enabled: i
-  }), h = le(() => {
+  }), p = le(() => {
     var y;
     o(!1), (y = a == null ? void 0 : a.current) == null || y.focus();
   }, []);
-  Pe(m, () => o(!1)), kt(i, m), ne(() => {
+  Ce(m, () => o(!1)), kt(i, m), ne(() => {
     const y = r || "", P = Er(y) ? y : r || "";
     l(y), u(P);
   }, [r]), ne(() => {
@@ -4988,13 +5002,13 @@ const Ss = ({
       document.removeEventListener("keydown", y);
     };
   }, [i]);
-  const b = () => {
+  const x = () => {
     n && o((y) => !y);
   }, v = (y) => {
     u(y);
   }, w = (y, P, E) => {
     const T = Os(y, P, E);
-    l(T), u(T), t == null || t(T), h();
+    l(T), u(T), t == null || t(T), p();
   }, S = () => {
     O(f);
   }, _ = (y) => {
@@ -5017,7 +5031,7 @@ const Ss = ({
         onBlur: S,
         onKeyDown: _,
         shapeIcon: "clock",
-        onShapeIconClick: b,
+        onShapeIconClick: x,
         isEditable: n,
         ref: d,
         inputRef: a
@@ -5088,8 +5102,8 @@ const Tr = /* @__PURE__ */ new Map([
   onEnter: u,
   onBlur: d,
   onOptionsRequest: m,
-  onContextMenu: h,
-  isEditable: b
+  onContextMenu: p,
+  isEditable: x
 }) => {
   const v = {
     obj: t,
@@ -5103,12 +5117,12 @@ const Tr = /* @__PURE__ */ new Map([
     fun: a,
     icon: s,
     label: o,
-    isEditable: b,
+    isEditable: x,
     ...n
-  }, S = (E, T, D) => Kr(t) ? _e(E, new at(t, T).getLegacyValue()) : qr(t) ? _e(E, new ft(t, T).getLegacyValue()) : _e(E, T, D), _ = (E, T) => _e(
+  }, S = (E, T, D) => Kr(t) ? $e(E, new at(t, T).getLegacyValue()) : qr(t) ? $e(E, new ft(t, T).getLegacyValue()) : $e(E, T, D), _ = (E, T) => $e(
     E,
     new ut(t, T, ".").getLegacyValue()
-  ), O = (E) => _e(v, new st(t, E).getLegacyValue()), y = (E) => xs(v, E), P = () => {
+  ), O = (E) => $e(v, new st(t, E).getLegacyValue()), y = (E) => xs(v, E), P = () => {
     switch (e) {
       case re.AUTOCOMPLETE: {
         const E = {
@@ -5130,7 +5144,7 @@ const Tr = /* @__PURE__ */ new Map([
             f == null || f(S(v, t.k));
           }
         };
-        return /* @__PURE__ */ g.jsx(Ce, { ...E });
+        return /* @__PURE__ */ g.jsx(Ae, { ...E });
       }
       case re.BUTTON_LIST: {
         const E = {
@@ -5267,7 +5281,7 @@ const Tr = /* @__PURE__ */ new Map([
             l == null || l(S(v, T));
           }
         };
-        return /* @__PURE__ */ g.jsx(Oe, { ...E });
+        return /* @__PURE__ */ g.jsx(je, { ...E });
       }
       case re.TIME: {
         const E = {
@@ -5294,7 +5308,7 @@ const Tr = /* @__PURE__ */ new Map([
     {
       className: "smp-cell-wrapper",
       onContextMenu: (E) => {
-        h && (E.preventDefault(), h(v, E.currentTarget));
+        p && (E.preventDefault(), p(v, E.currentTarget));
       },
       children: P()
     }
@@ -5312,25 +5326,25 @@ const Tr = /* @__PURE__ */ new Map([
       if (!((u = l.rows) != null && u.length) || !((d = l.columns) != null && d.length))
         return {};
       const f = l.rows[0];
-      return l.columns.filter((m) => m.visible).reduce((m, h) => {
-        const b = f.cells[h.name], v = {
-          ...b,
-          id: h.name,
+      return l.columns.filter((m) => m.visible).reduce((m, p) => {
+        const x = f.cells[p.name], v = {
+          ...x,
+          id: p.name,
           onChange: (w) => {
             a((S) => S && {
               ...S,
-              [h.name]: {
-                ...S[h.name],
+              [p.name]: {
+                ...S[p.name],
                 obj: {
-                  ...S[h.name].obj,
+                  ...S[p.name].obj,
                   k: w.obj.k
                 }
               }
             });
           },
           onClick: () => {
-            b.fun && e && e({
-              ...b
+            x.fun && e && e({
+              ...x
             });
           },
           onEnter: (w) => {
@@ -5342,7 +5356,7 @@ const Tr = /* @__PURE__ */ new Map([
         };
         return {
           ...m,
-          [h.name]: v
+          [p.name]: v
         };
       }, {});
     },
@@ -5374,7 +5388,7 @@ const Tr = /* @__PURE__ */ new Map([
   loadOptions: c
 }) => {
   var _, O;
-  const [l, f] = q(), [u, d] = q(t ?? !0), m = ce(null), h = s.trim() ? s : "100vh", b = le(
+  const [l, f] = q(), [u, d] = q(t ?? !0), m = ce(null), p = s.trim() ? s : "100vh", x = le(
     (y) => {
       var E, T;
       if (!((E = y == null ? void 0 : y.rows) != null && E.length) || !((T = y == null ? void 0 : y.columns) != null && T.length))
@@ -5419,12 +5433,12 @@ const Tr = /* @__PURE__ */ new Map([
     de(n) ? d((y) => !y) : (d(!1), o == null || o());
   };
   if (ne(() => {
-    f(b(r));
+    f(x(r));
   }, [r]), ne(() => {
     if (!m.current)
       return;
     if (!de(n)) {
-      f(b(r));
+      f(x(r));
       return;
     }
     const y = getComputedStyle(m.current).getPropertyValue(
@@ -5432,7 +5446,7 @@ const Tr = /* @__PURE__ */ new Map([
     );
     let P = Number(y);
     y.endsWith("ms") ? P = parseFloat(y) : y.endsWith("s") && (P = parseFloat(y) * 1e3), setTimeout(() => {
-      f(b(r));
+      f(x(r));
     }, P / 2);
   }, [u, n]), ne(() => {
     t !== void 0 && !de(n) && d(t);
@@ -5462,7 +5476,7 @@ const Tr = /* @__PURE__ */ new Map([
       {
         ref: m,
         className: S.drawer,
-        style: { height: h },
+        style: { height: p },
         "aria-label": "Drawer",
         "smp-id": "drawer",
         children: /* @__PURE__ */ g.jsxs("div", { className: S.container, children: [
@@ -5509,8 +5523,8 @@ const Tr = /* @__PURE__ */ new Map([
   NumberFormat: u,
   ForceUM: d,
   UmColName: m,
-  UmColor: h = "var(--smp-dashList-color-base)",
-  ForceValue: b,
+  UmColor: p = "var(--smp-dashList-color-base)",
+  ForceValue: x,
   ValueColName: v,
   ValueColor: w = "var(--smp-dashList-color-base)",
   SelectLayout: S = "1",
@@ -5518,7 +5532,7 @@ const Tr = /* @__PURE__ */ new Map([
 }) => {
   const O = "N/A", y = (e == null ? void 0 : e.columns) || [], P = (e == null ? void 0 : e.rows) || [], E = P.length > 0, T = "--smp-dashList-color", D = "smp-layout", k = "descr", W = "icon", C = "um", j = "value", M = i || "1em", B = "18px", H = "--smp-dashList-columns", z = "--smp-dashList-fontSize", Z = {
     dash: (U = "1") => {
-      const X = p(U), te = X, se = x(X, k), he = x(X, W), Se = x(X, C), ye = x(X, j);
+      const X = h(U), te = X, se = b(X, k), he = b(X, W), Se = b(X, C), ye = b(X, j);
       return {
         container: te,
         descr: se,
@@ -5529,7 +5543,7 @@ const Tr = /* @__PURE__ */ new Map([
     },
     dashList: `smp-dash-list ${de(a) ? "smp-dash-list-fill-space" : ""}
     ${de(o) ? "smp-dash-list-horizontal" : ""}`
-  }, { format: I } = Le(), p = (U) => `${D}-${U}`, x = (U, X) => `${U}__${X}`, R = (U) => `${T}-${U}`, A = (U) => {
+  }, { format: I } = ke(), h = (U) => `${D}-${U}`, b = (U, X) => `${U}__${X}`, R = (U) => `${T}-${U}`, A = (U) => {
     const X = /R(\d{1,3})G(\d{1,3})B(\d{1,3})/;
     if (X.test(U)) {
       const se = U.match(X) || [];
@@ -5540,7 +5554,7 @@ const Tr = /* @__PURE__ */ new Map([
   }, $ = (U) => {
     if (!u) return U;
     const [X, te] = L(u).map(
-      (je) => parseInt(je || "0")
+      (Re) => parseInt(Re || "0")
     ), se = "0,0" + (te ? "." + "0".repeat(te) : ""), he = I(U, se, "it");
     if (!X) return he;
     const [Se, ye] = he.split(",");
@@ -5559,7 +5573,7 @@ const Tr = /* @__PURE__ */ new Map([
       descr: t || X(n) || te(2) || "",
       icon: c || X(l) || te(3) || "",
       um: d || X(m) || te(1) || "",
-      value: b || X(v) || te(0) || ""
+      value: x || X(v) || te(0) || ""
     };
   }, Y = (U) => {
     _ == null || _(U);
@@ -5585,19 +5599,19 @@ const Tr = /* @__PURE__ */ new Map([
   })(S), ae = (U) => {
     const { descr: X, icon: te, um: se, value: he } = V(U), Se = {
       [R(k)]: A(s),
-      [R(C)]: A(h),
+      [R(C)]: A(p),
       [R(j)]: A(w)
-    }, ye = [], je = $(he);
+    }, ye = [], Re = $(he);
     switch (S) {
       case "2":
         te && ye.push(G.icon(te)), ye.push(G.descr(X)), ye.push(
-          G.value(se ? je + " " + se : je)
+          G.value(se ? Re + " " + se : Re)
         );
         break;
       default:
       case "1":
         ye.push(G.descr(X)), ye.push(
-          G.value(se ? je + " " + se : je)
+          G.value(se ? Re + " " + se : Re)
         );
     }
     return /* @__PURE__ */ g.jsx(
@@ -5659,13 +5673,13 @@ const Nr = ({
     toggle: `${Ee.toggle}`,
     indent: `${Ee.indent}`,
     cell: `${Ee.cell}`
-  }, m = (_) => /* @__PURE__ */ g.jsx(Be, { ..._ }), h = () => /* @__PURE__ */ g.jsx("span", { className: d.toggle, children: l && /* @__PURE__ */ g.jsx(
+  }, m = (_) => /* @__PURE__ */ g.jsx(Be, { ..._ }), p = () => /* @__PURE__ */ g.jsx("span", { className: d.toggle, children: l && /* @__PURE__ */ g.jsx(
     fe,
     {
       icon: a ? "arrow_drop_right" : "arrow_drop_down",
       width: 16
     }
-  ) }), b = () => /* @__PURE__ */ g.jsx(
+  ) }), x = () => /* @__PURE__ */ g.jsx(
     "span",
     {
       className: d.indent,
@@ -5695,8 +5709,8 @@ const Nr = ({
                 height: `${n}px`
               },
               children: [
-                b(),
-                h(),
+                x(),
+                p(),
                 /* @__PURE__ */ g.jsx("span", { className: Ee.rowLabel, children: _ })
               ]
             }
@@ -5765,7 +5779,7 @@ const Nr = ({
                 width: 16
               }
             ),
-            /* @__PURE__ */ g.jsx(Ve, { variant: "title", bindValue: r })
+            /* @__PURE__ */ g.jsx(Le, { variant: "title", bindValue: r })
           ]
         }
       )
@@ -5794,32 +5808,32 @@ function Vs(r, e, t, n) {
       f(u);
       return;
     }
-    const h = e[d].column, b = o(u, h);
-    for (const [v, w] of b) {
+    const p = e[d].column, x = o(u, p);
+    for (const [v, w] of x) {
       const S = [...m, v], _ = c(S, d), O = n.has(_);
       s.push(l(v, _, d, O)), a += t, O && i(w, d + 1, S);
     }
   }
   function o(u, d) {
-    var h;
+    var p;
     const m = /* @__PURE__ */ new Map();
-    for (const b of u) {
-      const v = ((h = b.cells[d]) == null ? void 0 : h.decode) ?? "N/D";
-      m.has(v) || m.set(v, []), m.get(v).push(b);
+    for (const x of u) {
+      const v = ((p = x.cells[d]) == null ? void 0 : p.decode) ?? "N/D";
+      m.has(v) || m.set(v, []), m.get(v).push(x);
     }
     return m;
   }
   function c(u, d) {
     return `group-${u.join("-")}-${d}`;
   }
-  function l(u, d, m, h) {
+  function l(u, d, m, p) {
     return {
       isGroup: !0,
       value: u,
       cells: {},
       rowId: d,
       level: m,
-      isExpanded: h
+      isExpanded: p
     };
   }
   function f(u) {
@@ -5900,8 +5914,8 @@ const Ys = ({
           if (!l.visible) continue;
           const f = ((o = l.title) == null ? void 0 : o.length) || 0, u = Math.max(
             ...e.map((d) => {
-              var m, h, b, v;
-              return `${((h = (m = d.cells) == null ? void 0 : m[l.name]) == null ? void 0 : h.decode) || ((v = (b = d.cells) == null ? void 0 : b[l.name]) == null ? void 0 : v.value) || ""}`.length;
+              var m, p, x, v;
+              return `${((p = (m = d.cells) == null ? void 0 : m[l.name]) == null ? void 0 : p.decode) || ((v = (x = d.cells) == null ? void 0 : x[l.name]) == null ? void 0 : v.value) || ""}`.length;
             }),
             f
           );
@@ -5923,7 +5937,7 @@ const Ys = ({
   var E;
   const [i, o] = q(
     r ?? { columns: [], rows: [] }
-  ), [c, l] = q(n || []), [f, u] = q(/* @__PURE__ */ new Set()), d = ce(null), [m, h] = Ws({
+  ), [c, l] = q(n || []), [f, u] = q(/* @__PURE__ */ new Set()), d = ce(null), [m, p] = Ws({
     columns: (i == null ? void 0 : i.columns) ?? [],
     rows: (i == null ? void 0 : i.rows) ?? [],
     containerRef: d,
@@ -5941,7 +5955,7 @@ const Ys = ({
     } else
       o(r);
   }, [r, c, f, e]);
-  const b = (T) => {
+  const x = (T) => {
     l(Fs(T, c));
   }, v = (T) => {
     T.preventDefault();
@@ -5960,7 +5974,7 @@ const Ys = ({
   }), y = (T, D) => {
     const k = T.clientX, W = m[D], C = (M) => {
       const B = M.clientX - k, H = Math.max(50, W + B);
-      h((z) => ({
+      p((z) => ({
         ...z,
         [D]: H
       }));
@@ -5985,7 +5999,7 @@ const Ys = ({
             Ys,
             {
               groups: c,
-              onChange: b,
+              onChange: x,
               onDrop: v,
               onDragOver: w
             }
@@ -6006,7 +6020,7 @@ const Ys = ({
                 },
                 children: [
                   /* @__PURE__ */ g.jsx(
-                    Ve,
+                    Le,
                     {
                       variant: "title",
                       bindValue: T.title
@@ -6075,13 +6089,13 @@ const Ys = ({
     u(() => {
       if (!r)
         return;
-      const b = { ...r };
-      return e && (b.shape = e), b.shape == null && (b.shape = re.TEXT_FIELD), s && (b.obj = zr(s)), b;
+      const x = { ...r };
+      return e && (x.shape = e), x.shape == null && (x.shape = re.TEXT_FIELD), s && (x.obj = zr(s)), x;
     });
   }, [r, s, e]);
   const m = {
     container: `smp-field-container ${de(t) ? `smp-field-position-${n}` : ""}`
-  }, h = () => {
+  }, p = () => {
     de(t) || o == null || o(f);
   };
   if (f)
@@ -6103,7 +6117,7 @@ const Ys = ({
               onChange: u,
               onOptionsRequest: l,
               fun: r == null ? void 0 : r.fun,
-              onBlur: h,
+              onBlur: p,
               label: a,
               labelPosition: i
             }
@@ -6112,7 +6126,7 @@ const Ys = ({
       ),
       de(t) && //TODO: translation
       /* @__PURE__ */ g.jsx(
-        Ce,
+        Ae,
         {
           optionalDisplayValue: "Confirm",
           onClick: () => c == null ? void 0 : c(f),
@@ -6141,9 +6155,9 @@ const Ys = ({
   onCheck: i,
   onCheckObj: o
 }) => {
-  const [c, l] = q({}), { translate: f } = Le();
+  const [c, l] = q({}), { translate: f } = ke();
   ne(() => {
-    l(h(r));
+    l(p(r));
   }, [r]);
   const u = (v, w) => {
     l((S) => ({
@@ -6162,7 +6176,7 @@ const Ys = ({
       }
     })), n && (w.shape == re.CHECKBOX || w.shape == re.SWITCH) && d();
   }, d = () => {
-    const v = b();
+    const v = x();
     a({
       value: v
     });
@@ -6182,13 +6196,13 @@ const Ys = ({
         }
       }
     }))), (S = c[v].inputSettings) != null && S.checkValueOnExit) {
-      const _ = b();
+      const _ = x();
       i == null || i({
         value: _,
         cell: v
       });
     }
-  }, h = (v) => {
+  }, p = (v) => {
     var S, _, O;
     if (!((S = v.rows) != null && S.length) || !((_ = v.columns) != null && _.length))
       return {};
@@ -6206,7 +6220,7 @@ const Ys = ({
         [P.name]: E
       };
     }, {});
-  }, b = () => ({
+  }, x = () => ({
     before: r,
     after: {
       type: "SmeupDataTable",
@@ -6238,7 +6252,7 @@ const Ys = ({
           }
         )) }),
         !t && /* @__PURE__ */ g.jsx(
-          Ce,
+          Ae,
           {
             onClick: d,
             bindValue: "submit",
@@ -6252,7 +6266,7 @@ const Ys = ({
 export {
   Xs as AppBar,
   Ar as Autocomplete,
-  Ce as Button,
+  Ae as Button,
   Tn as ButtonList,
   jn as Checkbox,
   Dn as Combobox,
@@ -6264,6 +6278,6 @@ export {
   fe as Icon,
   ra as InputPanel,
   gs as Password,
-  Oe as Textfield,
+  je as Textfield,
   Js as configurePaths
 };