@sme.up/ketchup2 2.0.0-SNAPSHOT-20250613081018 → 2.0.0-SNAPSHOT-20250613084927

package/dist/ketchup2.es.js

@@ -2,7 +2,7 @@ var jr = Object.defineProperty;
 var $r = (r, e, t) => e in r ? jr(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
 var Se = (r, e, t) => $r(r, typeof e != "symbol" ? e + "" : e, t);
 import * as Ie from "react";
-import dr, { useEffect as ie, useRef as ve, useState as X, useCallback as ye, useLayoutEffect as Cr, useId as Pr } from "react";
+import dr, { useEffect as ie, useRef as ve, useState as J, useCallback as ye, useLayoutEffect as Cr, useId as Pr } from "react";
 var Ne = { exports: {} }, $e = {};
 /**
  * @license React
@@ -62,7 +62,7 @@ function Lr() {
           return "StrictMode";
         case v:
           return "Suspense";
-        case k:
+        case I:
           return "SuspenseList";
         case R:
           return "Activity";
@@ -130,7 +130,7 @@ function Lr() {
       return Error("react-stack-top-frame");
     }
     function i(p) {
-      if (N.call(p, "key")) {
+      if (k.call(p, "key")) {
         var g = Object.getOwnPropertyDescriptor(p, "key").get;
         if (g && g.isReactWarning) return !1;
       }
@@ -138,7 +138,7 @@ function Lr() {
     }
     function o(p, g) {
       function T() {
-        z || (z = !0, console.error(
+        X || (X = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           g
         ));
@@ -154,7 +154,7 @@ function Lr() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), p = this.props.ref, p !== void 0 ? p : null;
     }
-    function l(p, g, T, $, O, A, F, V) {
+    function l(p, g, T, $, O, A, M, F) {
       return T = A.ref, p = {
         $$typeof: m,
         type: p,
@@ -178,33 +178,33 @@ function Lr() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: F
+        value: M
       }), Object.defineProperty(p, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: V
+        value: F
       }), Object.freeze && (Object.freeze(p.props), Object.freeze(p)), p;
     }
-    function u(p, g, T, $, O, A, F, V) {
-      var M = g.children;
-      if (M !== void 0)
+    function u(p, g, T, $, O, A, M, F) {
+      var N = g.children;
+      if (N !== void 0)
         if ($)
-          if (I(M)) {
-            for ($ = 0; $ < M.length; $++)
-              f(M[$]);
-            Object.freeze && Object.freeze(M);
+          if (Y(N)) {
+            for ($ = 0; $ < N.length; $++)
+              f(N[$]);
+            Object.freeze && Object.freeze(N);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else f(M);
-      if (N.call(g, "key")) {
-        M = r(p);
-        var q = Object.keys(g).filter(function(ne) {
+        else f(N);
+      if (k.call(g, "key")) {
+        N = r(p);
+        var z = Object.keys(g).filter(function(ne) {
           return ne !== "key";
         });
-        $ = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", L[M + $] || (q = 0 < q.length ? "{" + q.join(": ..., ") + ": ...}" : "{}", console.error(
+        $ = 0 < z.length ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}", L[N + $] || (z = 0 < z.length ? "{" + z.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -212,34 +212,34 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           $,
-          M,
-          q,
-          M
-        ), L[M + $] = !0);
+          N,
+          z,
+          N
+        ), L[N + $] = !0);
       }
-      if (M = null, T !== void 0 && (t(T), M = "" + T), i(g) && (t(g.key), M = "" + g.key), "key" in g) {
+      if (N = null, T !== void 0 && (t(T), N = "" + T), i(g) && (t(g.key), N = "" + g.key), "key" in g) {
         T = {};
         for (var G in g)
           G !== "key" && (T[G] = g[G]);
       } else T = g;
-      return M && o(
+      return N && o(
         T,
         typeof p == "function" ? p.displayName || p.name || "Unknown" : p
       ), l(
         p,
-        M,
+        N,
         A,
         O,
         s(),
         T,
-        F,
-        V
+        M,
+        F
       );
     }
     function f(p) {
       typeof p == "object" && p !== null && p.$$typeof === m && p._store && (p._store.validated = 1);
     }
-    var d = dr, m = Symbol.for("react.transitional.element"), h = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), D = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), U = Symbol.for("react.lazy"), R = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), j = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, I = Array.isArray, H = console.createTask ? console.createTask : function() {
+    var d = dr, m = Symbol.for("react.transitional.element"), h = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), D = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), I = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), U = Symbol.for("react.lazy"), R = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), j = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, k = Object.prototype.hasOwnProperty, Y = Array.isArray, H = console.createTask ? console.createTask : function() {
       return null;
     };
     d = {
@@ -247,7 +247,7 @@ React keys must be passed directly to JSX without using spread:
         return p();
       }
     };
-    var z, K = {}, Z = d["react-stack-bottom-frame"].bind(
+    var X, K = {}, Z = d["react-stack-bottom-frame"].bind(
       d,
       a
     )(), W = H(n(a)), L = {};
@@ -487,7 +487,7 @@ function bt({
   position: r = "bottom",
   enabled: e = !0
 }) {
-  const t = ve(null), n = ve(null), [s, a] = X(0), i = ye(() => {
+  const t = ve(null), n = ve(null), [s, a] = J(0), i = ye(() => {
     const o = t.current, c = n.current;
     if (!o || !c) return;
     const { top: l, left: u, width: f, height: d } = o.getBoundingClientRect();
@@ -763,36 +763,36 @@ var en = Qr(), Re = /* @__PURE__ */ new Map(), pr = function(e) {
         path: [],
         pattern: ["fill", "stroke"],
         radialGradient: ["fill", "stroke"]
-      }, S, v, k, C, U;
+      }, S, v, I, C, U;
       Object.keys(D).forEach(function(W) {
-        S = W, k = D[W], v = f.querySelectorAll(S + "[id]");
+        S = W, I = D[W], v = f.querySelectorAll(S + "[id]");
         for (var L = function($, O) {
           C = v[$].id, U = C + "-" + an();
           var A;
-          Array.prototype.forEach.call(k, function(Y) {
-            A = f.querySelectorAll("[" + Y + '*="' + C + '"]');
-            for (var J = 0, te = A.length; J < te; J++) {
-              var re = A[J].getAttribute(Y);
-              re && !re.match(new RegExp('url\\("?#' + C + '"?\\)')) || A[J].setAttribute(Y, "url(#" + U + ")");
+          Array.prototype.forEach.call(I, function(V) {
+            A = f.querySelectorAll("[" + V + '*="' + C + '"]');
+            for (var q = 0, te = A.length; q < te; q++) {
+              var re = A[q].getAttribute(V);
+              re && !re.match(new RegExp('url\\("?#' + C + '"?\\)')) || A[q].setAttribute(V, "url(#" + U + ")");
             }
           });
-          for (var F = f.querySelectorAll("[*|href]"), V = [], M = 0, q = F.length; M < q; M++) {
-            var G = F[M].getAttributeNS(at, "href");
-            G && G.toString() === "#" + v[$].id && V.push(F[M]);
+          for (var M = f.querySelectorAll("[*|href]"), F = [], N = 0, z = M.length; N < z; N++) {
+            var G = M[N].getAttributeNS(at, "href");
+            G && G.toString() === "#" + v[$].id && F.push(M[N]);
           }
-          for (var ne = 0, _ = V.length; ne < _; ne++)
-            V[ne].setAttributeNS(at, "href", "#" + U);
+          for (var ne = 0, _ = F.length; ne < _; ne++)
+            F[ne].setAttributeNS(at, "href", "#" + U);
           v[$].id = U;
         }, p = 0, g = v.length; p < g; p++)
           L(p);
       });
     }
     f.removeAttribute("xmlns:a");
-    for (var R = f.querySelectorAll("script"), P = [], j, N, I = 0, H = R.length; I < H; I++)
-      N = R[I].getAttribute("type"), (!N || N === "application/ecmascript" || N === "application/javascript" || N === "text/javascript") && (j = R[I].innerText || R[I].textContent, j && P.push(j), f.removeChild(R[I]));
+    for (var R = f.querySelectorAll("script"), P = [], j, k, Y = 0, H = R.length; Y < H; Y++)
+      k = R[Y].getAttribute("type"), (!k || k === "application/ecmascript" || k === "application/javascript" || k === "text/javascript") && (j = R[Y].innerText || R[Y].textContent, j && P.push(j), f.removeChild(R[Y]));
     if (P.length > 0 && (t === "always" || t === "once" && !At[c])) {
-      for (var z = 0, K = P.length; z < K; z++)
-        new Function(P[z])(window);
+      for (var X = 0, K = P.length; X < K; X++)
+        new Function(P[X])(window);
       At[c] = !0;
     }
     var Z = f.querySelectorAll("style");
@@ -811,11 +811,11 @@ var en = Qr(), Re = /* @__PURE__ */ new Map(), pr = function(e) {
   } : c, u = n.cacheRequests, f = u === void 0 ? !0 : u, d = n.evalScripts, m = d === void 0 ? "never" : d, h = n.httpRequestWithCredentials, y = h === void 0 ? !1 : h, x = n.renumerateIRIElements, w = x === void 0 ? !0 : x;
   if (e && "length" in e)
     for (var E = 0, D = 0, S = e.length; D < S; D++)
-      Lt(e[D], m, w, f, y, l, function(v, k) {
-        o(v, k), e && "length" in e && e.length === ++E && a(E);
+      Lt(e[D], m, w, f, y, l, function(v, I) {
+        o(v, I), e && "length" in e && e.length === ++E && a(E);
       });
-  else e ? Lt(e, m, w, f, y, l, function(v, k) {
-    o(v, k), a(1), e = null;
+  else e ? Lt(e, m, w, f, y, l, function(v, I) {
+    o(v, I), a(1), e = null;
   }) : a(0);
 }, Ve = { exports: {} }, Ye = { exports: {} }, Q = {};
 /** @license React v16.13.1
@@ -833,8 +833,8 @@ function cn() {
   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, h = r ? Symbol.for("react.lazy") : 60116, y = r ? Symbol.for("react.block") : 60121, x = r ? Symbol.for("react.fundamental") : 60117, w = r ? Symbol.for("react.responder") : 60118, E = r ? Symbol.for("react.scope") : 60119;
   function D(v) {
     if (typeof v == "object" && v !== null) {
-      var k = v.$$typeof;
-      switch (k) {
+      var I = v.$$typeof;
+      switch (I) {
         case e:
           switch (v = v.type, v) {
             case c:
@@ -853,11 +853,11 @@ function cn() {
                 case i:
                   return v;
                 default:
-                  return k;
+                  return I;
               }
           }
         case t:
-          return k;
+          return I;
       }
     }
   }
@@ -911,20 +911,20 @@ function un() {
     }
     function S(_) {
       if (typeof _ == "object" && _ !== null) {
-        var Y = _.$$typeof;
-        switch (Y) {
+        var V = _.$$typeof;
+        switch (V) {
           case e:
-            var J = _.type;
-            switch (J) {
+            var q = _.type;
+            switch (q) {
               case c:
               case l:
               case n:
               case a:
               case s:
               case f:
-                return J;
+                return q;
               default:
-                var te = J && J.$$typeof;
+                var te = q && q.$$typeof;
                 switch (te) {
                   case o:
                   case u:
@@ -933,15 +933,15 @@ function un() {
                   case i:
                     return te;
                   default:
-                    return Y;
+                    return V;
                 }
             }
           case t:
-            return Y;
+            return V;
         }
       }
     }
-    var v = c, k = l, C = o, U = i, R = e, P = u, j = n, N = h, I = m, H = t, z = a, K = s, Z = f, W = !1;
+    var v = c, I = l, C = o, U = i, R = e, P = u, j = n, k = h, Y = m, H = t, X = a, K = s, Z = f, W = !1;
     function L(_) {
       return W || (W = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), p(_) || S(_) === c;
     }
@@ -963,16 +963,16 @@ function un() {
     function A(_) {
       return S(_) === n;
     }
-    function F(_) {
+    function M(_) {
       return S(_) === h;
     }
-    function V(_) {
+    function F(_) {
       return S(_) === m;
     }
-    function M(_) {
+    function N(_) {
       return S(_) === t;
     }
-    function q(_) {
+    function z(_) {
       return S(_) === a;
     }
     function G(_) {
@@ -981,7 +981,7 @@ function un() {
     function ne(_) {
       return S(_) === f;
     }
-    ee.AsyncMode = v, ee.ConcurrentMode = k, ee.ContextConsumer = C, ee.ContextProvider = U, ee.Element = R, ee.ForwardRef = P, ee.Fragment = j, ee.Lazy = N, ee.Memo = I, ee.Portal = H, ee.Profiler = z, ee.StrictMode = K, ee.Suspense = Z, ee.isAsyncMode = L, ee.isConcurrentMode = p, ee.isContextConsumer = g, ee.isContextProvider = T, ee.isElement = $, ee.isForwardRef = O, ee.isFragment = A, ee.isLazy = F, ee.isMemo = V, ee.isPortal = M, ee.isProfiler = q, ee.isStrictMode = G, ee.isSuspense = ne, ee.isValidElementType = D, ee.typeOf = S;
+    ee.AsyncMode = v, ee.ConcurrentMode = I, ee.ContextConsumer = C, ee.ContextProvider = U, ee.Element = R, ee.ForwardRef = P, ee.Fragment = j, ee.Lazy = k, ee.Memo = Y, ee.Portal = H, ee.Profiler = X, ee.StrictMode = K, ee.Suspense = Z, ee.isAsyncMode = L, ee.isConcurrentMode = p, ee.isContextConsumer = g, ee.isContextProvider = T, ee.isElement = $, ee.isForwardRef = O, ee.isFragment = A, ee.isLazy = M, ee.isMemo = F, ee.isPortal = N, ee.isProfiler = z, ee.isStrictMode = G, ee.isSuspense = ne, ee.isValidElementType = D, ee.typeOf = S;
   }()), ee;
 }
 var It;
@@ -1136,13 +1136,13 @@ function pn() {
       arrayOf: D,
       element: S(),
       elementType: v(),
-      instanceOf: k,
+      instanceOf: I,
       node: P(),
       objectOf: U,
       oneOf: C,
       oneOfType: R,
-      shape: N,
-      exact: I
+      shape: k,
+      exact: Y
     };
     function h(p, g) {
       return p === g ? p !== 0 || 1 / p === 1 / g : p !== p && g !== g;
@@ -1154,33 +1154,33 @@ function pn() {
     function x(p) {
       if (process.env.NODE_ENV !== "production")
         var g = {}, T = 0;
-      function $(A, F, V, M, q, G, ne) {
-        if (M = M || d, G = G || V, ne !== t) {
+      function $(A, M, F, N, z, G, ne) {
+        if (N = N || d, G = G || F, ne !== t) {
           if (c) {
             var _ = 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 _.name = "Invariant Violation", _;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var Y = M + ":" + V;
-            !g[Y] && // Avoid spamming the console because they are often not actionable except for lib authors
+            var V = N + ":" + F;
+            !g[V] && // Avoid spamming the console because they are often not actionable except for lib authors
             T < 3 && (a(
-              "You are manually calling a React.PropTypes validation function for the `" + G + "` prop on `" + M + "`. 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[Y] = !0, T++);
+              "You are manually calling a React.PropTypes validation function for the `" + G + "` prop on `" + N + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+            ), g[V] = !0, T++);
           }
         }
-        return F[V] == null ? A ? F[V] === null ? new y("The " + q + " `" + G + "` is marked as required " + ("in `" + M + "`, but its value is `null`.")) : new y("The " + q + " `" + G + "` is marked as required in " + ("`" + M + "`, but its value is `undefined`.")) : null : p(F, V, M, q, G);
+        return M[F] == null ? A ? M[F] === null ? new y("The " + z + " `" + G + "` is marked as required " + ("in `" + N + "`, but its value is `null`.")) : new y("The " + z + " `" + G + "` is marked as required in " + ("`" + N + "`, but its value is `undefined`.")) : null : p(M, F, N, z, G);
       }
       var O = $.bind(null, !1);
       return O.isRequired = $.bind(null, !0), O;
     }
     function w(p) {
-      function g(T, $, O, A, F, V) {
-        var M = T[$], q = K(M);
-        if (q !== p) {
-          var G = Z(M);
+      function g(T, $, O, A, M, F) {
+        var N = T[$], z = K(N);
+        if (z !== p) {
+          var G = Z(N);
           return new y(
-            "Invalid " + A + " `" + F + "` of type " + ("`" + G + "` supplied to `" + O + "`, expected ") + ("`" + p + "`."),
+            "Invalid " + A + " `" + M + "` of type " + ("`" + G + "` supplied to `" + O + "`, expected ") + ("`" + p + "`."),
             { expectedType: p }
           );
         }
@@ -1192,16 +1192,16 @@ function pn() {
       return x(i);
     }
     function D(p) {
-      function g(T, $, O, A, F) {
+      function g(T, $, O, A, M) {
         if (typeof p != "function")
-          return new y("Property `" + F + "` of component `" + O + "` has invalid PropType notation inside arrayOf.");
-        var V = T[$];
-        if (!Array.isArray(V)) {
-          var M = K(V);
-          return new y("Invalid " + A + " `" + F + "` of type " + ("`" + M + "` supplied to `" + O + "`, expected an array."));
+          return new y("Property `" + M + "` of component `" + O + "` has invalid PropType notation inside arrayOf.");
+        var F = T[$];
+        if (!Array.isArray(F)) {
+          var N = K(F);
+          return new y("Invalid " + A + " `" + M + "` of type " + ("`" + N + "` supplied to `" + O + "`, expected an array."));
         }
-        for (var q = 0; q < V.length; q++) {
-          var G = p(V, q, O, A, F + "[" + q + "]", t);
+        for (var z = 0; z < F.length; z++) {
+          var G = p(F, z, O, A, M + "[" + z + "]", t);
           if (G instanceof Error)
             return G;
         }
@@ -1211,10 +1211,10 @@ function pn() {
     }
     function S() {
       function p(g, T, $, O, A) {
-        var F = g[T];
-        if (!o(F)) {
-          var V = K(F);
-          return new y("Invalid " + O + " `" + A + "` of type " + ("`" + V + "` supplied to `" + $ + "`, expected a single ReactElement."));
+        var M = g[T];
+        if (!o(M)) {
+          var F = K(M);
+          return new y("Invalid " + O + " `" + A + "` of type " + ("`" + F + "` supplied to `" + $ + "`, expected a single ReactElement."));
         }
         return null;
       }
@@ -1222,20 +1222,20 @@ function pn() {
     }
     function v() {
       function p(g, T, $, O, A) {
-        var F = g[T];
-        if (!r.isValidElementType(F)) {
-          var V = K(F);
-          return new y("Invalid " + O + " `" + A + "` of type " + ("`" + V + "` supplied to `" + $ + "`, expected a single ReactElement type."));
+        var M = g[T];
+        if (!r.isValidElementType(M)) {
+          var F = K(M);
+          return new y("Invalid " + O + " `" + A + "` of type " + ("`" + F + "` supplied to `" + $ + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return x(p);
     }
-    function k(p) {
-      function g(T, $, O, A, F) {
+    function I(p) {
+      function g(T, $, O, A, M) {
         if (!(T[$] instanceof p)) {
-          var V = p.name || d, M = L(T[$]);
-          return new y("Invalid " + A + " `" + F + "` of type " + ("`" + M + "` supplied to `" + O + "`, expected ") + ("instance of `" + V + "`."));
+          var F = p.name || d, N = L(T[$]);
+          return new y("Invalid " + A + " `" + M + "` of type " + ("`" + N + "` supplied to `" + O + "`, expected ") + ("instance of `" + F + "`."));
         }
         return null;
       }
@@ -1246,28 +1246,28 @@ function pn() {
         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(T, $, O, A, F) {
-        for (var V = T[$], M = 0; M < p.length; M++)
-          if (h(V, p[M]))
+      function g(T, $, O, A, M) {
+        for (var F = T[$], N = 0; N < p.length; N++)
+          if (h(F, p[N]))
             return null;
-        var q = JSON.stringify(p, function(ne, _) {
-          var Y = Z(_);
-          return Y === "symbol" ? String(_) : _;
+        var z = JSON.stringify(p, function(ne, _) {
+          var V = Z(_);
+          return V === "symbol" ? String(_) : _;
         });
-        return new y("Invalid " + A + " `" + F + "` of value `" + String(V) + "` " + ("supplied to `" + O + "`, expected one of " + q + "."));
+        return new y("Invalid " + A + " `" + M + "` of value `" + String(F) + "` " + ("supplied to `" + O + "`, expected one of " + z + "."));
       }
       return x(g);
     }
     function U(p) {
-      function g(T, $, O, A, F) {
+      function g(T, $, O, A, M) {
         if (typeof p != "function")
-          return new y("Property `" + F + "` of component `" + O + "` has invalid PropType notation inside objectOf.");
-        var V = T[$], M = K(V);
-        if (M !== "object")
-          return new y("Invalid " + A + " `" + F + "` of type " + ("`" + M + "` supplied to `" + O + "`, expected an object."));
-        for (var q in V)
-          if (n(V, q)) {
-            var G = p(V, q, O, A, F + "." + q, t);
+          return new y("Property `" + M + "` of component `" + O + "` has invalid PropType notation inside objectOf.");
+        var F = T[$], N = K(F);
+        if (N !== "object")
+          return new y("Invalid " + A + " `" + M + "` of type " + ("`" + N + "` supplied to `" + O + "`, expected an object."));
+        for (var z in F)
+          if (n(F, z)) {
+            var G = p(F, z, O, A, M + "." + z, t);
             if (G instanceof Error)
               return G;
           }
@@ -1285,15 +1285,15 @@ function pn() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + W(T) + " at index " + g + "."
           ), i;
       }
-      function $(O, A, F, V, M) {
-        for (var q = [], G = 0; G < p.length; G++) {
-          var ne = p[G], _ = ne(O, A, F, V, M, t);
+      function $(O, A, M, F, N) {
+        for (var z = [], G = 0; G < p.length; G++) {
+          var ne = p[G], _ = ne(O, A, M, F, N, t);
           if (_ == null)
             return null;
-          _.data && n(_.data, "expectedType") && q.push(_.data.expectedType);
+          _.data && n(_.data, "expectedType") && z.push(_.data.expectedType);
         }
-        var Y = q.length > 0 ? ", expected one of type [" + q.join(", ") + "]" : "";
-        return new y("Invalid " + V + " `" + M + "` supplied to " + ("`" + F + "`" + Y + "."));
+        var V = z.length > 0 ? ", expected one of type [" + z.join(", ") + "]" : "";
+        return new y("Invalid " + F + " `" + N + "` supplied to " + ("`" + M + "`" + V + "."));
       }
       return x($);
     }
@@ -1308,16 +1308,16 @@ function pn() {
         (p || "React class") + ": " + g + " type `" + T + "." + $ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + O + "`."
       );
     }
-    function N(p) {
-      function g(T, $, O, A, F) {
-        var V = T[$], M = K(V);
-        if (M !== "object")
-          return new y("Invalid " + A + " `" + F + "` of type `" + M + "` " + ("supplied to `" + O + "`, expected `object`."));
-        for (var q in p) {
-          var G = p[q];
+    function k(p) {
+      function g(T, $, O, A, M) {
+        var F = T[$], N = K(F);
+        if (N !== "object")
+          return new y("Invalid " + A + " `" + M + "` of type `" + N + "` " + ("supplied to `" + O + "`, expected `object`."));
+        for (var z in p) {
+          var G = p[z];
           if (typeof G != "function")
-            return j(O, A, F, q, Z(G));
-          var ne = G(V, q, O, A, F + "." + q, t);
+            return j(O, A, M, z, Z(G));
+          var ne = G(F, z, O, A, M + "." + z, t);
           if (ne)
             return ne;
         }
@@ -1325,22 +1325,22 @@ function pn() {
       }
       return x(g);
     }
-    function I(p) {
-      function g(T, $, O, A, F) {
-        var V = T[$], M = K(V);
-        if (M !== "object")
-          return new y("Invalid " + A + " `" + F + "` of type `" + M + "` " + ("supplied to `" + O + "`, expected `object`."));
-        var q = e({}, T[$], p);
-        for (var G in q) {
+    function Y(p) {
+      function g(T, $, O, A, M) {
+        var F = T[$], N = K(F);
+        if (N !== "object")
+          return new y("Invalid " + A + " `" + M + "` of type `" + N + "` " + ("supplied to `" + O + "`, expected `object`."));
+        var z = e({}, T[$], p);
+        for (var G in z) {
           var ne = p[G];
           if (n(p, G) && typeof ne != "function")
-            return j(O, A, F, G, Z(ne));
+            return j(O, A, M, G, Z(ne));
           if (!ne)
             return new y(
-              "Invalid " + A + " `" + F + "` key `" + G + "` supplied to `" + O + "`.\nBad object: " + JSON.stringify(T[$], null, "  ") + `
+              "Invalid " + A + " `" + M + "` key `" + G + "` supplied to `" + O + "`.\nBad object: " + JSON.stringify(T[$], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(p), null, "  ")
             );
-          var _ = ne(V, G, O, A, F + "." + G, t);
+          var _ = ne(F, G, O, A, M + "." + G, t);
           if (_)
             return _;
         }
@@ -1381,12 +1381,12 @@ Valid keys: ` + JSON.stringify(Object.keys(p), null, "  ")
           return !1;
       }
     }
-    function z(p, g) {
+    function X(p, g) {
       return p === "symbol" ? !0 : g ? g["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && g instanceof Symbol : !1;
     }
     function K(p) {
       var g = typeof p;
-      return Array.isArray(p) ? "array" : p instanceof RegExp ? "object" : z(g, p) ? "symbol" : g;
+      return Array.isArray(p) ? "array" : p instanceof RegExp ? "object" : X(g, p) ? "symbol" : g;
     }
     function Z(p) {
       if (typeof p > "u" || p === null)
@@ -1551,8 +1551,8 @@ var ae = /* @__PURE__ */ mn(), gn = function(e) {
         }
         try {
           h(C);
-        } catch (N) {
-          D(N);
+        } catch (k) {
+          D(k);
         }
       };
       ln(E, {
@@ -1647,7 +1647,7 @@ const bs = (r) => {
     spin: u = !1,
     title: f
   }) => {
-    const [d, m] = X(r), h = (r == null ? void 0 : r.startsWith("http")) || (r == null ? void 0 : r.startsWith("/")), y = h && (r == null ? void 0 : r.toLowerCase().endsWith(".svg")), x = Gt(`assets/svg/${r}.svg`), w = Gt(
+    const [d, m] = J(r), h = (r == null ? void 0 : r.startsWith("http")) || (r == null ? void 0 : r.startsWith("/")), y = h && (r == null ? void 0 : r.toLowerCase().endsWith(".svg")), x = Gt(`assets/svg/${r}.svg`), w = Gt(
       `assets/svg/${n}.svg`
     ), E = {
       img: `${l ? "smp-image-interactable" : ""}`,
@@ -1728,25 +1728,25 @@ const bs = (r) => {
   helperText: D = !1,
   error: S,
   appearance: v = "base",
-  fullWidth: k = !1,
+  fullWidth: I = !1,
   _dataComponent: C = "textfield",
   width: U
 }) => {
-  const R = S ? "danger" : l, P = S || l == "danger" ? "error" : o, j = D || !!S, N = (z) => {
-    s == null || s(z.target.value);
-  }, I = {
-    wrapper: `smp-textfield-wrapper ${k ? "smp-textfield-fullWidth" : ""}`,
+  const R = S ? "danger" : l, P = S || l == "danger" ? "error" : o, j = D || !!S, k = (X) => {
+    s == null || s(X.target.value);
+  }, Y = {
+    wrapper: `smp-textfield-wrapper ${I ? "smp-textfield-fullWidth" : ""}`,
     container: `smp-textfield ${r ? "smp-textfield-disabled" : ""} ${a ? "smp-textfield-placeholder" : ""} ${c ? `smp-textfield-${c}` : ""} ${R ? `smp-textfield-${R}` : ""} ${v ? `smp-textfield-${v}` : ""} ${i ? "" : "smp-textfield-readOnly"}`,
     input: "smp-textfield-input "
   };
-  u && (u != "notSelectable" || i) && (I.container += `smp-textfield-variant-${u}`);
+  u && (u != "notSelectable" || i) && (Y.container += `smp-textfield-variant-${u}`);
   const H = U ? { "--smp-textField-width-base": U } : void 0;
-  return /* @__PURE__ */ b.jsxs("div", { className: I.wrapper, "data-component": C, children: [
+  return /* @__PURE__ */ b.jsxs("div", { className: Y.wrapper, "data-component": C, children: [
     E && /* @__PURE__ */ b.jsx(et, { label: E, disabled: r }),
     /* @__PURE__ */ b.jsxs(
       "div",
       {
-        className: I.container,
+        className: Y.container,
         ref: m,
         style: H,
         children: [
@@ -1757,9 +1757,9 @@ const bs = (r) => {
               type: x,
               value: e,
               placeholder: a,
-              onChange: N,
+              onChange: k,
               onBlur: n,
-              className: I.input,
+              className: Y.input,
               disabled: r,
               readOnly: !i,
               onKeyDown: y,
@@ -1797,7 +1797,7 @@ function yr({
   containerHeight: t,
   overscan: n = 5
 }) {
-  const [s, a] = X(0), i = ve(null), o = r.length * e, c = Math.max(0, Math.floor(s / e) - n), l = Math.min(
+  const [s, a] = J(0), i = ve(null), o = r.length * e, c = Math.max(0, Math.floor(s / e) - n), l = Math.min(
     r.length - 1,
     Math.floor((s + t) / e) + n
   ), u = [];
@@ -1859,7 +1859,7 @@ const bn = 10, vr = ({
   onKeyDown: l
 }) => {
   var P;
-  const [u, f] = X(""), d = 24, [m, h] = X(
+  const [u, f] = J(""), d = 24, [m, h] = J(
     a !== null ? a : -1
   ), y = s !== void 0 ? s : e.length > bn, x = u ? e.filter(
     (j) => j.label.toLowerCase().includes(u.toLowerCase())
@@ -1876,17 +1876,17 @@ const bn = 10, vr = ({
   }, [a]), ie(() => {
     m >= 0 && m < x.length && v(m);
   }, [m, x]);
-  const k = (j) => {
+  const I = (j) => {
     if (j.key === "ArrowDown" || j.key === "ArrowUp") {
       j.preventDefault();
-      let N = m;
-      j.key === "ArrowDown" ? N = m < x.length - 1 ? m + 1 : 0 : j.key === "ArrowUp" && (N = m > 0 ? m - 1 : x.length - 1), h(N);
+      let k = m;
+      j.key === "ArrowDown" ? k = m < x.length - 1 ? m + 1 : 0 : j.key === "ArrowUp" && (k = m > 0 ? m - 1 : x.length - 1), h(k);
     } else j.key === "Enter" ? m >= 0 && m < x.length && (c == null || c(x[m])) : j.key === "Escape" && (j.preventDefault(), j.stopPropagation());
     l && l(j);
   }, C = (j) => {
-    k(j);
+    I(j);
   }, U = (j) => {
-    k(j);
+    I(j);
   }, R = {
     wrapper: "smp-list",
     container: "smp-list-container",
@@ -1923,7 +1923,7 @@ const bn = 10, vr = ({
             "aria-label": "List",
             onKeyDown: U,
             "aria-activedescendant": m >= 0 && m < x.length ? (P = x[m]) == null ? void 0 : P.id : void 0,
-            children: /* @__PURE__ */ b.jsx("div", { ...S, className: R.virtualScroll, children: E.map(({ item: j, index: N, offsetTop: I }) => {
+            children: /* @__PURE__ */ b.jsx("div", { ...S, className: R.virtualScroll, children: E.map(({ item: j, index: k, offsetTop: Y }) => {
               const H = i.includes(j.id);
               return (
                 // eslint-disable-next-line jsx-a11y/click-events-have-key-events
@@ -1932,18 +1932,18 @@ const bn = 10, vr = ({
                   {
                     role: "option",
                     id: j.id,
-                    "aria-selected": m === N ? "true" : "false",
+                    "aria-selected": m === k ? "true" : "false",
                     tabIndex: -1,
-                    className: `${R.listItem} ${m === N ? "selected-item" : ""}`,
+                    className: `${R.listItem} ${m === k ? "selected-item" : ""}`,
                     "aria-label": j.id + "-" + j.label,
                     style: {
                       height: `${d}px`,
                       lineHeight: `calc(${d}px - 2*2px)`,
                       // lineHeight - 2*padding
-                      transform: `translateY(${I}px)`
+                      transform: `translateY(${Y}px)`
                     },
                     onClick: () => {
-                      c == null || c(j), h(N);
+                      c == null || c(j), h(k);
                     },
                     children: [
                       qe(j.id, j.label, t),
@@ -1965,7 +1965,7 @@ const bn = 10, vr = ({
   optionalDisplayValue: t,
   ...n
 }) => {
-  const [s, a] = X(
+  const [s, a] = J(
     qe(e, t, r)
   );
   return ie(() => {
@@ -2000,17 +2000,17 @@ const bn = 10, vr = ({
   _multiActiveIndex: d,
   ...m
 }) => {
-  const [h, y] = X(r), [x, w] = X(e), [E, D] = X(!1), [S, v] = X(t || []), [k, C] = X(0), [U, R] = X([r]), { anchorRef: P, targetRef: j, anchorWidth: N } = bt({
+  const [h, y] = J(r), [x, w] = J(e), [E, D] = J(!1), [S, v] = J(t || []), [I, C] = J(0), [U, R] = J([r]), { anchorRef: P, targetRef: j, anchorWidth: k } = bt({
     position: "bottom",
     enabled: E
   });
   ze(j, () => D(!1));
-  const I = xn(400), H = (W) => {
-    W.length >= a ? c && f && I(async () => {
+  const Y = xn(400), H = (W) => {
+    W.length >= a ? c && f && Y(async () => {
       const L = await f(c, W);
       v(L), C(L.length > 0 ? 0 : -1), D(!0);
     }) : D(!1), y(W), w(e), l || u == null || u(W, e);
-  }, z = (W) => {
+  }, X = (W) => {
     l ? (y(""), w("")) : (y(W.id), w(W.label)), u == null || u(W.id, W.label);
     const L = S.findIndex((p) => p.id === W.id);
     C(L), R([W.id]), D(!1);
@@ -2018,12 +2018,12 @@ const bn = 10, vr = ({
     W.key === "Escape" && (D(!1), C(-1));
   }, Z = (W) => {
     if ((W.key === "ArrowDown" || W.key === "ArrowUp") && (W.preventDefault(), E)) {
-      const L = W.key === "ArrowDown" ? (k + 1) % S.length : (k - 1 + S.length) % S.length;
+      const L = W.key === "ArrowDown" ? (I + 1) % S.length : (I - 1 + S.length) % S.length;
       C(L);
     }
     switch (W.key) {
       case "Enter":
-        k >= 0 && k < S.length ? z(S[k]) : l && (u == null || u(h, ""), D(!1), y(""), w(""));
+        I >= 0 && I < S.length ? X(S[I]) : l && (u == null || u(h, ""), D(!1), y(""), w(""));
         break;
       case "Escape":
         D(!1), C(-1);
@@ -2052,11 +2052,11 @@ const bn = 10, vr = ({
       {
         options: S,
         displayMode: s,
-        onClick: z,
+        onClick: X,
         ref: j,
-        selectedIndex: k,
+        selectedIndex: I,
         activeIndex: d || U,
-        width: N,
+        width: k,
         showFilter: !1,
         onKeyDown: K
       }
@@ -2133,7 +2133,7 @@ const bn = 10, vr = ({
   onClick: d,
   onOptionsRequest: m
 }) => {
-  const [h, y] = X(r);
+  const [h, y] = J(r);
   ie(() => {
     !h && m && e && m(e, void 0).then((E) => y(E)).catch((E) => {
       console.error(
@@ -2226,7 +2226,7 @@ const bn = 10, vr = ({
   backgroundColor: a,
   isDraggable: i = !1
 }) => {
-  const [o, c] = X(null), l = {
+  const [o, c] = J(null), l = {
     container: `${["smp-chips-container"]}`,
     element: "smp-chips-element"
   }, u = (m) => {
@@ -2333,15 +2333,15 @@ const Tn = ({
   multiActiveIndex: l,
   ...u
 }) => {
-  const [f, d] = X(!1), [m, h] = X(t), [y, x] = X(-1), [w, E] = X([r]), D = Pr(), { anchorRef: S, targetRef: v, anchorWidth: k } = bt({
+  const [f, d] = J(!1), [m, h] = J(t), [y, x] = J(-1), [w, E] = J([r]), D = Pr(), { anchorRef: S, targetRef: v, anchorWidth: I } = bt({
     position: "bottom",
     enabled: f
   });
   ze(v, () => d(!1)), Sr(f, v);
   const C = (j) => {
     e == null || e(j.id, j.label);
-    const N = m.findIndex((I) => I.id === j.id);
-    x(N), E([j.id]), d(!1);
+    const k = m.findIndex((Y) => Y.id === j.id);
+    x(k), E([j.id]), d(!1);
   }, U = (j) => {
     j.key === "Escape" && (d(!1), x(-1));
   }, R = (j) => {
@@ -2386,7 +2386,7 @@ const Tn = ({
             ref: v,
             selectedIndex: y,
             activeIndex: l || w,
-            width: k,
+            width: I,
             onClick: C,
             onKeyDown: U
           }
@@ -2735,26 +2735,26 @@ class Qe extends tt {
       } : o;
     const m = this.resolve(e, s);
     let h = m == null ? void 0 : m.res;
-    const y = (m == null ? void 0 : m.usedKey) || o, x = (m == null ? void 0 : m.exactUsedKey) || o, w = ["[object Number]", "[object Function]", "[object RegExp]"], E = s.joinArrays !== void 0 ? s.joinArrays : this.options.joinArrays, D = !this.i18nFormat || this.i18nFormat.handleAsObject, S = s.count !== void 0 && !B(s.count), v = Qe.hasDefaultValue(s), k = S ? this.pluralResolver.getSuffix(f, s.count, s) : "", C = s.ordinal && S ? this.pluralResolver.getSuffix(f, s.count, {
+    const y = (m == null ? void 0 : m.usedKey) || o, x = (m == null ? void 0 : m.exactUsedKey) || o, w = ["[object Number]", "[object Function]", "[object RegExp]"], E = s.joinArrays !== void 0 ? s.joinArrays : this.options.joinArrays, D = !this.i18nFormat || this.i18nFormat.handleAsObject, S = s.count !== void 0 && !B(s.count), v = Qe.hasDefaultValue(s), I = S ? this.pluralResolver.getSuffix(f, s.count, s) : "", C = s.ordinal && S ? this.pluralResolver.getSuffix(f, s.count, {
       ordinal: !1
-    }) : "", U = S && !s.ordinal && s.count === 0, R = U && s[`defaultValue${this.options.pluralSeparator}zero`] || s[`defaultValue${k}`] || s[`defaultValue${C}`] || s.defaultValue;
+    }) : "", U = S && !s.ordinal && s.count === 0, R = U && s[`defaultValue${this.options.pluralSeparator}zero`] || s[`defaultValue${I}`] || s[`defaultValue${C}`] || s.defaultValue;
     let P = h;
     D && !h && v && (P = R);
-    const j = er(P), N = Object.prototype.toString.apply(P);
-    if (D && P && j && w.indexOf(N) < 0 && !(B(E) && Array.isArray(P))) {
+    const j = er(P), k = Object.prototype.toString.apply(P);
+    if (D && P && j && w.indexOf(k) < 0 && !(B(E) && Array.isArray(P))) {
       if (!s.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
-        const I = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(y, P, {
+        const Y = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(y, P, {
           ...s,
           ns: c
         }) : `key '${o} (${this.language})' returned an object instead of string.`;
-        return a ? (m.res = I, m.usedParams = this.getUsedParamsDetails(s), m) : I;
+        return a ? (m.res = Y, m.usedParams = this.getUsedParamsDetails(s), m) : Y;
       }
       if (i) {
-        const I = Array.isArray(P), H = I ? [] : {}, z = I ? x : y;
+        const Y = Array.isArray(P), H = Y ? [] : {}, X = Y ? x : y;
         for (const K in P)
           if (Object.prototype.hasOwnProperty.call(P, K)) {
-            const Z = `${z}${i}${K}`;
+            const Z = `${X}${i}${K}`;
             v && !h ? H[K] = this.translate(Z, {
               ...s,
               defaultValue: er(R) ? R[K] : void 0,
@@ -2771,10 +2771,10 @@ class Qe extends tt {
     } else if (D && B(E) && Array.isArray(h))
       h = h.join(E), h && (h = this.extendTranslation(h, e, s, n));
     else {
-      let I = !1, H = !1;
-      !this.isValidLookup(h) && v && (I = !0, h = R), this.isValidLookup(h) || (H = !0, h = o);
+      let Y = !1, H = !1;
+      !this.isValidLookup(h) && v && (Y = !0, h = R), this.isValidLookup(h) || (H = !0, h = o);
       const K = (s.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && H ? void 0 : h, Z = v && R !== h && this.options.updateMissing;
-      if (H || I || Z) {
+      if (H || Y || Z) {
         if (this.logger.log(Z ? "updateKey" : "missingKey", f, l, o, Z ? R : h), i) {
           const g = this.resolve(o, {
             ...s,
@@ -2800,7 +2800,7 @@ class Qe extends tt {
           });
         }) : p(W, o, R));
       }
-      h = this.extendTranslation(h, e, s, m, n), H && h === o && this.options.appendNamespaceToMissingKey && (h = `${l}${u}${o}`), (H || I) && this.options.parseMissingKeyHandler && (h = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${l}${u}${o}` : o, I ? h : void 0, s));
+      h = this.extendTranslation(h, e, s, m, n), H && h === o && this.options.appendNamespaceToMissingKey && (h = `${l}${u}${o}`), (H || Y) && this.options.parseMissingKeyHandler && (h = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${l}${u}${o}` : o, Y ? h : void 0, s));
     }
     return a ? (m.res = h, m.usedParams = this.getUsedParamsDetails(s), m) : h;
   }
@@ -2858,11 +2858,11 @@ class Qe extends tt {
       f.forEach((x) => {
         var w, E;
         this.isValidLookup(n) || (o = x, !Qt[`${y[0]}-${x}`] && ((w = this.utils) != null && w.hasLoadedNamespace) && !((E = this.utils) != null && E.hasLoadedNamespace(o)) && (Qt[`${y[0]}-${x}`] = !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((D) => {
-          var k;
+          var I;
           if (this.isValidLookup(n)) return;
           i = D;
           const S = [u];
-          if ((k = this.i18nFormat) != null && k.addLookupKeys)
+          if ((I = this.i18nFormat) != null && I.addLookupKeys)
             this.i18nFormat.addLookupKeys(S, u, D, x, t);
           else {
             let C;
@@ -3828,13 +3828,13 @@ function ss({
     if (!n) return;
     const L = new Date(n);
     return isNaN(L.getTime()) ? void 0 : L;
-  }, [o] = X(/* @__PURE__ */ new Date()), [c, l] = X(
+  }, [o] = J(/* @__PURE__ */ new Date()), [c, l] = J(
     r || i() || /* @__PURE__ */ new Date()
-  ), [u, f] = X(
+  ), [u, f] = J(
     c ? c.getMonth() : (/* @__PURE__ */ new Date()).getMonth()
-  ), [d, m] = X(
+  ), [d, m] = J(
     c ? c.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear()
-  ), [h, y] = X(
+  ), [h, y] = J(
     c ? c.getDate() : null
   ), x = ve(null), w = ve([]), E = [
     a(fe.JANUARY),
@@ -3883,7 +3883,7 @@ function ss({
     return $ >= g && $ <= T;
   }), v = (L) => {
     S(L) || (l(L), y(L.getDate()), e && e(qr(L)));
-  }, k = () => {
+  }, I = () => {
     u === 0 ? (f(11), m(d - 1)) : f(u - 1), y(1);
   }, C = () => {
     u === 11 ? (f(0), m(d + 1)) : f(u + 1), y(1);
@@ -3903,13 +3903,13 @@ function ss({
         {
           let O = $ + 1, A = new Date(d, u, O);
           if (O > T) {
-            const F = u === 11 ? d + 1 : d, V = u === 11 ? 0 : u + 1;
-            O = 1, A = new Date(F, V, O), C(), setTimeout(() => {
-              N(1, "forward");
+            const M = u === 11 ? d + 1 : d, F = u === 11 ? 0 : u + 1;
+            O = 1, A = new Date(M, F, O), C(), setTimeout(() => {
+              k(1, "forward");
             }, 0);
             return;
           }
-          S(A) ? N(O, "forward") : P(O);
+          S(A) ? k(O, "forward") : P(O);
         }
         break;
       case "Tab":
@@ -3919,13 +3919,13 @@ function ss({
         {
           let O = $ - 1, A = new Date(d, u, O);
           if (O < 1) {
-            const F = u === 0 ? d - 1 : d, V = u === 0 ? 11 : u - 1, M = U(F, V);
-            O = M, A = new Date(F, V, O), k(), setTimeout(() => {
-              N(M, "backward");
+            const M = u === 0 ? d - 1 : d, F = u === 0 ? 11 : u - 1, N = U(M, F);
+            O = N, A = new Date(M, F, O), I(), setTimeout(() => {
+              k(N, "backward");
             }, 0);
             return;
           }
-          S(A) ? N(O, "backward") : P(O);
+          S(A) ? k(O, "backward") : P(O);
         }
         break;
       case "ArrowUp":
@@ -3933,13 +3933,13 @@ function ss({
         {
           let O = $ - 7, A = new Date(d, u, O);
           if (O < 1) {
-            const F = u === 0 ? d - 1 : d, V = u === 0 ? 11 : u - 1;
-            O = U(F, V) + O, A = new Date(F, V, O), k(), setTimeout(() => {
-              N(O, "backward");
+            const M = u === 0 ? d - 1 : d, F = u === 0 ? 11 : u - 1;
+            O = U(M, F) + O, A = new Date(M, F, O), I(), setTimeout(() => {
+              k(O, "backward");
             }, 0);
             return;
           }
-          S(A) ? N(O, "backward") : P(O);
+          S(A) ? k(O, "backward") : P(O);
         }
         break;
       case "ArrowDown":
@@ -3947,28 +3947,28 @@ function ss({
         {
           let O = $ + 7, A = new Date(d, u, O);
           if (O > T) {
-            const F = u === 11 ? d + 1 : d, V = u === 11 ? 0 : u + 1;
-            O = O - T, A = new Date(F, V, O), C(), setTimeout(() => {
-              N(O, "forward");
+            const M = u === 11 ? d + 1 : d, F = u === 11 ? 0 : u + 1;
+            O = O - T, A = new Date(M, F, O), C(), setTimeout(() => {
+              k(O, "forward");
             }, 0);
             return;
           }
-          S(A) ? N(O, "forward") : P(O);
+          S(A) ? k(O, "forward") : P(O);
         }
         break;
       case "Home":
-        L.preventDefault(), N(1, "forward");
+        L.preventDefault(), k(1, "forward");
         break;
       case "End":
-        L.preventDefault(), N(T, "backward");
+        L.preventDefault(), k(T, "backward");
         break;
       case "PageUp":
-        L.preventDefault(), k(), setTimeout(() => {
+        L.preventDefault(), I(), setTimeout(() => {
           const O = U(
             u === 0 ? d - 1 : d,
             u === 0 ? 11 : u - 1
           ), A = Math.min($, O);
-          N(A, "forward");
+          k(A, "forward");
         }, 0);
         break;
       case "PageDown":
@@ -3977,7 +3977,7 @@ function ss({
             u === 11 ? d + 1 : d,
             u === 11 ? 0 : u + 1
           ), A = Math.min($, O);
-          N(A, "forward");
+          k(A, "forward");
         }, 0);
         break;
       case " ":
@@ -3989,7 +3989,7 @@ function ss({
         L.preventDefault(), v(g);
         break;
     }
-  }, N = (L, p) => {
+  }, k = (L, p) => {
     const g = U(d, u);
     if (p === "forward") {
       for (let T = L; T <= g; T++) {
@@ -4000,19 +4000,19 @@ function ss({
         }
       }
       C(), setTimeout(() => {
-        N(1, "forward");
+        k(1, "forward");
       }, 0);
     } else {
       for (let A = L; A >= 1; A--) {
-        const F = new Date(d, u, A);
-        if (!S(F)) {
+        const M = new Date(d, u, A);
+        if (!S(M)) {
           P(A);
           return;
         }
       }
       const T = u === 0 ? d - 1 : d, $ = u === 0 ? 11 : u - 1, O = U(T, $);
-      k(), setTimeout(() => {
-        N(O, "backward");
+      I(), setTimeout(() => {
+        k(O, "backward");
       }, 0);
     }
   }, H = (() => {
@@ -4024,13 +4024,13 @@ function ss({
       g.push($);
     }
     return g;
-  })(), z = [];
+  })(), X = [];
   let K = [];
   H.forEach((L, p) => {
     if (K.push(L), K.length === 7 || p === H.length - 1) {
       for (; K.length < 7; )
         K.push(null);
-      z.push(K), K = [];
+      X.push(K), K = [];
     }
   }), ie(() => {
     var L;
@@ -4076,7 +4076,7 @@ function ss({
               /* @__PURE__ */ b.jsx(
                 Le,
                 {
-                  onClick: k,
+                  onClick: I,
                   ariaLabel: a(yt.PREVIOUS_MONTH),
                   bindValue: "<",
                   appearance: "ghost",
@@ -4122,7 +4122,7 @@ function ss({
                 },
                 L.value
               )) }) }),
-              /* @__PURE__ */ b.jsx("tbody", { children: z.map((L, p) => /* @__PURE__ */ b.jsx("tr", { children: L.map((g, T) => {
+              /* @__PURE__ */ b.jsx("tbody", { children: X.map((L, p) => /* @__PURE__ */ b.jsx("tr", { children: L.map((g, T) => {
                 const $ = p * 7 + T;
                 if (g === null)
                   return /* @__PURE__ */ b.jsx(
@@ -4137,26 +4137,26 @@ function ss({
                     },
                     `empty-${T}`
                   );
-                const O = g.getDate() === o.getDate() && g.getMonth() === o.getMonth() && g.getFullYear() === o.getFullYear(), A = c && g.getDate() === c.getDate() && g.getMonth() === c.getMonth() && g.getFullYear() === c.getFullYear(), F = h === g.getDate(), V = S(g);
+                const O = g.getDate() === o.getDate() && g.getMonth() === o.getMonth() && g.getFullYear() === o.getFullYear(), A = c && g.getDate() === c.getDate() && g.getMonth() === c.getMonth() && g.getFullYear() === c.getFullYear(), M = h === g.getDate(), F = S(g);
                 return /* @__PURE__ */ b.jsx(
                   "td",
                   {
                     role: "gridcell",
                     "aria-selected": A,
-                    tabIndex: F ? 0 : -1,
+                    tabIndex: M ? 0 : -1,
                     onClick: () => v(g),
-                    onKeyDown: (M) => j(M, $),
+                    onKeyDown: (N) => j(N, $),
                     "aria-label": `${g.getDate()} ${E[g.getMonth()]} ${g.getFullYear()}`,
                     "data-selected": A,
-                    "aria-disabled": V,
-                    ref: (M) => {
-                      w.current[$] = M;
+                    "aria-disabled": F,
+                    ref: (N) => {
+                      w.current[$] = N;
                     },
                     className: Z.td(
                       O,
                       A,
-                      F,
-                      V
+                      M,
+                      F
                     ),
                     children: g.getDate()
                   },
@@ -4178,7 +4178,7 @@ const as = ({
   isEditable: s = !0,
   ...a
 }) => {
-  const [i, o] = X(!1), [c, l] = X(r || ""), [u, f] = X(""), { anchorRef: d, targetRef: m } = bt({
+  const [i, o] = J(!1), [c, l] = J(r || ""), [u, f] = J(""), { anchorRef: d, targetRef: m } = bt({
     position: "bottom",
     enabled: i
   });
@@ -4220,7 +4220,7 @@ const as = ({
     t && t(R && U || C);
   }, v = (C) => {
     f(C);
-  }, k = (C) => {
+  }, I = (C) => {
     C.key === "Enter" && (C.preventDefault(), S(u));
   };
   return /* @__PURE__ */ b.jsxs("div", { "data-component": "date-picker", children: [
@@ -4231,7 +4231,7 @@ const as = ({
         placeholder: e,
         onBlur: E,
         onChange: v,
-        onKeyDown: k,
+        onKeyDown: I,
         shapeIcon: "calendar",
         onShapeIconClick: w,
         ref: d,
@@ -4316,7 +4316,7 @@ const as = ({
     }
   );
 }, os = ({ ...r }) => {
-  const [e, t] = X(!1), n = e ? "visibility-off" : "visibility";
+  const [e, t] = J(!1), n = e ? "visibility-off" : "visibility";
   return /* @__PURE__ */ b.jsx(
     je,
     {
@@ -4329,7 +4329,7 @@ const as = ({
     }
   );
 }, ls = ({ ...r }) => {
-  const [e, t] = X(r.bindValue), { translate: n } = rt(), s = (a) => {
+  const [e, t] = J(r.bindValue), { translate: n } = rt(), s = (a) => {
     var i;
     a.key === "Enter" && (a.preventDefault(), (i = r.onEnter) == null || i.call(r, e));
   };
@@ -4428,15 +4428,15 @@ const Ge = (r, e, t) => ({
     label: o,
     isEditable: h,
     ...n
-  }, w = (S, v, k) => Hr(t) ? Ge(S, new Ke(t, v).getLegacyValue()) : Ge(S, v, k), E = (S) => Ge(y, new Be(t, S).getLegacyValue()), D = (S) => cs(y, S);
+  }, w = (S, v, I) => Hr(t) ? Ge(S, new Ke(t, v).getLegacyValue()) : Ge(S, v, I), E = (S) => Ge(y, new Be(t, S).getLegacyValue()), D = (S) => cs(y, S);
   switch (e) {
     case oe.AUTOCOMPLETE: {
       const S = {
         ...x,
         bindValue: t.k,
         optionalDisplayValue: r,
-        onChange: (v, k) => {
-          l == null || l(w(y, v, k));
+        onChange: (v, I) => {
+          l == null || l(w(y, v, I));
         }
       };
       return /* @__PURE__ */ b.jsx(xr, { ...S });
@@ -4456,8 +4456,8 @@ const Ge = (r, e, t) => ({
       const S = {
         ...x,
         options: c,
-        onClick: (v, k) => {
-          const C = { ...y, fun: k };
+        onClick: (v, I) => {
+          const C = { ...y, fun: I };
           u == null || u(w(C, v));
         }
       };
@@ -4468,8 +4468,8 @@ const Ge = (r, e, t) => ({
         ...x,
         bindValue: t.k,
         optionalDisplayValue: r,
-        onChange: (v, k) => {
-          l == null || l(w(y, v, k));
+        onChange: (v, I) => {
+          l == null || l(w(y, v, I));
         }
       };
       return /* @__PURE__ */ b.jsx(Tn, { ...S });
@@ -4566,7 +4566,7 @@ const Ge = (r, e, t) => ({
   offsetTop: s
 }) => {
   var E;
-  const [a, i] = X(!1), o = He(r) && !!((E = r.children) != null && E.length), c = r.cells && Object.keys(r.cells).length > 0, l = o, u = t * 20, f = () => {
+  const [a, i] = J(!1), o = He(r) && !!((E = r.children) != null && E.length), c = r.cells && Object.keys(r.cells).length > 0, l = o, u = t * 20, f = () => {
     o && i(!a);
   }, d = {
     content: `${we.rowContent} ${o ? we.clickable : ""}`,
@@ -4609,7 +4609,7 @@ const Ge = (r, e, t) => ({
               ]
             }
           ),
-          r.cells && Object.keys(r.cells).length > 0 && Object.entries(r.cells).map(([v, k]) => /* @__PURE__ */ b.jsx(
+          r.cells && Object.keys(r.cells).length > 0 && Object.entries(r.cells).map(([v, I]) => /* @__PURE__ */ b.jsx(
             "td",
             {
               className: d.cell,
@@ -4618,9 +4618,9 @@ const Ge = (r, e, t) => ({
                 minWidth: e[v],
                 height: `${n}px`
               },
-              children: m(k)
+              children: m(I)
             },
-            Wr(k) || v
+            Wr(I) || v
           ))
         ]
       }
@@ -4776,49 +4776,50 @@ const hs = ({
   showGroupBar: a = !0
 }) => {
   var U;
-  const [i, o] = X(r), [c, l] = X(n || []), [u, f] = X(/* @__PURE__ */ new Set()), d = Object.fromEntries(
-    i && i.columns.map((R) => [R.name, 120])
+  const [i, o] = J(r), [c, l] = J(n || []), [u, f] = J(/* @__PURE__ */ new Set()), d = i && i.columns ? Object.fromEntries(
+    i.columns.map((R) => [R.name, 120])
     // ADD col.width to manage existing col width
-  ), [m, h] = X(d), y = ve(null);
+  ) : {}, [m, h] = J(d), y = ve(null);
   ie(() => {
-    var j, N;
+    var j;
+    if (!i || !i.columns || i.columns.length)
+      return;
     const R = ((j = y.current) == null ? void 0 : j.clientWidth) ?? 1e3;
-    if (!((N = i == null ? void 0 : i.columns) != null && N.length)) return;
     let P = {};
     switch (s) {
       case "fixed":
         P = Object.fromEntries(
-          i.columns.map((I) => [I.name, 120])
+          i.columns.map((k) => [k.name, 120])
         );
         break;
       case "fit-grid": {
-        const I = i.columns.filter((z) => z.visible), H = Math.floor(R / I.length);
+        const k = i.columns.filter((H) => H.visible), Y = Math.floor(R / k.length);
         P = Object.fromEntries(
-          I.map((z) => [z.name, H])
+          k.map((H) => [H.name, Y])
         );
         break;
       }
       case "fit-content":
         P = Object.fromEntries(
-          i.columns.map((I) => {
-            const H = Math.max(
-              ...r.rows.map((L) => {
-                var T;
-                const p = (T = L == null ? void 0 : L.cells) == null ? void 0 : T[I.name], g = (p == null ? void 0 : p.decode) || (p == null ? void 0 : p.value);
-                return g ? String(g).length : 0;
+          i.columns.map((k) => {
+            const Y = Math.max(
+              ...r.rows.map((W) => {
+                var g;
+                const L = (g = W == null ? void 0 : W.cells) == null ? void 0 : g[k.name], p = (L == null ? void 0 : L.decode) || (L == null ? void 0 : L.value);
+                return p ? String(p).length : 0;
               }),
               0
-            ), z = I.title ? I.title.length : 0, K = Math.max(H, z);
+            ), H = k.title ? k.title.length : 0, X = Math.max(Y, H);
             return [
-              I.name,
-              Math.max(50, K * 8 + 16)
+              k.name,
+              Math.max(50, X * 8 + 16)
             ];
           })
         );
         break;
     }
     h(P);
-  }, [s, r, i.columns]), ie(() => {
+  }, [s, r, i]), ie(() => {
     if (c != null && c.length && r.rows) {
       const { flatRows: R } = ps(
         r.rows,
@@ -4835,109 +4836,117 @@ const hs = ({
   }, w = (R) => {
     R.preventDefault();
     const P = R.dataTransfer.getData("text/plain");
-    if (!P || c.some((I) => I.column === P))
+    if (!P || c.some((Y) => Y.column === P))
       return;
-    const N = [...c, { column: P, visible: !0 }];
-    l(N);
+    const k = [...c, { column: P, visible: !0 }];
+    l(k);
   }, E = (R) => {
     R.preventDefault();
   }, { virtualItems: D, containerProps: S, innerProps: v } = yr({
-    items: i.rows || [],
+    items: (i == null ? void 0 : i.rows) || [],
     itemHeight: e,
     containerHeight: t,
     overscan: 5
-  }), k = (R, P) => {
-    const j = R.clientX, N = m[P], I = (z) => {
-      const K = z.clientX - j, Z = Math.max(50, N + K);
+  }), I = (R, P) => {
+    const j = R.clientX, k = m[P], Y = (X) => {
+      const K = X.clientX - j, Z = Math.max(50, k + K);
       h((W) => ({
         ...W,
         [P]: Z
       }));
     }, H = () => {
-      window.removeEventListener("mousemove", I), window.removeEventListener("mouseup", H);
+      window.removeEventListener("mousemove", Y), window.removeEventListener("mouseup", H);
     };
-    window.addEventListener("mousemove", I), window.addEventListener("mouseup", H);
+    window.addEventListener("mousemove", Y), window.addEventListener("mouseup", H);
   }, C = {
     smpTable: `${nt["smp-table"]}`,
     headerCell: `${nt["smp-headerCell"]}`,
     resizer: `${nt["smp-resizer"]}`
   };
-  return /* @__PURE__ */ b.jsx("div", { className: C.smpTable, ...S, ref: y, children: /* @__PURE__ */ b.jsxs("table", { children: [
-    /* @__PURE__ */ b.jsxs("thead", { children: [
-      (n || a) && /* @__PURE__ */ b.jsx(
-        hs,
-        {
-          groups: c,
-          onChange: x,
-          onDrop: w,
-          onDragOver: E
-        }
-      ),
-      /* @__PURE__ */ b.jsx("tr", { children: i.columns && ((U = i.columns) == null ? void 0 : U.map(
-        (R) => R.visible && /* @__PURE__ */ b.jsxs(
-          "th",
-          {
-            className: C.headerCell,
-            draggable: !0,
-            onDragStart: (P) => {
-              P.dataTransfer.setData("text/plain", R.name);
+  return i && /* @__PURE__ */ b.jsx(
+    "div",
+    {
+      className: C.smpTable,
+      ...S,
+      ref: y,
+      children: /* @__PURE__ */ b.jsxs("table", { children: [
+        /* @__PURE__ */ b.jsxs("thead", { children: [
+          (n || a) && /* @__PURE__ */ b.jsx(
+            hs,
+            {
+              groups: c,
+              onChange: x,
+              onDrop: w,
+              onDragOver: E
+            }
+          ),
+          /* @__PURE__ */ b.jsx("tr", { children: i.columns && ((U = i.columns) == null ? void 0 : U.map(
+            (R) => R.visible && /* @__PURE__ */ b.jsxs(
+              "th",
+              {
+                className: C.headerCell,
+                draggable: !0,
+                onDragStart: (P) => {
+                  P.dataTransfer.setData("text/plain", R.name);
+                },
+                style: {
+                  width: m[R.name],
+                  minWidth: m[R.name],
+                  maxWidth: m[R.name]
+                },
+                children: [
+                  /* @__PURE__ */ b.jsx(
+                    St,
+                    {
+                      variant: "title",
+                      bindValue: R.title
+                    }
+                  ),
+                  /* @__PURE__ */ b.jsx(
+                    "div",
+                    {
+                      className: C.resizer,
+                      onMouseDown: (P) => I(P, R.name),
+                      role: "region"
+                    }
+                  )
+                ]
+              },
+              R.name
+            )
+          )) })
+        ] }),
+        /* @__PURE__ */ b.jsx("tbody", { ...v, children: D.map(
+          ({ item: R, index: P, offsetTop: j }) => R.isGroup ? /* @__PURE__ */ b.jsx(
+            us,
+            {
+              label: R.value || "",
+              rowHeight: e,
+              offsetTop: j,
+              level: R.level,
+              onClick: () => {
+                const k = R.rowId;
+                k && f((Y) => fs(Y, k));
+              },
+              isExpanded: R.isExpanded
             },
-            style: {
-              width: m[R.name],
-              minWidth: m[R.name],
-              maxWidth: m[R.name]
+            R.rowId || `group-${P}`
+          ) : /* @__PURE__ */ b.jsx(
+            Tr,
+            {
+              row: R,
+              columnWidths: m,
+              rowHeight: e,
+              offsetTop: j,
+              isGroup: !1
             },
-            children: [
-              /* @__PURE__ */ b.jsx(
-                St,
-                {
-                  variant: "title",
-                  bindValue: R.title
-                }
-              ),
-              /* @__PURE__ */ b.jsx(
-                "div",
-                {
-                  className: C.resizer,
-                  onMouseDown: (P) => k(P, R.name),
-                  role: "region"
-                }
-              )
-            ]
-          },
-          R.name
-        )
-      )) })
-    ] }),
-    /* @__PURE__ */ b.jsx("tbody", { ...v, children: D.map(
-      ({ item: R, index: P, offsetTop: j }) => R.isGroup ? /* @__PURE__ */ b.jsx(
-        us,
-        {
-          label: R.value || "",
-          rowHeight: e,
-          offsetTop: j,
-          level: R.level,
-          onClick: () => {
-            const N = R.rowId;
-            N && f((I) => fs(I, N));
-          },
-          isExpanded: R.isExpanded
-        },
-        R.rowId || `group-${P}`
-      ) : /* @__PURE__ */ b.jsx(
-        Tr,
-        {
-          row: R,
-          columnWidths: m,
-          rowHeight: e,
-          offsetTop: j,
-          isGroup: !1
-        },
-        R.rowId || `row-${P}`
-      )
-    ) }),
-    /* @__PURE__ */ b.jsx("tfoot", { children: /* @__PURE__ */ b.jsx("td", { children: "Tfooter here" }) })
-  ] }) });
+            R.rowId || `row-${P}`
+          )
+        ) }),
+        /* @__PURE__ */ b.jsx("tfoot", { children: /* @__PURE__ */ b.jsx("span", { children: "Tfooter here" }) })
+      ] })
+    }
+  );
 }, ms = (r, e) => {
   const t = [];
   for (let n = 0; n < r.length; n += e)
@@ -5062,7 +5071,7 @@ const hs = ({
   return /* @__PURE__ */ b.jsx("div", { className: o.container, style: c, "smp-id": "layout", children: s == null ? void 0 : s.map((d) => l(d)) });
 }, Ss = ({ data: r, onClick: e, onEnter: t }) => {
   var i, o;
-  const [n, s] = X(), a = ye(
+  const [n, s] = J(), a = ye(
     (c) => {
       var u, f;
       if (!((u = c.rows) != null && u.length) || !((f = c.columns) != null && f.length))
@@ -5101,7 +5110,7 @@ const hs = ({
     [e, t]
   );
   return ie(() => {
-    s(a(r));
+    r && s(a(r));
   }, [r, a]), !((i = r == null ? void 0 : r.rows) != null && i.length) || !((o = r.columns) != null && o.length) ? null : n && /* @__PURE__ */ b.jsx("header", { className: "smp-appbar", "aria-label": "App Bar", children: /* @__PURE__ */ b.jsx(Rr, { layout: r.rows[0].layout, cells: n }) });
 }, ce = (r) => r == null ? !1 : typeof r == "string" ? r.toLocaleLowerCase() == "yes" : r, ws = ({
   ColumnsNumber: r = 1,
@@ -5125,9 +5134,9 @@ const hs = ({
   SelectLayout: E = "1",
   onClick: D
 }) => {
-  const S = "N/A", v = (e == null ? void 0 : e.columns) || [], k = (e == null ? void 0 : e.rows) || [], C = k.length > 0, U = "--smp-dashList-color", R = "smp-layout", P = "descr", j = "icon", N = "um", I = "value", H = i || "1em", z = "18px", K = "--smp-dashList-columns", Z = "--smp-dashList-fontSize", W = {
-    dash: (Y = "1") => {
-      const J = p(Y), te = J, re = g(J, P), de = g(J, j), be = g(J, N), he = g(J, I);
+  const S = "N/A", v = (e == null ? void 0 : e.columns) || [], I = (e == null ? void 0 : e.rows) || [], C = I.length > 0, U = "--smp-dashList-color", R = "smp-layout", P = "descr", j = "icon", k = "um", Y = "value", H = i || "1em", X = "18px", K = "--smp-dashList-columns", Z = "--smp-dashList-fontSize", W = {
+    dash: (V = "1") => {
+      const q = p(V), te = q, re = g(q, P), de = g(q, j), be = g(q, k), he = g(q, Y);
       return {
         container: te,
         descr: re,
@@ -5138,74 +5147,74 @@ const hs = ({
     },
     dashList: `smp-dash-list ${ce(a) ? "smp-dash-list-fill-space" : ""}
     ${ce(o) ? "smp-dash-list-horizontal" : ""}`
-  }, { format: L } = rt(), p = (Y) => `${R}-${Y}`, g = (Y, J) => `${Y}__${J}`, T = (Y) => `${U}-${Y}`, $ = (Y) => {
-    const J = /R(\d{1,3})G(\d{1,3})B(\d{1,3})/;
-    if (J.test(Y)) {
-      const re = Y.match(J) || [];
+  }, { format: L } = rt(), p = (V) => `${R}-${V}`, g = (V, q) => `${V}__${q}`, T = (V) => `${U}-${V}`, $ = (V) => {
+    const q = /R(\d{1,3})G(\d{1,3})B(\d{1,3})/;
+    if (q.test(V)) {
+      const re = V.match(q) || [];
       if ((re == null ? void 0 : re.length) > 3)
         return "rgb(" + re[1] + "," + re[2] + "," + re[3] + ")";
     }
-    return Y;
-  }, O = (Y) => {
-    if (!f) return Y;
-    const [J, te] = A(f).map(
+    return V;
+  }, O = (V) => {
+    if (!f) return V;
+    const [q, te] = A(f).map(
       (Te) => parseInt(Te || "0")
-    ), re = "0,0" + (te ? "." + "0".repeat(te) : ""), de = L(Y, re, "it");
-    if (!J) return de;
+    ), re = "0,0" + (te ? "." + "0".repeat(te) : ""), de = L(V, re, "it");
+    if (!q) return de;
     const [be, he] = de.split(",");
     return be + (he ? `,${he}` : "");
-  }, A = (Y) => Y.includes(";") ? Y.split(";") : [Y], F = (Y) => {
-    const J = (re) => {
+  }, A = (V) => V.includes(";") ? V.split(";") : [V], M = (V) => {
+    const q = (re) => {
       var de;
       if (re)
-        return (de = Y == null ? void 0 : Y.cells[re]) == null ? void 0 : de.obj.k;
+        return (de = V == null ? void 0 : V.cells[re]) == null ? void 0 : de.obj.k;
     }, te = (re) => {
       var de, be;
       if (!(v.length <= re))
-        return (be = (de = Y == null ? void 0 : Y.cells[v[re].name]) == null ? void 0 : de.obj) == null ? void 0 : be.k;
+        return (be = (de = V == null ? void 0 : V.cells[v[re].name]) == null ? void 0 : de.obj) == null ? void 0 : be.k;
     };
     return {
-      descr: t || J(n) || te(2) || "",
-      icon: c || J(l) || te(3) || "",
-      um: d || J(m) || te(1) || "",
-      value: y || J(x) || te(0) || ""
+      descr: t || q(n) || te(2) || "",
+      icon: c || q(l) || te(3) || "",
+      um: d || q(m) || te(1) || "",
+      value: y || q(x) || te(0) || ""
     };
-  }, V = (Y) => {
-    D == null || D(Y);
-  }, M = (Y, J) => {
-    (Y.key === "Enter" || Y.key === " ") && (Y.preventDefault(), Y.stopPropagation(), V(J));
-  }, G = ((Y) => {
-    const J = W.dash(Y);
+  }, F = (V) => {
+    D == null || D(V);
+  }, N = (V, q) => {
+    (V.key === "Enter" || V.key === " ") && (V.preventDefault(), V.stopPropagation(), F(q));
+  }, G = ((V) => {
+    const q = W.dash(V);
     return {
-      className: J,
-      descr: (te) => /* @__PURE__ */ b.jsx("div", { className: J.descr, children: te }, `${Y}-${P}`),
-      icon: (te) => /* @__PURE__ */ b.jsx("div", { className: J.icon, children: /* @__PURE__ */ b.jsx(
+      className: q,
+      descr: (te) => /* @__PURE__ */ b.jsx("div", { className: q.descr, children: te }, `${V}-${P}`),
+      icon: (te) => /* @__PURE__ */ b.jsx("div", { className: q.icon, children: /* @__PURE__ */ b.jsx(
         ue,
         {
           color: u,
-          height: z,
+          height: X,
           icon: te,
-          width: z
+          width: X
         }
-      ) }, `${Y}-${j}`),
-      um: (te) => /* @__PURE__ */ b.jsx("div", { className: J.um, children: te }, `${Y}-${N}`),
-      value: (te) => /* @__PURE__ */ b.jsx("div", { className: J.value, children: te }, `${Y}-${I}`)
+      ) }, `${V}-${j}`),
+      um: (te) => /* @__PURE__ */ b.jsx("div", { className: q.um, children: te }, `${V}-${k}`),
+      value: (te) => /* @__PURE__ */ b.jsx("div", { className: q.value, children: te }, `${V}-${Y}`)
     };
-  })(E), ne = (Y) => {
-    const { descr: J, icon: te, um: re, value: de } = F(Y), be = {
+  })(E), ne = (V) => {
+    const { descr: q, icon: te, um: re, value: de } = M(V), be = {
       [T(P)]: $(s),
-      [T(N)]: $(h),
-      [T(I)]: $(w)
+      [T(k)]: $(h),
+      [T(Y)]: $(w)
     }, he = [], Te = O(de);
     switch (E) {
       case "2":
-        te && he.push(G.icon(te)), he.push(G.descr(J)), he.push(
+        te && he.push(G.icon(te)), he.push(G.descr(q)), he.push(
           G.value(re ? Te + " " + re : Te)
         );
         break;
       default:
       case "1":
-        he.push(G.descr(J)), he.push(
+        he.push(G.descr(q)), he.push(
           G.value(re ? Te + " " + re : Te)
         );
     }
@@ -5216,17 +5225,17 @@ const hs = ({
         role: "button",
         style: be,
         tabIndex: 0,
-        onClick: () => V(Y),
-        onKeyDown: (Dr) => M(Dr, Y),
+        onClick: () => F(V),
+        onKeyDown: (Dr) => N(Dr, V),
         children: he
       },
-      Y.rowId
+      V.rowId
     );
   }, _ = {
     [K]: String(r),
     [Z]: H
   };
-  return /* @__PURE__ */ b.jsx("div", { className: W.dashList, style: _, children: C ? k.map((Y) => ne(Y)) : S });
+  return /* @__PURE__ */ b.jsx("div", { className: W.dashList, style: _, children: C ? I.map((V) => ne(V)) : S });
 }, gs = (r) => {
   var e;
   return (e = r.children) != null && e.length ? r.children.map((t) => {
@@ -5250,40 +5259,40 @@ const hs = ({
   loadOptions: c
 }) => {
   var D, S;
-  const [l, u] = X(), [f, d] = X(t ?? !0), m = ve(null), h = s.trim() ? s : "100vh", y = ye(
+  const [l, u] = J(), [f, d] = J(t ?? !0), m = ve(null), h = s.trim() ? s : "100vh", y = ye(
     (v) => {
       var C, U;
-      if (!((C = v.rows) != null && C.length) || !((U = v.columns) != null && U.length))
+      if (!((C = v == null ? void 0 : v.rows) != null && C.length) || !((U = v == null ? void 0 : v.columns) != null && U.length))
         return {};
-      const k = v.rows[0];
+      const I = v.rows[0];
       return v.columns.filter((R) => R.visible ?? !0).reduce((R, P) => {
-        const j = k.cells[P.name];
+        const j = I.cells[P.name];
         if (!j || !f && ce(n) && j.shape !== oe.BUTTON && j.shape !== oe.BUTTON_LIST)
           return R;
-        const N = {
+        const k = {
           ...j,
-          onChange: (I) => {
+          onChange: (Y) => {
             u((H) => {
-              const z = { ...H };
-              return z != null && z[P.name] && (z[P.name].obj.k = I.obj.k), z;
+              const X = { ...H };
+              return X != null && X[P.name] && (X[P.name].obj.k = Y.obj.k), X;
             });
           },
-          onClick: (I) => {
-            I.fun && a && a(I);
+          onClick: (Y) => {
+            Y.fun && a && a(Y);
           },
-          onEnter: (I) => {
-            i && i(I);
+          onEnter: (Y) => {
+            i && i(Y);
           }
         };
-        return c && j.shape == oe.BUTTON_LIST && (N.onOptionsRequest = (I, H) => c(I, H).then(
-          (z) => gs(z)
-        )), !f && ce(n) && (N.data = {
-          ...N.data,
+        return c && j.shape == oe.BUTTON_LIST && (k.onOptionsRequest = (Y, H) => c(Y, H).then(
+          (X) => gs(X)
+        )), !f && ce(n) && (k.data = {
+          ...k.data,
           showText: !1,
           justify: "center"
         }), {
           ...R,
-          [P.name]: N
+          [P.name]: k
         };
       }, {});
     },
@@ -5305,10 +5314,10 @@ const hs = ({
     const v = getComputedStyle(m.current).getPropertyValue(
       "--smp-drawer-slide-transition"
     );
-    let k = Number(v);
-    v.endsWith("ms") ? k = parseFloat(v) : v.endsWith("s") && (k = parseFloat(v) * 1e3), setTimeout(() => {
+    let I = Number(v);
+    v.endsWith("ms") ? I = parseFloat(v) : v.endsWith("s") && (I = parseFloat(v) * 1e3), setTimeout(() => {
       u(y(r));
-    }, k / 2);
+    }, I / 2);
   }, [f, n]), ie(() => {
     t !== void 0 && !ce(n) && d(t);
   }, [n, t]), !((D = r == null ? void 0 : r.rows) != null && D.length) || !((S = r.columns) != null && S.length))
@@ -5381,9 +5390,11 @@ const hs = ({
   onClick: c,
   onOptionsRequest: l
 }) => {
-  const [u, f] = X();
+  const [u, f] = J();
   ie(() => {
     f(() => {
+      if (!r)
+        return;
       const y = { ...r };
       return e && (y.shape = e), s && (y.obj = Gr(s)), y;
     });
@@ -5410,7 +5421,7 @@ const hs = ({
               ...u,
               onChange: f,
               onOptionsRequest: l,
-              fun: r.fun,
+              fun: r == null ? void 0 : r.fun,
               onBlur: h,
               label: a,
               labelPosition: i