chop-logic-components 1.2.7 → 2.0.0

package/dist/index-Dg2AZXfT.js

@@ -0,0 +1,4203 @@
+import ye, { useDebugValue as sn, createElement as vr, useRef as $e, useContext as xe, lazy as T, Suspense as wr, useEffect as fe, useState as B, useId as Sr, useCallback as tt } from "react";
+import kr from "react-dom";
+var st = { exports: {} }, Xe = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var an;
+function Cr() {
+  if (an) return Xe;
+  an = 1;
+  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function n(r, o, s) {
+    var i = null;
+    if (s !== void 0 && (i = "" + s), o.key !== void 0 && (i = "" + o.key), "key" in o) {
+      s = {};
+      for (var d in o)
+        d !== "key" && (s[d] = o[d]);
+    } else s = o;
+    return o = s.ref, {
+      $$typeof: e,
+      type: r,
+      key: i,
+      ref: o !== void 0 ? o : null,
+      props: s
+    };
+  }
+  return Xe.Fragment = t, Xe.jsx = n, Xe.jsxs = n, Xe;
+}
+var Je = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var cn;
+function jr() {
+  return cn || (cn = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(a) {
+      if (a == null) return null;
+      if (typeof a == "function")
+        return a.$$typeof === rt ? null : a.displayName || a.name || null;
+      if (typeof a == "string") return a;
+      switch (a) {
+        case C:
+          return "Fragment";
+        case z:
+          return "Portal";
+        case D:
+          return "Profiler";
+        case x:
+          return "StrictMode";
+        case se:
+          return "Suspense";
+        case X:
+          return "SuspenseList";
+      }
+      if (typeof a == "object")
+        switch (typeof a.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), a.$$typeof) {
+          case oe:
+            return (a.displayName || "Context") + ".Provider";
+          case V:
+            return (a._context.displayName || "Context") + ".Consumer";
+          case te:
+            var b = a.render;
+            return a = a.displayName, a || (a = b.displayName || b.name || "", a = a !== "" ? "ForwardRef(" + a + ")" : "ForwardRef"), a;
+          case Ve:
+            return b = a.displayName || null, b !== null ? b : e(a.type) || "Memo";
+          case Ke:
+            b = a._payload, a = a._init;
+            try {
+              return e(a(b));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function t(a) {
+      return "" + a;
+    }
+    function n(a) {
+      try {
+        t(a);
+        var b = !1;
+      } catch {
+        b = !0;
+      }
+      if (b) {
+        b = console;
+        var y = b.error, R = typeof Symbol == "function" && Symbol.toStringTag && a[Symbol.toStringTag] || a.constructor.name || "Object";
+        return y.call(
+          b,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          R
+        ), t(a);
+      }
+    }
+    function r() {
+    }
+    function o() {
+      if (ie === 0) {
+        Se = console.log, pe = console.info, ke = console.warn, ae = console.error, ne = console.group, Oe = console.groupCollapsed, Ce = console.groupEnd;
+        var a = {
+          configurable: !0,
+          enumerable: !0,
+          value: r,
+          writable: !0
+        };
+        Object.defineProperties(console, {
+          info: a,
+          log: a,
+          warn: a,
+          error: a,
+          group: a,
+          groupCollapsed: a,
+          groupEnd: a
+        });
+      }
+      ie++;
+    }
+    function s() {
+      if (ie--, ie === 0) {
+        var a = { configurable: !0, enumerable: !0, writable: !0 };
+        Object.defineProperties(console, {
+          log: K({}, a, { value: Se }),
+          info: K({}, a, { value: pe }),
+          warn: K({}, a, { value: ke }),
+          error: K({}, a, { value: ae }),
+          group: K({}, a, { value: ne }),
+          groupCollapsed: K({}, a, { value: Oe }),
+          groupEnd: K({}, a, { value: Ce })
+        });
+      }
+      0 > ie && console.error(
+        "disabledDepth fell below zero. This is a bug in React. Please file an issue."
+      );
+    }
+    function i(a) {
+      if (J === void 0)
+        try {
+          throw Error();
+        } catch (y) {
+          var b = y.stack.trim().match(/\n( *(at )?)/);
+          J = b && b[1] || "", en = -1 < y.stack.indexOf(`
+    at`) ? " (<anonymous>)" : -1 < y.stack.indexOf("@") ? "@unknown:0:0" : "";
+        }
+      return `
+` + J + a + en;
+    }
+    function d(a, b) {
+      if (!a || zt) return "";
+      var y = Rt.get(a);
+      if (y !== void 0) return y;
+      zt = !0, y = Error.prepareStackTrace, Error.prepareStackTrace = void 0;
+      var R = null;
+      R = H.H, H.H = null, o();
+      try {
+        var F = {
+          DetermineComponentFrameRoot: function() {
+            try {
+              if (b) {
+                var me = function() {
+                  throw Error();
+                };
+                if (Object.defineProperty(me.prototype, "props", {
+                  set: function() {
+                    throw Error();
+                  }
+                }), typeof Reflect == "object" && Reflect.construct) {
+                  try {
+                    Reflect.construct(me, []);
+                  } catch (le) {
+                    var ot = le;
+                  }
+                  Reflect.construct(a, [], me);
+                } else {
+                  try {
+                    me.call();
+                  } catch (le) {
+                    ot = le;
+                  }
+                  a.call(me.prototype);
+                }
+              } else {
+                try {
+                  throw Error();
+                } catch (le) {
+                  ot = le;
+                }
+                (me = a()) && typeof me.catch == "function" && me.catch(function() {
+                });
+              }
+            } catch (le) {
+              if (le && ot && typeof le.stack == "string")
+                return [le.stack, ot.stack];
+            }
+            return [null, null];
+          }
+        };
+        F.DetermineComponentFrameRoot.displayName = "DetermineComponentFrameRoot";
+        var M = Object.getOwnPropertyDescriptor(
+          F.DetermineComponentFrameRoot,
+          "name"
+        );
+        M && M.configurable && Object.defineProperty(
+          F.DetermineComponentFrameRoot,
+          "name",
+          { value: "DetermineComponentFrameRoot" }
+        );
+        var I = F.DetermineComponentFrameRoot(), ce = I[0], Pe = I[1];
+        if (ce && Pe) {
+          var G = ce.split(`
+`), je = Pe.split(`
+`);
+          for (I = M = 0; M < G.length && !G[M].includes(
+            "DetermineComponentFrameRoot"
+          ); )
+            M++;
+          for (; I < je.length && !je[I].includes(
+            "DetermineComponentFrameRoot"
+          ); )
+            I++;
+          if (M === G.length || I === je.length)
+            for (M = G.length - 1, I = je.length - 1; 1 <= M && 0 <= I && G[M] !== je[I]; )
+              I--;
+          for (; 1 <= M && 0 <= I; M--, I--)
+            if (G[M] !== je[I]) {
+              if (M !== 1 || I !== 1)
+                do
+                  if (M--, I--, 0 > I || G[M] !== je[I]) {
+                    var qe = `
+` + G[M].replace(
+                      " at new ",
+                      " at "
+                    );
+                    return a.displayName && qe.includes("<anonymous>") && (qe = qe.replace("<anonymous>", a.displayName)), typeof a == "function" && Rt.set(a, qe), qe;
+                  }
+                while (1 <= M && 0 <= I);
+              break;
+            }
+        }
+      } finally {
+        zt = !1, H.H = R, s(), Error.prepareStackTrace = y;
+      }
+      return G = (G = a ? a.displayName || a.name : "") ? i(G) : "", typeof a == "function" && Rt.set(a, G), G;
+    }
+    function l(a) {
+      if (a == null) return "";
+      if (typeof a == "function") {
+        var b = a.prototype;
+        return d(
+          a,
+          !(!b || !b.isReactComponent)
+        );
+      }
+      if (typeof a == "string") return i(a);
+      switch (a) {
+        case se:
+          return i("Suspense");
+        case X:
+          return i("SuspenseList");
+      }
+      if (typeof a == "object")
+        switch (a.$$typeof) {
+          case te:
+            return a = d(a.render, !1), a;
+          case Ve:
+            return l(a.type);
+          case Ke:
+            b = a._payload, a = a._init;
+            try {
+              return l(a(b));
+            } catch {
+            }
+        }
+      return "";
+    }
+    function u() {
+      var a = H.A;
+      return a === null ? null : a.getOwner();
+    }
+    function f(a) {
+      if (he.call(a, "key")) {
+        var b = Object.getOwnPropertyDescriptor(a, "key").get;
+        if (b && b.isReactWarning) return !1;
+      }
+      return a.key !== void 0;
+    }
+    function h(a, b) {
+      function y() {
+        tn || (tn = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          b
+        ));
+      }
+      y.isReactWarning = !0, Object.defineProperty(a, "key", {
+        get: y,
+        configurable: !0
+      });
+    }
+    function m() {
+      var a = e(this.type);
+      return nn[a] || (nn[a] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), a = this.props.ref, a !== void 0 ? a : null;
+    }
+    function p(a, b, y, R, F, M) {
+      return y = M.ref, a = {
+        $$typeof: _,
+        type: a,
+        key: b,
+        props: M,
+        _owner: F
+      }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(a, "ref", {
+        enumerable: !1,
+        get: m
+      }) : Object.defineProperty(a, "ref", { enumerable: !1, value: null }), a._store = {}, Object.defineProperty(a._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(a, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
+    }
+    function g(a, b, y, R, F, M) {
+      if (typeof a == "string" || typeof a == "function" || a === C || a === D || a === x || a === se || a === X || a === _t || typeof a == "object" && a !== null && (a.$$typeof === Ke || a.$$typeof === Ve || a.$$typeof === oe || a.$$typeof === V || a.$$typeof === te || a.$$typeof === W || a.getModuleId !== void 0)) {
+        var I = b.children;
+        if (I !== void 0)
+          if (R)
+            if (we(I)) {
+              for (R = 0; R < I.length; R++)
+                $(I[R], a);
+              Object.freeze && Object.freeze(I);
+            } else
+              console.error(
+                "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+              );
+          else $(I, a);
+      } else
+        I = "", (a === void 0 || typeof a == "object" && a !== null && Object.keys(a).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."), a === null ? R = "null" : we(a) ? R = "array" : a !== void 0 && a.$$typeof === _ ? (R = "<" + (e(a.type) || "Unknown") + " />", I = " Did you accidentally export a JSX literal instead of a component?") : R = typeof a, console.error(
+          "React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
+          R,
+          I
+        );
+      if (he.call(b, "key")) {
+        I = e(a);
+        var ce = Object.keys(b).filter(function(G) {
+          return G !== "key";
+        });
+        R = 0 < ce.length ? "{key: someKey, " + ce.join(": ..., ") + ": ...}" : "{key: someKey}", rn[I + R] || (ce = 0 < ce.length ? "{" + ce.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          R,
+          I,
+          ce,
+          I
+        ), rn[I + R] = !0);
+      }
+      if (I = null, y !== void 0 && (n(y), I = "" + y), f(b) && (n(b.key), I = "" + b.key), "key" in b) {
+        y = {};
+        for (var Pe in b)
+          Pe !== "key" && (y[Pe] = b[Pe]);
+      } else y = b;
+      return I && h(
+        y,
+        typeof a == "function" ? a.displayName || a.name || "Unknown" : a
+      ), p(a, I, M, F, u(), y);
+    }
+    function $(a, b) {
+      if (typeof a == "object" && a && a.$$typeof !== xr) {
+        if (we(a))
+          for (var y = 0; y < a.length; y++) {
+            var R = a[y];
+            w(R) && v(R, b);
+          }
+        else if (w(a))
+          a._store && (a._store.validated = 1);
+        else if (a === null || typeof a != "object" ? y = null : (y = Te && a[Te] || a["@@iterator"], y = typeof y == "function" ? y : null), typeof y == "function" && y !== a.entries && (y = y.call(a), y !== a))
+          for (; !(a = y.next()).done; )
+            w(a.value) && v(a.value, b);
+      }
+    }
+    function w(a) {
+      return typeof a == "object" && a !== null && a.$$typeof === _;
+    }
+    function v(a, b) {
+      if (a._store && !a._store.validated && a.key == null && (a._store.validated = 1, b = S(b), !on[b])) {
+        on[b] = !0;
+        var y = "";
+        a && a._owner != null && a._owner !== u() && (y = null, typeof a._owner.tag == "number" ? y = e(a._owner.type) : typeof a._owner.name == "string" && (y = a._owner.name), y = " It was passed a child from " + y + ".");
+        var R = H.getCurrentStack;
+        H.getCurrentStack = function() {
+          var F = l(a.type);
+          return R && (F += R() || ""), F;
+        }, console.error(
+          'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
+          b,
+          y
+        ), H.getCurrentStack = R;
+      }
+    }
+    function S(a) {
+      var b = "", y = u();
+      return y && (y = e(y.type)) && (b = `
+
+Check the render method of \`` + y + "`."), b || (a = e(a)) && (b = `
+
+Check the top-level render call using <` + a + ">."), b;
+    }
+    var E = ye, _ = Symbol.for("react.transitional.element"), z = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), D = Symbol.for("react.profiler"), V = Symbol.for("react.consumer"), oe = Symbol.for("react.context"), te = Symbol.for("react.forward_ref"), se = Symbol.for("react.suspense"), X = Symbol.for("react.suspense_list"), Ve = Symbol.for("react.memo"), Ke = Symbol.for("react.lazy"), _t = Symbol.for("react.offscreen"), Te = Symbol.iterator, rt = Symbol.for("react.client.reference"), H = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, he = Object.prototype.hasOwnProperty, K = Object.assign, W = Symbol.for("react.client.reference"), we = Array.isArray, ie = 0, Se, pe, ke, ae, ne, Oe, Ce;
+    r.__reactDisabledLog = !0;
+    var J, en, zt = !1, Rt = new (typeof WeakMap == "function" ? WeakMap : Map)(), xr = Symbol.for("react.client.reference"), tn, nn = {}, rn = {}, on = {};
+    Je.Fragment = C, Je.jsx = function(a, b, y, R, F) {
+      return g(a, b, y, !1, R, F);
+    }, Je.jsxs = function(a, b, y, R, F) {
+      return g(a, b, y, !0, R, F);
+    };
+  }()), Je;
+}
+var ln;
+function Er() {
+  return ln || (ln = 1, process.env.NODE_ENV === "production" ? st.exports = Cr() : st.exports = jr()), st.exports;
+}
+var c = Er(), U = function() {
+  return U = Object.assign || function(t) {
+    for (var n, r = 1, o = arguments.length; r < o; r++) {
+      n = arguments[r];
+      for (var s in n) Object.prototype.hasOwnProperty.call(n, s) && (t[s] = n[s]);
+    }
+    return t;
+  }, U.apply(this, arguments);
+};
+function Be(e, t, n) {
+  if (n || arguments.length === 2) for (var r = 0, o = t.length, s; r < o; r++)
+    (s || !(r in t)) && (s || (s = Array.prototype.slice.call(t, 0, r)), s[r] = t[r]);
+  return e.concat(s || Array.prototype.slice.call(t));
+}
+function Ir(e) {
+  var t = /* @__PURE__ */ Object.create(null);
+  return function(n) {
+    return t[n] === void 0 && (t[n] = e(n)), t[n];
+  };
+}
+var Ar = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, _r = /* @__PURE__ */ Ir(
+  function(e) {
+    return Ar.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+), P = "-ms-", Qe = "-moz-", O = "-webkit-", zn = "comm", xt = "rule", Ut = "decl", zr = "@import", Rn = "@keyframes", Rr = "@layer", Tn = Math.abs, Yt = String.fromCharCode, Bt = Object.assign;
+function Tr(e, t) {
+  return L(e, 0) ^ 45 ? (((t << 2 ^ L(e, 0)) << 2 ^ L(e, 1)) << 2 ^ L(e, 2)) << 2 ^ L(e, 3) : 0;
+}
+function On(e) {
+  return e.trim();
+}
+function de(e, t) {
+  return (e = t.exec(e)) ? e[0] : e;
+}
+function A(e, t, n) {
+  return e.replace(t, n);
+}
+function dt(e, t, n) {
+  return e.indexOf(t, n);
+}
+function L(e, t) {
+  return e.charCodeAt(t) | 0;
+}
+function De(e, t, n) {
+  return e.slice(t, n);
+}
+function re(e) {
+  return e.length;
+}
+function Pn(e) {
+  return e.length;
+}
+function Ze(e, t) {
+  return t.push(e), e;
+}
+function Or(e, t) {
+  return e.map(t).join("");
+}
+function dn(e, t) {
+  return e.filter(function(n) {
+    return !de(n, t);
+  });
+}
+var vt = 1, Ne = 1, Mn = 0, Q = 0, N = 0, Ge = "";
+function wt(e, t, n, r, o, s, i, d) {
+  return { value: e, root: t, parent: n, type: r, props: o, children: s, line: vt, column: Ne, length: i, return: "", siblings: d };
+}
+function ge(e, t) {
+  return Bt(wt("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
+}
+function Me(e) {
+  for (; e.root; )
+    e = ge(e.root, { children: [e] });
+  Ze(e, e.siblings);
+}
+function Pr() {
+  return N;
+}
+function Mr() {
+  return N = Q > 0 ? L(Ge, --Q) : 0, Ne--, N === 10 && (Ne = 1, vt--), N;
+}
+function ee() {
+  return N = Q < Mn ? L(Ge, Q++) : 0, Ne++, N === 10 && (Ne = 1, vt++), N;
+}
+function Ae() {
+  return L(Ge, Q);
+}
+function ut() {
+  return Q;
+}
+function St(e, t) {
+  return De(Ge, e, t);
+}
+function Dt(e) {
+  switch (e) {
+    // \0 \t \n \r \s whitespace token
+    case 0:
+    case 9:
+    case 10:
+    case 13:
+    case 32:
+      return 5;
+    // ! + , / > @ ~ isolate token
+    case 33:
+    case 43:
+    case 44:
+    case 47:
+    case 62:
+    case 64:
+    case 126:
+    // ; { } breakpoint token
+    case 59:
+    case 123:
+    case 125:
+      return 4;
+    // : accompanied token
+    case 58:
+      return 3;
+    // " ' ( [ opening delimit token
+    case 34:
+    case 39:
+    case 40:
+    case 91:
+      return 2;
+    // ) ] closing delimit token
+    case 41:
+    case 93:
+      return 1;
+  }
+  return 0;
+}
+function Br(e) {
+  return vt = Ne = 1, Mn = re(Ge = e), Q = 0, [];
+}
+function Dr(e) {
+  return Ge = "", e;
+}
+function Tt(e) {
+  return On(St(Q - 1, Nt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+}
+function Nr(e) {
+  for (; (N = Ae()) && N < 33; )
+    ee();
+  return Dt(e) > 2 || Dt(N) > 3 ? "" : " ";
+}
+function Lr(e, t) {
+  for (; --t && ee() && !(N < 48 || N > 102 || N > 57 && N < 65 || N > 70 && N < 97); )
+    ;
+  return St(e, ut() + (t < 6 && Ae() == 32 && ee() == 32));
+}
+function Nt(e) {
+  for (; ee(); )
+    switch (N) {
+      // ] ) " '
+      case e:
+        return Q;
+      // " '
+      case 34:
+      case 39:
+        e !== 34 && e !== 39 && Nt(N);
+        break;
+      // (
+      case 40:
+        e === 41 && Nt(e);
+        break;
+      // \
+      case 92:
+        ee();
+        break;
+    }
+  return Q;
+}
+function Hr(e, t) {
+  for (; ee() && e + N !== 57; )
+    if (e + N === 84 && Ae() === 47)
+      break;
+  return "/*" + St(t, Q - 1) + "*" + Yt(e === 47 ? e : ee());
+}
+function Fr(e) {
+  for (; !Dt(Ae()); )
+    ee();
+  return St(e, Q);
+}
+function Gr(e) {
+  return Dr(ft("", null, null, null, [""], e = Br(e), 0, [0], e));
+}
+function ft(e, t, n, r, o, s, i, d, l) {
+  for (var u = 0, f = 0, h = i, m = 0, p = 0, g = 0, $ = 1, w = 1, v = 1, S = 0, E = "", _ = o, z = s, C = r, x = E; w; )
+    switch (g = S, S = ee()) {
+      // (
+      case 40:
+        if (g != 108 && L(x, h - 1) == 58) {
+          dt(x += A(Tt(S), "&", "&\f"), "&\f", Tn(u ? d[u - 1] : 0)) != -1 && (v = -1);
+          break;
+        }
+      // " ' [
+      case 34:
+      case 39:
+      case 91:
+        x += Tt(S);
+        break;
+      // \t \n \r \s
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        x += Nr(g);
+        break;
+      // \
+      case 92:
+        x += Lr(ut() - 1, 7);
+        continue;
+      // /
+      case 47:
+        switch (Ae()) {
+          case 42:
+          case 47:
+            Ze(Wr(Hr(ee(), ut()), t, n, l), l);
+            break;
+          default:
+            x += "/";
+        }
+        break;
+      // {
+      case 123 * $:
+        d[u++] = re(x) * v;
+      // } ; \0
+      case 125 * $:
+      case 59:
+      case 0:
+        switch (S) {
+          // \0 }
+          case 0:
+          case 125:
+            w = 0;
+          // ;
+          case 59 + f:
+            v == -1 && (x = A(x, /\f/g, "")), p > 0 && re(x) - h && Ze(p > 32 ? fn(x + ";", r, n, h - 1, l) : fn(A(x, " ", "") + ";", r, n, h - 2, l), l);
+            break;
+          // @ ;
+          case 59:
+            x += ";";
+          // { rule/at-rule
+          default:
+            if (Ze(C = un(x, t, n, u, f, o, d, E, _ = [], z = [], h, s), s), S === 123)
+              if (f === 0)
+                ft(x, t, C, C, _, s, h, d, z);
+              else
+                switch (m === 99 && L(x, 3) === 110 ? 100 : m) {
+                  // d l m s
+                  case 100:
+                  case 108:
+                  case 109:
+                  case 115:
+                    ft(e, C, C, r && Ze(un(e, C, C, 0, 0, o, d, E, o, _ = [], h, z), z), o, z, h, d, r ? _ : z);
+                    break;
+                  default:
+                    ft(x, C, C, C, [""], z, 0, d, z);
+                }
+        }
+        u = f = p = 0, $ = v = 1, E = x = "", h = i;
+        break;
+      // :
+      case 58:
+        h = 1 + re(x), p = g;
+      default:
+        if ($ < 1) {
+          if (S == 123)
+            --$;
+          else if (S == 125 && $++ == 0 && Mr() == 125)
+            continue;
+        }
+        switch (x += Yt(S), S * $) {
+          // &
+          case 38:
+            v = f > 0 ? 1 : (x += "\f", -1);
+            break;
+          // ,
+          case 44:
+            d[u++] = (re(x) - 1) * v, v = 1;
+            break;
+          // @
+          case 64:
+            Ae() === 45 && (x += Tt(ee())), m = Ae(), f = h = re(E = x += Fr(ut())), S++;
+            break;
+          // -
+          case 45:
+            g === 45 && re(x) == 2 && ($ = 0);
+        }
+    }
+  return s;
+}
+function un(e, t, n, r, o, s, i, d, l, u, f, h) {
+  for (var m = o - 1, p = o === 0 ? s : [""], g = Pn(p), $ = 0, w = 0, v = 0; $ < r; ++$)
+    for (var S = 0, E = De(e, m + 1, m = Tn(w = i[$])), _ = e; S < g; ++S)
+      (_ = On(w > 0 ? p[S] + " " + E : A(E, /&\f/g, p[S]))) && (l[v++] = _);
+  return wt(e, t, n, o === 0 ? xt : d, l, u, f, h);
+}
+function Wr(e, t, n, r) {
+  return wt(e, t, n, zn, Yt(Pr()), De(e, 2, -2), 0, r);
+}
+function fn(e, t, n, r, o) {
+  return wt(e, t, n, Ut, De(e, 0, r), De(e, r + 1, -1), r, o);
+}
+function Bn(e, t, n) {
+  switch (Tr(e, t)) {
+    // color-adjust
+    case 5103:
+      return O + "print-" + e + e;
+    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
+    case 5737:
+    case 4201:
+    case 3177:
+    case 3433:
+    case 1641:
+    case 4457:
+    case 2921:
+    // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
+    case 5572:
+    case 6356:
+    case 5844:
+    case 3191:
+    case 6645:
+    case 3005:
+    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
+    case 6391:
+    case 5879:
+    case 5623:
+    case 6135:
+    case 4599:
+    case 4855:
+    // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
+    case 4215:
+    case 6389:
+    case 5109:
+    case 5365:
+    case 5621:
+    case 3829:
+      return O + e + e;
+    // tab-size
+    case 4789:
+      return Qe + e + e;
+    // appearance, user-select, transform, hyphens, text-size-adjust
+    case 5349:
+    case 4246:
+    case 4810:
+    case 6968:
+    case 2756:
+      return O + e + Qe + e + P + e + e;
+    // writing-mode
+    case 5936:
+      switch (L(e, t + 11)) {
+        // vertical-l(r)
+        case 114:
+          return O + e + P + A(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+        // vertical-r(l)
+        case 108:
+          return O + e + P + A(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+        // horizontal(-)tb
+        case 45:
+          return O + e + P + A(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+      }
+    // flex, flex-direction, scroll-snap-type, writing-mode
+    case 6828:
+    case 4268:
+    case 2903:
+      return O + e + P + e + e;
+    // order
+    case 6165:
+      return O + e + P + "flex-" + e + e;
+    // align-items
+    case 5187:
+      return O + e + A(e, /(\w+).+(:[^]+)/, O + "box-$1$2" + P + "flex-$1$2") + e;
+    // align-self
+    case 5443:
+      return O + e + P + "flex-item-" + A(e, /flex-|-self/g, "") + (de(e, /flex-|baseline/) ? "" : P + "grid-row-" + A(e, /flex-|-self/g, "")) + e;
+    // align-content
+    case 4675:
+      return O + e + P + "flex-line-pack" + A(e, /align-content|flex-|-self/g, "") + e;
+    // flex-shrink
+    case 5548:
+      return O + e + P + A(e, "shrink", "negative") + e;
+    // flex-basis
+    case 5292:
+      return O + e + P + A(e, "basis", "preferred-size") + e;
+    // flex-grow
+    case 6060:
+      return O + "box-" + A(e, "-grow", "") + O + e + P + A(e, "grow", "positive") + e;
+    // transition
+    case 4554:
+      return O + A(e, /([^-])(transform)/g, "$1" + O + "$2") + e;
+    // cursor
+    case 6187:
+      return A(A(A(e, /(zoom-|grab)/, O + "$1"), /(image-set)/, O + "$1"), e, "") + e;
+    // background, background-image
+    case 5495:
+    case 3959:
+      return A(e, /(image-set\([^]*)/, O + "$1$`$1");
+    // justify-content
+    case 4968:
+      return A(A(e, /(.+:)(flex-)?(.*)/, O + "box-pack:$3" + P + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + O + e + e;
+    // justify-self
+    case 4200:
+      if (!de(e, /flex-|baseline/)) return P + "grid-column-align" + De(e, t) + e;
+      break;
+    // grid-template-(columns|rows)
+    case 2592:
+    case 3360:
+      return P + A(e, "template-", "") + e;
+    // grid-(row|column)-start
+    case 4384:
+    case 3616:
+      return n && n.some(function(r, o) {
+        return t = o, de(r.props, /grid-\w+-end/);
+      }) ? ~dt(e + (n = n[t].value), "span", 0) ? e : P + A(e, "-start", "") + e + P + "grid-row-span:" + (~dt(n, "span", 0) ? de(n, /\d+/) : +de(n, /\d+/) - +de(e, /\d+/)) + ";" : P + A(e, "-start", "") + e;
+    // grid-(row|column)-end
+    case 4896:
+    case 4128:
+      return n && n.some(function(r) {
+        return de(r.props, /grid-\w+-start/);
+      }) ? e : P + A(A(e, "-end", "-span"), "span ", "") + e;
+    // (margin|padding)-inline-(start|end)
+    case 4095:
+    case 3583:
+    case 4068:
+    case 2532:
+      return A(e, /(.+)-inline(.+)/, O + "$1$2") + e;
+    // (min|max)?(width|height|inline-size|block-size)
+    case 8116:
+    case 7059:
+    case 5753:
+    case 5535:
+    case 5445:
+    case 5701:
+    case 4933:
+    case 4677:
+    case 5533:
+    case 5789:
+    case 5021:
+    case 4765:
+      if (re(e) - 1 - t > 6)
+        switch (L(e, t + 1)) {
+          // (m)ax-content, (m)in-content
+          case 109:
+            if (L(e, t + 4) !== 45)
+              break;
+          // (f)ill-available, (f)it-content
+          case 102:
+            return A(e, /(.+:)(.+)-([^]+)/, "$1" + O + "$2-$3$1" + Qe + (L(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          // (s)tretch
+          case 115:
+            return ~dt(e, "stretch", 0) ? Bn(A(e, "stretch", "fill-available"), t, n) + e : e;
+        }
+      break;
+    // grid-(column|row)
+    case 5152:
+    case 5920:
+      return A(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(r, o, s, i, d, l, u) {
+        return P + o + ":" + s + u + (i ? P + o + "-span:" + (d ? l : +l - +s) + u : "") + e;
+      });
+    // position: sticky
+    case 4949:
+      if (L(e, t + 6) === 121)
+        return A(e, ":", ":" + O) + e;
+      break;
+    // display: (flex|inline-flex|grid|inline-grid)
+    case 6444:
+      switch (L(e, L(e, 14) === 45 ? 18 : 11)) {
+        // (inline-)?fle(x)
+        case 120:
+          return A(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + O + (L(e, 14) === 45 ? "inline-" : "") + "box$3$1" + O + "$2$3$1" + P + "$2box$3") + e;
+        // (inline-)?gri(d)
+        case 100:
+          return A(e, ":", ":" + P) + e;
+      }
+      break;
+    // scroll-margin, scroll-margin-(top|right|bottom|left)
+    case 5719:
+    case 2647:
+    case 2135:
+    case 3927:
+    case 2391:
+      return A(e, "scroll-", "scroll-snap-") + e;
+  }
+  return e;
+}
+function mt(e, t) {
+  for (var n = "", r = 0; r < e.length; r++)
+    n += t(e[r], r, e, t) || "";
+  return n;
+}
+function Ur(e, t, n, r) {
+  switch (e.type) {
+    case Rr:
+      if (e.children.length) break;
+    case zr:
+    case Ut:
+      return e.return = e.return || e.value;
+    case zn:
+      return "";
+    case Rn:
+      return e.return = e.value + "{" + mt(e.children, r) + "}";
+    case xt:
+      if (!re(e.value = e.props.join(","))) return "";
+  }
+  return re(n = mt(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
+}
+function Yr(e) {
+  var t = Pn(e);
+  return function(n, r, o, s) {
+    for (var i = "", d = 0; d < t; d++)
+      i += e[d](n, r, o, s) || "";
+    return i;
+  };
+}
+function Vr(e) {
+  return function(t) {
+    t.root || (t = t.return) && e(t);
+  };
+}
+function Kr(e, t, n, r) {
+  if (e.length > -1 && !e.return)
+    switch (e.type) {
+      case Ut:
+        e.return = Bn(e.value, e.length, n);
+        return;
+      case Rn:
+        return mt([ge(e, { value: A(e.value, "@", "@" + O) })], r);
+      case xt:
+        if (e.length)
+          return Or(n = e.props, function(o) {
+            switch (de(o, r = /(::plac\w+|:read-\w+)/)) {
+              // :read-(only|write)
+              case ":read-only":
+              case ":read-write":
+                Me(ge(e, { props: [A(o, /:(read-\w+)/, ":" + Qe + "$1")] })), Me(ge(e, { props: [o] })), Bt(e, { props: dn(n, r) });
+                break;
+              // :placeholder
+              case "::placeholder":
+                Me(ge(e, { props: [A(o, /:(plac\w+)/, ":" + O + "input-$1")] })), Me(ge(e, { props: [A(o, /:(plac\w+)/, ":" + Qe + "$1")] })), Me(ge(e, { props: [A(o, /:(plac\w+)/, P + "input-$1")] })), Me(ge(e, { props: [o] })), Bt(e, { props: dn(n, r) });
+                break;
+            }
+            return "";
+          });
+    }
+}
+var qr = {
+  animationIterationCount: 1,
+  aspectRatio: 1,
+  borderImageOutset: 1,
+  borderImageSlice: 1,
+  borderImageWidth: 1,
+  boxFlex: 1,
+  boxFlexGroup: 1,
+  boxOrdinalGroup: 1,
+  columnCount: 1,
+  columns: 1,
+  flex: 1,
+  flexGrow: 1,
+  flexPositive: 1,
+  flexShrink: 1,
+  flexNegative: 1,
+  flexOrder: 1,
+  gridRow: 1,
+  gridRowEnd: 1,
+  gridRowSpan: 1,
+  gridRowStart: 1,
+  gridColumn: 1,
+  gridColumnEnd: 1,
+  gridColumnSpan: 1,
+  gridColumnStart: 1,
+  msGridRow: 1,
+  msGridRowSpan: 1,
+  msGridColumn: 1,
+  msGridColumnSpan: 1,
+  fontWeight: 1,
+  lineHeight: 1,
+  opacity: 1,
+  order: 1,
+  orphans: 1,
+  tabSize: 1,
+  widows: 1,
+  zIndex: 1,
+  zoom: 1,
+  WebkitLineClamp: 1,
+  // SVG-related properties
+  fillOpacity: 1,
+  floodOpacity: 1,
+  stopOpacity: 1,
+  strokeDasharray: 1,
+  strokeDashoffset: 1,
+  strokeMiterlimit: 1,
+  strokeOpacity: 1,
+  strokeWidth: 1
+}, ze = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", Dn = "active", Nn = "data-styled-version", kt = "6.1.14", Vt = `/*!sc*/
+`, gt = typeof window < "u" && "HTMLElement" in window, Xr = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== "" ? process.env.REACT_APP_SC_DISABLE_SPEEDY !== "false" && process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" ? process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== "production"), hn = /invalid hook call/i, it = /* @__PURE__ */ new Set(), Jr = function(e, t) {
+  if (process.env.NODE_ENV !== "production") {
+    var n = t ? ' with the id of "'.concat(t, '"') : "", r = "The component ".concat(e).concat(n, ` has been created dynamically.
+`) + `You may see this warning because you've called styled inside another component.
+To resolve this only create new StyledComponents outside of any render method and function component.`, o = console.error;
+    try {
+      var s = !0;
+      console.error = function(i) {
+        for (var d = [], l = 1; l < arguments.length; l++) d[l - 1] = arguments[l];
+        hn.test(i) ? (s = !1, it.delete(r)) : o.apply(void 0, Be([i], d, !1));
+      }, $e(), s && !it.has(r) && (console.warn(r), it.add(r));
+    } catch (i) {
+      hn.test(i.message) && it.delete(r);
+    } finally {
+      console.error = o;
+    }
+  }
+}, Ct = Object.freeze([]), Le = Object.freeze({});
+function Zr(e, t, n) {
+  return n === void 0 && (n = Le), e.theme !== n.theme && e.theme || t || n.theme;
+}
+var Lt = /* @__PURE__ */ new Set(["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "u", "ul", "use", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"]), Qr = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, eo = /(^-|-$)/g;
+function pn(e) {
+  return e.replace(Qr, "-").replace(eo, "");
+}
+var to = /(a)(d)/gi, at = 52, mn = function(e) {
+  return String.fromCharCode(e + (e > 25 ? 39 : 97));
+};
+function Ht(e) {
+  var t, n = "";
+  for (t = Math.abs(e); t > at; t = t / at | 0) n = mn(t % at) + n;
+  return (mn(t % at) + n).replace(to, "$1-$2");
+}
+var Ot, Ln = 5381, Ee = function(e, t) {
+  for (var n = t.length; n; ) e = 33 * e ^ t.charCodeAt(--n);
+  return e;
+}, Hn = function(e) {
+  return Ee(Ln, e);
+};
+function no(e) {
+  return Ht(Hn(e) >>> 0);
+}
+function Fn(e) {
+  return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
+}
+function Pt(e) {
+  return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
+}
+var Gn = typeof Symbol == "function" && Symbol.for, Wn = Gn ? Symbol.for("react.memo") : 60115, ro = Gn ? Symbol.for("react.forward_ref") : 60112, oo = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, so = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, Un = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, io = ((Ot = {})[ro] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, Ot[Wn] = Un, Ot);
+function gn(e) {
+  return ("type" in (t = e) && t.type.$$typeof) === Wn ? Un : "$$typeof" in e ? io[e.$$typeof] : oo;
+  var t;
+}
+var ao = Object.defineProperty, co = Object.getOwnPropertyNames, bn = Object.getOwnPropertySymbols, lo = Object.getOwnPropertyDescriptor, uo = Object.getPrototypeOf, yn = Object.prototype;
+function Yn(e, t, n) {
+  if (typeof t != "string") {
+    if (yn) {
+      var r = uo(t);
+      r && r !== yn && Yn(e, r, n);
+    }
+    var o = co(t);
+    bn && (o = o.concat(bn(t)));
+    for (var s = gn(e), i = gn(t), d = 0; d < o.length; ++d) {
+      var l = o[d];
+      if (!(l in so || n && n[l] || i && l in i || s && l in s)) {
+        var u = lo(t, l);
+        try {
+          ao(e, l, u);
+        } catch {
+        }
+      }
+    }
+  }
+  return e;
+}
+function He(e) {
+  return typeof e == "function";
+}
+function Kt(e) {
+  return typeof e == "object" && "styledComponentId" in e;
+}
+function Ie(e, t) {
+  return e && t ? "".concat(e, " ").concat(t) : e || t || "";
+}
+function $n(e, t) {
+  if (e.length === 0) return "";
+  for (var n = e[0], r = 1; r < e.length; r++) n += e[r];
+  return n;
+}
+function Fe(e) {
+  return e !== null && typeof e == "object" && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
+}
+function Ft(e, t, n) {
+  if (n === void 0 && (n = !1), !n && !Fe(e) && !Array.isArray(e)) return t;
+  if (Array.isArray(t)) for (var r = 0; r < t.length; r++) e[r] = Ft(e[r], t[r]);
+  else if (Fe(t)) for (var r in t) e[r] = Ft(e[r], t[r]);
+  return e;
+}
+function qt(e, t) {
+  Object.defineProperty(e, "toString", { value: t });
+}
+var fo = process.env.NODE_ENV !== "production" ? { 1: `Cannot create styled-component for component: %s.
+
+`, 2: `Can't collect styles once you've consumed a \`ServerStyleSheet\`'s styles! \`ServerStyleSheet\` is a one off instance for each server-side render cycle.
+
+- Are you trying to reuse it across renders?
+- Are you accidentally calling collectStyles twice?
+
+`, 3: `Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.
+
+`, 4: `The \`StyleSheetManager\` expects a valid target or sheet prop!
+
+- Does this error occur on the client and is your target falsy?
+- Does this error occur on the server and is the sheet falsy?
+
+`, 5: `The clone method cannot be used on the client!
+
+- Are you running in a client-like environment on the server?
+- Are you trying to run SSR on the client?
+
+`, 6: `Trying to insert a new style tag, but the given Node is unmounted!
+
+- Are you using a custom target that isn't mounted?
+- Does your document not have a valid head element?
+- Have you accidentally removed a style tag manually?
+
+`, 7: 'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n', 8: `ThemeProvider: Please make your "theme" prop an object.
+
+`, 9: "Missing document `<head>`\n\n", 10: `Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021
+
+`, 11: `_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.
+
+`, 12: "It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n", 13: `%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.
+
+`, 14: `ThemeProvider: "theme" prop is required.
+
+`, 15: "A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n", 16: `Reached the limit of how many styled components may be created at group %s.
+You may only create up to 1,073,741,824 components. If you're creating components dynamically,
+as for instance in your render method then you may be running into this limitation.
+
+`, 17: `CSSStyleSheet could not be found on HTMLStyleElement.
+Has styled-components' style tag been unmounted or altered by another script?
+`, 18: "ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`" } : {};
+function ho() {
+  for (var e = [], t = 0; t < arguments.length; t++) e[t] = arguments[t];
+  for (var n = e[0], r = [], o = 1, s = e.length; o < s; o += 1) r.push(e[o]);
+  return r.forEach(function(i) {
+    n = n.replace(/%[a-z]/, i);
+  }), n;
+}
+function We(e) {
+  for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
+  return process.env.NODE_ENV === "production" ? new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e, " for more information.").concat(t.length > 0 ? " Args: ".concat(t.join(", ")) : "")) : new Error(ho.apply(void 0, Be([fo[e]], t, !1)).trim());
+}
+var po = function() {
+  function e(t) {
+    this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = t;
+  }
+  return e.prototype.indexOfGroup = function(t) {
+    for (var n = 0, r = 0; r < t; r++) n += this.groupSizes[r];
+    return n;
+  }, e.prototype.insertRules = function(t, n) {
+    if (t >= this.groupSizes.length) {
+      for (var r = this.groupSizes, o = r.length, s = o; t >= s; ) if ((s <<= 1) < 0) throw We(16, "".concat(t));
+      this.groupSizes = new Uint32Array(s), this.groupSizes.set(r), this.length = s;
+      for (var i = o; i < s; i++) this.groupSizes[i] = 0;
+    }
+    for (var d = this.indexOfGroup(t + 1), l = (i = 0, n.length); i < l; i++) this.tag.insertRule(d, n[i]) && (this.groupSizes[t]++, d++);
+  }, e.prototype.clearGroup = function(t) {
+    if (t < this.length) {
+      var n = this.groupSizes[t], r = this.indexOfGroup(t), o = r + n;
+      this.groupSizes[t] = 0;
+      for (var s = r; s < o; s++) this.tag.deleteRule(r);
+    }
+  }, e.prototype.getGroup = function(t) {
+    var n = "";
+    if (t >= this.length || this.groupSizes[t] === 0) return n;
+    for (var r = this.groupSizes[t], o = this.indexOfGroup(t), s = o + r, i = o; i < s; i++) n += "".concat(this.tag.getRule(i)).concat(Vt);
+    return n;
+  }, e;
+}(), mo = 1 << 30, ht = /* @__PURE__ */ new Map(), bt = /* @__PURE__ */ new Map(), pt = 1, ct = function(e) {
+  if (ht.has(e)) return ht.get(e);
+  for (; bt.has(pt); ) pt++;
+  var t = pt++;
+  if (process.env.NODE_ENV !== "production" && ((0 | t) < 0 || t > mo)) throw We(16, "".concat(t));
+  return ht.set(e, t), bt.set(t, e), t;
+}, go = function(e, t) {
+  pt = t + 1, ht.set(e, t), bt.set(t, e);
+}, bo = "style[".concat(ze, "][").concat(Nn, '="').concat(kt, '"]'), yo = new RegExp("^".concat(ze, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), $o = function(e, t, n) {
+  for (var r, o = n.split(","), s = 0, i = o.length; s < i; s++) (r = o[s]) && e.registerName(t, r);
+}, xo = function(e, t) {
+  for (var n, r = ((n = t.textContent) !== null && n !== void 0 ? n : "").split(Vt), o = [], s = 0, i = r.length; s < i; s++) {
+    var d = r[s].trim();
+    if (d) {
+      var l = d.match(yo);
+      if (l) {
+        var u = 0 | parseInt(l[1], 10), f = l[2];
+        u !== 0 && (go(f, u), $o(e, f, l[3]), e.getTag().insertRules(u, o)), o.length = 0;
+      } else o.push(d);
+    }
+  }
+}, xn = function(e) {
+  for (var t = document.querySelectorAll(bo), n = 0, r = t.length; n < r; n++) {
+    var o = t[n];
+    o && o.getAttribute(ze) !== Dn && (xo(e, o), o.parentNode && o.parentNode.removeChild(o));
+  }
+};
+function vo() {
+  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
+}
+var Vn = function(e) {
+  var t = document.head, n = e || t, r = document.createElement("style"), o = function(d) {
+    var l = Array.from(d.querySelectorAll("style[".concat(ze, "]")));
+    return l[l.length - 1];
+  }(n), s = o !== void 0 ? o.nextSibling : null;
+  r.setAttribute(ze, Dn), r.setAttribute(Nn, kt);
+  var i = vo();
+  return i && r.setAttribute("nonce", i), n.insertBefore(r, s), r;
+}, wo = function() {
+  function e(t) {
+    this.element = Vn(t), this.element.appendChild(document.createTextNode("")), this.sheet = function(n) {
+      if (n.sheet) return n.sheet;
+      for (var r = document.styleSheets, o = 0, s = r.length; o < s; o++) {
+        var i = r[o];
+        if (i.ownerNode === n) return i;
+      }
+      throw We(17);
+    }(this.element), this.length = 0;
+  }
+  return e.prototype.insertRule = function(t, n) {
+    try {
+      return this.sheet.insertRule(n, t), this.length++, !0;
+    } catch {
+      return !1;
+    }
+  }, e.prototype.deleteRule = function(t) {
+    this.sheet.deleteRule(t), this.length--;
+  }, e.prototype.getRule = function(t) {
+    var n = this.sheet.cssRules[t];
+    return n && n.cssText ? n.cssText : "";
+  }, e;
+}(), So = function() {
+  function e(t) {
+    this.element = Vn(t), this.nodes = this.element.childNodes, this.length = 0;
+  }
+  return e.prototype.insertRule = function(t, n) {
+    if (t <= this.length && t >= 0) {
+      var r = document.createTextNode(n);
+      return this.element.insertBefore(r, this.nodes[t] || null), this.length++, !0;
+    }
+    return !1;
+  }, e.prototype.deleteRule = function(t) {
+    this.element.removeChild(this.nodes[t]), this.length--;
+  }, e.prototype.getRule = function(t) {
+    return t < this.length ? this.nodes[t].textContent : "";
+  }, e;
+}(), ko = function() {
+  function e(t) {
+    this.rules = [], this.length = 0;
+  }
+  return e.prototype.insertRule = function(t, n) {
+    return t <= this.length && (this.rules.splice(t, 0, n), this.length++, !0);
+  }, e.prototype.deleteRule = function(t) {
+    this.rules.splice(t, 1), this.length--;
+  }, e.prototype.getRule = function(t) {
+    return t < this.length ? this.rules[t] : "";
+  }, e;
+}(), vn = gt, Co = { isServer: !gt, useCSSOMInjection: !Xr }, Kn = function() {
+  function e(t, n, r) {
+    t === void 0 && (t = Le), n === void 0 && (n = {});
+    var o = this;
+    this.options = U(U({}, Co), t), this.gs = n, this.names = new Map(r), this.server = !!t.isServer, !this.server && gt && vn && (vn = !1, xn(this)), qt(this, function() {
+      return function(s) {
+        for (var i = s.getTag(), d = i.length, l = "", u = function(h) {
+          var m = function(v) {
+            return bt.get(v);
+          }(h);
+          if (m === void 0) return "continue";
+          var p = s.names.get(m), g = i.getGroup(h);
+          if (p === void 0 || !p.size || g.length === 0) return "continue";
+          var $ = "".concat(ze, ".g").concat(h, '[id="').concat(m, '"]'), w = "";
+          p !== void 0 && p.forEach(function(v) {
+            v.length > 0 && (w += "".concat(v, ","));
+          }), l += "".concat(g).concat($, '{content:"').concat(w, '"}').concat(Vt);
+        }, f = 0; f < d; f++) u(f);
+        return l;
+      }(o);
+    });
+  }
+  return e.registerId = function(t) {
+    return ct(t);
+  }, e.prototype.rehydrate = function() {
+    !this.server && gt && xn(this);
+  }, e.prototype.reconstructWithOptions = function(t, n) {
+    return n === void 0 && (n = !0), new e(U(U({}, this.options), t), this.gs, n && this.names || void 0);
+  }, e.prototype.allocateGSInstance = function(t) {
+    return this.gs[t] = (this.gs[t] || 0) + 1;
+  }, e.prototype.getTag = function() {
+    return this.tag || (this.tag = (t = function(n) {
+      var r = n.useCSSOMInjection, o = n.target;
+      return n.isServer ? new ko(o) : r ? new wo(o) : new So(o);
+    }(this.options), new po(t)));
+    var t;
+  }, e.prototype.hasNameForId = function(t, n) {
+    return this.names.has(t) && this.names.get(t).has(n);
+  }, e.prototype.registerName = function(t, n) {
+    if (ct(t), this.names.has(t)) this.names.get(t).add(n);
+    else {
+      var r = /* @__PURE__ */ new Set();
+      r.add(n), this.names.set(t, r);
+    }
+  }, e.prototype.insertRules = function(t, n, r) {
+    this.registerName(t, n), this.getTag().insertRules(ct(t), r);
+  }, e.prototype.clearNames = function(t) {
+    this.names.has(t) && this.names.get(t).clear();
+  }, e.prototype.clearRules = function(t) {
+    this.getTag().clearGroup(ct(t)), this.clearNames(t);
+  }, e.prototype.clearTag = function() {
+    this.tag = void 0;
+  }, e;
+}(), jo = /&/g, Eo = /^\s*\/\/.*$/gm;
+function qn(e, t) {
+  return e.map(function(n) {
+    return n.type === "rule" && (n.value = "".concat(t, " ").concat(n.value), n.value = n.value.replaceAll(",", ",".concat(t, " ")), n.props = n.props.map(function(r) {
+      return "".concat(t, " ").concat(r);
+    })), Array.isArray(n.children) && n.type !== "@keyframes" && (n.children = qn(n.children, t)), n;
+  });
+}
+function Io(e) {
+  var t, n, r, o = Le, s = o.options, i = s === void 0 ? Le : s, d = o.plugins, l = d === void 0 ? Ct : d, u = function(m, p, g) {
+    return g.startsWith(n) && g.endsWith(n) && g.replaceAll(n, "").length > 0 ? ".".concat(t) : m;
+  }, f = l.slice();
+  f.push(function(m) {
+    m.type === xt && m.value.includes("&") && (m.props[0] = m.props[0].replace(jo, n).replace(r, u));
+  }), i.prefix && f.push(Kr), f.push(Ur);
+  var h = function(m, p, g, $) {
+    p === void 0 && (p = ""), g === void 0 && (g = ""), $ === void 0 && ($ = "&"), t = $, n = p, r = new RegExp("\\".concat(n, "\\b"), "g");
+    var w = m.replace(Eo, ""), v = Gr(g || p ? "".concat(g, " ").concat(p, " { ").concat(w, " }") : w);
+    i.namespace && (v = qn(v, i.namespace));
+    var S = [];
+    return mt(v, Yr(f.concat(Vr(function(E) {
+      return S.push(E);
+    })))), S;
+  };
+  return h.hash = l.length ? l.reduce(function(m, p) {
+    return p.name || We(15), Ee(m, p.name);
+  }, Ln).toString() : "", h;
+}
+var Ao = new Kn(), Gt = Io(), Xn = ye.createContext({ shouldForwardProp: void 0, styleSheet: Ao, stylis: Gt });
+Xn.Consumer;
+ye.createContext(void 0);
+function wn() {
+  return xe(Xn);
+}
+var Sn = function() {
+  function e(t, n) {
+    var r = this;
+    this.inject = function(o, s) {
+      s === void 0 && (s = Gt);
+      var i = r.name + s.hash;
+      o.hasNameForId(r.id, i) || o.insertRules(r.id, i, s(r.rules, i, "@keyframes"));
+    }, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = n, qt(this, function() {
+      throw We(12, String(r.name));
+    });
+  }
+  return e.prototype.getName = function(t) {
+    return t === void 0 && (t = Gt), this.name + t.hash;
+  }, e;
+}(), _o = function(e) {
+  return e >= "A" && e <= "Z";
+};
+function kn(e) {
+  for (var t = "", n = 0; n < e.length; n++) {
+    var r = e[n];
+    if (n === 1 && r === "-" && e[0] === "-") return e;
+    _o(r) ? t += "-" + r.toLowerCase() : t += r;
+  }
+  return t.startsWith("ms-") ? "-" + t : t;
+}
+var Jn = function(e) {
+  return e == null || e === !1 || e === "";
+}, Zn = function(e) {
+  var t, n, r = [];
+  for (var o in e) {
+    var s = e[o];
+    e.hasOwnProperty(o) && !Jn(s) && (Array.isArray(s) && s.isCss || He(s) ? r.push("".concat(kn(o), ":"), s, ";") : Fe(s) ? r.push.apply(r, Be(Be(["".concat(o, " {")], Zn(s), !1), ["}"], !1)) : r.push("".concat(kn(o), ": ").concat((t = o, (n = s) == null || typeof n == "boolean" || n === "" ? "" : typeof n != "number" || n === 0 || t in qr || t.startsWith("--") ? String(n).trim() : "".concat(n, "px")), ";")));
+  }
+  return r;
+};
+function _e(e, t, n, r) {
+  if (Jn(e)) return [];
+  if (Kt(e)) return [".".concat(e.styledComponentId)];
+  if (He(e)) {
+    if (!He(s = e) || s.prototype && s.prototype.isReactComponent || !t) return [e];
+    var o = e(t);
+    return process.env.NODE_ENV === "production" || typeof o != "object" || Array.isArray(o) || o instanceof Sn || Fe(o) || o === null || console.error("".concat(Fn(e), " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")), _e(o, t, n, r);
+  }
+  var s;
+  return e instanceof Sn ? n ? (e.inject(n, r), [e.getName(r)]) : [e] : Fe(e) ? Zn(e) : Array.isArray(e) ? Array.prototype.concat.apply(Ct, e.map(function(i) {
+    return _e(i, t, n, r);
+  })) : [e.toString()];
+}
+function zo(e) {
+  for (var t = 0; t < e.length; t += 1) {
+    var n = e[t];
+    if (He(n) && !Kt(n)) return !1;
+  }
+  return !0;
+}
+var Ro = Hn(kt), To = function() {
+  function e(t, n, r) {
+    this.rules = t, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (r === void 0 || r.isStatic) && zo(t), this.componentId = n, this.baseHash = Ee(Ro, n), this.baseStyle = r, Kn.registerId(n);
+  }
+  return e.prototype.generateAndInjectStyles = function(t, n, r) {
+    var o = this.baseStyle ? this.baseStyle.generateAndInjectStyles(t, n, r) : "";
+    if (this.isStatic && !r.hash) if (this.staticRulesId && n.hasNameForId(this.componentId, this.staticRulesId)) o = Ie(o, this.staticRulesId);
+    else {
+      var s = $n(_e(this.rules, t, n, r)), i = Ht(Ee(this.baseHash, s) >>> 0);
+      if (!n.hasNameForId(this.componentId, i)) {
+        var d = r(s, ".".concat(i), void 0, this.componentId);
+        n.insertRules(this.componentId, i, d);
+      }
+      o = Ie(o, i), this.staticRulesId = i;
+    }
+    else {
+      for (var l = Ee(this.baseHash, r.hash), u = "", f = 0; f < this.rules.length; f++) {
+        var h = this.rules[f];
+        if (typeof h == "string") u += h, process.env.NODE_ENV !== "production" && (l = Ee(l, h));
+        else if (h) {
+          var m = $n(_e(h, t, n, r));
+          l = Ee(l, m + f), u += m;
+        }
+      }
+      if (u) {
+        var p = Ht(l >>> 0);
+        n.hasNameForId(this.componentId, p) || n.insertRules(this.componentId, p, r(u, ".".concat(p), void 0, this.componentId)), o = Ie(o, p);
+      }
+    }
+    return o;
+  }, e;
+}(), Qn = ye.createContext(void 0);
+Qn.Consumer;
+var Mt = {}, Cn = /* @__PURE__ */ new Set();
+function Oo(e, t, n) {
+  var r = Kt(e), o = e, s = !Pt(e), i = t.attrs, d = i === void 0 ? Ct : i, l = t.componentId, u = l === void 0 ? function(_, z) {
+    var C = typeof _ != "string" ? "sc" : pn(_);
+    Mt[C] = (Mt[C] || 0) + 1;
+    var x = "".concat(C, "-").concat(no(kt + C + Mt[C]));
+    return z ? "".concat(z, "-").concat(x) : x;
+  }(t.displayName, t.parentComponentId) : l, f = t.displayName, h = f === void 0 ? function(_) {
+    return Pt(_) ? "styled.".concat(_) : "Styled(".concat(Fn(_), ")");
+  }(e) : f, m = t.displayName && t.componentId ? "".concat(pn(t.displayName), "-").concat(t.componentId) : t.componentId || u, p = r && o.attrs ? o.attrs.concat(d).filter(Boolean) : d, g = t.shouldForwardProp;
+  if (r && o.shouldForwardProp) {
+    var $ = o.shouldForwardProp;
+    if (t.shouldForwardProp) {
+      var w = t.shouldForwardProp;
+      g = function(_, z) {
+        return $(_, z) && w(_, z);
+      };
+    } else g = $;
+  }
+  var v = new To(n, m, r ? o.componentStyle : void 0);
+  function S(_, z) {
+    return function(C, x, D) {
+      var V = C.attrs, oe = C.componentStyle, te = C.defaultProps, se = C.foldedComponentIds, X = C.styledComponentId, Ve = C.target, Ke = ye.useContext(Qn), _t = wn(), Te = C.shouldForwardProp || _t.shouldForwardProp;
+      process.env.NODE_ENV !== "production" && sn(X);
+      var rt = Zr(x, Ke, te) || Le, H = function(Se, pe, ke) {
+        for (var ae, ne = U(U({}, pe), { className: void 0, theme: ke }), Oe = 0; Oe < Se.length; Oe += 1) {
+          var Ce = He(ae = Se[Oe]) ? ae(ne) : ae;
+          for (var J in Ce) ne[J] = J === "className" ? Ie(ne[J], Ce[J]) : J === "style" ? U(U({}, ne[J]), Ce[J]) : Ce[J];
+        }
+        return pe.className && (ne.className = Ie(ne.className, pe.className)), ne;
+      }(V, x, rt), he = H.as || Ve, K = {};
+      for (var W in H) H[W] === void 0 || W[0] === "$" || W === "as" || W === "theme" && H.theme === rt || (W === "forwardedAs" ? K.as = H.forwardedAs : Te && !Te(W, he) || (K[W] = H[W], Te || process.env.NODE_ENV !== "development" || _r(W) || Cn.has(W) || !Lt.has(he) || (Cn.add(W), console.warn('styled-components: it looks like an unknown prop "'.concat(W, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
+      var we = function(Se, pe) {
+        var ke = wn(), ae = Se.generateAndInjectStyles(pe, ke.styleSheet, ke.stylis);
+        return process.env.NODE_ENV !== "production" && sn(ae), ae;
+      }(oe, H);
+      process.env.NODE_ENV !== "production" && C.warnTooManyClasses && C.warnTooManyClasses(we);
+      var ie = Ie(se, X);
+      return we && (ie += " " + we), H.className && (ie += " " + H.className), K[Pt(he) && !Lt.has(he) ? "class" : "className"] = ie, D && (K.ref = D), vr(he, K);
+    }(E, _, z);
+  }
+  S.displayName = h;
+  var E = ye.forwardRef(S);
+  return E.attrs = p, E.componentStyle = v, E.displayName = h, E.shouldForwardProp = g, E.foldedComponentIds = r ? Ie(o.foldedComponentIds, o.styledComponentId) : "", E.styledComponentId = m, E.target = r ? o.target : e, Object.defineProperty(E, "defaultProps", { get: function() {
+    return this._foldedDefaultProps;
+  }, set: function(_) {
+    this._foldedDefaultProps = r ? function(z) {
+      for (var C = [], x = 1; x < arguments.length; x++) C[x - 1] = arguments[x];
+      for (var D = 0, V = C; D < V.length; D++) Ft(z, V[D], !0);
+      return z;
+    }({}, o.defaultProps, _) : _;
+  } }), process.env.NODE_ENV !== "production" && (Jr(h, m), E.warnTooManyClasses = /* @__PURE__ */ function(_, z) {
+    var C = {}, x = !1;
+    return function(D) {
+      if (!x && (C[D] = !0, Object.keys(C).length >= 200)) {
+        var V = z ? ' with the id of "'.concat(z, '"') : "";
+        console.warn("Over ".concat(200, " classes were generated for component ").concat(_).concat(V, `.
+`) + `Consider using the attrs method, together with a style object for frequently changed styles.
+Example:
+  const Component = styled.div.attrs(props => ({
+    style: {
+      background: props.background,
+    },
+  }))\`width: 100%;\`
+
+  <Component />`), x = !0, C = {};
+      }
+    };
+  }(h, m)), qt(E, function() {
+    return ".".concat(E.styledComponentId);
+  }), s && Yn(E, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), E;
+}
+function jn(e, t) {
+  for (var n = [e[0]], r = 0, o = t.length; r < o; r += 1) n.push(t[r], e[r + 1]);
+  return n;
+}
+var En = function(e) {
+  return Object.assign(e, { isCss: !0 });
+};
+function Po(e) {
+  for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
+  if (He(e) || Fe(e)) return En(_e(jn(Ct, Be([e], t, !0))));
+  var r = e;
+  return t.length === 0 && r.length === 1 && typeof r[0] == "string" ? _e(r) : En(_e(jn(r, t)));
+}
+function Wt(e, t, n) {
+  if (n === void 0 && (n = Le), !t) throw We(1, t);
+  var r = function(o) {
+    for (var s = [], i = 1; i < arguments.length; i++) s[i - 1] = arguments[i];
+    return e(t, n, Po.apply(void 0, Be([o], s, !1)));
+  };
+  return r.attrs = function(o) {
+    return Wt(e, t, U(U({}, n), { attrs: Array.prototype.concat(n.attrs, o).filter(Boolean) }));
+  }, r.withConfig = function(o) {
+    return Wt(e, t, U(U({}, n), o));
+  }, r;
+}
+var er = function(e) {
+  return Wt(Oo, e);
+}, k = er;
+Lt.forEach(function(e) {
+  k[e] = er(e);
+});
+process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn(`It looks like you've imported 'styled-components' on React Native.
+Perhaps you're looking to import 'styled-components/native'?
+Read more about this at https://www.styled-components.com/docs/basics#react-native`);
+var lt = "__sc-".concat(ze, "__");
+process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[lt] || (window[lt] = 0), window[lt] === 1 && console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
+
+See https://s-c.sh/2BAXzed for more info.`), window[lt] += 1);
+const Ue = `
+    animation: fadeIn ease 400ms;
+    -webkit-animation: fadeIn ease 400ms;
+    -moz-animation: fadeIn ease 400ms;
+
+    @keyframes fadeIn {
+        0% {
+            opacity: 0;
+        }
+        100% {
+            opacity: 1;
+        }
+    }
+
+    @-moz-keyframes fadeIn {
+        0% {
+            opacity: 0;
+        }
+        100% {
+            opacity: 1;
+        }
+    }
+
+    @-webkit-keyframes fadeIn {
+        0% {
+            opacity: 0;
+        }
+        100% {
+            opacity: 1;
+        }
+    }
+`, tr = `
+    animation: fadeOut ease 400ms;
+    -webkit-animation: fadeOut ease 400ms;
+    -moz-animation: fadeOut ease 400ms;
+
+    @keyframes fadeOut {
+        0% {
+            opacity: 1;
+        }
+        100% {
+            opacity: 0;
+        }
+    }
+
+    @-moz-keyframes fadeOut {
+        0% {
+            opacity: 1;
+        }
+        100% {
+            opacity: 0;
+        }
+    }
+
+    @-webkit-keyframes fadeOut {
+        0% {
+            opacity: 1;
+        }
+        100% {
+            opacity: 0;
+        }
+    }
+`, Mo = Object.freeze({
+  /* Very small devices (phones, 600px and down) */
+  /* @media only screen and (max-width: 600px) {...} */
+  phones: "only screen and (max-width: 600px)",
+  /* Small devices (portrait tablets and large phones, 600px and up) */
+  /* @media only screen and (min-width: 600px) {...} */
+  portraitTablets: "only screen and (min-width: 600px)",
+  /* Medium devices (landscape tablets, 768px and up) */
+  /* @media only screen and (min-width: 768px) {...} */
+  landscapeTablets: "only screen and (min-width: 768px)",
+  /* Large devices (laptops/desktops, 992px and up) */
+  /* @media only screen and (min-width: 992px) {...} */
+  laptops: "only screen and (min-width: 992px)",
+  /* Extra large devices (large laptops and desktops, 1200px and up) */
+  /* @media only screen and (min-width: 1200px) {...} */
+  desktops: "only screen and (min-width: 1200px)"
+}), Bo = {
+  // Colors
+  fontColorBase: "hsl(0, 0%, 24%)",
+  fontColorLight: "hsl(0, 0%, 62%)",
+  fontColorAccent: "hsl(345, 100%, 47%)",
+  backgroundColorBase: "hsl(0, 0%, 100%)",
+  backgroundColorLight: "hsl(0, 0%, 95%)",
+  backgroundColorTransparent: "hsla(0, 0%, 0%, 0.3)",
+  // Gradients
+  gradientShadow: "linear-gradient(to left, hsl(340deg 100% 16%) 0%, hsl(340deg 100% 32%) 8%, hsl(340deg 100% 32%) 92%, hsl(340deg 100% 16%) 100%)",
+  // Fonts
+  fontFamilyCore: "Arial, Helvetica, sans-serif",
+  fontFamilyMonospace: "'Courier New', Courier, monospace",
+  fontSizeBase: "1.2rem",
+  fontSizeSmall: "0.8rem",
+  fontSizeHeader: "2rem",
+  // Units
+  gapSmall: "0.25rem",
+  gapMedium: "0.6rem",
+  gapBig: "1rem",
+  iconSize: "1.2rem",
+  blockBorderRadius: "0.25rem",
+  // Shadows
+  boxShadow: "hsla(0, 0%, 0%, 0.15) 2.4px 2.4px 3.2px",
+  textShadow: "2.4px 2.4px 3.2px hsla(0, 0%, 0%, 0.3)",
+  // Borders
+  borderBase: "1px solid hsl(0, 0%, 84%)",
+  borderLight: "1px solid hsl(0, 0%, 89%)",
+  borderAccent: "1px solid hsl(345, 100%, 47%)",
+  borderOutline: "1px solid hsl(0, 0%, 24%)",
+  // Z-indexes
+  zIndexBase: "1",
+  zIndexPopup: "100",
+  zIndexModal: "200"
+}, Do = {
+  // Colors
+  fontColorBase: "hsl(0, 0%, 100%)",
+  fontColorLight: "hsl(0, 0%, 92%)",
+  fontColorAccent: "hsl(16, 82%, 52%)",
+  backgroundColorBase: "hsl(0, 0%, 17%)",
+  backgroundColorLight: "hsl(0, 0%, 24%)",
+  backgroundColorTransparent: "hsla(0, 0%, 92%, 0.3)",
+  // Gradients
+  gradientShadow: "linear-gradient(to left, hsl(16, 86%, 26%) 0%, hsl(16, 86%, 30%) 8%, hsl(16, 86%, 30%) 92%, hsl(16, 86%, 26%) 100%)",
+  // Fonts
+  fontFamilyCore: "Arial, Helvetica, sans-serif",
+  fontFamilyMonospace: "'Courier New', Courier, monospace",
+  fontSizeBase: "1.2rem",
+  fontSizeSmall: "0.8rem",
+  fontSizeHeader: "2rem",
+  // Units
+  gapSmall: "0.25rem",
+  gapMedium: "0.6rem",
+  gapBig: "1rem",
+  iconSize: "1.2rem",
+  blockBorderRadius: "0.25rem",
+  // Shadows
+  boxShadow: "hsla(0, 0%, 92%, 0.15) 2.4px 2.4px 3.2px",
+  textShadow: "2.4px 2.4px 3.2px hsla(0, 0%, 92%, 0.3)",
+  // Borders
+  borderBase: "1px solid hsl(0, 0%, 11%)",
+  borderLight: "1px solid hsl(0, 0%, 29%)",
+  borderAccent: "1px solid hsl(16, 82%, 52%)",
+  borderOutline: "1px solid hsl(0, 0%, 100%)",
+  // Z-indexes
+  zIndexBase: "1",
+  zIndexPopup: "100",
+  zIndexModal: "200"
+}, No = k.span`
+  display: ${({ $visible: e }) => e ? "block" : "none"};
+  position: absolute;
+  max-width: 100%;
+  right: 0;
+  top: 72px;
+  opacity: 0.8;
+  z-index: ${(e) => e.$theme.zIndexPopup};
+  background-color: ${(e) => e.$theme.backgroundColorBase};
+  border: ${(e) => e.$theme.borderAccent};
+  color: ${(e) => e.$theme.fontColorAccent};
+  padding: ${(e) => e.$theme.gapMedium};
+  font-size: ${(e) => e.$theme.fontSizeSmall};
+  font-family: ${(e) => e.$theme.fontFamilyCore};
+  border-radius: ${(e) => e.$theme.blockBorderRadius};
+  box-shadow: ${(e) => e.$theme.boxShadow};
+  pointer-events: none;
+
+  ${Ue}
+`, nr = ({
+  errorId: e,
+  testId: t,
+  message: n = "Invalid input",
+  visible: r = !1,
+  style: o,
+  theme: s
+}) => /* @__PURE__ */ c.jsx(No, { id: e, $visible: r, "data-testid": t, style: o, $theme: s, "aria-hidden": !r, children: n });
+var Z = /* @__PURE__ */ ((e) => (e.Success = "success", e.Error = "error", e.Warning = "warning", e.Info = "info", e.Help = "help", e))(Z || {}), be = /* @__PURE__ */ ((e) => (e.Primary = "primary", e.Flat = "flat", e.Icon = "icon", e))(be || {}), 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 || {}), Lo = /* @__PURE__ */ ((e) => (e.Dots = "dots", e.Brackets = "brackets", e.Linear = "linear", e.Square = "square", e.Circle = "circle", e.Pulse = "pulse", e.Arrow = "arrow", e.Filler = "filler", e.Rotation = "rotation", e))(Lo || {}), Y = /* @__PURE__ */ ((e) => (e.Vertical = "vertical", e.Horizontal = "horizontal", e))(Y || {}), rr = /* @__PURE__ */ ((e) => (e.Light = "light", e.Dark = "dark", e))(rr || {}), or = /* @__PURE__ */ ((e) => (e.Span = "span", e.Div = "div", e.P = "p", e.Strong = "strong", e.Em = "em", e))(or || {});
+const Ho = T(() => Promise.resolve().then(() => Ds)), Fo = T(() => Promise.resolve().then(() => Ns)), Go = T(() => import("./BackIcon-Dol4HlEB.js")), Wo = T(() => import("./CancelIcon-Bdj8BJBh.js")), Uo = T(() => Promise.resolve().then(() => Rs)), Yo = T(() => Promise.resolve().then(() => Ts)), Vo = T(() => Promise.resolve().then(() => Js)), Ko = T(() => import("./ChevronDownIcon-Bc3VeNFb.js")), qo = T(() => import("./ChevronLeftIcon-7IFnvAad.js")), Xo = T(() => import("./ChevronRightIcon-CSlX-7NZ.js")), Jo = T(() => import("./ChevronUpIcon-DfSPGScz.js")), Zo = T(() => import("./ClearIcon-DR09y0XK.js")), Qo = T(() => import("./CopyIcon-Cncb2wSQ.js")), es = T(() => import("./CutIcon-DsxJcafW.js")), ts = T(() => import("./DeleteIcon-C0T5ZleK.js")), ns = T(() => import("./DownloadIcon-C_1FJXS6.js")), rs = T(() => Promise.resolve().then(() => ta)), os = T(() => import("./ForwardIcon-DSxMxnjb.js")), ss = T(() => import("./GraduateIcon-DQLWdRj8.js")), is = T(() => Promise.resolve().then(() => na)), as = T(() => import("./HideIcon-Bp5glcyr.js")), cs = T(() => import("./HomeIcon-DyYP6u5L.js")), ls = T(() => Promise.resolve().then(() => ra)), ds = T(() => import("./LoginIcon-CXb93ZdU.js")), us = T(() => import("./PasteIcon-D5VKRUHc.js")), fs = T(() => import("./QuestionIcon-CA5cYfsl.js")), hs = T(() => import("./RemoveIcon-DIvsqLi-.js")), ps = T(() => import("./SaveIcon-DhBj4tAF.js")), ms = T(() => import("./ShowIcon-DkpGVHWR.js")), gs = T(() => import("./UploadIcon-CvFnGI7Y.js")), bs = T(() => Promise.resolve().then(() => oa)), ys = {
+  [j.ArrowDown]: Ho,
+  [j.ArrowUp]: Fo,
+  [j.Back]: Go,
+  [j.Cancel]: Wo,
+  [j.CheckboxChecked]: Uo,
+  [j.CheckboxUnchecked]: Yo,
+  [j.CheckMark]: Vo,
+  [j.ChevronDown]: Ko,
+  [j.ChevronUp]: Jo,
+  [j.ChevronLeft]: qo,
+  [j.ChevronRight]: Xo,
+  [j.Clear]: Zo,
+  [j.Copy]: Qo,
+  [j.Cut]: es,
+  [j.Delete]: ts,
+  [j.Download]: ns,
+  [j.Error]: rs,
+  [j.Forward]: os,
+  [j.Graduate]: ss,
+  [j.Help]: is,
+  [j.Hide]: as,
+  [j.Home]: cs,
+  [j.Info]: ls,
+  [j.Login]: ds,
+  [j.Paste]: us,
+  [j.Question]: fs,
+  [j.Save]: ps,
+  [j.Show]: ms,
+  [j.Upload]: gs,
+  [j.Warning]: bs,
+  [j.Remove]: hs
+}, ue = ({ name: e, testId: t, ...n }) => {
+  if (!e) return null;
+  const r = /* @__PURE__ */ c.jsx("span", { style: { fontSize: "1rem" }, "aria-label": "SVG Icon Fallback", children: "⬜" }), o = ys[e];
+  return /* @__PURE__ */ c.jsx(wr, { fallback: r, children: /* @__PURE__ */ c.jsx(o, { "data-testid": t, ...n }) });
+}, $s = k.button`
+  background: transparent;
+  border: none;
+  display: flex;
+  align-items: center;
+  font-size: ${(e) => e.$theme.fontSizeBase};
+  color: ${(e) => e.$theme.fontColorLight};
+  padding: 0;
+
+  &:focus-visible {
+    outline: ${(e) => e.$theme.borderOutline};
+    outline-offset: -1px;
+  }
+
+  &:hover {
+    color: ${(e) => e.$theme.fontColorAccent};
+  }
+
+  svg {
+    cursor: pointer;
+    height: ${(e) => e.$theme.iconSize};
+    width: ${(e) => e.$theme.iconSize};
+  }
+
+  &[disabled] {
+    pointer-events: none;
+    opacity: 0.5;
+  }
+`, yt = ({ onClick: e, label: t, icon: n, disabled: r, theme: o }) => /* @__PURE__ */ c.jsx($s, { onClick: e, "aria-label": t, type: "button", disabled: r, $theme: o, children: /* @__PURE__ */ c.jsx(ue, { name: n }) }), xs = k.label`
+  display: flex;
+  align-items: center;
+  font-size: ${(e) => e.$theme.fontSizeSmall};
+  font-family: ${(e) => e.$theme.fontFamilyCore};
+  gap: ${(e) => e.$theme.gapSmall};
+  color: ${(e) => e.$theme.fontColorBase};
+
+  &:hover {
+    text-shadow: ${(e) => e.$theme.textShadow};
+  }
+
+  & + span {
+    text-wrap: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  & abbr {
+    text-decoration: none;
+    cursor: pointer;
+    color: ${(e) => e.$theme.fontColorAccent};
+    margin-left: ${(e) => e.$theme.gapSmall};
+  }
+`, Ye = ({
+  label: e,
+  required: t,
+  inputId: n,
+  theme: r,
+  icon: o,
+  iconPosition: s,
+  isTextHidden: i = !1,
+  style: d
+}) => {
+  const l = !!o && s === "left", u = !!o && s === "right";
+  return /* @__PURE__ */ c.jsxs(xs, { htmlFor: n, style: d, $theme: r, children: [
+    l && o,
+    !i && /* @__PURE__ */ c.jsxs("span", { children: [
+      e,
+      t && /* @__PURE__ */ c.jsx("abbr", { title: "required", children: "*" })
+    ] }),
+    u && o
+  ] });
+};
+function vs(e) {
+  return ({ tooltip: t, visibleOn: n, ...r }) => t != null && t.length ? /* @__PURE__ */ c.jsx(pi, { tooltipContent: t, visibleOn: n, children: /* @__PURE__ */ c.jsx(e, { ...r }) }) : /* @__PURE__ */ c.jsx(e, { ...r });
+}
+const Re = ye.createContext({}), ws = ye.createContext({
+  mode: rr.Light
+});
+function Ss(e, t) {
+  const n = e === "dark" ? Do : Bo;
+  if (t)
+    for (const r in t) {
+      const o = r;
+      Object.prototype.hasOwnProperty.call(n, o) && (n[o] = t[o].toString());
+    }
+  return n;
+}
+function et(e) {
+  const t = document.getElementById(e);
+  t && t.focus();
+}
+function sr({
+  e,
+  options: t,
+  onClose: n
+}) {
+  let r = "";
+  t.forEach((s) => {
+    document.getElementById(s.id) === document.activeElement && (r = s.id);
+  });
+  const o = t.findIndex((s) => s.id === r);
+  switch (e.key) {
+    case "Escape":
+      e.preventDefault(), n();
+      break;
+    case "ArrowUp": {
+      e.preventDefault();
+      const s = o - 1 >= 0 ? o - 1 : t.length - 1, i = t[s];
+      i && et(i.id);
+      break;
+    }
+    case "ArrowDown":
+    case "Tab": {
+      e.preventDefault();
+      const s = o === t.length - 1 ? 0 : o + 1, i = t[s];
+      i && et(i.id);
+      break;
+    }
+  }
+}
+const q = () => {
+  const { customTheme: e, mode: t } = xe(ws);
+  return Ss(t, e);
+}, jt = ({ ref: e, onClickOutsideHandler: t, dependentRef: n }) => {
+  fe(() => {
+    const r = (o) => {
+      const s = (e == null ? void 0 : e.current) && !e.current.contains(o.target), i = n != null && n.current ? !n.current.contains(o.target) : !0;
+      s && i && t();
+    };
+    return document.addEventListener("mousedown", r), () => {
+      document.removeEventListener("mousedown", r);
+    };
+  }, [e, n, t]);
+}, ks = ({ ref: e, isVisible: t }) => {
+  const [n, r] = B({ width: 0, height: 0 });
+  return fe(() => {
+    e != null && e.current && t && r({
+      width: e.current.offsetWidth,
+      height: e.current.offsetHeight
+    });
+  }, [e, t]), n;
+};
+function ve(e) {
+  const t = Sr(), n = e ?? t, r = `${n}_error`, o = `${n}_dropdown`;
+  return {
+    elementId: n,
+    errorId: r,
+    dropdownId: o
+  };
+}
+const Et = ({ ref: e, keyCode: t, onKeyPress: n }) => {
+  fe(() => {
+    const r = (o) => {
+      (o == null ? void 0 : o.code) === t && (e != null && e.current) && n();
+    };
+    return document.addEventListener("keydown", r, !1), () => {
+      document.removeEventListener("keydown", r, !1);
+    };
+  }, [e, t, n]);
+}, Cs = ({ modalRef: e, isOpened: t }) => {
+  fe(() => {
+    const n = e.current;
+    if (!t || !n) return;
+    const r = n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'), o = r[0], s = r[r.length - 1], i = (d) => {
+      d.key === "Tab" && (d.shiftKey && document.activeElement === o ? (d.preventDefault(), s.focus()) : !d.shiftKey && document.activeElement === s && (d.preventDefault(), o.focus()));
+    };
+    return n.addEventListener("keydown", i), () => {
+      n.removeEventListener("keydown", i);
+    };
+  }, [e, t]);
+}, ir = (e, t = 300) => {
+  const [n, r] = B(!1);
+  return fe(() => {
+    e && !n ? r(!0) : !e && n && setTimeout(() => {
+      r(!1);
+    }, t);
+  }, [e]), n;
+}, nt = (e) => {
+  const { resetSignal: t } = xe(Re);
+  fe(() => {
+    t && e();
+  }, [t, e]);
+};
+function In() {
+  const { innerWidth: e, innerHeight: t } = window;
+  return { width: e, height: t };
+}
+function js() {
+  const [e, t] = B(In());
+  return fe(() => {
+    function n() {
+      t(In());
+    }
+    return window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
+  }, []), e;
+}
+const Es = ({ wrapperRef: e, tooltipRef: t, isOpened: n, spacing: r = 4 }) => {
+  const [o, s] = B({ top: 0, left: 0 }), { width: i, height: d } = ks({
+    ref: t,
+    isVisible: n
+  }), { width: l, height: u } = js();
+  return fe(() => {
+    if (n && (e != null && e.current)) {
+      const f = e == null ? void 0 : e.current.getBoundingClientRect();
+      let h = Math.round(f.bottom + r), m = Math.round(f.left);
+      h + d > window.innerHeight && (h = Math.round(f.top - d - r)), m + i > window.innerWidth && (m = Math.round(window.innerWidth - i - r)), m < 0 && (m = r), s({ top: h, left: m });
+    }
+  }, [n, e, d, i, r, l, u]), o;
+}, Is = k.button`
+  position: relative;
+  border: none;
+  background: transparent;
+  padding: 0;
+  cursor: pointer;
+  outline: none;
+  transition: filter 250ms;
+  width: ${(e) => e.$extended ? "100%" : "inherit"};
+
+  &[disabled] {
+    pointer-events: none;
+    opacity: 0.5;
+  }
+
+  .chop-logic-button_shadow {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: ${(e) => e.$theme.blockBorderRadius};
+    background: hsl(0deg 0% 0% / 0.25);
+    will-change: transform;
+    transform: translateY(2px);
+    transition: transform 600ms cubic-bezier(0.3, 0.7, 0.4, 1);
+  }
+
+  .chop-logic-button_edge {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: ${(e) => e.$theme.blockBorderRadius};
+    background: ${(e) => e.$theme.gradientShadow};
+  }
+
+  .chop-logic-button_front {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: ${(e) => e.$theme.gapSmall};
+    position: relative;
+    padding: ${(e) => `${e.$theme.gapMedium} ${e.$theme.gapBig}`};
+    border-radius: ${(e) => e.$theme.blockBorderRadius};
+    font-size: ${(e) => e.$theme.fontSizeBase};
+    color: #ffffff;
+    background: ${(e) => e.$theme.fontColorAccent};
+    will-change: transform;
+    transform: translateY(-4px);
+    transition: transform 600ms cubic-bezier(0.3, 0.7, 0.4, 1);
+  }
+
+  &:hover {
+    filter: brightness(110%);
+  }
+
+  &:hover .chop-logic-button_front {
+    transform: translateY(-6px);
+    transition: transform 250ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
+  }
+
+  &:active .chop-logic-button_front {
+    transform: translateY(-2px);
+    transition: transform 34ms;
+  }
+
+  &:hover .chop-logic-button_shadow {
+    transform: translateY(4px);
+    transition: transform 250ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
+  }
+
+  &:active .chop-logic-button_shadow {
+    transform: translateY(1px);
+    transition: transform 34ms;
+  }
+
+  &:focus-visible {
+    outline: revert;
+    outline: ${(e) => e.$theme.borderOutline};
+    outline-offset: 4px;
+  }
+`, As = k.button`
+  border: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${(e) => e.$theme.gapSmall};
+  padding: ${(e) => `${e.$theme.gapMedium} ${e.$theme.gapBig}`};
+  border-radius: ${(e) => e.$theme.blockBorderRadius};
+  font-size: ${(e) => e.$theme.fontSizeBase};
+  color: ${(e) => e.$theme.fontColorBase};
+  background: transparent;
+  width: ${(e) => e.$extended ? "100%" : "inherit"};
+
+  &:hover,
+  &:active {
+    background: ${(e) => e.$theme.backgroundColorLight};
+    transition: all 0.3s ease 0s;
+    color: ${(e) => e.$theme.fontColorAccent};
+  }
+
+  &:focus-visible {
+    outline: ${(e) => e.$theme.borderOutline};
+  }
+
+  &[disabled] {
+    pointer-events: none;
+    opacity: 0.5;
+  }
+`, _s = k.button`
+  border: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: ${(e) => e.$theme.gapMedium};
+  border-radius: ${(e) => e.$theme.blockBorderRadius};
+  font-size: ${(e) => e.$theme.fontSizeBase};
+  color: ${(e) => e.$theme.fontColorBase};
+  background: transparent;
+
+  &:hover {
+    background-color: ${(e) => e.$theme.backgroundColorLight};
+    color: ${(e) => e.$theme.fontColorAccent};
+    transition: all 0.3s ease 0s;
+  }
+
+  &:focus-visible {
+    outline: ${(e) => e.$theme.borderOutline};
+  }
+
+  &[disabled] {
+    pointer-events: none;
+    opacity: 0.5;
+  }
+
+  svg {
+    height: ${(e) => e.$theme.iconSize};
+    width: ${(e) => e.$theme.iconSize};
+  }
+`, zs = ({
+  onClick: e,
+  text: t,
+  icon: n,
+  label: r,
+  disabled: o = !1,
+  extended: s = !1,
+  type: i = "button",
+  view: d = be.Primary,
+  ...l
+}) => {
+  const u = q();
+  switch (d) {
+    case be.Primary:
+      return /* @__PURE__ */ c.jsxs(
+        Is,
+        {
+          $extended: s,
+          "aria-label": r,
+          type: i,
+          onClick: e,
+          disabled: o,
+          $theme: u,
+          ...l,
+          children: [
+            /* @__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: n }),
+              t
+            ] })
+          ]
+        }
+      );
+    case be.Flat:
+      return /* @__PURE__ */ c.jsxs(
+        As,
+        {
+          $extended: s,
+          "aria-label": r,
+          type: i,
+          onClick: e,
+          disabled: o,
+          $theme: u,
+          ...l,
+          children: [
+            /* @__PURE__ */ c.jsx(ue, { name: n }),
+            t
+          ]
+        }
+      );
+    case be.Icon:
+      return /* @__PURE__ */ c.jsx(_s, { "aria-label": r, type: i, onClick: e, disabled: o, $theme: u, ...l, children: /* @__PURE__ */ c.jsx(ue, { name: n }) });
+    default:
+      return null;
+  }
+}, $t = vs(zs);
+function It(e) {
+  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 Rs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: It
+}, Symbol.toStringTag, { value: "Module" }));
+function At(e) {
+  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 Ts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: At
+}, Symbol.toStringTag, { value: "Module" })), Os = k.div`
+  display: flex;
+  gap: ${(e) => e.$theme.gapMedium};
+  padding: ${(e) => e.$theme.gapMedium} 0;
+  position: relative;
+  overflow: hidden;
+
+  & svg {
+    color: ${(e) => e.$checked ? e.$theme.fontColorAccent : e.$theme.fontColorLight};
+  }
+
+  & label {
+    cursor: pointer;
+    gap: ${(e) => e.$theme.gapMedium};
+    font-size: ${(e) => e.$theme.fontSizeBase} !important;
+    &:hover,
+    &:active {
+      text-shadow: ${(e) => e.$theme.textShadow};
+    }
+  }
+
+  ${(e) => e.$disabled && `
+      pointer-events: none;
+      opacity: 0.5;
+    `}
+
+  & input {
+    position: absolute;
+    z-index: -1;
+    opacity: 0;
+    top: 4px;
+    left: 0;
+    margin: 0;
+
+    &:focus-visible + label {
+      outline: ${(e) => e.$theme.borderOutline};
+      outline-offset: 2px;
+    }
+  }
+`;
+function Ps({
+  defaultChecked: e,
+  initialValues: t,
+  name: n
+}) {
+  return t && (t == null ? void 0 : t[n]) !== void 0 ? !!(t != null && t[n]) : !!e;
+}
+function Ms({
+  name: e,
+  defaultChecked: t,
+  onChange: n
+}) {
+  const { onChangeFormInput: r, initialValues: o } = xe(Re), s = Ps({ initialValues: o, name: e, defaultChecked: t }), [i, d] = B(s), l = (f) => {
+    const h = f.target.checked;
+    d(h), n == null || n(f), r == null || r({ name: e, value: h });
+  }, u = tt(() => {
+    d(s), r == null || r({ name: e, value: s });
+  }, [e]);
+  return nt(u), {
+    handleChange: l,
+    checked: i
+  };
+}
+const da = ({
+  name: e,
+  label: t,
+  disabled: n,
+  noLabel: r,
+  required: o = !1,
+  iconPosition: s = "left",
+  defaultChecked: i,
+  onChange: d,
+  id: l,
+  ...u
+}) => {
+  const { handleChange: f, checked: h } = Ms({ name: e, defaultChecked: i, onChange: d }), { elementId: m } = ve(l), p = q();
+  return /* @__PURE__ */ c.jsxs(Os, { $disabled: !!n, $theme: p, $checked: h, ...u, children: [
+    /* @__PURE__ */ c.jsx(
+      "input",
+      {
+        id: m,
+        name: e,
+        type: "checkbox",
+        disabled: n,
+        required: o,
+        checked: h,
+        onChange: f,
+        "aria-label": r ? t : void 0
+      }
+    ),
+    /* @__PURE__ */ c.jsx(
+      Ye,
+      {
+        label: t,
+        required: o,
+        inputId: m,
+        isTextHidden: r,
+        icon: h ? /* @__PURE__ */ c.jsx(It, {}) : /* @__PURE__ */ c.jsx(At, {}),
+        iconPosition: s,
+        theme: p
+      }
+    )
+  ] });
+}, ar = k.div`
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  flex-direction: column;
+  gap: ${(e) => e.$theme.gapMedium};
+  background: transparent;
+`, cr = k.button`
+  text-align: left;
+  cursor: pointer;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: ${(e) => e.$theme.gapMedium};
+  padding: ${(e) => e.$theme.gapMedium};
+  border: ${(e) => e.$theme.borderLight};
+  border-radius: ${(e) => e.$theme.blockBorderRadius};
+  background-color: ${(e) => e.$theme.backgroundColorBase};
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+
+  & > span:nth-child(1) {
+    font-size: ${(e) => e.$theme.fontSizeBase};
+    color: ${(e) => e.$theme.fontColorBase};
+    font-family: ${(e) => e.$theme.fontFamilyCore};
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  svg {
+    cursor: pointer;
+    color: ${(e) => e.$theme.fontColorLight};
+    height: ${(e) => e.$theme.iconSize};
+    width: ${(e) => e.$theme.iconSize};
+
+    &:hover {
+      color: ${(e) => e.$theme.fontColorAccent};
+    }
+  }
+
+  &:focus-visible {
+    outline: ${(e) => e.$theme.borderOutline};
+    outline-offset: 2px;
+  }
+
+  &[disabled] {
+    pointer-events: none;
+    opacity: 0.5;
+  }
+`, lr = k.ul`
+  visibility: hidden;
+  opacity: 0;
+  transition:
+    visibility 0s,
+    opacity 0.3s linear;
+  position: absolute;
+  background: ${(e) => e.$theme.backgroundColorBase};
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  z-index: ${(e) => e.$theme.zIndexPopup};
+  width: 100%;
+  top: 72px;
+  left: -1px;
+  border: ${(e) => e.$theme.borderLight};
+  border-radius: ${(e) => e.$theme.blockBorderRadius};
+  box-shadow: ${(e) => e.$theme.boxShadow};
+  overflow-y: auto;
+  max-height: 180px;
+
+  ${(e) => e.$opened && "visibility: visible; opacity: 1;"}
+`, dr = k.li`
+  padding: ${(e) => e.$theme.gapMedium};
+  cursor: pointer;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: ${(e) => e.$theme.gapMedium};
+  font-size: ${(e) => e.$theme.fontSizeBase};
+  color: ${(e) => e.$theme.fontColorBase};
+  font-family: ${(e) => e.$theme.fontFamilyCore};
+
+  &:hover,
+  &:active {
+    color: ${(e) => e.$theme.fontColorAccent};
+  }
+
+  &:focus-visible {
+    outline: ${(e) => e.$theme.borderOutline};
+    outline-offset: -4px;
+  }
+
+  svg {
+    color: ${(e) => e.$selected ? e.$theme.fontColorAccent : e.$theme.fontColorLight};
+    width: ${(e) => e.$theme.iconSize};
+    height: ${(e) => e.$theme.iconSize};
+  }
+`, Bs = k(dr)`
+  justify-content: flex-start;
+`;
+function Xt(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: "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 Ds = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Xt
+}, Symbol.toStringTag, { value: "Module" }));
+function Jt(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: "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 Ns = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Jt
+}, Symbol.toStringTag, { value: "Module" })), Ls = ({
+  opened: e,
+  onClick: t,
+  comboboxId: n,
+  dropdownId: r,
+  name: o,
+  placeholder: s,
+  disabled: i,
+  required: d,
+  values: l,
+  theme: u
+}) => {
+  const f = l == null ? void 0 : l.filter((p) => p.selected).map((p) => p.label), h = l == null ? void 0 : l.filter((p) => p.selected).map((p) => p.id);
+  let m = /* @__PURE__ */ c.jsx("span", { children: s });
+  return f && f.length > 1 ? m = /* @__PURE__ */ c.jsx("span", { children: `${f.length} items selected` }) : f && f.length === 1 && (m = /* @__PURE__ */ c.jsx("span", { children: f[0] })), /* @__PURE__ */ c.jsxs(
+    cr,
+    {
+      type: "button",
+      name: o,
+      value: h,
+      role: "combobox",
+      "aria-haspopup": "listbox",
+      "aria-expanded": e,
+      "aria-controls": r,
+      id: n,
+      onClick: t,
+      disabled: i,
+      "aria-required": d,
+      $theme: u,
+      children: [
+        m,
+        e ? /* @__PURE__ */ c.jsx(Jt, {}) : /* @__PURE__ */ c.jsx(Xt, {})
+      ]
+    }
+  );
+}, Hs = ({ value: e, onSelect: t, theme: n }) => {
+  const { id: r, label: o, selected: s } = e, i = (d) => (l) => {
+    switch (l.key) {
+      case " ":
+      case "SpaceBar":
+      case "Enter":
+        l.preventDefault(), t(d);
+        break;
+    }
+  };
+  return /* @__PURE__ */ c.jsxs(
+    Bs,
+    {
+      id: r,
+      role: "option",
+      "aria-selected": s,
+      tabIndex: 0,
+      onKeyDown: i(r),
+      onClick: () => t(r),
+      $theme: n,
+      $selected: s,
+      children: [
+        s ? /* @__PURE__ */ c.jsx(It, {}) : /* @__PURE__ */ c.jsx(At, {}),
+        /* @__PURE__ */ c.jsx("span", { children: o })
+      ]
+    }
+  );
+}, Fs = ({ options: e, opened: t, onClose: n, onSelect: r, dropdownId: o, theme: s }) => /* @__PURE__ */ c.jsx(
+  lr,
+  {
+    $opened: t,
+    role: "listbox",
+    id: o,
+    tabIndex: -1,
+    onKeyDown: (i) => sr({ e: i, options: e, onClose: n }),
+    $theme: s,
+    children: e.map((i) => /* @__PURE__ */ c.jsx(Hs, { value: i, onSelect: () => r(i.id), theme: s }, i.id))
+  }
+);
+function Gs({
+  name: e,
+  options: t,
+  initialValues: n,
+  defaultValue: r
+}) {
+  return t.map((o) => {
+    let s = !1;
+    return n && (n != null && n[e]) && Array.isArray(n[e]) && n[e].find((d) => d === o.id || (d == null ? void 0 : d.id) === o.id) && (s = !0), !(n != null && n[e]) && Array.isArray(r) && r.find((d) => d === o.id) && (s = !0), { ...o, selected: s };
+  });
+}
+const An = (e) => e.filter((t) => t.selected).map((t) => t.id), Ws = (e, t) => {
+  const n = e.find((r) => r.id === t);
+  return e.map((r) => r.id === t ? { ...r, selected: !(n != null && n.selected) } : r);
+};
+function Us({
+  name: e,
+  defaultValue: t,
+  onChange: n,
+  options: r
+}) {
+  const [o, s] = B(!1), { onChangeFormInput: i, initialValues: d } = xe(Re), l = Gs({ name: e, options: r, initialValues: d, defaultValue: t }), [u, f] = B(l), h = () => s(!1), m = () => s(!o), p = ($) => {
+    const w = Ws(u, $);
+    f(w), n == null || n(w), i == null || i({ name: e, value: An(w) });
+  }, g = tt(() => {
+    s(!1), f(l), i == null || i({ name: e, value: An(l) });
+  }, [e]);
+  return nt(g), {
+    handleClose: h,
+    handleToggle: m,
+    handleSelect: p,
+    opened: o,
+    values: u
+  };
+}
+const ua = ({
+  options: e,
+  name: t,
+  label: n,
+  required: r = !1,
+  placeholder: o = "Not selected",
+  disabled: s = !1,
+  onChange: i,
+  defaultValue: d,
+  id: l,
+  ...u
+}) => {
+  const f = $e(null), { elementId: h, dropdownId: m } = ve(l), p = q(), { handleClose: g, handleSelect: $, handleToggle: w, opened: v, values: S } = Us({
+    name: t,
+    options: e,
+    defaultValue: d,
+    onChange: i
+  });
+  return jt({ ref: f, onClickOutsideHandler: g }), Et({ keyCode: "Escape", ref: f, onKeyPress: g }), /* @__PURE__ */ c.jsxs(ar, { ref: f, $theme: p, ...u, children: [
+    /* @__PURE__ */ c.jsx(Ye, { label: n, required: r, inputId: h, theme: p }),
+    /* @__PURE__ */ c.jsx(
+      Ls,
+      {
+        name: t,
+        opened: v,
+        comboboxId: h,
+        dropdownId: m,
+        onClick: w,
+        values: S,
+        placeholder: o,
+        disabled: s,
+        required: r,
+        theme: p
+      }
+    ),
+    /* @__PURE__ */ c.jsx(
+      Fs,
+      {
+        theme: p,
+        options: S,
+        opened: v,
+        onClose: g,
+        dropdownId: m,
+        onSelect: $
+      }
+    )
+  ] });
+};
+function Ys({
+  name: e,
+  initialValues: t,
+  defaultValue: n
+}) {
+  return t && t[e] ? Number(t[e]) : n && typeof n == "number" ? n : 0;
+}
+function Vs({
+  value: e,
+  required: t,
+  validator: n,
+  maxValue: r,
+  minValue: o
+}) {
+  return t && !n && e === void 0 ? !1 : n && typeof n == "function" ? n(e) : r && o && e && !n ? e <= r && e >= o : !0;
+}
+function Ks({
+  name: e,
+  defaultValue: t,
+  onChange: n,
+  onSpinButtonClick: r,
+  min: o,
+  max: s,
+  step: i,
+  required: d,
+  validator: l
+}) {
+  const { onChangeFormInput: u, initialValues: f } = xe(Re), h = Ys({ initialValues: f, defaultValue: t, name: e }), m = s ? Number(s) : Number.MAX_SAFE_INTEGER, p = o ? Number(o) : Number.MIN_SAFE_INTEGER, [g, $] = B(h), [w, v] = B(!0), S = (x) => {
+    $(x);
+    const D = Vs({ value: x, required: d, validator: l, maxValue: m, minValue: p });
+    v(D), u == null || u({ name: e, value: x, valid: D });
+  }, E = (x) => {
+    const D = Number(x.target.value);
+    S(D), n == null || n(x);
+  }, _ = () => {
+    S(g + i), r == null || r(g + i);
+  }, z = () => {
+    S(g - i), r == null || r(g - i);
+  }, C = tt(() => {
+    $(h), v(!0), u == null || u({ name: e, value: h, valid: !0 });
+  }, [e]);
+  return nt(C), {
+    handleChange: E,
+    value: g,
+    valid: w,
+    minValue: p,
+    maxValue: m,
+    increment: _,
+    decrement: z
+  };
+}
+const qs = k.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${(e) => e.$theme.gapMedium};
+  position: relative;
+
+  & > div:nth-child(2) {
+    display: flex;
+    gap: ${(e) => e.$theme.gapMedium};
+    align-items: center;
+    border: ${(e) => e.$theme.borderLight};
+    border-radius: ${(e) => e.$theme.blockBorderRadius};
+    padding: ${(e) => e.$theme.gapMedium};
+    background-color: ${(e) => e.$theme.backgroundColorBase};
+
+    &:has(input:focus) {
+      border: ${(e) => e.$theme.borderOutline};
+    }
+
+    &:has(input[aria-invalid='true']) {
+      border: ${(e) => e.$theme.borderAccent};
+    }
+
+    &:has(input[disabled]) {
+      pointer-events: none;
+      opacity: 0.5;
+    }
+
+    & > span:nth-child(2) {
+      display: flex;
+      align-items: center;
+    }
+  }
+
+  & input {
+    font-size: ${(e) => e.$theme.fontSizeBase};
+    padding: 0;
+    border: none;
+    font-family: ${(e) => e.$theme.fontFamilyCore};
+    color: ${(e) => e.$theme.fontColorBase};
+    display: inline-block;
+    background: transparent;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    flex-grow: 1;
+    min-width: 0;
+
+    &:focus-visible {
+      outline: none;
+    }
+
+    &::-webkit-outer-spin-button,
+    &::-webkit-inner-spin-button {
+      -webkit-appearance: none;
+      margin: 0;
+    }
+
+    &[type='number'] {
+      -moz-appearance: textfield;
+    }
+  }
+`, fa = ({
+  name: e,
+  label: t,
+  errorMessage: n,
+  onChange: r,
+  onBlur: o,
+  onFocus: s,
+  onSpinButtonClick: i,
+  validator: d,
+  min: l,
+  max: u,
+  id: f,
+  tabIndex: h,
+  disabled: m = !1,
+  required: p = !1,
+  readOnly: g = !1,
+  hasSpinButtons: $ = !0,
+  defaultValue: w = 0,
+  step: v = 1,
+  ...S
+}) => {
+  const { elementId: E, errorId: _ } = ve(f), z = q(), { value: C, valid: x, handleChange: D, increment: V, decrement: oe, minValue: te, maxValue: se } = Ks({
+    name: e,
+    defaultValue: w,
+    min: l,
+    max: u,
+    onChange: r,
+    required: p,
+    validator: d,
+    step: v,
+    onSpinButtonClick: i
+  });
+  return /* @__PURE__ */ c.jsxs(qs, { $theme: z, ...S, children: [
+    /* @__PURE__ */ c.jsx(Ye, { label: t, required: p, inputId: E, theme: z }),
+    /* @__PURE__ */ c.jsxs("div", { children: [
+      /* @__PURE__ */ c.jsx(
+        "input",
+        {
+          id: E,
+          name: e,
+          type: "number",
+          disabled: m,
+          required: p,
+          readOnly: g,
+          placeholder: "0",
+          "aria-invalid": !x,
+          "aria-errormessage": _,
+          value: C.toString(),
+          onChange: D,
+          min: te,
+          max: se,
+          step: v,
+          onBlur: o,
+          onFocus: s,
+          tabIndex: h
+        }
+      ),
+      $ && /* @__PURE__ */ c.jsxs("span", { children: [
+        /* @__PURE__ */ c.jsx(
+          yt,
+          {
+            onClick: oe,
+            label: `Decrement value for ${t}`,
+            icon: j.ChevronLeft,
+            disabled: m,
+            theme: z
+          }
+        ),
+        /* @__PURE__ */ c.jsx(
+          yt,
+          {
+            onClick: V,
+            label: `Increment value for ${t}`,
+            icon: j.ChevronRight,
+            disabled: m,
+            theme: z
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ c.jsx(nr, { errorId: _, message: n, visible: !x, theme: z })
+  ] });
+}, Xs = ({
+  opened: e,
+  onClick: t,
+  comboboxId: n,
+  dropdownId: r,
+  selected: o,
+  name: s,
+  placeholder: i,
+  disabled: d,
+  required: l,
+  theme: u
+}) => /* @__PURE__ */ c.jsxs(
+  cr,
+  {
+    type: "button",
+    name: s,
+    value: o == null ? void 0 : o.id,
+    role: "combobox",
+    "aria-haspopup": "listbox",
+    "aria-expanded": e,
+    "aria-controls": r,
+    id: n,
+    onClick: t,
+    disabled: d,
+    "aria-required": l,
+    $theme: u,
+    children: [
+      o != null && o.label ? /* @__PURE__ */ c.jsx("span", { children: o == null ? void 0 : o.label }) : /* @__PURE__ */ c.jsx("span", { children: i }),
+      e ? /* @__PURE__ */ c.jsx(Jt, {}) : /* @__PURE__ */ c.jsx(Xt, {})
+    ]
+  }
+);
+function Zt(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: "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 Js = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Zt
+}, Symbol.toStringTag, { value: "Module" })), Zs = ({ value: e, selected: t, onSelect: n, onClear: r, theme: o }) => {
+  const { id: s, label: i } = e, d = (u) => {
+    t ? r() : n(u);
+  }, l = (u) => (f) => {
+    switch (f.key) {
+      case " ":
+      case "SpaceBar":
+      case "Enter":
+        f.preventDefault(), d(u);
+        break;
+    }
+  };
+  return /* @__PURE__ */ c.jsxs(
+    dr,
+    {
+      id: s,
+      role: "option",
+      "aria-selected": t,
+      tabIndex: 0,
+      onKeyDown: l(s),
+      onClick: () => d(s),
+      $theme: o,
+      $selected: t,
+      children: [
+        /* @__PURE__ */ c.jsx("span", { children: i }),
+        t && /* @__PURE__ */ c.jsx(Zt, {})
+      ]
+    }
+  );
+}, Qs = ({
+  options: e,
+  opened: t,
+  onClose: n,
+  onSelect: r,
+  dropdownId: o,
+  comboboxId: s,
+  selected: i,
+  onClear: d,
+  theme: l
+}) => {
+  const u = (f) => {
+    r(f), n(), et(s);
+  };
+  return /* @__PURE__ */ c.jsx(
+    lr,
+    {
+      role: "listbox",
+      id: o,
+      tabIndex: -1,
+      onKeyDown: (f) => sr({ e: f, options: e, onClose: n }),
+      $opened: t,
+      $theme: l,
+      children: e.map((f) => /* @__PURE__ */ c.jsx(
+        Zs,
+        {
+          value: f,
+          onSelect: () => u(f.id),
+          onClear: d,
+          selected: f.id === (i == null ? void 0 : i.id),
+          theme: l
+        },
+        f.id
+      ))
+    }
+  );
+};
+function ei({
+  name: e,
+  options: t,
+  initialValues: n,
+  defaultValue: r
+}) {
+  var s;
+  let o;
+  return n && n[e] && (o = ((s = n[e]) == null ? void 0 : s.id) ?? n[e]), !(n != null && n[e]) && r && typeof r == "string" && (o = r), t.find((i) => i.id === o);
+}
+function ti({
+  name: e,
+  defaultValue: t,
+  onChange: n,
+  options: r
+}) {
+  const { onChangeFormInput: o, initialValues: s } = xe(Re), i = ei({ name: e, options: r, defaultValue: t, initialValues: s }), [d, l] = B(!1), [u, f] = B(i), h = () => l(!1), m = () => l(!d), p = (w) => {
+    const v = r.find((S) => S.id === w);
+    f(v), n == null || n(v), o == null || o({ name: e, value: v == null ? void 0 : v.id });
+  }, g = () => {
+    f(void 0), n == null || n(void 0);
+  }, $ = tt(() => {
+    l(!1), f(i), o == null || o({ name: e, value: i == null ? void 0 : i.id });
+  }, [e]);
+  return nt($), {
+    selected: u,
+    opened: d,
+    handleClear: g,
+    handleClose: h,
+    handleToggle: m,
+    handleSelect: p
+  };
+}
+const ha = ({
+  options: e,
+  onChange: t,
+  name: n,
+  label: r,
+  defaultValue: o,
+  id: s,
+  placeholder: i = "Not selected",
+  required: d = !1,
+  disabled: l = !1,
+  ...u
+}) => {
+  const f = $e(null), h = q(), { elementId: m, dropdownId: p } = ve(s), { handleClear: g, handleClose: $, handleSelect: w, handleToggle: v, selected: S, opened: E } = ti({
+    options: e,
+    onChange: t,
+    defaultValue: o,
+    name: n
+  });
+  return jt({ ref: f, onClickOutsideHandler: $ }), Et({ keyCode: "Escape", ref: f, onKeyPress: $ }), /* @__PURE__ */ c.jsxs(ar, { ref: f, $theme: h, ...u, children: [
+    /* @__PURE__ */ c.jsx(Ye, { label: r, required: d, inputId: m, theme: h }),
+    /* @__PURE__ */ c.jsx(
+      Xs,
+      {
+        name: n,
+        opened: E,
+        comboboxId: m,
+        dropdownId: p,
+        onClick: v,
+        selected: S,
+        placeholder: i,
+        disabled: l,
+        required: d,
+        theme: h
+      }
+    ),
+    /* @__PURE__ */ c.jsx(
+      Qs,
+      {
+        options: e,
+        selected: S,
+        opened: E,
+        onClose: $,
+        dropdownId: p,
+        comboboxId: m,
+        onSelect: w,
+        onClear: g,
+        theme: h
+      }
+    )
+  ] });
+};
+function ni({
+  value: e,
+  required: t,
+  validator: n
+}) {
+  return t && !n && !e.length ? !1 : n && typeof n == "function" ? n(e) : n && typeof n == "object" ? new RegExp(n.regexp, n == null ? void 0 : n.flags).test(e) : !0;
+}
+function ri({
+  name: e,
+  initialValues: t,
+  defaultValue: n
+}) {
+  return t && (t != null && t[e]) ? t[e].toString() : n && typeof n == "string" ? n : "";
+}
+function oi({
+  name: e,
+  defaultValue: t,
+  onChange: n,
+  onClear: r,
+  required: o,
+  validator: s
+}) {
+  const { onChangeFormInput: i, initialValues: d } = xe(Re), l = ri({ initialValues: d, defaultValue: t, name: e }), [u, f] = B(l), [h, m] = B(!0), [p, g] = B(!1), $ = (E) => {
+    const _ = E.target.value, z = ni({ value: _, required: o, validator: s });
+    f(_), m(z), i == null || i({ name: e, value: _, valid: z }), n == null || n(E);
+  }, w = () => {
+    f(""), m(!0), i == null || i({ name: e, value: "", valid: !0 }), r == null || r();
+  }, v = tt(() => {
+    f(l), m(!0), i == null || i({ name: e, value: l, valid: !0 });
+  }, [e]), S = () => {
+    g(!p);
+  };
+  return nt(v), {
+    value: u,
+    valid: h,
+    passwordShown: p,
+    handleChange: $,
+    handleClear: w,
+    togglePassword: S
+  };
+}
+const si = k.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${(e) => e.$theme.gapMedium};
+  position: relative;
+
+  & > div:nth-child(2) {
+    display: flex;
+    gap: ${(e) => e.$theme.gapMedium};
+    align-items: center;
+    border: ${(e) => e.$theme.borderLight};
+    border-radius: ${(e) => e.$theme.blockBorderRadius};
+    padding: ${(e) => e.$theme.gapMedium};
+    background-color: ${(e) => e.$theme.backgroundColorBase};
+
+    &:has(input:focus) {
+      border: ${(e) => e.$theme.borderOutline};
+    }
+
+    &:has(input[aria-invalid='true']) {
+      border: ${(e) => e.$theme.borderAccent};
+    }
+
+    &:has(input[disabled]) {
+      pointer-events: none;
+      opacity: 0.5;
+    }
+
+    & > span:nth-child(2) {
+      display: flex;
+      gap: ${(e) => e.$theme.gapSmall};
+      align-items: center;
+    }
+  }
+
+  & input {
+    font-size: ${(e) => e.$theme.fontSizeBase};
+    padding: 0;
+    border: none;
+    font-family: ${(e) => e.$theme.fontFamilyCore};
+    color: ${(e) => e.$theme.fontColorBase};
+    display: inline-block;
+    background: transparent;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    flex-grow: 1;
+    min-width: 0;
+
+    &:focus-visible {
+      outline: none;
+    }
+
+    &:placeholder-shown + span {
+      display: none !important;
+    }
+  }
+`, pa = ({
+  name: e,
+  label: t,
+  errorMessage: n,
+  defaultValue: r,
+  onChange: o,
+  onBlur: s,
+  onFocus: i,
+  onClear: d,
+  validator: l,
+  maxLength: u,
+  id: f,
+  tabIndex: h,
+  placeholder: m = "Type here...",
+  disabled: p = !1,
+  required: g = !1,
+  clearable: $ = !0,
+  readOnly: w = !1,
+  autoComplete: v = "off",
+  type: S = "text",
+  ...E
+}) => {
+  const { value: _, valid: z, handleChange: C, handleClear: x, passwordShown: D, togglePassword: V } = oi({
+    defaultValue: r,
+    name: e,
+    onChange: o,
+    onClear: d,
+    required: g,
+    validator: l
+  }), { elementId: oe, errorId: te } = ve(f), se = S === "password", X = q();
+  return /* @__PURE__ */ c.jsxs(si, { $theme: X, ...E, children: [
+    /* @__PURE__ */ c.jsx(Ye, { label: t, required: g, inputId: oe, theme: X }),
+    /* @__PURE__ */ c.jsxs("div", { children: [
+      /* @__PURE__ */ c.jsx(
+        "input",
+        {
+          id: oe,
+          name: e,
+          type: D ? "text" : S,
+          disabled: p,
+          placeholder: m,
+          required: g,
+          readOnly: w,
+          autoComplete: v,
+          "aria-invalid": !z,
+          "aria-errormessage": te,
+          "aria-readonly": w,
+          value: _,
+          onChange: C,
+          maxLength: u,
+          onBlur: s,
+          onFocus: i,
+          tabIndex: h
+        }
+      ),
+      /* @__PURE__ */ c.jsxs("span", { children: [
+        $ && /* @__PURE__ */ c.jsx(
+          yt,
+          {
+            onClick: x,
+            label: `Clear input for ${t}`,
+            icon: j.Remove,
+            disabled: p,
+            theme: X
+          }
+        ),
+        se && /* @__PURE__ */ c.jsx(
+          yt,
+          {
+            onClick: V,
+            label: "Toggle password visibility",
+            icon: D ? j.Hide : j.Show,
+            disabled: p,
+            theme: X
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ c.jsx(nr, { errorId: te, message: n, visible: !z, theme: X })
+  ] });
+}, ii = k.div`
+  z-index: ${(e) => e.$theme.zIndexModal};
+  background-color: ${(e) => e.$theme.backgroundColorBase};
+  box-shadow: ${(e) => e.$theme.boxShadow};
+  font-family: ${(e) => e.$theme.fontFamilyCore};
+  color: ${(e) => e.$theme.fontColorBase};
+  width: 100%;
+  height: 90%;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  border-top-left-radius: ${(e) => e.$theme.blockBorderRadius};
+  border-top-right-radius: ${(e) => e.$theme.blockBorderRadius};
+  ${Ue}
+
+  @media ${Mo.landscapeTablets} {
+    width: fit-content;
+    height: fit-content;
+    position: relative;
+    min-width: 40%;
+    max-width: 90%;
+    max-height: 90%;
+    border-bottom-left-radius: ${(e) => e.$theme.blockBorderRadius};
+    border-bottom-right-radius: ${(e) => e.$theme.blockBorderRadius};
+
+    header {
+      font-size: ${(e) => e.$theme.fontSizeHeader};
+    }
+  }
+`, ai = k.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: inherit;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: ${(e) => e.$theme.backgroundColorTransparent};
+  ${Ue}
+
+  ${(e) => e.$isClosing && tr}
+`, ci = k.header`
+  font-size: 1.6rem;
+  font-weight: bold;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: ${(e) => e.$theme.gapBig};
+  padding: ${(e) => e.$theme.gapBig};
+  border-bottom: ${(e) => e.$theme.borderBase};
+  color: ${(e) => e.$theme.fontColorBase};
+`, li = k.div`
+  padding: ${(e) => e.$theme.gapBig};
+  font-size: ${(e) => e.$theme.fontSizeBase};
+`, di = ({ title: e, onClose: t, theme: n }) => /* @__PURE__ */ c.jsxs(ci, { $theme: n, children: [
+  e,
+  /* @__PURE__ */ c.jsx($t, { icon: j.Cancel, view: be.Icon, label: "Close modal window", onClick: t })
+] }), ui = ({ title: e, onClose: t, isOpened: n, children: r, theme: o, ...s }) => {
+  const i = $e(null);
+  return Cs({ modalRef: i, isOpened: n }), Et({ keyCode: "Escape", ref: i, onKeyPress: t }), /* @__PURE__ */ c.jsxs(ii, { ref: i, role: "dialog", "aria-modal": "true", $theme: o, ...s, children: [
+    /* @__PURE__ */ c.jsx(di, { title: e, onClose: t, theme: o }),
+    /* @__PURE__ */ c.jsx(li, { $theme: o, children: r })
+  ] });
+}, ma = ({ isOpened: e, onClose: t, title: n, children: r, ...o }) => {
+  const s = ir(e), i = s && !e, d = q();
+  return s ? /* @__PURE__ */ c.jsx(Qt, { children: /* @__PURE__ */ c.jsx(ai, { $isClosing: i, $theme: d, children: /* @__PURE__ */ c.jsx(ui, { title: n, onClose: t, isOpened: e, ...o, theme: d, children: r }) }) }) : null;
+}, fi = ({ id: e }) => {
+  const [t, n] = B(!1), r = $e(null), o = $e(null), { top: s, left: i } = Es({ wrapperRef: r, tooltipRef: o, isOpened: t }), { elementId: d } = ve(e), l = () => n(!1), u = () => n(!0), f = () => n(!t), h = (m) => {
+    m.preventDefault(), f();
+  };
+  return Et({ keyCode: "Escape", ref: o, onKeyPress: l }), jt({ ref: o, onClickOutsideHandler: l, dependentRef: r }), {
+    elementId: d,
+    openTooltip: u,
+    closeTooltip: l,
+    toggleTooltip: f,
+    handleContextMenu: h,
+    top: s,
+    left: i,
+    isOpened: t,
+    wrapperRef: r,
+    tooltipRef: o
+  };
+}, hi = k.div`
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: ${(e) => e.$theme.zIndexPopup};
+  background-color: ${(e) => e.$theme.backgroundColorBase};
+  border: ${(e) => e.$theme.borderLight};
+  color: ${(e) => e.$theme.fontColorBase};
+  padding: ${(e) => e.$theme.gapMedium};
+  font-size: ${(e) => e.$theme.fontSizeSmall};
+  font-family: ${(e) => e.$theme.fontFamilyCore};
+  border-radius: ${(e) => e.$theme.blockBorderRadius};
+  box-shadow: ${(e) => e.$theme.boxShadow};
+  pointer-events: none;
+  white-space: nowrap;
+
+  ${Ue}
+`, pi = ({
+  children: e,
+  tooltipContent: t,
+  containerTag: n = or.Span,
+  visibleOn: r = "hover",
+  id: o,
+  style: s,
+  ...i
+}) => {
+  const d = n, l = q(), { openTooltip: u, closeTooltip: f, toggleTooltip: h, handleContextMenu: m, elementId: p, top: g, left: $, isOpened: w, wrapperRef: v, tooltipRef: S } = fi({ id: o });
+  return /* @__PURE__ */ c.jsxs(
+    d,
+    {
+      style: { position: "relative", cursor: "pointer" },
+      onClick: r === "click" ? h : void 0,
+      onMouseOver: r === "hover" ? u : void 0,
+      onMouseLeave: r === "hover" ? f : void 0,
+      onFocus: r === "focus" ? u : void 0,
+      onBlur: r === "focus" ? f : void 0,
+      onContextMenu: r === "contextmenu" ? (E) => m(E) : void 0,
+      tabIndex: 0,
+      ref: v,
+      "aria-describedby": p,
+      children: [
+        e,
+        w && /* @__PURE__ */ c.jsx(Qt, { children: /* @__PURE__ */ c.jsx(hi, { style: { ...s, top: g, left: $ }, ref: S, role: "tooltip", id: p, $theme: l, ...i, children: t }) })
+      ]
+    }
+  );
+};
+function mi(e) {
+  return e ? Object.keys(e).map((t) => [t, !0]) : [];
+}
+function gi(e, t) {
+  return (t == null ? void 0 : t.valid) === void 0 ? e : e.map((n) => n[0] !== t.name ? n : [n[0], !!(t != null && t.valid)]);
+}
+function bi(e) {
+  return e.every((t) => t[1]);
+}
+function yi({
+  initialValues: e,
+  onReset: t,
+  onSubmit: n,
+  onClickSubmit: r
+}) {
+  const [o, s] = B(e), [i, d] = B(mi(e)), [l, u] = B(0);
+  return {
+    handleInputChange: (p) => {
+      const g = { ...o, [p.name]: p.value };
+      s(g), d(gi(i, p));
+    },
+    handleSubmit: (p) => {
+      p.preventDefault();
+      const $ = { ...Object.fromEntries(new FormData(p.target)), ...o };
+      n == null || n(p), r == null || r($);
+    },
+    handleReset: (p) => {
+      t == null || t(p), s(e), u(l + 1);
+    },
+    resetSignal: l,
+    valid: bi(i)
+  };
+}
+const $i = k.form`
+  display: grid;
+  align-items: end;
+  gap: ${(e) => e.$theme.gapMedium};
+  font-size: ${(e) => e.$theme.fontSizeBase};
+  font-family: ${(e) => e.$theme.fontFamilyCore};
+
+  ${({ $columns: e }) => `
+      grid-template-columns: repeat(${e}, 1fr);
+      grid-template-rows: auto;
+    `}
+`, xi = k.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-top: 1rem;
+
+  ${({ $columns: e }) => `
+    grid-column: 1 / ${e + 1};
+  `}
+`, ga = ({
+  children: e,
+  initialValues: t,
+  onReset: n,
+  onSubmit: r,
+  onClickSubmit: o,
+  columns: s = 1,
+  hasReset: i = !0,
+  ...d
+}) => {
+  const { handleInputChange: l, handleSubmit: u, handleReset: f, resetSignal: h, valid: m } = yi({
+    initialValues: t,
+    onReset: n,
+    onSubmit: r,
+    onClickSubmit: o
+  }), p = q();
+  return /* @__PURE__ */ c.jsx($i, { onSubmit: u, onReset: f, $columns: s, $theme: p, ...d, children: /* @__PURE__ */ c.jsxs(Re.Provider, { value: { onChangeFormInput: l, initialValues: t, resetSignal: h }, children: [
+    e,
+    /* @__PURE__ */ c.jsxs(xi, { $columns: s, children: [
+      i && /* @__PURE__ */ c.jsx($t, { type: "reset", text: "Reset", icon: j.Clear, view: be.Flat }),
+      /* @__PURE__ */ c.jsx($t, { type: "submit", text: "Submit", icon: j.Forward, extended: !i, disabled: !m })
+    ] })
+  ] }) });
+}, vi = k.table`
+  border-collapse: collapse;
+`, wi = k.thead`
+  font-family: ${(e) => e.$theme.fontFamilyCore};
+  color: ${(e) => e.$theme.fontColorBase};
+  font-size: ${(e) => e.$theme.fontSizeBase};
+`, Si = k.tbody`
+  font-family: ${(e) => e.$theme.fontFamilyCore};
+  color: ${(e) => e.$theme.fontColorBase};
+`, ur = k.th`
+  padding: ${(e) => e.$theme.gapMedium};
+  text-align: left;
+`, ki = k.tr`
+  font-weight: bold;
+  border-top: ${(e) => e.$theme.borderLight};
+  border-bottom: ${(e) => e.$theme.borderLight};
+  background-color: ${(e) => e.$theme.backgroundColorBase};
+`, fr = k.td`
+  padding: ${(e) => e.$theme.gapMedium};
+`, Ci = k.caption`
+  font-family: ${(e) => e.$theme.fontFamilyCore};
+  color: ${(e) => e.$theme.fontColorBase};
+  padding: ${(e) => e.$theme.gapMedium};
+  font-weight: bold;
+`, ji = k.tr`
+  border-bottom: ${(e) => e.$theme.borderLight};
+
+  ${(e) => e.$selected && `
+      background-color: ${e.$theme.backgroundColorLight};
+    `}
+`, _n = k.col`
+  border-right: ${(e) => e.$theme.borderLight};
+
+  ${(e) => e.$isFirst && `border-left: ${e.$theme.borderLight};`}
+  ${(e) => e.$highlighted && `background-color: ${e.$theme.backgroundColorLight};`}
+`, Ei = k.div`
+  display: flex;
+  gap: ${(e) => e.$theme.gapSmall};
+  padding: ${(e) => e.$theme.gapSmall} 0;
+  position: relative;
+  overflow: hidden;
+
+  svg {
+    color: ${(e) => e.$checked ? e.$theme.fontColorBase : e.$theme.fontColorLight};
+  }
+
+  label {
+    cursor: pointer;
+    gap: ${(e) => e.$theme.gapSmall};
+    font-size: ${(e) => e.$theme.fontSizeBase} !important;
+    &:hover,
+    &:active {
+      text-shadow: ${(e) => e.$theme.textShadow};
+    }
+  }
+
+  ${(e) => e.$disabled && `
+      pointer-events: none;
+      opacity: 0.5;
+    `}
+`, Ii = k.input`
+  position: absolute;
+  z-index: -1;
+  opacity: 0;
+  top: 4px;
+  left: 0;
+  margin: 0;
+
+  &:focus-visible + label {
+    outline: ${(e) => e.$theme.borderOutline};
+    outline-offset: 2px;
+  }
+`;
+function Ai({
+  item: e,
+  columns: t,
+  renderDataItem: n
+}) {
+  const r = [];
+  for (const o of t) {
+    let s;
+    n && e[o.field] ? s = n(e, o.field) : e[o.field] ? s = e[o.field].toString() : s = "", r.push(s);
+  }
+  return r;
+}
+const _i = ({ value: e, theme: t }) => /* @__PURE__ */ c.jsx(fr, { $theme: t, children: e }), hr = ({
+  name: e,
+  label: t,
+  disabled: n,
+  required: r = !1,
+  onChange: o,
+  checked: s = !1,
+  theme: i,
+  ...d
+}) => {
+  const { elementId: l } = ve(d == null ? void 0 : d.id);
+  return /* @__PURE__ */ c.jsxs(Ei, { $disabled: !!n, $checked: s, $theme: i, children: [
+    /* @__PURE__ */ c.jsx(
+      Ii,
+      {
+        id: l,
+        name: e,
+        type: "checkbox",
+        disabled: n,
+        required: r,
+        checked: s,
+        onChange: o,
+        $theme: i
+      }
+    ),
+    /* @__PURE__ */ c.jsx(
+      Ye,
+      {
+        label: t,
+        required: r,
+        inputId: l,
+        isTextHidden: !0,
+        iconPosition: "left",
+        theme: i,
+        icon: s ? /* @__PURE__ */ c.jsx(It, {}) : /* @__PURE__ */ c.jsx(At, {})
+      }
+    )
+  ] });
+}, zi = ({
+  rowId: e,
+  isRowSelected: t,
+  selectRowById: n,
+  deselectRowById: r,
+  disabled: o,
+  theme: s
+}) => {
+  const i = (d) => {
+    const { checked: l } = d.target;
+    l ? n(e) : r(e);
+  };
+  return /* @__PURE__ */ c.jsx(fr, { $theme: s, children: /* @__PURE__ */ c.jsx(
+    hr,
+    {
+      theme: s,
+      label: "Select row",
+      onChange: i,
+      id: `select_row_${e}`,
+      checked: t,
+      disabled: o
+    }
+  ) });
+}, Ri = ({ rowId: e, selectRowById: t, deselectRowById: n, selectable: r, values: o, selectedIds: s, disabled: i, theme: d }) => {
+  const l = s.includes(e);
+  return /* @__PURE__ */ c.jsxs(ji, { $selected: l, $theme: d, children: [
+    r && /* @__PURE__ */ c.jsx(
+      zi,
+      {
+        rowId: e,
+        selectRowById: t,
+        deselectRowById: n,
+        isRowSelected: l,
+        disabled: i,
+        theme: d
+      }
+    ),
+    o.map((u, f) => /* @__PURE__ */ c.jsx(_i, { value: u, theme: d }, `row_${f}`))
+  ] });
+}, Ti = ({
+  selectRowById: e,
+  deselectRowById: t,
+  renderDataItem: n,
+  selectedIds: r,
+  selectable: o,
+  data: s,
+  columns: i,
+  theme: d
+}) => /* @__PURE__ */ c.jsx(Si, { $theme: d, children: s.map((l) => {
+  const u = Ai({ item: l, columns: i, renderDataItem: n });
+  return /* @__PURE__ */ c.jsx(
+    Ri,
+    {
+      rowId: l.id,
+      disabled: l == null ? void 0 : l.disabled,
+      selectRowById: e,
+      deselectRowById: t,
+      selectable: o,
+      values: u,
+      selectedIds: r,
+      theme: d
+    },
+    l.id
+  );
+}) }), Oi = ({
+  columns: e,
+  selectable: t,
+  theme: n
+}) => /* @__PURE__ */ c.jsxs("colgroup", { children: [
+  t && /* @__PURE__ */ c.jsx(_n, { $isFirst: !0, $highlighted: !1, $theme: n }),
+  e.map((r, o) => /* @__PURE__ */ c.jsx(
+    _n,
+    {
+      $isFirst: o === 0 && !t,
+      $highlighted: !!(r != null && r.highlighted),
+      className: r == null ? void 0 : r.className,
+      $theme: n
+    },
+    r == null ? void 0 : r.title
+  ))
+] }), Pi = ({
+  title: e,
+  component: t,
+  theme: n
+}) => /* @__PURE__ */ c.jsx(ur, { $theme: n, children: t ?? e ?? "" }), Mi = ({ gridId: e, isAllSelected: t, selectAll: n, deselectAll: r, disabled: o, theme: s }) => {
+  const i = (d) => {
+    const { checked: l } = d.target;
+    l ? n() : r();
+  };
+  return /* @__PURE__ */ c.jsx(ur, { $theme: s, children: /* @__PURE__ */ c.jsx(
+    hr,
+    {
+      label: "Select all rows",
+      onChange: i,
+      id: `select_all_${e}`,
+      checked: t,
+      disabled: o,
+      theme: s
+    }
+  ) });
+}, Bi = ({
+  columns: e,
+  gridId: t,
+  selectAll: n,
+  deselectAll: r,
+  selectable: o,
+  isAllSelected: s,
+  isAllCheckboxDisabled: i = !1,
+  theme: d
+}) => /* @__PURE__ */ c.jsx(wi, { $theme: d, children: /* @__PURE__ */ c.jsxs(ki, { $theme: d, children: [
+  o && /* @__PURE__ */ c.jsx(
+    Mi,
+    {
+      isAllSelected: s,
+      disabled: i,
+      gridId: t,
+      selectAll: n,
+      deselectAll: r,
+      theme: d
+    }
+  ),
+  e.map((l) => /* @__PURE__ */ c.jsx(Pi, { title: l.title, component: l.component, theme: d }, `${l.title}_${t}`))
+] }) }), Di = ({
+  data: e,
+  id: t,
+  onSelect: n
+}) => {
+  const { elementId: r } = ve(t), [o, s] = B([]), i = e.map((g) => g.id), d = i.length === o.length, l = e.some((g) => g == null ? void 0 : g.disabled), u = (g) => {
+    s(g), n == null || n(g);
+  };
+  return {
+    elementId: r,
+    isAllSelected: d,
+    isAllCheckboxDisabled: l,
+    selectedIds: o,
+    handleSelectAll: () => {
+      u(i);
+    },
+    handleDeselectAll: () => {
+      u([]);
+    },
+    handleSelectRowById: (g) => {
+      const $ = [...o, g];
+      u($);
+    },
+    handleDeselectRowById: (g) => {
+      const $ = o.filter((w) => w !== g);
+      u($);
+    }
+  };
+}, ba = ({
+  columns: e,
+  data: t,
+  id: n,
+  onSelect: r,
+  renderDataItem: o,
+  caption: s,
+  selectable: i = !1,
+  ...d
+}) => {
+  const {
+    elementId: l,
+    handleSelectAll: u,
+    handleDeselectAll: f,
+    isAllCheckboxDisabled: h,
+    isAllSelected: m,
+    handleDeselectRowById: p,
+    handleSelectRowById: g,
+    selectedIds: $
+  } = Di({ id: n, data: t, onSelect: r }), w = q();
+  return /* @__PURE__ */ c.jsxs(vi, { ...d, children: [
+    s && /* @__PURE__ */ c.jsx(Ci, { $theme: w, children: s }),
+    /* @__PURE__ */ c.jsx(Oi, { columns: e, selectable: i, theme: w }),
+    /* @__PURE__ */ c.jsx(
+      Bi,
+      {
+        gridId: l,
+        columns: e,
+        selectable: i,
+        selectAll: u,
+        deselectAll: f,
+        isAllSelected: m,
+        isAllCheckboxDisabled: h,
+        theme: w
+      }
+    ),
+    /* @__PURE__ */ c.jsx(
+      Ti,
+      {
+        columns: e,
+        data: t,
+        selectable: i,
+        selectRowById: g,
+        deselectRowById: p,
+        selectedIds: $,
+        renderDataItem: o,
+        theme: w
+      }
+    )
+  ] });
+}, pr = k.ul`
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  padding-inline-start: 0;
+  display: flex;
+  gap: ${(e) => e.$theme.gapSmall};
+  flex-direction: ${(e) => e.$mode === Y.Vertical ? "column" : "row"};
+  justify-content: flex-start;
+  width: 100%;
+`, Ni = k(pr)`
+  flex-direction: column;
+  padding-left: ${(e) => e.$theme.gapBig};
+  margin-left: ${(e) => e.$theme.gapBig};
+  margin-top: ${(e) => e.$theme.gapSmall};
+  box-sizing: border-box;
+  border-left: ${(e) => e.$theme.borderLight};
+  ${Ue}
+
+  ${({ $theme: e, $mode: t }) => t === Y.Horizontal && `
+      position: absolute;
+      top: 100%;
+      left: 40%;
+      width: max-content;
+      border-radius: ${e.blockBorderRadius};
+      border: ${e.borderLight};
+      box-shadow: ${e.boxShadow};
+      background-color: ${e.backgroundColorBase};
+      padding: ${e.gapMedium};
+      margin: 0;
+      z-index: ${e.zIndexPopup};
+  `}
+`, Li = k.li`
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  gap: ${(e) => e.$theme.gapMedium};
+  font-family: ${(e) => e.$theme.fontFamilyCore};
+  color: ${(e) => e.$theme.fontColorBase};
+  font-size: ${(e) => e.$theme.fontSizeBase};
+  background-color: ${(e) => e.$theme.backgroundColorBase};
+  padding: ${(e) => e.$theme.gapMedium};
+  border-radius: ${(e) => e.$theme.blockBorderRadius};
+  cursor: pointer;
+
+  &:hover {
+    color: ${(e) => e.$theme.fontColorAccent};
+  }
+
+  &:focus-visible {
+    outline: ${(e) => e.$theme.borderOutline};
+  }
+`, Hi = k.li`
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-direction: column;
+  gap: 0;
+  padding: 0;
+  position: relative;
+  border-radius: ${(e) => e.$theme.blockBorderRadius};
+
+  &:focus-visible {
+    outline: ${(e) => e.$theme.borderOutline};
+  }
+`, Fi = k.span`
+  position: relative;
+  display: flex;
+  box-sizing: border-box;
+  gap: ${(e) => e.$theme.gapMedium};
+  align-items: center;
+  width: 100%;
+  justify-content: space-between;
+  font-family: ${(e) => e.$theme.fontFamilyCore};
+  color: ${(e) => e.$theme.fontColorBase};
+  font-size: ${(e) => e.$theme.fontSizeBase};
+  background-color: ${(e) => e.$theme.backgroundColorBase};
+  padding: ${(e) => e.$theme.gapMedium};
+  border-radius: ${(e) => e.$theme.blockBorderRadius};
+  cursor: pointer;
+
+  span {
+    display: flex;
+    gap: ${(e) => e.$theme.gapMedium};
+    align-items: center;
+  }
+
+  &:hover {
+    color: ${(e) => e.$theme.fontColorAccent};
+  }
+`, Gi = ({ theme: e, item: t }) => {
+  const { icon: n, link: r, label: o, onFocus: s, onClick: i, onHover: d } = t, l = r ? /* @__PURE__ */ c.jsx("a", { href: r, target: "_blank", rel: "noreferrer", children: o }) : /* @__PURE__ */ c.jsx("span", { children: o });
+  return /* @__PURE__ */ c.jsxs(Li, { tabIndex: 0, role: "menuitem", $theme: e, onFocus: s, onClick: i, onMouseOver: d, children: [
+    /* @__PURE__ */ c.jsx(ue, { name: n }),
+    l
+  ] });
+}, Wi = ({ item: e, theme: t, isSubMenuOpened: n, toggleSubMenu: r, closeSubMenu: o, mode: s, children: i }) => {
+  const { icon: d, link: l, label: u } = e, f = $e(null), h = $e(null), m = l ? /* @__PURE__ */ c.jsxs("a", { href: l, target: "_blank", rel: "noreferrer", children: [
+    /* @__PURE__ */ c.jsx(ue, { name: d }),
+    u
+  ] }) : /* @__PURE__ */ c.jsxs("span", { children: [
+    /* @__PURE__ */ c.jsx(ue, { name: d }),
+    u
+  ] }), p = ($) => {
+    $.stopPropagation(), $.key === " " && r();
+  };
+  return jt({ ref: f, dependentRef: h, onClickOutsideHandler: () => {
+    s !== Y.Vertical && o();
+  } }), /* @__PURE__ */ c.jsxs(
+    Hi,
+    {
+      tabIndex: 0,
+      role: "menuitem",
+      "aria-haspopup": "true",
+      "aria-expanded": n,
+      $theme: t,
+      onKeyDown: p,
+      ref: f,
+      children: [
+        /* @__PURE__ */ c.jsxs(Fi, { ref: h, $theme: t, onClick: r, $mode: s, children: [
+          m,
+          /* @__PURE__ */ c.jsx(ue, { name: n ? j.ArrowUp : j.ArrowDown })
+        ] }),
+        n && i
+      ]
+    }
+  );
+}, mr = ({ item: e, theme: t, mode: n }) => {
+  var l, u;
+  const r = !((l = e == null ? void 0 : e.nestedItems) != null && l.length), [o, s] = B(!1);
+  if (r)
+    return /* @__PURE__ */ c.jsx(Gi, { item: e, theme: t });
+  const i = () => {
+    s(!o);
+  }, d = () => {
+    s(!1);
+  };
+  return /* @__PURE__ */ c.jsx(
+    Wi,
+    {
+      item: e,
+      theme: t,
+      isSubMenuOpened: o,
+      toggleSubMenu: i,
+      closeSubMenu: d,
+      mode: n,
+      children: /* @__PURE__ */ c.jsx(Ni, { role: "menu", "aria-label": e.label, $theme: t, $mode: n, children: (u = e == null ? void 0 : e.nestedItems) == null ? void 0 : u.map((f) => /* @__PURE__ */ c.jsx(mr, { item: f, theme: t, mode: n }, f.id)) })
+    }
+  );
+}, ya = ({ items: e, mode: t = Y.Vertical, ...n }) => {
+  const r = q();
+  return /* @__PURE__ */ c.jsx(pr, { role: "menubar", $theme: r, $mode: t, ...n, children: e.map((o) => /* @__PURE__ */ c.jsx(mr, { item: o, theme: r, mode: t }, o.id)) });
+}, Qt = ({ children: e }) => {
+  const [t] = B(() => document.createElement("div"));
+  return fe(() => (document.body.appendChild(t), () => {
+    document.body.removeChild(t);
+  }), [t]), kr.createPortal(e, t);
+}, Ui = k.button`
+  background: transparent;
+  position: relative;
+  outline: none;
+  border: none;
+  padding: ${(e) => e.$theme.gapMedium};
+  cursor: pointer;
+  font-size: ${(e) => e.$theme.fontSizeBase};
+  font-family: ${(e) => e.$theme.fontFamilyCore};
+  color: ${(e) => e.$theme.fontColorBase};
+  overflow: hidden;
+  border-top-left-radius: ${(e) => e.$theme.blockBorderRadius};
+  border-top-right-radius: ${(e) => e.$theme.blockBorderRadius};
+
+  &:focus-visible {
+    outline: ${(e) => e.$theme.borderOutline};
+    outline-offset: -4px;
+  }
+
+  &:hover,
+  &:active {
+    color: ${(e) => e.$theme.fontColorAccent};
+  }
+
+  ${(e) => e.$disabled && `
+      pointer-events: none;
+      filter: grayscale(80%);
+      opacity: 0.6;
+    `}
+
+  ${(e) => e.$selected && `   
+      border-top: ${e.$theme.borderLight};
+      border-right: ${e.$theme.borderLight};
+      border-left: ${e.$theme.borderLight};
+      background-color: ${e.$theme.backgroundColorBase};
+      top: 1px;
+    `}
+
+    ${(e) => e.$mode === Y.Vertical && `
+      border-bottom-left-radius: ${e.$theme.blockBorderRadius};
+      border-top-right-radius: 0;
+    `}
+
+    ${(e) => e.$mode === Y.Vertical && e.$selected && `
+      border-top: ${e.$theme.borderLight};
+      border-right: none;
+      border-left: ${e.$theme.borderLight};
+      border-bottom: ${e.$theme.borderLight};
+      top: 0px;
+      left: 1px;
+    `}
+`, Yi = 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;
+`, Vi = k.div`
+  border-bottom: ${(e) => e.$theme.borderLight};
+  padding: 0 ${(e) => e.$theme.gapMedium};
+  display: flex;
+  gap: ${(e) => e.$theme.gapMedium};
+
+  ${(e) => e.$mode === Y.Vertical && `
+      flex-direction: column;
+      border-bottom: none;
+      border-right: ${e.$theme.borderLight};
+      padding: ${e.$theme.gapMedium} 0;
+    `}
+`, Ki = k.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+
+  ${({ $mode: e }) => e === Y.Vertical && `
+      flex-direction: row;
+    `}
+`, qi = ({ tabs: e, selectedTabId: t, theme: n }) => {
+  var s;
+  const r = (s = e.find((i) => i.id === t)) == null ? void 0 : s.content, o = `tabpanel_${t}`;
+  return /* @__PURE__ */ c.jsx(Yi, { role: "tabpanel", "aria-labelledby": t, id: o, $theme: n, children: r });
+}, Xi = ({
+  title: e,
+  onTabSelect: t,
+  tabId: n,
+  isSelected: r,
+  isDisabled: o = !1,
+  tabPanelId: s,
+  mode: i,
+  theme: d
+}) => /* @__PURE__ */ c.jsx(
+  Ui,
+  {
+    role: "tab",
+    id: n,
+    onClick: () => t(n),
+    "aria-selected": r,
+    "aria-controls": s,
+    $selected: r,
+    $disabled: o,
+    $mode: i,
+    $theme: d,
+    children: e
+  }
+), Ji = ({ tabs: e, onTabSelect: t, selectedTabId: n, tabPanelIds: r, mode: o, tabIds: s, theme: i }) => {
+  const d = (l) => {
+    const u = s.findIndex((f) => f === n);
+    switch (l.key) {
+      case "ArrowLeft":
+      case "ArrowUp": {
+        if (l.preventDefault(), l.key === "ArrowUp" && o === Y.Horizontal || l.key === "ArrowLeft" && o === Y.Vertical) break;
+        const f = u - 1 >= 0 ? u - 1 : s.length - 1, h = s[f];
+        h && (et(h), t(h));
+        break;
+      }
+      case "ArrowRight":
+      case "ArrowDown": {
+        if (l.preventDefault(), l.key === "ArrowDown" && o === Y.Horizontal || l.key === "ArrowRight" && o === Y.Vertical) break;
+        const f = u === s.length - 1 ? 0 : u + 1, h = s[f];
+        h && (et(h), t(h));
+        break;
+      }
+    }
+  };
+  return /* @__PURE__ */ c.jsx(Vi, { role: "tablist", $mode: o, onKeyDown: d, $theme: i, children: e.map(({ id: l, title: u, disabled: f }, h) => /* @__PURE__ */ c.jsx(
+    Xi,
+    {
+      title: u,
+      onTabSelect: t,
+      tabId: l,
+      isSelected: l === n,
+      isDisabled: f,
+      tabPanelId: r[h],
+      mode: o,
+      theme: i
+    },
+    l
+  )) });
+}, $a = ({ tabs: e, defaultTabId: t, mode: n = Y.Horizontal, ...r }) => {
+  const o = e.map((h) => h.id), s = o.map((h) => `tabpanel_${h}`), i = t && o.includes(t) ? t : o[0], [d, l] = B(i), u = q(), f = (h) => {
+    l(h);
+  };
+  return /* @__PURE__ */ c.jsxs(Ki, { $mode: n, ...r, children: [
+    /* @__PURE__ */ c.jsx(
+      Ji,
+      {
+        tabs: e,
+        selectedTabId: d,
+        tabPanelIds: s,
+        onTabSelect: f,
+        mode: n,
+        tabIds: o,
+        theme: u
+      }
+    ),
+    /* @__PURE__ */ c.jsx(qi, { tabs: e, selectedTabId: d, theme: u })
+  ] });
+}, Zi = 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};
+    }
+  }
+`, Qi = k.div`
+  position: fixed;
+  bottom: ${(e) => e.$theme.gapBig};
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: ${(e) => e.$theme.zIndexPopup};
+  ${Ue}
+
+  ${(e) => e.$isClosing && tr}
+`, ea = 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 gr(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 ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: gr
+}, Symbol.toStringTag, { value: "Module" }));
+function br(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 na = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: br
+}, Symbol.toStringTag, { value: "Module" }));
+function yr(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 ra = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: yr
+}, Symbol.toStringTag, { value: "Module" }));
+function $r(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 oa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: $r
+}, Symbol.toStringTag, { value: "Module" }));
+function sa(e, t) {
+  if (t) return t;
+  switch (e) {
+    case Z.Info:
+      return "For your information";
+    case Z.Warning:
+      return "Please pay attention";
+    case Z.Error:
+      return "Something went wrong";
+    case Z.Success:
+      return "Everything is okay";
+    case Z.Help:
+      return "Useful tip";
+    default:
+      return "Alert";
+  }
+}
+function ia(e, t) {
+  if (t)
+    return /* @__PURE__ */ c.jsx(ue, { name: t });
+  switch (e) {
+    case Z.Info:
+      return /* @__PURE__ */ c.jsx(yr, {});
+    case Z.Warning:
+      return /* @__PURE__ */ c.jsx($r, {});
+    case Z.Error:
+      return /* @__PURE__ */ c.jsx(gr, {});
+    case Z.Success:
+      return /* @__PURE__ */ c.jsx(Zt, {});
+    case Z.Help:
+      return /* @__PURE__ */ c.jsx(br, {});
+    default:
+      return null;
+  }
+}
+const aa = ({ title: e, onClose: t, mode: n, icon: r, theme: o }) => {
+  const s = sa(n, e), i = ia(n, r);
+  return /* @__PURE__ */ c.jsxs(Zi, { $theme: o, children: [
+    /* @__PURE__ */ c.jsxs("h3", { children: [
+      i,
+      s
+    ] }),
+    /* @__PURE__ */ c.jsx($t, { icon: j.Cancel, view: be.Icon, label: "Close alert popup", onClick: t })
+  ] });
+}, xa = ({
+  isOpened: e,
+  onClose: t,
+  title: n,
+  message: r,
+  mode: o = Z.Info,
+  icon: s,
+  ...i
+}) => {
+  const d = ir(e), l = d && !e, u = q();
+  return d ? /* @__PURE__ */ c.jsx(Qt, { children: /* @__PURE__ */ c.jsx(Qi, { $isClosing: l, $theme: u, children: /* @__PURE__ */ c.jsxs(ea, { ...i, $theme: u, children: [
+    /* @__PURE__ */ c.jsx(aa, { title: n, onClose: t, mode: o, icon: s, theme: u }),
+    /* @__PURE__ */ c.jsx("p", { children: r })
+  ] }) }) }) : null;
+};
+export {
+  q as A,
+  jt as B,
+  $t as C,
+  ks as D,
+  ve as E,
+  Et as F,
+  Cs as G,
+  ir as H,
+  yt as I,
+  nt as J,
+  Es as K,
+  js as L,
+  da as a,
+  ua as b,
+  fa as c,
+  ha as d,
+  pa as e,
+  ma as f,
+  pi as g,
+  ga as h,
+  ba as i,
+  c as j,
+  ya as k,
+  Qt as l,
+  $a as m,
+  xa as n,
+  Re as o,
+  ws as p,
+  nr as q,
+  ue as r,
+  Ye as s,
+  Z as t,
+  be as u,
+  j as v,
+  Lo as w,
+  Y as x,
+  rr as y,
+  or as z
+};
+//# sourceMappingURL=index-Dg2AZXfT.js.map