@sberbusiness/triplex-next 1.50.0 → 1.52.0

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

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-L5xbACMY.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-AIcDT3si.js";
 const HeaderTitleContent = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",

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

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-L5xbACMY.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-AIcDT3si.js";
 const HeaderTitleControls = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",

package/components/HelpBox/HelpBox.js

@@ -8,7 +8,7 @@ import { Tooltip } from "../Tooltip/Tooltip.js";
 import { MobileView } from "../MobileView/MobileView.js";
 import { getDataHTMLAttributes } from "../../utils/html/DataAttributes.js";
 import { getAriaHTMLAttributes } from "../../utils/html/AriaAttributes.js";
-const helpBoxButton = "helpBoxButton__713db1be";
+const helpBoxButton = "helpBoxButton__6ad399bb";
 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-CUIykw0y.js";
-const disableInteraction = "disableInteraction__837c8978";
-const displayContents = "displayContents__9fa017b2";
+const disableInteraction = "disableInteraction__225746ab";
+const displayContents = "displayContents__a44f0113";
 const styles = {
   disableInteraction,
   displayContents

package/components/ImageGallery/ImageGallery.js

@@ -8,8 +8,8 @@ import "../ImageGalleryExtended/components/ImageGalleryExtendedMain.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedNav.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedArrow.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js";
-import "../../chunks/ImageGalleryExtendedThumb-D4Ws4ax0.js";
-import "../ImageGalleryExtended/components/ImageGalleryExtendedDots.js";
+import "../../chunks/ImageGalleryExtendedThumb-CNDXMYAQ.js";
+import "../ImageGalleryExtended/components/ImageGalleryExtendedPageIndicators.js";
 import { EImageGalleryArrowDirection } from "../ImageGalleryExtended/enums.js";
 const ImageGallery = React__default.forwardRef(
   ({
@@ -21,11 +21,11 @@ const ImageGallery = React__default.forwardRef(
     height = "auto",
     withBlur = true,
     showThumbnails = true,
-    showDots = true,
+    showPageIndicators = true,
     prevArrowProps,
     nextArrowProps,
     thumbnailsProps,
-    dotsProps,
+    pageIndicatorsProps,
     ...rest
   }, ref) => {
     const isControlled = selectedId !== void 0;
@@ -68,7 +68,7 @@ const ImageGallery = React__default.forwardRef(
               }
             )
           ] }) }) }),
-          /* @__PURE__ */ jsx(MobileView, { fallback: showThumbnails ? /* @__PURE__ */ jsx(ImageGalleryExtended.Thumbnails, { ...thumbnailsProps }) : null, children: showDots ? /* @__PURE__ */ jsx(ImageGalleryExtended.Dots, { ...dotsProps }) : null })
+          /* @__PURE__ */ jsx(MobileView, { fallback: showThumbnails ? /* @__PURE__ */ jsx(ImageGalleryExtended.Thumbnails, { ...thumbnailsProps }) : null, children: showPageIndicators ? /* @__PURE__ */ jsx(ImageGalleryExtended.PageIndicators, { ...pageIndicatorsProps }) : null })
         ]
       }
     );

