@sme.up/ketchup2 2.0.0-SNAPSHOT-20250821124029 → 2.0.0-SNAPSHOT-20250822082030

package/dist/ketchup2.es.js

@@ -60,7 +60,7 @@ function Tn() {
           return "StrictMode";
         case y:
           return "Suspense";
-        case R:
+        case D:
           return "SuspenseList";
         case W:
           return "Activity";
@@ -80,7 +80,7 @@ function Tn() {
             return m = m.displayName, m || (m = S.displayName || S.name || "", m = m !== "" ? "ForwardRef(" + m + ")" : "ForwardRef"), m;
           case O:
             return S = m.displayName || null, S !== null ? S : t(m.type) || "Memo";
-          case M:
+          case F:
             S = m._payload, m = m._init;
             try {
               return t(m(S));
@@ -101,17 +101,17 @@ function Tn() {
       }
       if (S) {
         S = console;
-        var L = S.error, D = typeof Symbol == "function" && Symbol.toStringTag && m[Symbol.toStringTag] || m.constructor.name || "Object";
+        var L = S.error, R = typeof Symbol == "function" && Symbol.toStringTag && m[Symbol.toStringTag] || m.constructor.name || "Object";
         return L.call(
           S,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          D
+          R
         ), e(m);
       }
     }
     function n(m) {
       if (m === b) return "<>";
-      if (typeof m == "object" && m !== null && m.$$typeof === M)
+      if (typeof m == "object" && m !== null && m.$$typeof === F)
         return "<...>";
       try {
         var S = t(m);
@@ -152,7 +152,7 @@ function Tn() {
         "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."
       )), m = this.props.ref, m !== void 0 ? m : null;
     }
-    function c(m, S, L, D, $, P, G, q) {
+    function c(m, S, L, R, $, P, G, q) {
       return L = P.ref, m = {
         $$typeof: g,
         type: m,
@@ -184,13 +184,13 @@ function Tn() {
         value: q
       }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
     }
-    function d(m, S, L, D, $, P, G, q) {
+    function d(m, S, L, R, $, P, G, q) {
       var Y = S.children;
       if (Y !== void 0)
-        if (D)
+        if (R)
           if (A(Y)) {
-            for (D = 0; D < Y.length; D++)
-              u(Y[D]);
+            for (R = 0; R < Y.length; R++)
+              u(Y[R]);
             Object.freeze && Object.freeze(Y);
           } else
             console.error(
@@ -202,18 +202,18 @@ function Tn() {
         var Q = Object.keys(S).filter(function(ae) {
           return ae !== "key";
         });
-        D = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", j[Y + D] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
+        R = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", j[Y + R] || (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} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          D,
+          R,
           Y,
           Q,
           Y
-        ), j[Y + D] = !0);
+        ), j[Y + R] = !0);
       }
       if (Y = null, L !== void 0 && (r(L), Y = "" + L), a(S) && (r(S.key), Y = "" + S.key), "key" in S) {
         L = {};
@@ -237,7 +237,7 @@ React keys must be passed directly to JSX without using spread:
     function u(m) {
       typeof m == "object" && m !== null && m.$$typeof === g && m._store && (m._store.validated = 1);
     }
-    var f = mt, g = Symbol.for("react.transitional.element"), h = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), x = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), O = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), W = Symbol.for("react.activity"), k = Symbol.for("react.client.reference"), C = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, E = Object.prototype.hasOwnProperty, A = Array.isArray, I = console.createTask ? console.createTask : function() {
+    var f = mt, g = Symbol.for("react.transitional.element"), h = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), x = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), O = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), W = Symbol.for("react.activity"), k = Symbol.for("react.client.reference"), C = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, E = Object.prototype.hasOwnProperty, A = Array.isArray, I = console.createTask ? console.createTask : function() {
       return null;
     };
     f = {
@@ -249,26 +249,26 @@ React keys must be passed directly to JSX without using spread:
       f,
       o
     )(), N = I(n(o)), j = {};
