@sberbusiness/triplex-next 1.2.0 → 1.3.0

package/components/Button/ButtonDropdown.js

@@ -3,7 +3,7 @@ import "./ButtonBase.js";
 import "./ButtonIcon.js";
 import { jsx as o, jsxs as N, Fragment as q } from "react/jsx-runtime";
 import F, { useRef as _, useState as V, createElement as M } from "react";
-import { c as b, a as J } from "../../chunks/vendor-CehxOAkM.js";
+import { c as f, a as J } from "../../chunks/vendor-CehxOAkM.js";
 import { ButtonDropdownExtended as y } from "./ButtonDropdownExtended.js";
 import { EButtonDotsTheme as u, EButtonTheme as d } from "./enums.js";
 import { DotshorizontalStrokeSrvIcon32 as Q, DotshorizontalStrokeSrvIcon20 as B, CaretdownStrokeSrvIcon24 as X, CaretdownStrokeSrvIcon20 as Z, CaretdownStrokeSrvIcon16 as $ } from "@sberbusiness/icons-next";
@@ -18,7 +18,7 @@ import { Text as ce } from "../Typography/Text.js";
 import { ETextSize as se } from "../Typography/enums.js";
 import { DropdownList as L } from "../Dropdown/desktop/DropdownList.js";
 import { EComponentSize as i } from "../../enums/EComponentSize.js";