package/components/ImageGallery/ImageGallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageGallery.js","sources":["../../../src/components/ImageGallery/ImageGallery.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { MobileView } from \"../MobileView\";\nimport { ImageGalleryExtended, EImageGalleryArrowDirection } from \"../ImageGalleryExtended\";\nimport { IImageGalleryProps } from \"./types\";\n\n/**\n * Галерея изображений с лентой миниатюр (десктоп) и тиками-индикаторами (мобильный).\n *\n * Тонкая обёртка над `ImageGalleryExtended`: задаёт пресет раскладки\n * (`Main` + миниатюры/тики через `MobileView`) и добавляет uncontrolled-режим\n * (`defaultId`). Изображения задаются массивом `items`.\n * Поддерживает controlled (`selectedId` + `onChange`) и uncontrolled режимы.\n */\nexport const ImageGallery = React.forwardRef<HTMLDivElement, IImageGalleryProps>(\n    (\n        {\n            items,\n            selectedId,\n            defaultId,\n            onChange,\n            onImageClick,\n            height = \"auto\",\n            withBlur = true,\n            showThumbnails = true,\n            showDots = true,\n            prevArrowProps,\n            nextArrowProps,\n            thumbnailsProps,\n            dotsProps,\n            ...rest\n        },\n        ref,\n    ) => {\n        const isControlled = selectedId !== undefined;\n        const [innerId, setInnerId] = useState(defaultId);\n        const currentId = isControlled ? selectedId : innerId;\n\n        // ImageGalleryExtended резолвит id в позицию и вызывает onChange только\n        // при реальной смене. Пустой id (нет defaultId) → показывается первый элемент.\n        const handleChange = (id: string) => {\n            if (!isControlled) {\n                setInnerId(id);\n            }\n            onChange?.(id);\n        };\n\n        return (\n            <ImageGalleryExtended\n                ref={ref}\n                {...rest}\n                items={items}\n                selectedId={currentId ?? \"\"}\n                onChange={handleChange}\n            >\n                <ImageGalleryExtended.Main height={height} withBlur={withBlur} onImageClick={onImageClick}>\n                    <ImageGalleryExtended.Nav>\n                        {({ onPrev, onNext, isFirst, isLast, itemsCount }) => (\n                            <>\n                                <ImageGalleryExtended.Arrow\n                                    {...prevArrowProps}\n                                    direction={EImageGalleryArrowDirection.PREV}\n                                    onClick={onPrev}\n                                    disabled={isFirst}\n                                    hidden={itemsCount <= 1}\n                                />\n                                <ImageGalleryExtended.Arrow\n                                    {...nextArrowProps}\n                                    direction={EImageGalleryArrowDirection.NEXT}\n                                    onClick={onNext}\n                                    disabled={isLast}\n                                    hidden={itemsCount <= 1}\n                                />\n                            </>\n                        )}\n                    </ImageGalleryExtended.Nav>\n                </ImageGalleryExtended.Main>\n\n                <MobileView fallback={showThumbnails ? <ImageGalleryExtended.Thumbnails {...thumbnailsProps} /> : null}>\n                    {showDots ? <ImageGalleryExtended.Dots {...dotsProps} /> : null}\n                </MobileView>\n            </ImageGalleryExtended>\n        );\n    },\n);\n\nImageGallery.displayName = \"ImageGallery\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAaO,MAAM,eAAeA,eAAM;AAAA,EAC9B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,eAAe,eAAe;AACpC,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,SAAS;AAChD,UAAM,YAAY,eAAe,aAAa;AAI9C,UAAM,eAAe,CAAC,OAAe;AACjC,UAAI,CAAC,cAAc;AACf,mBAAW,EAAE;AAAA,MACjB;AACA,2CAAW;AAAA,IACf;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACC,GAAG;AAAA,QACJ;AAAA,QACA,YAAY,aAAa;AAAA,QACzB,UAAU;AAAA,QAEV,UAAA;AAAA,UAAA,oBAAC,qBAAqB,MAArB,EAA0B,QAAgB,UAAoB,cAC3D,8BAAC,qBAAqB,KAArB,EACI,UAAA,CAAC,EAAE,QAAQ,QAAQ,SAAS,QAAQ,WAAA,MACjC,qBAAA,UAAA,EACI,UAAA;AAAA,YAAA;AAAA,cAAC,qBAAqB;AAAA,cAArB;AAAA,gBACI,GAAG;AAAA,gBACJ,WAAW,4BAA4B;AAAA,gBACvC,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,QAAQ,cAAc;AAAA,cAAA;AAAA,YAAA;AAAA,YAE1B;AAAA,cAAC,qBAAqB;AAAA,cAArB;AAAA,gBACI,GAAG;AAAA,gBACJ,WAAW,4BAA4B;AAAA,gBACvC,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,QAAQ,cAAc;AAAA,cAAA;AAAA,YAAA;AAAA,UAC1B,EAAA,CACJ,GAER,GACJ;AAAA,UAEA,oBAAC,cAAW,UAAU,qCAAkB,qBAAqB,YAArB,EAAiC,GAAG,gBAAA,CAAiB,IAAK,MAC7F,UAAA,+BAAY,qBAAqB,MAArB,EAA2B,GAAG,WAAW,IAAK,KAAA,CAC/D;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,aAAa,cAAc;"}
+{"version":3,"file":"ImageGallery.js","sources":["../../../src/components/ImageGallery/ImageGallery.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { MobileView } from \"../MobileView\";\nimport { ImageGalleryExtended, EImageGalleryArrowDirection } from \"../ImageGalleryExtended\";\nimport { IImageGalleryProps } from \"./types\";\n\n/**\n * Галерея изображений с лентой миниатюр (десктоп) и индикаторами страниц (мобильный).\n *\n * Тонкая обёртка над `ImageGalleryExtended`: задаёт пресет раскладки\n * (`Main` + миниатюры/индикаторы страниц через `MobileView`) и добавляет uncontrolled-режим\n * (`defaultId`). Изображения задаются массивом `items`.\n * Поддерживает controlled (`selectedId` + `onChange`) и uncontrolled режимы.\n */\nexport const ImageGallery = React.forwardRef<HTMLDivElement, IImageGalleryProps>(\n    (\n        {\n            items,\n            selectedId,\n            defaultId,\n            onChange,\n            onImageClick,\n            height = \"auto\",\n            withBlur = true,\n            showThumbnails = true,\n            showPageIndicators = true,\n            prevArrowProps,\n            nextArrowProps,\n            thumbnailsProps,\n            pageIndicatorsProps,\n            ...rest\n        },\n        ref,\n    ) => {\n        const isControlled = selectedId !== undefined;\n        const [innerId, setInnerId] = useState(defaultId);\n        const currentId = isControlled ? selectedId : innerId;\n\n        // ImageGalleryExtended резолвит id в позицию и вызывает onChange только\n        // при реальной смене. Пустой id (нет defaultId) → показывается первый элемент.\n        const handleChange = (id: string) => {\n            if (!isControlled) {\n                setInnerId(id);\n            }\n            onChange?.(id);\n        };\n\n        return (\n            <ImageGalleryExtended\n                ref={ref}\n                {...rest}\n                items={items}\n                selectedId={currentId ?? \"\"}\n                onChange={handleChange}\n            >\n                <ImageGalleryExtended.Main height={height} withBlur={withBlur} onImageClick={onImageClick}>\n                    <ImageGalleryExtended.Nav>\n                        {({ onPrev, onNext, isFirst, isLast, itemsCount }) => (\n                            <>\n                                <ImageGalleryExtended.Arrow\n                                    {...prevArrowProps}\n                                    direction={EImageGalleryArrowDirection.PREV}\n                                    onClick={onPrev}\n                                    disabled={isFirst}\n                                    hidden={itemsCount <= 1}\n                                />\n                                <ImageGalleryExtended.Arrow\n                                    {...nextArrowProps}\n                                    direction={EImageGalleryArrowDirection.NEXT}\n                                    onClick={onNext}\n                                    disabled={isLast}\n                                    hidden={itemsCount <= 1}\n                                />\n                            </>\n                        )}\n                    </ImageGalleryExtended.Nav>\n                </ImageGalleryExtended.Main>\n\n                <MobileView fallback={showThumbnails ? <ImageGalleryExtended.Thumbnails {...thumbnailsProps} /> : null}>\n                    {showPageIndicators ? <ImageGalleryExtended.PageIndicators {...pageIndicatorsProps} /> : null}\n                </MobileView>\n            </ImageGalleryExtended>\n        );\n    },\n);\n\nImageGallery.displayName = \"ImageGallery\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAaO,MAAM,eAAeA,eAAM;AAAA,EAC9B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,eAAe,eAAe;AACpC,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,SAAS;AAChD,UAAM,YAAY,eAAe,aAAa;AAI9C,UAAM,eAAe,CAAC,OAAe;AACjC,UAAI,CAAC,cAAc;AACf,mBAAW,EAAE;AAAA,MACjB;AACA,2CAAW;AAAA,IACf;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACC,GAAG;AAAA,QACJ;AAAA,QACA,YAAY,aAAa;AAAA,QACzB,UAAU;AAAA,QAEV,UAAA;AAAA,UAAA,oBAAC,qBAAqB,MAArB,EAA0B,QAAgB,UAAoB,cAC3D,8BAAC,qBAAqB,KAArB,EACI,UAAA,CAAC,EAAE,QAAQ,QAAQ,SAAS,QAAQ,WAAA,MACjC,qBAAA,UAAA,EACI,UAAA;AAAA,YAAA;AAAA,cAAC,qBAAqB;AAAA,cAArB;AAAA,gBACI,GAAG;AAAA,gBACJ,WAAW,4BAA4B;AAAA,gBACvC,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,QAAQ,cAAc;AAAA,cAAA;AAAA,YAAA;AAAA,YAE1B;AAAA,cAAC,qBAAqB;AAAA,cAArB;AAAA,gBACI,GAAG;AAAA,gBACJ,WAAW,4BAA4B;AAAA,gBACvC,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,QAAQ,cAAc;AAAA,cAAA;AAAA,YAAA;AAAA,UAC1B,EAAA,CACJ,GAER,GACJ;AAAA,UAEA,oBAAC,cAAW,UAAU,qCAAkB,qBAAqB,YAArB,EAAiC,GAAG,gBAAA,CAAiB,IAAK,MAC7F,UAAA,yCAAsB,qBAAqB,gBAArB,EAAqC,GAAG,qBAAqB,IAAK,KAAA,CAC7F;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,aAAa,cAAc;"}

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-D4Ws4ax0.js";
-import { ImageGalleryExtendedDots } from "./components/ImageGalleryExtendedDots.js";
+import { I as ImageGalleryExtendedThumb } from "../../chunks/ImageGalleryExtendedThumb-CNDXMYAQ.js";
+import { ImageGalleryExtendedPageIndicators } from "./components/ImageGalleryExtendedPageIndicators.js";
 import "./enums.js";
-const root = "root__c315cfb2";
+const root = "root__ee782c0c";
 const styles = {
   root
 };
@@ -80,7 +80,7 @@ const ImageGalleryExtended = Object.assign(
     Arrow: ImageGalleryExtendedArrow,
     Thumbnails: ImageGalleryExtendedThumbnails,
     Thumb: ImageGalleryExtendedThumb,
-    Dots: ImageGalleryExtendedDots
+    PageIndicators: ImageGalleryExtendedPageIndicators
   }
 );
 export {

package/components/ImageGalleryExtended/ImageGalleryExtended.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageGalleryExtended.js","sources":["../../../src/components/ImageGalleryExtended/ImageGalleryExtended.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { ImageGalleryExtendedContext } from \"./ImageGalleryExtendedContext\";\nimport { ImageGalleryExtendedMain } from \"./components/ImageGalleryExtendedMain\";\nimport { ImageGalleryExtendedNav } from \"./components/ImageGalleryExtendedNav\";\nimport { ImageGalleryExtendedArrow } from \"./components/ImageGalleryExtendedArrow\";\nimport { ImageGalleryExtendedThumbnails } from \"./components/ImageGalleryExtendedThumbnails\";\nimport { ImageGalleryExtendedThumb } from \"./components/ImageGalleryExtendedThumb\";\nimport { ImageGalleryExtendedDots } from \"./components/ImageGalleryExtendedDots\";\nimport { IImageGalleryExtendedProps } from \"./types\";\nimport styles from \"./styles/ImageGalleryExtended.module.less\";\n\n/** Внутренние составляющие компонента ImageGalleryExtended. */\ninterface IImageGalleryExtendedComposition {\n    Main: typeof ImageGalleryExtendedMain;\n    Nav: typeof ImageGalleryExtendedNav;\n    Arrow: typeof ImageGalleryExtendedArrow;\n    Thumbnails: typeof ImageGalleryExtendedThumbnails;\n    Thumb: typeof ImageGalleryExtendedThumb;\n    Dots: typeof ImageGalleryExtendedDots;\n}\n\n/**\n * Базовый (controlled) компонент галереи изображений. Изображения задаются\n * массивом `items`, управляет активным индексом и стрелочной навигацией,\n * раздаёт данные составным частям через контекст. Раскладка — декларативно:\n *\n * ```tsx\n * <ImageGalleryExtended\n *     items={[{ id: \"a\", src: \"1.jpg\", alt: \"…\" }]}\n *     selectedId={id}\n *     onChange={setId}\n * >\n *     <ImageGalleryExtended.Main withBlur />\n *     <ImageGalleryExtended.Thumbnails />\n * </ImageGalleryExtended>\n * ```\n *\n * Uncontrolled-режим и пресет раскладки см. в `ImageGallery`.\n */\nconst ImageGalleryExtendedRoot = React.forwardRef<HTMLDivElement, IImageGalleryExtendedProps>(\n    ({ items, children, className, selectedId, onChange, onKeyDown, tabIndex, ...rest }, ref) => {\n        // Активный id резолвится в позицию; неизвестный/отсутствующий id → первый элемент.\n        const rawIndex = items.findIndex((item) => item.id === selectedId);\n        const currentIndex = rawIndex >= 0 ? rawIndex : 0;\n\n        const handleSelect = useCallback(\n            (next: number) => {\n                const clamped = items.length > 0 ? Math.min(Math.max(next, 0), items.length - 1) : 0;\n                const nextId = items[clamped]?.id;\n                if (nextId !== undefined && nextId !== selectedId) {\n                    onChange(nextId);\n                }\n            },\n            [items, selectedId, onChange],\n        );\n\n        const handlePrev = useCallback(() => handleSelect(currentIndex - 1), [currentIndex, handleSelect]);\n        const handleNext = useCallback(() => handleSelect(currentIndex + 1), [currentIndex, handleSelect]);\n\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n            if (event.target !== event.currentTarget) {\n                onKeyDown?.(event);\n                return;\n            }\n\n            const key = event.code || event.keyCode;\n\n            if (isKey(key, \"ARROW_LEFT\")) {\n                event.preventDefault();\n                handlePrev();\n            } else if (isKey(key, \"ARROW_RIGHT\")) {\n                event.preventDefault();\n                handleNext();\n            }\n\n            onKeyDown?.(event);\n        };\n\n        return (\n            <ImageGalleryExtendedContext.Provider\n                value={{\n                    items,\n                    selectedIndex: currentIndex,\n                    onSelect: handleSelect,\n                    onPrev: handlePrev,\n                    onNext: handleNext,\n                }}\n            >\n                <div\n                    {...rest}\n                    tabIndex={tabIndex ?? 0}\n                    ref={ref}\n                    className={clsx(styles.root, className)}\n                    onKeyDown={handleKeyDown}\n                >\n                    {children}\n                </div>\n            </ImageGalleryExtendedContext.Provider>\n        );\n    },\n);\n\nImageGalleryExtendedRoot.displayName = \"ImageGalleryExtended\";\n\n/** Compound-компонент с составными частями галереи. */\nexport const ImageGalleryExtended: typeof ImageGalleryExtendedRoot & IImageGalleryExtendedComposition = Object.assign(\n    ImageGalleryExtendedRoot,\n    {\n        Main: ImageGalleryExtendedMain,\n        Nav: ImageGalleryExtendedNav,\n        Arrow: ImageGalleryExtendedArrow,\n        Thumbnails: ImageGalleryExtendedThumbnails,\n        Thumb: ImageGalleryExtendedThumb,\n        Dots: ImageGalleryExtendedDots,\n    },\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;AAyCA,MAAM,2BAA2BA,eAAM;AAAA,EACnC,CAAC,EAAE,OAAO,UAAU,WAAW,YAAY,UAAU,WAAW,UAAU,GAAG,KAAA,GAAQ,QAAQ;AAEzF,UAAM,WAAW,MAAM,UAAU,CAAC,SAAS,KAAK,OAAO,UAAU;AACjE,UAAM,eAAe,YAAY,IAAI,WAAW;AAEhD,UAAM,eAAe;AAAA,MACjB,CAAC,SAAiB;;AACd,cAAM,UAAU,MAAM,SAAS,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,CAAC,GAAG,MAAM,SAAS,CAAC,IAAI;AACnF,cAAM,UAAS,WAAM,OAAO,MAAb,mBAAgB;AAC/B,YAAI,WAAW,UAAa,WAAW,YAAY;AAC/C,mBAAS,MAAM;AAAA,QACnB;AAAA,MACJ;AAAA,MACA,CAAC,OAAO,YAAY,QAAQ;AAAA,IAAA;AAGhC,UAAM,aAAa,YAAY,MAAM,aAAa,eAAe,CAAC,GAAG,CAAC,cAAc,YAAY,CAAC;AACjG,UAAM,aAAa,YAAY,MAAM,aAAa,eAAe,CAAC,GAAG,CAAC,cAAc,YAAY,CAAC;AAEjG,UAAM,gBAAgB,CAAC,UAA+C;AAClE,UAAI,MAAM,WAAW,MAAM,eAAe;AACtC,+CAAY;AACZ;AAAA,MACJ;AAEA,YAAM,MAAM,MAAM,QAAQ,MAAM;AAEhC,UAAI,MAAM,KAAK,YAAY,GAAG;AAC1B,cAAM,eAAA;AACN,mBAAA;AAAA,MACJ,WAAW,MAAM,KAAK,aAAa,GAAG;AAClC,cAAM,eAAA;AACN,mBAAA;AAAA,MACJ;AAEA,6CAAY;AAAA,IAChB;AAEA,WACI;AAAA,MAAC,4BAA4B;AAAA,MAA5B;AAAA,QACG,OAAO;AAAA,UACH;AAAA,UACA,eAAe;AAAA,UACf,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,QAAQ;AAAA,QAAA;AAAA,QAGZ,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACI,GAAG;AAAA,YACJ,UAAU,YAAY;AAAA,YACtB;AAAA,YACA,WAAW,KAAK,OAAO,MAAM,SAAS;AAAA,YACtC,WAAW;AAAA,YAEV;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,yBAAyB,cAAc;AAGhC,MAAM,uBAA2F,OAAO;AAAA,EAC3G;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAEd;"}
+{"version":3,"file":"ImageGalleryExtended.js","sources":["../../../src/components/ImageGalleryExtended/ImageGalleryExtended.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { ImageGalleryExtendedContext } from \"./ImageGalleryExtendedContext\";\nimport { ImageGalleryExtendedMain } from \"./components/ImageGalleryExtendedMain\";\nimport { ImageGalleryExtendedNav } from \"./components/ImageGalleryExtendedNav\";\nimport { ImageGalleryExtendedArrow } from \"./components/ImageGalleryExtendedArrow\";\nimport { ImageGalleryExtendedThumbnails } from \"./components/ImageGalleryExtendedThumbnails\";\nimport { ImageGalleryExtendedThumb } from \"./components/ImageGalleryExtendedThumb\";\nimport { ImageGalleryExtendedPageIndicators } from \"./components/ImageGalleryExtendedPageIndicators\";\nimport { IImageGalleryExtendedProps } from \"./types\";\nimport styles from \"./styles/ImageGalleryExtended.module.less\";\n\n/** Внутренние составляющие компонента ImageGalleryExtended. */\ninterface IImageGalleryExtendedComposition {\n    Main: typeof ImageGalleryExtendedMain;\n    Nav: typeof ImageGalleryExtendedNav;\n    Arrow: typeof ImageGalleryExtendedArrow;\n    Thumbnails: typeof ImageGalleryExtendedThumbnails;\n    Thumb: typeof ImageGalleryExtendedThumb;\n    PageIndicators: typeof ImageGalleryExtendedPageIndicators;\n}\n\n/**\n * Базовый (controlled) компонент галереи изображений. Изображения задаются\n * массивом `items`, управляет активным индексом и стрелочной навигацией,\n * раздаёт данные составным частям через контекст. Раскладка — декларативно:\n *\n * ```tsx\n * <ImageGalleryExtended\n *     items={[{ id: \"a\", src: \"1.jpg\", alt: \"…\" }]}\n *     selectedId={id}\n *     onChange={setId}\n * >\n *     <ImageGalleryExtended.Main withBlur />\n *     <ImageGalleryExtended.Thumbnails />\n * </ImageGalleryExtended>\n * ```\n *\n * Uncontrolled-режим и пресет раскладки см. в `ImageGallery`.\n */\nconst ImageGalleryExtendedRoot = React.forwardRef<HTMLDivElement, IImageGalleryExtendedProps>(\n    ({ items, children, className, selectedId, onChange, onKeyDown, tabIndex, ...rest }, ref) => {\n        // Активный id резолвится в позицию; неизвестный/отсутствующий id → первый элемент.\n        const rawIndex = items.findIndex((item) => item.id === selectedId);\n        const currentIndex = rawIndex >= 0 ? rawIndex : 0;\n\n        const handleSelect = useCallback(\n            (next: number) => {\n                const clamped = items.length > 0 ? Math.min(Math.max(next, 0), items.length - 1) : 0;\n                const nextId = items[clamped]?.id;\n                if (nextId !== undefined && nextId !== selectedId) {\n                    onChange(nextId);\n                }\n            },\n            [items, selectedId, onChange],\n        );\n\n        const handlePrev = useCallback(() => handleSelect(currentIndex - 1), [currentIndex, handleSelect]);\n        const handleNext = useCallback(() => handleSelect(currentIndex + 1), [currentIndex, handleSelect]);\n\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n            if (event.target !== event.currentTarget) {\n                onKeyDown?.(event);\n                return;\n            }\n\n            const key = event.code || event.keyCode;\n\n            if (isKey(key, \"ARROW_LEFT\")) {\n                event.preventDefault();\n                handlePrev();\n            } else if (isKey(key, \"ARROW_RIGHT\")) {\n                event.preventDefault();\n                handleNext();\n            }\n\n            onKeyDown?.(event);\n        };\n\n        return (\n            <ImageGalleryExtendedContext.Provider\n                value={{\n                    items,\n                    selectedIndex: currentIndex,\n                    onSelect: handleSelect,\n                    onPrev: handlePrev,\n                    onNext: handleNext,\n                }}\n            >\n                <div\n                    {...rest}\n                    tabIndex={tabIndex ?? 0}\n                    ref={ref}\n                    className={clsx(styles.root, className)}\n                    onKeyDown={handleKeyDown}\n                >\n                    {children}\n                </div>\n            </ImageGalleryExtendedContext.Provider>\n        );\n    },\n);\n\nImageGalleryExtendedRoot.displayName = \"ImageGalleryExtended\";\n\n/** Compound-компонент с составными частями галереи. */\nexport const ImageGalleryExtended: typeof ImageGalleryExtendedRoot & IImageGalleryExtendedComposition = Object.assign(\n    ImageGalleryExtendedRoot,\n    {\n        Main: ImageGalleryExtendedMain,\n        Nav: ImageGalleryExtendedNav,\n        Arrow: ImageGalleryExtendedArrow,\n        Thumbnails: ImageGalleryExtendedThumbnails,\n        Thumb: ImageGalleryExtendedThumb,\n        PageIndicators: ImageGalleryExtendedPageIndicators,\n    },\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;AAyCA,MAAM,2BAA2BA,eAAM;AAAA,EACnC,CAAC,EAAE,OAAO,UAAU,WAAW,YAAY,UAAU,WAAW,UAAU,GAAG,KAAA,GAAQ,QAAQ;AAEzF,UAAM,WAAW,MAAM,UAAU,CAAC,SAAS,KAAK,OAAO,UAAU;AACjE,UAAM,eAAe,YAAY,IAAI,WAAW;AAEhD,UAAM,eAAe;AAAA,MACjB,CAAC,SAAiB;;AACd,cAAM,UAAU,MAAM,SAAS,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,CAAC,GAAG,MAAM,SAAS,CAAC,IAAI;AACnF,cAAM,UAAS,WAAM,OAAO,MAAb,mBAAgB;AAC/B,YAAI,WAAW,UAAa,WAAW,YAAY;AAC/C,mBAAS,MAAM;AAAA,QACnB;AAAA,MACJ;AAAA,MACA,CAAC,OAAO,YAAY,QAAQ;AAAA,IAAA;AAGhC,UAAM,aAAa,YAAY,MAAM,aAAa,eAAe,CAAC,GAAG,CAAC,cAAc,YAAY,CAAC;AACjG,UAAM,aAAa,YAAY,MAAM,aAAa,eAAe,CAAC,GAAG,CAAC,cAAc,YAAY,CAAC;AAEjG,UAAM,gBAAgB,CAAC,UAA+C;AAClE,UAAI,MAAM,WAAW,MAAM,eAAe;AACtC,+CAAY;AACZ;AAAA,MACJ;AAEA,YAAM,MAAM,MAAM,QAAQ,MAAM;AAEhC,UAAI,MAAM,KAAK,YAAY,GAAG;AAC1B,cAAM,eAAA;AACN,mBAAA;AAAA,MACJ,WAAW,MAAM,KAAK,aAAa,GAAG;AAClC,cAAM,eAAA;AACN,mBAAA;AAAA,MACJ;AAEA,6CAAY;AAAA,IAChB;AAEA,WACI;AAAA,MAAC,4BAA4B;AAAA,MAA5B;AAAA,QACG,OAAO;AAAA,UACH;AAAA,UACA,eAAe;AAAA,UACf,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,QAAQ;AAAA,QAAA;AAAA,QAGZ,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACI,GAAG;AAAA,YACJ,UAAU,YAAY;AAAA,YACtB;AAAA,YACA,WAAW,KAAK,OAAO,MAAM,SAAS;AAAA,YACtC,WAAW;AAAA,YAEV;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,yBAAyB,cAAc;AAGhC,MAAM,uBAA2F,OAAO;AAAA,EAC3G;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,gBAAgB;AAAA,EAAA;AAExB;"}

package/components/ImageGalleryExtended/ImageGalleryExtendedContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageGalleryExtendedContext.js","sources":["../../../src/components/ImageGalleryExtended/ImageGalleryExtendedContext.ts"],"sourcesContent":["import React from \"react\";\nimport { IImageGalleryItemProps } from \"./types\";\n\n/** Контекст ImageGalleryExtended. Связывает контейнер с составными частями (`Main`/`Thumbnails`/`Dots`). */\nexport interface IImageGalleryExtendedContext {\n    /** Список изображений галереи (из пропа `items` контейнера). */\n    items: ReadonlyArray<IImageGalleryItemProps>;\n    /** Индекс активного изображения (уже приведён к допустимому диапазону). */\n    selectedIndex: number;\n    /** Выбрать изображение по индексу. */\n    onSelect: (index: number) => void;\n    /** Перейти к предыдущему изображению. */\n    onPrev: () => void;\n    /** Перейти к следующему изображению. */\n    onNext: () => void;\n}\n\nconst contextInitial: IImageGalleryExtendedContext = {\n    items: [],\n    selectedIndex: 0,\n    onSelect: () => {},\n    onPrev: () => {},\n    onNext: () => {},\n};\n\nexport const ImageGalleryExtendedContext = React.createContext<IImageGalleryExtendedContext>(contextInitial);\n\nImageGalleryExtendedContext.displayName = \"ImageGalleryExtendedContext\";\n"],"names":["React"],"mappings":";AAiBA,MAAM,iBAA+C;AAAA,EACjD,OAAO,CAAA;AAAA,EACP,eAAe;AAAA,EACf,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,QAAQ,MAAM;AAAA,EAAC;AACnB;AAEO,MAAM,8BAA8BA,eAAM,cAA4C,cAAc;AAE3G,4BAA4B,cAAc;"}
+{"version":3,"file":"ImageGalleryExtendedContext.js","sources":["../../../src/components/ImageGalleryExtended/ImageGalleryExtendedContext.ts"],"sourcesContent":["import React from \"react\";\nimport { IImageGalleryItemProps } from \"./types\";\n\n/** Контекст ImageGalleryExtended. Связывает контейнер с составными частями (`Main`/`Thumbnails`/`PageIndicators`). */\nexport interface IImageGalleryExtendedContext {\n    /** Список изображений галереи (из пропа `items` контейнера). */\n    items: ReadonlyArray<IImageGalleryItemProps>;\n    /** Индекс активного изображения (уже приведён к допустимому диапазону). */\n    selectedIndex: number;\n    /** Выбрать изображение по индексу. */\n    onSelect: (index: number) => void;\n    /** Перейти к предыдущему изображению. */\n    onPrev: () => void;\n    /** Перейти к следующему изображению. */\n    onNext: () => void;\n}\n\nconst contextInitial: IImageGalleryExtendedContext = {\n    items: [],\n    selectedIndex: 0,\n    onSelect: () => {},\n    onPrev: () => {},\n    onNext: () => {},\n};\n\nexport const ImageGalleryExtendedContext = React.createContext<IImageGalleryExtendedContext>(contextInitial);\n\nImageGalleryExtendedContext.displayName = \"ImageGalleryExtendedContext\";\n"],"names":["React"],"mappings":";AAiBA,MAAM,iBAA+C;AAAA,EACjD,OAAO,CAAA;AAAA,EACP,eAAe;AAAA,EACf,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,QAAQ,MAAM;AAAA,EAAC;AACnB;AAEO,MAAM,8BAA8BA,eAAM,cAA4C,cAAc;AAE3G,4BAA4B,cAAc;"}

