@sberbusiness/triplex-next 0.45.0 → 0.47.0

package/components/ImageGalleryExtended/components/ImageGalleryExtendedDots.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
-const dots = "dots__ff5a7b94";
-const dot = "dot__b729e890";
-const active = "active__69faae5b";
+const dots = "dots__2f1cc8c8";
+const dot = "dot__1546e1c5";
+const active = "active__0149f261";
 const styles = {
   dots,
   dot,

package/components/ImageGalleryExtended/components/ImageGalleryExtendedMain.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { MobileView } from "../../MobileView/MobileView.js";
 import "../../MobileView/useMobileView.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
 import { ImageGalleryExtendedSlide } from "./ImageGalleryExtendedSlide.js";
 import { ImageGalleryExtendedSwipeTrack } from "./ImageGalleryExtendedSwipeTrack.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-DkmZIZiC.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-B2et0s1q.js";
 const ImageGalleryExtendedMain = React.forwardRef(
   ({ height = "auto", withBlur = false, onImageClick, className, children, style, ...rest }, ref) => {
     const { items, selectedIndex } = useContext(ImageGalleryExtendedContext);

package/components/ImageGalleryExtended/components/ImageGalleryExtendedSlide.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-DkmZIZiC.js";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-B2et0s1q.js";
 const ImageGalleryExtendedSlide = ({ item, withBlur, onClick }) => /* @__PURE__ */ jsxs("div", { className: styles.slide, children: [
   withBlur && /* @__PURE__ */ jsx("img", { src: item.src, alt: "", className: styles.blur, "aria-hidden": "true" }),
   onClick ? /* @__PURE__ */ jsx("button", { type: "button", className: styles.imageButton, onClick, children: /* @__PURE__ */ jsx(

package/components/ImageGalleryExtended/components/ImageGalleryExtendedSwipeTrack.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext, useState, useRef, useCallback } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
 import { ImageGalleryExtendedSlide } from "./ImageGalleryExtendedSlide.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-DkmZIZiC.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-B2et0s1q.js";
 const SWIPE_MIN_DISTANCE = 50;
 const DIRECTION_LOCK_PX = 8;
 const EDGE_RESISTANCE = 0.35;

package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumb.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-DqGxntec.js";
-import { I } from "../../../chunks/ImageGalleryExtendedThumb-A_z_RGt_.js";
+import "../../../chunks/vendor-Bf_-FiU6.js";
+import { I } from "../../../chunks/ImageGalleryExtendedThumb-DlnuYNuE.js";
 export {
   I as ImageGalleryExtendedThumb
 };

package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useContext, useRef, useImperativeHandle, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { isKey } from "../../../utils/keyboard.js";
 import { scrollSmoothHorizontally } from "../../../utils/scroll.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
-import { s as styles, I as ImageGalleryExtendedThumb } from "../../../chunks/ImageGalleryExtendedThumb-A_z_RGt_.js";
+import { s as styles, I as ImageGalleryExtendedThumb } from "../../../chunks/ImageGalleryExtendedThumb-DlnuYNuE.js";
 const renderDefaultThumb = ({ item, isActive, ariaLabel, onSelect, ref }) => /* @__PURE__ */ jsx(ImageGalleryExtendedThumb, { ref, item, isActive, "aria-label": ariaLabel, onClick: onSelect });
 const ImageGalleryExtendedThumbnails = React.forwardRef(
   ({ className, children, onKeyDown, ...rest }, ref) => {

package/components/ImageGalleryExtended/components/index.js

@@ -2,7 +2,7 @@ import { ImageGalleryExtendedMain } from "./ImageGalleryExtendedMain.js";
 import { ImageGalleryExtendedNav } from "./ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow } from "./ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails } from "./ImageGalleryExtendedThumbnails.js";
-import { I } from "../../../chunks/ImageGalleryExtendedThumb-A_z_RGt_.js";
+import { I } from "../../../chunks/ImageGalleryExtendedThumb-DlnuYNuE.js";
 import { ImageGalleryExtendedDots } from "./ImageGalleryExtendedDots.js";
 export {
   ImageGalleryExtendedArrow,

package/components/ImageGalleryExtended/index.js

@@ -4,7 +4,7 @@ import { ImageGalleryExtendedMain } from "./components/ImageGalleryExtendedMain.
 import { ImageGalleryExtendedNav } from "./components/ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow } from "./components/ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails } from "./components/ImageGalleryExtendedThumbnails.js";
-import { I } from "../../chunks/ImageGalleryExtendedThumb-A_z_RGt_.js";
+import { I } from "../../chunks/ImageGalleryExtendedThumb-DlnuYNuE.js";
 import { ImageGalleryExtendedDots } from "./components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection } from "./enums.js";
 export {

package/components/Island/Island.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { EIslandType } from "./enums.js";
 import { IslandBody } from "./components/IslandBody.js";
 import { IslandHeader } from "./components/IslandHeader.js";
 import { IslandFooter } from "./components/IslandFooter.js";
-import { s as styles, m as mapTypeToClassName } from "../../chunks/utils-C6KcQejt.js";
+import { s as styles, m as mapTypeToClassName } from "../../chunks/utils-D6dmJdIr.js";
 import { LoaderScreen } from "../LoaderScreen/LoaderScreen.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";

package/components/Island/components/IslandBody.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-const islandBody = "islandBody__25143894";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
+const islandBody = "islandBody__7712d808";
 const styles = {
   islandBody
 };

package/components/Island/components/IslandFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-const islandFooter = "islandFooter__b09eb7cc";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
+const islandFooter = "islandFooter__1534fb1b";
 const styles = {
   islandFooter
 };

package/components/Island/components/IslandHeader.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-const islandHeader = "islandHeader__d5a652c8";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
+const islandHeader = "islandHeader__cb8e355c";
 const styles = {
   islandHeader
 };

package/components/Island/utils.js

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

package/components/IslandAccordion/IslandAccordion.js

@@ -8,15 +8,15 @@ import { EIslandType } from "../Island/enums.js";
 import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../chunks/IslandAccordion.module-DVt6y3ER.js";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
+import { s as styles } from "../../chunks/IslandAccordion.module-CbhRIBEp.js";
 import "./components/IslandAccordionContent.js";
 import "./components/IslandAccordionFooter.js";
 const IslandAccordion = Object.assign(
   React.forwardRef(
     ({ className, children, size = EComponentSize.MD, type = EIslandType.TYPE_1, ...rest }, ref) => {
       const classNames = clsx(className, styles.islandAccordion);
-      return /* @__PURE__ */ jsx(IslandAccordionContext.Provider, { value: { size, type }, children: /* @__PURE__ */ jsx("ul", { ...rest, className: classNames, "data-tx": "0.45.0", ref, children }) });
+      return /* @__PURE__ */ jsx(IslandAccordionContext.Provider, { value: { size, type }, children: /* @__PURE__ */ jsx("ul", { ...rest, className: classNames, "data-tx": "0.47.0", ref, children }) });
     }
   ),
   {

package/components/IslandAccordion/IslandAccordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandAccordion.js","sources":["../../../src/components/IslandAccordion/IslandAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { IslandAccordionItem } from \"./components/IslandAccordionItem\";\nimport { IslandAccordionContext } from \"./IslandAccordionContext\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { EIslandType, IIslandProps } from \"../Island\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/IslandAccordion.module.less\";\n\nexport interface IIslandAccordionProps extends React.HTMLAttributes<HTMLUListElement>, Pick<IIslandProps, \"type\"> {\n    size?: EComponentSize;\n}\n\nexport const IslandAccordion = Object.assign(\n    React.forwardRef<HTMLUListElement, IIslandAccordionProps>(\n        ({ className, children, size = EComponentSize.MD, type = EIslandType.TYPE_1, ...rest }, ref) => {\n            const classNames = clsx(className, styles.islandAccordion);\n\n            return (\n                <IslandAccordionContext.Provider value={{ size, type }}>\n                    <ul {...rest} className={classNames} data-tx={process.env.npm_package_version} ref={ref}>\n                        {children}\n                    </ul>\n                </IslandAccordionContext.Provider>\n            );\n        },\n    ),\n    {\n        Item: IslandAccordionItem,\n    },\n);\n\nIslandAccordion.displayName = \"IslandAccordion\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAYO,MAAM,kBAAkB,OAAO;AAAA,EAClC,MAAM;AAAA,IACF,CAAC,EAAE,WAAW,UAAU,OAAO,eAAe,IAAI,OAAO,YAAY,QAAQ,GAAG,KAAA,GAAQ,QAAQ;AAC5F,YAAM,aAAa,KAAK,WAAW,OAAO,eAAe;AAEzD,aACI,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,EAAE,MAAM,QAC5C,UAAA,oBAAC,QAAI,GAAG,MAAM,WAAW,YAAY,WAAS,UAAiC,KAC1E,SAAA,CACL,GACJ;AAAA,IAER;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,MAAM;AAAA,EAAA;AAEd;AAEA,gBAAgB,cAAc;"}
+{"version":3,"file":"IslandAccordion.js","sources":["../../../src/components/IslandAccordion/IslandAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { IslandAccordionItem } from \"./components/IslandAccordionItem\";\nimport { IslandAccordionContext } from \"./IslandAccordionContext\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { EIslandType, IIslandProps } from \"../Island\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/IslandAccordion.module.less\";\n\n/** Свойства компонента IslandAccordion. */\nexport interface IIslandAccordionProps extends React.HTMLAttributes<HTMLUListElement>, Pick<IIslandProps, \"type\"> {\n    /** Размер элементов аккордеона. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n}\n\n/**\n * Аккордеон: список раскрывающихся элементов IslandAccordion.Item, каждый из которых\n * построен на Island. Размер и тип задаются на списке и раздаются элементам через контекст.\n */\nexport const IslandAccordion = Object.assign(\n    React.forwardRef<HTMLUListElement, IIslandAccordionProps>(\n        ({ className, children, size = EComponentSize.MD, type = EIslandType.TYPE_1, ...rest }, ref) => {\n            const classNames = clsx(className, styles.islandAccordion);\n\n            return (\n                <IslandAccordionContext.Provider value={{ size, type }}>\n                    <ul {...rest} className={classNames} data-tx={process.env.npm_package_version} ref={ref}>\n                        {children}\n                    </ul>\n                </IslandAccordionContext.Provider>\n            );\n        },\n    ),\n    {\n        Item: IslandAccordionItem,\n    },\n);\n\nIslandAccordion.displayName = \"IslandAccordion\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAkBO,MAAM,kBAAkB,OAAO;AAAA,EAClC,MAAM;AAAA,IACF,CAAC,EAAE,WAAW,UAAU,OAAO,eAAe,IAAI,OAAO,YAAY,QAAQ,GAAG,KAAA,GAAQ,QAAQ;AAC5F,YAAM,aAAa,KAAK,WAAW,OAAO,eAAe;AAEzD,aACI,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,EAAE,MAAM,QAC5C,UAAA,oBAAC,QAAI,GAAG,MAAM,WAAW,YAAY,WAAS,UAAiC,KAC1E,SAAA,CACL,GACJ;AAAA,IAER;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,MAAM;AAAA,EAAA;AAEd;AAEA,gBAAgB,cAAc;"}

package/components/IslandAccordion/IslandAccordionContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandAccordionContext.js","sources":["../../../src/components/IslandAccordion/IslandAccordionContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { EIslandType } from \"../Island\";\n\nexport interface IIslandAccordionContext {\n    size: EComponentSize;\n    type: EIslandType;\n}\n\nexport const initialIslandAccordionContext: IIslandAccordionContext = {\n    size: EComponentSize.MD,\n    type: EIslandType.TYPE_1,\n};\n\nexport const IslandAccordionContext = React.createContext<IIslandAccordionContext>(initialIslandAccordionContext);\n"],"names":[],"mappings":";;;;;;;AASO,MAAM,gCAAyD;AAAA,EAClE,MAAM,eAAe;AAAA,EACrB,MAAM,YAAY;AACtB;AAEO,MAAM,yBAAyB,MAAM,cAAuC,6BAA6B;"}
+{"version":3,"file":"IslandAccordionContext.js","sources":["../../../src/components/IslandAccordion/IslandAccordionContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { EIslandType } from \"../Island\";\n\n/** Значение контекста аккордеона: оформление, которое IslandAccordion раздаёт своим элементам. */\nexport interface IIslandAccordionContext {\n    /** Размер элементов аккордеона. */\n    size: EComponentSize;\n    /** Визуальный тип острова, на котором построен элемент. */\n    type: EIslandType;\n}\n\n/** Значение контекста по умолчанию — используется, если элемент отрендерен вне IslandAccordion. */\nexport const initialIslandAccordionContext: IIslandAccordionContext = {\n    size: EComponentSize.MD,\n    type: EIslandType.TYPE_1,\n};\n\n/** Контекст, через который IslandAccordion передаёт size и type своим элементам. */\nexport const IslandAccordionContext = React.createContext<IIslandAccordionContext>(initialIslandAccordionContext);\n"],"names":[],"mappings":";;;;;;;AAaO,MAAM,gCAAyD;AAAA,EAClE,MAAM,eAAe;AAAA,EACrB,MAAM,YAAY;AACtB;AAGO,MAAM,yBAAyB,MAAM,cAAuC,6BAA6B;"}

package/components/IslandAccordion/components/IslandAccordionContent.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/IslandAccordion.module-DVt6y3ER.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-CbhRIBEp.js";
 import { Island } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";

package/components/IslandAccordion/components/IslandAccordionContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandAccordionContent.js","sources":["../../../../src/components/IslandAccordion/components/IslandAccordionContent.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"../styles/IslandAccordion.module.less\";\nimport { Island } from \"../../Island/\";\n\n/** Свойства компонента IslandAccordionContent. */\nexport interface IIslandAccordionContentProps {\n    children?: React.ReactNode;\n}\n\n/** Компонент содержимого элемента аккордеона. */\nexport const IslandAccordionContent: React.FC<IIslandAccordionContentProps> = ({ children }) => (\n    <Island.Body className={styles.body}>{children}</Island.Body>\n);\n\nIslandAccordionContent.displayName = \"IslandAccordionContent\";\n"],"names":[],"mappings":";;;;;;AAUO,MAAM,yBAAiE,CAAC,EAAE,SAAA,MAC7E,oBAAC,OAAO,MAAP,EAAY,WAAW,OAAO,MAAO,SAAA,CAAS;AAGnD,uBAAuB,cAAc;"}
+{"version":3,"file":"IslandAccordionContent.js","sources":["../../../../src/components/IslandAccordion/components/IslandAccordionContent.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"../styles/IslandAccordion.module.less\";\nimport { Island } from \"../../Island\";\n\n/** Свойства компонента IslandAccordionContent. */\nexport interface IIslandAccordionContentProps {\n    /** Содержимое раскрывающейся части элемента аккордеона. */\n    children?: React.ReactNode;\n}\n\n/** Компонент содержимого элемента аккордеона. Обёртка над Island.Body с отступами аккордеона. */\nexport const IslandAccordionContent: React.FC<IIslandAccordionContentProps> = ({ children }) => (\n    <Island.Body className={styles.body}>{children}</Island.Body>\n);\n\nIslandAccordionContent.displayName = \"IslandAccordionContent\";\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,yBAAiE,CAAC,EAAE,SAAA,MAC7E,oBAAC,OAAO,MAAP,EAAY,WAAW,OAAO,MAAO,SAAA,CAAS;AAGnD,uBAAuB,cAAc;"}

package/components/IslandAccordion/components/IslandAccordionFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../chunks/IslandAccordion.module-DVt6y3ER.js";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-CbhRIBEp.js";
 import { Island } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";

package/components/IslandAccordion/components/IslandAccordionFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandAccordionFooter.js","sources":["../../../../src/components/IslandAccordion/components/IslandAccordionFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandAccordion.module.less\";\nimport { Island, IIslandFooterProps } from \"../../Island\";\n\n/** Свойства компонента IslandAccordionFooter. */\nexport interface IIslandAccordionFooterProps extends IIslandFooterProps {}\n\n/** Компонент подвала элемента акоордеона. */\nexport const IslandAccordionFooter = React.forwardRef<HTMLDivElement, IIslandAccordionFooterProps>(\n    ({ className, ...rest }, ref) => <Island.Footer className={clsx(styles.footer, className)} {...rest} ref={ref} />,\n);\n\nIslandAccordionFooter.displayName = \"IslandAccordionFooter\";\n"],"names":[],"mappings":";;;;;;;;AASO,MAAM,wBAAwB,MAAM;AAAA,EACvC,CAAC,EAAE,WAAW,GAAG,KAAA,GAAQ,QAAQ,oBAAC,OAAO,QAAP,EAAc,WAAW,KAAK,OAAO,QAAQ,SAAS,GAAI,GAAG,MAAM,IAAA,CAAU;AACnH;AAEA,sBAAsB,cAAc;"}
+{"version":3,"file":"IslandAccordionFooter.js","sources":["../../../../src/components/IslandAccordion/components/IslandAccordionFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandAccordion.module.less\";\nimport { Island, IIslandFooterProps } from \"../../Island\";\n\n/** Свойства компонента IslandAccordionFooter. */\nexport interface IIslandAccordionFooterProps extends IIslandFooterProps {}\n\n/** Компонент подвала элемента аккордеона. Обёртка над Island.Footer с отступами аккордеона. */\nexport const IslandAccordionFooter = React.forwardRef<HTMLDivElement, IIslandAccordionFooterProps>(\n    ({ className, ...rest }, ref) => <Island.Footer className={clsx(styles.footer, className)} {...rest} ref={ref} />,\n);\n\nIslandAccordionFooter.displayName = \"IslandAccordionFooter\";\n"],"names":[],"mappings":";;;;;;;;AASO,MAAM,wBAAwB,MAAM;AAAA,EACvC,CAAC,EAAE,WAAW,GAAG,KAAA,GAAQ,QAAQ,oBAAC,OAAO,QAAP,EAAc,WAAW,KAAK,OAAO,QAAQ,SAAS,GAAI,GAAG,MAAM,IAAA,CAAU;AACnH;AAEA,sBAAsB,cAAc;"}

package/components/IslandAccordion/components/IslandAccordionItem.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import React, { useState, useContext, useRef, useEffect } from "react";
+import React, { useContext, useState } from "react";
 import { CaretdownStrokeSrvIcon24, CrossStrokeSrvIcon24 } from "@sberbusiness/icons-next";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { Island } from "../../Island/Island.js";
 import { ExpandAnimation } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandAccordionContent } from "./IslandAccordionContent.js";
@@ -26,7 +26,8 @@ import "../../Typography/Text.js";
 import { Title } from "../../Typography/Title.js";
 import "../../MobileView/MobileView.js";
 import { useMobileView } from "../../MobileView/useMobileView.js";
-import { s as styles } from "../../../chunks/IslandAccordion.module-DVt6y3ER.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-CbhRIBEp.js";
+const INSTANCE_ID_PREFIX = "IslandAccordionItem-";
 const TYPE_TO_CLASS_NAME_MAP = {
   [EIslandType.TYPE_1]: styles.type1,
   [EIslandType.TYPE_2]: styles.type2,
@@ -55,21 +56,20 @@ const IslandAccordionItem = Object.assign(
       transitionProps,
       ...rest
     }, ref) => {
-      const [isOpen, setIsOpen] = useState(opened || false);
       const { size, type } = useContext(IslandAccordionContext);
-      const instanceId = useRef(uniqueId()).current;
-      const headerInstanceId = `${instanceId}header`;
-      const bodyInstanceId = `${instanceId}body`;
+      const [instanceId] = useState(() => uniqueId(INSTANCE_ID_PREFIX));
+      const headerInstanceId = `${instanceId}-header`;
+      const bodyInstanceId = `${instanceId}-body`;
       const adaptive = useMobileView();
-      useEffect(() => {
-        if (opened !== void 0 && isOpen !== opened) {
+      const [isOpen, setIsOpen] = useState(opened ?? false);
+      const [prevOpened, setPrevOpened] = useState(opened);
+      if (opened !== prevOpened) {
+        setPrevOpened(opened);
+        if (opened !== void 0) {
           setIsOpen(opened);
         }
-      }, [opened, isOpen]);
+      }
       const handleHeaderClick = () => {
-        if (disabled) {
-          return;
-        }
         const newOpened = !isOpen;
         onToggle == null ? void 0 : onToggle(newOpened, id);
         if (opened === void 0) {
@@ -77,9 +77,6 @@ const IslandAccordionItem = Object.assign(
         }
       };
       const handleRemoveClick = () => {
-        if (disabled) {
-          return;
-        }
         onRemove == null ? void 0 : onRemove(id);
       };
       const titleSize = adaptive ? ETitleSize.H3 : SIZE_TO_TITLE_SIZE_MAP[size];
@@ -89,7 +86,7 @@ const IslandAccordionItem = Object.assign(
         SIZE_TO_CLASS_NAME_MAP[size],
         TYPE_TO_CLASS_NAME_MAP[type],
         {
-          [styles.disabled]: !!disabled,
+          [styles.disabled]: disabled,
           [styles.opened]: isOpen
         }
       );
@@ -107,9 +104,9 @@ const IslandAccordionItem = Object.assign(
               }),
               onClick: handleHeaderClick,
               disabled,
-              "data-tx": "0.45.0",
+              "data-tx": "0.47.0",
               children: [
-                status && num && /* @__PURE__ */ jsx("div", { className: styles.step, children: /* @__PURE__ */ jsx(Step, { step: num, status, position: EStepPosition.XFirst, size, children: disabled ? void 0 : stepHint }) }),
+                status && num !== void 0 && num !== 0 ? /* @__PURE__ */ jsx("div", { className: styles.step, children: /* @__PURE__ */ jsx(Step, { step: num, status, position: EStepPosition.XFirst, size, children: disabled ? void 0 : stepHint }) }) : null,
                 /* @__PURE__ */ jsx(
                   Title,
                   {
@@ -121,7 +118,7 @@ const IslandAccordionItem = Object.assign(
                     children: title
                   }
                 ),
-                /* @__PURE__ */ jsx("span", { className: clsx(styles.caretWrapper), children: /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx("span", { className: styles.caretWrapper, children: /* @__PURE__ */ jsx(
                   CaretdownStrokeSrvIcon24,
                   {
                     className: styles.caretIcon,

package/components/IslandAccordion/components/IslandAccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandAccordionItem.js","sources":["../../../../src/components/IslandAccordion/components/IslandAccordionItem.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useContext } from \"react\";\nimport { CaretdownStrokeSrvIcon24, CrossStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { Island } from \"../../Island/Island\";\nimport { uniqueId } from \"lodash-es\";\nimport { ExpandAnimation, IExpandAnimationProps } from \"../../ExpandAnimation\";\nimport { IslandAccordionContent } from \"./IslandAccordionContent\";\nimport { IslandAccordionFooter } from \"./IslandAccordionFooter\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { ButtonIcon } from \"../../Button\";\nimport { EIslandType } from \"../../Island\";\nimport { Step, EStepStatus, EStepPosition } from \"../../Step\";\nimport { IslandAccordionContext } from \"../IslandAccordionContext\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\nimport { ETitleSize, Title, EFontType, EFontWeightTitle } from \"../../Typography\";\nimport { useMobileView } from \"../../MobileView\";\nimport styles from \"../styles/IslandAccordion.module.less\";\n\nexport interface IIslandAccordionItemProps extends Omit<React.HTMLAttributes<HTMLLIElement>, \"title\"> {\n    /** Нода с названием заголовка. */\n    title: React.ReactNode;\n    /** Идентификатор вкладки (если не передать извне, то используется индекс. Также используется как ключ при рендере списка вкладок). */\n    id: string;\n    /** Цифра в кружке. */\n    num?: number;\n    /** Раскрыт ли элемент. */\n    opened?: boolean;\n    /** Статус шага. */\n    status?: EStepStatus;\n    /** Подсказка к шагу. */\n    stepHint?: string;\n    /** Заблокирован ли элемент. */\n    disabled?: boolean;\n    /** Вызывается при клике по вкладке. */\n    onToggle?: (newOpened: boolean, id: string) => void;\n    /** Вызывается при удалении вкладки. */\n    onRemove?: (id: string) => void;\n    /** Свойства компонента Transition (react-transition-group). */\n    transitionProps?: IExpandAnimationProps[\"transitionProps\"];\n}\n\nconst TYPE_TO_CLASS_NAME_MAP: Record<EIslandType, string> = {\n    [EIslandType.TYPE_1]: styles.type1,\n    [EIslandType.TYPE_2]: styles.type2,\n    [EIslandType.TYPE_3]: styles.type3,\n};\n\nconst SIZE_TO_TITLE_SIZE_MAP: Record<EComponentSize, ETitleSize> = {\n    [EComponentSize.SM]: ETitleSize.H3,\n    [EComponentSize.MD]: ETitleSize.H3,\n    [EComponentSize.LG]: ETitleSize.H2,\n};\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\nexport const IslandAccordionItem = Object.assign(\n    React.forwardRef<HTMLLIElement, IIslandAccordionItemProps>(\n        (\n            {\n                children,\n                title,\n                className,\n                opened,\n                disabled,\n                onRemove,\n                onToggle,\n                id,\n                num,\n                status,\n                stepHint,\n                transitionProps,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [isOpen, setIsOpen] = useState(opened || false);\n            const { size, type } = useContext(IslandAccordionContext);\n\n            const instanceId = useRef(uniqueId()).current;\n            const headerInstanceId = `${instanceId}header`;\n            const bodyInstanceId = `${instanceId}body`;\n\n            const adaptive = useMobileView();\n\n            useEffect(() => {\n                if (opened !== undefined && isOpen !== opened) {\n                    setIsOpen(opened);\n                }\n            }, [opened, isOpen]);\n\n            const handleHeaderClick = (): void => {\n                if (disabled) {\n                    return;\n                }\n                const newOpened = !isOpen;\n                onToggle?.(newOpened, id);\n\n                if (opened === undefined) {\n                    setIsOpen(newOpened);\n                }\n            };\n\n            const handleRemoveClick = (): void => {\n                if (disabled) {\n                    return;\n                }\n                onRemove?.(id);\n            };\n\n            const titleSize = adaptive ? ETitleSize.H3 : SIZE_TO_TITLE_SIZE_MAP[size];\n\n            const classNames = clsx(\n                className,\n                styles.item,\n                SIZE_TO_CLASS_NAME_MAP[size],\n                TYPE_TO_CLASS_NAME_MAP[type],\n                {\n                    [styles.disabled]: !!disabled,\n                    [styles.opened]: isOpen,\n                },\n            );\n\n            return (\n                <li {...rest} className={classNames} id={id} ref={ref}>\n                    <Island className={styles.island} size={size} type={type}>\n                        <Island.Header>\n                            <button\n                                id={headerInstanceId}\n                                aria-controls={bodyInstanceId}\n                                aria-expanded={isOpen}\n                                type=\"button\"\n                                className={clsx(styles.header, {\n                                    hoverable: !isOpen,\n                                })}\n                                onClick={handleHeaderClick}\n                                disabled={disabled}\n                                data-tx={process.env.npm_package_version}\n                            >\n                                {status && num && (\n                                    <div className={styles.step}>\n                                        <Step step={num} status={status} position={EStepPosition.XFirst} size={size}>\n                                            {disabled ? undefined : stepHint}\n                                        </Step>\n                                    </div>\n                                )}\n\n                                <Title\n                                    className={styles.title}\n                                    size={titleSize}\n                                    type={disabled ? EFontType.DISABLED : EFontType.PRIMARY}\n                                    tag=\"div\"\n                                    weight={EFontWeightTitle.MEDIUM}\n                                >\n                                    {title}\n                                </Title>\n\n                                <span className={clsx(styles.caretWrapper)}>\n                                    <CaretdownStrokeSrvIcon24\n                                        className={styles.caretIcon}\n                                        aria-hidden=\"true\"\n                                        paletteIndex={5}\n                                    />\n                                </span>\n                            </button>\n                        </Island.Header>\n\n                        <ExpandAnimation\n                            expanded={isOpen && !disabled}\n                            id={bodyInstanceId}\n                            role=\"region\"\n                            aria-labelledby={headerInstanceId}\n                            transitionProps={transitionProps}\n                        >\n                            {children}\n                        </ExpandAnimation>\n                    </Island>\n\n                    {onRemove && (\n                        <span className={styles.remove}>\n                            <ButtonIcon onClick={handleRemoveClick} disabled={disabled} title=\"Удалить\">\n                                <CrossStrokeSrvIcon24 paletteIndex={5} />\n                            </ButtonIcon>\n                        </span>\n                    )}\n                </li>\n            );\n        },\n    ),\n    {\n        Content: IslandAccordionContent,\n        Footer: IslandAccordionFooter,\n    },\n);\n\nIslandAccordionItem.displayName = \"IslandAccordionItem\";\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"IslandAccordionItem.js","sources":["../../../../src/components/IslandAccordion/components/IslandAccordionItem.tsx"],"sourcesContent":["import React, { useState, useContext } from \"react\";\nimport { CaretdownStrokeSrvIcon24, CrossStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { Island } from \"../../Island/Island\";\nimport { uniqueId } from \"lodash-es\";\nimport { ExpandAnimation, IExpandAnimationProps } from \"../../ExpandAnimation\";\nimport { IslandAccordionContent } from \"./IslandAccordionContent\";\nimport { IslandAccordionFooter } from \"./IslandAccordionFooter\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { ButtonIcon } from \"../../Button\";\nimport { EIslandType } from \"../../Island\";\nimport { Step, EStepStatus, EStepPosition } from \"../../Step\";\nimport { IslandAccordionContext } from \"../IslandAccordionContext\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\nimport { ETitleSize, Title, EFontType, EFontWeightTitle } from \"../../Typography\";\nimport { useMobileView } from \"../../MobileView\";\nimport styles from \"../styles/IslandAccordion.module.less\";\n\n/** Свойства компонента IslandAccordionItem. */\nexport interface IIslandAccordionItemProps extends Omit<React.HTMLAttributes<HTMLLIElement>, \"title\"> {\n    /** Нода с названием заголовка. */\n    title: React.ReactNode;\n    /** Идентификатор элемента. Проставляется на корневой `<li>` и передаётся в onToggle и onRemove. */\n    id: string;\n    /** Номер шага в кружке слева от заголовка. Кружок рендерится, только если задан вместе со status и не равен 0. */\n    num?: number;\n    /** Раскрыт ли элемент. Передан — элемент управляемый и состояние задаёт потребитель, не передан — элемент раскрывается сам. */\n    opened?: boolean;\n    /** Статус шага. Без него кружок с номером не рендерится. */\n    status?: EStepStatus;\n    /** Подсказка к шагу, показывается по наведению на кружок. Игнорируется при disabled. */\n    stepHint?: string;\n    /** Заблокирован ли элемент. Блокирует раскрытие, удаление и скрывает подсказку шага. */\n    disabled?: boolean;\n    /** Вызывается при клике по заголовку с новым состоянием раскрытия и id элемента. */\n    onToggle?: (newOpened: boolean, id: string) => void;\n    /** Вызывается при клике по кнопке удаления с id элемента. Кнопка рендерится, только если колбэк передан. */\n    onRemove?: (id: string) => void;\n    /** Свойства компонента Transition (react-transition-group), управляющего раскрытием содержимого. */\n    transitionProps?: IExpandAnimationProps[\"transitionProps\"];\n}\n\n/** Префикс автогенерируемых id заголовка и содержимого элемента. */\nconst INSTANCE_ID_PREFIX = \"IslandAccordionItem-\";\n\nconst TYPE_TO_CLASS_NAME_MAP: Record<EIslandType, string> = {\n    [EIslandType.TYPE_1]: styles.type1,\n    [EIslandType.TYPE_2]: styles.type2,\n    [EIslandType.TYPE_3]: styles.type3,\n};\n\nconst SIZE_TO_TITLE_SIZE_MAP: Record<EComponentSize, ETitleSize> = {\n    [EComponentSize.SM]: ETitleSize.H3,\n    [EComponentSize.MD]: ETitleSize.H3,\n    [EComponentSize.LG]: ETitleSize.H2,\n};\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Раскрывающийся элемент аккордеона: кнопка-заголовок и анимированно раскрываемое содержимое. */\nexport const IslandAccordionItem = Object.assign(\n    React.forwardRef<HTMLLIElement, IIslandAccordionItemProps>(\n        (\n            {\n                children,\n                title,\n                className,\n                opened,\n                disabled,\n                onRemove,\n                onToggle,\n                id,\n                num,\n                status,\n                stepHint,\n                transitionProps,\n                ...rest\n            },\n            ref,\n        ) => {\n            const { size, type } = useContext(IslandAccordionContext);\n\n            const [instanceId] = useState(() => uniqueId(INSTANCE_ID_PREFIX));\n            const headerInstanceId = `${instanceId}-header`;\n            const bodyInstanceId = `${instanceId}-body`;\n\n            const adaptive = useMobileView();\n\n            // Гибрид controlled/uncontrolled: если opened передан, раскрытие задаёт потребитель,\n            // иначе элемент хранит его сам. Синхронизация идёт в рендере (паттерн React\n            // «adjusting state when a prop changes»), а не в useEffect: иначе между сменой opened\n            // и её применением успевает отрисоваться кадр со старым состоянием.\n            const [isOpen, setIsOpen] = useState(opened ?? false);\n            const [prevOpened, setPrevOpened] = useState(opened);\n\n            if (opened !== prevOpened) {\n                setPrevOpened(opened);\n\n                if (opened !== undefined) {\n                    setIsOpen(opened);\n                }\n            }\n\n            const handleHeaderClick = (): void => {\n                const newOpened = !isOpen;\n                onToggle?.(newOpened, id);\n\n                if (opened === undefined) {\n                    setIsOpen(newOpened);\n                }\n            };\n\n            const handleRemoveClick = (): void => {\n                onRemove?.(id);\n            };\n\n            const titleSize = adaptive ? ETitleSize.H3 : SIZE_TO_TITLE_SIZE_MAP[size];\n\n            const classNames = clsx(\n                className,\n                styles.item,\n                SIZE_TO_CLASS_NAME_MAP[size],\n                TYPE_TO_CLASS_NAME_MAP[type],\n                {\n                    [styles.disabled]: disabled,\n                    [styles.opened]: isOpen,\n                },\n            );\n\n            return (\n                <li {...rest} className={classNames} id={id} ref={ref}>\n                    <Island className={styles.island} size={size} type={type}>\n                        <Island.Header>\n                            <button\n                                id={headerInstanceId}\n                                aria-controls={bodyInstanceId}\n                                aria-expanded={isOpen}\n                                type=\"button\"\n                                // Глобальный класс @sberbusiness/icons-next \"hoverable\" — задаёт цвет\n                                // каретки при наведении. В раскрытом состоянии hover не подсвечивается.\n                                className={clsx(styles.header, {\n                                    hoverable: !isOpen,\n                                })}\n                                onClick={handleHeaderClick}\n                                disabled={disabled}\n                                data-tx={process.env.npm_package_version}\n                            >\n                                {/*\n                                    Тернарник, а не `&&`: при num === 0 выражение `status && num` вернуло бы 0,\n                                    и React отрисовал бы текст «0». Сам пропуск кружка при num === 0 —\n                                    унаследованная особенность, а не осознанный контракт; чинится отдельной\n                                    задачей, потому что это изменение наблюдаемого поведения.\n                                */}\n                                {status && num !== undefined && num !== 0 ? (\n                                    <div className={styles.step}>\n                                        <Step step={num} status={status} position={EStepPosition.XFirst} size={size}>\n                                            {disabled ? undefined : stepHint}\n                                        </Step>\n                                    </div>\n                                ) : null}\n\n                                <Title\n                                    className={styles.title}\n                                    size={titleSize}\n                                    type={disabled ? EFontType.DISABLED : EFontType.PRIMARY}\n                                    tag=\"div\"\n                                    weight={EFontWeightTitle.MEDIUM}\n                                >\n                                    {title}\n                                </Title>\n\n                                <span className={styles.caretWrapper}>\n                                    <CaretdownStrokeSrvIcon24\n                                        className={styles.caretIcon}\n                                        aria-hidden=\"true\"\n                                        paletteIndex={5}\n                                    />\n                                </span>\n                            </button>\n                        </Island.Header>\n\n                        <ExpandAnimation\n                            expanded={isOpen && !disabled}\n                            id={bodyInstanceId}\n                            role=\"region\"\n                            aria-labelledby={headerInstanceId}\n                            transitionProps={transitionProps}\n                        >\n                            {children}\n                        </ExpandAnimation>\n                    </Island>\n\n                    {onRemove && (\n                        <span className={styles.remove}>\n                            <ButtonIcon onClick={handleRemoveClick} disabled={disabled} title=\"Удалить\">\n                                <CrossStrokeSrvIcon24 paletteIndex={5} />\n                            </ButtonIcon>\n                        </span>\n                    )}\n                </li>\n            );\n        },\n    ),\n    {\n        Content: IslandAccordionContent,\n        Footer: IslandAccordionFooter,\n    },\n);\n\nIslandAccordionItem.displayName = \"IslandAccordionItem\";\n"],"names":[],"mappings":"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"}

package/components/IslandWidget/IslandWidget.js

@@ -1,23 +1,23 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React, { useContext, useState } from "react";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
+import { EComponentSize } from "../../enums/EComponentSize.js";
 import { Island } from "../Island/Island.js";
 import { EIslandType } from "../Island/enums.js";
 import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
+import { ExpandAnimation } from "../ExpandAnimation/ExpandAnimation.js";
+import "../MobileView/MobileView.js";
+import { useMobileView } from "../MobileView/useMobileView.js";
 import { IslandWidgetHeader } from "./components/IslandWidgetHeader.js";
 import { IslandWidgetBody } from "./components/IslandWidgetBody.js";
 import { IslandWidgetFooter } from "./components/IslandWidgetFooter.js";
 import { IslandWidgetExtraFooter } from "./components/IslandWidgetExtraFooter.js";
-import { EComponentSize } from "../../enums/EComponentSize.js";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
 import { IslandWidgetLayoutContext } from "./IslandWidgetLayoutContext.js";
 import { IslandWidgetContext } from "./IslandWidgetContext.js";
-import { ExpandAnimation } from "../ExpandAnimation/ExpandAnimation.js";
-import "../MobileView/MobileView.js";
-import { useMobileView } from "../MobileView/useMobileView.js";
-const islandWidget = "islandWidget__9ca2b716";
-const islandWidgetWithExtraFooter = "islandWidgetWithExtraFooter__31134abb";
+const islandWidget = "islandWidget__cd31f533";
+const islandWidgetWithExtraFooter = "islandWidgetWithExtraFooter__3cbdd398";
 const styles = {
   islandWidget,
   islandWidgetWithExtraFooter
@@ -37,8 +37,7 @@ const IslandWidget = Object.assign(
       const [open, setOpen] = useState(disableAdaptiveCollapsing);
       const adaptive = useMobileView();
       const handleHeaderClick = () => {
-        const newOpen = !open;
-        setOpen(newOpen);
+        setOpen((prevOpen) => !prevOpen);
       };
       const expandableContent = adaptive && !disableAdaptiveCollapsing;
       const renderContent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -57,15 +56,19 @@ const IslandWidget = Object.assign(
           children: /* @__PURE__ */ jsx(
             "div",
             {
-              className: clsx(styles.islandWidget, className, {
-                [styles.islandWidgetWithExtraFooter]: hasExtraFooter
-              }),
-              "data-tx": "0.45.0",
+              className: clsx(
+                styles.islandWidget,
+                {
+                  [styles.islandWidgetWithExtraFooter]: hasExtraFooter
+                },
+                className
+              ),
               ...rest,
+              "data-tx": "0.47.0",
               ref,
               children: /* @__PURE__ */ jsxs(Island, { type: EIslandType.TYPE_1, size, withoutPaddings: true, children: [
-                /* @__PURE__ */ jsx("div", { onClick: adaptive ? handleHeaderClick : void 0, children: renderHeader({}) }),
-                expandableContent ? /* @__PURE__ */ jsx(ExpandAnimation, { expanded: open, children: renderContent() }) : /* @__PURE__ */ jsx(Fragment, { children: renderContent() })
+                /* @__PURE__ */ jsx("div", { onClick: expandableContent ? handleHeaderClick : void 0, children: renderHeader({}) }),
+                expandableContent ? /* @__PURE__ */ jsx(ExpandAnimation, { expanded: open, children: renderContent() }) : renderContent()
               ] })
             }
           )

package/components/IslandWidget/IslandWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidget.js","sources":["../../../src/components/IslandWidget/IslandWidget.tsx"],"sourcesContent":["import React, { useContext, useState } from \"react\";\nimport { Island, EIslandType } from \"../Island\";\nimport { IIslandWidgetHeaderProps, IslandWidgetHeader } from \"./components/IslandWidgetHeader\";\nimport { IIslandWidgetBodyProps, IslandWidgetBody } from \"./components/IslandWidgetBody\";\nimport { IIslandWidgetFooterProps, IslandWidgetFooter } from \"./components/IslandWidgetFooter\";\nimport { IslandWidgetExtraFooter } from \"./components/IslandWidgetExtraFooter\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/IslandWidget.module.less\";\nimport { IslandWidgetLayoutContext } from \"./IslandWidgetLayoutContext\";\nimport { IslandWidgetContext } from \"./IslandWidgetContext\";\nimport { ExpandAnimation } from \"../ExpandAnimation/ExpandAnimation\";\nimport { useMobileView } from \"../MobileView\";\n\nexport interface IIslandWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Размер компонента. */\n    size?: EComponentSize;\n    /** Рендер-функция Body. */\n    renderBody: (props: IIslandWidgetBodyProps) => React.ReactNode;\n    /** Рендер-функция Footer. */\n    renderFooter?: (props: IIslandWidgetFooterProps) => React.ReactNode;\n    /** Рендер-функция Header. */\n    renderHeader: (props: IIslandWidgetHeaderProps) => React.ReactNode;\n    /** Отключение возможности сворачивания контента в адаптиве. */\n    disableAdaptiveCollapsing?: boolean;\n}\n\nexport const IslandWidget = Object.assign(\n    React.forwardRef<HTMLDivElement, IIslandWidgetProps>(\n        (\n            {\n                className,\n                size = EComponentSize.MD,\n                renderBody,\n                renderFooter,\n                renderHeader,\n                disableAdaptiveCollapsing = false,\n                ...rest\n            },\n            ref,\n        ) => {\n            const { hasExtraFooter } = useContext(IslandWidgetLayoutContext);\n            const [open, setOpen] = useState(disableAdaptiveCollapsing);\n\n            const adaptive = useMobileView();\n\n            const handleHeaderClick = (): void => {\n                const newOpen = !open;\n                setOpen(newOpen);\n            };\n\n            const expandableContent = adaptive && !disableAdaptiveCollapsing;\n\n            const renderContent = () => (\n                <>\n                    {renderBody({})}\n                    {renderFooter ? renderFooter({}) : null}\n                </>\n            );\n\n            return (\n                <IslandWidgetContext.Provider\n                    value={{\n                        adaptive,\n                        disableAdaptiveCollapsing,\n                        open,\n                        size,\n                    }}\n                >\n                    <div\n                        className={clsx(styles.islandWidget, className, {\n                            [styles.islandWidgetWithExtraFooter]: hasExtraFooter,\n                        })}\n                        data-tx={process.env.npm_package_version}\n                        {...rest}\n                        ref={ref}\n                    >\n                        <Island type={EIslandType.TYPE_1} size={size} withoutPaddings={true}>\n                            <div onClick={adaptive ? handleHeaderClick : undefined}>{renderHeader({})}</div>\n                            {expandableContent ? (\n                                <ExpandAnimation expanded={open}>{renderContent()}</ExpandAnimation>\n                            ) : (\n                                <>{renderContent()}</>\n                            )}\n                        </Island>\n                    </div>\n                </IslandWidgetContext.Provider>\n            );\n        },\n    ),\n    {\n        Header: IslandWidgetHeader,\n        Body: IslandWidgetBody,\n        Footer: IslandWidgetFooter,\n        ExtraFooter: IslandWidgetExtraFooter,\n    },\n);\n\nIslandWidget.displayName = \"IslandWidget\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA2BO,MAAM,eAAe,OAAO;AAAA,EAC/B,MAAM;AAAA,IACF,CACI;AAAA,MACI;AAAA,MACA,OAAO,eAAe;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA,4BAA4B;AAAA,MAC5B,GAAG;AAAA,IAAA,GAEP,QACC;AACD,YAAM,EAAE,eAAA,IAAmB,WAAW,yBAAyB;AAC/D,YAAM,CAAC,MAAM,OAAO,IAAI,SAAS,yBAAyB;AAE1D,YAAM,WAAW,cAAA;AAEjB,YAAM,oBAAoB,MAAY;AAClC,cAAM,UAAU,CAAC;AACjB,gBAAQ,OAAO;AAAA,MACnB;AAEA,YAAM,oBAAoB,YAAY,CAAC;AAEvC,YAAM,gBAAgB,MAClB,qBAAA,UAAA,EACK,UAAA;AAAA,QAAA,WAAW,CAAA,CAAE;AAAA,QACb,eAAe,aAAa,CAAA,CAAE,IAAI;AAAA,MAAA,GACvC;AAGJ,aACI;AAAA,QAAC,oBAAoB;AAAA,QAApB;AAAA,UACG,OAAO;AAAA,YACH;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAGJ,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW,KAAK,OAAO,cAAc,WAAW;AAAA,gBAC5C,CAAC,OAAO,2BAA2B,GAAG;AAAA,cAAA,CACzC;AAAA,cACD,WAAS;AAAA,cACR,GAAG;AAAA,cACJ;AAAA,cAEA,+BAAC,QAAA,EAAO,MAAM,YAAY,QAAQ,MAAY,iBAAiB,MAC3D,UAAA;AAAA,gBAAA,oBAAC,OAAA,EAAI,SAAS,WAAW,oBAAoB,QAAY,UAAA,aAAa,CAAA,CAAE,GAAE;AAAA,gBACzE,oBACG,oBAAC,iBAAA,EAAgB,UAAU,MAAO,0BAAc,CAAE,IAElD,oBAAA,UAAA,EAAG,UAAA,cAAA,GAAgB;AAAA,cAAA,GAE3B;AAAA,YAAA;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,IAGZ;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,aAAa;AAAA,EAAA;AAErB;AAEA,aAAa,cAAc;"}
+{"version":3,"file":"IslandWidget.js","sources":["../../../src/components/IslandWidget/IslandWidget.tsx"],"sourcesContent":["import React, { useContext, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { Island, EIslandType } from \"../Island\";\nimport { ExpandAnimation } from \"../ExpandAnimation/ExpandAnimation\";\nimport { useMobileView } from \"../MobileView\";\nimport { IIslandWidgetHeaderProps, IslandWidgetHeader } from \"./components/IslandWidgetHeader\";\nimport { IIslandWidgetBodyProps, IslandWidgetBody } from \"./components/IslandWidgetBody\";\nimport { IIslandWidgetFooterProps, IslandWidgetFooter } from \"./components/IslandWidgetFooter\";\nimport { IslandWidgetExtraFooter } from \"./components/IslandWidgetExtraFooter\";\nimport { IslandWidgetLayoutContext } from \"./IslandWidgetLayoutContext\";\nimport { IslandWidgetContext } from \"./IslandWidgetContext\";\nimport styles from \"./styles/IslandWidget.module.less\";\n\n/** Свойства компонента IslandWidget. */\nexport interface IIslandWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Размер компонента. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Рендер-функция Body. */\n    renderBody: (props: IIslandWidgetBodyProps) => React.ReactNode;\n    /** Рендер-функция Footer. */\n    renderFooter?: (props: IIslandWidgetFooterProps) => React.ReactNode;\n    /** Рендер-функция Header. */\n    renderHeader: (props: IIslandWidgetHeaderProps) => React.ReactNode;\n    /** Отключение возможности сворачивания контента в адаптиве. По умолчанию false. */\n    disableAdaptiveCollapsing?: boolean;\n}\n\n/**\n * Виджет — карточка со сгруппированной информацией, набором связанных действий или отдельной функциональностью.\n * В адаптиве контент сворачивается по клику на шапку, если не передан disableAdaptiveCollapsing.\n */\nexport const IslandWidget = Object.assign(\n    React.forwardRef<HTMLDivElement, IIslandWidgetProps>(\n        (\n            {\n                className,\n                size = EComponentSize.MD,\n                renderBody,\n                renderFooter,\n                renderHeader,\n                disableAdaptiveCollapsing = false,\n                ...rest\n            },\n            ref,\n        ) => {\n            const { hasExtraFooter } = useContext(IslandWidgetLayoutContext);\n            const [open, setOpen] = useState(disableAdaptiveCollapsing);\n\n            const adaptive = useMobileView();\n\n            const handleHeaderClick = (): void => {\n                setOpen((prevOpen) => !prevOpen);\n            };\n\n            const expandableContent = adaptive && !disableAdaptiveCollapsing;\n\n            const renderContent = () => (\n                <>\n                    {renderBody({})}\n                    {renderFooter ? renderFooter({}) : null}\n                </>\n            );\n\n            return (\n                <IslandWidgetContext.Provider\n                    value={{\n                        adaptive,\n                        disableAdaptiveCollapsing,\n                        open,\n                        size,\n                    }}\n                >\n                    <div\n                        className={clsx(\n                            styles.islandWidget,\n                            {\n                                [styles.islandWidgetWithExtraFooter]: hasExtraFooter,\n                            },\n                            className,\n                        )}\n                        {...rest}\n                        data-tx={process.env.npm_package_version}\n                        ref={ref}\n                    >\n                        <Island type={EIslandType.TYPE_1} size={size} withoutPaddings={true}>\n                            <div onClick={expandableContent ? handleHeaderClick : undefined}>{renderHeader({})}</div>\n                            {expandableContent ? (\n                                <ExpandAnimation expanded={open}>{renderContent()}</ExpandAnimation>\n                            ) : (\n                                renderContent()\n                            )}\n                        </Island>\n                    </div>\n                </IslandWidgetContext.Provider>\n            );\n        },\n    ),\n    {\n        Header: IslandWidgetHeader,\n        Body: IslandWidgetBody,\n        Footer: IslandWidgetFooter,\n        ExtraFooter: IslandWidgetExtraFooter,\n    },\n);\n\nIslandWidget.displayName = \"IslandWidget\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgCO,MAAM,eAAe,OAAO;AAAA,EAC/B,MAAM;AAAA,IACF,CACI;AAAA,MACI;AAAA,MACA,OAAO,eAAe;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA,4BAA4B;AAAA,MAC5B,GAAG;AAAA,IAAA,GAEP,QACC;AACD,YAAM,EAAE,eAAA,IAAmB,WAAW,yBAAyB;AAC/D,YAAM,CAAC,MAAM,OAAO,IAAI,SAAS,yBAAyB;AAE1D,YAAM,WAAW,cAAA;AAEjB,YAAM,oBAAoB,MAAY;AAClC,gBAAQ,CAAC,aAAa,CAAC,QAAQ;AAAA,MACnC;AAEA,YAAM,oBAAoB,YAAY,CAAC;AAEvC,YAAM,gBAAgB,MAClB,qBAAA,UAAA,EACK,UAAA;AAAA,QAAA,WAAW,CAAA,CAAE;AAAA,QACb,eAAe,aAAa,CAAA,CAAE,IAAI;AAAA,MAAA,GACvC;AAGJ,aACI;AAAA,QAAC,oBAAoB;AAAA,QAApB;AAAA,UACG,OAAO;AAAA,YACH;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAGJ,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW;AAAA,gBACP,OAAO;AAAA,gBACP;AAAA,kBACI,CAAC,OAAO,2BAA2B,GAAG;AAAA,gBAAA;AAAA,gBAE1C;AAAA,cAAA;AAAA,cAEH,GAAG;AAAA,cACJ,WAAS;AAAA,cACT;AAAA,cAEA,+BAAC,QAAA,EAAO,MAAM,YAAY,QAAQ,MAAY,iBAAiB,MAC3D,UAAA;AAAA,gBAAA,oBAAC,OAAA,EAAI,SAAS,oBAAoB,oBAAoB,QAAY,UAAA,aAAa,CAAA,CAAE,GAAE;AAAA,gBAClF,wCACI,iBAAA,EAAgB,UAAU,MAAO,UAAA,gBAAc,CAAE,IAElD,cAAA;AAAA,cAAc,GAEtB;AAAA,YAAA;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,IAGZ;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,aAAa;AAAA,EAAA;AAErB;AAEA,aAAa,cAAc;"}

package/components/IslandWidget/IslandWidgetContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidgetContext.js","sources":["../../../src/components/IslandWidget/IslandWidgetContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\n\nexport interface IIslandWidgetContext {\n    adaptive: boolean;\n    disableAdaptiveCollapsing: boolean;\n    open: boolean;\n    size: EComponentSize;\n}\n\nconst contextInitial: IIslandWidgetContext = {\n    adaptive: false,\n    disableAdaptiveCollapsing: false,\n    open: false,\n    size: EComponentSize.MD,\n};\n\nexport const IslandWidgetContext = React.createContext(contextInitial);\n"],"names":[],"mappings":";;AAUA,MAAM,iBAAuC;AAAA,EACzC,UAAU;AAAA,EACV,2BAA2B;AAAA,EAC3B,MAAM;AAAA,EACN,MAAM,eAAe;AACzB;AAEO,MAAM,sBAAsB,MAAM,cAAc,cAAc;"}
+{"version":3,"file":"IslandWidgetContext.js","sources":["../../../src/components/IslandWidget/IslandWidgetContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\n\n/** Значение контекста IslandWidget — состояние виджета для его составных частей. */\nexport interface IIslandWidgetContext {\n    /** Виджет отображается в адаптиве (ширина экрана мобильного устройства). */\n    adaptive: boolean;\n    /** Сворачивание контента в адаптиве отключено. */\n    disableAdaptiveCollapsing: boolean;\n    /** Контент виджета раскрыт. Значимо только в адаптиве при включённом сворачивании. */\n    open: boolean;\n    /** Размер виджета — из него части берут свои отступы и размеры текста. */\n    size: EComponentSize;\n}\n\nconst contextInitial: IIslandWidgetContext = {\n    adaptive: false,\n    disableAdaptiveCollapsing: false,\n    open: false,\n    size: EComponentSize.MD,\n};\n\n/** Контекст IslandWidget. Внутренний: в публичный barrel не экспортируется. */\nexport const IslandWidgetContext = React.createContext(contextInitial);\n"],"names":[],"mappings":";;AAeA,MAAM,iBAAuC;AAAA,EACzC,UAAU;AAAA,EACV,2BAA2B;AAAA,EAC3B,MAAM;AAAA,EACN,MAAM,eAAe;AACzB;AAGO,MAAM,sBAAsB,MAAM,cAAc,cAAc;"}

package/components/IslandWidget/IslandWidgetLayoutContext.js

@@ -1,7 +1,9 @@
 import React from "react";
 const contextInitial = {
   hasExtraFooter: false,
-  setHasExtraFooter: () => {
+  addOpenExtraFooter: () => {
+  },
+  removeOpenExtraFooter: () => {
   }
 };
 const IslandWidgetLayoutContext = React.createContext(contextInitial);

package/components/IslandWidget/IslandWidgetLayoutContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidgetLayoutContext.js","sources":["../../../src/components/IslandWidget/IslandWidgetLayoutContext.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface IIslandWidgetLayoutContext {\n    hasExtraFooter: boolean;\n    setHasExtraFooter: (has: boolean) => void;\n}\n\nconst contextInitial: IIslandWidgetLayoutContext = {\n    hasExtraFooter: false,\n    setHasExtraFooter: () => {},\n};\n\nexport const IslandWidgetLayoutContext = React.createContext(contextInitial);\n"],"names":[],"mappings":";AAOA,MAAM,iBAA6C;AAAA,EAC/C,gBAAgB;AAAA,EAChB,mBAAmB,MAAM;AAAA,EAAC;AAC9B;AAEO,MAAM,4BAA4B,MAAM,cAAc,cAAc;"}
+{"version":3,"file":"IslandWidgetLayoutContext.js","sources":["../../../src/components/IslandWidget/IslandWidgetLayoutContext.tsx"],"sourcesContent":["import React from \"react\";\n\n/** Значение контекста IslandWidgetWrapper — связь виджета с его дополнительными подвалами. */\nexport interface IIslandWidgetLayoutContext {\n    /** Хотя бы один дополнительный подвал раскрыт — виджет рисует под собой тень. */\n    hasExtraFooter: boolean;\n    /** Сообщить обёртке, что подвал раскрылся. Считается по экземплярам, а не флагом. */\n    addOpenExtraFooter: () => void;\n    /** Сообщить обёртке, что подвал закрылся или размонтирован. */\n    removeOpenExtraFooter: () => void;\n}\n\nconst contextInitial: IIslandWidgetLayoutContext = {\n    hasExtraFooter: false,\n    addOpenExtraFooter: () => {},\n    removeOpenExtraFooter: () => {},\n};\n\n/** Контекст IslandWidgetWrapper. Внутренний: в публичный barrel не экспортируется. */\nexport const IslandWidgetLayoutContext = React.createContext(contextInitial);\n"],"names":[],"mappings":";AAYA,MAAM,iBAA6C;AAAA,EAC/C,gBAAgB;AAAA,EAChB,oBAAoB,MAAM;AAAA,EAAC;AAAA,EAC3B,uBAAuB,MAAM;AAAA,EAAC;AAClC;AAGO,MAAM,4BAA4B,MAAM,cAAc,cAAc;"}

package/components/IslandWidget/components/IslandWidgetBody.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { IslandWidgetContext } from "../IslandWidgetContext.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const islandWidgetBody = "islandWidgetBody__06f0a62b";
-const sm = "sm__c9845011";
-const md = "md__0256cb78";
-const lg = "lg__a262ea10";
+const islandWidgetBody = "islandWidgetBody__9e3864c2";
+const sm = "sm__7be3a19e";
+const md = "md__ccc795fb";
+const lg = "lg__6cfe2564";
 const styles = {
   islandWidgetBody,
   sm,

package/components/IslandWidget/components/IslandWidgetBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidgetBody.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetBody.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { IslandWidgetContext } from \"../IslandWidgetContext\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"../styles/IslandWidgetBody.module.less\";\n\n/** Свойства компонента IslandWidgetBody. */\nexport interface IIslandWidgetBodyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\nexport const IslandWidgetBody: React.FC<IIslandWidgetBodyProps> = ({ children, className, ...htmlDivAttributes }) => {\n    const { size } = useContext(IslandWidgetContext);\n\n    return (\n        <div {...htmlDivAttributes} className={clsx(styles.islandWidgetBody, SIZE_TO_CLASS_NAME_MAP[size], className)}>\n            {children}\n        </div>\n    );\n};\n\nIslandWidgetBody.displayName = \"IslandWidgetBody\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AASA,MAAM,yBAAyB,yBAAyB,MAAM;AAEvD,MAAM,mBAAqD,CAAC,EAAE,UAAU,WAAW,GAAG,wBAAwB;AACjH,QAAM,EAAE,KAAA,IAAS,WAAW,mBAAmB;AAE/C,SACI,oBAAC,OAAA,EAAK,GAAG,mBAAmB,WAAW,KAAK,OAAO,kBAAkB,uBAAuB,IAAI,GAAG,SAAS,GACvG,SAAA,CACL;AAER;AAEA,iBAAiB,cAAc;"}
+{"version":3,"file":"IslandWidgetBody.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetBody.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { IslandWidgetContext } from \"../IslandWidgetContext\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"../styles/IslandWidgetBody.module.less\";\n\n/** Свойства компонента IslandWidgetBody. */\nexport interface IIslandWidgetBodyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Основное содержимое виджета. Горизонтальные отступы берутся из размера виджета. */\nexport const IslandWidgetBody: React.FC<IIslandWidgetBodyProps> = ({ children, className, ...htmlDivAttributes }) => {\n    const { size } = useContext(IslandWidgetContext);\n\n    return (\n        <div {...htmlDivAttributes} className={clsx(styles.islandWidgetBody, SIZE_TO_CLASS_NAME_MAP[size], className)}>\n            {children}\n        </div>\n    );\n};\n\nIslandWidgetBody.displayName = \"IslandWidgetBody\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AASA,MAAM,yBAAyB,yBAAyB,MAAM;AAGvD,MAAM,mBAAqD,CAAC,EAAE,UAAU,WAAW,GAAG,wBAAwB;AACjH,QAAM,EAAE,KAAA,IAAS,WAAW,mBAAmB;AAE/C,SACI,oBAAC,OAAA,EAAK,GAAG,mBAAmB,WAAW,KAAK,OAAO,kBAAkB,uBAAuB,IAAI,GAAG,SAAS,GACvG,SAAA,CACL;AAER;AAEA,iBAAiB,cAAc;"}

package/components/IslandWidget/components/IslandWidgetExtraFooter.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { ExpandAnimation } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandWidgetLayoutContext } from "../IslandWidgetLayoutContext.js";
-const islandWidgetExtraFooter = "islandWidgetExtraFooter__ad826814";
+const islandWidgetExtraFooter = "islandWidgetExtraFooter__f4d8cee4";
 const styles = {
   islandWidgetExtraFooter
 };
@@ -13,11 +13,15 @@ const IslandWidgetExtraFooter = ({
   open = false,
   ...htmlDivAttributes
 }) => {
-  const { setHasExtraFooter } = useContext(IslandWidgetLayoutContext);
+  const { addOpenExtraFooter, removeOpenExtraFooter } = useContext(IslandWidgetLayoutContext);
   useEffect(() => {
-    setHasExtraFooter(open);
-  }, [open]);
-  return /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: clsx(className, styles.islandWidgetExtraFooter), children: /* @__PURE__ */ jsx(ExpandAnimation, { expanded: open, children }) });
+    if (!open) {
+      return;
+    }
+    addOpenExtraFooter();
+    return removeOpenExtraFooter;
+  }, [open, addOpenExtraFooter, removeOpenExtraFooter]);
+  return /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: clsx(styles.islandWidgetExtraFooter, className), children: /* @__PURE__ */ jsx(ExpandAnimation, { expanded: open, children }) });
 };
 IslandWidgetExtraFooter.displayName = "IslandWidgetExtraFooter";
 export {