npm - @sme.up/ketchup2 - Versions diffs - 2.0.0-SNAPSHOT-20250617073056 → 2.0.0-SNAPSHOT-20250617123752 - Mend

@sme.up/ketchup2 2.0.0-SNAPSHOT-20250617073056 → 2.0.0-SNAPSHOT-20250617123752

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/dist/assets/buttonListAssets.d.ts.map +1 -1
package/dist/assets/provinces.d.ts +3 -1
package/dist/assets/provinces.d.ts.map +1 -1
package/dist/assets/testAsset.d.ts.map +1 -1
package/dist/basic-components/cell/tests/utils.d.ts +7 -1
package/dist/basic-components/cell/tests/utils.d.ts.map +1 -1
package/dist/components/drawer/drawer.data.d.ts.map +1 -1
package/dist/components/input-panel/assets/data.d.ts +1 -0
package/dist/components/input-panel/assets/data.d.ts.map +1 -1
package/dist/components/input-panel/input-panel-types.d.ts +3 -3
package/dist/components/input-panel/input-panel-types.d.ts.map +1 -1
package/dist/components/input-panel/input-panel.d.ts.map +1 -1
package/dist/ketchup2.cjs.js +12 -12
package/dist/ketchup2.es.js +774 -765
package/dist/types/data-structures.d.ts +1 -0
package/dist/types/data-structures.d.ts.map +1 -1
package/dist/utils/data-structures.d.ts +10 -0
package/dist/utils/data-structures.d.ts.map +1 -0
package/dist/utils/display-value.d.ts.map +1 -1
package/package.json +1 -1

package/dist/ketchup2.es.js CHANGED Viewed

