@sberbusiness/triplex-next 1.30.0 → 1.31.0

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 c from "react";
+const _ = "size4__5fe2511f", a = "size8__e435407d", n = "size12__a8930fce", r = "size16__cb63cde1", f = "size24__2401715c", d = "size32__7dd0343e", m = "size64__00f35514", p = "size128__086e6115", l = {
+  size4: _,
+  size8: a,
+  size12: n,
+  size16: r,
+  size24: f,
+  size32: d,
+  size64: m,
+  size128: p
+}, x = c.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 {
-  i 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.30.0", ref: t, children: r });
+    return /* @__PURE__ */ o("div", { ...e, "data-tx": "1.31.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-Uq7eUhaq.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-Uq7eUhaq.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-Uq7eUhaq.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,9 +1,9 @@
 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__d0bb46b1", b = "withoutPaddings__fa109afd", e = {
   headerSubheader: u,
-  withoutPaddings: c
+  withoutPaddings: b
 }, n = h.forwardRef(
   ({ children: a, className: d, withoutPaddings: r, ...t }, o) => /* @__PURE__ */ s(
     "div",

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-CiK3DS7c.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-CiK3DS7c.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-CiK3DS7c.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-ChThbaCy.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-ChThbaCy.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-ChThbaCy.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__62957e0a", 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,9 +1,9 @@
 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 = {
-  disableInteraction: b,
-  displayContents: m
+const m = "disableInteraction__28a0cc1f", b = "displayContents__b2521263", t = {
+  disableInteraction: m,
+  displayContents: b
 }, f = p.forwardRef(
   ({ children: a, className: s, active: e, disabled: n, disableInteraction: o, displayContents: i, ...r }, c) => /* @__PURE__ */ l(
     "span",

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-D9p93wFz.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-D9p93wFz.js";
+import { ImageGalleryExtendedDots as O } from "./components/ImageGalleryExtendedDots.js";
+import "./enums.js";
+const P = "root__a5d582eb", j = {
+  root: P
+}, g = R.forwardRef(
+  ({ items: r, children: u, className: h, selectedId: d, onChange: i, onKeyDown: t, tabIndex: E, ...G }, b) => {
+    const c = r.findIndex((e) => e.id === d), a = c >= 0 ? c : 0, o = n(
+      (e) => {
+        var f;
+        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, d, i]
+    ), 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 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,
+      {
+        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-KwgIPfp-.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__e6063349", C = "dot__c4d18fb9", b = "active__1aee7007", s = {
+  dots: g,
+  dot: C,
+  active: b
+}, M = 4, I = h.forwardRef(
+  ({ className: d, ...m }, u) => {
+    const { items: n, selectedIndex: f, onSelect: _ } = p(y), t = n.length;
+    if (t <= 1)
+      return null;
+    const e = Math.min(t, M), a = Math.floor(t / e), v = 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 c = o === v, r = o * a, x = n[r];
+      return /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          "aria-current": c ? "true" : void 0,
+          "aria-label": x.alt,
+          className: l(s.dot, { [s.active]: c }),
+          onClick: () => _(r)
+        },
+        o
+      );
+    }) });
+  }
+);
+I.displayName = "ImageGalleryExtendedDots";
+export {
+  I as ImageGalleryExtendedDots
+};
+//# sourceMappingURL=ImageGalleryExtendedDots.js.map

package/components/ImageGalleryExtended/components/ImageGalleryExtendedMain.js

@@ -0,0 +1,31 @@
+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 { MobileView as g } from "../../MobileView/MobileView.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-KwgIPfp-.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];
+    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;
+    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 })
+        }
+      ),
+      x
+    ] });
+  }
+);
+v.displayName = "ImageGalleryExtendedMain";
+export {
+  v as ImageGalleryExtendedMain
+};
+//# sourceMappingURL=ImageGalleryExtendedMain.js.map

package/components/ImageGalleryExtended/components/ImageGalleryExtendedNav.js

@@ -0,0 +1,19 @@
+import { jsx as s, Fragment as a } from "react/jsx-runtime";
+import { useContext as d } from "react";
+import { ImageGalleryExtendedContext as i } from "../ImageGalleryExtendedContext.js";
+const l = ({ children: n }) => {
+  const { items: r, selectedIndex: e, onPrev: o, onNext: m } = d(i), t = r.length;
+  return /* @__PURE__ */ s(a, { children: n({
+    onPrev: o,
+    onNext: m,
+    isFirst: e === 0,
+    isLast: e === t - 1,
+    selectedIndex: e,
+    itemsCount: t
+  }) });
+};
+l.displayName = "ImageGalleryExtendedNav";
+export {
+  l as ImageGalleryExtendedNav
+};
+//# sourceMappingURL=ImageGalleryExtendedNav.js.map

package/components/ImageGalleryExtended/components/ImageGalleryExtendedSlide.js

@@ -0,0 +1,20 @@
+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-KwgIPfp-.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(
+    "img",
+    {
+      src: l.src,
+      alt: l.alt ?? "",
+      className: t(a.image, a.clickable),
+      loading: "lazy"
+    }
+  ) }) : /* @__PURE__ */ s("img", { src: l.src, alt: l.alt ?? "", className: a.image, loading: "lazy" })
+] });
+i.displayName = "ImageGalleryExtendedSlide";
+export {
+  i as ImageGalleryExtendedSlide
+};
+//# sourceMappingURL=ImageGalleryExtendedSlide.js.map

package/components/ImageGalleryExtended/components/ImageGalleryExtendedSwipeTrack.js

