@sberbusiness/triplex-next 1.41.1 → 1.43.0

package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useRef, useImperativeHandle, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.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-BWOvPHBA.js";
+import { s as styles, I as ImageGalleryExtendedThumb } from "../../../chunks/ImageGalleryExtendedThumb-2kNnHEuL.js";
 const renderDefaultThumb = ({ item, isActive, ariaLabel, onSelect, ref }) => /* @__PURE__ */ jsx(ImageGalleryExtendedThumb, { ref, item, isActive, "aria-label": ariaLabel, onClick: onSelect });
 const ImageGalleryExtendedThumbnails = React__default.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-BWOvPHBA.js";
+import { I } from "../../../chunks/ImageGalleryExtendedThumb-2kNnHEuL.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-BWOvPHBA.js";
+import { I } from "../../chunks/ImageGalleryExtendedThumb-2kNnHEuL.js";
 import { ImageGalleryExtendedDots } from "./components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection } from "./enums.js";
 export {

package/components/Island/Island.js

@@ -1,24 +1,43 @@
-import { jsx } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.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-Cr7DslJx.js";
+import { s as styles, m as mapTypeToClassName } from "../../chunks/utils-DjmAjzcV.js";
+import { LoaderScreen } from "../LoaderScreen/LoaderScreen.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const Island = Object.assign(
   React__default.forwardRef(
-    ({ type = EIslandType.TYPE_1, size = EComponentSize.MD, className, children, ...rest }, ref) => {
-      return /* @__PURE__ */ jsx(
+    ({
+      type = EIslandType.TYPE_1,
+      size = EComponentSize.MD,
+      loading,
+      loaderScreenProps,
+      className,
+      children,
+      ...rest
+    }, ref) => {
+      return /* @__PURE__ */ jsxs(
         "div",
         {
           className: clsx(styles.island, mapTypeToClassName(type), SIZE_TO_CLASS_NAME_MAP[size], className),
           ref,
           ...rest,
-          children
+          children: [
+            children,
+            loading && /* @__PURE__ */ jsx(
+              LoaderScreen,
+              {
+                ...loaderScreenProps,
+                className: clsx(styles.islandLoaderScreen, loaderScreenProps == null ? void 0 : loaderScreenProps.className),
+                type: "middle"
+              }
+            )
+          ]
         }
       );
     }

package/components/Island/Island.js.map

@@ -1 +1 @@
-{"version":3,"file":"Island.js","sources":["../../../src/components/Island/Island.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EIslandType } from \"./enums\";\nimport { IslandBody } from \"./components/IslandBody\";\nimport { IslandHeader } from \"./components/IslandHeader\";\nimport { IslandFooter } from \"./components/IslandFooter\";\nimport { mapTypeToClassName } from \"./utils\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/Island.module.less\";\n\n/** Свойства компонента Island. */\nexport interface IIslandProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Тип. Отличаются цвет фона и тень. По умолчанию EIslandType.TYPE_1. */\n    type?: EIslandType;\n    /** Размер. Задаёт скругление, внутренние отступы и отступы между Header, Body и Footer. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n}\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Контейнер-карточка. Составные части — Island.Header, Island.Body, Island.Footer. */\nexport const Island = Object.assign(\n    React.forwardRef<HTMLDivElement, IIslandProps>(\n        ({ type = EIslandType.TYPE_1, size = EComponentSize.MD, className, children, ...rest }, ref) => {\n            return (\n                <div\n                    className={clsx(styles.island, mapTypeToClassName(type), SIZE_TO_CLASS_NAME_MAP[size], className)}\n                    ref={ref}\n                    {...rest}\n                >\n                    {children}\n                </div>\n            );\n        },\n    ),\n    {\n        Body: IslandBody,\n        Header: IslandHeader,\n        Footer: IslandFooter,\n    },\n);\n\nIsland.displayName = \"Island\";\n"],"names":["React"],"mappings":";;;;;;;;;;AAmBA,MAAM,yBAAyB,yBAAyB,MAAM;AAGvD,MAAM,SAAS,OAAO;AAAA,EACzBA,eAAM;AAAA,IACF,CAAC,EAAE,OAAO,YAAY,QAAQ,OAAO,eAAe,IAAI,WAAW,UAAU,GAAG,KAAA,GAAQ,QAAQ;AAC5F,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,KAAK,OAAO,QAAQ,mBAAmB,IAAI,GAAG,uBAAuB,IAAI,GAAG,SAAS;AAAA,UAChG;AAAA,UACC,GAAG;AAAA,UAEH;AAAA,QAAA;AAAA,MAAA;AAAA,IAGb;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA;AAEhB;AAEA,OAAO,cAAc;"}
+{"version":3,"file":"Island.js","sources":["../../../src/components/Island/Island.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EIslandType } from \"./enums\";\nimport { IslandBody } from \"./components/IslandBody\";\nimport { IslandHeader } from \"./components/IslandHeader\";\nimport { IslandFooter } from \"./components/IslandFooter\";\nimport { mapTypeToClassName } from \"./utils\";\nimport {\n    ILoaderScreenMiddleProps,\n    LoaderScreen,\n} from \"@sberbusiness/triplex-next/components/LoaderScreen/LoaderScreen\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/Island.module.less\";\n\n/** Свойства компонента Island. */\nexport interface IIslandProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Тип. Отличаются цвет фона и тень. По умолчанию EIslandType.TYPE_1. */\n    type?: EIslandType;\n    /** Размер. Задаёт скругление, внутренние отступы и отступы между Header, Body и Footer. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Флаг состояния загрузки. */\n    loading?: boolean;\n    /** Свойства компонента LoaderScreen. */\n    loaderScreenProps?: ILoaderScreenMiddleProps;\n}\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Контейнер-карточка. Составные части — Island.Header, Island.Body, Island.Footer. */\nexport const Island = Object.assign(\n    React.forwardRef<HTMLDivElement, IIslandProps>(\n        (\n            {\n                type = EIslandType.TYPE_1,\n                size = EComponentSize.MD,\n                loading,\n                loaderScreenProps,\n                className,\n                children,\n                ...rest\n            },\n            ref,\n        ) => {\n            return (\n                <div\n                    className={clsx(styles.island, mapTypeToClassName(type), SIZE_TO_CLASS_NAME_MAP[size], className)}\n                    ref={ref}\n                    {...rest}\n                >\n                    {children}\n\n                    {loading && (\n                        <LoaderScreen\n                            {...loaderScreenProps}\n                            className={clsx(styles.islandLoaderScreen, loaderScreenProps?.className)}\n                            type=\"middle\"\n                        />\n                    )}\n                </div>\n            );\n        },\n    ),\n    {\n        Body: IslandBody,\n        Header: IslandHeader,\n        Footer: IslandFooter,\n    },\n);\n\nIsland.displayName = \"Island\";\n"],"names":["React"],"mappings":";;;;;;;;;;;AA2BA,MAAM,yBAAyB,yBAAyB,MAAM;AAGvD,MAAM,SAAS,OAAO;AAAA,EACzBA,eAAM;AAAA,IACF,CACI;AAAA,MACI,OAAO,YAAY;AAAA,MACnB,OAAO,eAAe;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,GAEP,QACC;AACD,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,KAAK,OAAO,QAAQ,mBAAmB,IAAI,GAAG,uBAAuB,IAAI,GAAG,SAAS;AAAA,UAChG;AAAA,UACC,GAAG;AAAA,UAEH,UAAA;AAAA,YAAA;AAAA,YAEA,WACG;AAAA,cAAC;AAAA,cAAA;AAAA,gBACI,GAAG;AAAA,gBACJ,WAAW,KAAK,OAAO,oBAAoB,uDAAmB,SAAS;AAAA,gBACvE,MAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UACT;AAAA,QAAA;AAAA,MAAA;AAAA,IAIhB;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA;AAEhB;AAEA,OAAO,cAAc;"}

package/components/Island/components/IslandBody.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-const islandBody = "islandBody__7912ef1e";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+const islandBody = "islandBody__809d4943";
 const styles = {
   islandBody
 };

package/components/Island/components/IslandFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-const islandFooter = "islandFooter__6c4cd66d";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+const islandFooter = "islandFooter__3ddf4685";
 const styles = {
   islandFooter
 };

package/components/Island/components/IslandHeader.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-const islandHeader = "islandHeader__09b7065a";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+const islandHeader = "islandHeader__4e514983";
 const styles = {
   islandHeader
 };

package/components/Island/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { m } from "../../chunks/utils-Cr7DslJx.js";
+import { m } from "../../chunks/utils-DjmAjzcV.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-CtuAQuEN.js";
-import { s as styles } from "../../chunks/IslandAccordion.module-DDGI83_h.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { s as styles } from "../../chunks/IslandAccordion.module-BSKYPAWV.js";
 import "./components/IslandAccordionContent.js";
 import "./components/IslandAccordionFooter.js";
 const IslandAccordion = Object.assign(
   React__default.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": "1.41.1", ref, children }) });
+      return /* @__PURE__ */ jsx(IslandAccordionContext.Provider, { value: { size, type }, children: /* @__PURE__ */ jsx("ul", { ...rest, className: classNames, "data-tx": "1.43.0", ref, children }) });
     }
   ),
   {

package/components/IslandAccordion/components/IslandAccordionContent.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/IslandAccordion.module-DDGI83_h.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-BSKYPAWV.js";
 import { Island } 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 } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/IslandAccordion.module-DDGI83_h.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-BSKYPAWV.js";
 import { Island } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";

package/components/IslandAccordion/components/IslandAccordionItem.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useContext, useRef, useEffect } from "react";
 import { CaretdownStrokeSrvIcon24, CrossStrokeSrvIcon24 } from "@sberbusiness/icons-next";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { Island } from "../../Island/Island.js";
 import { ExpandAnimation } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandAccordionContent } from "./IslandAccordionContent.js";
@@ -24,8 +24,9 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 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-DDGI83_h.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-BSKYPAWV.js";
 const TYPE_TO_CLASS_NAME_MAP = {
   [EIslandType.TYPE_1]: styles.type1,
   [EIslandType.TYPE_2]: styles.type2,
@@ -106,7 +107,7 @@ const IslandAccordionItem = Object.assign(
               }),
               onClick: handleHeaderClick,
               disabled,
-              "data-tx": "1.41.1",
+              "data-tx": "1.43.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 }) }),
                 /* @__PURE__ */ jsx(

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            // eslint-disable-next-line react-hooks/refs\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":["React"],"mappings":"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"}
+{"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            // eslint-disable-next-line react-hooks/refs\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":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,MAAM,yBAAsD;AAAA,EACxD,CAAC,YAAY,MAAM,GAAG,OAAO;AAAA,EAC7B,CAAC,YAAY,MAAM,GAAG,OAAO;AAAA,EAC7B,CAAC,YAAY,MAAM,GAAG,OAAO;AACjC;AAEA,MAAM,yBAA6D;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,WAAW;AAAA,EAChC,CAAC,eAAe,EAAE,GAAG,WAAW;AAAA,EAChC,CAAC,eAAe,EAAE,GAAG,WAAW;AACpC;AAEA,MAAM,yBAAyB,yBAAyB,MAAM;AAEvD,MAAM,sBAAsB,OAAO;AAAA,EACtCA,eAAM;AAAA,IACF,CACI;AAAA,MACI;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,GAEP,QACC;AACD,YAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,UAAU,KAAK;AACpD,YAAM,EAAE,MAAM,SAAS,WAAW,sBAAsB;AAGxD,YAAM,aAAa,OAAO,SAAA,CAAU,EAAE;AACtC,YAAM,mBAAmB,GAAG,UAAU;AACtC,YAAM,iBAAiB,GAAG,UAAU;AAEpC,YAAM,WAAW,cAAA;AAEjB,gBAAU,MAAM;AACZ,YAAI,WAAW,UAAa,WAAW,QAAQ;AAC3C,oBAAU,MAAM;AAAA,QACpB;AAAA,MACJ,GAAG,CAAC,QAAQ,MAAM,CAAC;AAEnB,YAAM,oBAAoB,MAAY;AAClC,YAAI,UAAU;AACV;AAAA,QACJ;AACA,cAAM,YAAY,CAAC;AACnB,6CAAW,WAAW;AAEtB,YAAI,WAAW,QAAW;AACtB,oBAAU,SAAS;AAAA,QACvB;AAAA,MACJ;AAEA,YAAM,oBAAoB,MAAY;AAClC,YAAI,UAAU;AACV;AAAA,QACJ;AACA,6CAAW;AAAA,MACf;AAEA,YAAM,YAAY,WAAW,WAAW,KAAK,uBAAuB,IAAI;AAExE,YAAM,aAAa;AAAA,QACf;AAAA,QACA,OAAO;AAAA,QACP,uBAAuB,IAAI;AAAA,QAC3B,uBAAuB,IAAI;AAAA,QAC3B;AAAA,UACI,CAAC,OAAO,QAAQ,GAAG,CAAC,CAAC;AAAA,UACrB,CAAC,OAAO,MAAM,GAAG;AAAA,QAAA;AAAA,MACrB;AAGJ,kCACK,MAAA,EAAI,GAAG,MAAM,WAAW,YAAY,IAAQ,KACzC,UAAA;AAAA,QAAA,qBAAC,QAAA,EAAO,WAAW,OAAO,QAAQ,MAAY,MAC1C,UAAA;AAAA,UAAA,oBAAC,OAAO,QAAP,EACG,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,IAAI;AAAA,cACJ,iBAAe;AAAA,cACf,iBAAe;AAAA,cACf,MAAK;AAAA,cACL,WAAW,KAAK,OAAO,QAAQ;AAAA,gBAC3B,WAAW,CAAC;AAAA,cAAA,CACf;AAAA,cACD,SAAS;AAAA,cACT;AAAA,cACA,WAAS;AAAA,cAER,UAAA;AAAA,gBAAA,UAAU,OACP,oBAAC,OAAA,EAAI,WAAW,OAAO,MACnB,8BAAC,MAAA,EAAK,MAAM,KAAK,QAAgB,UAAU,cAAc,QAAQ,MAC5D,UAAA,WAAW,SAAY,SAAA,CAC5B,EAAA,CACJ;AAAA,gBAGJ;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW,OAAO;AAAA,oBAClB,MAAM;AAAA,oBACN,MAAM,WAAW,UAAU,WAAW,UAAU;AAAA,oBAChD,KAAI;AAAA,oBACJ,QAAQ,iBAAiB;AAAA,oBAExB,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,oCAGJ,QAAA,EAAK,WAAW,KAAK,OAAO,YAAY,GACrC,UAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW,OAAO;AAAA,oBAClB,eAAY;AAAA,oBACZ,cAAc;AAAA,kBAAA;AAAA,gBAAA,GAEtB;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,GAER;AAAA,UAEA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,UAAU,UAAU,CAAC;AAAA,cACrB,IAAI;AAAA,cACJ,MAAK;AAAA,cACL,mBAAiB;AAAA,cACjB;AAAA,cAEC;AAAA,YAAA;AAAA,UAAA;AAAA,QACL,GACJ;AAAA,QAEC,YACG,oBAAC,QAAA,EAAK,WAAW,OAAO,QACpB,8BAAC,YAAA,EAAW,SAAS,mBAAmB,UAAoB,OAAM,WAC9D,UAAA,oBAAC,wBAAqB,cAAc,GAAG,EAAA,CAC3C,EAAA,CACJ;AAAA,MAAA,GAER;AAAA,IAER;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAEhB;AAEA,oBAAoB,cAAc;"}

package/components/IslandWidget/IslandWidget.js

@@ -10,14 +10,15 @@ 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-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.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__a396f794";
-const islandWidgetWithExtraFooter = "islandWidgetWithExtraFooter__20c7dd75";
-const islandWidgetHeaderWrapperAdaptive = "islandWidgetHeaderWrapperAdaptive__2755d38a";
+const islandWidget = "islandWidget__345dd512";
+const islandWidgetWithExtraFooter = "islandWidgetWithExtraFooter__8f912b9f";
+const islandWidgetHeaderWrapperAdaptive = "islandWidgetHeaderWrapperAdaptive__7c3df030";
 const styles = {
   islandWidget,
   islandWidgetWithExtraFooter,
@@ -60,7 +61,7 @@ const IslandWidget = Object.assign(
               className: clsx(styles.islandWidget, className, {
                 [styles.islandWidgetWithExtraFooter]: hasExtraFooter
               }),
-              "data-tx": "1.41.1",
+              "data-tx": "1.43.0",
               ...rest,
               ref,
               children: /* @__PURE__ */ jsxs(Island, { type: EIslandType.TYPE_1, size, children: [

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                    }}\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}>\n                            <div\n                                className={clsx({\n                                    [styles.islandWidgetHeaderWrapperAdaptive]: adaptive,\n                                })}\n                                onClick={adaptive ? handleHeaderClick : undefined}\n                            >\n                                {renderHeader({})}\n                            </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":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA2BO,MAAM,eAAe,OAAO;AAAA,EAC/BA,eAAM;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,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,MAC9B,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW,KAAK;AAAA,sBACZ,CAAC,OAAO,iCAAiC,GAAG;AAAA,oBAAA,CAC/C;AAAA,oBACD,SAAS,WAAW,oBAAoB;AAAA,oBAEvC,UAAA,aAAa,CAAA,CAAE;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEnB,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 { 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                    }}\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}>\n                            <div\n                                className={clsx({\n                                    [styles.islandWidgetHeaderWrapperAdaptive]: adaptive,\n                                })}\n                                onClick={adaptive ? handleHeaderClick : undefined}\n                            >\n                                {renderHeader({})}\n                            </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":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2BO,MAAM,eAAe,OAAO;AAAA,EAC/BA,eAAM;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,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,MAC9B,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW,KAAK;AAAA,sBACZ,CAAC,OAAO,iCAAiC,GAAG;AAAA,oBAAA,CAC/C;AAAA,oBACD,SAAS,WAAW,oBAAoB;AAAA,oBAEvC,UAAA,aAAa,CAAA,CAAE;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEnB,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;"}

package/components/IslandWidget/components/IslandWidgetBody.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-const islandWidgetBody = "islandWidgetBody__584f24a7";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+const islandWidgetBody = "islandWidgetBody__674f0883";
 const styles = {
   islandWidgetBody
 };

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-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { ExpandAnimation } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandWidgetLayoutContext } from "../IslandWidgetLayoutContext.js";
-const islandWidgetExtraFooter = "islandWidgetExtraFooter__05db29e1";
+const islandWidgetExtraFooter = "islandWidgetExtraFooter__12350441";
 const styles = {
   islandWidgetExtraFooter
 };

package/components/IslandWidget/components/IslandWidgetFooter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/IslandWidgetFooter.module-DPeifuz4.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { s as styles } from "../../../chunks/IslandWidgetFooter.module-Iynlil69.js";
 import { IslandWidgetFooterContent } from "./IslandWidgetFooterContent.js";
 import { IslandWidgetFooterControls } from "./IslandWidgetFooterControls.js";
 const IslandWidgetFooter = ({ children, className, ...htmlDivAttributes }) => {

package/components/IslandWidget/components/IslandWidgetFooterContent.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/IslandWidgetFooter.module-DPeifuz4.js";
+import { s as styles } from "../../../chunks/IslandWidgetFooter.module-Iynlil69.js";
 const IslandWidgetFooterContent = ({
   children,
   ...htmlDivAttributes

package/components/IslandWidget/components/IslandWidgetFooterControls.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/IslandWidgetFooter.module-DPeifuz4.js";
+import { s as styles } from "../../../chunks/IslandWidgetFooter.module-Iynlil69.js";
 const IslandWidgetFooterControls = ({
   children,
   ...htmlDivAttributes

package/components/IslandWidget/components/IslandWidgetHeader.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-6il25_jE.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DhLpsPi3.js";
 import { IslandWidgetHeaderControls } from "./IslandWidgetHeaderControls.js";
 import { IslandWidgetHeaderDescription } from "./IslandWidgetHeaderDescription.js";
 import { IslandWidgetHeaderTitle } from "./IslandWidgetHeaderTitle.js";

package/components/IslandWidget/components/IslandWidgetHeaderContent.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-6il25_jE.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DhLpsPi3.js";
 const IslandWidgetHeaderContent = ({
   children,
   className,

package/components/IslandWidget/components/IslandWidgetHeaderControls.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-6il25_jE.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DhLpsPi3.js";
 const IslandWidgetHeaderControls = ({
   children,
   className,

package/components/IslandWidget/components/IslandWidgetHeaderDescription.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-6il25_jE.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DhLpsPi3.js";
 import { EFontType, ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";

package/components/IslandWidget/components/IslandWidgetHeaderTitle.js

@@ -4,8 +4,8 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title } from "../../Typography/Title.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-6il25_jE.js";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DhLpsPi3.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 const IslandWidgetHeaderTitle = ({
   children,
   className,

package/components/IslandWidget/components/IslandWidgetWrapper.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useState } from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { IslandWidgetLayoutContext } from "../IslandWidgetLayoutContext.js";
-const islandWidgetWrapper = "islandWidgetWrapper__dfcce2f8";
+const islandWidgetWrapper = "islandWidgetWrapper__eddb3c8e";
 const styles = {
   islandWidgetWrapper
 };

package/components/KeyDownListener/ComposedKeyDownListener.js

@@ -1,12 +1,14 @@
 import { KeyDownListener } from "./KeyDownListener.js";
-import { jsx, Fragment } from "react/jsx-runtime";
-const ComposedKeyDownListener = ({ keyDownListeners, children }) => {
-  const composedChildren = keyDownListeners.reduce(
-    (accumulatedChildren, { eventKeyCode, onMatch }) => /* @__PURE__ */ jsx(KeyDownListener, { eventKeyCode, onMatch, children: accumulatedChildren }),
-    children
-  );
-  return /* @__PURE__ */ jsx(Fragment, { children: composedChildren });
-};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+const ComposedKeyDownListener = ({ keyDownListeners, children }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  keyDownListeners.map(({ eventKeyCode, onMatch }, index) => (
+    // Ключ по индексу: элементы конфигурации не имеют собственной идентичности, а сам
+    // KeyDownListener не рендерит разметку и не хранит state — переиспользование инстанса
+    // по позиции безопасно.
+    /* @__PURE__ */ jsx(KeyDownListener, { eventKeyCode, onMatch }, index)
+  )),
+  children
+] });
 ComposedKeyDownListener.displayName = "ComposedKeyDownListener";
 export {
   ComposedKeyDownListener

package/components/KeyDownListener/ComposedKeyDownListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComposedKeyDownListener.js","sources":["../../../src/components/KeyDownListener/ComposedKeyDownListener.tsx"],"sourcesContent":["import React from \"react\";\nimport { IKeyDownListenerProps, KeyDownListener } from \"./KeyDownListener\";\n\n/** Свойства компонента ComposedKeyDownListener. */\nexport interface IComposedKeyDownListenerProps {\n    /** Содержимое. Рендерится как есть, без обёртки и без собственной разметки. */\n    children?: React.ReactNode;\n    /** Массив-конфигуратор keydown слушателей. Поле children каждого элемента не используется. */\n    keyDownListeners: IKeyDownListenerProps[];\n}\n\n/** Композитор слушателей нажатия клавиш. Оборачивает children в KeyDownListener на каждый элемент keyDownListeners. */\nexport const ComposedKeyDownListener: React.FC<IComposedKeyDownListenerProps> = ({ keyDownListeners, children }) => {\n    const composedChildren = keyDownListeners.reduce<React.ReactNode>(\n        (accumulatedChildren, { eventKeyCode, onMatch }) => (\n            <KeyDownListener eventKeyCode={eventKeyCode} onMatch={onMatch}>\n                {accumulatedChildren}\n            </KeyDownListener>\n        ),\n        children,\n    );\n\n    return <>{composedChildren}</>;\n};\n\nComposedKeyDownListener.displayName = \"ComposedKeyDownListener\";\n"],"names":[],"mappings":";;AAYO,MAAM,0BAAmE,CAAC,EAAE,kBAAkB,eAAe;AAChH,QAAM,mBAAmB,iBAAiB;AAAA,IACtC,CAAC,qBAAqB,EAAE,cAAc,QAAA,MAClC,oBAAC,iBAAA,EAAgB,cAA4B,SACxC,UAAA,oBAAA,CACL;AAAA,IAEJ;AAAA,EAAA;AAGJ,yCAAU,UAAA,iBAAA,CAAiB;AAC/B;AAEA,wBAAwB,cAAc;"}
+{"version":3,"file":"ComposedKeyDownListener.js","sources":["../../../src/components/KeyDownListener/ComposedKeyDownListener.tsx"],"sourcesContent":["import React from \"react\";\nimport { IKeyDownListenerProps, KeyDownListener } from \"./KeyDownListener\";\n\n/** Свойства компонента ComposedKeyDownListener. */\nexport interface IComposedKeyDownListenerProps {\n    /** Содержимое. Рендерится как есть, без обёртки и без собственной разметки. */\n    children?: React.ReactNode;\n    /** Массив-конфигуратор keydown слушателей. Поле children каждого элемента не используется. */\n    keyDownListeners: IKeyDownListenerProps[];\n}\n\n/**\n * Композитор слушателей нажатия клавиш. Рендерит по одному KeyDownListener на элемент\n * keyDownListeners соседями к children: каждый слушатель подписывается на window независимо,\n * а children не зависят от длины и порядка массива и не перемонтируются при его изменении.\n */\nexport const ComposedKeyDownListener: React.FC<IComposedKeyDownListenerProps> = ({ keyDownListeners, children }) => (\n    <>\n        {keyDownListeners.map(({ eventKeyCode, onMatch }, index) => (\n            // Ключ по индексу: элементы конфигурации не имеют собственной идентичности, а сам\n            // KeyDownListener не рендерит разметку и не хранит state — переиспользование инстанса\n            // по позиции безопасно.\n            <KeyDownListener key={index} eventKeyCode={eventKeyCode} onMatch={onMatch} />\n        ))}\n        {children}\n    </>\n);\n\nComposedKeyDownListener.displayName = \"ComposedKeyDownListener\";\n"],"names":[],"mappings":";;AAgBO,MAAM,0BAAmE,CAAC,EAAE,kBAAkB,SAAA,MACjG,qBAAA,UAAA,EACK,UAAA;AAAA,EAAA,iBAAiB,IAAI,CAAC,EAAE,cAAc,WAAW;AAAA;AAAA;AAAA;AAAA,IAI9C,oBAAC,iBAAA,EAA4B,cAA4B,QAAA,GAAnC,KAAqD;AAAA,GAC9E;AAAA,EACA;AAAA,EAAA,CACL;AAGJ,wBAAwB,cAAc;"}

package/components/LightBox/LightBox.js

@@ -1,9 +1,9 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { Portal } from "../Portal/Portal.js";
 import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
-import { L as LightBoxContent, s as styles } from "../../chunks/LightBoxContent-CfT1YJ33.js";
+import { L as LightBoxContent, s as styles } from "../../chunks/LightBoxContent-D9EyEoR0.js";
 import { LightBoxControls } from "./LightBoxControls/LightBoxControls.js";
 import { LightBoxSideOverlay } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
 import { addClassNameWithScrollbarWidth } from "../../utils/scroll/scrollbar.js";
@@ -15,10 +15,10 @@ import { LightBoxLeftSidebar } from "./LightBoxSidebars/LightBoxLeftSidebar.js";
 import { LightBoxRightSidebar } from "./LightBoxSidebars/LightBoxRightSidebar.js";
 import { ELightBoxSize } from "./enums.js";
 const scrollStyles = {
-  "scroll-0": "scroll-0__5cdcc9d3",
-  "scroll-15": "scroll-15__684f8919",
-  "scroll-16": "scroll-16__51f4e8af",
-  "scroll-17": "scroll-17__8083e7e5"
+  "scroll-0": "scroll-0__3b90c288",
+  "scroll-15": "scroll-15__1e60f29e",
+  "scroll-16": "scroll-16__147bb9be",
+  "scroll-17": "scroll-17__2bd80b38"
 };
 const lightBoxMountNodeIdDefault = "LightBox-next-mount-node";
 const lightBoxViewManagerNodeIdDefault = "LightBox-next-view-manager-node";

package/components/LightBox/LightBoxContent.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
 import "../WindowResizeListener/WindowResizeListener.js";
-import "../../chunks/vendor-CtuAQuEN.js";
+import "../../chunks/vendor-D4wvHis9.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L } from "../../chunks/LightBoxContent-CfT1YJ33.js";
+import { L } from "../../chunks/LightBoxContent-D9EyEoR0.js";
 export {
   L as LightBoxContent
 };

package/components/LightBox/LightBoxControls/LightBoxArrow.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useRef } from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { TriggerClickOnKeyDownEvent } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EButtonTheme } from "../../Button/enums.js";
 import { Button } from "../../Button/Button.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-Cs64xjct.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-DrWaO0Tw.js";
 const LightBoxArrow = ({
   buttonClassName,
   className,

package/components/LightBox/LightBoxControls/LightBoxClose.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useRef } from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { CrossStrokeSrvIcon32, CrossStrokeSrvIcon20 } from "@sberbusiness/icons-next";
 import { TriggerClickOnKeyDownEvent } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { EButtonTheme } from "../../Button/enums.js";
 import { Button } from "../../Button/Button.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-Cs64xjct.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-DrWaO0Tw.js";
 const LightBoxClose = ({
   className,
   onClick,

package/components/LightBox/LightBoxControls/LightBoxControls.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { LightBoxClose } from "./LightBoxClose.js";
 import { LightBoxNext } from "./LightBoxNext.js";
 import { LightBoxPrev } from "./LightBoxPrev.js";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-Cs64xjct.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-DrWaO0Tw.js";
 const LightBoxControls = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(className, styles.lightBoxControls), ...htmlDivAttributes, "data-lightbox-component": "controls", children });
 LightBoxControls.displayName = "LightBoxControls";
 LightBoxControls.Close = LightBoxClose;

package/components/LightBox/LightBoxControls/LightBoxNext.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { CaretrightStrokeSrvIcon20, CaretrightStrokeSrvIcon32 } from "@sberbusiness/icons-next";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { LightBoxArrow } from "./LightBoxArrow.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-Cs64xjct.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-DrWaO0Tw.js";
 const LightBoxNext = ({ className, clickByArrowRight, ...rest }) => /* @__PURE__ */ jsx(
   LightBoxArrow,
   {