@sme.up/ketchup2 2.0.0-SNAPSHOT-20250626154924 → 2.0.0-SNAPSHOT-20250627075216

package/dist/ketchup2.es.js

@@ -57,9 +57,9 @@ function Hr() {
       switch (h) {
         case v:
           return "Fragment";
-        case E:
-          return "Profiler";
         case w:
+          return "Profiler";
+        case E:
           return "StrictMode";
         case y:
           return "Suspense";
@@ -76,9 +76,9 @@ function Hr() {
             return "Portal";
           case O:
             return (h.displayName || "Context") + ".Provider";
-          case b:
-            return (h._context.displayName || "Context") + ".Consumer";
           case S:
+            return (h._context.displayName || "Context") + ".Consumer";
+          case b:
             var x = h.render;
             return h = h.displayName, h || (h = x.displayName || x.name || "", h = h !== "" ? "ForwardRef(" + h + ")" : "ForwardRef"), h;
           case k:
@@ -240,7 +240,7 @@ React keys must be passed directly to JSX without using spread:
     function f(h) {
       typeof h == "object" && h !== null && h.$$typeof === m && h._store && (h._store.validated = 1);
     }
-    var d = at, m = Symbol.for("react.transitional.element"), p = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), E = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), O = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), k = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), T = Symbol.for("react.activity"), D = Symbol.for("react.client.reference"), N = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, P = Object.prototype.hasOwnProperty, A = Array.isArray, V = console.createTask ? console.createTask : function() {
+    var d = at, m = Symbol.for("react.transitional.element"), p = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), O = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), k = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), T = Symbol.for("react.activity"), D = Symbol.for("react.client.reference"), N = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, P = Object.prototype.hasOwnProperty, A = Array.isArray, V = console.createTask ? console.createTask : function() {
       return null;
     };
     d = {
@@ -365,19 +365,19 @@ const Re = ({ label: r, disabled: e, htmlFor: t }) => {
     e.sections ?? [],
     Object.keys(t)
   ), i = (d) => d.reduce((m, p) => {
-    var O, S;
-    let v = "", w = {}, E = {}, b = "";
-    return (O = p.sections) != null && O.length ? (v = ge["smp-layout-section-grid"], w = i(p.sections), p.gridCols === void 0 && (b = ge[p.horizontal ? "smp-grid-template-cols" : "smp-grid-template-rows"], (p.horizontal || Vt(p.sections)) && (E = Ft(
+    var O, b;
+    let v = "", E = {}, w = {}, S = "";
+    return (O = p.sections) != null && O.length ? (v = ge["smp-layout-section-grid"], E = i(p.sections), p.gridCols === void 0 && (S = ge[p.horizontal ? "smp-grid-template-cols" : "smp-grid-template-rows"], (p.horizontal || Vt(p.sections)) && (w = Ft(
       p.sections,
       p.horizontal ? n : s
-    )))) : (S = p.content) != null && S.length && (p.gridCols !== void 0 && p.gridCols > 0 ? (v = ge["smp-layout-section-grid"], b = ge["smp-grid-template-cols"], E = {
+    )))) : (b = p.content) != null && b.length && (p.gridCols !== void 0 && p.gridCols > 0 ? (v = ge["smp-layout-section-grid"], S = ge["smp-grid-template-cols"], w = {
       [n]: `repeat(${p.gridCols}, 1fr)`
     }) : v = ge["smp-layout-section-flex"]), {
       ...m,
-      ...w,
+      ...E,
       [p.id]: {
-        classes: `${v} ${ge[p.horizontal ? "smp-layout-section-horizontal" : "smp-layout-section-vertical"]} ${b} ${p.justify ? `smp-justifyContent-${p.justify}` : ""} ${p.align ? `smp-alignItems-${p.align}` : ""}`,
-        styles: E
+        classes: `${v} ${ge[p.horizontal ? "smp-layout-section-horizontal" : "smp-layout-section-vertical"]} ${S} ${p.justify ? `smp-justifyContent-${p.justify}` : ""} ${p.align ? `smp-alignItems-${p.align}` : ""}`,
+        styles: w
       }
     };
   }, {}), o = i(a), c = `${ge["smp-layout"]} ${e.horizontal ? ge["smp-layout-horizontal"] : ge["smp-layout-vertical"]}`, l = e.horizontal || Vt(e.sections || []) ? Ft(
@@ -391,8 +391,8 @@ const Re = ({ label: r, disabled: e, htmlFor: t }) => {
         "smp-id": `section-${d.id}`,
         className: o[d.id].classes,
         style: o[d.id].styles,
-        children: (p = d.sections) != null && p.length ? d.sections.map((w) => u(w)) : (v = d.content) == null ? void 0 : v.map(
-          (w) => f(w, d.justify, d.align)
+        children: (p = d.sections) != null && p.length ? d.sections.map((E) => u(E)) : (v = d.content) == null ? void 0 : v.map(
+          (E) => f(E, d.justify, d.align)
         )
       },
       `section-${d.id}`
@@ -417,15 +417,15 @@ const Re = ({ label: r, disabled: e, htmlFor: t }) => {
   }, f = (d, m, p) => {
     const v = t[d.id];
     if (!v) return null;
-    const E = {
+    const w = {
       gridColumnStart: (d.colSpan && d.colSpan > 0 ? `span ${d.colSpan}` : d.colStart && d.colStart < 1 ? "1" : void 0) ?? d.colStart,
       gridColumnEnd: d.colEnd && d.colEnd > 0 ? d.colEnd : void 0
-    }, b = `${ge["smp-layout-cell-container"]} ${m ? `smp-justifyContent-${m}` : ""} ${p ? `smp-alignItems-${p}` : ""}`;
+    }, S = `${ge["smp-layout-cell-container"]} ${m ? `smp-justifyContent-${m}` : ""} ${p ? `smp-alignItems-${p}` : ""}`;
     return /* @__PURE__ */ g.jsx(
       "div",
       {
-        className: b,
-        style: E,
+        className: S,
+        style: w,
         "smp-id": d.id,
         children: v
       },
@@ -621,7 +621,7 @@ function ht({
       requestAnimationFrame(i);
       return;
     }
-    let v = l + window.scrollY, w = u + window.scrollX;
+    let v = l + window.scrollY, E = u + window.scrollX;
     switch (r) {
       case "top":
         v -= m;
@@ -630,14 +630,14 @@ function ht({
         v += d;
         break;
       case "left":
-        w -= p;
+        E -= p;
         break;
       case "right":
-        w += f;
+        E += f;
         break;
     }
     requestAnimationFrame(() => {
-      c.style.transform = `translate(${w}px, ${v}px)`, c.style.opacity = "1";
+      c.style.transform = `translate(${E}px, ${v}px)`, c.style.opacity = "1";
     });
   }, [r]);
   return Vr(() => {
@@ -731,8 +731,8 @@ function nn() {
       throw new TypeError("invalid type");
     var p = m;
     if (d && typeof d == "object")
-      for (var v, w = Object.keys(d).sort(), E = 0; E < w.length; E++) {
-        if (v = w[E], !t.test(v))
+      for (var v, E = Object.keys(d).sort(), w = 0; w < E.length; w++) {
+        if (v = E[w], !t.test(v))
           throw new TypeError("invalid parameter name");
         p += "; " + v + "=" + l(d[v]);
       }
@@ -749,11 +749,11 @@ function nn() {
       throw new TypeError("invalid media type");
     var v = new u(p.toLowerCase());
     if (m !== -1) {
-      var w, E, b;
-      for (r.lastIndex = m; E = r.exec(d); ) {
-        if (E.index !== m)
+      var E, w, S;
+      for (r.lastIndex = m; w = r.exec(d); ) {
+        if (w.index !== m)
           throw new TypeError("invalid parameter format");
-        m += E[0].length, w = E[1].toLowerCase(), b = E[2], b.charCodeAt(0) === 34 && (b = b.slice(1, -1), b.indexOf("\\") !== -1 && (b = b.replace(n, "$1"))), v.parameters[w] = b;
+        m += w[0].length, E = w[1].toLowerCase(), S = w[2], S.charCodeAt(0) === 34 && (S = S.slice(1, -1), S.indexOf("\\") !== -1 && (S = S.replace(n, "$1"))), v.parameters[E] = S;
       }
       if (m !== d.length)
         throw new TypeError("invalid parameter format");
@@ -870,14 +870,14 @@ var sn = nn(), Ce = /* @__PURE__ */ new Map(), Dr = function(e) {
     p && f.setAttribute("width", p);
     var v = e.getAttribute("height");
     v && f.setAttribute("height", v);
-    var w = Array.from(new Set(yt(yt(yt([], (f.getAttribute("class") || "").split(" "), !0), ["injected-svg"], !1), (e.getAttribute("class") || "").split(" "), !0))).join(" ").trim();
-    f.setAttribute("class", w);
-    var E = e.getAttribute("style");
-    E && f.setAttribute("style", E), f.setAttribute("data-src", c);
-    var b = [].filter.call(e.attributes, function(X) {
+    var E = Array.from(new Set(yt(yt(yt([], (f.getAttribute("class") || "").split(" "), !0), ["injected-svg"], !1), (e.getAttribute("class") || "").split(" "), !0))).join(" ").trim();
+    f.setAttribute("class", E);
+    var w = e.getAttribute("style");
+    w && f.setAttribute("style", w), f.setAttribute("data-src", c);
+    var S = [].filter.call(e.attributes, function(X) {
       return /^data-\w[\w-]*$/.test(X.name);
     });
-    if (Array.prototype.forEach.call(b, function(X) {
+    if (Array.prototype.forEach.call(S, function(X) {
       X.name && X.value && f.setAttribute(X.name, X.value);
     }), n) {
       var O = {
@@ -891,9 +891,9 @@ var sn = nn(), Ce = /* @__PURE__ */ new Map(), Dr = function(e) {
         path: [],
         pattern: ["fill", "stroke"],
         radialGradient: ["fill", "stroke"]
-      }, S, y, R, k, _;
+      }, b, y, R, k, _;
       Object.keys(O).forEach(function(X) {
-        S = X, R = O[X], y = f.querySelectorAll(S + "[id]");
+        b = X, R = O[X], y = f.querySelectorAll(b + "[id]");
         for (var F = function(C, $) {
           k = y[C].id, _ = k + "-" + un();
           var L;
@@ -936,13 +936,13 @@ var sn = nn(), Ce = /* @__PURE__ */ new Map(), Dr = function(e) {
   var n = t === void 0 ? {} : t, s = n.afterAll, a = s === void 0 ? function() {
   } : s, i = n.afterEach, o = i === void 0 ? function() {
   } : i, c = n.beforeEach, l = c === void 0 ? function() {
-  } : c, u = n.cacheRequests, f = u === void 0 ? !0 : u, d = n.evalScripts, m = d === void 0 ? "never" : d, p = n.httpRequestWithCredentials, v = p === void 0 ? !1 : p, w = n.renumerateIRIElements, E = w === void 0 ? !0 : w;
+  } : c, u = n.cacheRequests, f = u === void 0 ? !0 : u, d = n.evalScripts, m = d === void 0 ? "never" : d, p = n.httpRequestWithCredentials, v = p === void 0 ? !1 : p, E = n.renumerateIRIElements, w = E === void 0 ? !0 : E;
   if (e && "length" in e)
-    for (var b = 0, O = 0, S = e.length; O < S; O++)
-      Gt(e[O], m, E, f, v, l, function(y, R) {
-        o(y, R), e && "length" in e && e.length === ++b && a(b);
+    for (var S = 0, O = 0, b = e.length; O < b; O++)
+      Gt(e[O], m, w, f, v, l, function(y, R) {
+        o(y, R), e && "length" in e && e.length === ++S && a(S);
       });
-  else e ? Gt(e, m, E, f, v, l, function(y, R) {
+  else e ? Gt(e, m, w, f, v, l, function(y, R) {
     o(y, R), a(1), e = null;
   }) : a(0);
 }, Xe = { exports: {} }, Ze = { exports: {} }, Q = {};
@@ -958,7 +958,7 @@ var Kt;
 function pn() {
   if (Kt) return Q;
   Kt = 1;
-  var r = typeof Symbol == "function" && Symbol.for, e = r ? Symbol.for("react.element") : 60103, t = r ? Symbol.for("react.portal") : 60106, n = r ? Symbol.for("react.fragment") : 60107, s = r ? Symbol.for("react.strict_mode") : 60108, a = r ? Symbol.for("react.profiler") : 60114, i = r ? Symbol.for("react.provider") : 60109, o = r ? Symbol.for("react.context") : 60110, c = r ? Symbol.for("react.async_mode") : 60111, l = r ? Symbol.for("react.concurrent_mode") : 60111, u = r ? Symbol.for("react.forward_ref") : 60112, f = r ? Symbol.for("react.suspense") : 60113, d = r ? Symbol.for("react.suspense_list") : 60120, m = r ? Symbol.for("react.memo") : 60115, p = r ? Symbol.for("react.lazy") : 60116, v = r ? Symbol.for("react.block") : 60121, w = r ? Symbol.for("react.fundamental") : 60117, E = r ? Symbol.for("react.responder") : 60118, b = r ? Symbol.for("react.scope") : 60119;
+  var r = typeof Symbol == "function" && Symbol.for, e = r ? Symbol.for("react.element") : 60103, t = r ? Symbol.for("react.portal") : 60106, n = r ? Symbol.for("react.fragment") : 60107, s = r ? Symbol.for("react.strict_mode") : 60108, a = r ? Symbol.for("react.profiler") : 60114, i = r ? Symbol.for("react.provider") : 60109, o = r ? Symbol.for("react.context") : 60110, c = r ? Symbol.for("react.async_mode") : 60111, l = r ? Symbol.for("react.concurrent_mode") : 60111, u = r ? Symbol.for("react.forward_ref") : 60112, f = r ? Symbol.for("react.suspense") : 60113, d = r ? Symbol.for("react.suspense_list") : 60120, m = r ? Symbol.for("react.memo") : 60115, p = r ? Symbol.for("react.lazy") : 60116, v = r ? Symbol.for("react.block") : 60121, E = r ? Symbol.for("react.fundamental") : 60117, w = r ? Symbol.for("react.responder") : 60118, S = r ? Symbol.for("react.scope") : 60119;
   function O(y) {
     if (typeof y == "object" && y !== null) {
       var R = y.$$typeof;
@@ -989,12 +989,12 @@ function pn() {
       }
     }
   }
-  function S(y) {
+  function b(y) {
     return O(y) === l;
   }
   return Q.AsyncMode = c, Q.ConcurrentMode = l, Q.ContextConsumer = o, Q.ContextProvider = i, Q.Element = e, Q.ForwardRef = u, Q.Fragment = n, Q.Lazy = p, Q.Memo = m, Q.Portal = t, Q.Profiler = a, Q.StrictMode = s, Q.Suspense = f, Q.isAsyncMode = function(y) {
-    return S(y) || O(y) === c;
-  }, Q.isConcurrentMode = S, Q.isContextConsumer = function(y) {
+    return b(y) || O(y) === c;
+  }, Q.isConcurrentMode = b, Q.isContextConsumer = function(y) {
     return O(y) === o;
   }, Q.isContextProvider = function(y) {
     return O(y) === i;
@@ -1017,7 +1017,7 @@ function pn() {
   }, Q.isSuspense = function(y) {
     return O(y) === f;
   }, Q.isValidElementType = function(y) {
-    return typeof y == "string" || typeof y == "function" || y === n || y === l || y === a || y === s || y === f || y === d || typeof y == "object" && y !== null && (y.$$typeof === p || y.$$typeof === m || y.$$typeof === i || y.$$typeof === o || y.$$typeof === u || y.$$typeof === w || y.$$typeof === E || y.$$typeof === b || y.$$typeof === v);
+    return typeof y == "string" || typeof y == "function" || y === n || y === l || y === a || y === s || y === f || y === d || typeof y == "object" && y !== null && (y.$$typeof === p || y.$$typeof === m || y.$$typeof === i || y.$$typeof === o || y.$$typeof === u || y.$$typeof === E || y.$$typeof === w || y.$$typeof === S || y.$$typeof === v);
   }, Q.typeOf = O, Q;
 }
 var ee = {};
@@ -1032,12 +1032,12 @@ var ee = {};
 var qt;
 function hn() {
   return qt || (qt = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = typeof Symbol == "function" && Symbol.for, e = r ? Symbol.for("react.element") : 60103, t = r ? Symbol.for("react.portal") : 60106, n = r ? Symbol.for("react.fragment") : 60107, s = r ? Symbol.for("react.strict_mode") : 60108, a = r ? Symbol.for("react.profiler") : 60114, i = r ? Symbol.for("react.provider") : 60109, o = r ? Symbol.for("react.context") : 60110, c = r ? Symbol.for("react.async_mode") : 60111, l = r ? Symbol.for("react.concurrent_mode") : 60111, u = r ? Symbol.for("react.forward_ref") : 60112, f = r ? Symbol.for("react.suspense") : 60113, d = r ? Symbol.for("react.suspense_list") : 60120, m = r ? Symbol.for("react.memo") : 60115, p = r ? Symbol.for("react.lazy") : 60116, v = r ? Symbol.for("react.block") : 60121, w = r ? Symbol.for("react.fundamental") : 60117, E = r ? Symbol.for("react.responder") : 60118, b = r ? Symbol.for("react.scope") : 60119;
+    var r = typeof Symbol == "function" && Symbol.for, e = r ? Symbol.for("react.element") : 60103, t = r ? Symbol.for("react.portal") : 60106, n = r ? Symbol.for("react.fragment") : 60107, s = r ? Symbol.for("react.strict_mode") : 60108, a = r ? Symbol.for("react.profiler") : 60114, i = r ? Symbol.for("react.provider") : 60109, o = r ? Symbol.for("react.context") : 60110, c = r ? Symbol.for("react.async_mode") : 60111, l = r ? Symbol.for("react.concurrent_mode") : 60111, u = r ? Symbol.for("react.forward_ref") : 60112, f = r ? Symbol.for("react.suspense") : 60113, d = r ? Symbol.for("react.suspense_list") : 60120, m = r ? Symbol.for("react.memo") : 60115, p = r ? Symbol.for("react.lazy") : 60116, v = r ? Symbol.for("react.block") : 60121, E = r ? Symbol.for("react.fundamental") : 60117, w = r ? Symbol.for("react.responder") : 60118, S = r ? Symbol.for("react.scope") : 60119;
     function O(M) {
       return typeof M == "string" || typeof M == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      M === n || M === l || M === a || M === s || M === f || M === d || typeof M == "object" && M !== null && (M.$$typeof === p || M.$$typeof === m || M.$$typeof === i || M.$$typeof === o || M.$$typeof === u || M.$$typeof === w || M.$$typeof === E || M.$$typeof === b || M.$$typeof === v);
+      M === n || M === l || M === a || M === s || M === f || M === d || typeof M == "object" && M !== null && (M.$$typeof === p || M.$$typeof === m || M.$$typeof === i || M.$$typeof === o || M.$$typeof === u || M.$$typeof === E || M.$$typeof === w || M.$$typeof === S || M.$$typeof === v);
     }
-    function S(M) {
+    function b(M) {
       if (typeof M == "object" && M !== null) {
         var H = M.$$typeof;
         switch (H) {
@@ -1071,45 +1071,45 @@ function hn() {
     }
     var y = c, R = l, k = o, _ = i, T = e, D = u, N = n, P = p, A = m, V = t, I = a, W = s, z = f, X = !1;
     function F(M) {
-      return X || (X = !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(M) || S(M) === c;
+      return X || (X = !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(M) || b(M) === c;
     }
     function h(M) {
-      return S(M) === l;
+      return b(M) === l;
     }
     function x(M) {
-      return S(M) === o;
+      return b(M) === o;
     }
     function j(M) {
-      return S(M) === i;
+      return b(M) === i;
     }
     function C(M) {
       return typeof M == "object" && M !== null && M.$$typeof === e;
     }
     function $(M) {
-      return S(M) === u;
+      return b(M) === u;
     }
     function L(M) {
-      return S(M) === n;
+      return b(M) === n;
     }
     function U(M) {
-      return S(M) === p;
+      return b(M) === p;
     }
     function B(M) {
-      return S(M) === m;
+      return b(M) === m;
     }
     function Y(M) {
-      return S(M) === t;
+      return b(M) === t;
     }
     function J(M) {
-      return S(M) === a;
+      return b(M) === a;
     }
     function G(M) {
-      return S(M) === s;
+      return b(M) === s;
     }
     function ae(M) {
-      return S(M) === f;
+      return b(M) === f;
     }
-    ee.AsyncMode = y, ee.ConcurrentMode = R, ee.ContextConsumer = k, ee.ContextProvider = _, ee.Element = T, ee.ForwardRef = D, ee.Fragment = N, ee.Lazy = P, ee.Memo = A, ee.Portal = V, ee.Profiler = I, ee.StrictMode = W, ee.Suspense = z, ee.isAsyncMode = F, ee.isConcurrentMode = h, ee.isContextConsumer = x, ee.isContextProvider = j, ee.isElement = C, ee.isForwardRef = $, ee.isFragment = L, ee.isLazy = U, ee.isMemo = B, ee.isPortal = Y, ee.isProfiler = J, ee.isStrictMode = G, ee.isSuspense = ae, ee.isValidElementType = O, ee.typeOf = S;
+    ee.AsyncMode = y, ee.ConcurrentMode = R, ee.ContextConsumer = k, ee.ContextProvider = _, ee.Element = T, ee.ForwardRef = D, ee.Fragment = N, ee.Lazy = P, ee.Memo = A, ee.Portal = V, ee.Profiler = I, ee.StrictMode = W, ee.Suspense = z, ee.isAsyncMode = F, ee.isConcurrentMode = h, ee.isContextConsumer = x, ee.isContextProvider = j, ee.isElement = C, ee.isForwardRef = $, ee.isFragment = L, ee.isLazy = U, ee.isMemo = B, ee.isPortal = Y, ee.isProfiler = J, ee.isStrictMode = G, ee.isSuspense = ae, ee.isValidElementType = O, ee.typeOf = b;
   }()), ee;
 }
 var zt;
@@ -1252,17 +1252,17 @@ function yn() {
         return x;
     }
     var d = "<<anonymous>>", m = {
-      array: E("array"),
-      bigint: E("bigint"),
-      bool: E("boolean"),
-      func: E("function"),
-      number: E("number"),
-      object: E("object"),
-      string: E("string"),
-      symbol: E("symbol"),
-      any: b(),
+      array: w("array"),
+      bigint: w("bigint"),
+      bool: w("boolean"),
+      func: w("function"),
+      number: w("number"),
+      object: w("object"),
+      string: w("string"),
+      symbol: w("symbol"),
+      any: S(),
       arrayOf: O,
-      element: S(),
+      element: b(),
       elementType: y(),
       instanceOf: R,
       node: D(),
@@ -1279,7 +1279,7 @@ function yn() {
       this.message = h, this.data = x && typeof x == "object" ? x : {}, this.stack = "";
     }
     v.prototype = Error.prototype;
-    function w(h) {
+    function E(h) {
       if (process.env.NODE_ENV !== "production")
         var x = {}, j = 0;
       function C(L, U, B, Y, J, G, ae) {
@@ -1302,7 +1302,7 @@ function yn() {
       var $ = C.bind(null, !1);
       return $.isRequired = C.bind(null, !0), $;
     }
-    function E(h) {
+    function w(h) {
       function x(j, C, $, L, U, B) {
         var Y = j[C], J = W(Y);
         if (J !== h) {
@@ -1314,10 +1314,10 @@ function yn() {
         }
         return null;
       }
-      return w(x);
+      return E(x);
     }
-    function b() {
-      return w(i);
+    function S() {
+      return E(i);
     }
     function O(h) {
       function x(j, C, $, L, U) {
@@ -1335,9 +1335,9 @@ function yn() {
         }
         return null;
       }
-      return w(x);
+      return E(x);
     }
-    function S() {
+    function b() {
       function h(x, j, C, $, L) {
         var U = x[j];
         if (!o(U)) {
@@ -1346,7 +1346,7 @@ function yn() {
         }
         return null;
       }
-      return w(h);
+      return E(h);
     }
     function y() {
       function h(x, j, C, $, L) {
@@ -1357,7 +1357,7 @@ function yn() {
         }
         return null;
       }
-      return w(h);
+      return E(h);
     }
     function R(h) {
       function x(j, C, $, L, U) {
@@ -1367,7 +1367,7 @@ function yn() {
         }
         return null;
       }
-      return w(x);
+      return E(x);
     }
     function k(h) {
       if (!Array.isArray(h))
@@ -1384,7 +1384,7 @@ function yn() {
         });
         return new v("Invalid " + L + " `" + U + "` of value `" + String(B) + "` " + ("supplied to `" + $ + "`, expected one of " + J + "."));
       }
-      return w(x);
+      return E(x);
     }
     function _(h) {
       function x(j, C, $, L, U) {
@@ -1401,7 +1401,7 @@ function yn() {
           }
         return null;
       }
-      return w(x);
+      return E(x);
     }
     function T(h) {
       if (!Array.isArray(h))
@@ -1423,13 +1423,13 @@ function yn() {
         var H = J.length > 0 ? ", expected one of type [" + J.join(", ") + "]" : "";
         return new v("Invalid " + B + " `" + Y + "` supplied to " + ("`" + U + "`" + H + "."));
       }
-      return w(C);
+      return E(C);
     }
     function D() {
       function h(x, j, C, $, L) {
         return V(x[j]) ? null : new v("Invalid " + $ + " `" + L + "` supplied to " + ("`" + C + "`, expected a ReactNode."));
       }
-      return w(h);
+      return E(h);
     }
     function N(h, x, j, C, $) {
       return new v(
@@ -1451,7 +1451,7 @@ function yn() {
         }
         return null;
       }
-      return w(x);
+      return E(x);
     }
     function A(h) {
       function x(j, C, $, L, U) {
@@ -1474,7 +1474,7 @@ Valid keys: ` + JSON.stringify(Object.keys(h), null, "  ")
         }
         return null;
       }
-      return w(x);
+      return E(x);
     }
     function V(h) {
       switch (typeof h) {
@@ -1633,8 +1633,8 @@ var oe = /* @__PURE__ */ xn(), bn = function(e) {
   return t.renderSVG = function() {
     var s = this;
     if (this.reactWrapper instanceof bn(this.reactWrapper).Node) {
-      var a = this.props, i = a.desc, o = a.evalScripts, c = a.httpRequestWithCredentials, l = a.renumerateIRIElements, u = a.src, f = a.title, d = a.useRequestCache, m = this.props.onError, p = this.props.beforeInjection, v = this.props.afterInjection, w = this.props.wrapper, E, b;
-      w === "svg" ? (E = document.createElementNS(Qe, w), E.setAttribute("xmlns", Qe), E.setAttribute("xmlns:xlink", nr), b = document.createElementNS(Qe, w)) : (E = document.createElement(w), b = document.createElement(w)), E.appendChild(b), b.dataset.src = u, this.nonReactWrapper = this.reactWrapper.appendChild(E);
+      var a = this.props, i = a.desc, o = a.evalScripts, c = a.httpRequestWithCredentials, l = a.renumerateIRIElements, u = a.src, f = a.title, d = a.useRequestCache, m = this.props.onError, p = this.props.beforeInjection, v = this.props.afterInjection, E = this.props.wrapper, w, S;
+      E === "svg" ? (w = document.createElementNS(Qe, E), w.setAttribute("xmlns", Qe), w.setAttribute("xmlns:xlink", nr), S = document.createElementNS(Qe, E)) : (w = document.createElement(E), S = document.createElement(E)), w.appendChild(S), S.dataset.src = u, this.nonReactWrapper = this.reactWrapper.appendChild(w);
       var O = function(k) {
         if (s.removeSVG(), !s._isMounted) {
           m(k);
@@ -1648,7 +1648,7 @@ var oe = /* @__PURE__ */ xn(), bn = function(e) {
         }, function() {
           m(k);
         });
-      }, S = function(k, _) {
+      }, b = function(k, _) {
         if (k) {
           O(k);
           return;
@@ -1683,8 +1683,8 @@ var oe = /* @__PURE__ */ xn(), bn = function(e) {
           O(P);
         }
       };
-      dn(b, {
-        afterEach: S,
+      dn(S, {
+        afterEach: b,
         beforeEach: y,
         cacheRequests: d,
         evalScripts: o,
@@ -1776,21 +1776,21 @@ const Qs = (r) => {
     title: f,
     tabIndex: d
   }) => {
-    const [m, p] = q(r), v = (r == null ? void 0 : r.startsWith("http")) || (r == null ? void 0 : r.startsWith("/")), w = v && (r == null ? void 0 : r.toLowerCase().endsWith(".svg")), E = sr(`assets/svg/${r}.svg`), b = sr(
+    const [m, p] = q(r), v = (r == null ? void 0 : r.startsWith("http")) || (r == null ? void 0 : r.startsWith("/")), E = v && (r == null ? void 0 : r.toLowerCase().endsWith(".svg")), w = sr(`assets/svg/${r}.svg`), S = sr(
       `assets/svg/${n}.svg`
     ), O = {
       img: `${l ? "smp-image-interactable" : ""}`,
       svg: `smp-icon ${i ? `smp-icon-${i}` : ""} ${o ? "smp-icon-rotated" : ""} ${l ? "smp-icon-interactable" : ""} ${u ? "smp-icon-spin" : ""}`
-    }, S = () => {
+    }, b = () => {
       !a && l && c && c();
     }, y = (R) => {
-      !a && l && (R.key === "Enter" || R.key === " ") && (R.preventDefault(), S());
+      !a && l && (R.key === "Enter" || R.key === " ") && (R.preventDefault(), b());
     };
-    return /* @__PURE__ */ g.jsx(g.Fragment, { children: w ? /* @__PURE__ */ g.jsx(
+    return /* @__PURE__ */ g.jsx(g.Fragment, { children: E ? /* @__PURE__ */ g.jsx(
       Ae,
       {
         src: r,
-        fallback: () => /* @__PURE__ */ g.jsx(Ae, { src: b, wrapper: "svg" }),
+        fallback: () => /* @__PURE__ */ g.jsx(Ae, { src: S, wrapper: "svg" }),
         width: e || "1rem",
         height: t || "1rem",
         wrapper: "svg",
@@ -1799,7 +1799,7 @@ const Qs = (r) => {
         fill: s,
         "aria-disabled": a,
         className: O.svg,
-        onClick: S,
+        onClick: b,
         onKeyDown: y,
         tabIndex: d
       }
@@ -1812,20 +1812,20 @@ const Qs = (r) => {
           width: e || "16px",
           height: t || "auto",
           alt: f,
-          onError: () => p(b),
-          onClick: S,
+          onError: () => p(S),
+          onClick: b,
           className: O.img,
           title: f,
           onKeyDown: (R) => {
-            (R.key === "Enter" || R.key === " ") && S();
+            (R.key === "Enter" || R.key === " ") && b();
           }
         }
       )
     ) : /* @__PURE__ */ g.jsx(
       Ae,
       {
-        src: E,
-        fallback: () => /* @__PURE__ */ g.jsx(Ae, { src: b, wrapper: "svg" }),
+        src: w,
+        fallback: () => /* @__PURE__ */ g.jsx(Ae, { src: S, wrapper: "svg" }),
         width: e || "1rem",
         height: t || "1rem",
         wrapper: "svg",
@@ -1834,7 +1834,7 @@ const Qs = (r) => {
         fill: s,
         "aria-disabled": a,
         className: O.svg,
-        onClick: S,
+        onClick: b,
         onKeyDown: y,
         tabIndex: d
       }
@@ -1873,11 +1873,11 @@ const Qs = (r) => {
   onShapeIconClick: m,
   ref: p,
   inputRef: v,
-  onKeyDown: w,
-  inputType: E = "text",
-  ariaLabel: b = "input field",
+  onKeyDown: E,
+  inputType: w = "text",
+  ariaLabel: S = "input field",
   label: O,
-  helperText: S = !1,
+  helperText: b = !1,
   error: y,
   appearance: R = "base",
   fullWidth: k = !1,
@@ -1891,7 +1891,7 @@ const Qs = (r) => {
   size: I,
   maxLength: W
 }) => {
-  const z = Ge(), X = `${z}-helper`, F = y ? "danger" : l, h = y || l == "danger" ? "error" : o, x = S || !!y, j = (L) => {
+  const z = Ge(), X = `${z}-helper`, F = y ? "danger" : l, h = y || l == "danger" ? "error" : o, x = b || !!y, j = (L) => {
     s == null || s(L.target.value);
   }, C = {
     wrapper: `${ye["smp-textfield-wrapper"]} ${k ? ye["smp-textfield-fullWidth"] : ""}`,
@@ -1917,7 +1917,7 @@ const Qs = (r) => {
             "input",
             {
               id: z,
-              type: E,
+              type: w,
               value: e,
               placeholder: a,
               onChange: j,
@@ -1925,8 +1925,8 @@ const Qs = (r) => {
               className: C.input,
               disabled: r,
               readOnly: !i,
-              onKeyDown: w,
-              "aria-label": b,
+              onKeyDown: E,
+              "aria-label": S,
               ref: v,
               "aria-describedby": x ? X : void 0,
               min: T,
@@ -1985,8 +1985,8 @@ function Cr({
     a(p);
   }, []), d = (m) => {
     if (!i.current) return;
-    const p = m * e, v = p + e, w = i.current, E = w.scrollTop, b = E + t;
-    p < E ? w.scrollTop = p : v > b && (w.scrollTop = v - t);
+    const p = m * e, v = p + e, E = i.current, w = E.scrollTop, S = w + t;
+    p < w ? E.scrollTop = p : v > S && (E.scrollTop = v - t);
   };
   return {
     virtualItems: u,
@@ -2051,12 +2051,12 @@ const Tn = 10, Pr = ({
   var V;
   const [f, d] = q(""), m = 40, [p, v] = q(
     a !== null ? a : -1
-  ), [w, E] = q(o || 200), b = ce(null), O = s !== void 0 ? s : e.length > Tn, S = f ? e.filter(
+  ), [E, w] = q(o || 200), S = ce(null), O = s !== void 0 ? s : e.length > Tn, b = f ? e.filter(
     (I) => I.label.toLowerCase().includes(f.toLowerCase())
   ) : e, y = (I) => {
     d(I);
   }, { virtualItems: R, containerProps: k, innerProps: _, scrollToIndex: T } = Cr({
-    items: S,
+    items: b,
     itemHeight: m,
     containerHeight: 200,
     overscan: 5
@@ -2064,19 +2064,19 @@ const Tn = 10, Pr = ({
   ne(() => {
     a !== null && a !== p && v(a);
   }, [a]), ne(() => {
-    p >= 0 && p < S.length && T(p);
-  }, [p, S]), ne(() => {
-    u && (b != null && b.current) && b.current.focus();
-  }, [u, b]), ne(() => {
+    p >= 0 && p < b.length && T(p);
+  }, [p, b]), ne(() => {
+    u && (S != null && S.current) && S.current.focus();
+  }, [u, S]), ne(() => {
     const I = En(e, t);
-    E(I);
+    w(I);
   }, [e, t]);
   const D = (I) => {
     if (I.key === "ArrowDown" || I.key === "ArrowUp") {
       I.preventDefault();
       let W = p;
-      I.key === "ArrowDown" ? W = p < S.length - 1 ? p + 1 : 0 : I.key === "ArrowUp" && (W = p > 0 ? p - 1 : S.length - 1), v(W);
-    } else I.key === "Enter" ? p >= 0 && p < S.length && (c == null || c(S[p])) : I.key === "Escape" && (I.preventDefault(), I.stopPropagation());
+      I.key === "ArrowDown" ? W = p < b.length - 1 ? p + 1 : 0 : I.key === "ArrowUp" && (W = p > 0 ? p - 1 : b.length - 1), v(W);
+    } else I.key === "Enter" ? p >= 0 && p < b.length && (c == null || c(b[p])) : I.key === "Escape" && (I.preventDefault(), I.stopPropagation());
     l && l(I);
   }, N = (I) => {
     D(I);
@@ -2096,7 +2096,7 @@ const Tn = 10, Pr = ({
       className: A.wrapper,
       "data-component": "list",
       style: {
-        width: w,
+        width: E,
         minWidth: o
       },
       children: [
@@ -2108,7 +2108,7 @@ const Tn = 10, Pr = ({
             fullWidth: !0,
             onChange: y,
             onKeyDown: N,
-            inputRef: b
+            inputRef: S
           }
         ),
         /* @__PURE__ */ g.jsx(
@@ -2120,7 +2120,7 @@ const Tn = 10, Pr = ({
             role: "listbox",
             "aria-label": "List",
             onKeyDown: P,
-            "aria-activedescendant": p >= 0 && p < S.length ? (V = S[p]) == null ? void 0 : V.id : void 0,
+            "aria-activedescendant": p >= 0 && p < b.length ? (V = b[p]) == null ? void 0 : V.id : void 0,
             children: /* @__PURE__ */ g.jsx("div", { ..._, className: A.virtualScroll, children: R.map(({ item: I, index: W, offsetTop: z }) => {
               const X = i.includes(I.id);
               return (
@@ -2542,13 +2542,13 @@ class dt extends gt {
       } : o;
     const m = this.resolve(e, s);
     let p = m == null ? void 0 : m.res;
-    const v = (m == null ? void 0 : m.usedKey) || o, w = (m == null ? void 0 : m.exactUsedKey) || o, E = ["[object Number]", "[object Function]", "[object RegExp]"], b = s.joinArrays !== void 0 ? s.joinArrays : this.options.joinArrays, O = !this.i18nFormat || this.i18nFormat.handleAsObject, S = s.count !== void 0 && !K(s.count), y = dt.hasDefaultValue(s), R = S ? this.pluralResolver.getSuffix(f, s.count, s) : "", k = s.ordinal && S ? this.pluralResolver.getSuffix(f, s.count, {
+    const v = (m == null ? void 0 : m.usedKey) || o, E = (m == null ? void 0 : m.exactUsedKey) || o, w = ["[object Number]", "[object Function]", "[object RegExp]"], S = s.joinArrays !== void 0 ? s.joinArrays : this.options.joinArrays, O = !this.i18nFormat || this.i18nFormat.handleAsObject, b = s.count !== void 0 && !K(s.count), y = dt.hasDefaultValue(s), R = b ? this.pluralResolver.getSuffix(f, s.count, s) : "", k = s.ordinal && b ? this.pluralResolver.getSuffix(f, s.count, {
       ordinal: !1
-    }) : "", _ = S && !s.ordinal && s.count === 0, T = _ && s[`defaultValue${this.options.pluralSeparator}zero`] || s[`defaultValue${R}`] || s[`defaultValue${k}`] || s.defaultValue;
+    }) : "", _ = b && !s.ordinal && s.count === 0, T = _ && s[`defaultValue${this.options.pluralSeparator}zero`] || s[`defaultValue${R}`] || s[`defaultValue${k}`] || s.defaultValue;
     let D = p;
     O && !p && y && (D = T);
     const N = fr(D), P = Object.prototype.toString.apply(D);
-    if (O && D && N && E.indexOf(P) < 0 && !(K(b) && Array.isArray(D))) {
+    if (O && D && N && w.indexOf(P) < 0 && !(K(S) && Array.isArray(D))) {
       if (!s.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
         const A = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(v, D, {
@@ -2558,7 +2558,7 @@ class dt extends gt {
         return a ? (m.res = A, m.usedParams = this.getUsedParamsDetails(s), m) : A;
       }
       if (i) {
-        const A = Array.isArray(D), V = A ? [] : {}, I = A ? w : v;
+        const A = Array.isArray(D), V = A ? [] : {}, I = A ? E : v;
         for (const W in D)
           if (Object.prototype.hasOwnProperty.call(D, W)) {
             const z = `${I}${i}${W}`;
@@ -2575,8 +2575,8 @@ class dt extends gt {
           }
         p = V;
       }
-    } else if (O && K(b) && Array.isArray(p))
-      p = p.join(b), p && (p = this.extendTranslation(p, e, s, n));
+    } else if (O && K(S) && Array.isArray(p))
+      p = p.join(S), p && (p = this.extendTranslation(p, e, s, n));
     else {
       let A = !1, V = !1;
       !this.isValidLookup(p) && y && (A = !0, p = T), this.isValidLookup(p) || (V = !0, p = o);
@@ -2600,7 +2600,7 @@ class dt extends gt {
           const $ = y && C !== p ? C : W;
           this.options.missingKeyHandler ? this.options.missingKeyHandler(x, l, j, $, z, s) : (L = this.backendConnector) != null && L.saveMissing && this.backendConnector.saveMissing(x, l, j, $, z, s), this.emit("missingKey", x, l, j, p);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && S ? X.forEach((x) => {
+        this.options.saveMissing && (this.options.saveMissingPlurals && b ? X.forEach((x) => {
           const j = this.pluralResolver.getSuffixes(x, s);
           _ && s[`defaultValue${this.options.pluralSeparator}zero`] && j.indexOf(`${this.options.pluralSeparator}zero`) < 0 && j.push(`${this.options.pluralSeparator}zero`), j.forEach((C) => {
             h([x], o + C, s[`defaultValue${C}`] || T);
@@ -2662,27 +2662,27 @@ class dt extends gt {
       let f = l.namespaces;
       this.options.fallbackNS && (f = f.concat(this.options.fallbackNS));
       const d = t.count !== void 0 && !K(t.count), m = d && !t.ordinal && t.count === 0, p = t.context !== void 0 && (K(t.context) || typeof t.context == "number") && t.context !== "", v = t.lngs ? t.lngs : this.languageUtils.toResolveHierarchy(t.lng || this.language, t.fallbackLng);
-      f.forEach((w) => {
-        var E, b;
-        this.isValidLookup(n) || (o = w, !ur[`${v[0]}-${w}`] && ((E = this.utils) != null && E.hasLoadedNamespace) && !((b = this.utils) != null && b.hasLoadedNamespace(o)) && (ur[`${v[0]}-${w}`] = !0, this.logger.warn(`key "${s}" for languages "${v.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!!!")), v.forEach((O) => {
+      f.forEach((E) => {
+        var w, S;
+        this.isValidLookup(n) || (o = E, !ur[`${v[0]}-${E}`] && ((w = this.utils) != null && w.hasLoadedNamespace) && !((S = this.utils) != null && S.hasLoadedNamespace(o)) && (ur[`${v[0]}-${E}`] = !0, this.logger.warn(`key "${s}" for languages "${v.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!!!")), v.forEach((O) => {
           var R;
           if (this.isValidLookup(n)) return;
           i = O;
-          const S = [u];
+          const b = [u];
           if ((R = this.i18nFormat) != null && R.addLookupKeys)
-            this.i18nFormat.addLookupKeys(S, u, O, w, t);
+            this.i18nFormat.addLookupKeys(b, u, O, E, t);
           else {
             let k;
             d && (k = this.pluralResolver.getSuffix(O, t.count, t));
             const _ = `${this.options.pluralSeparator}zero`, T = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (d && (S.push(u + k), t.ordinal && k.indexOf(T) === 0 && S.push(u + k.replace(T, this.options.pluralSeparator)), m && S.push(u + _)), p) {
+            if (d && (b.push(u + k), t.ordinal && k.indexOf(T) === 0 && b.push(u + k.replace(T, this.options.pluralSeparator)), m && b.push(u + _)), p) {
               const D = `${u}${this.options.contextSeparator}${t.context}`;
-              S.push(D), d && (S.push(D + k), t.ordinal && k.indexOf(T) === 0 && S.push(D + k.replace(T, this.options.pluralSeparator)), m && S.push(D + _));
+              b.push(D), d && (b.push(D + k), t.ordinal && k.indexOf(T) === 0 && b.push(D + k.replace(T, this.options.pluralSeparator)), m && b.push(D + _));
             }
           }
           let y;
-          for (; y = S.pop(); )
-            this.isValidLookup(n) || (a = y, n = this.getResource(O, w, y, t));
+          for (; y = b.pop(); )
+            this.isValidLookup(n) || (a = y, n = this.getResource(O, E, y, t));
         }));
       });
     }), {
@@ -2875,11 +2875,11 @@ class Mn {
       nestingPrefixEscaped: m,
       nestingSuffix: p,
       nestingSuffixEscaped: v,
-      nestingOptionsSeparator: w,
-      maxReplaces: E,
-      alwaysFormat: b
+      nestingOptionsSeparator: E,
+      maxReplaces: w,
+      alwaysFormat: S
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : Cn, this.escapeValue = n !== void 0 ? n : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = a ? $e(a) : i || "{{", this.suffix = o ? $e(o) : c || "}}", this.formatSeparator = l || ",", this.unescapePrefix = u ? "" : f || "-", this.unescapeSuffix = this.unescapePrefix ? "" : u || "", this.nestingPrefix = d ? $e(d) : m || $e("$t("), this.nestingSuffix = p ? $e(p) : v || $e(")"), this.nestingOptionsSeparator = w || ",", this.maxReplaces = E || 1e3, this.alwaysFormat = b !== void 0 ? b : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : Cn, this.escapeValue = n !== void 0 ? n : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = a ? $e(a) : i || "{{", this.suffix = o ? $e(o) : c || "}}", this.formatSeparator = l || ",", this.unescapePrefix = u ? "" : f || "-", this.unescapeSuffix = this.unescapePrefix ? "" : u || "", this.nestingPrefix = d ? $e(d) : m || $e("$t("), this.nestingSuffix = p ? $e(p) : v || $e(")"), this.nestingOptionsSeparator = E || ",", this.maxReplaces = w || 1e3, this.alwaysFormat = S !== void 0 ? S : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -2893,18 +2893,18 @@ class Mn {
     let a, i, o;
     const c = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, l = (p) => {
       if (p.indexOf(this.formatSeparator) < 0) {
-        const b = mr(t, c, p, this.options.keySeparator, this.options.ignoreJSONStructure);
-        return this.alwaysFormat ? this.format(b, void 0, n, {
+        const S = mr(t, c, p, this.options.keySeparator, this.options.ignoreJSONStructure);
+        return this.alwaysFormat ? this.format(S, void 0, n, {
           ...s,
           ...t,
           interpolationkey: p
-        }) : b;
+        }) : S;
       }
-      const v = p.split(this.formatSeparator), w = v.shift().trim(), E = v.join(this.formatSeparator).trim();
-      return this.format(mr(t, c, w, this.options.keySeparator, this.options.ignoreJSONStructure), E, n, {
+      const v = p.split(this.formatSeparator), E = v.shift().trim(), w = v.join(this.formatSeparator).trim();
+      return this.format(mr(t, c, E, this.options.keySeparator, this.options.ignoreJSONStructure), w, n, {
         ...s,
         ...t,
-        interpolationkey: w
+        interpolationkey: E
       });
     };
     this.resetRegExp();
@@ -2920,8 +2920,8 @@ class Mn {
         const v = a[1].trim();
         if (i = l(v), i === void 0)
           if (typeof u == "function") {
-            const E = u(e, a, s);
-            i = K(E) ? E : "";
+            const w = u(e, a, s);
+            i = K(w) ? w : "";
           } else if (s && Object.prototype.hasOwnProperty.call(s, v))
             i = "";
           else if (f) {
@@ -2930,8 +2930,8 @@ class Mn {
           } else
             this.logger.warn(`missed to pass in variable ${v} for interpolating ${e}`), i = "";
         else !K(i) && !this.useRawValueToEscape && (i = ar(i));
-        const w = p.safeValue(i);
-        if (e = e.replace(a[0], w), f ? (p.regex.lastIndex += i.length, p.regex.lastIndex -= a[0].length) : p.regex.lastIndex = 0, o++, o >= this.maxReplaces)
+        const E = p.safeValue(i);
+        if (e = e.replace(a[0], E), f ? (p.regex.lastIndex += i.length, p.regex.lastIndex -= a[0].length) : p.regex.lastIndex = 0, o++, o >= this.maxReplaces)
           break;
       }
     }), e;
@@ -3210,7 +3210,7 @@ class Wn extends gt {
         if (p.length < 6)
           try {
             let v;
-            p.length === 5 ? v = p(e, t, n, s, m) : v = p(e, t, n, s), v && typeof v.then == "function" ? v.then((w) => o(null, w)).catch(o) : o(null, v);
+            p.length === 5 ? v = p(e, t, n, s, m) : v = p(e, t, n, s), v && typeof v.then == "function" ? v.then((E) => o(null, E)).catch(o) : o(null, v);
           } catch (v) {
             o(v);
           }
@@ -3665,21 +3665,21 @@ const kr = ({
   _multiActiveIndex: f,
   ...d
 }) => {
-  const m = ce(null), [p, v] = q(r), [w, E] = q(e), { translate: b } = je(), [O, S] = q(!1), [y, R] = q(t || []), [k, _] = q(0), [T, D] = q([r]), { anchorRef: N, targetRef: P, anchorWidth: A } = ht({
+  const m = ce(null), [p, v] = q(r), [E, w] = q(e), { translate: S } = je(), [O, b] = q(!1), [y, R] = q(t || []), [k, _] = q(0), [T, D] = q([r]), { anchorRef: N, targetRef: P, anchorWidth: A } = ht({
     position: "bottom",
     enabled: O
   }), V = le(() => {
     var h;
-    S(!1), (h = m == null ? void 0 : m.current) == null || h.focus();
+    b(!1), (h = m == null ? void 0 : m.current) == null || h.focus();
   }, []);
   Ye(P, O, () => V());
   const I = On(400), W = (h) => {
     h.length >= a ? o && u && I(async () => {
       const x = await u(o, h);
-      R(x), _(x.length > 0 ? 0 : -1), S(!0);
-    }) : V(), v(h), E(e), c || l == null || l(h, e);
+      R(x), _(x.length > 0 ? 0 : -1), b(!0);
+    }) : V(), v(h), w(e), c || l == null || l(h, e);
   }, z = (h) => {
-    c ? (v(""), E("")) : (v(h.id), E(h.label)), l == null || l(h.id, h.label);
+    c ? (v(""), w("")) : (v(h.id), w(h.label)), l == null || l(h.id, h.label);
     const x = y.findIndex((j) => j.id === h.id);
     _(x), D([h.id]), V();
   }, X = (h) => {
@@ -3691,7 +3691,7 @@ const kr = ({
     }
     switch (h.key) {
       case "Enter":
-        k >= 0 && k < y.length ? z(y[k]) : c && (l == null || l(p, ""), V(), v(""), E(""));
+        k >= 0 && k < y.length ? z(y[k]) : c && (l == null || l(p, ""), V(), v(""), w(""));
         break;
       case "Escape":
         V(), _(-1);
@@ -3704,11 +3704,11 @@ const kr = ({
       {
         ...d,
         bindValue: p,
-        optionalDisplayValue: w,
+        optionalDisplayValue: E,
         displayMode: n,
         isEditable: i,
         shapeIcon: "magnify",
-        placeholder: b(
+        placeholder: S(
           ke.AUTOCOMPLETE_DEFAULT_PLACEHOLDER
         ),
         ref: N,
@@ -3760,10 +3760,11 @@ const kr = ({
   loading: d = !1,
   justify: m = "center",
   title: p,
-  optionalDisplayValue: v
+  optionalDisplayValue: v,
+  squared: E = !1
 }) => {
   const w = {
-    container: `smp-button smp-button-container ${i ? `smp-button-${i}` : ""} ${o ? `smp-buttonVariant-${o}` : ""} ${c ? `smp-buttonType-${c}` : ""} ${f ? "smp-button-fullWidth" : ""} smp-justifyContent-${m}`
+    container: `smp-button smp-button-container ${i ? `smp-button-${i}` : ""} ${o ? `smp-buttonVariant-${o}` : ""} ${c ? `smp-buttonType-${c}` : ""} ${f ? "smp-button-fullWidth" : ""} smp-justifyContent-${m} ${E && !u ? "smp-button-squared" : ""}`
   };
   return /* @__PURE__ */ g.jsx(
     "button",
@@ -3803,26 +3804,27 @@ const kr = ({
   fullWidth: l,
   disabled: u,
   justify: f,
-  onClick: d,
-  onOptionsRequest: m
+  squared: d,
+  onClick: m,
+  onOptionsRequest: p
 }) => {
-  const [p, v] = q(r);
+  const [v, E] = q(r);
   ne(() => {
-    !p && m && e && m(e, void 0).then((b) => v(b)).catch((b) => {
+    !v && p && e && p(e, void 0).then((O) => E(O)).catch((O) => {
       console.error(
         "Errore nel caricamento delle opzioni per ButtonList",
-        b
+        O
       );
     });
-  }, [p, e, m]);
+  }, [v, e, p]);
   const w = {
     container: `smp-button-list smp-button-list-${t} smp-justifyContent-${n}`
-  }, E = p == null ? void 0 : p.map((b, O) => {
-    const S = {
-      bindValue: b.id,
-      optionalDisplayValue: b.label,
-      fun: b.fun,
-      icon: b.icon,
+  }, S = v == null ? void 0 : v.map((O, b) => {
+    const y = {
+      bindValue: O.id,
+      optionalDisplayValue: O.label,
+      fun: O.fun,
+      icon: O.icon,
       variant: a,
       appearance: i,
       showText: o,
@@ -3831,13 +3833,14 @@ const kr = ({
       disabled: u,
       sizing: s,
       justify: f,
+      squared: d,
       onClick: () => {
-        d == null || d(b.id, b.fun);
+        m == null || m(O.id, O.fun);
       }
     };
-    return /* @__PURE__ */ g.jsx(Be, { ...S }, `button-${O}`);
+    return /* @__PURE__ */ g.jsx(Be, { ...y }, `button-${b}`);
   });
-  return /* @__PURE__ */ g.jsx("div", { role: "list", "data-component": "button-list", className: w.container, children: E });
+  return /* @__PURE__ */ g.jsx("div", { role: "list", "data-component": "button-list", className: w.container, children: S });
 }, us = {
   "smp-checkbox-wrapper": "_smp-checkbox-wrapper_z14lq_2"
 }, fs = ({
@@ -3921,14 +3924,14 @@ const kr = ({
       m.bindValue,
       m.optionalDisplayValue,
       t
-    ), w = /* @__PURE__ */ g.jsxs(
+    ), E = /* @__PURE__ */ g.jsxs(
       "div",
       {
         className: l.element,
         role: "listitem",
         draggable: i,
         onDragStart: () => f(p),
-        onDragOver: (b) => i && b.preventDefault(),
+        onDragOver: (S) => i && S.preventDefault(),
         onDrop: () => i && d(p),
         style: {
           "--smp-chips-backgroundColor-base": a
@@ -3948,7 +3951,7 @@ const kr = ({
         ]
       },
       `chip-${p}`
-    ), E = i && p < r.length - 1 ? /* @__PURE__ */ g.jsx(
+    ), w = i && p < r.length - 1 ? /* @__PURE__ */ g.jsx(
       fe,
       {
         icon: "chevron-right",
@@ -3956,7 +3959,7 @@ const kr = ({
       },
       `separator-${p}`
     ) : null;
-    return [w, E].filter(Boolean);
+    return [E, w].filter(Boolean);
   }) });
 };
 function kt(r, e) {
@@ -4011,7 +4014,7 @@ const ps = ({
   multiActiveIndex: l,
   ...u
 }) => {
-  const f = ce(null), [d, m] = q(!1), [p, v] = q(t), [w, E] = q(-1), [b, O] = q([r]), S = Ge(), { anchorRef: y, targetRef: R, anchorWidth: k } = ht({
+  const f = ce(null), [d, m] = q(!1), [p, v] = q(t), [E, w] = q(-1), [S, O] = q([r]), b = Ge(), { anchorRef: y, targetRef: R, anchorWidth: k } = ht({
     position: "bottom",
     enabled: d
   }), _ = le(() => {
@@ -4022,14 +4025,14 @@ const ps = ({
   const T = (A) => {
     e == null || e(A.id, A.label);
     const V = p.findIndex((I) => I.id === A.id);
-    E(V), O([A.id]), _();
+    w(V), O([A.id]), _();
   }, D = (A) => {
-    A.key === "Escape" && (_(), E(-1));
+    A.key === "Escape" && (_(), w(-1));
   }, N = (A) => {
     (A.key === "ArrowDown" || A.key === "ArrowUp") && (A.preventDefault(), P());
   }, P = () => {
     o && c && c(o, void 0).then((A) => {
-      v(A), E(A.length > 0 ? 0 : -1), m(!0);
+      v(A), w(A.length > 0 ? 0 : -1), m(!0);
     });
   };
   return /* @__PURE__ */ g.jsxs(
@@ -4037,8 +4040,8 @@ const ps = ({
     {
       role: "combobox",
       "aria-expanded": d,
-      "aria-controls": S,
-      "aria-owns": S,
+      "aria-controls": b,
+      "aria-owns": b,
       "data-component": "combobox",
       children: [
         /* @__PURE__ */ g.jsx(
@@ -4062,13 +4065,13 @@ const ps = ({
         d && /* @__PURE__ */ g.jsx(mt, { children: /* @__PURE__ */ g.jsx(
           Pr,
           {
-            id: S,
+            id: b,
             options: p,
             displayMode: i,
             ref: R,
             isOpen: d,
-            selectedIndex: w,
-            activeIndex: l || b,
+            selectedIndex: E,
+            activeIndex: l || S,
             width: k,
             onClick: T,
             onKeyDown: D
@@ -4099,7 +4102,7 @@ function ms({
     c ? c.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear()
   ), [p, v] = q(
     c ? c.getDate() : null
-  ), w = ce(null), E = ce([]), b = [
+  ), E = ce(null), w = ce([]), S = [
     a(pe.JANUARY),
     a(pe.FEBRUARY),
     a(pe.MARCH),
@@ -4141,11 +4144,11 @@ function ms({
       value: a(ue.SATURDAY_SHORT),
       full: a(ue.SATURDAY)
     }
-  ], S = (F) => t.some((h) => {
+  ], b = (F) => t.some((h) => {
     const x = h.start.getTime(), j = h.end.getTime(), C = F.getTime();
     return C >= x && C <= j;
   }), y = (F) => {
-    S(F) || (l(F), v(F.getDate()), e && e(en(F)));
+    b(F) || (l(F), v(F.getDate()), e && e(en(F)));
   }, R = () => {
     u === 0 ? (f(11), m(d - 1)) : f(u - 1), v(1);
   }, k = () => {
@@ -4155,7 +4158,7 @@ function ms({
     const h = V.findIndex(
       (j) => j !== null && j.getDate() === F
     );
-    h !== -1 && E.current[h] && ((x = E.current[h]) == null || x.focus(), v(F));
+    h !== -1 && w.current[h] && ((x = w.current[h]) == null || x.focus(), v(F));
   }, N = (F, h) => {
     const x = V[h];
     if (!x) return;
@@ -4172,7 +4175,7 @@ function ms({
             }, 0);
             return;
           }
-          S(L) ? P($, "forward") : D($);
+          b(L) ? P($, "forward") : D($);
         }
         break;
       case "Tab":
@@ -4188,7 +4191,7 @@ function ms({
             }, 0);
             return;
           }
-          S(L) ? P($, "backward") : D($);
+          b(L) ? P($, "backward") : D($);
         }
         break;
       case "ArrowUp":
@@ -4202,7 +4205,7 @@ function ms({
             }, 0);
             return;
           }
-          S(L) ? P($, "backward") : D($);
+          b(L) ? P($, "backward") : D($);
         }
         break;
       case "ArrowDown":
@@ -4216,7 +4219,7 @@ function ms({
             }, 0);
             return;
           }
-          S(L) ? P($, "forward") : D($);
+          b(L) ? P($, "forward") : D($);
         }
         break;
       case "Home":
@@ -4245,7 +4248,7 @@ function ms({
         break;
       case " ":
       case "Space":
-        if (S(x)) return;
+        if (b(x)) return;
         v(x.getDate()), l(x);
         break;
       case "Enter":
@@ -4257,7 +4260,7 @@ function ms({
     if (h === "forward") {
       for (let j = F; j <= x; j++) {
         const C = new Date(d, u, j);
-        if (!S(C)) {
+        if (!b(C)) {
           D(j);
           return;
         }
@@ -4268,7 +4271,7 @@ function ms({
     } else {
       for (let L = F; L >= 1; L--) {
         const U = new Date(d, u, L);
-        if (!S(U)) {
+        if (!b(U)) {
           D(L);
           return;
         }
@@ -4301,7 +4304,7 @@ function ms({
       const h = V.findIndex(
         (x) => x !== null && x.getDate() === p
       );
-      h !== -1 && E.current[h] && ((F = E.current[h]) == null || F.focus());
+      h !== -1 && w.current[h] && ((F = w.current[h]) == null || F.focus());
     }
   }, [u, d, p, V]);
   const z = {
@@ -4315,7 +4318,7 @@ function ms({
        ${h ? "smp-datepickercalendar-td-selected" : ""}
        ${x ? "smp-datepickercalendar-td-focused" : ""}
        ${j ? "smp-datepickercalendar-td-disabled" : ""}`
-  }, X = () => `${b[u]} ${d.toString()}`;
+  }, X = () => `${S[u]} ${d.toString()}`;
   return /* @__PURE__ */ g.jsxs(
     "div",
     {
@@ -4372,9 +4375,9 @@ function ms({
         /* @__PURE__ */ g.jsxs(
           "table",
           {
-            ref: w,
+            ref: E,
             role: "grid",
-            "aria-label": `${a(ke.CALENDAR_FOR)} ${b[u]} ${d}`,
+            "aria-label": `${a(ke.CALENDAR_FOR)} ${S[u]} ${d}`,
             className: z.table,
             children: [
               /* @__PURE__ */ g.jsx("thead", { children: /* @__PURE__ */ g.jsx("tr", { children: O.map((F) => /* @__PURE__ */ g.jsx(
@@ -4402,7 +4405,7 @@ function ms({
                     },
                     `empty-${j}`
                   );
-                const $ = x.getDate() === o.getDate() && x.getMonth() === o.getMonth() && x.getFullYear() === o.getFullYear(), L = c && x.getDate() === c.getDate() && x.getMonth() === c.getMonth() && x.getFullYear() === c.getFullYear(), U = p === x.getDate(), B = S(x);
+                const $ = x.getDate() === o.getDate() && x.getMonth() === o.getMonth() && x.getFullYear() === o.getFullYear(), L = c && x.getDate() === c.getDate() && x.getMonth() === c.getMonth() && x.getFullYear() === c.getFullYear(), U = p === x.getDate(), B = b(x);
                 return /* @__PURE__ */ g.jsx(
                   "td",
                   {
@@ -4411,11 +4414,11 @@ function ms({
                     tabIndex: U ? 0 : -1,
                     onClick: () => y(x),
                     onKeyDown: (Y) => N(Y, C),
-                    "aria-label": `${x.getDate()} ${b[x.getMonth()]} ${x.getFullYear()}`,
+                    "aria-label": `${x.getDate()} ${S[x.getMonth()]} ${x.getFullYear()}`,
                     "data-selected": L,
                     "aria-disabled": B,
                     ref: (Y) => {
-                      E.current[C] = Y;
+                      w.current[C] = Y;
                     },
                     className: z.td(
                       $,
@@ -4458,13 +4461,13 @@ const gs = ({
       typeof m == "object" && m !== null && "current" in m
     ) {
       const T = m.current.querySelector("input");
-      T && T === document.activeElement && S();
+      T && T === document.activeElement && b();
     }
     v();
   }), kt(o, p);
-  const { format: w, getCurrentLanguage: E } = je(), b = le(
+  const { format: E, getCurrentLanguage: w } = je(), S = le(
     (T) => {
-      const D = T.length > 5 && Xr(T, E()) || T, N = w(D, void 0, void 0, {
+      const D = T.length > 5 && Xr(T, w()) || T, N = E(D, void 0, void 0, {
         type: "date"
       }), P = typeof D != "string", A = P && D.toISOString().substring(0, 10) || "";
       return {
@@ -4474,18 +4477,18 @@ const gs = ({
         normalizedDate: D
       };
     },
-    [E, w]
+    [w, E]
   );
   ne(() => {
-    const { formattedDate: T, isoDate: D, isValid: N } = b(r);
+    const { formattedDate: T, isoDate: D, isValid: N } = S(r);
     u(N && D || r), d(N && T || r);
-  }, [r, w, b]);
-  const O = () => c((T) => !T), S = () => {
+  }, [r, E, S]);
+  const O = () => c((T) => !T), b = () => {
     R(f);
   }, y = (T) => {
     R(T), v();
   }, R = (T) => {
-    const { isoDate: D, isValid: N } = b(T);
+    const { isoDate: D, isValid: N } = S(T);
     t && t(N && D || T);
   }, k = (T) => {
     d(T);
@@ -4499,7 +4502,7 @@ const gs = ({
         ...a,
         bindValue: f,
         placeholder: e,
-        onBlur: S,
+        onBlur: b,
         onChange: k,
         onKeyDown: _,
         shapeIcon: "calendar",
@@ -4536,20 +4539,20 @@ const gs = ({
   onChange: f,
   onBlur: d
 }) => {
-  const m = r.map((w) => w.bindValue), p = (w, E) => {
-    const b = [...r];
-    if (w == "")
-      b.pop();
+  const m = r.map((E) => E.bindValue), p = (E, w) => {
+    const S = [...r];
+    if (E == "")
+      S.pop();
     else {
-      const O = b.findIndex(
-        (S) => S.bindValue === w && S.optionalDisplayValue === E
+      const O = S.findIndex(
+        (b) => b.bindValue === E && b.optionalDisplayValue === w
       );
-      O >= 0 ? b.splice(O, 1) : b.push({
-        bindValue: w,
-        optionalDisplayValue: E
+      O >= 0 ? S.splice(O, 1) : S.push({
+        bindValue: E,
+        optionalDisplayValue: w
       });
     }
-    f == null || f(b);
+    f == null || f(S);
   }, v = {
     container: "smp-multipleAutocomplete-container"
   };
@@ -4566,8 +4569,8 @@ const gs = ({
             elements: r,
             displayMode: e,
             isEditable: s,
-            onChange: (w) => {
-              f == null || f(w);
+            onChange: (E) => {
+              f == null || f(E);
             }
           }
         ),
@@ -4718,16 +4721,16 @@ const Pe = (r, e, t) => ({
       useGrouping: !0
     }).format(P),
     [f]
-  ), v = le(ss, [d, m]), w = le(es, [r, e]), E = a != null && a.toString().includes(".") ? a.toString().split(".")[1].length : 0, [b, O] = q(E), [S, y] = q(
-    a != null ? p(a, b) : ""
+  ), v = le(ss, [d, m]), E = le(es, [r, e]), w = a != null && a.toString().includes(".") ? a.toString().split(".")[1].length : 0, [S, O] = q(w), [b, y] = q(
+    a != null ? p(a, S) : ""
   ), R = ce(a ?? null);
   ne(() => {
     if (a == null) {
       y(""), R.current = null;
       return;
     }
-    const P = a.toString().includes(".") ? a.toString().split(".")[1].length : 0, A = P === 0 ? b : P;
-    A !== b && O(A), y(p(a, A)), R.current = a;
+    const P = a.toString().includes(".") ? a.toString().split(".")[1].length : 0, A = P === 0 ? S : P;
+    A !== S && O(A), y(p(a, A)), R.current = a;
   }, [a, p]);
   const k = le(
     (P, A = !1) => {
@@ -4738,12 +4741,12 @@ const Pe = (r, e, t) => ({
       const V = v(P, d, m);
       if (isNaN(V))
         if (R.current != null) {
-          const I = p(R.current, b);
+          const I = p(R.current, S);
           y(I);
         } else
           y("");
       else {
-        const I = w(V, r, e), W = ns(
+        const I = E(V, r, e), W = ns(
           P,
           d,
           m
@@ -4757,29 +4760,29 @@ const Pe = (r, e, t) => ({
       v,
       d,
       m,
-      w,
+      E,
       r,
       e,
       p,
       i,
       o,
-      b
+      S
     ]
-  ), _ = (P) => y(P), T = () => k(S), D = (P) => {
+  ), _ = (P) => y(P), T = () => k(b), D = (P) => {
     if (P.key === "Enter") {
-      P.preventDefault(), k(S, !0);
+      P.preventDefault(), k(b, !0);
       return;
     }
     if (P.key === "ArrowUp" || P.key === "ArrowDown") {
       P.preventDefault();
-      const A = P.key === "ArrowUp" ? 1 : -1, V = R.current ?? 0, I = w(V + A * t, r, e);
-      k(p(I, b));
+      const A = P.key === "ArrowUp" ? 1 : -1, V = R.current ?? 0, I = E(V + A * t, r, e);
+      k(p(I, S));
     }
   }, N = (P) => {
     if (!P.currentTarget.contains(document.activeElement)) return;
     P.preventDefault();
-    const A = P.deltaY < 0 ? 1 : -1, V = R.current ?? 0, I = w(V + A * t, r, e);
-    k(p(I, b));
+    const A = P.deltaY < 0 ? 1 : -1, V = R.current ?? 0, I = E(V + A * t, r, e);
+    k(p(I, S));
   };
   return /* @__PURE__ */ g.jsx("div", { ref: u, "data-component": "input-number", onWheel: N, children: /* @__PURE__ */ g.jsx(
     De,
@@ -4788,7 +4791,7 @@ const Pe = (r, e, t) => ({
       "aria-valuemin": r,
       "aria-valuemax": e,
       "aria-valuenow": R.current ?? void 0,
-      bindValue: S,
+      bindValue: b,
       inputType: "text",
       inputMode: n,
       min: r,
@@ -4858,13 +4861,13 @@ const Es = ({
   onBlur: f,
   onKeyDown: d
 }) => {
-  const m = Ge(), p = `${m}-helper`, v = u ? "danger" : s, w = l || !!u, E = (O) => {
+  const m = Ge(), p = `${m}-helper`, v = u ? "danger" : s, E = l || !!u, w = (O) => {
     t == null || t(O.target.value);
-  }, b = {
+  }, S = {
     wrapper: "smp-textarea-wrapper",
     container: `smp-textarea ${r ? "smp-textarea-disabled" : ""} ${n ? "smp-textarea-placeholder" : ""} ${v ? `smp-textarea-${v}` : ""} ${a ? `smp-textarea-${a}` : ""} ${i ? "" : "smp-textarea-readOnly"}`
   };
-  return /* @__PURE__ */ g.jsxs("div", { className: b.wrapper, "data-component": "textarea", children: [
+  return /* @__PURE__ */ g.jsxs("div", { className: S.wrapper, "data-component": "textarea", children: [
     o && /* @__PURE__ */ g.jsx(Re, { htmlFor: m, label: o, disabled: r }),
     /* @__PURE__ */ g.jsx(
       "textarea",
@@ -4872,18 +4875,18 @@ const Es = ({
         id: m,
         value: e,
         placeholder: n,
-        onChange: E,
+        onChange: w,
         onBlur: f,
-        className: b.container,
+        className: S.container,
         disabled: r,
         readOnly: !i,
         onKeyDown: d,
         "aria-label": o ? void 0 : c,
         "aria-labelledby": o ? m : void 0,
-        "aria-describedby": w ? p : void 0
+        "aria-describedby": E ? p : void 0
       }
     ),
-    w && /* @__PURE__ */ g.jsx(
+    E && /* @__PURE__ */ g.jsx(
       Rr,
       {
         id: p,
@@ -5040,16 +5043,16 @@ const Es = ({
   }, [i]);
   const v = () => {
     n && o((y) => !y);
-  }, w = (y) => {
+  }, E = (y) => {
     f(y);
-  }, E = (y, R, k) => {
+  }, w = (y, R, k) => {
     const _ = Ds(y, R, k);
     l(_), f(_), t == null || t(_), p();
-  }, b = () => {
-    S(u);
+  }, S = () => {
+    b(u);
   }, O = (y) => {
-    y.key === "Enter" && (y.preventDefault(), S(u));
-  }, S = (y) => {
+    y.key === "Enter" && (y.preventDefault(), b(u));
+  }, b = (y) => {
     if (y.trim() === "") {
       l(""), f(""), t == null || t("");
       return;
@@ -5063,8 +5066,8 @@ const Es = ({
         ...s,
         bindValue: u,
         placeholder: e,
-        onChange: w,
-        onBlur: b,
+        onChange: E,
+        onBlur: S,
         onKeyDown: O,
         shapeIcon: "clock",
         onShapeIconClick: v,
@@ -5077,7 +5080,7 @@ const Es = ({
       Os,
       {
         value: Rs(c),
-        onChange: E,
+        onChange: w,
         targetRef: m,
         isOpen: i
       }
@@ -5142,56 +5145,56 @@ const Tr = /* @__PURE__ */ new Map([
   onBlur: m,
   onOptionsRequest: p,
   onContextMenu: v,
-  isEditable: w
+  isEditable: E
 }) => {
-  const E = {
+  const w = {
     obj: t,
     shape: e,
     decode: r,
     icon: s,
     fun: a
-  }, b = {
+  }, S = {
     onBlur: m,
     onOptionsRequest: p,
     fun: a,
     icon: s,
     tooltip: c,
     label: o,
-    isEditable: w,
+    isEditable: E,
     ...n
-  }, O = (T, D, N) => qr(t) ? Pe(T, new lt(t, D).getLegacyValue()) : zr(t) ? Pe(T, new pt(t, D).getLegacyValue()) : Pe(T, D, N), S = (T, D) => Pe(
+  }, O = (T, D, N) => qr(t) ? Pe(T, new lt(t, D).getLegacyValue()) : zr(t) ? Pe(T, new pt(t, D).getLegacyValue()) : Pe(T, D, N), b = (T, D) => Pe(
     T,
     new He(t, D, ".").getLegacyValue()
-  ), y = (T) => Pe(E, new ot(t, T).getLegacyValue()), R = (T) => Ss(E, T), k = () => {
+  ), y = (T) => Pe(w, new ot(t, T).getLegacyValue()), R = (T) => Ss(w, T), k = () => {
     switch (e) {
       case te.AUTOCOMPLETE: {
         const T = {
-          ...b,
+          ...S,
           bindValue: t.k,
           optionalDisplayValue: r,
           onChange: (D, N) => {
-            u == null || u(O(E, D, N));
+            u == null || u(O(w, D, N));
           }
         };
         return /* @__PURE__ */ g.jsx(kr, { ...T });
       }
       case te.BUTTON: {
         const T = {
-          ...b,
+          ...S,
           bindValue: t.k,
           optionalDisplayValue: r,
           onClick: () => {
-            f == null || f(O(E, t.k));
+            f == null || f(O(w, t.k));
           }
         };
         return /* @__PURE__ */ g.jsx(Be, { ...T });
       }
       case te.BUTTON_LIST: {
         const T = {
-          ...b,
+          ...S,
           options: l,
           onClick: (D, N) => {
-            const P = { ...E, fun: N };
+            const P = { ...w, fun: N };
             f == null || f(O(P, D));
           }
         };
@@ -5199,15 +5202,15 @@ const Tr = /* @__PURE__ */ new Map([
       }
       case te.CHIP: {
         const T = {
-          ...b,
-          elements: wr(E)
+          ...S,
+          elements: wr(w)
         };
         return /* @__PURE__ */ g.jsx(Lt, { ...T });
       }
       case te.CHECKBOX:
       case te.SWITCH: {
         const T = e === te.SWITCH, D = {
-          ...b,
+          ...S,
           bindValue: ot.fromDataObj(t).getValue(),
           optionalDisplayValue: r,
           onChange: (N) => {
@@ -5219,21 +5222,21 @@ const Tr = /* @__PURE__ */ new Map([
       }
       case te.COMBOBOX: {
         const T = {
-          ...b,
+          ...S,
           bindValue: t.k,
           optionalDisplayValue: r,
           onChange: (D, N) => {
-            u == null || u(O(E, D, N));
+            u == null || u(O(w, D, N));
           }
         };
         return /* @__PURE__ */ g.jsx(ps, { ...T });
       }
       case te.DATE: {
         const T = {
-          ...b,
+          ...S,
           bindValue: lt.fromDataObj(t).getValue(),
           onChange: (D) => {
-            u == null || u(O(E, D));
+            u == null || u(O(w, D));
           }
         };
         return /* @__PURE__ */ g.jsx(gs, { ...T });
@@ -5241,41 +5244,41 @@ const Tr = /* @__PURE__ */ new Map([
       case te.ICON:
       case te.IMAGE: {
         const T = {
-          ...b,
+          ...S,
           icon: s,
           placeholderIcon: i,
-          isInteractable: !!b.fun,
+          isInteractable: !!S.fun,
           onClick: () => {
-            f == null || f(O(E, t.k));
+            f == null || f(O(w, t.k));
           }
         };
         return /* @__PURE__ */ g.jsx(fe, { ...T });
       }
       case te.INPUT_NUMBER: {
         const T = {
-          ...b,
+          ...S,
           bindValue: He.fromDataObj(t, ".").getValue(),
           onChange: (D) => {
-            u == null || u(S(E, D));
+            u == null || u(b(w, D));
           }
         };
         return /* @__PURE__ */ g.jsx(ws, { ...T });
       }
       case te.MEMO: {
         const T = {
-          ...b,
+          ...S,
           bindValue: t.k,
           optionalDisplayValue: r,
           onChange: (D) => {
-            u == null || u(O(E, D));
+            u == null || u(O(w, D));
           }
         };
         return /* @__PURE__ */ g.jsx(Es, { ...T });
       }
       case te.MULTI_AUTOCOMPLETE: {
         const T = {
-          ...b,
-          elements: wr(E),
+          ...S,
+          elements: wr(w),
           onChange: (D) => {
             u == null || u(R(D));
           }
@@ -5284,58 +5287,58 @@ const Tr = /* @__PURE__ */ new Map([
       }
       case te.PASSWORD: {
         const T = {
-          ...b,
+          ...S,
           bindValue: t.k,
           onChange: (D) => {
-            u == null || u(O(E, D));
+            u == null || u(O(w, D));
           }
         };
         return /* @__PURE__ */ g.jsx(vs, { ...T });
       }
       case te.RADIO: {
         const T = {
-          ...b,
+          ...S,
           bindValue: t.k,
           onChange: (D, N) => {
-            u == null || u(O(E, D, N));
+            u == null || u(O(w, D, N));
           }
         };
         return /* @__PURE__ */ g.jsx(Ts, { ...T });
       }
       case te.SPOTLIGHT: {
         const T = {
-          ...b,
+          ...S,
           bindValue: t.k,
           onEnter: (D) => {
-            d == null || d(O(E, D));
+            d == null || d(O(w, D));
           }
         };
         return /* @__PURE__ */ g.jsx(xs, { ...T });
       }
       case te.TEXT_FIELD: {
         const T = {
-          ...b,
+          ...S,
           bindValue: t.k,
           optionalDisplayValue: r,
           onChange: (D) => {
-            u == null || u(O(E, D));
+            u == null || u(O(w, D));
           }
         };
         return /* @__PURE__ */ g.jsx(De, { ...T });
       }
       case te.TIME: {
         const T = {
-          ...b,
+          ...S,
           bindValue: pt.fromDataObj(t).getValue(),
           onChange: (D) => {
-            u == null || u(O(E, D));
+            u == null || u(O(w, D));
           }
         };
         return /* @__PURE__ */ g.jsx(js, { ...T });
       }
       default: {
         const T = {
-          ...b,
+          ...S,
           bindValue: t.k,
           optionalDisplayValue: r
         };
@@ -5350,7 +5353,7 @@ const Tr = /* @__PURE__ */ new Map([
     {
       className: _.wrapper,
       onContextMenu: (T) => {
-        v && c && (T.preventDefault(), v(E, T.currentTarget));
+        v && c && (T.preventDefault(), v(w, T.currentTarget));
       },
       children: k()
     }
@@ -5369,17 +5372,17 @@ const Tr = /* @__PURE__ */ new Map([
         return {};
       const u = l.rows[0];
       return l.columns.filter((m) => m.visible).reduce((m, p) => {
-        const v = u.cells[p.name], w = {
+        const v = u.cells[p.name], E = {
           ...v,
           id: p.name,
-          onChange: (E) => {
-            a((b) => b && {
-              ...b,
+          onChange: (w) => {
+            a((S) => S && {
+              ...S,
               [p.name]: {
-                ...b[p.name],
+                ...S[p.name],
                 obj: {
-                  ...b[p.name].obj,
-                  k: E.obj.k
+                  ...S[p.name].obj,
+                  k: w.obj.k
                 }
               }
             });
@@ -5389,16 +5392,16 @@ const Tr = /* @__PURE__ */ new Map([
               ...v
             });
           },
-          onEnter: (E) => {
-            t && t(E);
+          onEnter: (w) => {
+            t && t(w);
           },
-          onContextMenu: (E, b) => {
-            n && n(E, b);
+          onContextMenu: (w, S) => {
+            n && n(w, S);
           }
         };
         return {
           ...m,
-          [p.name]: w
+          [p.name]: E
         };
       }, {});
     },
@@ -5430,8 +5433,8 @@ const Tr = /* @__PURE__ */ new Map([
   loadOptions: c,
   onContextMenu: l
 }) => {
-  var S, y;
-  const [u, f] = q(), [d, m] = q(t ?? !0), p = ce(null), v = s.trim() ? s : "100vh", w = le(
+  var b, y;
+  const [u, f] = q(), [d, m] = q(t ?? !0), p = ce(null), v = s.trim() ? s : "100vh", E = le(
     (R) => {
       var _, T;
       if (!((_ = R == null ? void 0 : R.rows) != null && _.length) || !((T = R == null ? void 0 : R.columns) != null && T.length))
@@ -5465,7 +5468,8 @@ const Tr = /* @__PURE__ */ new Map([
         )), !d && de(n) && (A.data = {
           ...A.data,
           showText: !1,
-          justify: "center"
+          justify: "center",
+          squared: !0
         }), {
           ...D,
           [N.name]: A
@@ -5473,18 +5477,18 @@ const Tr = /* @__PURE__ */ new Map([
       }, {});
     },
     [d, n, a, i, c, l]
-  ), E = le(() => {
+  ), w = le(() => {
     o == null || o();
-  }, [o]), b = () => {
+  }, [o]), S = () => {
     de(n) ? m((R) => !R) : (m(!1), o == null || o());
   };
   if (ne(() => {
-    f(w(r));
+    f(E(r));
   }, [r]), ne(() => {
     if (!p.current)
       return;
     if (!de(n)) {
-      f(w(r));
+      f(E(r));
       return;
     }
     const R = getComputedStyle(p.current).getPropertyValue(
@@ -5492,11 +5496,11 @@ const Tr = /* @__PURE__ */ new Map([
     );
     let k = Number(R);
     R.endsWith("ms") ? k = parseFloat(R) : R.endsWith("s") && (k = parseFloat(R) * 1e3), setTimeout(() => {
-      f(w(r));
+      f(E(r));
     }, k / 2);
   }, [d, n]), ne(() => {
     t !== void 0 && !de(n) && m(t);
-  }, [n, t]), !((S = r == null ? void 0 : r.rows) != null && S.length) || !((y = r.columns) != null && y.length))
+  }, [n, t]), !((b = r == null ? void 0 : r.rows) != null && b.length) || !((y = r.columns) != null && y.length))
     return null;
   const O = {
     drawer: `smp-drawer ${de(n) ? "smp-drawer-minified" : "smp-drawer-fixed"} ${d ? "smp-drawer-open" : ""}  ${!de(n) && !d ? "smp-drawer-no-border" : ""}`,
@@ -5514,7 +5518,7 @@ const Tr = /* @__PURE__ */ new Map([
         "aria-hidden": "true",
         "aria-label": "drawer-backdrop",
         className: O.backdrop,
-        onClick: E
+        onClick: w
       }
     ),
     /* @__PURE__ */ g.jsx(
@@ -5543,7 +5547,7 @@ const Tr = /* @__PURE__ */ new Map([
                 title: "drawer_icon",
                 rotated: !d,
                 isInteractable: !0,
-                onClick: b,
+                onClick: S,
                 width: 20,
                 height: 20
               }
@@ -5571,12 +5575,12 @@ const Tr = /* @__PURE__ */ new Map([
   UmColName: m,
   UmColor: p = "var(--smp-dashList-color-base)",
   ForceValue: v,
-  ValueColName: w,
-  ValueColor: E = "var(--smp-dashList-color-base)",
-  SelectLayout: b = "1",
+  ValueColName: E,
+  ValueColor: w = "var(--smp-dashList-color-base)",
+  SelectLayout: S = "1",
   onClick: O
 }) => {
-  const S = "N/A", y = (e == null ? void 0 : e.columns) || [], R = (e == null ? void 0 : e.rows) || [], k = R.length > 0, _ = "--smp-dashList-color", T = "smp-layout", D = "descr", N = "icon", P = "um", A = "value", V = i || "1em", I = "18px", W = "--smp-dashList-columns", z = "--smp-dashList-fontSize", X = {
+  const b = "N/A", y = (e == null ? void 0 : e.columns) || [], R = (e == null ? void 0 : e.rows) || [], k = R.length > 0, _ = "--smp-dashList-color", T = "smp-layout", D = "descr", N = "icon", P = "um", A = "value", V = i || "1em", I = "18px", W = "--smp-dashList-columns", z = "--smp-dashList-fontSize", X = {
     dash: (H = "1") => {
       const Z = h(H), re = Z, se = x(Z, D), he = x(Z, N), Se = x(Z, P), ve = x(Z, A);
       return {
@@ -5619,7 +5623,7 @@ const Tr = /* @__PURE__ */ new Map([
       descr: t || Z(n) || re(2) || "",
       icon: c || Z(l) || re(3) || "",
       um: d || Z(m) || re(1) || "",
-      value: v || Z(w) || re(0) || ""
+      value: v || Z(E) || re(0) || ""
     };
   }, B = (H) => {
     O == null || O(H);
@@ -5642,13 +5646,13 @@ const Tr = /* @__PURE__ */ new Map([
       um: (re) => /* @__PURE__ */ g.jsx("div", { className: Z.um, children: re }, `${H}-${P}`),
       value: (re) => /* @__PURE__ */ g.jsx("div", { className: Z.value, children: re }, `${H}-${A}`)
     };
-  })(b), ae = (H) => {
+  })(S), ae = (H) => {
     const { descr: Z, icon: re, um: se, value: he } = U(H), Se = {
       [j(D)]: C(s),
       [j(P)]: C(p),
-      [j(A)]: C(E)
+      [j(A)]: C(w)
     }, ve = [], _e = $(he);
-    switch (b) {
+    switch (S) {
       case "2":
         re && ve.push(G.icon(re)), ve.push(G.descr(Z)), ve.push(
           G.value(se ? _e + " " + se : _e)
@@ -5677,7 +5681,7 @@ const Tr = /* @__PURE__ */ new Map([
     [W]: String(r),
     [z]: V
   };
-  return /* @__PURE__ */ g.jsx("div", { className: X.dashList, style: M, children: k ? R.map((H) => ae(H)) : S });
+  return /* @__PURE__ */ g.jsx("div", { className: X.dashList, style: M, children: k ? R.map((H) => ae(H)) : b });
 }, nt = {
   "smp-table": "_smp-table_1qmju_1",
   "smp-headerCell": "_smp-headerCell_1qmju_35",
@@ -5711,8 +5715,8 @@ const Nr = ({
   rowHeight: n = 26,
   offsetTop: s
 }) => {
-  var b;
-  const [a, i] = q(!1), o = st(r) && !!((b = r.children) != null && b.length), c = r.cells && Object.keys(r.cells).length > 0, l = o, u = t * 20, f = () => {
+  var S;
+  const [a, i] = q(!1), o = st(r) && !!((S = r.children) != null && S.length), c = r.cells && Object.keys(r.cells).length > 0, l = o, u = t * 20, f = () => {
     o && i(!a);
   }, d = {
     content: `${Ee.rowContent} ${o ? Ee.clickable : ""}`,
@@ -5732,8 +5736,8 @@ const Nr = ({
       style: { width: `${u}px` },
       "aria-hidden": "true"
     }
-  ), w = () => {
-    const O = Ms(r) ? "" : r.decode || (c ? "" : "Untitled"), S = s ?? n * t;
+  ), E = () => {
+    const O = Ms(r) ? "" : r.decode || (c ? "" : "Untitled"), b = s ?? n * t;
     return /* @__PURE__ */ g.jsxs(
       "tr",
       {
@@ -5744,7 +5748,7 @@ const Nr = ({
         style: {
           height: `${n}px`,
           lineHeight: `calc(${n}px - 2*2px)`,
-          transform: `translateY(${S}px)`
+          transform: `translateY(${b}px)`
         },
         children: [
           st(r) && /* @__PURE__ */ g.jsxs(
@@ -5780,13 +5784,13 @@ const Nr = ({
         ]
       }
     );
-  }, E = () => {
+  }, w = () => {
     var O;
-    return a || !o ? null : /* @__PURE__ */ g.jsx(g.Fragment, { children: st(r) && ((O = r.children) == null ? void 0 : O.map((S, y) => /* @__PURE__ */ g.jsx(Nr, { row: S, level: t + 1 }, `child-${y}`))) });
+    return a || !o ? null : /* @__PURE__ */ g.jsx(g.Fragment, { children: st(r) && ((O = r.children) == null ? void 0 : O.map((b, y) => /* @__PURE__ */ g.jsx(Nr, { row: b, level: t + 1 }, `child-${y}`))) });
   };
   return /* @__PURE__ */ g.jsxs(g.Fragment, { children: [
-    w(),
-    E()
+    E(),
+    w()
   ] });
 }, Vs = ({
   label: r,
@@ -5855,17 +5859,17 @@ function Ws(r, e, t, n) {
       return;
     }
     const p = e[d].column, v = o(f, p);
-    for (const [w, E] of v) {
-      const b = [...m, w], O = c(b, d), S = n.has(O);
-      s.push(l(w, O, d, S)), a += t, S && i(E, d + 1, b);
+    for (const [E, w] of v) {
+      const S = [...m, E], O = c(S, d), b = n.has(O);
+      s.push(l(E, O, d, b)), a += t, b && i(w, d + 1, S);
     }
   }
   function o(f, d) {
     var p;
     const m = /* @__PURE__ */ new Map();
     for (const v of f) {
-      const w = ((p = v.cells[d]) == null ? void 0 : p.decode) ?? "N/D";
-      m.has(w) || m.set(w, []), m.get(w).push(v);
+      const E = ((p = v.cells[d]) == null ? void 0 : p.decode) ?? "N/D";
+      m.has(E) || m.set(E, []), m.get(E).push(v);
     }
     return m;
   }
@@ -5960,8 +5964,8 @@ const Bs = ({
           if (!l.visible) continue;
           const u = ((o = l.title) == null ? void 0 : o.length) || 0, f = Math.max(
             ...e.map((d) => {
-              var m, p, v, w;
-              return `${((p = (m = d.cells) == null ? void 0 : m[l.name]) == null ? void 0 : p.decode) || ((w = (v = d.cells) == null ? void 0 : v[l.name]) == null ? void 0 : w.value) || ""}`.length;
+              var m, p, v, E;
+              return `${((p = (m = d.cells) == null ? void 0 : m[l.name]) == null ? void 0 : p.decode) || ((E = (v = d.cells) == null ? void 0 : v[l.name]) == null ? void 0 : E.value) || ""}`.length;
             }),
             u
           );
@@ -6003,16 +6007,16 @@ const Bs = ({
   }, [r, c, u, e]);
   const v = (_) => {
     l(Us(_, c));
-  }, w = (_) => {
+  }, E = (_) => {
     _.preventDefault();
     const T = _.dataTransfer.getData("text/plain");
     if (!T || c.some((P) => P.column === T))
       return;
     const N = [...c, { column: T, visible: !0 }];
     l(N);
-  }, E = (_) => {
+  }, w = (_) => {
     _.preventDefault();
-  }, { virtualItems: b, containerProps: O, innerProps: S } = Cr({
+  }, { virtualItems: S, containerProps: O, innerProps: b } = Cr({
     items: (i == null ? void 0 : i.rows) ?? [],
     itemHeight: e,
     containerHeight: t,
@@ -6046,8 +6050,8 @@ const Bs = ({
             {
               groups: c,
               onChange: v,
-              onDrop: w,
-              onDragOver: E
+              onDrop: E,
+              onDragOver: w
             }
           ),
           /* @__PURE__ */ g.jsx("tr", { children: i.columns && ((k = i.columns) == null ? void 0 : k.map(
@@ -6086,7 +6090,7 @@ const Bs = ({
             )
           )) })
         ] }),
-        /* @__PURE__ */ g.jsx("tbody", { ...S, children: b.map(({ item: _, index: T, offsetTop: D }) => {
+        /* @__PURE__ */ g.jsx("tbody", { ...b, children: S.map(({ item: _, index: T, offsetTop: D }) => {
           const N = _.rowId || _.value || `${_.isGroup ? "group" : "row"}-${T}`;
           return _.isGroup ? /* @__PURE__ */ g.jsx(
             Vs,
@@ -6202,63 +6206,63 @@ const Bs = ({
   onCheckObj: o,
   onContextMenu: c
 }) => {
-  var b, O;
+  var S, O;
   const [l, u] = q({}), { translate: f } = je();
   ne(() => {
     u(v(r));
   }, [r]);
-  const d = (S, y) => {
+  const d = (b, y) => {
     u((R) => ({
       ...R,
-      [S]: {
-        ...R[S],
+      [b]: {
+        ...R[b],
         obj: {
-          ...R[S].obj,
+          ...R[b].obj,
           k: y.obj.k
         },
         decode: y.decode,
         data: {
-          ...R[S].data,
+          ...R[b].data,
           error: void 0
         },
         // FIXME: remove this when webup.js will not use value
         value: y.obj.k
       }
     })), n && (y.shape == te.CHECKBOX || y.shape == te.SWITCH) && m();
-  }, m = (S) => {
-    const y = w();
+  }, m = (b) => {
+    const y = E();
     a({
       value: y,
-      cell: S
+      cell: b
     });
-  }, p = async (S) => {
+  }, p = async (b) => {
     var y, R;
-    if (l[S].obj.k != r.rows[0].cells[S].obj.k && ((y = l[S].inputSettings) != null && y.checkObject && o && ((await o({
-      obj: l[S].obj,
-      fun: l[S].fun,
-      cellId: S
+    if (l[b].obj.k != r.rows[0].cells[b].obj.k && ((y = l[b].inputSettings) != null && y.checkObject && o && ((await o({
+      obj: l[b].obj,
+      fun: l[b].fun,
+      cellId: b
     })).valid || u((_) => ({
       ..._,
-      [S]: {
-        ..._[S],
+      [b]: {
+        ..._[b],
         data: {
-          ..._[S].data,
+          ..._[b].data,
           error: f(ke.CHECK_OBJECT_WRONG_VALIDATION)
         }
       }
-    }))), (R = l[S].inputSettings) != null && R.checkValueOnExit)) {
-      const k = w();
+    }))), (R = l[b].inputSettings) != null && R.checkValueOnExit)) {
+      const k = E();
       i == null || i({
         value: k,
-        cell: S
+        cell: b
       });
     }
-  }, v = (S) => {
+  }, v = (b) => {
     var R, k, _;
-    if (!((R = S.rows) != null && R.length) || !((k = S.columns) != null && k.length))
+    if (!((R = b.rows) != null && R.length) || !((k = b.columns) != null && k.length))
       return {};
-    const y = (_ = S.rows) == null ? void 0 : _[0];
-    return S.columns.filter((T) => T.visible ?? !0).reduce((T, D) => {
+    const y = (_ = b.rows) == null ? void 0 : _[0];
+    return b.columns.filter((T) => T.visible ?? !0).reduce((T, D) => {
       const N = {
         ...y.cells[D.name],
         id: D.name,
@@ -6271,7 +6275,7 @@ const Bs = ({
         [D.name]: N
       };
     }, {});
-  }, w = () => ({
+  }, E = () => ({
     before: r,
     after: {
       type: "SmeupDataTable",
@@ -6282,18 +6286,18 @@ const Bs = ({
         }
       ]
     }
-  }), E = ((O = (b = r.setup) == null ? void 0 : b.commands) == null ? void 0 : O.map((S, y) => /* @__PURE__ */ Ur(
+  }), w = ((O = (S = r.setup) == null ? void 0 : S.commands) == null ? void 0 : O.map((b, y) => /* @__PURE__ */ Ur(
     Te,
     {
-      ...S,
-      decode: S.value,
+      ...b,
+      decode: b.value,
       id: `command-${y}`,
       key: `command-${y}`,
       shape: te.BUTTON,
-      onClick: () => m(S.obj.k)
+      onClick: () => m(b.obj.k)
     }
   ))) || [];
-  return t || E.unshift(
+  return t || w.unshift(
     /* @__PURE__ */ g.jsx(
       Te,
       {
@@ -6316,22 +6320,22 @@ const Bs = ({
         style: {
           padding: "1em 0"
         },
-        children: /* @__PURE__ */ g.jsx(it, { layout: r.rows[0].layout, children: Object.values(l).map((S) => /* @__PURE__ */ g.jsx(
+        children: /* @__PURE__ */ g.jsx(it, { layout: r.rows[0].layout, children: Object.values(l).map((b) => /* @__PURE__ */ g.jsx(
           Te,
           {
-            ...S,
-            onChange: (y) => d(S.id, y),
-            onBlur: () => p(S.id),
+            ...b,
+            onChange: (y) => d(b.id, y),
+            onBlur: () => p(b.id),
             onContextMenu: c,
             data: {
-              ...S.data,
+              ...b.data,
               autocomplete: "off"
             }
           }
         )) })
       }
     ),
-    E.length > 0 && /* @__PURE__ */ g.jsx(
+    w.length > 0 && /* @__PURE__ */ g.jsx(
       it,
       {
         layout: {
@@ -6340,13 +6344,13 @@ const Bs = ({
               id: "1",
               horizontal: !0,
               justify: "start",
-              content: E.map((S) => ({
-                id: S.props.id
+              content: w.map((b) => ({
+                id: b.props.id
               }))
             }
           ]
         },
-        children: E
+        children: w
       }
     )
   ] });