@@ -0,0 +1,89 @@
+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 { ImageGalleryExtendedContext as H } from "../ImageGalleryExtendedContext.js";
+import { ImageGalleryExtendedSlide as O } from "./ImageGalleryExtendedSlide.js";
+import { s as I } from "../../../chunks/ImageGalleryExtendedMain.module-KwgIPfp-.js";
+const $ = 50, C = 8, j = 0.35, K = ({
+  withBlur: N,
+  onImageClick: T
+}) => {
+  const { items: u, selectedIndex: n, onPrev: k, onNext: X } = w(H), [G, d] = E(0), [c, S] = E(null), [M, a] = E(!1), l = g(null), s = g(null), h = g(null), i = n > 0, m = n < u.length - 1, R = [
+    ...i ? [{ item: u[n - 1], index: n - 1 }] : [],
+    { item: u[n], index: n },
+    ...m ? [{ item: u[n + 1], index: n + 1 }] : []
+  ], x = i ? 1 : 0, p = y(
+    (t) => {
+      const e = l.current;
+      if (!e)
+        return;
+      const r = t.touches[0].clientX - e.x, o = t.touches[0].clientY - e.y;
+      if (s.current === null) {
+        if (Math.abs(r) < C && Math.abs(o) < C)
+          return;
+        s.current = Math.abs(r) > Math.abs(o);
+      }
+      if (!s.current)
+        return;
+      t.preventDefault();
+      const f = r > 0 && !i || r < 0 && !m;
+      d(f ? r * j : r);
+    },
+    [i, m]
+  ), _ = y(
+    (t) => {
+      h.current && h.current.removeEventListener("touchmove", p), h.current = t, t && t.addEventListener("touchmove", p, { passive: !1 });
+    },
+    [p]
+  ), b = (t) => {
+    if (c)
+      return;
+    const e = t.touches[0];
+    l.current = { x: e.clientX, y: e.clientY }, s.current = null, a(!1);
+  }, D = (t) => {
+    const e = l.current, r = s.current;
+    if (l.current = null, s.current = null, !e || !r)
+      return;
+    const o = t.changedTouches[0].clientX - e.x, f = o < 0 && m, Y = o > 0 && i;
+    a(!0), Math.abs(o) >= $ && (f || Y) ? S(f ? "next" : "prev") : d(0);
+  }, P = () => {
+    l.current = null, s.current = null, d(0), a(!1);
+  }, A = (t) => {
+    if (t.propertyName === "transform") {
+      if (!c) {
+        a(!1);
+        return;
+      }
+      c === "next" ? X() : k(), S(null), d(0), a(!1);
+    }
+  }, L = {
+    "--triplex-next-runtime-ImageGalleryExtended-Track_Shift": `${-(c === "next" ? x + 1 : c === "prev" ? x - 1 : x) * 100}%`,
+    "--triplex-next-runtime-ImageGalleryExtended-Track_Drag": c ? "0px" : `${G}px`
+  };
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      ref: _,
+      className: z(I.track, { [I.animating]: M }),
+      style: L,
+      onTouchStart: b,
+      onTouchEnd: D,
+      onTouchCancel: P,
+      onTransitionEnd: A,
+      children: R.map(({ item: t, index: e }) => /* @__PURE__ */ v(
+        O,
+        {
+          item: t,
+          withBlur: N,
+          onClick: T ? () => T(e) : void 0
+        },
+        t.id
+      ))
+    }
+  );
+};
+K.displayName = "ImageGalleryExtendedSwipeTrack";
+export {
+  K as ImageGalleryExtendedSwipeTrack
+};
+//# sourceMappingURL=ImageGalleryExtendedSwipeTrack.js.map

package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumb.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "react";
+import "../../../chunks/vendor-82AnkPpo.js";
+import { I as p } from "../../../chunks/ImageGalleryExtendedThumb-D9p93wFz.js";
+export {
+  p as ImageGalleryExtendedThumb
+};
+//# sourceMappingURL=ImageGalleryExtendedThumb.js.map

package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js

@@ -0,0 +1,40 @@
+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 { 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-D9p93wFz.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([]);
+    E(a, () => m.current), G(() => {
+      const e = m.current, t = f.current[o];
+      if (!e || !t)
+        return;
+      const l = f.current.find((p) => p && p === document.activeElement);
+      l && l !== t && t.focus({ preventScroll: !0 });
+      const d = e.getBoundingClientRect(), h = t.getBoundingClientRect(), x = h.left + h.width / 2 - (d.left + d.width / 2);
+      _(e, Math.round(x));
+    }, [o]);
+    const I = (e) => {
+      const t = e.code || e.keyCode;
+      g(t, "ARROW_LEFT") ? (e.preventDefault(), u(o - 1)) : g(t, "ARROW_RIGHT") && (e.preventDefault(), u(o + 1)), r == null || r(e);
+    };
+    return /* @__PURE__ */ i("div", { ref: m, ...s, className: S(v.thumbnails, c), onKeyDown: I, children: T.map((e, t) => /* @__PURE__ */ i(R.Fragment, { children: y({
+      item: e,
+      index: t,
+      isActive: t === o,
+      ariaLabel: e.alt,
+      onSelect: () => u(t),
+      ref: (l) => {
+        f.current[t] = l;
+      }
+    }) }, e.id)) });
+  }
+);
+B.displayName = "ImageGalleryExtendedThumbnails";
+export {
+  B as ImageGalleryExtendedThumbnails
+};
+//# sourceMappingURL=ImageGalleryExtendedThumbnails.js.map