@sberbusiness/triplex-next 1.30.0 → 1.32.0

package/components/FormField/components/FormFieldPrefix.js

@@ -2,12 +2,12 @@ import { jsx as x } from "react/jsx-runtime";
 import F, { useContext as a, useRef as p, useEffect as P } from "react";
 import { c as R } from "../../../chunks/vendor-82AnkPpo.js";
 import { FormFieldContext as _ } from "../FormFieldContext.js";
-import { TARGET_PADDING_X_DEFAULT as b } from "../consts.js";
-const w = "formFieldPrefix__edb4ee52", N = {
-  formFieldPrefix: w
+import { TARGET_PADDING_X_DEFAULT as w } from "../consts.js";
+const N = "formFieldPrefix__cc89771f", b = {
+  formFieldPrefix: N
 }, g = F.forwardRef(
   ({ children: n, className: c, ...m }, r) => {
-    const { setPrefixWidth: t } = a(_), o = p(), l = R(N.formFieldPrefix, c), d = (e) => {
+    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 P(() => {
@@ -19,7 +19,7 @@ const w = "formFieldPrefix__edb4ee52", N = {
         t((f) => f !== i ? i : f);
       });
       return s.observe(e), () => {
-        s.disconnect(), t(b);
+        s.disconnect(), t(w);
       };
     }, [t]), /* @__PURE__ */ x("span", { className: l, ...m, ref: d, children: n });
   }

package/components/FormField/components/FormFieldTarget.js

@@ -1,10 +1,10 @@
-import { jsx as f } from "react/jsx-runtime";
+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-82AnkPpo.js";
 import { FormFieldContext as L } from "../FormFieldContext.js";
-import { EFormFieldStatus as r } from "../enums.js";
+import { EFormFieldStatus as d } from "../enums.js";
 import { createSizeToClassNameMap as W } from "../../../utils/classNameMaps.js";
-const z = "formFieldTarget__ab67d4c8", M = "sm__f1c7d6be", R = "md__14d41478", j = "lg__19569db4", k = "placeholder__752534cd", q = "disabled__2b9933f4", w = "placeholderWrapper__4de99277", B = "active__da079565", e = {
+const z = "formFieldTarget__a982acec", M = "sm__ab9ef21c", R = "md__9ec7e2e7", j = "lg__f50c04ee", k = "placeholder__d8fc1150", q = "disabled__556e7922", w = "placeholderWrapper__c36499cd", B = "active__331be4ad", e = {
   formFieldTarget: z,
   sm: M,
   md: R,
@@ -14,41 +14,41 @@ const z = "formFieldTarget__ab67d4c8", M = "sm__f1c7d6be", R = "md__14d41478", j
   placeholderWrapper: w,
   active: B
 }, G = W(e), H = b.forwardRef(
-  ({ children: o, id: c, className: T, placeholder: p, onFocus: a, onBlur: t, ...u }, D) => {
-    const { size: I, status: s, active: v, labelId: x, setFilled: n, setFocused: d, setTargetId: _ } = 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[I], T, {
-      [e.disabled]: s === r.DISABLED,
-      [e.placeholder]: !!p && !l && s !== r.DISABLED,
+  ({ children: c, id: o, className: T, placeholder: p, onFocus: a, onBlur: t, ...u }, D) => {
+    const { size: I, status: s, active: v, labelId: x, setFilled: n, setFocused: l, setTargetId: f } = S(L), i = g(() => o === void 0 ? y("target_") : o, [o]), r = g(() => b.Children.toArray(c).length !== 0, [c]), E = A(e.formFieldTarget, G[I], T, {
+      [e.disabled]: s === d.DISABLED,
+      [e.placeholder]: !!p && !r && s !== d.DISABLED,
       [e.active]: v
     });
     h(() => {
-      _(i);
-    }, [i, _]), h(() => {
-      n(l);
-    }, [l, n]);
+      f(i);
+    }, [i, f]), h(() => {
+      n(r);
+    }, [r, n]);
     const C = F(
       (m) => {
-        d(!0), a == null || a(m);
+        l(!0), a == null || a(m);
       },
-      [a, d]
+      [a, l]
     ), N = F(
       (m) => {
-        d(!1), t == null || t(m);
+        l(!1), t == null || t(m);
       },
-      [t, d]
+      [t, l]
     );
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ _(
       "div",
       {
         ...u,
         id: i,
         className: E,
-        tabIndex: s === r.DISABLED ? -1 : 0,
+        tabIndex: s === d.DISABLED ? -1 : 0,
         "aria-labelledby": x,
-        "aria-disabled": s === r.DISABLED,
+        "aria-disabled": s === d.DISABLED,
         onBlur: N,
         onFocus: C,
         ref: D,
-        children: l ? o : /* @__PURE__ */ f("span", { className: e.placeholderWrapper, children: p })
+        children: r ? c : /* @__PURE__ */ _("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 u } from "react";
+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 { 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__0ef11e20", G = "sm__f1c7d6be", H = "md__14d41478", J = "lg__19569db4", T = {
+const w = "formFieldTextarea__c28d07ae", G = "sm__ab9ef21c", H = "md__9ec7e2e7", J = "lg__f50c04ee", T = {
   formFieldTextarea: w,
   sm: G,
   md: H,
   lg: J
 }, K = R(T), O = M.forwardRef(
-  ({ id: c, className: p, value: s, defaultValue: x, onFocus: r, onBlur: l, onAnimationStart: m, onChange: i, ..._ }, N) => {
-    const { size: g, status: h, setFocused: d, setTargetId: F, setFilled: o } = n(W), f = C(() => c === void 0 ? D("textarea_") : c, [c]), b = L(T.formFieldTextarea, K[g], p), t = a(
+  ({ 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(
       (e) => {
         o(q(e));
       },
@@ -21,26 +21,26 @@ const w = "formFieldTextarea__0ef11e20", G = "sm__f1c7d6be", H = "md__14d41478",
     u(() => {
       F(f);
     }, [f, F]), u(() => {
-      t(s ?? x);
+      t(a ?? x);
     }, []), u(() => {
-      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), d(!0), r == null || r(e);
+        t(e.currentTarget.value), c(!0), r == null || r(e);
       },
-      [t, d, r]
-    ), k = a(
+      [t, c, r]
+    ), k = s(
       (e) => {
-        t(e.currentTarget.value), d(!1), l == null || l(e);
+        t(e.currentTarget.value), c(!1), l == null || l(e);
       },
-      [t, d, l]
-    ), z = a(
+      [t, c, 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);
       },
       [o, t, m]
-    ), E = a(
+    ), E = s(
       (e) => {
         t(e.currentTarget.value), i == null || i(e);
       },
@@ -51,11 +51,11 @@ const w = "formFieldTextarea__0ef11e20", G = "sm__f1c7d6be", H = "md__14d41478",
       {
         ..._,
         id: f,
-        className: b,
-        value: s,
+        className: y,
+        value: a,
         defaultValue: x,
         disabled: h === j.DISABLED,
-        onFocus: y,
+        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-Du3nMTry.js";
+import { F as x } from "../../../chunks/FormFieldInput-d6WkPngW.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-Du3nMTry.js";
+import { F as f } from "../../chunks/FormFieldInput-d6WkPngW.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,8 +1,18 @@
-import { jsx as a } from "react/jsx-runtime";
-import p from "react";
-const i = p.forwardRef(({ style: e, size: t, ...o }, r) => /* @__PURE__ */ a("div", { style: { height: `${t}px`, ...e }, role: "presentation", ...o, ref: r }));
-i.displayName = "Gap";
+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 = {
+  size4: c,
+  size8: a,
+  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";
 export {
-  i as Gap
+  l 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.30.0", ref: t, children: r });
+    return /* @__PURE__ */ o("div", { ...e, "data-tx": "1.32.0", ref: t, children: r });
   }),
   {
     LayoutSidebar: p,

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

@@ -3,7 +3,7 @@ import d from "react";
 import { c as i } from "../../../../chunks/vendor-82AnkPpo.js";
 import { HeaderLayoutSidebarContent as m } from "./HeaderLayoutSidebarContent.js";
 import { HeaderLayoutSidebarSidebar as s } from "./HeaderLayoutSidebarSidebar.js";
-import { s as f } from "../../../../chunks/HeaderLayoutSidebar.module-BOcwOhH9.js";
+import { s as f } from "../../../../chunks/HeaderLayoutSidebar.module-BUlWJH2L.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-BOcwOhH9.js";
+import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-BUlWJH2L.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-BOcwOhH9.js";
+import { s } from "../../../../chunks/HeaderLayoutSidebar.module-BUlWJH2L.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,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import h from "react";
 import { c as i } from "../../../../chunks/vendor-82AnkPpo.js";
-const u = "headerSubheader__5d59fcec", c = "withoutPaddings__1f2086ad", e = {
+const u = "headerSubheader__85f26a39", c = "withoutPaddings__4be0c7e7", e = {
   headerSubheader: u,
   withoutPaddings: c
 }, n = h.forwardRef(

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 d } from "../../../../chunks/vendor-82AnkPpo.js";
-import { s as f } from "../../../../chunks/HeaderTabs.module-D5xnWADy.js";
+import { s as f } from "../../../../chunks/HeaderTabs.module-f0pOEOus.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-D5xnWADy.js";
+import { s as n } from "../../../../chunks/HeaderTabs.module-f0pOEOus.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-D5xnWADy.js";
+import { s as l } from "../../../../chunks/HeaderTabs.module-f0pOEOus.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 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-mufXm8bf.js";
+import { s as n } from "../../../../chunks/HeaderTitle.module-CFdpGGVy.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-mufXm8bf.js";
+import { s as e } from "../../../../chunks/HeaderTitle.module-CFdpGGVy.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-mufXm8bf.js";
+import { s as o } from "../../../../chunks/HeaderTitle.module-CFdpGGVy.js";
 const m = a.forwardRef(
   ({ children: e, className: r, ...t }, l) => /* @__PURE__ */ s(
     "div",

package/components/HelpBox/HelpBox.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__d0222cee", A = {
+const w = "helpBoxButton__8c067086", A = {
   helpBoxButton: w
 }, G = _.forwardRef(
   ({
@@ -28,8 +28,8 @@ const w = "helpBoxButton__d0222cee", A = {
     tooltipXButtonProps: O,
     ...g
   }, l) => {
-    const d = L(null), [y, b] = x(!!n), [m, f] = x(null), B = j(), s = n ?? y, E = (t) => {
-      d.current = t, typeof l == "function" ? l(t) : l && (l.current = t);
+    const m = L(null), [y, b] = x(!!n), [d, f] = x(null), B = j(), s = n ?? y, 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);
     }, M = (t) => {
@@ -67,7 +67,7 @@ const w = "helpBoxButton__d0222cee", A = {
           isOpen: s,
           toggle: H,
           onShow: M,
-          targetRef: d,
+          targetRef: m,
           ...!!p && q(p),
           ...!!u && $(u),
           children: [
@@ -87,7 +87,7 @@ const w = "helpBoxButton__d0222cee", A = {
           ]
         }
       ),
-      s && m && N(m)
+      s && d && N(d)
     ] });
   }
 );

package/components/IconWrapper/IconWrapper.js

@@ -1,10 +1,10 @@
 import { jsx as l } from "react/jsx-runtime";
 import p from "react";
 import { c as d } from "../../chunks/vendor-82AnkPpo.js";
-const b = "disableInteraction__7688bf97", m = "displayContents__07352b90", t = {
+const b = "disableInteraction__f1b8679f", f = "displayContents__40b4c540", t = {
   disableInteraction: b,
-  displayContents: m
-}, f = p.forwardRef(
+  displayContents: f
+}, m = p.forwardRef(
   ({ children: a, className: s, active: e, disabled: n, disableInteraction: o, displayContents: i, ...r }, c) => /* @__PURE__ */ l(
     "span",
     {
@@ -20,8 +20,8 @@ const b = "disableInteraction__7688bf97", m = "displayContents__07352b90", t = {
     }
   )
 );
-f.displayName = "IconWrapper";
+m.displayName = "IconWrapper";
 export {
-  f as IconWrapper
+  m as IconWrapper
 };
 //# sourceMappingURL=IconWrapper.js.map

package/components/ImageGallery/ImageGallery.js

@@ -0,0 +1,74 @@
+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 { 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 "../ImageGalleryExtended/components/ImageGalleryExtendedDots.js";
+import { EImageGalleryArrowDirection as a } from "../ImageGalleryExtended/enums.js";
+const M = j.forwardRef(
+  ({
+    items: m,
+    selectedId: o,
+    defaultId: c,
+    onChange: t,
+    onImageClick: s,
+    height: p = "auto",
+    withBlur: u = !0,
+    showThumbnails: f = !0,
+    showDots: h = !0,
+    prevArrowProps: I,
+    nextArrowProps: b,
+    thumbnailsProps: w,
+    dotsProps: y,
+    ...g
+  }, x) => {
+    const l = o !== void 0, [E, G] = v(c);
+    return /* @__PURE__ */ d(
+      e,
+      {
+        ref: x,
+        ...g,
+        items: m,
+        selectedId: (l ? o : E) ?? "",
+        onChange: (i) => {
+          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.Arrow,
+              {
+                ...I,
+                direction: a.PREV,
+                onClick: i,
+                disabled: A,
+                hidden: n <= 1
+              }
+            ),
+            /* @__PURE__ */ r(
+              e.Arrow,
+              {
+                ...b,
+                direction: a.NEXT,
+                onClick: k,
+                disabled: N,
+                hidden: n <= 1
+              }
+            )
+          ] }) }) }),
+          /* @__PURE__ */ r(D, { fallback: f ? /* @__PURE__ */ r(e.Thumbnails, { ...w }) : null, children: h ? /* @__PURE__ */ r(e.Dots, { ...y }) : null })
+        ]
+      }
+    );
+  }
+);
+M.displayName = "ImageGallery";
+export {
+  M as ImageGallery
+};
+//# sourceMappingURL=ImageGallery.js.map

package/components/ImageGallery/index.js

@@ -0,0 +1,5 @@
+import { ImageGallery as a } from "./ImageGallery.js";
+export {
+  a as ImageGallery
+};
+//# sourceMappingURL=index.js.map

package/components/ImageGallery/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/ImageGalleryExtended/ImageGalleryExtended.js

@@ -0,0 +1,72 @@
+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 { 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 { ImageGalleryExtendedDots as O } from "./components/ImageGalleryExtendedDots.js";
+import "./enums.js";
+const P = "root__d9cd0b99", 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(
+      (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);
+      },
+      [r, l, c]
+    ), s = n(() => o(a - 1), [a, o]), x = n(() => o(a + 1), [a, o]), y = (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);
+    };
+    return /* @__PURE__ */ p(
+      N.Provider,
+      {
+        value: {
+          items: r,
+          selectedIndex: a,
+          onSelect: o,
+          onPrev: s,
+          onNext: x
+        },
+        children: /* @__PURE__ */ p(
+          "div",
+          {
+            ...G,
+            tabIndex: E ?? 0,
+            ref: b,
+            className: T(j.root, h),
+            onKeyDown: y,
+            children: u
+          }
+        )
+      }
+    );
+  }
+);
+g.displayName = "ImageGalleryExtended";
+const V = Object.assign(
+  g,
+  {
+    Main: _,
+    Nav: A,
+    Arrow: M,
+    Thumbnails: k,
+    Thumb: v,
+    Dots: O
+  }
+);
+export {
+  V as ImageGalleryExtended
+};
+//# sourceMappingURL=ImageGalleryExtended.js.map

package/components/ImageGalleryExtended/ImageGalleryExtendedContext.js

@@ -0,0 +1,16 @@
+import e from "react";
+const t = {
+  items: [],
+  selectedIndex: 0,
+  onSelect: () => {
+  },
+  onPrev: () => {
+  },
+  onNext: () => {
+  }
+}, n = e.createContext(t);
+n.displayName = "ImageGalleryExtendedContext";
+export {
+  n as ImageGalleryExtendedContext
+};
+//# sourceMappingURL=ImageGalleryExtendedContext.js.map

package/components/ImageGalleryExtended/components/ImageGalleryExtendedArrow.js

@@ -0,0 +1,31 @@
+import { jsx as o } from "react/jsx-runtime";
+import i from "react";
+import { c as p } from "../../../chunks/vendor-82AnkPpo.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";
+const d = {
+  [r.PREV]: e.prev,
+  [r.NEXT]: e.next
+}, x = i.forwardRef(
+  ({ direction: t, className: a, "aria-label": l, disabled: m, ...n }, s) => {
+    const c = t === r.PREV ? f : I;
+    return /* @__PURE__ */ o(
+      "button",
+      {
+        type: "button",
+        ref: s,
+        disabled: m,
+        ...n,
+        "aria-label": l,
+        className: p(e.arrow, d[t], "hoverable", a),
+        children: /* @__PURE__ */ o(c, { paletteIndex: 7 })
+      }
+    );
+  }
+);
+x.displayName = "ImageGalleryExtendedArrow";
+export {
+  x as ImageGalleryExtendedArrow
+};
+//# sourceMappingURL=ImageGalleryExtendedArrow.js.map

package/components/ImageGalleryExtended/components/ImageGalleryExtendedDots.js

@@ -0,0 +1,35 @@
+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 { ImageGalleryExtendedContext as y } from "../ImageGalleryExtendedContext.js";
+const g = "dots__a01d7aa3", C = "dot__907fb141", b = "active__ae39e2f0", a = {
+  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;
+    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];
+      return /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          "aria-current": r ? "true" : void 0,
+          "aria-label": x.alt,
+          className: l(a.dot, { [a.active]: r }),
+          onClick: () => _(c)
+        },
+        o
+      );
+    }) });
+  }
+);
+I.displayName = "ImageGalleryExtendedDots";
+export {
+  I as ImageGalleryExtendedDots
+};
+//# sourceMappingURL=ImageGalleryExtendedDots.js.map