package/components/ImageGalleryExtended/components/ImageGalleryExtendedArrow.js

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

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-NWp-c6Ht.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-CIVzluST.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/ImageGalleryExtendedPageIndicators.js

@@ -0,0 +1,39 @@
+import { jsx } from "react/jsx-runtime";
+import React__default, { useContext } from "react";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
+import { PageIndicators } from "../../PageIndicators/PageIndicators.js";
+const pageIndicators = "pageIndicators__ba049e53";
+const styles = {
+  pageIndicators
+};
+const ImageGalleryExtendedPageIndicators = React__default.forwardRef(({ className, indicatorProps, ...rest }, ref) => {
+  const { items, selectedIndex, onSelect } = useContext(ImageGalleryExtendedContext);
+  if (items.length <= 1) {
+    return null;
+  }
+  const resolveIndicatorProps = (args) => {
+    var _a;
+    return {
+      "aria-label": (_a = items[args.index]) == null ? void 0 : _a.alt,
+      ...typeof indicatorProps === "function" ? indicatorProps(args) : indicatorProps
+    };
+  };
+  return /* @__PURE__ */ jsx(
+    PageIndicators,
+    {
+      ...rest,
+      ref,
+      className: clsx(styles.pageIndicators, className),
+      count: items.length,
+      activeIndex: selectedIndex,
+      onChange: onSelect,
+      indicatorProps: resolveIndicatorProps
+    }
+  );
+});
+ImageGalleryExtendedPageIndicators.displayName = "ImageGalleryExtendedPageIndicators";
+export {
+  ImageGalleryExtendedPageIndicators
+};
+//# sourceMappingURL=ImageGalleryExtendedPageIndicators.js.map

