@sberbusiness/triplex-next 0.29.0 → 0.31.0

package/components/FormField/components/FormFieldPostfix.js

@@ -1,24 +1,31 @@
-import { jsx as l } from "react/jsx-runtime";
-import d, { useContext as x, useRef as u, useEffect as a } from "react";
-import { FormFieldContext as F } from "../FormFieldContext.js";
-import { c as p } from "../../../chunks/vendor-DJ6wKpvR.js";
-const P = "formFieldPostfix__a39efa26", R = {
-  formFieldPostfix: P
-}, h = d.forwardRef(
-  ({ children: s, className: i, ...r }, o) => {
-    const f = p(R.formFieldPostfix, i), { postfixWidth: n, setPostfixWidth: c } = x(F), e = u(), m = (t) => {
-      e.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
+import { jsx as u } from "react/jsx-runtime";
+import F, { useContext as a, useRef as p, useEffect as P } from "react";
+import { c as R } from "../../../chunks/vendor-z35N2Tap.js";
+import { FormFieldContext as _ } from "../FormFieldContext.js";
+import { TARGET_PADDING_X_DEFAULT as b } from "../consts.js";
+const w = "formFieldPostfix__79bc4087", N = {
+  formFieldPostfix: w
+}, g = F.forwardRef(
+  ({ children: n, className: c, ...m }, t) => {
+    const { setPostfixWidth: o } = a(_), s = p(), l = R(N.formFieldPostfix, c), d = (e) => {
+      s.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
     };
-    return a(() => {
-      if (!e.current)
+    return P(() => {
+      const e = s.current;
+      if (!e)
         return;
-      const { width: t } = e.current.getBoundingClientRect();
-      t !== n && c(t);
-    }), /* @__PURE__ */ l("span", { className: f, ref: m, ...r, children: s });
+      const r = new ResizeObserver(([x]) => {
+        const i = x.target.getBoundingClientRect().width;
+        o((f) => f !== i ? i : f);
+      });
+      return r.observe(e), () => {
+        r.disconnect(), o(b);
+      };
+    }, [o]), /* @__PURE__ */ u("span", { className: l, ...m, ref: d, children: n });
   }
 );
-h.displayName = "FormFieldPostfix";
+g.displayName = "FormFieldPostfix";
 export {
-  h as FormFieldPostfix
+  g as FormFieldPostfix
 };
 //# sourceMappingURL=FormFieldPostfix.js.map

package/components/FormField/components/FormFieldPrefix.js

@@ -1,24 +1,31 @@
-import { jsx as l } from "react/jsx-runtime";
-import d, { useContext as x, useRef as u, useEffect as F } from "react";
-import { FormFieldContext as p } from "../FormFieldContext.js";
-import { c as a } from "../../../chunks/vendor-DJ6wKpvR.js";
-const P = "formFieldPrefix__26978044", R = {
-  formFieldPrefix: P
-}, h = d.forwardRef(
-  ({ children: o, className: i, ...f }, r) => {
-    const s = a(R.formFieldPrefix, i), { prefixWidth: n, setPrefixWidth: c } = x(p), t = u(), m = (e) => {
-      t.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
+import { jsx as u } from "react/jsx-runtime";
+import F, { useContext as a, useRef as p, useEffect as P } from "react";
+import { c as R } from "../../../chunks/vendor-z35N2Tap.js";
+import { FormFieldContext as _ } from "../FormFieldContext.js";
+import { TARGET_PADDING_X_DEFAULT as w } from "../consts.js";
+const N = "formFieldPrefix__f15f4dd5", b = {
+  formFieldPrefix: N
+}, g = F.forwardRef(
+  ({ children: n, className: c, ...m }, r) => {
+    const { setPrefixWidth: t } = a(_), o = p(), d = R(b.formFieldPrefix, c), l = (e) => {
+      o.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
     };
-    return F(() => {
-      if (!t.current)
+    return P(() => {
+      const e = o.current;
+      if (!e)
         return;
-      const { width: e } = t.current.getBoundingClientRect();
-      e !== n && c(e);
-    }), /* @__PURE__ */ l("span", { className: s, ref: m, ...f, children: o });
+      const s = new ResizeObserver(([x]) => {
+        const i = x.target.getBoundingClientRect().width;
+        t((f) => f !== i ? i : f);
+      });
+      return s.observe(e), () => {
+        s.disconnect(), t(w);
+      };
+    }, [t]), /* @__PURE__ */ u("span", { className: d, ...m, ref: l, children: n });
   }
 );
-h.displayName = "FormFieldPrefix";
+g.displayName = "FormFieldPrefix";
 export {
-  h as FormFieldPrefix
+  g as FormFieldPrefix
 };
 //# sourceMappingURL=FormFieldPrefix.js.map

package/components/FormField/components/FormFieldTarget.js

@@ -1,10 +1,10 @@
 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-DJ6wKpvR.js";
+import { u as y, c as A } from "../../../chunks/vendor-z35N2Tap.js";
 import { FormFieldContext as L } from "../FormFieldContext.js";
-import { EFormFieldStatus as l } from "../enums.js";
+import { EFormFieldStatus as d } from "../enums.js";
 import { createSizeToClassNameMap as W } from "../../../utils/classNameMaps.js";
-const z = "formFieldTarget__1141b780", M = "sm__73ad6550", R = "md__f8b59b9a", j = "lg__dd7da29d", k = "placeholder__c083c6d8", q = "disabled__0f67b9dd", w = "placeholderWrapper__251cffc2", B = "active__38638889", e = {
+const z = "formFieldTarget__0e6a8315", M = "sm__792d82d9", R = "md__b8eea7f5", j = "lg__1afbec6a", k = "placeholder__4ecb506f", q = "disabled__e1cdc7ab", w = "placeholderWrapper__7a99e6f6", B = "active__be5cf051", e = {
   formFieldTarget: z,
   sm: M,
   md: R,
@@ -14,27 +14,27 @@ const z = "formFieldTarget__1141b780", M = "sm__73ad6550", R = "md__f8b59b9a", j
   placeholderWrapper: w,
   active: B
 }, 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: n, setFocused: d, setTargetId: f } = S(L), i = g(() => c === void 0 ? y("target_") : c, [c]), r = g(() => b.Children.toArray(o).length !== 0, [o]), E = A(e.formFieldTarget, G[u], T, {
-      [e.disabled]: s === l.DISABLED,
-      [e.placeholder]: !!p && !r && s !== l.DISABLED,
+  ({ children: c, id: o, 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(() => o === void 0 ? y("target_") : o, [o]), l = g(() => b.Children.toArray(c).length !== 0, [c]), E = A(e.formFieldTarget, G[u], T, {
+      [e.disabled]: s === d.DISABLED,
+      [e.placeholder]: !!p && !l && s !== d.DISABLED,
       [e.active]: v
     });
     h(() => {
-      f(i);
-    }, [i, f]), h(() => {
-      n(r);
-    }, [r, n]);
+      n(i);
+    }, [i, n]), h(() => {
+      f(l);
+    }, [l, f]);
     const C = F(
       (m) => {
-        d(!0), a == null || a(m);
+        r(!0), a == null || a(m);
       },
-      [a, d]
+      [a, r]
     ), N = F(
       (m) => {
-        d(!1), t == null || t(m);
+        r(!1), t == null || t(m);
       },
-      [t, d]
+      [t, r]
     );
     return /* @__PURE__ */ _(
       "div",
@@ -42,13 +42,13 @@ const z = "formFieldTarget__1141b780", M = "sm__73ad6550", R = "md__f8b59b9a", j
         ...D,
         id: i,
         className: E,
-        tabIndex: s === l.DISABLED ? -1 : 0,
+        tabIndex: s === d.DISABLED ? -1 : 0,
         "aria-labelledby": x,
-        "aria-disabled": s === l.DISABLED,
+        "aria-disabled": s === d.DISABLED,
         onBlur: N,
         onFocus: C,
         ref: I,
-        children: r ? o : /* @__PURE__ */ _("span", { className: e.placeholderWrapper, children: p })
+        children: l ? c : /* @__PURE__ */ _("span", { className: e.placeholderWrapper, children: p })
       }
     );
   }

package/components/FormField/components/FormFieldTextarea.js

@@ -1,22 +1,22 @@
 import { jsx as I } from "react/jsx-runtime";
 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-DJ6wKpvR.js";
+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__4ddb6778", G = "sm__73ad6550", H = "md__f8b59b9a", J = "lg__dd7da29d", u = {
+const w = "formFieldTextarea__101df65b", G = "sm__792d82d9", H = "md__b8eea7f5", J = "lg__1afbec6a", u = {
   formFieldTextarea: w,
   sm: G,
   md: H,
   lg: J
 }, K = R(u), O = M.forwardRef(
-  ({ id: c, className: p, value: a, defaultValue: F, onFocus: r, onBlur: d, onAnimationStart: l, onChange: m, ..._ }, N) => {
-    const { size: b, status: g, setFocused: i, setTargetId: T, setFilled: o } = n(W), f = C(() => c === void 0 ? D("textarea_") : c, [c]), h = L(u.formFieldTextarea, K[b], p), t = s(
+  ({ id: c, className: p, value: a, 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 = s(
       (e) => {
-        o(q(e));
+        d(q(e));
       },
-      [o]
+      [d]
     );
     x(() => {
       T(f);
@@ -27,24 +27,24 @@ const w = "formFieldTextarea__4ddb6778", G = "sm__73ad6550", H = "md__f8b59b9a",
     }, [a, t]);
     const y = s(
       (e) => {
-        t(e.currentTarget.value), i(!0), r == null || r(e);
+        t(e.currentTarget.value), o(!0), r == null || r(e);
       },
-      [t, i, r]
+      [t, o, r]
     ), k = s(
       (e) => {
-        t(e.currentTarget.value), i(!1), d == null || d(e);
+        t(e.currentTarget.value), o(!1), l == null || l(e);
       },
-      [t, i, d]
+      [t, o, l]
     ), z = s(
       (e) => {
-        e.animationName.startsWith("autofill-applied-hook") ? o(!0) : e.animationName.startsWith("autofill-cancelled-hook") && t(e.currentTarget.value), l == null || l(e);
+        e.animationName.startsWith("autofill-applied-hook") ? d(!0) : e.animationName.startsWith("autofill-cancelled-hook") && t(e.currentTarget.value), m == null || m(e);
       },
-      [o, t, l]
+      [d, t, m]
     ), E = s(
       (e) => {
-        t(e.currentTarget.value), m == null || m(e);
+        t(e.currentTarget.value), i == null || i(e);
       },
-      [m, t]
+      [i, t]
     );
     return /* @__PURE__ */ I(
       "textarea",

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-B7snQZVi.js";
+import { F as x } from "../../../chunks/FormFieldInput-DEkpK71h.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-B7snQZVi.js";
+import { F as f } from "../../chunks/FormFieldInput-DEkpK71h.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 p } from "react/jsx-runtime";
-import a from "react";
-const i = a.forwardRef(({ style: e, size: o, ...r }, t) => /* @__PURE__ */ p("div", { style: { height: `${o}px`, ...e }, role: "presentation", ...r, ref: t }));
-i.displayName = "Gap";
+import { jsx as o } from "react/jsx-runtime";
+import { c as t } from "../../chunks/vendor-z35N2Tap.js";
+import c from "react";
+const _ = "size4__052b54b1", a = "size8__c5fb574b", n = "size12__264fc198", f = "size16__09c8f3be", r = "size24__95d1da0f", d = "size32__5e178ebf", m = "size64__1ad44d94", p = "size128__38d8f162", b = {
+  size4: _,
+  size8: a,
+  size12: n,
+  size16: f,
+  size24: r,
+  size32: d,
+  size64: m,
+  size128: p
+}, l = c.forwardRef(({ className: s, size: e, ...i }, z) => /* @__PURE__ */ o("div", { className: t(b[`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 }, o) {
-    return /* @__PURE__ */ t("div", { ...e, "data-tx": "0.29.0", ref: o, children: r });
+    return /* @__PURE__ */ t("div", { ...e, "data-tx": "0.31.0", ref: o, children: r });
   }),
   {
     LayoutSidebar: p,

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

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
 import i from "react";
-import { c as d } from "../../../../chunks/vendor-DJ6wKpvR.js";
+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-x2nqqRdl.js";
+import { s as b } from "../../../../chunks/HeaderLayoutSidebar.module-DJZa8d1z.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-DJ6wKpvR.js";
-import { s as d } from "../../../../chunks/HeaderLayoutSidebar.module-x2nqqRdl.js";
+import { c as m } from "../../../../chunks/vendor-z35N2Tap.js";
+import { s as d } from "../../../../chunks/HeaderLayoutSidebar.module-DJZa8d1z.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-DJ6wKpvR.js";
-import { s as t } from "../../../../chunks/HeaderLayoutSidebar.module-x2nqqRdl.js";
+import { c as s } from "../../../../chunks/vendor-z35N2Tap.js";
+import { s as t } from "../../../../chunks/HeaderLayoutSidebar.module-DJZa8d1z.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-DJ6wKpvR.js";
-const c = "headerSubheader__cb56b543", u = "withoutPaddings__98cf6328", e = {
-  headerSubheader: c,
-  withoutPaddings: u
-}, n = h.forwardRef(
+import { c as i } from "../../../../chunks/vendor-z35N2Tap.js";
+const u = "headerSubheader__532d91e6", n = "withoutPaddings__490f4f5e", e = {
+  headerSubheader: u,
+  withoutPaddings: n
+}, c = h.forwardRef(
   ({ children: a, className: d, withoutPaddings: r, ...o }, t) => /* @__PURE__ */ s(
     "div",
     {
@@ -15,8 +15,8 @@ const c = "headerSubheader__cb56b543", u = "withoutPaddings__98cf6328", e = {
     }
   )
 );
-n.displayName = "HeaderSubheader";
+c.displayName = "HeaderSubheader";
 export {
-  n as HeaderSubheader
+  c as HeaderSubheader
 };
 //# sourceMappingURL=HeaderSubheader.js.map

package/components/Header/components/HeaderTabs/HeaderTabs.js

@@ -2,8 +2,8 @@ import { jsx as s } from "react/jsx-runtime";
 import t from "react";
 import { HeaderTabsContent as m } from "./HeaderTabsContent.js";
 import { HeaderTabsControls as n } from "./HeaderTabsControls.js";
-import { c as i } from "../../../../chunks/vendor-DJ6wKpvR.js";
-import { s as d } from "../../../../chunks/HeaderTabs.module-CksnQh12.js";
+import { c as i } from "../../../../chunks/vendor-z35N2Tap.js";
+import { s as d } from "../../../../chunks/HeaderTabs.module-CYj6xy4J.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-DJ6wKpvR.js";
-import { s as n } from "../../../../chunks/HeaderTabs.module-CksnQh12.js";
+import { c as m } from "../../../../chunks/vendor-z35N2Tap.js";
+import { s as n } from "../../../../chunks/HeaderTabs.module-CYj6xy4J.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-DJ6wKpvR.js";
-import { s as l } from "../../../../chunks/HeaderTabs.module-CksnQh12.js";
+import { c as m } from "../../../../chunks/vendor-z35N2Tap.js";
+import { s as l } from "../../../../chunks/HeaderTabs.module-CYj6xy4J.js";
 const d = t.forwardRef(
   ({ children: o, className: r, ...s }, a) => /* @__PURE__ */ e("div", { className: m(l.headerTabsControls, r), ...s, ref: a, children: o })
 );

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

@@ -2,8 +2,8 @@ import { jsx as i } from "react/jsx-runtime";
 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-DJ6wKpvR.js";
-import { s as n } from "../../../../chunks/HeaderTitle.module-CgarzGR5.js";
+import { c as l } from "../../../../chunks/vendor-z35N2Tap.js";
+import { s as n } from "../../../../chunks/HeaderTitle.module-_RjZrixi.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-DJ6wKpvR.js";
-import { s as e } from "../../../../chunks/HeaderTitle.module-CgarzGR5.js";
+import { c as l } from "../../../../chunks/vendor-z35N2Tap.js";
+import { s as e } from "../../../../chunks/HeaderTitle.module-_RjZrixi.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-DJ6wKpvR.js";
-import { s as o } from "../../../../chunks/HeaderTitle.module-CgarzGR5.js";
+import { c as i } from "../../../../chunks/vendor-z35N2Tap.js";
+import { s as o } from "../../../../chunks/HeaderTitle.module-_RjZrixi.js";
 const m = a.forwardRef(
   ({ children: r, className: e, ...t }, s) => /* @__PURE__ */ l(
     "div",

package/components/HelpBox/HelpBox.js

@@ -1,6 +1,6 @@
 import { jsxs as x, Fragment as E, jsx as e } from "react/jsx-runtime";
 import L, { useRef as j, useState as a } from "react";
-import { u as k, c as _, F as q } from "../../chunks/vendor-DJ6wKpvR.js";
+import { u as k, c as _, F as q } from "../../chunks/vendor-z35N2Tap.js";
 import { QuestioncircleFilledSrvIcon16 as z } from "@sberbusiness/icons-next";
 import { ButtonIcon as C } from "../Button/ButtonIcon.js";
 import { EButtonIconShape as D } from "../Button/enums.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__466db3f0", A = {
+const w = "helpBoxButton__52142f8f", A = {
   helpBoxButton: w
 }, G = L.forwardRef(
   ({
@@ -26,9 +26,9 @@ const w = "helpBoxButton__466db3f0", A = {
     tooltipDataAttributes: p,
     iconProps: v,
     tooltipXButtonProps: O,
-    ...b
+    ...y
   }, i) => {
-    const d = j(null), [y, g] = a(!!l), [f, B] = a(null), [h] = a(k()), s = l ?? y, H = (t) => {
+    const d = j(null), [b, g] = a(!!l), [f, B] = a(null), [h] = a(k()), s = l ?? b, 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,7 +77,7 @@ const w = "helpBoxButton__466db3f0", A = {
                 className: _(A.helpBoxButton, I),
                 shape: D.CIRCLE,
                 ref: H,
-                ...b,
+                ...y,
                 children: /* @__PURE__ */ e(z, { paletteIndex: 5, ...v })
               }
             ) }),

package/components/IconWrapper/IconWrapper.js

@@ -1,27 +1,27 @@
 import { jsx as l } from "react/jsx-runtime";
 import p from "react";
-import { c as d } from "../../chunks/vendor-DJ6wKpvR.js";
-const m = "disableInteraction__7998aaca", f = "displayContents__f33cecf5", a = {
-  disableInteraction: m,
-  displayContents: f
-}, b = p.forwardRef(
-  ({ children: t, className: s, active: e, disabled: n, disableInteraction: o, displayContents: c, ...i }, r) => /* @__PURE__ */ l(
+import { c as d } from "../../chunks/vendor-z35N2Tap.js";
+const b = "disableInteraction__b3d12b48", m = "displayContents__afe00a9f", a = {
+  disableInteraction: b,
+  displayContents: m
+}, f = p.forwardRef(
+  ({ children: t, className: s, active: e, disabled: n, disableInteraction: o, displayContents: i, ...r }, c) => /* @__PURE__ */ l(
     "span",
     {
-      ref: r,
+      ref: c,
       className: d("hoverable", s, {
         active: !!e,
         disabled: !!n,
         [a.disableInteraction]: !!o,
-        [a.displayContents]: !!c
+        [a.displayContents]: !!i
       }),
-      ...i,
+      ...r,
       children: t
     }
   )
 );
-b.displayName = "IconWrapper";
+f.displayName = "IconWrapper";
 export {
-  b as IconWrapper
+  f 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-DvxWiBol.js";
+import "../ImageGalleryExtended/components/ImageGalleryExtendedDots.js";
+import { EImageGalleryArrowDirection as a } from "../ImageGalleryExtended/enums.js";
+const M = j.forwardRef(
+  ({
+    items: m,
+    selectedId: t,
+    defaultId: c,
+    onChange: o,
+    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 = t !== void 0, [E, G] = v(c);
+    return /* @__PURE__ */ d(
+      e,
+      {
+        ref: x,
+        ...g,
+        items: m,
+        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.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