@sberbusiness/triplex-next 1.29.0 → 1.31.0

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

package/components/ImageGalleryExtended/components/index.js

@@ -0,0 +1,15 @@
+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-D9p93wFz.js";
+import { ImageGalleryExtendedDots as g } from "./ImageGalleryExtendedDots.js";
+export {
+  t as ImageGalleryExtendedArrow,
+  g as ImageGalleryExtendedDots,
+  a as ImageGalleryExtendedMain,
+  o as ImageGalleryExtendedNav,
+  I as ImageGalleryExtendedThumb,
+  x as ImageGalleryExtendedThumbnails
+};
+//# sourceMappingURL=index.js.map

package/components/ImageGalleryExtended/enums.js

@@ -0,0 +1,5 @@
+var t = /* @__PURE__ */ ((p) => (p.PREV = "prev", p.NEXT = "next", p))(t || {});
+export {
+  t as EImageGalleryArrowDirection
+};
+//# sourceMappingURL=enums.js.map

package/components/ImageGalleryExtended/index.js

@@ -0,0 +1,21 @@
+import { ImageGalleryExtended as o } from "./ImageGalleryExtended.js";
+import { ImageGalleryExtendedContext as t } from "./ImageGalleryExtendedContext.js";
+import { ImageGalleryExtendedMain as l } from "./components/ImageGalleryExtendedMain.js";
+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-D9p93wFz.js";
+import { ImageGalleryExtendedDots as G } from "./components/ImageGalleryExtendedDots.js";
+import { EImageGalleryArrowDirection as s } from "./enums.js";
+export {
+  s as EImageGalleryArrowDirection,
+  o as ImageGalleryExtended,
+  I as ImageGalleryExtendedArrow,
+  t as ImageGalleryExtendedContext,
+  G as ImageGalleryExtendedDots,
+  l as ImageGalleryExtendedMain,
+  d as ImageGalleryExtendedNav,
+  y as ImageGalleryExtendedThumb,
+  g as ImageGalleryExtendedThumbnails
+};
+//# sourceMappingURL=index.js.map

package/components/ImageGalleryExtended/types.js

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

package/components/Island/Island.js

@@ -1,11 +1,11 @@
 import { jsx as p } from "react/jsx-runtime";
 import i from "react";
-import { c as d } from "../../chunks/vendor-C_uS77iF.js";
+import { c as d } from "../../chunks/vendor-82AnkPpo.js";
 import { EIslandType as l } from "./enums.js";
 import { IslandBody as f } from "./components/IslandBody.js";
 import { IslandHeader as n } from "./components/IslandHeader.js";
 import { IslandFooter as c } from "./components/IslandFooter.js";
-import { s as o, m as y } from "../../chunks/utils-XC0joCai.js";
+import { s as o, m as y } from "../../chunks/utils-fAec4Z-1.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,12 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
 import t from "react";