package/components/ImageGalleryExtended/components/ImageGalleryExtendedPageIndicators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGalleryExtendedPageIndicators.js","sources":["../../../../src/components/ImageGalleryExtended/components/ImageGalleryExtendedPageIndicators.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { ImageGalleryExtendedContext } from \"../ImageGalleryExtendedContext\";\nimport { IPageIndicatorsProps, PageIndicators, TPageIndicatorPropsFactory } from \"../../PageIndicators\";\nimport styles from \"../styles/ImageGalleryExtendedPageIndicators.module.less\";\n\n/** Свойства ImageGalleryExtendedPageIndicators. */\nexport interface IImageGalleryExtendedPageIndicatorsProps extends Omit<\n    IPageIndicatorsProps,\n    \"count\" | \"activeIndex\" | \"onChange\" | \"orientation\"\n> {}\n\n/**\n * Индикаторы страниц галереи (мобильный preset): по индикатору на каждое\n * изображение. Данные берёт из контекста `ImageGalleryExtended`.\n *\n * Доступное имя индикатора по умолчанию — `item.alt`; переопределяется через\n * `indicatorProps`. При количестве элементов `<= 1` ничего не рендерится.\n */\nexport const ImageGalleryExtendedPageIndicators = React.forwardRef<\n    HTMLDivElement,\n    IImageGalleryExtendedPageIndicatorsProps\n>(({ className, indicatorProps, ...rest }, ref) => {\n    const { items, selectedIndex, onSelect } = useContext(ImageGalleryExtendedContext);\n\n    if (items.length <= 1) {\n        return null;\n    }\n\n    const resolveIndicatorProps: TPageIndicatorPropsFactory = (args) => ({\n        \"aria-label\": items[args.index]?.alt,\n        ...(typeof indicatorProps === \"function\" ? indicatorProps(args) : indicatorProps),\n    });\n\n    return (\n        <PageIndicators\n            {...rest}\n            ref={ref}\n            className={clsx(styles.pageIndicators, className)}\n            count={items.length}\n            activeIndex={selectedIndex}\n            onChange={onSelect}\n            indicatorProps={resolveIndicatorProps}\n        />\n    );\n});\n\nImageGalleryExtendedPageIndicators.displayName = \"ImageGalleryExtendedPageIndicators\";\n"],"names":["React"],"mappings":";;;;;;;;;AAmBO,MAAM,qCAAqCA,eAAM,WAGtD,CAAC,EAAE,WAAW,gBAAgB,GAAG,KAAA,GAAQ,QAAQ;AAC/C,QAAM,EAAE,OAAO,eAAe,SAAA,IAAa,WAAW,2BAA2B;AAEjF,MAAI,MAAM,UAAU,GAAG;AACnB,WAAO;AAAA,EACX;AAEA,QAAM,wBAAoD,CAAC,SAAA;;AAAU;AAAA,MACjE,eAAc,WAAM,KAAK,KAAK,MAAhB,mBAAmB;AAAA,MACjC,GAAI,OAAO,mBAAmB,aAAa,eAAe,IAAI,IAAI;AAAA,IAAA;AAAA;AAGtE,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,KAAK,OAAO,gBAAgB,SAAS;AAAA,MAChD,OAAO,MAAM;AAAA,MACb,aAAa;AAAA,MACb,UAAU;AAAA,MACV,gBAAgB;AAAA,IAAA;AAAA,EAAA;AAG5B,CAAC;AAED,mCAAmC,cAAc;"}

