chop-logic-components 0.4.0 → 0.5.1

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import qe, { useState as ee, useEffect as Er, useRef as wr } from "react";
-var ve = { exports: {} }, I = {};
+import Be, { useState as G, useEffect as re, useRef as wr } from "react";
+var he = { exports: {} }, I = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -9,23 +9,23 @@ var ve = { exports: {} }, I = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ue;
+var qe;
 function Rr() {
-  if (Ue)
+  if (qe)
     return I;
-  Ue = 1;
-  var n = qe, f = Symbol.for("react.element"), o = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, l = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, b = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function p(m, d, y) {
-    var c, R = {}, C = null, g = null;
+  qe = 1;
+  var r = Be, c = Symbol.for("react.element"), a = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, s = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function h(_, d, y) {
+    var u, R = {}, C = null, g = null;
     y !== void 0 && (C = "" + y), d.key !== void 0 && (C = "" + d.key), d.ref !== void 0 && (g = d.ref);
-    for (c in d)
-      s.call(d, c) && !b.hasOwnProperty(c) && (R[c] = d[c]);
-    if (m && m.defaultProps)
-      for (c in d = m.defaultProps, d)
-        R[c] === void 0 && (R[c] = d[c]);
-    return { $$typeof: f, type: m, key: C, ref: g, props: R, _owner: l.current };
+    for (u in d)
+      i.call(d, u) && !v.hasOwnProperty(u) && (R[u] = d[u]);
+    if (_ && _.defaultProps)
+      for (u in d = _.defaultProps, d)
+        R[u] === void 0 && (R[u] = d[u]);
+    return { $$typeof: c, type: _, key: C, ref: g, props: R, _owner: s.current };
   }
-  return I.Fragment = o, I.jsx = p, I.jsxs = p, I;
+  return I.Fragment = a, I.jsx = h, I.jsxs = h, I;
 }
 var J = {};
 /**
@@ -40,88 +40,88 @@ var J = {};
 var Ve;
 function Cr() {
   return Ve || (Ve = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = qe, f = Symbol.for("react.element"), o = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), m = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), k = Symbol.iterator, N = "@@iterator";
-    function M(e) {
+    var r = Be, c = Symbol.for("react.element"), a = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), _ = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), k = Symbol.iterator, N = "@@iterator";
+    function $(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = k && e[k] || e[N];
-      return typeof r == "function" ? r : null;
+      var t = k && e[k] || e[N];
+      return typeof t == "function" ? t : null;
     }
-    var S = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function E(e) {
+    var S = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function x(e) {
       {
-        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), a = 1; a < r; a++)
-          t[a - 1] = arguments[a];
-        re("error", e, t);
+        for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), o = 1; o < t; o++)
+          n[o - 1] = arguments[o];
+        te("error", e, n);
       }
     }
-    function re(e, r, t) {
+    function te(e, t, n) {
       {
-        var a = S.ReactDebugCurrentFrame, _ = a.getStackAddendum();
-        _ !== "" && (r += "%s", t = t.concat([_]));
-        var v = t.map(function(u) {
-          return String(u);
+        var o = S.ReactDebugCurrentFrame, p = o.getStackAddendum();
+        p !== "" && (t += "%s", n = n.concat([p]));
+        var b = n.map(function(f) {
+          return String(f);
         });
-        v.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, v);
+        b.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, b);
       }
     }
-    var ne = !1, G = !1, te = !1, Ke = !1, Ie = !1, be;
-    be = Symbol.for("react.module.reference");
-    function Je(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === s || e === b || Ie || e === l || e === y || e === c || Ke || e === g || ne || G || te || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === R || e.$$typeof === p || e.$$typeof === m || e.$$typeof === d || // This needs to include all possible module reference object
+    var ne = !1, X = !1, ae = !1, Ie = !1, Je = !1, me;
+    me = Symbol.for("react.module.reference");
+    function Ge(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === v || Je || e === s || e === y || e === u || Ie || e === g || ne || X || ae || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === R || e.$$typeof === h || e.$$typeof === _ || e.$$typeof === d || // 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.
-      e.$$typeof === be || e.getModuleId !== void 0));
+      e.$$typeof === me || e.getModuleId !== void 0));
     }
-    function Ge(e, r, t) {
-      var a = e.displayName;
-      if (a)
-        return a;
-      var _ = r.displayName || r.name || "";
-      return _ !== "" ? t + "(" + _ + ")" : t;
+    function Xe(e, t, n) {
+      var o = e.displayName;
+      if (o)
+        return o;
+      var p = t.displayName || t.name || "";
+      return p !== "" ? n + "(" + p + ")" : n;
     }
-    function me(e) {
+    function ge(e) {
       return e.displayName || "Context";
     }
     function D(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && E("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
       switch (e) {
-        case s:
+        case i:
           return "Fragment";
-        case o:
+        case a:
           return "Portal";
-        case b:
+        case v:
           return "Profiler";
-        case l:
+        case s:
           return "StrictMode";
         case y:
           return "Suspense";
-        case c:
+        case u:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case m:
-            var r = e;
-            return me(r) + ".Consumer";
-          case p:
+          case _:
             var t = e;
-            return me(t._context) + ".Provider";
+            return ge(t) + ".Consumer";
+          case h:
+            var n = e;
+            return ge(n._context) + ".Provider";
           case d:
-            return Ge(e, e.render, "ForwardRef");
+            return Xe(e, e.render, "ForwardRef");
           case R:
-            var a = e.displayName || null;
-            return a !== null ? a : D(e.type) || "Memo";
+            var o = e.displayName || null;
+            return o !== null ? o : D(e.type) || "Memo";
           case C: {
-            var _ = e, v = _._payload, u = _._init;
+            var p = e, b = p._payload, f = p._init;
             try {
-              return D(u(v));
+              return D(f(b));
             } catch {
               return null;
             }
@@ -129,18 +129,18 @@ function Cr() {
         }
       return null;
     }
-    var $ = Object.assign, B = 0, ge, ye, xe, Ee, we, Re, Ce;
-    function ke() {
+    var A = Object.assign, V = 0, ye, Ee, xe, we, Re, Ce, ke;
+    function je() {
     }
-    ke.__reactDisabledLog = !0;
-    function Xe() {
+    je.__reactDisabledLog = !0;
+    function ze() {
       {
-        if (B === 0) {
-          ge = console.log, ye = console.info, xe = console.warn, Ee = console.error, we = console.group, Re = console.groupCollapsed, Ce = console.groupEnd;
+        if (V === 0) {
+          ye = console.log, Ee = console.info, xe = console.warn, we = console.error, Re = console.group, Ce = console.groupCollapsed, ke = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: ke,
+            value: je,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -153,336 +153,336 @@ function Cr() {
             groupEnd: e
           });
         }
-        B++;
+        V++;
       }
     }
-    function ze() {
+    function He() {
       {
-        if (B--, B === 0) {
+        if (V--, V === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: $({}, e, {
-              value: ge
-            }),
-            info: $({}, e, {
+            log: A({}, e, {
               value: ye
             }),
-            warn: $({}, e, {
-              value: xe
-            }),
-            error: $({}, e, {
+            info: A({}, e, {
               value: Ee
             }),
-            group: $({}, e, {
+            warn: A({}, e, {
+              value: xe
+            }),
+            error: A({}, e, {
               value: we
             }),
-            groupCollapsed: $({}, e, {
+            group: A({}, e, {
               value: Re
             }),
-            groupEnd: $({}, e, {
+            groupCollapsed: A({}, e, {
               value: Ce
+            }),
+            groupEnd: A({}, e, {
+              value: ke
             })
           });
         }
-        B < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        V < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ae = S.ReactCurrentDispatcher, oe;
-    function X(e, r, t) {
+    var oe = S.ReactCurrentDispatcher, ie;
+    function z(e, t, n) {
       {
-        if (oe === void 0)
+        if (ie === void 0)
           try {
             throw Error();
-          } catch (_) {
-            var a = _.stack.trim().match(/\n( *(at )?)/);
-            oe = a && a[1] || "";
+          } catch (p) {
+            var o = p.stack.trim().match(/\n( *(at )?)/);
+            ie = o && o[1] || "";
           }
         return `
-` + oe + e;
+` + ie + e;
       }
     }
-    var ie = !1, z;
+    var se = !1, H;
     {
-      var He = typeof WeakMap == "function" ? WeakMap : Map;
-      z = new He();
+      var Ze = typeof WeakMap == "function" ? WeakMap : Map;
+      H = new Ze();
     }
-    function je(e, r) {
-      if (!e || ie)
+    function Te(e, t) {
+      if (!e || se)
         return "";
       {
-        var t = z.get(e);
-        if (t !== void 0)
-          return t;
+        var n = H.get(e);
+        if (n !== void 0)
+          return n;
       }
-      var a;
-      ie = !0;
-      var _ = Error.prepareStackTrace;
+      var o;
+      se = !0;
+      var p = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var v;
-      v = ae.current, ae.current = null, Xe();
+      var b;
+      b = oe.current, oe.current = null, ze();
       try {
-        if (r) {
-          var u = function() {
+        if (t) {
+          var f = function() {
             throw Error();
           };
-          if (Object.defineProperty(u.prototype, "props", {
+          if (Object.defineProperty(f.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(u, []);
+              Reflect.construct(f, []);
             } catch (T) {
-              a = T;
+              o = T;
             }
-            Reflect.construct(e, [], u);
+            Reflect.construct(e, [], f);
           } else {
             try {
-              u.call();
+              f.call();
             } catch (T) {
-              a = T;
+              o = T;
             }
-            e.call(u.prototype);
+            e.call(f.prototype);
           }
         } else {
           try {
             throw Error();
           } catch (T) {
-            a = T;
+            o = T;
           }
           e();
         }
       } catch (T) {
-        if (T && a && typeof T.stack == "string") {
-          for (var i = T.stack.split(`
-`), j = a.stack.split(`
-`), x = i.length - 1, w = j.length - 1; x >= 1 && w >= 0 && i[x] !== j[w]; )
+        if (T && o && typeof T.stack == "string") {
+          for (var l = T.stack.split(`
+`), j = o.stack.split(`
+`), E = l.length - 1, w = j.length - 1; E >= 1 && w >= 0 && l[E] !== j[w]; )
             w--;
-          for (; x >= 1 && w >= 0; x--, w--)
-            if (i[x] !== j[w]) {
-              if (x !== 1 || w !== 1)
+          for (; E >= 1 && w >= 0; E--, w--)
+            if (l[E] !== j[w]) {
+              if (E !== 1 || w !== 1)
                 do
-                  if (x--, w--, w < 0 || i[x] !== j[w]) {
+                  if (E--, w--, w < 0 || l[E] !== j[w]) {
                     var O = `
-` + i[x].replace(" at new ", " at ");
-                    return e.displayName && O.includes("<anonymous>") && (O = O.replace("<anonymous>", e.displayName)), typeof e == "function" && z.set(e, O), O;
+` + l[E].replace(" at new ", " at ");
+                    return e.displayName && O.includes("<anonymous>") && (O = O.replace("<anonymous>", e.displayName)), typeof e == "function" && H.set(e, O), O;
                   }
-                while (x >= 1 && w >= 0);
+                while (E >= 1 && w >= 0);
               break;
             }
         }
       } finally {
-        ie = !1, ae.current = v, ze(), Error.prepareStackTrace = _;
+        se = !1, oe.current = b, He(), Error.prepareStackTrace = p;
       }
-      var Y = e ? e.displayName || e.name : "", A = Y ? X(Y) : "";
-      return typeof e == "function" && z.set(e, A), A;
+      var U = e ? e.displayName || e.name : "", L = U ? z(U) : "";
+      return typeof e == "function" && H.set(e, L), L;
     }
-    function Ze(e, r, t) {
-      return je(e, !1);
+    function Qe(e, t, n) {
+      return Te(e, !1);
     }
-    function Qe(e) {
-      var r = e.prototype;
-      return !!(r && r.isReactComponent);
+    function er(e) {
+      var t = e.prototype;
+      return !!(t && t.isReactComponent);
     }
-    function H(e, r, t) {
+    function Z(e, t, n) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return je(e, Qe(e));
+        return Te(e, er(e));
       if (typeof e == "string")
-        return X(e);
+        return z(e);
       switch (e) {
         case y:
-          return X("Suspense");
-        case c:
-          return X("SuspenseList");
+          return z("Suspense");
+        case u:
+          return z("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case d:
-            return Ze(e.render);
+            return Qe(e.render);
           case R:
-            return H(e.type, r, t);
+            return Z(e.type, t, n);
           case C: {
-            var a = e, _ = a._payload, v = a._init;
+            var o = e, p = o._payload, b = o._init;
             try {
-              return H(v(_), r, t);
+              return Z(b(p), t, n);
             } catch {
             }
           }
         }
       return "";
     }
-    var q = Object.prototype.hasOwnProperty, Te = {}, Se = S.ReactDebugCurrentFrame;
-    function Z(e) {
+    var K = Object.prototype.hasOwnProperty, Se = {}, Oe = S.ReactDebugCurrentFrame;
+    function Q(e) {
       if (e) {
-        var r = e._owner, t = H(e.type, e._source, r ? r.type : null);
-        Se.setExtraStackFrame(t);
+        var t = e._owner, n = Z(e.type, e._source, t ? t.type : null);
+        Oe.setExtraStackFrame(n);
       } else
-        Se.setExtraStackFrame(null);
+        Oe.setExtraStackFrame(null);
     }
-    function er(e, r, t, a, _) {
+    function rr(e, t, n, o, p) {
       {
-        var v = Function.call.bind(q);
-        for (var u in e)
-          if (v(e, u)) {
-            var i = void 0;
+        var b = Function.call.bind(K);
+        for (var f in e)
+          if (b(e, f)) {
+            var l = void 0;
             try {
-              if (typeof e[u] != "function") {
-                var j = Error((a || "React class") + ": " + t + " type `" + u + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[u] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof e[f] != "function") {
+                var j = Error((o || "React class") + ": " + n + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw j.name = "Invariant Violation", j;
               }
-              i = e[u](r, u, a, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (x) {
-              i = x;
+              l = e[f](t, f, o, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (E) {
+              l = E;
             }
-            i && !(i instanceof Error) && (Z(_), E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", a || "React class", t, u, typeof i), Z(null)), i instanceof Error && !(i.message in Te) && (Te[i.message] = !0, Z(_), E("Failed %s type: %s", t, i.message), Z(null));
+            l && !(l instanceof Error) && (Q(p), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", o || "React class", n, f, typeof l), Q(null)), l instanceof Error && !(l.message in Se) && (Se[l.message] = !0, Q(p), x("Failed %s type: %s", n, l.message), Q(null));
           }
       }
     }
-    var rr = Array.isArray;
-    function se(e) {
-      return rr(e);
+    var tr = Array.isArray;
+    function ce(e) {
+      return tr(e);
     }
     function nr(e) {
       {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t;
+        var t = typeof Symbol == "function" && Symbol.toStringTag, n = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return n;
       }
     }
-    function tr(e) {
+    function ar(e) {
       try {
-        return Oe(e), !1;
+        return Pe(e), !1;
       } catch {
         return !0;
       }
     }
-    function Oe(e) {
+    function Pe(e) {
       return "" + e;
     }
-    function Pe(e) {
-      if (tr(e))
-        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", nr(e)), Oe(e);
+    function De(e) {
+      if (ar(e))
+        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", nr(e)), Pe(e);
     }
-    var K = S.ReactCurrentOwner, ar = {
+    var B = S.ReactCurrentOwner, or = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, De, Fe, ce;
-    ce = {};
-    function or(e) {
-      if (q.call(e, "ref")) {
-        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (r && r.isReactWarning)
+    }, Fe, Ne, le;
+    le = {};
+    function ir(e) {
+      if (K.call(e, "ref")) {
+        var t = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (t && t.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function ir(e) {
-      if (q.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning)
+    function sr(e) {
+      if (K.call(e, "key")) {
+        var t = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (t && t.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function sr(e, r) {
-      if (typeof e.ref == "string" && K.current && r && K.current.stateNode !== r) {
-        var t = D(K.current.type);
-        ce[t] || (E('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', D(K.current.type), e.ref), ce[t] = !0);
+    function cr(e, t) {
+      if (typeof e.ref == "string" && B.current && t && B.current.stateNode !== t) {
+        var n = D(B.current.type);
+        le[n] || (x('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', D(B.current.type), e.ref), le[n] = !0);
       }
     }
-    function cr(e, r) {
+    function lr(e, t) {
       {
-        var t = function() {
-          De || (De = !0, E("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+        var n = function() {
+          Fe || (Fe = !0, x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
         };
-        t.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: t,
+        n.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: n,
           configurable: !0
         });
       }
     }
-    function lr(e, r) {
+    function ur(e, t) {
       {
-        var t = function() {
-          Fe || (Fe = !0, E("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+        var n = function() {
+          Ne || (Ne = !0, x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
         };
-        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: t,
+        n.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: n,
           configurable: !0
         });
       }
     }
-    var ur = function(e, r, t, a, _, v, u) {
-      var i = {
+    var fr = function(e, t, n, o, p, b, f) {
+      var l = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: f,
+        $$typeof: c,
         // Built-in properties that belong on the element
         type: e,
-        key: r,
-        ref: t,
-        props: u,
+        key: t,
+        ref: n,
+        props: f,
         // Record the component responsible for creating this element.
-        _owner: v
+        _owner: b
       };
-      return i._store = {}, Object.defineProperty(i._store, "validated", {
+      return l._store = {}, Object.defineProperty(l._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(i, "_self", {
+      }), Object.defineProperty(l, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: a
-      }), Object.defineProperty(i, "_source", {
+        value: o
+      }), Object.defineProperty(l, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: _
-      }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
+        value: p
+      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     };
-    function fr(e, r, t, a, _) {
+    function dr(e, t, n, o, p) {
       {
-        var v, u = {}, i = null, j = null;
-        t !== void 0 && (Pe(t), i = "" + t), ir(r) && (Pe(r.key), i = "" + r.key), or(r) && (j = r.ref, sr(r, _));
-        for (v in r)
-          q.call(r, v) && !ar.hasOwnProperty(v) && (u[v] = r[v]);
+        var b, f = {}, l = null, j = null;
+        n !== void 0 && (De(n), l = "" + n), sr(t) && (De(t.key), l = "" + t.key), ir(t) && (j = t.ref, cr(t, p));
+        for (b in t)
+          K.call(t, b) && !or.hasOwnProperty(b) && (f[b] = t[b]);
         if (e && e.defaultProps) {
-          var x = e.defaultProps;
-          for (v in x)
-            u[v] === void 0 && (u[v] = x[v]);
+          var E = e.defaultProps;
+          for (b in E)
+            f[b] === void 0 && (f[b] = E[b]);
         }
-        if (i || j) {
+        if (l || j) {
           var w = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          i && cr(u, w), j && lr(u, w);
+          l && lr(f, w), j && ur(f, w);
         }
-        return ur(e, i, j, _, a, K.current, u);
+        return fr(e, l, j, p, o, B.current, f);
       }
     }
-    var le = S.ReactCurrentOwner, Ne = S.ReactDebugCurrentFrame;
-    function W(e) {
+    var ue = S.ReactCurrentOwner, $e = S.ReactDebugCurrentFrame;
+    function Y(e) {
       if (e) {
-        var r = e._owner, t = H(e.type, e._source, r ? r.type : null);
-        Ne.setExtraStackFrame(t);
+        var t = e._owner, n = Z(e.type, e._source, t ? t.type : null);
+        $e.setExtraStackFrame(n);
       } else
-        Ne.setExtraStackFrame(null);
+        $e.setExtraStackFrame(null);
     }
-    var ue;
-    ue = !1;
-    function fe(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === f;
+    var fe;
+    fe = !1;
+    function de(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === c;
     }
-    function $e() {
+    function Ae() {
       {
-        if (le.current) {
-          var e = D(le.current.type);
+        if (ue.current) {
+          var e = D(ue.current.type);
           if (e)
             return `
 
@@ -491,462 +491,496 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function dr(e) {
+    function _r(e) {
       return "";
     }
-    var Ae = {};
-    function _r(e) {
+    var Le = {};
+    function pr(e) {
       {
-        var r = $e();
-        if (!r) {
-          var t = typeof e == "string" ? e : e.displayName || e.name;
-          t && (r = `
+        var t = Ae();
+        if (!t) {
+          var n = typeof e == "string" ? e : e.displayName || e.name;
+          n && (t = `
 
-Check the top-level render call using <` + t + ">.");
+Check the top-level render call using <` + n + ">.");
         }
-        return r;
+        return t;
       }
     }
-    function Le(e, r) {
+    function Me(e, t) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var t = _r(r);
-        if (Ae[t])
+        var n = pr(t);
+        if (Le[n])
           return;
-        Ae[t] = !0;
-        var a = "";
-        e && e._owner && e._owner !== le.current && (a = " It was passed a child from " + D(e._owner.type) + "."), W(e), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, a), W(null);
+        Le[n] = !0;
+        var o = "";
+        e && e._owner && e._owner !== ue.current && (o = " It was passed a child from " + D(e._owner.type) + "."), Y(e), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, o), Y(null);
       }
     }
-    function Me(e, r) {
+    function We(e, t) {
       {
         if (typeof e != "object")
           return;
-        if (se(e))
-          for (var t = 0; t < e.length; t++) {
-            var a = e[t];
-            fe(a) && Le(a, r);
+        if (ce(e))
+          for (var n = 0; n < e.length; n++) {
+            var o = e[n];
+            de(o) && Me(o, t);
           }
-        else if (fe(e))
+        else if (de(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var _ = M(e);
-          if (typeof _ == "function" && _ !== e.entries)
-            for (var v = _.call(e), u; !(u = v.next()).done; )
-              fe(u.value) && Le(u.value, r);
+          var p = $(e);
+          if (typeof p == "function" && p !== e.entries)
+            for (var b = p.call(e), f; !(f = b.next()).done; )
+              de(f.value) && Me(f.value, t);
         }
       }
     }
-    function pr(e) {
+    function vr(e) {
       {
-        var r = e.type;
-        if (r == null || typeof r == "string")
+        var t = e.type;
+        if (t == null || typeof t == "string")
           return;
-        var t;
-        if (typeof r == "function")
-          t = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === d || // Note: Memo only checks outer props here.
+        var n;
+        if (typeof t == "function")
+          n = t.propTypes;
+        else if (typeof t == "object" && (t.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === R))
-          t = r.propTypes;
+        t.$$typeof === R))
+          n = t.propTypes;
         else
           return;
-        if (t) {
-          var a = D(r);
-          er(t, e.props, "prop", a, e);
-        } else if (r.PropTypes !== void 0 && !ue) {
-          ue = !0;
-          var _ = D(r);
-          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _ || "Unknown");
+        if (n) {
+          var o = D(t);
+          rr(n, e.props, "prop", o, e);
+        } else if (t.PropTypes !== void 0 && !fe) {
+          fe = !0;
+          var p = D(t);
+          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", p || "Unknown");
         }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function vr(e) {
+    function hr(e) {
       {
-        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
-          var a = r[t];
-          if (a !== "children" && a !== "key") {
-            W(e), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", a), W(null);
+        for (var t = Object.keys(e.props), n = 0; n < t.length; n++) {
+          var o = t[n];
+          if (o !== "children" && o !== "key") {
+            Y(e), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", o), Y(null);
             break;
           }
         }
-        e.ref !== null && (W(e), E("Invalid attribute `ref` supplied to `React.Fragment`."), W(null));
+        e.ref !== null && (Y(e), x("Invalid attribute `ref` supplied to `React.Fragment`."), Y(null));
       }
     }
-    var We = {};
-    function Ye(e, r, t, a, _, v) {
+    var Ye = {};
+    function Ue(e, t, n, o, p, b) {
       {
-        var u = Je(e);
-        if (!u) {
-          var i = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (i += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var j = dr();
-          j ? i += j : i += $e();
-          var x;
-          e === null ? x = "null" : se(e) ? x = "array" : e !== void 0 && e.$$typeof === f ? (x = "<" + (D(e.type) || "Unknown") + " />", i = " Did you accidentally export a JSX literal instead of a component?") : x = typeof e, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", x, i);
+        var f = Ge(e);
+        if (!f) {
+          var l = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (l += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var j = _r();
+          j ? l += j : l += Ae();
+          var E;
+          e === null ? E = "null" : ce(e) ? E = "array" : e !== void 0 && e.$$typeof === c ? (E = "<" + (D(e.type) || "Unknown") + " />", l = " Did you accidentally export a JSX literal instead of a component?") : E = typeof e, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", E, l);
         }
-        var w = fr(e, r, t, _, v);
+        var w = dr(e, t, n, p, b);
         if (w == null)
           return w;
-        if (u) {
-          var O = r.children;
+        if (f) {
+          var O = t.children;
           if (O !== void 0)
-            if (a)
-              if (se(O)) {
-                for (var Y = 0; Y < O.length; Y++)
-                  Me(O[Y], e);
+            if (o)
+              if (ce(O)) {
+                for (var U = 0; U < O.length; U++)
+                  We(O[U], e);
                 Object.freeze && Object.freeze(O);
               } else
-                E("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Me(O, e);
+              We(O, e);
         }
-        if (q.call(r, "key")) {
-          var A = D(e), T = Object.keys(r).filter(function(xr) {
+        if (K.call(t, "key")) {
+          var L = D(e), T = Object.keys(t).filter(function(xr) {
             return xr !== "key";
-          }), de = T.length > 0 ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!We[A + de]) {
-            var yr = T.length > 0 ? "{" + T.join(": ..., ") + ": ...}" : "{}";
-            E(`A props object containing a "key" prop is being spread into JSX:
+          }), _e = T.length > 0 ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Ye[L + _e]) {
+            var Er = T.length > 0 ? "{" + T.join(": ..., ") + ": ...}" : "{}";
+            x(`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} />`, de, A, yr, A), We[A + de] = !0;
+  <%s key={someKey} {...props} />`, _e, L, Er, L), Ye[L + _e] = !0;
           }
         }
-        return e === s ? vr(w) : pr(w), w;
+        return e === i ? hr(w) : vr(w), w;
       }
     }
-    function hr(e, r, t) {
-      return Ye(e, r, t, !0);
+    function br(e, t, n) {
+      return Ue(e, t, n, !0);
     }
-    function br(e, r, t) {
-      return Ye(e, r, t, !1);
+    function mr(e, t, n) {
+      return Ue(e, t, n, !1);
     }
-    var mr = br, gr = hr;
-    J.Fragment = s, J.jsx = mr, J.jsxs = gr;
+    var gr = mr, yr = br;
+    J.Fragment = i, J.jsx = gr, J.jsxs = yr;
   }()), J;
 }
-process.env.NODE_ENV === "production" ? ve.exports = Rr() : ve.exports = Cr();
-var h = ve.exports;
-const kr = "_button_rrb70_1", jr = "_text_rrb70_21", Tr = "_primary_rrb70_26", Sr = "_danger_rrb70_27", Or = "_secondary_rrb70_50", Pr = "_disabled_rrb70_66", U = {
+process.env.NODE_ENV === "production" ? he.exports = Rr() : he.exports = Cr();
+var m = he.exports;
+const kr = "_button_11cqj_1", jr = "_text_11cqj_21", Tr = "_primary_11cqj_26", Sr = "_danger_11cqj_27", Or = "_secondary_11cqj_50", Pr = "_icon_11cqj_66", Dr = "_disabled_11cqj_80", M = {
   button: kr,
   text: jr,
   primary: Tr,
   danger: Sr,
   secondary: Or,
-  disabled: Pr
+  icon: Pr,
+  disabled: Dr
 };
-function P(n) {
-  return n.map((o) => {
-    if (typeof o == "string")
-      return o.trim();
-    if (typeof o == "object") {
-      const s = [];
-      for (const l in o)
-        o[l] && s.push(l.trim());
-      return s.join(" ");
-    }
-  }).filter((o) => !!o).join(" ");
+function P(r) {
+  return r.map((a) => {
+    if (typeof a == "string")
+      return a.trim();
+    if (typeof a == "object") {
+      const i = [];
+      for (const s in a)
+        a[s] && i.push(s.trim());
+      return i.join(" ");
+    }
+  }).filter((a) => !!a).join(" ");
 }
-const ln = ({ disabled: n, onClick: f, text: o = "Ok", type: s = "button", view: l = "primary", icon: b, ...p }) => {
-  const m = P([
-    U.button,
-    p == null ? void 0 : p.className,
+const ut = ({ disabled: r, onClick: c, text: a, type: i = "button", view: s = "primary", icon: v, label: h, ..._ }) => {
+  const d = P([
+    M.button,
+    _ == null ? void 0 : _.className,
     {
-      [U.primary]: l === "primary",
-      [U.secondary]: l === "secondary",
-      [U.danger]: l === "danger",
-      [U.disabled]: !!n
+      [M.primary]: s === "primary",
+      [M.secondary]: s === "secondary",
+      [M.danger]: s === "danger",
+      [M.icon]: s === "icon",
+      [M.disabled]: !!r
     }
   ]);
-  return /* @__PURE__ */ h.jsxs("button", { type: s, className: m, onClick: n ? void 0 : f, disabled: n, ...p, children: [
-    b && /* @__PURE__ */ h.jsx("span", { className: b, "aria-hidden": "true" }),
-    /* @__PURE__ */ h.jsx("span", { className: U.text, children: o })
+  return /* @__PURE__ */ m.jsxs("button", { "aria-label": h, type: i, className: d, onClick: r ? void 0 : c, disabled: r, ..._, children: [
+    v && /* @__PURE__ */ m.jsx("span", { className: v, "aria-hidden": "true" }),
+    s !== "icon" && /* @__PURE__ */ m.jsx("span", { className: M.text, children: a })
   ] });
-}, Dr = "_container_b5mrn_1", Fr = "_wrapper_b5mrn_7", Nr = "_input_b5mrn_21", $r = "_invalid_b5mrn_27", Ar = "_error_b5mrn_47", Lr = "_disabled_b5mrn_51", L = {
-  container: Dr,
-  wrapper: Fr,
-  input: Nr,
-  invalid: $r,
-  error: Ar,
-  disabled: Lr
-}, Mr = "_label_16gin_1", Wr = "_text_16gin_10", Yr = "_required_16gin_16", _e = {
-  label: Mr,
-  text: Wr,
-  required: Yr
-}, he = ({
-  label: n,
-  required: f,
-  inputId: o,
-  className: s,
-  isTextHidden: l = !1
-}) => /* @__PURE__ */ h.jsxs("label", { htmlFor: o, className: P([_e.label, s]), children: [
-  !l && /* @__PURE__ */ h.jsx("span", { className: _e.text, children: n }),
-  f && /* @__PURE__ */ h.jsx("abbr", { title: "required", className: _e.required, children: "*" })
-] }), Ur = "_message_1ly5l_1", Vr = "_visible_1ly5l_8", Be = {
-  message: Ur,
+}, Fr = "_container_b5mrn_1", Nr = "_wrapper_b5mrn_7", $r = "_input_b5mrn_21", Ar = "_invalid_b5mrn_27", Lr = "_error_b5mrn_47", Mr = "_disabled_b5mrn_51", W = {
+  container: Fr,
+  wrapper: Nr,
+  input: $r,
+  invalid: Ar,
+  error: Lr,
+  disabled: Mr
+}, Wr = "_label_16gin_1", Yr = "_text_16gin_10", Ur = "_required_16gin_16", pe = {
+  label: Wr,
+  text: Yr,
+  required: Ur
+}, be = ({
+  label: r,
+  required: c,
+  inputId: a,
+  className: i,
+  isTextHidden: s = !1
+}) => /* @__PURE__ */ m.jsxs("label", { htmlFor: a, className: P([pe.label, i]), children: [
+  !s && /* @__PURE__ */ m.jsx("span", { className: pe.text, children: r }),
+  c && /* @__PURE__ */ m.jsx("abbr", { title: "required", className: pe.required, children: "*" })
+] }), qr = "_message_1ly5l_1", Vr = "_visible_1ly5l_8", Ke = {
+  message: qr,
   visible: Vr
-}, Br = ({
-  errorId: n,
-  message: f = "Invalid input",
-  className: o,
-  visible: s = !1
-}) => /* @__PURE__ */ h.jsx("span", { id: n, className: P([Be.message, o, { [Be.visible]: s }]), children: f }), un = ({
-  id: n,
-  name: f,
-  label: o,
-  disabled: s,
-  placeholder: l = "Type here...",
-  valid: b = !0,
-  required: p = !1,
-  errorMessage: m,
+}, Kr = ({
+  errorId: r,
+  message: c = "Invalid input",
+  className: a,
+  visible: i = !1
+}) => /* @__PURE__ */ m.jsx("span", { id: r, className: P([Ke.message, a, { [Ke.visible]: i }]), children: c }), ft = ({
+  id: r,
+  name: c,
+  label: a,
+  disabled: i,
+  placeholder: s = "Type here...",
+  valid: v = !0,
+  required: h = !1,
+  errorMessage: _,
   defaultValue: d,
   onChange: y,
-  ...c
+  ...u
 }) => {
-  const [R, C] = ee(typeof d == "string" ? d : ""), g = `${n}_error`, k = P([L.container, c == null ? void 0 : c.className]), N = P([
-    L.wrapper,
+  const [R, C] = G(typeof d == "string" ? d : ""), g = `${r}_error`, k = P([W.container, u == null ? void 0 : u.className]), N = P([
+    W.wrapper,
     {
-      [L.disabled]: !!s,
-      [L.invalid]: !b
+      [W.disabled]: !!i,
+      [W.invalid]: !v
     }
-  ]), M = (S) => {
-    const { value: E = "" } = S.target;
-    C(E), y && y(S);
+  ]), $ = (S) => {
+    const { value: x = "" } = S.target;
+    C(x), y && y(S);
   };
-  return /* @__PURE__ */ h.jsxs("div", { className: k, children: [
-    /* @__PURE__ */ h.jsxs("div", { className: N, children: [
-      /* @__PURE__ */ h.jsx(he, { label: o, required: p, inputId: n, className: L.label }),
-      /* @__PURE__ */ h.jsx(
+  return /* @__PURE__ */ m.jsxs("div", { className: k, children: [
+    /* @__PURE__ */ m.jsxs("div", { className: N, children: [
+      /* @__PURE__ */ m.jsx(be, { label: a, required: h, inputId: r, className: W.label }),
+      /* @__PURE__ */ m.jsx(
         "input",
         {
-          id: n,
-          name: f,
+          id: r,
+          name: c,
           type: "text",
-          className: L.input,
-          disabled: s,
-          placeholder: l,
-          required: p,
-          "aria-invalid": !b,
+          className: W.input,
+          disabled: i,
+          placeholder: s,
+          required: h,
+          "aria-invalid": !v,
           "aria-errormessage": g,
           value: R,
-          onChange: M,
-          ...c
+          onChange: $,
+          ...u
         }
       )
     ] }),
-    /* @__PURE__ */ h.jsx(Br, { errorId: g, message: m, className: L.error, visible: !b })
+    /* @__PURE__ */ m.jsx(Kr, { errorId: g, message: _, className: W.error, visible: !v })
   ] });
-}, qr = "_wrapper_gevmw_1", Kr = "_combobox_gevmw_17", Ir = "_combobox_label_gevmw_42", Jr = "_dropdown_gevmw_47", Gr = "_dropdown_opened_gevmw_68", Xr = "_option_gevmw_73", zr = "_active_gevmw_82", Hr = "_disabled_gevmw_91", Zr = "_icon_gevmw_97", F = {
-  wrapper: qr,
-  combobox: Kr,
-  combobox_label: Ir,
-  dropdown: Jr,
-  dropdown_opened: Gr,
-  option: Xr,
-  active: zr,
-  disabled: Hr,
-  icon: Zr
-}, Qr = ({ ref: n, onClickOutsideHandler: f, dependentRef: o }) => {
-  Er(() => {
-    const s = (l) => {
-      const b = (n == null ? void 0 : n.current) && !n.current.contains(l.target), p = o != null && o.current ? !o.current.contains(l.target) : !0;
-      b && p && f();
+}, Br = "_wrapper_gevmw_1", Ir = "_combobox_gevmw_17", Jr = "_combobox_label_gevmw_42", Gr = "_dropdown_gevmw_47", Xr = "_dropdown_opened_gevmw_68", zr = "_option_gevmw_73", Hr = "_active_gevmw_82", Zr = "_disabled_gevmw_91", Qr = "_icon_gevmw_97", F = {
+  wrapper: Br,
+  combobox: Ir,
+  combobox_label: Jr,
+  dropdown: Gr,
+  dropdown_opened: Xr,
+  option: zr,
+  active: Hr,
+  disabled: Zr,
+  icon: Qr
+}, et = ({ ref: r, onClickOutsideHandler: c, dependentRef: a }) => {
+  re(() => {
+    const i = (s) => {
+      const v = (r == null ? void 0 : r.current) && !r.current.contains(s.target), h = a != null && a.current ? !a.current.contains(s.target) : !0;
+      v && h && c();
     };
-    return document.addEventListener("mousedown", s), () => {
-      document.removeEventListener("mousedown", s);
+    return document.addEventListener("mousedown", i), () => {
+      document.removeEventListener("mousedown", i);
     };
-  }, [n, o, f]);
+  }, [r, a, c]);
 };
-var V = /* @__PURE__ */ ((n) => (n.CheckMark = "chop-icon__check", n.Home = "chop-icon__home", n.Menu = "chop-icon__menu", n.Enlarge = "chop-icon__enlarge2", n.Shrink = "chop-icon__shrink2", n.Settings = "chop-icon__cog", n.Delete = "chop-icon__bin2", n.Up = "chop-icon__circle-up", n.Down = "chop-icon__circle-down", n.Right = "chop-icon__circle-right", n.Left = "chop-icon__circle-left", n.Sound = "chop-icon__volume-medium", n.NoSound = "chop-icon__volume-mute2", n.LightMode = "chop-icon__sun", n.DarkMode = "chop-icon__contrast", n.Cancel = "chop-icon__close", n.Sidebar = "chop-icon__magic-wand", n.Telegram = "chop-icon__telegram", n.Github = "chop-icon__github", n.Mail = "chop-icon__mail4", n.Propositions = "chop-icon__cube", n.Resolution = "chop-icon__libreoffice", n.Predicates = "chop-icon__cubes", n.TruthTables = "chop-icon__delicious", n.Syllogisms = "chop-icon__dice", n.English = "chop-icon__english-lang", n.Russian = "chop-icon__russian-lang", n.Required = "chop-icon__fire", n.Checked = "chop-icon__checkbox-checked", n.Unchecked = "chop-icon__checkbox-unchecked", n.Info = "chop-icon__exclamation-triangle", n.LinkedIn = "chop-icon__linkedin-square", n.File = "chop-icon__file-empty", n.Files = "chop-icon__files-empty", n.Facebook = "chop-icon__facebook2", n.CaretUp = "chop-icon__caret-up", n.CaretDown = "chop-icon__caret-down", n.SavePDF = "chop-icon__file-pdf", n.ExportXML = "chop-icon__download", n.ImportXML = "chop-icon__upload", n.Copy = "chop-icon__copy", n.Paste = "chop-icon__paste", n.Cut = "chop-icon__scissors", n.Reset = "chop-icon__trash", n.Clear = "chop-icon__cross", n))(V || {});
-const en = ({
-  isOpened: n,
-  onClick: f,
-  comboboxId: o,
-  dropdownId: s,
-  selected: l,
-  name: b,
-  placeholder: p,
-  disabled: m,
+var q = /* @__PURE__ */ ((r) => (r.CheckMark = "chop-icon__check", r.Home = "chop-icon__home", r.Menu = "chop-icon__menu", r.Enlarge = "chop-icon__enlarge2", r.Shrink = "chop-icon__shrink2", r.Settings = "chop-icon__cog", r.Delete = "chop-icon__bin2", r.Up = "chop-icon__circle-up", r.Down = "chop-icon__circle-down", r.Right = "chop-icon__circle-right", r.Left = "chop-icon__circle-left", r.Sound = "chop-icon__volume-medium", r.NoSound = "chop-icon__volume-mute2", r.LightMode = "chop-icon__sun", r.DarkMode = "chop-icon__contrast", r.Cancel = "chop-icon__close", r.Sidebar = "chop-icon__magic-wand", r.Telegram = "chop-icon__telegram", r.Github = "chop-icon__github", r.Mail = "chop-icon__mail4", r.Propositions = "chop-icon__cube", r.Resolution = "chop-icon__libreoffice", r.Predicates = "chop-icon__cubes", r.TruthTables = "chop-icon__delicious", r.Syllogisms = "chop-icon__dice", r.English = "chop-icon__english-lang", r.Russian = "chop-icon__russian-lang", r.Required = "chop-icon__fire", r.Checked = "chop-icon__checkbox-checked", r.Unchecked = "chop-icon__checkbox-unchecked", r.Info = "chop-icon__exclamation-triangle", r.LinkedIn = "chop-icon__linkedin-square", r.File = "chop-icon__file-empty", r.Files = "chop-icon__files-empty", r.Facebook = "chop-icon__facebook2", r.CaretUp = "chop-icon__caret-up", r.CaretDown = "chop-icon__caret-down", r.SavePDF = "chop-icon__file-pdf", r.ExportXML = "chop-icon__download", r.ImportXML = "chop-icon__upload", r.Copy = "chop-icon__copy", r.Paste = "chop-icon__paste", r.Cut = "chop-icon__scissors", r.Reset = "chop-icon__trash", r.Clear = "chop-icon__cross", r))(q || {});
+const rt = ({
+  isOpened: r,
+  onClick: c,
+  comboboxId: a,
+  dropdownId: i,
+  selected: s,
+  name: v,
+  placeholder: h,
+  disabled: _,
   required: d
 }) => {
-  const y = P([F.icon, { [V.CaretUp]: n, [V.CaretDown]: !n }]);
-  return /* @__PURE__ */ h.jsxs(
+  const y = P([F.icon, { [q.CaretUp]: r, [q.CaretDown]: !r }]);
+  return /* @__PURE__ */ m.jsxs(
     "button",
     {
       type: "button",
-      name: b,
-      value: l == null ? void 0 : l.id,
+      name: v,
+      value: s == null ? void 0 : s.id,
       role: "combobox",
       "aria-haspopup": "listbox",
-      "aria-expanded": n,
-      "aria-controls": s,
-      id: o,
+      "aria-expanded": r,
+      "aria-controls": i,
+      id: a,
       className: F.combobox,
-      onClick: f,
-      disabled: m,
+      onClick: c,
+      disabled: _,
       "aria-required": d,
       children: [
-        /* @__PURE__ */ h.jsx("span", { className: F.combobox_label, children: (l == null ? void 0 : l.label) ?? p }),
-        /* @__PURE__ */ h.jsx("span", { className: y, "aria-hidden": "true" })
+        /* @__PURE__ */ m.jsx("span", { className: F.combobox_label, children: (s == null ? void 0 : s.label) ?? h }),
+        /* @__PURE__ */ m.jsx("span", { className: y, "aria-hidden": "true" })
       ]
     }
   );
 };
-function pe(n) {
-  const f = document.getElementById(n);
-  f && f.focus();
+function ve(r) {
+  const c = document.getElementById(r);
+  c && c.focus();
 }
-const rn = ({ value: n, isSelected: f, onSelect: o }) => {
-  const { id: s, label: l } = n, b = P([F.icon, V.CheckMark]), p = (m) => (d) => {
+const tt = ({ value: r, isSelected: c, onSelect: a }) => {
+  const { id: i, label: s } = r, v = P([F.icon, q.CheckMark]), h = (_) => (d) => {
     switch (d.key) {
       case " ":
       case "SpaceBar":
       case "Enter":
-        d.preventDefault(), o(m);
+        d.preventDefault(), a(_);
         break;
     }
   };
-  return /* @__PURE__ */ h.jsxs(
+  return /* @__PURE__ */ m.jsxs(
     "li",
     {
-      id: s,
+      id: i,
       role: "option",
       className: F.option,
-      "aria-selected": f,
+      "aria-selected": c,
       tabIndex: 0,
-      onKeyDown: p(s),
-      onClick: () => o(s),
+      onKeyDown: h(i),
+      onClick: () => a(i),
       children: [
-        /* @__PURE__ */ h.jsx("span", { children: l }),
-        f && /* @__PURE__ */ h.jsx("span", { className: b, "aria-hidden": "true" })
+        /* @__PURE__ */ m.jsx("span", { children: s }),
+        c && /* @__PURE__ */ m.jsx("span", { className: v, "aria-hidden": "true" })
       ]
     }
   );
-}, nn = ({ values: n, isOpened: f, onClose: o, onSelect: s, dropdownId: l, comboboxId: b, selected: p }) => {
-  const m = P([F.dropdown, { [F.dropdown_opened]: f }]), d = (c) => {
-    s(c), o(), pe(b);
-  }, y = (c) => {
+}, nt = ({ values: r, isOpened: c, onClose: a, onSelect: i, dropdownId: s, comboboxId: v, selected: h }) => {
+  const _ = P([F.dropdown, { [F.dropdown_opened]: c }]), d = (u) => {
+    i(u), a(), ve(v);
+  }, y = (u) => {
     let R = "";
-    n.forEach((g) => {
+    r.forEach((g) => {
       document.getElementById(g.id) === document.activeElement && (R = g.id);
     });
-    const C = n.findIndex((g) => g.id === R);
-    switch (c.key) {
+    const C = r.findIndex((g) => g.id === R);
+    switch (u.key) {
       case "Escape":
-        c.preventDefault(), o();
+        u.preventDefault(), a();
         break;
       case "ArrowUp": {
-        c.preventDefault();
-        const g = C - 1 >= 0 ? C - 1 : n.length - 1, k = n[g];
-        k && pe(k.id);
+        u.preventDefault();
+        const g = C - 1 >= 0 ? C - 1 : r.length - 1, k = r[g];
+        k && ve(k.id);
         break;
       }
       case "ArrowDown":
       case "Tab": {
-        c.preventDefault();
-        const g = C === n.length - 1 ? 0 : C + 1, k = n[g];
-        k && pe(k.id);
+        u.preventDefault();
+        const g = C === r.length - 1 ? 0 : C + 1, k = r[g];
+        k && ve(k.id);
         break;
       }
     }
   };
-  return /* @__PURE__ */ h.jsx("ul", { className: m, role: "listbox", id: l, tabIndex: -1, onKeyDown: y, children: n.map((c) => /* @__PURE__ */ h.jsx(rn, { value: c, onSelect: () => d(c.id), isSelected: c.id === (p == null ? void 0 : p.id) }, c.id)) });
-}, fn = ({
-  id: n,
-  values: f,
-  onSelectChange: o,
-  name: s,
-  label: l,
-  required: b = !1,
-  placeholder: p = "Not selected",
-  disabled: m = !1,
+  return /* @__PURE__ */ m.jsx("ul", { className: _, role: "listbox", id: s, tabIndex: -1, onKeyDown: y, children: r.map((u) => /* @__PURE__ */ m.jsx(tt, { value: u, onSelect: () => d(u.id), isSelected: u.id === (h == null ? void 0 : h.id) }, u.id)) });
+}, at = ({ ref: r, keyCode: c, onKeyPress: a }) => {
+  re(() => {
+    const i = (s) => {
+      (s == null ? void 0 : s.code) === c && (r != null && r.current) && a();
+    };
+    return document.addEventListener("keydown", i, !1), () => {
+      document.removeEventListener("keydown", i, !1);
+    };
+  }, [r, c, a]);
+}, dt = ({
+  id: r,
+  values: c,
+  onSelectChange: a,
+  name: i,
+  label: s,
+  required: v = !1,
+  placeholder: h = "Not selected",
+  disabled: _ = !1,
   ...d
 }) => {
-  const [y, c] = ee(!1), [R, C] = ee(), g = `${n}_combobox`, k = `${n}_dropdown`, N = P([F.wrapper, d == null ? void 0 : d.className, { [F.disabled]: m }]), M = wr(null), S = () => c(!1), E = () => c(!y), re = (ne) => {
-    const G = f.find((te) => te.id === ne);
-    C(G), o == null || o(G);
+  const [y, u] = G(!1), [R, C] = G(), g = `${r}_combobox`, k = `${r}_dropdown`, N = P([F.wrapper, d == null ? void 0 : d.className, { [F.disabled]: _ }]), $ = wr(null), S = () => u(!1), x = () => u(!y), te = (ne) => {
+    const X = c.find((ae) => ae.id === ne);
+    C(X), a == null || a(X);
   };
-  return Qr({ ref: M, onClickOutsideHandler: S }), /* @__PURE__ */ h.jsxs("div", { className: N, ref: M, children: [
-    /* @__PURE__ */ h.jsx(he, { label: l, required: b, inputId: g, className: F.label }),
-    /* @__PURE__ */ h.jsx(
-      en,
+  return et({ ref: $, onClickOutsideHandler: S }), at({ keyCode: "Escape", ref: $, onKeyPress: S }), /* @__PURE__ */ m.jsxs("div", { className: N, ref: $, children: [
+    /* @__PURE__ */ m.jsx(be, { label: s, required: v, inputId: g, className: F.label }),
+    /* @__PURE__ */ m.jsx(
+      rt,
       {
-        name: s,
+        name: i,
         isOpened: y,
         comboboxId: g,
         dropdownId: k,
-        onClick: E,
+        onClick: x,
         selected: R,
-        placeholder: p,
-        disabled: m,
-        required: b
+        placeholder: h,
+        disabled: _,
+        required: v
       }
     ),
-    /* @__PURE__ */ h.jsx(
-      nn,
+    /* @__PURE__ */ m.jsx(
+      nt,
       {
-        values: f,
+        values: c,
         selected: R,
         isOpened: y,
         onClose: S,
         dropdownId: k,
         comboboxId: g,
-        onSelect: re
+        onSelect: te
       }
     )
   ] });
-}, tn = "_wrapper_1ab48_1", an = "_input_1ab48_9", on = "_label_1ab48_23", sn = "_disabled_1ab48_38", Q = {
-  wrapper: tn,
-  input: an,
-  label: on,
-  disabled: sn
-}, dn = ({
-  id: n,
-  name: f,
-  label: o,
-  disabled: s,
-  required: l = !1,
-  onChange: b,
-  isLabelHidden: p,
-  className: m,
+}, ot = "_wrapper_1ab48_1", it = "_input_1ab48_9", st = "_label_1ab48_23", ct = "_disabled_1ab48_38", ee = {
+  wrapper: ot,
+  input: it,
+  label: st,
+  disabled: ct
+}, _t = ({
+  id: r,
+  name: c,
+  label: a,
+  disabled: i,
+  required: s = !1,
+  onChange: v,
+  isLabelHidden: h,
+  className: _,
   ...d
 }) => {
-  const [y, c] = ee(!1), R = P([Q.wrapper, m, { [Q.disabled]: !!s }]), C = P([Q.label, { [V.Checked]: y, [V.Unchecked]: !y }]), g = (k) => {
-    if (s)
+  const [y, u] = G(!1), R = P([ee.wrapper, _, { [ee.disabled]: !!i }]), C = P([ee.label, { [q.Checked]: y, [q.Unchecked]: !y }]), g = (k) => {
+    if (i)
       return;
     const N = k.target.checked;
-    c(N), b && b(k);
+    u(N), v && v(k);
   };
-  return /* @__PURE__ */ h.jsxs("div", { className: R, children: [
-    /* @__PURE__ */ h.jsx(
+  return /* @__PURE__ */ m.jsxs("div", { className: R, children: [
+    /* @__PURE__ */ m.jsx(
       "input",
       {
-        id: n,
-        name: f,
+        id: r,
+        name: c,
         type: "checkbox",
-        className: Q.input,
-        disabled: s,
-        required: l,
+        className: ee.input,
+        disabled: i,
+        required: s,
         checked: y,
         onChange: g,
-        "aria-label": p ? o : void 0,
+        "aria-label": h ? a : void 0,
         ...d
       }
     ),
-    /* @__PURE__ */ h.jsx(he, { label: o, required: l, inputId: n, className: C, isTextHidden: p })
+    /* @__PURE__ */ m.jsx(be, { label: a, required: s, inputId: r, className: C, isTextHidden: h })
   ] });
+}, pt = (r, c = 300) => {
+  const [a, i] = G(!1);
+  return re(() => {
+    r && !a ? i(!0) : !r && a && setTimeout(() => {
+      i(!1);
+    }, c);
+  }, [r]), a;
+}, vt = ({ modalRef: r, isOpened: c }) => {
+  re(() => {
+    const a = r.current;
+    if (!c || !a)
+      return;
+    const i = a.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'), s = i[0], v = i[i.length - 1], h = (_) => {
+      _.key === "Tab" && (_.shiftKey && document.activeElement === s ? (_.preventDefault(), v.focus()) : !_.shiftKey && document.activeElement === v && (_.preventDefault(), s.focus()));
+    };
+    return a.addEventListener("keydown", h), () => {
+      a.removeEventListener("keydown", h);
+    };
+  }, [r, c]);
 };
 export {
-  V as ChopIcon,
-  ln as ChopLogicButton,
-  dn as ChopLogicCheckbox,
-  fn as ChopLogicSelect,
-  un as ChopLogicTextInput
+  q as ChopIcon,
+  ut as ChopLogicButton,
+  _t as ChopLogicCheckbox,
+  dt as ChopLogicSelect,
+  ft as ChopLogicTextInput,
+  et as useClickOutside,
+  at as useKeyPress,
+  vt as useModalFocusTrap,
+  pt as useMount
 };
 //# sourceMappingURL=index.es.js.map