md-components-mdigial-azamat 0.0.109 → 0.0.113

package/dist/FieldInput-ef2a18d4.js

@@ -0,0 +1,2743 @@
+import { jsxs as C, jsx as i, Fragment as Le } from "react/jsx-runtime";
+import { b as Hn, C as _n } from "./index.esm-0558519f.js";
+import Me, { forwardRef as W, useRef as Ue, useDebugValue as Lt, createElement as $n, useContext as jn, useState as U, useCallback as fe, useEffect as ze, useImperativeHandle as Jt, useMemo as Qt } from "react";
+import { F } from "./Flex-86aee720.js";
+import { C as zn } from "./index-2ec92a04.js";
+import { c as P } from "./cn-6a4bf187.js";
+import { u as Ve } from "./useTranslation-d7a3ca6f.js";
+import { C as Bn, a as Gn } from "./index-0791c17f.js";
+import { u as en } from "./useClickOutside-197b0df2.js";
+import { useFieldVisibility as Zn } from "./Forms/FormDefault/hooks/useFieldVisibility.js";
+import { useFieldOptions as Wn } from "./Forms/FormDefault/hooks/useFieldOptions.js";
+import { useFieldValidation as Yn } from "./Forms/FormDefault/hooks/useFieldValidation.js";
+const tn = W(
+  ({ className: e, label: t, error: n, ...r }, o) => /* @__PURE__ */ C("div", { children: [
+    /* @__PURE__ */ C(
+      F,
+      {
+        align: "center",
+        gap: 8,
+        as: "label",
+        className: "cursor-pointer group w-fit",
+        children: [
+          /* @__PURE__ */ C(
+            F,
+            {
+              align: "center",
+              justify: "center",
+              className: "relative",
+              children: [
+                /* @__PURE__ */ i(
+                  "input",
+                  {
+                    type: "checkbox",
+                    className: "peer sr-only",
+                    ref: o,
+                    ...r
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  F,
+                  {
+                    align: "center",
+                    justify: "center",
+                    className: P(
+                      "size-5 rounded-md border transition-all duration-200",
+                      "border-grayBlue bg-white text-transparent",
+                      "peer-checked:bg-greenLight peer-checked:border-greenLight peer-checked:text-white",
+                      "peer-focus-visible:ring-2 peer-focus-visible:ring-greenLight peer-focus-visible:ring-offset-2",
+                      "peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+                      "group-hover:border-greenLight",
+                      e
+                    ),
+                    children: /* @__PURE__ */ i(zn, { className: "size-3 transition-opacity duration-200" })
+                  }
+                )
+              ]
+            }
+          ),
+          t && /* @__PURE__ */ i(
+            "span",
+            {
+              className: P(
+                "text-sm text-graySoft select-none group-hover:text-blackBG transition-colors duration-200"
+              ),
+              children: t
+            }
+          )
+        ]
+      }
+    ),
+    n && /* @__PURE__ */ i("p", { className: "mt-1 text-sm text-red", children: n })
+  ] })
+);
+tn.displayName = "Checkbox";
+const nn = W(
+  ({
+    label: e,
+    options: t = [],
+    value: n,
+    onChange: r,
+    error: o,
+    className: a,
+    direction: s = "column"
+  }, l) => {
+    const c = Array.isArray(n) ? n : [], p = (f) => {
+      if (!r)
+        return;
+      const h = c.includes(f) ? c.filter((u) => u !== f) : [...c, f];
+      r(h);
+    };
+    return /* @__PURE__ */ C(
+      F,
+      {
+        ref: l,
+        vertical: !0,
+        gap: 12,
+        className: P(a),
+        children: [
+          e && /* @__PURE__ */ i("label", { className: "text-sm font-medium text-blackBG py-1", children: e }),
+          /* @__PURE__ */ C("div", { children: [
+            /* @__PURE__ */ i(
+              F,
+              {
+                gap: 16,
+                className: P(
+                  "w-full",
+                  s === "column" ? "flex-col" : "flex-row flex-wrap"
+                ),
+                children: t == null ? void 0 : t.map((f) => /* @__PURE__ */ i(
+                  tn,
+                  {
+                    label: f == null ? void 0 : f.label,
+                    checked: c.includes(f == null ? void 0 : f.value),
+                    onChange: () => p(f == null ? void 0 : f.value)
+                  },
+                  f == null ? void 0 : f.value
+                ))
+              }
+            ),
+            o && /* @__PURE__ */ i("p", { className: "mt-1 text-sm text-red", children: o })
+          ] })
+        ]
+      }
+    );
+  }
+);
+nn.displayName = "CheckboxGroup";
+var H = function() {
+  return H = Object.assign || function(t) {
+    for (var n, r = 1, o = arguments.length; r < o; r++) {
+      n = arguments[r];
+      for (var a in n)
+        Object.prototype.hasOwnProperty.call(n, a) && (t[a] = n[a]);
+    }
+    return t;
+  }, H.apply(this, arguments);
+};
+function ge(e, t, n) {
+  if (n || arguments.length === 2)
+    for (var r = 0, o = t.length, a; r < o; r++)
+      (a || !(r in t)) && (a || (a = Array.prototype.slice.call(t, 0, r)), a[r] = t[r]);
+  return e.concat(a || Array.prototype.slice.call(t));
+}
+function Un(e) {
+  var t = /* @__PURE__ */ Object.create(null);
+  return function(n) {
+    return t[n] === void 0 && (t[n] = e(n)), t[n];
+  };
+}
+var qn = /^((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)-.*))$/, Xn = /* @__PURE__ */ Un(
+  function(e) {
+    return qn.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+), A = "-ms-", De = "-moz-", D = "-webkit-", rn = "comm", Je = "rule", wt = "decl", Kn = "@import", on = "@keyframes", Jn = "@layer", an = Math.abs, xt = String.fromCharCode, pt = Object.assign;
+function Qn(e, t) {
+  return R(e, 0) ^ 45 ? (((t << 2 ^ R(e, 0)) << 2 ^ R(e, 1)) << 2 ^ R(e, 2)) << 2 ^ R(e, 3) : 0;
+}
+function sn(e) {
+  return e.trim();
+}
+function K(e, t) {
+  return (e = t.exec(e)) ? e[0] : e;
+}
+function v(e, t, n) {
+  return e.replace(t, n);
+}
+function Be(e, t, n) {
+  return e.indexOf(t, n);
+}
+function R(e, t) {
+  return e.charCodeAt(t) | 0;
+}
+function me(e, t, n) {
+  return e.slice(t, n);
+}
+function Y(e) {
+  return e.length;
+}
+function cn(e) {
+  return e.length;
+}
+function Ee(e, t) {
+  return t.push(e), e;
+}
+function er(e, t) {
+  return e.map(t).join("");
+}
+function Et(e, t) {
+  return e.filter(function(n) {
+    return !K(n, t);
+  });
+}
+var Qe = 1, ye = 1, ln = 0, z = 0, I = 0, xe = "";
+function et(e, t, n, r, o, a, s, l) {
+  return { value: e, root: t, parent: n, type: r, props: o, children: a, line: Qe, column: ye, length: s, return: "", siblings: l };
+}
+function ne(e, t) {
+  return pt(et("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
+}
+function he(e) {
+  for (; e.root; )
+    e = ne(e.root, { children: [e] });
+  Ee(e, e.siblings);
+}
+function tr() {
+  return I;
+}
+function nr() {
+  return I = z > 0 ? R(xe, --z) : 0, ye--, I === 10 && (ye = 1, Qe--), I;
+}
+function Z() {
+  return I = z < ln ? R(xe, z++) : 0, ye++, I === 10 && (ye = 1, Qe++), I;
+}
+function le() {
+  return R(xe, z);
+}
+function Ge() {
+  return z;
+}
+function tt(e, t) {
+  return me(xe, e, t);
+}
+function ht(e) {
+  switch (e) {
+    case 0:
+    case 9:
+    case 10:
+    case 13:
+    case 32:
+      return 5;
+    case 33:
+    case 43:
+    case 44:
+    case 47:
+    case 62:
+    case 64:
+    case 126:
+    case 59:
+    case 123:
+    case 125:
+      return 4;
+    case 58:
+      return 3;
+    case 34:
+    case 39:
+    case 40:
+    case 91:
+      return 2;
+    case 41:
+    case 93:
+      return 1;
+  }
+  return 0;
+}
+function rr(e) {
+  return Qe = ye = 1, ln = Y(xe = e), z = 0, [];
+}
+function or(e) {
+  return xe = "", e;
+}
+function it(e) {
+  return sn(tt(z - 1, ft(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+}
+function ar(e) {
+  for (; (I = le()) && I < 33; )
+    Z();
+  return ht(e) > 2 || ht(I) > 3 ? "" : " ";
+}
+function sr(e, t) {
+  for (; --t && Z() && !(I < 48 || I > 102 || I > 57 && I < 65 || I > 70 && I < 97); )
+    ;
+  return tt(e, Ge() + (t < 6 && le() == 32 && Z() == 32));
+}
+function ft(e) {
+  for (; Z(); )
+    switch (I) {
+      case e:
+        return z;
+      case 34:
+      case 39:
+        e !== 34 && e !== 39 && ft(I);
+        break;
+      case 40:
+        e === 41 && ft(e);
+        break;
+      case 92:
+        Z();
+        break;
+    }
+  return z;
+}
+function ir(e, t) {
+  for (; Z() && e + I !== 47 + 10; )
+    if (e + I === 42 + 42 && le() === 47)
+      break;
+  return "/*" + tt(t, z - 1) + "*" + xt(e === 47 ? e : Z());
+}
+function cr(e) {
+  for (; !ht(le()); )
+    Z();
+  return tt(e, z);
+}
+function lr(e) {
+  return or(Ze("", null, null, null, [""], e = rr(e), 0, [0], e));
+}
+function Ze(e, t, n, r, o, a, s, l, c) {
+  for (var p = 0, f = 0, h = s, u = 0, d = 0, g = 0, m = 1, N = 1, k = 1, L = 0, S = "", w = o, x = a, b = r, y = S; N; )
+    switch (g = L, L = Z()) {
+      case 40:
+        if (g != 108 && R(y, h - 1) == 58) {
+          Be(y += v(it(L), "&", "&\f"), "&\f", an(p ? l[p - 1] : 0)) != -1 && (k = -1);
+          break;
+        }
+      case 34:
+      case 39:
+      case 91:
+        y += it(L);
+        break;
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        y += ar(g);
+        break;
+      case 92:
+        y += sr(Ge() - 1, 7);
+        continue;
+      case 47:
+        switch (le()) {
+          case 42:
+          case 47:
+            Ee(dr(ir(Z(), Ge()), t, n, c), c);
+            break;
+          default:
+            y += "/";
+        }
+        break;
+      case 123 * m:
+        l[p++] = Y(y) * k;
+      case 125 * m:
+      case 59:
+      case 0:
+        switch (L) {
+          case 0:
+          case 125:
+            N = 0;
+          case 59 + f:
+            k == -1 && (y = v(y, /\f/g, "")), d > 0 && Y(y) - h && Ee(d > 32 ? Mt(y + ";", r, n, h - 1, c) : Mt(v(y, " ", "") + ";", r, n, h - 2, c), c);
+            break;
+          case 59:
+            y += ";";
+          default:
+            if (Ee(b = Dt(y, t, n, p, f, o, l, S, w = [], x = [], h, a), a), L === 123)
+              if (f === 0)
+                Ze(y, t, b, b, w, a, h, l, x);
+              else
+                switch (u === 99 && R(y, 3) === 110 ? 100 : u) {
+                  case 100:
+                  case 108:
+                  case 109:
+                  case 115:
+                    Ze(e, b, b, r && Ee(Dt(e, b, b, 0, 0, o, l, S, o, w = [], h, x), x), o, x, h, l, r ? w : x);
+                    break;
+                  default:
+                    Ze(y, b, b, b, [""], x, 0, l, x);
+                }
+        }
+        p = f = d = 0, m = k = 1, S = y = "", h = s;
+        break;
+      case 58:
+        h = 1 + Y(y), d = g;
+      default:
+        if (m < 1) {
+          if (L == 123)
+            --m;
+          else if (L == 125 && m++ == 0 && nr() == 125)
+            continue;
+        }
+        switch (y += xt(L), L * m) {
+          case 38:
+            k = f > 0 ? 1 : (y += "\f", -1);
+            break;
+          case 44:
+            l[p++] = (Y(y) - 1) * k, k = 1;
+            break;
+          case 64:
+            le() === 45 && (y += it(Z())), u = le(), f = h = Y(S = y += cr(Ge())), L++;
+            break;
+          case 45:
+            g === 45 && Y(y) == 2 && (m = 0);
+        }
+    }
+  return a;
+}
+function Dt(e, t, n, r, o, a, s, l, c, p, f, h) {
+  for (var u = o - 1, d = o === 0 ? a : [""], g = cn(d), m = 0, N = 0, k = 0; m < r; ++m)
+    for (var L = 0, S = me(e, u + 1, u = an(N = s[m])), w = e; L < g; ++L)
+      (w = sn(N > 0 ? d[L] + " " + S : v(S, /&\f/g, d[L]))) && (c[k++] = w);
+  return et(e, t, n, o === 0 ? Je : l, c, p, f, h);
+}
+function dr(e, t, n, r) {
+  return et(e, t, n, rn, xt(tr()), me(e, 2, -2), 0, r);
+}
+function Mt(e, t, n, r, o) {
+  return et(e, t, n, wt, me(e, 0, r), me(e, r + 1, -1), r, o);
+}
+function dn(e, t, n) {
+  switch (Qn(e, t)) {
+    case 5103:
+      return D + "print-" + e + e;
+    case 5737:
+    case 4201:
+    case 3177:
+    case 3433:
+    case 1641:
+    case 4457:
+    case 2921:
+    case 5572:
+    case 6356:
+    case 5844:
+    case 3191:
+    case 6645:
+    case 3005:
+    case 6391:
+    case 5879:
+    case 5623:
+    case 6135:
+    case 4599:
+    case 4855:
+    case 4215:
+    case 6389:
+    case 5109:
+    case 5365:
+    case 5621:
+    case 3829:
+      return D + e + e;
+    case 4789:
+      return De + e + e;
+    case 5349:
+    case 4246:
+    case 4810:
+    case 6968:
+    case 2756:
+      return D + e + De + e + A + e + e;
+    case 5936:
+      switch (R(e, t + 11)) {
+        case 114:
+          return D + e + A + v(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+        case 108:
+          return D + e + A + v(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+        case 45:
+          return D + e + A + v(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+      }
+    case 6828:
+    case 4268:
+    case 2903:
+      return D + e + A + e + e;
+    case 6165:
+      return D + e + A + "flex-" + e + e;
+    case 5187:
+      return D + e + v(e, /(\w+).+(:[^]+)/, D + "box-$1$2" + A + "flex-$1$2") + e;
+    case 5443:
+      return D + e + A + "flex-item-" + v(e, /flex-|-self/g, "") + (K(e, /flex-|baseline/) ? "" : A + "grid-row-" + v(e, /flex-|-self/g, "")) + e;
+    case 4675:
+      return D + e + A + "flex-line-pack" + v(e, /align-content|flex-|-self/g, "") + e;
+    case 5548:
+      return D + e + A + v(e, "shrink", "negative") + e;
+    case 5292:
+      return D + e + A + v(e, "basis", "preferred-size") + e;
+    case 6060:
+      return D + "box-" + v(e, "-grow", "") + D + e + A + v(e, "grow", "positive") + e;
+    case 4554:
+      return D + v(e, /([^-])(transform)/g, "$1" + D + "$2") + e;
+    case 6187:
+      return v(v(v(e, /(zoom-|grab)/, D + "$1"), /(image-set)/, D + "$1"), e, "") + e;
+    case 5495:
+    case 3959:
+      return v(e, /(image-set\([^]*)/, D + "$1$`$1");
+    case 4968:
+      return v(v(e, /(.+:)(flex-)?(.*)/, D + "box-pack:$3" + A + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + D + e + e;
+    case 4200:
+      if (!K(e, /flex-|baseline/))
+        return A + "grid-column-align" + me(e, t) + e;
+      break;
+    case 2592:
+    case 3360:
+      return A + v(e, "template-", "") + e;
+    case 4384:
+    case 3616:
+      return n && n.some(function(r, o) {
+        return t = o, K(r.props, /grid-\w+-end/);
+      }) ? ~Be(e + (n = n[t].value), "span", 0) ? e : A + v(e, "-start", "") + e + A + "grid-row-span:" + (~Be(n, "span", 0) ? K(n, /\d+/) : +K(n, /\d+/) - +K(e, /\d+/)) + ";" : A + v(e, "-start", "") + e;
+    case 4896:
+    case 4128:
+      return n && n.some(function(r) {
+        return K(r.props, /grid-\w+-start/);
+      }) ? e : A + v(v(e, "-end", "-span"), "span ", "") + e;
+    case 4095:
+    case 3583:
+    case 4068:
+    case 2532:
+      return v(e, /(.+)-inline(.+)/, D + "$1$2") + e;
+    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 (Y(e) - 1 - t > 6)
+        switch (R(e, t + 1)) {
+          case 109:
+            if (R(e, t + 4) !== 45)
+              break;
+          case 102:
+            return v(e, /(.+:)(.+)-([^]+)/, "$1" + D + "$2-$3$1" + De + (R(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          case 115:
+            return ~Be(e, "stretch", 0) ? dn(v(e, "stretch", "fill-available"), t, n) + e : e;
+        }
+      break;
+    case 5152:
+    case 5920:
+      return v(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(r, o, a, s, l, c, p) {
+        return A + o + ":" + a + p + (s ? A + o + "-span:" + (l ? c : +c - +a) + p : "") + e;
+      });
+    case 4949:
+      if (R(e, t + 6) === 121)
+        return v(e, ":", ":" + D) + e;
+      break;
+    case 6444:
+      switch (R(e, R(e, 14) === 45 ? 18 : 11)) {
+        case 120:
+          return v(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + D + (R(e, 14) === 45 ? "inline-" : "") + "box$3$1" + D + "$2$3$1" + A + "$2box$3") + e;
+        case 100:
+          return v(e, ":", ":" + A) + e;
+      }
+      break;
+    case 5719:
+    case 2647:
+    case 2135:
+    case 3927:
+    case 2391:
+      return v(e, "scroll-", "scroll-snap-") + e;
+  }
+  return e;
+}
+function qe(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 Jn:
+      if (e.children.length)
+        break;
+    case Kn:
+    case wt:
+      return e.return = e.return || e.value;
+    case rn:
+      return "";
+    case on:
+      return e.return = e.value + "{" + qe(e.children, r) + "}";
+    case Je:
+      if (!Y(e.value = e.props.join(",")))
+        return "";
+  }
+  return Y(n = qe(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
+}
+function pr(e) {
+  var t = cn(e);
+  return function(n, r, o, a) {
+    for (var s = "", l = 0; l < t; l++)
+      s += e[l](n, r, o, a) || "";
+    return s;
+  };
+}
+function hr(e) {
+  return function(t) {
+    t.root || (t = t.return) && e(t);
+  };
+}
+function fr(e, t, n, r) {
+  if (e.length > -1 && !e.return)
+    switch (e.type) {
+      case wt:
+        e.return = dn(e.value, e.length, n);
+        return;
+      case on:
+        return qe([ne(e, { value: v(e.value, "@", "@" + D) })], r);
+      case Je:
+        if (e.length)
+          return er(n = e.props, function(o) {
+            switch (K(o, r = /(::plac\w+|:read-\w+)/)) {
+              case ":read-only":
+              case ":read-write":
+                he(ne(e, { props: [v(o, /:(read-\w+)/, ":" + De + "$1")] })), he(ne(e, { props: [o] })), pt(e, { props: Et(n, r) });
+                break;
+              case "::placeholder":
+                he(ne(e, { props: [v(o, /:(plac\w+)/, ":" + D + "input-$1")] })), he(ne(e, { props: [v(o, /:(plac\w+)/, ":" + De + "$1")] })), he(ne(e, { props: [v(o, /:(plac\w+)/, A + "input-$1")] })), he(ne(e, { props: [o] })), pt(e, { props: Et(n, r) });
+                break;
+            }
+            return "";
+          });
+    }
+}
+var gr = {
+  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
+}, pe = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", un = "active", pn = "data-styled-version", nt = "6.1.19", Ct = `/*!sc*/
+`, Xe = typeof window < "u" && typeof document < "u", mr = !!(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"), Vt = /invalid hook call/i, He = /* @__PURE__ */ new Set(), yr = 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.
+See https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.
+`, o = console.error;
+    try {
+      var a = !0;
+      console.error = function(s) {
+        for (var l = [], c = 1; c < arguments.length; c++)
+          l[c - 1] = arguments[c];
+        Vt.test(s) ? (a = !1, He.delete(r)) : o.apply(void 0, ge([s], l, !1));
+      }, Ue(), a && !He.has(r) && (console.warn(r), He.add(r));
+    } catch (s) {
+      Vt.test(s.message) && He.delete(r);
+    } finally {
+      console.error = o;
+    }
+  }
+}, rt = Object.freeze([]), ve = Object.freeze({});
+function vr(e, t, n) {
+  return n === void 0 && (n = ve), e.theme !== n.theme && e.theme || t || n.theme;
+}
+var gt = /* @__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"]), br = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, wr = /(^-|-$)/g;
+function At(e) {
+  return e.replace(br, "-").replace(wr, "");
+}
+var xr = /(a)(d)/gi, _e = 52, Ot = function(e) {
+  return String.fromCharCode(e + (e > 25 ? 39 : 97));
+};
+function mt(e) {
+  var t, n = "";
+  for (t = Math.abs(e); t > _e; t = t / _e | 0)
+    n = Ot(t % _e) + n;
+  return (Ot(t % _e) + n).replace(xr, "$1-$2");
+}
+var ct, hn = 5381, ie = function(e, t) {
+  for (var n = t.length; n; )
+    e = 33 * e ^ t.charCodeAt(--n);
+  return e;
+}, fn = function(e) {
+  return ie(hn, e);
+};
+function Cr(e) {
+  return mt(fn(e) >>> 0);
+}
+function gn(e) {
+  return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
+}
+function lt(e) {
+  return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
+}
+var mn = typeof Symbol == "function" && Symbol.for, yn = mn ? Symbol.for("react.memo") : 60115, Sr = mn ? Symbol.for("react.forward_ref") : 60112, kr = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, Nr = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, vn = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, Lr = ((ct = {})[Sr] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, ct[yn] = vn, ct);
+function Pt(e) {
+  return ("type" in (t = e) && t.type.$$typeof) === yn ? vn : "$$typeof" in e ? Lr[e.$$typeof] : kr;
+  var t;
+}
+var Er = Object.defineProperty, Dr = Object.getOwnPropertyNames, It = Object.getOwnPropertySymbols, Mr = Object.getOwnPropertyDescriptor, Vr = Object.getPrototypeOf, Rt = Object.prototype;
+function bn(e, t, n) {
+  if (typeof t != "string") {
+    if (Rt) {
+      var r = Vr(t);
+      r && r !== Rt && bn(e, r, n);
+    }
+    var o = Dr(t);
+    It && (o = o.concat(It(t)));
+    for (var a = Pt(e), s = Pt(t), l = 0; l < o.length; ++l) {
+      var c = o[l];
+      if (!(c in Nr || n && n[c] || s && c in s || a && c in a)) {
+        var p = Mr(t, c);
+        try {
+          Er(e, c, p);
+        } catch {
+        }
+      }
+    }
+  }
+  return e;
+}
+function be(e) {
+  return typeof e == "function";
+}
+function St(e) {
+  return typeof e == "object" && "styledComponentId" in e;
+}
+function ce(e, t) {
+  return e && t ? "".concat(e, " ").concat(t) : e || t || "";
+}
+function Ft(e, t) {
+  if (e.length === 0)
+    return "";
+  for (var n = e[0], r = 1; r < e.length; r++)
+    n += t ? t + e[r] : e[r];
+  return n;
+}
+function we(e) {
+  return e !== null && typeof e == "object" && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
+}
+function yt(e, t, n) {
+  if (n === void 0 && (n = !1), !n && !we(e) && !Array.isArray(e))
+    return t;
+  if (Array.isArray(t))
+    for (var r = 0; r < t.length; r++)
+      e[r] = yt(e[r], t[r]);
+  else if (we(t))
+    for (var r in t)
+      e[r] = yt(e[r], t[r]);
+  return e;
+}
+function kt(e, t) {
+  Object.defineProperty(e, "toString", { value: t });
+}
+var Ar = 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 Or() {
+  for (var e = [], t = 0; t < arguments.length; t++)
+    e[t] = arguments[t];
+  for (var n = e[0], r = [], o = 1, a = e.length; o < a; o += 1)
+    r.push(e[o]);
+  return r.forEach(function(s) {
+    n = n.replace(/%[a-z]/, s);
+  }), n;
+}
+function Ce(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(Or.apply(void 0, ge([Ar[e]], t, !1)).trim());
+}
+var Pr = 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, a = o; t >= a; )
+        if ((a <<= 1) < 0)
+          throw Ce(16, "".concat(t));
+      this.groupSizes = new Uint32Array(a), this.groupSizes.set(r), this.length = a;
+      for (var s = o; s < a; s++)
+        this.groupSizes[s] = 0;
+    }
+    for (var l = this.indexOfGroup(t + 1), c = (s = 0, n.length); s < c; s++)
+      this.tag.insertRule(l, n[s]) && (this.groupSizes[t]++, l++);
+  }, 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 a = r; a < o; a++)
+        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), a = o + r, s = o; s < a; s++)
+      n += "".concat(this.tag.getRule(s)).concat(Ct);
+    return n;
+  }, e;
+}(), Ir = 1 << 30, We = /* @__PURE__ */ new Map(), Ke = /* @__PURE__ */ new Map(), Ye = 1, $e = function(e) {
+  if (We.has(e))
+    return We.get(e);
+  for (; Ke.has(Ye); )
+    Ye++;
+  var t = Ye++;
+  if (process.env.NODE_ENV !== "production" && ((0 | t) < 0 || t > Ir))
+    throw Ce(16, "".concat(t));
+  return We.set(e, t), Ke.set(t, e), t;
+}, Rr = function(e, t) {
+  Ye = t + 1, We.set(e, t), Ke.set(t, e);
+}, Fr = "style[".concat(pe, "][").concat(pn, '="').concat(nt, '"]'), Tr = new RegExp("^".concat(pe, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), Hr = function(e, t, n) {
+  for (var r, o = n.split(","), a = 0, s = o.length; a < s; a++)
+    (r = o[a]) && e.registerName(t, r);
+}, _r = function(e, t) {
+  for (var n, r = ((n = t.textContent) !== null && n !== void 0 ? n : "").split(Ct), o = [], a = 0, s = r.length; a < s; a++) {
+    var l = r[a].trim();
+    if (l) {
+      var c = l.match(Tr);
+      if (c) {
+        var p = 0 | parseInt(c[1], 10), f = c[2];
+        p !== 0 && (Rr(f, p), Hr(e, f, c[3]), e.getTag().insertRules(p, o)), o.length = 0;
+      } else
+        o.push(l);
+    }
+  }
+}, Tt = function(e) {
+  for (var t = document.querySelectorAll(Fr), n = 0, r = t.length; n < r; n++) {
+    var o = t[n];
+    o && o.getAttribute(pe) !== un && (_r(e, o), o.parentNode && o.parentNode.removeChild(o));
+  }
+};
+function $r() {
+  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
+}
+var wn = function(e) {
+  var t = document.head, n = e || t, r = document.createElement("style"), o = function(l) {
+    var c = Array.from(l.querySelectorAll("style[".concat(pe, "]")));
+    return c[c.length - 1];
+  }(n), a = o !== void 0 ? o.nextSibling : null;
+  r.setAttribute(pe, un), r.setAttribute(pn, nt);
+  var s = $r();
+  return s && r.setAttribute("nonce", s), n.insertBefore(r, a), r;
+}, jr = function() {
+  function e(t) {
+    this.element = wn(t), this.element.appendChild(document.createTextNode("")), this.sheet = function(n) {
+      if (n.sheet)
+        return n.sheet;
+      for (var r = document.styleSheets, o = 0, a = r.length; o < a; o++) {
+        var s = r[o];
+        if (s.ownerNode === n)
+          return s;
+      }
+      throw Ce(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;
+}(), zr = function() {
+  function e(t) {
+    this.element = wn(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;
+}(), Br = 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;
+}(), Ht = Xe, Gr = { isServer: !Xe, useCSSOMInjection: !mr }, xn = function() {
+  function e(t, n, r) {
+    t === void 0 && (t = ve), n === void 0 && (n = {});
+    var o = this;
+    this.options = H(H({}, Gr), t), this.gs = n, this.names = new Map(r), this.server = !!t.isServer, !this.server && Xe && Ht && (Ht = !1, Tt(this)), kt(this, function() {
+      return function(a) {
+        for (var s = a.getTag(), l = s.length, c = "", p = function(h) {
+          var u = function(k) {
+            return Ke.get(k);
+          }(h);
+          if (u === void 0)
+            return "continue";
+          var d = a.names.get(u), g = s.getGroup(h);
+          if (d === void 0 || !d.size || g.length === 0)
+            return "continue";
+          var m = "".concat(pe, ".g").concat(h, '[id="').concat(u, '"]'), N = "";
+          d !== void 0 && d.forEach(function(k) {
+            k.length > 0 && (N += "".concat(k, ","));
+          }), c += "".concat(g).concat(m, '{content:"').concat(N, '"}').concat(Ct);
+        }, f = 0; f < l; f++)
+          p(f);
+        return c;
+      }(o);
+    });
+  }
+  return e.registerId = function(t) {
+    return $e(t);
+  }, e.prototype.rehydrate = function() {
+    !this.server && Xe && Tt(this);
+  }, e.prototype.reconstructWithOptions = function(t, n) {
+    return n === void 0 && (n = !0), new e(H(H({}, 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 Br(o) : r ? new jr(o) : new zr(o);
+    }(this.options), new Pr(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 ($e(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($e(t), r);
+  }, e.prototype.clearNames = function(t) {
+    this.names.has(t) && this.names.get(t).clear();
+  }, e.prototype.clearRules = function(t) {
+    this.getTag().clearGroup($e(t)), this.clearNames(t);
+  }, e.prototype.clearTag = function() {
+    this.tag = void 0;
+  }, e;
+}(), Zr = /&/g, Wr = /^\s*\/\/.*$/gm;
+function Cn(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 = Cn(n.children, t)), n;
+  });
+}
+function Yr(e) {
+  var t, n, r, o = e === void 0 ? ve : e, a = o.options, s = a === void 0 ? ve : a, l = o.plugins, c = l === void 0 ? rt : l, p = function(u, d, g) {
+    return g.startsWith(n) && g.endsWith(n) && g.replaceAll(n, "").length > 0 ? ".".concat(t) : u;
+  }, f = c.slice();
+  f.push(function(u) {
+    u.type === Je && u.value.includes("&") && (u.props[0] = u.props[0].replace(Zr, n).replace(r, p));
+  }), s.prefix && f.push(fr), f.push(ur);
+  var h = function(u, d, g, m) {
+    d === void 0 && (d = ""), g === void 0 && (g = ""), m === void 0 && (m = "&"), t = m, n = d, r = new RegExp("\\".concat(n, "\\b"), "g");
+    var N = u.replace(Wr, ""), k = lr(g || d ? "".concat(g, " ").concat(d, " { ").concat(N, " }") : N);
+    s.namespace && (k = Cn(k, s.namespace));
+    var L = [];
+    return qe(k, pr(f.concat(hr(function(S) {
+      return L.push(S);
+    })))), L;
+  };
+  return h.hash = c.length ? c.reduce(function(u, d) {
+    return d.name || Ce(15), ie(u, d.name);
+  }, hn).toString() : "", h;
+}
+var Ur = new xn(), vt = Yr(), Sn = Me.createContext({ shouldForwardProp: void 0, styleSheet: Ur, stylis: vt });
+Sn.Consumer;
+Me.createContext(void 0);
+function _t() {
+  return jn(Sn);
+}
+var $t = function() {
+  function e(t, n) {
+    var r = this;
+    this.inject = function(o, a) {
+      a === void 0 && (a = vt);
+      var s = r.name + a.hash;
+      o.hasNameForId(r.id, s) || o.insertRules(r.id, s, a(r.rules, s, "@keyframes"));
+    }, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = n, kt(this, function() {
+      throw Ce(12, String(r.name));
+    });
+  }
+  return e.prototype.getName = function(t) {
+    return t === void 0 && (t = vt), this.name + t.hash;
+  }, e;
+}(), qr = function(e) {
+  return e >= "A" && e <= "Z";
+};
+function jt(e) {
+  for (var t = "", n = 0; n < e.length; n++) {
+    var r = e[n];
+    if (n === 1 && r === "-" && e[0] === "-")
+      return e;
+    qr(r) ? t += "-" + r.toLowerCase() : t += r;
+  }
+  return t.startsWith("ms-") ? "-" + t : t;
+}
+var kn = function(e) {
+  return e == null || e === !1 || e === "";
+}, Nn = function(e) {
+  var t, n, r = [];
+  for (var o in e) {
+    var a = e[o];
+    e.hasOwnProperty(o) && !kn(a) && (Array.isArray(a) && a.isCss || be(a) ? r.push("".concat(jt(o), ":"), a, ";") : we(a) ? r.push.apply(r, ge(ge(["".concat(o, " {")], Nn(a), !1), ["}"], !1)) : r.push("".concat(jt(o), ": ").concat((t = o, (n = a) == null || typeof n == "boolean" || n === "" ? "" : typeof n != "number" || n === 0 || t in gr || t.startsWith("--") ? String(n).trim() : "".concat(n, "px")), ";")));
+  }
+  return r;
+};
+function de(e, t, n, r) {
+  if (kn(e))
+    return [];
+  if (St(e))
+    return [".".concat(e.styledComponentId)];
+  if (be(e)) {
+    if (!be(a = e) || a.prototype && a.prototype.isReactComponent || !t)
+      return [e];
+    var o = e(t);
+    return process.env.NODE_ENV === "production" || typeof o != "object" || Array.isArray(o) || o instanceof $t || we(o) || o === null || console.error("".concat(gn(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.")), de(o, t, n, r);
+  }
+  var a;
+  return e instanceof $t ? n ? (e.inject(n, r), [e.getName(r)]) : [e] : we(e) ? Nn(e) : Array.isArray(e) ? Array.prototype.concat.apply(rt, e.map(function(s) {
+    return de(s, t, n, r);
+  })) : [e.toString()];
+}
+function Xr(e) {
+  for (var t = 0; t < e.length; t += 1) {
+    var n = e[t];
+    if (be(n) && !St(n))
+      return !1;
+  }
+  return !0;
+}
+var Kr = fn(nt), Jr = function() {
+  function e(t, n, r) {
+    this.rules = t, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (r === void 0 || r.isStatic) && Xr(t), this.componentId = n, this.baseHash = ie(Kr, n), this.baseStyle = r, xn.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 = ce(o, this.staticRulesId);
+      else {
+        var a = Ft(de(this.rules, t, n, r)), s = mt(ie(this.baseHash, a) >>> 0);
+        if (!n.hasNameForId(this.componentId, s)) {
+          var l = r(a, ".".concat(s), void 0, this.componentId);
+          n.insertRules(this.componentId, s, l);
+        }
+        o = ce(o, s), this.staticRulesId = s;
+      }
+    else {
+      for (var c = ie(this.baseHash, r.hash), p = "", f = 0; f < this.rules.length; f++) {
+        var h = this.rules[f];
+        if (typeof h == "string")
+          p += h, process.env.NODE_ENV !== "production" && (c = ie(c, h));
+        else if (h) {
+          var u = Ft(de(h, t, n, r));
+          c = ie(c, u + f), p += u;
+        }
+      }
+      if (p) {
+        var d = mt(c >>> 0);
+        n.hasNameForId(this.componentId, d) || n.insertRules(this.componentId, d, r(p, ".".concat(d), void 0, this.componentId)), o = ce(o, d);
+      }
+    }
+    return o;
+  }, e;
+}(), Ln = Me.createContext(void 0);
+Ln.Consumer;
+var dt = {}, zt = /* @__PURE__ */ new Set();
+function Qr(e, t, n) {
+  var r = St(e), o = e, a = !lt(e), s = t.attrs, l = s === void 0 ? rt : s, c = t.componentId, p = c === void 0 ? function(w, x) {
+    var b = typeof w != "string" ? "sc" : At(w);
+    dt[b] = (dt[b] || 0) + 1;
+    var y = "".concat(b, "-").concat(Cr(nt + b + dt[b]));
+    return x ? "".concat(x, "-").concat(y) : y;
+  }(t.displayName, t.parentComponentId) : c, f = t.displayName, h = f === void 0 ? function(w) {
+    return lt(w) ? "styled.".concat(w) : "Styled(".concat(gn(w), ")");
+  }(e) : f, u = t.displayName && t.componentId ? "".concat(At(t.displayName), "-").concat(t.componentId) : t.componentId || p, d = r && o.attrs ? o.attrs.concat(l).filter(Boolean) : l, g = t.shouldForwardProp;
+  if (r && o.shouldForwardProp) {
+    var m = o.shouldForwardProp;
+    if (t.shouldForwardProp) {
+      var N = t.shouldForwardProp;
+      g = function(w, x) {
+        return m(w, x) && N(w, x);
+      };
+    } else
+      g = m;
+  }
+  var k = new Jr(n, u, r ? o.componentStyle : void 0);
+  function L(w, x) {
+    return function(b, y, O) {
+      var _ = b.attrs, oe = b.componentStyle, Se = b.defaultProps, Pe = b.foldedComponentIds, Ie = b.styledComponentId, ke = b.target, Re = Me.useContext(Ln), Fe = _t(), J = b.shouldForwardProp || Fe.shouldForwardProp;
+      process.env.NODE_ENV !== "production" && Lt(Ie);
+      var Ne = vr(y, Re, Se) || ve, $ = function(X, Q, ae) {
+        for (var ee, G = H(H({}, Q), { className: void 0, theme: ae }), se = 0; se < X.length; se += 1) {
+          var te = be(ee = X[se]) ? ee(G) : ee;
+          for (var j in te)
+            G[j] = j === "className" ? ce(G[j], te[j]) : j === "style" ? H(H({}, G[j]), te[j]) : te[j];
+        }
+        return Q.className && (G.className = ce(G.className, Q.className)), G;
+      }(_, y, Ne), q = $.as || ke, E = {};
+      for (var M in $)
+        $[M] === void 0 || M[0] === "$" || M === "as" || M === "theme" && $.theme === Ne || (M === "forwardedAs" ? E.as = $.forwardedAs : J && !J(M, q) || (E[M] = $[M], J || process.env.NODE_ENV !== "development" || Xn(M) || zt.has(M) || !gt.has(q) || (zt.add(M), console.warn('styled-components: it looks like an unknown prop "'.concat(M, '" 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 T = function(X, Q) {
+        var ae = _t(), ee = X.generateAndInjectStyles(Q, ae.styleSheet, ae.stylis);
+        return process.env.NODE_ENV !== "production" && Lt(ee), ee;
+      }(oe, $);
+      process.env.NODE_ENV !== "production" && b.warnTooManyClasses && b.warnTooManyClasses(T);
+      var B = ce(Pe, Ie);
+      return T && (B += " " + T), $.className && (B += " " + $.className), E[lt(q) && !gt.has(q) ? "class" : "className"] = B, O && (E.ref = O), $n(q, E);
+    }(S, w, x);
+  }
+  L.displayName = h;
+  var S = Me.forwardRef(L);
+  return S.attrs = d, S.componentStyle = k, S.displayName = h, S.shouldForwardProp = g, S.foldedComponentIds = r ? ce(o.foldedComponentIds, o.styledComponentId) : "", S.styledComponentId = u, S.target = r ? o.target : e, Object.defineProperty(S, "defaultProps", { get: function() {
+    return this._foldedDefaultProps;
+  }, set: function(w) {
+    this._foldedDefaultProps = r ? function(x) {
+      for (var b = [], y = 1; y < arguments.length; y++)
+        b[y - 1] = arguments[y];
+      for (var O = 0, _ = b; O < _.length; O++)
+        yt(x, _[O], !0);
+      return x;
+    }({}, o.defaultProps, w) : w;
+  } }), process.env.NODE_ENV !== "production" && (yr(h, u), S.warnTooManyClasses = function(w, x) {
+    var b = {}, y = !1;
+    return function(O) {
+      if (!y && (b[O] = !0, Object.keys(b).length >= 200)) {
+        var _ = x ? ' with the id of "'.concat(x, '"') : "";
+        console.warn("Over ".concat(200, " classes were generated for component ").concat(w).concat(_, `.
+`) + `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 />`), y = !0, b = {};
+      }
+    };
+  }(h, u)), kt(S, function() {
+    return ".".concat(S.styledComponentId);
+  }), a && bn(S, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), S;
+}
+function Bt(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 Gt = function(e) {
+  return Object.assign(e, { isCss: !0 });
+};
+function En(e) {
+  for (var t = [], n = 1; n < arguments.length; n++)
+    t[n - 1] = arguments[n];
+  if (be(e) || we(e))
+    return Gt(de(Bt(rt, ge([e], t, !0))));
+  var r = e;
+  return t.length === 0 && r.length === 1 && typeof r[0] == "string" ? de(r) : Gt(de(Bt(r, t)));
+}
+function bt(e, t, n) {
+  if (n === void 0 && (n = ve), !t)
+    throw Ce(1, t);
+  var r = function(o) {
+    for (var a = [], s = 1; s < arguments.length; s++)
+      a[s - 1] = arguments[s];
+    return e(t, n, En.apply(void 0, ge([o], a, !1)));
+  };
+  return r.attrs = function(o) {
+    return bt(e, t, H(H({}, n), { attrs: Array.prototype.concat(n.attrs, o).filter(Boolean) }));
+  }, r.withConfig = function(o) {
+    return bt(e, t, H(H({}, n), o));
+  }, r;
+}
+var Dn = function(e) {
+  return bt(Qr, e);
+}, Ae = Dn;
+gt.forEach(function(e) {
+  Ae[e] = Dn(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 je = "__sc-".concat(pe, "__");
+process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[je] || (window[je] = 0), window[je] === 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[je] += 1);
+var ue = function() {
+  return ue = Object.assign || function(e) {
+    for (var t, n = 1, r = arguments.length; n < r; n++)
+      for (var o in t = arguments[n])
+        Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
+    return e;
+  }, ue.apply(this, arguments);
+};
+function Oe(e, t) {
+  return Object.defineProperty ? Object.defineProperty(e, "raw", { value: t }) : e.raw = t, e;
+}
+var Zt, Wt, Yt, Ut, qt, re = "#666", eo = En(Zt || (Zt = Oe([`
+  display: flex;
+  align-items: center;
+  min-width: 322px;
+  max-width: 508px;
+  height: 48px;
+  border: dashed 2px `, `;
+  padding: 8px 16px 8px 8px;
+  border-radius: 5px;
+  cursor: pointer;
+  flex-grow: 0;
+
+  &.is-disabled {
+    border: dashed 2px `, `;
+    cursor: no-drop;
+    svg {
+      fill: `, `;
+      color: `, `;
+      path {
+        fill: `, `;
+        color: `, `;
+      }
+    }
+  }
+`], [`
+  display: flex;
+  align-items: center;
+  min-width: 322px;
+  max-width: 508px;
+  height: 48px;
+  border: dashed 2px `, `;
+  padding: 8px 16px 8px 8px;
+  border-radius: 5px;
+  cursor: pointer;
+  flex-grow: 0;
+
+  &.is-disabled {
+    border: dashed 2px `, `;
+    cursor: no-drop;
+    svg {
+      fill: `, `;
+      color: `, `;
+      path {
+        fill: `, `;
+        color: `, `;
+      }
+    }
+  }
+`])), "#0658c2", re, re, re, re, re), to = Ae.label(Wt || (Wt = Oe([`
+  position: relative;
+  `, `;
+  &:focus-within {
+    outline: 2px solid black;
+  }
+  & > input {
+    display: block;
+    opacity: 0;
+    position: absolute;
+    pointer-events: none;
+  }
+`], [`
+  position: relative;
+  `, `;
+  &:focus-within {
+    outline: 2px solid black;
+  }
+  & > input {
+    display: block;
+    opacity: 0;
+    position: absolute;
+    pointer-events: none;
+  }
+`])), function(e) {
+  return e.override ? "" : eo;
+}), no = Ae.div(Yt || (Yt = Oe([`
+  border: dashed 2px `, `;
+  border-radius: 5px;
+  background-color: `, `;
+  opacity: 0.9;
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 999;
+  & > span {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-50%);
+  }
+`], [`
+  border: dashed 2px `, `;
+  border-radius: 5px;
+  background-color: `, `;
+  opacity: 0.9;
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 999;
+  & > span {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-50%);
+  }
+`])), re, "#999"), ro = Ae.div(Ut || (Ut = Oe([`
+  display: flex;
+  justify-content: space-between;
+  flex-grow: 1;
+  & > span {
+    font-size: 12px;
+    color: `, `;
+  }
+  .file-types {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    max-width: 100px;
+  }
+`], [`
+  display: flex;
+  justify-content: space-between;
+  flex-grow: 1;
+  & > span {
+    font-size: 12px;
+    color: `, `;
+  }
+  .file-types {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    max-width: 100px;
+  }
+`])), function(e) {
+  return e.$error ? "red" : re;
+}), oo = Ae.span(qt || (qt = Oe([`
+  font-size: 14px;
+  color: `, `;
+  span {
+    text-decoration: underline;
+  }
+`], [`
+  font-size: 14px;
+  color: `, `;
+  span {
+    text-decoration: underline;
+  }
+`])), re), Xt = function(e) {
+  return e / 1024 / 1024;
+}, ao = function(e) {
+  return e === void 0 ? "" : e.map(function(t) {
+    return ".".concat(t.toLowerCase());
+  }).join(",");
+};
+function so(e) {
+  var t = e.types, n = e.minSize, r = e.maxSize;
+  if (t) {
+    var o = t.toString(), a = "";
+    return r && (a += "size >= ".concat(r, ", ")), n && (a += "size <= ".concat(n, ", ")), i("span", ue({ title: "".concat(a, "types: ").concat(o), className: "file-types" }, { children: o }));
+  }
+  return null;
+}
+function io() {
+  return C("svg", ue({ width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [i("path", { d: "M5.33317 6.66667H22.6665V16H25.3332V6.66667C25.3332 5.196 24.1372 4 22.6665 4H5.33317C3.8625 4 2.6665 5.196 2.6665 6.66667V22.6667C2.6665 24.1373 3.8625 25.3333 5.33317 25.3333H15.9998V22.6667H5.33317V6.66667Z", fill: "#0658C2" }), i("path", { d: "M10.6665 14.6667L6.6665 20H21.3332L15.9998 12L11.9998 17.3333L10.6665 14.6667Z", fill: "#0658C2" }), i("path", { d: "M25.3332 18.6667H22.6665V22.6667H18.6665V25.3333H22.6665V29.3333H25.3332V25.3333H29.3332V22.6667H25.3332V18.6667Z", fill: "#0658C2" })] }));
+}
+var ut = 0, co = function(e, t, n, r, o, a) {
+  return n ? i("span", { children: "File type/size error, Hovered on types!" }) : i(oo, { children: r ? i("span", { children: "Upload disabled" }) : i(Le, e || t ? { children: a ? i(Le, { children: i("span", { children: a }) }) : C(Le, { children: [i("span", { children: "Uploaded Successfully!" }), " Upload another?"] }) } : { children: C(Le, o ? { children: [i("span", { children: o.split(" ")[0] }), " ", o.substr(o.indexOf(" ") + 1)] } : { children: [i("span", { children: "Upload" }), " or drop a file right here"] }) }) });
+}, lo = function(e) {
+  var t = e.name, n = e.hoverTitle, r = e.types, o = e.handleChange, a = e.classes, s = e.children, l = e.maxSize, c = e.minSize, p = e.fileOrFiles, f = e.onSizeError, h = e.onTypeError, u = e.onSelect, d = e.onDrop, g = e.disabled, m = e.label, N = e.uploadedLabel, k = e.multiple, L = e.required, S = e.onDraggingStateChange, w = e.dropMessageStyle, x = e.ariaLabel, b = e.ariaDescribedby, y = Ue(null), O = Ue(null), _ = U(!1), oe = _[0], Se = _[1], Pe = U(null), Ie = Pe[0], ke = Pe[1], Re = U(!1), Fe = Re[0], J = Re[1], Ne = function(E) {
+    return r && !function(M, T) {
+      var B = M.name.split(".").pop();
+      return T.map(function(X) {
+        return X.toLowerCase();
+      }).includes(B.toLowerCase());
+    }(E, r) ? (J(!0), h && h("File type is not supported"), !1) : l && Xt(E.size) > l ? (J(!0), f && f("File size is too big"), !1) : !(c && Xt(E.size) < c) || (J(!0), f && f("File size is too small"), !1);
+  }, $ = function(E) {
+    var M = !1;
+    if (E) {
+      if (E instanceof File)
+        M = !Ne(E);
+      else
+        for (var T = 0; T < E.length; T++) {
+          var B = E[T];
+          M = !Ne(B) || M;
+        }
+      return !M && (o && o(E), ke(E), Se(!0), J(!1), !0);
+    }
+    return !1;
+  }, q = function(E) {
+    var M = E.labelRef, T = E.inputRef, B = E.multiple, X = E.handleChanges, Q = E.onDrop, ae = U(!1), ee = ae[0], G = ae[1], se = fe(function() {
+      T.current.click();
+    }, [T]), te = fe(function(V) {
+      V.preventDefault(), V.stopPropagation(), ut++, V.dataTransfer.items && V.dataTransfer.items.length !== 0 && G(!0);
+    }, []), j = fe(function(V) {
+      V.preventDefault(), V.stopPropagation(), --ut > 0 || G(!1);
+    }, []), at = fe(function(V) {
+      V.preventDefault(), V.stopPropagation();
+    }, []), st = fe(function(V) {
+      V.preventDefault(), V.stopPropagation(), G(!1), ut = 0;
+      var Te = V.dataTransfer.files;
+      if (Te && Te.length > 0) {
+        var Nt = B ? Te : Te[0], Tn = X(Nt);
+        Q && Tn && Q(Nt);
+      }
+    }, [X]);
+    return ze(function() {
+      var V = M.current;
+      return V.addEventListener("click", se), V.addEventListener("dragenter", te), V.addEventListener("dragleave", j), V.addEventListener("dragover", at), V.addEventListener("drop", st), function() {
+        V.removeEventListener("click", se), V.removeEventListener("dragenter", te), V.removeEventListener("dragleave", j), V.removeEventListener("dragover", at), V.removeEventListener("drop", st);
+      };
+    }, [se, te, j, at, st, M]), ee;
+  }({ labelRef: y, inputRef: O, multiple: k, handleChanges: $, onDrop: d });
+  return ze(function() {
+    S == null || S(q);
+  }, [q]), ze(function() {
+    p ? (Se(!0), ke(p)) : (O.current && (O.current.value = ""), Se(!1), ke(null));
+  }, [p]), C(to, ue({ override: s, className: "".concat(a || "", " ").concat(g ? "is-disabled" : ""), ref: y, htmlFor: t, onClick: function(E) {
+    E.preventDefault(), E.stopPropagation();
+  }, "aria-describedby": b, role: "button", "aria-label": x }, { children: [i("input", { onClick: function(E) {
+    E.stopPropagation(), O && O.current && (O.current.value = "", O.current.click());
+  }, onChange: function(E) {
+    var M = E.target.files, T = k ? M : M[0], B = $(T);
+    u && B && u(T);
+  }, accept: ao(r), ref: O, type: "file", id: t, name: t, disabled: g, multiple: k, required: L }), q && i(no, ue({ style: w }, { children: i("span", { children: n || "Drop Here" }) })), !s && C(Le, { children: [i(io, {}), C(ro, ue({ $error: Fe }, { children: [co(Ie, oe, Fe, g, m, N), i(so, { types: r, minSize: c, maxSize: l })] }))] }), s] }));
+};
+const uo = ({
+  width: e = 40,
+  height: t = 40,
+  ...n
+}) => /* @__PURE__ */ C(
+  "svg",
+  {
+    width: e,
+    height: t,
+    viewBox: "0 0 40 40",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...n,
+    children: [
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20Z",
+          fill: "#EAEEF0"
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M11.2425 26.9701L12.2127 26.7275L11.2425 26.9701ZM28.7575 26.9701L27.7873 26.7275V26.7276L28.7575 26.9701ZM27.6693 29.5764L27.0539 28.7881V28.7881L27.6693 29.5764ZM12.3307 29.5764L12.9461 28.7881H12.9461L12.3307 29.5764ZM22.8284 12.3284L22.1213 13.0355V13.0355L22.8284 12.3284ZM10.0299 26.2425L10.2724 27.2126L12.2127 26.7275L11.9701 25.7574L10.0299 26.2425ZM15.1231 30.9999H24.8769V28.9999H15.1231V30.9999ZM29.7276 27.2126L29.9701 26.2425L28.0299 25.7574L27.7873 26.7275L29.7276 27.2126ZM24.8769 30.9999C25.6025 30.9999 26.235 31.0016 26.7508 30.9399C27.2934 30.875 27.8165 30.7301 28.2847 30.3646L27.0539 28.7881C26.9796 28.8462 26.8564 28.913 26.5134 28.9541C26.1436 28.9983 25.6512 28.9999 24.8769 28.9999V30.9999ZM27.7873 26.7276C27.5995 27.4787 27.4785 27.9561 27.3459 28.304C27.2229 28.6269 27.1281 28.7301 27.0539 28.7881L28.2847 30.3646C28.7529 29.999 29.0203 29.5267 29.2149 29.0161C29.3998 28.5306 29.5516 27.9166 29.7276 27.2126L27.7873 26.7276ZM10.2724 27.2126C10.4484 27.9166 10.6002 28.5306 10.7851 29.0161C10.9797 29.5267 11.2471 29.999 11.7153 30.3646L12.9461 28.7881C12.8719 28.7301 12.7771 28.6269 12.6541 28.304C12.5215 27.9561 12.4005 27.4787 12.2127 26.7275L10.2724 27.2126ZM15.1231 28.9999C14.3488 28.9999 13.8564 28.9983 13.4866 28.9541C13.1436 28.913 13.0204 28.8462 12.9461 28.7881L11.7153 30.3646C12.1835 30.7301 12.7066 30.875 13.2492 30.9399C13.765 31.0016 14.3975 30.9999 15.1231 30.9999V28.9999ZM16.4645 11.6213L13.2929 14.7928L14.7071 16.207L17.8787 13.0355L16.4645 11.6213ZM22.1213 13.0355L25.2929 16.207L26.7071 14.7928L23.5355 11.6213L22.1213 13.0355ZM17.8787 13.0355C18.5653 12.3488 19.0107 11.9065 19.3817 11.6234C19.7296 11.3579 19.8923 11.3284 20 11.3284V9.32837C19.2792 9.32837 18.6944 9.63215 18.1685 10.0333C17.6658 10.4169 17.1111 10.9746 16.4645 11.6213L17.8787 13.0355ZM23.5355 11.6213C22.8889 10.9746 22.3342 10.4169 21.8315 10.0333C21.3056 9.63215 20.7208 9.32837 20 9.32837V11.3284C20.1077 11.3284 20.2704 11.3579 20.6183 11.6234C20.9893 11.9065 21.4347 12.3488 22.1213 13.0355L23.5355 11.6213ZM21 24.4999V10.4999H19V24.4999H21Z",
+          fill: "#16A34A"
+        }
+      )
+    ]
+  }
+), po = ({
+  hoverTitle: e,
+  fileTypes: t,
+  maxSize: n,
+  multiple: r,
+  onFileChange: o,
+  onSizeError: a,
+  onTypeError: s,
+  name: l = "file",
+  disabled: c
+}) => {
+  const { t: p } = Ve();
+  return /* @__PURE__ */ i("div", { className: "w-full", children: /* @__PURE__ */ i(
+    lo,
+    {
+      hoverTitle: p(e, "Загрузить файл"),
+      handleChange: o,
+      types: t,
+      maxSize: n,
+      onSizeError: a,
+      onTypeError: s,
+      multiple: r,
+      name: l,
+      disabled: c,
+      children: /* @__PURE__ */ C(
+        F,
+        {
+          vertical: !0,
+          gap: 20,
+          align: "center",
+          className: P(
+            "p-5 rounded-xl border border-dashed border-lightGray5 cursor-pointer transition-colors duration-200",
+            "hover:bg-gray-50 hover:border-grayBlue6",
+            "active:bg-gray-100",
+            c && "opacity-50 cursor-not-allowed hover:bg-transparent"
+          ),
+          children: [
+            /* @__PURE__ */ i(
+              uo,
+              {
+                width: 40,
+                height: 40
+              }
+            ),
+            /* @__PURE__ */ C(
+              F,
+              {
+                vertical: !0,
+                gap: 1,
+                align: "center",
+                children: [
+                  /* @__PURE__ */ C("p", { className: "text-blackBG text-center text-base", children: [
+                    p("academy.drop_file", "Перетащите файл"),
+                    " ",
+                    /* @__PURE__ */ i("span", { className: "text-greenLight", children: p("academy.or_load", "или загрузите") })
+                  ] }),
+                  /* @__PURE__ */ i("p", { className: "text-[13px] leading-4 text-center text-gray2", children: p("academy.max_size", {
+                    size: n,
+                    defaultValue: `Максимальный размер: ${n}MB`
+                  }) })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+}, ho = ({
+  width: e = 24,
+  height: t = 24,
+  color: n = "#768793",
+  ...r
+}) => /* @__PURE__ */ i(
+  "svg",
+  {
+    width: e,
+    height: t,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlSpace: "preserve",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...r,
+    children: /* @__PURE__ */ i(
+      "path",
+      {
+        d: "M7 7L17 17M7 17L17 7",
+        stroke: n,
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "bevel"
+      }
+    )
+  }
+), fo = ({
+  width: e = 24,
+  height: t = 24,
+  color: n = "#3E454C",
+  ...r
+}) => /* @__PURE__ */ i(
+  "svg",
+  {
+    width: e,
+    height: t,
+    viewBox: "0 0 21 22",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...r,
+    children: /* @__PURE__ */ C("g", { id: "file-image-01", children: [
+      /* @__PURE__ */ i(
+        "path",
+        {
+          id: "Vector",
+          d: "M16.4123 20.4135C15.8265 20.9993 14.8837 20.9993 12.9981 20.9993H4.99805C3.11243 20.9993 2.16962 20.9993 1.58383 20.4135C0.998047 19.8277 0.998047 18.8849 0.998047 16.9993V4.99927C0.998047 3.11365 0.998047 2.17084 1.58383 1.58505C2.16962 0.999268 3.11243 0.999268 4.99805 0.999268H9.15831C10.0635 0.999268 10.5161 0.999268 10.9139 1.18224C11.3117 1.36522 11.6063 1.70884 12.1953 2.3961L16.0351 6.8758C16.5114 7.43153 16.7496 7.7094 16.8738 8.04522C16.9981 8.38105 16.9981 8.74702 16.9981 9.47896V10.9993",
+          stroke: n,
+          strokeWidth: "2"
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          id: "Vector_2",
+          d: "M9.99805 0.999268V6.49927C9.99805 7.44208 9.99805 7.91348 10.2909 8.20637C10.5838 8.49927 11.0552 8.49927 11.998 8.49927H16.498",
+          stroke: n,
+          strokeWidth: "2"
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          id: "Vector_3",
+          d: "M19.8383 13.4993C19.4371 13.1853 18.9384 12.9993 18.398 12.9993C17.0726 12.9993 15.998 14.1186 15.998 15.4993C15.998 16.88 16.6726 17.9993 17.998 17.9993C19.1026 17.9993 19.998 16.88 19.998 15.4993",
+          stroke: n,
+          strokeWidth: "2",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          id: "Vector 8117",
+          d: "M17.998 15.4995H19.998V18.9995",
+          stroke: n,
+          strokeWidth: "2",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          id: "Vector 8104",
+          d: "M3.99805 12.4995V18.9995",
+          stroke: n,
+          strokeWidth: "2",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          id: "Vector 8099",
+          d: "M7 18.9993V14.4434C7 13.8606 7 13.5692 7.14661 13.5286C7.29323 13.488 7.44315 13.7379 7.743 14.2376L10 17.9993L12.257 14.2376C12.5569 13.7379 12.7068 13.488 12.8534 13.5286C13 13.5692 13 13.8606 13 14.4434V18.9993",
+          stroke: n,
+          strokeWidth: "2",
+          strokeLinejoin: "round"
+        }
+      )
+    ] })
+  }
+), Kt = (e, t) => Number.isNaN(e) || e === void 0 || e === null ? "" : e < 1024 ? `${e} ${t("file.b", "B")}` : e < 1024 * 1024 ? `${(e / 1024).toFixed(2)} ${t("file.kb", "KB")}` : `${(e / (1024 * 1024)).toFixed(2)} ${t("file.mb", "MB")}`, go = (e, t) => {
+  if (!e)
+    return null;
+  if (e instanceof File)
+    return {
+      name: e.name,
+      size: Kt(e.size, t)
+    };
+  if (typeof e == "string") {
+    const n = e.trim();
+    let r = 0;
+    if (n.startsWith("data:")) {
+      const o = n.split(",")[1] || "";
+      r = o.length * 3 / 4 - (o.endsWith("==") ? 2 : o.endsWith("=") ? 1 : 0);
+    } else
+      r = n.length * 3 / 4;
+    return {
+      name: t("file.base64", "Base64 File"),
+      // Simplified name logic
+      size: Kt(r, t)
+    };
+  }
+  return null;
+}, mo = ({
+  file: e,
+  index: t,
+  onRemove: n,
+  isDeleteBtn: r = !0
+}) => {
+  const { t: o } = Ve(), a = go(e, o);
+  return /* @__PURE__ */ C(
+    F,
+    {
+      align: "start",
+      justify: "between",
+      className: "w-full p-3 border-b border-lightGray5 bg-white last:border-0",
+      children: [
+        /* @__PURE__ */ C(
+          F,
+          {
+            align: "start",
+            gap: 16,
+            children: [
+              /* @__PURE__ */ i(
+                fo,
+                {
+                  width: 21,
+                  height: 22,
+                  className: "text-blackBG mt-1"
+                }
+              ),
+              /* @__PURE__ */ C(F, { vertical: !0, children: [
+                /* @__PURE__ */ i("p", { className: "text-base font-medium text-blackBG", children: (a == null ? void 0 : a.name) || o("tenders.Loaded", "Загружено") }),
+                /* @__PURE__ */ i("span", { className: "text-[13px] leading-4 text-gray2", children: a == null ? void 0 : a.size })
+              ] })
+            ]
+          }
+        ),
+        r && /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            className: "p-1 rounded-full text-lightGray bg-lightGray5 hover:bg-gray-200 hover:text-gray2 transition-all duration-200",
+            onClick: () => n(t),
+            children: /* @__PURE__ */ i(
+              ho,
+              {
+                width: 16,
+                height: 16,
+                color: "currentColor"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}, yo = ({
+  files: e,
+  onRemove: t,
+  isDeleteBtn: n
+}) => e.length === 0 ? null : /* @__PURE__ */ i(
+  F,
+  {
+    vertical: !0,
+    gap: 8,
+    className: "w-full",
+    children: e.map((r, o) => /* @__PURE__ */ i(
+      mo,
+      {
+        file: r,
+        index: o,
+        onRemove: t,
+        isDeleteBtn: n
+      },
+      o
+    ))
+  }
+), vo = ({
+  onChange: e,
+  value: t,
+  maxSize: n = 10,
+  multiple: r = !0,
+  onRemove: o
+}) => {
+  const [a, s] = U(""), { t: l } = Ve();
+  return {
+    files: Array.isArray(t) ? t : [],
+    uploadError: a,
+    handleFileChange: (d) => {
+      s("");
+      let g = [];
+      if (d && (d instanceof FileList || Array.isArray(d) ? g = Array.from(d) : d instanceof File || typeof d == "string" ? g = [d] : typeof d == "object" && (g = Object.values(d).filter(
+        (m) => m instanceof File || typeof m == "string"
+      ))), r) {
+        const m = Array.isArray(t) ? t : [];
+        e([...m, ...g]);
+      } else
+        e(g);
+    },
+    handleRemoveFile: (d) => {
+      if (o)
+        o(d);
+      else {
+        const m = [...Array.isArray(t) ? t : []];
+        m.splice(d, 1), e(m);
+      }
+    },
+    handleSizeError: () => {
+      s(
+        `${l("academy.max_size", { size: n, defaultValue: `Максимальный размер: ${n}MB` })}`
+      );
+    },
+    handleTypeError: () => {
+      s(`${l("academy.type_error", "Неверный тип файла")}`);
+    }
+  };
+}, Mn = W(
+  ({
+    onChange: e,
+    error: t,
+    hoverTitle: n = "tenders.drag_file",
+    maxSize: r = 10,
+    fileTypes: o,
+    value: a,
+    isDeleteBtn: s = !0,
+    label: l,
+    onRemove: c,
+    multiple: p = !0,
+    name: f,
+    disabled: h,
+    ...u
+  }, d) => {
+    const { t: g } = Ve(), {
+      files: m,
+      uploadError: N,
+      handleFileChange: k,
+      handleRemoveFile: L,
+      handleSizeError: S,
+      handleTypeError: w
+    } = vo({
+      onChange: e,
+      value: a,
+      maxSize: r,
+      multiple: p,
+      onRemove: c
+    }), x = typeof t == "string" ? t : t == null ? void 0 : t.message;
+    return /* @__PURE__ */ C(
+      F,
+      {
+        ref: d,
+        vertical: !0,
+        gap: 12,
+        className: "w-full",
+        ...u,
+        children: [
+          l && /* @__PURE__ */ i("p", { className: "text-base font-medium text-blackBG", children: g(l, l) }),
+          (m.length === 0 || p) && /* @__PURE__ */ i(
+            po,
+            {
+              hoverTitle: n,
+              fileTypes: o,
+              maxSize: r,
+              multiple: p,
+              onFileChange: k,
+              onSizeError: S,
+              onTypeError: w,
+              name: f,
+              disabled: h
+            }
+          ),
+          !!x && /* @__PURE__ */ i("div", { className: "text-red text-sm font-normal", children: g(x, x) }),
+          !!N && /* @__PURE__ */ i("div", { className: "text-red text-sm font-normal", children: N }),
+          /* @__PURE__ */ i(
+            yo,
+            {
+              files: m,
+              onRemove: L,
+              isDeleteBtn: s
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Mn.displayName = "FileLoader";
+const ot = W(
+  ({ className: e, type: t, error: n, label: r, startIcon: o, endIcon: a, ...s }, l) => /* @__PURE__ */ C("div", { className: "w-full relative", children: [
+    /* @__PURE__ */ C("div", { className: "relative group", children: [
+      /* @__PURE__ */ i(
+        "input",
+        {
+          type: t,
+          id: s.name,
+          className: P(
+            "peer flex h-14 w-full rounded-xl border border-lightGray5 outline-none bg-white px-4 pt-5 pb-2 text-base text-blackBG",
+            "placeholder:text-transparent",
+            "transition-all duration-300 ease-in-out",
+            "hover:border-grayBlue6",
+            "focus:border-greenLight",
+            "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-lightGray",
+            o && "pl-12",
+            a && "pr-12",
+            n && "border-red hover:border-red focus:border-red",
+            e
+          ),
+          placeholder: r || "Placeholder",
+          ref: l,
+          ...s
+        }
+      ),
+      o && /* @__PURE__ */ i("div", { className: "absolute left-4 top-1/2 -translate-y-1/2 flex items-center justify-center text-gray2 peer-focus:text-greenLight pointer-events-none z-10", children: o }),
+      a && /* @__PURE__ */ i("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 flex items-center justify-center text-gray2 peer-focus:text-greenLight pointer-events-none z-10", children: a }),
+      r && /* @__PURE__ */ i(
+        "label",
+        {
+          htmlFor: s.name,
+          className: P(
+            "absolute left-4 top-4 text-base text-gray2 transition-all duration-300 pointer-events-none",
+            "peer-placeholder-shown:top-4 peer-placeholder-shown:text-base",
+            "peer-focus:top-1.5 peer-focus:text-xs peer-focus:text-gray2",
+            "peer-[:not(:placeholder-shown)]:top-1.5 peer-[:not(:placeholder-shown)]:text-xs",
+            o && "left-12 peer-focus:left-12 peer-[:not(:placeholder-shown)]:left-12"
+          ),
+          children: r
+        }
+      )
+    ] }),
+    n && /* @__PURE__ */ i("p", { className: "mt-1 text-sm text-red", children: n })
+  ] })
+);
+ot.displayName = "Input";
+const bo = ({
+  isFormatted: e,
+  isReadable: t,
+  onChange: n
+}) => {
+  const r = !!t || !!e, o = fe(
+    (s) => {
+      if (s == null || s === "")
+        return "";
+      const l = Array.isArray(s) ? s.join("").replace(/\D/g, "") : s.toString().replace(/\D/g, "");
+      return r ? l.replace(/\B(?=(\d{3})+(?!\d))/g, " ") : l;
+    },
+    [r]
+  );
+  return {
+    formatValue: o,
+    handleChange: (s) => {
+      const l = s.target, c = l.value, p = c.replace(/\D/g, ""), f = l.selectionStart || 0, h = c.slice(0, f).replace(/\D/g, "").length, u = o(p);
+      if (l.value = u, n) {
+        const d = l.value;
+        l.value = p, n(s), l.value = d;
+      }
+      if (r) {
+        let d = 0, g = 0;
+        for (; g < h && d < l.value.length; )
+          /\d/.test(l.value[d]) && g++, d++;
+        l.setSelectionRange(d, d);
+      }
+    }
+  };
+}, Vn = W(
+  ({
+    className: e,
+    isFormatted: t,
+    isReadable: n,
+    error: r,
+    label: o,
+    onChange: a,
+    value: s,
+    defaultValue: l,
+    ...c
+  }, p) => {
+    const f = Ue(null);
+    Jt(p, () => f.current);
+    const { formatValue: h, handleChange: u } = bo({
+      isFormatted: t,
+      isReadable: n,
+      onChange: a
+    }), d = {
+      ...c,
+      type: "text",
+      inputMode: "numeric",
+      onChange: u
+    };
+    return s !== void 0 ? d.value = h(s) : l !== void 0 && (d.defaultValue = h(l)), /* @__PURE__ */ C("div", { className: "w-full relative", children: [
+      /* @__PURE__ */ C("div", { className: "group relative", children: [
+        /* @__PURE__ */ i(
+          "input",
+          {
+            ...d,
+            id: c.id || c.name,
+            ref: f,
+            className: P(
+              "peer flex h-14 w-full rounded-xl border border-lightGray5 bg-white outline-none px-4 pt-5 pb-2 text-base text-blackBG",
+              "placeholder:text-transparent",
+              "transition-all duration-300 ease-in-out",
+              "hover:border-grayBlue6",
+              "focus:border-greenLight",
+              "disabled:cursor-not-allowed disabled:bg-lightGray disabled:opacity-50",
+              r && "border-red hover:border-red focus:border-red",
+              e
+            ),
+            placeholder: o || "0"
+          }
+        ),
+        o && /* @__PURE__ */ i(
+          "label",
+          {
+            htmlFor: c.id || c.name,
+            className: P(
+              "absolute left-4 top-4 text-base text-gray2 transition-all duration-300 pointer-events-none",
+              "peer-placeholder-shown:top-4 peer-placeholder-shown:text-base",
+              "peer-focus:top-1.5 peer-focus:text-xs peer-focus:text-gray2",
+              "peer-[:not(:placeholder-shown)]:top-1.5 peer-[:not(:placeholder-shown)]:text-xs"
+            ),
+            children: o
+          }
+        )
+      ] }),
+      r && /* @__PURE__ */ i("p", { className: "mt-2 text-sm text-red", children: r })
+    ] });
+  }
+);
+Vn.displayName = "NumberField";
+const An = W(
+  ({ onChange: e, ...t }, n) => /* @__PURE__ */ i(
+    ot,
+    {
+      ref: n,
+      type: "tel",
+      onChange: (o) => {
+        let a = o.target.value.replace(/\D/g, "");
+        a.length > 0 && (a = "+" + a);
+        const s = t.maxLength || 16;
+        a.length > s && (a = a.slice(0, s)), o.target.value = a, e == null || e(o);
+      },
+      ...t
+    }
+  )
+);
+An.displayName = "PhoneInput";
+const wo = ({
+  width: e = 20,
+  height: t = 20,
+  color: n = "#40474F",
+  ...r
+}) => /* @__PURE__ */ i(
+  "svg",
+  {
+    width: e,
+    height: t,
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...r,
+    children: /* @__PURE__ */ i(
+      "path",
+      {
+        d: "M18.3327 9.16669V10.1667H19.3327V9.16669H18.3327ZM1.66602 9.16669H0.666016V10.1667H1.66602V9.16669ZM4.99935 4.16669V5.16669H14.9993V4.16669V3.16669H4.99935V4.16669ZM18.3327 7.50002H17.3327V14.1667H18.3327H19.3327V7.50002H18.3327ZM14.9993 17.5V16.5H4.99935V17.5V18.5H14.9993V17.5ZM1.66602 14.1667H2.66602V7.50002H1.66602H0.666016V14.1667H1.66602ZM4.99935 17.5V16.5C4.1854 16.5 3.67555 16.4979 3.30381 16.4479C2.96084 16.4018 2.88859 16.3321 2.86128 16.3048L2.15417 17.0119L1.44706 17.719C1.90791 18.1798 2.47257 18.3542 3.03731 18.4301C3.57329 18.5021 4.24194 18.5 4.99935 18.5V17.5ZM1.66602 14.1667H0.666016C0.666016 14.9241 0.663892 15.5927 0.735952 16.1287C0.81188 16.6935 0.986218 17.2581 1.44706 17.719L2.15417 17.0119L2.86128 16.3048C2.83397 16.2774 2.76423 16.2052 2.71812 15.8622C2.66814 15.4905 2.66602 14.9806 2.66602 14.1667H1.66602ZM18.3327 14.1667H17.3327C17.3327 14.9806 17.3306 15.4905 17.2806 15.8622C17.2345 16.2052 17.1647 16.2774 17.1374 16.3048L17.8445 17.0119L18.5516 17.719C19.0125 17.2581 19.1868 16.6935 19.2627 16.1287C19.3348 15.5927 19.3327 14.9241 19.3327 14.1667H18.3327ZM14.9993 17.5V18.5C15.7568 18.5 16.4254 18.5021 16.9614 18.4301C17.5261 18.3542 18.0908 18.1798 18.5516 17.719L17.8445 17.0119L17.1374 16.3048C17.1101 16.3321 17.0379 16.4018 16.6949 16.4479C16.3232 16.4979 15.8133 16.5 14.9993 16.5V17.5ZM14.9993 4.16669V5.16669C15.8133 5.16669 16.3232 5.16881 16.6949 5.21879C17.0379 5.2649 17.1101 5.33464 17.1374 5.36195L17.8445 4.65484L18.5516 3.94774C18.0908 3.48689 17.5261 3.31255 16.9614 3.23662C16.4254 3.16456 15.7568 3.16669 14.9993 3.16669V4.16669ZM18.3327 7.50002H19.3327C19.3327 6.74262 19.3348 6.07396 19.2627 5.53799C19.1868 4.97324 19.0125 4.40858 18.5516 3.94774L17.8445 4.65484L17.1374 5.36195C17.1647 5.38926 17.2345 5.46151 17.2806 5.80448C17.3306 6.17622 17.3327 6.68608 17.3327 7.50002H18.3327ZM4.99935 4.16669V3.16669C4.24194 3.16669 3.57329 3.16456 3.03732 3.23662C2.47257 3.31255 1.90791 3.48689 1.44706 3.94774L2.15417 4.65484L2.86128 5.36195C2.88859 5.33464 2.96084 5.2649 3.30381 5.21879C3.67555 5.16881 4.1854 5.16669 4.99935 5.16669V4.16669ZM1.66602 7.50002H2.66602C2.66602 6.68608 2.66814 6.17622 2.71812 5.80448C2.76423 5.46151 2.83397 5.38926 2.86128 5.36195L2.15417 4.65484L1.44706 3.94774C0.986218 4.40858 0.81188 4.97324 0.735952 5.53799C0.663892 6.07396 0.666016 6.74262 0.666016 7.50002H1.66602ZM18.3327 7.50002H17.3327V9.16669H18.3327H19.3327V7.50002H18.3327ZM18.3327 9.16669V8.16669H1.66602V9.16669V10.1667H18.3327V9.16669ZM1.66602 9.16669H2.66602V7.50002H1.66602H0.666016V9.16669H1.66602ZM5.83268 1.66669H4.83268V4.16669H5.83268H6.83268V1.66669H5.83268ZM14.166 1.66669H13.166V4.16669H14.166H15.166V1.66669H14.166ZM14.166 14.1667V15.1667H15.8327V14.1667V13.1667H14.166V14.1667Z",
+        fill: n
+      }
+    )
+  }
+), xo = ["Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"], Co = (e) => {
+  if (!e)
+    return "";
+  const t = String(e.getDate()).padStart(2, "0"), n = String(e.getMonth() + 1).padStart(2, "0"), r = e.getFullYear();
+  return `${t}.${n}.${r}`;
+}, So = (e) => {
+  if (!e)
+    return null;
+  const t = e.split(".");
+  if (t.length === 3) {
+    const n = parseInt(t[0], 10), r = parseInt(t[1], 10) - 1, o = parseInt(t[2], 10);
+    if (!isNaN(n) && !isNaN(r) && !isNaN(o)) {
+      const a = new Date(o, r, n);
+      if (a.getDate() === n && a.getMonth() === r && a.getFullYear() === o)
+        return a;
+    }
+  }
+  return null;
+}, ko = (e, t) => {
+  const r = new Date(t, e, 1).toLocaleDateString("ru-RU", {
+    month: "long",
+    year: "numeric"
+  });
+  return r.charAt(0).toUpperCase() + r.slice(1);
+}, No = ({
+  currentMonth: e,
+  currentYear: t,
+  calendarDays: n,
+  onPrevMonth: r,
+  onNextMonth: o,
+  onSelectDate: a,
+  selectedDate: s
+}) => {
+  const l = (c, p, f) => {
+    if (!s || c === null)
+      return !1;
+    let h = e, u = t;
+    return p ? (h = h - 1, h < 0 && (h = 11, u = u - 1)) : f && (h = h + 1, h > 11 && (h = 0, u = u + 1)), s.getDate() === c && s.getMonth() === h && s.getFullYear() === u;
+  };
+  return /* @__PURE__ */ C("div", { className: "absolute top-[calc(100%+8px)] left-0 z-50 bg-white rounded-2xl border border-grayBlue shadow-lg p-4 min-w-[320px]", children: [
+    /* @__PURE__ */ C(
+      F,
+      {
+        align: "center",
+        justify: "between",
+        className: "mb-4",
+        children: [
+          /* @__PURE__ */ i(
+            "button",
+            {
+              type: "button",
+              onClick: r,
+              className: "p-2 hover:bg-grayBlue rounded-lg transition-colors",
+              children: /* @__PURE__ */ i(
+                Bn,
+                {
+                  width: 16,
+                  height: 16
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ i("h3", { className: "text-base font-semibold text-blackBG capitalize", children: ko(e, t) }),
+          /* @__PURE__ */ i(
+            "button",
+            {
+              type: "button",
+              onClick: o,
+              className: "p-2 hover:bg-grayBlue rounded-lg transition-colors",
+              children: /* @__PURE__ */ i(
+                Gn,
+                {
+                  width: 16,
+                  height: 16
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: "grid grid-cols-7 gap-1 mb-2", children: xo.map((c) => /* @__PURE__ */ i(
+      "div",
+      {
+        className: "text-center text-xs font-medium text-grayBlue5 py-2",
+        children: c
+      },
+      c
+    )) }),
+    /* @__PURE__ */ i("div", { className: "grid grid-cols-7 gap-1", children: n.map((c, p) => {
+      let h = new Date(t, e, 1).getDay() - 1;
+      h === -1 && (h = 6);
+      const u = new Date(
+        t,
+        e + 1,
+        0
+      ).getDate(), d = p < h, g = p >= h + u, m = !d && !g, N = l(c, d, g);
+      return /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          onClick: () => a(c, d, g),
+          disabled: c === null,
+          className: P(
+            "w-10 h-10 rounded-lg text-sm font-medium transition-colors",
+            "hover:bg-[#E8F4FD] focus:outline-none focus:bg-[#E8F4FD]",
+            m ? "text-blackBG" : "text-grayBlue5 opacity-50",
+            N && "bg-greenLight text-white hover:bg-greenLight focus:bg-greenLight"
+          ),
+          children: c
+        },
+        p
+      );
+    }) })
+  ] });
+}, Lo = (e) => {
+  const [t, n] = U(
+    (e || /* @__PURE__ */ new Date()).getMonth()
+  ), [r, o] = U(
+    (e || /* @__PURE__ */ new Date()).getFullYear()
+  ), a = () => {
+    t === 0 ? (n(11), o(r - 1)) : n(t - 1);
+  }, s = () => {
+    t === 11 ? (n(0), o(r + 1)) : n(t + 1);
+  }, l = Qt(() => {
+    const c = new Date(r, t, 1), f = new Date(r, t + 1, 0).getDate();
+    let h = c.getDay() - 1;
+    h === -1 && (h = 6);
+    const u = [], d = new Date(r, t, 0).getDate();
+    for (let m = h - 1; m >= 0; m--)
+      u.push(d - m);
+    for (let m = 1; m <= f; m++)
+      u.push(m);
+    const g = 42 - u.length;
+    for (let m = 1; m <= g; m++)
+      u.push(m);
+    return u;
+  }, [t, r]);
+  return {
+    currentMonth: t,
+    currentYear: r,
+    setCurrentMonth: n,
+    setCurrentYear: o,
+    handlePrevMonth: a,
+    handleNextMonth: s,
+    calendarDays: l
+  };
+}, Eo = ({ value: e, onChange: t }) => {
+  const [n, r] = U(""), [o, a] = U(!1), [s, l] = U(null), c = e !== void 0, p = c ? e : n, { ref: f } = en(o, () => {
+    a(!1);
+  }), h = Qt(() => So(p || ""), [p]), u = Lo(h || /* @__PURE__ */ new Date()), { setCurrentMonth: d, setCurrentYear: g } = u;
+  return ze(() => {
+    h && (l(h), d(h.getMonth()), g(h.getFullYear()));
+  }, [h, d, g]), {
+    displayValue: p,
+    isCalendarOpen: o,
+    calendarRef: f,
+    selectedDate: s,
+    handleInputChange: (w) => {
+      const x = w.target.value;
+      c || r(x), t == null || t(x);
+    },
+    handleDateSelect: (w, x, b) => {
+      if (w === null)
+        return;
+      let y = u.currentMonth, O = u.currentYear;
+      x ? (y = y - 1, y < 0 && (y = 11, O = O - 1)) : b && (y = y + 1, y > 11 && (y = 0, O = O + 1));
+      const _ = new Date(O, y, w), oe = Co(_);
+      l(_), d(y), g(O), c || r(oe), t == null || t(oe), a(!1);
+    },
+    toggleCalendar: () => a((w) => !w),
+    openCalendar: () => a(!0),
+    closeCalendar: () => a(!1),
+    calendar: u
+  };
+}, On = W(
+  ({
+    className: e,
+    error: t,
+    label: n,
+    value: r,
+    onChange: o,
+    placeholder: a = " ",
+    ...s
+  }, l) => {
+    const {
+      displayValue: c,
+      isCalendarOpen: p,
+      calendarRef: f,
+      selectedDate: h,
+      handleInputChange: u,
+      handleDateSelect: d,
+      toggleCalendar: g,
+      openCalendar: m,
+      calendar: N
+    } = Eo({ value: r, onChange: o });
+    return /* @__PURE__ */ C(
+      "div",
+      {
+        className: "w-full relative",
+        ref: f,
+        children: [
+          /* @__PURE__ */ i(
+            ot,
+            {
+              ...s,
+              ref: l,
+              value: c,
+              onChange: u,
+              className: e,
+              error: t,
+              label: n,
+              placeholder: a,
+              onClick: m,
+              startIcon: /* @__PURE__ */ i(
+                "button",
+                {
+                  type: "button",
+                  onClick: (k) => {
+                    k.stopPropagation(), g();
+                  },
+                  className: "flex items-center justify-center cursor-pointer pointer-events-auto hover:text-greenLight transition-colors",
+                  tabIndex: -1,
+                  children: /* @__PURE__ */ i(wo, {})
+                }
+              )
+            }
+          ),
+          p && /* @__PURE__ */ i(
+            No,
+            {
+              currentMonth: N.currentMonth,
+              currentYear: N.currentYear,
+              calendarDays: N.calendarDays,
+              onPrevMonth: N.handlePrevMonth,
+              onNextMonth: N.handleNextMonth,
+              onSelectDate: d,
+              selectedDate: h
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+On.displayName = "DateInput";
+const Pn = W(
+  ({ className: e, label: t, error: n, value: r, ...o }, a) => /* @__PURE__ */ C("div", { children: [
+    /* @__PURE__ */ C(
+      F,
+      {
+        align: "center",
+        gap: 8,
+        as: "label",
+        className: "cursor-pointer group w-fit",
+        children: [
+          /* @__PURE__ */ C(
+            F,
+            {
+              align: "center",
+              justify: "center",
+              className: "relative",
+              children: [
+                /* @__PURE__ */ i(
+                  "input",
+                  {
+                    type: "radio",
+                    className: "peer sr-only",
+                    ref: a,
+                    value: String(r),
+                    ...o
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  F,
+                  {
+                    align: "center",
+                    justify: "center",
+                    className: P(
+                      "size-6 rounded-full border bg-white border-grayBlue transition-all duration-200",
+                      "peer-checked:bg-greenLight peer-checked:border-greenLight",
+                      "peer-focus-visible:ring-2 peer-focus-visible:ring-greenLight peer-focus-visible:ring-offset-2",
+                      "peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+                      "group-hover:border-greenLight",
+                      "peer-checked:[&>div]:scale-100",
+                      e
+                    ),
+                    children: /* @__PURE__ */ i("div", { className: "size-3 rounded-full bg-white scale-0 transition-transform duration-200" })
+                  }
+                )
+              ]
+            }
+          ),
+          t && /* @__PURE__ */ i(
+            "span",
+            {
+              className: P(
+                "text-sm text-graySoft select-none group-hover:text-blackBG transition-colors duration-200"
+              ),
+              children: t
+            }
+          )
+        ]
+      }
+    ),
+    n && /* @__PURE__ */ i("p", { className: "mt-1 text-sm text-red", children: n })
+  ] })
+);
+Pn.displayName = "Radio";
+const In = W(
+  ({
+    label: e,
+    options: t = [],
+    value: n,
+    name: r,
+    onChange: o,
+    error: a,
+    className: s,
+    direction: l = "column"
+  }, c) => /* @__PURE__ */ C(
+    F,
+    {
+      ref: c,
+      vertical: !0,
+      gap: 12,
+      className: P(s),
+      children: [
+        e && /* @__PURE__ */ i("label", { className: "text-sm font-medium text-blackBG py-1", children: e }),
+        /* @__PURE__ */ C("div", { children: [
+          /* @__PURE__ */ i(
+            F,
+            {
+              gap: 16,
+              className: P(
+                "w-full",
+                l === "column" ? "flex-col" : "flex-row flex-wrap"
+              ),
+              children: t == null ? void 0 : t.map((p) => {
+                const f = n === p.value;
+                return /* @__PURE__ */ i(
+                  Pn,
+                  {
+                    name: r,
+                    label: p.label,
+                    value: p.value,
+                    checked: f,
+                    onChange: () => o == null ? void 0 : o(p.value)
+                  },
+                  String(p.value)
+                );
+              })
+            }
+          ),
+          a && /* @__PURE__ */ i("p", { className: "text-sm text-red mt-1", children: a })
+        ] })
+      ]
+    }
+  )
+);
+In.displayName = "RadioGroup";
+const Do = ({
+  className: e,
+  size: t = 20,
+  color: n = "currentColor",
+  ...r
+}) => /* @__PURE__ */ i(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: t,
+    height: t,
+    viewBox: "0 0 20 20",
+    fill: "none",
+    ...r,
+    className: e,
+    children: /* @__PURE__ */ i(
+      "path",
+      {
+        d: "M15 7.5L10.7071 11.7929C10.3738 12.1262 10.2071 12.2929 10 12.2929C9.79289 12.2929 9.62623 12.1262 9.29289 11.7929L5 7.5",
+        stroke: n,
+        strokeWidth: "2",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+), Mo = ({
+  options: e,
+  selectedValue: t,
+  onSelect: n
+}) => /* @__PURE__ */ i(
+  "div",
+  {
+    className: P(
+      "absolute left-0 z-[100] mt-2 w-full overflow-hidden rounded-xl border border-grayBlue bg-white shadow-xl",
+      "animate-in fade-in zoom-in-95 duration-200",
+      "transition-all duration-200 ease-in-out"
+    ),
+    children: /* @__PURE__ */ i("div", { className: "max-h-[280px] overflow-y-auto py-2 custom-scrollbar", children: e.length > 0 ? e.map((r) => /* @__PURE__ */ i(
+      "button",
+      {
+        type: "button",
+        onClick: () => n(r),
+        className: P(
+          "flex w-full items-center px-4 py-2 text-left text-base transition-colors",
+          r.value === t ? "bg-greenLight/90 font-medium text-white" : "text-blackBG hover:bg-[#E8F4FD] active:bg-green-100"
+        ),
+        children: r.label
+      },
+      r.value
+    )) : /* @__PURE__ */ i("div", { className: "px-5 py-3 text-sm text-gray2", children: "Нет данных" }) })
+  }
+), Vo = ({
+  value: e,
+  options: t = [],
+  onChange: n,
+  onBlur: r,
+  disabled: o,
+  name: a
+}) => {
+  const {
+    ref: s,
+    isShow: l,
+    setIsShow: c
+  } = en(!1), p = t.find((d) => d.value === e);
+  return {
+    isOpen: l,
+    setIsOpen: c,
+    containerRef: s,
+    selectedOption: p,
+    handleToggle: () => {
+      o || c(!l);
+    },
+    handleSelect: (d) => {
+      n && n({
+        target: {
+          name: a,
+          value: d.value
+        }
+      }), c(!1);
+    },
+    handleBlur: (d) => {
+      r && r({
+        target: {
+          name: a,
+          value: e
+        }
+      });
+    }
+  };
+}, Rn = W(
+  ({
+    className: e,
+    error: t,
+    label: n,
+    options: r = [],
+    placeholder: o = " ",
+    value: a,
+    onChange: s,
+    onBlur: l,
+    name: c,
+    disabled: p,
+    ...f
+  }, h) => {
+    const {
+      isOpen: u,
+      containerRef: d,
+      selectedOption: g,
+      handleToggle: m,
+      handleSelect: N,
+      handleBlur: k
+    } = Vo({ value: a, options: r, onChange: s, onBlur: l, disabled: p, name: c });
+    return Jt(h, () => d.current), /* @__PURE__ */ C(
+      "div",
+      {
+        className: P("w-full relative", e),
+        ref: d,
+        onBlur: k,
+        ...f,
+        children: [
+          /* @__PURE__ */ C("div", { className: "relative w-full group", children: [
+            /* @__PURE__ */ C(
+              "button",
+              {
+                type: "button",
+                onClick: m,
+                disabled: p,
+                className: P(
+                  "peer flex h-14 w-full items-center justify-between rounded-xl border border-lightGray5 bg-white px-4 text-base text-blackBG",
+                  "pt-5 pb-2 outline-none",
+                  "transition-all duration-300 ease-in-out",
+                  u && "border-greenLight",
+                  p && "cursor-not-allowed bg-lightGray opacity-50",
+                  t && "border-red hover:border-red"
+                ),
+                children: [
+                  /* @__PURE__ */ i(
+                    "span",
+                    {
+                      className: P(
+                        "truncate text-left text-base text-blackBG",
+                        !g && "text-transparent"
+                      ),
+                      children: g ? g.label : " "
+                    }
+                  ),
+                  /* @__PURE__ */ i(
+                    Do,
+                    {
+                      size: 24,
+                      className: P(
+                        "absolute right-4 top-1/2 -translate-y-1/2 text-gray2 transition-transform duration-300",
+                        u && "rotate-180 text-green"
+                      )
+                    }
+                  )
+                ]
+              }
+            ),
+            (n || o) && /* @__PURE__ */ i(
+              "label",
+              {
+                onClick: m,
+                className: P(
+                  "absolute left-4 top-4 text-base text-gray2 transition-all duration-300 pointer-events-none",
+                  g || u ? "top-1.5 text-xs" : "top-4 text-base"
+                ),
+                children: n || o
+              }
+            ),
+            u && /* @__PURE__ */ i(
+              Mo,
+              {
+                options: r,
+                selectedValue: a,
+                onSelect: N
+              }
+            )
+          ] }),
+          t && /* @__PURE__ */ i("p", { className: "mt-2 text-sm text-red", children: t })
+        ]
+      }
+    );
+  }
+);
+Rn.displayName = "Select";
+const Fn = W(
+  ({ className: e, error: t, label: n, ...r }, o) => /* @__PURE__ */ C("div", { className: "w-full relative", children: [
+    /* @__PURE__ */ i(
+      "textarea",
+      {
+        className: P(
+          "peer flex w-full min-h-[120px] rounded-xl border border-lightGray5 bg-white px-4 pt-5 pb-2 text-base text-blackBG outline-none",
+          "placeholder:text-transparent",
+          "transition-all duration-300 ease-in-out",
+          "hover:border-grayBlue6",
+          "focus:border-greenLight",
+          "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-lightGray",
+          "resize-y",
+          t && "border-red hover:border-red focus:border-red",
+          e
+        ),
+        placeholder: n || "Placeholder",
+        ref: o,
+        ...r
+      }
+    ),
+    n && /* @__PURE__ */ i(
+      "label",
+      {
+        htmlFor: r.name,
+        className: P(
+          "absolute left-4 top-4 text-base text-gray2 transition-all duration-300 pointer-events-none",
+          "peer-placeholder-shown:top-4 peer-placeholder-shown:text-base",
+          "peer-focus:top-1.5 peer-focus:text-xs peer-focus:text-gray2",
+          "peer-[:not(:placeholder-shown)]:top-1.5 peer-[:not(:placeholder-shown)]:text-xs"
+        ),
+        children: n
+      }
+    ),
+    t && /* @__PURE__ */ i("p", { className: "mt-1 text-sm text-red", children: t })
+  ] })
+);
+Fn.displayName = "TextArea";
+const Ao = {
+  text: ot,
+  number: Vn,
+  phone: An,
+  select: Rn,
+  date: On,
+  radio: In,
+  checkbox: nn,
+  file: Mn,
+  textarea: Fn
+}, Go = ({ field: e }) => {
+  var S;
+  const { t } = Ve(), {
+    control: n,
+    register: r,
+    formState: { errors: o }
+  } = Hn(), a = Zn(e.visibility, n), s = Wn(e), l = Yn(e, t), c = Ao[e.type];
+  if (!c || !a)
+    return null;
+  const { optionsUrl: p, labelKey: f, valueKey: h, ...u } = e.field_props || {}, d = {
+    ...u,
+    label: u != null && u.label ? t(u.label, u.label) : void 0,
+    placeholder: u != null && u.placeholder ? t(u.placeholder, u.placeholder) : void 0
+  }, g = e.type === "select" && p ? s : d.options || [], m = e.name ? (S = o[e.name]) == null ? void 0 : S.message : void 0, N = m ? t(m, m) : void 0, k = [
+    "select",
+    "radio",
+    "checkbox",
+    "file",
+    "phone",
+    "date"
+  ].includes(e.type), L = {
+    ...d,
+    options: g,
+    error: N
+  };
+  return k && e.name ? /* @__PURE__ */ i(
+    _n,
+    {
+      name: e.name,
+      control: n,
+      rules: l,
+      render: ({ field: { onChange: w, value: x, name: b, ref: y } }) => /* @__PURE__ */ i(
+        c,
+        {
+          ...L,
+          onChange: w,
+          value: x,
+          name: b,
+          ref: y
+        }
+      )
+    }
+  ) : e.name ? /* @__PURE__ */ i(
+    c,
+    {
+      ...L,
+      ...r(e.name, l)
+    }
+  ) : /* @__PURE__ */ i(
+    c,
+    {
+      ...L,
+      onChange: () => {
+      }
+    }
+  );
+};
+export {
+  tn as C,
+  Go as F
+};