@sberbusiness/triplex-next 0.1.5 → 0.1.6

package/chunks/{index-1QUfI5kD.js → index-CLQ4mLUp.js}

@@ -1,7 +1,7 @@
-import { s as ue, D as Ge } from "./DropdownListItem-CwqothNf.js";
+import { s as ue, D as Ge } from "./DropdownListItem-CM0DOekv.js";
 import { DropdownMobile as $e } from "../components/Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody as ve } from "../components/Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileClose as Le } from "../components/Dropdown/mobile/DropdownMobileClose.js";
+import { DropdownMobileBody as Le } from "../components/Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as ve } from "../components/Dropdown/mobile/DropdownMobileClose.js";
 import "../components/Dropdown/mobile/DropdownMobileFooter.js";
 import { DropdownMobileHeader as Te } from "../components/Dropdown/mobile/DropdownMobileHeader.js";
 import "../components/Dropdown/mobile/DropdownMobileInner.js";
@@ -17,7 +17,7 @@ import { FormFieldDescription as He } from "../components/FormField/components/F
 import { FormFieldCounter as Ke } from "../components/FormField/components/FormFieldCounter.js";
 import { FormFieldLabel as Ve } from "../components/FormField/components/FormFieldLabel.js";
 import "../components/FormField/components/FormFieldClear.js";
-import { s as je, F as Me } from "./FormFieldInput-Cmc0beZ5.js";
+import { s as je, F as Me } from "./FormFieldInput-3TmHcNY0.js";
 import { FormFieldPostfix as Ye } from "../components/FormField/components/FormFieldPostfix.js";
 import { FormFieldPrefix as qe } from "../components/FormField/components/FormFieldPrefix.js";
 import "../components/FormField/components/FormFieldTextarea.js";
@@ -27,7 +27,7 @@ import "../components/List/ListSortable.js";
 import { ListItem as xe } from "../components/List/components/ListItem.js";
 import { ListItemControls as Je } from "../components/List/components/ListItemControls.js";
 import { ListItemContent as Qe } from "../components/List/components/ListItemContent.js";
-import { s as fe, L as Xe } from "./ListItemControlsButton-Bn_onrHQ.js";
+import { s as fe, L as Xe } from "./ListItemControlsButton-BpUzyKya.js";
 import "../components/List/components/ListEmptyState.js";
 import "../components/List/components/ListItemLoading.js";
 import { ListItemSelectable as Ze } from "../components/List/components/ListItemSelectable.js";
@@ -101,37 +101,37 @@ import "../components/Card/CardStatic.js";
 import { useToken as mt } from "../components/ThemeProvider/useToken.js";
 import { MobileView as ut } from "../components/MobileView/MobileView.js";
 import { DotshorizontalStrokeSrvIcon24 as ft, CaretdownStrokeSrvIcon24 as ge } from "@sberbusiness/icons-next";
