@sberbusiness/triplex-next 0.25.0 → 0.27.0

package/components/FormField/components/FormFieldPrefix.js

@@ -1,20 +1,20 @@
-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 { jsx as d } from "react/jsx-runtime";
+import l, { useContext as x, useRef as u, useEffect as F } from "react";
+import { FormFieldContext as a } from "../FormFieldContext.js";
 import { c as p } from "../../../chunks/vendor---Om3uMV.js";
-const P = "formFieldPrefix__1a8ab9e8", R = {
+const P = "formFieldPrefix__a142d794", R = {
   formFieldPrefix: P
-}, h = d.forwardRef(
+}, h = l.forwardRef(
   ({ children: o, className: i, ...f }, r) => {
-    const s = p(R.formFieldPrefix, i), { prefixWidth: n, setPrefixWidth: c } = x(F), t = u(), m = (e) => {
+    const s = p(R.formFieldPrefix, i), { prefixWidth: n, setPrefixWidth: c } = x(a), t = u(), m = (e) => {
       t.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
     };
-    return a(() => {
+    return F(() => {
       if (!t.current)
         return;
       const { width: e } = t.current.getBoundingClientRect();
       e !== n && c(e);
-    }), /* @__PURE__ */ l("span", { className: s, ref: m, ...f, children: o });
+    }), /* @__PURE__ */ d("span", { className: s, ref: m, ...f, children: o });
   }
 );
 h.displayName = "FormFieldPrefix";

package/components/FormField/components/FormFieldTarget.js

@@ -4,7 +4,7 @@ import { u as y, c as A } from "../../../chunks/vendor---Om3uMV.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__48842aa8", M = "sm__53529901", R = "md__e44fc94a", j = "lg__725588fc", k = "placeholder__1d545087", q = "disabled__47bcdafa", w = "placeholderWrapper__e7905519", B = "active__445db38f", e = {
+const z = "formFieldTarget__065c9532", M = "sm__e69e1699", R = "md__2d9b4743", j = "lg__5bb9d693", k = "placeholder__0c3ad7f7", q = "disabled__4e520221", w = "placeholderWrapper__00c6ea2e", B = "active__feec4621", e = {
   formFieldTarget: z,
   sm: M,
   md: R,

package/components/FormField/components/FormFieldTextarea.js

@@ -1,22 +1,22 @@
-import { jsx as M } from "react/jsx-runtime";
-import b, { useContext as n, useMemo as C, useCallback as a, useLayoutEffect as x } from "react";
+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 { 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__880ed5a7", G = "sm__53529901", H = "md__e44fc94a", J = "lg__725588fc", u = {
+const w = "formFieldTextarea__f1bdf3c4", G = "sm__e69e1699", H = "md__2d9b4743", J = "lg__5bb9d693", u = {
   formFieldTextarea: w,
   sm: G,
   md: H,
   lg: J
-}, K = R(u), O = b.forwardRef(
-  ({ 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]), y = L(u.formFieldTextarea, K[g], p), t = a(
+}, K = R(u), O = M.forwardRef(
+  ({ id: c, className: p, value: s, defaultValue: F, onFocus: r, onBlur: l, onAnimationStart: m, onChange: i, ..._ }, N) => {
+    const { size: b, status: g, setFocused: o, setTargetId: T, setFilled: d } = n(W), f = C(() => c === void 0 ? D("textarea_") : c, [c]), h = L(u.formFieldTextarea, K[b], p), t = a(
       (e) => {
-        c(q(e));
+        d(q(e));
       },
-      [c]
+      [d]
     );
     x(() => {
       T(f);
@@ -25,40 +25,40 @@ const w = "formFieldTextarea__880ed5a7", G = "sm__53529901", H = "md__e44fc94a",
     }, []), x(() => {
       s !== void 0 && t(s);
     }, [s, t]);
-    const k = a(
+    const y = a(
       (e) => {
         t(e.currentTarget.value), o(!0), r == null || r(e);
       },
       [t, o, r]
-    ), z = a(
+    ), k = a(
       (e) => {
         t(e.currentTarget.value), o(!1), l == null || l(e);
       },
       [t, o, l]
-    ), E = a(
+    ), z = a(
       (e) => {
-        e.animationName.startsWith("autofill-applied-hook") ? c(!0) : e.animationName.startsWith("autofill-cancelled-hook") && t(e.currentTarget.value), m == null || m(e);
+        e.animationName.startsWith("autofill-applied-hook") ? d(!0) : e.animationName.startsWith("autofill-cancelled-hook") && t(e.currentTarget.value), m == null || m(e);
       },
-      [c, t, m]
-    ), I = a(
+      [d, t, m]
+    ), E = a(
       (e) => {
         t(e.currentTarget.value), i == null || i(e);
       },
       [i, t]
     );
-    return /* @__PURE__ */ M(
+    return /* @__PURE__ */ I(
       "textarea",
       {
         ..._,
         id: f,
-        className: y,
+        className: h,
         value: s,
         defaultValue: F,
-        disabled: h === j.DISABLED,
-        onFocus: k,
-        onBlur: z,
-        onAnimationStart: E,
-        onChange: I,
+        disabled: g === j.DISABLED,
+        onFocus: y,
+        onBlur: k,
+        onAnimationStart: z,
+        onChange: E,
         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-Dj2JAqj2.js";
+import { F as x } from "../../../chunks/FormFieldInput-q8qt9K5c.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-Dj2JAqj2.js";
+import { F as f } from "../../chunks/FormFieldInput-q8qt9K5c.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.25.0", ref: o, children: r });
+    return /* @__PURE__ */ t("div", { ...e, "data-tx": "0.27.0", ref: o, children: r });
   }),
   {
     LayoutSidebar: p,

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

@@ -3,7 +3,7 @@ import i from "react";
 import { c as d } from "../../../../chunks/vendor---Om3uMV.js";
 import { HeaderLayoutSidebarContent as m } from "./HeaderLayoutSidebarContent.js";
 import { HeaderLayoutSidebarSidebar as s } from "./HeaderLayoutSidebarSidebar.js";
-import { s as b } from "../../../../chunks/HeaderLayoutSidebar.module-HXJhEmKU.js";
+import { s as b } from "../../../../chunks/HeaderLayoutSidebar.module-DP3SxiTp.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-HXJhEmKU.js";
+import { s as d } from "../../../../chunks/HeaderLayoutSidebar.module-DP3SxiTp.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-HXJhEmKU.js";
+import { s as t } from "../../../../chunks/HeaderLayoutSidebar.module-DP3SxiTp.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,17 +1,17 @@
 import { jsx as s } from "react/jsx-runtime";
 import h from "react";
 import { c as i } from "../../../../chunks/vendor---Om3uMV.js";
-const u = "headerSubheader__082eac03", c = "withoutPaddings__a42d1896", e = {
+const u = "headerSubheader__d71d3efe", c = "withoutPaddings__745d57fc", e = {
   headerSubheader: u,
   withoutPaddings: c
 }, n = h.forwardRef(
-  ({ children: a, className: d, withoutPaddings: r, ...o }, t) => /* @__PURE__ */ s(
+  ({ children: d, className: a, withoutPaddings: r, ...o }, t) => /* @__PURE__ */ s(
     "div",
     {
-      className: i(e.headerSubheader, { [e.withoutPaddings]: !!r }, d),
+      className: i(e.headerSubheader, { [e.withoutPaddings]: !!r }, a),
       ...o,
       ref: t,
-      children: a
+      children: d
     }
   )
 );

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

@@ -3,7 +3,7 @@ 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-CjapozXy.js";
+import { s as d } from "../../../../chunks/HeaderTabs.module-Cx-Ctxui.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-CjapozXy.js";
+import { s as n } from "../../../../chunks/HeaderTabs.module-Cx-Ctxui.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-CjapozXy.js";
+import { s as l } from "../../../../chunks/HeaderTabs.module-Cx-Ctxui.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

@@ -3,7 +3,7 @@ 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-SmVWml2y.js";
+import { s as n } from "../../../../chunks/HeaderTitle.module-Y10Bm5lm.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-SmVWml2y.js";
+import { s as e } from "../../../../chunks/HeaderTitle.module-Y10Bm5lm.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-SmVWml2y.js";
+import { s as o } from "../../../../chunks/HeaderTitle.module-Y10Bm5lm.js";
 const m = a.forwardRef(
   ({ children: r, className: e, ...t }, s) => /* @__PURE__ */ l(
     "div",

package/components/HelpBox/HelpBox.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__059b2f63", A = {
+const w = "helpBoxButton__55ce5ccb", A = {
   helpBoxButton: w
 }, G = L.forwardRef(
   ({

package/components/IconWrapper/IconWrapper.js

@@ -1,27 +1,27 @@
 import { jsx as l } from "react/jsx-runtime";
 import p from "react";
 import { c as d } from "../../chunks/vendor---Om3uMV.js";
-const b = "disableInteraction__ebea8389", m = "displayContents__b4e32394", e = {
-  disableInteraction: b,
+const f = "disableInteraction__0d6f9c19", m = "displayContents__26afcfa5", a = {
+  disableInteraction: f,
   displayContents: m
-}, y = p.forwardRef(
-  ({ children: t, className: a, active: s, disabled: n, disableInteraction: o, displayContents: i, ...r }, c) => /* @__PURE__ */ l(
+}, b = p.forwardRef(
+  ({ children: t, className: s, active: e, disabled: n, disableInteraction: o, displayContents: i, ...r }, c) => /* @__PURE__ */ l(
     "span",
     {
       ref: c,
-      className: d("hoverable", a, {
-        active: !!s,
+      className: d("hoverable", s, {
+        active: !!e,
         disabled: !!n,
-        [e.disableInteraction]: !!o,
-        [e.displayContents]: !!i
+        [a.disableInteraction]: !!o,
+        [a.displayContents]: !!i
       }),
       ...r,
       children: t
     }
   )
 );
-y.displayName = "IconWrapper";
+b.displayName = "IconWrapper";
 export {
-  y as IconWrapper
+  b as IconWrapper
 };
 //# sourceMappingURL=IconWrapper.js.map

package/components/Island/Island.js

@@ -5,7 +5,7 @@ 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-Bz5uKYQD.js";
+import { s as o, m as y } from "../../chunks/utils-PKY322-t.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,10 +1,10 @@
 import { jsx as r } from "react/jsx-runtime";
 import t from "react";
 import { c as n } from "../../../chunks/vendor---Om3uMV.js";
-const i = "islandBody__6700d48a", l = {
-  islandBody: i
+const c = "islandBody__eac5656e", e = {
+  islandBody: c
 }, y = t.forwardRef(
-  ({ children: o, className: s, ...d }, a) => /* @__PURE__ */ r("div", { className: n(l.islandBody, s), ref: a, ...d, children: o })
+  ({ children: o, className: s, ...d }, a) => /* @__PURE__ */ r("div", { className: n(e.islandBody, s), ref: a, ...d, children: o })
 );
 export {
   y as IslandBody

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 n = "islandFooter__924ae140", i = {
+const n = "islandFooter__908f1bcb", c = {
   islandFooter: n
-}, m = e.forwardRef(({ children: o, ...r }, s) => /* @__PURE__ */ t("div", { className: a(i.islandFooter), ref: s, ...r, children: o }));
+}, m = e.forwardRef(({ children: o, ...r }, s) => /* @__PURE__ */ t("div", { className: a(c.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__8d6a5105", n = {
+const t = "islandHeader__3bddf124", n = {
   islandHeader: t
-}, m = d.forwardRef(({ children: a, ...e }, r) => /* @__PURE__ */ s("div", { className: o(n.islandHeader), ref: r, ...e, children: a }));
+}, m = d.forwardRef(({ children: e, ...r }, a) => /* @__PURE__ */ s("div", { className: o(n.islandHeader), ref: a, ...r, children: e }));
 export {
   m as IslandHeader
 };

package/components/Island/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { m as p } from "../../chunks/utils-Bz5uKYQD.js";
+import { m as p } from "../../chunks/utils-PKY322-t.js";
 export {
   p as mapTypeToClassName
 };

package/components/IslandAccordion/IslandAccordion.js

@@ -9,14 +9,14 @@ 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-YvqRlzmi.js";
+import { s as I } from "../../chunks/IslandAccordion.module-CVxFZsLG.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.25.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.27.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-YvqRlzmi.js";
+import { s as r } from "../../../chunks/IslandAccordion.module-CVxFZsLG.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-YvqRlzmi.js";
+import { s as i } from "../../../chunks/IslandAccordion.module-CVxFZsLG.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,106 +1,112 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import Y, { useState as F, useContext as j, useRef as w, useEffect as D } from "react";
-import { CaretdownStrokeSrvIcon24 as Z, CrossStrokeSrvIcon24 as b } from "@sberbusiness/icons-next";
-import { u as B, c as p } from "../../../chunks/vendor---Om3uMV.js";
-import { Island as y } from "../../Island/Island.js";
-import { ExpandAnimation as $ } from "../../ExpandAnimation/ExpandAnimation.js";
-import { IslandAccordionContent as q } from "./IslandAccordionContent.js";
-import { IslandAccordionFooter as G } from "./IslandAccordionFooter.js";
-import { createSizeToClassNameMap as R } from "../../../utils/classNameMaps.js";
+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 { Island as C } from "../../Island/Island.js";
+import { ExpandAnimation as q } from "../../ExpandAnimation/ExpandAnimation.js";
+import { IslandAccordionContent as G } from "./IslandAccordionContent.js";
+import { IslandAccordionFooter as R } from "./IslandAccordionFooter.js";
+import { createSizeToClassNameMap as U } from "../../../utils/classNameMaps.js";
 import "../../Button/Button.js";
 import "../../Button/ButtonBase.js";
-import { ButtonIcon as W } from "../../Button/ButtonIcon.js";
+import { ButtonIcon as J } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
 import { EIslandType as l } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { Step as X } from "../../Step/Step.js";
-import { EStepPosition as J } from "../../Step/enums.js";
-import { IslandAccordionContext as K } from "../IslandAccordionContext.js";
-import { EComponentSize as d } from "../../../enums/EComponentSize.js";
-import { ETitleSize as f, EFontType as N } from "../../Typography/enums.js";
+import { Step as K } from "../../Step/Step.js";
+import { EStepPosition as Q } from "../../Step/enums.js";
+import { IslandAccordionContext as V } from "../IslandAccordionContext.js";
+import { EComponentSize as f } from "../../../enums/EComponentSize.js";
+import { ETitleSize as s, EFontWeightTitle as g, EFontType as x } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
-import { Title as Q } from "../../Typography/Title.js";
-import { s as t } from "../../../chunks/IslandAccordion.module-YvqRlzmi.js";
-const U = {
+import { Title as tt } from "../../Typography/Title.js";
+import { s as t } from "../../../chunks/IslandAccordion.module-CVxFZsLG.js";
+import { EScreenWidth as y } from "../../../helpers/breakpoints.js";
+import { useMatchMedia as rt } from "../../MediaWidth/useMatchMedia.js";
+const et = {
   [l.TYPE_1]: t.type1,
   [l.TYPE_2]: t.type2,
   [l.TYPE_3]: t.type3
-}, V = {
-  [d.SM]: f.H3,
-  [d.MD]: f.H3,
-  [d.LG]: f.H2
-}, g = R(t), tt = Object.assign(
-  Y.forwardRef(
+}, ot = {
+  [f.SM]: s.H3,
+  [f.MD]: s.H3,
+  [f.LG]: s.H2
+}, it = U(t), nt = Object.assign(
+  D.forwardRef(
     ({
-      children: x,
+      children: N,
       title: T,
-      className: M,
+      className: P,
       opened: i,
       disabled: e,
       onRemove: n,
-      onToggle: s,
-      id: a,
+      onToggle: c,
+      id: m,
       num: I,
-      status: S,
-      stepHint: P,
+      status: h,
+      stepHint: w,
       transitionProps: O,
       ...k
     }, v) => {
-      const [o, E] = F(i || !1), { size: c, type: h } = j(K), A = w(B()).current, _ = `${A}header`, C = `${A}body`;
-      D(() => {
-        i !== void 0 && o !== i && E(i);
+      const [o, S] = W(i || !1), { size: a, type: E } = j(V), A = X(B()).current, M = `${A}header`, _ = `${A}body`, z = rt(
+        `(max-width: ${y.SM_MAX})`,
+        window.innerWidth <= parseInt(y.SM_MAX)
+      );
+      Z(() => {
+        i !== void 0 && o !== i && S(i);
       }, [i, o]);
-      const z = () => {
+      const H = () => {
         if (e)
           return;
         const u = !o;
-        s == null || s(u, a), i === void 0 && E(u);
-      }, H = () => {
-        e || n == null || n(a);
-      }, L = p(
-        M,
+        c == null || c(u, m), i === void 0 && S(u);
+      }, F = () => {
+        e || n == null || n(m);
+      }, L = z ? s.H3 : ot[a], Y = d(
+        P,
         t.item,
-        g[c],
-        U[h],
+        it[a],
+        et[E],
         {
           [t.disabled]: !!e,
           [t.opened]: o
         }
       );
-      return /* @__PURE__ */ m("li", { ...k, className: L, id: a, ref: v, children: [
-        /* @__PURE__ */ m(y, { className: t.island, size: c, type: h, children: [
-          /* @__PURE__ */ r(y.Header, { children: /* @__PURE__ */ m(
+      return /* @__PURE__ */ p("li", { ...k, className: Y, id: m, ref: v, children: [
+        /* @__PURE__ */ p(C, { className: t.island, size: a, type: E, children: [
+          /* @__PURE__ */ r(C.Header, { children: /* @__PURE__ */ p(
             "button",
             {
-              id: _,
-              "aria-controls": C,
+              id: M,
+              "aria-controls": _,
               "aria-expanded": o,
               type: "button",
-              className: p(t.header, {
+              className: d(t.header, {
                 hoverable: !o
               }),
-              onClick: z,
+              onClick: H,
               disabled: e,
-              "data-tx": "0.25.0",
+              "data-tx": "0.27.0",
               children: [
-                S && I && /* @__PURE__ */ r("div", { className: t.step, children: /* @__PURE__ */ r(X, { step: I, status: S, position: J.XFirst, children: e ? void 0 : P }) }),
+                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(
-                  Q,
+                  tt,
                   {
                     className: t.title,
-                    size: V[c],
-                    type: e ? N.DISABLED : N.PRIMARY,
+                    size: L,
+                    type: e ? x.DISABLED : x.PRIMARY,
                     tag: "div",
+                    weight: g.MEDIUM,
                     children: T
                   }
                 ),
-                /* @__PURE__ */ r("span", { className: p(t.caretWrapper), children: /* @__PURE__ */ r(
-                  Z,
+                /* @__PURE__ */ r("span", { className: d(t.caretWrapper), children: /* @__PURE__ */ r(
+                  $,
                   {
                     className: t.caretIcon,
                     "aria-hidden": "true",
@@ -111,28 +117,28 @@ const U = {
             }
           ) }),
           /* @__PURE__ */ r(
-            $,
+            q,
             {
               expanded: o && !e,
-              id: C,
+              id: _,
               role: "region",
-              "aria-labelledby": _,
+              "aria-labelledby": M,
               transitionProps: O,
-              children: x
+              children: N
             }
           )
         ] }),
-        n && /* @__PURE__ */ r("span", { className: t.remove, children: /* @__PURE__ */ r(W, { onClick: H, disabled: e, title: "Удалить", children: /* @__PURE__ */ r(b, { paletteIndex: 5 }) }) })
+        n && /* @__PURE__ */ r("span", { className: t.remove, children: /* @__PURE__ */ r(J, { onClick: F, disabled: e, title: "Удалить", children: /* @__PURE__ */ r(b, { paletteIndex: 5 }) }) })
       ] });
     }
   ),
   {
-    Content: q,
-    Footer: G
+    Content: G,
+    Footer: R
   }
 );
-tt.displayName = "IslandAccordionItem";
+nt.displayName = "IslandAccordionItem";
 export {
-  tt as IslandAccordionItem
+  nt as IslandAccordionItem
 };
 //# sourceMappingURL=IslandAccordionItem.js.map