@sberbusiness/triplex-next 1.36.0 → 1.37.0

package/components/HelpBox/HelpBox.js

@@ -9,7 +9,7 @@ import { TooltipMobileHeader } from "../Tooltip/components/mobile/components/Too
 import { MobileView } from "../MobileView/MobileView.js";
 import { getDataHTMLAttributes } from "../../utils/html/DataAttributes.js";
 import { getAriaHTMLAttributes } from "../../utils/html/AriaAttributes.js";
-const helpBoxButton = "helpBoxButton__1293985e";
+const helpBoxButton = "helpBoxButton__b526977b";
 const styles = {
   helpBoxButton
 };

package/components/IconWrapper/IconWrapper.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
-const disableInteraction = "disableInteraction__238528fe";
-const displayContents = "displayContents__dfc834ce";
+const disableInteraction = "disableInteraction__52b9c515";
+const displayContents = "displayContents__590d7fba";
 const styles = {
   disableInteraction,
   displayContents

package/components/ImageGallery/ImageGallery.js

@@ -8,7 +8,7 @@ import "../ImageGalleryExtended/components/ImageGalleryExtendedMain.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedNav.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedArrow.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js";
-import "../../chunks/ImageGalleryExtendedThumb-B3GykV9o.js";
+import "../../chunks/ImageGalleryExtendedThumb-Ceuo_i5E.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection } from "../ImageGalleryExtended/enums.js";
 const ImageGallery = React__default.forwardRef(

package/components/ImageGalleryExtended/ImageGalleryExtended.js

@@ -7,10 +7,10 @@ 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 as ImageGalleryExtendedThumb } from "../../chunks/ImageGalleryExtendedThumb-B3GykV9o.js";
+import { I as ImageGalleryExtendedThumb } from "../../chunks/ImageGalleryExtendedThumb-Ceuo_i5E.js";
 import { ImageGalleryExtendedDots } from "./components/ImageGalleryExtendedDots.js";
 import "./enums.js";
-const root = "root__dfab0965";
+const root = "root__cbadd642";
 const styles = {
   root
 };

package/components/ImageGalleryExtended/components/ImageGalleryExtendedArrow.js

@@ -3,7 +3,7 @@ import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { CaretleftStrokeSrvIcon24, CaretrightStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { EImageGalleryArrowDirection } from "../enums.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-CPNZ2OBW.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-B_xBbn0a.js";
 const DIRECTION_CLASS = {
   [EImageGalleryArrowDirection.PREV]: styles.prev,
   [EImageGalleryArrowDirection.NEXT]: styles.next

package/components/ImageGalleryExtended/components/ImageGalleryExtendedDots.js

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
-const dots = "dots__f41012ee";
-const dot = "dot__686b0138";
-const active = "active__a7080744";
+const dots = "dots__34ac3746";
+const dot = "dot__ea55de88";
+const active = "active__7a38e186";
 const styles = {
   dots,
   dot,

package/components/ImageGalleryExtended/components/ImageGalleryExtendedMain.js

@@ -6,7 +6,7 @@ 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-CPNZ2OBW.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-B_xBbn0a.js";
 const ImageGalleryExtendedMain = React__default.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-CPNZ2OBW.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-B_xBbn0a.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

@@ -3,7 +3,7 @@ import { useContext, useState, useRef, useCallback } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
 import { ImageGalleryExtendedSlide } from "./ImageGalleryExtendedSlide.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-CPNZ2OBW.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-B_xBbn0a.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-Bco_z_Yi.js";
-import { I } from "../../../chunks/ImageGalleryExtendedThumb-B3GykV9o.js";
+import { I } from "../../../chunks/ImageGalleryExtendedThumb-Ceuo_i5E.js";
 export {
   I as ImageGalleryExtendedThumb
 };

package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.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-B3GykV9o.js";
+import { s as styles, I as ImageGalleryExtendedThumb } from "../../../chunks/ImageGalleryExtendedThumb-Ceuo_i5E.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-B3GykV9o.js";
+import { I } from "../../../chunks/ImageGalleryExtendedThumb-Ceuo_i5E.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-B3GykV9o.js";
+import { I } from "../../chunks/ImageGalleryExtendedThumb-Ceuo_i5E.js";
 import { ImageGalleryExtendedDots } from "./components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection } from "./enums.js";
 export {

package/components/Island/Island.js

@@ -5,7 +5,7 @@ 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-BCepW16F.js";
+import { s as styles, m as mapTypeToClassName } from "../../chunks/utils-V2rOsh3s.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);

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-Bco_z_Yi.js";
-const islandBody = "islandBody__d23a3d74";
+const islandBody = "islandBody__b3a10de4";
 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-Bco_z_Yi.js";
-const islandFooter = "islandFooter__7cd5ea34";
+const islandFooter = "islandFooter__ee8d946b";
 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-Bco_z_Yi.js";
-const islandHeader = "islandHeader__8e535e07";
+const islandHeader = "islandHeader__9f509b9e";
 const styles = {
   islandHeader
 };

package/components/Island/utils.js

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

package/components/IslandAccordion/IslandAccordion.js

@@ -9,14 +9,14 @@ import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../chunks/IslandAccordion.module-Bctp7tyD.js";
+import { s as styles } from "../../chunks/IslandAccordion.module-DUpgrikP.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.36.0", ref, children }) });
+      return /* @__PURE__ */ jsx(IslandAccordionContext.Provider, { value: { size, type }, children: /* @__PURE__ */ jsx("ul", { ...rest, className: classNames, "data-tx": "1.37.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-Bctp7tyD.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-DUpgrikP.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/IslandAccordion.module-Bctp7tyD.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-DUpgrikP.js";
 import { Island } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";

package/components/IslandAccordion/components/IslandAccordionItem.js

@@ -25,9 +25,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/IslandAccordion.module-Bctp7tyD.js";
-import { EScreenWidth } from "../../../helpers/breakpoints.js";
-import { useMatchMedia } from "../../MediaWidth/useMatchMedia.js";
+import { useMobileView } from "../../MobileView/useMobileView.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-DUpgrikP.js";
 const TYPE_TO_CLASS_NAME_MAP = {
   [EIslandType.TYPE_1]: styles.type1,
   [EIslandType.TYPE_2]: styles.type2,
@@ -61,10 +60,7 @@ const IslandAccordionItem = Object.assign(
       const instanceId = useRef(uniqueId()).current;
       const headerInstanceId = `${instanceId}header`;
       const bodyInstanceId = `${instanceId}body`;
-      const adaptive = useMatchMedia(
-        `(max-width: ${EScreenWidth.SM_MAX})`,
-        window.innerWidth <= parseInt(EScreenWidth.SM_MAX)
-      );
+      const adaptive = useMobileView();
       useEffect(() => {
         if (opened !== void 0 && isOpen !== opened) {
           setIsOpen(opened);
@@ -111,7 +107,7 @@ const IslandAccordionItem = Object.assign(
               }),
               onClick: handleHeaderClick,
               disabled,
-              "data-tx": "1.36.0",
+              "data-tx": "1.37.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 styles from \"../styles/IslandAccordion.module.less\";\nimport { EScreenWidth } from \"@sberbusiness/triplex-next/helpers/breakpoints\";\nimport { useMatchMedia } from \"../../MediaWidth/useMatchMedia\";\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 = useMatchMedia(\n                `(max-width: ${EScreenWidth.SM_MAX})`,\n                window.innerWidth <= parseInt(EScreenWidth.SM_MAX),\n            );\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":"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"}

package/components/IslandWidget/IslandWidget.js

@@ -14,11 +14,10 @@ import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { IslandWidgetLayoutContext } from "./IslandWidgetLayoutContext.js";
 import { IslandWidgetContext } from "./IslandWidgetContext.js";
 import { ExpandAnimation } from "../ExpandAnimation/ExpandAnimation.js";
-import { EScreenWidth } from "../../helpers/breakpoints.js";
-import { useMatchMedia } from "../MediaWidth/useMatchMedia.js";
-const islandWidget = "islandWidget__e04f9a9d";
-const islandWidgetWithExtraFooter = "islandWidgetWithExtraFooter__aa161337";
-const islandWidgetHeaderWrapperAdaptive = "islandWidgetHeaderWrapperAdaptive__f9d9b332";
+import { useMobileView } from "../MobileView/useMobileView.js";
+const islandWidget = "islandWidget__e86e1f9c";
+const islandWidgetWithExtraFooter = "islandWidgetWithExtraFooter__ed3afb5a";
+const islandWidgetHeaderWrapperAdaptive = "islandWidgetHeaderWrapperAdaptive__85dc537c";
 const styles = {
   islandWidget,
   islandWidgetWithExtraFooter,
@@ -37,10 +36,7 @@ const IslandWidget = Object.assign(
     }, ref) => {
       const { hasExtraFooter } = useContext(IslandWidgetLayoutContext);
       const [open, setOpen] = useState(disableAdaptiveCollapsing);
-      const adaptive = useMatchMedia(
-        `(max-width: ${EScreenWidth.SM_MAX})`,
-        window.innerWidth <= parseInt(EScreenWidth.SM_MAX)
-      );
+      const adaptive = useMobileView();
       const handleHeaderClick = () => {
         const newOpen = !open;
         setOpen(newOpen);
@@ -64,7 +60,7 @@ const IslandWidget = Object.assign(
               className: clsx(styles.islandWidget, className, {
                 [styles.islandWidgetWithExtraFooter]: hasExtraFooter
               }),
-              "data-tx": "1.36.0",
+              "data-tx": "1.37.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 { EScreenWidth } from \"@sberbusiness/triplex-next/helpers/breakpoints\";\nimport { useMatchMedia } from \"../MediaWidth/useMatchMedia\";\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 = useMatchMedia(\n                `(max-width: ${EScreenWidth.SM_MAX})`,\n                window.innerWidth <= parseInt(EScreenWidth.SM_MAX),\n            );\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":";;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,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;AAAA,QACb,eAAe,aAAa,MAAM;AAAA,QAClC,OAAO,cAAc,SAAS,aAAa,MAAM;AAAA,MAAA;AAGrD,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-Bco_z_Yi.js";
-const islandWidgetBody = "islandWidgetBody__d0a222a5";
+const islandWidgetBody = "islandWidgetBody__22c2c389";
 const styles = {
   islandWidgetBody
 };

package/components/IslandWidget/components/IslandWidgetExtraFooter.js

@@ -3,7 +3,7 @@ import { useContext, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { ExpandAnimation } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandWidgetLayoutContext } from "../IslandWidgetLayoutContext.js";
-const islandWidgetExtraFooter = "islandWidgetExtraFooter__d3100eed";
+const islandWidgetExtraFooter = "islandWidgetExtraFooter__c58e8010";
 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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/IslandWidgetFooter.module-t4-h02jc.js";
+import { s as styles } from "../../../chunks/IslandWidgetFooter.module-Df29M7Nl.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-t4-h02jc.js";
+import { s as styles } from "../../../chunks/IslandWidgetFooter.module-Df29M7Nl.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-t4-h02jc.js";
+import { s as styles } from "../../../chunks/IslandWidgetFooter.module-Df29M7Nl.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-4LTZoKl6.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DQ0x18l9.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-4LTZoKl6.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DQ0x18l9.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-4LTZoKl6.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DQ0x18l9.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-4LTZoKl6.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DQ0x18l9.js";
 import { EFontType, ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";

package/components/IslandWidget/components/IslandWidgetHeaderTitle.js

@@ -4,7 +4,7 @@ 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-4LTZoKl6.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DQ0x18l9.js";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 const IslandWidgetHeaderTitle = ({
   children,

package/components/IslandWidget/components/IslandWidgetWrapper.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useState } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { IslandWidgetLayoutContext } from "../IslandWidgetLayoutContext.js";
-const islandWidgetWrapper = "islandWidgetWrapper__be525b79";
+const islandWidgetWrapper = "islandWidgetWrapper__280227e7";
 const styles = {
   islandWidgetWrapper
 };

package/components/LightBox/LightBox.js

@@ -3,7 +3,7 @@ import { useRef, useEffect } from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { Portal } from "../Portal/Portal.js";
 import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
-import { L as LightBoxContent, s as styles } from "../../chunks/LightBoxContent-DppXLfTk.js";
+import { L as LightBoxContent, s as styles } from "../../chunks/LightBoxContent-W4QNMAOs.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__358a33cc",
-  "scroll-15": "scroll-15__82af8259",
-  "scroll-16": "scroll-16__a82c9dae",
-  "scroll-17": "scroll-17__b2125d91"
+  "scroll-0": "scroll-0__edafcb57",
+  "scroll-15": "scroll-15__ee8f49f6",
+  "scroll-16": "scroll-16__a002320b",
+  "scroll-17": "scroll-17__61dcecf3"
 };
 const lightBoxMountNodeIdDefault = "LightBox-next-mount-node";
 const lightBoxViewManagerNodeIdDefault = "LightBox-next-view-manager-node";

package/components/LightBox/LightBoxContent.js

@@ -3,7 +3,7 @@ import "react";
 import "../WindowResizeListener/WindowResizeListener.js";
 import "../../chunks/vendor-Bco_z_Yi.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L } from "../../chunks/LightBoxContent-DppXLfTk.js";
+import { L } from "../../chunks/LightBoxContent-W4QNMAOs.js";
 export {
   L as LightBoxContent
 };

package/components/LightBox/LightBoxControls/LightBoxClose.js

@@ -7,7 +7,7 @@ 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-DV-FtpdV.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-oPcN4Gxu.js";
 const LightBoxClose = ({
   className,
   onClick,

package/components/LightBox/LightBoxControls/LightBoxControls.js

@@ -3,7 +3,7 @@ import { LightBoxClose } from "./LightBoxClose.js";
 import { LightBoxNext } from "./LightBoxNext.js";
 import { LightBoxPrev } from "./LightBoxPrev.js";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-DV-FtpdV.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-oPcN4Gxu.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

@@ -7,7 +7,7 @@ import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { Button } from "../../Button/Button.js";
 import { EButtonTheme } from "../../Button/enums.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-DV-FtpdV.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-oPcN4Gxu.js";
 const LightBoxNext = ({
   className,
   clickByArrowRight,

package/components/LightBox/LightBoxControls/LightBoxPrev.js

@@ -7,7 +7,7 @@ import { TriggerClickOnKeyDownEvent } from "../../Triggers/TriggerClickOnKeyDown
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { Button } from "../../Button/Button.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-DV-FtpdV.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-oPcN4Gxu.js";
 const LightBoxPrev = ({
   className,
   clickByArrowLeft,