-import { ELoaderSmallTheme as we, ELoaderSmallSize as se } from "../components/Loader/LoaderSmall/enum.js";
-const pt = "button__8910c7ff", gt = "sm__ffd8f060", wt = "icon__5d27a691", ht = "md__ec3c74a5", _t = "lg__e0998e4c", bt = "block__17df638d", Dt = "content__1c9d29fd", yt = "loading__586c9495", St = "loader__9cee93d4", Nt = "hidden__c7ae5934", z = {
+import { ELoaderSmallTheme as be, ELoaderSmallSize as se } from "../components/Loader/LoaderSmall/enum.js";
+const pt = "button__9e90103a", gt = "sm__7431abb2", bt = "icon__e6d198b8", wt = "md__85c5af41", ht = "lg__bb71fc01", _t = "block__3eb3cf09", Dt = "content__080b748a", yt = "loading__0b417097", St = "loader__81ee9104", Nt = "hidden__8825f7da", z = {
   button: pt,
   sm: gt,
-  icon: wt,
-  md: ht,
-  lg: _t,
-  block: bt,
+  icon: bt,
+  md: wt,
+  lg: ht,
+  block: _t,
   content: Dt,
   loading: yt,
   loader: St,
   hidden: Nt
-}, Et = "general__c057556c", It = "expanded__06deac29", he = {
+}, Et = "general__81e93e72", It = "expanded__1a4fe561", we = {
   general: Et,
   expanded: It
-}, vt = "secondary__f6c41ae8", Lt = "expanded__06deac29", _e = {
-  secondary: vt,
-  expanded: Lt
-}, Tt = "danger__f76cb1c3", Ct = "expanded__06deac29", be = {
+}, Lt = "secondary__2e3a9d2c", vt = "expanded__1a4fe561", he = {
+  secondary: Lt,
+  expanded: vt
+}, Tt = "danger__90b972ec", Ct = "expanded__1a4fe561", _e = {
   danger: Tt,
   expanded: Ct
-}, Rt = "link__2f3bfa7d", De = {
+}, Rt = "link__30361d77", De = {
   link: Rt
 }, kt = (d, t) => {
   switch (d) {
     case $.GENERAL:
-      return { [he.general]: !0, [he.expanded]: t };
+      return { [we.general]: !0, [we.expanded]: t };
     case $.SECONDARY:
-      return { [_e.secondary]: !0, [_e.expanded]: t };
+      return { [he.secondary]: !0, [he.expanded]: t };
     case $.DANGER:
-      return { [be.danger]: !0, [be.expanded]: t };
+      return { [_e.danger]: !0, [_e.expanded]: t };
     case $.LINK:
       return { [De.link]: !0, [De.expanded]: t };
   }
@@ -145,27 +145,27 @@ const pt = "button__8910c7ff", gt = "sm__ffd8f060", wt = "icon__5d27a691", ht =
       return z.sm;
   }
 }, xt = (d, t) => {
-  const m = d === $.SECONDARY ? we.BRAND : we.NEUTRAL, o = t === P.SM ? se.SM : t === P.LG ? se.LG : se.MD;
+  const m = d === $.SECONDARY ? be.BRAND : be.NEUTRAL, o = t === P.SM ? se.SM : t === P.LG ? se.LG : se.MD;
   return /* @__PURE__ */ r(at, { theme: m, size: o });
 }, ie = x.forwardRef((d, t) => {
-  const { children: m, className: o, disabled: p, theme: u, size: i = P.MD, block: a, loading: c, icon: h, ...b } = d, { "aria-expanded": v } = d, y = k(
+  const { children: m, className: o, disabled: p, theme: u, size: i = P.MD, block: a, loading: c, icon: w, ..._ } = d, { "aria-expanded": L } = d, y = k(
     z.button,
-    kt(u, !!v),
+    kt(u, !!L),
     Mt(i),
     { [z.block]: !!a, [z.loading]: !!c },
-    { [z.icon]: !!h && !m },
+    { [z.icon]: !!w && !m },
     // Классы для иконок, начало.
     "hoverable",
     {
-      active: !!v,
+      active: !!L,
       disabled: !!p
     },
     // Классы для иконок, конец.
     o
   );
-  return /* @__PURE__ */ F(ke, { className: y, tabIndex: c ? -1 : void 0, disabled: p, ...b, ref: t, children: [
+  return /* @__PURE__ */ F(ke, { className: y, tabIndex: c ? -1 : void 0, disabled: p, ..._, ref: t, children: [
     /* @__PURE__ */ F("span", { className: z.content, children: [
-      h,
+      w,
       m
     ] }),
     /* @__PURE__ */ r("div", { className: k(z.loader, !c && z.hidden), children: xt(u, i) })
@@ -173,67 +173,67 @@ const pt = "button__8910c7ff", gt = "sm__ffd8f060", wt = "icon__5d27a691", ht =
 });
 ie.displayName = "Button";
 const K = (d) => {
-  const { children: t, className: m, dropdownOpened: o, listRef: p, size: u = J.MD, ...i } = d, a = k(ue.dropdownList, m, ue[`dropdownList-${u}`]), { activeDescendant: c, setActiveDescendant: h } = ae(le), b = p || x.createRef(), v = O([]), [y, N] = j(void 0), E = x.Children.count(t), M = (w) => {
+  const { children: t, className: m, dropdownOpened: o, listRef: p, size: u = J.MD, ...i } = d, a = k(ue.dropdownList, m, ue[`dropdownList-${u}`]), { activeDescendant: c, setActiveDescendant: w } = ae(le), _ = p || x.createRef(), L = O([]), [y, N] = j(void 0), E = x.Children.count(t), M = (b) => {
     const n = x.createRef();
-    return v.current[w] = n, n;
-  }, I = (w) => {
-    var L;
-    const n = b == null ? void 0 : b.current, _ = (L = v.current[w]) == null ? void 0 : L.current;
-    if (n && _) {
-      const { top: e, bottom: s } = n.getBoundingClientRect(), { top: f, bottom: D } = _.getBoundingClientRect(), l = 4;
+    return L.current[b] = n, n;
+  }, I = (b) => {
+    var v;
+    const n = _ == null ? void 0 : _.current, h = (v = L.current[b]) == null ? void 0 : v.current;
+    if (n && h) {
+      const { top: e, bottom: s } = n.getBoundingClientRect(), { top: f, bottom: D } = h.getBoundingClientRect(), l = 4;
       e > f ? n.scrollTop = n.scrollTop - e + f - l : D > s && (n.scrollTop = n.scrollTop + D - s + l);
     }
   }, C = () => {
-    const w = b == null ? void 0 : b.current;
-    w && (w.scrollTop = 0);
+    const b = _ == null ? void 0 : _.current;
+    b && (b.scrollTop = 0);
   };
   W(() => {
     if (!o)
       return;
-    const w = (n) => {
-      const { keyCode: _ } = n, L = E, e = y;
+    const b = (n) => {
+      const { keyCode: h } = n, v = E, e = y;
       let s;
-      _ === pe.ARROW_DOWN ? (e !== void 0 && e < L - 1 ? s = e + 1 : s = 0, n.preventDefault()) : _ === pe.ARROW_UP && (e !== void 0 && e > 0 ? s = e - 1 : s = L - 1, n.preventDefault()), s !== void 0 && e !== s && (I(s), N(s));
+      h === pe.ARROW_DOWN ? (e !== void 0 && e < v - 1 ? s = e + 1 : s = 0, n.preventDefault()) : h === pe.ARROW_UP && (e !== void 0 && e > 0 ? s = e - 1 : s = v - 1, n.preventDefault()), s !== void 0 && e !== s && (I(s), N(s));
     };
-    return document.addEventListener("keydown", w), () => {
-      document.removeEventListener("keydown", w);
+    return document.addEventListener("keydown", b), () => {
+      document.removeEventListener("keydown", b);
     };
   }, [o, y, E]), W(() => {
     if (!o)
       return;
-    let w = !1;
-    x.Children.forEach(t, (n, _) => {
-      n && n.props && n.props.selected && (w = !0, I(_), N(_));
-    }), w || (N(0), C());
+    let b = !1;
+    x.Children.forEach(t, (n, h) => {
+      n && n.props && n.props.selected && (b = !0, I(h), N(h));
+    }), b || (N(0), C());
   }, [o]), W(() => {
-    var w, n;
+    var b, n;
     if (o && y !== void 0) {
-      h((n = (w = v.current[y]) == null ? void 0 : w.current) == null ? void 0 : n.id);
+      w((n = (b = L.current[y]) == null ? void 0 : b.current) == null ? void 0 : n.id);
       return;
     }
-    !o && c !== void 0 && h();
-  }, [o, y, c, h]), W(() => () => {
-    c !== void 0 && h();
-  }, [c, h]);
-  const A = x.Children.map(t, (w, n) => {
-    if (w)
-      return x.cloneElement(w, {
+    !o && c !== void 0 && w();
+  }, [o, y, c, w]), W(() => () => {
+    c !== void 0 && w();
+  }, [c, w]);
+  const A = x.Children.map(t, (b, n) => {
+    if (b)
+      return x.cloneElement(b, {
         active: o && y === n,
-        onMouseOver: (_) => {
-          var L, e;
-          N(n), (e = (L = w.props).onMouseOver) == null || e.call(L, _);
+        onMouseOver: (h) => {
+          var v, e;
+          N(n), (e = (v = b.props).onMouseOver) == null || e.call(v, h);
         },
         ref: M(n)
       });
   });
-  return /* @__PURE__ */ r("div", { className: a, role: "listbox", ref: b, ...i, children: A });
+  return /* @__PURE__ */ r("div", { className: a, role: "listbox", ref: _, ...i, children: A });
 };
 K.Item = Ge;
-const At = "dropdown__4c322172", Ft = "dropdownOverflowHidden__69339e5b", ye = {
+const At = "dropdown__ff240a21", Ft = "dropdownOverflowHidden__cbaea3f9", ye = {
   dropdown: At,
-  "dropdown-sm": "dropdown-sm__9c888fdc",
-  "dropdown-md": "dropdown-md__a5f23475",
-  "dropdown-lg": "dropdown-lg__4c55b18b",
+  "dropdown-sm": "dropdown-sm__17ef0018",
+  "dropdown-md": "dropdown-md__d8df81ee",
+  "dropdown-lg": "dropdown-lg__8609a077",
   dropdownOverflowHidden: Ft
 }, Se = "dropdownOverflowHidden", ce = x.forwardRef((d, t) => {
   const {
@@ -244,11 +244,11 @@ const At = "dropdown__4c322172", Ft = "dropdownOverflowHidden__69339e5b", ye = {
     direction: i = ee.AUTO,
     opened: a,
     setOpened: c,
-    style: h,
-    targetRef: b,
-    size: v = Q.MD,
+    style: w,
+    targetRef: _,
+    size: L = Q.MD,
     ...y
-  } = d, { scopeClassName: N } = mt(), [E, M] = j({ ...h, opacity: 0 }), I = O(null), C = O({ height: 0, width: 0 }), A = k(ye.dropdown, N, u, ye[`dropdown-${v}`]), w = G(
+  } = d, { scopeClassName: N } = mt(), [E, M] = j({ ...w, opacity: 0 }), I = O(null), C = O({ height: 0, width: 0 }), A = k(ye.dropdown, N, u, ye[`dropdown-${L}`]), b = G(
     (l) => {
       var S;
       (S = I.current) != null && S.contains(l.target) || l.preventDefault();
@@ -259,13 +259,13 @@ const At = "dropdown__4c322172", Ft = "dropdownOverflowHidden__69339e5b", ye = {
       const S = l.code || l.keyCode;
       (T(S, "SPACE") || T(S, "PAGE_UP") || T(S, "PAGE_DOWN") || T(S, "END") || T(S, "HOME") || T(S, "ARROW_LEFT") || T(S, "ARROW_UP") || T(S, "ARROW_RIGHT") || T(S, "ARROW_DOWN")) && l.preventDefault();
     }
-  }, []), _ = G(
+  }, []), h = G(
     /** Запрет скролла всей страницы. */
     (l) => {
-      l ? (document.addEventListener("wheel", w, { passive: !1 }), document.addEventListener("keydown", n)) : (document.removeEventListener("wheel", w), document.removeEventListener("keydown", n));
+      l ? (document.addEventListener("wheel", b, { passive: !1 }), document.addEventListener("keydown", n)) : (document.removeEventListener("wheel", b), document.removeEventListener("keydown", n));
     },
-    [w, n]
-  ), L = G(
+    [b, n]
+  ), v = G(
     (l, S, g) => {
       const R = p ? g.width : Math.max(g.width, S.width);
       m === Z.AUTO ? g.right - R > 0 ? l.left = g.right - R : g.left + R < document.documentElement.clientWidth ? l.left = g.left : l.left = g.right - R : m === Z.RIGHT ? l.left = g.right - R : m === Z.LEFT && (l.left = g.left);
@@ -277,15 +277,15 @@ const At = "dropdown__4c322172", Ft = "dropdownOverflowHidden__69339e5b", ye = {
     },
     [i]
   ), s = G(() => {
-    const { current: l } = I, { current: S } = b;
+    const { current: l } = I, { current: S } = _;
     if (l && S) {
       const g = l.getBoundingClientRect(), R = S.getBoundingClientRect(), Y = {};
-      p ? Y.width = R.width : Y.minWidth = R.width, e(Y, g, R), L(Y, g, R), C.current = { height: g.height, width: g.width }, M({ ...h, ...Y });
+      p ? Y.width = R.width : Y.minWidth = R.width, e(Y, g, R), v(Y, g, R), C.current = { height: g.height, width: g.width }, M({ ...w, ...Y });
     }
-  }, [b, p, h, e, L]);
+  }, [_, p, w, e, v]);
   W(() => {
-    a ? s() : (C.current = { height: 0, width: 0 }, M({ ...h, opacity: 0 }));
-  }, [a, s, h]), W(() => {
+    a ? s() : (C.current = { height: 0, width: 0 }, M({ ...w, opacity: 0 }));
+  }, [a, s, w]), W(() => {
     if (I.current) {
       const { width: l, height: S } = I.current.getBoundingClientRect();
       (l != C.current.width || S != C.current.height) && s();
@@ -296,10 +296,10 @@ const At = "dropdown__4c322172", Ft = "dropdownOverflowHidden__69339e5b", ye = {
   }, [s]);
   W(() => {
     if (a)
-      return document.addEventListener("scroll", f, !0), window.addEventListener("resize", f), _(!0), document.body.classList.add(Se), () => {
-        document.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f), _(!1), document.body.classList.remove(Se);
+      return document.addEventListener("scroll", f, !0), window.addEventListener("resize", f), h(!0), document.body.classList.add(Se), () => {
+        document.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f), h(!1), document.body.classList.remove(Se);
       };
-  }, [a, f, _]);
+  }, [a, f, h]);
   const D = (l) => {
     I.current = l, typeof t == "function" ? t(l) : t && (t.current = l);
   };
@@ -310,7 +310,7 @@ const At = "dropdown__4c322172", Ft = "dropdownOverflowHidden__69339e5b", ye = {
       style: { ...E },
       ref: D,
       ...y,
-      "data-tx": process.env.npm_package_version,
+      "data-tx": "0.1.6",
       children: o
     }
   ) : null;
@@ -331,13 +331,13 @@ const Pe = x.forwardRef(
   }
 );
 Pe.displayName = "Dropdown";
-const Ot = "buttonDropdownExtended__b13d3a5a", Bt = "buttonDropdownExtendedBlock__f1ff881c", Ne = {
+const Ot = "buttonDropdownExtended__eaf7c3e0", Bt = "buttonDropdownExtendedBlock__00adf9e5", Ne = {
   buttonDropdownExtended: Ot,
   buttonDropdownExtendedBlock: Bt
 }, V = (d) => {
-  const { className: t, opened: m, setOpened: o, renderButton: p, renderDropdown: u, dropdownRef: i, closeOnTab: a, ...c } = d, h = O(null), b = O(d.opened !== void 0), [v, y] = j((d.opened === void 0, !1)), N = b.current ? !!m : v, E = G(
+  const { className: t, opened: m, setOpened: o, renderButton: p, renderDropdown: u, dropdownRef: i, closeOnTab: a, ...c } = d, w = O(null), _ = O(d.opened !== void 0), [L, y] = j((d.opened === void 0, !1)), N = _.current ? !!m : L, E = G(
     (I) => {
-      if (b.current) {
+      if (_.current) {
         o && o(I);
         return;
       }
@@ -349,21 +349,21 @@ const Ot = "buttonDropdownExtended__b13d3a5a", Bt = "buttonDropdownExtendedBlock
     if (!N)
       return;
     const I = (A) => {
-      const w = A.code || A.keyCode;
-      N && (T(w, "ESCAPE") || a && T(w, "TAB")) && E(!1);
+      const b = A.code || A.keyCode;
+      N && (T(b, "ESCAPE") || a && T(b, "TAB")) && E(!1);
     }, C = (A) => {
-      const w = h.current, n = i.current;
+      const b = w.current, n = i.current;
       if (N) {
-        const _ = A.target;
-        _ && !(w != null && w.contains(_)) && !(n != null && n.contains(_)) && E(!1);
+        const h = A.target;
+        h && !(b != null && b.contains(h)) && !(n != null && n.contains(h)) && E(!1);
       }
     };
     return document.addEventListener("keydown", I), document.addEventListener("mousedown", C), document.addEventListener("touchstart", C), () => {
       document.removeEventListener("keydown", I), document.removeEventListener("mousedown", C), document.removeEventListener("touchstart", C);
     };
-  }, [N, a, i, E, h]);
+  }, [N, a, i, E, w]);
   const M = k(Ne.buttonDropdownExtended, t);
-  return /* @__PURE__ */ F("div", { className: M, ref: h, ...c, children: [
+  return /* @__PURE__ */ F("div", { className: M, ref: w, ...c, children: [
     p({ opened: N, setOpened: E }),
     u({
       className: Ne.buttonDropdownExtendedBlock,
@@ -374,7 +374,7 @@ const Ot = "buttonDropdownExtended__b13d3a5a", Bt = "buttonDropdownExtendedBlock
 };
 V.Dropdown = Pe;
 V.DropdownList = K;
-const Pt = "buttonDropdown__f439c212", zt = "block__17df638d", Wt = "buttonDropdownTarget__bd73da1d", Gt = "caretIcon__494551a1", $t = "active__fb855fa3", Ut = "buttonDropdownMenuItem__572d173e", B = {
+const Pt = "buttonDropdown__c89a1a0b", zt = "block__3eb3cf09", Wt = "buttonDropdownTarget__735398dd", Gt = "caretIcon__f80cba27", $t = "active__d72757aa", Ut = "buttonDropdownMenuItem__4f070c54", B = {
   buttonDropdown: Pt,
   block: zt,
   buttonDropdownTarget: Wt,
@@ -405,10 +405,10 @@ const Pt = "buttonDropdown__f439c212", zt = "block__17df638d", Wt = "buttonDropd
   }
 }, Vt = x.forwardRef(
   (d, t) => {
-    const { buttonAttributes: m, children: o, className: p, theme: u, size: i, options: a, selected: c, block: h, disabled: b, ...v } = d, y = O(null), N = O(null), E = k(B.buttonDropdown, { [B.block]: !!h }, p), [M, I] = j(), C = O(Fe()), A = ({ opened: f, setOpened: D }) => {
+    const { buttonAttributes: m, children: o, className: p, theme: u, size: i, options: a, selected: c, block: w, disabled: _, ...L } = d, y = O(null), N = O(null), E = k(B.buttonDropdown, { [B.block]: !!w }, p), [M, I] = j(), C = O(Fe()), A = ({ opened: f, setOpened: D }) => {
       const l = k(B.buttonDropdownTarget, "hoverable", {
         [B.active]: f,
-        [B.block]: !!h
+        [B.block]: !!w
       });
       return /* @__PURE__ */ F(
         ie,
@@ -416,9 +416,9 @@ const Pt = "buttonDropdown__f439c212", zt = "block__17df638d", Wt = "buttonDropd
           className: l,
           theme: u,
           size: i,
-          onKeyDown: _({ opened: f, setOpened: D }),
+          onKeyDown: h({ opened: f, setOpened: D }),
           onClick: n({ opened: f, setOpened: D }),
-          disabled: b,
+          disabled: _,
           "aria-haspopup": "menu",
           "aria-expanded": f,
           "aria-controls": C.current,
@@ -427,14 +427,14 @@ const Pt = "buttonDropdown__f439c212", zt = "block__17df638d", Wt = "buttonDropd
           ref: s,
           children: [
             o,
-            L()
+            v()
           ]
         }
       );
-    }, w = ({ opened: f, setOpened: D }) => {
+    }, b = ({ opened: f, setOpened: D }) => {
       const l = k(B.buttonDropdownTarget, "hoverable", {
         [B.active]: f,
-        [B.block]: !!h
+        [B.block]: !!w
       });
       return /* @__PURE__ */ r(
         ie,
@@ -442,9 +442,9 @@ const Pt = "buttonDropdown__f439c212", zt = "block__17df638d", Wt = "buttonDropd
           className: l,
           theme: $.SECONDARY,
           size: i,
-          onKeyDown: _({ opened: f, setOpened: D }),
+          onKeyDown: h({ opened: f, setOpened: D }),
           onClick: n({ opened: f, setOpened: D }),
-          disabled: b,
+          disabled: _,
           "aria-haspopup": "menu",
           "aria-expanded": f,
           "aria-controls": C.current,
@@ -454,10 +454,10 @@ const Pt = "buttonDropdown__f439c212", zt = "block__17df638d", Wt = "buttonDropd
           icon: /* @__PURE__ */ r(ft, { paletteIndex: 0 })
         }
       );
-    }, n = ({ opened: f, setOpened: D }) => () => D(!f), _ = ({ opened: f, setOpened: D }) => (l) => {
+    }, n = ({ opened: f, setOpened: D }) => () => D(!f), h = ({ opened: f, setOpened: D }) => (l) => {
       const { key: S } = l;
       (T(S, "SPACE") || T(S, "ARROW_UP") || T(S, "ARROW_DOWN")) && l.preventDefault(), !f && (T(S, "ARROW_UP") || T(S, "ARROW_DOWN")) && D(!0);
-    }, L = () => {
+    }, v = () => {
       switch (u) {
         case $.GENERAL:
         case $.DANGER:
@@ -483,9 +483,9 @@ const Pt = "buttonDropdown__f439c212", zt = "block__17df638d", Wt = "buttonDropd
             children: /* @__PURE__ */ F(Ae, { children: [
               /* @__PURE__ */ F(Te, { children: [
                 /* @__PURE__ */ r(Oe, { tag: "div", size: Be.B3, children: o }),
-                /* @__PURE__ */ r(Le, { onClick: () => D(!1) })
+                /* @__PURE__ */ r(ve, { onClick: () => D(!1) })
               ] }),
-              /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ r(Ce, { children: a.map((g) => /* @__PURE__ */ ne(
+              /* @__PURE__ */ r(Le, { children: /* @__PURE__ */ r(Ce, { children: a.map((g) => /* @__PURE__ */ ne(
                 Re,
                 {
                   ...g,
@@ -523,22 +523,22 @@ const Pt = "buttonDropdown__f439c212", zt = "block__17df638d", Wt = "buttonDropd
       V,
       {
         className: E,
-        renderButton: u === Ee ? w : A,
+        renderButton: u === Ee ? b : A,
         renderDropdown: e,
         dropdownRef: N,
         closeOnTab: !0,
-        ...v
+        ...L
       }
     );
   }
 );
 Vt.displayName = "ButtonDropdown";
-const jt = "formFieldMaskedInputWrapper__f7f32208", Yt = "formFieldMaskedInputPlaceholder__51439ef0", qt = "formFieldMaskedInput__ecd99046", q = {
+const jt = "formFieldMaskedInputWrapper__18b96804", Yt = "formFieldMaskedInputPlaceholder__5ddbb445", qt = "formFieldMaskedInput__9f3e2c2a", q = {
   formFieldMaskedInputWrapper: jt,
   formFieldMaskedInputPlaceholder: Yt,
-  "size-sm": "size-sm__01125b29",
-  "size-md": "size-md__6784c995",
-  "size-lg": "size-lg__88b39b26",
+  "size-sm": "size-sm__5c0732be",
+  "size-md": "size-md__3275adc6",
+  "size-lg": "size-lg__b7e84fba",
   formFieldMaskedInput: qt
 }, X = ({
   className: d,
@@ -550,11 +550,11 @@ const jt = "formFieldMaskedInputWrapper__f7f32208", Yt = "formFieldMaskedInputPl
   placeholderChar: i = "0",
   placeholderMask: a,
   value: c,
-  ...h
+  ...w
 }) => {
-  const [b, v] = j(""), y = O(!1), { valueExist: N, focused: E, size: M } = ae(dt);
+  const [_, L] = j(""), y = O(!1), { valueExist: N, focused: E, size: M } = ae(dt);
   W(() => {
-    v((() => {
+    L((() => {
       let s = [];
       if (c) {
         const { conformedValue: f } = oe.conformToMask(c.toString(), o, { guide: !0, placeholderChar: i });
@@ -577,7 +577,7 @@ const jt = "formFieldMaskedInputWrapper__f7f32208", Yt = "formFieldMaskedInputPl
     [c, p]
   ), C = () => {
     y.current = !0;
-  }, A = (e, s) => o === X.presets.masks.phone ? e.length ? w(s.rawValue) : e : o === X.presets.masks.swiftCode ? e.toUpperCase() : e, w = (e) => {
+  }, A = (e, s) => o === X.presets.masks.phone ? e.length ? b(s.rawValue) : e : o === X.presets.masks.swiftCode ? e.toUpperCase() : e, b = (e) => {
     let s = [];
     if (y.current) {
       let f = /^[78]((\D*\d)*)/;
@@ -587,9 +587,9 @@ const jt = "formFieldMaskedInputWrapper__f7f32208", Yt = "formFieldMaskedInputPl
       indexesOfPipedChars: s,
       value: oe.conformToMask(e, o, { guide: !1, placeholderChar: i }).conformedValue
     };
-  }, n = () => o === X.presets.masks.phone ? (c = w(c).value, c) : oe.conformToMask(c, o, { guide: !1, placeholderChar: i }).conformedValue, _ = (e) => (s) => {
+  }, n = () => o === X.presets.masks.phone ? (c = b(c).value, c) : oe.conformToMask(c, o, { guide: !1, placeholderChar: i }).conformedValue, h = (e) => (s) => {
     s && e(s), typeof t == "function" ? t(s) : t && (t.current = s);
-  }, L = () => !N && !E || !c && u ? "" : b;
+  }, v = () => !N && !E || !c && u ? "" : _;
   return /* @__PURE__ */ F("div", { className: k(q.formFieldMaskedInputWrapper, q[`size-${M}`]), children: [
     /* @__PURE__ */ r(
       "input",
@@ -600,7 +600,7 @@ const jt = "formFieldMaskedInputWrapper__f7f32208", Yt = "formFieldMaskedInputPl
           d
         ),
         disabled: m,
-        placeholder: L(),
+        placeholder: v(),
         readOnly: !0,
         "aria-hidden": "true",
         tabIndex: -1,
@@ -610,11 +610,11 @@ const jt = "formFieldMaskedInputWrapper__f7f32208", Yt = "formFieldMaskedInputPl
     /* @__PURE__ */ r(
       ot,
       {
-        className: k(q.formFieldMaskedInput, { [q.error]: !!h.error }, d),
+        className: k(q.formFieldMaskedInput, { [q.error]: !!w.error }, d),
         defaultValue: "",
         disabled: m,
         guide: !1,
-        render: (e, s) => /* @__PURE__ */ r(Me, { ...s, value: c, placeholder: u || "", ref: _(e) }),
+        render: (e, s) => /* @__PURE__ */ r(Me, { ...s, value: c, placeholder: u || "", ref: h(e) }),
         mask: o,
         onChange: I,
         onPaste: C,
@@ -622,7 +622,7 @@ const jt = "formFieldMaskedInputWrapper__f7f32208", Yt = "formFieldMaskedInputPl
         value: n(),
         pipe: A,
         type: "text",
-        ...h
+        ...w
       }
     )
   ] });
@@ -655,12 +655,12 @@ const Qt = ({ maskedInputProps: d, ...t }) => /* @__PURE__ */ r(me, { ...t, chil
 Qt.displayName = "MaskedField";
 const Xt = x.forwardRef(
   (d, t) => {
-    const { buttonAttributes: m, children: o, className: p, icon: u, options: i, selected: a, disabled: c, ...h } = d, b = O(null), v = O(null), [y, N] = j(), E = O(Fe()), M = ({ opened: n, setOpened: _ }) => /* @__PURE__ */ r(
+    const { buttonAttributes: m, children: o, className: p, icon: u, options: i, selected: a, disabled: c, ...w } = d, _ = O(null), L = O(null), [y, N] = j(), E = O(Fe()), M = ({ opened: n, setOpened: h }) => /* @__PURE__ */ r(
       Xe,
       {
         className: "hoverable",
-        onKeyDown: C({ opened: n, setOpened: _ }),
-        onClick: I({ opened: n, setOpened: _ }),
+        onKeyDown: C({ opened: n, setOpened: h }),
+        onClick: I({ opened: n, setOpened: h }),
         disabled: c,
         "aria-haspopup": "menu",
         "aria-expanded": n,
@@ -668,27 +668,27 @@ const Xt = x.forwardRef(
         "aria-activedescendant": y,
         icon: u,
         ...m,
-        ref: w,
+        ref: b,
         children: o
       }
-    ), I = ({ opened: n, setOpened: _ }) => () => _(!n), C = ({ opened: n, setOpened: _ }) => (L) => {
-      const { key: e } = L;
-      (T(e, "SPACE") || T(e, "ARROW_UP") || T(e, "ARROW_DOWN")) && L.preventDefault(), !n && (T(e, "ARROW_UP") || T(e, "ARROW_DOWN")) && _(!0);
-    }, A = ({ opened: n, setOpened: _, className: L }) => /* @__PURE__ */ r(le.Provider, { value: { activeDescendant: y, setActiveDescendant: N }, children: /* @__PURE__ */ r(
+    ), I = ({ opened: n, setOpened: h }) => () => h(!n), C = ({ opened: n, setOpened: h }) => (v) => {
+      const { key: e } = v;
+      (T(e, "SPACE") || T(e, "ARROW_UP") || T(e, "ARROW_DOWN")) && v.preventDefault(), !n && (T(e, "ARROW_UP") || T(e, "ARROW_DOWN")) && h(!0);
+    }, A = ({ opened: n, setOpened: h, className: v }) => /* @__PURE__ */ r(le.Provider, { value: { activeDescendant: y, setActiveDescendant: N }, children: /* @__PURE__ */ r(
       V.Dropdown,
       {
-        className: L,
+        className: v,
         opened: n,
-        setOpened: _,
-        targetRef: b,
-        ref: v,
+        setOpened: h,
+        targetRef: _,
+        ref: L,
         mobileViewProps: {
           children: /* @__PURE__ */ F(Ae, { children: [
             /* @__PURE__ */ F(Te, { children: [
               /* @__PURE__ */ r(Oe, { tag: "div", size: Be.B1, children: o }),
-              /* @__PURE__ */ r(Le, { onClick: () => _(!1) })
+              /* @__PURE__ */ r(ve, { onClick: () => h(!1) })
             ] }),
-            /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ r(Ce, { children: i.map((e) => /* @__PURE__ */ ne(
+            /* @__PURE__ */ r(Le, { children: /* @__PURE__ */ r(Ce, { children: i.map((e) => /* @__PURE__ */ ne(
               Re,
               {
                 ...e,
@@ -696,7 +696,7 @@ const Xt = x.forwardRef(
                 selected: e.id === (a == null ? void 0 : a.id),
                 onSelect: () => {
                   var s;
-                  (s = e.onSelect) == null || s.call(e), _(!1);
+                  (s = e.onSelect) == null || s.call(e), h(!1);
                 }
               },
               e.label
@@ -712,14 +712,14 @@ const Xt = x.forwardRef(
             selected: e.id === (a == null ? void 0 : a.id),
             onSelect: () => {
               var s;
-              (s = e.onSelect) == null || s.call(e), _(!1);
+              (s = e.onSelect) == null || s.call(e), h(!1);
             }
           },
           e.label
         )) })
       }
-    ) }), w = (n) => {
-      b.current = n, typeof t == "function" ? t(n) : t && (t.current = n);
+    ) }), b = (n) => {
+      _.current = n, typeof t == "function" ? t(n) : t && (t.current = n);
     };
     return /* @__PURE__ */ r(
       V,
@@ -727,19 +727,19 @@ const Xt = x.forwardRef(
         className: k(fe.listItemControlsButtonDropdown, p),
         renderButton: M,
         renderDropdown: A,
-        dropdownRef: v,
+        dropdownRef: L,
         closeOnTab: !0,
-        ...h
+        ...w
       }
     );
   }
 );
 Xt.displayName = "ListItemControlsButtonDropdown";
-const Zt = "listItemTable__c23ebd1e", eo = {
+const Zt = "listItemTable__24471b8b", eo = {
   listItemTable: Zt
 }, to = x.forwardRef(
   ({ children: d, className: t, controlButtons: m, onClickItem: o, onSelect: p, selected: u, swipeableAreaRef: i, ...a }, c) => {
-    const h = typeof p < "u" && typeof u < "u", b = () => /* @__PURE__ */ r(Qe, { onClick: o, children: d });
+    const w = typeof p < "u" && typeof u < "u", _ = () => /* @__PURE__ */ r(Qe, { onClick: o, children: d });
     return /* @__PURE__ */ r(xe, { className: k(eo.listItemTable, t), ...a, ref: c, children: /* @__PURE__ */ F(
       lt,
       {
@@ -747,19 +747,19 @@ const Zt = "listItemTable__c23ebd1e", eo = {
         rightSwipeableArea: m ? /* @__PURE__ */ r(Je, { children: m }) : void 0,
         children: [
           /* @__PURE__ */ r(et, {}),
-          h ? /* @__PURE__ */ r(Ze, { selected: u, onSelect: p, children: b() }) : b()
+          w ? /* @__PURE__ */ r(Ze, { selected: u, onSelect: p, children: _() }) : _()
         ]
       }
     ) });
   }
 );
 to.displayName = "ListItemTable";
-const oo = "listSortableItem__ac9c3ac1", no = "dragging__0dd5f38b", Ie = {
+const oo = "listSortableItem__b60fab31", no = "dragging__e893fe3f", Ie = {
   listSortableItem: oo,
   dragging: no
 }, ro = Object.assign(
   x.forwardRef(function({ children: t, className: m, style: o, disabled: p, ...u }, i) {
-    const { transform: a, transition: c, listeners: h, isDragging: b, setNodeRef: v, setActivatorNodeRef: y } = nt({
+    const { transform: a, transition: c, listeners: w, isDragging: _, setNodeRef: L, setActivatorNodeRef: y } = nt({
       disabled: p,
       id: u.id,
       transition: {
@@ -767,16 +767,16 @@ const oo = "listSortableItem__ac9c3ac1", no = "dragging__0dd5f38b", Ie = {
         easing: "ease-out"
       }
     }), N = (E) => {
-      v(E), typeof i == "function" ? i(E) : i && (i.current = E);
+      L(E), typeof i == "function" ? i(E) : i && (i.current = E);
     };
     return /* @__PURE__ */ r(
       xe,
       {
-        className: k(Ie.listSortableItem, { [Ie.dragging]: b }, m),
+        className: k(Ie.listSortableItem, { [Ie.dragging]: _ }, m),
         style: { transform: rt.Translate.toString(a), transition: c, ...o },
         ...u,
         ref: N,
-        children: typeof t == "function" ? t({ disabled: p, dragging: b, listeners: h, setActivatorNodeRef: y }) : t
+        children: typeof t == "function" ? t({ disabled: p, dragging: _, listeners: w, setActivatorNodeRef: y }) : t
       }
     );
   }),
@@ -785,7 +785,7 @@ const oo = "listSortableItem__ac9c3ac1", no = "dragging__0dd5f38b", Ie = {
   }
 );
 ro.displayName = "ListSortableItem";
-const so = "segmentedControlSegment__a86a9c92", io = "selected__d9f4cbc2", co = "content__dfae2bdf", de = {
+const so = "segmentedControlSegment__a5945d69", io = "selected__8d34f887", co = "content__ac0909e7", de = {
   segmentedControlSegment: so,
   selected: io,
   content: co
@@ -801,8 +801,8 @@ const so = "segmentedControlSegment__a86a9c92", io = "selected__d9f4cbc2", co =
   const {
     type: a,
     value: c,
-    disabled: h,
-    onSegmentSelect: b
+    disabled: w,
+    onSegmentSelect: _
   } = ae(We), y = (() => {
     switch (a) {
       case H.SINGLE:
@@ -824,10 +824,10 @@ const so = "segmentedControlSegment__a86a9c92", io = "selected__d9f4cbc2", co =
   }, M = (I) => {
     switch (a) {
       case H.SINGLE:
-        b({ value: m, selected: !0 });
+        _({ value: m, selected: !0 });
         break;
       case H.MULTIPLE:
-        b({ value: m, selected: !y });
+        _({ value: m, selected: !y });
         break;
     }
     u == null || u(I);
@@ -837,7 +837,7 @@ const so = "segmentedControlSegment__a86a9c92", io = "selected__d9f4cbc2", co =
     {
       className: N,
       title: E(),
-      disabled: p || h,
+      disabled: p || w,
       "aria-pressed": y,
       onClick: M,
       ...i,
@@ -846,7 +846,7 @@ const so = "segmentedControlSegment__a86a9c92", io = "selected__d9f4cbc2", co =
   );
 };
 ze.displayName = "SegmentedControlSegment";
-const ao = "segmentedControl__9b23c394", lo = "general1__96e2ea93", mo = "secondary1__6ea19cad", uo = "general2__c80c6030", fo = "secondary2__3f29df60", po = "sm__daba5f86", go = "md__91c8f43a", wo = "lg__2fa5d5a6", U = {
+const ao = "segmentedControl__c4964704", lo = "general1__556f3762", mo = "secondary1__dadefab7", uo = "general2__9f6a19b2", fo = "secondary2__da54a391", po = "sm__45b7565e", go = "md__70427b1b", bo = "lg__5faef581", U = {
   segmentedControl: ao,
   general1: lo,
   secondary1: mo,
@@ -854,31 +854,31 @@ const ao = "segmentedControl__9b23c394", lo = "general1__96e2ea93", mo = "second
   secondary2: fo,
   sm: po,
   md: go,
-  lg: wo
+  lg: bo
 }, We = x.createContext({
   type: H.SINGLE,
   value: "",
   disabled: !1,
   onSegmentSelect: () => {
   }
-}), ho = {
+}), wo = {
   [te.GENERAL_1]: U.general1,
   [te.GENERAL_2]: U.general2,
   [te.SECONDARY_1]: U.secondary1,
   [te.SECONDARY_2]: U.secondary2
-}, _o = {
+}, ho = {
   [re.SM]: U.sm,
   [re.MD]: U.md,
   [re.LG]: U.lg
-}, bo = Object.assign(
+}, _o = Object.assign(
   x.forwardRef(
-    ({ children: d, className: t, value: m, theme: o, type: p, size: u, disabled: i, onSelect: a, ...c }, h) => {
-      const b = k(
+    ({ children: d, className: t, value: m, theme: o, type: p, size: u, disabled: i, onSelect: a, ...c }, w) => {
+      const _ = k(
         U.segmentedControl,
-        ho[o],
-        _o[u],
+        wo[o],
+        ho[u],
         t
-      ), v = ({
+      ), L = ({
         selected: y,
         value: N
       }) => {
@@ -897,9 +897,9 @@ const ao = "segmentedControl__9b23c394", lo = "general1__96e2ea93", mo = "second
             type: p,
             value: m,
             disabled: !!i,
-            onSegmentSelect: v
+            onSegmentSelect: L
           },
-          children: /* @__PURE__ */ r("div", { className: b, ...c, "data-tx": process.env.npm_package_version, ref: h, children: d })
+          children: /* @__PURE__ */ r("div", { className: _, ...c, "data-tx": "0.1.6", ref: w, children: d })
         }
       );
     }
@@ -908,7 +908,7 @@ const ao = "segmentedControl__9b23c394", lo = "general1__96e2ea93", mo = "second
     Segment: ze
   }
 );
-bo.displayName = "SegmentedControl";
+_o.displayName = "SegmentedControl";
 export {
   ie as B,
   Pe as D,
@@ -925,7 +925,7 @@ export {
   to as f,
   ro as g,
   We as h,
-  bo as i,
+  _o as i,
   me as j
 };
-//# sourceMappingURL=index-1QUfI5kD.js.map
+//# sourceMappingURL=index-CLQ4mLUp.js.map