@sberbusiness/triplex-next 1.26.0 → 1.27.0

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-DudMBGKr.js";
-import { s } from "../../../../chunks/HeaderLayoutSidebar.module-BR0oblQF.js";
+import { s } from "../../../../chunks/HeaderLayoutSidebar.module-BIMH5ZRB.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,10 +1,10 @@
 import { jsx as s } from "react/jsx-runtime";
 import h from "react";
 import { c as i } from "../../../../chunks/vendor-DudMBGKr.js";
-const u = "headerSubheader__cc5fbf1f", c = "withoutPaddings__e9eb3b58", e = {
+const u = "headerSubheader__9abbb70c", b = "withoutPaddings__488948a3", e = {
   headerSubheader: u,
-  withoutPaddings: c
-}, b = h.forwardRef(
+  withoutPaddings: b
+}, c = h.forwardRef(
   ({ children: a, className: d, withoutPaddings: r, ...t }, o) => /* @__PURE__ */ s(
     "div",
     {
@@ -15,8 +15,8 @@ const u = "headerSubheader__cc5fbf1f", c = "withoutPaddings__e9eb3b58", e = {
     }
   )
 );
-b.displayName = "HeaderSubheader";
+c.displayName = "HeaderSubheader";
 export {
-  b as HeaderSubheader
+  c as HeaderSubheader
 };
 //# sourceMappingURL=HeaderSubheader.js.map

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

@@ -3,7 +3,7 @@ import t from "react";
 import { HeaderTabsContent as m } from "./HeaderTabsContent.js";
 import { HeaderTabsControls as n } from "./HeaderTabsControls.js";
 import { c as d } from "../../../../chunks/vendor-DudMBGKr.js";
-import { s as f } from "../../../../chunks/HeaderTabs.module-D88xeP19.js";
+import { s as f } from "../../../../chunks/HeaderTabs.module-D62rOoJt.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-DudMBGKr.js";
-import { s as n } from "../../../../chunks/HeaderTabs.module-D88xeP19.js";
+import { s as n } from "../../../../chunks/HeaderTabs.module-D62rOoJt.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-DudMBGKr.js";
-import { s as l } from "../../../../chunks/HeaderTabs.module-D88xeP19.js";
+import { s as l } from "../../../../chunks/HeaderTabs.module-D62rOoJt.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-DudMBGKr.js";
-import { s as n } from "../../../../chunks/HeaderTitle.module-BdAYtCP5.js";
+import { s as n } from "../../../../chunks/HeaderTitle.module-Ckh2V8ux.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-DudMBGKr.js";
-import { s as e } from "../../../../chunks/HeaderTitle.module-BdAYtCP5.js";
+import { s as e } from "../../../../chunks/HeaderTitle.module-Ckh2V8ux.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-DudMBGKr.js";
-import { s as o } from "../../../../chunks/HeaderTitle.module-BdAYtCP5.js";
+import { s as o } from "../../../../chunks/HeaderTitle.module-Ckh2V8ux.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__53686209", A = {
+const w = "helpBoxButton__7c19c290", A = {
   helpBoxButton: w
 }, G = _.forwardRef(
   ({

package/components/IconWrapper/IconWrapper.js

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

package/components/Island/Island.js

@@ -5,7 +5,7 @@ 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-DhWCXYI8.js";
+import { s as o, m as y } from "../../chunks/utils-BxF0Dq4C.js";
 import { EComponentSize as I } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as T } from "../../utils/classNameMaps.js";
 const N = T(o), C = Object.assign(

package/components/Island/components/IslandBody.js

@@ -1,10 +1,10 @@
 import { jsx as r } from "react/jsx-runtime";
 import t from "react";
 import { c as l } from "../../../chunks/vendor-DudMBGKr.js";
-const n = "islandBody__7a97ec08", c = {
+const n = "islandBody__8976a935", i = {
   islandBody: n
 }, f = t.forwardRef(
-  ({ children: o, className: s, ...d }, a) => /* @__PURE__ */ r("div", { className: l(c.islandBody, s), ref: a, ...d, children: o })
+  ({ children: o, className: s, ...d }, a) => /* @__PURE__ */ r("div", { className: l(i.islandBody, s), ref: a, ...d, children: o })
 );
 export {
   f as IslandBody

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-DudMBGKr.js";
-const l = "islandFooter__f35950fe", n = {
+const l = "islandFooter__39004ebb", n = {
   islandFooter: l
-}, c = e.forwardRef(({ children: o, ...r }, t) => /* @__PURE__ */ s("div", { className: a(n.islandFooter), ref: t, ...r, children: o }));
+}, m = e.forwardRef(({ children: o, ...r }, t) => /* @__PURE__ */ s("div", { className: a(n.islandFooter), ref: t, ...r, children: o }));
 export {
-  c as IslandFooter
+  m as IslandFooter
 };
 //# sourceMappingURL=IslandFooter.js.map

package/components/Island/components/IslandHeader.js

@@ -1,10 +1,10 @@
 import { jsx as s } from "react/jsx-runtime";
 import d from "react";
 import { c as o } from "../../../chunks/vendor-DudMBGKr.js";
-const t = "islandHeader__1f220458", l = {
+const t = "islandHeader__2eac4839", l = {
   islandHeader: t
-}, f = d.forwardRef(({ children: e, ...a }, r) => /* @__PURE__ */ s("div", { className: o(l.islandHeader), ref: r, ...a, children: e }));
+}, m = d.forwardRef(({ children: e, ...a }, r) => /* @__PURE__ */ s("div", { className: o(l.islandHeader), ref: r, ...a, children: e }));
 export {
-  f as IslandHeader
+  m as IslandHeader
 };
 //# sourceMappingURL=IslandHeader.js.map

package/components/Island/utils.js

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

package/components/IslandAccordion/IslandAccordion.js

@@ -9,14 +9,14 @@ import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
 import { c as f } from "../../chunks/vendor-DudMBGKr.js";
-import { s as I } from "../../chunks/IslandAccordion.module-CbGSbbl6.js";
+import { s as I } from "../../chunks/IslandAccordion.module-BI69hCoR.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.26.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.27.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-CbGSbbl6.js";
+import { s as r } from "../../../chunks/IslandAccordion.module-BI69hCoR.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-DudMBGKr.js";
-import { s as m } from "../../../chunks/IslandAccordion.module-CbGSbbl6.js";
+import { s as m } from "../../../chunks/IslandAccordion.module-BI69hCoR.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,106 +1,112 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import Y, { useState as F, useContext as j, useRef as w, useEffect as D } from "react";
-import { CaretdownStrokeSrvIcon24 as Z, CrossStrokeSrvIcon24 as b } from "@sberbusiness/icons-next";
-import { u as B, c as p } from "../../../chunks/vendor-DudMBGKr.js";
-import { Island as y } from "../../Island/Island.js";
-import { ExpandAnimation as $ } from "../../ExpandAnimation/ExpandAnimation.js";
-import { IslandAccordionContent as q } from "./IslandAccordionContent.js";
-import { IslandAccordionFooter as G } from "./IslandAccordionFooter.js";
-import { createSizeToClassNameMap as R } from "../../../utils/classNameMaps.js";
+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-DudMBGKr.js";
+import { Island as C } from "../../Island/Island.js";
+import { ExpandAnimation as q } from "../../ExpandAnimation/ExpandAnimation.js";
+import { IslandAccordionContent as G } from "./IslandAccordionContent.js";
+import { IslandAccordionFooter as R } from "./IslandAccordionFooter.js";
+import { createSizeToClassNameMap as U } from "../../../utils/classNameMaps.js";
 import "../../Button/Button.js";
 import "../../Button/ButtonBase.js";
-import { ButtonIcon as W } from "../../Button/ButtonIcon.js";
+import { ButtonIcon as J } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
 import { EIslandType as l } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { Step as X } from "../../Step/Step.js";
-import { EStepPosition as J } from "../../Step/enums.js";
-import { IslandAccordionContext as K } from "../IslandAccordionContext.js";
-import { EComponentSize as d } from "../../../enums/EComponentSize.js";
-import { ETitleSize as f, EFontType as N } from "../../Typography/enums.js";
+import { Step as K } from "../../Step/Step.js";
+import { EStepPosition as Q } from "../../Step/enums.js";
+import { IslandAccordionContext as V } from "../IslandAccordionContext.js";
+import { EComponentSize as f } from "../../../enums/EComponentSize.js";
+import { ETitleSize as s, EFontWeightTitle as g, EFontType as x } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
-import { Title as Q } from "../../Typography/Title.js";
-import { s as t } from "../../../chunks/IslandAccordion.module-CbGSbbl6.js";
-const U = {
+import { Title as tt } from "../../Typography/Title.js";
+import { s as t } from "../../../chunks/IslandAccordion.module-BI69hCoR.js";
+import { EScreenWidth as y } from "../../../helpers/breakpoints.js";
+import { useMatchMedia as rt } from "../../MediaWidth/useMatchMedia.js";
+const et = {
   [l.TYPE_1]: t.type1,
   [l.TYPE_2]: t.type2,
   [l.TYPE_3]: t.type3
-}, V = {
-  [d.SM]: f.H3,
-  [d.MD]: f.H3,
-  [d.LG]: f.H2
-}, g = R(t), tt = Object.assign(
-  Y.forwardRef(
+}, ot = {
+  [f.SM]: s.H3,
+  [f.MD]: s.H3,
+  [f.LG]: s.H2
+}, it = U(t), nt = Object.assign(
+  D.forwardRef(
     ({
-      children: x,
+      children: N,
       title: T,
-      className: M,
+      className: P,
       opened: i,
       disabled: e,
       onRemove: n,
-      onToggle: s,
-      id: a,
+      onToggle: c,
+      id: m,
       num: I,
-      status: S,
-      stepHint: P,
+      status: h,
+      stepHint: w,
       transitionProps: O,
       ...k
     }, v) => {
-      const [o, E] = F(i || !1), { size: c, type: h } = j(K), _ = w(B()).current, A = `${_}header`, u = `${_}body`;
-      D(() => {
-        i !== void 0 && o !== i && E(i);
+      const [o, S] = W(i || !1), { size: a, type: E } = j(V), _ = X(B()).current, A = `${_}header`, M = `${_}body`, z = rt(
+        `(max-width: ${y.SM_MAX})`,
+        window.innerWidth <= parseInt(y.SM_MAX)
+      );
+      Z(() => {
+        i !== void 0 && o !== i && S(i);
       }, [i, o]);
-      const z = () => {
+      const H = () => {
         if (e)
           return;
-        const C = !o;
-        s == null || s(C, a), i === void 0 && E(C);
-      }, H = () => {
-        e || n == null || n(a);
-      }, L = p(
-        M,
+        const u = !o;
+        c == null || c(u, m), i === void 0 && S(u);
+      }, F = () => {
+        e || n == null || n(m);
+      }, L = z ? s.H3 : ot[a], Y = d(
+        P,
         t.item,
-        g[c],
-        U[h],
+        it[a],
+        et[E],
         {
           [t.disabled]: !!e,
           [t.opened]: o
         }
       );
-      return /* @__PURE__ */ m("li", { ...k, className: L, id: a, ref: v, children: [
-        /* @__PURE__ */ m(y, { className: t.island, size: c, type: h, children: [
-          /* @__PURE__ */ r(y.Header, { children: /* @__PURE__ */ m(
+      return /* @__PURE__ */ p("li", { ...k, className: Y, id: m, ref: v, children: [
+        /* @__PURE__ */ p(C, { className: t.island, size: a, type: E, children: [
+          /* @__PURE__ */ r(C.Header, { children: /* @__PURE__ */ p(
             "button",
             {
               id: A,
-              "aria-controls": u,
+              "aria-controls": M,
               "aria-expanded": o,
               type: "button",
-              className: p(t.header, {
+              className: d(t.header, {
                 hoverable: !o
               }),
-              onClick: z,
+              onClick: H,
               disabled: e,
-              "data-tx": "1.26.0",
+              "data-tx": "1.27.0",
               children: [
-                S && I && /* @__PURE__ */ r("div", { className: t.step, children: /* @__PURE__ */ r(X, { step: I, status: S, position: J.XFirst, children: e ? void 0 : P }) }),
+                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(
-                  Q,
+                  tt,
                   {
                     className: t.title,
-                    size: V[c],
-                    type: e ? N.DISABLED : N.PRIMARY,
+                    size: L,
+                    type: e ? x.DISABLED : x.PRIMARY,
                     tag: "div",
+                    weight: g.MEDIUM,
                     children: T
                   }
                 ),
-                /* @__PURE__ */ r("span", { className: p(t.caretWrapper), children: /* @__PURE__ */ r(
-                  Z,
+                /* @__PURE__ */ r("span", { className: d(t.caretWrapper), children: /* @__PURE__ */ r(
+                  $,
                   {
                     className: t.caretIcon,
                     "aria-hidden": "true",
@@ -111,28 +117,28 @@ const U = {
             }
           ) }),
           /* @__PURE__ */ r(
-            $,
+            q,
             {
               expanded: o && !e,
-              id: u,
+              id: M,
               role: "region",
               "aria-labelledby": A,
               transitionProps: O,
-              children: x
+              children: N
             }
           )
         ] }),
-        n && /* @__PURE__ */ r("span", { className: t.remove, children: /* @__PURE__ */ r(W, { onClick: H, disabled: e, title: "Удалить", children: /* @__PURE__ */ r(b, { paletteIndex: 5 }) }) })
+        n && /* @__PURE__ */ r("span", { className: t.remove, children: /* @__PURE__ */ r(J, { onClick: F, disabled: e, title: "Удалить", children: /* @__PURE__ */ r(b, { paletteIndex: 5 }) }) })
       ] });
     }
   ),
   {
-    Content: q,
-    Footer: G
+    Content: G,
+    Footer: R
   }
 );
-tt.displayName = "IslandAccordionItem";
+nt.displayName = "IslandAccordionItem";
 export {
-  tt as IslandAccordionItem
+  nt as IslandAccordionItem
 };
 //# sourceMappingURL=IslandAccordionItem.js.map

package/components/IslandWidget/IslandWidget.js

@@ -1,66 +1,74 @@
-import { jsx as t, jsxs as a, Fragment as s } from "react/jsx-runtime";
-import _, { useContext as F, useState as u } from "react";
-import { Island as v } from "../Island/Island.js";
-import { EIslandType as y } from "../Island/enums.js";
+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";
 import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
-import { IslandWidgetHeader as H } from "./components/IslandWidgetHeader.js";
-import { IslandWidgetBody as M } from "./components/IslandWidgetBody.js";
-import { IslandWidgetFooter as w } from "./components/IslandWidgetFooter.js";
-import { IslandWidgetExtraFooter as C } from "./components/IslandWidgetExtraFooter.js";
-import { EComponentSize as A } from "../../enums/EComponentSize.js";
+import { IslandWidgetHeader as M } from "./components/IslandWidgetHeader.js";
+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-DudMBGKr.js";
-import { IslandWidgetLayoutContext as S } from "./IslandWidgetLayoutContext.js";
-import { IslandWidgetContext as b } from "./IslandWidgetContext.js";
-import { ExpandAnimation as O } from "../ExpandAnimation/ExpandAnimation.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 j } from "../MediaWidth/useMatchMedia.js";
-const N = "islandWidget__77ce4f51", k = "islandWidgetWithExtraFooter__bfb0e37f", z = "islandWidgetHeaderWrapperAdaptive__b6b9672c", d = {
-  islandWidget: N,
-  islandWidgetWithExtraFooter: k,
-  islandWidgetHeaderWrapperAdaptive: z
-}, B = Object.assign(
-  _.forwardRef(
-    ({ className: l, renderBody: c, renderFooter: o, renderHeader: W, disableAdaptiveCollapsing: r = !1, ...f }, g) => {
-      const { hasExtraFooter: x } = F(S), [i, h] = u(r), e = j(
+import { useMatchMedia as b } from "../MediaWidth/useMatchMedia.js";
+const k = "islandWidget__b7a230a0", B = "islandWidgetWithExtraFooter__a23ec65b", P = "islandWidgetHeaderWrapperAdaptive__331c8dc5", i = {
+  islandWidget: k,
+  islandWidgetWithExtraFooter: B,
+  islandWidgetHeaderWrapperAdaptive: P
+}, R = Object.assign(
+  F.forwardRef(
+    ({
+      className: l,
+      size: c = S.MD,
+      renderBody: W,
+      renderFooter: o,
+      renderHeader: g,
+      disableAdaptiveCollapsing: r = !1,
+      ...f
+    }, x) => {
+      const { hasExtraFooter: h } = u(O), [d, E] = v(r), e = b(
         `(max-width: ${p.SM_MAX})`,
         window.innerWidth <= parseInt(p.SM_MAX)
-      ), E = () => {
-        h(!i);
-      }, I = e && !r, n = () => /* @__PURE__ */ a(s, { children: [
-        c({}),
+      ), I = () => {
+        E(!d);
+      }, _ = e && !r, a = () => /* @__PURE__ */ n(s, { children: [
+        W({}),
         o ? o({}) : null
       ] });
       return /* @__PURE__ */ t(
-        b.Provider,
+        j.Provider,
         {
           value: {
             adaptive: e,
             disableAdaptiveCollapsing: r,
-            open: i
+            open: d
           },
           children: /* @__PURE__ */ t(
             "div",
             {
-              className: m(d.islandWidget, l, {
-                [d.islandWidgetWithExtraFooter]: x
+              className: m(i.islandWidget, l, {
+                [i.islandWidgetWithExtraFooter]: h
               }),
-              "data-tx": "1.26.0",
+              "data-tx": "1.27.0",
               ...f,
-              ref: g,
-              children: /* @__PURE__ */ a(v, { type: y.TYPE_1, size: A.MD, children: [
+              ref: x,
+              children: /* @__PURE__ */ n(y, { type: H.TYPE_1, size: c, children: [
                 /* @__PURE__ */ t(
                   "div",
                   {
                     className: m({
-                      [d.islandWidgetHeaderWrapperAdaptive]: e
+                      [i.islandWidgetHeaderWrapperAdaptive]: e
                     }),
-                    onClick: e ? E : void 0,
-                    children: W({})
+                    onClick: e ? I : void 0,
+                    children: g({})
                   }
                 ),
-                I ? /* @__PURE__ */ t(O, { expanded: i, children: n() }) : /* @__PURE__ */ t(s, { children: n() })
+                _ ? /* @__PURE__ */ t(N, { expanded: d, children: a() }) : /* @__PURE__ */ t(s, { children: a() })
               ] })
             }
           )
@@ -69,14 +77,14 @@ const N = "islandWidget__77ce4f51", k = "islandWidgetWithExtraFooter__bfb0e37f",
     }
   ),
   {
-    Header: H,
-    Body: M,
-    Footer: w,
-    ExtraFooter: C
+    Header: M,
+    Body: w,
+    Footer: C,
+    ExtraFooter: A
   }
 );
-B.displayName = "IslandWidget";
+R.displayName = "IslandWidget";
 export {
-  B as IslandWidget
+  R as IslandWidget
 };
 //# sourceMappingURL=IslandWidget.js.map

package/components/IslandWidget/components/IslandWidgetBody.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { c as t } from "../../../chunks/vendor-DudMBGKr.js";
-const a = "islandWidgetBody__d48d204d", e = {
+const a = "islandWidgetBody__b62b87f9", e = {
   islandWidgetBody: a
 }, l = ({ children: d, className: s, ...i }) => /* @__PURE__ */ o("div", { ...i, className: t(e.islandWidgetBody, s), children: d });
 l.displayName = "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 { useContext as d, useEffect as i } from "react";
 import { c as n } from "../../../chunks/vendor-DudMBGKr.js";
 import { ExpandAnimation as x } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandWidgetLayoutContext as l } from "../IslandWidgetLayoutContext.js";
-const m = "islandWidgetExtraFooter__65efe422", c = {
+const m = "islandWidgetExtraFooter__70e713d5", c = {
   islandWidgetExtraFooter: m
-}, f = ({
+}, 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(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-DudMBGKr.js";
-import { s as n } from "../../../chunks/IslandWidgetFooter.module-DzcObfJV.js";
+import { s as n } from "../../../chunks/IslandWidgetFooter.module-BUJQAvCe.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 });