@sberbusiness/triplex-next 0.32.0 → 0.34.0

package/components/FormField/components/FormFieldTarget.js

@@ -1,10 +1,10 @@
-import { jsx as b } from "react/jsx-runtime";
-import _, { useContext as S, useMemo as g, useLayoutEffect as h, useCallback as F } from "react";
+import { jsx as _ } 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__fb3ecb20", M = "sm__cd879807", R = "md__86f475a9", j = "lg__b5bd551f", k = "placeholder__91b875f7", q = "disabled__a54581cd", w = "placeholderWrapper__74a2f5b9", B = "active__4eee5b99", e = {
+const z = "formFieldTarget__7ef5ca54", M = "sm__f4d3088f", R = "md__fcdae70d", j = "lg__1d2a27b8", k = "placeholder__2337800b", q = "disabled__45c3fdbc", w = "placeholderWrapper__336e4776", B = "active__11bf17ab", e = {
   formFieldTarget: z,
   sm: M,
   md: R,
@@ -13,9 +13,9 @@ const z = "formFieldTarget__fb3ecb20", M = "sm__cd879807", R = "md__86f475a9", j
   disabled: q,
   placeholderWrapper: w,
   active: B
-}, G = W(e), H = _.forwardRef(
+}, G = W(e), H = b.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: f, setFocused: r, setTargetId: n } = S(L), i = g(() => c === void 0 ? y("target_") : c, [c]), l = g(() => _.Children.toArray(o).length !== 0, [o]), E = A(e.formFieldTarget, G[u], T, {
+    const { size: u, status: s, active: v, labelId: x, setFilled: f, setFocused: r, setTargetId: n } = S(L), i = g(() => c === void 0 ? y("target_") : c, [c]), l = g(() => b.Children.toArray(o).length !== 0, [o]), 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__fb3ecb20", M = "sm__cd879807", R = "md__86f475a9", j
       },
       [t, r]
     );
-    return /* @__PURE__ */ b(
+    return /* @__PURE__ */ _(
       "div",
       {
         ...D,
@@ -48,7 +48,7 @@ const z = "formFieldTarget__fb3ecb20", M = "sm__cd879807", R = "md__86f475a9", j
         onBlur: N,
         onFocus: C,
         ref: I,
-        children: l ? o : /* @__PURE__ */ b("span", { className: e.placeholderWrapper, children: p })
+        children: l ? o : /* @__PURE__ */ _("span", { className: e.placeholderWrapper, children: p })
       }
     );
   }

package/components/FormField/components/FormFieldTextarea.js

@@ -1,61 +1,61 @@
 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 M, { useContext as n, useMemo as C, useCallback as s, useLayoutEffect as x } from "react";
 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__b08a00b7", G = "sm__cd879807", H = "md__86f475a9", J = "lg__b5bd551f", u = {