-    He.Fragment = b, He.jsx = function(m, S, L, D, $) {
+    He.Fragment = b, He.jsx = function(m, S, L, R, $) {
       var P = 1e4 > C.recentlyCreatedOwnerStacks++;
       return d(
         m,
         S,
         L,
         !1,
-        D,
+        R,
         $,
         P ? Error("react-stack-top-frame") : X,
         P ? I(n(m)) : N
       );
-    }, He.jsxs = function(m, S, L, D, $) {
+    }, He.jsxs = function(m, S, L, R, $) {
       var P = 1e4 > C.recentlyCreatedOwnerStacks++;
       return d(
         m,
         S,
         L,
         !0,
-        D,
+        R,
         $,
         P ? Error("react-stack-top-frame") : X,
         P ? I(n(m)) : N
@@ -492,26 +492,26 @@ var Dn = Rn(), Be = /* @__PURE__ */ new Map(), Zr = function(e) {
         path: [],
         pattern: ["fill", "stroke"],
         radialGradient: ["fill", "stroke"]
-      }, T, y, R, O, M;
+      }, T, y, D, O, F;
       Object.keys(x).forEach(function(N) {
-        T = N, R = x[N], y = u.querySelectorAll(T + "[id]");
-        for (var j = function(D, $) {
-          O = y[D].id, M = O + "-" + An();
+        T = N, D = x[N], y = u.querySelectorAll(T + "[id]");
+        for (var j = function(R, $) {
+          O = y[R].id, F = O + "-" + An();
           var P;
-          Array.prototype.forEach.call(R, function(z) {
+          Array.prototype.forEach.call(D, function(z) {
             P = u.querySelectorAll("[" + z + '*="' + O + '"]');
             for (var ee = 0, B = P.length; ee < B; ee++) {
               var J = P[ee].getAttribute(z);
-              J && !J.match(new RegExp('url\\("?#' + O + '"?\\)')) || P[ee].setAttribute(z, "url(#" + M + ")");
+              J && !J.match(new RegExp('url\\("?#' + O + '"?\\)')) || P[ee].setAttribute(z, "url(#" + F + ")");
             }
           });
           for (var G = u.querySelectorAll("[*|href]"), q = [], Y = 0, Q = G.length; Y < Q; Y++) {
             var K = G[Y].getAttributeNS(jt, "href");
-            K && K.toString() === "#" + y[D].id && q.push(G[Y]);
+            K && K.toString() === "#" + y[R].id && q.push(G[Y]);
           }
-          for (var ae = 0, F = q.length; ae < F; ae++)
-            q[ae].setAttributeNS(jt, "href", "#" + M);
-          y[D].id = M;
+          for (var ae = 0, M = q.length; ae < M; ae++)
+            q[ae].setAttributeNS(jt, "href", "#" + F);
+          y[R].id = F;
         }, m = 0, S = y.length; m < S; m++)
           j(m);
       });
@@ -540,11 +540,11 @@ var Dn = Rn(), Be = /* @__PURE__ */ new Map(), Zr = function(e) {
   } : l, d = n.cacheRequests, u = d === void 0 ? !0 : d, f = n.evalScripts, g = f === void 0 ? "never" : f, h = n.httpRequestWithCredentials, b = h === void 0 ? !1 : h, w = n.renumerateIRIElements, v = w === void 0 ? !0 : w;
   if (e && "length" in e)
     for (var _ = 0, x = 0, T = e.length; x < T; x++)
-      pr(e[x], g, v, u, b, c, function(y, R) {
-        i(y, R), e && "length" in e && e.length === ++_ && o(_);
+      pr(e[x], g, v, u, b, c, function(y, D) {
+        i(y, D), e && "length" in e && e.length === ++_ && o(_);
       });
-  else e ? pr(e, g, v, u, b, c, function(y, R) {
-    i(y, R), o(1), e = null;
+  else e ? pr(e, g, v, u, b, c, function(y, D) {
+    i(y, D), o(1), e = null;
   }) : o(0);
 }, it = { exports: {} }, lt = { exports: {} }, ne = {};
 /** @license React v16.13.1
@@ -562,8 +562,8 @@ function Fn() {
   var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, n = t ? Symbol.for("react.fragment") : 60107, s = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, a = t ? Symbol.for("react.provider") : 60109, i = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, c = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, u = t ? Symbol.for("react.suspense") : 60113, f = t ? Symbol.for("react.suspense_list") : 60120, g = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, b = t ? Symbol.for("react.block") : 60121, w = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, _ = t ? Symbol.for("react.scope") : 60119;
   function x(y) {
     if (typeof y == "object" && y !== null) {
-      var R = y.$$typeof;
-      switch (R) {
+      var D = y.$$typeof;
+      switch (D) {
         case e:
           switch (y = y.type, y) {
             case l:
@@ -582,11 +582,11 @@ function Fn() {
                 case a:
                   return y;
                 default:
-                  return R;
+                  return D;
               }
           }
         case r:
-          return R;
+          return D;
       }
     }
   }
@@ -634,16 +634,16 @@ var mr;
 function Mn() {
   return mr || (mr = 1, process.env.NODE_ENV !== "production" && function() {
     var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, n = t ? Symbol.for("react.fragment") : 60107, s = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, a = t ? Symbol.for("react.provider") : 60109, i = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, c = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, u = t ? Symbol.for("react.suspense") : 60113, f = t ? Symbol.for("react.suspense_list") : 60120, g = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, b = t ? Symbol.for("react.block") : 60121, w = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, _ = t ? Symbol.for("react.scope") : 60119;
-    function x(F) {
-      return typeof F == "string" || typeof F == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      F === n || F === c || F === o || F === s || F === u || F === f || typeof F == "object" && F !== null && (F.$$typeof === h || F.$$typeof === g || F.$$typeof === a || F.$$typeof === i || F.$$typeof === d || F.$$typeof === w || F.$$typeof === v || F.$$typeof === _ || F.$$typeof === b);
+    function x(M) {
+      return typeof M == "string" || typeof M == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      M === n || M === c || M === o || M === s || M === u || M === f || typeof M == "object" && M !== null && (M.$$typeof === h || M.$$typeof === g || M.$$typeof === a || M.$$typeof === i || M.$$typeof === d || M.$$typeof === w || M.$$typeof === v || M.$$typeof === _ || M.$$typeof === b);
     }
-    function T(F) {
-      if (typeof F == "object" && F !== null) {
-        var z = F.$$typeof;
+    function T(M) {
+      if (typeof M == "object" && M !== null) {
+        var z = M.$$typeof;
         switch (z) {
           case e:
-            var ee = F.type;
+            var ee = M.type;
             switch (ee) {
               case l:
               case c:
@@ -670,47 +670,47 @@ function Mn() {
         }
       }
     }
-    var y = l, R = c, O = i, M = a, W = e, k = d, C = n, E = h, A = g, I = r, V = o, U = s, X = u, N = !1;
-    function j(F) {
-      return N || (N = !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.")), m(F) || T(F) === l;
+    var y = l, D = c, O = i, F = a, W = e, k = d, C = n, E = h, A = g, I = r, V = o, U = s, X = u, N = !1;
+    function j(M) {
+      return N || (N = !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.")), m(M) || T(M) === l;
     }
-    function m(F) {
-      return T(F) === c;
+    function m(M) {
+      return T(M) === c;
     }
-    function S(F) {
-      return T(F) === i;
+    function S(M) {
+      return T(M) === i;
     }
-    function L(F) {
-      return T(F) === a;
+    function L(M) {
+      return T(M) === a;
     }
-    function D(F) {
-      return typeof F == "object" && F !== null && F.$$typeof === e;
+    function R(M) {
+      return typeof M == "object" && M !== null && M.$$typeof === e;
     }
-    function $(F) {
-      return T(F) === d;
+    function $(M) {
+      return T(M) === d;
     }
-    function P(F) {
-      return T(F) === n;
+    function P(M) {
+      return T(M) === n;
     }
-    function G(F) {
-      return T(F) === h;
+    function G(M) {
+      return T(M) === h;
     }
-    function q(F) {
-      return T(F) === g;
+    function q(M) {
+      return T(M) === g;
     }
-    function Y(F) {
-      return T(F) === r;
+    function Y(M) {
+      return T(M) === r;
     }
-    function Q(F) {
-      return T(F) === o;
+    function Q(M) {
+      return T(M) === o;
     }
-    function K(F) {
-      return T(F) === s;
+    function K(M) {
+      return T(M) === s;
     }
-    function ae(F) {
-      return T(F) === u;
+    function ae(M) {
+      return T(M) === u;
     }
-    se.AsyncMode = y, se.ConcurrentMode = R, se.ContextConsumer = O, se.ContextProvider = M, se.Element = W, se.ForwardRef = k, se.Fragment = C, se.Lazy = E, se.Memo = A, se.Portal = I, se.Profiler = V, se.StrictMode = U, se.Suspense = X, se.isAsyncMode = j, se.isConcurrentMode = m, se.isContextConsumer = S, se.isContextProvider = L, se.isElement = D, se.isForwardRef = $, se.isFragment = P, se.isLazy = G, se.isMemo = q, se.isPortal = Y, se.isProfiler = Q, se.isStrictMode = K, se.isSuspense = ae, se.isValidElementType = x, se.typeOf = T;
+    se.AsyncMode = y, se.ConcurrentMode = D, se.ContextConsumer = O, se.ContextProvider = F, se.Element = W, se.ForwardRef = k, se.Fragment = C, se.Lazy = E, se.Memo = A, se.Portal = I, se.Profiler = V, se.StrictMode = U, se.Suspense = X, se.isAsyncMode = j, se.isConcurrentMode = m, se.isContextConsumer = S, se.isContextProvider = L, se.isElement = R, se.isForwardRef = $, se.isFragment = P, se.isLazy = G, se.isMemo = q, se.isPortal = Y, se.isProfiler = Q, se.isStrictMode = K, se.isSuspense = ae, se.isValidElementType = x, se.typeOf = T;
   }()), se;
 }
 var gr;
@@ -865,9 +865,9 @@ function Bn() {
       arrayOf: x,
       element: T(),
       elementType: y(),
-      instanceOf: R,
+      instanceOf: D,
       node: k(),
-      objectOf: M,
+      objectOf: F,
       oneOf: O,
       oneOfType: W,
       shape: E,
@@ -883,13 +883,13 @@ function Bn() {
     function w(m) {
       if (process.env.NODE_ENV !== "production")
         var S = {}, L = 0;
-      function D(P, G, q, Y, Q, K, ae) {
+      function R(P, G, q, Y, Q, K, ae) {
         if (Y = Y || f, K = K || q, ae !== r) {
           if (l) {
-            var F = new Error(
+            var M = 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 F.name = "Invariant Violation", F;
+            throw M.name = "Invariant Violation", M;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var z = Y + ":" + q;
             !S[z] && // Avoid spamming the console because they are often not actionable except for lib authors
@@ -900,12 +900,12 @@ function Bn() {
         }
         return G[q] == null ? P ? G[q] === null ? new b("The " + Q + " `" + K + "` is marked as required " + ("in `" + Y + "`, but its value is `null`.")) : new b("The " + Q + " `" + K + "` is marked as required in " + ("`" + Y + "`, but its value is `undefined`.")) : null : m(G, q, Y, Q, K);
       }
-      var $ = D.bind(null, !1);
-      return $.isRequired = D.bind(null, !0), $;
+      var $ = R.bind(null, !1);
+      return $.isRequired = R.bind(null, !0), $;
     }
     function v(m) {
-      function S(L, D, $, P, G, q) {
-        var Y = L[D], Q = U(Y);
+      function S(L, R, $, P, G, q) {
+        var Y = L[R], Q = U(Y);
         if (Q !== m) {
           var K = X(Y);
           return new b(
@@ -921,10 +921,10 @@ function Bn() {
       return w(a);
     }
     function x(m) {
-      function S(L, D, $, P, G) {
+      function S(L, R, $, P, G) {
         if (typeof m != "function")
           return new b("Property `" + G + "` of component `" + $ + "` has invalid PropType notation inside arrayOf.");
-        var q = L[D];
+        var q = L[R];
         if (!Array.isArray(q)) {
           var Y = U(q);
           return new b("Invalid " + P + " `" + G + "` of type " + ("`" + Y + "` supplied to `" + $ + "`, expected an array."));
@@ -939,31 +939,31 @@ function Bn() {
       return w(S);
     }
     function T() {
-      function m(S, L, D, $, P) {
+      function m(S, L, R, $, P) {
         var G = S[L];
         if (!i(G)) {
           var q = U(G);
-          return new b("Invalid " + $ + " `" + P + "` of type " + ("`" + q + "` supplied to `" + D + "`, expected a single ReactElement."));
+          return new b("Invalid " + $ + " `" + P + "` of type " + ("`" + q + "` supplied to `" + R + "`, expected a single ReactElement."));
         }
         return null;
       }
       return w(m);
     }
     function y() {
-      function m(S, L, D, $, P) {
+      function m(S, L, R, $, P) {
         var G = S[L];
         if (!t.isValidElementType(G)) {
           var q = U(G);
-          return new b("Invalid " + $ + " `" + P + "` of type " + ("`" + q + "` supplied to `" + D + "`, expected a single ReactElement type."));
+          return new b("Invalid " + $ + " `" + P + "` of type " + ("`" + q + "` supplied to `" + R + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return w(m);
     }
-    function R(m) {
-      function S(L, D, $, P, G) {
-        if (!(L[D] instanceof m)) {
-          var q = m.name || f, Y = j(L[D]);
+    function D(m) {
+      function S(L, R, $, P, G) {
+        if (!(L[R] instanceof m)) {
+          var q = m.name || f, Y = j(L[R]);
           return new b("Invalid " + P + " `" + G + "` of type " + ("`" + Y + "` supplied to `" + $ + "`, expected ") + ("instance of `" + q + "`."));
         }
         return null;
@@ -975,23 +975,23 @@ function Bn() {
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
           "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])."
         ) : o("Invalid argument supplied to oneOf, expected an array.")), a;
-      function S(L, D, $, P, G) {
-        for (var q = L[D], Y = 0; Y < m.length; Y++)
+      function S(L, R, $, P, G) {
+        for (var q = L[R], Y = 0; Y < m.length; Y++)
           if (h(q, m[Y]))
             return null;
-        var Q = JSON.stringify(m, function(ae, F) {
-          var z = X(F);
-          return z === "symbol" ? String(F) : F;
+        var Q = JSON.stringify(m, function(ae, M) {
+          var z = X(M);
+          return z === "symbol" ? String(M) : M;
         });
         return new b("Invalid " + P + " `" + G + "` of value `" + String(q) + "` " + ("supplied to `" + $ + "`, expected one of " + Q + "."));
       }
       return w(S);
     }
-    function M(m) {
-      function S(L, D, $, P, G) {
+    function F(m) {
+      function S(L, R, $, P, G) {
         if (typeof m != "function")
           return new b("Property `" + G + "` of component `" + $ + "` has invalid PropType notation inside objectOf.");
-        var q = L[D], Y = U(q);
+        var q = L[R], Y = U(q);
         if (Y !== "object")
           return new b("Invalid " + P + " `" + G + "` of type " + ("`" + Y + "` supplied to `" + $ + "`, expected an object."));
         for (var Q in q)
@@ -1014,32 +1014,32 @@ function Bn() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + N(L) + " at index " + S + "."
           ), a;
       }
-      function D($, P, G, q, Y) {
+      function R($, P, G, q, Y) {
         for (var Q = [], K = 0; K < m.length; K++) {
-          var ae = m[K], F = ae($, P, G, q, Y, r);
-          if (F == null)
+          var ae = m[K], M = ae($, P, G, q, Y, r);
+          if (M == null)
             return null;
-          F.data && n(F.data, "expectedType") && Q.push(F.data.expectedType);
+          M.data && n(M.data, "expectedType") && Q.push(M.data.expectedType);
         }
         var z = Q.length > 0 ? ", expected one of type [" + Q.join(", ") + "]" : "";
         return new b("Invalid " + q + " `" + Y + "` supplied to " + ("`" + G + "`" + z + "."));
       }
-      return w(D);
+      return w(R);
     }
     function k() {
-      function m(S, L, D, $, P) {
-        return I(S[L]) ? null : new b("Invalid " + $ + " `" + P + "` supplied to " + ("`" + D + "`, expected a ReactNode."));
+      function m(S, L, R, $, P) {
+        return I(S[L]) ? null : new b("Invalid " + $ + " `" + P + "` supplied to " + ("`" + R + "`, expected a ReactNode."));
       }
       return w(m);
     }
-    function C(m, S, L, D, $) {
+    function C(m, S, L, R, $) {
       return new b(
-        (m || "React class") + ": " + S + " type `" + L + "." + D + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + $ + "`."
+        (m || "React class") + ": " + S + " type `" + L + "." + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + $ + "`."
       );
     }
     function E(m) {
-      function S(L, D, $, P, G) {
-        var q = L[D], Y = U(q);
+      function S(L, R, $, P, G) {
+        var q = L[R], Y = U(q);
         if (Y !== "object")
           return new b("Invalid " + P + " `" + G + "` of type `" + Y + "` " + ("supplied to `" + $ + "`, expected `object`."));
         for (var Q in m) {
@@ -1055,23 +1055,23 @@ function Bn() {
       return w(S);
     }
     function A(m) {
-      function S(L, D, $, P, G) {
-        var q = L[D], Y = U(q);
+      function S(L, R, $, P, G) {
+        var q = L[R], Y = U(q);
         if (Y !== "object")
           return new b("Invalid " + P + " `" + G + "` of type `" + Y + "` " + ("supplied to `" + $ + "`, expected `object`."));
-        var Q = e({}, L[D], m);
+        var Q = e({}, L[R], m);
         for (var K in Q) {
           var ae = m[K];
           if (n(m, K) && typeof ae != "function")
             return C($, P, G, K, X(ae));
           if (!ae)
             return new b(
-              "Invalid " + P + " `" + G + "` key `" + K + "` supplied to `" + $ + "`.\nBad object: " + JSON.stringify(L[D], null, "  ") + `
+              "Invalid " + P + " `" + G + "` key `" + K + "` supplied to `" + $ + "`.\nBad object: " + JSON.stringify(L[R], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(m), null, "  ")
             );
-          var F = ae(q, K, $, P, G + "." + K, r);
-          if (F)
-            return F;
+          var M = ae(q, K, $, P, G + "." + K, r);
+          if (M)
+            return M;
         }
         return null;
       }
@@ -1092,14 +1092,14 @@ Valid keys: ` + JSON.stringify(Object.keys(m), null, "  ")
             return !0;
           var S = u(m);
           if (S) {
-            var L = S.call(m), D;
+            var L = S.call(m), R;
             if (S !== m.entries) {
-              for (; !(D = L.next()).done; )
-                if (!I(D.value))
+              for (; !(R = L.next()).done; )
+                if (!I(R.value))
                   return !1;
             } else
-              for (; !(D = L.next()).done; ) {
-                var $ = D.value;
+              for (; !(R = L.next()).done; ) {
+                var $ = R.value;
                 if ($ && !I($[1]))
                   return !1;
               }
@@ -1249,7 +1249,7 @@ var pe = /* @__PURE__ */ Yn(), Gn = function(e) {
         }, function() {
           g(O);
         });
-      }, T = function(O, M) {
+      }, T = function(O, F) {
         if (O) {
           x(O);
           return;
@@ -1260,15 +1260,15 @@ var pe = /* @__PURE__ */ Yn(), Gn = function(e) {
           };
         }, function() {
           try {
-            b(M);
+            b(F);
           } catch (W) {
             x(W);
           }
         });
       }, y = function(O) {
         if (O.setAttribute("role", "img"), a) {
-          var M = O.querySelector(":scope > desc");
-          M && O.removeChild(M);
+          var F = O.querySelector(":scope > desc");
+          F && O.removeChild(F);
           var W = document.createElement("desc");
           W.innerHTML = a, O.prepend(W);
         }
@@ -1388,10 +1388,10 @@ const Ko = (t) => {
       !o && c && l && l(E);
     }, T = (E) => {
       !o && c && (E.key === "Enter" || E.key === " ") && (E.preventDefault(), x(E));
-    }, y = h ? n : t, R = w(y), M = v(y) ? y : zn(`assets/svg/${y}`), W = () => /* @__PURE__ */ p.jsx(
+    }, y = h ? n : t, D = w(y), F = v(y) ? y : zn(`assets/svg/${y}`), W = () => /* @__PURE__ */ p.jsx(
       Jt,
       {
-        src: M,
+        src: F,
         onError: () => b(!0),
         width: e || "1rem",
         height: r || "1rem",
@@ -1425,7 +1425,7 @@ const Ko = (t) => {
       )
     );
     return (() => {
-      const E = g?.startsWith("https://") || g?.startsWith("http://") || g?.startsWith("#") || g?.startsWith("/"), A = R ? W() : k(), I = u ? /* @__PURE__ */ p.jsx("span", { title: u, children: A }) : A;
+      const E = g?.startsWith("https://") || g?.startsWith("http://") || g?.startsWith("#") || g?.startsWith("/"), A = D ? W() : k(), I = u ? /* @__PURE__ */ p.jsx("span", { title: u, children: A }) : A;
       return E ? /* @__PURE__ */ p.jsx("a", { href: g, children: I }) : I;
     })();
   }
@@ -1454,7 +1454,7 @@ function $e({
     }
     const b = window.scrollY, w = window.scrollX, v = window.innerWidth, _ = window.innerHeight;
     let x = c + b, T = d + w, y = t;
-    const R = {
+    const D = {
       top: c - g < 0,
       bottom: c + f + g > _,
       left: d - h < 0,
@@ -1462,16 +1462,16 @@ function $e({
     };
     switch (t) {
       case "top":
-        R.top && !R.bottom && (y = "bottom");
+        D.top && !D.bottom && (y = "bottom");
         break;
       case "bottom":
-        R.bottom && !R.top && (y = "top");
+        D.bottom && !D.top && (y = "top");
         break;
       case "left":
-        R.left && !R.right && (y = "right");
+        D.left && !D.right && (y = "right");
         break;
       case "right":
-        R.right && !R.left && (y = "left");
+        D.right && !D.left && (y = "left");
         break;
     }
     switch (y) {
@@ -1967,9 +1967,9 @@ const sn = (t) => {
   error: x,
   appearance: T = "base",
   isClearable: y = !1,
-  fullWidth: R = !1,
+  fullWidth: D = !1,
   _dataComponent: O = "textfield",
-  min: M,
+  min: F,
   max: W,
   step: k,
   inputMode: C = "text",
@@ -1985,26 +1985,26 @@ const sn = (t) => {
   onClick: S,
   ...L
 }) => {
-  const D = ke(), $ = `${D}-helper`, P = x ? "danger" : c, G = _ || !!x, q = (F) => {
-    N?.(F.target.value);
+  const R = ke(), $ = `${R}-helper`, P = x ? "danger" : c, G = _ || !!x, q = (M) => {
+    N?.(M.target.value);
   }, Y = () => {
     r && r != "" && N?.("");
   }, Q = {
-    wrapper: `${ve["smp-textfield-wrapper"]} ${R ? ve["smp-textfield-fullWidth"] : ""}`,
+    wrapper: `${ve["smp-textfield-wrapper"]} ${D ? ve["smp-textfield-fullWidth"] : ""}`,
     container: `${ve["smp-textfield"]} ${e ? ve["smp-textfield-disabled"] : ""} ${o ? ve["smp-textfield-placeholder"] : ""} ${l ? ve[`smp-textfield-${l}`] : ""} ${P ? ve[`smp-textfield-${P}`] : ""} ${T ? ve[`smp-textfield-${T}`] : ""} ${a ? "" : ve["smp-textfield-readOnly"]} ${u ? ve["smp-textfield-top-right-indicator"] : ""}`,
     input: `${ve["smp-textfield-input"]}`,
     decodeWrapper: ` ${n ? ve["smp-textfield-decode-wrapper"] : ""}`
   };
   if (d && (d !== "notSelectable" || a)) {
-    const F = ve[`smp-textfield-variant-${d}`];
-    F && (Q.container += ` ${F}`);
+    const M = ve[`smp-textfield-variant-${d}`];
+    M && (Q.container += ` ${M}`);
   }
   const K = E ? { "--smp-textField-width-base": E, ...U } : U, ae = /* @__PURE__ */ p.jsxs("div", { className: Q.container, ref: g, style: K, children: [
     s && /* @__PURE__ */ p.jsx(le, { icon: s, disabled: e }),
     /* @__PURE__ */ p.jsx(
       "input",
       {
-        id: D,
+        id: R,
         name: t,
         type: b,
         value: r,
@@ -2018,7 +2018,7 @@ const sn = (t) => {
         "aria-label": w,
         ref: h,
         "aria-describedby": G ? $ : void 0,
-        min: M,
+        min: F,
         max: W,
         step: k,
         inputMode: C,
@@ -2055,7 +2055,7 @@ const sn = (t) => {
       {
         label: v,
         disabled: e,
-        htmlFor: D,
+        htmlFor: R,
         helper: L.helper
       }
     ),
@@ -2175,9 +2175,9 @@ const os = 10, Zt = ({
     o !== null ? o : -1
   ), [v, _] = H(i || 200), x = ue(null), T = s !== void 0 ? s : e.length > os, y = f ? e.filter(
     (V) => V.decode?.toLowerCase()?.includes(f.toLowerCase())
-  ) : e, R = (V) => {
+  ) : e, D = (V) => {
     g(V);
-  }, { virtualItems: O, containerProps: M, innerProps: W, scrollToIndex: k } = on({
+  }, { virtualItems: O, containerProps: F, innerProps: W, scrollToIndex: k } = on({
     items: y,
     itemHeight: h,
     containerHeight: 200,
@@ -2228,7 +2228,7 @@ const os = 10, Zt = ({
             bindValue: f,
             placeholder: "Search...",
             fullWidth: !0,
-            onChange: R,
+            onChange: D,
             onKeyDown: E,
             inputRef: x
           }
@@ -2236,7 +2236,7 @@ const os = 10, Zt = ({
         /* @__PURE__ */ p.jsx(
           "div",
           {
-            ...M,
+            ...F,
             className: I.container,
             tabIndex: 0,
             role: "listbox",
@@ -2316,8 +2316,8 @@ const os = 10, Zt = ({
         /* @__PURE__ */ p.jsxs(
           "div",
           {
-            ref: (R) => {
-              R && o.current.set(x, R);
+            ref: (D) => {
+              D && o.current.set(x, D);
             },
             className: g.node,
             tabIndex: 0,
@@ -2325,7 +2325,7 @@ const os = 10, Zt = ({
             "data-nodeid": x,
             "smp-id": `toolbar-item-${_}`,
             "aria-expanded": v?.isExpanded,
-            onKeyDown: (R) => u(R, v, x),
+            onKeyDown: (D) => u(D, v, x),
             onMouseEnter: () => l(v, x),
             onMouseLeave: () => {
               c(x);
@@ -2376,11 +2376,11 @@ const os = 10, Zt = ({
                 "data-node-id": x,
                 displayMode: Je.DESC_ONLY,
                 selectedIndex: v.options?.findIndex(
-                  (R) => R.obj?.k === v.obj?.k
+                  (D) => D.obj?.k === v.obj?.k
                 ),
                 activeIndex: [v.obj.k],
-                onClick: (R) => {
-                  d(v, x, R);
+                onClick: (D) => {
+                  d(v, x, D);
                 }
               },
               x
@@ -2447,10 +2447,10 @@ const os = 10, Zt = ({
   if (nt([_], d, () => u(!1)), re(() => {
     const k = w.current;
     if (!k) return;
-    R();
-    const C = () => R();
-    return k.addEventListener("scroll", C), window.addEventListener("resize", R), () => {
-      k.removeEventListener("scroll", C), window.removeEventListener("resize", R);
+    D();
+    const C = () => D();
+    return k.addEventListener("scroll", C), window.addEventListener("resize", D), () => {
+      k.removeEventListener("scroll", C), window.removeEventListener("resize", D);
     };
   }, []), re(() => {
     n !== void 0 && c(n);
@@ -2464,14 +2464,14 @@ const os = 10, Zt = ({
     scrollButtonRight: `${Ee["smp-tabbar-scroll-button"]} ${Ee["smp-tabbar-scroll-buttonRight"]}`,
     scrollButtonLeft: `${Ee["smp-tabbar-scroll-button"]} ${Ee["smp-tabbar-scroll-buttonLeft"]}`,
     active: Ee["smp-active"]
-  }, T = 100, y = 2, R = () => {
+  }, T = 100, y = 2, D = () => {
     const k = w.current;
     k && (g(k.scrollLeft > 0), b(
       k.scrollLeft + k.clientWidth < k.scrollWidth - y
     ));
   }, O = () => {
     w.current?.scrollBy({ left: -T, behavior: "smooth" });
-  }, M = () => {
+  }, F = () => {
     w.current?.scrollBy({ left: T, behavior: "smooth" });
   }, W = (k) => {
     i && i(k), u(!1);
@@ -2546,7 +2546,7 @@ const os = 10, Zt = ({
           {
             bindValue: "",
             optionalDisplayValue: ">",
-            onClick: M,
+            onClick: F,
             variant: "base",
             sizing: e
           }
@@ -3175,9 +3175,9 @@ class St extends Ct {
       } : i;
     const g = this.resolve(e, s);
     let h = g?.res;
-    const b = g?.usedKey || i, w = g?.exactUsedKey || i, v = ["[object Number]", "[object Function]", "[object RegExp]"], _ = s.joinArrays !== void 0 ? s.joinArrays : this.options.joinArrays, x = !this.i18nFormat || this.i18nFormat.handleAsObject, T = s.count !== void 0 && !Z(s.count), y = St.hasDefaultValue(s), R = T ? this.pluralResolver.getSuffix(u, s.count, s) : "", O = s.ordinal && T ? this.pluralResolver.getSuffix(u, s.count, {
+    const b = g?.usedKey || i, w = g?.exactUsedKey || i, v = ["[object Number]", "[object Function]", "[object RegExp]"], _ = s.joinArrays !== void 0 ? s.joinArrays : this.options.joinArrays, x = !this.i18nFormat || this.i18nFormat.handleAsObject, T = s.count !== void 0 && !Z(s.count), y = St.hasDefaultValue(s), D = T ? this.pluralResolver.getSuffix(u, s.count, s) : "", O = s.ordinal && T ? this.pluralResolver.getSuffix(u, s.count, {
       ordinal: !1
-    }) : "", M = T && !s.ordinal && s.count === 0, W = M && s[`defaultValue${this.options.pluralSeparator}zero`] || s[`defaultValue${R}`] || s[`defaultValue${O}`] || s.defaultValue;
+    }) : "", F = T && !s.ordinal && s.count === 0, W = F && s[`defaultValue${this.options.pluralSeparator}zero`] || s[`defaultValue${D}`] || s[`defaultValue${O}`] || s.defaultValue;
     let k = h;
     x && !h && y && (k = W);
     const C = Pr(k), E = Object.prototype.toString.apply(k);
@@ -3228,14 +3228,14 @@ class St extends Ct {
           for (let S = 0; S < j.length; S++)
             N.push(j[S]);
         else this.options.saveMissingTo === "all" ? N = this.languageUtils.toResolveHierarchy(s.lng || this.language) : N.push(s.lng || this.language);
-        const m = (S, L, D) => {
-          const $ = y && D !== h ? D : U;
+        const m = (S, L, R) => {
+          const $ = y && R !== h ? R : U;
           this.options.missingKeyHandler ? this.options.missingKeyHandler(S, c, L, $, X, s) : this.backendConnector?.saveMissing && this.backendConnector.saveMissing(S, c, L, $, X, s), this.emit("missingKey", S, c, L, h);
         };
         this.options.saveMissing && (this.options.saveMissingPlurals && T ? N.forEach((S) => {
           const L = this.pluralResolver.getSuffixes(S, s);
-          M && s[`defaultValue${this.options.pluralSeparator}zero`] && L.indexOf(`${this.options.pluralSeparator}zero`) < 0 && L.push(`${this.options.pluralSeparator}zero`), L.forEach((D) => {
-            m([S], i + D, s[`defaultValue${D}`] || W);
+          F && s[`defaultValue${this.options.pluralSeparator}zero`] && L.indexOf(`${this.options.pluralSeparator}zero`) < 0 && L.push(`${this.options.pluralSeparator}zero`), L.forEach((R) => {
+            m([S], i + R, s[`defaultValue${R}`] || W);
           });
         }) : m(N, i, W));
       }
@@ -3303,10 +3303,10 @@ class St extends Ct {
           else {
             let T;
             f && (T = this.pluralResolver.getSuffix(v, r.count, r));
-            const y = `${this.options.pluralSeparator}zero`, R = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (f && (r.ordinal && T.indexOf(R) === 0 && _.push(d + T.replace(R, this.options.pluralSeparator)), _.push(d + T), g && _.push(d + y)), h) {
+            const y = `${this.options.pluralSeparator}zero`, D = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
+            if (f && (r.ordinal && T.indexOf(D) === 0 && _.push(d + T.replace(D, this.options.pluralSeparator)), _.push(d + T), g && _.push(d + y)), h) {
               const O = `${d}${this.options.contextSeparator}${r.context}`;
-              _.push(O), f && (_.push(O + T), r.ordinal && T.indexOf(R) === 0 && _.push(O + T.replace(R, this.options.pluralSeparator)), g && _.push(O + y));
+              _.push(O), f && (_.push(O + T), r.ordinal && T.indexOf(D) === 0 && _.push(O + T.replace(D, this.options.pluralSeparator)), g && _.push(O + y));
             }
           }
           let x;
@@ -4306,42 +4306,42 @@ const eo = (t) => t?.type === "SmeupDataTree", to = (t) => t?.type === "SmeupDat
   _multiActiveIndex: f,
   ...g
 }) => {
-  const h = ue(null), [b, w] = H(t), [v, _] = H(e), { translate: x } = Re(), [T, y] = H(!1), [R, O] = H(
+  const h = ue(null), [b, w] = H(t), [v, _] = H(e), { translate: x } = Re(), [T, y] = H(!1), [D, O] = H(
     r || []
-  ), [M, W] = H(0), [k, C] = H([t]), { anchorRef: E, targetRef: A, anchorWidth: I } = $e({
+  ), [F, W] = H(0), [k, C] = H([t]), { anchorRef: E, targetRef: A, anchorWidth: I } = $e({
     position: "bottom",
     open: T
   }), V = oe(() => {
     y(!1), h?.current?.focus();
   }, []);
   nt([A], T, () => V());
-  const U = sn(400), X = (D) => {
-    D.length >= o ? N(D) : V(), w(D), _(""), l || c?.(D, e);
-  }, N = (D) => {
+  const U = sn(400), X = (R) => {
+    R.length >= o ? N(R) : V(), w(R), _(""), l || c?.(R, e);
+  }, N = (R) => {
     U(async () => {
       if (i && d) {
-        const $ = await d(i, D), P = Ge($) || [];
+        const $ = await d(i, R), P = Ge($) || [];
         O(P), W(P.length > 0 ? 0 : -1), y(!0);
       }
     });
   }, j = () => {
     T || u?.();
-  }, m = (D) => {
-    l ? (w(""), _("")) : (w(D.obj?.k), _(D.decode)), c?.(D.obj?.k, D.decode);
-    const $ = R.findIndex(
-      (P) => P.obj?.k === D.obj?.k
+  }, m = (R) => {
+    l ? (w(""), _("")) : (w(R.obj?.k), _(R.decode)), c?.(R.obj?.k, R.decode);
+    const $ = D.findIndex(
+      (P) => P.obj?.k === R.obj?.k
     );
-    W($), C([D.obj?.k]), V();
-  }, S = (D) => {
-    D.key === "Escape" && (V(), W(-1));
-  }, L = (D) => {
-    if ((D.key === "ArrowDown" || D.key === "ArrowUp") && (D.preventDefault(), T)) {
-      const $ = D.key === "ArrowDown" ? (M + 1) % R.length : (M - 1 + R.length) % R.length;
+    W($), C([R.obj?.k]), V();
+  }, S = (R) => {
+    R.key === "Escape" && (V(), W(-1));
+  }, L = (R) => {
+    if ((R.key === "ArrowDown" || R.key === "ArrowUp") && (R.preventDefault(), T)) {
+      const $ = R.key === "ArrowDown" ? (F + 1) % D.length : (F - 1 + D.length) % D.length;
       W($);
     }
-    switch (D.key) {
+    switch (R.key) {
       case "Enter":
-        M >= 0 && M < R.length ? m(R[M]) : l && (c?.(b, ""), V(), w(""), _(""));
+        F >= 0 && F < D.length ? m(D[F]) : l && (c?.(b, ""), V(), w(""), _(""));
         break;
       case "Escape":
         V(), W(-1);
@@ -4373,11 +4373,11 @@ const eo = (t) => t?.type === "SmeupDataTree", to = (t) => t?.type === "SmeupDat
     T && /* @__PURE__ */ p.jsx(Ne, { children: /* @__PURE__ */ p.jsx(
       Zt,
       {
-        options: R,
+        options: D,
         displayMode: n,
         onClick: m,
         ref: A,
-        selectedIndex: M,
+        selectedIndex: F,
         activeIndex: f || k,
         width: I,
         showFilter: !1,
@@ -4586,14 +4586,14 @@ const Ht = ({
   multiActiveIndex: l,
   ...c
 }) => {
-  const d = ue(null), [u, f] = H(!1), [g, h] = H(r), [b, w] = H(-1), [v, _] = H([t]), x = ke(), { anchorRef: T, targetRef: y, anchorWidth: R } = $e({
+  const d = ue(null), [u, f] = H(!1), [g, h] = H(r), [b, w] = H(-1), [v, _] = H([t]), x = ke(), { anchorRef: T, targetRef: y, anchorWidth: D } = $e({
     position: "bottom",
     open: u
   }), O = oe(() => {
     f(!1), d?.current?.focus();
   }, []);
   nt([y, T], u, () => O()), nr(u, y);
-  const M = (E) => {
+  const F = (E) => {
     e?.(E.obj.k, E.decode);
     const A = g.findIndex((I) => I.obj.k === E.obj.k);
     w(A), _([E.obj.k]), O();
@@ -4644,8 +4644,8 @@ const Ht = ({
             isOpen: u,
             selectedIndex: b,
             activeIndex: l || v,
-            width: R,
-            onClick: M,
+            width: D,
+            onClick: F,
             onKeyDown: W,
             floating: !0
           }
@@ -4718,15 +4718,15 @@ function oo({
       full: o(ge.SATURDAY)
     }
   ], T = (j) => r.some((m) => {
-    const S = m.start.getTime(), L = m.end.getTime(), D = j.getTime();
-    return D >= S && D <= L;
+    const S = m.start.getTime(), L = m.end.getTime(), R = j.getTime();
+    return R >= S && R <= L;
   }), y = (j) => {
     T(j) || (c(j), b(j.getDate()), e && e(hs(j)));
-  }, R = () => {
+  }, D = () => {
     d === 0 ? (u(11), g(f - 1)) : u(d - 1), b(1);
   }, O = () => {
     d === 11 ? (u(0), g(f + 1)) : u(d + 1), b(1);
-  }, M = (j, m) => new Date(j, m + 1, 0).getDate(), W = (j, m) => new Date(j, m, 1).getDay(), k = (j) => {
+  }, F = (j, m) => new Date(j, m + 1, 0).getDate(), W = (j, m) => new Date(j, m, 1).getDay(), k = (j) => {
     const m = I.findIndex(
       (S) => S !== null && S.getDate() === j
     );
@@ -4734,12 +4734,12 @@ function oo({
   }, C = (j, m) => {
     const S = I[m];
     if (!S) return;
-    const L = M(f, d), D = S.getDate();
+    const L = F(f, d), R = S.getDate();
     switch (j.key) {
       case "ArrowRight":
         j.preventDefault();
         {
-          let $ = D + 1, P = new Date(f, d, $);
+          let $ = R + 1, P = new Date(f, d, $);
           if ($ > L) {
             const G = d === 11 ? f + 1 : f, q = d === 11 ? 0 : d + 1;
             $ = 1, P = new Date(G, q, $), O(), setTimeout(() => {
@@ -4755,10 +4755,10 @@ function oo({
       case "ArrowLeft":
         j.preventDefault();
         {
-          let $ = D - 1, P = new Date(f, d, $);
+          let $ = R - 1, P = new Date(f, d, $);
           if ($ < 1) {
-            const G = d === 0 ? f - 1 : f, q = d === 0 ? 11 : d - 1, Y = M(G, q);
-            $ = Y, P = new Date(G, q, $), R(), setTimeout(() => {
+            const G = d === 0 ? f - 1 : f, q = d === 0 ? 11 : d - 1, Y = F(G, q);
+            $ = Y, P = new Date(G, q, $), D(), setTimeout(() => {
               E(Y, "backward");
             }, 0);
             return;
@@ -4769,10 +4769,10 @@ function oo({
       case "ArrowUp":
         j.preventDefault();
         {
-          let $ = D - 7, P = new Date(f, d, $);
+          let $ = R - 7, P = new Date(f, d, $);
           if ($ < 1) {
             const G = d === 0 ? f - 1 : f, q = d === 0 ? 11 : d - 1;
-            $ = M(G, q) + $, P = new Date(G, q, $), R(), setTimeout(() => {
+            $ = F(G, q) + $, P = new Date(G, q, $), D(), setTimeout(() => {
               E($, "backward");
             }, 0);
             return;
@@ -4783,7 +4783,7 @@ function oo({
       case "ArrowDown":
         j.preventDefault();
         {
-          let $ = D + 7, P = new Date(f, d, $);
+          let $ = R + 7, P = new Date(f, d, $);
           if ($ > L) {
             const G = d === 11 ? f + 1 : f, q = d === 11 ? 0 : d + 1;
             $ = $ - L, P = new Date(G, q, $), O(), setTimeout(() => {
@@ -4801,20 +4801,20 @@ function oo({
         j.preventDefault(), E(L, "backward");
         break;
       case "PageUp":
-        j.preventDefault(), R(), setTimeout(() => {
-          const $ = M(
+        j.preventDefault(), D(), setTimeout(() => {
+          const $ = F(
             d === 0 ? f - 1 : f,
             d === 0 ? 11 : d - 1
-          ), P = Math.min(D, $);
+          ), P = Math.min(R, $);
           E(P, "forward");
         }, 0);
         break;
       case "PageDown":
         j.preventDefault(), O(), setTimeout(() => {
-          const $ = M(
+          const $ = F(
             d === 11 ? f + 1 : f,
             d === 11 ? 0 : d + 1
-          ), P = Math.min(D, $);
+          ), P = Math.min(R, $);
           E(P, "forward");
         }, 0);
         break;
@@ -4828,11 +4828,11 @@ function oo({
         break;
     }
   }, E = (j, m) => {
-    const S = M(f, d);
+    const S = F(f, d);
     if (m === "forward") {
       for (let L = j; L <= S; L++) {
-        const D = new Date(f, d, L);
-        if (!T(D)) {
+        const R = new Date(f, d, L);
+        if (!T(R)) {
           k(L);
           return;
         }
@@ -4848,18 +4848,18 @@ function oo({
           return;
         }
       }
-      const L = d === 0 ? f - 1 : f, D = d === 0 ? 11 : d - 1, $ = M(L, D);
-      R(), setTimeout(() => {
+      const L = d === 0 ? f - 1 : f, R = d === 0 ? 11 : d - 1, $ = F(L, R);
+      D(), setTimeout(() => {
         E($, "backward");
       }, 0);
     }
   }, I = (() => {
-    const j = M(f, d), m = W(f, d), S = [];
+    const j = F(f, d), m = W(f, d), S = [];
     for (let L = 0; L < m; L++)
       S.push(null);
     for (let L = 1; L <= j; L++) {
-      const D = new Date(f, d, L);
-      S.push(D);
+      const R = new Date(f, d, L);
+      S.push(R);
     }
     return S;
   })(), V = [];
@@ -4913,7 +4913,7 @@ function oo({
               /* @__PURE__ */ p.jsx(
                 me,
                 {
-                  onClick: R,
+                  onClick: D,
                   ariaLabel: o(qt.PREVIOUS_MONTH),
                   optionalDisplayValue: "<",
                   appearance: "ghost",
@@ -4962,7 +4962,7 @@ function oo({
                 j.value
               )) }) }),
               /* @__PURE__ */ p.jsx("tbody", { children: V.map((j, m) => /* @__PURE__ */ p.jsx("tr", { children: j.map((S, L) => {
-                const D = m * 7 + L;
+                const R = m * 7 + L;
                 if (S === null)
                   return /* @__PURE__ */ p.jsx(
                     "td",
@@ -4984,12 +4984,12 @@ function oo({
                     "aria-selected": P,
                     tabIndex: G ? 0 : -1,
                     onClick: () => y(S),
-                    onKeyDown: (Y) => C(Y, D),
+                    onKeyDown: (Y) => C(Y, R),
                     "aria-label": `${S.getDate()} ${_[S.getMonth()]} ${S.getFullYear()}`,
                     "data-selected": P,
                     "aria-disabled": q,
                     ref: (Y) => {
-                      v.current[D] = Y;
+                      v.current[R] = Y;
                     },
                     className: X.td(
                       $,
@@ -5078,12 +5078,12 @@ const sr = ({
   }, [t, v, x]);
   const T = () => c((k) => !k), y = () => {
     O(f);
-  }, R = (k) => {
+  }, D = (k) => {
     O(k), w();
   }, O = (k) => {
     const { isoDate: C, isValid: E } = x(k);
     r && r(E && C || k);
-  }, M = (k) => {
+  }, F = (k) => {
     g(k);
   }, W = (k) => {
     k.key === "Enter" && (k.preventDefault(), O(f));
@@ -5096,7 +5096,7 @@ const sr = ({
         bindValue: f,
         placeholder: e,
         onBlur: y,
-        onChange: M,
+        onChange: F,
         onKeyDown: W,
         shapeIcon: "calendar",
         onShapeIconClick: T,
@@ -5111,7 +5111,7 @@ const sr = ({
       oo,
       {
         disabledDateRanges: n,
-        onDateChange: R,
+        onDateChange: D,
         initialValue: er(d) && d || "",
         targetRef: b
       }
@@ -5295,30 +5295,30 @@ const Pe = (t, e, r) => ({
       useGrouping: !0
     }).format(A),
     [f]
-  ), w = oe(Ks, [g, h]), v = oe(Gs, [t, e]), _ = o != null && o.toString().includes(".") ? o.toString().split(".")[1].length : 0, [x, T] = H(_), [y, R] = H(
+  ), w = oe(Ks, [g, h]), v = oe(Gs, [t, e]), _ = o != null && o.toString().includes(".") ? o.toString().split(".")[1].length : 0, [x, T] = H(_), [y, D] = H(
     o != null ? b(o, x) : ""
   ), O = ue(o ?? null);
   re(() => {
     if (o == null) {
-      R(""), O.current = null;
+      D(""), O.current = null;
       return;
     }
     const A = o.toString().includes(".") ? o.toString().split(".")[1].length : 0, I = A === 0 ? x : A;
-    I !== x && T(I), R(b(o, I)), O.current = o;
+    I !== x && T(I), D(b(o, I)), O.current = o;
   }, [o, b]);
-  const M = oe(
+  const F = oe(
     (A, I = !1) => {
       if (A.trim() === "") {
-        R(""), O.current = null, a?.(void 0, ""), I && i?.(void 0);
+        D(""), O.current = null, a?.(void 0, ""), I && i?.(void 0);
         return;
       }
       const V = w(A, g, h);
       if (isNaN(V))
         if (O.current != null) {
           const U = b(O.current, x);
-          R(U);
+          D(U);
         } else
-          R("");
+          D("");
       else {
         const U = v(V, t, e), X = zs(
           A,
@@ -5327,7 +5327,7 @@ const Pe = (t, e, r) => ({
         );
         T(X);
         const N = b(U, X);
-        R(N), O.current = U, a?.(U, N), I && i?.(U);
+        D(N), O.current = U, a?.(U, N), I && i?.(U);
       }
     },
     [
@@ -5342,21 +5342,21 @@ const Pe = (t, e, r) => ({
       i,
       x
     ]
-  ), W = (A) => R(A), k = () => M(y), C = (A) => {
+  ), W = (A) => D(A), k = () => F(y), C = (A) => {
     if (A.key === "Enter") {
-      A.preventDefault(), M(y, !0);
+      A.preventDefault(), F(y, !0);
       return;
     }
     if (A.key === "ArrowUp" || A.key === "ArrowDown") {
       A.preventDefault();
       const I = A.key === "ArrowUp" ? 1 : -1, V = O.current ?? 0, U = v(V + I * r, t, e);
-      M(b(U, x));
+      F(b(U, x));
     }
   }, E = (A) => {
     if (!A.currentTarget.contains(document.activeElement)) return;
     A.preventDefault();
     const I = A.deltaY < 0 ? 1 : -1, V = O.current ?? 0, U = v(V + I * r, t, e);
-    M(b(U, x));
+    F(b(U, x));
   };
   return /* @__PURE__ */ p.jsx("div", { ref: u, "data-component": "input-number", onWheel: E, children: l ? /* @__PURE__ */ p.jsx(
     sr,
@@ -5437,52 +5437,62 @@ const uo = ({
   state: s,
   appearance: o,
   isEditable: a,
-  label: i,
-  ariaLabel: l,
-  helperText: c,
-  style: d,
-  error: u,
-  onBlur: f,
-  onKeyDown: g,
-  rows: h = 10,
-  cols: b = 35,
-  ...w
+  inputRef: i,
+  label: l,
+  ariaLabel: c,
+  helperText: d,
+  style: u,
+  error: f,
+  onBlur: g,
+  onKeyDown: h,
+  rows: b = 10,
+  cols: w = 35,
+  ...v
 }) => {
-  const v = ke(), _ = `${v}-helper`, x = u ? "danger" : s, T = c || !!u, y = (O) => {
-    r?.(O.target.value);
-  }, R = {
+  const _ = ke(), x = `${_}-helper`, T = f ? "danger" : s, y = d || !!f, D = (F) => {
+    r?.(F.target.value);
+  }, O = {
     wrapper: "smp-textarea-wrapper",
-    container: `smp-textarea ${t ? "smp-textarea-disabled" : ""} ${n ? "smp-textarea-placeholder" : ""} ${x ? `smp-textarea-${x}` : ""} ${o ? `smp-textarea-${o}` : ""} ${a ? "" : "smp-textarea-readOnly"}`
+    container: `smp-textarea ${t ? "smp-textarea-disabled" : ""} ${n ? "smp-textarea-placeholder" : ""} ${T ? `smp-textarea-${T}` : ""} ${o ? `smp-textarea-${o}` : ""} ${a ? "" : "smp-textarea-readOnly"}`
   };
-  return /* @__PURE__ */ p.jsxs("div", { className: R.wrapper, "data-component": "textarea", children: [
-    i && /* @__PURE__ */ p.jsx(Le, { htmlFor: v, label: i, disabled: t, helper: w.helper }),
+  return /* @__PURE__ */ p.jsxs("div", { className: O.wrapper, "data-component": "textarea", children: [
+    l && /* @__PURE__ */ p.jsx(
+      Le,
+      {
+        htmlFor: _,
+        label: l,
+        disabled: t,
+        helper: v.helper
+      }
+    ),
     /* @__PURE__ */ p.jsx(
       "textarea",
       {
-        id: v,
+        id: _,
         value: e,
         placeholder: n,
-        onChange: y,
-        onBlur: f,
-        className: R.container,
+        onChange: D,
+        onBlur: g,
+        className: O.container,
         disabled: t,
         readOnly: !a,
-        onKeyDown: g,
-        style: d,
-        "aria-label": i ? void 0 : l,
-        "aria-labelledby": i ? v : void 0,
-        "aria-describedby": T ? _ : void 0,
-        rows: h,
-        cols: b
+        onKeyDown: h,
+        style: u,
+        "aria-label": l ? void 0 : c,
+        "aria-labelledby": l ? _ : void 0,
+        "aria-describedby": y ? x : void 0,
+        rows: b,
+        cols: w,
+        ref: i
       }
     ),
-    T && /* @__PURE__ */ p.jsx(
+    y && /* @__PURE__ */ p.jsx(
       Xt,
       {
-        id: _,
-        helperText: u,
+        id: x,
+        helperText: f,
         disabled: t,
-        state: x
+        state: T
       }
     )
   ] });
@@ -5525,7 +5535,7 @@ const Ue = {
   }, T = ke();
   return /* @__PURE__ */ p.jsxs("div", { "smp-id": "radio-container", className: v.container, id: u, children: [
     i && /* @__PURE__ */ p.jsx(Le, { label: i, disabled: t, htmlFor: u, helper: l.helper }),
-    /* @__PURE__ */ p.jsx("div", { className: v.optionsContainer, style: w, children: c?.map((y, R) => /* @__PURE__ */ p.jsxs("label", { className: v.option, children: [
+    /* @__PURE__ */ p.jsx("div", { className: v.optionsContainer, style: w, children: c?.map((y, D) => /* @__PURE__ */ p.jsxs("label", { className: v.option, children: [
       /* @__PURE__ */ p.jsx(
         "input",
         {
@@ -5549,7 +5559,7 @@ const Ue = {
           )
         }
       )
-    ] }, R)) })
+    ] }, D)) })
   ] });
 }, po = ({
   value: t,
@@ -5626,11 +5636,11 @@ const Ue = {
     i(!1), o?.current?.focus();
   }, []);
   nt([g, f], a, () => i(!1)), nr(a, g), re(() => {
-    const y = t || "", R = Hr(y) ? y : t || "";
-    c(y), u(R);
+    const y = t || "", D = Hr(y) ? y : t || "";
+    c(y), u(D);
   }, [t]), re(() => {
-    const y = (R) => {
-      R.key === "Escape" && i(!1);
+    const y = (D) => {
+      D.key === "Escape" && i(!1);
     };
     return a && document.addEventListener("keydown", y), () => {
       document.removeEventListener("keydown", y);
@@ -5640,9 +5650,9 @@ const Ue = {
     n && i((y) => !y);
   }, w = (y) => {
     u(y);
-  }, v = (y, R, O) => {
-    const M = mo(y, R, O);
-    c(M), u(M), r?.(M), h();
+  }, v = (y, D, O) => {
+    const F = mo(y, D, O);
+    c(F), u(F), r?.(F), h();
   }, _ = () => {
     T(d);
   }, x = (y) => {
@@ -5841,14 +5851,14 @@ const Ce = {
       icon: f ? "arrow_drop_right" : "arrow_drop_down",
       width: 16
     }
-  ) }), R = (C, E) => /* @__PURE__ */ p.jsx("span", { className: x.toggle, children: /* @__PURE__ */ p.jsx(le, { icon: C, placeholderIcon: E, width: 16 }) }), O = () => /* @__PURE__ */ p.jsx(
+  ) }), D = (C, E) => /* @__PURE__ */ p.jsx("span", { className: x.toggle, children: /* @__PURE__ */ p.jsx(le, { icon: C, placeholderIcon: E, width: 16 }) }), O = () => /* @__PURE__ */ p.jsx(
     "span",
     {
       className: x.indent,
       style: { width: `${v}px` },
       "aria-hidden": "true"
     }
-  ), M = () => {
+  ), F = () => {
     if (l)
       return /* @__PURE__ */ p.jsx(
         tr,
@@ -5885,7 +5895,7 @@ const Ce = {
                 minWidth: 40,
                 justifyContent: "center"
               },
-              children: M()
+              children: F()
             }
           ),
           We(t) && /* @__PURE__ */ p.jsxs(
@@ -5899,7 +5909,7 @@ const Ce = {
               children: [
                 O(),
                 y(),
-                t.icon && R(t.icon, t.placeholderIcon),
+                t.icon && D(t.icon, t.placeholderIcon),
                 /* @__PURE__ */ p.jsx("span", { className: x.nodeLabel, children: C })
               ]
             }
@@ -5997,7 +6007,7 @@ const Ce = {
   onContextMenu: x,
   isEditable: T,
   dSep: y = ".",
-  value: R
+  value: D
 }) => {
   const O = {
     obj: {
@@ -6010,7 +6020,7 @@ const Ce = {
     fun: a,
     data: s,
     style: g
-  }, M = () => ls(O.obj) ? "INR" : Rr(O.obj) ? "CAL" : r, W = O.data && O.data.size && O.data.size >= 256 && (M() === "ITX" || !M()) ? "MEM" : M(), k = e || R, C = {
+  }, F = () => ls(O.obj) ? "INR" : Rr(O.obj) ? "CAL" : r, W = O.data && O.data.size && O.data.size >= 256 && (F() === "ITX" || !F()) ? "MEM" : F(), k = e || D, C = {
     id: t,
     onBlur: v,
     onOptionsRequest: _,
@@ -6310,140 +6320,6 @@ const Ce = {
     t && o(a(t));
   }, [t, a]), !t?.rows?.length || !t.columns?.length ? null : s && /* @__PURE__ */ p.jsx("header", { className: "smp-appbar", "aria-label": "App Bar", children: /* @__PURE__ */ p.jsx(bt, { layout: t.rows[0].layout, children: Object.values(s).map((i) => /* @__PURE__ */ p.jsx(Fe, { ...i })) }) });
 }, Xo = ({
-  data: t,
-  logo: e,
-  open: r,
-  minifiedOnClose: n = !0,
-  customHeight: s = "100vh",
-  onClick: o,
-  onEnter: a,
-  onClose: i,
-  loadOptions: l,
-  onContextMenu: c
-}) => {
-  const [d, u] = H(), [f, g] = H(r ?? !0), h = ue(null), b = s.trim() ? s : "100vh", w = oe(
-    (T) => {
-      if (!T?.rows?.length || !T?.columns?.length)
-        return {};
-      const y = T.rows[0];
-      return T.columns.filter((R) => R.visible ?? !0).reduce((R, O) => {
-        const M = y.cells[O.name];
-        if (!M || !f && de(n) && M.shape !== te.BUTTON && M.shape !== te.BUTTON_LIST)
-          return R;
-        const W = {
-          ...M,
-          id: O.name,
-          onOptionsRequest: l,
-          onChange: (k) => {
-            u((C) => {
-              const E = { ...C };
-              return E?.[O.name] && (E[O.name].obj.k = k.obj.k), E;
-            });
-          },
-          onClick: (k) => {
-            k.fun && o && o(k);
-          },
-          onEnter: (k) => {
-            a && a(k);
-          },
-          onContextMenu: (k, C) => {
-            c && c(k, C);
-          }
-        };
-        return !f && de(n) && (W.data = {
-          ...W.data,
-          showText: !1,
-          justify: "center",
-          squared: !0
-        }), {
-          ...R,
-          [O.name]: W
-        };
-      }, {});
-    },
-    [f, n, o, a, l, c]
-  ), v = oe(() => {
-    i?.();
-  }, [i]), _ = () => {
-    de(n) ? g((T) => !T) : (g(!1), i?.());
-  };
-  if (re(() => {
-    u(w(t));
-  }, [t]), re(() => {
-    if (!h.current)
-      return;
-    if (!de(n)) {
-      u(w(t));
-      return;
-    }
-    const T = getComputedStyle(h.current).getPropertyValue(
-      "--smp-drawer-slide-transition"
-    );
-    let y = Number(T);
-    T.endsWith("ms") ? y = parseFloat(T) : T.endsWith("s") && (y = parseFloat(T) * 1e3), setTimeout(() => {
-      u(w(t));
-    }, y / 2);
-  }, [f, n]), re(() => {
-    r !== void 0 && !de(n) && g(r);
-  }, [n, r]), !t?.rows?.length || !t.columns?.length)
-    return null;
-  const x = {
-    drawer: `smp-drawer ${de(n) ? "smp-drawer-minified" : "smp-drawer-fixed"} ${f ? "smp-drawer-open" : ""}  ${!de(n) && !f ? "smp-drawer-no-border" : ""}`,
-    container: "smp-drawer-container",
-    containerHeader: "smp-drawer-container-header",
-    containerIcon: `${f ? "" : "smp-drawer-container-icon-close"} smp-drawer-container-icon`,
-    containerLayout: "smp-drawer-container-layout",
-    containerLogo: "smp-drawer-container-logo",
-    backdrop: `smp-drawer-backdrop ${f ? "smp-drawer-backdrop-open" : ""}`
-  };
-  return d && /* @__PURE__ */ p.jsxs(p.Fragment, { children: [
-    !de(n) && /* @__PURE__ */ p.jsx(
-      "div",
-      {
-        "aria-hidden": "true",
-        "aria-label": "drawer-backdrop",
-        className: x.backdrop,
-        onClick: v
-      }
-    ),
-    /* @__PURE__ */ p.jsx(
-      "aside",
-      {
-        ref: h,
-        className: x.drawer,
-        style: { height: b },
-        "aria-label": "Drawer",
-        "smp-id": "drawer",
-        children: /* @__PURE__ */ p.jsxs("div", { className: x.container, children: [
-          /* @__PURE__ */ p.jsxs("div", { className: x.containerHeader, children: [
-            e && /* @__PURE__ */ p.jsx("div", { className: x.containerLogo, children: /* @__PURE__ */ p.jsx(
-              le,
-              {
-                icon: e,
-                title: "drawer_logo",
-                width: "100%",
-                height: 24
-              }
-            ) }),
-            /* @__PURE__ */ p.jsx("div", { className: x.containerIcon, children: /* @__PURE__ */ p.jsx(
-              le,
-              {
-                icon: de(n) ? "menu_close" : "close",
-                title: "drawer_icon",
-                rotated: !f,
-                isInteractable: !0,
-                onClick: _,
-                width: 20,
-                height: 20
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ p.jsx("div", { className: x.containerLayout, children: /* @__PURE__ */ p.jsx(bt, { layout: t.rows[0].layout, children: Object.values(d).map((T) => /* @__PURE__ */ p.jsx(Fe, { ...T })) }) })
-        ] })
-      }
-    )
-  ] });
-}, Qo = ({
   ColumnsNumber: t = 1,
   data: e = {},
   ForceText: r,
@@ -6465,7 +6341,7 @@ const Ce = {
   SelectLayout: _ = "1",
   onClick: x
 }) => {
-  const T = "N/A", y = e?.columns || [], R = e?.rows || [], O = R.length > 0, M = "--smp-dashList-color", W = "smp-layout", k = "descr", C = "icon", E = "um", A = "value", I = a || "1em", V = "18px", U = "--smp-dashList-columns", X = "--smp-dashList-fontSize", N = {
+  const T = "N/A", y = e?.columns || [], D = e?.rows || [], O = D.length > 0, F = "--smp-dashList-color", W = "smp-layout", k = "descr", C = "icon", E = "um", A = "value", I = a || "1em", V = "18px", U = "--smp-dashList-columns", X = "--smp-dashList-fontSize", N = {
     dash: (z = "1") => {
       const ee = m(z), B = ee, J = S(ee, k), ce = S(ee, C), he = S(ee, E), ie = S(ee, A);
       return {
@@ -6478,7 +6354,7 @@ const Ce = {
     },
     dashList: `smp-dash-list ${de(o) ? "smp-dash-list-fill-space" : ""}
     ${de(i) ? "smp-dash-list-horizontal" : ""}`
-  }, { format: j } = Re(), m = (z) => `${W}-${z}`, S = (z, ee) => `${z}__${ee}`, L = (z) => `${M}-${z}`, D = (z) => {
+  }, { format: j } = Re(), m = (z) => `${W}-${z}`, S = (z, ee) => `${z}__${ee}`, L = (z) => `${F}-${z}`, R = (z) => {
     const ee = /R(\d{1,3})G(\d{1,3})B(\d{1,3})/;
     if (ee.test(z)) {
       const J = z.match(ee) || [];
@@ -6531,9 +6407,9 @@ const Ce = {
     };
   })(_), ae = (z) => {
     const { descr: ee, icon: B, um: J, value: ce } = G(z), he = {
-      [L(k)]: D(s),
-      [L(E)]: D(h),
-      [L(A)]: D(v)
+      [L(k)]: R(s),
+      [L(E)]: R(h),
+      [L(A)]: R(v)
     }, ie = [], we = $(ce);
     switch (_) {
       case "2":
@@ -6560,11 +6436,11 @@ const Ce = {
       },
       z.rowId
     );
-  }, F = {
+  }, M = {
     [U]: String(t),
     [X]: I
   };
-  return /* @__PURE__ */ p.jsx("div", { className: N.dashList, style: F, children: O ? R.map((z) => ae(z)) : T });
+  return /* @__PURE__ */ p.jsx("div", { className: N.dashList, style: M, children: O ? D.map((z) => ae(z)) : T });
 }, hn = {
   "smp-table": "_smp-table_v715o_1"
 };
@@ -7383,9 +7259,9 @@ const Ye = {
   onGroupDrop: x,
   onGroupDragOver: T,
   onMouseDown: y,
-  onToggleAllRows: R,
+  onToggleAllRows: D,
   onSort: O,
-  onDragStart: M,
+  onDragStart: F,
   onDragOver: W,
   onDrop: k
 }) => {
@@ -7465,7 +7341,7 @@ const Ye = {
             tr,
             {
               bindValue: u,
-              onChange: R
+              onChange: D
             }
           )
         }
@@ -7480,7 +7356,7 @@ const Ye = {
             onKeyDown: (m) => {
               (m.key === "Enter" || m.key === " ") && (m.preventDefault(), O(j.name));
             },
-            onDragStart: () => M(j.name),
+            onDragStart: () => F(j.name),
             onDragOver: W,
             onDrop: () => k(j.name),
             className: N.headerCell,
@@ -7563,7 +7439,7 @@ const Ye = {
       )
     ] })
   ] });
-}, Zo = ({
+}, Qo = ({
   data: t,
   lineHeight: e = 28,
   TableHeight: r = 400,
@@ -7580,7 +7456,7 @@ const Ye = {
   const [f, g] = H(() => t ? {
     columns: l ? Bo(t, Uo(l)) : t.columns,
     rows: t.rows ?? []
-  } : { columns: [], rows: [] }), [h, b] = H(n || []), [w, v] = H(/* @__PURE__ */ new Set()), [_, x] = H(!1), [T, y] = H(/* @__PURE__ */ new Set()), [R, O] = H(null), M = Qe(() => To(t?.columns || []), [t?.columns]), [W, k] = H(() => Kr(a, M)), C = ue(null), [E, A] = Co({
+  } : { columns: [], rows: [] }), [h, b] = H(n || []), [w, v] = H(/* @__PURE__ */ new Set()), [_, x] = H(!1), [T, y] = H(/* @__PURE__ */ new Set()), [D, O] = H(null), F = Qe(() => To(t?.columns || []), [t?.columns]), [W, k] = H(() => Kr(a, F)), C = ue(null), [E, A] = Co({
     columns: f?.columns ?? [],
     rows: f?.rows ?? [],
     containerRef: C,
@@ -7594,7 +7470,7 @@ const Ye = {
   }, [T, f.rows]), { sortBy: N, sortOrder: j, handleSort: m } = Fo({
     ...f,
     rows: f.rows
-  }), { virtualItems: S, containerProps: L, innerProps: D } = on({
+  }), { virtualItems: S, containerProps: L, innerProps: R } = on({
     items: f?.rows ?? [],
     itemHeight: e,
     containerHeight: r,
@@ -7640,8 +7516,8 @@ const Ye = {
   const $ = oe((B) => {
     k(B);
   }, []), P = oe(() => {
-    k(Kr(a, M));
-  }, [a, M]), G = oe(() => {
+    k(Kr(a, F));
+  }, [a, F]), G = oe(() => {
     x((B) => !B);
   }, []), q = oe((B) => {
     O((J) => J === B ? null : B);
@@ -7667,14 +7543,14 @@ const Ye = {
       window.removeEventListener("mousemove", ie), window.removeEventListener("mouseup", we);
     };
     window.addEventListener("mousemove", ie), window.addEventListener("mouseup", we);
-  }, F = (B) => {
+  }, M = (B) => {
     y((J) => {
       const ce = new Set(J);
       return B.every((ie) => ce.has(ie)) ? B.forEach((ie) => ce.delete(ie)) : B.forEach((ie) => ce.add(ie)), ce;
     });
   }, z = () => {
     const B = f.rows.map((J, ce) => ce);
-    F(B);
+    M(B);
   }, ee = {
     smpTable: `${hn["smp-table"]}`
   };
@@ -7694,9 +7570,9 @@ const Ye = {
             groupState: h,
             showGroupBar: de(o),
             showFilter: _,
-            filterColumn: R,
+            filterColumn: D,
             activeFilters: W,
-            fieldOptions: M,
+            fieldOptions: F,
             Filter: a,
             enableSelection: de(i),
             allVisibleRowsSelected: X,
@@ -7717,7 +7593,7 @@ const Ye = {
             onDrop: U
           }
         ),
-        /* @__PURE__ */ p.jsx("tbody", { ...D, children: S.map(({ item: B, index: J, offsetTop: ce }) => {
+        /* @__PURE__ */ p.jsx("tbody", { ...R, children: S.map(({ item: B, index: J, offsetTop: ce }) => {
           const he = B.id || B.value || `${B.isGroup ? "group" : "row"}-${J}`;
           return B.isGroup ? /* @__PURE__ */ p.jsx(
             Vo,
@@ -7745,7 +7621,7 @@ const Ye = {
               enableSelection: de(i),
               isSelected: T.has(J),
               onToggleSelect: () => {
-                F([J]);
+                M([J]);
               },
               onRowClick: c,
               onContextMenu: u
@@ -7757,6 +7633,140 @@ const Ye = {
       ] })
     }
   );
+}, Zo = ({
+  data: t,
+  logo: e,
+  open: r,
+  minifiedOnClose: n = !0,
+  customHeight: s = "100vh",
+  onClick: o,
+  onEnter: a,
+  onClose: i,
+  loadOptions: l,
+  onContextMenu: c
+}) => {
+  const [d, u] = H(), [f, g] = H(r ?? !0), h = ue(null), b = s.trim() ? s : "100vh", w = oe(
+    (T) => {
+      if (!T?.rows?.length || !T?.columns?.length)
+        return {};
+      const y = T.rows[0];
+      return T.columns.filter((D) => D.visible ?? !0).reduce((D, O) => {
+        const F = y.cells[O.name];
+        if (!F || !f && de(n) && F.shape !== te.BUTTON && F.shape !== te.BUTTON_LIST)
+          return D;
+        const W = {
+          ...F,
+          id: O.name,
+          onOptionsRequest: l,
+          onChange: (k) => {
+            u((C) => {
+              const E = { ...C };
+              return E?.[O.name] && (E[O.name].obj.k = k.obj.k), E;
+            });
+          },
+          onClick: (k) => {
+            k.fun && o && o(k);
+          },
+          onEnter: (k) => {
+            a && a(k);
+          },
+          onContextMenu: (k, C) => {
+            c && c(k, C);
+          }
+        };
+        return !f && de(n) && (W.data = {
+          ...W.data,
+          showText: !1,
+          justify: "center",
+          squared: !0
+        }), {
+          ...D,
+          [O.name]: W
+        };
+      }, {});
+    },
+    [f, n, o, a, l, c]
+  ), v = oe(() => {
+    i?.();
+  }, [i]), _ = () => {
+    de(n) ? g((T) => !T) : (g(!1), i?.());
+  };
+  if (re(() => {
+    u(w(t));
+  }, [t]), re(() => {
+    if (!h.current)
+      return;
+    if (!de(n)) {
+      u(w(t));
+      return;
+    }
+    const T = getComputedStyle(h.current).getPropertyValue(
+      "--smp-drawer-slide-transition"
+    );
+    let y = Number(T);
+    T.endsWith("ms") ? y = parseFloat(T) : T.endsWith("s") && (y = parseFloat(T) * 1e3), setTimeout(() => {
+      u(w(t));
+    }, y / 2);
+  }, [f, n]), re(() => {
+    r !== void 0 && !de(n) && g(r);
+  }, [n, r]), !t?.rows?.length || !t.columns?.length)
+    return null;
+  const x = {
+    drawer: `smp-drawer ${de(n) ? "smp-drawer-minified" : "smp-drawer-fixed"} ${f ? "smp-drawer-open" : ""}  ${!de(n) && !f ? "smp-drawer-no-border" : ""}`,
+    container: "smp-drawer-container",
+    containerHeader: "smp-drawer-container-header",
+    containerIcon: `${f ? "" : "smp-drawer-container-icon-close"} smp-drawer-container-icon`,
+    containerLayout: "smp-drawer-container-layout",
+    containerLogo: "smp-drawer-container-logo",
+    backdrop: `smp-drawer-backdrop ${f ? "smp-drawer-backdrop-open" : ""}`
+  };
+  return d && /* @__PURE__ */ p.jsxs(p.Fragment, { children: [
+    !de(n) && /* @__PURE__ */ p.jsx(
+      "div",
+      {
+        "aria-hidden": "true",
+        "aria-label": "drawer-backdrop",
+        className: x.backdrop,
+        onClick: v
+      }
+    ),
+    /* @__PURE__ */ p.jsx(
+      "aside",
+      {
+        ref: h,
+        className: x.drawer,
+        style: { height: b },
+        "aria-label": "Drawer",
+        "smp-id": "drawer",
+        children: /* @__PURE__ */ p.jsxs("div", { className: x.container, children: [
+          /* @__PURE__ */ p.jsxs("div", { className: x.containerHeader, children: [
+            e && /* @__PURE__ */ p.jsx("div", { className: x.containerLogo, children: /* @__PURE__ */ p.jsx(
+              le,
+              {
+                icon: e,
+                title: "drawer_logo",
+                width: "100%",
+                height: 24
+              }
+            ) }),
+            /* @__PURE__ */ p.jsx("div", { className: x.containerIcon, children: /* @__PURE__ */ p.jsx(
+              le,
+              {
+                icon: de(n) ? "menu_close" : "close",
+                title: "drawer_icon",
+                rotated: !f,
+                isInteractable: !0,
+                onClick: _,
+                width: 20,
+                height: 20
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ p.jsx("div", { className: x.containerLayout, children: /* @__PURE__ */ p.jsx(bt, { layout: t.rows[0].layout, children: Object.values(d).map((T) => /* @__PURE__ */ p.jsx(Fe, { ...T })) }) })
+        ] })
+      }
+    )
+  ] });
 }, ea = ({
   data: t,
   Type: e,
@@ -7879,7 +7889,7 @@ const Ye = {
     const C = T.current;
     if (!C) return;
     const E = (A) => {
-      R(A.detail.id);
+      D(A.detail.id);
     };
     return C.addEventListener(
       Xr,
@@ -7927,7 +7937,7 @@ const Ye = {
       );
       A < b.current.length - 1 && b.current[A + 1].focus();
     }
-  }, R = (C) => {
+  }, D = (C) => {
     const E = Pt(t, w);
     c({
       value: E,
@@ -7948,7 +7958,7 @@ const Ye = {
       },
       fun: E || ""
     });
-  }, M = async (C) => {
+  }, F = async (C) => {
     if (w[C].obj.k != t.rows[0].cells[C].obj.k && (w[C].inputSettings?.checkObject && u && ((await u({
       obj: w[C].obj,
       fun: w[C].fun,
@@ -7980,7 +7990,7 @@ const Ye = {
       id: `command-${E}`,
       key: `command-${E}`,
       shape: te.BUTTON,
-      onClick: () => R(C.obj.k)
+      onClick: () => D(C.obj.k)
     }
   )) || [];
   n || W.unshift(
@@ -8015,7 +8025,7 @@ const Ye = {
       className: k.smpForm,
       id: e || x,
       onSubmit: (C) => {
-        C.preventDefault(), R();
+        C.preventDefault(), D();
       },
       ref: T,
       role: "form",
@@ -8026,7 +8036,7 @@ const Ye = {
             ...C,
             onOptionsRequest: C.fun ? async (E, A) => await l(E, A, t, C.id) : void 0,
             onChange: (E) => y(C.id, E),
-            onBlur: () => M(C.id),
+            onBlur: () => F(C.id),
             onContextMenu: f,
             onClick: () => {
               (C.shape == "BTN" || C.shape == "CFM") && O(C.id, C.fun);
@@ -8065,17 +8075,19 @@ export {
   me as Button,
   ro as ButtonList,
   tr as Checkbox,
+  rr as Chips,
   Ht as Combobox,
-  Qo as DashList,
-  Zo as DataTableComponent,
+  Xo as DashList,
+  Qo as DataTableComponent,
   dn as DatePicker,
-  Xo as Drawer,
+  Zo as Drawer,
   ea as Field,
   Xr as INPUT_PANEL_COMMAND_SUBMIT_EVENT_NAME,
   le as Icon,
   ta as InputPanel,
   io as Password,
   is as TabBar,
+  uo as Textarea,
   _e as Textfield,
   Ko as configurePaths
 };