@post-pioneer/ui-kit 0.1.42 → 0.1.43

package/dist/ui-kit-postpioneer.es.js

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as b, Fragment as C1 } from "react/jsx-runtime";
-import u, { forwardRef as w, useState as a1 } from "react";
-const v1 = w(
+import u, { forwardRef as g, useState as a1 } from "react";
+const v1 = g(
   ({ width: e = "12", height: r = "14", color: t = "currentColor", ...a }, n) => /* @__PURE__ */ o(
     "svg",
     {
@@ -25,7 +25,7 @@ const v1 = w(
   )
 );
 v1.displayName = "AlertsBellIcon";
-const m1 = w(
+const m1 = g(
   ({ width: e = "6", height: r = "10", color: t = "currentColor", ...a }, n) => /* @__PURE__ */ o(
     "svg",
     {
@@ -48,7 +48,7 @@ const m1 = w(
   )
 );
 m1.displayName = "ArrowChevronLeftIcon";
-const x1 = w(
+const x1 = g(
   ({ width: e = "6", height: r = "10", color: t = "currentColor", ...a }, n) => /* @__PURE__ */ o(
     "svg",
     {
@@ -71,7 +71,7 @@ const x1 = w(
   )
 );
 x1.displayName = "ArrowChevronRightIcon";
-const b1 = w(
+const b1 = g(
   ({ width: e = "13", height: r = "13", color: t = "currentColor", ...a }, n) => /* @__PURE__ */ o(
     "svg",
     {
@@ -88,7 +88,7 @@ const b1 = w(
   )
 );
 b1.displayName = "FacebookIcon";
-const y1 = w(
+const y1 = g(
   ({ width: e = "24", height: r = "24", color: t = "currentColor", ...a }, n) => /* @__PURE__ */ o(
     "svg",
     {
@@ -113,7 +113,7 @@ const y1 = w(
   )
 );
 y1.displayName = "EyeIcon";
-const z1 = w(
+const z1 = g(
   ({ width: e = "26", height: r = "26", color: t = "currentColor", ...a }, n) => /* @__PURE__ */ o(
     "svg",
     {
@@ -136,7 +136,7 @@ const z1 = w(
   )
 );
 z1.displayName = "EyeSlashIcon";
-const L1 = w(
+const L1 = g(
   ({ width: e = "16", height: r = "16", color: t = "currentColor", ...a }, n) => /* @__PURE__ */ o(
     "svg",
     {
@@ -161,7 +161,7 @@ const L1 = w(
   )
 );
 L1.displayName = "ImagePhotoIcon";
-const k1 = w(
+const k1 = g(
   ({ width: e = "12", height: r = "14", color: t = "currentColor", ...a }, n) => /* @__PURE__ */ o(
     "svg",
     {
@@ -186,7 +186,7 @@ const k1 = w(
   )
 );
 k1.displayName = "ImagePhotoOutline";
-const V1 = w(
+const V1 = g(
   ({ width: e = "24", height: r = "24", color: t = "currentColor", ...a }, n) => /* @__PURE__ */ o(
     "svg",
     {
@@ -211,7 +211,7 @@ const V1 = w(
   )
 );
 V1.displayName = "LogoutV1Outline";
-const N1 = w(
+const N1 = g(
   ({ width: e = "16", height: r = "16", color: t = "currentColor", ...a }, n) => /* @__PURE__ */ o(
     "svg",
     {
@@ -245,7 +245,7 @@ const N1 = w(
   )
 );
 N1.displayName = "MathSymbolsAddSquareV2Icon";
-const X = w(
+const X = g(
   ({ width: e = "9", height: r = "8", color: t = "currentColor", ...a }, n) => /* @__PURE__ */ o(
     "svg",
     {
@@ -262,7 +262,7 @@ const X = w(
   )
 );
 X.displayName = "MathSymbolXV2Icon";
-const J = w(
+const J = g(
   ({ width: e = "12", height: r = "12", color: t = "currentColor", ...a }, n) => /* @__PURE__ */ o(
     "svg",
     {
@@ -279,7 +279,7 @@ const J = w(
   )
 );
 J.displayName = "RequiredIcon";
-const $1 = w(
+const $1 = g(
   ({ width: e = "18", height: r = "18", color: t = "currentColor", ...a }, n) => /* @__PURE__ */ o(
     "svg",
     {
@@ -296,7 +296,7 @@ const $1 = w(
   )
 );
 $1.displayName = "SearchIcon";
-const q1 = w(
+const q1 = g(
   ({ size: e = 16, color: r = "currentColor", ...t }, a) => /* @__PURE__ */ o(
     "svg",
     {
@@ -321,7 +321,7 @@ const q1 = w(
   )
 );
 q1.displayName = "SwapIcon";
-const M1 = w(
+const M1 = g(
   ({ width: e = "14", height: r = "15", color: t = "currentColor", ...a }, n) => /* @__PURE__ */ o(
     "svg",
     {
@@ -338,7 +338,7 @@ const M1 = w(
   )
 );
 M1.displayName = "TelegramIcon";
-const S1 = w(
+const S1 = g(
   ({ width: e = "16", height: r = "16", color: t = "currentColor", ...a }, n) => /* @__PURE__ */ o(
     "svg",
     {
@@ -355,7 +355,7 @@ const S1 = w(
   )
 );
 S1.displayName = "TimeCalendarV2Icon";
-const B1 = w(
+const B1 = g(
   ({ width: e = "14", height: r = "14", color: t = "currentColor", ...a }, n) => /* @__PURE__ */ o(
     "svg",
     {
@@ -391,8 +391,8 @@ const H1 = "_card_1nlez_780", I1 = "_header_1nlez_801", Z1 = "_title_1nlez_806",
   title: Z1,
   subtitle: R1,
   content: A1
-}, T1 = "_focus_qdf1d_550", E1 = "_swap_qdf1d_632", W1 = "_swap__content_qdf1d_688", G1 = "_typography_qdf1d_780", F1 = "_truncate_qdf1d_991", A = {
-  focus: T1,
+}, E1 = "_focus_qdf1d_550", T1 = "_swap_qdf1d_632", W1 = "_swap__content_qdf1d_688", G1 = "_typography_qdf1d_780", F1 = "_truncate_qdf1d_991", A = {
+  focus: E1,
   "focus--default": "_focus--default_qdf1d_567",
   "focus--danger": "_focus--danger_qdf1d_571",
   "focus--visible": "_focus--visible_qdf1d_577",
@@ -402,7 +402,7 @@ const H1 = "_card_1nlez_780", I1 = "_header_1nlez_801", Z1 = "_title_1nlez_806",
   "focus--input": "_focus--input_qdf1d_607",
   "focus--button": "_focus--button_qdf1d_612",
   "focus--card": "_focus--card_qdf1d_617",
-  swap: E1,
+  swap: T1,
   "swap--text": "_swap--text_qdf1d_641",
   "swap--icon": "_swap--icon_qdf1d_652",
   "swap--icon-xs": "_swap--icon-xs_qdf1d_662",
@@ -500,25 +500,25 @@ const H1 = "_card_1nlez_780", I1 = "_header_1nlez_801", Z1 = "_title_1nlez_806",
   SmallText: "text-short-s-regular",
   RegularLink: "text-long-m-regular",
   SmallLink: "text-short-s-regular"
-}, P = w(
+}, P = g(
   (e, r) => {
     const {
       as: t = "p",
       children: a,
       className: n,
       textAlign: s = "left",
-      variant: _ = "text-long-m-regular",
-      truncate: i = !1,
+      variant: i = "text-long-m-regular",
+      truncate: _ = !1,
       multilineTruncate: l = !1,
       noWrap: d = !1,
       breakWord: c = !1,
       ...f
-    } = e, v = O1[_], p = V(
+    } = e, v = O1[i], p = V(
       A.typography,
       A[v],
       A[`align-${s}`],
       {
-        [A.truncate]: i,
+        [A.truncate]: _,
         [A.multilineTruncate]: l,
         [A.noWrap]: d,
         [A.breakWord]: c
@@ -601,8 +601,8 @@ const m0 = ({
   status: a = null,
   bordered: n = !1,
   backgroundColor: s,
-  className: _ = "",
-  onError: i
+  className: i = "",
+  onError: _
 }) => {
   const l = (p) => {
     const h = p.trim().split(" ");
@@ -640,7 +640,7 @@ const m0 = ({
     Z.avatar,
     Z[`avatar--${t}`],
     n ? Z["avatar--bordered"] : "",
-    _
+    i
   ].filter(Boolean).join(" "), v = () => {
     if (e)
       return /* @__PURE__ */ o(
@@ -649,7 +649,7 @@ const m0 = ({
           src: e,
           alt: r ? `${r} avatar` : "Avatar",
           className: Z.avatar__image,
-          onError: i
+          onError: _
         }
       );
     if (r) {
@@ -701,7 +701,7 @@ const m0 = ({
   overlap: a = !0,
   className: n = ""
 }) => {
-  const s = e.slice(0, r), _ = e.length - s.length;
+  const s = e.slice(0, r), i = e.length - s.length;
   return /* @__PURE__ */ b(
     "div",
     {
@@ -711,10 +711,10 @@ const m0 = ({
         n
       ].filter(Boolean).join(" "),
       children: [
-        s.map((i, l) => /* @__PURE__ */ o("div", { className: G.avatarGroup__item, children: /* @__PURE__ */ o(r2, { ...i, size: t }) }, l)),
-        _ > 0 && /* @__PURE__ */ b("div", { className: `${G.avatarGroup__item} ${G.avatarGroup__more}`, children: [
+        s.map((_, l) => /* @__PURE__ */ o("div", { className: G.avatarGroup__item, children: /* @__PURE__ */ o(r2, { ..._, size: t }) }, l)),
+        i > 0 && /* @__PURE__ */ b("div", { className: `${G.avatarGroup__item} ${G.avatarGroup__more}`, children: [
           "+",
-          _
+          i
         ] })
       ]
     }
@@ -753,7 +753,7 @@ const m0 = ({
       }
     )
   }
-), s2 = "_focus_rofil_550", _2 = "_swap_rofil_632", i2 = "_swap__content_rofil_688", l2 = "_spinner_rofil_780", d2 = "_spinner__label_rofil_842", E = {
+), s2 = "_focus_rofil_550", _2 = "_swap_rofil_632", i2 = "_swap__content_rofil_688", l2 = "_spinner_rofil_780", d2 = "_spinner__label_rofil_842", T = {
   focus: s2,
   "focus--default": "_focus--default_rofil_567",
   "focus--danger": "_focus--danger_rofil_571",
@@ -803,17 +803,17 @@ const m0 = ({
   label: a,
   labelPosition: n = "bottom"
 }) => {
-  const s = !!a, _ = [
-    E["spinner-container"],
-    s && E[`spinner-container--label-${n}`],
+  const s = !!a, i = [
+    T["spinner-container"],
+    s && T[`spinner-container--label-${n}`],
     t
-  ].filter(Boolean).join(" "), i = [
-    E.spinner,
-    E[`spinner--${e}`],
-    E[`spinner--${r}`]
+  ].filter(Boolean).join(" "), _ = [
+    T.spinner,
+    T[`spinner--${e}`],
+    T[`spinner--${r}`]
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ b("div", { className: _, children: [
-    /* @__PURE__ */ o("div", { className: i, children: (() => {
+  return /* @__PURE__ */ b("div", { className: i, children: [
+    /* @__PURE__ */ o("div", { className: _, children: (() => {
       switch (e) {
         case "xs":
           return /* @__PURE__ */ o("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ o("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.0271 9.32414C11.5487 8.54345 11.8786 7.65462 11.9948 6.7298C12.0466 6.31739 11.7048 5.97912 11.2891 5.97912C10.8735 5.97912 10.5431 6.3186 10.4746 6.72857C10.1176 8.86575 8.25944 10.4946 6.02088 10.4946C3.52695 10.4946 1.50522 8.47291 1.50522 5.97898C1.50522 3.74035 3.13422 1.88219 5.27149 1.52522C5.68143 1.45675 6.02088 1.1264 6.02088 0.710787C6.02088 0.29517 5.68266 -0.0466028 5.27028 0.00521079C4.34544 0.121414 3.45658 0.451289 2.67586 0.972945C1.68573 1.63453 0.914021 2.57486 0.458315 3.67503C0.00260876 4.7752 -0.116625 5.9858 0.115692 7.15374C0.348009 8.32167 0.921443 9.39449 1.76348 10.2365C2.60551 11.0786 3.67833 11.652 4.84627 11.8843C6.0142 12.1166 7.2248 11.9974 8.32497 11.5417C9.42515 11.086 10.3655 10.3143 11.0271 9.32414Z", fill: "currentColor" }) });
@@ -831,9 +831,9 @@ const m0 = ({
           return null;
       }
     })() }),
-    a && /* @__PURE__ */ o("span", { className: E.spinner__label, "aria-hidden": "true", children: a })
+    a && /* @__PURE__ */ o("span", { className: T.spinner__label, "aria-hidden": "true", children: a })
   ] });
-}, u2 = "_focus_1vdat_550", p2 = "_swap_1vdat_632", f2 = "_swap__content_1vdat_688", h2 = "_button_1vdat_780", g2 = "_sizeL_1vdat_805", w2 = "_sizeM_1vdat_809", C2 = "_sizeS_1vdat_813", v2 = "_iconOnly_1vdat_817", m2 = "_primary_1vdat_829", x2 = "_disabled_1vdat_834", b2 = "_count_1vdat_848", y2 = "_secondary_1vdat_852", z2 = "_ghost_1vdat_875", L2 = "_link_1vdat_898", k2 = "_dangerPrimary_1vdat_927", V2 = "_dangerSecondary_1vdat_953", N2 = "_dangerGhost_1vdat_979", $2 = "_dangerLink_1vdat_1005", q2 = "_open_1vdat_1032", M2 = "_content_1vdat_1044", S2 = "_loader_1vdat_1049", B2 = "_text_1vdat_1055", H2 = "_icon_1vdat_817", I2 = "_chevron_1vdat_1082", Z2 = "_loading_1vdat_1110", y = {
+}, u2 = "_focus_1vdat_550", p2 = "_swap_1vdat_632", f2 = "_swap__content_1vdat_688", h2 = "_button_1vdat_780", w2 = "_sizeL_1vdat_805", g2 = "_sizeM_1vdat_809", C2 = "_sizeS_1vdat_813", v2 = "_iconOnly_1vdat_817", m2 = "_primary_1vdat_829", x2 = "_disabled_1vdat_834", b2 = "_count_1vdat_848", y2 = "_secondary_1vdat_852", z2 = "_ghost_1vdat_875", L2 = "_link_1vdat_898", k2 = "_dangerPrimary_1vdat_927", V2 = "_dangerSecondary_1vdat_953", N2 = "_dangerGhost_1vdat_979", $2 = "_dangerLink_1vdat_1005", q2 = "_open_1vdat_1032", M2 = "_content_1vdat_1044", S2 = "_loader_1vdat_1049", B2 = "_text_1vdat_1055", H2 = "_icon_1vdat_817", I2 = "_chevron_1vdat_1082", Z2 = "_loading_1vdat_1110", y = {
   focus: u2,
   "focus--default": "_focus--default_1vdat_567",
   "focus--danger": "_focus--danger_1vdat_571",
@@ -859,8 +859,8 @@ const m0 = ({
   "swap--with-border": "_swap--with-border_1vdat_718",
   "swap--interactive": "_swap--interactive_1vdat_726",
   button: h2,
-  sizeL: g2,
-  sizeM: w2,
+  sizeL: w2,
+  sizeM: g2,
   sizeS: C2,
   iconOnly: v2,
   primary: m2,
@@ -891,15 +891,15 @@ const m0 = ({
     default:
       return "s";
   }
-}, A2 = w(
+}, A2 = g(
   (e, r) => {
     const {
       size: t = "m",
       variant: a = "primary",
       disabled: n = !1,
       loading: s = !1,
-      active: _ = !1,
-      open: i = !1,
+      active: i = !1,
+      open: _ = !1,
       className: l = "",
       children: d,
       icon: c,
@@ -909,14 +909,14 @@ const m0 = ({
       withChevron: h = !1,
       href: x,
       ...m
-    } = e, N = f === "only" || !d && c, B = h && !N, g = [
+    } = e, N = f === "only" || !d && c, B = h && !N, w = [
       y.button,
       y[`size${t.toUpperCase()}`],
       y[a],
       n && y.disabled,
       s && y.loading,
-      _ && y.active,
-      i && y.open,
+      i && y.active,
+      _ && y.open,
       N && y.iconOnly,
       l
     ].filter(Boolean).join(" "), k = () => /* @__PURE__ */ b(C1, { children: [
@@ -931,12 +931,12 @@ const m0 = ({
     ] });
     if (x) {
       const H = m;
-      return n || s ? /* @__PURE__ */ o("span", { className: g, ...H, children: k() }) : /* @__PURE__ */ o(
+      return n || s ? /* @__PURE__ */ o("span", { className: w, ...H, children: k() }) : /* @__PURE__ */ o(
         "a",
         {
           ref: r,
           href: x,
-          className: g,
+          className: w,
           ...H,
           children: k()
         }
@@ -948,7 +948,7 @@ const m0 = ({
       {
         ref: r,
         type: z,
-        className: g,
+        className: w,
         disabled: n || s,
         "aria-label": N && v ? v : void 0,
         ...M,
@@ -958,8 +958,8 @@ const m0 = ({
   }
 );
 A2.displayName = "Button";
-const T2 = "_focus_17z2d_550", E2 = "_swap_17z2d_632", W2 = "_swap__content_17z2d_688", G2 = "_badge_17z2d_780", F2 = "_badge__part_17z2d_1042", O = {
-  focus: T2,
+const E2 = "_focus_17z2d_550", T2 = "_swap_17z2d_632", W2 = "_swap__content_17z2d_688", G2 = "_badge_17z2d_780", F2 = "_badge__part_17z2d_1042", O = {
+  focus: E2,
   "focus--default": "_focus--default_17z2d_567",
   "focus--danger": "_focus--danger_17z2d_571",
   "focus--visible": "_focus--visible_17z2d_577",
@@ -969,7 +969,7 @@ const T2 = "_focus_17z2d_550", E2 = "_swap_17z2d_632", W2 = "_swap__content_17z2
   "focus--input": "_focus--input_17z2d_607",
   "focus--button": "_focus--button_17z2d_612",
   "focus--card": "_focus--card_17z2d_617",
-  swap: E2,
+  swap: T2,
   "swap--text": "_swap--text_17z2d_641",
   "swap--icon": "_swap--icon_17z2d_652",
   "swap--icon-xs": "_swap--icon-xs_17z2d_662",
@@ -1087,8 +1087,8 @@ const T2 = "_focus_17z2d_550", E2 = "_swap_17z2d_632", W2 = "_swap__content_17z2
   color: a = "default",
   className: n = "",
   children: s,
-  textPosition: _ = "center",
-  ...i
+  textPosition: i = "center",
+  ..._
 }) => {
   const l = !!s, d = [
     R.divider,
@@ -1097,7 +1097,7 @@ const T2 = "_focus_17z2d_550", E2 = "_swap_17z2d_632", W2 = "_swap__content_17z2
     R[`divider--${t}`],
     R[`divider--${a}`],
     l && R["divider--with-text"],
-    l && R[`divider--text-${_}`],
+    l && R[`divider--text-${i}`],
     n
   ].filter(Boolean).join(" ");
   return l && e === "horizontal" ? /* @__PURE__ */ o(
@@ -1106,7 +1106,7 @@ const T2 = "_focus_17z2d_550", E2 = "_swap_17z2d_632", W2 = "_swap__content_17z2
       className: d,
       role: "separator",
       "aria-orientation": e,
-      ...i,
+      ..._,
       children: /* @__PURE__ */ o("span", { className: R.divider__text, children: s })
     }
   ) : /* @__PURE__ */ o(
@@ -1115,22 +1115,22 @@ const T2 = "_focus_17z2d_550", E2 = "_swap_17z2d_632", W2 = "_swap__content_17z2
       className: d,
       role: "separator",
       "aria-orientation": e,
-      ...i
+      ..._
     }
   );
 };
 var K2 = (e) => e.type === "checkbox", F = (e) => e instanceof Date, Q = (e) => e == null;
 const s1 = (e) => typeof e == "object";
-var T = (e) => !Q(e) && !Array.isArray(e) && s1(e) && !F(e), X2 = (e) => T(e) && e.target ? K2(e.target) ? e.target.checked : e.target.value : e, J2 = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, Q2 = (e, r) => e.has(J2(r)), Y2 = (e) => {
+var E = (e) => !Q(e) && !Array.isArray(e) && s1(e) && !F(e), X2 = (e) => E(e) && e.target ? K2(e.target) ? e.target.checked : e.target.value : e, J2 = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, Q2 = (e, r) => e.has(J2(r)), Y2 = (e) => {
   const r = e.constructor && e.constructor.prototype;
-  return T(r) && r.hasOwnProperty("isPrototypeOf");
+  return E(r) && r.hasOwnProperty("isPrototypeOf");
 }, ee = typeof window < "u" && typeof window.HTMLElement < "u" && typeof document < "u";
 function _1(e) {
   let r;
   const t = Array.isArray(e), a = typeof FileList < "u" ? e instanceof FileList : !1;
   if (e instanceof Date)
     r = new Date(e);
-  else if (!(ee && (e instanceof Blob || a)) && (t || T(e)))
+  else if (!(ee && (e instanceof Blob || a)) && (t || E(e)))
     if (r = t ? [] : Object.create(Object.getPrototypeOf(e)), !t && !Y2(e))
       r = e;
     else
@@ -1141,23 +1141,23 @@ function _1(e) {
   return r;
 }
 var i1 = (e) => /^\w*$/.test(e), K = (e) => e === void 0, te = (e) => Array.isArray(e) ? e.filter(Boolean) : [], l1 = (e) => te(e.replace(/["|']|\]/g, "").split(/\.|\[/)), L = (e, r, t) => {
-  if (!r || !T(e))
+  if (!r || !E(e))
     return t;
   const a = (i1(r) ? [r] : l1(r)).reduce((n, s) => Q(n) ? n : n[s], e);
   return K(a) || a === e ? K(e[r]) ? t : e[r] : a;
 }, U = (e) => typeof e == "boolean", e1 = (e, r, t) => {
   let a = -1;
-  const n = i1(r) ? [r] : l1(r), s = n.length, _ = s - 1;
+  const n = i1(r) ? [r] : l1(r), s = n.length, i = s - 1;
   for (; ++a < s; ) {
-    const i = n[a];
+    const _ = n[a];
     let l = t;
-    if (a !== _) {
-      const d = e[i];
-      l = T(d) || Array.isArray(d) ? d : isNaN(+n[a + 1]) ? {} : [];
+    if (a !== i) {
+      const d = e[_];
+      l = E(d) || Array.isArray(d) ? d : isNaN(+n[a + 1]) ? {} : [];
     }
-    if (i === "__proto__" || i === "constructor" || i === "prototype")
+    if (_ === "__proto__" || _ === "constructor" || _ === "prototype")
       return;
-    e[i] = l, e = e[i];
+    e[_] = l, e = e[_];
   }
 };
 const t1 = {
@@ -1175,15 +1175,15 @@ var re = (e, r, t, a = !0) => {
   for (const s in e)
     Object.defineProperty(n, s, {
       get: () => {
-        const _ = s;
-        return r._proxyFormState[_] !== r1.all && (r._proxyFormState[_] = !a || r1.all), t && (t[_] = !0), e[_];
+        const i = s;
+        return r._proxyFormState[i] !== r1.all && (r._proxyFormState[i] = !a || r1.all), t && (t[i] = !0), e[i];
       }
     });
   return n;
 };
 const c1 = typeof window < "u" ? u.useLayoutEffect : u.useEffect;
 function ne(e) {
-  const r = Y(), { control: t = r.control, disabled: a, name: n, exact: s } = e || {}, [_, i] = u.useState(t._formState), l = u.useRef({
+  const r = Y(), { control: t = r.control, disabled: a, name: n, exact: s } = e || {}, [i, _] = u.useState(t._formState), l = u.useRef({
     isDirty: !1,
     isLoading: !1,
     dirtyFields: !1,
@@ -1198,14 +1198,14 @@ function ne(e) {
     formState: l.current,
     exact: s,
     callback: (d) => {
-      !a && i({
+      !a && _({
         ...t._formState,
         ...d
       });
     }
   }), [n, a, s]), u.useEffect(() => {
     l.current.isValid && t._setValid(!0);
-  }, [t]), u.useMemo(() => re(_, t, l.current, !1), [_, t]);
+  }, [t]), u.useMemo(() => re(i, t, l.current, !1), [i, t]);
 }
 var ae = (e) => typeof e == "string", oe = (e, r, t, a, n) => ae(e) ? L(t, e, n) : Array.isArray(e) ? e.map((s) => L(t, s)) : t, n1 = (e) => Q(e) || !s1(e);
 function u1(e, r, t = /* @__PURE__ */ new WeakSet()) {
@@ -1220,27 +1220,27 @@ function u1(e, r, t = /* @__PURE__ */ new WeakSet()) {
     return !0;
   t.add(e), t.add(r);
   for (const s of a) {
-    const _ = e[s];
+    const i = e[s];
     if (!n.includes(s))
       return !1;
     if (s !== "ref") {
-      const i = r[s];
-      if (F(_) && F(i) || T(_) && T(i) || Array.isArray(_) && Array.isArray(i) ? !u1(_, i, t) : _ !== i)
+      const _ = r[s];
+      if (F(i) && F(_) || E(i) && E(_) || Array.isArray(i) && Array.isArray(_) ? !u1(i, _, t) : i !== _)
         return !1;
     }
   }
   return !0;
 }
 function se(e) {
-  const r = Y(), { control: t = r.control, name: a, defaultValue: n, disabled: s, exact: _, compute: i } = e || {}, l = u.useRef(n), d = u.useRef(i), c = u.useRef(void 0);
-  d.current = i;
+  const r = Y(), { control: t = r.control, name: a, defaultValue: n, disabled: s, exact: i, compute: _ } = e || {}, l = u.useRef(n), d = u.useRef(_), c = u.useRef(void 0);
+  d.current = _;
   const f = u.useMemo(() => t._getWatch(a, l.current), [t, a]), [v, p] = u.useState(d.current ? d.current(f) : f);
   return c1(() => t._subscribe({
     name: a,
     formState: {
       values: !0
     },
-    exact: _,
+    exact: i,
     callback: (h) => {
       if (!s) {
         const x = oe(a, t._names, h.values || t._formValues, !1, l.current);
@@ -1251,10 +1251,10 @@ function se(e) {
           p(x);
       }
     }
-  }), [t, s, a, _]), u.useEffect(() => t._removeUnmounted()), v;
+  }), [t, s, a, i]), u.useEffect(() => t._removeUnmounted()), v;
 }
 function p1(e) {
-  const r = Y(), { name: t, disabled: a, control: n = r.control, shouldUnregister: s, defaultValue: _ } = e, i = Q2(n._names.array, t), l = u.useMemo(() => L(n._formValues, t, L(n._defaultValues, t, _)), [n, t, _]), d = se({
+  const r = Y(), { name: t, disabled: a, control: n = r.control, shouldUnregister: s, defaultValue: i } = e, _ = Q2(n._names.array, t), l = u.useMemo(() => L(n._formValues, t, L(n._defaultValues, t, i)), [n, t, i]), d = se({
     control: n,
     name: t,
     defaultValue: l,
@@ -1290,9 +1290,9 @@ function p1(e) {
       enumerable: !0,
       get: () => L(c.errors, t)
     }
-  }), [c, t]), x = u.useCallback((g) => p.current.onChange({
+  }), [c, t]), x = u.useCallback((w) => p.current.onChange({
     target: {
-      value: X2(g),
+      value: X2(w),
       name: t
     },
     type: t1.CHANGE
@@ -1302,13 +1302,13 @@ function p1(e) {
       name: t
     },
     type: t1.BLUR
-  }), [t, n._formValues]), N = u.useCallback((g) => {
+  }), [t, n._formValues]), N = u.useCallback((w) => {
     const k = L(n._fields, t);
-    k && g && (k._f.ref = {
-      focus: () => g.focus && g.focus(),
-      select: () => g.select && g.select(),
-      setCustomValidity: (z) => g.setCustomValidity(z),
-      reportValidity: () => g.reportValidity()
+    k && w && (k._f.ref = {
+      focus: () => w.focus && w.focus(),
+      select: () => w.select && w.select(),
+      setCustomValidity: (z) => w.setCustomValidity(z),
+      reportValidity: () => w.reportValidity()
     });
   }, [n._fields, t]), B = u.useMemo(() => ({
     name: t,
@@ -1319,8 +1319,8 @@ function p1(e) {
     ref: N
   }), [t, a, c.disabled, x, m, N, d]);
   return u.useEffect(() => {
-    const g = n._options.shouldUnregister || s, k = v.current;
-    k && k !== t && !i && n.unregister(k), n.register(t, {
+    const w = n._options.shouldUnregister || s, k = v.current;
+    k && k !== t && !_ && n.unregister(k), n.register(t, {
       ...f.current.rules,
       ...U(f.current.disabled) ? { disabled: f.current.disabled } : {}
     });
@@ -1328,14 +1328,14 @@ function p1(e) {
       const q = L(n._fields, M);
       q && q._f && (q._f.mount = H);
     };
-    if (z(t, !0), g) {
+    if (z(t, !0), w) {
       const M = _1(L(n._options.defaultValues, t, f.current.defaultValue));
       e1(n._defaultValues, t, M), K(L(n._formValues, t)) && e1(n._formValues, t, M);
     }
-    return !i && n.register(t), v.current = t, () => {
-      (i ? g && !n._state.action : g) ? n.unregister(t) : z(t, !1);
+    return !_ && n.register(t), v.current = t, () => {
+      (_ ? w && !n._state.action : w) ? n.unregister(t) : z(t, !1);
     };
-  }, [t, n, i, s]), u.useEffect(() => {
+  }, [t, n, _, s]), u.useEffect(() => {
     n._setDisabledField({
       disabled: a,
       name: t
@@ -1346,7 +1346,7 @@ function p1(e) {
     fieldState: h
   }), [B, c, h]);
 }
-const _e = "_focus_1xn7u_550", ie = "_swap_1xn7u_632", le = "_swap__content_1xn7u_688", de = "_root_1xn7u_780", ce = "_fullWidth_1xn7u_786", ue = "_wrapper_1xn7u_799", pe = "_first_1xn7u_816", fe = "_middle_1xn7u_819", he = "_last_1xn7u_823", ge = "_error_1xn7u_830", we = "_outline_1xn7u_841", Ce = "_fill_1xn7u_852", ve = "_disabled_1xn7u_868", me = "_input_1xn7u_874", xe = "_label_1xn7u_877", be = "_clearButton_1xn7u_880", ye = "_requiredIcon_1xn7u_916", ze = "_filled_1xn7u_924", Le = "_errorText_1xn7u_933", ke = "_single_1xn7u_957", Ve = "_small_1xn7u_1007", Ne = "_medium_1xn7u_1019", $e = "_withPrefix_1xn7u_1078", qe = "_withSuffix_1xn7u_1081", Me = "_innerHint_1xn7u_1183", Se = "_affix_1xn7u_1230", Be = "_prefix_1xn7u_1241", He = "_suffix_1xn7u_1246", C = {
+const _e = "_focus_1xn7u_550", ie = "_swap_1xn7u_632", le = "_swap__content_1xn7u_688", de = "_root_1xn7u_780", ce = "_fullWidth_1xn7u_786", ue = "_wrapper_1xn7u_799", pe = "_first_1xn7u_816", fe = "_middle_1xn7u_819", he = "_last_1xn7u_823", we = "_error_1xn7u_830", ge = "_outline_1xn7u_841", Ce = "_fill_1xn7u_852", ve = "_disabled_1xn7u_868", me = "_input_1xn7u_874", xe = "_label_1xn7u_877", be = "_clearButton_1xn7u_880", ye = "_requiredIcon_1xn7u_916", ze = "_filled_1xn7u_924", Le = "_errorText_1xn7u_933", ke = "_single_1xn7u_957", Ve = "_small_1xn7u_1007", Ne = "_medium_1xn7u_1019", $e = "_withPrefix_1xn7u_1078", qe = "_withSuffix_1xn7u_1081", Me = "_innerHint_1xn7u_1183", Se = "_affix_1xn7u_1230", Be = "_prefix_1xn7u_1241", He = "_suffix_1xn7u_1246", C = {
   focus: _e,
   "focus--default": "_focus--default_1xn7u_567",
   "focus--danger": "_focus--danger_1xn7u_571",
@@ -1377,8 +1377,8 @@ const _e = "_focus_1xn7u_550", ie = "_swap_1xn7u_632", le = "_swap__content_1xn7
   first: pe,
   middle: fe,
   last: he,
-  error: ge,
-  outline: we,
+  error: we,
+  outline: ge,
   fill: Ce,
   disabled: ve,
   input: me,
@@ -1396,7 +1396,7 @@ const _e = "_focus_1xn7u_550", ie = "_swap_1xn7u_632", le = "_swap__content_1xn7
   affix: Se,
   prefix: Be,
   suffix: He
-}, f1 = w(
+}, f1 = g(
   ({
     className: e,
     disabled: r,
@@ -1404,8 +1404,8 @@ const _e = "_focus_1xn7u_550", ie = "_swap_1xn7u_632", le = "_swap__content_1xn7
     showErrorMessage: a = !0,
     hint: n,
     isRequired: s,
-    label: _,
-    id: i,
+    label: i,
+    id: _,
     clearable: l = !1,
     variant: d = "outline",
     size: c = "small",
@@ -1417,11 +1417,11 @@ const _e = "_focus_1xn7u_550", ie = "_swap_1xn7u_632", le = "_swap__content_1xn7
     onChange: m,
     type: N = "text",
     fullWidth: B = !0,
-    ...g
+    ...w
   }, k) => {
-    const z = h !== void 0, [M, H] = a1(x?.toString() ?? ""), q = z ? h : M, j = !!q && q.toString().length > 0, g1 = (D) => {
+    const z = h !== void 0, [M, H] = a1(x?.toString() ?? ""), q = z ? h : M, j = !!q && q.toString().length > 0, w1 = (D) => {
       z || H(D.target.value), m?.(D);
-    }, w1 = () => {
+    }, g1 = () => {
       if (r) return;
       z || H(""), m?.({
         target: { value: "" },
@@ -1450,19 +1450,19 @@ const _e = "_focus_1xn7u_550", ie = "_swap_1xn7u_632", le = "_swap__content_1xn7
             /* @__PURE__ */ o(
               "input",
               {
-                id: i,
+                id: _,
                 ref: k,
                 disabled: r,
                 value: q,
-                onChange: g1,
+                onChange: w1,
                 className: C.input,
                 type: N,
                 placeholder: "",
-                ...g
+                ...w
               }
             ),
-            _ && /* @__PURE__ */ b("label", { htmlFor: i, className: V(C.label), children: [
-              _,
+            i && /* @__PURE__ */ b("label", { htmlFor: _, className: V(C.label), children: [
+              i,
               s && /* @__PURE__ */ o(J, { className: C.requiredIcon })
             ] }),
             n && !t && !j && /* @__PURE__ */ o("span", { className: C.innerHint, children: n }),
@@ -1471,7 +1471,7 @@ const _e = "_focus_1xn7u_550", ie = "_swap_1xn7u_632", le = "_swap__content_1xn7
               {
                 type: "button",
                 className: C.clearButton,
-                onClick: w1,
+                onClick: g1,
                 "aria-label": "Очистить поле",
                 children: /* @__PURE__ */ o(X, {})
               }
@@ -1503,11 +1503,11 @@ const L0 = ({
     {
       ...n,
       ...a,
-      error: t?.message,
+      error: t?.message || "",
       "aria-invalid": s
     }
   );
-}, Ie = "_focus_iyomv_550", Ze = "_swap_iyomv_632", Re = "_swap__content_iyomv_688", Ae = "_root_iyomv_780", Te = "_fullWidth_iyomv_785", Ee = "_hasGroupError_iyomv_791", We = "_wrapper_iyomv_791", Ge = "_hasChildErrors_iyomv_802", Fe = "_container_iyomv_811", Oe = "_vertical_iyomv_815", Pe = "_inputWrapper_iyomv_818", je = "_horizontal_iyomv_833", De = "_groupError_iyomv_863", I = {
+}, Ie = "_focus_iyomv_550", Ze = "_swap_iyomv_632", Re = "_swap__content_iyomv_688", Ae = "_root_iyomv_780", Ee = "_fullWidth_iyomv_785", Te = "_hasGroupError_iyomv_791", We = "_wrapper_iyomv_791", Ge = "_hasChildErrors_iyomv_802", Fe = "_container_iyomv_811", Oe = "_vertical_iyomv_815", Pe = "_inputWrapper_iyomv_818", je = "_horizontal_iyomv_833", De = "_groupError_iyomv_863", I = {
   focus: Ie,
   "focus--default": "_focus--default_iyomv_567",
   "focus--danger": "_focus--danger_iyomv_571",
@@ -1533,8 +1533,8 @@ const L0 = ({
   "swap--with-border": "_swap--with-border_iyomv_718",
   "swap--interactive": "_swap--interactive_iyomv_726",
   root: Ae,
-  fullWidth: Te,
-  hasGroupError: Ee,
+  fullWidth: Ee,
+  hasGroupError: Te,
   wrapper: We,
   hasChildErrors: Ge,
   container: Fe,
@@ -1542,7 +1542,7 @@ const L0 = ({
   inputWrapper: Pe,
   horizontal: je,
   groupError: De
-}, h1 = w(
+}, h1 = g(
   ({
     children: e,
     direction: r = "vertical",
@@ -1550,13 +1550,13 @@ const L0 = ({
     className: a,
     groupError: n,
     showGroupErrorMessage: s = !0,
-    ..._
-  }, i) => {
+    ...i
+  }, _) => {
     const l = Array.isArray(e) ? e : [e], d = l.length, c = l.map((h) => h.props.error).filter(Boolean), f = !!n, v = c.length > 0, p = n || c.join(", ");
     return /* @__PURE__ */ b(
       "div",
       {
-        ref: i,
+        ref: _,
         className: V(
           I.root,
           I[r],
@@ -1567,7 +1567,7 @@ const L0 = ({
           },
           a
         ),
-        ..._,
+        ...i,
         children: [
           /* @__PURE__ */ o("div", { className: V(I.container, I[r]), children: l.map((h, x) => {
             const m = x === 0 ? "first" : x === d - 1 ? "last" : "middle", N = u.cloneElement(h, {
@@ -1596,23 +1596,16 @@ const k0 = ({
   const s = e ? p1({
     name: e,
     control: r
-  }) : null, _ = t || s?.fieldState.error;
-  return /* @__PURE__ */ b("div", { children: [
-    /* @__PURE__ */ o(h1, { ...n, children: a }),
-    _?.message && /* @__PURE__ */ o(
-      "span",
-      {
-        className: "input-group-error",
-        style: {
-          color: "var(--color-danger-500)",
-          fontSize: "var(--font-size-s)",
-          marginTop: "var(--spacing-2xs)",
-          display: "block"
-        },
-        children: _.message
-      }
-    )
-  ] });
+  }) : null, _ = (t || s?.fieldState.error)?.message || "";
+  return /* @__PURE__ */ o(
+    h1,
+    {
+      ...n,
+      groupError: _,
+      showGroupErrorMessage: !0,
+      children: a
+    }
+  );
 }, Ue = "_focus_f2n8z_550", Ke = "_swap_f2n8z_632", Xe = "_swap__content_f2n8z_688", Je = "_pageContainer_f2n8z_780", Qe = "_white_f2n8z_787", Ye = "_gray_f2n8z_790", e0 = "_content_f2n8z_883", S = {
   focus: Ue,
   "focus--default": "_focus--default_f2n8z_567",
@@ -1681,8 +1674,8 @@ const k0 = ({
   direction: a = "column",
   justify: n = "start",
   align: s = "stretch",
-  padding: _ = "m",
-  margin: i = "none",
+  padding: i = "m",
+  margin: _ = "none",
   maxWidth: l = "full",
   className: d
 }) => /* @__PURE__ */ o(
@@ -1692,8 +1685,8 @@ const k0 = ({
       S.pageContainer,
       S[r],
       S[`layout-${t}`],
-      S[`padding-${_}`],
-      S[`margin-${i}`],
+      S[`padding-${i}`],
+      S[`margin-${_}`],
       S[`maxWidth-${l}`],
       d
     ),
@@ -1712,7 +1705,7 @@ const k0 = ({
       }
     )
   }
-), t0 = "_focus_ehd4r_550", r0 = "_swap_ehd4r_632", n0 = "_swap__content_ehd4r_688", a0 = "_root_ehd4r_780", o0 = "_wrapper_ehd4r_787", s0 = "_outline_ehd4r_794", _0 = "_fill_ehd4r_804", i0 = "_error_ehd4r_813", l0 = "_disabled_ehd4r_823", d0 = "_textarea_ehd4r_828", c0 = "_label_ehd4r_851", u0 = "_required_ehd4r_866", p0 = "_filled_ehd4r_875", f0 = "_clearButton_ehd4r_894", h0 = "_errorText_ehd4r_919", g0 = "_innerHint_ehd4r_925", $ = {
+), t0 = "_focus_ehd4r_550", r0 = "_swap_ehd4r_632", n0 = "_swap__content_ehd4r_688", a0 = "_root_ehd4r_780", o0 = "_wrapper_ehd4r_787", s0 = "_outline_ehd4r_794", _0 = "_fill_ehd4r_804", i0 = "_error_ehd4r_813", l0 = "_disabled_ehd4r_823", d0 = "_textarea_ehd4r_828", c0 = "_label_ehd4r_851", u0 = "_required_ehd4r_866", p0 = "_filled_ehd4r_875", f0 = "_clearButton_ehd4r_894", h0 = "_errorText_ehd4r_919", w0 = "_innerHint_ehd4r_925", $ = {
   focus: t0,
   "focus--default": "_focus--default_ehd4r_567",
   "focus--danger": "_focus--danger_ehd4r_571",
@@ -1749,8 +1742,8 @@ const k0 = ({
   filled: p0,
   clearButton: f0,
   errorText: h0,
-  innerHint: g0
-}, w0 = w(
+  innerHint: w0
+}, g0 = g(
   ({
     className: e,
     disabled: r,
@@ -1758,8 +1751,8 @@ const k0 = ({
     hint: a,
     isRequired: n,
     label: s,
-    id: _,
-    maxLength: i,
+    id: i,
+    maxLength: _,
     onChange: l,
     rows: d = 4,
     clearable: c = !1,
@@ -1768,7 +1761,7 @@ const k0 = ({
     defaultValue: p,
     ...h
   }, x) => {
-    const m = v !== void 0, [N, B] = a1(p?.toString() ?? ""), g = m ? v : N, z = (g?.toString() ?? "").length > 0, M = (q) => {
+    const m = v !== void 0, [N, B] = a1(p?.toString() ?? ""), w = m ? v : N, z = (w?.toString() ?? "").length > 0, M = (q) => {
       m || B(q.target.value), l?.(q);
     }, H = () => {
       r || (m || B(""), l?.({
@@ -1789,18 +1782,18 @@ const k0 = ({
             /* @__PURE__ */ o(
               "textarea",
               {
-                id: _,
+                id: i,
                 ref: x,
                 disabled: r,
-                maxLength: i,
+                maxLength: _,
                 rows: d,
                 className: $.textarea,
-                value: g,
+                value: w,
                 onChange: M,
                 ...h
               }
             ),
-            s && /* @__PURE__ */ b("label", { htmlFor: _, className: $.label, children: [
+            s && /* @__PURE__ */ b("label", { htmlFor: i, className: $.label, children: [
               s,
               n && /* @__PURE__ */ o(J, { className: $.required })
             ] }),
@@ -1822,7 +1815,7 @@ const k0 = ({
     ] });
   }
 );
-w0.displayName = "TextArea";
+g0.displayName = "TextArea";
 export {
   v1 as AlertsBellIcon,
   m1 as ArrowChevronLeftIcon,
@@ -1852,7 +1845,7 @@ export {
   c2 as Spinner,
   q1 as SwapIcon,
   M1 as TelegramIcon,
-  w0 as TextArea,
+  g0 as TextArea,
   S1 as TimeCalendarV2Icon,
   P as Typography,
   B1 as VKIcon