package/components/ImageGalleryExtended/components/ImageGalleryExtendedSlide.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-NWp-c6Ht.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-CIVzluST.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-CUIykw0y.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
 import { ImageGalleryExtendedSlide } from "./ImageGalleryExtendedSlide.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-NWp-c6Ht.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-CIVzluST.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-CUIykw0y.js";
-import { I } from "../../../chunks/ImageGalleryExtendedThumb-D4Ws4ax0.js";
+import { I } from "../../../chunks/ImageGalleryExtendedThumb-CNDXMYAQ.js";
 export {
   I as ImageGalleryExtendedThumb
 };

package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../chunks/vendor-CUIykw0y.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-D4Ws4ax0.js";
+import { s as styles, I as ImageGalleryExtendedThumb } from "../../../chunks/ImageGalleryExtendedThumb-CNDXMYAQ.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,13 +2,13 @@ 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-D4Ws4ax0.js";
-import { ImageGalleryExtendedDots } from "./ImageGalleryExtendedDots.js";
+import { I } from "../../../chunks/ImageGalleryExtendedThumb-CNDXMYAQ.js";
+import { ImageGalleryExtendedPageIndicators } from "./ImageGalleryExtendedPageIndicators.js";
 export {
   ImageGalleryExtendedArrow,
-  ImageGalleryExtendedDots,
   ImageGalleryExtendedMain,
   ImageGalleryExtendedNav,
+  ImageGalleryExtendedPageIndicators,
   I as ImageGalleryExtendedThumb,
   ImageGalleryExtendedThumbnails
 };

