@sberbusiness/triplex-next 0.28.0 → 0.30.0

package/components/FormField/components/FormFieldPostfix.js

@@ -1,24 +1,31 @@
-import { jsx as l } from "react/jsx-runtime";
-import d, { useContext as x, useRef as u, useEffect as F } from "react";
-import { FormFieldContext as p } from "../FormFieldContext.js";
-import { c as a } from "../../../chunks/vendor---Om3uMV.js";
-const P = "formFieldPostfix__15f8e776", R = {
-  formFieldPostfix: P
-}, h = d.forwardRef(
-  ({ children: s, className: i, ...r }, o) => {
-    const f = a(R.formFieldPostfix, i), { postfixWidth: n, setPostfixWidth: c } = x(p), e = u(), m = (t) => {
-      e.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
+import { jsx as u } from "react/jsx-runtime";
+import F, { useContext as a, useRef as p, useEffect as P } from "react";
+import { c as R } from "../../../chunks/vendor-z35N2Tap.js";
+import { FormFieldContext as _ } from "../FormFieldContext.js";
+import { TARGET_PADDING_X_DEFAULT as w } from "../consts.js";
+const N = "formFieldPostfix__3266226f", b = {
+  formFieldPostfix: N
+}, g = F.forwardRef(
+  ({ children: n, className: c, ...m }, t) => {
+    const { setPostfixWidth: o } = a(_), s = p(), l = R(b.formFieldPostfix, c), d = (e) => {
+      s.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
     };
-    return F(() => {
-      if (!e.current)
+    return P(() => {
+      const e = s.current;
+      if (!e)
         return;
-      const { width: t } = e.current.getBoundingClientRect();
-      t !== n && c(t);
-    }), /* @__PURE__ */ l("span", { className: f, ref: m, ...r, children: s });
+      const r = new ResizeObserver(([x]) => {
+        const i = x.target.getBoundingClientRect().width;
+        o((f) => f !== i ? i : f);
+      });
+      return r.observe(e), () => {
+        r.disconnect(), o(w);
+      };
+    }, [o]), /* @__PURE__ */ u("span", { className: l, ...m, ref: d, children: n });
   }
 );
-h.displayName = "FormFieldPostfix";
+g.displayName = "FormFieldPostfix";
 export {
-  h as FormFieldPostfix
+  g as FormFieldPostfix
 };
 //# sourceMappingURL=FormFieldPostfix.js.map

package/components/FormField/components/FormFieldPrefix.js

@@ -1,24 +1,31 @@
-import { jsx as l } from "react/jsx-runtime";
-import d, { useContext as x, useRef as u, useEffect as a } from "react";
-import { FormFieldContext as F } from "../FormFieldContext.js";
-import { c as p } from "../../../chunks/vendor---Om3uMV.js";
-const P = "formFieldPrefix__aa0000e2", R = {
-  formFieldPrefix: P
-}, h = d.forwardRef(
-  ({ children: o, className: i, ...f }, r) => {
-    const s = p(R.formFieldPrefix, i), { prefixWidth: n, setPrefixWidth: c } = x(F), t = u(), m = (e) => {
-      t.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
+import { jsx as u } from "react/jsx-runtime";
+import F, { useContext as a, useRef as p, useEffect as P } from "react";
+import { c as R } from "../../../chunks/vendor-z35N2Tap.js";
+import { FormFieldContext as _ } from "../FormFieldContext.js";
+import { TARGET_PADDING_X_DEFAULT as w } from "../consts.js";
+const N = "formFieldPrefix__fa176879", b = {
+  formFieldPrefix: N
+}, g = F.forwardRef(
+  ({ children: n, className: c, ...m }, r) => {
+    const { setPrefixWidth: t } = a(_), o = p(), l = R(b.formFieldPrefix, c), d = (e) => {
+      o.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
     };
-    return a(() => {
-      if (!t.current)
+    return P(() => {
+      const e = o.current;
+      if (!e)
         return;
-      const { width: e } = t.current.getBoundingClientRect();
-      e !== n && c(e);
-    }), /* @__PURE__ */ l("span", { className: s, ref: m, ...f, children: o });
+      const s = new ResizeObserver(([x]) => {
+        const i = x.target.getBoundingClientRect().width;
+        t((f) => f !== i ? i : f);
+      });
+      return s.observe(e), () => {
+        s.disconnect(), t(w);
+      };
+    }, [t]), /* @__PURE__ */ u("span", { className: l, ...m, ref: d, children: n });
   }
 );
-h.displayName = "FormFieldPrefix";
+g.displayName = "FormFieldPrefix";
 export {
-  h as FormFieldPrefix
+  g as FormFieldPrefix
 };
 //# sourceMappingURL=FormFieldPrefix.js.map

package/components/FormField/components/FormFieldTarget.js

@@ -1,10 +1,10 @@
-import { jsx as b } from "react/jsx-runtime";
-import f, { useContext as S, useMemo as g, useLayoutEffect as h, useCallback as F } from "react";
-import { u as y, c as A } from "../../../chunks/vendor---Om3uMV.js";
+import { jsx as f } from "react/jsx-runtime";
+import b, { useContext as S, useMemo as g, useLayoutEffect as h, useCallback as F } from "react";
+import { u as y, c as A } from "../../../chunks/vendor-z35N2Tap.js";
 import { FormFieldContext as L } from "../FormFieldContext.js";
 import { EFormFieldStatus as d } from "../enums.js";
 import { createSizeToClassNameMap as W } from "../../../utils/classNameMaps.js";
-const z = "formFieldTarget__2eb5b199", M = "sm__03b1ce1c", R = "md__35be776a", j = "lg__eb185181", k = "placeholder__e3de647c", q = "disabled__d0a25adf", w = "placeholderWrapper__6a725d70", B = "active__e3b267de", e = {
+const z = "formFieldTarget__6a88c343", M = "sm__e47ada85", R = "md__c943e3eb", j = "lg__e66758b5", k = "placeholder__6f67592c", q = "disabled__38a93b45", w = "placeholderWrapper__056999d0", B = "active__c19ce769", e = {
   formFieldTarget: z,
   sm: M,
   md: R,
@@ -13,9 +13,9 @@ const z = "formFieldTarget__2eb5b199", M = "sm__03b1ce1c", R = "md__35be776a", j
   disabled: q,
   placeholderWrapper: w,
   active: B
-}, G = W(e), H = f.forwardRef(
-  ({ children: o, id: c, className: T, placeholder: p, onFocus: a, onBlur: t, ...D }, I) => {
-    const { size: u, status: s, active: v, labelId: x, setFilled: n, setFocused: r, setTargetId: _ } = S(L), i = g(() => c === void 0 ? y("target_") : c, [c]), l = g(() => f.Children.toArray(o).length !== 0, [o]), E = A(e.formFieldTarget, G[u], T, {
+}, G = W(e), H = b.forwardRef(
+  ({ children: c, id: o, className: T, placeholder: p, onFocus: a, onBlur: t, ...D }, I) => {
+    const { size: u, status: s, active: v, labelId: x, setFilled: n, setFocused: r, setTargetId: _ } = S(L), i = g(() => o === void 0 ? y("target_") : o, [o]), l = g(() => b.Children.toArray(c).length !== 0, [c]), E = A(e.formFieldTarget, G[u], T, {
       [e.disabled]: s === d.DISABLED,
       [e.placeholder]: !!p && !l && s !== d.DISABLED,
       [e.active]: v
@@ -36,7 +36,7 @@ const z = "formFieldTarget__2eb5b199", M = "sm__03b1ce1c", R = "md__35be776a", j
       },
       [t, r]
     );
-    return /* @__PURE__ */ b(
+    return /* @__PURE__ */ f(
       "div",
       {
         ...D,
@@ -48,7 +48,7 @@ const z = "formFieldTarget__2eb5b199", M = "sm__03b1ce1c", R = "md__35be776a", j
         onBlur: N,
         onFocus: C,
         ref: I,
-        children: l ? o : /* @__PURE__ */ b("span", { className: e.placeholderWrapper, children: p })
+        children: l ? c : /* @__PURE__ */ f("span", { className: e.placeholderWrapper, children: p })
       }
     );
   }

package/components/FormField/components/FormFieldTextarea.js

@@ -1,18 +1,18 @@
 import { jsx as I } from "react/jsx-runtime";
 import M, { useContext as n, useMemo as C, useCallback as a, useLayoutEffect as x } from "react";
-import { u as D, c as L } from "../../../chunks/vendor---Om3uMV.js";
+import { u as D, c as L } from "../../../chunks/vendor-z35N2Tap.js";
 import { createSizeToClassNameMap as R } from "../../../utils/classNameMaps.js";
 import { FormFieldContext as W } from "../FormFieldContext.js";
 import { EFormFieldStatus as j } from "../enums.js";
 import { isFilled as q } from "./utils.js";
-const w = "formFieldTextarea__bb8a94d8", G = "sm__03b1ce1c", H = "md__35be776a", J = "lg__eb185181", u = {
+const w = "formFieldTextarea__0c470507", G = "sm__e47ada85", H = "md__c943e3eb", J = "lg__e66758b5", u = {
   formFieldTextarea: w,
   sm: G,
   md: H,
   lg: J
 }, K = R(u), O = M.forwardRef(
-  ({ id: d, className: p, value: s, defaultValue: F, onFocus: r, onBlur: l, onAnimationStart: m, onChange: i, ..._ }, b) => {
-    const { size: N, status: g, setFocused: o, setTargetId: T, setFilled: c } = n(W), f = C(() => d === void 0 ? D("textarea_") : d, [d]), h = L(u.formFieldTextarea, K[N], p), t = a(
+  ({ id: d, className: p, value: s, defaultValue: F, onFocus: r, onBlur: l, onAnimationStart: m, onChange: i, ..._ }, N) => {
+    const { size: g, status: h, setFocused: o, setTargetId: T, setFilled: c } = n(W), f = C(() => d === void 0 ? D("textarea_") : d, [d]), b = L(u.formFieldTextarea, K[g], p), t = a(
       (e) => {
         c(q(e));
       },
@@ -51,15 +51,15 @@ const w = "formFieldTextarea__bb8a94d8", G = "sm__03b1ce1c", H = "md__35be776a",
       {
         ..._,
         id: f,
-        className: h,
+        className: b,
         value: s,
         defaultValue: F,
-        disabled: g === j.DISABLED,
+        disabled: h === j.DISABLED,
         onFocus: y,
         onBlur: k,
         onAnimationStart: z,
         onChange: E,
-        ref: b
+        ref: N
       }
     );
   }

package/components/FormField/components/index.js

@@ -1,7 +1,7 @@
 import { FormFieldClear as e } from "./FormFieldClear.js";
 import { FormFieldCounter as m } from "./FormFieldCounter.js";
 import { FormFieldDescription as i } from "./FormFieldDescription.js";
-import { F as x } from "../../../chunks/FormFieldInput-Cb-NqZOL.js";
+import { F as x } from "../../../chunks/FormFieldInput-DM8lK78a.js";
 import { FormFieldLabel as l } from "./FormFieldLabel.js";
 import { FormFieldMaskedInput as a } from "./FormFieldMaskedInput.js";
 import { FormFieldPostfix as s } from "./FormFieldPostfix.js";

package/components/FormField/index.js

@@ -2,7 +2,7 @@ import { EFormFieldStatus as e } from "./enums.js";
 import { FormFieldClear as F } from "./components/FormFieldClear.js";
 import { FormFieldCounter as i } from "./components/FormFieldCounter.js";
 import { FormFieldDescription as l } from "./components/FormFieldDescription.js";
-import { F as f } from "../../chunks/FormFieldInput-Cb-NqZOL.js";
+import { F as f } from "../../chunks/FormFieldInput-DM8lK78a.js";
 import { FormFieldLabel as a } from "./components/FormFieldLabel.js";
 import { FormFieldMaskedInput as u } from "./components/FormFieldMaskedInput.js";
 import { FormFieldPostfix as C } from "./components/FormFieldPostfix.js";

package/components/Header/Header.js

@@ -12,7 +12,7 @@ import "./components/HeaderTitle/HeaderTitleContent.js";
 import "./components/HeaderTitle/HeaderTitleControls.js";
 const f = Object.assign(
   a.forwardRef(function({ children: r, ...e }, o) {
-    return /* @__PURE__ */ t("div", { ...e, "data-tx": "0.28.0", ref: o, children: r });
+    return /* @__PURE__ */ t("div", { ...e, "data-tx": "0.30.0", ref: o, children: r });
   }),
   {
     LayoutSidebar: p,

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
 import i from "react";
-import { c as d } from "../../../../chunks/vendor---Om3uMV.js";
+import { c as d } from "../../../../chunks/vendor-z35N2Tap.js";
 import { HeaderLayoutSidebarContent as m } from "./HeaderLayoutSidebarContent.js";
 import { HeaderLayoutSidebarSidebar as s } from "./HeaderLayoutSidebarSidebar.js";
-import { s as b } from "../../../../chunks/HeaderLayoutSidebar.module-BvSSRT60.js";
+import { s as b } from "../../../../chunks/HeaderLayoutSidebar.module-BEWjTVQC.js";
 const f = Object.assign(
   i.forwardRef(function({ children: r, className: e, ...a }, o) {
     return /* @__PURE__ */ t("div", { className: d(b.headerLayoutSidebar, e), ...a, ref: o, children: r });

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import s from "react";
-import { c as m } from "../../../../chunks/vendor---Om3uMV.js";
-import { s as d } from "../../../../chunks/HeaderLayoutSidebar.module-BvSSRT60.js";
+import { c as m } from "../../../../chunks/vendor-z35N2Tap.js";
+import { s as d } from "../../../../chunks/HeaderLayoutSidebar.module-BEWjTVQC.js";
 const i = s.forwardRef(
   ({ children: e, className: a, ...o }, r) => /* @__PURE__ */ t("div", { className: m(d.headerLayoutSidebarContent, a), ...o, ref: r, children: e })
 );

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js

@@ -1,7 +1,7 @@
 import { jsx as d } from "react/jsx-runtime";
 import i from "react";
-import { c as s } from "../../../../chunks/vendor---Om3uMV.js";
-import { s as t } from "../../../../chunks/HeaderLayoutSidebar.module-BvSSRT60.js";
+import { c as s } from "../../../../chunks/vendor-z35N2Tap.js";
+import { s as t } from "../../../../chunks/HeaderLayoutSidebar.module-BEWjTVQC.js";
 const m = i.forwardRef(
   ({ children: a, className: r, ...e }, o) => /* @__PURE__ */ d("div", { className: s(t.headerLayoutSidebarSidebar, r), ...e, ref: o, children: a })
 );

package/components/Header/components/HeaderSubheader/HeaderSubheader.js

@@ -1,10 +1,10 @@
 import { jsx as s } from "react/jsx-runtime";
 import h from "react";
-import { c as i } from "../../../../chunks/vendor---Om3uMV.js";
-const u = "headerSubheader__d1e7a88a", n = "withoutPaddings__9948fd53", e = {
+import { c as i } from "../../../../chunks/vendor-z35N2Tap.js";
+const u = "headerSubheader__77295a44", c = "withoutPaddings__e290b3bc", e = {
   headerSubheader: u,
-  withoutPaddings: n
-}, c = h.forwardRef(
+  withoutPaddings: c
+}, n = h.forwardRef(
   ({ children: a, className: d, withoutPaddings: r, ...o }, t) => /* @__PURE__ */ s(
     "div",
     {
@@ -15,8 +15,8 @@ const u = "headerSubheader__d1e7a88a", n = "withoutPaddings__9948fd53", e = {
     }
   )
 );
-c.displayName = "HeaderSubheader";
+n.displayName = "HeaderSubheader";
 export {
-  c as HeaderSubheader
+  n as HeaderSubheader
 };
 //# sourceMappingURL=HeaderSubheader.js.map

package/components/Header/components/HeaderTabs/HeaderTabs.js

@@ -2,8 +2,8 @@ import { jsx as s } from "react/jsx-runtime";
 import t from "react";
 import { HeaderTabsContent as m } from "./HeaderTabsContent.js";
 import { HeaderTabsControls as n } from "./HeaderTabsControls.js";
-import { c as i } from "../../../../chunks/vendor---Om3uMV.js";
-import { s as d } from "../../../../chunks/HeaderTabs.module-Yh7VuJr3.js";
+import { c as i } from "../../../../chunks/vendor-z35N2Tap.js";
+import { s as d } from "../../../../chunks/HeaderTabs.module-B3OUkcWC.js";
 const f = Object.assign(
   t.forwardRef(function({ children: r, className: e, ...o }, a) {
     return /* @__PURE__ */ s("div", { className: i(d.headerTabs, e), ...o, ref: a, children: r });

package/components/Header/components/HeaderTabs/HeaderTabsContent.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import s from "react";
-import { c as m } from "../../../../chunks/vendor---Om3uMV.js";
-import { s as n } from "../../../../chunks/HeaderTabs.module-Yh7VuJr3.js";
+import { c as m } from "../../../../chunks/vendor-z35N2Tap.js";
+import { s as n } from "../../../../chunks/HeaderTabs.module-B3OUkcWC.js";
 const d = s.forwardRef(
   ({ children: e, className: r, ...t }, a) => /* @__PURE__ */ o("div", { className: m(n.headerTabsContent, r), ...t, ref: a, children: e })
 );

package/components/Header/components/HeaderTabs/HeaderTabsControls.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import t from "react";
-import { c as m } from "../../../../chunks/vendor---Om3uMV.js";
-import { s as l } from "../../../../chunks/HeaderTabs.module-Yh7VuJr3.js";
+import { c as m } from "../../../../chunks/vendor-z35N2Tap.js";
+import { s as l } from "../../../../chunks/HeaderTabs.module-B3OUkcWC.js";
 const d = t.forwardRef(
   ({ children: o, className: r, ...s }, a) => /* @__PURE__ */ e("div", { className: m(l.headerTabsControls, r), ...s, ref: a, children: o })
 );

package/components/Header/components/HeaderTitle/HeaderTitle.js

@@ -2,8 +2,8 @@ import { jsx as i } from "react/jsx-runtime";
 import a from "react";
 import { HeaderTitleContent as s } from "./HeaderTitleContent.js";
 import { HeaderTitleControls as m } from "./HeaderTitleControls.js";
-import { c as l } from "../../../../chunks/vendor---Om3uMV.js";
-import { s as n } from "../../../../chunks/HeaderTitle.module-B2aVG-8s.js";
+import { c as l } from "../../../../chunks/vendor-z35N2Tap.js";
+import { s as n } from "../../../../chunks/HeaderTitle.module-wm7lWk21.js";
 const d = Object.assign(
   a.forwardRef(function({ children: e, className: r, ...t }, o) {
     return /* @__PURE__ */ i("div", { className: l(n.headerTitle, r), ...t, ref: o, children: e });

package/components/Header/components/HeaderTitle/HeaderTitleContent.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import i from "react";
-import { c as l } from "../../../../chunks/vendor---Om3uMV.js";
-import { s as e } from "../../../../chunks/HeaderTitle.module-B2aVG-8s.js";
+import { c as l } from "../../../../chunks/vendor-z35N2Tap.js";
+import { s as e } from "../../../../chunks/HeaderTitle.module-wm7lWk21.js";
 const m = i.forwardRef(
   ({ children: t, className: r, ...o }, a) => /* @__PURE__ */ s(
     "div",

package/components/Header/components/HeaderTitle/HeaderTitleControls.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import a from "react";
-import { c as i } from "../../../../chunks/vendor---Om3uMV.js";
-import { s as o } from "../../../../chunks/HeaderTitle.module-B2aVG-8s.js";
+import { c as i } from "../../../../chunks/vendor-z35N2Tap.js";
+import { s as o } from "../../../../chunks/HeaderTitle.module-wm7lWk21.js";
 const m = a.forwardRef(
   ({ children: r, className: e, ...t }, s) => /* @__PURE__ */ l(
     "div",

package/components/HelpBox/HelpBox.js

@@ -1,6 +1,6 @@
-import { jsxs as x, Fragment as E, jsx as e } from "react/jsx-runtime";
+import { jsxs as x, Fragment as E, jsx as t } from "react/jsx-runtime";
 import L, { useRef as j, useState as a } from "react";
-import { u as k, c as _, F as q } from "../../chunks/vendor---Om3uMV.js";
+import { u as k, c as _, F as q } from "../../chunks/vendor-z35N2Tap.js";
 import { QuestioncircleFilledSrvIcon16 as z } from "@sberbusiness/icons-next";
 import { ButtonIcon as C } from "../Button/ButtonIcon.js";
 import { EButtonIconShape as D } from "../Button/enums.js";
@@ -9,7 +9,7 @@ import { TooltipMobileHeader as Q } from "../Tooltip/components/mobile/component
 import { MobileView as V } from "../MobileView/MobileView.js";
 import { getDataHTMLAttributes as X } from "../../utils/html/DataAttributes.js";
 import { getAriaHTMLAttributes as $ } from "../../utils/html/AriaAttributes.js";
-const w = "helpBoxButton__16df5062", A = {
+const w = "helpBoxButton__6ede47e4", A = {
   helpBoxButton: w
 }, G = L.forwardRef(
   ({
@@ -28,16 +28,16 @@ const w = "helpBoxButton__16df5062", A = {
     tooltipXButtonProps: O,
     ...y
   }, i) => {
-    const d = j(null), [b, g] = a(!!l), [f, B] = a(null), [h] = a(k()), s = l ?? b, H = (t) => {
-      d.current = t, typeof i == "function" ? i(t) : i && (i.current = t);
-    }, M = (t) => {
-      l === void 0 && g(t), t || B(null), c == null || c(t);
-    }, N = (t) => {
-      B(t), r == null || r(t);
-    }, S = (t) => /* @__PURE__ */ e(
+    const d = j(null), [b, g] = a(!!l), [f, B] = a(null), [h] = a(k()), s = l ?? b, H = (e) => {
+      d.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
+    }, M = (e) => {
+      l === void 0 && g(e), e || B(null), c == null || c(e);
+    }, N = (e) => {
+      B(e), r == null || r(e);
+    }, S = (e) => /* @__PURE__ */ t(
       V,
       {
-        fallback: /* @__PURE__ */ e(
+        fallback: /* @__PURE__ */ t(
           q,
           {
             active: s,
@@ -48,7 +48,7 @@ const w = "helpBoxButton__16df5062", A = {
               preventScroll: !0,
               ...o == null ? void 0 : o.focusTrapOptions
             },
-            containerElements: [t]
+            containerElements: [e]
           }
         ),
         children: null
@@ -71,19 +71,19 @@ const w = "helpBoxButton__16df5062", A = {
           ...!!m && $(m),
           ...!!p && X(p),
           children: [
-            /* @__PURE__ */ e(n.Target, { children: /* @__PURE__ */ e(
+            /* @__PURE__ */ t(n.Target, { children: /* @__PURE__ */ t(
               C,
               {
                 className: _(A.helpBoxButton, I),
                 shape: D.CIRCLE,
                 ref: H,
                 ...y,
-                children: /* @__PURE__ */ e(z, { paletteIndex: 5, ...v })
+                children: /* @__PURE__ */ t(z, { paletteIndex: 5, ...v })
               }
             ) }),
-            u && /* @__PURE__ */ e(Q, { children: u }),
-            /* @__PURE__ */ e(n.Body, { children: T }),
-            /* @__PURE__ */ e(n.XButton, { ...O })
+            u && /* @__PURE__ */ t(Q, { children: u }),
+            /* @__PURE__ */ t(n.Body, { children: T }),
+            /* @__PURE__ */ t(n.XButton, { ...O })
           ]
         }
       ),

package/components/IconWrapper/IconWrapper.js

@@ -1,22 +1,22 @@
 import { jsx as l } from "react/jsx-runtime";
 import p from "react";
-import { c as d } from "../../chunks/vendor---Om3uMV.js";
-const m = "disableInteraction__c9419b71", b = "displayContents__8e34361a", t = {
+import { c as d } from "../../chunks/vendor-z35N2Tap.js";
+const m = "disableInteraction__715a679c", b = "displayContents__2c9c2ea2", a = {
   disableInteraction: m,
   displayContents: b
 }, y = p.forwardRef(
-  ({ children: a, className: s, active: e, disabled: n, disableInteraction: o, displayContents: i, ...r }, c) => /* @__PURE__ */ l(
+  ({ children: t, className: s, active: e, disabled: n, disableInteraction: o, displayContents: c, ...i }, r) => /* @__PURE__ */ l(
     "span",
     {
-      ref: c,
+      ref: r,
       className: d("hoverable", s, {
         active: !!e,
         disabled: !!n,
-        [t.disableInteraction]: !!o,
-        [t.displayContents]: !!i
+        [a.disableInteraction]: !!o,
+        [a.displayContents]: !!c
       }),
-      ...r,
-      children: a
+      ...i,
+      children: t
     }
   )
 );

package/components/Island/Island.js

@@ -1,11 +1,11 @@
 import { jsx as p } from "react/jsx-runtime";
 import i from "react";
-import { c as d } from "../../chunks/vendor---Om3uMV.js";
+import { c as d } from "../../chunks/vendor-z35N2Tap.js";
 import { EIslandType as l } from "./enums.js";
 import { IslandBody as n } from "./components/IslandBody.js";
 import { IslandHeader as f } from "./components/IslandHeader.js";
 import { IslandFooter as c } from "./components/IslandFooter.js";
-import { s as o, m as y } from "../../chunks/utils-8R7OR9DQ.js";
+import { s as o, m as y } from "../../chunks/utils-Dwhaig77.js";
 import { EComponentSize as I } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as T } from "../../utils/classNameMaps.js";
 const N = T(o), C = Object.assign(

package/components/Island/components/IslandBody.js

@@ -1,12 +1,12 @@
 import { jsx as a } from "react/jsx-runtime";
 import t from "react";
-import { c as n } from "../../../chunks/vendor---Om3uMV.js";
-const i = "islandBody__271ffb1b", l = {
+import { c as n } from "../../../chunks/vendor-z35N2Tap.js";
+const i = "islandBody__306bf78b", l = {
   islandBody: i
-}, e = t.forwardRef(
+}, f = t.forwardRef(
   ({ children: o, className: s, ...d }, r) => /* @__PURE__ */ a("div", { className: n(l.islandBody, s), ref: r, ...d, children: o })
 );
 export {
-  e as IslandBody
+  f as IslandBody
 };
 //# sourceMappingURL=IslandBody.js.map

package/components/Island/components/IslandFooter.js

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
 import e from "react";
-import { c as a } from "../../../chunks/vendor---Om3uMV.js";
-const c = "islandFooter__d3cdc788", d = {
-  islandFooter: c
-}, m = e.forwardRef(({ children: o, ...r }, s) => /* @__PURE__ */ t("div", { className: a(d.islandFooter), ref: s, ...r, children: o }));
+import { c as a } from "../../../chunks/vendor-z35N2Tap.js";
+const d = "islandFooter__d6c4992d", n = {
+  islandFooter: d
+}, m = e.forwardRef(({ children: o, ...r }, s) => /* @__PURE__ */ t("div", { className: a(n.islandFooter), ref: s, ...r, children: o }));
 export {
   m as IslandFooter
 };

package/components/Island/components/IslandHeader.js

@@ -1,9 +1,9 @@
 import { jsx as s } from "react/jsx-runtime";
 import d from "react";
-import { c as o } from "../../../chunks/vendor---Om3uMV.js";
-const t = "islandHeader__e9180594", n = {
+import { c as o } from "../../../chunks/vendor-z35N2Tap.js";
+const t = "islandHeader__af2d05ad", n = {
   islandHeader: t
-}, m = d.forwardRef(({ children: e, ...r }, a) => /* @__PURE__ */ s("div", { className: o(n.islandHeader), ref: a, ...r, children: e }));
+}, m = d.forwardRef(({ children: a, ...e }, r) => /* @__PURE__ */ s("div", { className: o(n.islandHeader), ref: r, ...e, children: a }));
 export {
   m as IslandHeader
 };

package/components/Island/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { m as p } from "../../chunks/utils-8R7OR9DQ.js";
+import { m as p } from "../../chunks/utils-Dwhaig77.js";
 export {
   p as mapTypeToClassName
 };

package/components/IslandAccordion/IslandAccordion.js

@@ -8,15 +8,15 @@ import { EIslandType as l } from "../Island/enums.js";
 import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
-import { c as f } from "../../chunks/vendor---Om3uMV.js";
-import { s as I } from "../../chunks/IslandAccordion.module-DXpQN7Ws.js";
+import { c as f } from "../../chunks/vendor-z35N2Tap.js";
+import { s as I } from "../../chunks/IslandAccordion.module-CkjSe196.js";
 import "./components/IslandAccordionContent.js";
 import "./components/IslandAccordionFooter.js";
 const x = Object.assign(
   n.forwardRef(
     ({ className: r, children: m, size: t = d.MD, type: i = l.TYPE_1, ...s }, a) => {
       const c = f(r, I.islandAccordion);
-      return /* @__PURE__ */ o(p.Provider, { value: { size: t, type: i }, children: /* @__PURE__ */ o("ul", { ...s, className: c, "data-tx": "0.28.0", ref: a, children: m }) });
+      return /* @__PURE__ */ o(p.Provider, { value: { size: t, type: i }, children: /* @__PURE__ */ o("ul", { ...s, className: c, "data-tx": "0.30.0", ref: a, children: m }) });
     }
   ),
   {

package/components/IslandAccordion/components/IslandAccordionContent.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { s as r } from "../../../chunks/IslandAccordion.module-DXpQN7Ws.js";
+import { s as r } from "../../../chunks/IslandAccordion.module-CkjSe196.js";
 import { Island as s } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";

package/components/IslandAccordion/components/IslandAccordionFooter.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import s from "react";
-import { c as a } from "../../../chunks/vendor---Om3uMV.js";
-import { s as i } from "../../../chunks/IslandAccordion.module-DXpQN7Ws.js";
+import { c as a } from "../../../chunks/vendor-z35N2Tap.js";
+import { s as i } from "../../../chunks/IslandAccordion.module-CkjSe196.js";
 import { Island as e } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";

package/components/IslandAccordion/components/IslandAccordionItem.js

@@ -1,7 +1,7 @@
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import D, { useState as W, useContext as j, useRef as X, useEffect as Z } from "react";
 import { CaretdownStrokeSrvIcon24 as $, CrossStrokeSrvIcon24 as b } from "@sberbusiness/icons-next";
-import { u as B, c as d } from "../../../chunks/vendor---Om3uMV.js";
+import { u as B, c as d } from "../../../chunks/vendor-z35N2Tap.js";
 import { Island as C } from "../../Island/Island.js";
 import { ExpandAnimation as q } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandAccordionContent as G } from "./IslandAccordionContent.js";
@@ -25,7 +25,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title as tt } from "../../Typography/Title.js";
-import { s as t } from "../../../chunks/IslandAccordion.module-DXpQN7Ws.js";
+import { s as t } from "../../../chunks/IslandAccordion.module-CkjSe196.js";
 import { EScreenWidth as y } from "../../../helpers/breakpoints.js";
 import { useMatchMedia as rt } from "../../MediaWidth/useMatchMedia.js";
 const et = {
@@ -91,7 +91,7 @@ const et = {
               }),
               onClick: H,
               disabled: e,
-              "data-tx": "0.28.0",
+              "data-tx": "0.30.0",
               children: [
                 h && I && /* @__PURE__ */ r("div", { className: t.step, children: /* @__PURE__ */ r(K, { step: I, status: h, position: Q.XFirst, size: a, children: e ? void 0 : w }) }),
                 /* @__PURE__ */ r(