chop-logic-components 1.2.1 → 1.2.4

package/dist/{index-BJE2oTC4.js → index-CKPbuOHV.js}

@@ -15,11 +15,11 @@ function uo() {
   if (Sr) return tt;
   Sr = 1;
   var e = fe, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function a(d, c, f) {
+  function a(d, l, f) {
     var u, h = {}, g = null, m = null;
-    f !== void 0 && (g = "" + f), c.key !== void 0 && (g = "" + c.key), c.ref !== void 0 && (m = c.ref);
-    for (u in c) n.call(c, u) && !i.hasOwnProperty(u) && (h[u] = c[u]);
-    if (d && d.defaultProps) for (u in c = d.defaultProps, c) h[u] === void 0 && (h[u] = c[u]);
+    f !== void 0 && (g = "" + f), l.key !== void 0 && (g = "" + l.key), l.ref !== void 0 && (m = l.ref);
+    for (u in l) n.call(l, u) && !i.hasOwnProperty(u) && (h[u] = l[u]);
+    if (d && d.defaultProps) for (u in l = d.defaultProps, l) h[u] === void 0 && (h[u] = l[u]);
     return { $$typeof: t, type: d, key: g, ref: m, props: h, _owner: o.current };
   }
   return tt.Fragment = r, tt.jsx = a, tt.jsxs = a, tt;
@@ -37,7 +37,7 @@ var rt = {};
 var kr;
 function fo() {
   return kr || (kr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = fe, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), d = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), y = Symbol.iterator, $ = "@@iterator";
+    var e = fe, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), d = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), y = Symbol.iterator, $ = "@@iterator";
     function C(s) {
       if (s === null || typeof s != "object")
         return null;
@@ -65,7 +65,7 @@ function fo() {
     var A = !1, _ = !1, I = !1, x = !1, W = !1, J;
     J = Symbol.for("react.module.reference");
     function pe(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === n || s === i || W || s === o || s === f || s === u || x || s === m || A || _ || I || typeof s == "object" && s !== null && (s.$$typeof === g || s.$$typeof === h || s.$$typeof === a || s.$$typeof === d || s.$$typeof === c || // This needs to include all possible module reference object
+      return !!(typeof s == "string" || typeof s == "function" || s === n || s === i || W || s === o || s === f || s === u || x || s === m || A || _ || I || typeof s == "object" && s !== null && (s.$$typeof === g || s.$$typeof === h || s.$$typeof === a || s.$$typeof === d || s.$$typeof === l || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -110,7 +110,7 @@ function fo() {
           case a:
             var b = s;
             return ge(b._context) + ".Provider";
-          case c:
+          case l:
             return me(s, s.render, "ForwardRef");
           case h:
             var S = s.displayName || null;
@@ -300,7 +300,7 @@ function fo() {
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
-          case c:
+          case l:
             return Dn(s.render);
           case h:
             return lt(s.type, p, b);
@@ -544,7 +544,7 @@ Check the top-level render call using <` + b + ">.");
         var b;
         if (typeof p == "function")
           b = p.propTypes;
-        else if (typeof p == "object" && (p.$$typeof === c || // Note: Memo only checks outer props here.
+        else if (typeof p == "object" && (p.$$typeof === l || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         p.$$typeof === h))
           b = p.propTypes;
@@ -629,7 +629,7 @@ React keys must be passed directly to JSX without using spread:
   }()), rt;
 }
 process.env.NODE_ENV === "production" ? Ut.exports = uo() : Ut.exports = fo();
-var l = Ut.exports, q = function() {
+var c = Ut.exports, q = function() {
   return q = Object.assign || function(t) {
     for (var r, n = 1, o = arguments.length; n < o; n++) {
       r = arguments[n];
@@ -806,7 +806,7 @@ function Eo(e) {
 function Io(e) {
   return So(yt("", null, null, null, [""], e = wo(e), 0, [0], e));
 }
-function yt(e, t, r, n, o, i, a, d, c) {
+function yt(e, t, r, n, o, i, a, d, l) {
   for (var f = 0, u = 0, h = a, g = 0, m = 0, y = 0, $ = 1, C = 1, w = 1, v = 0, E = "", A = o, _ = i, I = n, x = E; C; )
     switch (y = v, v = se()) {
       case 40:
@@ -832,7 +832,7 @@ function yt(e, t, r, n, o, i, a, d, c) {
         switch (_e()) {
           case 42:
           case 47:
-            nt(Ro(jo(se(), gt()), t, r, c), c);
+            nt(Ro(jo(se(), gt()), t, r, l), l);
             break;
           default:
             x += "/";
@@ -848,7 +848,7 @@ function yt(e, t, r, n, o, i, a, d, c) {
           case 125:
             C = 0;
           case 59 + u:
-            w == -1 && (x = R(x, /\f/g, "")), m > 0 && ae(x) - h && nt(m > 32 ? Er(x + ";", n, r, h - 1, c) : Er(R(x, " ", "") + ";", n, r, h - 2, c), c);
+            w == -1 && (x = R(x, /\f/g, "")), m > 0 && ae(x) - h && nt(m > 32 ? Er(x + ";", n, r, h - 1, l) : Er(R(x, " ", "") + ";", n, r, h - 2, l), l);
             break;
           case 59:
             x += ";";
@@ -895,11 +895,11 @@ function yt(e, t, r, n, o, i, a, d, c) {
     }
   return i;
 }
-function jr(e, t, r, n, o, i, a, d, c, f, u, h) {
+function jr(e, t, r, n, o, i, a, d, l, f, u, h) {
   for (var g = o - 1, m = o === 0 ? i : [""], y = Xr(m), $ = 0, C = 0, w = 0; $ < n; ++$)
     for (var v = 0, E = He(e, g + 1, g = Kr(C = a[$])), A = e; v < y; ++v)
-      (A = qr(C > 0 ? m[v] + " " + E : R(E, /&\f/g, m[v]))) && (c[w++] = A);
-  return Et(e, t, r, o === 0 ? Ct : d, c, f, u, h);
+      (A = qr(C > 0 ? m[v] + " " + E : R(E, /&\f/g, m[v]))) && (l[w++] = A);
+  return Et(e, t, r, o === 0 ? Ct : d, l, f, u, h);
 }
 function Ro(e, t, r, n) {
   return Et(e, t, r, Yr, tr($o()), He(e, 2, -2), 0, n);
@@ -1027,8 +1027,8 @@ function Zr(e, t, r) {
       break;
     case 5152:
     case 5920:
-      return R(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(n, o, i, a, d, c, f) {
-        return B + o + ":" + i + f + (a ? B + o + "-span:" + (d ? c : +c - +i) + f : "") + e;
+      return R(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(n, o, i, a, d, l, f) {
+        return B + o + ":" + i + f + (a ? B + o + "-span:" + (d ? l : +l - +i) + f : "") + e;
       });
     case 4949:
       if (U(e, t + 6) === 121)
@@ -1166,7 +1166,7 @@ To resolve this only create new StyledComponents outside of any render method an
     try {
       var i = !0;
       console.error = function(a) {
-        for (var d = [], c = 1; c < arguments.length; c++) d[c - 1] = arguments[c];
+        for (var d = [], l = 1; l < arguments.length; l++) d[l - 1] = arguments[l];
         Ir.test(a) ? (i = !1, ut.delete(n)) : o.apply(void 0, Ne([a], d, !1));
       }, Se(), i && !ut.has(n) && (console.warn(n), ut.add(n));
     } catch (a) {
@@ -1221,11 +1221,11 @@ function cn(e, t, r) {
     var o = Vo(t);
     Pr && (o = o.concat(Pr(t)));
     for (var i = Ar(e), a = Ar(t), d = 0; d < o.length; ++d) {
-      var c = o[d];
-      if (!(c in Go || r && r[c] || a && c in a || i && c in i)) {
-        var f = Ko(t, c);
+      var l = o[d];
+      if (!(l in Go || r && r[l] || a && l in a || i && l in i)) {
+        var f = Ko(t, l);
         try {
-          Yo(e, c, f);
+          Yo(e, l, f);
         } catch {
         }
       }
@@ -1325,7 +1325,7 @@ var Zo = function() {
       this.groupSizes = new Uint32Array(i), this.groupSizes.set(n), this.length = i;
       for (var a = o; a < i; a++) this.groupSizes[a] = 0;
     }
-    for (var d = this.indexOfGroup(t + 1), c = (a = 0, r.length); a < c; a++) this.tag.insertRule(d, r[a]) && (this.groupSizes[t]++, d++);
+    for (var d = this.indexOfGroup(t + 1), l = (a = 0, r.length); a < l; a++) this.tag.insertRule(d, r[a]) && (this.groupSizes[t]++, d++);
   }, e.prototype.clearGroup = function(t) {
     if (t < this.length) {
       var r = this.groupSizes[t], n = this.indexOfGroup(t), o = n + r;
@@ -1352,10 +1352,10 @@ var Zo = function() {
   for (var r, n = ((r = t.textContent) !== null && r !== void 0 ? r : "").split(rr), o = [], i = 0, a = n.length; i < a; i++) {
     var d = n[i].trim();
     if (d) {
-      var c = d.match(ri);
-      if (c) {
-        var f = 0 | parseInt(c[1], 10), u = c[2];
-        f !== 0 && (ei(u, f), ni(e, u, c[3]), e.getTag().insertRules(f, o)), o.length = 0;
+      var l = d.match(ri);
+      if (l) {
+        var f = 0 | parseInt(l[1], 10), u = l[2];
+        f !== 0 && (ei(u, f), ni(e, u, l[3]), e.getTag().insertRules(f, o)), o.length = 0;
       } else o.push(d);
     }
   }
@@ -1370,8 +1370,8 @@ function ii() {
 }
 var ln = function(e) {
   var t = document.head, r = e || t, n = document.createElement("style"), o = function(d) {
-    var c = Array.from(d.querySelectorAll("style[".concat(Pe, "]")));
-    return c[c.length - 1];
+    var l = Array.from(d.querySelectorAll("style[".concat(Pe, "]")));
+    return l[l.length - 1];
   }(r), i = o !== void 0 ? o.nextSibling : null;
   n.setAttribute(Pe, Qr), n.setAttribute(en, Rt);
   var a = ii();
@@ -1431,7 +1431,7 @@ var ln = function(e) {
     var o = this;
     this.options = q(q({}, li), t), this.gs = r, this.names = new Map(n), this.server = !!t.isServer, !this.server && xt && Dr && (Dr = !1, zr(this)), or(this, function() {
       return function(i) {
-        for (var a = i.getTag(), d = a.length, c = "", f = function(h) {
+        for (var a = i.getTag(), d = a.length, l = "", f = function(h) {
           var g = function(w) {
             return wt.get(w);
           }(h);
@@ -1441,9 +1441,9 @@ var ln = function(e) {
           var $ = "".concat(Pe, ".g").concat(h, '[id="').concat(g, '"]'), C = "";
           m !== void 0 && m.forEach(function(w) {
             w.length > 0 && (C += "".concat(w, ","));
-          }), c += "".concat(y).concat($, '{content:"').concat(C, '"}').concat(rr);
+          }), l += "".concat(y).concat($, '{content:"').concat(C, '"}').concat(rr);
         }, u = 0; u < d; u++) f(u);
-        return c;
+        return l;
       }(o);
     });
   }
@@ -1487,9 +1487,9 @@ function un(e, t) {
   });
 }
 function fi(e) {
-  var t, r, n, o = Ge, i = o.options, a = i === void 0 ? Ge : i, d = o.plugins, c = d === void 0 ? _t : d, f = function(g, m, y) {
+  var t, r, n, o = Ge, i = o.options, a = i === void 0 ? Ge : i, d = o.plugins, l = d === void 0 ? _t : d, f = function(g, m, y) {
     return y.startsWith(r) && y.endsWith(r) && y.replaceAll(r, "").length > 0 ? ".".concat(t) : g;
-  }, u = c.slice();
+  }, u = l.slice();
   u.push(function(g) {
     g.type === Ct && g.value.includes("&") && (g.props[0] = g.props[0].replace(di, r).replace(n, f));
   }), a.prefix && u.push(To), u.push(_o);
@@ -1502,7 +1502,7 @@ function fi(e) {
       return v.push(E);
     })))), v;
   };
-  return h.hash = c.length ? c.reduce(function(g, m) {
+  return h.hash = l.length ? l.reduce(function(g, m) {
     return m.name || Ke(15), Ie(g, m.name);
   }, tn).toString() : "", h;
 }
@@ -1583,16 +1583,16 @@ var gi = rn(Rt), yi = function() {
       o = Re(o, a), this.staticRulesId = a;
     }
     else {
-      for (var c = Ie(this.baseHash, n.hash), f = "", u = 0; u < this.rules.length; u++) {
+      for (var l = Ie(this.baseHash, n.hash), f = "", u = 0; u < this.rules.length; u++) {
         var h = this.rules[u];
-        if (typeof h == "string") f += h, process.env.NODE_ENV !== "production" && (c = Ie(c, h));
+        if (typeof h == "string") f += h, process.env.NODE_ENV !== "production" && (l = Ie(l, h));
         else if (h) {
           var g = Or(Ae(h, t, r, n));
-          c = Ie(c, g + u), f += g;
+          l = Ie(l, g + u), f += g;
         }
       }
       if (f) {
-        var m = Xt(c >>> 0);
+        var m = Xt(l >>> 0);
         r.hasNameForId(this.componentId, m) || r.insertRules(this.componentId, m, n(f, ".".concat(m), void 0, this.componentId)), o = Re(o, m);
       }
     }
@@ -1602,12 +1602,12 @@ var gi = rn(Rt), yi = function() {
 mn.Consumer;
 var Gt = {}, Fr = /* @__PURE__ */ new Set();
 function bi(e, t, r) {
-  var n = nr(e), o = e, i = !Wt(e), a = t.attrs, d = a === void 0 ? _t : a, c = t.componentId, f = c === void 0 ? function(A, _) {
+  var n = nr(e), o = e, i = !Wt(e), a = t.attrs, d = a === void 0 ? _t : a, l = t.componentId, f = l === void 0 ? function(A, _) {
     var I = typeof A != "string" ? "sc" : Rr(A);
     Gt[I] = (Gt[I] || 0) + 1;
     var x = "".concat(I, "-").concat(No(Rt + I + Gt[I]));
     return _ ? "".concat(_, "-").concat(x) : x;
-  }(t.displayName, t.parentComponentId) : c, u = t.displayName, h = u === void 0 ? function(A) {
+  }(t.displayName, t.parentComponentId) : l, u = t.displayName, h = u === void 0 ? function(A) {
     return Wt(A) ? "styled.".concat(A) : "Styled(".concat(nn(A), ")");
   }(e) : u, g = t.displayName && t.componentId ? "".concat(Rr(t.displayName), "-").concat(t.componentId) : t.componentId || f, m = n && o.attrs ? o.attrs.concat(d).filter(Boolean) : d, y = t.shouldForwardProp;
   if (n && o.shouldForwardProp) {
@@ -1882,9 +1882,9 @@ const qe = `
   visible: n = !1,
   style: o,
   theme: i
-}) => /* @__PURE__ */ l.jsx(Si, { id: e, $visible: n, "data-testid": t, style: o, $theme: i, "aria-hidden": !n, children: r });
+}) => /* @__PURE__ */ c.jsx(Si, { id: e, $visible: n, "data-testid": t, style: o, $theme: i, "aria-hidden": !n, children: r });
 var te = /* @__PURE__ */ ((e) => (e.Success = "success", e.Error = "error", e.Warning = "warning", e.Info = "info", e.Help = "help", e))(te || {}), we = /* @__PURE__ */ ((e) => (e.Primary = "primary", e.Flat = "flat", e.Icon = "icon", e))(we || {}), j = /* @__PURE__ */ ((e) => (e.ArrowDown = "arrow-down", e.ArrowUp = "arrow-up", e.Back = "back", e.Cancel = "cancel", e.CheckboxChecked = "checkbox-checked", e.CheckboxUnchecked = "checkbox-unchecked", e.CheckMark = "check-mark", e.ChevronDown = "chevron-down", e.ChevronLeft = "chevron-left", e.ChevronRight = "chevron-right", e.ChevronUp = "chevron-up", e.Clear = "clear", e.Copy = "copy", e.Cut = "cut", e.Delete = "delete", e.Download = "download", e.Error = "error", e.Forward = "forward", e.Graduate = "graduate", e.Help = "help", e.Hide = "hide", e.Home = "home", e.Info = "info", e.Login = "login", e.Paste = "paste", e.Question = "question", e.Save = "save", e.Show = "show", e.Upload = "upload", e.Warning = "warning", e.Remove = "remove", e))(j || {}), X = /* @__PURE__ */ ((e) => (e.Vertical = "vertical", e.Horizontal = "horizontal", e))(X || {}), vn = /* @__PURE__ */ ((e) => (e.Light = "light", e.Dark = "dark", e))(vn || {}), $n = /* @__PURE__ */ ((e) => (e.Span = "span", e.Div = "div", e.P = "p", e.Strong = "strong", e.Em = "em", e))($n || {});
-const ki = O(() => Promise.resolve().then(() => xs)), Ci = O(() => Promise.resolve().then(() => ws)), ji = O(() => import("./BackIcon-CyFkLrqa.js")), Ei = O(() => import("./CancelIcon-CMyNqDjy.js")), Ii = O(() => Promise.resolve().then(() => ms)), Ri = O(() => Promise.resolve().then(() => gs)), _i = O(() => Promise.resolve().then(() => Os)), Ai = O(() => import("./ChevronDownIcon-Dg_ZhBij.js")), Pi = O(() => import("./ChevronLeftIcon-xnNeHrts.js")), Ti = O(() => import("./ChevronRightIcon-CtnMvdwV.js")), Oi = O(() => import("./ChevronUpIcon-Dcgb60Bp.js")), zi = O(() => import("./ClearIcon-C-Pgt7kX.js")), Di = O(() => import("./CopyIcon-5wJPqejn.js")), Mi = O(() => import("./CutIcon-Dun8vUtb.js")), Bi = O(() => import("./DeleteIcon-DGdPmeUU.js")), Li = O(() => import("./DownloadIcon-B750a9Da.js")), Fi = O(() => Promise.resolve().then(() => Ys)), Ni = O(() => import("./ForwardIcon-x_3vq5X9.js")), Hi = O(() => import("./GraduateIcon-CX4JpZEj.js")), Wi = O(() => Promise.resolve().then(() => Vs)), Gi = O(() => import("./HideIcon-DC4nE5mT.js")), Ui = O(() => import("./HomeIcon-DLVYBaWF.js")), Yi = O(() => Promise.resolve().then(() => Ks)), Vi = O(() => import("./LoginIcon-CNAvMYQ7.js")), Ki = O(() => import("./PasteIcon--lS4LO8H.js")), qi = O(() => import("./QuestionIcon-DaDp1gdO.js")), Xi = O(() => import("./RemoveIcon-J8BNU9GE.js")), Ji = O(() => import("./SaveIcon-C3HmRoxR.js")), Zi = O(() => import("./ShowIcon-DB0kvMs2.js")), Qi = O(() => import("./UploadIcon-GW8ihm2x.js")), es = O(() => Promise.resolve().then(() => qs)), ts = {
+const ki = O(() => Promise.resolve().then(() => xs)), Ci = O(() => Promise.resolve().then(() => ws)), ji = O(() => import("./BackIcon-Ca52-ZOT.js")), Ei = O(() => import("./CancelIcon-CTuZJRbI.js")), Ii = O(() => Promise.resolve().then(() => ms)), Ri = O(() => Promise.resolve().then(() => gs)), _i = O(() => Promise.resolve().then(() => Os)), Ai = O(() => import("./ChevronDownIcon-CJ6cUxXp.js")), Pi = O(() => import("./ChevronLeftIcon-BK0PG77O.js")), Ti = O(() => import("./ChevronRightIcon-CK_CUAKh.js")), Oi = O(() => import("./ChevronUpIcon-Dlss0vwB.js")), zi = O(() => import("./ClearIcon-Dq2JJlSk.js")), Di = O(() => import("./CopyIcon-DGgcyld5.js")), Mi = O(() => import("./CutIcon-CFdQ6CEf.js")), Bi = O(() => import("./DeleteIcon-eSw3zBM6.js")), Li = O(() => import("./DownloadIcon-pkZg7tDQ.js")), Fi = O(() => Promise.resolve().then(() => Ba)), Ni = O(() => import("./ForwardIcon-DoXC6-Z_.js")), Hi = O(() => import("./GraduateIcon-CjLMpy6y.js")), Wi = O(() => Promise.resolve().then(() => La)), Gi = O(() => import("./HideIcon-DdLpvYLX.js")), Ui = O(() => import("./HomeIcon-CULQay_2.js")), Yi = O(() => Promise.resolve().then(() => Fa)), Vi = O(() => import("./LoginIcon-ePY_tP-B.js")), Ki = O(() => import("./PasteIcon-Br6Gqsj_.js")), qi = O(() => import("./QuestionIcon-ZDms0Smt.js")), Xi = O(() => import("./RemoveIcon-C06KrQ8K.js")), Ji = O(() => import("./SaveIcon-DuSjMx_-.js")), Zi = O(() => import("./ShowIcon-Dsxn2pYT.js")), Qi = O(() => import("./UploadIcon-w8k3Od_z.js")), es = O(() => Promise.resolve().then(() => Na)), ts = {
   [j.ArrowDown]: ki,
   [j.ArrowUp]: Ci,
   [j.Back]: ji,
@@ -1916,10 +1916,10 @@ const ki = O(() => Promise.resolve().then(() => xs)), Ci = O(() => Promise.resol
   [j.Upload]: Qi,
   [j.Warning]: es,
   [j.Remove]: Xi
-}, ue = ({ name: e, ...t }) => {
+}, ue = ({ name: e, testId: t, ...r }) => {
   if (!e) return null;
-  const r = /* @__PURE__ */ l.jsx("span", { style: { fontSize: "1rem" }, "aria-label": "SVG Icon Fallback", children: "⬜" }), n = ts[e];
-  return /* @__PURE__ */ l.jsx(ao, { fallback: r, children: /* @__PURE__ */ l.jsx(n, { ...t }) });
+  const n = /* @__PURE__ */ c.jsx("span", { style: { fontSize: "1rem" }, "aria-label": "SVG Icon Fallback", children: "⬜" }), o = ts[e];
+  return /* @__PURE__ */ c.jsx(ao, { fallback: n, children: /* @__PURE__ */ c.jsx(o, { "data-testid": t, ...r }) });
 }, rs = k.button`
   background: transparent;
   border: none;
@@ -1948,7 +1948,7 @@ const ki = O(() => Promise.resolve().then(() => xs)), Ci = O(() => Promise.resol
     pointer-events: none;
     opacity: 0.5;
   }
-`, St = ({ onClick: e, label: t, icon: r, disabled: n, theme: o }) => /* @__PURE__ */ l.jsx(rs, { onClick: e, "aria-label": t, type: "button", disabled: n, $theme: o, children: /* @__PURE__ */ l.jsx(ue, { name: r }) }), ns = k.label`
+`, St = ({ onClick: e, label: t, icon: r, disabled: n, theme: o }) => /* @__PURE__ */ c.jsx(rs, { onClick: e, "aria-label": t, type: "button", disabled: n, $theme: o, children: /* @__PURE__ */ c.jsx(ue, { name: r }) }), ns = k.label`
   display: flex;
   align-items: center;
   font-size: ${(e) => e.$theme.fontSizeSmall};
@@ -1982,18 +1982,18 @@ const ki = O(() => Promise.resolve().then(() => xs)), Ci = O(() => Promise.resol
   isTextHidden: a = !1,
   style: d
 }) => {
-  const c = !!o && i === "left", f = !!o && i === "right";
-  return /* @__PURE__ */ l.jsxs(ns, { htmlFor: r, style: d, $theme: n, children: [
-    c && o,
-    !a && /* @__PURE__ */ l.jsxs("span", { children: [
+  const l = !!o && i === "left", f = !!o && i === "right";
+  return /* @__PURE__ */ c.jsxs(ns, { htmlFor: r, style: d, $theme: n, children: [
+    l && o,
+    !a && /* @__PURE__ */ c.jsxs("span", { children: [
       e,
-      t && /* @__PURE__ */ l.jsx("abbr", { title: "required", children: "*" })
+      t && /* @__PURE__ */ c.jsx("abbr", { title: "required", children: "*" })
     ] }),
     f && o
   ] });
 };
 function os(e) {
-  return ({ tooltip: t, visibleOn: r, ...n }) => t != null && t.length ? /* @__PURE__ */ l.jsx(aa, { tooltipContent: t, visibleOn: r, children: /* @__PURE__ */ l.jsx(e, { ...n }) }) : /* @__PURE__ */ l.jsx(e, { ...n });
+  return ({ tooltip: t, visibleOn: r, ...n }) => t != null && t.length ? /* @__PURE__ */ c.jsx(Js, { tooltipContent: t, visibleOn: r, children: /* @__PURE__ */ c.jsx(e, { ...n }) }) : /* @__PURE__ */ c.jsx(e, { ...n });
 }
 const Te = fe.createContext({}), is = fe.createContext({
   mode: vn.Light
@@ -2117,14 +2117,14 @@ function ls() {
   }, []), e;
 }
 const ds = ({ wrapperRef: e, tooltipRef: t, isOpened: r, spacing: n = 4 }) => {
-  const [o, i] = L({ top: 0, left: 0 }), { width: a, height: d } = as({ ref: t, isVisible: r }), { width: c, height: f } = ls();
+  const [o, i] = L({ top: 0, left: 0 }), { width: a, height: d } = as({ ref: t, isVisible: r }), { width: l, height: f } = ls();
   return he(() => {
     if (r && e.current) {
       const u = e.current.getBoundingClientRect();
       let h = Math.round(u.bottom + n), g = Math.round(u.left);
       h + d > window.innerHeight && (h = Math.round(u.top - d - n)), g + a > window.innerWidth && (g = Math.round(window.innerWidth - a - n)), g < 0 && (g = n), i({ top: h, left: g });
     }
-  }, [r, e, d, a, n, c, f]), o;
+  }, [r, e, d, a, n, l, f]), o;
 }, us = k.button`
   position: relative;
   border: none;
@@ -2277,12 +2277,12 @@ const ds = ({ wrapperRef: e, tooltipRef: t, isOpened: r, spacing: n = 4 }) => {
   extended: i = !1,
   type: a = "button",
   view: d = we.Primary,
-  ...c
+  ...l
 }) => {
   const f = Z();
   switch (d) {
     case we.Primary:
-      return /* @__PURE__ */ l.jsxs(
+      return /* @__PURE__ */ c.jsxs(
         us,
         {
           $extended: i,
@@ -2291,19 +2291,19 @@ const ds = ({ wrapperRef: e, tooltipRef: t, isOpened: r, spacing: n = 4 }) => {
           onClick: e,
           disabled: o,
           $theme: f,
-          ...c,
+          ...l,
           children: [
-            /* @__PURE__ */ l.jsx("span", { className: "chop-logic-button_shadow" }),
-            /* @__PURE__ */ l.jsx("span", { className: "chop-logic-button_edge" }),
-            /* @__PURE__ */ l.jsxs("span", { className: "chop-logic-button_front", children: [
-              /* @__PURE__ */ l.jsx(ue, { name: r }),
+            /* @__PURE__ */ c.jsx("span", { className: "chop-logic-button_shadow" }),
+            /* @__PURE__ */ c.jsx("span", { className: "chop-logic-button_edge" }),
+            /* @__PURE__ */ c.jsxs("span", { className: "chop-logic-button_front", children: [
+              /* @__PURE__ */ c.jsx(ue, { name: r }),
               t
             ] })
           ]
         }
       );
     case we.Flat:
-      return /* @__PURE__ */ l.jsxs(
+      return /* @__PURE__ */ c.jsxs(
         fs,
         {
           $extended: i,
@@ -2312,34 +2312,40 @@ const ds = ({ wrapperRef: e, tooltipRef: t, isOpened: r, spacing: n = 4 }) => {
           onClick: e,
           disabled: o,
           $theme: f,
-          ...c,
+          ...l,
           children: [
-            /* @__PURE__ */ l.jsx(ue, { name: r }),
+            /* @__PURE__ */ c.jsx(ue, { name: r }),
             t
           ]
         }
       );
     case we.Icon:
-      return /* @__PURE__ */ l.jsx(hs, { "aria-label": n, type: a, onClick: e, disabled: o, $theme: f, ...c, children: /* @__PURE__ */ l.jsx(ue, { name: r }) });
+      return /* @__PURE__ */ c.jsx(hs, { "aria-label": n, type: a, onClick: e, disabled: o, $theme: f, ...l, children: /* @__PURE__ */ c.jsx(ue, { name: r }) });
     default:
       return null;
   }
 }, kt = os(ps);
 function Tt(e) {
-  return /* @__PURE__ */ l.jsx("svg", { viewBox: "0 0 16 16", fill: "currentColor", height: "1em", width: "1em", ...e, children: /* @__PURE__ */ l.jsx(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M14 0H2C.9 0 0 .9 0 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zM7 12.414L3.293 8.707l1.414-1.414L7 9.586l4.793-4.793 1.414 1.414L7 12.414z"
-    }
-  ) });
+  return /* @__PURE__ */ c.jsxs("svg", { viewBox: "0 0 16 16", fill: "currentColor", height: "1em", width: "1em", role: "img", ...e, children: [
+    /* @__PURE__ */ c.jsx("title", { children: "Checkbox Checked" }),
+    /* @__PURE__ */ c.jsx(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M14 0H2C.9 0 0 .9 0 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zM7 12.414L3.293 8.707l1.414-1.414L7 9.586l4.793-4.793 1.414 1.414L7 12.414z"
+      }
+    )
+  ] });
 }
 const ms = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Tt
 }, Symbol.toStringTag, { value: "Module" }));
 function Ot(e) {
-  return /* @__PURE__ */ l.jsx("svg", { viewBox: "0 0 16 16", fill: "currentColor", height: "1em", width: "1em", ...e, children: /* @__PURE__ */ l.jsx("path", { fill: "currentColor", d: "M14 0H2C.9 0 0 .9 0 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zm0 14H2V2h12v12z" }) });
+  return /* @__PURE__ */ c.jsxs("svg", { viewBox: "0 0 16 16", fill: "currentColor", height: "1em", width: "1em", role: "img", ...e, children: [
+    /* @__PURE__ */ c.jsx("title", { children: "Checkbox Unchecked" }),
+    /* @__PURE__ */ c.jsx("path", { fill: "currentColor", d: "M14 0H2C.9 0 0 .9 0 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zm0 14H2V2h12v12z" })
+  ] });
 }
 const gs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -2396,14 +2402,14 @@ function vs({
   defaultChecked: t,
   onChange: r
 }) {
-  const { onChangeFormInput: n, initialValues: o } = ke(Te), i = bs({ initialValues: o, name: e, defaultChecked: t }), [a, d] = L(i), c = (u) => {
+  const { onChangeFormInput: n, initialValues: o } = ke(Te), i = bs({ initialValues: o, name: e, defaultChecked: t }), [a, d] = L(i), l = (u) => {
     const h = u.target.checked;
     d(h), r == null || r(u), n == null || n({ name: e, value: h });
   }, f = st(() => {
     d(i), n == null || n({ name: e, value: i });
   }, [e]);
   return at(f), {
-    handleChange: c,
+    handleChange: l,
     checked: a
   };
 }
@@ -2416,12 +2422,12 @@ const Va = ({
   iconPosition: i = "left",
   defaultChecked: a,
   onChange: d,
-  id: c,
+  id: l,
   ...f
 }) => {
-  const { handleChange: u, checked: h } = vs({ name: e, defaultChecked: a, onChange: d }), { elementId: g } = Ce(c), m = Z();
-  return /* @__PURE__ */ l.jsxs(ys, { $disabled: !!r, $theme: m, $checked: h, ...f, children: [
-    /* @__PURE__ */ l.jsx(
+  const { handleChange: u, checked: h } = vs({ name: e, defaultChecked: a, onChange: d }), { elementId: g } = Ce(l), m = Z();
+  return /* @__PURE__ */ c.jsxs(ys, { $disabled: !!r, $theme: m, $checked: h, ...f, children: [
+    /* @__PURE__ */ c.jsx(
       "input",
       {
         id: g,
@@ -2434,14 +2440,14 @@ const Va = ({
         "aria-label": n ? t : void 0
       }
     ),
-    /* @__PURE__ */ l.jsx(
+    /* @__PURE__ */ c.jsx(
       Xe,
       {
         label: t,
         required: o,
         inputId: g,
         isTextHidden: n,
-        icon: h ? /* @__PURE__ */ l.jsx(Tt, {}) : /* @__PURE__ */ l.jsx(Ot, {}),
+        icon: h ? /* @__PURE__ */ c.jsx(Tt, {}) : /* @__PURE__ */ c.jsx(Ot, {}),
         iconPosition: i,
         theme: m
       }
@@ -2549,14 +2555,20 @@ const Va = ({
   justify-content: flex-start;
 `;
 function ir(e) {
-  return /* @__PURE__ */ l.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", ...e, children: /* @__PURE__ */ l.jsx("path", { d: "M21.886 5.536A1.002 1.002 0 0021 5H3a1.002 1.002 0 00-.822 1.569l9 13a.998.998 0 001.644 0l9-13a.998.998 0 00.064-1.033zM12 17.243L4.908 7h14.184L12 17.243z" }) });
+  return /* @__PURE__ */ c.jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", role: "img", ...e, children: [
+    /* @__PURE__ */ c.jsx("title", { children: "Arrow Down" }),
+    /* @__PURE__ */ c.jsx("path", { d: "M21.886 5.536A1.002 1.002 0 0021 5H3a1.002 1.002 0 00-.822 1.569l9 13a.998.998 0 001.644 0l9-13a.998.998 0 00.064-1.033zM12 17.243L4.908 7h14.184L12 17.243z" })
+  ] });
 }
 const xs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ir
 }, Symbol.toStringTag, { value: "Module" }));
 function sr(e) {
-  return /* @__PURE__ */ l.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", ...e, children: /* @__PURE__ */ l.jsx("path", { d: "M3 19h18a1.002 1.002 0 00.823-1.569l-9-13c-.373-.539-1.271-.539-1.645 0l-9 13A.999.999 0 003 19zm9-12.243L19.092 17H4.908L12 6.757z" }) });
+  return /* @__PURE__ */ c.jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", role: "img", ...e, children: [
+    /* @__PURE__ */ c.jsx("title", { children: "Arrow Up" }),
+    /* @__PURE__ */ c.jsx("path", { d: "M3 19h18a1.002 1.002 0 00.823-1.569l-9-13c-.373-.539-1.271-.539-1.645 0l-9 13A.999.999 0 003 19zm9-12.243L19.092 17H4.908L12 6.757z" })
+  ] });
 }
 const ws = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -2570,12 +2582,12 @@ const ws = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   placeholder: i,
   disabled: a,
   required: d,
-  values: c,
+  values: l,
   theme: f
 }) => {
-  const u = c == null ? void 0 : c.filter((m) => m.selected).map((m) => m.label), h = c == null ? void 0 : c.filter((m) => m.selected).map((m) => m.id);
-  let g = /* @__PURE__ */ l.jsx("span", { children: i });
-  return u && u.length > 1 ? g = /* @__PURE__ */ l.jsx("span", { children: `${u.length} items selected` }) : u && u.length === 1 && (g = /* @__PURE__ */ l.jsx("span", { children: u[0] })), /* @__PURE__ */ l.jsxs(
+  const u = l == null ? void 0 : l.filter((m) => m.selected).map((m) => m.label), h = l == null ? void 0 : l.filter((m) => m.selected).map((m) => m.id);
+  let g = /* @__PURE__ */ c.jsx("span", { children: i });
+  return u && u.length > 1 ? g = /* @__PURE__ */ c.jsx("span", { children: `${u.length} items selected` }) : u && u.length === 1 && (g = /* @__PURE__ */ c.jsx("span", { children: u[0] })), /* @__PURE__ */ c.jsxs(
     kn,
     {
       type: "button",
@@ -2592,21 +2604,21 @@ const ws = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       $theme: f,
       children: [
         g,
-        e ? /* @__PURE__ */ l.jsx(sr, {}) : /* @__PURE__ */ l.jsx(ir, {})
+        e ? /* @__PURE__ */ c.jsx(sr, {}) : /* @__PURE__ */ c.jsx(ir, {})
       ]
     }
   );
 }, ks = ({ value: e, onSelect: t, theme: r }) => {
-  const { id: n, label: o, selected: i } = e, a = (d) => (c) => {
-    switch (c.key) {
+  const { id: n, label: o, selected: i } = e, a = (d) => (l) => {
+    switch (l.key) {
       case " ":
       case "SpaceBar":
       case "Enter":
-        c.preventDefault(), t(d);
+        l.preventDefault(), t(d);
         break;
     }
   };
-  return /* @__PURE__ */ l.jsxs(
+  return /* @__PURE__ */ c.jsxs(
     $s,
     {
       id: n,
@@ -2618,12 +2630,12 @@ const ws = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       $theme: r,
       $selected: i,
       children: [
-        i ? /* @__PURE__ */ l.jsx(Tt, {}) : /* @__PURE__ */ l.jsx(Ot, {}),
-        /* @__PURE__ */ l.jsx("span", { children: o })
+        i ? /* @__PURE__ */ c.jsx(Tt, {}) : /* @__PURE__ */ c.jsx(Ot, {}),
+        /* @__PURE__ */ c.jsx("span", { children: o })
       ]
     }
   );
-}, Cs = ({ options: e, opened: t, onClose: r, onSelect: n, dropdownId: o, theme: i }) => /* @__PURE__ */ l.jsx(
+}, Cs = ({ options: e, opened: t, onClose: r, onSelect: n, dropdownId: o, theme: i }) => /* @__PURE__ */ c.jsx(
   Cn,
   {
     $opened: t,
@@ -2632,7 +2644,7 @@ const ws = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     tabIndex: -1,
     onKeyDown: (a) => xn({ e: a, options: e, onClose: r }),
     $theme: i,
-    children: e.map((a) => /* @__PURE__ */ l.jsx(ks, { value: a, onSelect: () => n(a.id), theme: i }, a.id))
+    children: e.map((a) => /* @__PURE__ */ c.jsx(ks, { value: a, onSelect: () => n(a.id), theme: i }, a.id))
   }
 );
 function js({
@@ -2656,11 +2668,11 @@ function Is({
   onChange: r,
   options: n
 }) {
-  const [o, i] = L(!1), { onChangeFormInput: a, initialValues: d } = ke(Te), c = js({ name: e, options: n, initialValues: d, defaultValue: t }), [f, u] = L(c), h = () => i(!1), g = () => i(!o), m = ($) => {
+  const [o, i] = L(!1), { onChangeFormInput: a, initialValues: d } = ke(Te), l = js({ name: e, options: n, initialValues: d, defaultValue: t }), [f, u] = L(l), h = () => i(!1), g = () => i(!o), m = ($) => {
     const C = Es(f, $);
     u(C), r == null || r(C), a == null || a({ name: e, value: Gr(C) });
   }, y = st(() => {
-    i(!1), u(c), a == null || a({ name: e, value: Gr(c) });
+    i(!1), u(l), a == null || a({ name: e, value: Gr(l) });
   }, [e]);
   return at(y), {
     handleClose: h,
@@ -2679,18 +2691,18 @@ const Ka = ({
   disabled: i = !1,
   onChange: a,
   defaultValue: d,
-  id: c,
+  id: l,
   ...f
 }) => {
-  const u = Se(null), { elementId: h, dropdownId: g } = Ce(c), m = Z(), { handleClose: y, handleSelect: $, handleToggle: C, opened: w, values: v } = Is({
+  const u = Se(null), { elementId: h, dropdownId: g } = Ce(l), m = Z(), { handleClose: y, handleSelect: $, handleToggle: C, opened: w, values: v } = Is({
     name: t,
     options: e,
     defaultValue: d,
     onChange: a
   });
-  return At({ ref: u, onClickOutsideHandler: y }), Pt({ keyCode: "Escape", ref: u, onKeyPress: y }), /* @__PURE__ */ l.jsxs(Sn, { ref: u, $theme: m, ...f, children: [
-    /* @__PURE__ */ l.jsx(Xe, { label: r, required: n, inputId: h, theme: m }),
-    /* @__PURE__ */ l.jsx(
+  return At({ ref: u, onClickOutsideHandler: y }), Pt({ keyCode: "Escape", ref: u, onKeyPress: y }), /* @__PURE__ */ c.jsxs(Sn, { ref: u, $theme: m, ...f, children: [
+    /* @__PURE__ */ c.jsx(Xe, { label: r, required: n, inputId: h, theme: m }),
+    /* @__PURE__ */ c.jsx(
       Ss,
       {
         name: t,
@@ -2705,7 +2717,7 @@ const Ka = ({
         theme: m
       }
     ),
-    /* @__PURE__ */ l.jsx(
+    /* @__PURE__ */ c.jsx(
       Cs,
       {
         theme: m,
@@ -2743,11 +2755,11 @@ function As({
   max: i,
   step: a,
   required: d,
-  validator: c
+  validator: l
 }) {
   const { onChangeFormInput: f, initialValues: u } = ke(Te), h = Rs({ initialValues: u, defaultValue: t, name: e }), g = i ? Number(i) : Number.MAX_SAFE_INTEGER, m = o ? Number(o) : Number.MIN_SAFE_INTEGER, [y, $] = L(h), [C, w] = L(!0), v = (x) => {
     $(x);
-    const W = _s({ value: x, required: d, validator: c, maxValue: g, minValue: m });
+    const W = _s({ value: x, required: d, validator: l, maxValue: g, minValue: m });
     w(W), f == null || f({ name: e, value: x, valid: W });
   }, E = (x) => {
     const W = Number(x.target.value);
@@ -2840,7 +2852,7 @@ const Ps = k.div`
   onFocus: i,
   onSpinButtonClick: a,
   validator: d,
-  min: c,
+  min: l,
   max: f,
   id: u,
   tabIndex: h,
@@ -2855,7 +2867,7 @@ const Ps = k.div`
   const { elementId: E, errorId: A } = Ce(u), _ = Z(), { value: I, valid: x, handleChange: W, increment: J, decrement: pe, minValue: me, maxValue: ge } = As({
     name: e,
     defaultValue: C,
-    min: c,
+    min: l,
     max: f,
     onChange: n,
     required: m,
@@ -2863,10 +2875,10 @@ const Ps = k.div`
     step: w,
     onSpinButtonClick: a
   });
-  return /* @__PURE__ */ l.jsxs(Ps, { $theme: _, ...v, children: [
-    /* @__PURE__ */ l.jsx(Xe, { label: t, required: m, inputId: E, theme: _ }),
-    /* @__PURE__ */ l.jsxs("div", { children: [
-      /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ c.jsxs(Ps, { $theme: _, ...v, children: [
+    /* @__PURE__ */ c.jsx(Xe, { label: t, required: m, inputId: E, theme: _ }),
+    /* @__PURE__ */ c.jsxs("div", { children: [
+      /* @__PURE__ */ c.jsx(
         "input",
         {
           id: E,
@@ -2888,8 +2900,8 @@ const Ps = k.div`
           tabIndex: h
         }
       ),
-      $ && /* @__PURE__ */ l.jsxs("span", { children: [
-        /* @__PURE__ */ l.jsx(
+      $ && /* @__PURE__ */ c.jsxs("span", { children: [
+        /* @__PURE__ */ c.jsx(
           St,
           {
             onClick: pe,
@@ -2899,7 +2911,7 @@ const Ps = k.div`
             theme: _
           }
         ),
-        /* @__PURE__ */ l.jsx(
+        /* @__PURE__ */ c.jsx(
           St,
           {
             onClick: J,
@@ -2911,7 +2923,7 @@ const Ps = k.div`
         )
       ] })
     ] }),
-    /* @__PURE__ */ l.jsx(bn, { errorId: A, message: r, visible: !x, theme: _ })
+    /* @__PURE__ */ c.jsx(bn, { errorId: A, message: r, visible: !x, theme: _ })
   ] });
 }, Ts = ({
   opened: e,
@@ -2922,9 +2934,9 @@ const Ps = k.div`
   name: i,
   placeholder: a,
   disabled: d,
-  required: c,
+  required: l,
   theme: f
-}) => /* @__PURE__ */ l.jsxs(
+}) => /* @__PURE__ */ c.jsxs(
   kn,
   {
     type: "button",
@@ -2937,16 +2949,19 @@ const Ps = k.div`
     id: r,
     onClick: t,
     disabled: d,
-    "aria-required": c,
+    "aria-required": l,
     $theme: f,
     children: [
-      o != null && o.label ? /* @__PURE__ */ l.jsx("span", { children: o == null ? void 0 : o.label }) : /* @__PURE__ */ l.jsx("span", { children: a }),
-      e ? /* @__PURE__ */ l.jsx(sr, {}) : /* @__PURE__ */ l.jsx(ir, {})
+      o != null && o.label ? /* @__PURE__ */ c.jsx("span", { children: o == null ? void 0 : o.label }) : /* @__PURE__ */ c.jsx("span", { children: a }),
+      e ? /* @__PURE__ */ c.jsx(sr, {}) : /* @__PURE__ */ c.jsx(ir, {})
     ]
   }
 );
 function ar(e) {
-  return /* @__PURE__ */ l.jsx("svg", { viewBox: "0 0 512 512", fill: "currentColor", height: "1em", width: "1em", ...e, children: /* @__PURE__ */ l.jsx("path", { d: "M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7l233.4-233.3c12.5-12.5 32.8-12.5 45.3 0z" }) });
+  return /* @__PURE__ */ c.jsxs("svg", { viewBox: "0 0 512 512", fill: "currentColor", height: "1em", width: "1em", role: "img", ...e, children: [
+    /* @__PURE__ */ c.jsx("title", { children: "Check Mark" }),
+    /* @__PURE__ */ c.jsx("path", { d: "M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7l233.4-233.3c12.5-12.5 32.8-12.5 45.3 0z" })
+  ] });
 }
 const Os = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -2954,7 +2969,7 @@ const Os = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Symbol.toStringTag, { value: "Module" })), zs = ({ value: e, selected: t, onSelect: r, onClear: n, theme: o }) => {
   const { id: i, label: a } = e, d = (f) => {
     t ? n() : r(f);
-  }, c = (f) => (u) => {
+  }, l = (f) => (u) => {
     switch (u.key) {
       case " ":
       case "SpaceBar":
@@ -2963,20 +2978,20 @@ const Os = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         break;
     }
   };
-  return /* @__PURE__ */ l.jsxs(
+  return /* @__PURE__ */ c.jsxs(
     jn,
     {
       id: i,
       role: "option",
       "aria-selected": t,
       tabIndex: 0,
-      onKeyDown: c(i),
+      onKeyDown: l(i),
       onClick: () => d(i),
       $theme: o,
       $selected: t,
       children: [
-        /* @__PURE__ */ l.jsx("span", { children: a }),
-        t && /* @__PURE__ */ l.jsx(ar, {})
+        /* @__PURE__ */ c.jsx("span", { children: a }),
+        t && /* @__PURE__ */ c.jsx(ar, {})
       ]
     }
   );
@@ -2989,12 +3004,12 @@ const Os = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   comboboxId: i,
   selected: a,
   onClear: d,
-  theme: c
+  theme: l
 }) => {
   const f = (u) => {
     n(u), r(), it(i);
   };
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ c.jsx(
     Cn,
     {
       role: "listbox",
@@ -3002,15 +3017,15 @@ const Os = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       tabIndex: -1,
       onKeyDown: (u) => xn({ e: u, options: e, onClose: r }),
       $opened: t,
-      $theme: c,
-      children: e.map((u) => /* @__PURE__ */ l.jsx(
+      $theme: l,
+      children: e.map((u) => /* @__PURE__ */ c.jsx(
         zs,
         {
           value: u,
           onSelect: () => f(u.id),
           onClear: d,
           selected: u.id === (a == null ? void 0 : a.id),
-          theme: c
+          theme: l
         },
         u.id
       ))
@@ -3033,13 +3048,13 @@ function Bs({
   onChange: r,
   options: n
 }) {
-  const { onChangeFormInput: o, initialValues: i } = ke(Te), a = Ms({ name: e, options: n, defaultValue: t, initialValues: i }), [d, c] = L(!1), [f, u] = L(a), h = () => c(!1), g = () => c(!d), m = (C) => {
+  const { onChangeFormInput: o, initialValues: i } = ke(Te), a = Ms({ name: e, options: n, defaultValue: t, initialValues: i }), [d, l] = L(!1), [f, u] = L(a), h = () => l(!1), g = () => l(!d), m = (C) => {
     const w = n.find((v) => v.id === C);
     u(w), r == null || r(w), o == null || o({ name: e, value: w == null ? void 0 : w.id });
   }, y = () => {
     u(void 0), r == null || r(void 0);
   }, $ = st(() => {
-    c(!1), u(a), o == null || o({ name: e, value: a == null ? void 0 : a.id });
+    l(!1), u(a), o == null || o({ name: e, value: a == null ? void 0 : a.id });
   }, [e]);
   return at($), {
     selected: f,
@@ -3059,7 +3074,7 @@ const Xa = ({
   id: i,
   placeholder: a = "Not selected",
   required: d = !1,
-  disabled: c = !1,
+  disabled: l = !1,
   ...f
 }) => {
   const u = Se(null), h = Z(), { elementId: g, dropdownId: m } = Ce(i), { handleClear: y, handleClose: $, handleSelect: C, handleToggle: w, selected: v, opened: E } = Bs({
@@ -3068,9 +3083,9 @@ const Xa = ({
     defaultValue: o,
     name: r
   });
-  return At({ ref: u, onClickOutsideHandler: $ }), Pt({ keyCode: "Escape", ref: u, onKeyPress: $ }), /* @__PURE__ */ l.jsxs(Sn, { ref: u, $theme: h, ...f, children: [
-    /* @__PURE__ */ l.jsx(Xe, { label: n, required: d, inputId: g, theme: h }),
-    /* @__PURE__ */ l.jsx(
+  return At({ ref: u, onClickOutsideHandler: $ }), Pt({ keyCode: "Escape", ref: u, onKeyPress: $ }), /* @__PURE__ */ c.jsxs(Sn, { ref: u, $theme: h, ...f, children: [
+    /* @__PURE__ */ c.jsx(Xe, { label: n, required: d, inputId: g, theme: h }),
+    /* @__PURE__ */ c.jsx(
       Ts,
       {
         name: r,
@@ -3080,12 +3095,12 @@ const Xa = ({
         onClick: w,
         selected: v,
         placeholder: a,
-        disabled: c,
+        disabled: l,
         required: d,
         theme: h
       }
     ),
-    /* @__PURE__ */ l.jsx(
+    /* @__PURE__ */ c.jsx(
       Ds,
       {
         options: e,
@@ -3123,13 +3138,13 @@ function Ns({
   required: o,
   validator: i
 }) {
-  const { onChangeFormInput: a, initialValues: d } = ke(Te), c = Fs({ initialValues: d, defaultValue: t, name: e }), [f, u] = L(c), [h, g] = L(!0), [m, y] = L(!1), $ = (E) => {
+  const { onChangeFormInput: a, initialValues: d } = ke(Te), l = Fs({ initialValues: d, defaultValue: t, name: e }), [f, u] = L(l), [h, g] = L(!0), [m, y] = L(!1), $ = (E) => {
     const A = E.target.value, _ = Ls({ value: A, required: o, validator: i });
     u(A), g(_), a == null || a({ name: e, value: A, valid: _ }), r == null || r(E);
   }, C = () => {
     u(""), g(!0), a == null || a({ name: e, value: "", valid: !0 }), n == null || n();
   }, w = st(() => {
-    u(c), g(!0), a == null || a({ name: e, value: c, valid: !0 });
+    u(l), g(!0), a == null || a({ name: e, value: l, valid: !0 });
   }, [e]), v = () => {
     y(!m);
   };
@@ -3208,7 +3223,7 @@ const Hs = k.div`
   onBlur: i,
   onFocus: a,
   onClear: d,
-  validator: c,
+  validator: l,
   maxLength: f,
   id: u,
   tabIndex: h,
@@ -3227,12 +3242,12 @@ const Hs = k.div`
     onChange: o,
     onClear: d,
     required: y,
-    validator: c
+    validator: l
   }), { elementId: pe, errorId: me } = Ce(u), ge = v === "password", G = Z();
-  return /* @__PURE__ */ l.jsxs(Hs, { $theme: G, ...E, children: [
-    /* @__PURE__ */ l.jsx(Xe, { label: t, required: y, inputId: pe, theme: G }),
-    /* @__PURE__ */ l.jsxs("div", { children: [
-      /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ c.jsxs(Hs, { $theme: G, ...E, children: [
+    /* @__PURE__ */ c.jsx(Xe, { label: t, required: y, inputId: pe, theme: G }),
+    /* @__PURE__ */ c.jsxs("div", { children: [
+      /* @__PURE__ */ c.jsx(
         "input",
         {
           id: pe,
@@ -3254,8 +3269,8 @@ const Hs = k.div`
           tabIndex: h
         }
       ),
-      /* @__PURE__ */ l.jsxs("span", { children: [
-        $ && /* @__PURE__ */ l.jsx(
+      /* @__PURE__ */ c.jsxs("span", { children: [
+        $ && /* @__PURE__ */ c.jsx(
           St,
           {
             onClick: x,
@@ -3265,7 +3280,7 @@ const Hs = k.div`
             theme: G
           }
         ),
-        ge && /* @__PURE__ */ l.jsx(
+        ge && /* @__PURE__ */ c.jsx(
           St,
           {
             onClick: J,
@@ -3277,142 +3292,9 @@ const Hs = k.div`
         )
       ] })
     ] }),
-    /* @__PURE__ */ l.jsx(bn, { errorId: me, message: r, visible: !_, theme: G })
+    /* @__PURE__ */ c.jsx(bn, { errorId: me, message: r, visible: !_, theme: G })
   ] });
-}, Ws = k.header`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-
-  h3 {
-    display: flex;
-    gap: ${(e) => e.$theme.gapMedium};
-    align-items: center;
-    margin: 0;
-    color: ${(e) => e.$theme.fontColorBase};
-
-    svg {
-      color: ${(e) => e.$theme.fontColorAccent};
-    }
-  }
-`, Gs = k.div`
-  position: fixed;
-  bottom: ${(e) => e.$theme.gapBig};
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: ${(e) => e.$theme.zIndexPopup};
-  ${qe}
-
-  ${(e) => e.$isClosing && yn}
-`, Us = k.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${(e) => e.$theme.gapMedium};
-  font-family: ${(e) => e.$theme.fontFamilyCore};
-  background: ${(e) => e.$theme.backgroundColorBase};
-  color: ${(e) => e.$theme.fontColorBase};
-  width: 90vw;
-  padding: ${(e) => e.$theme.gapMedium};
-  box-shadow: ${(e) => e.$theme.boxShadow};
-  border: ${(e) => e.$theme.borderLight};
-  border-radius: ${(e) => e.$theme.blockBorderRadius};
-`;
-function En(e) {
-  return /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", ...e, children: [
-    /* @__PURE__ */ l.jsx("path", { d: "M11 7h2v7h-2zm0 8h2v2h-2z" }),
-    /* @__PURE__ */ l.jsx("path", { d: "M21.707 7.293l-5-5A.996.996 0 0016 2H8a.996.996 0 00-.707.293l-5 5A.996.996 0 002 8v8c0 .266.105.52.293.707l5 5A.996.996 0 008 22h8c.266 0 .52-.105.707-.293l5-5A.996.996 0 0022 16V8a.996.996 0 00-.293-.707zM20 15.586L15.586 20H8.414L4 15.586V8.414L8.414 4h7.172L20 8.414v7.172z" })
-  ] });
-}
-const Ys = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: En
-}, Symbol.toStringTag, { value: "Module" }));
-function In(e) {
-  return /* @__PURE__ */ l.jsx("svg", { viewBox: "0 0 512 512", fill: "currentColor", height: "1em", width: "1em", ...e, children: /* @__PURE__ */ l.jsx("path", { d: "M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM192.13 260.18a64 64 0 1159.69 59.69 64.07 64.07 0 01-59.69-59.69zm240-66.64l-96.37 5.84a4.06 4.06 0 01-3.44-1.59 96 96 0 00-18.07-18.07 4.06 4.06 0 01-1.59-3.44l5.84-96.37a4 4 0 015.42-3.51A193 193 0 01435.6 188.12a4 4 0 01-3.51 5.42zM193.54 79.91l5.84 96.37a4.06 4.06 0 01-1.59 3.44 96 96 0 00-18.07 18.07 4.06 4.06 0 01-3.44 1.59l-96.37-5.84a4 4 0 01-3.51-5.42A193 193 0 01188.12 76.4a4 4 0 015.42 3.51zM79.91 318.46l96.37-5.84a4.06 4.06 0 013.44 1.59 96 96 0 0018.07 18.07 4.06 4.06 0 011.59 3.44l-5.84 96.37a4 4 0 01-5.42 3.51A193 193 0 0176.4 323.88a4 4 0 013.51-5.42zm238.55 113.63l-5.84-96.37a4.06 4.06 0 011.59-3.44 96 96 0 0018.07-18.07 4.06 4.06 0 013.44-1.59l96.37 5.84a4 4 0 013.51 5.42A193 193 0 01323.88 435.6a4 4 0 01-5.42-3.51z" }) });
-}
-const Vs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: In
-}, Symbol.toStringTag, { value: "Module" }));
-function Rn(e) {
-  return /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 1024 1024", fill: "currentColor", height: "1em", width: "1em", ...e, children: [
-    /* @__PURE__ */ l.jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" }),
-    /* @__PURE__ */ l.jsx("path", { d: "M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z" })
-  ] });
-}
-const Ks = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Rn
-}, Symbol.toStringTag, { value: "Module" }));
-function _n(e) {
-  return /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", ...e, children: [
-    /* @__PURE__ */ l.jsx("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    /* @__PURE__ */ l.jsx("path", { d: "M4 20v-6a8 8 0 1116 0v6h1v2H3v-2h1zm2 0h12v-6a6 6 0 10-12 0v6zm5-18h2v3h-2V2zm8.778 2.808l1.414 1.414-2.12 2.121-1.415-1.414 2.121-2.121zM2.808 6.222l1.414-1.414 2.121 2.12L4.93 8.344 2.808 6.222zM7 14a5 5 0 015-5v2a3 3 0 00-3 3H7z" })
-  ] });
-}
-const qs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: _n
-}, Symbol.toStringTag, { value: "Module" }));
-function Xs(e, t) {
-  if (t) return t;
-  switch (e) {
-    case te.Info:
-      return "For your information";
-    case te.Warning:
-      return "Please pay attention";
-    case te.Error:
-      return "Something went wrong";
-    case te.Success:
-      return "Everything is okay";
-    case te.Help:
-      return "Useful tip";
-    default:
-      return "Alert";
-  }
-}
-function Js(e, t) {
-  if (t)
-    return /* @__PURE__ */ l.jsx(ue, { name: t });
-  switch (e) {
-    case te.Info:
-      return /* @__PURE__ */ l.jsx(Rn, {});
-    case te.Warning:
-      return /* @__PURE__ */ l.jsx(_n, {});
-    case te.Error:
-      return /* @__PURE__ */ l.jsx(En, {});
-    case te.Success:
-      return /* @__PURE__ */ l.jsx(ar, {});
-    case te.Help:
-      return /* @__PURE__ */ l.jsx(In, {});
-    default:
-      return null;
-  }
-}
-const Zs = ({ title: e, onClose: t, mode: r, icon: n, theme: o }) => {
-  const i = Xs(r, e), a = Js(r, n);
-  return /* @__PURE__ */ l.jsxs(Ws, { $theme: o, children: [
-    /* @__PURE__ */ l.jsxs("h3", { children: [
-      a,
-      i
-    ] }),
-    /* @__PURE__ */ l.jsx(kt, { icon: j.Cancel, view: we.Icon, label: "Close alert popup", onClick: t })
-  ] });
-}, Za = ({
-  isOpened: e,
-  onClose: t,
-  title: r,
-  message: n,
-  mode: o = te.Info,
-  icon: i,
-  ...a
-}) => {
-  const d = wn(e), c = d && !e, f = Z();
-  return d ? /* @__PURE__ */ l.jsx(cr, { children: /* @__PURE__ */ l.jsx(Gs, { $isClosing: c, $theme: f, children: /* @__PURE__ */ l.jsxs(Us, { ...a, $theme: f, children: [
-    /* @__PURE__ */ l.jsx(Zs, { title: r, onClose: t, mode: o, icon: i, theme: f }),
-    /* @__PURE__ */ l.jsx("p", { children: n })
-  ] }) }) }) : null;
-}, Qs = k.div`
+}, Ws = k.div`
   z-index: ${(e) => e.$theme.zIndexModal};
   background-color: ${(e) => e.$theme.backgroundColorBase};
   box-shadow: ${(e) => e.$theme.boxShadow};
@@ -3441,7 +3323,7 @@ const Zs = ({ title: e, onClose: t, mode: r, icon: n, theme: o }) => {
       font-size: ${(e) => e.$theme.fontSizeHeader};
     }
   }
-`, ea = k.div`
+`, Gs = k.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -3455,7 +3337,7 @@ const Zs = ({ title: e, onClose: t, mode: r, icon: n, theme: o }) => {
   ${qe}
 
   ${(e) => e.$isClosing && yn}
-`, ta = k.header`
+`, Us = k.header`
   font-size: 1.6rem;
   font-weight: bold;
   display: flex;
@@ -3465,29 +3347,29 @@ const Zs = ({ title: e, onClose: t, mode: r, icon: n, theme: o }) => {
   padding: ${(e) => e.$theme.gapBig};
   border-bottom: ${(e) => e.$theme.borderBase};
   color: ${(e) => e.$theme.fontColorBase};
-`, ra = k.div`
+`, Ys = k.div`
   padding: ${(e) => e.$theme.gapBig};
   font-size: ${(e) => e.$theme.fontSizeBase};
-`, na = ({ title: e, onClose: t, theme: r }) => /* @__PURE__ */ l.jsxs(ta, { $theme: r, children: [
+`, Vs = ({ title: e, onClose: t, theme: r }) => /* @__PURE__ */ c.jsxs(Us, { $theme: r, children: [
   e,
-  /* @__PURE__ */ l.jsx(kt, { icon: j.Cancel, view: we.Icon, label: "Close modal window", onClick: t })
-] }), oa = ({ title: e, onClose: t, isOpened: r, children: n, theme: o, ...i }) => {
+  /* @__PURE__ */ c.jsx(kt, { icon: j.Cancel, view: we.Icon, label: "Close modal window", onClick: t })
+] }), Ks = ({ title: e, onClose: t, isOpened: r, children: n, theme: o, ...i }) => {
   const a = Se(null);
-  return cs({ modalRef: a, isOpened: r }), Pt({ keyCode: "Escape", ref: a, onKeyPress: t }), /* @__PURE__ */ l.jsxs(Qs, { ref: a, role: "dialog", "aria-modal": "true", $theme: o, ...i, children: [
-    /* @__PURE__ */ l.jsx(na, { title: e, onClose: t, theme: o }),
-    /* @__PURE__ */ l.jsx(ra, { $theme: o, children: n })
+  return cs({ modalRef: a, isOpened: r }), Pt({ keyCode: "Escape", ref: a, onKeyPress: t }), /* @__PURE__ */ c.jsxs(Ws, { ref: a, role: "dialog", "aria-modal": "true", $theme: o, ...i, children: [
+    /* @__PURE__ */ c.jsx(Vs, { title: e, onClose: t, theme: o }),
+    /* @__PURE__ */ c.jsx(Ys, { $theme: o, children: n })
   ] });
-}, Qa = ({ isOpened: e, onClose: t, title: r, children: n, ...o }) => {
+}, Za = ({ isOpened: e, onClose: t, title: r, children: n, ...o }) => {
   const i = wn(e), a = i && !e, d = Z();
-  return i ? /* @__PURE__ */ l.jsx(cr, { children: /* @__PURE__ */ l.jsx(ea, { $isClosing: a, $theme: d, children: /* @__PURE__ */ l.jsx(oa, { title: r, onClose: t, isOpened: e, ...o, theme: d, children: n }) }) }) : null;
-}, ia = ({ id: e }) => {
-  const [t, r] = L(!1), n = Se(null), o = Se(null), { top: i, left: a } = ds({ wrapperRef: n, tooltipRef: o, isOpened: t }), { elementId: d } = Ce(e), c = () => r(!1), f = () => r(!0), u = () => r(!t), h = (g) => {
+  return i ? /* @__PURE__ */ c.jsx(cr, { children: /* @__PURE__ */ c.jsx(Gs, { $isClosing: a, $theme: d, children: /* @__PURE__ */ c.jsx(Ks, { title: r, onClose: t, isOpened: e, ...o, theme: d, children: n }) }) }) : null;
+}, qs = ({ id: e }) => {
+  const [t, r] = L(!1), n = Se(null), o = Se(null), { top: i, left: a } = ds({ wrapperRef: n, tooltipRef: o, isOpened: t }), { elementId: d } = Ce(e), l = () => r(!1), f = () => r(!0), u = () => r(!t), h = (g) => {
     g.preventDefault(), u();
   };
-  return Pt({ keyCode: "Escape", ref: o, onKeyPress: c }), At({ ref: o, onClickOutsideHandler: c, dependentRef: n }), {
+  return Pt({ keyCode: "Escape", ref: o, onKeyPress: l }), At({ ref: o, onClickOutsideHandler: l, dependentRef: n }), {
     elementId: d,
     openTooltip: f,
-    closeTooltip: c,
+    closeTooltip: l,
     toggleTooltip: u,
     handleContextMenu: h,
     top: i,
@@ -3496,7 +3378,7 @@ const Zs = ({ title: e, onClose: t, mode: r, icon: n, theme: o }) => {
     wrapperRef: n,
     tooltipRef: o
   };
-}, sa = k.div`
+}, Xs = k.div`
   position: absolute;
   left: 0;
   top: 0;
@@ -3513,7 +3395,7 @@ const Zs = ({ title: e, onClose: t, mode: r, icon: n, theme: o }) => {
   white-space: nowrap;
 
   ${qe}
-`, aa = ({
+`, Js = ({
   children: e,
   tooltipContent: t,
   containerTag: r = $n.Span,
@@ -3522,8 +3404,8 @@ const Zs = ({ title: e, onClose: t, mode: r, icon: n, theme: o }) => {
   style: i,
   ...a
 }) => {
-  const d = r, c = Z(), { openTooltip: f, closeTooltip: u, toggleTooltip: h, handleContextMenu: g, elementId: m, top: y, left: $, isOpened: C, wrapperRef: w, tooltipRef: v } = ia({ id: o });
-  return /* @__PURE__ */ l.jsxs(
+  const d = r, l = Z(), { openTooltip: f, closeTooltip: u, toggleTooltip: h, handleContextMenu: g, elementId: m, top: y, left: $, isOpened: C, wrapperRef: w, tooltipRef: v } = qs({ id: o });
+  return /* @__PURE__ */ c.jsxs(
     d,
     {
       style: { position: "relative", cursor: "pointer" },
@@ -3538,31 +3420,31 @@ const Zs = ({ title: e, onClose: t, mode: r, icon: n, theme: o }) => {
       "aria-describedby": m,
       children: [
         e,
-        C && /* @__PURE__ */ l.jsx(cr, { children: /* @__PURE__ */ l.jsx(sa, { style: { ...i, top: y, left: $ }, ref: v, role: "tooltip", id: m, $theme: c, ...a, children: t }) })
+        C && /* @__PURE__ */ c.jsx(cr, { children: /* @__PURE__ */ c.jsx(Xs, { style: { ...i, top: y, left: $ }, ref: v, role: "tooltip", id: m, $theme: l, ...a, children: t }) })
       ]
     }
   );
 };
-function ca(e) {
+function Zs(e) {
   return e ? Object.keys(e).map((t) => [t, !0]) : [];
 }
-function la(e, t) {
+function Qs(e, t) {
   return (t == null ? void 0 : t.valid) === void 0 ? e : e.map((r) => r[0] !== t.name ? r : [r[0], !!(t != null && t.valid)]);
 }
-function da(e) {
+function ea(e) {
   return e.every((t) => t[1]);
 }
-function ua({
+function ta({
   initialValues: e,
   onReset: t,
   onSubmit: r,
   onClickSubmit: n
 }) {
-  const [o, i] = L(e), [a, d] = L(ca(e)), [c, f] = L(0);
+  const [o, i] = L(e), [a, d] = L(Zs(e)), [l, f] = L(0);
   return {
     handleInputChange: (m) => {
       const y = { ...o, [m.name]: m.value };
-      i(y), d(la(a, m));
+      i(y), d(Qs(a, m));
     },
     handleSubmit: (m) => {
       m.preventDefault();
@@ -3570,13 +3452,13 @@ function ua({
       r == null || r(m), n == null || n($);
     },
     handleReset: (m) => {
-      t == null || t(m), i(e), f(c + 1);
+      t == null || t(m), i(e), f(l + 1);
     },
-    resetSignal: c,
-    valid: da(a)
+    resetSignal: l,
+    valid: ea(a)
   };
 }
-const fa = k.form`
+const ra = k.form`
   display: grid;
   align-items: end;
   gap: ${(e) => e.$theme.gapMedium};
@@ -3587,7 +3469,7 @@ const fa = k.form`
       grid-template-columns: repeat(${e}, 1fr);
       grid-template-rows: auto;
     `}
-`, ha = k.div`
+`, na = k.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -3596,7 +3478,7 @@ const fa = k.form`
   ${({ $columns: e }) => `
     grid-column: 1 / ${e + 1};
   `}
-`, ec = ({
+`, Qa = ({
   children: e,
   initialValues: t,
   onReset: r,
@@ -3606,44 +3488,44 @@ const fa = k.form`
   hasReset: a = !0,
   ...d
 }) => {
-  const { handleInputChange: c, handleSubmit: f, handleReset: u, resetSignal: h, valid: g } = ua({
+  const { handleInputChange: l, handleSubmit: f, handleReset: u, resetSignal: h, valid: g } = ta({
     initialValues: t,
     onReset: r,
     onSubmit: n,
     onClickSubmit: o
   }), m = Z();
-  return /* @__PURE__ */ l.jsx(fa, { onSubmit: f, onReset: u, $columns: i, $theme: m, ...d, children: /* @__PURE__ */ l.jsxs(Te.Provider, { value: { onChangeFormInput: c, initialValues: t, resetSignal: h }, children: [
+  return /* @__PURE__ */ c.jsx(ra, { onSubmit: f, onReset: u, $columns: i, $theme: m, ...d, children: /* @__PURE__ */ c.jsxs(Te.Provider, { value: { onChangeFormInput: l, initialValues: t, resetSignal: h }, children: [
     e,
-    /* @__PURE__ */ l.jsxs(ha, { $columns: i, children: [
-      a && /* @__PURE__ */ l.jsx(kt, { type: "reset", text: "Reset", icon: j.Clear, view: we.Flat }),
-      /* @__PURE__ */ l.jsx(kt, { type: "submit", text: "Submit", icon: j.Forward, extended: !a, disabled: !g })
+    /* @__PURE__ */ c.jsxs(na, { $columns: i, children: [
+      a && /* @__PURE__ */ c.jsx(kt, { type: "reset", text: "Reset", icon: j.Clear, view: we.Flat }),
+      /* @__PURE__ */ c.jsx(kt, { type: "submit", text: "Submit", icon: j.Forward, extended: !a, disabled: !g })
     ] })
   ] }) });
-}, pa = k.table`
+}, oa = k.table`
   border-collapse: collapse;
-`, ma = k.thead`
+`, ia = k.thead`
   font-family: ${(e) => e.$theme.fontFamilyCore};
   color: ${(e) => e.$theme.fontColorBase};
   font-size: ${(e) => e.$theme.fontSizeBase};
-`, ga = k.tbody`
+`, sa = k.tbody`
   font-family: ${(e) => e.$theme.fontFamilyCore};
   color: ${(e) => e.$theme.fontColorBase};
-`, An = k.th`
+`, En = k.th`
   padding: ${(e) => e.$theme.gapMedium};
   text-align: left;
-`, ya = k.tr`
+`, aa = k.tr`
   font-weight: bold;
   border-top: ${(e) => e.$theme.borderLight};
   border-bottom: ${(e) => e.$theme.borderLight};
   background-color: ${(e) => e.$theme.backgroundColorBase};
-`, Pn = k.td`
+`, In = k.td`
   padding: ${(e) => e.$theme.gapMedium};
-`, ba = k.caption`
+`, ca = k.caption`
   font-family: ${(e) => e.$theme.fontFamilyCore};
   color: ${(e) => e.$theme.fontColorBase};
   padding: ${(e) => e.$theme.gapMedium};
   font-weight: bold;
-`, va = k.tr`
+`, la = k.tr`
   border-bottom: ${(e) => e.$theme.borderLight};
 
   ${(e) => e.$selected && `
@@ -3654,7 +3536,7 @@ const fa = k.form`
 
   ${(e) => e.$isFirst && `border-left: ${e.$theme.borderLight};`}
   ${(e) => e.$highlighted && `background-color: ${e.$theme.backgroundColorLight};`}
-`, $a = k.div`
+`, da = k.div`
   display: flex;
   gap: ${(e) => e.$theme.gapSmall};
   padding: ${(e) => e.$theme.gapSmall} 0;
@@ -3679,7 +3561,7 @@ const fa = k.form`
       pointer-events: none;
       opacity: 0.5;
     `}
-`, xa = k.input`
+`, ua = k.input`
   position: absolute;
   z-index: -1;
   opacity: 0;
@@ -3692,7 +3574,7 @@ const fa = k.form`
     outline-offset: 2px;
   }
 `;
-function wa({
+function fa({
   item: e,
   columns: t,
   renderDataItem: r
@@ -3704,7 +3586,7 @@ function wa({
   }
   return n;
 }
-const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, children: e }), Tn = ({
+const ha = ({ value: e, theme: t }) => /* @__PURE__ */ c.jsx(In, { $theme: t, children: e }), Rn = ({
   name: e,
   label: t,
   disabled: r,
@@ -3714,12 +3596,12 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
   theme: a,
   ...d
 }) => {
-  const { elementId: c } = Ce(d == null ? void 0 : d.id);
-  return /* @__PURE__ */ l.jsxs($a, { $disabled: !!r, $checked: i, $theme: a, children: [
-    /* @__PURE__ */ l.jsx(
-      xa,
+  const { elementId: l } = Ce(d == null ? void 0 : d.id);
+  return /* @__PURE__ */ c.jsxs(da, { $disabled: !!r, $checked: i, $theme: a, children: [
+    /* @__PURE__ */ c.jsx(
+      ua,
       {
-        id: c,
+        id: l,
         name: e,
         type: "checkbox",
         disabled: r,
@@ -3729,20 +3611,20 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
         $theme: a
       }
     ),
-    /* @__PURE__ */ l.jsx(
+    /* @__PURE__ */ c.jsx(
       Xe,
       {
         label: t,
         required: n,
-        inputId: c,
+        inputId: l,
         isTextHidden: !0,
         iconPosition: "left",
         theme: a,
-        icon: i ? /* @__PURE__ */ l.jsx(Tt, {}) : /* @__PURE__ */ l.jsx(Ot, {})
+        icon: i ? /* @__PURE__ */ c.jsx(Tt, {}) : /* @__PURE__ */ c.jsx(Ot, {})
       }
     )
   ] });
-}, ka = ({
+}, pa = ({
   rowId: e,
   isRowSelected: t,
   selectRowById: r,
@@ -3751,11 +3633,11 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
   theme: i
 }) => {
   const a = (d) => {
-    const { checked: c } = d.target;
-    c ? r(e) : n(e);
+    const { checked: l } = d.target;
+    l ? r(e) : n(e);
   };
-  return /* @__PURE__ */ l.jsx(Pn, { $theme: i, children: /* @__PURE__ */ l.jsx(
-    Tn,
+  return /* @__PURE__ */ c.jsx(In, { $theme: i, children: /* @__PURE__ */ c.jsx(
+    Rn,
     {
       theme: i,
       label: "Select row",
@@ -3765,23 +3647,23 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
       disabled: o
     }
   ) });
-}, Ca = ({ rowId: e, selectRowById: t, deselectRowById: r, selectable: n, values: o, selectedIds: i, disabled: a, theme: d }) => {
-  const c = i.includes(e);
-  return /* @__PURE__ */ l.jsxs(va, { $selected: c, $theme: d, children: [
-    n && /* @__PURE__ */ l.jsx(
-      ka,
+}, ma = ({ rowId: e, selectRowById: t, deselectRowById: r, selectable: n, values: o, selectedIds: i, disabled: a, theme: d }) => {
+  const l = i.includes(e);
+  return /* @__PURE__ */ c.jsxs(la, { $selected: l, $theme: d, children: [
+    n && /* @__PURE__ */ c.jsx(
+      pa,
       {
         rowId: e,
         selectRowById: t,
         deselectRowById: r,
-        isRowSelected: c,
+        isRowSelected: l,
         disabled: a,
         theme: d
       }
     ),
-    o.map((f, u) => /* @__PURE__ */ l.jsx(Sa, { value: f, theme: d }, `row_${u}`))
+    o.map((f, u) => /* @__PURE__ */ c.jsx(ha, { value: f, theme: d }, `row_${u}`))
   ] });
-}, ja = ({
+}, ga = ({
   selectRowById: e,
   deselectRowById: t,
   renderDataItem: r,
@@ -3790,13 +3672,13 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
   data: i,
   columns: a,
   theme: d
-}) => /* @__PURE__ */ l.jsx(ga, { $theme: d, children: i.map((c) => {
-  const f = wa({ item: c, columns: a, renderDataItem: r });
-  return /* @__PURE__ */ l.jsx(
-    Ca,
+}) => /* @__PURE__ */ c.jsx(sa, { $theme: d, children: i.map((l) => {
+  const f = fa({ item: l, columns: a, renderDataItem: r });
+  return /* @__PURE__ */ c.jsx(
+    ma,
     {
-      rowId: c.id,
-      disabled: c == null ? void 0 : c.disabled,
+      rowId: l.id,
+      disabled: l == null ? void 0 : l.disabled,
       selectRowById: e,
       deselectRowById: t,
       selectable: o,
@@ -3804,15 +3686,15 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
       selectedIds: n,
       theme: d
     },
-    c.id
+    l.id
   );
-}) }), Ea = ({
+}) }), ya = ({
   columns: e,
   selectable: t,
   theme: r
-}) => /* @__PURE__ */ l.jsxs("colgroup", { children: [
-  t && /* @__PURE__ */ l.jsx(Ur, { $isFirst: !0, $highlighted: !1, $theme: r }),
-  e.map((n, o) => /* @__PURE__ */ l.jsx(
+}) => /* @__PURE__ */ c.jsxs("colgroup", { children: [
+  t && /* @__PURE__ */ c.jsx(Ur, { $isFirst: !0, $highlighted: !1, $theme: r }),
+  e.map((n, o) => /* @__PURE__ */ c.jsx(
     Ur,
     {
       $isFirst: o === 0 && !t,
@@ -3822,17 +3704,17 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
     },
     n == null ? void 0 : n.title
   ))
-] }), Ia = ({
+] }), ba = ({
   title: e,
   component: t,
   theme: r
-}) => /* @__PURE__ */ l.jsx(An, { $theme: r, children: t ?? e ?? "" }), Ra = ({ gridId: e, isAllSelected: t, selectAll: r, deselectAll: n, disabled: o, theme: i }) => {
+}) => /* @__PURE__ */ c.jsx(En, { $theme: r, children: t ?? e ?? "" }), va = ({ gridId: e, isAllSelected: t, selectAll: r, deselectAll: n, disabled: o, theme: i }) => {
   const a = (d) => {
-    const { checked: c } = d.target;
-    c ? r() : n();
+    const { checked: l } = d.target;
+    l ? r() : n();
   };
-  return /* @__PURE__ */ l.jsx(An, { $theme: i, children: /* @__PURE__ */ l.jsx(
-    Tn,
+  return /* @__PURE__ */ c.jsx(En, { $theme: i, children: /* @__PURE__ */ c.jsx(
+    Rn,
     {
       label: "Select all rows",
       onChange: a,
@@ -3842,7 +3724,7 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
       theme: i
     }
   ) });
-}, _a = ({
+}, $a = ({
   columns: e,
   gridId: t,
   selectAll: r,
@@ -3851,9 +3733,9 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
   isAllSelected: i,
   isAllCheckboxDisabled: a = !1,
   theme: d
-}) => /* @__PURE__ */ l.jsx(ma, { $theme: d, children: /* @__PURE__ */ l.jsxs(ya, { $theme: d, children: [
-  o && /* @__PURE__ */ l.jsx(
-    Ra,
+}) => /* @__PURE__ */ c.jsx(ia, { $theme: d, children: /* @__PURE__ */ c.jsxs(aa, { $theme: d, children: [
+  o && /* @__PURE__ */ c.jsx(
+    va,
     {
       isAllSelected: i,
       disabled: a,
@@ -3863,19 +3745,19 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
       theme: d
     }
   ),
-  e.map((c) => /* @__PURE__ */ l.jsx(Ia, { title: c.title, component: c.component, theme: d }, `${c.title}_${t}`))
-] }) }), Aa = ({
+  e.map((l) => /* @__PURE__ */ c.jsx(ba, { title: l.title, component: l.component, theme: d }, `${l.title}_${t}`))
+] }) }), xa = ({
   data: e,
   id: t,
   onSelect: r
 }) => {
-  const { elementId: n } = Ce(t), [o, i] = L([]), a = e.map((y) => y.id), d = a.length === o.length, c = e.some((y) => y == null ? void 0 : y.disabled), f = (y) => {
+  const { elementId: n } = Ce(t), [o, i] = L([]), a = e.map((y) => y.id), d = a.length === o.length, l = e.some((y) => y == null ? void 0 : y.disabled), f = (y) => {
     i(y), r == null || r(y);
   };
   return {
     elementId: n,
     isAllSelected: d,
-    isAllCheckboxDisabled: c,
+    isAllCheckboxDisabled: l,
     selectedIds: o,
     handleSelectAll: () => {
       f(a);
@@ -3892,7 +3774,7 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
       f($);
     }
   };
-}, tc = ({
+}, ec = ({
   columns: e,
   data: t,
   id: r,
@@ -3903,7 +3785,7 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
   ...d
 }) => {
   const {
-    elementId: c,
+    elementId: l,
     handleSelectAll: f,
     handleDeselectAll: u,
     isAllCheckboxDisabled: h,
@@ -3911,14 +3793,14 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
     handleDeselectRowById: m,
     handleSelectRowById: y,
     selectedIds: $
-  } = Aa({ id: r, data: t, onSelect: n }), C = Z();
-  return /* @__PURE__ */ l.jsxs(pa, { ...d, children: [
-    i && /* @__PURE__ */ l.jsx(ba, { $theme: C, children: i }),
-    /* @__PURE__ */ l.jsx(Ea, { columns: e, selectable: a, theme: C }),
-    /* @__PURE__ */ l.jsx(
-      _a,
+  } = xa({ id: r, data: t, onSelect: n }), C = Z();
+  return /* @__PURE__ */ c.jsxs(oa, { ...d, children: [
+    i && /* @__PURE__ */ c.jsx(ca, { $theme: C, children: i }),
+    /* @__PURE__ */ c.jsx(ya, { columns: e, selectable: a, theme: C }),
+    /* @__PURE__ */ c.jsx(
+      $a,
       {
-        gridId: c,
+        gridId: l,
         columns: e,
         selectable: a,
         selectAll: f,
@@ -3928,8 +3810,8 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
         theme: C
       }
     ),
-    /* @__PURE__ */ l.jsx(
-      ja,
+    /* @__PURE__ */ c.jsx(
+      ga,
       {
         columns: e,
         data: t,
@@ -3942,7 +3824,7 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
       }
     )
   ] });
-}, On = k.ul`
+}, _n = k.ul`
   list-style: none;
   margin: 0;
   padding: 0;
@@ -3952,7 +3834,7 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
   flex-direction: ${(e) => e.$mode === X.Vertical ? "column" : "row"};
   justify-content: flex-start;
   width: 100%;
-`, Pa = k(On)`
+`, wa = k(_n)`
   flex-direction: column;
   padding-left: ${(e) => e.$theme.gapBig};
   margin-left: ${(e) => e.$theme.gapBig};
@@ -3974,7 +3856,7 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
       margin: 0;
       z-index: ${e.zIndexPopup};
   `}
-`, Ta = k.li`
+`, Sa = k.li`
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -3994,7 +3876,7 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
   &:focus-visible {
     outline: ${(e) => e.$theme.borderOutline};
   }
-`, Oa = k.li`
+`, ka = k.li`
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -4007,7 +3889,7 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
   &:focus-visible {
     outline: ${(e) => e.$theme.borderOutline};
   }
-`, za = k.span`
+`, Ca = k.span`
   position: relative;
   display: flex;
   box-sizing: border-box;
@@ -4032,26 +3914,26 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
   &:hover {
     color: ${(e) => e.$theme.fontColorAccent};
   }
-`, Da = ({ theme: e, item: t }) => {
-  const { icon: r, link: n, label: o, onFocus: i, onClick: a, onHover: d } = t, c = n ? /* @__PURE__ */ l.jsx("a", { href: n, target: "_blank", rel: "noreferrer", children: o }) : /* @__PURE__ */ l.jsx("span", { children: o });
-  return /* @__PURE__ */ l.jsxs(Ta, { tabIndex: 0, role: "menuitem", $theme: e, onFocus: i, onClick: a, onMouseOver: d, children: [
-    /* @__PURE__ */ l.jsx(ue, { name: r }),
-    c
+`, ja = ({ theme: e, item: t }) => {
+  const { icon: r, link: n, label: o, onFocus: i, onClick: a, onHover: d } = t, l = n ? /* @__PURE__ */ c.jsx("a", { href: n, target: "_blank", rel: "noreferrer", children: o }) : /* @__PURE__ */ c.jsx("span", { children: o });
+  return /* @__PURE__ */ c.jsxs(Sa, { tabIndex: 0, role: "menuitem", $theme: e, onFocus: i, onClick: a, onMouseOver: d, children: [
+    /* @__PURE__ */ c.jsx(ue, { name: r }),
+    l
   ] });
-}, Ma = ({ item: e, theme: t, isSubMenuOpened: r, toggleSubMenu: n, closeSubMenu: o, mode: i, children: a }) => {
-  const { icon: d, link: c, label: f } = e, u = Se(null), h = Se(null), g = c ? /* @__PURE__ */ l.jsxs("a", { href: c, target: "_blank", rel: "noreferrer", children: [
-    /* @__PURE__ */ l.jsx(ue, { name: d }),
+}, Ea = ({ item: e, theme: t, isSubMenuOpened: r, toggleSubMenu: n, closeSubMenu: o, mode: i, children: a }) => {
+  const { icon: d, link: l, label: f } = e, u = Se(null), h = Se(null), g = l ? /* @__PURE__ */ c.jsxs("a", { href: l, target: "_blank", rel: "noreferrer", children: [
+    /* @__PURE__ */ c.jsx(ue, { name: d }),
     f
-  ] }) : /* @__PURE__ */ l.jsxs("span", { children: [
-    /* @__PURE__ */ l.jsx(ue, { name: d }),
+  ] }) : /* @__PURE__ */ c.jsxs("span", { children: [
+    /* @__PURE__ */ c.jsx(ue, { name: d }),
     f
   ] }), m = ($) => {
     $.stopPropagation(), $.key === " " && n();
   };
   return At({ ref: u, dependentRef: h, onClickOutsideHandler: () => {
     i !== X.Vertical && o();
-  } }), /* @__PURE__ */ l.jsxs(
-    Oa,
+  } }), /* @__PURE__ */ c.jsxs(
+    ka,
     {
       tabIndex: 0,
       role: "menuitem",
@@ -4061,26 +3943,26 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
       onKeyDown: m,
       ref: u,
       children: [
-        /* @__PURE__ */ l.jsxs(za, { ref: h, $theme: t, onClick: n, $mode: i, children: [
+        /* @__PURE__ */ c.jsxs(Ca, { ref: h, $theme: t, onClick: n, $mode: i, children: [
           g,
-          /* @__PURE__ */ l.jsx(ue, { name: r ? j.ArrowUp : j.ArrowDown })
+          /* @__PURE__ */ c.jsx(ue, { name: r ? j.ArrowUp : j.ArrowDown })
         ] }),
         r && a
       ]
     }
   );
-}, zn = ({ item: e, theme: t, mode: r }) => {
-  var c, f;
-  const n = !((c = e == null ? void 0 : e.nestedItems) != null && c.length), [o, i] = L(!1);
+}, An = ({ item: e, theme: t, mode: r }) => {
+  var l, f;
+  const n = !((l = e == null ? void 0 : e.nestedItems) != null && l.length), [o, i] = L(!1);
   if (n)
-    return /* @__PURE__ */ l.jsx(Da, { item: e, theme: t });
+    return /* @__PURE__ */ c.jsx(ja, { item: e, theme: t });
   const a = () => {
     i(!o);
   }, d = () => {
     i(!1);
   };
-  return /* @__PURE__ */ l.jsx(
-    Ma,
+  return /* @__PURE__ */ c.jsx(
+    Ea,
     {
       item: e,
       theme: t,
@@ -4088,18 +3970,18 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
       toggleSubMenu: a,
       closeSubMenu: d,
       mode: r,
-      children: /* @__PURE__ */ l.jsx(Pa, { role: "menu", "aria-label": e.label, $theme: t, $mode: r, children: (f = e == null ? void 0 : e.nestedItems) == null ? void 0 : f.map((u) => /* @__PURE__ */ l.jsx(zn, { item: u, theme: t, mode: r }, u.id)) })
+      children: /* @__PURE__ */ c.jsx(wa, { role: "menu", "aria-label": e.label, $theme: t, $mode: r, children: (f = e == null ? void 0 : e.nestedItems) == null ? void 0 : f.map((u) => /* @__PURE__ */ c.jsx(An, { item: u, theme: t, mode: r }, u.id)) })
     }
   );
-}, rc = ({ items: e, mode: t = X.Vertical, ...r }) => {
+}, tc = ({ items: e, mode: t = X.Vertical, ...r }) => {
   const n = Z();
-  return /* @__PURE__ */ l.jsx(On, { role: "menubar", $theme: n, $mode: t, ...r, children: e.map((o) => /* @__PURE__ */ l.jsx(zn, { item: o, theme: n, mode: t }, o.id)) });
+  return /* @__PURE__ */ c.jsx(_n, { role: "menubar", $theme: n, $mode: t, ...r, children: e.map((o) => /* @__PURE__ */ c.jsx(An, { item: o, theme: n, mode: t }, o.id)) });
 }, cr = ({ children: e }) => {
   const [t] = L(() => document.createElement("div"));
   return he(() => (document.body.appendChild(t), () => {
     document.body.removeChild(t);
   }), [t]), lo.createPortal(e, t);
-}, Ba = k.button`
+}, Ia = k.button`
   background: transparent;
   position: relative;
   outline: none;
@@ -4151,14 +4033,14 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
       top: 0px;
       left: 1px;
     `}
-`, La = k.div`
+`, Ra = k.div`
   background-color: ${(e) => e.$theme.backgroundColorBase};
   color: ${(e) => e.$theme.fontColorBase};
   font-size: ${(e) => e.$theme.fontSizeBase};
   font-family: ${(e) => e.$theme.fontFamilyCore};
   padding: ${(e) => e.$theme.gapBig};
   flex-grow: 1;
-`, Fa = k.div`
+`, _a = k.div`
   border-bottom: ${(e) => e.$theme.borderLight};
   padding: 0 ${(e) => e.$theme.gapMedium};
   display: flex;
@@ -4170,7 +4052,7 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
       border-right: ${e.$theme.borderLight};
       padding: ${e.$theme.gapMedium} 0;
     `}
-`, Na = k.div`
+`, Aa = k.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -4178,11 +4060,11 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
   ${({ $mode: e }) => e === X.Vertical && `
       flex-direction: row;
     `}
-`, Ha = ({ tabs: e, selectedTabId: t, theme: r }) => {
+`, Pa = ({ tabs: e, selectedTabId: t, theme: r }) => {
   var i;
   const n = (i = e.find((a) => a.id === t)) == null ? void 0 : i.content, o = `tabpanel_${t}`;
-  return /* @__PURE__ */ l.jsx(La, { role: "tabpanel", "aria-labelledby": t, id: o, $theme: r, children: n });
-}, Wa = ({
+  return /* @__PURE__ */ c.jsx(Ra, { role: "tabpanel", "aria-labelledby": t, id: o, $theme: r, children: n });
+}, Ta = ({
   title: e,
   onTabSelect: t,
   tabId: r,
@@ -4191,8 +4073,8 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
   tabPanelId: i,
   mode: a,
   theme: d
-}) => /* @__PURE__ */ l.jsx(
-  Ba,
+}) => /* @__PURE__ */ c.jsx(
+  Ia,
   {
     role: "tab",
     id: r,
@@ -4205,47 +4087,47 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
     $theme: d,
     children: e
   }
-), Ga = ({ tabs: e, onTabSelect: t, selectedTabId: r, tabPanelIds: n, mode: o, tabIds: i, theme: a }) => {
-  const d = (c) => {
+), Oa = ({ tabs: e, onTabSelect: t, selectedTabId: r, tabPanelIds: n, mode: o, tabIds: i, theme: a }) => {
+  const d = (l) => {
     const f = i.findIndex((u) => u === r);
-    switch (c.key) {
+    switch (l.key) {
       case "ArrowLeft":
       case "ArrowUp": {
-        if (c.preventDefault(), c.key === "ArrowUp" && o === X.Horizontal || c.key === "ArrowLeft" && o === X.Vertical) break;
+        if (l.preventDefault(), l.key === "ArrowUp" && o === X.Horizontal || l.key === "ArrowLeft" && o === X.Vertical) break;
         const u = f - 1 >= 0 ? f - 1 : i.length - 1, h = i[u];
         h && (it(h), t(h));
         break;
       }
       case "ArrowRight":
       case "ArrowDown": {
-        if (c.preventDefault(), c.key === "ArrowDown" && o === X.Horizontal || c.key === "ArrowRight" && o === X.Vertical) break;
+        if (l.preventDefault(), l.key === "ArrowDown" && o === X.Horizontal || l.key === "ArrowRight" && o === X.Vertical) break;
         const u = f === i.length - 1 ? 0 : f + 1, h = i[u];
         h && (it(h), t(h));
         break;
       }
     }
   };
-  return /* @__PURE__ */ l.jsx(Fa, { role: "tablist", $mode: o, onKeyDown: d, $theme: a, children: e.map(({ id: c, title: f, disabled: u }, h) => /* @__PURE__ */ l.jsx(
-    Wa,
+  return /* @__PURE__ */ c.jsx(_a, { role: "tablist", $mode: o, onKeyDown: d, $theme: a, children: e.map(({ id: l, title: f, disabled: u }, h) => /* @__PURE__ */ c.jsx(
+    Ta,
     {
       title: f,
       onTabSelect: t,
-      tabId: c,
-      isSelected: c === r,
+      tabId: l,
+      isSelected: l === r,
       isDisabled: u,
       tabPanelId: n[h],
       mode: o,
       theme: a
     },
-    c
+    l
   )) });
-}, nc = ({ tabs: e, defaultTabId: t, mode: r = X.Horizontal, ...n }) => {
-  const o = e.map((h) => h.id), i = o.map((h) => `tabpanel_${h}`), a = t && o.includes(t) ? t : o[0], [d, c] = L(a), f = Z(), u = (h) => {
-    c(h);
+}, rc = ({ tabs: e, defaultTabId: t, mode: r = X.Horizontal, ...n }) => {
+  const o = e.map((h) => h.id), i = o.map((h) => `tabpanel_${h}`), a = t && o.includes(t) ? t : o[0], [d, l] = L(a), f = Z(), u = (h) => {
+    l(h);
   };
-  return /* @__PURE__ */ l.jsxs(Na, { $mode: r, ...n, children: [
-    /* @__PURE__ */ l.jsx(
-      Ga,
+  return /* @__PURE__ */ c.jsxs(Aa, { $mode: r, ...n, children: [
+    /* @__PURE__ */ c.jsx(
+      Oa,
       {
         tabs: e,
         selectedTabId: d,
@@ -4256,8 +4138,147 @@ const Sa = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Pn, { $theme: t, ch
         theme: f
       }
     ),
-    /* @__PURE__ */ l.jsx(Ha, { tabs: e, selectedTabId: d, theme: f })
+    /* @__PURE__ */ c.jsx(Pa, { tabs: e, selectedTabId: d, theme: f })
   ] });
+}, za = k.header`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  h3 {
+    display: flex;
+    gap: ${(e) => e.$theme.gapMedium};
+    align-items: center;
+    margin: 0;
+    color: ${(e) => e.$theme.fontColorBase};
+
+    svg {
+      color: ${(e) => e.$theme.fontColorAccent};
+    }
+  }
+`, Da = k.div`
+  position: fixed;
+  bottom: ${(e) => e.$theme.gapBig};
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: ${(e) => e.$theme.zIndexPopup};
+  ${qe}
+
+  ${(e) => e.$isClosing && yn}
+`, Ma = k.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${(e) => e.$theme.gapMedium};
+  font-family: ${(e) => e.$theme.fontFamilyCore};
+  background: ${(e) => e.$theme.backgroundColorBase};
+  color: ${(e) => e.$theme.fontColorBase};
+  width: 90vw;
+  padding: ${(e) => e.$theme.gapMedium};
+  box-shadow: ${(e) => e.$theme.boxShadow};
+  border: ${(e) => e.$theme.borderLight};
+  border-radius: ${(e) => e.$theme.blockBorderRadius};
+`;
+function Pn(e) {
+  return /* @__PURE__ */ c.jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", role: "img", ...e, children: [
+    /* @__PURE__ */ c.jsx("title", { children: "Error" }),
+    /* @__PURE__ */ c.jsx("path", { d: "M11 7h2v7h-2zm0 8h2v2h-2z" }),
+    /* @__PURE__ */ c.jsx("path", { d: "M21.707 7.293l-5-5A.996.996 0 0016 2H8a.996.996 0 00-.707.293l-5 5A.996.996 0 002 8v8c0 .266.105.52.293.707l5 5A.996.996 0 008 22h8c.266 0 .52-.105.707-.293l5-5A.996.996 0 0022 16V8a.996.996 0 00-.293-.707zM20 15.586L15.586 20H8.414L4 15.586V8.414L8.414 4h7.172L20 8.414v7.172z" })
+  ] });
+}
+const Ba = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Pn
+}, Symbol.toStringTag, { value: "Module" }));
+function Tn(e) {
+  return /* @__PURE__ */ c.jsxs("svg", { viewBox: "0 0 512 512", fill: "currentColor", height: "1em", width: "1em", role: "img", ...e, children: [
+    /* @__PURE__ */ c.jsx("title", { children: "Help" }),
+    /* @__PURE__ */ c.jsx("path", { d: "M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM192.13 260.18a64 64 0 1159.69 59.69 64.07 64.07 0 01-59.69-59.69zm240-66.64l-96.37 5.84a4.06 4.06 0 01-3.44-1.59 96 96 0 00-18.07-18.07 4.06 4.06 0 01-1.59-3.44l5.84-96.37a4 4 0 015.42-3.51A193 193 0 01435.6 188.12a4 4 0 01-3.51 5.42zM193.54 79.91l5.84 96.37a4.06 4.06 0 01-1.59 3.44 96 96 0 00-18.07 18.07 4.06 4.06 0 01-3.44 1.59l-96.37-5.84a4 4 0 01-3.51-5.42A193 193 0 01188.12 76.4a4 4 0 015.42 3.51zM79.91 318.46l96.37-5.84a4.06 4.06 0 013.44 1.59 96 96 0 0018.07 18.07 4.06 4.06 0 011.59 3.44l-5.84 96.37a4 4 0 01-5.42 3.51A193 193 0 0176.4 323.88a4 4 0 013.51-5.42zm238.55 113.63l-5.84-96.37a4.06 4.06 0 011.59-3.44 96 96 0 0018.07-18.07 4.06 4.06 0 013.44-1.59l96.37 5.84a4 4 0 013.51 5.42A193 193 0 01323.88 435.6a4 4 0 01-5.42-3.51z" })
+  ] });
+}
+const La = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Tn
+}, Symbol.toStringTag, { value: "Module" }));
+function On(e) {
+  return /* @__PURE__ */ c.jsxs("svg", { viewBox: "0 0 1024 1024", fill: "currentColor", height: "1em", width: "1em", role: "img", ...e, children: [
+    /* @__PURE__ */ c.jsx("title", { children: "Info" }),
+    /* @__PURE__ */ c.jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" }),
+    /* @__PURE__ */ c.jsx("path", { d: "M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z" })
+  ] });
+}
+const Fa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: On
+}, Symbol.toStringTag, { value: "Module" }));
+function zn(e) {
+  return /* @__PURE__ */ c.jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", role: "img", ...e, children: [
+    /* @__PURE__ */ c.jsx("title", { children: "Warning" }),
+    /* @__PURE__ */ c.jsx("path", { fill: "none", d: "M0 0h24v24H0z" }),
+    /* @__PURE__ */ c.jsx("path", { d: "M4 20v-6a8 8 0 1116 0v6h1v2H3v-2h1zm2 0h12v-6a6 6 0 10-12 0v6zm5-18h2v3h-2V2zm8.778 2.808l1.414 1.414-2.12 2.121-1.415-1.414 2.121-2.121zM2.808 6.222l1.414-1.414 2.121 2.12L4.93 8.344 2.808 6.222zM7 14a5 5 0 015-5v2a3 3 0 00-3 3H7z" })
+  ] });
+}
+const Na = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: zn
+}, Symbol.toStringTag, { value: "Module" }));
+function Ha(e, t) {
+  if (t) return t;
+  switch (e) {
+    case te.Info:
+      return "For your information";
+    case te.Warning:
+      return "Please pay attention";
+    case te.Error:
+      return "Something went wrong";
+    case te.Success:
+      return "Everything is okay";
+    case te.Help:
+      return "Useful tip";
+    default:
+      return "Alert";
+  }
+}
+function Wa(e, t) {
+  if (t)
+    return /* @__PURE__ */ c.jsx(ue, { name: t });
+  switch (e) {
+    case te.Info:
+      return /* @__PURE__ */ c.jsx(On, {});
+    case te.Warning:
+      return /* @__PURE__ */ c.jsx(zn, {});
+    case te.Error:
+      return /* @__PURE__ */ c.jsx(Pn, {});
+    case te.Success:
+      return /* @__PURE__ */ c.jsx(ar, {});
+    case te.Help:
+      return /* @__PURE__ */ c.jsx(Tn, {});
+    default:
+      return null;
+  }
+}
+const Ga = ({ title: e, onClose: t, mode: r, icon: n, theme: o }) => {
+  const i = Ha(r, e), a = Wa(r, n);
+  return /* @__PURE__ */ c.jsxs(za, { $theme: o, children: [
+    /* @__PURE__ */ c.jsxs("h3", { children: [
+      a,
+      i
+    ] }),
+    /* @__PURE__ */ c.jsx(kt, { icon: j.Cancel, view: we.Icon, label: "Close alert popup", onClick: t })
+  ] });
+}, nc = ({
+  isOpened: e,
+  onClose: t,
+  title: r,
+  message: n,
+  mode: o = te.Info,
+  icon: i,
+  ...a
+}) => {
+  const d = wn(e), l = d && !e, f = Z();
+  return d ? /* @__PURE__ */ c.jsx(cr, { children: /* @__PURE__ */ c.jsx(Da, { $isClosing: l, $theme: f, children: /* @__PURE__ */ c.jsxs(Ma, { ...a, $theme: f, children: [
+    /* @__PURE__ */ c.jsx(Ga, { title: r, onClose: t, mode: o, icon: i, theme: f }),
+    /* @__PURE__ */ c.jsx("p", { children: n })
+  ] }) }) }) : null;
 };
 export {
   At as A,
@@ -4277,13 +4298,13 @@ export {
   Xa as d,
   Ja as e,
   Za as f,
-  Qa as g,
-  aa as h,
+  Js as g,
+  Qa as h,
   ec as i,
-  l as j,
+  c as j,
   tc as k,
-  rc as l,
-  cr as m,
+  cr as l,
+  rc as m,
   nc as n,
   Te as o,
   is as p,
@@ -4298,4 +4319,4 @@ export {
   $n as y,
   Z as z
 };
-//# sourceMappingURL=index-BJE2oTC4.js.map
+//# sourceMappingURL=index-CKPbuOHV.js.map