@@ -13,10 +13,10 @@ var Fe = { exports: {} }, Pe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var jt;
+var Dt;
 function Lr() {
-  if (jt) return Pe;
-  jt = 1;
+  if (Dt) return Pe;
+  Dt = 1;
   var r = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function t(n, s, a) {
     var i = null;
@@ -45,9 +45,9 @@ var Ae = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Dt;
+var jt;
 function _r() {
-  return Dt || (Dt = 1, process.env.NODE_ENV !== "production" && function() {
+  return jt || (jt = 1, process.env.NODE_ENV !== "production" && function() {
     function r(h) {
       if (h == null) return null;
       if (typeof h == "function")
@@ -64,7 +64,7 @@ function _r() {
           return "Suspense";
         case L:
           return "SuspenseList";
-        case j:
+        case D:
           return "Activity";
       }
       if (typeof h == "object")
@@ -123,7 +123,7 @@ function _r() {
       }
     }
     function s() {
-      var h = D.A;
+      var h = j.A;
       return h === null ? null : h.getOwner();
     }
     function a() {
@@ -148,7 +148,7 @@ function _r() {
         configurable: !0
       });
     }
-    function f() {
+    function u() {
       var h = r(this.type);
       return K[h] || (K[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."
@@ -156,14 +156,14 @@ function _r() {
     }
     function c(h, y, T, $, R, A, M, F) {
       return T = A.ref, h = {
-        $$typeof: p,
+        $$typeof: d,
         type: h,
         key: y,
         props: A,
         _owner: R
       }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(h, "ref", {
         enumerable: !1,
-        get: f
+        get: u
       }) : Object.defineProperty(h, "ref", { enumerable: !1, value: null }), h._store = {}, Object.defineProperty(h._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -186,7 +186,7 @@ function _r() {
         value: F
       }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
     }
-    function u(h, y, T, $, R, A, M, F) {
+    function f(h, y, T, $, R, A, M, F) {
       var N = y.children;
       if (N !== void 0)
         if ($)
@@ -237,23 +237,23 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function l(h) {
-      typeof h == "object" && h !== null && h.$$typeof === p && h._store && (h._store.validated = 1);
+      typeof h == "object" && h !== null && h.$$typeof === d && h._store && (h._store.validated = 1);
     }
-    var d = hr, p = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), O = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), L = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), Y = Symbol.for("react.lazy"), j = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), D = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, k = Object.prototype.hasOwnProperty, U = Array.isArray, H = console.createTask ? console.createTask : function() {
+    var p = hr, d = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), O = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), L = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), Y = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), j = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, k = Object.prototype.hasOwnProperty, U = Array.isArray, H = console.createTask ? console.createTask : function() {
       return null;
     };
-    d = {
+    p = {
       "react-stack-bottom-frame": function(h) {
         return h();
       }
     };
-    var z, K = {}, J = d["react-stack-bottom-frame"].bind(
-      d,
+    var z, K = {}, J = p["react-stack-bottom-frame"].bind(
+      p,
       a
     )(), W = H(n(a)), _ = {};
     Ae.Fragment = g, Ae.jsx = function(h, y, T, $, R) {
-      var A = 1e4 > D.recentlyCreatedOwnerStacks++;
-      return u(
+      var A = 1e4 > j.recentlyCreatedOwnerStacks++;
+      return f(
         h,
         y,
         T,
@@ -264,8 +264,8 @@ React keys must be passed directly to JSX without using spread:
         A ? H(n(h)) : W
       );
     }, Ae.jsxs = function(h, y, T, $, R) {
-      var A = 1e4 > D.recentlyCreatedOwnerStacks++;
-      return u(
+      var A = 1e4 > j.recentlyCreatedOwnerStacks++;
+      return f(
         h,
         y,
         T,
@@ -339,33 +339,33 @@ class ze {
 }
 function Mr(r, e) {
   if (xt(r)) {
-    const u = new Date(r);
-    if (!isNaN(u.getTime()))
-      return u;
+    const f = new Date(r);
+    if (!isNaN(f.getTime()))
+      return f;
   }
   const t = /* @__PURE__ */ new Date(), n = r.replaceAll("/", "").replaceAll("-", "");
   let s = "DDMMYYYY";
   e === "en" && (s = "MMDDYYYY");
   const a = s.indexOf("DD"), i = s.indexOf("MM");
-  let o = 0, f = 0, c = "";
+  let o = 0, u = 0, c = "";
   switch (n.length) {
     case 1:
     case 2:
       return o = parseInt(n), t.setDate(o), Ve(t) ? t : r;
     case 3:
     case 4:
-      return o = parseInt(n.substring(0, 2)), f = parseInt(n.substring(2, 4)), i === 0 ? (t.setMonth(o - 1), t.setDate(f)) : a === 0 && (t.setMonth(f - 1), t.setDate(o)), Ve(t) ? t : r;
+      return o = parseInt(n.substring(0, 2)), u = parseInt(n.substring(2, 4)), i === 0 ? (t.setMonth(o - 1), t.setDate(u)) : a === 0 && (t.setMonth(u - 1), t.setDate(o)), Ve(t) ? t : r;
     case 5:
     case 6: {
-      o = parseInt(n.substring(0, 2)), f = parseInt(n.substring(2, 4)), Number(n.substring(4)) > 50 ? c = "19" + n.substring(4) : c = "20" + n.substring(4);
-      let u = 0, l = 0;
-      return i === 0 ? (u = f, l = o - 1, t.setFullYear(parseInt(c), l, u)) : a === 0 && (u = o, l = f - 1, t.setFullYear(parseInt(c), l, u)), ht(o, l, parseInt(c)) && Ve(t) ? t : r;
+      o = parseInt(n.substring(0, 2)), u = parseInt(n.substring(2, 4)), Number(n.substring(4)) > 50 ? c = "19" + n.substring(4) : c = "20" + n.substring(4);
+      let f = 0, l = 0;
+      return i === 0 ? (f = u, l = o - 1, t.setFullYear(parseInt(c), l, f)) : a === 0 && (f = o, l = u - 1, t.setFullYear(parseInt(c), l, f)), ht(o, l, parseInt(c)) && Ve(t) ? t : r;
     }
     case 7:
     case 8: {
-      o = parseInt(n.substring(0, 2)), f = parseInt(n.substring(2, 4)), c = n.substring(4);
-      let u = 0, l = 0;
-      return i === 0 ? (u = f, l = o - 1, t.setFullYear(parseInt(c), l, u)) : a === 0 && (u = o, l = f - 1, t.setFullYear(parseInt(c), l, u)), ht(u, l, parseInt(c)) && Ve(t) ? t : r;
+      o = parseInt(n.substring(0, 2)), u = parseInt(n.substring(2, 4)), c = n.substring(4);
+      let f = 0, l = 0;
+      return i === 0 ? (f = u, l = o - 1, t.setFullYear(parseInt(c), l, f)) : a === 0 && (f = o, l = u - 1, t.setFullYear(parseInt(c), l, f)), ht(f, l, parseInt(c)) && Ve(t) ? t : r;
     }
   }
   return r;
@@ -468,22 +468,22 @@ function St({
   enabled: e = !0
 }) {
   const t = ve(null), n = ve(null), [s, a] = Z(0), i = ye(() => {
-    const o = t.current, f = n.current;
-    if (!o || !f) return;
-    const { top: c, left: u, width: l, height: d } = o.getBoundingClientRect();
+    const o = t.current, u = n.current;
+    if (!o || !u) return;
+    const { top: c, left: f, width: l, height: p } = o.getBoundingClientRect();
     a(l);
-    const p = f.offsetHeight, m = f.offsetWidth;
-    if (m === 0 || p === 0) {
+    const d = u.offsetHeight, m = u.offsetWidth;
+    if (m === 0 || d === 0) {
       requestAnimationFrame(i);
       return;
     }
-    let g = c + window.scrollY, x = u + window.scrollX;
+    let g = c + window.scrollY, x = f + window.scrollX;
     switch (r) {
       case "top":
-        g -= p;
+        g -= d;
         break;
       case "bottom":
-        g += d;
+        g += p;
         break;
       case "left":
         x -= m;
@@ -493,7 +493,7 @@ function St({
         break;
     }
     requestAnimationFrame(() => {
-      f.style.transform = `translate(${x}px, ${g}px)`;
+      u.style.transform = `translate(${x}px, ${g}px)`;
     });
   }, [r]);
   return Ar(() => {
@@ -507,6 +507,8 @@ function St({
   }, [i, e]), { anchorRef: t, targetRef: n, anchorWidth: s };
 }
 const Xe = (r, e, t) => {
+  if (r == "")
+    return "";
   if (t)
     switch (t) {
       case "CodeOnly":
@@ -579,55 +581,55 @@ function Hr() {
   function i(l) {
     if (!l || typeof l != "object")
       throw new TypeError("argument obj is required");
-    var d = l.parameters, p = l.type;
-    if (!p || !a.test(p))
+    var p = l.parameters, d = l.type;
+    if (!d || !a.test(d))
       throw new TypeError("invalid type");
-    var m = p;
-    if (d && typeof d == "object")
-      for (var g, x = Object.keys(d).sort(), w = 0; w < x.length; w++) {
+    var m = d;
+    if (p && typeof p == "object")
+      for (var g, x = Object.keys(p).sort(), w = 0; w < x.length; w++) {
         if (g = x[w], !t.test(g))
           throw new TypeError("invalid parameter name");
-        m += "; " + g + "=" + c(d[g]);
+        m += "; " + g + "=" + c(p[g]);
       }
     return m;
   }
   function o(l) {
     if (!l)
       throw new TypeError("argument string is required");
-    var d = typeof l == "object" ? f(l) : l;
-    if (typeof d != "string")
+    var p = typeof l == "object" ? u(l) : l;
+    if (typeof p != "string")
       throw new TypeError("argument string is required to be a string");
-    var p = d.indexOf(";"), m = p !== -1 ? d.slice(0, p).trim() : d.trim();
+    var d = p.indexOf(";"), m = d !== -1 ? p.slice(0, d).trim() : p.trim();
     if (!a.test(m))
       throw new TypeError("invalid media type");
-    var g = new u(m.toLowerCase());
-    if (p !== -1) {
+    var g = new f(m.toLowerCase());
+    if (d !== -1) {
       var x, w, E;
-      for (r.lastIndex = p; w = r.exec(d); ) {
-        if (w.index !== p)
+      for (r.lastIndex = d; w = r.exec(p); ) {
+        if (w.index !== d)
           throw new TypeError("invalid parameter format");
-        p += w[0].length, x = w[1].toLowerCase(), E = w[2], E.charCodeAt(0) === 34 && (E = E.slice(1, -1), E.indexOf("\\") !== -1 && (E = E.replace(n, "$1"))), g.parameters[x] = E;
+        d += w[0].length, x = w[1].toLowerCase(), E = w[2], E.charCodeAt(0) === 34 && (E = E.slice(1, -1), E.indexOf("\\") !== -1 && (E = E.replace(n, "$1"))), g.parameters[x] = E;
       }
-      if (p !== d.length)
+      if (d !== p.length)
         throw new TypeError("invalid parameter format");
     }
     return g;
   }
-  function f(l) {
-    var d;
-    if (typeof l.getHeader == "function" ? d = l.getHeader("content-type") : typeof l.headers == "object" && (d = l.headers && l.headers["content-type"]), typeof d != "string")
+  function u(l) {
+    var p;
+    if (typeof l.getHeader == "function" ? p = l.getHeader("content-type") : typeof l.headers == "object" && (p = l.headers && l.headers["content-type"]), typeof p != "string")
       throw new TypeError("content-type header is missing from object");
-    return d;
+    return p;
   }
   function c(l) {
-    var d = String(l);
-    if (t.test(d))
-      return d;
-    if (d.length > 0 && !e.test(d))
+    var p = String(l);
+    if (t.test(p))
+      return p;
+    if (p.length > 0 && !e.test(p))
       throw new TypeError("invalid parameter value");
-    return '"' + d.replace(s, "\\$1") + '"';
+    return '"' + p.replace(s, "\\$1") + '"';
   }
-  function u(l) {
+  function f(l) {
     this.parameters = /* @__PURE__ */ Object.create(null), this.type = l;
   }
   return Ye;
@@ -669,8 +671,8 @@ var Br = Hr(), Re = /* @__PURE__ */ new Map(), gr = function(e) {
   for (var t = function(i, o) {
     setTimeout(function() {
       if (Array.isArray(xe[e])) {
-        var f = Re.get(e), c = xe[e][i];
-        f instanceof SVGSVGElement && c(null, gr(f)), f instanceof Error && c(f), i === xe[e].length - 1 && delete xe[e];
+        var u = Re.get(e), c = xe[e][i];
+        u instanceof SVGSVGElement && c(null, gr(u)), u instanceof Error && c(u), i === xe[e].length - 1 && delete xe[e];
       }
     }, 0);
   }, n = 0, s = xe[e].length; n < s; n++)
@@ -699,8 +701,8 @@ var Br = Hr(), Re = /* @__PURE__ */ new Map(), gr = function(e) {
 }, qr = 0, Jr = function() {
   return ++qr;
 }, me = [], _t = {}, Xr = "http://www.w3.org/2000/svg", at = "http://www.w3.org/1999/xlink", kt = function(e, t, n, s, a, i, o) {
-  var f = e.getAttribute("data-src") || e.getAttribute("src");
-  if (!f) {
+  var u = e.getAttribute("data-src") || e.getAttribute("src");
+  if (!u) {
     o(new Error("Invalid data-src or src attribute"));
     return;
   }
@@ -710,15 +712,15 @@ var Br = Hr(), Re = /* @__PURE__ */ new Map(), gr = function(e) {
   }
   me.push(e), e.setAttribute("src", "");
   var c = s ? Kr : zr;
-  c(f, a, function(u, l) {
+  c(u, a, function(f, l) {
     if (!l) {
-      me.splice(me.indexOf(e), 1), e = null, o(u);
+      me.splice(me.indexOf(e), 1), e = null, o(f);
       return;
     }
-    var d = e.getAttribute("id");
-    d && l.setAttribute("id", d);
-    var p = e.getAttribute("title");
-    p && l.setAttribute("title", p);
+    var p = e.getAttribute("id");
+    p && l.setAttribute("id", p);
+    var d = e.getAttribute("title");
+    d && l.setAttribute("title", d);
     var m = e.getAttribute("width");
     m && l.setAttribute("width", m);
     var g = e.getAttribute("height");
@@ -726,7 +728,7 @@ var Br = Hr(), Re = /* @__PURE__ */ new Map(), gr = function(e) {
     var x = Array.from(new Set(st(st(st([], (l.getAttribute("class") || "").split(" "), !0), ["injected-svg"], !1), (e.getAttribute("class") || "").split(" "), !0))).join(" ").trim();
     l.setAttribute("class", x);
     var w = e.getAttribute("style");
-    w && l.setAttribute("style", w), l.setAttribute("data-src", f);
+    w && l.setAttribute("style", w), l.setAttribute("data-src", u);
     var E = [].filter.call(e.attributes, function(W) {
       return /^data-\w[\w-]*$/.test(W.name);
     });
@@ -769,12 +771,12 @@ var Br = Hr(), Re = /* @__PURE__ */ new Map(), gr = function(e) {
       });
     }
     l.removeAttribute("xmlns:a");
-    for (var j = l.querySelectorAll("script"), P = [], D, k, U = 0, H = j.length; U < H; U++)
-      k = j[U].getAttribute("type"), (!k || k === "application/ecmascript" || k === "application/javascript" || k === "text/javascript") && (D = j[U].innerText || j[U].textContent, D && P.push(D), l.removeChild(j[U]));
-    if (P.length > 0 && (t === "always" || t === "once" && !_t[f])) {
+    for (var D = l.querySelectorAll("script"), P = [], j, k, U = 0, H = D.length; U < H; U++)
+      k = D[U].getAttribute("type"), (!k || k === "application/ecmascript" || k === "application/javascript" || k === "text/javascript") && (j = D[U].innerText || D[U].textContent, j && P.push(j), l.removeChild(D[U]));
+    if (P.length > 0 && (t === "always" || t === "once" && !_t[u])) {
       for (var z = 0, K = P.length; z < K; z++)
         new Function(P[z])(window);
-      _t[f] = !0;
+      _t[u] = !0;
     }
     var J = l.querySelectorAll("style");
     if (Array.prototype.forEach.call(J, function(W) {
@@ -788,14 +790,14 @@ var Br = Hr(), Re = /* @__PURE__ */ new Map(), gr = function(e) {
 }, Zr = function(e, t) {
   var n = t === void 0 ? {} : t, s = n.afterAll, a = s === void 0 ? function() {
   } : s, i = n.afterEach, o = i === void 0 ? function() {
-  } : i, f = n.beforeEach, c = f === void 0 ? function() {
-  } : f, u = n.cacheRequests, l = u === void 0 ? !0 : u, d = n.evalScripts, p = d === void 0 ? "never" : d, m = n.httpRequestWithCredentials, g = m === void 0 ? !1 : m, x = n.renumerateIRIElements, w = x === void 0 ? !0 : x;
+  } : i, u = n.beforeEach, c = u === void 0 ? function() {
+  } : u, f = n.cacheRequests, l = f === void 0 ? !0 : f, p = n.evalScripts, d = p === void 0 ? "never" : p, m = n.httpRequestWithCredentials, g = m === void 0 ? !1 : m, x = n.renumerateIRIElements, w = x === void 0 ? !0 : x;
   if (e && "length" in e)
     for (var E = 0, O = 0, S = e.length; O < S; O++)
-      kt(e[O], p, w, l, g, c, function(b, L) {
+      kt(e[O], d, w, l, g, c, function(b, L) {
         o(b, L), e && "length" in e && e.length === ++E && a(E);
       });
-  else e ? kt(e, p, w, l, g, c, function(b, L) {
+  else e ? kt(e, d, w, l, g, c, function(b, L) {
     o(b, L), a(1), e = null;
   }) : a(0);
 }, Ue = { exports: {} }, We = { exports: {} }, Q = {};
@@ -811,14 +813,14 @@ var It;
 function Qr() {
   if (It) return Q;
   It = 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, f = r ? Symbol.for("react.async_mode") : 60111, c = r ? Symbol.for("react.concurrent_mode") : 60111, u = r ? Symbol.for("react.forward_ref") : 60112, l = r ? Symbol.for("react.suspense") : 60113, d = r ? Symbol.for("react.suspense_list") : 60120, p = r ? Symbol.for("react.memo") : 60115, m = r ? Symbol.for("react.lazy") : 60116, g = r ? Symbol.for("react.block") : 60121, x = r ? Symbol.for("react.fundamental") : 60117, w = r ? Symbol.for("react.responder") : 60118, E = r ? Symbol.for("react.scope") : 60119;
+  var r = typeof Symbol == "function" && Symbol.for, e = r ? Symbol.for("react.element") : 60103, t = r ? Symbol.for("react.portal") : 60106, n = r ? Symbol.for("react.fragment") : 60107, s = r ? Symbol.for("react.strict_mode") : 60108, a = r ? Symbol.for("react.profiler") : 60114, i = r ? Symbol.for("react.provider") : 60109, o = r ? Symbol.for("react.context") : 60110, u = r ? Symbol.for("react.async_mode") : 60111, c = r ? Symbol.for("react.concurrent_mode") : 60111, f = r ? Symbol.for("react.forward_ref") : 60112, l = r ? Symbol.for("react.suspense") : 60113, p = r ? Symbol.for("react.suspense_list") : 60120, d = r ? Symbol.for("react.memo") : 60115, m = r ? Symbol.for("react.lazy") : 60116, g = r ? Symbol.for("react.block") : 60121, x = r ? Symbol.for("react.fundamental") : 60117, w = r ? Symbol.for("react.responder") : 60118, E = r ? Symbol.for("react.scope") : 60119;
   function O(b) {
     if (typeof b == "object" && b !== null) {
       var L = b.$$typeof;
       switch (L) {
         case e:
           switch (b = b.type, b) {
-            case f:
+            case u:
             case c:
             case n:
             case a:
@@ -828,9 +830,9 @@ function Qr() {
             default:
               switch (b = b && b.$$typeof, b) {
                 case o:
-                case u:
+                case f:
                 case m:
-                case p:
+                case d:
                 case i:
                   return b;
                 default:
@@ -845,8 +847,8 @@ function Qr() {
   function S(b) {
     return O(b) === c;
   }
-  return Q.AsyncMode = f, Q.ConcurrentMode = c, Q.ContextConsumer = o, Q.ContextProvider = i, Q.Element = e, Q.ForwardRef = u, Q.Fragment = n, Q.Lazy = m, Q.Memo = p, Q.Portal = t, Q.Profiler = a, Q.StrictMode = s, Q.Suspense = l, Q.isAsyncMode = function(b) {
-    return S(b) || O(b) === f;
+  return Q.AsyncMode = u, Q.ConcurrentMode = c, Q.ContextConsumer = o, Q.ContextProvider = i, Q.Element = e, Q.ForwardRef = f, Q.Fragment = n, Q.Lazy = m, Q.Memo = d, Q.Portal = t, Q.Profiler = a, Q.StrictMode = s, Q.Suspense = l, Q.isAsyncMode = function(b) {
+    return S(b) || O(b) === u;
   }, Q.isConcurrentMode = S, Q.isContextConsumer = function(b) {
     return O(b) === o;
   }, Q.isContextProvider = function(b) {
@@ -854,13 +856,13 @@ function Qr() {
   }, Q.isElement = function(b) {
     return typeof b == "object" && b !== null && b.$$typeof === e;
   }, Q.isForwardRef = function(b) {
-    return O(b) === u;
+    return O(b) === f;
   }, Q.isFragment = function(b) {
     return O(b) === n;
   }, Q.isLazy = function(b) {
     return O(b) === m;
   }, Q.isMemo = function(b) {
-    return O(b) === p;
+    return O(b) === d;
   }, Q.isPortal = function(b) {
     return O(b) === t;
   }, Q.isProfiler = function(b) {
@@ -870,7 +872,7 @@ function Qr() {
   }, Q.isSuspense = function(b) {
     return O(b) === l;
   }, Q.isValidElementType = function(b) {
-    return typeof b == "string" || typeof b == "function" || b === n || b === c || b === a || b === s || b === l || b === d || typeof b == "object" && b !== null && (b.$$typeof === m || b.$$typeof === p || b.$$typeof === i || b.$$typeof === o || b.$$typeof === u || b.$$typeof === x || b.$$typeof === w || b.$$typeof === E || b.$$typeof === g);
+    return typeof b == "string" || typeof b == "function" || b === n || b === c || b === a || b === s || b === l || b === p || typeof b == "object" && b !== null && (b.$$typeof === m || b.$$typeof === d || b.$$typeof === i || b.$$typeof === o || b.$$typeof === f || b.$$typeof === x || b.$$typeof === w || b.$$typeof === E || b.$$typeof === g);
   }, Q.typeOf = O, Q;
 }
 var ee = {};
@@ -885,10 +887,10 @@ var ee = {};
 var Nt;
 function en() {
   return Nt || (Nt = 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, f = r ? Symbol.for("react.async_mode") : 60111, c = r ? Symbol.for("react.concurrent_mode") : 60111, u = r ? Symbol.for("react.forward_ref") : 60112, l = r ? Symbol.for("react.suspense") : 60113, d = r ? Symbol.for("react.suspense_list") : 60120, p = r ? Symbol.for("react.memo") : 60115, m = r ? Symbol.for("react.lazy") : 60116, g = r ? Symbol.for("react.block") : 60121, x = r ? Symbol.for("react.fundamental") : 60117, w = r ? Symbol.for("react.responder") : 60118, E = r ? Symbol.for("react.scope") : 60119;
+    var r = typeof Symbol == "function" && Symbol.for, e = r ? Symbol.for("react.element") : 60103, t = r ? Symbol.for("react.portal") : 60106, n = r ? Symbol.for("react.fragment") : 60107, s = r ? Symbol.for("react.strict_mode") : 60108, a = r ? Symbol.for("react.profiler") : 60114, i = r ? Symbol.for("react.provider") : 60109, o = r ? Symbol.for("react.context") : 60110, u = r ? Symbol.for("react.async_mode") : 60111, c = r ? Symbol.for("react.concurrent_mode") : 60111, f = r ? Symbol.for("react.forward_ref") : 60112, l = r ? Symbol.for("react.suspense") : 60113, p = r ? Symbol.for("react.suspense_list") : 60120, d = r ? Symbol.for("react.memo") : 60115, m = r ? Symbol.for("react.lazy") : 60116, g = r ? Symbol.for("react.block") : 60121, x = r ? Symbol.for("react.fundamental") : 60117, w = r ? Symbol.for("react.responder") : 60118, E = r ? Symbol.for("react.scope") : 60119;
     function O(I) {
       return typeof I == "string" || typeof I == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      I === n || I === c || I === a || I === s || I === l || I === d || typeof I == "object" && I !== null && (I.$$typeof === m || I.$$typeof === p || I.$$typeof === i || I.$$typeof === o || I.$$typeof === u || I.$$typeof === x || I.$$typeof === w || I.$$typeof === E || I.$$typeof === g);
+      I === n || I === c || I === a || I === s || I === l || I === p || typeof I == "object" && I !== null && (I.$$typeof === m || I.$$typeof === d || I.$$typeof === i || I.$$typeof === o || I.$$typeof === f || I.$$typeof === x || I.$$typeof === w || I.$$typeof === E || I.$$typeof === g);
     }
     function S(I) {
       if (typeof I == "object" && I !== null) {
@@ -897,7 +899,7 @@ function en() {
           case e:
             var X = I.type;
             switch (X) {
-              case f:
+              case u:
               case c:
               case n:
               case a:
@@ -908,9 +910,9 @@ function en() {
                 var te = X && X.$$typeof;
                 switch (te) {
                   case o:
-                  case u:
+                  case f:
                   case m:
-                  case p:
+                  case d:
                   case i:
                     return te;
                   default:
@@ -922,9 +924,9 @@ function en() {
         }
       }
     }
-    var b = f, L = c, C = o, Y = i, j = e, P = u, D = n, k = m, U = p, H = t, z = a, K = s, J = l, W = !1;
+    var b = u, L = c, C = o, Y = i, D = e, P = f, j = n, k = m, U = d, H = t, z = a, K = s, J = l, W = !1;
     function _(I) {
-      return W || (W = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), h(I) || S(I) === f;
+      return W || (W = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), h(I) || S(I) === u;
     }
     function h(I) {
       return S(I) === c;
@@ -939,7 +941,7 @@ function en() {
       return typeof I == "object" && I !== null && I.$$typeof === e;
     }
     function R(I) {
-      return S(I) === u;
+      return S(I) === f;
     }
     function A(I) {
       return S(I) === n;
@@ -948,7 +950,7 @@ function en() {
       return S(I) === m;
     }
     function F(I) {
-      return S(I) === p;
+      return S(I) === d;
     }
     function N(I) {
       return S(I) === t;
@@ -962,7 +964,7 @@ function en() {
     function se(I) {
       return S(I) === l;
     }
-    ee.AsyncMode = b, ee.ConcurrentMode = L, ee.ContextConsumer = C, ee.ContextProvider = Y, ee.Element = j, ee.ForwardRef = P, ee.Fragment = D, ee.Lazy = k, ee.Memo = U, ee.Portal = H, ee.Profiler = z, ee.StrictMode = K, ee.Suspense = J, ee.isAsyncMode = _, ee.isConcurrentMode = h, ee.isContextConsumer = y, ee.isContextProvider = T, ee.isElement = $, ee.isForwardRef = R, ee.isFragment = A, ee.isLazy = M, ee.isMemo = F, ee.isPortal = N, ee.isProfiler = q, ee.isStrictMode = B, ee.isSuspense = se, ee.isValidElementType = O, ee.typeOf = S;
+    ee.AsyncMode = b, ee.ConcurrentMode = L, ee.ContextConsumer = C, ee.ContextProvider = Y, ee.Element = D, ee.ForwardRef = P, ee.Fragment = j, ee.Lazy = k, ee.Memo = U, ee.Portal = H, ee.Profiler = z, ee.StrictMode = K, ee.Suspense = J, ee.isAsyncMode = _, ee.isConcurrentMode = h, ee.isContextConsumer = y, ee.isContextProvider = T, ee.isElement = $, ee.isForwardRef = R, ee.isFragment = A, ee.isLazy = M, ee.isMemo = F, ee.isPortal = N, ee.isProfiler = q, ee.isStrictMode = B, ee.isSuspense = se, ee.isValidElementType = O, ee.typeOf = S;
   }()), ee;
 }
 var Mt;
@@ -993,31 +995,31 @@ function tn() {
         return !1;
       for (var i = {}, o = 0; o < 10; o++)
         i["_" + String.fromCharCode(o)] = o;
-      var f = Object.getOwnPropertyNames(i).map(function(u) {
-        return i[u];
+      var u = Object.getOwnPropertyNames(i).map(function(f) {
+        return i[f];
       });
-      if (f.join("") !== "0123456789")
+      if (u.join("") !== "0123456789")
         return !1;
       var c = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(u) {
-        c[u] = u;
+      return "abcdefghijklmnopqrst".split("").forEach(function(f) {
+        c[f] = f;
       }), Object.keys(Object.assign({}, c)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
   return it = s() ? Object.assign : function(a, i) {
-    for (var o, f = n(a), c, u = 1; u < arguments.length; u++) {
-      o = Object(arguments[u]);
+    for (var o, u = n(a), c, f = 1; f < arguments.length; f++) {
+      o = Object(arguments[f]);
       for (var l in o)
-        e.call(o, l) && (f[l] = o[l]);
+        e.call(o, l) && (u[l] = o[l]);
       if (r) {
         c = r(o);
-        for (var d = 0; d < c.length; d++)
-          t.call(o, c[d]) && (f[c[d]] = o[c[d]]);
+        for (var p = 0; p < c.length; p++)
+          t.call(o, c[p]) && (u[c[p]] = o[c[p]]);
       }
     }
-    return f;
+    return u;
   }, it;
 }
 var ot, Vt;
@@ -1048,29 +1050,29 @@ function rn() {
       }
     };
   }
-  function s(a, i, o, f, c) {
+  function s(a, i, o, u, c) {
     if (process.env.NODE_ENV !== "production") {
-      for (var u in a)
-        if (n(a, u)) {
+      for (var f in a)
+        if (n(a, f)) {
           var l;
           try {
-            if (typeof a[u] != "function") {
-              var d = Error(
-                (f || "React class") + ": " + o + " type `" + u + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[u] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+            if (typeof a[f] != "function") {
+              var p = Error(
+                (u || "React class") + ": " + o + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw d.name = "Invariant Violation", d;
+              throw p.name = "Invariant Violation", p;
             }
-            l = a[u](i, u, f, o, null, e);
+            l = a[f](i, f, u, o, null, e);
           } catch (m) {
             l = m;
           }
           if (l && !(l instanceof Error) && r(
-            (f || "React class") + ": type specification of " + o + " `" + u + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof l + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+            (u || "React class") + ": type specification of " + o + " `" + f + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof l + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), l instanceof Error && !(l.message in t)) {
             t[l.message] = !0;
-            var p = c ? c() : "";
+            var d = c ? c() : "";
             r(
-              "Failed " + o + " type: " + l.message + (p ?? "")
+              "Failed " + o + " type: " + l.message + (d ?? "")
             );
           }
         }
@@ -1087,24 +1089,24 @@ function nn() {
   var r = vr(), e = tn(), t = /* @__PURE__ */ wt(), n = /* @__PURE__ */ br(), s = /* @__PURE__ */ rn(), a = function() {
   };
   process.env.NODE_ENV !== "production" && (a = function(o) {
-    var f = "Warning: " + o;
-    typeof console < "u" && console.error(f);
+    var u = "Warning: " + o;
+    typeof console < "u" && console.error(u);
     try {
-      throw new Error(f);
+      throw new Error(u);
     } catch {
     }
   });
   function i() {
     return null;
   }
-  return ut = function(o, f) {
-    var c = typeof Symbol == "function" && Symbol.iterator, u = "@@iterator";
+  return ut = function(o, u) {
+    var c = typeof Symbol == "function" && Symbol.iterator, f = "@@iterator";
     function l(h) {
-      var y = h && (c && h[c] || h[u]);
+      var y = h && (c && h[c] || h[f]);
       if (typeof y == "function")
         return y;
     }
-    var d = "<<anonymous>>", p = {
+    var p = "<<anonymous>>", d = {
       array: w("array"),
       bigint: w("bigint"),
       bool: w("boolean"),
@@ -1121,7 +1123,7 @@ function nn() {
       node: P(),
       objectOf: Y,
       oneOf: C,
-      oneOfType: j,
+      oneOfType: D,
       shape: k,
       exact: U
     };
@@ -1136,8 +1138,8 @@ function nn() {
       if (process.env.NODE_ENV !== "production")
         var y = {}, T = 0;
       function $(A, M, F, N, q, B, se) {
-        if (N = N || d, B = B || F, se !== t) {
-          if (f) {
+        if (N = N || p, B = B || F, se !== t) {
+          if (u) {
             var I = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
@@ -1215,7 +1217,7 @@ function nn() {
     function L(h) {
       function y(T, $, R, A, M) {
         if (!(T[$] instanceof h)) {
-          var F = h.name || d, N = _(T[$]);
+          var F = h.name || p, N = _(T[$]);
           return new g("Invalid " + A + " `" + M + "` of type " + ("`" + N + "` supplied to `" + R + "`, expected ") + ("instance of `" + F + "`."));
         }
         return null;
@@ -1256,7 +1258,7 @@ function nn() {
       }
       return x(y);
     }
-    function j(h) {
+    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 y = 0; y < h.length; y++) {
@@ -1284,7 +1286,7 @@ function nn() {
       }
       return x(h);
     }
-    function D(h, y, T, $, R) {
+    function j(h, y, T, $, R) {
       return new g(
         (h || "React class") + ": " + y + " type `" + T + "." + $ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + R + "`."
       );
@@ -1297,7 +1299,7 @@ function nn() {
         for (var q in h) {
           var B = h[q];
           if (typeof B != "function")
-            return D(R, A, M, q, J(B));
+            return j(R, A, M, q, J(B));
           var se = B(F, q, R, A, M + "." + q, t);
           if (se)
             return se;
@@ -1315,7 +1317,7 @@ function nn() {
         for (var B in q) {
           var se = h[B];
           if (n(h, B) && typeof se != "function")
-            return D(R, A, M, B, J(se));
+            return j(R, A, M, B, J(se));
           if (!se)
             return new g(
               "Invalid " + A + " `" + M + "` key `" + B + "` supplied to `" + R + "`.\nBad object: " + JSON.stringify(T[$], null, "  ") + `
@@ -1396,9 +1398,9 @@ Valid keys: ` + JSON.stringify(Object.keys(h), null, "  ")
       }
     }
     function _(h) {
-      return !h.constructor || !h.constructor.name ? d : h.constructor.name;
+      return !h.constructor || !h.constructor.name ? p : h.constructor.name;
     }
-    return p.checkPropTypes = s, p.resetWarningCache = s.resetWarningCache, p.PropTypes = p, p;
+    return d.checkPropTypes = s, d.resetWarningCache = s.resetWarningCache, d.PropTypes = d, d;
   }, ut;
 }
 var ft, Ht;
@@ -1411,12 +1413,12 @@ function sn() {
   function t() {
   }
   return t.resetWarningCache = e, ft = function() {
-    function n(i, o, f, c, u, l) {
+    function n(i, o, u, c, f, l) {
       if (l !== r) {
-        var d = new Error(
+        var p = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
-        throw d.name = "Invariant Violation", d;
+        throw p.name = "Invariant Violation", p;
       }
     }
     n.isRequired = n;
@@ -1470,7 +1472,7 @@ var ie = /* @__PURE__ */ an(), on = function(e) {
     if (e[s] !== t[s])
       return !0;
   return !1;
-}, cn = ["afterInjection", "beforeInjection", "desc", "evalScripts", "fallback", "httpRequestWithCredentials", "loading", "renumerateIRIElements", "src", "title", "useRequestCache", "wrapper"], He = "http://www.w3.org/2000/svg", Gt = "http://www.w3.org/1999/xlink", je = /* @__PURE__ */ function(r) {
+}, cn = ["afterInjection", "beforeInjection", "desc", "evalScripts", "fallback", "httpRequestWithCredentials", "loading", "renumerateIRIElements", "src", "title", "useRequestCache", "wrapper"], He = "http://www.w3.org/2000/svg", Gt = "http://www.w3.org/1999/xlink", De = /* @__PURE__ */ function(r) {
   function e() {
     for (var n, s = arguments.length, a = new Array(s), i = 0; i < s; i++)
       a[i] = arguments[i];
@@ -1486,11 +1488,11 @@ var ie = /* @__PURE__ */ an(), on = function(e) {
   return t.renderSVG = function() {
     var s = this;
     if (this.reactWrapper instanceof on(this.reactWrapper).Node) {
-      var a = this.props, i = a.desc, o = a.evalScripts, f = a.httpRequestWithCredentials, c = a.renumerateIRIElements, u = a.src, l = a.title, d = a.useRequestCache, p = this.props.onError, m = this.props.beforeInjection, g = this.props.afterInjection, x = this.props.wrapper, w, E;
-      x === "svg" ? (w = document.createElementNS(He, x), w.setAttribute("xmlns", He), w.setAttribute("xmlns:xlink", Gt), E = document.createElementNS(He, x)) : (w = document.createElement(x), E = document.createElement(x)), w.appendChild(E), E.dataset.src = u, this.nonReactWrapper = this.reactWrapper.appendChild(w);
+      var a = this.props, i = a.desc, o = a.evalScripts, u = a.httpRequestWithCredentials, c = a.renumerateIRIElements, f = a.src, l = a.title, p = a.useRequestCache, d = this.props.onError, m = this.props.beforeInjection, g = this.props.afterInjection, x = this.props.wrapper, w, E;
+      x === "svg" ? (w = document.createElementNS(He, x), w.setAttribute("xmlns", He), w.setAttribute("xmlns:xlink", Gt), E = document.createElementNS(He, x)) : (w = document.createElement(x), E = document.createElement(x)), w.appendChild(E), E.dataset.src = f, this.nonReactWrapper = this.reactWrapper.appendChild(w);
       var O = function(C) {
         if (s.removeSVG(), !s._isMounted) {
-          p(C);
+          d(C);
           return;
         }
         s.setState(function() {
@@ -1499,7 +1501,7 @@ var ie = /* @__PURE__ */ an(), on = function(e) {
             isLoading: !1
           };
         }, function() {
-          p(C);
+          d(C);
         });
       }, S = function(C, Y) {
         if (C) {
@@ -1513,22 +1515,22 @@ var ie = /* @__PURE__ */ an(), on = function(e) {
         }, function() {
           try {
             g(Y);
-          } catch (j) {
-            O(j);
+          } catch (D) {
+            O(D);
           }
         });
       }, b = function(C) {
         if (C.setAttribute("role", "img"), i) {
           var Y = C.querySelector(":scope > desc");
           Y && C.removeChild(Y);
-          var j = document.createElement("desc");
-          j.innerHTML = i, C.prepend(j);
+          var D = document.createElement("desc");
+          D.innerHTML = i, C.prepend(D);
         }
         if (l) {
           var P = C.querySelector(":scope > title");
           P && C.removeChild(P);
-          var D = document.createElement("title");
-          D.innerHTML = l, C.prepend(D);
+          var j = document.createElement("title");
+          j.innerHTML = l, C.prepend(j);
         }
         try {
           m(C);
@@ -1539,9 +1541,9 @@ var ie = /* @__PURE__ */ an(), on = function(e) {
       Zr(E, {
         afterEach: S,
         beforeEach: b,
-        cacheRequests: d,
+        cacheRequests: p,
         evalScripts: o,
-        httpRequestWithCredentials: f,
+        httpRequestWithCredentials: u,
         renumerateIRIElements: c
       });
     }
@@ -1566,8 +1568,8 @@ var ie = /* @__PURE__ */ an(), on = function(e) {
     s.httpRequestWithCredentials;
     var i = s.loading;
     s.renumerateIRIElements, s.src, s.title, s.useRequestCache;
-    var o = s.wrapper, f = Ur(s, cn), c = o;
-    return /* @__PURE__ */ Me.createElement(c, Ze({}, f, {
+    var o = s.wrapper, u = Ur(s, cn), c = o;
+    return /* @__PURE__ */ Me.createElement(c, Ze({}, u, {
       ref: this.refCallback
     }, o === "svg" ? {
       xmlns: He,
@@ -1575,7 +1577,7 @@ var ie = /* @__PURE__ */ an(), on = function(e) {
     } : {}), this.state.isLoading && i && /* @__PURE__ */ Me.createElement(i, null), this.state.hasError && a && /* @__PURE__ */ Me.createElement(a, null));
   }, e;
 }(Me.Component);
-je.defaultProps = {
+De.defaultProps = {
   afterInjection: function() {
   },
   beforeInjection: function() {
@@ -1592,7 +1594,7 @@ je.defaultProps = {
   useRequestCache: !0,
   wrapper: "div"
 };
-je.propTypes = {
+De.propTypes = {
   afterInjection: ie.func,
   beforeInjection: ie.func,
   desc: ie.string,
@@ -1611,7 +1613,7 @@ let gt = {
   assets: "/"
   // Default for storybook isolation development
 };
-const Ss = (r) => {
+const Ts = (r) => {
   gt = { ...gt, ...r };
 }, Kt = (r) => `${gt.assets}/${r}`.replace(/\/+/g, "/"), ue = hr.memo(
   ({
@@ -1623,27 +1625,27 @@ const Ss = (r) => {
     disabled: a,
     state: i = "base",
     rotated: o = !1,
-    onClick: f,
+    onClick: u,
     isInteractable: c = !1,
-    spin: u = !1,
+    spin: f = !1,
     title: l,
-    tabIndex: d
+    tabIndex: p
   }) => {
-    const [p, m] = Z(r), g = (r == null ? void 0 : r.startsWith("http")) || (r == null ? void 0 : r.startsWith("/")), x = g && (r == null ? void 0 : r.toLowerCase().endsWith(".svg")), w = Kt(`assets/svg/${r}.svg`), E = Kt(
+    const [d, m] = Z(r), g = (r == null ? void 0 : r.startsWith("http")) || (r == null ? void 0 : r.startsWith("/")), x = g && (r == null ? void 0 : r.toLowerCase().endsWith(".svg")), w = Kt(`assets/svg/${r}.svg`), E = Kt(
       `assets/svg/${n}.svg`
     ), O = {
       img: `${c ? "smp-image-interactable" : ""}`,
-      svg: `smp-icon ${i ? `smp-icon-${i}` : ""} ${o ? "smp-icon-rotated" : ""} ${c ? "smp-icon-interactable" : ""} ${u ? "smp-icon-spin" : ""}`
+      svg: `smp-icon ${i ? `smp-icon-${i}` : ""} ${o ? "smp-icon-rotated" : ""} ${c ? "smp-icon-interactable" : ""} ${f ? "smp-icon-spin" : ""}`
     }, S = () => {
-      !a && c && f && f();
+      !a && c && u && u();
     }, b = (L) => {
       !a && c && (L.key === "Enter" || L.key === " ") && (L.preventDefault(), S());
     };
     return /* @__PURE__ */ v.jsx(v.Fragment, { children: x ? /* @__PURE__ */ v.jsx(
-      je,
+      De,
       {
         src: r,
-        fallback: () => /* @__PURE__ */ v.jsx(je, { src: E, wrapper: "svg" }),
+        fallback: () => /* @__PURE__ */ v.jsx(De, { src: E, wrapper: "svg" }),
         width: e || "1rem",
         height: t || "1rem",
         wrapper: "svg",
@@ -1654,14 +1656,14 @@ const Ss = (r) => {
         className: O.svg,
         onClick: S,
         onKeyDown: b,
-        tabIndex: d
+        tabIndex: p
       }
     ) : g ? (
       // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
       /* @__PURE__ */ v.jsx(
         "img",
         {
-          src: p,
+          src: d,
           width: e || "16px",
           height: t || "auto",
           alt: l,
@@ -1675,10 +1677,10 @@ const Ss = (r) => {
         }
       )
     ) : /* @__PURE__ */ v.jsx(
-      je,
+      De,
       {
         src: w,
-        fallback: () => /* @__PURE__ */ v.jsx(je, { src: E, wrapper: "svg" }),
+        fallback: () => /* @__PURE__ */ v.jsx(De, { src: E, wrapper: "svg" }),
         width: e || "1rem",
         height: t || "1rem",
         wrapper: "svg",
@@ -1689,7 +1691,7 @@ const Ss = (r) => {
         className: O.svg,
         onClick: S,
         onKeyDown: b,
-        tabIndex: d
+        tabIndex: p
       }
     ) });
   }
@@ -1702,12 +1704,12 @@ const Ss = (r) => {
   placeholder: a,
   isEditable: i = !0,
   shapeIcon: o,
-  sizing: f,
+  sizing: u,
   state: c,
-  variant: u,
+  variant: f,
   rotatedShapeIcon: l = !1,
-  onShapeIconClick: d,
-  ref: p,
+  onShapeIconClick: p,
+  ref: d,
   inputRef: m,
   onKeyDown: g,
   inputType: x = "text",
@@ -1720,29 +1722,29 @@ const Ss = (r) => {
   _dataComponent: C = "textfield",
   width: Y
 }) => {
-  const j = bt(), P = `${j}-helper`, D = S ? "danger" : c, k = S || c == "danger" ? "error" : o, U = O || !!S, H = (J) => {
+  const D = bt(), P = `${D}-helper`, j = S ? "danger" : c, k = S || c == "danger" ? "error" : o, U = O || !!S, H = (J) => {
     s == null || s(J.target.value);
   }, z = {
     wrapper: `smp-textfield-wrapper ${L ? "smp-textfield-fullWidth" : ""}`,
-    container: `smp-textfield ${r ? "smp-textfield-disabled" : ""} ${a ? "smp-textfield-placeholder" : ""} ${f ? `smp-textfield-${f}` : ""} ${D ? `smp-textfield-${D}` : ""} ${b ? `smp-textfield-${b}` : ""} ${i ? "" : "smp-textfield-readOnly"}`,
+    container: `smp-textfield ${r ? "smp-textfield-disabled" : ""} ${a ? "smp-textfield-placeholder" : ""} ${u ? `smp-textfield-${u}` : ""} ${j ? `smp-textfield-${j}` : ""} ${b ? `smp-textfield-${b}` : ""} ${i ? "" : "smp-textfield-readOnly"}`,
     input: "smp-textfield-input "
   };
-  u && (u != "notSelectable" || i) && (z.container += `smp-textfield-variant-${u}`);
+  f && (f != "notSelectable" || i) && (z.container += `smp-textfield-variant-${f}`);
   const K = Y ? { "--smp-textField-width-base": Y } : void 0;
   return /* @__PURE__ */ v.jsxs("div", { className: z.wrapper, "data-component": C, children: [
-    E && /* @__PURE__ */ v.jsx($e, { label: E, disabled: r, htmlFor: j }),
+    E && /* @__PURE__ */ v.jsx($e, { label: E, disabled: r, htmlFor: D }),
     /* @__PURE__ */ v.jsxs(
       "div",
       {
         className: z.container,
-        ref: p,
+        ref: d,
         style: K,
         children: [
           t && /* @__PURE__ */ v.jsx(ue, { icon: t, disabled: r }),
           /* @__PURE__ */ v.jsx(
             "input",
             {
-              id: j,
+              id: D,
               type: x,
               value: e,
               placeholder: a,
@@ -1762,8 +1764,8 @@ const Ss = (r) => {
             {
               icon: k,
               disabled: r,
-              state: D,
-              onClick: d,
+              state: j,
+              onClick: p,
               rotated: l,
               isInteractable: i,
               tabIndex: 0
@@ -1777,7 +1779,7 @@ const Ss = (r) => {
       {
         helperText: S,
         disabled: r,
-        state: D,
+        state: j,
         id: P
       }
     )
@@ -1789,26 +1791,26 @@ function xr({
   containerHeight: t,
   overscan: n = 5
 }) {
-  const [s, a] = Z(0), i = ve(null), o = r.length * e, f = Math.max(0, Math.floor(s / e) - n), c = Math.min(
+  const [s, a] = Z(0), i = ve(null), o = r.length * e, u = Math.max(0, Math.floor(s / e) - n), c = Math.min(
     r.length - 1,
     Math.floor((s + t) / e) + n
-  ), u = [];
-  for (let p = f; p <= c; p++)
-    u.push({
-      item: r[p],
-      index: p,
-      offsetTop: p * e
+  ), f = [];
+  for (let d = u; d <= c; d++)
+    f.push({
+      item: r[d],
+      index: d,
+      offsetTop: d * e
     });
-  const l = ye((p) => {
-    const m = p.target.scrollTop;
+  const l = ye((d) => {
+    const m = d.target.scrollTop;
     a(m);
-  }, []), d = (p) => {
+  }, []), p = (d) => {
     if (!i.current) return;
-    const m = p * e, g = m + e, x = i.current, w = x.scrollTop, E = w + t;
+    const m = d * e, g = m + e, x = i.current, w = x.scrollTop, E = w + t;
     m < w ? x.scrollTop = m : g > E && (x.scrollTop = g - t);
   };
   return {
-    virtualItems: u,
+    virtualItems: f,
     containerProps: {
       ref: i,
       style: {
@@ -1830,10 +1832,10 @@ function xr({
       scrollTop: s,
       viewportHeight: t,
       totalHeight: o,
-      startIndex: f,
+      startIndex: u,
       endIndex: c
     },
-    scrollToIndex: d
+    scrollToIndex: p
   };
 }
 const un = 10, Sr = ({
@@ -1847,39 +1849,39 @@ const un = 10, Sr = ({
   activeIndex: i = [],
   // active element
   width: o,
-  onClick: f,
+  onClick: u,
   onKeyDown: c
 }) => {
   var P;
-  const [u, l] = Z(""), d = 24, [p, m] = Z(
+  const [f, l] = Z(""), p = 24, [d, m] = Z(
     a !== null ? a : -1
-  ), g = s !== void 0 ? s : e.length > un, x = u ? e.filter(
-    (D) => D.label.toLowerCase().includes(u.toLowerCase())
-  ) : e, w = (D) => {
-    l(D);
+  ), g = s !== void 0 ? s : e.length > un, x = f ? e.filter(
+    (j) => j.label.toLowerCase().includes(f.toLowerCase())
+  ) : e, w = (j) => {
+    l(j);
   }, { virtualItems: E, containerProps: O, innerProps: S, scrollToIndex: b } = xr({
     items: x,
-    itemHeight: d,
+    itemHeight: p,
     containerHeight: 200,
     overscan: 5
   });
   oe(() => {
-    a !== null && a !== p && m(a);
+    a !== null && a !== d && m(a);
   }, [a]), oe(() => {
-    p >= 0 && p < x.length && b(p);
-  }, [p, x]);
-  const L = (D) => {
-    if (D.key === "ArrowDown" || D.key === "ArrowUp") {
-      D.preventDefault();
-      let k = p;
-      D.key === "ArrowDown" ? k = p < x.length - 1 ? p + 1 : 0 : D.key === "ArrowUp" && (k = p > 0 ? p - 1 : x.length - 1), m(k);
-    } else D.key === "Enter" ? p >= 0 && p < x.length && (f == null || f(x[p])) : D.key === "Escape" && (D.preventDefault(), D.stopPropagation());
-    c && c(D);
-  }, C = (D) => {
-    L(D);
-  }, Y = (D) => {
-    L(D);
-  }, j = {
+    d >= 0 && d < x.length && b(d);
+  }, [d, x]);
+  const L = (j) => {
+    if (j.key === "ArrowDown" || j.key === "ArrowUp") {
+      j.preventDefault();
+      let k = d;
+      j.key === "ArrowDown" ? k = d < x.length - 1 ? d + 1 : 0 : j.key === "ArrowUp" && (k = d > 0 ? d - 1 : x.length - 1), m(k);
+    } else j.key === "Enter" ? d >= 0 && d < x.length && (u == null || u(x[d])) : j.key === "Escape" && (j.preventDefault(), j.stopPropagation());
+    c && c(j);
+  }, C = (j) => {
+    L(j);
+  }, Y = (j) => {
+    L(j);
+  }, D = {
     wrapper: "smp-list",
     container: "smp-list-container",
     virtualScroll: "smp-list-virtualScroll",
@@ -1890,7 +1892,7 @@ const un = 10, Sr = ({
     {
       id: r,
       ref: n,
-      className: j.wrapper,
+      className: D.wrapper,
       "data-component": "list",
       style: {
         width: o
@@ -1899,7 +1901,7 @@ const un = 10, Sr = ({
         g && /* @__PURE__ */ v.jsx(
           Ce,
           {
-            bindValue: u,
+            bindValue: f,
             placeholder: "Search...",
             onChange: w,
             onKeyDown: C
@@ -1909,40 +1911,40 @@ const un = 10, Sr = ({
           "div",
           {
             ...O,
-            className: j.container,
+            className: D.container,
             tabIndex: 0,
             role: "listbox",
             "aria-label": "List",
             onKeyDown: Y,
-            "aria-activedescendant": p >= 0 && p < x.length ? (P = x[p]) == null ? void 0 : P.id : void 0,
-            children: /* @__PURE__ */ v.jsx("div", { ...S, className: j.virtualScroll, children: E.map(({ item: D, index: k, offsetTop: U }) => {
-              const H = i.includes(D.id);
+            "aria-activedescendant": d >= 0 && d < x.length ? (P = x[d]) == null ? void 0 : P.id : void 0,
+            children: /* @__PURE__ */ v.jsx("div", { ...S, className: D.virtualScroll, children: E.map(({ item: j, index: k, offsetTop: U }) => {
+              const H = i.includes(j.id);
               return (
                 // eslint-disable-next-line jsx-a11y/click-events-have-key-events
                 /* @__PURE__ */ v.jsxs(
                   "li",
                   {
                     role: "option",
-                    id: D.id,
-                    "aria-selected": p === k ? "true" : "false",
+                    id: j.id,
+                    "aria-selected": d === k ? "true" : "false",
                     tabIndex: -1,
-                    className: `${j.listItem} ${p === k ? "selected-item" : ""}`,
-                    "aria-label": D.id + "-" + D.label,
+                    className: `${D.listItem} ${d === k ? "selected-item" : ""}`,
+                    "aria-label": j.id + "-" + j.label,
                     style: {
-                      height: `${d}px`,
-                      lineHeight: `calc(${d}px - 2*2px)`,
+                      height: `${p}px`,
+                      lineHeight: `calc(${p}px - 2*2px)`,
                       // lineHeight - 2*padding
                       transform: `translateY(${U}px)`
                     },
                     onClick: () => {
-                      f == null || f(D), m(k);
+                      u == null || u(j), m(k);
                     },
                     children: [
-                      Xe(D.id, D.label, t),
+                      Xe(j.id, j.label, t),
                       H && /* @__PURE__ */ v.jsx(ue, { icon: "check", width: 16 })
                     ]
                   },
-                  D.id
+                  j.id
                 )
               );
             }) })
@@ -1985,27 +1987,27 @@ const un = 10, Sr = ({
   minimumChars: a = 3,
   isEditable: i = !0,
   placeholder: o,
-  fun: f,
+  fun: u,
   _changeOnEnter: c = !1,
-  onChange: u,
+  onChange: f,
   onOptionsRequest: l,
-  _multiActiveIndex: d,
-  ...p
+  _multiActiveIndex: p,
+  ...d
 }) => {
-  const [m, g] = Z(r), [x, w] = Z(e), [E, O] = Z(!1), [S, b] = Z(t || []), [L, C] = Z(0), [Y, j] = Z([r]), { anchorRef: P, targetRef: D, anchorWidth: k } = St({
+  const [m, g] = Z(r), [x, w] = Z(e), [E, O] = Z(!1), [S, b] = Z(t || []), [L, C] = Z(0), [Y, D] = Z([r]), { anchorRef: P, targetRef: j, anchorWidth: k } = St({
     position: "bottom",
     enabled: E
   });
-  Je(D, () => O(!1));
+  Je(j, () => O(!1));
   const U = fn(400), H = (W) => {
-    W.length >= a ? f && l && U(async () => {
-      const _ = await l(f, W);
+    W.length >= a ? u && l && U(async () => {
+      const _ = await l(u, W);
       b(_), C(_.length > 0 ? 0 : -1), O(!0);
-    }) : O(!1), g(W), w(e), c || u == null || u(W, e);
+    }) : O(!1), g(W), w(e), c || f == null || f(W, e);
   }, z = (W) => {
-    c ? (g(""), w("")) : (g(W.id), w(W.label)), u == null || u(W.id, W.label);
+    c ? (g(""), w("")) : (g(W.id), w(W.label)), f == null || f(W.id, W.label);
     const _ = S.findIndex((h) => h.id === W.id);
-    C(_), j([W.id]), O(!1);
+    C(_), D([W.id]), O(!1);
   }, K = (W) => {
     W.key === "Escape" && (O(!1), C(-1));
   }, J = (W) => {
@@ -2015,7 +2017,7 @@ const un = 10, Sr = ({
     }
     switch (W.key) {
       case "Enter":
-        L >= 0 && L < S.length ? z(S[L]) : c && (u == null || u(m, ""), O(!1), g(""), w(""));
+        L >= 0 && L < S.length ? z(S[L]) : c && (f == null || f(m, ""), O(!1), g(""), w(""));
         break;
       case "Escape":
         O(!1), C(-1);
@@ -2026,7 +2028,7 @@ const un = 10, Sr = ({
     /* @__PURE__ */ v.jsx(
       wr,
       {
-        ...p,
+        ...d,
         bindValue: m,
         optionalDisplayValue: x,
         displayMode: n,
@@ -2045,9 +2047,9 @@ const un = 10, Sr = ({
         options: S,
         displayMode: s,
         onClick: z,
-        ref: D,
+        ref: j,
         selectedIndex: L,
-        activeIndex: d || Y,
+        activeIndex: p || Y,
         width: k,
         showFilter: !1,
         onKeyDown: K
@@ -2064,7 +2066,7 @@ const un = 10, Sr = ({
   primary: "onPrimary",
   danger: "onDanger",
   base: "base"
-})[r], De = ({
+})[r], je = ({
   label: r,
   onClick: e,
   ariaLabel: t,
@@ -2073,16 +2075,16 @@ const un = 10, Sr = ({
   sizing: a = "base",
   variant: i = "primary",
   appearance: o = "raised",
-  showIcon: f = !0,
+  showIcon: u = !0,
   showText: c = !0,
-  fullWidth: u = !1,
+  fullWidth: f = !1,
   loading: l = !1,
-  justify: d = "center",
-  title: p,
+  justify: p = "center",
+  title: d,
   optionalDisplayValue: m
 }) => {
   const g = {
-    container: `smp-button smp-button-container ${a ? `smp-button-${a}` : ""} ${i ? `smp-buttonVariant-${i}` : ""} ${o ? `smp-buttonType-${o}` : ""} ${u ? "smp-button-fullWidth" : ""} smp-justifyContent-${d}`
+    container: `smp-button smp-button-container ${a ? `smp-button-${a}` : ""} ${i ? `smp-buttonVariant-${i}` : ""} ${o ? `smp-buttonType-${o}` : ""} ${f ? "smp-button-fullWidth" : ""} smp-justifyContent-${p}`
   };
   return /* @__PURE__ */ v.jsx(
     "button",
@@ -2093,9 +2095,9 @@ const un = 10, Sr = ({
       "aria-label": t,
       disabled: s,
       "aria-busy": l,
-      title: p || r || m,
+      title: d || r || m,
       children: l ? /* @__PURE__ */ v.jsx(ue, { icon: "spinner", state: qt(i), spin: !0 }) : /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
-        n && f && /* @__PURE__ */ v.jsx(
+        n && u && /* @__PURE__ */ v.jsx(
           ue,
           {
             icon: n,
@@ -2118,22 +2120,22 @@ const un = 10, Sr = ({
   variant: a,
   appearance: i,
   showText: o,
-  showIcon: f,
+  showIcon: u,
   fullWidth: c,
-  disabled: u,
+  disabled: f,
   justify: l,
-  onClick: d,
-  onOptionsRequest: p
+  onClick: p,
+  onOptionsRequest: d
 }) => {
   const [m, g] = Z(r);
   oe(() => {
-    !m && p && e && p(e, void 0).then((E) => g(E)).catch((E) => {
+    !m && d && e && d(e, void 0).then((E) => g(E)).catch((E) => {
       console.error(
         "Errore nel caricamento delle opzioni per ButtonList",
         E
       );
     });
-  }, [m, e, p]);
+  }, [m, e, d]);
   const x = {
     container: `smp-button-list smp-button-list-${t} smp-justifyContent-${n}`
   }, w = m == null ? void 0 : m.map((E, O) => {
@@ -2145,16 +2147,16 @@ const un = 10, Sr = ({
       variant: a,
       appearance: i,
       showText: o,
-      showIcon: f,
+      showIcon: u,
       fullWidth: c,
-      disabled: u,
+      disabled: f,
       sizing: s,
       justify: l,
       onClick: () => {
-        d == null || d(E.id, E.fun);
+        p == null || p(E.id, E.fun);
       }
     };
-    return /* @__PURE__ */ v.jsx(De, { ...S }, `button-${O}`);
+    return /* @__PURE__ */ v.jsx(je, { ...S }, `button-${O}`);
   });
   return /* @__PURE__ */ v.jsx("div", { role: "list", "data-component": "button-list", className: x.container, children: w });
 }, pn = ({
@@ -2168,10 +2170,10 @@ const un = 10, Sr = ({
 }) => {
   const o = (c) => {
     s && a && a(c.target.checked);
-  }, f = {
+  }, u = {
     wrapper: "smp-checkbox-wrapper"
   };
-  return /* @__PURE__ */ v.jsxs("div", { className: f.wrapper, "data-component": e, children: [
+  return /* @__PURE__ */ v.jsxs("div", { className: u.wrapper, "data-component": e, children: [
     n && /* @__PURE__ */ v.jsx($e, { label: n, disabled: t }),
     /* @__PURE__ */ v.jsx(
       "input",
@@ -2218,22 +2220,22 @@ const un = 10, Sr = ({
   backgroundColor: a,
   isDraggable: i = !1
 }) => {
-  const [o, f] = Z(null), c = {
+  const [o, u] = Z(null), c = {
     container: `${["smp-chips-container"]}`,
     element: "smp-chips-element"
-  }, u = (p) => {
-    n == null || n(r.filter((m, g) => g !== p));
-  }, l = (p) => {
-    f(p);
-  }, d = (p) => {
-    if (o === null || o === p) return;
+  }, f = (d) => {
+    n == null || n(r.filter((m, g) => g !== d));
+  }, l = (d) => {
+    u(d);
+  }, p = (d) => {
+    if (o === null || o === d) return;
     const m = [...r], [g] = m.splice(o, 1);
-    m.splice(p, 0, g), n == null || n(m), f(null);
+    m.splice(d, 0, g), n == null || n(m), u(null);
   };
-  return /* @__PURE__ */ v.jsx("div", { className: c.container, role: "list", "data-component": "chip", children: r.flatMap((p, m) => {
+  return /* @__PURE__ */ v.jsx("div", { className: c.container, role: "list", "data-component": "chip", children: r.flatMap((d, m) => {
     const g = Xe(
-      p.bindValue,
-      p.optionalDisplayValue,
+      d.bindValue,
+      d.optionalDisplayValue,
       t
     ), x = /* @__PURE__ */ v.jsxs(
       "div",
@@ -2243,7 +2245,7 @@ const un = 10, Sr = ({
         draggable: i,
         onDragStart: () => l(m),
         onDragOver: (E) => i && E.preventDefault(),
-        onDrop: () => i && d(m),
+        onDrop: () => i && p(m),
         style: {
           "--smp-chips-backgroundColor-base": a
         },
@@ -2255,7 +2257,7 @@ const un = 10, Sr = ({
             {
               icon: "close",
               isInteractable: !0,
-              onClick: () => u(m),
+              onClick: () => f(m),
               color: s
             }
           )
@@ -2291,21 +2293,21 @@ function Tr(r, e) {
     })();
     const i = (c) => {
       if (c.key === "Escape" || c.key !== "Tab") return;
-      const u = s();
-      if (u.length === 0) return;
-      const l = u[0], d = u[u.length - 1];
-      c.shiftKey && document.activeElement === l ? (c.preventDefault(), d.focus()) : !c.shiftKey && document.activeElement === d && (c.preventDefault(), l.focus());
+      const f = s();
+      if (f.length === 0) return;
+      const l = f[0], p = f[f.length - 1];
+      c.shiftKey && document.activeElement === l ? (c.preventDefault(), p.focus()) : !c.shiftKey && document.activeElement === p && (c.preventDefault(), l.focus());
     }, o = (c) => {
       if (n && !n.contains(c.target)) {
         c.preventDefault();
-        const u = s();
-        u.length > 0 && u[0].focus();
+        const f = s();
+        f.length > 0 && f[0].focus();
       }
     };
     document.addEventListener("keydown", i), document.addEventListener("mousedown", o);
-    const f = document.body.style.overflow;
+    const u = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
-      document.removeEventListener("keydown", i), document.removeEventListener("mousedown", o), document.body.style.overflow = f, t.current && requestAnimationFrame(() => {
+      document.removeEventListener("keydown", i), document.removeEventListener("mousedown", o), document.body.style.overflow = u, t.current && requestAnimationFrame(() => {
         var c;
         (c = t.current) == null || c.focus();
       });
@@ -2321,26 +2323,26 @@ const mn = ({
   displayMode: a,
   listDisplayMode: i = "Both",
   fun: o,
-  onOptionsRequest: f,
+  onOptionsRequest: u,
   multiActiveIndex: c,
-  ...u
+  ...f
 }) => {
-  const [l, d] = Z(!1), [p, m] = Z(t), [g, x] = Z(-1), [w, E] = Z([r]), O = bt(), { anchorRef: S, targetRef: b, anchorWidth: L } = St({
+  const [l, p] = Z(!1), [d, m] = Z(t), [g, x] = Z(-1), [w, E] = Z([r]), O = bt(), { anchorRef: S, targetRef: b, anchorWidth: L } = St({
     position: "bottom",
     enabled: l
   });
-  Je(b, () => d(!1)), Tr(l, b);
-  const C = (D) => {
-    e == null || e(D.id, D.label);
-    const k = p.findIndex((U) => U.id === D.id);
-    x(k), E([D.id]), d(!1);
-  }, Y = (D) => {
-    D.key === "Escape" && (d(!1), x(-1));
-  }, j = (D) => {
-    (D.key === "ArrowDown" || D.key === "ArrowUp") && (D.preventDefault(), P());
+  Je(b, () => p(!1)), Tr(l, b);
+  const C = (j) => {
+    e == null || e(j.id, j.label);
+    const k = d.findIndex((U) => U.id === j.id);
+    x(k), E([j.id]), p(!1);
+  }, Y = (j) => {
+    j.key === "Escape" && (p(!1), x(-1));
+  }, D = (j) => {
+    (j.key === "ArrowDown" || j.key === "ArrowUp") && (j.preventDefault(), P());
   }, P = () => {
-    o && f && f(o, void 0).then((D) => {
-      m(D), x(D.length > 0 ? 0 : -1), d(!0);
+    o && u && u(o, void 0).then((j) => {
+      m(j), x(j.length > 0 ? 0 : -1), p(!0);
     });
   };
   return /* @__PURE__ */ v.jsxs(
@@ -2355,12 +2357,12 @@ const mn = ({
         /* @__PURE__ */ v.jsx(
           wr,
           {
-            ...u,
+            ...f,
             bindValue: r,
             optionalDisplayValue: n,
             displayMode: a,
             onShapeIconClick: P,
-            onKeyDown: j,
+            onKeyDown: D,
             shapeIcon: "arrow_drop_down",
             rotatedShapeIcon: l,
             isEditable: s,
@@ -2373,7 +2375,7 @@ const mn = ({
           Sr,
           {
             id: O,
-            options: p,
+            options: d,
             displayMode: i,
             ref: b,
             selectedIndex: g,
@@ -2484,11 +2486,11 @@ const En = [" ", ",", "?", "!", ";"], Tn = new wn(20), On = (r, e, t) => {
     if (!s || typeof s != "object")
       return;
     let i, o = "";
-    for (let f = a; f < n.length; ++f)
-      if (f !== a && (o += t), o += n[f], i = s[o], i !== void 0) {
-        if (["string", "number", "boolean"].indexOf(typeof i) > -1 && f < n.length - 1)
+    for (let u = a; u < n.length; ++u)
+      if (u !== a && (o += t), o += n[u], i = s[o], i !== void 0) {
+        if (["string", "number", "boolean"].indexOf(typeof i) > -1 && u < n.length - 1)
           continue;
-        a += f - a + 1;
+        a += u - a + 1;
         break;
       }
     s = i;
@@ -2588,12 +2590,12 @@ class er extends rt {
     t > -1 && this.options.ns.splice(t, 1);
   }
   getResource(e, t, n, s = {}) {
-    var c, u;
+    var c, f;
     const a = s.keySeparator !== void 0 ? s.keySeparator : this.options.keySeparator, i = s.ignoreJSONStructure !== void 0 ? s.ignoreJSONStructure : this.options.ignoreJSONStructure;
     let o;
     e.indexOf(".") > -1 ? o = e.split(".") : (o = [e, t], n && (Array.isArray(n) ? o.push(...n) : G(n) && a ? o.push(...n.split(a)) : o.push(n)));
-    const f = Qe(this.data, o);
-    return !f && !t && !n && e.indexOf(".") > -1 && (e = o[0], t = o[1], n = o.slice(2).join(".")), f || !i || !G(n) ? f : yt((u = (c = this.data) == null ? void 0 : c[e]) == null ? void 0 : u[t], n, a);
+    const u = Qe(this.data, o);
+    return !u && !t && !n && e.indexOf(".") > -1 && (e = o[0], t = o[1], n = o.slice(2).join(".")), u || !i || !G(n) ? u : yt((f = (c = this.data) == null ? void 0 : c[e]) == null ? void 0 : f[t], n, a);
   }
   addResource(e, t, n, s, a = {
     silent: !1
@@ -2617,11 +2619,11 @@ class er extends rt {
   }) {
     let o = [e, t];
     e.indexOf(".") > -1 && (o = e.split("."), s = n, n = t, t = o[1]), this.addNamespaces(t);
-    let f = Qe(this.data, o) || {};
-    i.skipCopy || (n = JSON.parse(JSON.stringify(n))), s ? Or(f, n, a) : f = {
-      ...f,
+    let u = Qe(this.data, o) || {};
+    i.skipCopy || (n = JSON.parse(JSON.stringify(n))), s ? Or(u, n, a) : u = {
+      ...u,
       ...n
-    }, Qt(this.data, o, f), i.silent || this.emit("added", e, t, n);
+    }, Qt(this.data, o, u), i.silent || this.emit("added", e, t, n);
   }
   removeResourceBundle(e, t) {
     this.hasResourceBundle(e, t) && delete this.data[e][t], this.removeNamespaces(t), this.emit("removed", e, t);
@@ -2680,8 +2682,8 @@ class tt extends rt {
     let a = t.ns || this.options.defaultNS || [];
     const i = n && e.indexOf(n) > -1, o = !this.options.userDefinedKeySeparator && !t.keySeparator && !this.options.userDefinedNsSeparator && !t.nsSeparator && !On(e, n, s);
     if (i && !o) {
-      const f = e.match(this.interpolator.nestingRegexp);
-      if (f && f.length > 0)
+      const u = e.match(this.interpolator.nestingRegexp);
+      if (u && u.length > 0)
         return {
           key: e,
           namespaces: G(a) ? [a] : a
@@ -2704,20 +2706,20 @@ class tt extends rt {
     Array.isArray(e) || (e = [String(e)]);
     const a = s.returnDetails !== void 0 ? s.returnDetails : this.options.returnDetails, i = s.keySeparator !== void 0 ? s.keySeparator : this.options.keySeparator, {
       key: o,
-      namespaces: f
-    } = this.extractFromKey(e[e.length - 1], s), c = f[f.length - 1];
-    let u = s.nsSeparator !== void 0 ? s.nsSeparator : this.options.nsSeparator;
-    u === void 0 && (u = ":");
-    const l = s.lng || this.language, d = s.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
+      namespaces: u
+    } = this.extractFromKey(e[e.length - 1], s), c = u[u.length - 1];
+    let f = s.nsSeparator !== void 0 ? s.nsSeparator : this.options.nsSeparator;
+    f === void 0 && (f = ":");
+    const l = s.lng || this.language, p = s.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
     if ((l == null ? void 0 : l.toLowerCase()) === "cimode")
-      return d ? a ? {
-        res: `${c}${u}${o}`,
+      return p ? a ? {
+        res: `${c}${f}${o}`,
         usedKey: o,
         exactUsedKey: o,
         usedLng: l,
         usedNS: c,
         usedParams: this.getUsedParamsDetails(s)
-      } : `${c}${u}${o}` : a ? {
+      } : `${c}${f}${o}` : a ? {
         res: o,
         usedKey: o,
         exactUsedKey: o,
@@ -2725,22 +2727,22 @@ class tt extends rt {
         usedNS: c,
         usedParams: this.getUsedParamsDetails(s)
       } : o;
-    const p = this.resolve(e, s);
-    let m = p == null ? void 0 : p.res;
-    const g = (p == null ? void 0 : p.usedKey) || o, x = (p == null ? void 0 : p.exactUsedKey) || o, w = ["[object Number]", "[object Function]", "[object RegExp]"], E = s.joinArrays !== void 0 ? s.joinArrays : this.options.joinArrays, O = !this.i18nFormat || this.i18nFormat.handleAsObject, S = s.count !== void 0 && !G(s.count), b = tt.hasDefaultValue(s), L = S ? this.pluralResolver.getSuffix(l, s.count, s) : "", C = s.ordinal && S ? this.pluralResolver.getSuffix(l, s.count, {
+    const d = this.resolve(e, s);
+    let m = d == null ? void 0 : d.res;
+    const g = (d == null ? void 0 : d.usedKey) || o, x = (d == null ? void 0 : d.exactUsedKey) || o, w = ["[object Number]", "[object Function]", "[object RegExp]"], E = s.joinArrays !== void 0 ? s.joinArrays : this.options.joinArrays, O = !this.i18nFormat || this.i18nFormat.handleAsObject, S = s.count !== void 0 && !G(s.count), b = tt.hasDefaultValue(s), L = S ? this.pluralResolver.getSuffix(l, s.count, s) : "", C = s.ordinal && S ? this.pluralResolver.getSuffix(l, s.count, {
       ordinal: !1
-    }) : "", Y = S && !s.ordinal && s.count === 0, j = Y && s[`defaultValue${this.options.pluralSeparator}zero`] || s[`defaultValue${L}`] || s[`defaultValue${C}`] || s.defaultValue;
+    }) : "", Y = S && !s.ordinal && s.count === 0, D = Y && s[`defaultValue${this.options.pluralSeparator}zero`] || s[`defaultValue${L}`] || s[`defaultValue${C}`] || s.defaultValue;
     let P = m;
-    O && !m && b && (P = j);
-    const D = rr(P), k = Object.prototype.toString.apply(P);
-    if (O && P && D && w.indexOf(k) < 0 && !(G(E) && Array.isArray(P))) {
+    O && !m && b && (P = D);
+    const j = rr(P), k = Object.prototype.toString.apply(P);
+    if (O && P && j && w.indexOf(k) < 0 && !(G(E) && Array.isArray(P))) {
       if (!s.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
         const U = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(g, P, {
           ...s,
-          ns: f
+          ns: u
         }) : `key '${o} (${this.language})' returned an object instead of string.`;
-        return a ? (p.res = U, p.usedParams = this.getUsedParamsDetails(s), p) : U;
+        return a ? (d.res = U, d.usedParams = this.getUsedParamsDetails(s), d) : U;
       }
       if (i) {
         const U = Array.isArray(P), H = U ? [] : {}, z = U ? x : g;
@@ -2749,13 +2751,13 @@ class tt extends rt {
             const J = `${z}${i}${K}`;
             b && !m ? H[K] = this.translate(J, {
               ...s,
-              defaultValue: rr(j) ? j[K] : void 0,
+              defaultValue: rr(D) ? D[K] : void 0,
               joinArrays: !1,
-              ns: f
+              ns: u
             }) : H[K] = this.translate(J, {
               ...s,
               joinArrays: !1,
-              ns: f
+              ns: u
             }), H[K] === J && (H[K] = P[K]);
           }
         m = H;
@@ -2764,10 +2766,10 @@ class tt extends rt {
       m = m.join(E), m && (m = this.extendTranslation(m, e, s, n));
     else {
       let U = !1, H = !1;
-      !this.isValidLookup(m) && b && (U = !0, m = j), this.isValidLookup(m) || (H = !0, m = o);
-      const K = (s.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && H ? void 0 : m, J = b && j !== m && this.options.updateMissing;
+      !this.isValidLookup(m) && b && (U = !0, m = D), this.isValidLookup(m) || (H = !0, m = o);
+      const K = (s.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && H ? void 0 : m, J = b && D !== m && this.options.updateMissing;
       if (H || U || J) {
-        if (this.logger.log(J ? "updateKey" : "missingKey", l, c, o, J ? j : m), i) {
+        if (this.logger.log(J ? "updateKey" : "missingKey", l, c, o, J ? D : m), i) {
           const y = this.resolve(o, {
             ...s,
             keySeparator: !1
@@ -2788,17 +2790,17 @@ class tt extends rt {
         this.options.saveMissing && (this.options.saveMissingPlurals && S ? W.forEach((y) => {
           const T = this.pluralResolver.getSuffixes(y, s);
           Y && s[`defaultValue${this.options.pluralSeparator}zero`] && T.indexOf(`${this.options.pluralSeparator}zero`) < 0 && T.push(`${this.options.pluralSeparator}zero`), T.forEach(($) => {
-            h([y], o + $, s[`defaultValue${$}`] || j);
+            h([y], o + $, s[`defaultValue${$}`] || D);
           });
-        }) : h(W, o, j));
+        }) : h(W, o, D));
       }
-      m = this.extendTranslation(m, e, s, p, n), H && m === o && this.options.appendNamespaceToMissingKey && (m = `${c}${u}${o}`), (H || U) && this.options.parseMissingKeyHandler && (m = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${c}${u}${o}` : o, U ? m : void 0, s));
+      m = this.extendTranslation(m, e, s, d, n), H && m === o && this.options.appendNamespaceToMissingKey && (m = `${c}${f}${o}`), (H || U) && this.options.parseMissingKeyHandler && (m = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${c}${f}${o}` : o, U ? m : void 0, s));
     }
-    return a ? (p.res = m, p.usedParams = this.getUsedParamsDetails(s), p) : m;
+    return a ? (d.res = m, d.usedParams = this.getUsedParamsDetails(s), d) : m;
   }
   extendTranslation(e, t, n, s, a) {
-    var f, c;
-    if ((f = this.i18nFormat) != null && f.parse)
+    var u, c;
+    if ((u = this.i18nFormat) != null && u.parse)
       e = this.i18nFormat.parse(e, {
         ...this.options.interpolation.defaultVariables,
         ...n
@@ -2813,21 +2815,21 @@ class tt extends rt {
           ...n.interpolation
         }
       });
-      const u = G(e) && (((c = n == null ? void 0 : n.interpolation) == null ? void 0 : c.skipOnVariables) !== void 0 ? n.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
+      const f = G(e) && (((c = n == null ? void 0 : n.interpolation) == null ? void 0 : c.skipOnVariables) !== void 0 ? n.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
       let l;
-      if (u) {
-        const p = e.match(this.interpolator.nestingRegexp);
-        l = p && p.length;
+      if (f) {
+        const d = e.match(this.interpolator.nestingRegexp);
+        l = d && d.length;
       }
-      let d = n.replace && !G(n.replace) ? n.replace : n;
-      if (this.options.interpolation.defaultVariables && (d = {
+      let p = n.replace && !G(n.replace) ? n.replace : n;
+      if (this.options.interpolation.defaultVariables && (p = {
         ...this.options.interpolation.defaultVariables,
-        ...d
-      }), e = this.interpolator.interpolate(e, d, n.lng || this.language || s.usedLng, n), u) {
-        const p = e.match(this.interpolator.nestingRegexp), m = p && p.length;
+        ...p
+      }), e = this.interpolator.interpolate(e, p, n.lng || this.language || s.usedLng, n), f) {
+        const d = e.match(this.interpolator.nestingRegexp), m = d && d.length;
         l < m && (n.nest = !1);
       }
-      !n.lng && s && s.res && (n.lng = this.language || s.usedLng), n.nest !== !1 && (e = this.interpolator.nest(e, (...p) => (a == null ? void 0 : a[0]) === p[0] && !n.context ? (this.logger.warn(`It seems you are nesting recursively key: ${p[0]} in key: ${t[0]}`), null) : this.translate(...p, t), n)), n.interpolation && this.interpolator.reset();
+      !n.lng && s && s.res && (n.lng = this.language || s.usedLng), n.nest !== !1 && (e = this.interpolator.nest(e, (...d) => (a == null ? void 0 : a[0]) === d[0] && !n.context ? (this.logger.warn(`It seems you are nesting recursively key: ${d[0]} in key: ${t[0]}`), null) : this.translate(...d, t), n)), n.interpolation && this.interpolator.reset();
     }
     const i = n.postProcess || this.options.postProcess, o = G(i) ? [i] : i;
     return e != null && (o != null && o.length) && n.applyPostProcessor !== !1 && (e = Rr.handle(o, e, t, this.options && this.options.postProcessPassResolved ? {
@@ -2840,29 +2842,29 @@ class tt extends rt {
   }
   resolve(e, t = {}) {
     let n, s, a, i, o;
-    return G(e) && (e = [e]), e.forEach((f) => {
+    return G(e) && (e = [e]), e.forEach((u) => {
       if (this.isValidLookup(n)) return;
-      const c = this.extractFromKey(f, t), u = c.key;
-      s = u;
+      const c = this.extractFromKey(u, t), f = c.key;
+      s = f;
       let l = c.namespaces;
       this.options.fallbackNS && (l = l.concat(this.options.fallbackNS));
-      const d = t.count !== void 0 && !G(t.count), p = d && !t.ordinal && t.count === 0, m = t.context !== void 0 && (G(t.context) || typeof t.context == "number") && t.context !== "", g = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
+      const p = t.count !== void 0 && !G(t.count), d = p && !t.ordinal && t.count === 0, m = t.context !== void 0 && (G(t.context) || typeof t.context == "number") && t.context !== "", g = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
       l.forEach((x) => {
         var w, E;
         this.isValidLookup(n) || (o = x, !tr[`${g[0]}-${x}`] && ((w = this.utils) != null && w.hasLoadedNamespace) && !((E = this.utils) != null && E.hasLoadedNamespace(o)) && (tr[`${g[0]}-${x}`] = !0, this.logger.warn(`key "${s}" for languages "${g.join(", ")}" won't get resolved as namespace "${o}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), g.forEach((O) => {
           var L;
           if (this.isValidLookup(n)) return;
           i = O;
-          const S = [u];
+          const S = [f];
           if ((L = this.i18nFormat) != null && L.addLookupKeys)
-            this.i18nFormat.addLookupKeys(S, u, O, x, t);
+            this.i18nFormat.addLookupKeys(S, f, O, x, t);
           else {
             let C;
-            d && (C = this.pluralResolver.getSuffix(O, t.count, t));
-            const Y = `${this.options.pluralSeparator}zero`, j = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (d && (S.push(u + C), t.ordinal && C.indexOf(j) === 0 && S.push(u + C.replace(j, this.options.pluralSeparator)), p && S.push(u + Y)), m) {
-              const P = `${u}${this.options.contextSeparator}${t.context}`;
-              S.push(P), d && (S.push(P + C), t.ordinal && C.indexOf(j) === 0 && S.push(P + C.replace(j, this.options.pluralSeparator)), p && S.push(P + Y));
+            p && (C = this.pluralResolver.getSuffix(O, t.count, t));
+            const Y = `${this.options.pluralSeparator}zero`, D = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
+            if (p && (S.push(f + C), t.ordinal && C.indexOf(D) === 0 && S.push(f + C.replace(D, this.options.pluralSeparator)), d && S.push(f + Y)), m) {
+              const P = `${f}${this.options.contextSeparator}${t.context}`;
+              S.push(P), p && (S.push(P + C), t.ordinal && C.indexOf(D) === 0 && S.push(P + C.replace(D, this.options.pluralSeparator)), d && S.push(P + Y));
             }
           }
           let b;
@@ -2985,7 +2987,7 @@ const sr = {
     pluralCategories: ["one", "other"]
   })
 };
-class jn {
+class Dn {
   constructor(e, t = {}) {
     this.languageUtils = e, this.options = t, this.logger = ge.create("pluralResolver"), this.pluralRulesCache = {};
   }
@@ -3011,8 +3013,8 @@ class jn {
       if (!Intl)
         return this.logger.error("No Intl support, please use an Intl polyfill!"), ar;
       if (!e.match(/-|_/)) return ar;
-      const f = this.languageUtils.getLanguagePartFromCode(e);
-      i = this.getRule(f, t);
+      const u = this.languageUtils.getLanguagePartFromCode(e);
+      i = this.getRule(u, t);
     }
     return this.pluralRulesCache[a] = i, i;
   }
@@ -3036,7 +3038,7 @@ const ir = (r, e, t, n = ".", s = !0) => {
   let a = bn(r, e, t);
   return !a && s && G(t) && (a = yt(r, t, n), a === void 0 && (a = yt(e, t, n))), a;
 }, dt = (r) => r.replace(/\$/g, "$$$$");
-class Dn {
+class jn {
   constructor(e = {}) {
     var t;
     this.logger = ge.create("interpolator"), this.options = e, this.format = ((t = e == null ? void 0 : e.interpolation) == null ? void 0 : t.format) || ((n) => n), this.init(e);
@@ -3052,19 +3054,19 @@ class Dn {
       prefix: a,
       prefixEscaped: i,
       suffix: o,
-      suffixEscaped: f,
+      suffixEscaped: u,
       formatSeparator: c,
-      unescapeSuffix: u,
+      unescapeSuffix: f,
       unescapePrefix: l,
-      nestingPrefix: d,
-      nestingPrefixEscaped: p,
+      nestingPrefix: p,
+      nestingPrefixEscaped: d,
       nestingSuffix: m,
       nestingSuffixEscaped: g,
       nestingOptionsSeparator: x,
       maxReplaces: w,
       alwaysFormat: E
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : Sn, this.escapeValue = n !== void 0 ? n : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = a ? Oe(a) : i || "{{", this.suffix = o ? Oe(o) : f || "}}", this.formatSeparator = c || ",", this.unescapePrefix = u ? "" : l || "-", this.unescapeSuffix = this.unescapePrefix ? "" : u || "", this.nestingPrefix = d ? Oe(d) : p || Oe("$t("), this.nestingSuffix = m ? Oe(m) : g || Oe(")"), this.nestingOptionsSeparator = x || ",", this.maxReplaces = w || 1e3, this.alwaysFormat = E !== void 0 ? E : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : Sn, this.escapeValue = n !== void 0 ? n : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = a ? Oe(a) : i || "{{", this.suffix = o ? Oe(o) : u || "}}", this.formatSeparator = c || ",", this.unescapePrefix = f ? "" : l || "-", this.unescapeSuffix = this.unescapePrefix ? "" : f || "", this.nestingPrefix = p ? Oe(p) : d || Oe("$t("), this.nestingSuffix = m ? Oe(m) : g || Oe(")"), this.nestingOptionsSeparator = x || ",", this.maxReplaces = w || 1e3, this.alwaysFormat = E !== void 0 ? E : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -3074,11 +3076,11 @@ class Dn {
     this.regexp = e(this.regexp, `${this.prefix}(.+?)${this.suffix}`), this.regexpUnescape = e(this.regexpUnescape, `${this.prefix}${this.unescapePrefix}(.+?)${this.unescapeSuffix}${this.suffix}`), this.nestingRegexp = e(this.nestingRegexp, `${this.nestingPrefix}(.+?)${this.nestingSuffix}`);
   }
   interpolate(e, t, n, s) {
-    var p;
+    var d;
     let a, i, o;
-    const f = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, c = (m) => {
+    const u = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, c = (m) => {
       if (m.indexOf(this.formatSeparator) < 0) {
-        const E = ir(t, f, m, this.options.keySeparator, this.options.ignoreJSONStructure);
+        const E = ir(t, u, m, this.options.keySeparator, this.options.ignoreJSONStructure);
         return this.alwaysFormat ? this.format(E, void 0, n, {
           ...s,
           ...t,
@@ -3086,14 +3088,14 @@ class Dn {
         }) : E;
       }
       const g = m.split(this.formatSeparator), x = g.shift().trim(), w = g.join(this.formatSeparator).trim();
-      return this.format(ir(t, f, x, this.options.keySeparator, this.options.ignoreJSONStructure), w, n, {
+      return this.format(ir(t, u, x, this.options.keySeparator, this.options.ignoreJSONStructure), w, n, {
         ...s,
         ...t,
         interpolationkey: x
       });
     };
     this.resetRegExp();
-    const u = (s == null ? void 0 : s.missingInterpolationHandler) || this.options.missingInterpolationHandler, l = ((p = s == null ? void 0 : s.interpolation) == null ? void 0 : p.skipOnVariables) !== void 0 ? s.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
+    const f = (s == null ? void 0 : s.missingInterpolationHandler) || this.options.missingInterpolationHandler, l = ((d = s == null ? void 0 : s.interpolation) == null ? void 0 : d.skipOnVariables) !== void 0 ? s.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
     return [{
       regex: this.regexpUnescape,
       safeValue: (m) => dt(m)
@@ -3104,8 +3106,8 @@ class Dn {
       for (o = 0; a = m.regex.exec(e); ) {
         const g = a[1].trim();
         if (i = c(g), i === void 0)
-          if (typeof u == "function") {
-            const w = u(e, a, s);
+          if (typeof f == "function") {
+            const w = f(e, a, s);
             i = G(w) ? w : "";
           } else if (s && Object.prototype.hasOwnProperty.call(s, g))
             i = "";
@@ -3123,36 +3125,36 @@ class Dn {
   }
   nest(e, t, n = {}) {
     let s, a, i;
-    const o = (f, c) => {
-      const u = this.nestingOptionsSeparator;
-      if (f.indexOf(u) < 0) return f;
-      const l = f.split(new RegExp(`${u}[ ]*{`));
-      let d = `{${l[1]}`;
-      f = l[0], d = this.interpolate(d, i);
-      const p = d.match(/'/g), m = d.match(/"/g);
-      (((p == null ? void 0 : p.length) ?? 0) % 2 === 0 && !m || m.length % 2 !== 0) && (d = d.replace(/'/g, '"'));
+    const o = (u, c) => {
+      const f = this.nestingOptionsSeparator;
+      if (u.indexOf(f) < 0) return u;
+      const l = u.split(new RegExp(`${f}[ ]*{`));
+      let p = `{${l[1]}`;
+      u = l[0], p = this.interpolate(p, i);
+      const d = p.match(/'/g), m = p.match(/"/g);
+      (((d == null ? void 0 : d.length) ?? 0) % 2 === 0 && !m || m.length % 2 !== 0) && (p = p.replace(/'/g, '"'));
       try {
-        i = JSON.parse(d), c && (i = {
+        i = JSON.parse(p), c && (i = {
           ...c,
           ...i
         });
       } catch (g) {
-        return this.logger.warn(`failed parsing options string in nesting for key ${f}`, g), `${f}${u}${d}`;
+        return this.logger.warn(`failed parsing options string in nesting for key ${u}`, g), `${u}${f}${p}`;
       }
-      return i.defaultValue && i.defaultValue.indexOf(this.prefix) > -1 && delete i.defaultValue, f;
+      return i.defaultValue && i.defaultValue.indexOf(this.prefix) > -1 && delete i.defaultValue, u;
     };
     for (; s = this.nestingRegexp.exec(e); ) {
-      let f = [];
+      let u = [];
       i = {
         ...n
       }, i = i.replace && !G(i.replace) ? i.replace : i, i.applyPostProcessor = !1, delete i.defaultValue;
       let c = !1;
       if (s[0].indexOf(this.formatSeparator) !== -1 && !/{.*}/.test(s[1])) {
-        const u = s[1].split(this.formatSeparator).map((l) => l.trim());
-        s[1] = u.shift(), f = u, c = !0;
+        const f = s[1].split(this.formatSeparator).map((l) => l.trim());
+        s[1] = f.shift(), u = f, c = !0;
       }
       if (a = t(o.call(this, s[1].trim(), i), i), a && s[0] === e && !G(a)) return a;
-      G(a) || (a = Jt(a)), a || (this.logger.warn(`missed to resolve ${s[1]} for nesting ${e}`), a = ""), c && (a = f.reduce((u, l) => this.format(u, l, n.lng, {
+      G(a) || (a = Jt(a)), a || (this.logger.warn(`missed to resolve ${s[1]} for nesting ${e}`), a = ""), c && (a = u.reduce((f, l) => this.format(f, l, n.lng, {
         ...n,
         interpolationkey: s[1].trim()
       }), a.trim())), e = e.replace(s[0], a), this.regexp.lastIndex = 0;
@@ -3169,8 +3171,8 @@ const $n = (r) => {
     const s = n[1].substring(0, n[1].length - 1);
     e === "currency" && s.indexOf(":") < 0 ? t.currency || (t.currency = s.trim()) : e === "relativetime" && s.indexOf(":") < 0 ? t.range || (t.range = s.trim()) : s.split(";").forEach((i) => {
       if (i) {
-        const [o, ...f] = i.split(":"), c = f.join(":").trim().replace(/^'+|'+$/g, ""), u = o.trim();
-        t[u] || (t[u] = c), c === "false" && (t[u] = !1), c === "true" && (t[u] = !0), isNaN(c) || (t[u] = parseInt(c, 10));
+        const [o, ...u] = i.split(":"), c = u.join(":").trim().replace(/^'+|'+$/g, ""), f = o.trim();
+        t[f] || (t[f] = c), c === "false" && (t[f] = !1), c === "true" && (t[f] = !0), isNaN(c) || (t[f] = parseInt(c, 10));
       }
     });
   }
@@ -3243,28 +3245,28 @@ class Pn {
   format(e, t, n, s = {}) {
     const a = t.split(this.formatSeparator);
     if (a.length > 1 && a[0].indexOf("(") > 1 && a[0].indexOf(")") < 0 && a.find((o) => o.indexOf(")") > -1)) {
-      const o = a.findIndex((f) => f.indexOf(")") > -1);
+      const o = a.findIndex((u) => u.indexOf(")") > -1);
       a[0] = [a[0], ...a.splice(1, o)].join(this.formatSeparator);
     }
-    return a.reduce((o, f) => {
+    return a.reduce((o, u) => {
       var l;
       const {
         formatName: c,
-        formatOptions: u
-      } = $n(f);
+        formatOptions: f
+      } = $n(u);
       if (this.formats[c]) {
-        let d = o;
+        let p = o;
         try {
-          const p = ((l = s == null ? void 0 : s.formatParams) == null ? void 0 : l[s.interpolationkey]) || {}, m = p.locale || p.lng || s.locale || s.lng || n;
-          d = this.formats[c](o, m, {
-            ...u,
+          const d = ((l = s == null ? void 0 : s.formatParams) == null ? void 0 : l[s.interpolationkey]) || {}, m = d.locale || d.lng || s.locale || s.lng || n;
+          p = this.formats[c](o, m, {
+            ...f,
             ...s,
-            ...p
+            ...d
           });
-        } catch (p) {
-          this.logger.warn(p);
+        } catch (d) {
+          this.logger.warn(d);
         }
-        return d;
+        return p;
       } else
         this.logger.warn(`there was no format function for ${c}`);
       return o;
@@ -3280,13 +3282,13 @@ class Ln extends rt {
     super(), this.backend = e, this.store = t, this.services = n, this.languageUtils = n.languageUtils, this.options = s, this.logger = ge.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = s.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = s.maxRetries >= 0 ? s.maxRetries : 5, this.retryTimeout = s.retryTimeout >= 1 ? s.retryTimeout : 350, this.state = {}, this.queue = [], (i = (a = this.backend) == null ? void 0 : a.init) == null || i.call(a, n, s.backend, s);
   }
   queueLoad(e, t, n, s) {
-    const a = {}, i = {}, o = {}, f = {};
+    const a = {}, i = {}, o = {}, u = {};
     return e.forEach((c) => {
-      let u = !0;
+      let f = !0;
       t.forEach((l) => {
-        const d = `${c}|${l}`;
-        !n.reload && this.store.hasResourceBundle(c, l) ? this.state[d] = 2 : this.state[d] < 0 || (this.state[d] === 1 ? i[d] === void 0 && (i[d] = !0) : (this.state[d] = 1, u = !1, i[d] === void 0 && (i[d] = !0), a[d] === void 0 && (a[d] = !0), f[l] === void 0 && (f[l] = !0)));
-      }), u || (o[c] = !0);
+        const p = `${c}|${l}`;
+        !n.reload && this.store.hasResourceBundle(c, l) ? this.state[p] = 2 : this.state[p] < 0 || (this.state[p] === 1 ? i[p] === void 0 && (i[p] = !0) : (this.state[p] = 1, f = !1, i[p] === void 0 && (i[p] = !0), a[p] === void 0 && (a[p] = !0), u[l] === void 0 && (u[l] = !0)));
+      }), f || (o[c] = !0);
     }), (Object.keys(a).length || Object.keys(i).length) && this.queue.push({
       pending: i,
       pendingCount: Object.keys(i).length,
@@ -3297,7 +3299,7 @@ class Ln extends rt {
       toLoad: Object.keys(a),
       pending: Object.keys(i),
       toLoadLanguages: Object.keys(o),
-      toLoadNamespaces: Object.keys(f)
+      toLoadNamespaces: Object.keys(u)
     };
   }
   loaded(e, t, n) {
@@ -3306,15 +3308,15 @@ class Ln extends rt {
       skipCopy: !0
     }), this.state[e] = t ? -1 : 2, t && n && (this.state[e] = 0);
     const o = {};
-    this.queue.forEach((f) => {
-      vn(f.loaded, [a], i), An(f, e), t && f.errors.push(t), f.pendingCount === 0 && !f.done && (Object.keys(f.loaded).forEach((c) => {
+    this.queue.forEach((u) => {
+      vn(u.loaded, [a], i), An(u, e), t && u.errors.push(t), u.pendingCount === 0 && !u.done && (Object.keys(u.loaded).forEach((c) => {
         o[c] || (o[c] = {});
-        const u = f.loaded[c];
-        u.length && u.forEach((l) => {
+        const f = u.loaded[c];
+        f.length && f.forEach((l) => {
           o[c][l] === void 0 && (o[c][l] = !0);
         });
-      }), f.done = !0, f.errors.length ? f.callback(f.errors) : f.callback());
-    }), this.emit("loaded", o), this.queue = this.queue.filter((f) => !f.done);
+      }), u.done = !0, u.errors.length ? u.callback(u.errors) : u.callback());
+    }), this.emit("loaded", o), this.queue = this.queue.filter((u) => !u.done);
   }
   read(e, t, n, s = 0, a = this.retryTimeout, i) {
     if (!e.length) return i(null, {});
@@ -3330,29 +3332,29 @@ class Ln extends rt {
       return;
     }
     this.readingCalls++;
-    const o = (c, u) => {
+    const o = (c, f) => {
       if (this.readingCalls--, this.waitingReads.length > 0) {
         const l = this.waitingReads.shift();
         this.read(l.lng, l.ns, l.fcName, l.tried, l.wait, l.callback);
       }
-      if (c && u && s < this.maxRetries) {
+      if (c && f && s < this.maxRetries) {
         setTimeout(() => {
           this.read.call(this, e, t, n, s + 1, a * 2, i);
         }, a);
         return;
       }
-      i(c, u);
-    }, f = this.backend[n].bind(this.backend);
-    if (f.length === 2) {
+      i(c, f);
+    }, u = this.backend[n].bind(this.backend);
+    if (u.length === 2) {
       try {
-        const c = f(e, t);
-        c && typeof c.then == "function" ? c.then((u) => o(null, u)).catch(o) : o(null, c);
+        const c = u(e, t);
+        c && typeof c.then == "function" ? c.then((f) => o(null, f)).catch(o) : o(null, c);
       } catch (c) {
         o(c);
       }
       return;
     }
-    return f(e, t, o);
+    return u(e, t, o);
   }
   prepareLoading(e, t, n = {}, s) {
     if (!this.backend)
@@ -3381,26 +3383,26 @@ class Ln extends rt {
   }
   saveMissing(e, t, n, s, a, i = {}, o = () => {
   }) {
-    var f, c, u, l, d;
-    if ((c = (f = this.services) == null ? void 0 : f.utils) != null && c.hasLoadedNamespace && !((l = (u = this.services) == null ? void 0 : u.utils) != null && l.hasLoadedNamespace(t))) {
+    var u, c, f, l, p;
+    if ((c = (u = this.services) == null ? void 0 : u.utils) != null && c.hasLoadedNamespace && !((l = (f = this.services) == null ? void 0 : f.utils) != null && l.hasLoadedNamespace(t))) {
       this.logger.warn(`did not save key "${n}" as the namespace "${t}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!");
       return;
     }
     if (!(n == null || n === "")) {
-      if ((d = this.backend) != null && d.create) {
-        const p = {
+      if ((p = this.backend) != null && p.create) {
+        const d = {
           ...i,
           isUpdate: a
         }, m = this.backend.create.bind(this.backend);
         if (m.length < 6)
           try {
             let g;
-            m.length === 5 ? g = m(e, t, n, s, p) : g = m(e, t, n, s), g && typeof g.then == "function" ? g.then((x) => o(null, x)).catch(o) : o(null, g);
+            m.length === 5 ? g = m(e, t, n, s, d) : g = m(e, t, n, s), g && typeof g.then == "function" ? g.then((x) => o(null, x)).catch(o) : o(null, g);
           } catch (g) {
             o(g);
           }
         else
-          m(e, t, n, s, o, p);
+          m(e, t, n, s, o, d);
       }
       !e || !e[0] || this.store.addResource(e[0], t, n, s);
     }
@@ -3500,20 +3502,20 @@ class Ne extends rt {
       this.modules.logger ? ge.init(s(this.modules.logger), this.options) : ge.init(null, this.options);
       let c;
       this.modules.formatter ? c = this.modules.formatter : c = Pn;
-      const u = new nr(this.options);
+      const f = new nr(this.options);
       this.store = new er(this.options.resources, this.options);
       const l = this.services;
-      l.logger = ge, l.resourceStore = this.store, l.languageUtils = u, l.pluralResolver = new jn(u, {
+      l.logger = ge, l.resourceStore = this.store, l.languageUtils = f, l.pluralResolver = new Dn(f, {
         prepend: this.options.pluralSeparator,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
-      }), c && (!this.options.interpolation.format || this.options.interpolation.format === n.interpolation.format) && (l.formatter = s(c), l.formatter.init(l, this.options), this.options.interpolation.format = l.formatter.format.bind(l.formatter)), l.interpolator = new Dn(this.options), l.utils = {
+      }), c && (!this.options.interpolation.format || this.options.interpolation.format === n.interpolation.format) && (l.formatter = s(c), l.formatter.init(l, this.options), this.options.interpolation.format = l.formatter.format.bind(l.formatter)), l.interpolator = new jn(this.options), l.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
-      }, l.backendConnector = new Ln(s(this.modules.backend), l.resourceStore, l, this.options), l.backendConnector.on("*", (d, ...p) => {
-        this.emit(d, ...p);
-      }), this.modules.languageDetector && (l.languageDetector = s(this.modules.languageDetector), l.languageDetector.init && l.languageDetector.init(l, this.options.detection, this.options)), this.modules.i18nFormat && (l.i18nFormat = s(this.modules.i18nFormat), l.i18nFormat.init && l.i18nFormat.init(this)), this.translator = new tt(this.services, this.options), this.translator.on("*", (d, ...p) => {
-        this.emit(d, ...p);
-      }), this.modules.external.forEach((d) => {
-        d.init && d.init(this);
+      }, l.backendConnector = new Ln(s(this.modules.backend), l.resourceStore, l, this.options), l.backendConnector.on("*", (p, ...d) => {
+        this.emit(p, ...d);
+      }), this.modules.languageDetector && (l.languageDetector = s(this.modules.languageDetector), l.languageDetector.init && l.languageDetector.init(l, this.options.detection, this.options)), this.modules.i18nFormat && (l.i18nFormat = s(this.modules.i18nFormat), l.i18nFormat.init && l.i18nFormat.init(this)), this.translator = new tt(this.services, this.options), this.translator.on("*", (p, ...d) => {
+        this.emit(p, ...d);
+      }), this.modules.external.forEach((p) => {
+        p.init && p.init(this);
       });
     }
     if (this.format = this.options.interpolation.format, t || (t = Be), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
@@ -3521,18 +3523,18 @@ class Ne extends rt {
       c.length > 0 && c[0] !== "dev" && (this.options.lng = c[0]);
     }
     !this.services.languageDetector && !this.options.lng && this.logger.warn("init: no languageDetector is used and no lng is defined"), ["getResource", "hasResourceBundle", "getResourceBundle", "getDataByLanguage"].forEach((c) => {
-      this[c] = (...u) => this.store[c](...u);
+      this[c] = (...f) => this.store[c](...f);
     }), ["addResource", "addResources", "addResourceBundle", "removeResourceBundle"].forEach((c) => {
-      this[c] = (...u) => (this.store[c](...u), this);
+      this[c] = (...f) => (this.store[c](...f), this);
     });
-    const o = Le(), f = () => {
-      const c = (u, l) => {
-        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(l), t(u, l);
+    const o = Le(), u = () => {
+      const c = (f, l) => {
+        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(l), t(f, l);
       };
       if (this.languages && !this.isInitialized) return c(null, this.t.bind(this));
       this.changeLanguage(this.options.lng, c);
     };
-    return this.options.resources || !this.options.initAsync ? f() : setTimeout(f, 0), o;
+    return this.options.resources || !this.options.initAsync ? u() : setTimeout(u, 0), o;
   }
   loadResources(e, t = Be) {
     var a, i;
@@ -3540,13 +3542,13 @@ class Ne extends rt {
     const s = G(e) ? e : this.language;
     if (typeof e == "function" && (n = e), !this.options.resources || this.options.partialBundledLanguages) {
       if ((s == null ? void 0 : s.toLowerCase()) === "cimode" && (!this.options.preload || this.options.preload.length === 0)) return n();
-      const o = [], f = (c) => {
+      const o = [], u = (c) => {
         if (!c || c === "cimode") return;
         this.services.languageUtils.toResolveHierarchy(c).forEach((l) => {
           l !== "cimode" && o.indexOf(l) < 0 && o.push(l);
         });
       };
-      s ? f(s) : this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach((u) => f(u)), (i = (a = this.options.preload) == null ? void 0 : a.forEach) == null || i.call(a, (c) => f(c)), this.services.backendConnector.load(o, this.options.ns, (c) => {
+      s ? u(s) : this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach((f) => u(f)), (i = (a = this.options.preload) == null ? void 0 : a.forEach) == null || i.call(a, (c) => u(c)), this.services.backendConnector.load(o, this.options.ns, (c) => {
         !c && !this.resolvedLanguage && this.language && this.setResolvedLanguage(this.language), n(c);
       });
     } else
@@ -3581,27 +3583,27 @@ class Ne extends rt {
     this.emit("languageChanging", e);
     const s = (o) => {
       this.language = o, this.languages = this.services.languageUtils.toResolveHierarchy(o), this.resolvedLanguage = void 0, this.setResolvedLanguage(o);
-    }, a = (o, f) => {
-      f ? this.isLanguageChangingTo === e && (s(f), this.translator.changeLanguage(f), this.isLanguageChangingTo = void 0, this.emit("languageChanged", f), this.logger.log("languageChanged", f)) : this.isLanguageChangingTo = void 0, n.resolve((...c) => this.t(...c)), t && t(o, (...c) => this.t(...c));
+    }, a = (o, u) => {
+      u ? this.isLanguageChangingTo === e && (s(u), this.translator.changeLanguage(u), this.isLanguageChangingTo = void 0, this.emit("languageChanged", u), this.logger.log("languageChanged", u)) : this.isLanguageChangingTo = void 0, n.resolve((...c) => this.t(...c)), t && t(o, (...c) => this.t(...c));
     }, i = (o) => {
-      var u, l;
+      var f, l;
       !e && !o && this.services.languageDetector && (o = []);
-      const f = G(o) ? o : o && o[0], c = this.store.hasLanguageSomeTranslations(f) ? f : this.services.languageUtils.getBestMatchFromCodes(G(o) ? [o] : o);
-      c && (this.language || s(c), this.translator.language || this.translator.changeLanguage(c), (l = (u = this.services.languageDetector) == null ? void 0 : u.cacheUserLanguage) == null || l.call(u, c)), this.loadResources(c, (d) => {
-        a(d, c);
+      const u = G(o) ? o : o && o[0], c = this.store.hasLanguageSomeTranslations(u) ? u : this.services.languageUtils.getBestMatchFromCodes(G(o) ? [o] : o);
+      c && (this.language || s(c), this.translator.language || this.translator.changeLanguage(c), (l = (f = this.services.languageDetector) == null ? void 0 : f.cacheUserLanguage) == null || l.call(f, c)), this.loadResources(c, (p) => {
+        a(p, c);
       });
     };
     return !e && this.services.languageDetector && !this.services.languageDetector.async ? i(this.services.languageDetector.detect()) : !e && this.services.languageDetector && this.services.languageDetector.async ? this.services.languageDetector.detect.length === 0 ? this.services.languageDetector.detect().then(i) : this.services.languageDetector.detect(i) : i(e), n;
   }
   getFixedT(e, t, n) {
     const s = (a, i, ...o) => {
-      let f;
-      typeof i != "object" ? f = this.options.overloadTranslationOptionHandler([a, i].concat(o)) : f = {
+      let u;
+      typeof i != "object" ? u = this.options.overloadTranslationOptionHandler([a, i].concat(o)) : u = {
         ...i
-      }, f.lng = f.lng || s.lng, f.lngs = f.lngs || s.lngs, f.ns = f.ns || s.ns, f.keyPrefix !== "" && (f.keyPrefix = f.keyPrefix || n || s.keyPrefix);
+      }, u.lng = u.lng || s.lng, u.lngs = u.lngs || s.lngs, u.ns = u.ns || s.ns, u.keyPrefix !== "" && (u.keyPrefix = u.keyPrefix || n || s.keyPrefix);
       const c = this.options.keySeparator || ".";
-      let u;
-      return f.keyPrefix && Array.isArray(a) ? u = a.map((l) => `${f.keyPrefix}${c}${l}`) : u = f.keyPrefix ? `${f.keyPrefix}${c}${a}` : a, this.t(u, f);
+      let f;
+      return u.keyPrefix && Array.isArray(a) ? f = a.map((l) => `${u.keyPrefix}${c}${l}`) : f = u.keyPrefix ? `${u.keyPrefix}${c}${a}` : a, this.t(f, u);
     };
     return G(e) ? s.lng = e : s.lngs = e, s.ns = t, s.keyPrefix = n, s;
   }
@@ -3623,8 +3625,8 @@ class Ne extends rt {
       return this.logger.warn("hasLoadedNamespace: i18n.languages were undefined or empty", this.languages), !1;
     const n = t.lng || this.resolvedLanguage || this.languages[0], s = this.options ? this.options.fallbackLng : !1, a = this.languages[this.languages.length - 1];
     if (n.toLowerCase() === "cimode") return !0;
-    const i = (o, f) => {
-      const c = this.services.backendConnector.state[`${o}|${f}`];
+    const i = (o, u) => {
+      const c = this.services.backendConnector.state[`${o}|${u}`];
       return c === -1 || c === 0 || c === 2;
     };
     if (t.precheck) {
@@ -3673,15 +3675,15 @@ class Ne extends rt {
     }, a.services.utils = {
       hasLoadedNamespace: a.hasLoadedNamespace.bind(a)
     }, n) {
-      const o = Object.keys(this.store.data).reduce((f, c) => (f[c] = {
+      const o = Object.keys(this.store.data).reduce((u, c) => (u[c] = {
         ...this.store.data[c]
-      }, f[c] = Object.keys(f[c]).reduce((u, l) => (u[l] = {
-        ...f[c][l]
-      }, u), f[c]), f), {});
+      }, u[c] = Object.keys(u[c]).reduce((f, l) => (f[l] = {
+        ...u[c][l]
+      }, f), u[c]), u), {});
       a.store = new er(o, s), a.services.resourceStore = a.store;
     }
-    return a.translator = new tt(a.services, s), a.translator.on("*", (o, ...f) => {
-      a.emit(o, ...f);
+    return a.translator = new tt(a.services, s), a.translator.on("*", (o, ...u) => {
+      a.emit(o, ...u);
     }), a.init(s, t), a.translator.options = s, a.translator.backendConnector.services.utils = {
       hasLoadedNamespace: a.hasLoadedNamespace.bind(a)
     }, a;
@@ -3744,8 +3746,8 @@ function Bn(r, e, t, n, s) {
   if (typeof a != "number") {
     let o;
     e && n === void 0 ? o = "," : o = ".";
-    const f = o == "." ? "," : ".";
-    a = a.replace(ur(f, "g"), ""), a = a.replace(ur(o, "g"), "."), a = Number(a);
+    const u = o == "." ? "," : ".";
+    a = a.replace(ur(u, "g"), ""), a = a.replace(ur(o, "g"), "."), a = Number(a);
   }
   const i = Number(a);
   return isNaN(i) ? NaN : i;
@@ -3820,14 +3822,14 @@ function qn({
     if (!n) return;
     const _ = new Date(n);
     return isNaN(_.getTime()) ? void 0 : _;
-  }, [o] = Z(/* @__PURE__ */ new Date()), [f, c] = Z(
+  }, [o] = Z(/* @__PURE__ */ new Date()), [u, c] = Z(
     r || i() || /* @__PURE__ */ new Date()
-  ), [u, l] = Z(
-    f ? f.getMonth() : (/* @__PURE__ */ new Date()).getMonth()
-  ), [d, p] = Z(
-    f ? f.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear()
+  ), [f, l] = Z(
+    u ? u.getMonth() : (/* @__PURE__ */ new Date()).getMonth()
+  ), [p, d] = Z(
+    u ? u.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear()
   ), [m, g] = Z(
-    f ? f.getDate() : null
+    u ? u.getDate() : null
   ), x = ve(null), w = ve([]), E = [
     a(fe.JANUARY),
     a(fe.FEBRUARY),
@@ -3876,26 +3878,26 @@ function qn({
   }), b = (_) => {
     S(_) || (c(_), g(_.getDate()), e && e(Yr(_)));
   }, L = () => {
-    u === 0 ? (l(11), p(d - 1)) : l(u - 1), g(1);
+    f === 0 ? (l(11), d(p - 1)) : l(f - 1), g(1);
   }, C = () => {
-    u === 11 ? (l(0), p(d + 1)) : l(u + 1), g(1);
-  }, Y = (_, h) => new Date(_, h + 1, 0).getDate(), j = (_, h) => new Date(_, h, 1).getDay(), P = (_) => {
+    f === 11 ? (l(0), d(p + 1)) : l(f + 1), g(1);
+  }, Y = (_, h) => new Date(_, h + 1, 0).getDate(), D = (_, h) => new Date(_, h, 1).getDay(), P = (_) => {
     var y;
     const h = H.findIndex(
       (T) => T !== null && T.getDate() === _
     );
     h !== -1 && w.current[h] && ((y = w.current[h]) == null || y.focus(), g(_));
-  }, D = (_, h) => {
+  }, j = (_, h) => {
     const y = H[h];
     if (!y) return;
-    const T = Y(d, u), $ = y.getDate();
+    const T = Y(p, f), $ = y.getDate();
     switch (_.key) {
       case "ArrowRight":
         _.preventDefault();
         {
-          let R = $ + 1, A = new Date(d, u, R);
+          let R = $ + 1, A = new Date(p, f, R);
           if (R > T) {
-            const M = u === 11 ? d + 1 : d, F = u === 11 ? 0 : u + 1;
+            const M = f === 11 ? p + 1 : p, F = f === 11 ? 0 : f + 1;
             R = 1, A = new Date(M, F, R), C(), setTimeout(() => {
               k(1, "forward");
             }, 0);
@@ -3909,9 +3911,9 @@ function qn({
       case "ArrowLeft":
         _.preventDefault();
         {
-          let R = $ - 1, A = new Date(d, u, R);
+          let R = $ - 1, A = new Date(p, f, R);
           if (R < 1) {
-            const M = u === 0 ? d - 1 : d, F = u === 0 ? 11 : u - 1, N = Y(M, F);
+            const M = f === 0 ? p - 1 : p, F = f === 0 ? 11 : f - 1, N = Y(M, F);
             R = N, A = new Date(M, F, R), L(), setTimeout(() => {
               k(N, "backward");
             }, 0);
@@ -3923,9 +3925,9 @@ function qn({
       case "ArrowUp":
         _.preventDefault();
         {
-          let R = $ - 7, A = new Date(d, u, R);
+          let R = $ - 7, A = new Date(p, f, R);
           if (R < 1) {
-            const M = u === 0 ? d - 1 : d, F = u === 0 ? 11 : u - 1;
+            const M = f === 0 ? p - 1 : p, F = f === 0 ? 11 : f - 1;
             R = Y(M, F) + R, A = new Date(M, F, R), L(), setTimeout(() => {
               k(R, "backward");
             }, 0);
@@ -3937,9 +3939,9 @@ function qn({
       case "ArrowDown":
         _.preventDefault();
         {
-          let R = $ + 7, A = new Date(d, u, R);
+          let R = $ + 7, A = new Date(p, f, R);
           if (R > T) {
-            const M = u === 11 ? d + 1 : d, F = u === 11 ? 0 : u + 1;
+            const M = f === 11 ? p + 1 : p, F = f === 11 ? 0 : f + 1;
             R = R - T, A = new Date(M, F, R), C(), setTimeout(() => {
               k(R, "forward");
             }, 0);
@@ -3957,8 +3959,8 @@ function qn({
       case "PageUp":
         _.preventDefault(), L(), setTimeout(() => {
           const R = Y(
-            u === 0 ? d - 1 : d,
-            u === 0 ? 11 : u - 1
+            f === 0 ? p - 1 : p,
+            f === 0 ? 11 : f - 1
           ), A = Math.min($, R);
           k(A, "forward");
         }, 0);
@@ -3966,8 +3968,8 @@ function qn({
       case "PageDown":
         _.preventDefault(), C(), setTimeout(() => {
           const R = Y(
-            u === 11 ? d + 1 : d,
-            u === 11 ? 0 : u + 1
+            f === 11 ? p + 1 : p,
+            f === 11 ? 0 : f + 1
           ), A = Math.min($, R);
           k(A, "forward");
         }, 0);
@@ -3982,10 +3984,10 @@ function qn({
         break;
     }
   }, k = (_, h) => {
-    const y = Y(d, u);
+    const y = Y(p, f);
     if (h === "forward") {
       for (let T = _; T <= y; T++) {
-        const $ = new Date(d, u, T);
+        const $ = new Date(p, f, T);
         if (!S($)) {
           P(T);
           return;
@@ -3996,23 +3998,23 @@ function qn({
       }, 0);
     } else {
       for (let A = _; A >= 1; A--) {
-        const M = new Date(d, u, A);
+        const M = new Date(p, f, A);
         if (!S(M)) {
           P(A);
           return;
         }
       }
-      const T = u === 0 ? d - 1 : d, $ = u === 0 ? 11 : u - 1, R = Y(T, $);
+      const T = f === 0 ? p - 1 : p, $ = f === 0 ? 11 : f - 1, R = Y(T, $);
       L(), setTimeout(() => {
         k(R, "backward");
       }, 0);
     }
   }, H = (() => {
-    const _ = Y(d, u), h = j(d, u), y = [];
+    const _ = Y(p, f), h = D(p, f), y = [];
     for (let T = 0; T < h; T++)
       y.push(null);
     for (let T = 1; T <= _; T++) {
-      const $ = new Date(d, u, T);
+      const $ = new Date(p, f, T);
       y.push($);
     }
     return y;
@@ -4032,7 +4034,7 @@ function qn({
       );
       h !== -1 && w.current[h] && ((_ = w.current[h]) == null || _.focus());
     }
-  }, [u, d, m, H]);
+  }, [f, p, m, H]);
   const J = {
     label: "smp-datepickercalendar-label",
     wrapper: "smp-datepickercalendar",
@@ -4044,7 +4046,7 @@ function qn({
        ${h ? "smp-datepickercalendar-td-selected" : ""}
        ${y ? "smp-datepickercalendar-td-focused" : ""}
        ${T ? "smp-datepickercalendar-td-disabled" : ""}`
-  }, W = () => `${E[u]} ${d.toString()}`;
+  }, W = () => `${E[f]} ${p.toString()}`;
   return /* @__PURE__ */ v.jsxs(
     "div",
     {
@@ -4066,7 +4068,7 @@ function qn({
             },
             children: [
               /* @__PURE__ */ v.jsx(
-                De,
+                je,
                 {
                   onClick: L,
                   ariaLabel: a(vt.PREVIOUS_MONTH),
@@ -4085,7 +4087,7 @@ function qn({
                 }
               ),
               /* @__PURE__ */ v.jsx(
-                De,
+                je,
                 {
                   onClick: C,
                   ariaLabel: a(vt.NEXT_MONTH),
@@ -4103,7 +4105,7 @@ function qn({
           {
             ref: x,
             role: "grid",
-            "aria-label": `${a(Tt.CALENDAR_FOR)} ${E[u]} ${d}`,
+            "aria-label": `${a(Tt.CALENDAR_FOR)} ${E[f]} ${p}`,
             className: J.table,
             children: [
               /* @__PURE__ */ v.jsx("thead", { children: /* @__PURE__ */ v.jsx("tr", { children: O.map((_) => /* @__PURE__ */ v.jsx(
@@ -4131,7 +4133,7 @@ function qn({
                     },
                     `empty-${T}`
                   );
-                const R = y.getDate() === o.getDate() && y.getMonth() === o.getMonth() && y.getFullYear() === o.getFullYear(), A = f && y.getDate() === f.getDate() && y.getMonth() === f.getMonth() && y.getFullYear() === f.getFullYear(), M = m === y.getDate(), F = S(y);
+                const R = y.getDate() === o.getDate() && y.getMonth() === o.getMonth() && y.getFullYear() === o.getFullYear(), A = u && y.getDate() === u.getDate() && y.getMonth() === u.getMonth() && y.getFullYear() === u.getFullYear(), M = m === y.getDate(), F = S(y);
                 return /* @__PURE__ */ v.jsx(
                   "td",
                   {
@@ -4139,7 +4141,7 @@ function qn({
                     "aria-selected": A,
                     tabIndex: M ? 0 : -1,
                     onClick: () => b(y),
-                    onKeyDown: (N) => D(N, $),
+                    onKeyDown: (N) => j(N, $),
                     "aria-label": `${y.getDate()} ${E[y.getMonth()]} ${y.getFullYear()}`,
                     "data-selected": A,
                     "aria-disabled": F,
@@ -4172,63 +4174,63 @@ const Jn = ({
   isEditable: s = !0,
   ...a
 }) => {
-  const [i, o] = Z(!1), [f, c] = Z(r || ""), [u, l] = Z(""), { anchorRef: d, targetRef: p } = St({
+  const [i, o] = Z(!1), [u, c] = Z(r || ""), [f, l] = Z(""), { anchorRef: p, targetRef: d } = St({
     position: "bottom",
     enabled: i
   });
-  Je(p, () => {
+  Je(d, () => {
     o(!1);
-  }), Je(d, () => {
+  }), Je(p, () => {
     if (
       // FIXME: Copied from useClickOutside.
-      typeof d == "object" && d !== null && "current" in d
+      typeof p == "object" && p !== null && "current" in p
     ) {
-      const C = d.current.querySelector("input");
+      const C = p.current.querySelector("input");
       C && C === document.activeElement && E();
     }
-  }), Tr(i, p);
+  }), Tr(i, d);
   const { format: m, getCurrentLanguage: g } = nt(), x = ye(
     (C) => {
-      const Y = C.length > 5 && Mr(C, g()) || C, j = m(Y, void 0, void 0, {
+      const Y = C.length > 5 && Mr(C, g()) || C, D = m(Y, void 0, void 0, {
         type: "date"
-      }), P = typeof Y != "string", D = P && Y.toISOString().substring(0, 10) || "";
+      }), P = typeof Y != "string", j = P && Y.toISOString().substring(0, 10) || "";
       return {
         isValid: P,
-        formattedDate: j,
-        isoDate: D,
+        formattedDate: D,
+        isoDate: j,
         normalizedDate: Y
       };
     },
     [g, m]
   );
   oe(() => {
-    const { formattedDate: C, isoDate: Y, isValid: j } = x(r);
-    c(j && Y || r), l(j && C || r);
+    const { formattedDate: C, isoDate: Y, isValid: D } = x(r);
+    c(D && Y || r), l(D && C || r);
   }, [r, m, x]);
   const w = () => o((C) => !C), E = () => {
-    S(u);
+    S(f);
   }, O = (C) => {
     S(C), o(!1);
   }, S = (C) => {
-    const { isoDate: Y, isValid: j } = x(C);
-    t && t(j && Y || C);
+    const { isoDate: Y, isValid: D } = x(C);
+    t && t(D && Y || C);
   }, b = (C) => {
     l(C);
   }, L = (C) => {
-    C.key === "Enter" && (C.preventDefault(), S(u));
+    C.key === "Enter" && (C.preventDefault(), S(f));
   };
   return /* @__PURE__ */ v.jsxs("div", { "data-component": "date-picker", children: [
     /* @__PURE__ */ v.jsx(
       Ce,
       {
-        bindValue: u,
+        bindValue: f,
         placeholder: e,
         onBlur: E,
         onChange: b,
         onKeyDown: L,
         shapeIcon: "calendar",
         onShapeIconClick: w,
-        ref: d,
+        ref: p,
         isEditable: s,
         ...a
       }
@@ -4238,8 +4240,8 @@ const Jn = ({
       {
         disabledDateRanges: n,
         onDateChange: O,
-        initialValue: xt(f) && f || "",
-        targetRef: p
+        initialValue: xt(u) && u || "",
+        targetRef: d
       }
     )
   ] });
@@ -4252,11 +4254,11 @@ const Jn = ({
   placeholder: a,
   label: i,
   disabled: o,
-  fun: f,
+  fun: u,
   onOptionsRequest: c,
-  onChange: u
+  onChange: f
 }) => {
-  const l = r.map((m) => m.bindValue), d = (m, g) => {
+  const l = r.map((m) => m.bindValue), p = (m, g) => {
     const x = [...r];
     if (m == "")
       x.pop();
@@ -4269,14 +4271,14 @@ const Jn = ({
         optionalDisplayValue: g
       });
     }
-    u == null || u(x);
-  }, p = {
+    f == null || f(x);
+  }, d = {
     container: "smp-multipleAutocomplete-container"
   };
   return /* @__PURE__ */ v.jsxs(
     "div",
     {
-      className: p.container,
+      className: d.container,
       "data-component": "multiple-autocomplete",
       children: [
         i && /* @__PURE__ */ v.jsx($e, { label: i, disabled: o }),
@@ -4287,7 +4289,7 @@ const Jn = ({
             displayMode: e,
             isEditable: s,
             onChange: (m) => {
-              u == null || u(m);
+              f == null || f(m);
             }
           }
         ),
@@ -4295,9 +4297,9 @@ const Jn = ({
           Er,
           {
             bindValue: "",
-            fun: f,
+            fun: u,
             isEditable: s,
-            onChange: d,
+            onChange: p,
             _changeOnEnter: !0,
             listDisplayMode: n,
             minimumChars: t,
@@ -4373,7 +4375,7 @@ class Ee {
     this.class = e, this.value = t;
   }
   static fromDataObj(e) {
-    return new Ee(e, e.k.split(";"));
+    return new Ee(e, e.k == "" ? [] : e.k.split(";"));
   }
   static fromString(e) {
     return new Ee(
@@ -4424,24 +4426,24 @@ const Ge = (r, e, t) => ({
   appearance: a,
   isEditable: i,
   label: o,
-  ariaLabel: f,
+  ariaLabel: u,
   helperText: c,
-  error: u,
+  error: f,
   onBlur: l,
-  onKeyDown: d
+  onKeyDown: p
 }) => {
-  const p = bt(), m = `${p}-helper`, g = u ? "danger" : s, x = c || !!u, w = (O) => {
+  const d = bt(), m = `${d}-helper`, g = f ? "danger" : s, x = c || !!f, w = (O) => {
     t == null || t(O.target.value);
   }, E = {
     wrapper: "smp-textarea-wrapper",
     container: `smp-textarea ${r ? "smp-textarea-disabled" : ""} ${n ? "smp-textarea-placeholder" : ""} ${g ? `smp-textarea-${g}` : ""} ${a ? `smp-textarea-${a}` : ""} ${i ? "" : "smp-textarea-readOnly"}`
   };
   return /* @__PURE__ */ v.jsxs("div", { className: E.wrapper, "data-component": "textarea", children: [
-    o && /* @__PURE__ */ v.jsx($e, { htmlFor: p, label: o, disabled: r }),
+    o && /* @__PURE__ */ v.jsx($e, { htmlFor: d, label: o, disabled: r }),
     /* @__PURE__ */ v.jsx(
       "textarea",
       {
-        id: p,
+        id: d,
         value: e,
         placeholder: n,
         onChange: w,
@@ -4449,9 +4451,9 @@ const Ge = (r, e, t) => ({
         className: E.container,
         disabled: r,
         readOnly: !i,
-        onKeyDown: d,
-        "aria-label": o ? void 0 : f,
-        "aria-labelledby": o ? p : void 0,
+        onKeyDown: p,
+        "aria-label": o ? void 0 : u,
+        "aria-labelledby": o ? d : void 0,
         "aria-describedby": x ? m : void 0
       }
     ),
@@ -4459,7 +4461,7 @@ const Ge = (r, e, t) => ({
       mr,
       {
         id: m,
-        helperText: u,
+        helperText: f,
         disabled: r,
         state: g
       }
@@ -4474,12 +4476,12 @@ const Ge = (r, e, t) => ({
   fun: a,
   placeholderIcon: i,
   label: o,
-  options: f,
+  options: u,
   onChange: c,
-  onClick: u,
+  onClick: f,
   onEnter: l,
-  onBlur: d,
-  onOptionsRequest: p,
+  onBlur: p,
+  onOptionsRequest: d,
   isEditable: m
 }) => {
   const g = {
@@ -4489,8 +4491,8 @@ const Ge = (r, e, t) => ({
     icon: s,
     fun: a
   }, x = {
-    onBlur: d,
-    onOptionsRequest: p,
+    onBlur: p,
+    onOptionsRequest: d,
     fun: a,
     icon: s,
     label: o,
@@ -4515,18 +4517,18 @@ const Ge = (r, e, t) => ({
         bindValue: t.k,
         optionalDisplayValue: r,
         onClick: () => {
-          u == null || u(w(g, t.k));
+          f == null || f(w(g, t.k));
         }
       };
-      return /* @__PURE__ */ v.jsx(De, { ...S });
+      return /* @__PURE__ */ v.jsx(je, { ...S });
     }
     case ne.BUTTON_LIST: {
       const S = {
         ...x,
-        options: f,
+        options: u,
         onClick: (b, L) => {
           const C = { ...g, fun: L };
-          u == null || u(w(C, b));
+          f == null || f(w(C, b));
         }
       };
       return /* @__PURE__ */ v.jsx(dn, { ...S });
@@ -4579,7 +4581,7 @@ const Ge = (r, e, t) => ({
         placeholderIcon: i,
         isInteractable: !!x.fun,
         onClick: () => {
-          u == null || u(w(g, t.k));
+          f == null || f(w(g, t.k));
         }
       };
       return /* @__PURE__ */ v.jsx(ue, { ...S });
@@ -4650,23 +4652,23 @@ const Ge = (r, e, t) => ({
   for (let n = 0; n < r.length; n += e)
     t.push(r.slice(n, n + e));
   return t;
-}, jr = (r, e) => r.map((t) => {
+}, Dr = (r, e) => r.map((t) => {
   var a, i;
   if ((a = t.sections) != null && a.length)
     return {
       ...t,
-      sections: jr(t.sections, e),
+      sections: Dr(t.sections, e),
       content: t.content
     };
   let n = t.sections, s = t.content;
   return (i = t.content) != null && i.length && t.columns && +t.columns > 1 && (n = ns(
-    t.content.filter((f) => !!e[f.id]),
+    t.content.filter((u) => !!e[u.id]),
     +t.columns
   ).map(
-    (f, c) => ({
+    (u, c) => ({
       ...t,
       id: `${t.id}-${c}`,
-      content: f,
+      content: u,
       gridCols: t.columns,
       horizontal: !0
     })
@@ -4709,38 +4711,38 @@ const Ge = (r, e, t) => ({
     ]
   }
 }) => {
-  const t = "--smp-grid-template-cols", n = "--smp-grid-template-rows", s = jr(e.sections || [], r), a = (l) => l == null ? void 0 : l.reduce((d, p) => {
+  const t = "--smp-grid-template-cols", n = "--smp-grid-template-rows", s = Dr(e.sections || [], r), a = (l) => l == null ? void 0 : l.reduce((p, d) => {
     var E, O;
     let m = "", g = {}, x = {}, w = "";
-    return (E = p.sections) != null && E.length ? (m = pe["smp-layout-section-grid"], g = a(p.sections), p.gridCols == null && (w = `${pe[p.horizontal ? "smp-grid-template-cols" : "smp-grid-template-rows"]}`, (p.horizontal || pr(p.sections)) && (x = dr(
-      p.sections,
-      p.horizontal ? t : n
-    )))) : (O = p.content) != null && O.length && (p.gridCols !== void 0 && p.gridCols > 0 ? (m = pe["smp-layout-section-grid"], w = `${pe["smp-grid-template-cols"]}`, x = {
-      [t]: `repeat(${p.gridCols}, 1fr)`
+    return (E = d.sections) != null && E.length ? (m = pe["smp-layout-section-grid"], g = a(d.sections), d.gridCols == null && (w = `${pe[d.horizontal ? "smp-grid-template-cols" : "smp-grid-template-rows"]}`, (d.horizontal || pr(d.sections)) && (x = dr(
+      d.sections,
+      d.horizontal ? t : n
+    )))) : (O = d.content) != null && O.length && (d.gridCols !== void 0 && d.gridCols > 0 ? (m = pe["smp-layout-section-grid"], w = `${pe["smp-grid-template-cols"]}`, x = {
+      [t]: `repeat(${d.gridCols}, 1fr)`
     }) : m = pe["smp-layout-section-flex"]), {
-      ...d,
+      ...p,
       ...g,
-      [p.id]: {
-        classes: `${m} ${pe[p.horizontal ? "smp-layout-section-horizontal" : "smp-layout-section-vertical"]} ${w} ${p.justify ? `smp-justifyContent-${p.justify}` : ""} ${p.align ? `smp-alignItems-${p.align}` : ""}`,
+      [d.id]: {
+        classes: `${m} ${pe[d.horizontal ? "smp-layout-section-horizontal" : "smp-layout-section-vertical"]} ${w} ${d.justify ? `smp-justifyContent-${d.justify}` : ""} ${d.align ? `smp-alignItems-${d.align}` : ""}`,
         styles: x
       }
     };
   }, {}), i = a(s), o = {
     container: `${pe["smp-layout"]} ${e.horizontal ? pe["smp-layout-horizontal"] : pe["smp-layout-vertical"]}`,
     sections: i
-  }, f = e.horizontal || pr(e.sections || []) ? dr(
+  }, u = e.horizontal || pr(e.sections || []) ? dr(
     s,
     e.horizontal ? t : n
   ) : {}, c = (l) => {
-    var p;
-    const d = /* @__PURE__ */ v.jsx(
+    var d;
+    const p = /* @__PURE__ */ v.jsx(
       "div",
       {
         "smp-id": "section-" + l.id,
         className: o.sections[l.id].classes,
         style: o.sections[l.id].styles,
-        children: (p = l.sections) != null && p.length ? l.sections.map((m) => c(m)) : l.content.map(
-          (m) => u(
+        children: (d = l.sections) != null && d.length ? l.sections.map((m) => c(m)) : l.content.map(
+          (m) => f(
             m,
             r[m.id],
             l.justify,
@@ -4758,43 +4760,43 @@ const Ge = (r, e, t) => ({
           children: /* @__PURE__ */ v.jsx($e, { label: l.title })
         }
       ),
-      d
-    ] }) : d;
-  }, u = (l, d, p, m) => {
+      p
+    ] }) : p;
+  }, f = (l, p, d, m) => {
     const g = l.colSpan !== void 0 ? l.colSpan > 0 ? l.colSpan : l.colStart !== void 0 && l.colStart < 1 ? 1 : null : null, x = g !== null ? `span ${g}` : l.colStart, w = l.colEnd !== void 0 && l.colEnd > 0 ? l.colEnd : "", E = {
       gridColumnStart: x,
       gridColumnEnd: w
-    }, O = `${pe["smp-layout-cell-container"]} ${p ? `smp-justifyContent-${p}` : ""} ${m ? `smp-alignItems-${m}` : ""}`;
-    return d ? /* @__PURE__ */ v.jsx(
+    }, O = `${pe["smp-layout-cell-container"]} ${d ? `smp-justifyContent-${d}` : ""} ${m ? `smp-alignItems-${m}` : ""}`;
+    return p ? /* @__PURE__ */ v.jsx(
       "div",
       {
         className: O,
         style: { ...E },
         "smp-id": l.id,
-        children: /* @__PURE__ */ v.jsx(Ot, { ...d })
+        children: /* @__PURE__ */ v.jsx(Ot, { ...p })
       },
       l.id
     ) : /* @__PURE__ */ v.jsx(v.Fragment, {});
   };
-  return /* @__PURE__ */ v.jsx("div", { className: o.container, style: f, "smp-id": "layout", children: s == null ? void 0 : s.map((l) => c(l)) });
-}, ws = ({ data: r, onClick: e, onEnter: t }) => {
+  return /* @__PURE__ */ v.jsx("div", { className: o.container, style: u, "smp-id": "layout", children: s == null ? void 0 : s.map((l) => c(l)) });
+}, Os = ({ data: r, onClick: e, onEnter: t }) => {
   var i, o;
   const [n, s] = Z(), a = ye(
-    (f) => {
-      var u, l;
-      if (!((u = f.rows) != null && u.length) || !((l = f.columns) != null && l.length))
+    (u) => {
+      var f, l;
+      if (!((f = u.rows) != null && f.length) || !((l = u.columns) != null && l.length))
         return {};
-      const c = f.rows[0];
-      return f.columns.filter((d) => d.visible).reduce((d, p) => {
-        const m = c.cells[p.name], g = {
+      const c = u.rows[0];
+      return u.columns.filter((p) => p.visible).reduce((p, d) => {
+        const m = c.cells[d.name], g = {
           ...m,
           onChange: (x) => {
             s((w) => w && {
               ...w,
-              [p.name]: {
-                ...w[p.name],
+              [d.name]: {
+                ...w[d.name],
                 obj: {
-                  ...w[p.name].obj,
+                  ...w[d.name].obj,
                   k: x.obj.k
                 }
               }
@@ -4810,8 +4812,8 @@ const Ge = (r, e, t) => ({
           }
         };
         return {
-          ...d,
-          [p.name]: g
+          ...p,
+          [d.name]: g
         };
       }, {});
     },
@@ -4831,7 +4833,7 @@ const Ge = (r, e, t) => ({
       icon: t.icon
     };
   }) : [];
-}, ce = (r) => r == null ? !1 : typeof r == "string" ? r.toLocaleLowerCase() == "yes" : r, Es = ({
+}, ce = (r) => r == null ? !1 : typeof r == "string" ? r.toLocaleLowerCase() == "yes" : r, Rs = ({
   data: r,
   logo: e,
   open: t,
@@ -4840,23 +4842,23 @@ const Ge = (r, e, t) => ({
   onClick: a,
   onEnter: i,
   onClose: o,
-  loadOptions: f
+  loadOptions: u
 }) => {
   var O, S;
-  const [c, u] = Z(), [l, d] = Z(t ?? !0), p = ve(null), m = s.trim() ? s : "100vh", g = ye(
+  const [c, f] = Z(), [l, p] = Z(t ?? !0), d = ve(null), m = s.trim() ? s : "100vh", g = ye(
     (b) => {
       var C, Y;
       if (!((C = b == null ? void 0 : b.rows) != null && C.length) || !((Y = b == null ? void 0 : b.columns) != null && Y.length))
         return {};
       const L = b.rows[0];
-      return b.columns.filter((j) => j.visible ?? !0).reduce((j, P) => {
-        const D = L.cells[P.name];
-        if (!D || !l && ce(n) && D.shape !== ne.BUTTON && D.shape !== ne.BUTTON_LIST)
-          return j;
+      return b.columns.filter((D) => D.visible ?? !0).reduce((D, P) => {
+        const j = L.cells[P.name];
+        if (!j || !l && ce(n) && j.shape !== ne.BUTTON && j.shape !== ne.BUTTON_LIST)
+          return D;
         const k = {
-          ...D,
+          ...j,
           onChange: (U) => {
-            u((H) => {
+            f((H) => {
               const z = { ...H };
               return z != null && z[P.name] && (z[P.name].obj.k = U.obj.k), z;
             });
@@ -4868,42 +4870,42 @@ const Ge = (r, e, t) => ({
             i && i(U);
           }
         };
-        return f && D.shape == ne.BUTTON_LIST && (k.onOptionsRequest = (U, H) => f(U, H).then(
+        return u && j.shape == ne.BUTTON_LIST && (k.onOptionsRequest = (U, H) => u(U, H).then(
           (z) => ss(z)
         )), !l && ce(n) && (k.data = {
           ...k.data,
           showText: !1,
           justify: "center"
         }), {
-          ...j,
+          ...D,
           [P.name]: k
         };
       }, {});
     },
-    [l, n, a, i, f]
+    [l, n, a, i, u]
   ), x = ye(() => {
     o == null || o();
   }, [o]), w = () => {
-    ce(n) ? d((b) => !b) : (d(!1), o == null || o());
+    ce(n) ? p((b) => !b) : (p(!1), o == null || o());
   };
   if (oe(() => {
-    u(g(r));
+    f(g(r));
   }, [r]), oe(() => {
-    if (!p.current)
+    if (!d.current)
       return;
     if (!ce(n)) {
-      u(g(r));
+      f(g(r));
       return;
     }
-    const b = getComputedStyle(p.current).getPropertyValue(
+    const b = getComputedStyle(d.current).getPropertyValue(
       "--smp-drawer-slide-transition"
     );
     let L = Number(b);
     b.endsWith("ms") ? L = parseFloat(b) : b.endsWith("s") && (L = parseFloat(b) * 1e3), setTimeout(() => {
-      u(g(r));
+      f(g(r));
     }, L / 2);
   }, [l, n]), oe(() => {
-    t !== void 0 && !ce(n) && d(t);
+    t !== void 0 && !ce(n) && p(t);
   }, [n, t]), !((O = r == null ? void 0 : r.rows) != null && O.length) || !((S = r.columns) != null && S.length))
     return null;
   const E = {
@@ -4928,7 +4930,7 @@ const Ge = (r, e, t) => ({
     /* @__PURE__ */ v.jsx(
       "aside",
       {
-        ref: p,
+        ref: d,
         className: E.drawer,
         style: { height: m },
         "aria-label": "Drawer",
@@ -4962,7 +4964,7 @@ const Ge = (r, e, t) => ({
       }
     )
   ] });
-}, Ts = ({
+}, Ds = ({
   ColumnsNumber: r = 1,
   data: e = {},
   ForceText: t,
@@ -4971,12 +4973,12 @@ const Ge = (r, e, t) => ({
   Fillspace: a,
   FontSize: i,
   Horizontal: o,
-  ForceIcon: f,
+  ForceIcon: u,
   IconColName: c,
-  IconColor: u = "var(--smp-dashList-color-base)",
+  IconColor: f = "var(--smp-dashList-color-base)",
   NumberFormat: l,
-  ForceUM: d,
-  UmColName: p,
+  ForceUM: p,
+  UmColName: d,
   UmColor: m = "var(--smp-dashList-color-base)",
   ForceValue: g,
   ValueColName: x,
@@ -4984,9 +4986,9 @@ const Ge = (r, e, t) => ({
   SelectLayout: E = "1",
   onClick: O
 }) => {
-  const S = "N/A", b = (e == null ? void 0 : e.columns) || [], L = (e == null ? void 0 : e.rows) || [], C = L.length > 0, Y = "--smp-dashList-color", j = "smp-layout", P = "descr", D = "icon", k = "um", U = "value", H = i || "1em", z = "18px", K = "--smp-dashList-columns", J = "--smp-dashList-fontSize", W = {
+  const S = "N/A", b = (e == null ? void 0 : e.columns) || [], L = (e == null ? void 0 : e.rows) || [], C = L.length > 0, Y = "--smp-dashList-color", D = "smp-layout", P = "descr", j = "icon", k = "um", U = "value", H = i || "1em", z = "18px", K = "--smp-dashList-columns", J = "--smp-dashList-fontSize", W = {
     dash: (V = "1") => {
-      const X = h(V), te = X, re = y(X, P), de = y(X, D), be = y(X, k), he = y(X, U);
+      const X = h(V), te = X, re = y(X, P), de = y(X, j), be = y(X, k), he = y(X, U);
       return {
         container: te,
         descr: re,
@@ -4997,7 +4999,7 @@ const Ge = (r, e, t) => ({
     },
     dashList: `smp-dash-list ${ce(a) ? "smp-dash-list-fill-space" : ""}
     ${ce(o) ? "smp-dash-list-horizontal" : ""}`
-  }, { format: _ } = nt(), h = (V) => `${j}-${V}`, y = (V, X) => `${V}__${X}`, T = (V) => `${Y}-${V}`, $ = (V) => {
+  }, { format: _ } = nt(), h = (V) => `${D}-${V}`, y = (V, X) => `${V}__${X}`, T = (V) => `${Y}-${V}`, $ = (V) => {
     const X = /R(\d{1,3})G(\d{1,3})B(\d{1,3})/;
     if (X.test(V)) {
       const re = V.match(X) || [];
@@ -5025,8 +5027,8 @@ const Ge = (r, e, t) => ({
     };
     return {
       descr: t || X(n) || te(2) || "",
-      icon: f || X(c) || te(3) || "",
-      um: d || X(p) || te(1) || "",
+      icon: u || X(c) || te(3) || "",
+      um: p || X(d) || te(1) || "",
       value: g || X(x) || te(0) || ""
     };
   }, F = (V) => {
@@ -5041,12 +5043,12 @@ const Ge = (r, e, t) => ({
       icon: (te) => /* @__PURE__ */ v.jsx("div", { className: X.icon, children: /* @__PURE__ */ v.jsx(
         ue,
         {
-          color: u,
+          color: f,
           height: z,
           icon: te,
           width: z
         }
-      ) }, `${V}-${D}`),
+      ) }, `${V}-${j}`),
       um: (te) => /* @__PURE__ */ v.jsx("div", { className: X.um, children: te }, `${V}-${k}`),
       value: (te) => /* @__PURE__ */ v.jsx("div", { className: X.value, children: te }, `${V}-${U}`)
     };
@@ -5108,7 +5110,7 @@ function ds(r) {
 function ps(r) {
   return JSON.stringify(r).split("").reduce((e, t) => (e << 5) - e + t.charCodeAt(0) | 0, 0).toString();
 }
-const Dr = ({
+const jr = ({
   row: r,
   columnWidths: e = {},
   level: t = 0,
@@ -5116,26 +5118,26 @@ const Dr = ({
   offsetTop: s
 }) => {
   var E;
-  const [a, i] = Z(!1), o = Ke(r) && !!((E = r.children) != null && E.length), f = r.cells && Object.keys(r.cells).length > 0, c = o, u = t * 20, l = () => {
+  const [a, i] = Z(!1), o = Ke(r) && !!((E = r.children) != null && E.length), u = r.cells && Object.keys(r.cells).length > 0, c = o, f = t * 20, l = () => {
     o && i(!a);
-  }, d = {
+  }, p = {
     content: `${we.rowContent} ${o ? we.clickable : ""}`,
     toggle: `${we.toggle}`,
     indent: `${we.indent}`,
     cell: `${we.cell}`
-  }, p = (O) => /* @__PURE__ */ v.jsx(Ot, { ...O }), m = () => /* @__PURE__ */ v.jsx("span", { className: d.toggle, children: c ? a ? "▶" : "▼" : " " }), g = () => /* @__PURE__ */ v.jsx(
+  }, d = (O) => /* @__PURE__ */ v.jsx(Ot, { ...O }), m = () => /* @__PURE__ */ v.jsx("span", { className: p.toggle, children: c ? a ? "▶" : "▼" : " " }), g = () => /* @__PURE__ */ v.jsx(
     "span",
     {
-      className: d.indent,
-      style: { width: `${u}px` },
+      className: p.indent,
+      style: { width: `${f}px` },
       "aria-hidden": "true"
     }
   ), x = () => {
-    const O = ds(r) ? "" : r.decode || (f ? "" : "Untitled"), S = s ?? n * t;
+    const O = ds(r) ? "" : r.decode || (u ? "" : "Untitled"), S = s ?? n * t;
     return /* @__PURE__ */ v.jsxs(
       "tr",
       {
-        className: d.content,
+        className: p.content,
         onClick: l,
         role: o ? "button" : "row",
         "aria-expanded": o ? !a : void 0,
@@ -5162,13 +5164,13 @@ const Dr = ({
           r.cells && Object.keys(r.cells).length > 0 && Object.entries(r.cells).map(([b, L]) => /* @__PURE__ */ v.jsx(
             "td",
             {
-              className: d.cell,
+              className: p.cell,
               style: {
                 width: e[b],
                 minWidth: e[b],
                 height: `${n}px`
               },
-              children: p(L)
+              children: d(L)
             },
             ps(L) || b
           ))
@@ -5177,7 +5179,7 @@ const Dr = ({
     );
   }, w = () => {
     var O;
-    return a || !o ? null : /* @__PURE__ */ v.jsx(v.Fragment, { children: Ke(r) && ((O = r.children) == null ? void 0 : O.map((S, b) => /* @__PURE__ */ v.jsx(Dr, { row: S, level: t + 1 }, `child-${b}`))) });
+    return a || !o ? null : /* @__PURE__ */ v.jsx(v.Fragment, { children: Ke(r) && ((O = r.children) == null ? void 0 : O.map((S, b) => /* @__PURE__ */ v.jsx(jr, { row: S, level: t + 1 }, `child-${b}`))) });
   };
   return /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
     x(),
@@ -5245,42 +5247,42 @@ function ys(r, e, t, n) {
   const s = [];
   let a = 0;
   return i(r, 0, []), { flatRows: s, offset: a };
-  function i(l, d, p) {
-    if (d >= e.length) {
-      u(l);
+  function i(l, p, d) {
+    if (p >= e.length) {
+      f(l);
       return;
     }
-    const m = e[d].column, g = o(l, m);
+    const m = e[p].column, g = o(l, m);
     for (const [x, w] of g) {
-      const E = [...p, x], O = f(E, d), S = n.has(O);
-      s.push(c(x, O, d, S)), a += t, S && i(w, d + 1, E);
+      const E = [...d, x], O = u(E, p), S = n.has(O);
+      s.push(c(x, O, p, S)), a += t, S && i(w, p + 1, E);
     }
   }
-  function o(l, d) {
+  function o(l, p) {
     var m;
-    const p = /* @__PURE__ */ new Map();
+    const d = /* @__PURE__ */ new Map();
     for (const g of l) {
-      const x = ((m = g.cells[d]) == null ? void 0 : m.decode) ?? "N/D";
-      p.has(x) || p.set(x, []), p.get(x).push(g);
+      const x = ((m = g.cells[p]) == null ? void 0 : m.decode) ?? "N/D";
+      d.has(x) || d.set(x, []), d.get(x).push(g);
     }
-    return p;
+    return d;
   }
-  function f(l, d) {
-    return `group-${l.join("-")}-${d}`;
+  function u(l, p) {
+    return `group-${l.join("-")}-${p}`;
   }
-  function c(l, d, p, m) {
+  function c(l, p, d, m) {
     return {
       isGroup: !0,
       value: l,
       cells: {},
-      rowId: d,
-      level: p,
+      rowId: p,
+      level: d,
       isExpanded: m
     };
   }
-  function u(l) {
-    for (const d of l)
-      s.push(d), a += t;
+  function f(l) {
+    for (const p of l)
+      s.push(p), a += t;
   }
 }
 const vs = ({
@@ -5317,7 +5319,7 @@ const vs = ({
       ]
     }
   );
-}, Os = ({
+}, js = ({
   data: r,
   lineHeight: e = 28,
   TableHeight: t = 400,
@@ -5326,15 +5328,15 @@ const vs = ({
   showGroupBar: a = !0
 }) => {
   var Y;
-  const [i, o] = Z(r), [f, c] = Z(n || []), [u, l] = Z(/* @__PURE__ */ new Set()), d = i && i.columns ? Object.fromEntries(
-    i.columns.map((j) => [j.name, 120])
+  const [i, o] = Z(r), [u, c] = Z(n || []), [f, l] = Z(/* @__PURE__ */ new Set()), p = i && i.columns ? Object.fromEntries(
+    i.columns.map((D) => [D.name, 120])
     // ADD col.width to manage existing col width
-  ) : {}, [p, m] = Z(d), g = ve(null);
+  ) : {}, [d, m] = Z(p), g = ve(null);
   oe(() => {
-    var D;
+    var j;
     if (!i || !i.columns || i.columns.length)
       return;
-    const j = ((D = g.current) == null ? void 0 : D.clientWidth) ?? 1e3;
+    const D = ((j = g.current) == null ? void 0 : j.clientWidth) ?? 1e3;
     let P = {};
     switch (s) {
       case "fixed":
@@ -5343,7 +5345,7 @@ const vs = ({
         );
         break;
       case "fit-grid": {
-        const k = i.columns.filter((H) => H.visible), U = Math.floor(j / k.length);
+        const k = i.columns.filter((H) => H.visible), U = Math.floor(D / k.length);
         P = Object.fromEntries(
           k.map((H) => [H.name, U])
         );
@@ -5370,36 +5372,36 @@ const vs = ({
     }
     m(P);
   }, [s, r, i]), oe(() => {
-    if (f != null && f.length && r.rows) {
-      const { flatRows: j } = ys(
+    if (u != null && u.length && r.rows) {
+      const { flatRows: D } = ys(
         r.rows,
-        f,
+        u,
         e,
-        u
+        f
       );
-      o({ ...r, rows: j });
+      o({ ...r, rows: D });
     } else
       o(r);
-  }, [r, f, u, e]);
-  const x = (j) => {
-    c(gs(j, f));
-  }, w = (j) => {
-    j.preventDefault();
-    const P = j.dataTransfer.getData("text/plain");
-    if (!P || f.some((U) => U.column === P))
+  }, [r, u, f, e]);
+  const x = (D) => {
+    c(gs(D, u));
+  }, w = (D) => {
+    D.preventDefault();
+    const P = D.dataTransfer.getData("text/plain");
+    if (!P || u.some((U) => U.column === P))
       return;
-    const k = [...f, { column: P, visible: !0 }];
+    const k = [...u, { column: P, visible: !0 }];
     c(k);
-  }, E = (j) => {
-    j.preventDefault();
+  }, E = (D) => {
+    D.preventDefault();
   }, { virtualItems: O, containerProps: S, innerProps: b } = xr({
     items: (i == null ? void 0 : i.rows) || [],
     itemHeight: e,
     containerHeight: t,
     overscan: 5
-  }), L = (j, P) => {
-    const D = j.clientX, k = p[P], U = (z) => {
-      const K = z.clientX - D, J = Math.max(50, k + K);
+  }), L = (D, P) => {
+    const j = D.clientX, k = d[P], U = (z) => {
+      const K = z.clientX - j, J = Math.max(50, k + K);
       m((W) => ({
         ...W,
         [P]: J
@@ -5424,80 +5426,80 @@ const vs = ({
           (n || a) && /* @__PURE__ */ v.jsx(
             vs,
             {
-              groups: f,
+              groups: u,
               onChange: x,
               onDrop: w,
               onDragOver: E
             }
           ),
           /* @__PURE__ */ v.jsx("tr", { children: i.columns && ((Y = i.columns) == null ? void 0 : Y.map(
-            (j) => j.visible && /* @__PURE__ */ v.jsxs(
+            (D) => D.visible && /* @__PURE__ */ v.jsxs(
               "th",
               {
                 className: C.headerCell,
                 draggable: !0,
                 onDragStart: (P) => {
-                  P.dataTransfer.setData("text/plain", j.name);
+                  P.dataTransfer.setData("text/plain", D.name);
                 },
                 style: {
-                  width: p[j.name],
-                  minWidth: p[j.name],
-                  maxWidth: p[j.name]
+                  width: d[D.name],
+                  minWidth: d[D.name],
+                  maxWidth: d[D.name]
                 },
                 children: [
                   /* @__PURE__ */ v.jsx(
                     ke,
                     {
                       variant: "title",
-                      bindValue: j.title
+                      bindValue: D.title
                     }
                   ),
                   /* @__PURE__ */ v.jsx(
                     "div",
                     {
                       className: C.resizer,
-                      onMouseDown: (P) => L(P, j.name),
+                      onMouseDown: (P) => L(P, D.name),
                       role: "region"
                     }
                   )
                 ]
               },
-              j.name
+              D.name
             )
           )) })
         ] }),
         /* @__PURE__ */ v.jsx("tbody", { ...b, children: O.map(
-          ({ item: j, index: P, offsetTop: D }) => j.isGroup ? /* @__PURE__ */ v.jsx(
+          ({ item: D, index: P, offsetTop: j }) => D.isGroup ? /* @__PURE__ */ v.jsx(
             hs,
             {
-              label: j.value || "",
+              label: D.value || "",
               rowHeight: e,
-              offsetTop: D,
-              level: j.level,
+              offsetTop: j,
+              level: D.level,
               onClick: () => {
-                const k = j.rowId;
+                const k = D.rowId;
                 k && l((U) => ms(U, k));
               },
-              isExpanded: j.isExpanded
+              isExpanded: D.isExpanded
             },
-            j.rowId || `group-${P}`
+            D.rowId || `group-${P}`
           ) : /* @__PURE__ */ v.jsx(
-            Dr,
+            jr,
             {
-              row: j,
-              columnWidths: p,
+              row: D,
+              columnWidths: d,
               rowHeight: e,
-              offsetTop: D,
+              offsetTop: j,
               isGroup: !1
             },
-            j.rowId || `row-${P}`
+            D.rowId || `row-${P}`
           )
         ) }),
         /* @__PURE__ */ v.jsx("tfoot", { children: /* @__PURE__ */ v.jsx("span", { children: "Tfooter here" }) })
       ] })
     }
   );
-}, Rs = ({
+}, $s = ({
   data: r,
   Type: e,
   ShowSubmit: t = !1,
@@ -5506,10 +5508,10 @@ const vs = ({
   Label: a,
   LabelPosition: i = "Left",
   onBlur: o,
-  onClick: f,
+  onClick: u,
   onOptionsRequest: c
 }) => {
-  const [u, l] = Z();
+  const [f, l] = Z();
   oe(() => {
     l(() => {
       if (!r)
@@ -5518,13 +5520,13 @@ const vs = ({
       return e && (g.shape = e), g.shape == null && (g.shape = ne.TEXT_FIELD), s && (g.obj = Nr(s)), g;
     });
   }, [r, s, e]);
-  const p = {
+  const d = {
     container: `smp-field-container ${ce(t) ? `smp-field-position-${n}` : ""}`
   }, m = () => {
-    ce(t) || o == null || o(u);
+    ce(t) || o == null || o(f);
   };
-  if (u)
-    return /* @__PURE__ */ v.jsxs("div", { className: p.container, children: [
+  if (f)
+    return /* @__PURE__ */ v.jsxs("div", { className: d.container, children: [
       /* @__PURE__ */ v.jsx(
         "div",
         {
@@ -5537,7 +5539,7 @@ const vs = ({
           children: /* @__PURE__ */ v.jsx(
             Ot,
             {
-              ...u,
+              ...f,
               onChange: l,
               onOptionsRequest: c,
               fun: r == null ? void 0 : r.fun,
@@ -5550,15 +5552,26 @@ const vs = ({
       ),
       ce(t) && //TODO: translation
       /* @__PURE__ */ v.jsx(
-        De,
+        je,
         {
           optionalDisplayValue: "Confirm",
-          onClick: () => f == null ? void 0 : f(u),
+          onClick: () => u == null ? void 0 : u(f),
           bindValue: "Confirm"
         }
       )
     ] });
-}, js = ({
+}, bs = (r) => (r == null ? void 0 : r.type) === "SmeupDataTree", xs = (r) => (r == null ? void 0 : r.type) === "SmeupDataTable", Ss = (r) => bs(r) ? r.children ? r.children.map(
+  (e) => ({
+    id: e.obj.k,
+    label: e.value ?? ""
+  })
+) : [] : xs(r) ? r.rows.map((e) => {
+  const t = e.cells || e.cells, [n, s] = Object.keys(t);
+  return {
+    id: t[n].obj.k,
+    label: t[s].value || t[s].obj.k
+  };
+}) : [], Cs = ({
   data: r,
   readOnly: e = !1,
   hiddenSubmitButton: t = !1,
@@ -5567,19 +5580,19 @@ const vs = ({
 }) => {
   const [a, i] = Z({});
   oe(() => {
-    i(f(r));
+    i(u(r));
   }, [r]);
   const o = () => {
-    const u = c();
+    const f = c();
     s({
-      value: u
+      value: f
     });
-  }, f = (u) => {
-    var d, p, m;
-    if (!((d = u.rows) != null && d.length) || !((p = u.columns) != null && p.length))
+  }, u = (f) => {
+    var p, d, m;
+    if (!((p = f.rows) != null && p.length) || !((d = f.columns) != null && d.length))
       return {};
-    const l = (m = u.rows) == null ? void 0 : m[0];
-    return u.columns.filter((g) => g.visible ?? !0).reduce((g, x) => {
+    const l = (m = f.rows) == null ? void 0 : m[0];
+    return f.columns.filter((g) => g.visible ?? !0).reduce((g, x) => {
       const w = {
         ...l.cells[x.name],
         label: x.title,
@@ -5597,29 +5610,25 @@ const vs = ({
           }));
         }
       };
-      return w.fun && (w.shape == ne.AUTOCOMPLETE || w.shape == ne.MULTI_AUTOCOMPLETE || w.shape == ne.COMBOBOX) && (w.onOptionsRequest = (E, O) => n(E, O, r, x.name)), w.isEditable == null && (w.isEditable = !0), e && (w.isEditable = !1), w.isEditable && w.shape == null && (w.shape = ne.TEXT_FIELD), {
+      return w.fun && (w.shape == ne.AUTOCOMPLETE || w.shape == ne.MULTI_AUTOCOMPLETE || w.shape == ne.COMBOBOX) && (w.onOptionsRequest = async (E, O) => Ss(
+        await n(E, O, r, x.name)
+      )), w.isEditable == null && (w.isEditable = !0), e && (w.isEditable = !1), w.isEditable && w.shape == null && (w.shape = ne.TEXT_FIELD), {
         ...g,
         [x.name]: w
       };
     }, {});
-  }, c = () => {
-    const u = {
-      columns: [...r.columns],
-      rows: [{ cells: {} }]
-    };
-    return Object.entries(a).forEach(([l, d]) => {
-      u.rows[0].cells[l] = {
-        obj: {
-          ...d.obj
-        },
-        decode: d.decode,
-        shape: d.shape
-      };
-    }), {
-      before: r,
-      after: u
-    };
-  };
+  }, c = () => ({
+    before: r,
+    after: {
+      type: "SmeupDataTable",
+      columns: JSON.parse(JSON.stringify(r.columns)),
+      rows: [
+        {
+          cells: JSON.parse(JSON.stringify(a))
+        }
+      ]
+    }
+  });
   return a && /* @__PURE__ */ v.jsxs(
     "div",
     {
@@ -5633,7 +5642,7 @@ const vs = ({
       children: [
         /* @__PURE__ */ v.jsx(Rt, { layout: r.rows[0].layout, cells: a }),
         !t && /* @__PURE__ */ v.jsx(
-          De,
+          je,
           {
             onClick: o,
             bindValue: "submit",
@@ -5645,20 +5654,20 @@ const vs = ({
   );
 };
 export {
-  ws as AppBar,
+  Os as AppBar,
   Er as Autocomplete,
-  De as Button,
+  je as Button,
   dn as ButtonList,
   pn as Checkbox,
   mn as Combobox,
-  Ts as DashList,
-  Os as DataTableComponent,
+  Ds as DashList,
+  js as DataTableComponent,
   Jn as DatePicker,
-  Es as Drawer,
-  Rs as Field,
+  Rs as Drawer,
+  $s as Field,
   ue as Icon,
-  js as InputPanel,
+  Cs as InputPanel,
   Zn as Password,
   Ce as Textfield,
-  Ss as configurePaths
+  Ts as configurePaths
 };