@sme.up/ketchup2 2.0.0-SNAPSHOT-20250522155814 → 2.0.0-SNAPSHOT-20250523151811

package/dist/ketchup2.es.js

@@ -1,8 +1,8 @@
 var Pr = Object.defineProperty;
-var Cr = (n, e, t) => e in n ? Pr(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var xe = (n, e, t) => Cr(n, typeof e != "symbol" ? e + "" : e, t);
+var Ar = (n, e, t) => e in n ? Pr(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var xe = (n, e, t) => Ar(n, typeof e != "symbol" ? e + "" : e, t);
 import * as Fe from "react";
-import pr, { useEffect as de, useRef as _e, useState as Q, useCallback as Se, useLayoutEffect as $r, useId as Ar } from "react";
+import pr, { useEffect as de, useRef as _e, useState as Q, useCallback as Se, useLayoutEffect as $r, useId as Cr } from "react";
 var Ve = { exports: {} }, De = {};
 /**
  * @license React
@@ -62,7 +62,7 @@ function kr() {
           return "StrictMode";
         case v:
           return "Suspense";
-        case C:
+        case A:
           return "SuspenseList";
         case F:
           return "Activity";
@@ -154,13 +154,13 @@ function kr() {
         "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."
       )), d = this.props.ref, d !== void 0 ? d : null;
     }
-    function u(d, g, x, O, _, R, k, I) {
+    function u(d, g, x, O, E, R, k, I) {
       return x = R.ref, d = {
         $$typeof: p,
         type: d,
         key: g,
         props: R,
-        _owner: _
+        _owner: E
       }, (x !== void 0 ? x : null) !== null ? Object.defineProperty(d, "ref", {
         enumerable: !1,
         get: l
@@ -186,25 +186,25 @@ function kr() {
         value: I
       }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
     }
-    function f(d, g, x, O, _, R, k, I) {
-      var A = g.children;
-      if (A !== void 0)
+    function f(d, g, x, O, E, R, k, I) {
+      var C = g.children;
+      if (C !== void 0)
         if (O)
-          if (J(A)) {
-            for (O = 0; O < A.length; O++)
-              c(A[O]);
-            Object.freeze && Object.freeze(A);
+          if (J(C)) {
+            for (O = 0; O < C.length; O++)
+              c(C[O]);
+            Object.freeze && Object.freeze(C);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else c(A);
+        else c(C);
       if (U.call(g, "key")) {
-        A = n(d);
+        C = n(d);
         var q = Object.keys(g).filter(function(re) {
           return re !== "key";
         });
-        O = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", L[A + O] || (q = 0 < q.length ? "{" + q.join(": ..., ") + ": ...}" : "{}", console.error(
+        O = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", L[C + O] || (q = 0 < q.length ? "{" + q.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -212,24 +212,24 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           O,
-          A,
+          C,
           q,
-          A
-        ), L[A + O] = !0);
+          C
+        ), L[C + O] = !0);
       }
-      if (A = null, x !== void 0 && (t(x), A = "" + x), i(g) && (t(g.key), A = "" + g.key), "key" in g) {
+      if (C = null, x !== void 0 && (t(x), C = "" + x), i(g) && (t(g.key), C = "" + g.key), "key" in g) {
         x = {};
         for (var W in g)
           W !== "key" && (x[W] = g[W]);
       } else x = g;
-      return A && o(
+      return C && o(
         x,
         typeof d == "function" ? d.displayName || d.name || "Unknown" : d
       ), u(
         d,
-        A,
+        C,
         R,
-        _,
+        E,
         s(),
         x,
         k,
@@ -239,7 +239,7 @@ React keys must be passed directly to JSX without using spread:
     function c(d) {
       typeof d == "object" && d !== null && d.$$typeof === p && d._store && (d._store.validated = 1);
     }
-    var h = pr, p = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), S = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), T = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), C = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), Y = Symbol.for("react.lazy"), F = Symbol.for("react.activity"), $ = Symbol.for("react.client.reference"), M = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, J = Array.isArray, K = console.createTask ? console.createTask : function() {
+    var h = pr, p = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), S = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), T = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), A = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), Y = Symbol.for("react.lazy"), F = Symbol.for("react.activity"), $ = Symbol.for("react.client.reference"), M = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, J = Array.isArray, K = console.createTask ? console.createTask : function() {
       return null;
     };
     h = {
@@ -251,7 +251,7 @@ React keys must be passed directly to JSX without using spread:
       h,
       a
     )(), B = K(r(a)), L = {};
-    Pe.Fragment = y, Pe.jsx = function(d, g, x, O, _) {
+    Pe.Fragment = y, Pe.jsx = function(d, g, x, O, E) {
       var R = 1e4 > M.recentlyCreatedOwnerStacks++;
       return f(
         d,
@@ -259,11 +259,11 @@ React keys must be passed directly to JSX without using spread:
         x,
         !1,
         O,
-        _,
+        E,
         R ? Error("react-stack-top-frame") : V,
         R ? K(r(d)) : B
       );
-    }, Pe.jsxs = function(d, g, x, O, _) {
+    }, Pe.jsxs = function(d, g, x, O, E) {
       var R = 1e4 > M.recentlyCreatedOwnerStacks++;
       return f(
         d,
@@ -271,7 +271,7 @@ React keys must be passed directly to JSX without using spread:
         x,
         !0,
         O,
-        _,
+        E,
         R ? Error("react-stack-top-frame") : V,
         R ? K(r(d)) : B
       );
@@ -282,8 +282,8 @@ var Dt;
 function jr() {
   return Dt || (Dt = 1, process.env.NODE_ENV === "production" ? Ve.exports = Lr() : Ve.exports = kr()), Ve.exports;
 }
-var E = jr();
-const ue = {
+var _ = jr();
+const ce = {
   AUTOCOMPLETE: "ACP",
   BUTTON: "BTN",
   CHECKBOX: "CHK",
@@ -291,6 +291,7 @@ const ue = {
   COMBOBOX: "CMB",
   DATE: "CAL",
   ICON: "ICO",
+  IMAGE: "IMG",
   MULTI_AUTOCOMPLETE: "AML",
   SPOTLIGHT: "SPL",
   TEXT_FIELD: "ITX",
@@ -513,7 +514,7 @@ const Xe = (n, e, t) => {
         return `${n} - ${e}`;
     }
   return n;
-}, Ce = {
+}, Ae = {
   "smp-list": "_smp-list_1ux5k_1",
   "smp-list-container": "_smp-list-container_1ux5k_18",
   "smp-list-listItem": "_smp-list-listItem_1ux5k_23"
@@ -530,15 +531,15 @@ const Xe = (n, e, t) => {
   const r = {
     container: `${it["smp-helper-text"]} ${e ? it["smp-helper-text-disabled"] : ""} ${t ? it[`smp-helper-text-${t}`] : ""}`
   };
-  return /* @__PURE__ */ E.jsx("span", { className: r.container, children: n });
-}, Ct = {
+  return /* @__PURE__ */ _.jsx("span", { className: r.container, children: n });
+}, At = {
   "smp-label": "_smp-label_3ywt3_1",
   "smp-label-disabled": "_smp-label-disabled_3ywt3_5"
 }, hr = ({ label: n, disabled: e }) => {
   const t = {
-    container: `${Ct["smp-label"]} ${e ? Ct["smp-label-disabled"] : ""}`
+    container: `${At["smp-label"]} ${e ? At["smp-label-disabled"] : ""}`
   };
-  return /* @__PURE__ */ E.jsx("span", { className: t.container, children: n });
+  return /* @__PURE__ */ _.jsx("span", { className: t.container, children: n });
 };
 function Wr(n, e) {
   if (n == null) return {};
@@ -641,7 +642,7 @@ function qr() {
 }
 var Kr = qr(), Oe = /* @__PURE__ */ new Map(), mr = function(e) {
   return e.cloneNode(!0);
-}, At = function() {
+}, Ct = function() {
   return window.location.protocol === "file:";
 }, gr = function(e, t, r) {
   var s = new XMLHttpRequest();
@@ -657,8 +658,8 @@ var Kr = qr(), Oe = /* @__PURE__ */ new Map(), mr = function(e) {
       }
       if (s.readyState === 4) {
         if (s.status === 404 || s.responseXML === null)
-          throw new Error(At() ? "Note: SVG injection ajax calls do not work locally without adjusting security settings in your browser. Or consider using a local webserver." : "Unable to load SVG file: " + e);
-        if (s.status === 200 || At() && s.status === 0)
+          throw new Error(Ct() ? "Note: SVG injection ajax calls do not work locally without adjusting security settings in your browser. Or consider using a local webserver." : "Unable to load SVG file: " + e);
+        if (s.status === 200 || Ct() && s.status === 0)
           r(null, s);
         else
           throw new Error("There was a problem injecting the SVG: " + s.status + " " + s.statusText);
@@ -670,17 +671,17 @@ var Kr = qr(), Oe = /* @__PURE__ */ new Map(), mr = function(e) {
         throw o;
     }
   }, s.open("GET", e), s.withCredentials = t, s.overrideMimeType && s.overrideMimeType("text/xml"), s.send();
-}, ve = {}, Lt = function(e, t) {
-  ve[e] = ve[e] || [], ve[e].push(t);
+}, be = {}, Lt = function(e, t) {
+  be[e] = be[e] || [], be[e].push(t);
 }, Br = function(e) {
   for (var t = function(i, o) {
     setTimeout(function() {
-      if (Array.isArray(ve[e])) {
-        var l = Oe.get(e), u = ve[e][i];
-        l instanceof SVGSVGElement && u(null, mr(l)), l instanceof Error && u(l), i === ve[e].length - 1 && delete ve[e];
+      if (Array.isArray(be[e])) {
+        var l = Oe.get(e), u = be[e][i];
+        l instanceof SVGSVGElement && u(null, mr(l)), l instanceof Error && u(l), i === be[e].length - 1 && delete be[e];
       }
     }, 0);
-  }, r = 0, s = ve[e].length; r < s; r++)
+  }, r = 0, s = be[e].length; r < s; r++)
     t(r);
 }, zr = function(e, t, r) {
   if (Oe.has(e)) {
@@ -751,22 +752,22 @@ var Kr = qr(), Oe = /* @__PURE__ */ new Map(), mr = function(e) {
         path: [],
         pattern: ["fill", "stroke"],
         radialGradient: ["fill", "stroke"]
-      }, D, v, C, j, Y;
+      }, D, v, A, j, Y;
       Object.keys(T).forEach(function(B) {
-        D = B, C = T[B], v = c.querySelectorAll(D + "[id]");
-        for (var L = function(O, _) {
+        D = B, A = T[B], v = c.querySelectorAll(D + "[id]");
+        for (var L = function(O, E) {
           j = v[O].id, Y = j + "-" + Xr();
           var R;
-          Array.prototype.forEach.call(C, function(N) {
+          Array.prototype.forEach.call(A, function(N) {
             R = c.querySelectorAll("[" + N + '*="' + j + '"]');
             for (var z = 0, ee = R.length; z < ee; z++) {
               var te = R[z].getAttribute(N);
               te && !te.match(new RegExp('url\\("?#' + j + '"?\\)')) || R[z].setAttribute(N, "url(#" + Y + ")");
             }
           });
-          for (var k = c.querySelectorAll("[*|href]"), I = [], A = 0, q = k.length; A < q; A++) {
-            var W = k[A].getAttributeNS(lt, "href");
-            W && W.toString() === "#" + v[O].id && I.push(k[A]);
+          for (var k = c.querySelectorAll("[*|href]"), I = [], C = 0, q = k.length; C < q; C++) {
+            var W = k[C].getAttributeNS(lt, "href");
+            W && W.toString() === "#" + v[O].id && I.push(k[C]);
           }
           for (var re = 0, P = I.length; re < P; re++)
             I[re].setAttributeNS(lt, "href", "#" + Y);
@@ -799,11 +800,11 @@ var Kr = qr(), Oe = /* @__PURE__ */ new Map(), mr = function(e) {
   } : l, f = r.cacheRequests, c = f === void 0 ? !0 : f, h = r.evalScripts, p = h === void 0 ? "never" : h, m = r.httpRequestWithCredentials, y = m === void 0 ? !1 : m, S = r.renumerateIRIElements, w = S === void 0 ? !0 : S;
   if (e && "length" in e)
     for (var b = 0, T = 0, D = e.length; T < D; T++)
-      jt(e[T], p, w, c, y, u, function(v, C) {
-        o(v, C), e && "length" in e && e.length === ++b && a(b);
+      jt(e[T], p, w, c, y, u, function(v, A) {
+        o(v, A), e && "length" in e && e.length === ++b && a(b);
       });
-  else e ? jt(e, p, w, c, y, u, function(v, C) {
-    o(v, C), a(1), e = null;
+  else e ? jt(e, p, w, c, y, u, function(v, A) {
+    o(v, A), a(1), e = null;
   }) : a(0);
 }, We = { exports: {} }, He = { exports: {} }, X = {};
 /** @license React v16.13.1
@@ -821,8 +822,8 @@ function en() {
   var n = typeof Symbol == "function" && Symbol.for, e = n ? Symbol.for("react.element") : 60103, t = n ? Symbol.for("react.portal") : 60106, r = n ? Symbol.for("react.fragment") : 60107, s = n ? Symbol.for("react.strict_mode") : 60108, a = n ? Symbol.for("react.profiler") : 60114, i = n ? Symbol.for("react.provider") : 60109, o = n ? Symbol.for("react.context") : 60110, l = n ? Symbol.for("react.async_mode") : 60111, u = n ? Symbol.for("react.concurrent_mode") : 60111, f = n ? Symbol.for("react.forward_ref") : 60112, c = n ? Symbol.for("react.suspense") : 60113, h = n ? Symbol.for("react.suspense_list") : 60120, p = n ? Symbol.for("react.memo") : 60115, m = n ? Symbol.for("react.lazy") : 60116, y = n ? Symbol.for("react.block") : 60121, S = n ? Symbol.for("react.fundamental") : 60117, w = n ? Symbol.for("react.responder") : 60118, b = n ? Symbol.for("react.scope") : 60119;
   function T(v) {
     if (typeof v == "object" && v !== null) {
-      var C = v.$$typeof;
-      switch (C) {
+      var A = v.$$typeof;
+      switch (A) {
         case e:
           switch (v = v.type, v) {
             case l:
@@ -841,11 +842,11 @@ function en() {
                 case i:
                   return v;
                 default:
-                  return C;
+                  return A;
               }
           }
         case t:
-          return C;
+          return A;
       }
     }
   }
@@ -929,7 +930,7 @@ function tn() {
         }
       }
     }
-    var v = l, C = u, j = o, Y = i, F = e, $ = f, M = r, U = m, J = p, K = t, ne = a, G = s, V = c, B = !1;
+    var v = l, A = u, j = o, Y = i, F = e, $ = f, M = r, U = m, J = p, K = t, ne = a, G = s, V = c, B = !1;
     function L(P) {
       return B || (B = !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.")), d(P) || D(P) === l;
     }
@@ -945,7 +946,7 @@ function tn() {
     function O(P) {
       return typeof P == "object" && P !== null && P.$$typeof === e;
     }
-    function _(P) {
+    function E(P) {
       return D(P) === f;
     }
     function R(P) {
@@ -957,7 +958,7 @@ function tn() {
     function I(P) {
       return D(P) === p;
     }
-    function A(P) {
+    function C(P) {
       return D(P) === t;
     }
     function q(P) {
@@ -969,7 +970,7 @@ function tn() {
     function re(P) {
       return D(P) === c;
     }
-    Z.AsyncMode = v, Z.ConcurrentMode = C, Z.ContextConsumer = j, Z.ContextProvider = Y, Z.Element = F, Z.ForwardRef = $, Z.Fragment = M, Z.Lazy = U, Z.Memo = J, Z.Portal = K, Z.Profiler = ne, Z.StrictMode = G, Z.Suspense = V, Z.isAsyncMode = L, Z.isConcurrentMode = d, Z.isContextConsumer = g, Z.isContextProvider = x, Z.isElement = O, Z.isForwardRef = _, Z.isFragment = R, Z.isLazy = k, Z.isMemo = I, Z.isPortal = A, Z.isProfiler = q, Z.isStrictMode = W, Z.isSuspense = re, Z.isValidElementType = T, Z.typeOf = D;
+    Z.AsyncMode = v, Z.ConcurrentMode = A, Z.ContextConsumer = j, Z.ContextProvider = Y, Z.Element = F, Z.ForwardRef = $, Z.Fragment = M, Z.Lazy = U, Z.Memo = J, Z.Portal = K, Z.Profiler = ne, Z.StrictMode = G, Z.Suspense = V, Z.isAsyncMode = L, Z.isConcurrentMode = d, Z.isContextConsumer = g, Z.isContextProvider = x, Z.isElement = O, Z.isForwardRef = E, Z.isFragment = R, Z.isLazy = k, Z.isMemo = I, Z.isPortal = C, Z.isProfiler = q, Z.isStrictMode = W, Z.isSuspense = re, Z.isValidElementType = T, Z.typeOf = D;
   }()), Z;
 }
 var Mt;
@@ -1124,7 +1125,7 @@ function sn() {
       arrayOf: T,
       element: D(),
       elementType: v(),
-      instanceOf: C,
+      instanceOf: A,
       node: $(),
       objectOf: Y,
       oneOf: j,
@@ -1142,33 +1143,33 @@ function sn() {
     function S(d) {
       if (process.env.NODE_ENV !== "production")
         var g = {}, x = 0;
-      function O(R, k, I, A, q, W, re) {
-        if (A = A || h, W = W || I, re !== t) {
+      function O(R, k, I, C, q, W, re) {
+        if (C = C || h, W = W || I, re !== t) {
           if (l) {
             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 P.name = "Invariant Violation", P;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var N = A + ":" + I;
+            var N = C + ":" + I;
             !g[N] && // Avoid spamming the console because they are often not actionable except for lib authors
             x < 3 && (a(
-              "You are manually calling a React.PropTypes validation function for the `" + W + "` prop on `" + A + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+              "You are manually calling a React.PropTypes validation function for the `" + W + "` prop on `" + C + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
             ), g[N] = !0, x++);
           }
         }
-        return k[I] == null ? R ? k[I] === null ? new y("The " + q + " `" + W + "` is marked as required " + ("in `" + A + "`, but its value is `null`.")) : new y("The " + q + " `" + W + "` is marked as required in " + ("`" + A + "`, but its value is `undefined`.")) : null : d(k, I, A, q, W);
+        return k[I] == null ? R ? k[I] === null ? new y("The " + q + " `" + W + "` is marked as required " + ("in `" + C + "`, but its value is `null`.")) : new y("The " + q + " `" + W + "` is marked as required in " + ("`" + C + "`, but its value is `undefined`.")) : null : d(k, I, C, q, W);
       }
-      var _ = O.bind(null, !1);
-      return _.isRequired = O.bind(null, !0), _;
+      var E = O.bind(null, !1);
+      return E.isRequired = O.bind(null, !0), E;
     }
     function w(d) {
-      function g(x, O, _, R, k, I) {
-        var A = x[O], q = G(A);
+      function g(x, O, E, R, k, I) {
+        var C = x[O], q = G(C);
         if (q !== d) {
-          var W = V(A);
+          var W = V(C);
           return new y(
-            "Invalid " + R + " `" + k + "` of type " + ("`" + W + "` supplied to `" + _ + "`, expected ") + ("`" + d + "`."),
+            "Invalid " + R + " `" + k + "` of type " + ("`" + W + "` supplied to `" + E + "`, expected ") + ("`" + d + "`."),
             { expectedType: d }
           );
         }
@@ -1180,16 +1181,16 @@ function sn() {
       return S(i);
     }
     function T(d) {
-      function g(x, O, _, R, k) {
+      function g(x, O, E, R, k) {
         if (typeof d != "function")
-          return new y("Property `" + k + "` of component `" + _ + "` has invalid PropType notation inside arrayOf.");
+          return new y("Property `" + k + "` of component `" + E + "` has invalid PropType notation inside arrayOf.");
         var I = x[O];
         if (!Array.isArray(I)) {
-          var A = G(I);
-          return new y("Invalid " + R + " `" + k + "` of type " + ("`" + A + "` supplied to `" + _ + "`, expected an array."));
+          var C = G(I);
+          return new y("Invalid " + R + " `" + k + "` of type " + ("`" + C + "` supplied to `" + E + "`, expected an array."));
         }
         for (var q = 0; q < I.length; q++) {
-          var W = d(I, q, _, R, k + "[" + q + "]", t);
+          var W = d(I, q, E, R, k + "[" + q + "]", t);
           if (W instanceof Error)
             return W;
         }
@@ -1198,32 +1199,32 @@ function sn() {
       return S(g);
     }
     function D() {
-      function d(g, x, O, _, R) {
+      function d(g, x, O, E, R) {
         var k = g[x];
         if (!o(k)) {
           var I = G(k);
-          return new y("Invalid " + _ + " `" + R + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected a single ReactElement."));
+          return new y("Invalid " + E + " `" + R + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected a single ReactElement."));
         }
         return null;
       }
       return S(d);
     }
     function v() {
-      function d(g, x, O, _, R) {
+      function d(g, x, O, E, R) {
         var k = g[x];
         if (!n.isValidElementType(k)) {
           var I = G(k);
-          return new y("Invalid " + _ + " `" + R + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected a single ReactElement type."));
+          return new y("Invalid " + E + " `" + R + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return S(d);
     }
-    function C(d) {
-      function g(x, O, _, R, k) {
+    function A(d) {
+      function g(x, O, E, R, k) {
         if (!(x[O] instanceof d)) {
-          var I = d.name || h, A = L(x[O]);
-          return new y("Invalid " + R + " `" + k + "` of type " + ("`" + A + "` supplied to `" + _ + "`, expected ") + ("instance of `" + I + "`."));
+          var I = d.name || h, C = L(x[O]);
+          return new y("Invalid " + R + " `" + k + "` of type " + ("`" + C + "` supplied to `" + E + "`, expected ") + ("instance of `" + I + "`."));
         }
         return null;
       }
@@ -1234,28 +1235,28 @@ function sn() {
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? a(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : a("Invalid argument supplied to oneOf, expected an array.")), i;
-      function g(x, O, _, R, k) {
-        for (var I = x[O], A = 0; A < d.length; A++)
-          if (m(I, d[A]))
+      function g(x, O, E, R, k) {
+        for (var I = x[O], C = 0; C < d.length; C++)
+          if (m(I, d[C]))
             return null;
         var q = JSON.stringify(d, function(re, P) {
           var N = V(P);
           return N === "symbol" ? String(P) : P;
         });
-        return new y("Invalid " + R + " `" + k + "` of value `" + String(I) + "` " + ("supplied to `" + _ + "`, expected one of " + q + "."));
+        return new y("Invalid " + R + " `" + k + "` of value `" + String(I) + "` " + ("supplied to `" + E + "`, expected one of " + q + "."));
       }
       return S(g);
     }
     function Y(d) {
-      function g(x, O, _, R, k) {
+      function g(x, O, E, R, k) {
         if (typeof d != "function")
-          return new y("Property `" + k + "` of component `" + _ + "` has invalid PropType notation inside objectOf.");
-        var I = x[O], A = G(I);
-        if (A !== "object")
-          return new y("Invalid " + R + " `" + k + "` of type " + ("`" + A + "` supplied to `" + _ + "`, expected an object."));
+          return new y("Property `" + k + "` of component `" + E + "` has invalid PropType notation inside objectOf.");
+        var I = x[O], C = G(I);
+        if (C !== "object")
+          return new y("Invalid " + R + " `" + k + "` of type " + ("`" + C + "` supplied to `" + E + "`, expected an object."));
         for (var q in I)
           if (r(I, q)) {
-            var W = d(I, q, _, R, k + "." + q, t);
+            var W = d(I, q, E, R, k + "." + q, t);
             if (W instanceof Error)
               return W;
           }
@@ -1273,39 +1274,39 @@ function sn() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + B(x) + " at index " + g + "."
           ), i;
       }
-      function O(_, R, k, I, A) {
+      function O(E, R, k, I, C) {
         for (var q = [], W = 0; W < d.length; W++) {
-          var re = d[W], P = re(_, R, k, I, A, t);
+          var re = d[W], P = re(E, R, k, I, C, t);
           if (P == null)
             return null;
           P.data && r(P.data, "expectedType") && q.push(P.data.expectedType);
         }
         var N = q.length > 0 ? ", expected one of type [" + q.join(", ") + "]" : "";
-        return new y("Invalid " + I + " `" + A + "` supplied to " + ("`" + k + "`" + N + "."));
+        return new y("Invalid " + I + " `" + C + "` supplied to " + ("`" + k + "`" + N + "."));
       }
       return S(O);
     }
     function $() {
-      function d(g, x, O, _, R) {
-        return K(g[x]) ? null : new y("Invalid " + _ + " `" + R + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
+      function d(g, x, O, E, R) {
+        return K(g[x]) ? null : new y("Invalid " + E + " `" + R + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
       }
       return S(d);
     }
-    function M(d, g, x, O, _) {
+    function M(d, g, x, O, E) {
       return new y(
-        (d || "React class") + ": " + g + " type `" + x + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + _ + "`."
+        (d || "React class") + ": " + g + " type `" + x + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + E + "`."
       );
     }
     function U(d) {
-      function g(x, O, _, R, k) {
-        var I = x[O], A = G(I);
-        if (A !== "object")
-          return new y("Invalid " + R + " `" + k + "` of type `" + A + "` " + ("supplied to `" + _ + "`, expected `object`."));
+      function g(x, O, E, R, k) {
+        var I = x[O], C = G(I);
+        if (C !== "object")
+          return new y("Invalid " + R + " `" + k + "` of type `" + C + "` " + ("supplied to `" + E + "`, expected `object`."));
         for (var q in d) {
           var W = d[q];
           if (typeof W != "function")
-            return M(_, R, k, q, V(W));
-          var re = W(I, q, _, R, k + "." + q, t);
+            return M(E, R, k, q, V(W));
+          var re = W(I, q, E, R, k + "." + q, t);
           if (re)
             return re;
         }
@@ -1314,21 +1315,21 @@ function sn() {
       return S(g);
     }
     function J(d) {
-      function g(x, O, _, R, k) {
-        var I = x[O], A = G(I);
-        if (A !== "object")
-          return new y("Invalid " + R + " `" + k + "` of type `" + A + "` " + ("supplied to `" + _ + "`, expected `object`."));
+      function g(x, O, E, R, k) {
+        var I = x[O], C = G(I);
+        if (C !== "object")
+          return new y("Invalid " + R + " `" + k + "` of type `" + C + "` " + ("supplied to `" + E + "`, expected `object`."));
         var q = e({}, x[O], d);
         for (var W in q) {
           var re = d[W];
           if (r(d, W) && typeof re != "function")
-            return M(_, R, k, W, V(re));
+            return M(E, R, k, W, V(re));
           if (!re)
             return new y(
-              "Invalid " + R + " `" + k + "` key `" + W + "` supplied to `" + _ + "`.\nBad object: " + JSON.stringify(x[O], null, "  ") + `
+              "Invalid " + R + " `" + k + "` key `" + W + "` supplied to `" + E + "`.\nBad object: " + JSON.stringify(x[O], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(d), null, "  ")
             );
-          var P = re(I, W, _, R, k + "." + W, t);
+          var P = re(I, W, E, R, k + "." + W, t);
           if (P)
             return P;
         }
@@ -1358,8 +1359,8 @@ Valid keys: ` + JSON.stringify(Object.keys(d), null, "  ")
                   return !1;
             } else
               for (; !(O = x.next()).done; ) {
-                var _ = O.value;
-                if (_ && !K(_[1]))
+                var E = O.value;
+                if (E && !K(E[1]))
                   return !1;
               }
           } else
@@ -1631,7 +1632,7 @@ let bt = {
 };
 const cs = (n) => {
   bt = { ...bt, ...n };
-}, Bt = (n) => `${bt.assets}/${n}`.replace(/\/+/g, "/"), be = pr.memo(
+}, Bt = (n) => `${bt.assets}/${n}`.replace(/\/+/g, "/"), ye = pr.memo(
   ({
     icon: n,
     width: e,
@@ -1652,20 +1653,27 @@ const cs = (n) => {
     }, w = () => {
       !a && l && l();
     };
-    return /* @__PURE__ */ E.jsx(E.Fragment, { children: p ? /* @__PURE__ */ E.jsx(
-      "img",
-      {
-        src: c,
-        width: e || "16px",
-        height: t || "auto",
-        alt: n || "image",
-        onError: () => h(y)
-      }
-    ) : /* @__PURE__ */ E.jsx(
+    return /* @__PURE__ */ _.jsx(_.Fragment, { children: p ? (
+      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+      /* @__PURE__ */ _.jsx(
+        "img",
+        {
+          src: c,
+          width: e || "16px",
+          height: t || "auto",
+          alt: n || "image",
+          onError: () => h(y),
+          onClick: w,
+          onKeyDown: (b) => {
+            (b.key === "Enter" || b.key === " ") && w();
+          }
+        }
+      )
+    ) : /* @__PURE__ */ _.jsx(
       Qe,
       {
         src: m,
-        fallback: () => /* @__PURE__ */ E.jsx(Qe, { src: y, wrapper: "svg" }),
+        fallback: () => /* @__PURE__ */ _.jsx(Qe, { src: y, wrapper: "svg" }),
         width: e || "1rem",
         height: t || "1rem",
         wrapper: "svg",
@@ -1716,18 +1724,18 @@ const cs = (n) => {
   error: D,
   appearance: v = "base"
 }) => {
-  const C = D ? "danger" : u, j = D || u == "danger" ? "error" : o, Y = T || !!D, F = (M) => {
+  const A = D ? "danger" : u, j = D || u == "danger" ? "error" : o, Y = T || !!D, F = (M) => {
     a == null || a(M.target.value);
   }, $ = {
     wrapper: `${he["smp-textfield-wrapper"]}`,
-    container: `${he["smp-textfield"]} ${n ? he["smp-textfield-disabled"] : ""} ${e ? he["smp-textfield-readOnly"] : ""} ${i ? he["smp-textfield-placeholder"] : ""} ${l ? he[`smp-textfield-${l}`] : ""} ${C ? he[`smp-textfield-${C}`] : ""} ${f ? he[`smp-textfield-variant-${f}`] : ""} ${v ? he[`smp-textfield-${v}`] : ""}`,
+    container: `${he["smp-textfield"]} ${n ? he["smp-textfield-disabled"] : ""} ${e ? he["smp-textfield-readOnly"] : ""} ${i ? he["smp-textfield-placeholder"] : ""} ${l ? he[`smp-textfield-${l}`] : ""} ${A ? he[`smp-textfield-${A}`] : ""} ${f ? he[`smp-textfield-variant-${f}`] : ""} ${v ? he[`smp-textfield-${v}`] : ""}`,
     input: `${he["smp-textfield-input"]}`
   };
-  return /* @__PURE__ */ E.jsxs("div", { className: $.wrapper, children: [
-    b && /* @__PURE__ */ E.jsx(hr, { label: b, disabled: n }),
-    /* @__PURE__ */ E.jsxs("div", { className: $.container, ref: p, children: [
-      r && /* @__PURE__ */ E.jsx(be, { icon: r, disabled: n }),
-      /* @__PURE__ */ E.jsx(
+  return /* @__PURE__ */ _.jsxs("div", { className: $.wrapper, children: [
+    b && /* @__PURE__ */ _.jsx(hr, { label: b, disabled: n }),
+    /* @__PURE__ */ _.jsxs("div", { className: $.container, ref: p, children: [
+      r && /* @__PURE__ */ _.jsx(ye, { icon: r, disabled: n }),
+      /* @__PURE__ */ _.jsx(
         "input",
         {
           type: S,
@@ -1743,23 +1751,23 @@ const cs = (n) => {
           ref: m
         }
       ),
-      j && /* @__PURE__ */ E.jsx(
-        be,
+      j && /* @__PURE__ */ _.jsx(
+        ye,
         {
           icon: j,
           disabled: n,
-          state: C,
+          state: A,
           onClick: h,
           rotated: c
         }
       )
     ] }),
-    Y && /* @__PURE__ */ E.jsx(
+    Y && /* @__PURE__ */ _.jsx(
       Ur,
       {
         helperText: D,
         disabled: n,
-        state: C
+        state: A
       }
     )
   ] });
@@ -1849,7 +1857,7 @@ const dn = 10, br = ({
   }, [a]), de(() => {
     p >= 0 && p < S.length && v(p);
   }, [p, S]);
-  const C = (M) => {
+  const A = (M) => {
     if (M.key === "ArrowDown" || M.key === "ArrowUp") {
       M.preventDefault();
       let U = p;
@@ -1857,16 +1865,16 @@ const dn = 10, br = ({
     } else M.key === "Enter" ? p >= 0 && p < S.length && (l == null || l(S[p])) : M.key === "Escape" && (M.preventDefault(), M.stopPropagation());
     u && u(M);
   }, j = (M) => {
-    C(M);
+    A(M);
   }, Y = (M) => {
-    C(M);
+    A(M);
   }, F = {
-    wrapper: `${Ce["smp-list"]}`,
-    container: `${Ce["smp-list-container"]}`,
-    virtualScroll: `${Ce["smp-list-virtualScroll"]}`,
-    listItem: `${Ce["smp-list-listItem"]}`
+    wrapper: `${Ae["smp-list"]}`,
+    container: `${Ae["smp-list-container"]}`,
+    virtualScroll: `${Ae["smp-list-virtualScroll"]}`,
+    listItem: `${Ae["smp-list-listItem"]}`
   };
-  return /* @__PURE__ */ E.jsxs(
+  return /* @__PURE__ */ _.jsxs(
     "div",
     {
       id: n,
@@ -1876,7 +1884,7 @@ const dn = 10, br = ({
         width: o
       },
       children: [
-        y && /* @__PURE__ */ E.jsx(
+        y && /* @__PURE__ */ _.jsx(
           Re,
           {
             bindValue: f,
@@ -1885,7 +1893,7 @@ const dn = 10, br = ({
             onKeyDown: j
           }
         ),
-        /* @__PURE__ */ E.jsx(
+        /* @__PURE__ */ _.jsx(
           "div",
           {
             ...T,
@@ -1895,18 +1903,18 @@ const dn = 10, br = ({
             "aria-label": "List",
             onKeyDown: Y,
             "aria-activedescendant": p >= 0 && p < S.length ? ($ = S[p]) == null ? void 0 : $.id : void 0,
-            children: /* @__PURE__ */ E.jsx("div", { ...D, className: F.virtualScroll, children: b.map(({ item: M, index: U, offsetTop: J }) => {
+            children: /* @__PURE__ */ _.jsx("div", { ...D, className: F.virtualScroll, children: b.map(({ item: M, index: U, offsetTop: J }) => {
               const K = i.includes(M.id);
               return (
                 // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-                /* @__PURE__ */ E.jsxs(
+                /* @__PURE__ */ _.jsxs(
                   "li",
                   {
                     role: "option",
                     id: M.id,
                     "aria-selected": p === U ? "true" : "false",
                     tabIndex: -1,
-                    className: `${F.listItem} ${p === U ? Ce["selected-item"] : ""}`,
+                    className: `${F.listItem} ${p === U ? Ae["selected-item"] : ""}`,
                     "aria-label": M.id + "-" + M.label,
                     style: {
                       height: `${h}px`,
@@ -1919,7 +1927,7 @@ const dn = 10, br = ({
                     },
                     children: [
                       Xe(M.id, M.label, t),
-                      K && /* @__PURE__ */ E.jsx(be, { icon: "check", width: 16 })
+                      K && /* @__PURE__ */ _.jsx(ye, { icon: "check", width: 16 })
                     ]
                   },
                   M.id
@@ -1946,7 +1954,7 @@ const dn = 10, br = ({
     a(
       Xe(e, t, n)
     );
-  }, [t, n]), /* @__PURE__ */ E.jsx(Re, { ...r, bindValue: s });
+  }, [t, n]), /* @__PURE__ */ _.jsx(Re, { ...r, bindValue: s });
 }, pn = (n) => {
   const e = _e(null);
   return de(() => () => {
@@ -1971,7 +1979,7 @@ const dn = 10, br = ({
   _multiActiveIndex: c,
   ...h
 }) => {
-  const [p, m] = Q(n), [y, S] = Q(e), [w, b] = Q(!1), [T, D] = Q(t || []), [v, C] = Q(0), [j, Y] = Q([n]), { anchorRef: F, targetRef: $, anchorWidth: M } = Et({
+  const [p, m] = Q(n), [y, S] = Q(e), [w, b] = Q(!1), [T, D] = Q(t || []), [v, A] = Q(0), [j, Y] = Q([n]), { anchorRef: F, targetRef: $, anchorWidth: M } = Et({
     position: "bottom",
     enabled: w
   });
@@ -1979,30 +1987,30 @@ const dn = 10, br = ({
   const U = pn(400), J = (V) => {
     V.length >= a ? o && f && U(async () => {
       const B = await f(o, V);
-      D(B), C(B.length > 0 ? 0 : -1), b(!0);
+      D(B), A(B.length > 0 ? 0 : -1), b(!0);
     }) : b(!1), m(V), S(e), l || u == null || u(V, e);
   }, K = (V) => {
     l ? (m(""), S("")) : (m(V.id), S(V.label)), u == null || u(V.id, V.label);
     const B = T.findIndex((L) => L.id === V.id);
-    C(B), Y([V.id]), b(!1);
+    A(B), Y([V.id]), b(!1);
   }, ne = (V) => {
-    V.key === "Escape" && (b(!1), C(-1));
+    V.key === "Escape" && (b(!1), A(-1));
   }, G = (V) => {
     if ((V.key === "ArrowDown" || V.key === "ArrowUp") && (V.preventDefault(), w)) {
       const B = V.key === "ArrowDown" ? (v + 1) % T.length : (v - 1 + T.length) % T.length;
-      C(B);
+      A(B);
     }
     switch (V.key) {
       case "Enter":
         v >= 0 && v < T.length ? K(T[v]) : l && (u == null || u(p, ""), b(!1), m(""), S(""));
         break;
       case "Escape":
-        b(!1), C(-1);
+        b(!1), A(-1);
         break;
     }
   };
-  return /* @__PURE__ */ E.jsxs("div", { children: [
-    /* @__PURE__ */ E.jsx(
+  return /* @__PURE__ */ _.jsxs("div", { children: [
+    /* @__PURE__ */ _.jsx(
       xr,
       {
         ...h,
@@ -2017,7 +2025,7 @@ const dn = 10, br = ({
         "aria-autocomplete": "list"
       }
     ),
-    w && /* @__PURE__ */ E.jsx(
+    w && /* @__PURE__ */ _.jsx(
       br,
       {
         options: T,
@@ -2032,7 +2040,7 @@ const dn = 10, br = ({
       }
     )
   ] });
-}, Ae = {
+}, Ce = {
   "smp-button-container": "_smp-button-container_1v5bs_1",
   "smp-button-extraSmall": "_smp-button-extraSmall_1v5bs_65",
   "smp-button-small": "_smp-button-small_1v5bs_70",
@@ -2061,7 +2069,7 @@ const dn = 10, br = ({
   loading: c = !1
 }) => {
   const h = {
-    container: `${Ae["smp-button-container"]} ${a ? Ae[`smp-button-${a}`] : ""} ${i ? Ae[`smp-buttonVariant-${i}`] : ""} ${o ? Ae[`smp-buttonType-${o}`] : ""} ${f ? Ae["smp-button-fullWidth"] : ""}`
+    container: `${Ce["smp-button-container"]} ${a ? Ce[`smp-button-${a}`] : ""} ${i ? Ce[`smp-buttonVariant-${i}`] : ""} ${o ? Ce[`smp-buttonType-${o}`] : ""} ${f ? Ce["smp-button-fullWidth"] : ""}`
   }, p = (y) => ({
     primary: "onPrimary",
     danger: "onDanger",
@@ -2073,7 +2081,7 @@ const dn = 10, br = ({
     large: 20,
     extraLarge: 24
   })[y];
-  return /* @__PURE__ */ E.jsx(
+  return /* @__PURE__ */ _.jsx(
     "button",
     {
       className: h.container,
@@ -2081,9 +2089,9 @@ const dn = 10, br = ({
       "aria-label": t,
       disabled: s,
       "aria-busy": c,
-      children: c ? /* @__PURE__ */ E.jsx(be, { icon: "spinner", state: p(i), spin: !0 }) : /* @__PURE__ */ E.jsxs(E.Fragment, { children: [
-        r && l && /* @__PURE__ */ E.jsx(
-          be,
+      children: c ? /* @__PURE__ */ _.jsx(ye, { icon: "spinner", state: p(i), spin: !0 }) : /* @__PURE__ */ _.jsxs(_.Fragment, { children: [
+        r && l && /* @__PURE__ */ _.jsx(
+          ye,
           {
             icon: r,
             disabled: s,
@@ -2092,7 +2100,7 @@ const dn = 10, br = ({
             height: m(a)
           }
         ),
-        u && n && /* @__PURE__ */ E.jsx("span", { children: n })
+        u && n && /* @__PURE__ */ _.jsx("span", { children: n })
       ] })
     }
   );
@@ -2104,7 +2112,7 @@ const dn = 10, br = ({
   const r = (s) => {
     e && e(s.target.checked);
   };
-  return /* @__PURE__ */ E.jsx(
+  return /* @__PURE__ */ _.jsx(
     "input",
     {
       type: "checkbox",
@@ -2133,7 +2141,7 @@ const dn = 10, br = ({
   const r = mn[n], s = {
     container: `${mt["smp-typography"]} ${n ? mt[`smp-typography-${n}`] : ""} ${t.disabled ? mt["smp-typography-disabled"] : ""}`
   };
-  return /* @__PURE__ */ E.jsx(r, { className: s.container, disabled: t.disabled, children: e });
+  return /* @__PURE__ */ _.jsx(r, { className: s.container, disabled: t.disabled, children: e });
 }, zt = {
   "smp-chips-container": "_smp-chips-container_1i0jc_1",
   "smp-chips-element": "_smp-chips-element_1i0jc_11"
@@ -2149,16 +2157,16 @@ const dn = 10, br = ({
   }, a = (i) => {
     r == null || r(n.filter((o, l) => l !== i));
   };
-  return /* @__PURE__ */ E.jsx("div", { className: s.container, role: "list", children: n.map((i, o) => {
+  return /* @__PURE__ */ _.jsx("div", { className: s.container, role: "list", children: n.map((i, o) => {
     const l = Xe(
       i.bindValue,
       i.optionalDisplayValue,
       t
     );
-    return /* @__PURE__ */ E.jsxs("div", { className: s.element, role: "listitem", children: [
-      /* @__PURE__ */ E.jsx(gn, { variant: "label", bindValue: l }),
-      e && /* @__PURE__ */ E.jsx(
-        be,
+    return /* @__PURE__ */ _.jsxs("div", { className: s.element, role: "listitem", children: [
+      /* @__PURE__ */ _.jsx(gn, { variant: "label", bindValue: l }),
+      e && /* @__PURE__ */ _.jsx(
+        ye,
         {
           icon: "close",
           isInteractable: !0,
@@ -2219,12 +2227,12 @@ const yn = ({
   multiActiveIndex: l,
   ...u
 }) => {
-  const [f, c] = Q(!1), [h, p] = Q(t), [m, y] = Q(-1), [S, w] = Q([n]), b = Ar(), { anchorRef: T, targetRef: D, anchorWidth: v } = Et({
+  const [f, c] = Q(!1), [h, p] = Q(t), [m, y] = Q(-1), [S, w] = Q([n]), b = Cr(), { anchorRef: T, targetRef: D, anchorWidth: v } = Et({
     position: "bottom",
     enabled: f
   });
   Je(D, () => c(!1)), Er(f, D);
-  const C = ($) => {
+  const A = ($) => {
     e == null || e($.id, $.label);
     const M = h.findIndex((U) => U.id === $.id);
     y(M), w([$.id]), c(!1);
@@ -2237,7 +2245,7 @@ const yn = ({
       p($), y($.length > 0 ? 0 : -1), c(!0);
     });
   };
-  return /* @__PURE__ */ E.jsxs(
+  return /* @__PURE__ */ _.jsxs(
     "div",
     {
       role: "combobox",
@@ -2245,7 +2253,7 @@ const yn = ({
       "aria-controls": b,
       "aria-owns": b,
       children: [
-        /* @__PURE__ */ E.jsx(
+        /* @__PURE__ */ _.jsx(
           xr,
           {
             ...u,
@@ -2262,7 +2270,7 @@ const yn = ({
             variant: "notSelectable"
           }
         ),
-        f && /* @__PURE__ */ E.jsx(
+        f && /* @__PURE__ */ _.jsx(
           br,
           {
             id: b,
@@ -2272,7 +2280,7 @@ const yn = ({
             selectedIndex: m,
             activeIndex: l || S,
             width: v,
-            onClick: C,
+            onClick: A,
             onKeyDown: j
           }
         )
@@ -2620,9 +2628,9 @@ class nt extends st {
       } : o;
     const p = this.resolve(e, s);
     let m = p == null ? void 0 : p.res;
-    const y = (p == null ? void 0 : p.usedKey) || o, S = (p == null ? void 0 : p.exactUsedKey) || o, w = ["[object Number]", "[object Function]", "[object RegExp]"], b = s.joinArrays !== void 0 ? s.joinArrays : this.options.joinArrays, T = !this.i18nFormat || this.i18nFormat.handleAsObject, D = s.count !== void 0 && !H(s.count), v = nt.hasDefaultValue(s), C = D ? this.pluralResolver.getSuffix(c, s.count, s) : "", j = s.ordinal && D ? this.pluralResolver.getSuffix(c, s.count, {
+    const y = (p == null ? void 0 : p.usedKey) || o, S = (p == null ? void 0 : p.exactUsedKey) || o, w = ["[object Number]", "[object Function]", "[object RegExp]"], b = s.joinArrays !== void 0 ? s.joinArrays : this.options.joinArrays, T = !this.i18nFormat || this.i18nFormat.handleAsObject, D = s.count !== void 0 && !H(s.count), v = nt.hasDefaultValue(s), A = D ? this.pluralResolver.getSuffix(c, s.count, s) : "", j = s.ordinal && D ? this.pluralResolver.getSuffix(c, s.count, {
       ordinal: !1
-    }) : "", Y = D && !s.ordinal && s.count === 0, F = Y && s[`defaultValue${this.options.pluralSeparator}zero`] || s[`defaultValue${C}`] || s[`defaultValue${j}`] || s.defaultValue;
+    }) : "", Y = D && !s.ordinal && s.count === 0, F = Y && s[`defaultValue${this.options.pluralSeparator}zero`] || s[`defaultValue${A}`] || s[`defaultValue${j}`] || s.defaultValue;
     let $ = m;
     T && !m && v && ($ = F);
     const M = tr($), U = Object.prototype.toString.apply($);
@@ -2675,8 +2683,8 @@ class nt extends st {
         else this.options.saveMissingTo === "all" ? B = this.languageUtils.toResolveHierarchy(s.lng || this.language) : B.push(s.lng || this.language);
         const d = (g, x, O) => {
           var R;
-          const _ = v && O !== m ? O : G;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(g, u, x, _, V, s) : (R = this.backendConnector) != null && R.saveMissing && this.backendConnector.saveMissing(g, u, x, _, V, s), this.emit("missingKey", g, u, x, m);
+          const E = v && O !== m ? O : G;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(g, u, x, E, V, s) : (R = this.backendConnector) != null && R.saveMissing && this.backendConnector.saveMissing(g, u, x, E, V, s), this.emit("missingKey", g, u, x, m);
         };
         this.options.saveMissing && (this.options.saveMissingPlurals && D ? B.forEach((g) => {
           const x = this.pluralResolver.getSuffixes(g, s);
@@ -2743,11 +2751,11 @@ class nt extends st {
       c.forEach((S) => {
         var w, b;
         this.isValidLookup(r) || (o = S, !er[`${y[0]}-${S}`] && ((w = this.utils) != null && w.hasLoadedNamespace) && !((b = this.utils) != null && b.hasLoadedNamespace(o)) && (er[`${y[0]}-${S}`] = !0, this.logger.warn(`key "${s}" for languages "${y.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!!!")), y.forEach((T) => {
-          var C;
+          var A;
           if (this.isValidLookup(r)) return;
           i = T;
           const D = [f];
-          if ((C = this.i18nFormat) != null && C.addLookupKeys)
+          if ((A = this.i18nFormat) != null && A.addLookupKeys)
             this.i18nFormat.addLookupKeys(D, f, T, S, t);
           else {
             let j;
@@ -2929,7 +2937,7 @@ const ar = (n, e, t, r = ".", s = !0) => {
   let a = Sn(n, e, t);
   return !a && s && H(t) && (a = xt(n, t, r), a === void 0 && (a = xt(e, t, r))), a;
 }, gt = (n) => n.replace(/\$/g, "$$$$");
-class Cn {
+class An {
   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) || ((r) => r), this.init(e);
@@ -3083,7 +3091,7 @@ const $n = (n) => {
     let o = e[i];
     return o || (o = n(Ne(r), s), e[i] = o), o(t);
   };
-}, An = (n) => (e, t, r) => n(Ne(t), r)(e);
+}, Cn = (n) => (e, t, r) => n(Ne(t), r)(e);
 class Ln {
   constructor(e = {}) {
     this.logger = ge.create("formatter"), this.options = e, this.init(e);
@@ -3092,7 +3100,7 @@ class Ln {
     interpolation: {}
   }) {
     this.formatSeparator = t.interpolation.formatSeparator || ",";
-    const r = t.cacheInBuiltFormats ? ir : An;
+    const r = t.cacheInBuiltFormats ? ir : Cn;
     this.formats = {
       number: r((s, a) => {
         const i = new Intl.NumberFormat(s, {
@@ -3399,7 +3407,7 @@ class Me extends st {
       c.logger = ge, c.resourceStore = this.store, c.languageUtils = f, c.pluralResolver = new Pn(f, {
         prepend: this.options.pluralSeparator,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
-      }), u && (!this.options.interpolation.format || this.options.interpolation.format === r.interpolation.format) && (c.formatter = s(u), c.formatter.init(c, this.options), this.options.interpolation.format = c.formatter.format.bind(c.formatter)), c.interpolator = new Cn(this.options), c.utils = {
+      }), u && (!this.options.interpolation.format || this.options.interpolation.format === r.interpolation.format) && (c.formatter = s(u), c.formatter.init(c, this.options), this.options.interpolation.format = c.formatter.format.bind(c.formatter)), c.interpolator = new An(this.options), c.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
       }, c.backendConnector = new jn(s(this.modules.backend), c.resourceStore, c, this.options), c.backendConnector.on("*", (h, ...p) => {
         this.emit(h, ...p);
@@ -3778,7 +3786,7 @@ function Xn({
     return O >= g && O <= x;
   }), v = (L) => {
     D(L) || (u(L), y(L.getDate()), e && e(Yr(L)));
-  }, C = () => {
+  }, A = () => {
     f === 0 ? (c(11), p(h - 1)) : c(f - 1), y(1);
   }, j = () => {
     f === 11 ? (c(0), p(h + 1)) : c(f + 1), y(1);
@@ -3796,15 +3804,15 @@ function Xn({
       case "ArrowRight":
         L.preventDefault();
         {
-          let _ = O + 1, R = new Date(h, f, _);
-          if (_ > x) {
+          let E = O + 1, R = new Date(h, f, E);
+          if (E > x) {
             const k = f === 11 ? h + 1 : h, I = f === 11 ? 0 : f + 1;
-            _ = 1, R = new Date(k, I, _), j(), setTimeout(() => {
+            E = 1, R = new Date(k, I, E), j(), setTimeout(() => {
               U(1, "forward");
             }, 0);
             return;
           }
-          D(R) ? U(_, "forward") : $(_);
+          D(R) ? U(E, "forward") : $(E);
         }
         break;
       case "Tab":
@@ -3812,43 +3820,43 @@ function Xn({
       case "ArrowLeft":
         L.preventDefault();
         {
-          let _ = O - 1, R = new Date(h, f, _);
-          if (_ < 1) {
-            const k = f === 0 ? h - 1 : h, I = f === 0 ? 11 : f - 1, A = Y(k, I);
-            _ = A, R = new Date(k, I, _), C(), setTimeout(() => {
-              U(A, "backward");
+          let E = O - 1, R = new Date(h, f, E);
+          if (E < 1) {
+            const k = f === 0 ? h - 1 : h, I = f === 0 ? 11 : f - 1, C = Y(k, I);
+            E = C, R = new Date(k, I, E), A(), setTimeout(() => {
+              U(C, "backward");
             }, 0);
             return;
           }
-          D(R) ? U(_, "backward") : $(_);
+          D(R) ? U(E, "backward") : $(E);
         }
         break;
       case "ArrowUp":
         L.preventDefault();
         {
-          let _ = O - 7, R = new Date(h, f, _);
-          if (_ < 1) {
+          let E = O - 7, R = new Date(h, f, E);
+          if (E < 1) {
             const k = f === 0 ? h - 1 : h, I = f === 0 ? 11 : f - 1;
-            _ = Y(k, I) + _, R = new Date(k, I, _), C(), setTimeout(() => {
-              U(_, "backward");
+            E = Y(k, I) + E, R = new Date(k, I, E), A(), setTimeout(() => {
+              U(E, "backward");
             }, 0);
             return;
           }
-          D(R) ? U(_, "backward") : $(_);
+          D(R) ? U(E, "backward") : $(E);
         }
         break;
       case "ArrowDown":
         L.preventDefault();
         {
-          let _ = O + 7, R = new Date(h, f, _);
-          if (_ > x) {
+          let E = O + 7, R = new Date(h, f, E);
+          if (E > x) {
             const k = f === 11 ? h + 1 : h, I = f === 11 ? 0 : f + 1;
-            _ = _ - x, R = new Date(k, I, _), j(), setTimeout(() => {
-              U(_, "forward");
+            E = E - x, R = new Date(k, I, E), j(), setTimeout(() => {
+              U(E, "forward");
             }, 0);
             return;
           }
-          D(R) ? U(_, "forward") : $(_);
+          D(R) ? U(E, "forward") : $(E);
         }
         break;
       case "Home":
@@ -3858,20 +3866,20 @@ function Xn({
         L.preventDefault(), U(x, "backward");
         break;
       case "PageUp":
-        L.preventDefault(), C(), setTimeout(() => {
-          const _ = Y(
+        L.preventDefault(), A(), setTimeout(() => {
+          const E = Y(
             f === 0 ? h - 1 : h,
             f === 0 ? 11 : f - 1
-          ), R = Math.min(O, _);
+          ), R = Math.min(O, E);
           U(R, "forward");
         }, 0);
         break;
       case "PageDown":
         L.preventDefault(), j(), setTimeout(() => {
-          const _ = Y(
+          const E = Y(
             f === 11 ? h + 1 : h,
             f === 11 ? 0 : f + 1
-          ), R = Math.min(O, _);
+          ), R = Math.min(O, E);
           U(R, "forward");
         }, 0);
         break;
@@ -3905,9 +3913,9 @@ function Xn({
           return;
         }
       }
-      const x = f === 0 ? h - 1 : h, O = f === 0 ? 11 : f - 1, _ = Y(x, O);
-      C(), setTimeout(() => {
-        U(_, "backward");
+      const x = f === 0 ? h - 1 : h, O = f === 0 ? 11 : f - 1, E = Y(x, O);
+      A(), setTimeout(() => {
+        U(E, "backward");
       }, 0);
     }
   }, K = (() => {
@@ -3948,7 +3956,7 @@ function Xn({
        ${g ? me["smp-datepickercalendar-td-focused"] : ""}
        ${x ? me["smp-datepickercalendar-td-disabled"] : ""}`
   }, B = () => `${b[f]} ${h.toString()}`;
-  return /* @__PURE__ */ E.jsxs(
+  return /* @__PURE__ */ _.jsxs(
     "div",
     {
       className: V.wrapper,
@@ -3957,7 +3965,7 @@ function Xn({
       tabIndex: -1,
       "aria-modal": "true",
       children: [
-        /* @__PURE__ */ E.jsxs(
+        /* @__PURE__ */ _.jsxs(
           "div",
           {
             style: {
@@ -3967,17 +3975,17 @@ function Xn({
               marginBottom: "16px"
             },
             children: [
-              /* @__PURE__ */ E.jsx(
+              /* @__PURE__ */ _.jsx(
                 et,
                 {
-                  onClick: C,
+                  onClick: A,
                   ariaLabel: a(St.PREVIOUS_MONTH),
                   bindValue: "<",
                   appearance: "ghost",
                   variant: "base"
                 }
               ),
-              /* @__PURE__ */ E.jsx(
+              /* @__PURE__ */ _.jsx(
                 "div",
                 {
                   "aria-label": B(),
@@ -3985,7 +3993,7 @@ function Xn({
                   children: B()
                 }
               ),
-              /* @__PURE__ */ E.jsx(
+              /* @__PURE__ */ _.jsx(
                 et,
                 {
                   onClick: j,
@@ -3998,7 +4006,7 @@ function Xn({
             ]
           }
         ),
-        /* @__PURE__ */ E.jsxs(
+        /* @__PURE__ */ _.jsxs(
           "table",
           {
             ref: S,
@@ -4006,7 +4014,7 @@ function Xn({
             "aria-label": `${a(Tt.CALENDAR_FOR)} ${b[f]} ${h}`,
             className: V.table,
             children: [
-              /* @__PURE__ */ E.jsx("thead", { children: /* @__PURE__ */ E.jsx("tr", { children: T.map((L) => /* @__PURE__ */ E.jsx(
+              /* @__PURE__ */ _.jsx("thead", { children: /* @__PURE__ */ _.jsx("tr", { children: T.map((L) => /* @__PURE__ */ _.jsx(
                 "th",
                 {
                   scope: "col",
@@ -4016,10 +4024,10 @@ function Xn({
                 },
                 L.value
               )) }) }),
-              /* @__PURE__ */ E.jsx("tbody", { children: ne.map((L, d) => /* @__PURE__ */ E.jsx("tr", { children: L.map((g, x) => {
+              /* @__PURE__ */ _.jsx("tbody", { children: ne.map((L, d) => /* @__PURE__ */ _.jsx("tr", { children: L.map((g, x) => {
                 const O = d * 7 + x;
                 if (g === null)
-                  return /* @__PURE__ */ E.jsx(
+                  return /* @__PURE__ */ _.jsx(
                     "td",
                     {
                       className: V.td(
@@ -4031,23 +4039,23 @@ function Xn({
                     },
                     `empty-${x}`
                   );
-                const _ = g.getDate() === o.getDate() && g.getMonth() === o.getMonth() && g.getFullYear() === o.getFullYear(), R = l && g.getDate() === l.getDate() && g.getMonth() === l.getMonth() && g.getFullYear() === l.getFullYear(), k = m === g.getDate(), I = D(g);
-                return /* @__PURE__ */ E.jsx(
+                const E = g.getDate() === o.getDate() && g.getMonth() === o.getMonth() && g.getFullYear() === o.getFullYear(), R = l && g.getDate() === l.getDate() && g.getMonth() === l.getMonth() && g.getFullYear() === l.getFullYear(), k = m === g.getDate(), I = D(g);
+                return /* @__PURE__ */ _.jsx(
                   "td",
                   {
                     role: "gridcell",
                     "aria-selected": R,
                     tabIndex: k ? 0 : -1,
                     onClick: () => v(g),
-                    onKeyDown: (A) => M(A, O),
+                    onKeyDown: (C) => M(C, O),
                     "aria-label": `${g.getDate()} ${b[g.getMonth()]} ${g.getFullYear()}`,
                     "data-selected": R,
                     "aria-disabled": I,
-                    ref: (A) => {
-                      w.current[O] = A;
+                    ref: (C) => {
+                      w.current[O] = C;
                     },
                     className: V.td(
-                      _,
+                      E,
                       R,
                       k,
                       I
@@ -4082,13 +4090,13 @@ const Zn = ({
       // FIXME: Copied from useClickOutside.
       typeof c == "object" && c !== null && "current" in c
     ) {
-      const C = c.current.querySelector("input");
-      C && C === document.activeElement && w();
+      const A = c.current.querySelector("input");
+      A && A === document.activeElement && w();
     }
   }), Er(a, h);
   const { format: p, getCurrentLanguage: m } = at(), y = Se(
-    (C) => {
-      const j = C.length > 5 && Mr(C, m()) || C, Y = p(j, void 0, void 0, {
+    (A) => {
+      const j = A.length > 5 && Mr(A, m()) || A, Y = p(j, void 0, void 0, {
         type: "date"
       }), F = typeof j != "string", $ = F && j.toISOString().substring(0, 10) || "";
       return {
@@ -4101,23 +4109,23 @@ const Zn = ({
     [m, p]
   );
   de(() => {
-    const { formattedDate: C, isoDate: j, isValid: Y } = y(n);
-    l(Y && j || n), f(Y && C || n);
+    const { formattedDate: A, isoDate: j, isValid: Y } = y(n);
+    l(Y && j || n), f(Y && A || n);
   }, [n, p, y]);
-  const S = () => i((C) => !C), w = () => {
+  const S = () => i((A) => !A), w = () => {
     T(u);
-  }, b = (C) => {
-    T(C), i(!1);
-  }, T = (C) => {
-    const { isoDate: j, isValid: Y } = y(C);
-    t && t(Y && j || C);
-  }, D = (C) => {
-    f(C);
-  }, v = (C) => {
-    C.key === "Enter" && (C.preventDefault(), T(u));
+  }, b = (A) => {
+    T(A), i(!1);
+  }, T = (A) => {
+    const { isoDate: j, isValid: Y } = y(A);
+    t && t(Y && j || A);
+  }, D = (A) => {
+    f(A);
+  }, v = (A) => {
+    A.key === "Enter" && (A.preventDefault(), T(u));
   };
-  return /* @__PURE__ */ E.jsxs("div", { children: [
-    /* @__PURE__ */ E.jsx(
+  return /* @__PURE__ */ _.jsxs("div", { children: [
+    /* @__PURE__ */ _.jsx(
       Re,
       {
         bindValue: u,
@@ -4131,7 +4139,7 @@ const Zn = ({
         ...s
       }
     ),
-    a && /* @__PURE__ */ E.jsx(
+    a && /* @__PURE__ */ _.jsx(
       Xn,
       {
         disabledDateRanges: r,
@@ -4170,8 +4178,8 @@ const Zn = ({
   }, f = {
     container: `${Qn["smp-multipleAutocomplete-container"]}`
   };
-  return /* @__PURE__ */ E.jsxs("div", { className: f.container, children: [
-    /* @__PURE__ */ E.jsx(
+  return /* @__PURE__ */ _.jsxs("div", { className: f.container, children: [
+    /* @__PURE__ */ _.jsx(
       _r,
       {
         elements: n,
@@ -4182,7 +4190,7 @@ const Zn = ({
         }
       }
     ),
-    /* @__PURE__ */ E.jsx(
+    /* @__PURE__ */ _.jsx(
       Sr,
       {
         bindValue: "",
@@ -4199,7 +4207,7 @@ const Zn = ({
   ] });
 }, ts = ({ ...n }) => {
   const [e, t] = Q(!1), r = e ? "visibility-off" : "visibility";
-  return /* @__PURE__ */ E.jsx(
+  return /* @__PURE__ */ _.jsx(
     Re,
     {
       ...n,
@@ -4214,7 +4222,7 @@ const Zn = ({
     var i;
     a.key === "Enter" && (a.preventDefault(), (i = n.onEnter) == null || i.call(n, e));
   };
-  return /* @__PURE__ */ E.jsx(
+  return /* @__PURE__ */ _.jsx(
     Re,
     {
       ...n,
@@ -4304,7 +4312,7 @@ const Be = (n, e, t) => ({
     ...r
   }, y = (b, T) => Ir(t) ? Be(p, new Ge(t, b).getLegacyValue()) : Be(p, b, T), S = (b) => Be(p, new ze(t, b).getLegacyValue()), w = (b) => ns(p, b);
   switch (e) {
-    case ue.AUTOCOMPLETE: {
+    case ce.AUTOCOMPLETE: {
       const b = {
         ...m,
         bindValue: t.k,
@@ -4313,9 +4321,9 @@ const Be = (n, e, t) => ({
           l == null || l(y(T, D));
         }
       };
-      return /* @__PURE__ */ E.jsx(Sr, { ...b });
+      return /* @__PURE__ */ _.jsx(Sr, { ...b });
     }
-    case ue.BUTTON: {
+    case ce.BUTTON: {
       const b = {
         ...m,
         bindValue: t.k,
@@ -4324,9 +4332,9 @@ const Be = (n, e, t) => ({
           u == null || u(y(t.k));
         }
       };
-      return /* @__PURE__ */ E.jsx(et, { ...b });
+      return /* @__PURE__ */ _.jsx(et, { ...b });
     }
-    case ue.COMBOBOX: {
+    case ce.COMBOBOX: {
       const b = {
         ...m,
         bindValue: t.k,
@@ -4335,9 +4343,9 @@ const Be = (n, e, t) => ({
           l == null || l(y(T, D));
         }
       };
-      return /* @__PURE__ */ E.jsx(yn, { ...b });
+      return /* @__PURE__ */ _.jsx(yn, { ...b });
     }
-    case ue.CHECKBOX: {
+    case ce.CHECKBOX: {
       const b = {
         ...m,
         bindValue: ze.fromDataObj(t).getValue(),
@@ -4346,16 +4354,16 @@ const Be = (n, e, t) => ({
           l == null || l(S(T));
         }
       };
-      return /* @__PURE__ */ E.jsx(hn, { ...b });
+      return /* @__PURE__ */ _.jsx(hn, { ...b });
     }
-    case ue.CHIP: {
+    case ce.CHIP: {
       const b = {
         ...m,
         elements: ur(p)
       };
-      return /* @__PURE__ */ E.jsx(_r, { ...b });
+      return /* @__PURE__ */ _.jsx(_r, { ...b });
     }
-    case ue.DATE: {
+    case ce.DATE: {
       const b = {
         ...m,
         bindValue: Ge.fromDataObj(t).getValue(),
@@ -4363,9 +4371,20 @@ const Be = (n, e, t) => ({
           l == null || l(y(T));
         }
       };
-      return /* @__PURE__ */ E.jsx(Zn, { ...b });
+      return /* @__PURE__ */ _.jsx(Zn, { ...b });
+    }
+    case ce.ICON: {
+      const b = {
+        ...m,
+        icon: s,
+        placeholderIcon: i,
+        onClick: () => {
+          u == null || u(y(t.k));
+        }
+      };
+      return /* @__PURE__ */ _.jsx(ye, { ...b });
     }
-    case ue.ICON: {
+    case ce.IMAGE: {
       const b = {
         ...m,
         icon: s,
@@ -4374,9 +4393,9 @@ const Be = (n, e, t) => ({
           u == null || u(y(t.k));
         }
       };
-      return /* @__PURE__ */ E.jsx(be, { ...b });
+      return /* @__PURE__ */ _.jsx(ye, { ...b });
     }
-    case ue.MULTI_AUTOCOMPLETE: {
+    case ce.MULTI_AUTOCOMPLETE: {
       const b = {
         ...m,
         elements: ur(p),
@@ -4384,9 +4403,9 @@ const Be = (n, e, t) => ({
           l == null || l(w(T));
         }
       };
-      return /* @__PURE__ */ E.jsx(es, { ...b });
+      return /* @__PURE__ */ _.jsx(es, { ...b });
     }
-    case ue.PASSWORD: {
+    case ce.PASSWORD: {
       const b = {
         ...m,
         bindValue: t.k,
@@ -4394,9 +4413,9 @@ const Be = (n, e, t) => ({
           l == null || l(y(T));
         }
       };
-      return /* @__PURE__ */ E.jsx(ts, { ...b });
+      return /* @__PURE__ */ _.jsx(ts, { ...b });
     }
-    case ue.SPOTLIGHT: {
+    case ce.SPOTLIGHT: {
       const b = {
         ...m,
         bindValue: t.k,
@@ -4404,9 +4423,9 @@ const Be = (n, e, t) => ({
           f == null || f(y(T));
         }
       };
-      return /* @__PURE__ */ E.jsx(rs, { ...b });
+      return /* @__PURE__ */ _.jsx(rs, { ...b });
     }
-    case ue.TEXT_FIELD:
+    case ce.TEXT_FIELD:
     case void 0: {
       const b = {
         ...m,
@@ -4415,7 +4434,7 @@ const Be = (n, e, t) => ({
           l == null || l(y(T));
         }
       };
-      return /* @__PURE__ */ E.jsx(Re, { ...b });
+      return /* @__PURE__ */ _.jsx(Re, { ...b });
     }
   }
 }, ss = (n, e) => {
@@ -4468,7 +4487,7 @@ const Be = (n, e, t) => ({
 }, as = ({ layout: n, cells: e }) => {
   var f;
   if (!((f = n.sections) != null && f.length))
-    return /* @__PURE__ */ E.jsx(E.Fragment, {});
+    return /* @__PURE__ */ _.jsx(_.Fragment, {});
   const t = "--smp-grid-template-cols", r = Rr(n.sections, e), s = (c) => c == null ? void 0 : c.reduce((h, p) => {
     var b, T;
     let m = "", y = {}, S = {}, w = "";
@@ -4493,7 +4512,7 @@ const Be = (n, e, t) => ({
     t
   ), l = (c) => {
     var p;
-    const h = /* @__PURE__ */ E.jsx(
+    const h = /* @__PURE__ */ _.jsx(
       "div",
       {
         "smp-id": "section-" + c.id,
@@ -4505,12 +4524,12 @@ const Be = (n, e, t) => ({
       },
       "section-" + c.id
     );
-    return c.title ? /* @__PURE__ */ E.jsxs("div", { className: `${fe["smp-layout-section-with-title"]}`, children: [
-      /* @__PURE__ */ E.jsx(
+    return c.title ? /* @__PURE__ */ _.jsxs("div", { className: `${fe["smp-layout-section-with-title"]}`, children: [
+      /* @__PURE__ */ _.jsx(
         "span",
         {
           className: `${fe["smp-layout-section-title"]} ${c.hdsp ? `smp-justifyContent-${c.hdsp}` : ""} ${c.vdsp ? `smp-alignItems-${c.vdsp}` : ""}`,
-          children: /* @__PURE__ */ E.jsx(hr, { label: c.title })
+          children: /* @__PURE__ */ _.jsx(hr, { label: c.title })
         }
       ),
       h
@@ -4520,18 +4539,18 @@ const Be = (n, e, t) => ({
       gridColumnStart: S,
       gridColumnEnd: w
     }, T = `${fe["smp-layout-cell-container"]} ${p ? `smp-justifyContent-${p}` : ""} ${m ? `smp-alignItems-${m}` : ""}`;
-    return /* @__PURE__ */ E.jsx(
+    return /* @__PURE__ */ _.jsx(
       "div",
       {
         className: T,
         style: { ...b },
         "smp-id": c.id,
-        children: h ? /* @__PURE__ */ E.jsx(Or, { ...h }) : /* @__PURE__ */ E.jsx(E.Fragment, {})
+        children: h ? /* @__PURE__ */ _.jsx(Or, { ...h }) : /* @__PURE__ */ _.jsx(_.Fragment, {})
       },
       c.id
     );
   };
-  return /* @__PURE__ */ E.jsx("div", { className: i.container, style: o, "smp-id": "layout", children: r == null ? void 0 : r.map((c) => l(c)) });
+  return /* @__PURE__ */ _.jsx("div", { className: i.container, style: o, "smp-id": "layout", children: r == null ? void 0 : r.map((c) => l(c)) });
 }, is = {
   "smp-appbar": "_smp-appbar_u7bbt_1"
 }, us = ({ data: n, onClick: e, onEnter: t }) => {
@@ -4576,7 +4595,7 @@ const Be = (n, e, t) => ({
   );
   return de(() => {
     s(a(n));
-  }, [n, a]), !((i = n == null ? void 0 : n.rows) != null && i.length) || !((o = n.columns) != null && o.length) ? null : r && /* @__PURE__ */ E.jsx("header", { className: is["smp-appbar"], "aria-label": "App Bar", children: /* @__PURE__ */ E.jsx(as, { layout: n.rows[0].layout, cells: r }) });
+  }, [n, a]), !((i = n == null ? void 0 : n.rows) != null && i.length) || !((o = n.columns) != null && o.length) ? null : r && /* @__PURE__ */ _.jsx("header", { className: is["smp-appbar"], "aria-label": "App Bar", children: /* @__PURE__ */ _.jsx(as, { layout: n.rows[0].layout, cells: r }) });
 }, ke = {
   "smp-dash-list": "_smp-dash-list_ajkcc_1",
   "smp-dash-list-fill-space": "_smp-dash-list-fill-space_ajkcc_25",
@@ -4610,15 +4629,15 @@ const Be = (n, e, t) => ({
   SelectLayout: b = "1",
   onClick: T
 }) => {
-  const D = "N/A", v = (e == null ? void 0 : e.columns) || [], C = (e == null ? void 0 : e.rows) || [], j = C.length > 0, Y = "--smp-dashList-color", F = "smp-layout", $ = "descr", M = "icon", U = "um", J = "value", K = i || "1em", ne = "18px", G = "--smp-dashList-columns", V = "--smp-dashList-fontSize", B = {
+  const D = "N/A", v = (e == null ? void 0 : e.columns) || [], A = (e == null ? void 0 : e.rows) || [], j = A.length > 0, Y = "--smp-dashList-color", F = "smp-layout", $ = "descr", M = "icon", U = "um", J = "value", K = i || "1em", ne = "18px", G = "--smp-dashList-columns", V = "--smp-dashList-fontSize", B = {
     dash: (N = "1") => {
-      const z = d(N), ee = ke[z], te = g(z, $), le = g(z, M), ye = g(z, U), ce = g(z, J);
+      const z = d(N), ee = ke[z], te = g(z, $), le = g(z, M), ve = g(z, U), ue = g(z, J);
       return {
         container: ee,
         descr: te,
         icon: le,
-        um: ye,
-        value: ce
+        um: ve,
+        value: ue
       };
     },
     dashList: `${ke["smp-dash-list"]} ${Ie(a) ? ke["smp-dash-list-fill-space"] : ""}
@@ -4631,23 +4650,23 @@ const Be = (n, e, t) => ({
         return "rgb(" + te[1] + "," + te[2] + "," + te[3] + ")";
     }
     return N;
-  }, _ = (N) => {
+  }, E = (N) => {
     if (!c) return N;
     const [z, ee] = R(c).map(
       (we) => parseInt(we || "0")
     ), te = "0,0" + (ee ? "." + "0".repeat(ee) : ""), le = L(N, te, "it");
     if (!z) return le;
-    const [ye, ce] = le.split(",");
-    return ye + (ce ? `,${ce}` : "");
+    const [ve, ue] = le.split(",");
+    return ve + (ue ? `,${ue}` : "");
   }, R = (N) => N.includes(";") ? N.split(";") : [N], k = (N) => {
     const z = (te) => {
       var le;
       if (te)
         return (le = N == null ? void 0 : N.cells[te]) == null ? void 0 : le.obj.k;
     }, ee = (te) => {
-      var le, ye;
+      var le, ve;
       if (!(v.length <= te))
-        return (ye = (le = N == null ? void 0 : N.cells[v[te].name]) == null ? void 0 : le.obj) == null ? void 0 : ye.k;
+        return (ve = (le = N == null ? void 0 : N.cells[v[te].name]) == null ? void 0 : le.obj) == null ? void 0 : ve.k;
     };
     return {
       descr: t || z(r) || ee(2) || "",
@@ -4657,15 +4676,15 @@ const Be = (n, e, t) => ({
     };
   }, I = (N) => {
     T == null || T(N);
-  }, A = (N, z) => {
+  }, C = (N, z) => {
     (N.key === "Enter" || N.key === " ") && (N.preventDefault(), N.stopPropagation(), I(z));
   }, W = ((N) => {
     const z = B.dash(N);
     return {
       className: z,
-      descr: (ee) => /* @__PURE__ */ E.jsx("div", { className: z.descr, children: ee }, `${N}-${$}`),
-      icon: (ee) => /* @__PURE__ */ E.jsx("div", { className: z.icon, children: /* @__PURE__ */ E.jsx(
-        be,
+      descr: (ee) => /* @__PURE__ */ _.jsx("div", { className: z.descr, children: ee }, `${N}-${$}`),
+      icon: (ee) => /* @__PURE__ */ _.jsx("div", { className: z.icon, children: /* @__PURE__ */ _.jsx(
+        ye,
         {
           color: f,
           height: ne,
@@ -4673,37 +4692,37 @@ const Be = (n, e, t) => ({
           width: ne
         }
       ) }, `${N}-${M}`),
-      um: (ee) => /* @__PURE__ */ E.jsx("div", { className: z.um, children: ee }, `${N}-${U}`),
-      value: (ee) => /* @__PURE__ */ E.jsx("div", { className: z.value, children: ee }, `${N}-${J}`)
+      um: (ee) => /* @__PURE__ */ _.jsx("div", { className: z.um, children: ee }, `${N}-${U}`),
+      value: (ee) => /* @__PURE__ */ _.jsx("div", { className: z.value, children: ee }, `${N}-${J}`)
     };
   })(b), re = (N) => {
-    const { descr: z, icon: ee, um: te, value: le } = k(N), ye = {
+    const { descr: z, icon: ee, um: te, value: le } = k(N), ve = {
       [x($)]: O(s),
       [x(U)]: O(m),
       [x(J)]: O(w)
-    }, ce = [], we = _(le);
+    }, ue = [], we = E(le);
     switch (b) {
       case "2":
-        ee && ce.push(W.icon(ee)), ce.push(W.descr(z)), ce.push(
+        ee && ue.push(W.icon(ee)), ue.push(W.descr(z)), ue.push(
           W.value(te ? we + " " + te : we)
         );
         break;
       default:
       case "1":
-        ce.push(W.descr(z)), ce.push(
+        ue.push(W.descr(z)), ue.push(
           W.value(te ? we + " " + te : we)
         );
     }
-    return /* @__PURE__ */ E.jsx(
+    return /* @__PURE__ */ _.jsx(
       "div",
       {
         className: W.className.container,
         role: "button",
-        style: ye,
+        style: ve,
         tabIndex: 0,
         onClick: () => I(N),
-        onKeyDown: (Dr) => A(Dr, N),
-        children: ce
+        onKeyDown: (Dr) => C(Dr, N),
+        children: ue
       },
       N.id
     );
@@ -4711,7 +4730,7 @@ const Be = (n, e, t) => ({
     [G]: String(n),
     [V]: K
   };
-  return /* @__PURE__ */ E.jsx("div", { className: B.dashList, style: P, children: j ? C.map((N) => re(N)) : D });
+  return /* @__PURE__ */ _.jsx("div", { className: B.dashList, style: P, children: j ? A.map((N) => re(N)) : D });
 }, dr = {
   "smp-field-container": "_smp-field-container_2ay2r_1",
   "smp-field-position-Left": "_smp-field-position-Left_2ay2r_6",
@@ -4743,8 +4762,8 @@ const Be = (n, e, t) => ({
     Ie(t) || o == null || o(f);
   };
   if (f)
-    return /* @__PURE__ */ E.jsxs("div", { className: p.container, children: [
-      /* @__PURE__ */ E.jsx(
+    return /* @__PURE__ */ _.jsxs("div", { className: p.container, children: [
+      /* @__PURE__ */ _.jsx(
         "div",
         {
           style: {
@@ -4753,7 +4772,7 @@ const Be = (n, e, t) => ({
             gap: "8px",
             font: "var(--smp-fontLabel-base)"
           },
-          children: /* @__PURE__ */ E.jsx(
+          children: /* @__PURE__ */ _.jsx(
             Or,
             {
               ...f,
@@ -4768,7 +4787,7 @@ const Be = (n, e, t) => ({
         }
       ),
       Ie(t) && //TODO: translation
-      /* @__PURE__ */ E.jsx(et, { bindValue: "Confirm", onClick: () => l == null ? void 0 : l(f) })
+      /* @__PURE__ */ _.jsx(et, { bindValue: "Confirm", onClick: () => l == null ? void 0 : l(f) })
     ] });
 };
 export {
@@ -4780,7 +4799,7 @@ export {
   fs as DashList,
   Zn as DatePicker,
   ds as Field,
-  be as Icon,
+  ye as Icon,
   ts as Password,
   Re as Textfield,
   cs as configurePaths