+const w = "formFieldTextarea__4948d6a3", G = "sm__f4d3088f", H = "md__fcdae70d", J = "lg__1d2a27b8", u = {
   formFieldTextarea: w,
   sm: G,
   md: H,
   lg: J
 }, 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(
+  ({ id: c, className: p, value: a, defaultValue: F, onFocus: r, onBlur: l, onAnimationStart: m, onChange: d, ..._ }, N) => {
+    const { size: g, status: h, setFocused: i, setTargetId: T, setFilled: o } = n(W), f = C(() => c === void 0 ? D("textarea_") : c, [c]), y = L(u.formFieldTextarea, K[g], p), t = s(
       (e) => {
-        d(q(e));
+        o(q(e));
       },
-      [d]
+      [o]
     );
     x(() => {
       T(f);
     }, [f, T]), x(() => {
-      t(s ?? F);
+      t(a ?? F);
     }, []), x(() => {
-      s !== void 0 && t(s);
-    }, [s, t]);
-    const y = a(
+      a !== void 0 && t(a);
+    }, [a, t]);
+    const b = s(
       (e) => {
-        t(e.currentTarget.value), o(!0), r == null || r(e);
+        t(e.currentTarget.value), i(!0), r == null || r(e);
       },
-      [t, o, r]
-    ), k = a(
+      [t, i, r]
+    ), k = s(
       (e) => {
-        t(e.currentTarget.value), o(!1), l == null || l(e);
+        t(e.currentTarget.value), i(!1), l == null || l(e);
       },
-      [t, o, l]
-    ), z = a(
+      [t, i, l]
+    ), z = s(
       (e) => {
-        e.animationName.startsWith("autofill-applied-hook") ? d(!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") && t(e.currentTarget.value), m == null || m(e);
       },
-      [d, t, m]
-    ), E = a(
+      [o, t, m]
+    ), E = s(
       (e) => {
-        t(e.currentTarget.value), i == null || i(e);
+        t(e.currentTarget.value), d == null || d(e);
       },
-      [i, t]
+      [d, t]
     );
     return /* @__PURE__ */ I(
       "textarea",
       {
         ..._,
         id: f,
-        className: h,
-        value: s,
+        className: y,
+        value: a,
         defaultValue: F,
-        disabled: g === j.DISABLED,
-        onFocus: y,
+        disabled: h === j.DISABLED,
+        onFocus: b,
         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-DZ9wvF_L.js";
+import { F as x } from "../../../chunks/FormFieldInput-D3Ncfs2O.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-DZ9wvF_L.js";
+import { F as f } from "../../chunks/FormFieldInput-D3Ncfs2O.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 c } from "react/jsx-runtime";
 import { c as o } from "../../chunks/vendor-z35N2Tap.js";
 import t from "react";
-const _ = "size4__b5c1e363", a = "size8__24c169c6", n = "size12__b5cbf8e4", r = "size16__45921cc1", m = "size24__278da815", p = "size32__b66fbca8", f = "size64__83e2b2d9", b = "size128__c5e1ad07", d = {
+const _ = "size4__eda8de50", a = "size8__744e12e8", n = "size12__46530ae4", r = "size16__6765c52e", f = "size24__acf0cac9", m = "size32__03f156e1", p = "size64__65ffc07b", d = "size128__a64c61cf", l = {
   size4: _,
   size8: a,
   size12: n,
   size16: r,
-  size24: m,
-  size32: p,
-  size64: f,
-  size128: b
-}, l = t.forwardRef(({ className: s, size: e, ...i }, z) => /* @__PURE__ */ c("div", { className: o(d[`size${e}`], s), role: "presentation", ...i, ref: z }));
-l.displayName = "Gap";
+  size24: f,
+  size32: m,
+  size64: p,
+  size128: d
+}, x = t.forwardRef(({ className: s, size: e, ...i }, z) => /* @__PURE__ */ c("div", { className: o(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 }, o) {
-    return /* @__PURE__ */ t("div", { ...e, "data-tx": "0.32.0", ref: o, children: r });
+    return /* @__PURE__ */ t("div", { ...e, "data-tx": "0.34.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-z35N2Tap.js";
 import { HeaderLayoutSidebarContent as m } from "./HeaderLayoutSidebarContent.js";
 import { HeaderLayoutSidebarSidebar as s } from "./HeaderLayoutSidebarSidebar.js";
-import { s as b } from "../../../../chunks/HeaderLayoutSidebar.module-ChykZk2C.js";
+import { s as b } from "../../../../chunks/HeaderLayoutSidebar.module-C3C0sKOR.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-z35N2Tap.js";
-import { s as d } from "../../../../chunks/HeaderLayoutSidebar.module-ChykZk2C.js";
+import { s as d } from "../../../../chunks/HeaderLayoutSidebar.module-C3C0sKOR.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-z35N2Tap.js";
-import { s as t } from "../../../../chunks/HeaderLayoutSidebar.module-ChykZk2C.js";
+import { s as t } from "../../../../chunks/HeaderLayoutSidebar.module-C3C0sKOR.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-z35N2Tap.js";
-const u = "headerSubheader__e0123762", n = "withoutPaddings__9ada725e", e = {
-  headerSubheader: u,
-  withoutPaddings: n
-}, c = h.forwardRef(
+const c = "headerSubheader__5c225ce6", u = "withoutPaddings__9ecea65d", e = {
+  headerSubheader: c,
+  withoutPaddings: u
+}, n = h.forwardRef(
   ({ children: a, className: d, withoutPaddings: r, ...o }, t) => /* @__PURE__ */ s(
     "div",
     {
@@ -15,8 +15,8 @@ const u = "headerSubheader__e0123762", n = "withoutPaddings__9ada725e", 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

@@ -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-z35N2Tap.js";
-import { s as d } from "../../../../chunks/HeaderTabs.module-CXzQ8YYa.js";
+import { s as d } from "../../../../chunks/HeaderTabs.module-BkwLC92-.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-z35N2Tap.js";
-import { s as n } from "../../../../chunks/HeaderTabs.module-CXzQ8YYa.js";
+import { s as n } from "../../../../chunks/HeaderTabs.module-BkwLC92-.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-z35N2Tap.js";
-import { s as l } from "../../../../chunks/HeaderTabs.module-CXzQ8YYa.js";
+import { s as l } from "../../../../chunks/HeaderTabs.module-BkwLC92-.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-z35N2Tap.js";
-import { s as n } from "../../../../chunks/HeaderTitle.module-Bjd_PeFL.js";
+import { s as n } from "../../../../chunks/HeaderTitle.module-CgvvJQ0i.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-z35N2Tap.js";
-import { s as e } from "../../../../chunks/HeaderTitle.module-Bjd_PeFL.js";
+import { s as e } from "../../../../chunks/HeaderTitle.module-CgvvJQ0i.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-z35N2Tap.js";
-import { s as o } from "../../../../chunks/HeaderTitle.module-Bjd_PeFL.js";
+import { s as o } from "../../../../chunks/HeaderTitle.module-CgvvJQ0i.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__2c5211d8", A = {
+const w = "helpBoxButton__1bca5f1b", A = {
   helpBoxButton: w
 }, G = L.forwardRef(
   ({
@@ -24,11 +24,11 @@ const w = "helpBoxButton__2c5211d8", A = {
     toggle: c,
     tooltipAriaAttributes: m,
     tooltipDataAttributes: p,
-    iconProps: v,
-    tooltipXButtonProps: O,
-    ...y
+    iconProps: b,
+    tooltipXButtonProps: v,
+    ...O
   }, i) => {
-    const d = j(null), [b, g] = a(!!l), [f, B] = a(null), [h] = a(k()), s = l ?? b, H = (t) => {
+    const d = j(null), [y, g] = a(!!l), [f, B] = a(null), [h] = a(k()), s = l ?? y, 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);
@@ -77,13 +77,13 @@ const w = "helpBoxButton__2c5211d8", A = {
                 className: _(A.helpBoxButton, I),
                 shape: D.CIRCLE,
                 ref: H,
-                ...y,
-                children: /* @__PURE__ */ e(z, { paletteIndex: 5, ...v })
+                ...O,
+                children: /* @__PURE__ */ e(z, { paletteIndex: 5, ...b })
               }
             ) }),
             u && /* @__PURE__ */ e(Q, { children: u }),
             /* @__PURE__ */ e(n.Body, { children: T }),
-            /* @__PURE__ */ e(n.XButton, { ...O })
+            /* @__PURE__ */ e(n.XButton, { ...v })
           ]
         }
       ),

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-z35N2Tap.js";
-const m = "disableInteraction__fd0eb51a", b = "displayContents__aaf67314", a = {
+const m = "disableInteraction__50099feb", b = "displayContents__35197a80", t = {
   disableInteraction: m,
   displayContents: b
 }, f = p.forwardRef(
-  ({ children: t, className: s, active: e, disabled: n, disableInteraction: o, displayContents: i, ...r }, c) => /* @__PURE__ */ l(
+  ({ children: a, className: s, active: e, disabled: n, disableInteraction: o, displayContents: i, ...r }, c) => /* @__PURE__ */ l(
     "span",
     {
       ref: c,
       className: d("hoverable", s, {
         active: !!e,
         disabled: !!n,
-        [a.disableInteraction]: !!o,
-        [a.displayContents]: !!i
+        [t.disableInteraction]: !!o,
+        [t.displayContents]: !!i
       }),
       ...r,
-      children: t
+      children: a
     }
   )
 );

package/components/ImageGallery/ImageGallery.js

@@ -1,23 +1,24 @@
 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-A47Rfe5O.js";
+import "../../chunks/ImageGalleryExtendedThumb-Dwh72nwh.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedDots.js";
-import { EImageGalleryArrowDirection as a } from "../ImageGalleryExtended/enums.js";
+import { EImageGalleryArrowDirection as m } from "../ImageGalleryExtended/enums.js";
 const M = j.forwardRef(
   ({
-    items: m,
+    items: a,
     selectedId: t,
     defaultId: c,
     onChange: o,
-    onImageClick: s,
-    height: p = "auto",
+    onImageClick: p,
+    height: s = "auto",
     withBlur: u = !0,
     showThumbnails: f = !0,
     showDots: h = !0,
@@ -33,18 +34,18 @@ const M = j.forwardRef(
       {
         ref: x,
         ...g,
-        items: m,
+        items: a,
         selectedId: (l ? t : E) ?? "",
         onChange: (i) => {
           l || G(i), o == null || o(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,
               {
                 ...I,
-                direction: a.PREV,
+                direction: m.PREV,
                 onClick: i,
                 disabled: A,
                 hidden: n <= 1
@@ -54,7 +55,7 @@ const M = j.forwardRef(
               e.Arrow,
               {
                 ...b,
-                direction: a.NEXT,
+                direction: m.NEXT,
                 onClick: k,
                 disabled: N,
                 hidden: n <= 1

package/components/ImageGalleryExtended/ImageGalleryExtended.js

@@ -7,10 +7,10 @@ import { ImageGalleryExtendedMain as A } from "./components/ImageGalleryExtended
 import { ImageGalleryExtendedNav as M } from "./components/ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow as _ } from "./components/ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails as k } from "./components/ImageGalleryExtendedThumbnails.js";
-import { I as v } from "../../chunks/ImageGalleryExtendedThumb-A47Rfe5O.js";
+import { I as v } from "../../chunks/ImageGalleryExtendedThumb-Dwh72nwh.js";
 import { ImageGalleryExtendedDots as O } from "./components/ImageGalleryExtendedDots.js";
 import "./enums.js";
-const P = "root__b8acb2fd", j = {
+const P = "root__f18cf74b", j = {
   root: P
 }, g = R.forwardRef(
   ({ items: r, children: h, className: u, selectedId: d, onChange: c, onKeyDown: t, tabIndex: E, ...G }, b) => {

package/components/ImageGalleryExtended/components/ImageGalleryExtendedArrow.js

@@ -3,7 +3,7 @@ import i from "react";
 import { c as p } from "../../../chunks/vendor-z35N2Tap.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-DtrGKrbn.js";
+import { s as e } from "../../../chunks/ImageGalleryExtendedMain.module-DsxpDSCZ.js";
 const d = {
   [r.PREV]: e.prev,
   [r.NEXT]: e.next

package/components/ImageGalleryExtended/components/ImageGalleryExtendedDots.js

@@ -2,17 +2,17 @@ import { jsx as i } from "react/jsx-runtime";
 import h, { useContext as p } from "react";
 import { c as l } from "../../../chunks/vendor-z35N2Tap.js";
 import { ImageGalleryExtendedContext as y } from "../ImageGalleryExtendedContext.js";
-const b = "dots__5302629b", g = "dot__e581a09c", C = "active__621e4bea", s = {
-  dots: b,
-  dot: g,
-  active: C
-}, M = 4, I = h.forwardRef(
-  ({ className: d, ...m }, u) => {
-    const { items: n, selectedIndex: f, onSelect: v } = p(y), t = n.length;
+const g = "dots__01d36ef2", C = "dot__fa63781f", M = "active__30ea2fc3", s = {
+  dots: g,
+  dot: C,
+  active: M
+}, b = 4, I = h.forwardRef(
+  ({ className: d, ...m }, f) => {
+    const { items: n, selectedIndex: u, onSelect: v } = p(y), t = n.length;
     if (t <= 1)
       return null;
-    const e = Math.min(t, M), a = Math.floor(t / e), x = Math.min(Math.floor(f / a), e - 1);
-    return /* @__PURE__ */ i("div", { ref: u, ...m, className: l(s.dots, d), children: Array.from({ length: e }, (A, o) => {
+    const e = Math.min(t, b), a = Math.floor(t / e), x = Math.min(Math.floor(u / a), e - 1);
+    return /* @__PURE__ */ i("div", { ref: f, ...m, className: l(s.dots, d), children: Array.from({ length: e }, (A, o) => {
       const c = o === x, r = o * a, _ = n[r];
       return /* @__PURE__ */ i(
         "button",

package/components/ImageGalleryExtended/components/ImageGalleryExtendedMain.js

@@ -2,22 +2,23 @@ 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-z35N2Tap.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-DtrGKrbn.js";
+import { s as k } from "../../../chunks/ImageGalleryExtendedMain.module-DsxpDSCZ.js";
 const v = E.forwardRef(
-  ({ height: e = "auto", withBlur: r = !1, onImageClick: a, className: c, children: x, style: l, ...f }, p) => {
-    const { items: n, selectedIndex: m } = G(M), o = n[m];
-    if (!o)
+  ({ height: e = "auto", withBlur: r = !1, onImageClick: o, className: c, children: x, style: l, ...p }, f) => {
+    const { items: m, selectedIndex: n } = G(M), a = m[n];
+    if (!a)
       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 = a ? () => a(m) : void 0;
-    return /* @__PURE__ */ u("div", { ...f, ref: p, className: I(k.main, c), style: y, children: [
+    const i = e === "auto" ? void 0 : typeof e == "number" ? `${e}px` : e, y = i ? { ...l, "--triplex-next-runtime-ImageGalleryExtended-Main_Height": i } : l, d = o ? () => o(n) : void 0;
+    return /* @__PURE__ */ u("div", { ...p, ref: f, className: I(k.main, c), style: y, children: [
       /* @__PURE__ */ t(
         g,
         {
-          fallback: /* @__PURE__ */ t(s, { item: o, withBlur: r, onClick: d }),
-          children: n.length > 1 ? /* @__PURE__ */ t(b, { withBlur: r, onImageClick: a }) : /* @__PURE__ */ t(s, { item: o, withBlur: r, onClick: d })
+          fallback: /* @__PURE__ */ t(s, { item: a, withBlur: r, onClick: d }),
+          children: m.length > 1 ? /* @__PURE__ */ t(b, { withBlur: r, onImageClick: o }) : /* @__PURE__ */ t(s, { item: a, 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-z35N2Tap.js";
-import { s as a } from "../../../chunks/ImageGalleryExtendedMain.module-DtrGKrbn.js";
+import { s as a } from "../../../chunks/ImageGalleryExtendedMain.module-DsxpDSCZ.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

@@ -3,7 +3,7 @@ import { useContext as w, useState as E, useRef as g, useCallback as y } from "r
 import { c as z } from "../../../chunks/vendor-z35N2Tap.js";
 import { ImageGalleryExtendedContext as H } from "../ImageGalleryExtendedContext.js";
 import { ImageGalleryExtendedSlide as O } from "./ImageGalleryExtendedSlide.js";
-import { s as I } from "../../../chunks/ImageGalleryExtendedMain.module-DtrGKrbn.js";
+import { s as I } from "../../../chunks/ImageGalleryExtendedMain.module-DsxpDSCZ.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-z35N2Tap.js";
-import { I as p } from "../../../chunks/ImageGalleryExtendedThumb-A47Rfe5O.js";
+import { I as p } from "../../../chunks/ImageGalleryExtendedThumb-Dwh72nwh.js";
 export {
   p as ImageGalleryExtendedThumb
 };

package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js

@@ -4,7 +4,7 @@ import { c as S } from "../../../chunks/vendor-z35N2Tap.js";
 import { isKey as g } from "../../../utils/keyboard.js";
 import { scrollSmoothHorizontally as k } from "../../../utils/scroll.js";
 import { ImageGalleryExtendedContext as v } from "../ImageGalleryExtendedContext.js";
-import { s as A, I as H } from "../../../chunks/ImageGalleryExtendedThumb-A47Rfe5O.js";
+import { s as A, I as H } from "../../../chunks/ImageGalleryExtendedThumb-Dwh72nwh.js";
 const B = ({ item: c, isActive: n, ariaLabel: r, onSelect: s, ref: a }) => /* @__PURE__ */ f(H, { ref: a, item: c, isActive: n, "aria-label": r, onClick: s }), F = R.forwardRef(
   ({ className: c, children: n, onKeyDown: r, ...s }, a) => {
     const { items: T, selectedIndex: o, onSelect: m } = C(v), y = n ?? B, u = b(null), i = 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-A47Rfe5O.js";
+import { I } from "../../../chunks/ImageGalleryExtendedThumb-Dwh72nwh.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-A47Rfe5O.js";
+import { I as y } from "../../chunks/ImageGalleryExtendedThumb-Dwh72nwh.js";
 import { ImageGalleryExtendedDots as G } from "./components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection as s } from "./enums.js";
 export {

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-BT5PPv2k.js";
+import { s as o, m as y } from "../../chunks/utils-C0t0OqOb.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 a } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import t from "react";
 import { c as n } from "../../../chunks/vendor-z35N2Tap.js";
-const i = "islandBody__53d89e91", l = {
+const i = "islandBody__a8a547e8", l = {
   islandBody: i
 }, y = t.forwardRef(
-  ({ children: o, className: s, ...d }, r) => /* @__PURE__ */ a("div", { className: n(l.islandBody, s), ref: r, ...d, children: o })
+  ({ children: o, className: s, ...a }, d) => /* @__PURE__ */ r("div", { className: n(l.islandBody, s), ref: d, ...a, children: o })
 );
 export {
   y as IslandBody