@sberbusiness/triplex-next 1.32.0 → 1.34.0

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 s, useLayoutEffect as u } from "react";
-import { u as D, c as L } from "../../../chunks/vendor-82AnkPpo.js";
+import { u as D, c as L } from "../../../chunks/vendor-D5cfSbgz.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__c28d07ae", G = "sm__ab9ef21c", H = "md__9ec7e2e7", J = "lg__f50c04ee", T = {
+const w = "formFieldTextarea__cbc497bb", G = "sm__2079d6a4", H = "md__7fe9c68e", J = "lg__aac0ac1a", T = {
   formFieldTextarea: w,
   sm: G,
   md: H,
   lg: J
 }, K = R(T), O = M.forwardRef(
-  ({ id: d, className: p, value: a, defaultValue: x, onFocus: r, onBlur: l, onAnimationStart: m, onChange: i, ..._ }, N) => {
-    const { size: g, status: h, setFocused: c, setTargetId: F, setFilled: o } = n(W), f = C(() => d === void 0 ? D("textarea_") : d, [d]), y = L(T.formFieldTextarea, K[g], p), t = s(
+  ({ id: d, className: p, value: t, defaultValue: x, onFocus: r, onBlur: l, onAnimationStart: m, onChange: c, ..._ }, N) => {
+    const { size: b, status: g, setFocused: i, setTargetId: F, setFilled: o } = n(W), f = C(() => d === void 0 ? D("textarea_") : d, [d]), h = L(T.formFieldTextarea, K[b], p), a = s(
       (e) => {
         o(q(e));
       },
@@ -21,41 +21,41 @@ const w = "formFieldTextarea__c28d07ae", G = "sm__ab9ef21c", H = "md__9ec7e2e7",
     u(() => {
       F(f);
     }, [f, F]), u(() => {
-      t(a ?? x);
+      a(t ?? x);
     }, []), u(() => {
-      a !== void 0 && t(a);
-    }, [a, t]);
-    const b = s(
+      t !== void 0 && a(t);
+    }, [t, a]);
+    const y = s(
       (e) => {
-        t(e.currentTarget.value), c(!0), r == null || r(e);
+        a(e.currentTarget.value), i(!0), r == null || r(e);
       },
-      [t, c, r]
+      [a, i, r]
     ), k = s(
       (e) => {
-        t(e.currentTarget.value), c(!1), l == null || l(e);
+        a(e.currentTarget.value), i(!1), l == null || l(e);
       },
-      [t, c, l]
+      [a, i, l]
     ), z = s(
       (e) => {
-        e.animationName.startsWith("autofill-applied-hook") ? o(!0) : e.animationName.startsWith("autofill-cancelled-hook") && t(e.currentTarget.value), m == null || m(e);
+        e.animationName.startsWith("autofill-applied-hook") ? o(!0) : e.animationName.startsWith("autofill-cancelled-hook") && a(e.currentTarget.value), m == null || m(e);
       },
-      [o, t, m]
+      [o, a, m]
     ), E = s(
       (e) => {
-        t(e.currentTarget.value), i == null || i(e);
+        a(e.currentTarget.value), c == null || c(e);
       },
-      [i, t]
+      [c, a]
     );
     return /* @__PURE__ */ I(
       "textarea",
       {
         ..._,
         id: f,
-        className: y,
-        value: a,
+        className: h,
+        value: t,
         defaultValue: x,
-        disabled: h === j.DISABLED,
-        onFocus: b,
+        disabled: g === j.DISABLED,
+        onFocus: y,
         onBlur: k,
         onAnimationStart: z,
         onChange: E,

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-d6WkPngW.js";
+import { F as x } from "../../../chunks/FormFieldInput-DFQ9utC5.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-d6WkPngW.js";
+import { F as f } from "../../chunks/FormFieldInput-DFQ9utC5.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/Gap/Gap.js

@@ -1,18 +1,18 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as t } from "../../chunks/vendor-82AnkPpo.js";
-import _ from "react";
-const c = "size4__cb581981", a = "size8__ce2f1094", n = "size12__e3e79654", r = "size16__02338bed", b = "size24__db36bb7a", d = "size32__3144f2d3", f = "size64__2b15730d", m = "size128__bb7045ae", p = {
+import { c as t } from "../../chunks/vendor-D5cfSbgz.js";
+import a from "react";
+const c = "size4__8689cdec", _ = "size8__8fe5e0b3", n = "size12__83ea8ae6", r = "size16__ac3071ba", f = "size24__f7189125", m = "size32__d4a2ac9e", p = "size64__f62740fa", d = "size128__74d4e4e1", l = {
   size4: c,
-  size8: a,
+  size8: _,
   size12: n,
   size16: r,
-  size24: b,
-  size32: d,
-  size64: f,
-  size128: m
-}, l = _.forwardRef(({ className: s, size: e, ...i }, z) => /* @__PURE__ */ o("div", { className: t(p[`size${e}`], s), role: "presentation", ...i, ref: z }));
-l.displayName = "Gap";
+  size24: f,
+  size32: m,
+  size64: p,
+  size128: d
+}, x = a.forwardRef(({ className: s, size: e, ...i }, z) => /* @__PURE__ */ o("div", { className: t(l[`size${e}`], s), role: "presentation", ...i, ref: z }));
+x.displayName = "Gap";
 export {
-  l as Gap
+  x as Gap
 };
 //# sourceMappingURL=Gap.js.map

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 }, t) {
-    return /* @__PURE__ */ o("div", { ...e, "data-tx": "1.32.0", ref: t, children: r });
+    return /* @__PURE__ */ o("div", { ...e, "data-tx": "1.34.0", ref: t, children: r });
   }),
   {
     LayoutSidebar: p,

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

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

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

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import s from "react";
-import { c as d } from "../../../../chunks/vendor-82AnkPpo.js";
-import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-BUlWJH2L.js";
+import { c as d } from "../../../../chunks/vendor-D5cfSbgz.js";
+import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-DyYzCUfm.js";
 const i = s.forwardRef(
   ({ children: e, className: a, ...t }, o) => /* @__PURE__ */ r("div", { className: d(m.headerLayoutSidebarContent, a), ...t, ref: o, 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 t } from "../../../../chunks/vendor-82AnkPpo.js";
-import { s } from "../../../../chunks/HeaderLayoutSidebar.module-BUlWJH2L.js";
+import { c as t } from "../../../../chunks/vendor-D5cfSbgz.js";
+import { s } from "../../../../chunks/HeaderLayoutSidebar.module-DyYzCUfm.js";
 const m = i.forwardRef(
   ({ children: a, className: r, ...e }, o) => /* @__PURE__ */ d("div", { className: t(s.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-82AnkPpo.js";
-const u = "headerSubheader__85f26a39", c = "withoutPaddings__4be0c7e7", e = {
+import { c as i } from "../../../../chunks/vendor-D5cfSbgz.js";
+const u = "headerSubheader__e14a03fd", n = "withoutPaddings__e2123a62", e = {
   headerSubheader: u,
-  withoutPaddings: c
-}, n = h.forwardRef(
+  withoutPaddings: n
+}, c = h.forwardRef(
   ({ children: a, className: d, withoutPaddings: r, ...t }, o) => /* @__PURE__ */ s(
     "div",
     {
@@ -15,8 +15,8 @@ const u = "headerSubheader__85f26a39", c = "withoutPaddings__4be0c7e7", e = {
     }
   )
 );
-n.displayName = "HeaderSubheader";
+c.displayName = "HeaderSubheader";
 export {
-  n as HeaderSubheader
+  c 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 d } from "../../../../chunks/vendor-82AnkPpo.js";
-import { s as f } from "../../../../chunks/HeaderTabs.module-f0pOEOus.js";
+import { c as d } from "../../../../chunks/vendor-D5cfSbgz.js";
+import { s as f } from "../../../../chunks/HeaderTabs.module-xtUGHrWk.js";
 const i = Object.assign(
   t.forwardRef(function({ children: r, className: e, ...a }, o) {
     return /* @__PURE__ */ s("div", { className: d(f.headerTabs, e), ...a, ref: o, 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-82AnkPpo.js";
-import { s as n } from "../../../../chunks/HeaderTabs.module-f0pOEOus.js";
+import { c as m } from "../../../../chunks/vendor-D5cfSbgz.js";
+import { s as n } from "../../../../chunks/HeaderTabs.module-xtUGHrWk.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-82AnkPpo.js";
-import { s as l } from "../../../../chunks/HeaderTabs.module-f0pOEOus.js";
+import { c as m } from "../../../../chunks/vendor-D5cfSbgz.js";
+import { s as l } from "../../../../chunks/HeaderTabs.module-xtUGHrWk.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 a } from "react/jsx-runtime";
 import i from "react";
 import { HeaderTitleContent as s } from "./HeaderTitleContent.js";
 import { HeaderTitleControls as m } from "./HeaderTitleControls.js";
-import { c as l } from "../../../../chunks/vendor-82AnkPpo.js";
-import { s as n } from "../../../../chunks/HeaderTitle.module-CFdpGGVy.js";
+import { c as l } from "../../../../chunks/vendor-D5cfSbgz.js";
+import { s as n } from "../../../../chunks/HeaderTitle.module-XER-L3oZ.js";
 const d = Object.assign(
   i.forwardRef(function({ children: e, className: t, ...r }, o) {
     return /* @__PURE__ */ a("div", { className: l(n.headerTitle, t), ...r, ref: o, children: e });

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

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

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

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

package/components/HelpBox/HelpBox.js

@@ -1,6 +1,6 @@
 import { jsxs as h, Fragment as S, jsx as e } from "react/jsx-runtime";
-import _, { useRef as L, useState as x, useId as j } from "react";
-import { c as k, g as z } from "../../chunks/vendor-82AnkPpo.js";
+import _, { useRef as j, useState as x, useId as L } from "react";
+import { c as k, j as z } from "../../chunks/vendor-D5cfSbgz.js";
 import { QuestioncircleFilledSrvIcon16 as C } from "@sberbusiness/icons-next";
 import { ButtonIcon as D } from "../Button/ButtonIcon.js";
 import { EButtonIconShape as Q } from "../Button/enums.js";
@@ -9,7 +9,7 @@ import { TooltipMobileHeader as V } from "../Tooltip/components/mobile/component
 import { MobileView as X } from "../MobileView/MobileView.js";
 import { getDataHTMLAttributes as $ } from "../../utils/html/DataAttributes.js";
 import { getAriaHTMLAttributes as q } from "../../utils/html/AriaAttributes.js";
-const w = "helpBoxButton__8c067086", A = {
+const w = "helpBoxButton__14c967e8", A = {
   helpBoxButton: w
 }, G = _.forwardRef(
   ({
@@ -26,12 +26,12 @@ const w = "helpBoxButton__8c067086", A = {
     tooltipDataAttributes: u,
     iconProps: F,
     tooltipXButtonProps: O,
-    ...g
+    ...y
   }, l) => {
-    const m = L(null), [y, b] = x(!!n), [d, f] = x(null), B = j(), s = n ?? y, E = (t) => {
+    const m = j(null), [b, g] = x(!!n), [d, f] = x(null), B = L(), s = n ?? b, E = (t) => {
       m.current = t, typeof l == "function" ? l(t) : l && (l.current = t);
     }, H = (t) => {
-      n === void 0 && b(t), t || f(null), c == null || c(t);
+      n === void 0 && g(t), t || f(null), c == null || c(t);
     }, M = (t) => {
       f(t), r == null || r(t);
     }, N = (t) => /* @__PURE__ */ e(
@@ -77,7 +77,7 @@ const w = "helpBoxButton__8c067086", A = {
                 className: k(A.helpBoxButton, I),
                 shape: Q.CIRCLE,
                 ref: E,
-                ...g,
+                ...y,
                 children: /* @__PURE__ */ e(C, { paletteIndex: 5, ...F })
               }
             ) }),

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-82AnkPpo.js";
-const b = "disableInteraction__f1b8679f", f = "displayContents__40b4c540", t = {
-  disableInteraction: b,
-  displayContents: f
-}, m = p.forwardRef(
-  ({ children: a, className: s, active: e, disabled: n, disableInteraction: o, displayContents: i, ...r }, c) => /* @__PURE__ */ l(
+import d from "react";
+import { c as p } from "../../chunks/vendor-D5cfSbgz.js";
+const m = "disableInteraction__2e6cfe21", b = "displayContents__684b1aed", e = {
+  disableInteraction: m,
+  displayContents: b
+}, f = d.forwardRef(
+  ({ children: t, className: a, active: s, disabled: n, disableInteraction: o, displayContents: i, ...r }, c) => /* @__PURE__ */ l(
     "span",
     {
       ref: c,
-      className: d("hoverable", s, {
-        active: !!e,
+      className: p("hoverable", a, {
+        active: !!s,
         disabled: !!n,
-        [t.disableInteraction]: !!o,
-        [t.displayContents]: !!i
+        [e.disableInteraction]: !!o,
+        [e.displayContents]: !!i
       }),
       ...r,
-      children: a
+      children: t
     }
   )
 );
-m.displayName = "IconWrapper";
+f.displayName = "IconWrapper";
 export {
-  m as IconWrapper
+  f as IconWrapper
 };
 //# sourceMappingURL=IconWrapper.js.map

package/components/ImageGallery/ImageGallery.js

@@ -1,13 +1,14 @@
 import { jsxs as d, jsx as r, Fragment as R } from "react/jsx-runtime";
 import j, { useState as v } from "react";
 import { MobileView as D } from "../MobileView/MobileView.js";
+import "../MobileView/useMobileView.js";
 import { ImageGalleryExtended as e } from "../ImageGalleryExtended/ImageGalleryExtended.js";
 import "../ImageGalleryExtended/ImageGalleryExtendedContext.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedMain.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedNav.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedArrow.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js";
-import "../../chunks/ImageGalleryExtendedThumb-BVI6zmzL.js";
+import "../../chunks/ImageGalleryExtendedThumb-DyFhUrYf.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection as a } from "../ImageGalleryExtended/enums.js";
 const M = j.forwardRef(
@@ -16,8 +17,8 @@ const M = j.forwardRef(
     selectedId: o,
     defaultId: c,
     onChange: t,
-    onImageClick: s,
-    height: p = "auto",
+    onImageClick: p,
+    height: s = "auto",
     withBlur: u = !0,
     showThumbnails: f = !0,
     showDots: h = !0,
@@ -39,7 +40,7 @@ const M = j.forwardRef(
           l || G(i), t == null || t(i);
         },
         children: [
-          /* @__PURE__ */ r(e.Main, { height: p, withBlur: u, onImageClick: s, children: /* @__PURE__ */ r(e.Nav, { children: ({ onPrev: i, onNext: k, isFirst: A, isLast: N, itemsCount: n }) => /* @__PURE__ */ d(R, { children: [
+          /* @__PURE__ */ r(e.Main, { height: s, withBlur: u, onImageClick: p, children: /* @__PURE__ */ r(e.Nav, { children: ({ onPrev: i, onNext: k, isFirst: A, isLast: N, itemsCount: n }) => /* @__PURE__ */ d(R, { children: [
             /* @__PURE__ */ r(
               e.Arrow,
               {

package/components/ImageGalleryExtended/ImageGalleryExtended.js

@@ -1,33 +1,33 @@
 import { jsx as p } from "react/jsx-runtime";
-import R, { useCallback as n } from "react";
-import { c as T } from "../../chunks/vendor-82AnkPpo.js";
+import b, { useCallback as n } from "react";
+import { c as T } from "../../chunks/vendor-D5cfSbgz.js";
 import { isKey as I } from "../../utils/keyboard.js";
 import { ImageGalleryExtendedContext as N } from "./ImageGalleryExtendedContext.js";
 import { ImageGalleryExtendedMain as _ } from "./components/ImageGalleryExtendedMain.js";
 import { ImageGalleryExtendedNav as A } from "./components/ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow as M } from "./components/ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails as k } from "./components/ImageGalleryExtendedThumbnails.js";
-import { I as v } from "../../chunks/ImageGalleryExtendedThumb-BVI6zmzL.js";
+import { I as v } from "../../chunks/ImageGalleryExtendedThumb-DyFhUrYf.js";
 import { ImageGalleryExtendedDots as O } from "./components/ImageGalleryExtendedDots.js";
 import "./enums.js";
-const P = "root__d9cd0b99", j = {
+const P = "root__a59f45da", j = {
   root: P
-}, g = R.forwardRef(
-  ({ items: r, children: u, className: h, selectedId: l, onChange: c, onKeyDown: t, tabIndex: E, ...G }, b) => {
-    const i = r.findIndex((e) => e.id === l), a = i >= 0 ? i : 0, o = n(
+}, g = b.forwardRef(
+  ({ items: r, children: u, className: h, selectedId: d, onChange: i, onKeyDown: t, tabIndex: E, ...G }, y) => {
+    const c = r.findIndex((e) => e.id === d), a = c >= 0 ? c : 0, o = n(
       (e) => {
         var f;
-        const d = r.length > 0 ? Math.min(Math.max(e, 0), r.length - 1) : 0, m = (f = r[d]) == null ? void 0 : f.id;
-        m !== void 0 && m !== l && c(m);
+        const l = r.length > 0 ? Math.min(Math.max(e, 0), r.length - 1) : 0, m = (f = r[l]) == null ? void 0 : f.id;
+        m !== void 0 && m !== d && i(m);
       },
-      [r, l, c]
-    ), s = n(() => o(a - 1), [a, o]), x = n(() => o(a + 1), [a, o]), y = (e) => {
+      [r, d, i]
+    ), s = n(() => o(a - 1), [a, o]), x = n(() => o(a + 1), [a, o]), R = (e) => {
       if (e.target !== e.currentTarget) {
         t == null || t(e);
         return;
       }
-      const d = e.code || e.keyCode;
-      I(d, "ARROW_LEFT") ? (e.preventDefault(), s()) : I(d, "ARROW_RIGHT") && (e.preventDefault(), x()), t == null || t(e);
+      const l = e.code || e.keyCode;
+      I(l, "ARROW_LEFT") ? (e.preventDefault(), s()) : I(l, "ARROW_RIGHT") && (e.preventDefault(), x()), t == null || t(e);
     };
     return /* @__PURE__ */ p(
       N.Provider,
@@ -44,9 +44,9 @@ const P = "root__d9cd0b99", j = {
           {
             ...G,
             tabIndex: E ?? 0,
-            ref: b,
+            ref: y,
             className: T(j.root, h),
-            onKeyDown: y,
+            onKeyDown: R,
             children: u
           }
         )

package/components/ImageGalleryExtended/components/ImageGalleryExtendedArrow.js

@@ -1,9 +1,9 @@
 import { jsx as o } from "react/jsx-runtime";
 import i from "react";
-import { c as p } from "../../../chunks/vendor-82AnkPpo.js";
+import { c as p } from "../../../chunks/vendor-D5cfSbgz.js";
 import { CaretleftStrokeSrvIcon24 as f, CaretrightStrokeSrvIcon24 as I } from "@sberbusiness/icons-next";
 import { EImageGalleryArrowDirection as r } from "../enums.js";
-import { s as e } from "../../../chunks/ImageGalleryExtendedMain.module-BGe90A85.js";
+import { s as e } from "../../../chunks/ImageGalleryExtendedMain.module-XdOAzDPn.js";
 const d = {
   [r.PREV]: e.prev,
   [r.NEXT]: e.next

package/components/ImageGalleryExtended/components/ImageGalleryExtendedDots.js

@@ -1,27 +1,27 @@
 import { jsx as i } from "react/jsx-runtime";
 import h, { useContext as p } from "react";
-import { c as l } from "../../../chunks/vendor-82AnkPpo.js";
+import { c as l } from "../../../chunks/vendor-D5cfSbgz.js";
 import { ImageGalleryExtendedContext as y } from "../ImageGalleryExtendedContext.js";
-const g = "dots__a01d7aa3", C = "dot__907fb141", b = "active__ae39e2f0", a = {
+const g = "dots__3e4a959e", C = "dot__04d28fcc", M = "active__d65ec4cd", s = {
   dots: g,
   dot: C,
-  active: b
-}, M = 4, I = h.forwardRef(
-  ({ className: d, ...m }, f) => {
-    const { items: s, selectedIndex: u, onSelect: _ } = p(y), t = s.length;
+  active: M
+}, b = 4, I = h.forwardRef(
+  ({ className: d, ...m }, u) => {
+    const { items: c, selectedIndex: f, onSelect: _ } = p(y), t = c.length;
     if (t <= 1)
       return null;
-    const e = Math.min(t, M), n = Math.floor(t / e), v = Math.min(Math.floor(u / n), e - 1);
-    return /* @__PURE__ */ i("div", { ref: f, ...m, className: l(a.dots, d), children: Array.from({ length: e }, (A, o) => {
-      const r = o === v, c = o * n, x = s[c];
+    const e = Math.min(t, b), n = Math.floor(t / e), v = Math.min(Math.floor(f / n), e - 1);
+    return /* @__PURE__ */ i("div", { ref: u, ...m, className: l(s.dots, d), children: Array.from({ length: e }, (A, o) => {
+      const a = o === v, r = o * n, x = c[r];
       return /* @__PURE__ */ i(
         "button",
         {
           type: "button",
-          "aria-current": r ? "true" : void 0,
+          "aria-current": a ? "true" : void 0,
           "aria-label": x.alt,
-          className: l(a.dot, { [a.active]: r }),
-          onClick: () => _(c)
+          className: l(s.dot, { [s.active]: a }),
+          onClick: () => _(r)
         },
         o
       );

package/components/ImageGalleryExtended/components/ImageGalleryExtendedMain.js

@@ -1,23 +1,24 @@
 import { jsxs as u, jsx as t } from "react/jsx-runtime";
 import E, { useContext as G } from "react";
-import { c as I } from "../../../chunks/vendor-82AnkPpo.js";
+import { c as I } from "../../../chunks/vendor-D5cfSbgz.js";
 import { MobileView as g } from "../../MobileView/MobileView.js";
+import "../../MobileView/useMobileView.js";
 import { ImageGalleryExtendedContext as M } from "../ImageGalleryExtendedContext.js";
 import { ImageGalleryExtendedSlide as s } from "./ImageGalleryExtendedSlide.js";
 import { ImageGalleryExtendedSwipeTrack as b } from "./ImageGalleryExtendedSwipeTrack.js";
-import { s as k } from "../../../chunks/ImageGalleryExtendedMain.module-BGe90A85.js";
+import { s as k } from "../../../chunks/ImageGalleryExtendedMain.module-XdOAzDPn.js";
 const v = E.forwardRef(
-  ({ height: e = "auto", withBlur: a = !1, onImageClick: r, className: c, children: x, style: l, ...f }, p) => {
-    const { items: n, selectedIndex: m } = G(M), o = n[m];
+  ({ height: e = "auto", withBlur: r = !1, onImageClick: a, className: c, children: x, style: l, ...f }, p) => {
+    const { items: m, selectedIndex: n } = G(M), o = m[n];
     if (!o)
       return null;
-    const i = e === "auto" ? void 0 : typeof e == "number" ? `${e}px` : e, y = i ? { ...l, "--triplex-next-runtime-ImageGalleryExtended-Main_Height": i } : l, d = r ? () => r(m) : void 0;
+    const i = e === "auto" ? void 0 : typeof e == "number" ? `${e}px` : e, y = i ? { ...l, "--triplex-next-runtime-ImageGalleryExtended-Main_Height": i } : l, d = a ? () => a(n) : void 0;
     return /* @__PURE__ */ u("div", { ...f, ref: p, className: I(k.main, c), style: y, children: [
       /* @__PURE__ */ t(
         g,
         {
-          fallback: /* @__PURE__ */ t(s, { item: o, withBlur: a, onClick: d }),
-          children: n.length > 1 ? /* @__PURE__ */ t(b, { withBlur: a, onImageClick: r }) : /* @__PURE__ */ t(s, { item: o, withBlur: a, onClick: d })
+          fallback: /* @__PURE__ */ t(s, { item: o, withBlur: r, onClick: d }),
+          children: m.length > 1 ? /* @__PURE__ */ t(b, { withBlur: r, onImageClick: a }) : /* @__PURE__ */ t(s, { item: o, withBlur: r, onClick: d })
         }
       ),
       x

package/components/ImageGalleryExtended/components/ImageGalleryExtendedSlide.js

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import { c as t } from "../../../chunks/vendor-82AnkPpo.js";
-import { s as a } from "../../../chunks/ImageGalleryExtendedMain.module-BGe90A85.js";
+import { c as t } from "../../../chunks/vendor-D5cfSbgz.js";
+import { s as a } from "../../../chunks/ImageGalleryExtendedMain.module-XdOAzDPn.js";
 const i = ({ item: l, withBlur: r, onClick: e }) => /* @__PURE__ */ c("div", { className: a.slide, children: [
   r && /* @__PURE__ */ s("img", { src: l.src, alt: "", className: a.blur, "aria-hidden": "true" }),
   e ? /* @__PURE__ */ s("button", { type: "button", className: a.imageButton, onClick: e, children: /* @__PURE__ */ s(

package/components/ImageGalleryExtended/components/ImageGalleryExtendedSwipeTrack.js

@@ -1,9 +1,9 @@
 import { jsx as v } from "react/jsx-runtime";
 import { useContext as w, useState as E, useRef as g, useCallback as y } from "react";
-import { c as z } from "../../../chunks/vendor-82AnkPpo.js";
+import { c as z } from "../../../chunks/vendor-D5cfSbgz.js";
 import { ImageGalleryExtendedContext as H } from "../ImageGalleryExtendedContext.js";
 import { ImageGalleryExtendedSlide as O } from "./ImageGalleryExtendedSlide.js";
-import { s as I } from "../../../chunks/ImageGalleryExtendedMain.module-BGe90A85.js";
+import { s as I } from "../../../chunks/ImageGalleryExtendedMain.module-XdOAzDPn.js";
 const $ = 50, C = 8, j = 0.35, K = ({
   withBlur: N,
   onImageClick: T

package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumb.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-82AnkPpo.js";
-import { I as p } from "../../../chunks/ImageGalleryExtendedThumb-BVI6zmzL.js";
+import "../../../chunks/vendor-D5cfSbgz.js";
+import { I as p } from "../../../chunks/ImageGalleryExtendedThumb-DyFhUrYf.js";
 export {
   p as ImageGalleryExtendedThumb
 };

package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js

@@ -1,10 +1,10 @@
 import { jsx as i } from "react/jsx-runtime";
 import R, { useContext as C, useRef as b, useImperativeHandle as E, useEffect as G } from "react";
-import { c as S } from "../../../chunks/vendor-82AnkPpo.js";
+import { c as S } from "../../../chunks/vendor-D5cfSbgz.js";
 import { isKey as g } from "../../../utils/keyboard.js";
 import { scrollSmoothHorizontally as _ } from "../../../utils/scroll.js";
 import { ImageGalleryExtendedContext as k } from "../ImageGalleryExtendedContext.js";
-import { s as v, I as A } from "../../../chunks/ImageGalleryExtendedThumb-BVI6zmzL.js";
+import { s as v, I as A } from "../../../chunks/ImageGalleryExtendedThumb-DyFhUrYf.js";
 const H = ({ item: c, isActive: n, ariaLabel: r, onSelect: s, ref: a }) => /* @__PURE__ */ i(A, { ref: a, item: c, isActive: n, "aria-label": r, onClick: s }), B = R.forwardRef(
   ({ className: c, children: n, onKeyDown: r, ...s }, a) => {
     const { items: T, selectedIndex: o, onSelect: u } = C(k), y = n ?? H, m = b(null), f = b([]);

package/components/ImageGalleryExtended/components/index.js

@@ -2,7 +2,7 @@ import { ImageGalleryExtendedMain as a } from "./ImageGalleryExtendedMain.js";
 import { ImageGalleryExtendedNav as o } from "./ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow as t } from "./ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails as x } from "./ImageGalleryExtendedThumbnails.js";
-import { I } from "../../../chunks/ImageGalleryExtendedThumb-BVI6zmzL.js";
+import { I } from "../../../chunks/ImageGalleryExtendedThumb-DyFhUrYf.js";
 import { ImageGalleryExtendedDots as g } from "./ImageGalleryExtendedDots.js";
 export {
   t as ImageGalleryExtendedArrow,

package/components/ImageGalleryExtended/index.js

@@ -4,7 +4,7 @@ import { ImageGalleryExtendedMain as l } from "./components/ImageGalleryExtended
 import { ImageGalleryExtendedNav as d } from "./components/ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow as I } from "./components/ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails as g } from "./components/ImageGalleryExtendedThumbnails.js";
-import { I as y } from "../../chunks/ImageGalleryExtendedThumb-BVI6zmzL.js";
+import { I as y } from "../../chunks/ImageGalleryExtendedThumb-DyFhUrYf.js";
 import { ImageGalleryExtendedDots as G } from "./components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection as s } from "./enums.js";
 export {