-import { c as l } from "../../../chunks/vendor-C_uS77iF.js";
-const n = "islandBody__447f129a", i = {
+import { c as l } from "../../../chunks/vendor-82AnkPpo.js";
+const n = "islandBody__2d15b38d", i = {
   islandBody: n
-}, m = t.forwardRef(
-  ({ children: o, className: s, ...d }, a) => /* @__PURE__ */ r("div", { className: l(i.islandBody, s), ref: a, ...d, children: o })
+}, f = t.forwardRef(
+  ({ children: o, className: d, ...s }, a) => /* @__PURE__ */ r("div", { className: l(i.islandBody, d), ref: a, ...s, children: o })
 );
 export {
-  m as IslandBody
+  f as IslandBody
 };
 //# sourceMappingURL=IslandBody.js.map

package/components/Island/components/IslandFooter.js

@@ -1,10 +1,10 @@
 import { jsx as s } from "react/jsx-runtime";
 import e from "react";
-import { c as a } from "../../../chunks/vendor-C_uS77iF.js";
-const d = "islandFooter__fecd13d8", l = {
-  islandFooter: d
-}, f = e.forwardRef(({ children: o, ...r }, t) => /* @__PURE__ */ s("div", { className: a(l.islandFooter), ref: t, ...r, children: o }));
+import { c as a } from "../../../chunks/vendor-82AnkPpo.js";
+const l = "islandFooter__aa6e2e13", n = {
+  islandFooter: l
+}, m = e.forwardRef(({ children: o, ...r }, t) => /* @__PURE__ */ s("div", { className: a(n.islandFooter), ref: t, ...r, children: o }));
 export {
-  f as IslandFooter
+  m as IslandFooter
 };
 //# sourceMappingURL=IslandFooter.js.map

package/components/Island/components/IslandHeader.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import d from "react";
-import { c as o } from "../../../chunks/vendor-C_uS77iF.js";
-const t = "islandHeader__dbeb75c5", l = {
+import { c as o } from "../../../chunks/vendor-82AnkPpo.js";
+const t = "islandHeader__1b5be375", l = {
   islandHeader: t
 }, m = d.forwardRef(({ children: e, ...a }, r) => /* @__PURE__ */ s("div", { className: o(l.islandHeader), ref: r, ...a, children: e }));
 export {

package/components/Island/utils.js

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

package/components/IslandAccordion/IslandAccordion.js

@@ -8,15 +8,15 @@ import { EIslandType as l } from "../Island/enums.js";
 import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
-import { c as f } from "../../chunks/vendor-C_uS77iF.js";
-import { s as I } from "../../chunks/IslandAccordion.module-CNo4iFh8.js";
+import { c as f } from "../../chunks/vendor-82AnkPpo.js";
+import { s as I } from "../../chunks/IslandAccordion.module-BxoLhMzZ.js";
 import "./components/IslandAccordionContent.js";
 import "./components/IslandAccordionFooter.js";
 const x = Object.assign(
   e.forwardRef(
     ({ className: r, children: t, size: m = d.MD, type: i = l.TYPE_1, ...s }, a) => {
       const c = f(r, I.islandAccordion);
-      return /* @__PURE__ */ o(p.Provider, { value: { size: m, type: i }, children: /* @__PURE__ */ o("ul", { ...s, className: c, "data-tx": "1.29.0", ref: a, children: t }) });
+      return /* @__PURE__ */ o(p.Provider, { value: { size: m, type: i }, children: /* @__PURE__ */ o("ul", { ...s, className: c, "data-tx": "1.31.0", ref: a, children: t }) });
     }
   ),
   {

package/components/IslandAccordion/components/IslandAccordionContent.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { s as r } from "../../../chunks/IslandAccordion.module-CNo4iFh8.js";
+import { s as r } from "../../../chunks/IslandAccordion.module-BxoLhMzZ.js";
 import { Island as s } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";

package/components/IslandAccordion/components/IslandAccordionFooter.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as t } from "../../../chunks/vendor-C_uS77iF.js";
-import { s as m } from "../../../chunks/IslandAccordion.module-CNo4iFh8.js";
+import { c as t } from "../../../chunks/vendor-82AnkPpo.js";
+import { s as m } from "../../../chunks/IslandAccordion.module-BxoLhMzZ.js";
 import { Island as i } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";

package/components/IslandAccordion/components/IslandAccordionItem.js

@@ -1,7 +1,7 @@
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import D, { useState as W, useContext as j, useRef as X, useEffect as Z } from "react";
 import { CaretdownStrokeSrvIcon24 as $, CrossStrokeSrvIcon24 as b } from "@sberbusiness/icons-next";
-import { u as B, c as d } from "../../../chunks/vendor-C_uS77iF.js";
+import { u as B, c as d } from "../../../chunks/vendor-82AnkPpo.js";
 import { Island as C } from "../../Island/Island.js";
 import { ExpandAnimation as q } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandAccordionContent as G } from "./IslandAccordionContent.js";
@@ -25,7 +25,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title as tt } from "../../Typography/Title.js";
-import { s as t } from "../../../chunks/IslandAccordion.module-CNo4iFh8.js";
+import { s as t } from "../../../chunks/IslandAccordion.module-BxoLhMzZ.js";
 import { EScreenWidth as y } from "../../../helpers/breakpoints.js";
 import { useMatchMedia as rt } from "../../MediaWidth/useMatchMedia.js";
 const et = {
@@ -91,7 +91,7 @@ const et = {
               }),
               onClick: H,
               disabled: e,
-              "data-tx": "1.29.0",
+              "data-tx": "1.31.0",
               children: [
                 h && I && /* @__PURE__ */ r("div", { className: t.step, children: /* @__PURE__ */ r(K, { step: I, status: h, position: Q.XFirst, size: a, children: e ? void 0 : w }) }),
                 /* @__PURE__ */ r(

package/components/IslandWidget/IslandWidget.js

@@ -1,4 +1,4 @@
-import { jsx as t, jsxs as a, Fragment as s } from "react/jsx-runtime";
+import { jsx as t, jsxs as n, Fragment as s } from "react/jsx-runtime";
 import F, { useContext as u, useState as v } from "react";
 import { Island as y } from "../Island/Island.js";
 import { EIslandType as H } from "../Island/enums.js";
@@ -10,17 +10,17 @@ import { IslandWidgetBody as w } from "./components/IslandWidgetBody.js";
 import { IslandWidgetFooter as C } from "./components/IslandWidgetFooter.js";
 import { IslandWidgetExtraFooter as A } from "./components/IslandWidgetExtraFooter.js";
 import { EComponentSize as S } from "../../enums/EComponentSize.js";
-import { c as m } from "../../chunks/vendor-C_uS77iF.js";
+import { c as m } from "../../chunks/vendor-82AnkPpo.js";
 import { IslandWidgetLayoutContext as O } from "./IslandWidgetLayoutContext.js";
 import { IslandWidgetContext as j } from "./IslandWidgetContext.js";
 import { ExpandAnimation as N } from "../ExpandAnimation/ExpandAnimation.js";
 import { EScreenWidth as p } from "../../helpers/breakpoints.js";
-import { useMatchMedia as k } from "../MediaWidth/useMatchMedia.js";
-const B = "islandWidget__c22d36d0", P = "islandWidgetWithExtraFooter__5f4fbc4f", R = "islandWidgetHeaderWrapperAdaptive__551cc264", i = {
-  islandWidget: B,
-  islandWidgetWithExtraFooter: P,
-  islandWidgetHeaderWrapperAdaptive: R
-}, T = Object.assign(
+import { useMatchMedia as b } from "../MediaWidth/useMatchMedia.js";
+const k = "islandWidget__e8132b78", B = "islandWidgetWithExtraFooter__576b3a56", P = "islandWidgetHeaderWrapperAdaptive__40ffc309", i = {
+  islandWidget: k,
+  islandWidgetWithExtraFooter: B,
+  islandWidgetHeaderWrapperAdaptive: P
+}, R = Object.assign(
   F.forwardRef(
     ({
       className: l,
@@ -31,12 +31,12 @@ const B = "islandWidget__c22d36d0", P = "islandWidgetWithExtraFooter__5f4fbc4f",
       disableAdaptiveCollapsing: r = !1,
       ...g
     }, x) => {
-      const { hasExtraFooter: h } = u(O), [d, E] = v(r), e = k(
+      const { hasExtraFooter: h } = u(O), [d, E] = v(r), e = b(
         `(max-width: ${p.SM_MAX})`,
         window.innerWidth <= parseInt(p.SM_MAX)
       ), I = () => {
         E(!d);
-      }, _ = e && !r, n = () => /* @__PURE__ */ a(s, { children: [
+      }, _ = e && !r, a = () => /* @__PURE__ */ n(s, { children: [
         W({}),
         o ? o({}) : null
       ] });
@@ -54,10 +54,10 @@ const B = "islandWidget__c22d36d0", P = "islandWidgetWithExtraFooter__5f4fbc4f",
               className: m(i.islandWidget, l, {
                 [i.islandWidgetWithExtraFooter]: h
               }),
-              "data-tx": "1.29.0",
+              "data-tx": "1.31.0",
               ...g,
               ref: x,
-              children: /* @__PURE__ */ a(y, { type: H.TYPE_1, size: c, children: [
+              children: /* @__PURE__ */ n(y, { type: H.TYPE_1, size: c, children: [
                 /* @__PURE__ */ t(
                   "div",
                   {
@@ -68,7 +68,7 @@ const B = "islandWidget__c22d36d0", P = "islandWidgetWithExtraFooter__5f4fbc4f",
                     children: f({})
                   }
                 ),
-                _ ? /* @__PURE__ */ t(N, { expanded: d, children: n() }) : /* @__PURE__ */ t(s, { children: n() })
+                _ ? /* @__PURE__ */ t(N, { expanded: d, children: a() }) : /* @__PURE__ */ t(s, { children: a() })
               ] })
             }
           )
@@ -83,8 +83,8 @@ const B = "islandWidget__c22d36d0", P = "islandWidgetWithExtraFooter__5f4fbc4f",
     ExtraFooter: A
   }
 );
-T.displayName = "IslandWidget";
+R.displayName = "IslandWidget";
 export {
-  T as IslandWidget
+  R as IslandWidget
 };
 //# sourceMappingURL=IslandWidget.js.map

package/components/IslandWidget/components/IslandWidgetBody.js

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as t } from "../../../chunks/vendor-C_uS77iF.js";
-const e = "islandWidgetBody__327ec76f", a = {
-  islandWidgetBody: e
-}, l = ({ children: d, className: s, ...i }) => /* @__PURE__ */ o("div", { ...i, className: t(a.islandWidgetBody, s), children: d });
+import { c as t } from "../../../chunks/vendor-82AnkPpo.js";
+const a = "islandWidgetBody__9dab0b19", e = {
+  islandWidgetBody: a
+}, l = ({ children: d, className: s, ...i }) => /* @__PURE__ */ o("div", { ...i, className: t(e.islandWidgetBody, s), children: d });
 l.displayName = "IslandWidgetBody";
 export {
   l as IslandWidgetBody

package/components/IslandWidget/components/IslandWidgetExtraFooter.js

@@ -1,23 +1,23 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useContext as i, useEffect as d } from "react";
-import { c as n } from "../../../chunks/vendor-C_uS77iF.js";
+import { useContext as d, useEffect as i } from "react";
+import { c as n } from "../../../chunks/vendor-82AnkPpo.js";
 import { ExpandAnimation as x } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandWidgetLayoutContext as l } from "../IslandWidgetLayoutContext.js";
-const m = "islandWidgetExtraFooter__f51a2928", c = {
+const m = "islandWidgetExtraFooter__d0e80d1c", c = {
   islandWidgetExtraFooter: m
-}, f = ({
-  children: r,
-  className: e,
+}, E = ({
+  children: e,
+  className: r,
   open: t = !1,
   ...a
 }) => {
-  const { setHasExtraFooter: s } = i(l);
-  return d(() => {
+  const { setHasExtraFooter: s } = d(l);
+  return i(() => {
     s(t);
-  }, [t]), /* @__PURE__ */ o("div", { ...a, className: n(e, c.islandWidgetExtraFooter), children: /* @__PURE__ */ o(x, { expanded: t, children: r }) });
+  }, [t]), /* @__PURE__ */ o("div", { ...a, className: n(r, c.islandWidgetExtraFooter), children: /* @__PURE__ */ o(x, { expanded: t, children: e }) });
 };
-f.displayName = "IslandWidgetExtraFooter";
+E.displayName = "IslandWidgetExtraFooter";
 export {
-  f as IslandWidgetExtraFooter
+  E as IslandWidgetExtraFooter
 };
 //# sourceMappingURL=IslandWidgetExtraFooter.js.map

package/components/IslandWidget/components/IslandWidgetFooter.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor-C_uS77iF.js";
-import { s as n } from "../../../chunks/IslandWidgetFooter.module-DZ6hXw2D.js";
+import { c as i } from "../../../chunks/vendor-82AnkPpo.js";
+import { s as n } from "../../../chunks/IslandWidgetFooter.module-CxO5dSVu.js";
 import { IslandWidgetFooterContent as d } from "./IslandWidgetFooterContent.js";
 import { IslandWidgetFooterControls as m } from "./IslandWidgetFooterControls.js";
 const o = ({ children: t, className: r, ...s }) => /* @__PURE__ */ e("div", { ...s, className: i(r, n.islandWidgetFooter), children: t });

package/components/IslandWidget/components/IslandWidgetFooterContent.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { s } from "../../../chunks/IslandWidgetFooter.module-DZ6hXw2D.js";
+import { s } from "../../../chunks/IslandWidgetFooter.module-CxO5dSVu.js";
 const n = ({
   children: t,
   ...o

package/components/IslandWidget/components/IslandWidgetFooterControls.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { s as r } from "../../../chunks/IslandWidgetFooter.module-DZ6hXw2D.js";
+import { s as r } from "../../../chunks/IslandWidgetFooter.module-CxO5dSVu.js";
 const e = ({
   children: o,
   ...s