@sberbusiness/triplex-next 0.1.4 → 0.1.6

package/chunks/index-CLQ4mLUp.js

@@ -0,0 +1,931 @@
+import { s as ue, D as Ge } from "./DropdownListItem-CM0DOekv.js";
+import { DropdownMobile as $e } from "../components/Dropdown/mobile/DropdownMobile.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";
+import "../components/Dropdown/mobile/DropdownMobileInput.js";
+import { DropdownMobileList as Ce } from "../components/Dropdown/mobile/DropdownMobileList.js";
+import { DropdownMobileListItem as Re } from "../components/Dropdown/mobile/DropdownMobileListItem.js";
+import { EDropdownListSize as J, EDropdownAlignment as Z, EDropdownDirection as ee, EDropdownSize as Q } from "../components/Dropdown/enums.js";
+import { ButtonBase as ke } from "../components/Button/ButtonBase.js";
+import "../components/Button/ButtonIcon.js";
+import { EButtonSize as P, EButtonTheme as $ } from "../components/Button/enums.js";
+import { FormField as Ue } from "../components/FormField/FormField.js";
+import { FormFieldDescription as He } from "../components/FormField/components/FormFieldDescription.js";
+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-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";
+import "../components/FormField/enums.js";
+import "../components/List/List.js";
+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-BpUzyKya.js";
+import "../components/List/components/ListEmptyState.js";
+import "../components/List/components/ListItemLoading.js";
+import { ListItemSelectable as Ze } from "../components/List/components/ListItemSelectable.js";
+import "../components/List/components/ListItemTailLeft.js";
+import { ListItemTailRight as et } from "../components/List/components/ListItemTailRight.js";
+import { ListSortableItemTarget as tt } from "../components/List/components/ListSortableItemTarget.js";
+import "../components/List/components/ListSortableItemControls.js";
+import { ESegmentedControlType as H, ESegmentedControlTheme as te, ESegmentedControlSize as re } from "../components/SegmentedControl/enums.js";
+import { jsxs as F, jsx as r, Fragment as Ae } from "react/jsx-runtime";
+import x, { useContext as ae, useRef as O, useState as j, useEffect as W, useCallback as G, createElement as ne } from "react";
+import { c as k, j as Fe, n as ot, o as oe, q as nt, C as rt } from "./vendor-CF2m175I.js";
+import { Portal as st } from "../components/Portal/Portal.js";
+import { EVENT_KEY_CODES as pe, isKey as T } from "../utils/keyboard.js";
+import { DropdownListContext as le } from "../components/Dropdown/DropdownListContext.js";
+import "../components/Alert/AlertContext/AlertContext.js";
+import "../components/Alert/AlertProcess/AlertProcess.js";
+import "../components/Alert/AlertTypeUtils.js";
+import "../components/Col/Col.js";
+import "../components/Checkbox/Checkbox.js";
+import "../components/Checkbox/CheckboxXGroup.js";
+import "../components/Checkbox/CheckboxYGroup.js";
+import { FormFieldContext as dt } from "../components/FormField/FormFieldContext.js";
+import { presets as it } from "../components/FormField/components/FormFieldMaskedInputPresets.js";
+import { FormGroup as ct } from "../components/FormGroup/FormGroup.js";
+import "../components/Gap/Gap.js";
+import "../components/Link/Link.js";
+import { LoaderSmall as at } from "../components/Loader/LoaderSmall/LoaderSmall.js";
+import "../components/Loader/LoaderMiddle/LoaderMiddle.js";
+import "../components/LoaderWidget/LoaderWidget.js";
+import "../components/Radio/Radio.js";
+import "../components/Radio/RadioXGroup.js";
+import "../components/Radio/RadioYGroup.js";
+import "../components/Row/Row.js";
+import "../components/TabsExtended/TabsExtended.js";
+import "../components/DesignTokens/DesignTokensComponents.js";
+import "../components/DesignTokens/DesignTokensComponentsThemeDark.js";
+import "../components/ThemeProvider/ThemeProviderContext.js";
+import "../components/Typography/Title.js";
+import { Text as Oe } from "../components/Typography/Text.js";
+import "../components/Typography/Caption.js";
+import { ETextSize as Be } from "../components/Typography/enums.js";
+import { SwipeableArea as lt } from "../components/SwipeableArea/SwipeableArea.js";
+import "../components/Footer/Footer.js";
+import "../components/Footer/components/FooterDescription.js";
+import "../components/Footer/components/FooterDescriptionControls.js";
+import "../components/Footer/components/FooterDescriptionContent.js";
+import "../components/Body/Body.js";
+import "../components/Header/Header.js";
+import "../components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js";
+import "../components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js";
+import "../components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js";
+import "../components/Header/components/HeaderSubheader/HeaderSubheader.js";
+import "../components/Header/components/HeaderTabs/HeaderTabs.js";
+import "../components/Header/components/HeaderTabs/HeaderTabsContent.js";
+import "../components/Header/components/HeaderTabs/HeaderTabsControls.js";
+import "../components/Header/components/HeaderTitle/HeaderTitle.js";
+import "../components/Header/components/HeaderTitle/HeaderTitleContent.js";
+import "../components/Header/components/HeaderTitle/HeaderTitleControls.js";
+import "../components/Page/Page.js";
+import "../components/Pagination/components/PaginationExtended.js";
+import "../components/Pagination/components/PaginationNavigation.js";
+import "../components/Pagination/components/PaginationNavigationButton.js";
+import "../components/Pagination/components/PaginationNavigationExtended.js";
+import "../components/Pagination/components/PaginationNavigationExtendedItem.js";
+import "../components/Pagination/components/PaginationPageButton.js";
+import "../components/Pagination/components/PaginationPageEllipsis.js";
+import "../components/Pagination/components/PaginationSelect.js";
+import "../components/Pagination/Pagination.js";
+import "../components/Card/CardAction.js";
+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 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: bt,
+  md: wt,
+  lg: ht,
+  block: _t,
+  content: Dt,
+  loading: yt,
+  loader: St,
+  hidden: Nt
+}, Et = "general__81e93e72", It = "expanded__1a4fe561", we = {
+  general: Et,
+  expanded: It
+}, Lt = "secondary__2e3a9d2c", vt = "expanded__1a4fe561", he = {
+  secondary: Lt,
+  expanded: vt
+}, Tt = "danger__90b972ec", Ct = "expanded__1a4fe561", _e = {
+  danger: Tt,
+  expanded: Ct
+}, Rt = "link__30361d77", De = {
+  link: Rt
+}, kt = (d, t) => {
+  switch (d) {
+    case $.GENERAL:
+      return { [we.general]: !0, [we.expanded]: t };
+    case $.SECONDARY:
+      return { [he.secondary]: !0, [he.expanded]: t };
+    case $.DANGER:
+      return { [_e.danger]: !0, [_e.expanded]: t };
+    case $.LINK:
+      return { [De.link]: !0, [De.expanded]: t };
+  }
+}, Mt = (d) => {
+  switch (d) {
+    case P.LG:
+      return z.lg;
+    case P.MD:
+      return z.md;
+    case P.SM:
+      return z.sm;
+  }
+}, xt = (d, t) => {
+  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: w, ..._ } = d, { "aria-expanded": L } = d, y = k(
+    z.button,
+    kt(u, !!L),
+    Mt(i),
+    { [z.block]: !!a, [z.loading]: !!c },
+    { [z.icon]: !!w && !m },
+    // Классы для иконок, начало.
+    "hoverable",
+    {
+      active: !!L,
+      disabled: !!p
+    },
+    // Классы для иконок, конец.
+    o
+  );
+  return /* @__PURE__ */ F(ke, { className: y, tabIndex: c ? -1 : void 0, disabled: p, ..._, ref: t, children: [
+    /* @__PURE__ */ F("span", { className: z.content, children: [
+      w,
+      m
+    ] }),
+    /* @__PURE__ */ r("div", { className: k(z.loader, !c && z.hidden), children: xt(u, i) })
+  ] });
+});
+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: 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 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 b = _ == null ? void 0 : _.current;
+    b && (b.scrollTop = 0);
+  };
+  W(() => {
+    if (!o)
+      return;
+    const b = (n) => {
+      const { keyCode: h } = n, v = E, e = y;
+      let 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", b), () => {
+      document.removeEventListener("keydown", b);
+    };
+  }, [o, y, E]), W(() => {
+    if (!o)
+      return;
+    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 b, n;
+    if (o && y !== void 0) {
+      w((n = (b = L.current[y]) == null ? void 0 : b.current) == null ? void 0 : n.id);
+      return;
+    }
+    !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: (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: _, ...i, children: A });
+};
+K.Item = Ge;
+const At = "dropdown__ff240a21", Ft = "dropdownOverflowHidden__cbaea3f9", ye = {
+  dropdown: At,
+  "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 {
+    alignment: m = Z.AUTO,
+    children: o,
+    fixedWidth: p,
+    className: u,
+    direction: i = ee.AUTO,
+    opened: a,
+    setOpened: c,
+    style: w,
+    targetRef: _,
+    size: L = Q.MD,
+    ...y
+  } = 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();
+    },
+    [I]
+  ), n = G((l) => {
+    if (l.target === document.body) {
+      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();
+    }
+  }, []), h = G(
+    /** Запрет скролла всей страницы. */
+    (l) => {
+      l ? (document.addEventListener("wheel", b, { passive: !1 }), document.addEventListener("keydown", n)) : (document.removeEventListener("wheel", b), document.removeEventListener("keydown", n));
+    },
+    [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);
+    },
+    [m, p]
+  ), e = G(
+    (l, S, g) => {
+      i === ee.AUTO ? g.bottom + 4 + S.height < document.documentElement.clientHeight ? l.top = g.bottom + 4 : g.top - 4 - S.height > 0 ? l.bottom = document.documentElement.clientHeight - g.top + 4 : l.top = g.bottom + 4 : i === ee.BOTTOM ? l.top = g.bottom + 4 : i === ee.TOP && (l.bottom = document.documentElement.clientHeight - g.top + 4);
+    },
+    [i]
+  ), s = G(() => {
+    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), v(Y, g, R), C.current = { height: g.height, width: g.width }, M({ ...w, ...Y });
+    }
+  }, [_, p, w, e, v]);
+  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();
+    }
+  }, [o, s]);
+  const f = G(() => {
+    setTimeout(s);
+  }, [s]);
+  W(() => {
+    if (a)
+      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, h]);
+  const D = (l) => {
+    I.current = l, typeof t == "function" ? t(l) : t && (t.current = l);
+  };
+  return a ? /* @__PURE__ */ r(
+    "div",
+    {
+      className: A,
+      style: { ...E },
+      ref: D,
+      ...y,
+      "data-tx": "0.1.6",
+      children: o
+    }
+  ) : null;
+});
+ce.displayName = "DropdownDesktop";
+const Pe = x.forwardRef(
+  ({ children: d, opened: t, setOpened: m, onOpen: o, onClose: p, mobileViewProps: u, ...i }, a) => {
+    const c = O(!1);
+    return W(() => {
+      c.current ? t ? o == null || o() : p == null || p() : c.current = !0;
+    }, [t]), /* @__PURE__ */ r(st, { container: document.body, children: u ? /* @__PURE__ */ r(
+      ut,
+      {
+        fallback: /* @__PURE__ */ r(ce, { opened: t, setOpened: m, ...i, ref: a, children: d }),
+        children: /* @__PURE__ */ r($e, { opened: t, setOpened: m, ...u, ref: a, children: (u == null ? void 0 : u.children) || d })
+      }
+    ) : /* @__PURE__ */ r(ce, { opened: t, setOpened: m, ...i, ref: a, children: d }) });
+  }
+);
+Pe.displayName = "Dropdown";
+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, w = O(null), _ = O(d.opened !== void 0), [L, y] = j((d.opened === void 0, !1)), N = _.current ? !!m : L, E = G(
+    (I) => {
+      if (_.current) {
+        o && o(I);
+        return;
+      }
+      y(I);
+    },
+    [o]
+  );
+  W(() => {
+    if (!N)
+      return;
+    const I = (A) => {
+      const b = A.code || A.keyCode;
+      N && (T(b, "ESCAPE") || a && T(b, "TAB")) && E(!1);
+    }, C = (A) => {
+      const b = w.current, n = i.current;
+      if (N) {
+        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, w]);
+  const M = k(Ne.buttonDropdownExtended, t);
+  return /* @__PURE__ */ F("div", { className: M, ref: w, ...c, children: [
+    p({ opened: N, setOpened: E }),
+    u({
+      className: Ne.buttonDropdownExtendedBlock,
+      opened: N,
+      setOpened: E
+    })
+  ] });
+};
+V.Dropdown = Pe;
+V.DropdownList = K;
+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,
+  caretIcon: Gt,
+  active: $t,
+  buttonDropdownMenuItem: Ut
+}, Ee = "dots", Ht = (d) => {
+  switch (d) {
+    case P.SM:
+      return Q.SM;
+    case P.MD:
+      return Q.MD;
+    case P.LG:
+      return Q.LG;
+    default:
+      return Q.MD;
+  }
+}, Kt = (d) => {
+  switch (d) {
+    case P.SM:
+      return J.SM;
+    case P.MD:
+      return J.MD;
+    case P.LG:
+      return J.LG;
+    default:
+      return J.MD;
+  }
+}, Vt = x.forwardRef(
+  (d, t) => {
+    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]: !!w
+      });
+      return /* @__PURE__ */ F(
+        ie,
+        {
+          className: l,
+          theme: u,
+          size: i,
+          onKeyDown: h({ opened: f, setOpened: D }),
+          onClick: n({ opened: f, setOpened: D }),
+          disabled: _,
+          "aria-haspopup": "menu",
+          "aria-expanded": f,
+          "aria-controls": C.current,
+          "aria-activedescendant": M,
+          ...m,
+          ref: s,
+          children: [
+            o,
+            v()
+          ]
+        }
+      );
+    }, b = ({ opened: f, setOpened: D }) => {
+      const l = k(B.buttonDropdownTarget, "hoverable", {
+        [B.active]: f,
+        [B.block]: !!w
+      });
+      return /* @__PURE__ */ r(
+        ie,
+        {
+          className: l,
+          theme: $.SECONDARY,
+          size: i,
+          onKeyDown: h({ opened: f, setOpened: D }),
+          onClick: n({ opened: f, setOpened: D }),
+          disabled: _,
+          "aria-haspopup": "menu",
+          "aria-expanded": f,
+          "aria-controls": C.current,
+          "aria-activedescendant": M,
+          ...m,
+          ref: s,
+          icon: /* @__PURE__ */ r(ft, { paletteIndex: 0 })
+        }
+      );
+    }, 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);
+    }, v = () => {
+      switch (u) {
+        case $.GENERAL:
+        case $.DANGER:
+        case Ee:
+          return /* @__PURE__ */ r(ge, { paletteIndex: 7, className: B.caretIcon });
+        case $.SECONDARY:
+          return /* @__PURE__ */ r(ge, { paletteIndex: 0, className: B.caretIcon });
+        default:
+          return null;
+      }
+    }, e = ({ opened: f, setOpened: D, className: l }) => {
+      const S = k(B.buttonDropdownMenu, l);
+      return /* @__PURE__ */ r(le.Provider, { value: { activeDescendant: M, setActiveDescendant: I }, children: /* @__PURE__ */ r(
+        V.Dropdown,
+        {
+          size: Ht(i),
+          className: S,
+          opened: f,
+          setOpened: D,
+          targetRef: y,
+          ref: N,
+          mobileViewProps: {
+            children: /* @__PURE__ */ F(Ae, { children: [
+              /* @__PURE__ */ F(Te, { children: [
+                /* @__PURE__ */ r(Oe, { tag: "div", size: Be.B3, children: o }),
+                /* @__PURE__ */ r(ve, { onClick: () => D(!1) })
+              ] }),
+              /* @__PURE__ */ r(Le, { children: /* @__PURE__ */ r(Ce, { children: a.map((g) => /* @__PURE__ */ ne(
+                Re,
+                {
+                  ...g,
+                  key: g.id,
+                  selected: g.id === (c == null ? void 0 : c.id),
+                  onSelect: () => {
+                    var R;
+                    (R = g.onSelect) == null || R.call(g), D(!1);
+                  }
+                },
+                g.label
+              )) }) })
+            ] })
+          },
+          children: /* @__PURE__ */ r(K, { dropdownOpened: f, id: C.current, size: Kt(i), children: a.map((g) => /* @__PURE__ */ ne(
+            K.Item,
+            {
+              ...g,
+              className: B.buttonDropdownMenuItem,
+              key: g.id,
+              selected: g.id === (c == null ? void 0 : c.id),
+              onSelect: () => {
+                var R;
+                (R = g.onSelect) == null || R.call(g), D(!1);
+              }
+            },
+            g.label
+          )) })
+        }
+      ) });
+    }, s = (f) => {
+      y.current = f, typeof t == "function" ? t(f) : t && (t.current = f);
+    };
+    return /* @__PURE__ */ r(
+      V,
+      {
+        className: E,
+        renderButton: u === Ee ? b : A,
+        renderDropdown: e,
+        dropdownRef: N,
+        closeOnTab: !0,
+        ...L
+      }
+    );
+  }
+);
+Vt.displayName = "ButtonDropdown";
+const jt = "formFieldMaskedInputWrapper__18b96804", Yt = "formFieldMaskedInputPlaceholder__5ddbb445", qt = "formFieldMaskedInput__9f3e2c2a", q = {
+  formFieldMaskedInputWrapper: jt,
+  formFieldMaskedInputPlaceholder: Yt,
+  "size-sm": "size-sm__5c0732be",
+  "size-md": "size-md__3275adc6",
+  "size-lg": "size-lg__b7e84fba",
+  formFieldMaskedInput: qt
+}, X = ({
+  className: d,
+  forwardedRef: t,
+  disabled: m,
+  mask: o,
+  onChange: p,
+  placeholder: u,
+  placeholderChar: i = "0",
+  placeholderMask: a,
+  value: c,
+  ...w
+}) => {
+  const [_, L] = j(""), y = O(!1), { valueExist: N, focused: E, size: M } = ae(dt);
+  W(() => {
+    L((() => {
+      let s = [];
+      if (c) {
+        const { conformedValue: f } = oe.conformToMask(c.toString(), o, { guide: !0, placeholderChar: i });
+        for (let D = 0; D < o.length; D++)
+          typeof o[D] == "string" ? s[D] = f[D] : f[D] === i && !c.toString()[D] ? s[D] = (a == null ? void 0 : a[D]) || i : s[D] = f[D];
+      } else if (a)
+        s = a.split("");
+      else {
+        const { conformedValue: f } = oe.conformToMask("", o, { guide: !0, placeholderChar: i });
+        s = f.split("");
+      }
+      return s.join("");
+    })());
+  }, [c, o, i, a]);
+  const I = G(
+    (e) => {
+      const { value: s } = e.target;
+      y.current = !1, c !== s && (p == null || p(e));
+    },
+    [c, p]
+  ), C = () => {
+    y.current = !0;
+  }, 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)*)/;
+      e = e.replace(f, "+7 ($1"), f = /^\d7/, e = e.replace(f, (D) => (s = Array.from("+7 (").map((l, S) => S), `+7 (${D}`));
+    } else (e === "7" || e === "8") && (e = "+7 (");
+    return {
+      indexesOfPipedChars: s,
+      value: oe.conformToMask(e, o, { guide: !1, placeholderChar: i }).conformedValue
+    };
+  }, 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);
+  }, v = () => !N && !E || !c && u ? "" : _;
+  return /* @__PURE__ */ F("div", { className: k(q.formFieldMaskedInputWrapper, q[`size-${M}`]), children: [
+    /* @__PURE__ */ r(
+      "input",
+      {
+        className: k(
+          je.formFieldInput,
+          q.formFieldMaskedInputPlaceholder,
+          d
+        ),
+        disabled: m,
+        placeholder: v(),
+        readOnly: !0,
+        "aria-hidden": "true",
+        tabIndex: -1,
+        type: "text"
+      }
+    ),
+    /* @__PURE__ */ r(
+      ot,
+      {
+        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: h(e) }),
+        mask: o,
+        onChange: I,
+        onPaste: C,
+        placeholderChar: i,
+        value: n(),
+        pipe: A,
+        type: "text",
+        ...w
+      }
+    )
+  ] });
+};
+X.presets = it;
+const me = ({
+  children: d,
+  description: t,
+  label: m,
+  prefix: o,
+  postfix: p,
+  counter: u,
+  ...i
+}) => /* @__PURE__ */ F(ct, { children: [
+  /* @__PURE__ */ F(Ue, { ...i, children: [
+    o ? /* @__PURE__ */ r(qe, { children: o }) : null,
+    d,
+    m ? /* @__PURE__ */ r(Ve, { children: m }) : null,
+    p ? /* @__PURE__ */ r(Ye, { children: p }) : null
+  ] }),
+  t || u ? /* @__PURE__ */ F(He, { children: [
+    t,
+    u ? /* @__PURE__ */ r(Ke, { children: u }) : null
+  ] }) : null
+] });
+me.displayName = "TextFieldBase";
+const Jt = ({ inputProps: d, ...t }) => /* @__PURE__ */ r(me, { ...t, children: /* @__PURE__ */ r(Me, { ...d }) });
+Jt.displayName = "TextField";
+const Qt = ({ maskedInputProps: d, ...t }) => /* @__PURE__ */ r(me, { ...t, children: /* @__PURE__ */ r(X, { ...d }) });
+Qt.displayName = "MaskedField";
+const Xt = x.forwardRef(
+  (d, t) => {
+    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: h }),
+        onClick: I({ opened: n, setOpened: h }),
+        disabled: c,
+        "aria-haspopup": "menu",
+        "aria-expanded": n,
+        "aria-controls": E.current,
+        "aria-activedescendant": y,
+        icon: u,
+        ...m,
+        ref: b,
+        children: o
+      }
+    ), 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: v,
+        opened: n,
+        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(ve, { onClick: () => h(!1) })
+            ] }),
+            /* @__PURE__ */ r(Le, { children: /* @__PURE__ */ r(Ce, { children: i.map((e) => /* @__PURE__ */ ne(
+              Re,
+              {
+                ...e,
+                key: e.id,
+                selected: e.id === (a == null ? void 0 : a.id),
+                onSelect: () => {
+                  var s;
+                  (s = e.onSelect) == null || s.call(e), h(!1);
+                }
+              },
+              e.label
+            )) }) })
+          ] })
+        },
+        children: /* @__PURE__ */ r(K, { dropdownOpened: n, id: E.current, children: i.map((e) => /* @__PURE__ */ ne(
+          K.Item,
+          {
+            ...e,
+            className: fe.buttonDropdownMenuItem,
+            key: e.id,
+            selected: e.id === (a == null ? void 0 : a.id),
+            onSelect: () => {
+              var s;
+              (s = e.onSelect) == null || s.call(e), h(!1);
+            }
+          },
+          e.label
+        )) })
+      }
+    ) }), b = (n) => {
+      _.current = n, typeof t == "function" ? t(n) : t && (t.current = n);
+    };
+    return /* @__PURE__ */ r(
+      V,
+      {
+        className: k(fe.listItemControlsButtonDropdown, p),
+        renderButton: M,
+        renderDropdown: A,
+        dropdownRef: L,
+        closeOnTab: !0,
+        ...w
+      }
+    );
+  }
+);
+Xt.displayName = "ListItemControlsButtonDropdown";
+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 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,
+      {
+        ref: i,
+        rightSwipeableArea: m ? /* @__PURE__ */ r(Je, { children: m }) : void 0,
+        children: [
+          /* @__PURE__ */ r(et, {}),
+          w ? /* @__PURE__ */ r(Ze, { selected: u, onSelect: p, children: _() }) : _()
+        ]
+      }
+    ) });
+  }
+);
+to.displayName = "ListItemTable";
+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: w, isDragging: _, setNodeRef: L, setActivatorNodeRef: y } = nt({
+      disabled: p,
+      id: u.id,
+      transition: {
+        duration: 300,
+        easing: "ease-out"
+      }
+    }), N = (E) => {
+      L(E), typeof i == "function" ? i(E) : i && (i.current = E);
+    };
+    return /* @__PURE__ */ r(
+      xe,
+      {
+        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: _, listeners: w, setActivatorNodeRef: y }) : t
+      }
+    );
+  }),
+  {
+    Target: tt
+  }
+);
+ro.displayName = "ListSortableItem";
+const so = "segmentedControlSegment__a5945d69", io = "selected__8d34f887", co = "content__ac0909e7", de = {
+  segmentedControlSegment: so,
+  selected: io,
+  content: co
+}, ze = ({
+  children: d,
+  className: t,
+  value: m,
+  title: o,
+  disabled: p,
+  onClick: u,
+  ...i
+}) => {
+  const {
+    type: a,
+    value: c,
+    disabled: w,
+    onSegmentSelect: _
+  } = ae(We), y = (() => {
+    switch (a) {
+      case H.SINGLE:
+        return m === c;
+      case H.MULTIPLE:
+        return c.includes(m);
+    }
+  })(), N = k(
+    de.segmentedControlSegment,
+    { [de.selected]: y },
+    "hoverable",
+    { active: y },
+    t
+  ), E = () => {
+    if (o)
+      return o;
+    if (typeof d == "string")
+      return d;
+  }, M = (I) => {
+    switch (a) {
+      case H.SINGLE:
+        _({ value: m, selected: !0 });
+        break;
+      case H.MULTIPLE:
+        _({ value: m, selected: !y });
+        break;
+    }
+    u == null || u(I);
+  };
+  return /* @__PURE__ */ r(
+    ke,
+    {
+      className: N,
+      title: E(),
+      disabled: p || w,
+      "aria-pressed": y,
+      onClick: M,
+      ...i,
+      children: /* @__PURE__ */ r("span", { className: de.content, children: d })
+    }
+  );
+};
+ze.displayName = "SegmentedControlSegment";
+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,
+  general2: uo,
+  secondary2: fo,
+  sm: po,
+  md: go,
+  lg: bo
+}, We = x.createContext({
+  type: H.SINGLE,
+  value: "",
+  disabled: !1,
+  onSegmentSelect: () => {
+  }
+}), wo = {
+  [te.GENERAL_1]: U.general1,
+  [te.GENERAL_2]: U.general2,
+  [te.SECONDARY_1]: U.secondary1,
+  [te.SECONDARY_2]: U.secondary2
+}, ho = {
+  [re.SM]: U.sm,
+  [re.MD]: U.md,
+  [re.LG]: U.lg
+}, _o = Object.assign(
+  x.forwardRef(
+    ({ children: d, className: t, value: m, theme: o, type: p, size: u, disabled: i, onSelect: a, ...c }, w) => {
+      const _ = k(
+        U.segmentedControl,
+        wo[o],
+        ho[u],
+        t
+      ), L = ({
+        selected: y,
+        value: N
+      }) => {
+        switch (p) {
+          case H.SINGLE:
+            y && a(N);
+            break;
+          case H.MULTIPLE:
+            a(y ? [...m, N] : [...m].filter((E) => E !== N));
+        }
+      };
+      return /* @__PURE__ */ r(
+        We.Provider,
+        {
+          value: {
+            type: p,
+            value: m,
+            disabled: !!i,
+            onSegmentSelect: L
+          },
+          children: /* @__PURE__ */ r("div", { className: _, ...c, "data-tx": "0.1.6", ref: w, children: d })
+        }
+      );
+    }
+  ),
+  {
+    Segment: ze
+  }
+);
+_o.displayName = "SegmentedControl";
+export {
+  ie as B,
+  Pe as D,
+  X as F,
+  Xt as L,
+  Qt as M,
+  ze as S,
+  Jt as T,
+  Vt as a,
+  V as b,
+  K as c,
+  Ee as d,
+  ce as e,
+  to as f,
+  ro as g,
+  We as h,
+  _o as i,
+  me as j
+};
+//# sourceMappingURL=index-CLQ4mLUp.js.map