@sberbusiness/triplex-next 0.11.0 → 0.13.0

package/components/Button/ButtonIcon.js

@@ -1,21 +1,21 @@
 import { jsx as l } from "react/jsx-runtime";
 import u from "react";
-import { c as m } from "../../chunks/vendor-BlJo2ILB.js";
+import { c as m } from "../../chunks/vendor-BARd5eYq.js";
 import { EButtonIconShape as o } from "./enums.js";
-const p = "buttonIcon__5542e403", I = "circle__edfc63b9", b = "squircle__66d7cf7d", c = {
+const p = "buttonIcon__2a026064", I = "circle__4414d652", b = "squircle__210245b7", t = {
   buttonIcon: p,
   circle: I,
   squircle: b
 }, f = {
-  [o.SQUIRCLE]: c.squircle,
-  [o.CIRCLE]: c.circle
+  [o.SQUIRCLE]: t.squircle,
+  [o.CIRCLE]: t.circle
 }, _ = u.forwardRef(
-  ({ className: e, disabled: t, shape: n = o.SQUIRCLE, active: s, ...r }, a) => {
-    const i = m(c.buttonIcon, f[n], "hoverable", e, {
-      active: !!s,
-      disabled: !!t
+  ({ className: n, disabled: c, shape: s = o.SQUIRCLE, active: e, ...r }, a) => {
+    const i = m(t.buttonIcon, f[s], "hoverable", n, {
+      active: !!e,
+      disabled: !!c
     });
-    return /* @__PURE__ */ l("button", { type: "button", className: i, disabled: t, ...r, ref: a });
+    return /* @__PURE__ */ l("button", { type: "button", className: i, disabled: c, ...r, ref: a });
   }
 );
 _.displayName = "ButtonIcon";

package/components/Calendar/Calendar.js

@@ -2,7 +2,7 @@ var M = Object.defineProperty;
 var H = (m, d, t) => d in m ? M(m, d, { enumerable: !0, configurable: !0, writable: !0, value: t }) : m[d] = t;
 var p = (m, d, t) => H(m, typeof d != "symbol" ? d + "" : d, t);
 import { jsx as h, jsxs as S } from "react/jsx-runtime";
-import { a as I, j as D, c as R } from "../../chunks/vendor-BlJo2ILB.js";
+import { a as I, j as D, c as R } from "../../chunks/vendor-BARd5eYq.js";
 import V from "react";
 import { globalLimitRange as O, dateFormatYYYYMMDD as x } from "../../consts/DateConst.js";
 import { ECalendarPickType as y, ECalendarViewMode as l } from "./enums.js";
@@ -12,7 +12,7 @@ import { CalendarView as _ } from "./components/CalendarView.js";
 import { CalendarFooter as j } from "./components/CalendarFooter.js";
 import { CalendarFooterButton as v } from "./components/CalendarFooterButton.js";
 import { parsePickedDate as f, formatDate as P, getHeader as E } from "./utils.js";
-const q = "calendar__e9314893", L = "adaptive__421f82c0", k = {
+const q = "calendar__522a20a9", L = "adaptive__1e35e9a4", k = {
   calendar: q,
   adaptive: L
 };
@@ -136,7 +136,7 @@ class g extends V.PureComponent {
     } = this.props, { viewMode: A, viewDate: B, header: Y } = this.state, F = R(k.calendar, {
       [k.adaptive]: !!this.props.adaptiveMode
     }), b = f(this.props.pickedDate, t);
-    return /* @__PURE__ */ h("div", { className: F, "data-tx": "0.11.0", children: /* @__PURE__ */ S(
+    return /* @__PURE__ */ h("div", { className: F, "data-tx": "0.13.0", children: /* @__PURE__ */ S(
       w.Provider,
       {
         value: {

package/components/Calendar/CalendarContext.js

@@ -1,5 +1,5 @@
 import e from "react";
-import { j as a } from "../../chunks/vendor-BlJo2ILB.js";
+import { j as a } from "../../chunks/vendor-BARd5eYq.js";
 import { globalLimitRange as o, dateFormatYYYYMMDD as t } from "../../consts/DateConst.js";
 import { ECalendarViewMode as r, ECalendarPickType as i } from "./enums.js";
 const c = e.createContext({

package/components/Calendar/components/CalendarControls.js

@@ -8,7 +8,7 @@ import { EButtonIconShape as b, EButtonTheme as L } from "../../Button/enums.js"
 import { ECalendarViewMode as e } from "../enums.js";
 import { globalLimitRange as E } from "../../../consts/DateConst.js";
 import { EComponentSize as V } from "../../../enums/EComponentSize.js";
-const U = "calendarControls__4613eb84", j = {
+const U = "calendarControls__86fc3ab4", j = {
   calendarControls: U
 }, X = ({
   children: m,

package/components/Calendar/components/CalendarFooter.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-const a = "calendarFooter__cee692dd", r = {
+const a = "calendarFooter__ede84cfc", r = {
   calendarFooter: a
 }, t = ({ children: e }) => /* @__PURE__ */ o("div", { className: r.calendarFooter, children: e });
 t.displayName = "CalendarFooter";

package/components/Calendar/components/CalendarViewDays.js

@@ -1,10 +1,10 @@
 import { jsxs as U, jsx as l } from "react/jsx-runtime";
-import { j as c, c as H } from "../../../chunks/vendor-BlJo2ILB.js";
+import { j as c, c as H } from "../../../chunks/vendor-BARd5eYq.js";
 import { useContext as R, useCallback as O, useState as L, useEffect as q } from "react";
 import { isDateOutOfRange as g, isDayDisabled as z } from "../utils.js";
 import { WEEKDAYS_SET as J } from "../../../consts/DateConst.js";
 import { CalendarViewContext as Q } from "../CalendarViewContext.js";
-import { s as y, C as X } from "../../../chunks/CalendarViewItem-2IOAiJCi.js";
+import { s as y, C as X } from "../../../chunks/CalendarViewItem-DML7yFTS.js";
 import { isKey as d } from "../../../utils/keyboard.js";
 import { ECalendarDateMarkType as Z, ECalendarViewMode as E } from "../enums.js";
 import { CalendarContext as ee } from "../CalendarContext.js";

package/components/Calendar/components/CalendarViewItem.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
-import "../../../chunks/vendor-BlJo2ILB.js";
+import "../../../chunks/vendor-BARd5eYq.js";
 import "react";
 import "../enums.js";
 import "../CalendarViewContext.js";
 import "../../../utils/keyboard.js";
-import { C } from "../../../chunks/CalendarViewItem-2IOAiJCi.js";
+import { C } from "../../../chunks/CalendarViewItem-DML7yFTS.js";
 export {
   C as CalendarViewItem
 };

package/components/Calendar/components/CalendarViewMonths.js

@@ -1,10 +1,10 @@
 import { jsx as f } from "react/jsx-runtime";
 import { useContext as S, useCallback as O, useState as F, useEffect as G } from "react";
-import { j as h } from "../../../chunks/vendor-BlJo2ILB.js";
+import { j as h } from "../../../chunks/vendor-BARd5eYq.js";
 import { CalendarContext as H } from "../CalendarContext.js";
 import { CalendarViewContext as K } from "../CalendarViewContext.js";
 import { isDateOutOfRange as R } from "../utils.js";
-import { s as j, C as k } from "../../../chunks/CalendarViewItem-2IOAiJCi.js";
+import { s as j, C as k } from "../../../chunks/CalendarViewItem-DML7yFTS.js";
 import { isKey as l } from "../../../utils/keyboard.js";
 import { ECalendarPickType as B, ECalendarViewMode as u } from "../enums.js";
 const Z = ({ pickedDate: r, monthHtmlAttributes: T = {} }) => {

package/components/Calendar/components/CalendarViewYears.js

@@ -1,10 +1,10 @@
 import { jsx as f } from "react/jsx-runtime";
 import { useContext as h, useCallback as C, useState as v, useEffect as F } from "react";
-import { j as w } from "../../../chunks/vendor-BlJo2ILB.js";
+import { j as w } from "../../../chunks/vendor-BARd5eYq.js";
 import { CalendarContext as N } from "../CalendarContext.js";
 import { CalendarViewContext as G } from "../CalendarViewContext.js";
 import { isDateOutOfRange as O } from "../utils.js";
-import { s as K, C as j } from "../../../chunks/CalendarViewItem-2IOAiJCi.js";
+import { s as K, C as j } from "../../../chunks/CalendarViewItem-DML7yFTS.js";
 import { isKey as i } from "../../../utils/keyboard.js";
 import { ECalendarViewMode as y } from "../enums.js";
 const Q = ({ pickedDate: s, yearHtmlAttributes: S = {} }) => {

package/components/Calendar/utils.js

@@ -1,4 +1,4 @@
-import { j as s } from "../../chunks/vendor-BlJo2ILB.js";
+import { j as s } from "../../chunks/vendor-BARd5eYq.js";
 import { globalLimitRange as f, headerDateFormat as i } from "../../consts/DateConst.js";
 import { ECalendarViewMode as a } from "./enums.js";
 function Y(e, r) {

package/components/Card/CardAction.js

@@ -1,17 +1,17 @@
-var b = Object.defineProperty;
-var y = (c, i, e) => i in c ? b(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
-var o = (c, i, e) => y(c, typeof i != "symbol" ? i + "" : i, e);
-import { jsx as R } from "react/jsx-runtime";
+var y = Object.defineProperty;
+var R = (c, i, e) => i in c ? y(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
+var o = (c, i, e) => R(c, typeof i != "symbol" ? i + "" : i, e);
+import { jsx as T } from "react/jsx-runtime";
 import u from "react";
-import { CardContent as T } from "./components/CardContent/CardContent.js";
+import { CardContent as b } from "./components/CardContent/CardContent.js";
 import { CardMedia as M } from "./components/CardMedia.js";
 import { ECardRoundingSize as w, ECardTheme as x } from "./enums.js";
 import { EFocusSource as r } from "../../enums/EFocusSource.js";
 import { mapCardRoundingSizeToCssClass as K, mapCardThemeToCssClass as _ } from "./utils.js";
-import { isKey as p } from "../../utils/keyboard.js";
-import { c as k } from "../../chunks/vendor-BlJo2ILB.js";
-import { c as B } from "../../chunks/Card.module-CTH4ur-u.js";
-const O = "action__ed0be0d5", F = "selected__ba96e304", V = "focusVisible__8d20a174", a = {
+import { isKey as f } from "../../utils/keyboard.js";
+import { c as k } from "../../chunks/vendor-BARd5eYq.js";
+import { c as B } from "../../chunks/Card.module-Bg8-F1uZ.js";
+const O = "action__74719242", F = "selected__9ef7d141", V = "focusVisible__ea567f7f", a = {
   action: O,
   selected: F,
   focusVisible: V
@@ -35,7 +35,7 @@ class l extends u.Component {
     });
     o(this, "handleKeyDown", (e) => {
       const { onKeyDown: s } = this.props;
-      s == null || s(e), p(e.keyCode, "SPACE") ? (e.preventDefault(), this.handleToggle()) : p(e.keyCode, "ENTER") && this.handleToggle();
+      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;
@@ -66,7 +66,7 @@ class l extends u.Component {
       onKeyDown: d,
       onFocus: h,
       onBlur: z,
-      roundingSize: f = w.MD,
+      roundingSize: p = w.MD,
       onToggle: A,
       selected: m,
       toggle: U,
@@ -76,14 +76,14 @@ class l extends u.Component {
       B.card,
       a.action,
       _[S],
-      K[f],
+      K[p],
       {
         [a.focusVisible]: D === r.KEYBOARD,
         [a.selected]: E ? !!m : g
       },
       s
     );
-    return /* @__PURE__ */ R(
+    return /* @__PURE__ */ T(
       "div",
       {
         className: N,
@@ -96,13 +96,13 @@ class l extends u.Component {
         role: "button",
         ...C,
         ref: this.ref,
-        "data-tx": "0.11.0",
+        "data-tx": "0.13.0",
         children: e
       }
     );
   }
 }
-o(l, "displayName", "CardAction"), o(l, "Content", T), o(l, "Media", M);
+o(l, "displayName", "CardAction"), o(l, "Content", b), o(l, "Media", M);
 export {
   l as CardAction
 };

package/components/Card/CardStatic.js

@@ -2,8 +2,8 @@ import { jsx as i } from "react/jsx-runtime";
 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-BlJo2ILB.js";
-import { c as n } from "../../chunks/Card.module-CTH4ur-u.js";
+import { c } from "../../chunks/vendor-BARd5eYq.js";
+import { c as n } from "../../chunks/Card.module-Bg8-F1uZ.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": "0.11.0",
+    "data-tx": "0.13.0",
     children: r
   }
 );

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

@@ -3,8 +3,8 @@ import { CardContentBody as C } from "./components/CardContentBody.js";
 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-BlJo2ILB.js";
-import { c as r } from "../../../../chunks/Card.module-CTH4ur-u.js";
+import { c as p } from "../../../../chunks/vendor-BARd5eYq.js";
+import { c as r } from "../../../../chunks/Card.module-Bg8-F1uZ.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-BlJo2ILB.js";
-import { c as s } from "../../../../../chunks/Card.module-CTH4ur-u.js";
+import { c as d } from "../../../../../chunks/vendor-BARd5eYq.js";
+import { c as s } from "../../../../../chunks/Card.module-Bg8-F1uZ.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-BlJo2ILB.js";
-import { c as s } from "../../../../../chunks/Card.module-CTH4ur-u.js";
+import { c as e } from "../../../../../chunks/vendor-BARd5eYq.js";
+import { c as s } from "../../../../../chunks/Card.module-Bg8-F1uZ.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-BlJo2ILB.js";
-import { c as d } from "../../../../../chunks/Card.module-CTH4ur-u.js";
+import { c as o } from "../../../../../chunks/vendor-BARd5eYq.js";
+import { c as d } from "../../../../../chunks/Card.module-Bg8-F1uZ.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-BlJo2ILB.js";
-import { c as m } from "../../../chunks/Card.module-CTH4ur-u.js";
+import { c as e } from "../../../chunks/vendor-BARd5eYq.js";
+import { c as m } from "../../../chunks/Card.module-Bg8-F1uZ.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-CTH4ur-u.js";
+import { c as o } from "../../chunks/Card.module-Bg8-F1uZ.js";
 const e = {
   [r.MD]: o.roundingMD,
   [r.SM]: o.roundingSM

package/components/CarouselExtended/CarouselExtended.js

@@ -1,8 +1,8 @@
 import { jsxs as p, jsx as b } from "react/jsx-runtime";
 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-BlJo2ILB.js";
+import { l as M, c as S } from "../../chunks/vendor-BARd5eYq.js";
 import { scrollSmoothHorizontally as c } from "../../utils/scroll.js";
-const R = "carouselExtended__5a77c87d", k = {
+const R = "carouselExtended__1b4da61e", k = {
   carouselExtended: R
 }, y = C.forwardRef(
   ({ children: l, buttonPrev: a, buttonNext: i, stepPrev: u, stepNext: f, ...h }, s) => {

package/components/Checkbox/Checkbox.js

@@ -1,5 +1,5 @@
-import { jsxs as N, jsx as c } from "react/jsx-runtime";
-import f from "react";
+import { jsxs as I, jsx as c } from "react/jsx-runtime";
+import N from "react";
 import { CheckboxbulkStrokeSrvIcon24 as S, CheckboxtickStrokeSrvIcon24 as z } from "@sberbusiness/icons-next";
 import "../Typography/Title.js";
 import { Text as C } from "../Typography/Text.js";
@@ -7,8 +7,8 @@ import "../Typography/Caption.js";
 import { ETextSize as n } from "../Typography/enums.js";
 import { EComponentSize as s } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as y } from "../../utils/classNameMaps.js";
-import { c as l } from "../../chunks/vendor-BlJo2ILB.js";
-const u = "label__5ec1f5ec", M = "sm__6a22d0de", T = "nonempty__db2500bd", g = "md__21829ab8", B = "lg__a0b190bb", j = "disabled__a52cd539", v = "checkbox__a25e4b31", D = "checkboxIcon__a8186e15", E = "checkmarkIcon__40fac467", e = {
+import { c as l } from "../../chunks/vendor-BARd5eYq.js";
+const u = "label__30278c57", M = "sm__aec9f73e", T = "nonempty__5f503596", g = "md__5e149af9", B = "lg__b30a3c6e", j = "disabled__748735b2", v = "checkbox__c7effc6f", D = "checkboxIcon__e34eba1f", E = "checkmarkIcon__dac1c883", e = {
   label: u,
   sm: M,
   nonempty: T,
@@ -22,28 +22,28 @@ const u = "label__5ec1f5ec", M = "sm__6a22d0de", T = "nonempty__db2500bd", g = "
   [s.LG]: n.B2,
   [s.MD]: n.B3,
   [s.SM]: n.B4
-}, b = y(e), R = f.forwardRef((i, k) => {
+}, i = y(e), R = N.forwardRef((b, k) => {
   const {
     children: a,
-    className: d,
+    className: p,
     disabled: m,
-    bulk: p,
+    bulk: x,
     labelAttributes: o,
     size: t = s.MD,
-    ...x
-  } = i, h = l(e.checkbox, d, b[t]), _ = l(
+    ...d
+  } = b, h = l(e.checkbox, p, i[t]), _ = l(
     e.label,
-    b[t],
+    i[t],
     { [e.disabled]: !!m, [e.nonempty]: !!a },
     o == null ? void 0 : o.className
-  ), I = () => {
+  ), f = () => {
     const r = e.checkmarkIcon;
-    return p ? /* @__PURE__ */ c(S, { className: r, paletteIndex: 7 }) : /* @__PURE__ */ c(z, { className: r, paletteIndex: 7 });
+    return x ? /* @__PURE__ */ c(S, { className: r, paletteIndex: 7 }) : /* @__PURE__ */ c(z, { className: r, paletteIndex: 7 });
   };
-  return /* @__PURE__ */ N("label", { ...o, className: _, "data-tx": "0.11.0", children: [
-    /* @__PURE__ */ c("input", { type: "checkbox", className: h, disabled: m, ...x, ref: k }),
+  return /* @__PURE__ */ I("label", { ...o, className: _, "data-tx": "0.13.0", children: [
+    /* @__PURE__ */ c("input", { type: "checkbox", className: h, disabled: m, ...d, ref: k }),
     /* @__PURE__ */ c("span", { className: e.checkboxIcon }),
-    I(),
+    f(),
     a && /* @__PURE__ */ c(C, { size: L[t], children: a })
   ] });
 });

package/components/Checkbox/CheckboxXGroup.js

@@ -1,17 +1,17 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as a } from "../../chunks/vendor-BlJo2ILB.js";
-const r = "checkboxXGroup__d31073da", _ = "label__5ec1f5ec", e = {
-  checkboxXGroup: r,
-  "indent-12": "indent-12__e3fa51ee",
-  label: _,
-  "indent-16": "indent-16__852edda7",
-  "indent-20": "indent-20__00549a20",
-  "indent-24": "indent-24__205cba1b",
-  "indent-28": "indent-28__e8fc996b",
-  "indent-32": "indent-32__423a2f0b"
-}, l = (n) => {
-  const { children: c, className: t, indent: o = 12, ...d } = n, s = a(e.checkboxXGroup, e[`indent-${o}`], t);
-  return /* @__PURE__ */ i("div", { className: s, role: "group", ...d, children: c });
+import { jsx as d } from "react/jsx-runtime";
+import { c as r } from "../../chunks/vendor-BARd5eYq.js";
+const _ = "checkboxXGroup__5d36359f", a = "label__30278c57", n = {
+  checkboxXGroup: _,
+  "indent-12": "indent-12__898c092c",
+  label: a,
+  "indent-16": "indent-16__930ff459",
+  "indent-20": "indent-20__851a40c4",
+  "indent-24": "indent-24__89010829",
+  "indent-28": "indent-28__a40b8105",
+  "indent-32": "indent-32__ef7cf1b0"
+}, l = (e) => {
+  const { children: c, className: t, indent: o = 12, ...s } = e, i = r(n.checkboxXGroup, n[`indent-${o}`], t);
+  return /* @__PURE__ */ d("div", { className: i, role: "group", ...s, children: c });
 };
 l.displayName = "CheckboxXGroup";
 export {

package/components/Checkbox/CheckboxYGroup.js

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

package/components/CheckboxTree/CheckboxTree.js

@@ -1,19 +1,20 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as l } 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) => {
+import { checkChildrenCheckboxes as f, traverseCheckboxes as g, checkParentCheckboxes as C } from "./utils.js";
+import { EComponentSize as T } from "../../enums/EComponentSize.js";
+const h = ({ checkboxes: e, onChange: o, size: u = T.MD }) => {
+  const N = (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(
+    d.checked = d.bulk ? !0 : i, f(d), g(e, C), o([...e]);
+  }, m = (d, r, i) => /* @__PURE__ */ l(
     t.Node,
     {
       id: d.id,
-      checkbox: (l) => /* @__PURE__ */ n(
+      checkbox: (n) => /* @__PURE__ */ l(
         t.Checkbox,
         {
-          ...l,
-          onChange: p(d),
+          ...n,
+          onChange: N(d),
           bulk: d.bulk,
           checked: d.checked,
           children: d.label
@@ -22,15 +23,15 @@ const h = ({ checkboxes: e, onChange: N }) => {
       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]);
+        (n, a) => {
+          var p, s;
+          return m(n, (p = d.children) == null ? void 0 : p[a - 1], (s = d.children) == null ? void 0 : s[a + 1]);
         }
       )
     },
     d.id
   );
-  return /* @__PURE__ */ n(t, { children: e.map((d, r) => a(d, e[r - 1], e[r + 1])) });
+  return /* @__PURE__ */ l(t, { size: u, children: e.map((d, r) => m(d, e[r - 1], e[r + 1])) });
 };
 h.displayName = "CheckboxTree";
 export {

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js

@@ -1,13 +1,15 @@
-import { jsx as x } from "react/jsx-runtime";
-import { CollapsableTree as m } from "../CollapsableTree/CollapsableTree.js";
-import { CheckboxTreeExtendedCheckbox as t } from "./components/CheckboxTreeExtendedCheckbox.js";
-import { CheckboxTreeExtendedNode as d } from "./components/CheckboxTreeExtendedNode.js";
-import { c } from "../../chunks/vendor-BlJo2ILB.js";
-import { s } from "../../chunks/CheckboxTreeExtended.module-DKqKzsOD.js";
-const e = ({ className: o, ...r }) => /* @__PURE__ */ x(m, { className: c(s.checkboxTreeExtended, o), ...r });
+import { jsx as o } from "react/jsx-runtime";
+import { CollapsableTree as x } from "../CollapsableTree/CollapsableTree.js";
+import { CheckboxTreeExtendedCheckbox as d } from "./components/CheckboxTreeExtendedCheckbox.js";
+import { CheckboxTreeExtendedNode as c } from "./components/CheckboxTreeExtendedNode.js";
+import { CheckboxTreeExtendedContext as i } from "./CheckboxTreeExtendedContext.js";
+import { c as p } from "../../chunks/vendor-BARd5eYq.js";
+import { EComponentSize as s } from "../../enums/EComponentSize.js";
+import { s as n } from "../../chunks/CheckboxTreeExtended.module-CZ2ujs_6.js";
+const e = ({ className: r, size: t = s.MD, ...m }) => /* @__PURE__ */ o(i.Provider, { value: { size: t }, children: /* @__PURE__ */ o(x, { className: p(n.checkboxTreeExtended, r), ...m }) });
 e.displayName = "CheckboxTreeExtended";
-e.Checkbox = t;
-e.Node = d;
+e.Checkbox = d;
+e.Node = c;
 export {
   e as CheckboxTreeExtended
 };

package/components/CheckboxTreeExtended/CheckboxTreeExtendedContext.js

@@ -0,0 +1,12 @@
+import e from "react";
+import { EComponentSize as t } from "../../enums/EComponentSize.js";
+const o = {
+  size: t.MD
+}, x = e.createContext(
+  o
+);
+export {
+  x as CheckboxTreeExtendedContext,
+  o as initialCheckboxTreeExtendedContext
+};
+//# sourceMappingURL=CheckboxTreeExtendedContext.js.map

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedArrow.js

@@ -5,7 +5,7 @@ import { jsx as p } from "react/jsx-runtime";
 import { CaretdownStrokeSrvIcon16 as l } from "@sberbusiness/icons-next";
 import { EVENT_KEY_CODES as i } from "../../../utils/keyboard.js";
 import h from "react";
-import { s as m } from "../../../chunks/CheckboxTreeExtended.module-DKqKzsOD.js";
+import { s as m } from "../../../chunks/CheckboxTreeExtended.module-CZ2ujs_6.js";
 class x extends h.Component {
   constructor() {
     super(...arguments);

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.js

@@ -1,40 +1,37 @@
-var n = Object.defineProperty;
-var x = (c, o, e) => o in c ? n(c, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[o] = e;
-var s = (c, o, e) => x(c, typeof o != "symbol" ? o + "" : o, e);
-import { jsx as b } from "react/jsx-runtime";
-import m from "react";
-import { Checkbox as d } from "../../Checkbox/Checkbox.js";
-import { c as p } from "../../../chunks/vendor-BlJo2ILB.js";
-import { s as a } from "../../../chunks/CheckboxTreeExtended.module-DKqKzsOD.js";
-class v extends m.Component {
-  constructor() {
-    super(...arguments);
-    s(this, "checkboxNode");
-    s(this, "handleFocus", (e) => {
-    });
-    s(this, "setCheckboxNode", (e) => {
-      this.checkboxNode = e;
-    });
-  }
-  componentDidUpdate(e) {
-    var t, i;
-    const { active: r } = this.props, { active: h } = e;
-    r && !h && ((t = document.activeElement) != null && t.contains(this.checkboxNode) || (i = this.checkboxNode) == null || i.focus());
-  }
-  render() {
-    const { active: e, className: r, opened: h, ...t } = this.props;
-    return /* @__PURE__ */ b(
-      d,
-      {
-        className: p(a.checkboxTreeCheckbox, r),
-        ref: this.setCheckboxNode,
-        labelAttributes: { className: a.checkboxTreeCheckboxLabel, onFocus: this.handleFocus },
-        ...t
-      }
-    );
-  }
-}
+import { jsx as a } from "react/jsx-runtime";
+import { useRef as h, useContext as u, useEffect as d } from "react";
+import { Checkbox as f } from "../../Checkbox/Checkbox.js";
+import { c as i } from "../../../chunks/vendor-BARd5eYq.js";
+import { s as t } from "../../../chunks/CheckboxTreeExtended.module-CZ2ujs_6.js";
+import { CheckboxTreeExtendedContext as k } from "../CheckboxTreeExtendedContext.js";
+const l = ({
+  active: r,
+  className: s,
+  opened: C,
+  ...n
+}) => {
+  const o = h(null), { size: x } = u(k);
+  d(() => {
+    var e, c;
+    (e = document.activeElement) != null && e.contains(o.current) || (c = o.current) == null || c.focus();
+  }, [r]);
+  const m = (e) => {
+  }, b = (e) => {
+    o.current = e;
+  };
+  return /* @__PURE__ */ a(
+    f,
+    {
+      className: i(t.checkboxTreeCheckbox, s),
+      ref: b,
+      labelAttributes: { className: t.checkboxTreeCheckboxLabel, onFocus: m },
+      size: x,
+      ...n
+    }
+  );
+};
+l.displayName = "CheckboxTreeExtendedCheckbox";
 export {
-  v as CheckboxTreeExtendedCheckbox
+  l as CheckboxTreeExtendedCheckbox
 };
 //# sourceMappingURL=CheckboxTreeExtendedCheckbox.js.map