-const le = "buttonDropdown__4e8922e2", de = "block__9ef2ad79", ie = "buttonDropdownTarget__55655319", me = "caretIcon__e4b379ba", ue = "active__81245f30", De = "buttonDropdownMenuItem__bdfa1f2a", n = {
+const le = "buttonDropdown__67356234", de = "block__924cbdf4", ie = "buttonDropdownTarget__650bb0be", me = "caretIcon__199e39d8", ue = "active__0c75e4ae", De = "buttonDropdownMenuItem__61342fac", n = {
   buttonDropdown: le,
   block: de,
   buttonDropdownTarget: ie,
@@ -33,10 +33,10 @@ const le = "buttonDropdown__4e8922e2", de = "block__9ef2ad79", ie = "buttonDropd
   [i.SM]: /* @__PURE__ */ o($, { paletteIndex: 7, className: n.caretIcon }),
   [i.MD]: /* @__PURE__ */ o(Z, { paletteIndex: 7, className: n.caretIcon }),
   [i.LG]: /* @__PURE__ */ o(X, { paletteIndex: 7, className: n.caretIcon })
-}, fe = F.forwardRef(
+}, be = F.forwardRef(
   (g, p) => {
-    const { buttonAttributes: R, children: h, className: z, theme: f, size: c, options: C, selected: l, block: w, disabled: T, ...G } = g, k = _(null), v = _(null), W = b(n.buttonDropdown, { [n.block]: !!w }, z), [S, H] = V(), I = _(J()), P = ({ opened: e, setOpened: r }) => {
-      const a = b(n.buttonDropdownTarget, "hoverable", {
+    const { buttonAttributes: R, children: h, className: z, theme: b, size: c, options: C, selected: l, block: w, disabled: T, ...G } = g, k = _(null), v = _(null), W = f(n.buttonDropdown, { [n.block]: !!w }, z), [S, H] = V(), I = _(J()), P = ({ opened: e, setOpened: r }) => {
+      const a = f(n.buttonDropdownTarget, "hoverable", {
         [n.active]: e,
         [n.block]: !!w
       });
@@ -44,7 +44,7 @@ const le = "buttonDropdown__4e8922e2", de = "block__9ef2ad79", ie = "buttonDropd
         x,
         {
           className: a,
-          theme: f,
+          theme: b,
           size: c,
           onKeyDown: A({ opened: e, setOpened: r }),
           onClick: E({ opened: e, setOpened: r }),
@@ -62,7 +62,7 @@ const le = "buttonDropdown__4e8922e2", de = "block__9ef2ad79", ie = "buttonDropd
         }
       );
     }, K = ({ opened: e, setOpened: r }) => {
-      const a = b(n.buttonDropdownTarget, "hoverable", {
+      const a = f(n.buttonDropdownTarget, "hoverable", {
         [n.active]: e,
         [n.block]: !!w
       });
@@ -70,7 +70,7 @@ const le = "buttonDropdown__4e8922e2", de = "block__9ef2ad79", ie = "buttonDropd
         x,
         {
           className: a,
-          theme: f === u.DOTS_SECONDARY ? d.SECONDARY : d.SECONDARY_LIGHT,
+          theme: b === u.DOTS_SECONDARY ? d.SECONDARY : d.SECONDARY_LIGHT,
           size: c,
           onKeyDown: A({ opened: e, setOpened: r }),
           onClick: E({ opened: e, setOpened: r }),
@@ -88,7 +88,7 @@ const le = "buttonDropdown__4e8922e2", de = "block__9ef2ad79", ie = "buttonDropd
       const { key: s } = a;
       (D(s, "SPACE") || D(s, "ARROW_UP") || D(s, "ARROW_DOWN")) && a.preventDefault(), !e && (D(s, "ARROW_UP") || D(s, "ARROW_DOWN")) && r(!0);
     }, j = () => {
-      switch (f) {
+      switch (b) {
         case d.GENERAL:
         case d.DANGER:
         case u.DOTS_SECONDARY:
@@ -101,7 +101,7 @@ const le = "buttonDropdown__4e8922e2", de = "block__9ef2ad79", ie = "buttonDropd
           return null;
       }
     }, U = ({ opened: e, setOpened: r, className: a }) => {
-      const s = b(n.buttonDropdownMenu, a);
+      const s = f(n.buttonDropdownMenu, a);
       return /* @__PURE__ */ o(ee.Provider, { value: { activeDescendant: S, setActiveDescendant: H }, children: /* @__PURE__ */ o(
         y.Dropdown,
         {
@@ -156,7 +156,7 @@ const le = "buttonDropdown__4e8922e2", de = "block__9ef2ad79", ie = "buttonDropd
       {
         className: W,
         renderButton: [u.DOTS_SECONDARY, u.DOTS_SECONDARY_LIGHT].includes(
-          f
+          b
         ) ? K : P,
         renderDropdown: U,
         dropdownRef: v,
@@ -166,8 +166,8 @@ const le = "buttonDropdown__4e8922e2", de = "block__9ef2ad79", ie = "buttonDropd
     );
   }
 );
-fe.displayName = "ButtonDropdown";
+be.displayName = "ButtonDropdown";
 export {
-  fe as ButtonDropdown
+  be as ButtonDropdown
 };
 //# sourceMappingURL=ButtonDropdown.js.map

package/components/Button/ButtonDropdownExtended.js

@@ -4,7 +4,7 @@ import { Dropdown as _ } from "../Dropdown/Dropdown.js";
 import { isKey as w } from "../../utils/keyboard.js";
 import { DropdownList as g } from "../Dropdown/desktop/DropdownList.js";
 import { c as A } from "../../chunks/vendor-CehxOAkM.js";
-const K = "buttonDropdownExtended__79d3d387", S = "buttonDropdownExtendedBlock__3ac30139", E = {
+const K = "buttonDropdownExtended__df325646", S = "buttonDropdownExtendedBlock__fc379e05", E = {
   buttonDropdownExtended: K,
   buttonDropdownExtendedBlock: S
 }, D = (s) => {
@@ -25,10 +25,10 @@ const K = "buttonDropdownExtended__79d3d387", S = "buttonDropdownExtendedBlock__
       const n = r.code || r.keyCode;
       e && (w(n, "ESCAPE") || p && w(n, "TAB")) && o(!1);
     }, d = (r) => {
-      const n = u.current, a = l.current;
+      const n = u.current, i = l.current;
       if (e) {
-        const i = r.target;
-        i && !(n != null && n.contains(i)) && !(a != null && a.contains(i)) && o(!1);
+        const a = r.target;
+        a && !(n != null && n.contains(a)) && !(i != null && i.contains(a)) && o(!1);
       }
     };
     return document.addEventListener("keydown", t), document.addEventListener("mousedown", d), document.addEventListener("touchstart", d), () => {

package/components/Button/ButtonIcon.js

@@ -1,29 +1,25 @@
-import { jsx as l } from "react/jsx-runtime";
-import i from "react";
-import { EButtonIconShape as c } from "./enums.js";
+import { jsx as i } from "react/jsx-runtime";
+import u from "react";
 import { c as m } from "../../chunks/vendor-CehxOAkM.js";
-const I = "buttonIcon__1e49546f", f = "circle__be682120", p = "squircle__ded68eda", o = {
-  buttonIcon: I,
-  circle: f,
+import { EButtonIconShape as c } from "./enums.js";
+const b = "buttonIcon__8507b62f", I = "circle__b3ec683c", p = "squircle__bba8dd3d", o = {
+  buttonIcon: b,
+  circle: I,
   squircle: p
-}, _ = (t) => {
-  switch (t) {
-    case c.SQUIRCLE:
-      return o.squircle;
-    case c.CIRCLE:
-      return o.circle;
-  }
-}, b = i.forwardRef(
-  ({ className: t, disabled: e, shape: n = c.SQUIRCLE, active: s, ...r }, a) => {
-    const u = m(o.buttonIcon, _(n), "hoverable", t, {
+}, f = {
+  [c.SQUIRCLE]: o.squircle,
+  [c.CIRCLE]: o.circle
+}, _ = u.forwardRef(
+  ({ className: e, disabled: t, shape: n = c.SQUIRCLE, active: s, ...r }, a) => {
+    const l = m(o.buttonIcon, f[n], "hoverable", e, {
       active: !!s,
-      disabled: !!e
+      disabled: !!t
     });
-    return /* @__PURE__ */ l("button", { className: u, disabled: e, ...r, ref: a });
+    return /* @__PURE__ */ i("button", { className: l, disabled: t, ...r, ref: a });
   }
 );
-b.displayName = "ButtonIcon";
+_.displayName = "ButtonIcon";
 export {
-  b as ButtonIcon
+  _ as ButtonIcon
 };
 //# sourceMappingURL=ButtonIcon.js.map

package/components/Button/enums.js

@@ -1,8 +1,7 @@
-var a = /* @__PURE__ */ ((r) => (r.DOTS_SECONDARY = "dots_secondary", r.DOTS_SECONDARY_LIGHT = "dots_secondary_light", r))(a || {}), d = /* @__PURE__ */ ((r) => (r.GENERAL = "general", r.SECONDARY = "secondary", r.SECONDARY_LIGHT = "secondary_light", r.DANGER = "danger", r.LINK = "link", r))(d || {}), R = /* @__PURE__ */ ((r) => (r.LG = "lg", r.MD = "md", r.SM = "sm", r))(R || {}), _ = /* @__PURE__ */ ((r) => (r.SQUIRCLE = "squircle", r.CIRCLE = "circle", r))(_ || {});
+var a = /* @__PURE__ */ ((r) => (r.DOTS_SECONDARY = "dots_secondary", r.DOTS_SECONDARY_LIGHT = "dots_secondary_light", r))(a || {}), R = /* @__PURE__ */ ((r) => (r.GENERAL = "general", r.SECONDARY = "secondary", r.SECONDARY_LIGHT = "secondary_light", r.DANGER = "danger", r.LINK = "link", r))(R || {}), _ = /* @__PURE__ */ ((r) => (r.SQUIRCLE = "squircle", r.CIRCLE = "circle", r))(_ || {});
 export {
   a as EButtonDotsTheme,
   _ as EButtonIconShape,
-  R as EButtonSize,
-  d as EButtonTheme
+  R as EButtonTheme
 };
 //# sourceMappingURL=enums.js.map

package/components/Button/index.js

@@ -1,18 +1,17 @@
 import { Button as e } from "./Button.js";
-import { ButtonBase as r } from "./ButtonBase.js";
-import { ButtonIcon as p } from "./ButtonIcon.js";
-import { ButtonDropdown as m } from "./ButtonDropdown.js";
+import { ButtonBase as n } from "./ButtonBase.js";
+import { ButtonIcon as B } from "./ButtonIcon.js";
+import { ButtonDropdown as u } from "./ButtonDropdown.js";
 import { ButtonDropdownExtended as f } from "./ButtonDropdownExtended.js";
-import { EButtonDotsTheme as d, EButtonIconShape as h, EButtonSize as D, EButtonTheme as a } from "./enums.js";
+import { EButtonDotsTheme as E, EButtonIconShape as h, EButtonTheme as D } from "./enums.js";
 export {
   e as Button,
-  r as ButtonBase,
-  m as ButtonDropdown,
+  n as ButtonBase,
+  u as ButtonDropdown,
   f as ButtonDropdownExtended,
-  p as ButtonIcon,
-  d as EButtonDotsTheme,
+  B as ButtonIcon,
+  E as EButtonDotsTheme,
   h as EButtonIconShape,
-  D as EButtonSize,
-  a as EButtonTheme
+  D as EButtonTheme
 };
 //# sourceMappingURL=index.js.map

package/components/Card/CardAction.js

@@ -10,8 +10,8 @@ import { EFocusSource as r } from "../../enums/EFocusSource.js";
 import { mapCardRoundingSizeToCssClass as x, mapCardThemeToCssClass as K } from "./utils.js";
 import { isKey as f } from "../../utils/keyboard.js";
 import { c as k } from "../../chunks/vendor-CehxOAkM.js";
-import { c as B } from "../../chunks/Card.module-Dh5vP2zv.js";
-const O = "action__9eb46b14", F = "selected__feadd5da", V = "focusVisible__740f2efc", a = {
+import { c as B } from "../../chunks/Card.module-NgdHcwYS.js";
+const O = "action__9c6aae7a", F = "selected__96fab4de", V = "focusVisible__f0bcc154", n = {
   action: O,
   selected: F,
   focusVisible: V
@@ -38,16 +38,16 @@ class l extends u.Component {
       s == null || s(e), f(e.keyCode, "SPACE") ? (e.preventDefault(), this.handleToggle()) : f(e.keyCode, "ENTER") && this.handleToggle();
     });
     o(this, "handleFocus", (e) => {
-      const { onFocus: s } = this.props, { focusSource: t } = this.state, { current: n } = this.ref;
-      s == null || s(e), !t && n === e.target && this.setState({ focusSource: r.KEYBOARD });
+      const { onFocus: s } = this.props, { focusSource: t } = this.state, { current: a } = this.ref;
+      s == null || s(e), !t && a === e.target && this.setState({ focusSource: r.KEYBOARD });
     });
     o(this, "handleBlur", (e) => {
       const { onBlur: s } = this.props, { current: t } = this.ref;
       s == null || s(e), t !== document.activeElement && t === e.target && this.setState({ focusSource: r.NONE });
     });
     o(this, "handleToggle", () => {
-      const { toggle: e, selected: s, onToggle: t } = this.props, { isControlled: n, isSelected: d } = this.state;
-      n ? e == null || e(!s) : this.setState(
+      const { toggle: e, selected: s, onToggle: t } = this.props, { isControlled: a, isSelected: d } = this.state;
+      a ? e == null || e(!s) : this.setState(
         (h) => ({ isSelected: !h.isSelected }),
         () => t == null ? void 0 : t(!d)
       );
@@ -62,7 +62,7 @@ class l extends u.Component {
       children: e,
       className: s,
       onClick: t,
-      onMouseDown: n,
+      onMouseDown: a,
       onKeyDown: d,
       onFocus: h,
       onBlur: z,
@@ -74,12 +74,12 @@ class l extends u.Component {
       ...C
     } = this.props, { isControlled: E, isSelected: g, focusSource: D } = this.state, N = k(
       B.card,
-      a.action,
+      n.action,
       K[S],
       x[p],
       {
-        [a.focusVisible]: D === r.KEYBOARD,
-        [a.selected]: E ? !!m : g
+        [n.focusVisible]: D === r.KEYBOARD,
+        [n.selected]: E ? !!m : g
       },
       s
     );
@@ -96,7 +96,7 @@ class l extends u.Component {
         role: "button",
         ...C,
         ref: this.ref,
-        "data-tx": "1.2.0",
+        "data-tx": "1.3.0",
         children: e
       }
     );

package/components/Card/CardStatic.js

@@ -3,7 +3,7 @@ import { CardContent as s } from "./components/CardContent/CardContent.js";
 import { CardMedia as e } from "./components/CardMedia.js";
 import { mapCardRoundingSizeToCssClass as C, mapCardThemeToCssClass as p } from "./utils.js";
 import { c } from "../../chunks/vendor-CehxOAkM.js";
-import { c as n } from "../../chunks/Card.module-Dh5vP2zv.js";
+import { c as n } from "../../chunks/Card.module-NgdHcwYS.js";
 import { ECardRoundingSize as f, ECardTheme as l } from "./enums.js";
 const a = ({
   children: r,
@@ -21,7 +21,7 @@ const a = ({
       o
     ),
     ...d,
-    "data-tx": "1.2.0",
+    "data-tx": "1.3.0",
     children: r
   }
 );

package/components/Card/components/CardContent/CardContent.js

@@ -4,7 +4,7 @@ import { CardContentHeader as i } from "./components/CardContentHeader.js";
 import { CardContentFooter as s } from "./components/CardContentFooter.js";
 import { ECardContentPaddingSize as t } from "../../enums.js";
 import { c as p } from "../../../../chunks/vendor-CehxOAkM.js";
-import { c as r } from "../../../../chunks/Card.module-Dh5vP2zv.js";
+import { c as r } from "../../../../chunks/Card.module-NgdHcwYS.js";
 const c = {
   [t.MD]: r.paddingMD,
   [t.SM]: r.paddingSM

package/components/Card/components/CardContent/components/CardContentBody.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { c as d } from "../../../../../chunks/vendor-CehxOAkM.js";
-import { c as s } from "../../../../../chunks/Card.module-Dh5vP2zv.js";
+import { c as s } from "../../../../../chunks/Card.module-NgdHcwYS.js";
 const m = ({ children: o, className: t, ...r }) => /* @__PURE__ */ a("div", { className: d(s.cardContentBody, t), ...r, children: o });
 m.displayName = "CardContentBody";
 export {

package/components/Card/components/CardContent/components/CardContentFooter.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { c as e } from "../../../../../chunks/vendor-CehxOAkM.js";
-import { c as s } from "../../../../../chunks/Card.module-Dh5vP2zv.js";
+import { c as s } from "../../../../../chunks/Card.module-NgdHcwYS.js";
 const m = ({ children: o, className: t, ...r }) => /* @__PURE__ */ a("div", { className: e(s.cardContentFooter, t), ...r, children: o });
 m.displayName = "CardContentFooter";
 export {

package/components/Card/components/CardContent/components/CardContentHeader.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as o } from "../../../../../chunks/vendor-CehxOAkM.js";
-import { c as d } from "../../../../../chunks/Card.module-Dh5vP2zv.js";
+import { c as d } from "../../../../../chunks/Card.module-NgdHcwYS.js";
 const s = ({ children: r, className: a, ...e }) => /* @__PURE__ */ t("div", { className: o(d.cardContentHeader, a), ...e, children: r });
 s.displayName = "CardContentHeader";
 export {

package/components/Card/components/CardMedia.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import { c as e } from "../../../chunks/vendor-CehxOAkM.js";
-import { c as m } from "../../../chunks/Card.module-Dh5vP2zv.js";
+import { c as m } from "../../../chunks/Card.module-NgdHcwYS.js";
 const o = ({ children: a, className: r, ...s }) => {
   const c = e(m.cardMedia, r);
   return /* @__PURE__ */ d("div", { className: c, ...s, children: a });

package/components/Card/utils.js

@@ -1,5 +1,5 @@
 import { ECardRoundingSize as r, ECardTheme as s } from "./enums.js";
-import { c as o } from "../../chunks/Card.module-Dh5vP2zv.js";
+import { c as o } from "../../chunks/Card.module-NgdHcwYS.js";
 const e = {
   [r.MD]: o.roundingMD,
   [r.SM]: o.roundingSM

package/components/CarouselExtended/CarouselExtended.js

@@ -1,22 +1,22 @@
 import { jsxs as p, jsx as b } from "react/jsx-runtime";
-import C, { useState as w, useRef as D, useCallback as L, useEffect as n } from "react";
+import C, { useState as w, useRef as D, useCallback as L, useEffect as d } from "react";
 import { l as M, c as S } from "../../chunks/vendor-CehxOAkM.js";
 import { scrollSmoothHorizontally as c } from "../../utils/scroll.js";
-const R = "carouselExtended__ce719d09", k = {
+const R = "carouselExtended__2cfe386e", k = {
   carouselExtended: R
 }, y = C.forwardRef(
   ({ children: l, buttonPrev: a, buttonNext: i, stepPrev: u, stepNext: f, ...h }, s) => {
     const [o, m] = w({ hidden: !0, nextDisabled: !1, prevDisabled: !0 }), r = D(null), t = L(() => {
-      const e = r.current, d = {
+      const e = r.current, n = {
         hidden: e.scrollWidth == e.clientWidth,
         nextDisabled: Math.round(e.scrollLeft) + e.offsetWidth >= e.scrollWidth,
         prevDisabled: Math.round(e.scrollLeft) <= 0
       };
-      M.isEqual(d, o) == !1 && m(d);
+      M.isEqual(n, o) == !1 && m(n);
     }, [o]);
-    n(() => (window.addEventListener("resize", t), document.addEventListener("scroll", t), () => {
+    d(() => (window.addEventListener("resize", t), document.addEventListener("scroll", t), () => {
       window.removeEventListener("resize", t), document.removeEventListener("scroll", t);
-    }), [t]), n(() => {
+    }), [t]), d(() => {
       t();
     }, [l, t]);
     const x = () => {

package/components/Checkbox/Checkbox.js

@@ -1,5 +1,5 @@
-import { jsxs as I, jsx as c } from "react/jsx-runtime";
-import N from "react";
+import { jsxs as N, jsx as c } from "react/jsx-runtime";
+import f from "react";
 import { CheckboxbulkStrokeSrvIcon24 as z, CheckboxtickStrokeSrvIcon24 as C } from "@sberbusiness/icons-next";
 import "../Typography/Title.js";
 import { Text as S } from "../Typography/Text.js";
@@ -8,7 +8,7 @@ import { ETextSize as l } from "../Typography/enums.js";
 import { EComponentSize as t } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as u } from "../../utils/classNameMaps.js";
 import { c as r } from "../../chunks/vendor-CehxOAkM.js";
-const y = "label__6720880a", T = "md__76775f34", M = "nonempty__91f75798", g = "lg__f582e31b", j = "disabled__38aa4ab3", v = "checkbox__c3df119b", B = "checkboxIcon__e34a72cd", D = "checkmarkIcon__cb338ddd", e = {
+const y = "label__02bab0ac", T = "md__cac442a7", M = "nonempty__c5510d2e", g = "lg__e18d740e", j = "disabled__78eaa990", v = "checkbox__a3e1f966", B = "checkboxIcon__1153eae2", D = "checkmarkIcon__6dd24d88", e = {
   label: y,
   md: T,
   nonempty: M,
@@ -20,29 +20,29 @@ const y = "label__6720880a", T = "md__76775f34", M = "nonempty__91f75798", g = "
 }, E = {
   [t.LG]: l.B2,
   [t.MD]: l.B3
-}, b = u(e), L = N.forwardRef((i, k) => {
+}, i = u(e), L = f.forwardRef((k, b) => {
   const {
-    children: s,
+    children: a,
     className: d,
     disabled: n,
     bulk: p,
     labelAttributes: o,
-    size: a = t.MD,
+    size: s = t.MD,
     ...x
-  } = i, h = r(e.checkbox, d, b[a]), _ = r(
+  } = k, h = r(e.checkbox, d, i[s]), _ = r(
     e.label,
-    b[a],
-    { [e.disabled]: !!n, [e.nonempty]: !!s },
+    i[s],
+    { [e.disabled]: !!n, [e.nonempty]: !!a },
     o == null ? void 0 : o.className
-  ), f = () => {
+  ), I = () => {
     const m = e.checkmarkIcon;
     return p ? /* @__PURE__ */ c(z, { className: m, paletteIndex: 7 }) : /* @__PURE__ */ c(C, { className: m, paletteIndex: 7 });
   };
-  return /* @__PURE__ */ I("label", { ...o, className: _, "data-tx": "1.2.0", children: [
-    /* @__PURE__ */ c("input", { type: "checkbox", className: h, disabled: n, ...x, ref: k }),
+  return /* @__PURE__ */ N("label", { ...o, className: _, "data-tx": "1.3.0", children: [
+    /* @__PURE__ */ c("input", { type: "checkbox", className: h, disabled: n, ...x, ref: b }),
     /* @__PURE__ */ c("span", { className: e.checkboxIcon }),
-    f(),
-    s && /* @__PURE__ */ c(S, { size: E[a], children: s })
+    I(),
+    a && /* @__PURE__ */ c(S, { size: E[s], children: a })
   ] });
 });
 L.displayName = "Checkbox";

package/components/Checkbox/CheckboxXGroup.js

@@ -1,20 +1,20 @@
 import { jsx as i } from "react/jsx-runtime";
 import { c as a } from "../../chunks/vendor-CehxOAkM.js";
-const r = "checkboxXGroup__205fd646", _ = "label__6720880a", e = {
+const r = "checkboxXGroup__0db8d96c", _ = "label__02bab0ac", e = {
   checkboxXGroup: r,
-  "indent-12": "indent-12__f3134b67",
+  "indent-12": "indent-12__b0a586cf",
   label: _,
-  "indent-16": "indent-16__e7b9ec94",
-  "indent-20": "indent-20__3ddfdde5",
-  "indent-24": "indent-24__8a2acc90",
-  "indent-28": "indent-28__328264a9",
-  "indent-32": "indent-32__0264ea00"
-}, l = (n) => {
-  const { children: t, className: c, indent: o = 12, ...d } = n, s = a(e.checkboxXGroup, e[`indent-${o}`], c);
-  return /* @__PURE__ */ i("div", { className: s, role: "group", ...d, children: t });
+  "indent-16": "indent-16__23bd78ef",
+  "indent-20": "indent-20__fdded4d9",
+  "indent-24": "indent-24__843736a1",
+  "indent-28": "indent-28__7c2de685",
+  "indent-32": "indent-32__42f034a8"
+}, b = (n) => {
+  const { children: c, className: t, indent: d = 12, ...o } = n, s = a(e.checkboxXGroup, e[`indent-${d}`], t);
+  return /* @__PURE__ */ i("div", { className: s, role: "group", ...o, children: c });
 };
-l.displayName = "CheckboxXGroup";
+b.displayName = "CheckboxXGroup";
 export {
-  l as CheckboxXGroup
+  b as CheckboxXGroup
 };
 //# sourceMappingURL=CheckboxXGroup.js.map

package/components/Checkbox/CheckboxYGroup.js

@@ -1,10 +1,10 @@
 import { jsx as p } from "react/jsx-runtime";
 import { c as t } from "../../chunks/vendor-CehxOAkM.js";
-const a = "checkboxYGroup__e4c005a5", x = {
+const a = "checkboxYGroup__5800f39a", x = {
   checkboxYGroup: a
 }, l = (o) => {
-  const { children: c, className: s, ...e } = o, r = t(x.checkboxYGroup, s);
-  return /* @__PURE__ */ p("div", { className: r, role: "group", ...e, children: c });
+  const { children: c, className: s, ...r } = o, e = t(x.checkboxYGroup, s);
+  return /* @__PURE__ */ p("div", { className: e, role: "group", ...r, children: c });
 };
 l.displayName = "CheckboxYGroup";
 export {

package/components/CheckboxTree/CheckboxTree.js

@@ -0,0 +1,39 @@
+import { jsx as n } from "react/jsx-runtime";
+import { CheckboxTreeExtended as t } from "../CheckboxTreeExtended/CheckboxTreeExtended.js";
+import { checkChildrenCheckboxes as f, traverseCheckboxes as g, checkParentCheckboxes as T } from "./utils.js";
+const h = ({ checkboxes: e, onChange: N }) => {
+  const p = (d) => (r) => {
+    const { checked: i } = r.target;
+    d.checked = d.bulk ? !0 : i, f(d), g(e, T), N([...e]);
+  }, a = (d, r, i) => /* @__PURE__ */ n(
+    t.Node,
+    {
+      id: d.id,
+      checkbox: (l) => /* @__PURE__ */ n(
+        t.Checkbox,
+        {
+          ...l,
+          onChange: p(d),
+          bulk: d.bulk,
+          checked: d.checked,
+          children: d.label
+        }
+      ),
+      prevNodeId: r == null ? void 0 : r.id,
+      nextNodeId: i == null ? void 0 : i.id,
+      children: d.children && d.children.map(
+        (l, m) => {
+          var s, u;
+          return a(l, (s = d.children) == null ? void 0 : s[m - 1], (u = d.children) == null ? void 0 : u[m + 1]);
+        }
+      )
+    },
+    d.id
+  );
+  return /* @__PURE__ */ n(t, { children: e.map((d, r) => a(d, e[r - 1], e[r + 1])) });
+};
+h.displayName = "CheckboxTree";
+export {
+  h as CheckboxTree
+};
+//# sourceMappingURL=CheckboxTree.js.map

package/components/CheckboxTree/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/CheckboxTree/utils.js

@@ -0,0 +1,22 @@
+const d = (e, r) => {
+  e.forEach((l) => {
+    l.children && d(l.children, r), r(l);
+  });
+}, t = (e) => {
+  if (!e.children)
+    return;
+  let r = 0, l = 0;
+  e.children.forEach((n) => {
+    n.checked && r++, n.bulk && l++;
+  }), r === e.children.length ? (e.checked = !0, e.bulk = l !== 0) : r > 0 ? (e.checked = !0, e.bulk = !0) : e.checked = !1;
+}, h = (e) => {
+  e.children && e.children.forEach((r) => {
+    r.checked = e.checked, h(r);
+  });
+};
+export {
+  h as checkChildrenCheckboxes,
+  t as checkParentCheckboxes,
+  d as traverseCheckboxes
+};
+//# sourceMappingURL=utils.js.map

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js

@@ -0,0 +1,13 @@
+import { jsx as x } from "react/jsx-runtime";
+import { CollapsableTree as c } from "../CollapsableTree/CollapsableTree.js";
+import { CheckboxTreeExtendedCheckbox as d } from "./components/CheckboxTreeExtendedCheckbox.js";
+import { CheckboxTreeExtendedNode as m } from "./components/CheckboxTreeExtendedNode.js";
+import { c as s } from "../../chunks/vendor-CehxOAkM.js";
+const e = ({ className: o, ...r }) => /* @__PURE__ */ x(c, { className: s("cssClass[checkboxTreeExtended]", o), ...r });
+e.displayName = "CheckboxTreeExtended";
+e.Checkbox = d;
+e.Node = m;
+export {
+  e as CheckboxTreeExtended
+};
+//# sourceMappingURL=CheckboxTreeExtended.js.map

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedArrow.js

@@ -0,0 +1,52 @@
+var a = Object.defineProperty;
+var c = (r, o, e) => o in r ? a(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e;
+var n = (r, o, e) => c(r, typeof o != "symbol" ? o + "" : o, e);
+import { jsx as p } from "react/jsx-runtime";
+import { CaretdownStrokeSrvIcon16 as l } from "@sberbusiness/icons-next";
+import { EVENT_KEY_CODES as d } from "../../../utils/keyboard.js";
+import h from "react";
+class N extends h.Component {
+  constructor() {
+    super(...arguments);
+    n(this, "arrowNode");
+    n(this, "setArrowNode", (e) => {
+      this.arrowNode = e;
+    });
+    n(this, "handleClick", () => {
+      const { opened: e, toggle: t } = this.props;
+      t(!e);
+    });
+    /**
+     * Обработчик нажатия клавиш.
+     * Стрелка вправо - раскрыть, влево - свернуть.
+     * Enter, space - изменить состояние на противоположное.
+     */
+    n(this, "handleKeyUp", (e) => {
+      const { opened: t, toggle: s } = this.props;
+      e.keyCode === d.ARROW_RIGHT ? s(!0) : e.keyCode === d.ARROW_LEFT ? s(!1) : [d.ENTER, d.SPACE].includes(e.keyCode) && s(!t);
+    });
+  }
+  componentDidUpdate(e) {
+    var i;
+    const { active: t } = this.props, { active: s } = e;
+    t && !s && ((i = this.arrowNode) == null || i.focus());
+  }
+  render() {
+    return /* @__PURE__ */ p(
+      "span",
+      {
+        className: "cssClass[caretIconWrapper]",
+        onClick: this.handleClick,
+        onKeyUp: this.handleKeyUp,
+        ref: this.setArrowNode,
+        role: "button",
+        tabIndex: -1,
+        children: /* @__PURE__ */ p(l, { paletteIndex: 0 })
+      }
+    );
+  }
+}
+export {
+  N as CheckboxTreeExtendedArrow
+};
+//# sourceMappingURL=CheckboxTreeExtendedArrow.js.map