package/components/ImageGalleryExtended/index.js

@@ -4,17 +4,17 @@ 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-D4Ws4ax0.js";
-import { ImageGalleryExtendedDots } from "./components/ImageGalleryExtendedDots.js";
+import { I } from "../../chunks/ImageGalleryExtendedThumb-CNDXMYAQ.js";
+import { ImageGalleryExtendedPageIndicators } from "./components/ImageGalleryExtendedPageIndicators.js";
 import { EImageGalleryArrowDirection } from "./enums.js";
 export {
   EImageGalleryArrowDirection,
   ImageGalleryExtended,
   ImageGalleryExtendedArrow,
   ImageGalleryExtendedContext,
-  ImageGalleryExtendedDots,
   ImageGalleryExtendedMain,
   ImageGalleryExtendedNav,
+  ImageGalleryExtendedPageIndicators,
   I as ImageGalleryExtendedThumb,
   ImageGalleryExtendedThumbnails
 };

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-aCX4wxJN.js";
+import { s as styles, m as mapTypeToClassName } from "../../chunks/utils-B1JQm06g.js";
 import { LoaderScreen } from "../LoaderScreen/LoaderScreen.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";

package/components/Island/components/IslandBody.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const islandBody = "islandBody__10e79fa8";
+const islandBody = "islandBody__2712daf1";
 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-CUIykw0y.js";
-const islandFooter = "islandFooter__ab0ed729";
+const islandFooter = "islandFooter__074044bb";
 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-CUIykw0y.js";
-const islandHeader = "islandHeader__eace3081";
+const islandHeader = "islandHeader__5ae00d28";
 const styles = {
   islandHeader
 };

package/components/Island/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { m } from "../../chunks/utils-aCX4wxJN.js";
+import { m } from "../../chunks/utils-B1JQm06g.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-CUIykw0y.js";
-import { s as styles } from "../../chunks/IslandAccordion.module-Bowpgf8f.js";
+import { s as styles } from "../../chunks/IslandAccordion.module-CmLF3WGX.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.50.0", ref, children }) });
+      return /* @__PURE__ */ jsx(IslandAccordionContext.Provider, { value: { size, type }, children: /* @__PURE__ */ jsx("ul", { ...rest, className: classNames, "data-tx": "1.52.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-Bowpgf8f.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-CmLF3WGX.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-CUIykw0y.js";
-import { s as styles } from "../../../chunks/IslandAccordion.module-Bowpgf8f.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-CmLF3WGX.js";
 import { Island } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";

package/components/IslandAccordion/components/IslandAccordionItem.js

@@ -26,7 +26,7 @@ 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-Bowpgf8f.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-CmLF3WGX.js";
 const INSTANCE_ID_PREFIX = "IslandAccordionItem-";
 const TYPE_TO_CLASS_NAME_MAP = {
   [EIslandType.TYPE_1]: styles.type1,
@@ -104,7 +104,7 @@ const IslandAccordionItem = Object.assign(
               }),
               onClick: handleHeaderClick,
               disabled,
-              "data-tx": "1.50.0",
+              "data-tx": "1.52.0",
               children: [
                 status && num !== void 0 && num !== 0 ? /* @__PURE__ */ jsx("div", { className: styles.step, children: /* @__PURE__ */ jsx(Step, { step: num, status, position: EStepPosition.XFirst, size, children: disabled ? void 0 : stepHint }) }) : null,
                 /* @__PURE__ */ jsx(

package/components/IslandWidget/IslandWidget.js

@@ -16,8 +16,8 @@ import { IslandWidgetFooter } from "./components/IslandWidgetFooter.js";
 import { IslandWidgetExtraFooter } from "./components/IslandWidgetExtraFooter.js";
 import { IslandWidgetLayoutContext } from "./IslandWidgetLayoutContext.js";
 import { IslandWidgetContext } from "./IslandWidgetContext.js";
-const islandWidget = "islandWidget__a5f64be9";
-const islandWidgetWithExtraFooter = "islandWidgetWithExtraFooter__a3538f20";
+const islandWidget = "islandWidget__f256fd09";
+const islandWidgetWithExtraFooter = "islandWidgetWithExtraFooter__21bf500b";
 const styles = {
   islandWidget,
   islandWidgetWithExtraFooter
@@ -64,7 +64,7 @@ const IslandWidget = Object.assign(
                 className
               ),
               ...rest,
-              "data-tx": "1.50.0",
+              "data-tx": "1.52.0",
               ref,
               children: /* @__PURE__ */ jsxs(Island, { type: EIslandType.TYPE_1, size, withoutPaddings: true, children: [
                 /* @__PURE__ */ jsx("div", { onClick: expandableContent ? handleHeaderClick : void 0, children: renderHeader({}) }),

package/components/IslandWidget/components/IslandWidgetBody.js

@@ -3,10 +3,10 @@ import { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { IslandWidgetContext } from "../IslandWidgetContext.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const islandWidgetBody = "islandWidgetBody__651f6ffd";
-const sm = "sm__8c6fb580";
-const md = "md__95be21f1";
-const lg = "lg__3fc1e9ed";
+const islandWidgetBody = "islandWidgetBody__de2c7f42";
+const sm = "sm__de3884c8";
+const md = "md__92f8cfff";
+const lg = "lg__7bd86e40";
 const styles = {
   islandWidgetBody,
   sm,

package/components/IslandWidget/components/IslandWidgetExtraFooter.js

@@ -3,7 +3,7 @@ import { useContext, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { ExpandAnimation } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandWidgetLayoutContext } from "../IslandWidgetLayoutContext.js";
-const islandWidgetExtraFooter = "islandWidgetExtraFooter__79066802";
+const islandWidgetExtraFooter = "islandWidgetExtraFooter__667ced48";
 const styles = {
   islandWidgetExtraFooter
 };

package/components/IslandWidget/components/IslandWidgetFooter.js

@@ -5,7 +5,7 @@ import { IslandWidgetContext } from "../IslandWidgetContext.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { IslandWidgetFooterContent } from "./IslandWidgetFooterContent.js";
 import { IslandWidgetFooterControls } from "./IslandWidgetFooterControls.js";
-import { s as styles } from "../../../chunks/IslandWidgetFooter.module-Ds3Pu4f2.js";
+import { s as styles } from "../../../chunks/IslandWidgetFooter.module-CUF_6WR2.js";
 const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const IslandWidgetFooter = ({ children, className, ...htmlDivAttributes }) => {
   const { size } = useContext(IslandWidgetContext);

package/components/IslandWidget/components/IslandWidgetFooterContent.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/IslandWidgetFooter.module-Ds3Pu4f2.js";
+import { s as styles } from "../../../chunks/IslandWidgetFooter.module-CUF_6WR2.js";
 const IslandWidgetFooterContent = ({
   children,
   className,

package/components/IslandWidget/components/IslandWidgetFooterControls.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/IslandWidgetFooter.module-Ds3Pu4f2.js";
+import { s as styles } from "../../../chunks/IslandWidgetFooter.module-CUF_6WR2.js";
 const IslandWidgetFooterControls = ({
   children,
   className,

package/components/IslandWidget/components/IslandWidgetHeader.js

@@ -7,7 +7,7 @@ import { IslandWidgetHeaderTitle } from "./IslandWidgetHeaderTitle.js";
 import { CaretdownStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { IslandWidgetContext } from "../IslandWidgetContext.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-BcEtSLGh.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-_cT499Sp.js";
 const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const IslandWidgetHeader = ({ children, className, ...htmlDivAttributes }) => {
   const { adaptive, disableAdaptiveCollapsing, open, size } = useContext(IslandWidgetContext);

package/components/IslandWidget/components/IslandWidgetHeaderControls.js

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

package/components/IslandWidget/components/IslandWidgetHeaderDescription.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-BcEtSLGh.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-_cT499Sp.js";
 import { ETextSize, EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";

package/components/IslandWidget/components/IslandWidgetHeaderTitle.js

@@ -5,7 +5,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-BcEtSLGh.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-_cT499Sp.js";
 const IslandWidgetHeaderTitle = ({
   children,
   className,

package/components/IslandWidget/components/IslandWidgetWrapper.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useState, useCallback, useMemo } from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { IslandWidgetLayoutContext } from "../IslandWidgetLayoutContext.js";
-const islandWidgetWrapper = "islandWidgetWrapper__6f734828";
+const islandWidgetWrapper = "islandWidgetWrapper__6d7fb8dc";
 const styles = {
   islandWidgetWrapper
 };

package/components/LightBox/LightBox.js

@@ -3,7 +3,7 @@ import { useRef, useState, useEffect } from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { Portal } from "../Portal/Portal.js";
 import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
-import { L as LightBoxContent, s as styles } from "../../chunks/LightBoxContent-C3x8czUb.js";
+import { L as LightBoxContent, s as styles } from "../../chunks/LightBoxContent-D57LJodq.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__df178031",
-  "scroll-15": "scroll-15__a4b7d1ad",
-  "scroll-16": "scroll-16__be77255e",
-  "scroll-17": "scroll-17__c374e48b"
+  "scroll-0": "scroll-0__b3b0ac86",
+  "scroll-15": "scroll-15__ba6d6b90",
+  "scroll-16": "scroll-16__7642a8ac",
+  "scroll-17": "scroll-17__8593ec98"
 };
 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-CUIykw0y.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L } from "../../chunks/LightBoxContent-C3x8czUb.js";
+import { L } from "../../chunks/LightBoxContent-D57LJodq.js";
 export {
   L as LightBoxContent
 };