@sberbusiness/triplex-next 1.43.0 → 1.45.0

package/components/Button/ButtonDropdownExtended.js

@@ -1,70 +1,86 @@
 import { jsxs } from "react/jsx-runtime";
-import { useRef, useState, useCallback, useEffect } from "react";
+import React__default, { useRef, useCallback, useState, useEffect } from "react";
 import { Dropdown } from "../Dropdown/Dropdown.js";
 import { isKey } from "../../utils/keyboard.js";
 import { DropdownList } from "../Dropdown/desktop/DropdownList.js";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const buttonDropdownExtended = "buttonDropdownExtended__49750e30";
-const buttonDropdownExtendedBlock = "buttonDropdownExtendedBlock__bee2ba96";
+const buttonDropdownExtended = "buttonDropdownExtended__c53f5d30";
+const buttonDropdownExtendedBlock = "buttonDropdownExtendedBlock__dc0085a2";
 const styles = {
   buttonDropdownExtended,
   buttonDropdownExtendedBlock
 };
-const ButtonDropdownExtended = (props) => {
-  const { className, opened, setOpened, renderButton, renderDropdown, dropdownRef, closeOnTab, ...rest } = props;
-  const containerRef = useRef(null);
-  const [isControlled] = useState(() => opened !== void 0);
-  const [uncontrolledOpened, setUncontrolledOpened] = useState(false);
-  const computedOpened = isControlled ? !!opened : uncontrolledOpened;
-  const handleOpenedChange = useCallback(
-    (nextOpened) => {
-      if (isControlled) {
-        setOpened == null ? void 0 : setOpened(nextOpened);
+const ButtonDropdownExtended = Object.assign(
+  React__default.forwardRef(function ButtonDropdownExtended2(props, ref) {
+    const { className, opened, setOpened, renderButton, renderDropdown, dropdownRef, closeOnTab, ...rest } = props;
+    const containerRef = useRef(null);
+    const setContainerRef = useCallback(
+      (instance) => {
+        containerRef.current = instance;
+        if (typeof ref === "function") {
+          ref(instance);
+        } else if (ref) {
+          ref.current = instance;
+        }
+      },
+      [ref]
+    );
+    const [isControlled] = useState(() => opened !== void 0);
+    const [uncontrolledOpened, setUncontrolledOpened] = useState(false);
+    const computedOpened = isControlled ? !!opened : uncontrolledOpened;
+    const handleOpenedChange = useCallback(
+      (nextOpened) => {
+        if (isControlled) {
+          setOpened == null ? void 0 : setOpened(nextOpened);
+          return;
+        }
+        setUncontrolledOpened(nextOpened);
+      },
+      [isControlled, setOpened]
+    );
+    useEffect(() => {
+      if (!computedOpened) {
         return;
       }
-      setUncontrolledOpened(nextOpened);
-    },
-    [isControlled, setOpened]
-  );
-  useEffect(() => {
-    if (!computedOpened) {
-      return;
-    }
-    const handleKeyDown = (event) => {
-      const key = event.code || event.keyCode;
-      if (isKey(key, "ESCAPE") || closeOnTab && isKey(key, "TAB")) {
-        handleOpenedChange(false);
-      }
-    };
-    const handleClickOutside = (event) => {
-      const button = containerRef.current;
-      const dropdown = dropdownRef.current;
-      const targetNode = event.target;
-      if (targetNode && !(button == null ? void 0 : button.contains(targetNode)) && !(dropdown == null ? void 0 : dropdown.contains(targetNode))) {
-        handleOpenedChange(false);
-      }
-    };
-    document.addEventListener("keydown", handleKeyDown);
-    document.addEventListener("mousedown", handleClickOutside);
-    document.addEventListener("touchstart", handleClickOutside);
-    return () => {
-      document.removeEventListener("keydown", handleKeyDown);
-      document.removeEventListener("mousedown", handleClickOutside);
-      document.removeEventListener("touchstart", handleClickOutside);
-    };
-  }, [computedOpened, closeOnTab, dropdownRef, handleOpenedChange]);
-  const classNames = clsx(styles.buttonDropdownExtended, className);
-  return /* @__PURE__ */ jsxs("div", { className: classNames, ref: containerRef, ...rest, children: [
-    renderButton({ opened: computedOpened, setOpened: handleOpenedChange }),
-    renderDropdown({
-      className: styles.buttonDropdownExtendedBlock,
-      opened: computedOpened,
-      setOpened: handleOpenedChange
-    })
-  ] });
-};
-ButtonDropdownExtended.Dropdown = Dropdown;
-ButtonDropdownExtended.DropdownList = DropdownList;
+      const handleKeyDown = (event) => {
+        const key = event.code || event.keyCode;
+        if (isKey(key, "ESCAPE") || closeOnTab && isKey(key, "TAB")) {
+          handleOpenedChange(false);
+        }
+      };
+      const handleClickOutside = (event) => {
+        const button = containerRef.current;
+        const dropdown = dropdownRef.current;
+        const targetNode = event.target;
+        if (targetNode && !(button == null ? void 0 : button.contains(targetNode)) && !(dropdown == null ? void 0 : dropdown.contains(targetNode))) {
+          handleOpenedChange(false);
+        }
+      };
+      document.addEventListener("keydown", handleKeyDown);
+      document.addEventListener("mousedown", handleClickOutside);
+      document.addEventListener("touchstart", handleClickOutside);
+      return () => {
+        document.removeEventListener("keydown", handleKeyDown);
+        document.removeEventListener("mousedown", handleClickOutside);
+        document.removeEventListener("touchstart", handleClickOutside);
+      };
+    }, [computedOpened, closeOnTab, dropdownRef, handleOpenedChange]);
+    const classNames = clsx(styles.buttonDropdownExtended, className);
+    return /* @__PURE__ */ jsxs("div", { className: classNames, ref: setContainerRef, ...rest, children: [
+      renderButton({ opened: computedOpened, setOpened: handleOpenedChange }),
+      renderDropdown({
+        className: styles.buttonDropdownExtendedBlock,
+        opened: computedOpened,
+        setOpened: handleOpenedChange
+      })
+    ] });
+  }),
+  {
+    Dropdown,
+    DropdownList
+  }
+);
+ButtonDropdownExtended.displayName = "ButtonDropdownExtended";
 export {
   ButtonDropdownExtended
 };

package/components/Button/ButtonDropdownExtended.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonDropdownExtended.js","sources":["../../../src/components/Button/ButtonDropdownExtended.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Dropdown } from \"@sberbusiness/triplex-next/components/Dropdown/Dropdown\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { DropdownList } from \"@sberbusiness/triplex-next/components/Dropdown/desktop/DropdownList\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/ButtonDropdownExtended.module.less\";\n\n/** Свойства встроенной кнопки. */\nexport interface IButtonDropdownExtendedButtonProvideProps {\n    /** Контролируемое состояние открытости. */\n    opened: boolean;\n    /** Функция, контролирующая состояние открытости. */\n    setOpened: (opened: boolean) => void;\n}\n\n/** Свойства встроенного выпадающего блока. */\nexport interface IButtonDropdownExtendedDropdownProvideProps {\n    /** Контролируемое состояние открытости. */\n    opened: boolean;\n    /** Функция, контролирующая состояние открытости. */\n    setOpened: (opened: boolean) => void;\n    /** Пробрасываемый стилевой класс. */\n    className: string;\n}\n\n/** Свойства кнопки с выпадающим блоком. */\nexport interface IButtonDropdownExtendedProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Контролируемое состояние открытости. Если передан на первом рендере, компонент работает в контролируемом режиме. */\n    opened?: boolean;\n    /** Функция, контролирующая состояние открытости. Вызывается только в контролируемом режиме. */\n    setOpened?: (opened: boolean) => void;\n    /** Функция, отрисовывающая кнопку. */\n    renderButton: (props: IButtonDropdownExtendedButtonProvideProps) => React.ReactNode;\n    /** Функция, отрисовывающая выпадающий блок. */\n    renderDropdown: (props: IButtonDropdownExtendedDropdownProvideProps) => React.ReactNode;\n    /** Ссылка на выпадающий блок. Нужна, чтобы клик внутри блока не считался кликом снаружи. */\n    dropdownRef: React.RefObject<HTMLElement>;\n    /** Закрытие выпадающего блока при нажатии клавиши Tab. */\n    closeOnTab?: boolean;\n}\n\n/** Тип компонента \"Кнопка с выпадающим блоком\" со статическими субкомпонентами. */\nexport interface IButtonDropdownExtendedComponent extends React.FC<IButtonDropdownExtendedProps> {\n    /** Выпадающий блок. */\n    Dropdown: typeof Dropdown;\n    /** Список опций для выпадающего блока. */\n    DropdownList: typeof DropdownList;\n}\n\n/**\n * Компонент \"Кнопка с выпадающим блоком\".\n * Позволяет кастомизировать кнопку открытия Dropdown и сам Dropdown через render-функции.\n * Пока блок открыт, слушает документ и закрывает его по Escape, по Tab (при closeOnTab)\n * и по клику вне кнопки и вне выпадающего блока.\n */\nexport const ButtonDropdownExtended: IButtonDropdownExtendedComponent = (props) => {\n    const { className, opened, setOpened, renderButton, renderDropdown, dropdownRef, closeOnTab, ...rest } = props;\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    // Режим управления фиксируется на монтировании и дальше не меняется.\n    const [isControlled] = useState<boolean>(() => opened !== undefined);\n    const [uncontrolledOpened, setUncontrolledOpened] = useState<boolean>(false);\n\n    const computedOpened = isControlled ? !!opened : uncontrolledOpened;\n\n    const handleOpenedChange = useCallback(\n        (nextOpened: boolean) => {\n            if (isControlled) {\n                setOpened?.(nextOpened);\n                return;\n            }\n            setUncontrolledOpened(nextOpened);\n        },\n        [isControlled, setOpened],\n    );\n\n    useEffect(() => {\n        if (!computedOpened) {\n            return;\n        }\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            const key: string | number = event.code || event.keyCode;\n\n            if (isKey(key, \"ESCAPE\") || (closeOnTab && isKey(key, \"TAB\"))) {\n                handleOpenedChange(false);\n            }\n        };\n\n        const handleClickOutside = (event: Event) => {\n            const button = containerRef.current;\n            const dropdown = dropdownRef.current;\n            const targetNode = event.target as Node | null;\n\n            if (targetNode && !button?.contains(targetNode) && !dropdown?.contains(targetNode)) {\n                handleOpenedChange(false);\n            }\n        };\n\n        document.addEventListener(\"keydown\", handleKeyDown);\n        document.addEventListener(\"mousedown\", handleClickOutside);\n        document.addEventListener(\"touchstart\", handleClickOutside);\n\n        return () => {\n            document.removeEventListener(\"keydown\", handleKeyDown);\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n            document.removeEventListener(\"touchstart\", handleClickOutside);\n        };\n    }, [computedOpened, closeOnTab, dropdownRef, handleOpenedChange]);\n\n    const classNames = clsx(styles.buttonDropdownExtended, className);\n\n    return (\n        <div className={classNames} ref={containerRef} {...rest}>\n            {renderButton({ opened: computedOpened, setOpened: handleOpenedChange })}\n            {renderDropdown({\n                className: styles.buttonDropdownExtendedBlock,\n                opened: computedOpened,\n                setOpened: handleOpenedChange,\n            })}\n        </div>\n    );\n};\n\nButtonDropdownExtended.Dropdown = Dropdown;\nButtonDropdownExtended.DropdownList = DropdownList;\n"],"names":[],"mappings":";;;;;;;;;;;;AAuDO,MAAM,yBAA2D,CAAC,UAAU;AAC/E,QAAM,EAAE,WAAW,QAAQ,WAAW,cAAc,gBAAgB,aAAa,YAAY,GAAG,KAAA,IAAS;AAEzG,QAAM,eAAe,OAAuB,IAAI;AAEhD,QAAM,CAAC,YAAY,IAAI,SAAkB,MAAM,WAAW,MAAS;AACnE,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAkB,KAAK;AAE3E,QAAM,iBAAiB,eAAe,CAAC,CAAC,SAAS;AAEjD,QAAM,qBAAqB;AAAA,IACvB,CAAC,eAAwB;AACrB,UAAI,cAAc;AACd,+CAAY;AACZ;AAAA,MACJ;AACA,4BAAsB,UAAU;AAAA,IACpC;AAAA,IACA,CAAC,cAAc,SAAS;AAAA,EAAA;AAG5B,YAAU,MAAM;AACZ,QAAI,CAAC,gBAAgB;AACjB;AAAA,IACJ;AAEA,UAAM,gBAAgB,CAAC,UAAyB;AAC5C,YAAM,MAAuB,MAAM,QAAQ,MAAM;AAEjD,UAAI,MAAM,KAAK,QAAQ,KAAM,cAAc,MAAM,KAAK,KAAK,GAAI;AAC3D,2BAAmB,KAAK;AAAA,MAC5B;AAAA,IACJ;AAEA,UAAM,qBAAqB,CAAC,UAAiB;AACzC,YAAM,SAAS,aAAa;AAC5B,YAAM,WAAW,YAAY;AAC7B,YAAM,aAAa,MAAM;AAEzB,UAAI,cAAc,EAAC,iCAAQ,SAAS,gBAAe,EAAC,qCAAU,SAAS,cAAa;AAChF,2BAAmB,KAAK;AAAA,MAC5B;AAAA,IACJ;AAEA,aAAS,iBAAiB,WAAW,aAAa;AAClD,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,aAAS,iBAAiB,cAAc,kBAAkB;AAE1D,WAAO,MAAM;AACT,eAAS,oBAAoB,WAAW,aAAa;AACrD,eAAS,oBAAoB,aAAa,kBAAkB;AAC5D,eAAS,oBAAoB,cAAc,kBAAkB;AAAA,IACjE;AAAA,EACJ,GAAG,CAAC,gBAAgB,YAAY,aAAa,kBAAkB,CAAC;AAEhE,QAAM,aAAa,KAAK,OAAO,wBAAwB,SAAS;AAEhE,8BACK,OAAA,EAAI,WAAW,YAAY,KAAK,cAAe,GAAG,MAC9C,UAAA;AAAA,IAAA,aAAa,EAAE,QAAQ,gBAAgB,WAAW,oBAAoB;AAAA,IACtE,eAAe;AAAA,MACZ,WAAW,OAAO;AAAA,MAClB,QAAQ;AAAA,MACR,WAAW;AAAA,IAAA,CACd;AAAA,EAAA,GACL;AAER;AAEA,uBAAuB,WAAW;AAClC,uBAAuB,eAAe;"}
+{"version":3,"file":"ButtonDropdownExtended.js","sources":["../../../src/components/Button/ButtonDropdownExtended.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Dropdown } from \"@sberbusiness/triplex-next/components/Dropdown/Dropdown\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { DropdownList } from \"@sberbusiness/triplex-next/components/Dropdown/desktop/DropdownList\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/ButtonDropdownExtended.module.less\";\n\n/** Свойства встроенной кнопки. */\nexport interface IButtonDropdownExtendedButtonProvideProps {\n    /** Контролируемое состояние открытости. */\n    opened: boolean;\n    /** Функция, контролирующая состояние открытости. */\n    setOpened: (opened: boolean) => void;\n}\n\n/** Свойства встроенного выпадающего блока. */\nexport interface IButtonDropdownExtendedDropdownProvideProps {\n    /** Контролируемое состояние открытости. */\n    opened: boolean;\n    /** Функция, контролирующая состояние открытости. */\n    setOpened: (opened: boolean) => void;\n    /** Пробрасываемый стилевой класс. */\n    className: string;\n}\n\n/** Свойства кнопки с выпадающим блоком. */\nexport interface IButtonDropdownExtendedProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Контролируемое состояние открытости. Если передан на первом рендере, компонент работает в контролируемом режиме. */\n    opened?: boolean;\n    /** Функция, контролирующая состояние открытости. Вызывается только в контролируемом режиме. */\n    setOpened?: (opened: boolean) => void;\n    /** Функция, отрисовывающая кнопку. */\n    renderButton: (props: IButtonDropdownExtendedButtonProvideProps) => React.ReactNode;\n    /** Функция, отрисовывающая выпадающий блок. */\n    renderDropdown: (props: IButtonDropdownExtendedDropdownProvideProps) => React.ReactNode;\n    /** Ссылка на выпадающий блок. Нужна, чтобы клик внутри блока не считался кликом снаружи. */\n    dropdownRef: React.RefObject<HTMLElement>;\n    /** Закрытие выпадающего блока при нажатии клавиши Tab. */\n    closeOnTab?: boolean;\n}\n\n/**\n * Тип компонента \"Кнопка с выпадающим блоком\" со статическими субкомпонентами.\n *\n * Явная аннотация снимает проверку лишних свойств у Object.assign, поэтому при добавлении\n * или удалении статики этот интерфейс нужно править синхронно: иначе новая статика окажется\n * в рантайме, но не попадёт в публичный тип, и TypeScript промолчит.\n */\nexport interface IButtonDropdownExtendedComponent extends React.ForwardRefExoticComponent<\n    IButtonDropdownExtendedProps & React.RefAttributes<HTMLDivElement>\n> {\n    /** Выпадающий блок. */\n    Dropdown: typeof Dropdown;\n    /** Список опций для выпадающего блока. */\n    DropdownList: typeof DropdownList;\n}\n\n/**\n * Компонент \"Кнопка с выпадающим блоком\".\n * Позволяет кастомизировать кнопку открытия Dropdown и сам Dropdown через render-функции.\n * Пока блок открыт, слушает документ и закрывает его по Escape, по Tab (при closeOnTab)\n * и по клику вне кнопки и вне выпадающего блока.\n */\nexport const ButtonDropdownExtended: IButtonDropdownExtendedComponent = Object.assign(\n    React.forwardRef<HTMLDivElement, IButtonDropdownExtendedProps>(function ButtonDropdownExtended(props, ref) {\n        const { className, opened, setOpened, renderButton, renderDropdown, dropdownRef, closeOnTab, ...rest } = props;\n\n        // Корневой элемент нужен самому компоненту (клик снаружи) и потребителю через forwarded ref.\n        const containerRef = useRef<HTMLDivElement | null>(null);\n\n        const setContainerRef = useCallback(\n            (instance: HTMLDivElement | null) => {\n                containerRef.current = instance;\n\n                if (typeof ref === \"function\") {\n                    ref(instance);\n                } else if (ref) {\n                    ref.current = instance;\n                }\n            },\n            [ref],\n        );\n\n        // Режим управления фиксируется на монтировании и дальше не меняется.\n        const [isControlled] = useState<boolean>(() => opened !== undefined);\n        const [uncontrolledOpened, setUncontrolledOpened] = useState<boolean>(false);\n\n        const computedOpened = isControlled ? !!opened : uncontrolledOpened;\n\n        const handleOpenedChange = useCallback(\n            (nextOpened: boolean) => {\n                if (isControlled) {\n                    setOpened?.(nextOpened);\n                    return;\n                }\n                setUncontrolledOpened(nextOpened);\n            },\n            [isControlled, setOpened],\n        );\n\n        useEffect(() => {\n            if (!computedOpened) {\n                return;\n            }\n\n            const handleKeyDown = (event: KeyboardEvent) => {\n                const key: string | number = event.code || event.keyCode;\n\n                if (isKey(key, \"ESCAPE\") || (closeOnTab && isKey(key, \"TAB\"))) {\n                    handleOpenedChange(false);\n                }\n            };\n\n            const handleClickOutside = (event: Event) => {\n                const button = containerRef.current;\n                const dropdown = dropdownRef.current;\n                const targetNode = event.target as Node | null;\n\n                if (targetNode && !button?.contains(targetNode) && !dropdown?.contains(targetNode)) {\n                    handleOpenedChange(false);\n                }\n            };\n\n            document.addEventListener(\"keydown\", handleKeyDown);\n            document.addEventListener(\"mousedown\", handleClickOutside);\n            document.addEventListener(\"touchstart\", handleClickOutside);\n\n            return () => {\n                document.removeEventListener(\"keydown\", handleKeyDown);\n                document.removeEventListener(\"mousedown\", handleClickOutside);\n                document.removeEventListener(\"touchstart\", handleClickOutside);\n            };\n        }, [computedOpened, closeOnTab, dropdownRef, handleOpenedChange]);\n\n        const classNames = clsx(styles.buttonDropdownExtended, className);\n\n        return (\n            <div className={classNames} ref={setContainerRef} {...rest}>\n                {renderButton({ opened: computedOpened, setOpened: handleOpenedChange })}\n                {renderDropdown({\n                    className: styles.buttonDropdownExtendedBlock,\n                    opened: computedOpened,\n                    setOpened: handleOpenedChange,\n                })}\n            </div>\n        );\n    }),\n    {\n        Dropdown,\n        DropdownList,\n    },\n);\n\nButtonDropdownExtended.displayName = \"ButtonDropdownExtended\";\n"],"names":["React","ButtonDropdownExtended"],"mappings":";;;;;;;;;;;;AA+DO,MAAM,yBAA2D,OAAO;AAAA,EAC3EA,eAAM,WAAyD,SAASC,wBAAuB,OAAO,KAAK;AACvG,UAAM,EAAE,WAAW,QAAQ,WAAW,cAAc,gBAAgB,aAAa,YAAY,GAAG,KAAA,IAAS;AAGzG,UAAM,eAAe,OAA8B,IAAI;AAEvD,UAAM,kBAAkB;AAAA,MACpB,CAAC,aAAoC;AACjC,qBAAa,UAAU;AAEvB,YAAI,OAAO,QAAQ,YAAY;AAC3B,cAAI,QAAQ;AAAA,QAChB,WAAW,KAAK;AACZ,cAAI,UAAU;AAAA,QAClB;AAAA,MACJ;AAAA,MACA,CAAC,GAAG;AAAA,IAAA;AAIR,UAAM,CAAC,YAAY,IAAI,SAAkB,MAAM,WAAW,MAAS;AACnE,UAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAkB,KAAK;AAE3E,UAAM,iBAAiB,eAAe,CAAC,CAAC,SAAS;AAEjD,UAAM,qBAAqB;AAAA,MACvB,CAAC,eAAwB;AACrB,YAAI,cAAc;AACd,iDAAY;AACZ;AAAA,QACJ;AACA,8BAAsB,UAAU;AAAA,MACpC;AAAA,MACA,CAAC,cAAc,SAAS;AAAA,IAAA;AAG5B,cAAU,MAAM;AACZ,UAAI,CAAC,gBAAgB;AACjB;AAAA,MACJ;AAEA,YAAM,gBAAgB,CAAC,UAAyB;AAC5C,cAAM,MAAuB,MAAM,QAAQ,MAAM;AAEjD,YAAI,MAAM,KAAK,QAAQ,KAAM,cAAc,MAAM,KAAK,KAAK,GAAI;AAC3D,6BAAmB,KAAK;AAAA,QAC5B;AAAA,MACJ;AAEA,YAAM,qBAAqB,CAAC,UAAiB;AACzC,cAAM,SAAS,aAAa;AAC5B,cAAM,WAAW,YAAY;AAC7B,cAAM,aAAa,MAAM;AAEzB,YAAI,cAAc,EAAC,iCAAQ,SAAS,gBAAe,EAAC,qCAAU,SAAS,cAAa;AAChF,6BAAmB,KAAK;AAAA,QAC5B;AAAA,MACJ;AAEA,eAAS,iBAAiB,WAAW,aAAa;AAClD,eAAS,iBAAiB,aAAa,kBAAkB;AACzD,eAAS,iBAAiB,cAAc,kBAAkB;AAE1D,aAAO,MAAM;AACT,iBAAS,oBAAoB,WAAW,aAAa;AACrD,iBAAS,oBAAoB,aAAa,kBAAkB;AAC5D,iBAAS,oBAAoB,cAAc,kBAAkB;AAAA,MACjE;AAAA,IACJ,GAAG,CAAC,gBAAgB,YAAY,aAAa,kBAAkB,CAAC;AAEhE,UAAM,aAAa,KAAK,OAAO,wBAAwB,SAAS;AAEhE,gCACK,OAAA,EAAI,WAAW,YAAY,KAAK,iBAAkB,GAAG,MACjD,UAAA;AAAA,MAAA,aAAa,EAAE,QAAQ,gBAAgB,WAAW,oBAAoB;AAAA,MACtE,eAAe;AAAA,QACZ,WAAW,OAAO;AAAA,QAClB,QAAQ;AAAA,QACR,WAAW;AAAA,MAAA,CACd;AAAA,IAAA,GACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI;AAAA,IACA;AAAA,EAAA;AAER;AAEA,uBAAuB,cAAc;"}

package/components/Button/ButtonIcon.js

@@ -3,9 +3,9 @@ import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { EButtonIconShape } from "./enums.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const buttonIcon = "buttonIcon__0106d3aa";
-const circle = "circle__e7633126";
-const squircle = "squircle__bafc5326";
+const buttonIcon = "buttonIcon__99f93361";
+const circle = "circle__2ef0bafd";
+const squircle = "squircle__f9ab37f9";
 const styles = {
   buttonIcon,
   circle,

package/components/Calendar/Calendar.js

@@ -14,9 +14,9 @@ import { CalendarView } from "./components/CalendarView.js";
 import { CalendarFooter } from "./components/CalendarFooter.js";
 import { CalendarFooterButton } from "./components/CalendarFooterButton.js";
 import { parsePickedDate, formatDate } from "./utils.js";
-const calendar = "calendar__56c70b4b";
-const extraBottom = "extraBottom__f398b005";
-const adaptive = "adaptive__027a5673";
+const calendar = "calendar__f14df2a9";
+const extraBottom = "extraBottom__b3b9f3d9";
+const adaptive = "adaptive__bb5eb75a";
 const styles = {
   calendar,
   extraBottom,
@@ -179,7 +179,7 @@ class Calendar extends React__default.PureComponent {
       this.props.adaptiveMode ? styles.adaptive : (viewMode !== ECalendarViewMode.DAYS || todayButtonProps) && styles.extraBottom
     );
     const pickedDate = parsePickedDate(this.props.pickedDate, format);
-    return /* @__PURE__ */ jsx("div", { className: classNames, "data-tx": "1.43.0", children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx("div", { className: classNames, "data-tx": "1.45.0", children: /* @__PURE__ */ jsxs(
       CalendarContext.Provider,
       {
         value: {

package/components/Calendar/components/CalendarControls.js

@@ -9,7 +9,7 @@ import { EButtonIconShape, EButtonTheme } from "../../Button/enums.js";
 import { ECalendarViewMode } from "../enums.js";
 import { globalLimitRange } from "../../../consts/DateConst.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-const calendarControls = "calendarControls__0ae11528";
+const calendarControls = "calendarControls__75239b75";
 const styles = {
   calendarControls
 };

package/components/Calendar/components/CalendarFooter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const calendarFooter = "calendarFooter__dfcd6d5c";
+const calendarFooter = "calendarFooter__3eb0f56e";
 const styles = {
   calendarFooter
 };

package/components/Calendar/components/CalendarViewDays.js

@@ -5,7 +5,7 @@ import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { isDateOutOfRange, isDayDisabled, getFirstEnabledDate, getNavigationShift, shiftDate } from "../utils.js";
 import { WEEKDAYS_SET, WEEKS_SET } from "../../../consts/DateConst.js";
 import { CalendarViewContext } from "../CalendarViewContext.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-DdKK7cTU.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-cQjxsIMh.js";
 import { ECalendarDateMarkType, ECalendarViewMode } from "../enums.js";
 import { CalendarContext } from "../CalendarContext.js";
 const NAVIGATION_STEPS = {

package/components/Calendar/components/CalendarViewItem.js

@@ -4,7 +4,7 @@ import "../../../chunks/vendor-D4wvHis9.js";
 import "../enums.js";
 import "../CalendarViewContext.js";
 import "../../../utils/keyboard.js";
-import { C } from "../../../chunks/CalendarViewItem-DdKK7cTU.js";
+import { C } from "../../../chunks/CalendarViewItem-cQjxsIMh.js";
 export {
   C as CalendarViewItem
 };

package/components/Calendar/components/CalendarViewMonths.js

@@ -4,7 +4,7 @@ import moment from "moment";
 import { CalendarContext } from "../CalendarContext.js";
 import { CalendarViewContext } from "../CalendarViewContext.js";
 import { isDateOutOfRange, getFirstEnabledDate, VIEW_GRID_ROWS, VIEW_GRID_COLUMNS, getNavigationShift, shiftDate, getShiftedDateInRange } from "../utils.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-DdKK7cTU.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-cQjxsIMh.js";
 import { ECalendarPickType, ECalendarViewMode } from "../enums.js";
 const NAVIGATION_STEPS = {
   horizontal: { amount: 1, unit: "month" },

package/components/Calendar/components/CalendarViewYears.js

@@ -3,7 +3,7 @@ import { useContext, useCallback, useState, useEffect } from "react";
 import { CalendarContext } from "../CalendarContext.js";
 import { CalendarViewContext } from "../CalendarViewContext.js";
 import { isDateOutOfRange, getFirstEnabledDate, VIEW_GRID_ROWS, VIEW_GRID_COLUMNS, getNavigationShift, shiftDate, getShiftedDateInRange } from "../utils.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-DdKK7cTU.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-cQjxsIMh.js";
 import { ECalendarViewMode } from "../enums.js";
 const YEARS_BEFORE_VIEW_DATE = 5;
 const YEARS_AFTER_VIEW_DATE = 6;

package/components/Card/CardAction.js

@@ -10,10 +10,10 @@ import { EFocusSource } from "../../enums/EFocusSource.js";
 import { mapCardRoundingSizeToCssClass, mapCardThemeToCssClass } from "./utils.js";
 import { isKey } from "../../utils/keyboard.js";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-import { c as cardStyles } from "../../chunks/Card.module-CJKLM6En.js";
-const action = "action__a87fc493";
-const selected = "selected__a9528c40";
-const focusVisible = "focusVisible__d5997f72";
+import { c as cardStyles } from "../../chunks/Card.module-CNOChUdZ.js";
+const action = "action__e1c947f1";
+const selected = "selected__843ffd5b";
+const focusVisible = "focusVisible__2bae9b76";
 const actionStyles = {
   action,
   selected,
@@ -128,7 +128,7 @@ class CardAction extends React__default.Component {
         role: "button",
         ...attributes,
         ref: this.ref,
-        "data-tx": "1.43.0",
+        "data-tx": "1.45.0",
         children
       }
     );

package/components/Card/CardStatic.js

@@ -3,7 +3,7 @@ import { CardContent } from "./components/CardContent/CardContent.js";
 import { CardMedia } from "./components/CardMedia.js";
 import { mapCardRoundingSizeToCssClass, mapCardThemeToCssClass } from "./utils.js";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-import { c as cardStyles } from "../../chunks/Card.module-CJKLM6En.js";
+import { c as cardStyles } from "../../chunks/Card.module-CNOChUdZ.js";
 import { ECardRoundingSize, ECardTheme } from "./enums.js";
 const CardStatic = ({
   children,
@@ -21,7 +21,7 @@ const CardStatic = ({
       className
     ),
     ...rest,
-    "data-tx": "1.43.0",
+    "data-tx": "1.45.0",
     children
   }
 );

package/components/Card/components/CardContent/CardContent.js

@@ -4,7 +4,7 @@ import { CardContentHeader } from "./components/CardContentHeader.js";
 import { CardContentFooter } from "./components/CardContentFooter.js";
 import { ECardContentPaddingSize } from "../../enums.js";
 import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-import { c as cardStyles } from "../../../../chunks/Card.module-CJKLM6En.js";
+import { c as cardStyles } from "../../../../chunks/Card.module-CNOChUdZ.js";
 const mapCardContentPaddingSizeToCssClass = {
   [ECardContentPaddingSize.MD]: cardStyles.paddingMD,
   [ECardContentPaddingSize.SM]: cardStyles.paddingSM

package/components/Card/components/CardContent/components/CardContentBody.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../../../chunks/vendor-D4wvHis9.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-CJKLM6En.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-CNOChUdZ.js";
 const CardContentBody = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("div", { className: clsx(cardStyles.cardContentBody, className), ...rest, children });
 CardContentBody.displayName = "CardContentBody";
 export {

package/components/Card/components/CardContent/components/CardContentFooter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../../../chunks/vendor-D4wvHis9.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-CJKLM6En.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-CNOChUdZ.js";
 const CardContentFooter = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("div", { className: clsx(cardStyles.cardContentFooter, className), ...rest, children });
 CardContentFooter.displayName = "CardContentFooter";
 export {

package/components/Card/components/CardContent/components/CardContentHeader.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../../../chunks/vendor-D4wvHis9.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-CJKLM6En.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-CNOChUdZ.js";
 const CardContentHeader = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("div", { className: clsx(cardStyles.cardContentHeader, className), ...rest, children });
 CardContentHeader.displayName = "CardContentHeader";
 export {

package/components/Card/components/CardMedia.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { c as cardStyles } from "../../../chunks/Card.module-CJKLM6En.js";
+import { c as cardStyles } from "../../../chunks/Card.module-CNOChUdZ.js";
 const CardMedia = ({ children, className, ...attributes }) => {
   const classNames = clsx(cardStyles.cardMedia, className);
   return /* @__PURE__ */ jsx("div", { className: classNames, ...attributes, children });

package/components/Card/utils.js

@@ -1,5 +1,5 @@
 import { ECardRoundingSize, ECardTheme } from "./enums.js";
-import { c as cardStyles } from "../../chunks/Card.module-CJKLM6En.js";
+import { c as cardStyles } from "../../chunks/Card.module-CNOChUdZ.js";
 const mapCardRoundingSizeToCssClass = {
   [ECardRoundingSize.LG]: cardStyles.roundingLG,
   [ECardRoundingSize.MD]: cardStyles.roundingMD,

package/components/Carousel/Carousel.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { CarouselContext } from "./CarouselContext.js";
 import { ECarouselOrientation, ECarouselScrollMode } from "./enums.js";
 import { resolveViewportPadding, useLatestRef } from "./utils.js";
-import { s as styles } from "../../chunks/Carousel.module-g5TYfNRR.js";
+import { s as styles } from "../../chunks/Carousel.module-BpVAzSjh.js";
 import { CarouselViewport } from "./CarouselViewport.js";
 import { CarouselTrack } from "./CarouselTrack.js";
 import { CarouselItem } from "./CarouselItem.js";

package/components/Carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","sources":["../../../src/components/Carousel/Carousel.tsx"],"sourcesContent":["import React, { useState, useMemo, useRef, useLayoutEffect, useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { CarouselContext } from \"./CarouselContext\";\nimport { ICarouselProps } from \"./types\";\nimport { ECarouselOrientation, ECarouselScrollMode } from \"./enums\";\nimport { resolveViewportPadding, useLatestRef } from \"./utils\";\nimport styles from \"./styles/Carousel.module.less\";\nimport { CarouselViewport } from \"./CarouselViewport\";\nimport { CarouselTrack } from \"./CarouselTrack\";\nimport { CarouselItem } from \"./CarouselItem\";\nimport { CarouselPrevButton, CarouselNextButton } from \"./CarouselButton\";\nimport { CarouselIndicators } from \"./CarouselIndicators\";\n\nconst ORIENTATION_TO_PADDING_KEY = {\n    [ECarouselOrientation.HORIZONTAL]: { start: \"left\", end: \"right\" },\n    [ECarouselOrientation.VERTICAL]: { start: \"top\", end: \"bottom\" },\n} as const;\n\nconst ORIENTATION_TO_RECT_SIZE_KEY = {\n    [ECarouselOrientation.HORIZONTAL]: \"width\",\n    [ECarouselOrientation.VERTICAL]: \"height\",\n} as const;\n\nconst ORIENTATION_TO_CLIENT_SIZE_KEY = {\n    [ECarouselOrientation.HORIZONTAL]: \"clientWidth\",\n    [ECarouselOrientation.VERTICAL]: \"clientHeight\",\n} as const;\n\nconst CarouselRoot = React.forwardRef<HTMLDivElement, ICarouselProps>(\n    (\n        {\n            children,\n            orientation = ECarouselOrientation.HORIZONTAL,\n            scrollMode = ECarouselScrollMode.ITEM,\n            gap = 16,\n            viewportPadding = 0,\n            className,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const [offset, setOffset] = useState(0);\n        const [maxOffset, setMaxOffset] = useState(0);\n        const [activeIndices, setActiveIndices] = useState<number[]>([]);\n        const [currentIndex, setCurrentIndex] = useState(0);\n\n        const paddingKey = Array.isArray(viewportPadding) ? viewportPadding.join(\",\") : String(viewportPadding);\n        const { metrics: normalizedPadding, style: viewportPaddingStyle } = useMemo(\n            () => resolveViewportPadding(viewportPadding),\n            // eslint-disable-next-line react-hooks/exhaustive-deps -- мемоизация по значению, а не по ссылке\n            [paddingKey],\n        );\n\n        // Защита от пересоздания обработчиков жестов во Viewport при смене ориентации\n        const orientationRef = useLatestRef(orientation);\n        // Защита от бесконечного цикла рендеров в updateOffsetAndPages\n        const offsetRef = useLatestRef(offset);\n        // Защита от stale closures в ResizeObserver\n        const currentIndexRef = useLatestRef(currentIndex);\n\n        const viewportRef = useRef<HTMLDivElement | null>(null);\n        const trackRef = useRef<HTMLDivElement | null>(null);\n        const slideRefs = useRef<Map<number, HTMLDivElement>>(new Map());\n        const maxOffsetRef = useRef(maxOffset);\n\n        // Реф для отслеживания запланированного кадра анимации\n        const pageRafIdRef = useRef<number | null>(null);\n        // Хранит настройки предыдущего успешного расчёта для авто-сброса кэша\n        const lastConfigRef = useRef({ gap, scrollMode, orientation });\n\n        const geometryCacheRef = useRef<{\n            sizes: Map<number, number>;\n            starts: Map<number, number>;\n        }>({ sizes: new Map(), starts: new Map() });\n\n        const pageMode = scrollMode === ECarouselScrollMode.PAGE;\n\n        const getSlideSize = useCallback(\n            (index: number) => {\n                if (geometryCacheRef.current.sizes.has(index)) {\n                    // Безопасно: строка выше гарантирует наличие значения в кэше.\n                    return geometryCacheRef.current.sizes.get(index)!;\n                }\n\n                const slide = slideRefs.current.get(index);\n                if (!slide) return 0;\n\n                const rect = slide.getBoundingClientRect();\n                const key = ORIENTATION_TO_RECT_SIZE_KEY[orientation];\n                const size = rect[key];\n\n                geometryCacheRef.current.sizes.set(index, size);\n                return size;\n            },\n            [orientation],\n        );\n\n        const getSlidesCount = useCallback(() => slideRefs.current.size, []);\n\n        const getSlideStart = useCallback(\n            (index: number): number => {\n                if (index <= 0) {\n                    return 0;\n                }\n\n                if (geometryCacheRef.current.starts.has(index)) {\n                    // Безопасно: строка выше гарантирует наличие значения в кэше.\n                    return geometryCacheRef.current.starts.get(index)!;\n                }\n\n                const prevIndex = index - 1;\n                const start = getSlideStart(prevIndex) + getSlideSize(prevIndex) + gap;\n\n                geometryCacheRef.current.starts.set(index, start);\n                return start;\n            },\n            [gap, getSlideSize],\n        );\n\n        const getSlideEnd = useCallback(\n            (index: number) => {\n                return getSlideStart(index) + getSlideSize(index);\n            },\n            [getSlideStart, getSlideSize],\n        );\n\n        const getViewportSize = useCallback(() => {\n            if (!viewportRef.current) return 0;\n            const key = ORIENTATION_TO_CLIENT_SIZE_KEY[orientation];\n            return viewportRef.current[key];\n        }, [orientation]);\n\n        const updateOffsetAndPages = useCallback(\n            (index: number) => {\n                const lastConfig = lastConfigRef.current;\n                if (\n                    lastConfig.gap !== gap ||\n                    lastConfig.scrollMode !== scrollMode ||\n                    lastConfig.orientation !== orientation\n                ) {\n                    geometryCacheRef.current.sizes.clear();\n                    geometryCacheRef.current.starts.clear();\n                    lastConfigRef.current = { gap, scrollMode, orientation };\n                }\n\n                const slidesCount = getSlidesCount();\n                if (slidesCount === 0) {\n                    maxOffsetRef.current = 0;\n                    setOffset((prev) => (prev !== 0 ? 0 : prev));\n                    setMaxOffset((prev) => (prev !== 0 ? 0 : prev));\n                    setActiveIndices(Array.of());\n                    return;\n                }\n\n                const totalContentSize = getSlideEnd(slidesCount - 1);\n                const containerSize = getViewportSize();\n\n                const { start: startKey, end: endKey } = ORIENTATION_TO_PADDING_KEY[orientation];\n                const startP = normalizedPadding[startKey];\n                const endP = normalizedPadding[endKey];\n\n                const calculatedMaxOffset = Math.max(0, totalContentSize + startP + endP - containerSize);\n                maxOffsetRef.current = calculatedMaxOffset;\n\n                let targetOffset = 0;\n\n                if (pageMode && containerSize > 0) {\n                    const pagesMatrix: number[][] = [];\n                    let currentPage: number[] = [];\n                    let currentGroupSize = 0;\n\n                    for (let i = 0; i < slidesCount; i++) {\n                        const slideSize = getSlideSize(i);\n                        const addedSize = currentPage.length > 0 ? slideSize + gap : slideSize;\n\n                        if (currentGroupSize + addedSize <= containerSize + 1) {\n                            currentPage.push(i);\n                            currentGroupSize += addedSize;\n                        } else {\n                            if (currentPage.length > 0) pagesMatrix.push(currentPage);\n                            currentPage = [i];\n                            currentGroupSize = slideSize;\n                        }\n                    }\n\n                    if (currentPage.length > 0) pagesMatrix.push(currentPage);\n\n                    const clampedIndex = Math.max(0, Math.min(index, pagesMatrix.length - 1));\n\n                    if (clampedIndex !== index) {\n                        if (pageRafIdRef.current !== null) {\n                            cancelAnimationFrame(pageRafIdRef.current);\n                        }\n\n                        pageRafIdRef.current = requestAnimationFrame(() => {\n                            setCurrentIndex(clampedIndex);\n                            pageRafIdRef.current = null;\n                        });\n                    }\n\n                    const validPageIndices = Array.from({ length: pagesMatrix.length }, (_, i) => i);\n\n                    setActiveIndices((prev) => {\n                        if (prev.length === validPageIndices.length) return prev;\n                        return validPageIndices;\n                    });\n\n                    const currentGroup = pagesMatrix[clampedIndex];\n                    if (currentGroup && currentGroup.length > 0) {\n                        const firstSlideIndex = currentGroup[0];\n                        const lastSlideIndex = currentGroup[currentGroup.length - 1];\n                        const groupStart = getSlideStart(firstSlideIndex);\n\n                        const lastSlideSize = getSlideSize(lastSlideIndex);\n                        const groupEnd = getSlideStart(lastSlideIndex) + lastSlideSize;\n                        const groupSize = groupEnd - groupStart;\n\n                        targetOffset = groupStart - (containerSize - groupSize) / 2;\n                    }\n                } else {\n                    setActiveIndices((prev) => (prev.length === 0 ? prev : []));\n\n                    const slideStart = getSlideStart(index);\n                    const slideEnd = getSlideEnd(index);\n\n                    const currentOffset = offsetRef.current;\n                    const containerEnd = currentOffset + containerSize;\n\n                    // Ситуация 1: Слайд шире, чем сам контейнер (огромный слайд)\n                    if (slideEnd - slideStart > containerSize) {\n                        if (currentOffset < slideStart - startP) {\n                            targetOffset = slideStart - startP;\n                        } else if (currentOffset + containerSize > slideEnd + endP) {\n                            targetOffset = slideEnd - containerSize + endP;\n                        } else {\n                            targetOffset = currentOffset;\n                        }\n                    }\n                    // Ситуация 2: Стандартный слайд (меньше или равен размеру контейнера)\n                    else {\n                        if (slideEnd > containerEnd + 1) {\n                            targetOffset = slideEnd - containerSize + startP + endP;\n                        } else if (slideStart < currentOffset - 1) {\n                            targetOffset = slideStart - startP;\n                        } else {\n                            targetOffset = currentOffset;\n                        }\n                    }\n                }\n\n                if (targetOffset <= 0 || calculatedMaxOffset === 0) {\n                    setOffset(0);\n                } else if (targetOffset >= calculatedMaxOffset) {\n                    setOffset(calculatedMaxOffset);\n                } else {\n                    setOffset(targetOffset);\n                }\n\n                // Обновляем реактивный стейт для синхронизации с кнопками (стрелками)\n                setMaxOffset((prev) => (prev !== calculatedMaxOffset ? calculatedMaxOffset : prev));\n            },\n            [\n                gap,\n                scrollMode,\n                orientation,\n                getSlidesCount,\n                getSlideEnd,\n                getViewportSize,\n                normalizedPadding,\n                pageMode,\n                getSlideSize,\n                getSlideStart,\n            ],\n        );\n\n        const nextSlide = useCallback(() => {\n            if (pageMode) {\n                setCurrentIndex((prev) => (prev === activeIndices.length - 1 ? prev : prev + 1));\n                return;\n            }\n\n            const slidesCount = getSlidesCount();\n            const containerSize = getViewportSize();\n\n            const currentSlideEnd = getSlideEnd(currentIndex);\n\n            const { end: endKey } = ORIENTATION_TO_PADDING_KEY[orientation];\n            const endP = normalizedPadding[endKey];\n\n            // Случай 1: Мы на огромном слайде, и его правый край всё еще скрыт за экраном\n            if (currentSlideEnd + endP > offset + containerSize + 1) {\n                // Вычисляем следующий шаг (не дальше, чем правый край слайда с учётом endP)\n                const maxSlideOffset = currentSlideEnd - containerSize + endP;\n                const nextOffset = Math.min(offset + containerSize, maxSlideOffset);\n                const clampedOffset = Math.min(nextOffset, maxOffsetRef.current);\n\n                setOffset(clampedOffset);\n                return; // Индекс не меняем, просто продвинули скролл внутри слайда\n            }\n\n            // Случай 2: Текущий слайд закончился, ищем следующий скрытый элемент\n            for (let i = currentIndex + 1; i < slidesCount; i++) {\n                const slideEnd = getSlideEnd(i);\n\n                if (slideEnd + endP > offset + containerSize + 1) {\n                    setCurrentIndex(i);\n                    return;\n                }\n            }\n            setCurrentIndex(Math.max(0, slidesCount - 1));\n        }, [\n            pageMode,\n            activeIndices.length,\n            getSlidesCount,\n            getViewportSize,\n            getSlideEnd,\n            orientation,\n            normalizedPadding,\n            offset,\n            currentIndex,\n        ]);\n\n        const prevSlide = useCallback(() => {\n            if (pageMode) {\n                setCurrentIndex((prev) => (prev === 0 ? prev : prev - 1));\n                return;\n            }\n\n            const containerSize = getViewportSize();\n            const currentSlideStart = getSlideStart(currentIndex);\n\n            const { start: startKey } = ORIENTATION_TO_PADDING_KEY[orientation];\n            const startP = normalizedPadding[startKey];\n\n            // Случай 1: Мы на огромном слайде, и его левый край скрыт слева за экраном\n            if (currentSlideStart - startP < offset - 1) {\n                // Вычисляем шаг назад (не дальше, чем левый край слайда с учётом startP)\n                const minSlideOffset = currentSlideStart - startP;\n                const prevOffset = Math.max(offset - containerSize, minSlideOffset);\n                const clampedOffset = Math.max(0, prevOffset);\n\n                setOffset(clampedOffset);\n                return; // Индекс не меняем, скроллим назад внутри слайда\n            }\n\n            // Случай 2: Левый край текущего слайда полностью виден, ищем предыдущие скрытые элементы\n            for (let i = currentIndex - 1; i >= 0; i--) {\n                const slideStart = getSlideStart(i);\n\n                if (slideStart - startP < offset - 1) {\n                    setCurrentIndex(i);\n                    return;\n                }\n            }\n\n            setCurrentIndex(0);\n        }, [pageMode, getViewportSize, getSlideStart, orientation, normalizedPadding, offset, currentIndex]);\n\n        const goToSlide = useCallback(\n            (slideIndex: number) => {\n                const slidesCount = getSlidesCount();\n                if (slidesCount === 0) {\n                    setCurrentIndex(0);\n                    return;\n                }\n\n                const clampedIndex = Math.max(0, Math.min(slideIndex, slidesCount - 1));\n                setCurrentIndex(clampedIndex);\n            },\n            [getSlidesCount],\n        );\n\n        // ResizeObserver для адаптивности при изменении размеров экрана или контента\n        useLayoutEffect(() => {\n            if (!viewportRef.current || !trackRef.current) return;\n\n            const observer = new ResizeObserver(() => {\n                geometryCacheRef.current.sizes.clear();\n                geometryCacheRef.current.starts.clear();\n\n                updateOffsetAndPages(currentIndexRef.current);\n            });\n\n            observer.observe(viewportRef.current);\n            observer.observe(trackRef.current);\n\n            return () => observer.disconnect();\n        }, [updateOffsetAndPages]);\n\n        // Сброс индекса при изменении ключевых настроек карусели\n        useEffect(() => {\n            setCurrentIndex(0);\n        }, [gap, scrollMode, orientation]);\n\n        // Синхронизация смещения при изменении индекса\n        useEffect(() => {\n            updateOffsetAndPages(currentIndex);\n        }, [currentIndex, updateOffsetAndPages]);\n\n        // Очистка запланированных анимационных фреймов при размонтировании карусели\n        useEffect(() => {\n            return () => {\n                if (pageRafIdRef.current !== null) {\n                    cancelAnimationFrame(pageRafIdRef.current);\n                }\n            };\n        }, []);\n\n        // Вычисление граничных состояний (актуально для отключения стрелок навигации)\n        const atStart = pageMode ? currentIndex === 0 : offset <= 1;\n        const atEnd = pageMode\n            ? activeIndices.length === 0 || currentIndex >= activeIndices.length - 1\n            : maxOffset > 0\n              ? offset >= maxOffset - 1\n              : true;\n\n        const classNames = clsx(styles.carousel, styles[orientation], className);\n\n        const contextValue = useMemo(\n            () => ({\n                gap,\n                orientation,\n                scrollMode,\n                offset,\n                activeIndices,\n                currentIndex,\n                viewportPaddingStyle,\n                atStart,\n                atEnd,\n                nextSlide,\n                prevSlide,\n                goToSlide,\n                orientationRef,\n                offsetRef,\n                maxOffsetRef,\n                currentIndexRef,\n                viewportRef,\n                trackRef,\n                slideRefs,\n            }),\n            [\n                gap,\n                orientation,\n                scrollMode,\n                offset,\n                activeIndices,\n                currentIndex,\n                viewportPaddingStyle,\n                atStart,\n                atEnd,\n                nextSlide,\n                prevSlide,\n                goToSlide,\n            ],\n        );\n\n        return (\n            <CarouselContext.Provider value={contextValue}>\n                <div className={classNames} {...restProps} ref={ref}>\n                    {children}\n                </div>\n            </CarouselContext.Provider>\n        );\n    },\n);\n\nCarouselRoot.displayName = \"Carousel\";\n\n/**\n * Карусель.\n * @beta\n */\nexport const Carousel = Object.assign(CarouselRoot, {\n    Viewport: CarouselViewport,\n    Track: CarouselTrack,\n    Item: CarouselItem,\n    PrevButton: CarouselPrevButton,\n    NextButton: CarouselNextButton,\n    Indicators: CarouselIndicators,\n});\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Carousel.js","sources":["../../../src/components/Carousel/Carousel.tsx"],"sourcesContent":["import React, { useState, useMemo, useRef, useLayoutEffect, useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { CarouselContext } from \"./CarouselContext\";\nimport { ICarouselProps } from \"./types\";\nimport { ECarouselOrientation, ECarouselScrollMode } from \"./enums\";\nimport { resolveViewportPadding, useLatestRef } from \"./utils\";\nimport styles from \"./styles/Carousel.module.less\";\nimport { CarouselViewport } from \"./CarouselViewport\";\nimport { CarouselTrack } from \"./CarouselTrack\";\nimport { CarouselItem } from \"./CarouselItem\";\nimport { CarouselPrevButton, CarouselNextButton } from \"./CarouselButton\";\nimport { CarouselIndicators } from \"./CarouselIndicators\";\n\nconst ORIENTATION_TO_PADDING_KEY = {\n    [ECarouselOrientation.HORIZONTAL]: { start: \"left\", end: \"right\" },\n    [ECarouselOrientation.VERTICAL]: { start: \"top\", end: \"bottom\" },\n} as const;\n\nconst ORIENTATION_TO_RECT_SIZE_KEY = {\n    [ECarouselOrientation.HORIZONTAL]: \"width\",\n    [ECarouselOrientation.VERTICAL]: \"height\",\n} as const;\n\nconst ORIENTATION_TO_CLIENT_SIZE_KEY = {\n    [ECarouselOrientation.HORIZONTAL]: \"clientWidth\",\n    [ECarouselOrientation.VERTICAL]: \"clientHeight\",\n} as const;\n\nconst CarouselRoot = React.forwardRef<HTMLDivElement, ICarouselProps>(\n    (\n        {\n            children,\n            orientation = ECarouselOrientation.HORIZONTAL,\n            scrollMode = ECarouselScrollMode.ITEM,\n            gap = 16,\n            viewportPadding = 0,\n            className,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const [offset, setOffset] = useState(0);\n        const [maxOffset, setMaxOffset] = useState(0);\n        const [activeIndices, setActiveIndices] = useState<number[]>([]);\n        const [currentIndex, setCurrentIndex] = useState(0);\n\n        const paddingKey = Array.isArray(viewportPadding) ? viewportPadding.join(\",\") : String(viewportPadding);\n        const { metrics: normalizedPadding, style: viewportPaddingStyle } = useMemo(\n            () => resolveViewportPadding(viewportPadding),\n            // eslint-disable-next-line react-hooks/exhaustive-deps -- мемоизация по значению, а не по ссылке\n            [paddingKey],\n        );\n\n        // Защита от пересоздания обработчиков жестов во Viewport при смене ориентации\n        const orientationRef = useLatestRef(orientation);\n        // Защита от бесконечного цикла рендеров в updateOffsetAndPages\n        const offsetRef = useLatestRef(offset);\n        // Защита от stale closures в ResizeObserver\n        const currentIndexRef = useLatestRef(currentIndex);\n\n        const viewportRef = useRef<HTMLDivElement | null>(null);\n        const trackRef = useRef<HTMLDivElement | null>(null);\n        const slideRefs = useRef<Map<number, HTMLDivElement>>(new Map());\n        const maxOffsetRef = useRef(maxOffset);\n\n        // Реф для отслеживания запланированного кадра анимации\n        const pageRafIdRef = useRef<number | null>(null);\n        // Хранит настройки предыдущего успешного расчёта для авто-сброса кэша\n        const lastConfigRef = useRef({ gap, scrollMode, orientation });\n\n        const geometryCacheRef = useRef<{\n            sizes: Map<number, number>;\n            starts: Map<number, number>;\n        }>({ sizes: new Map(), starts: new Map() });\n\n        const pageMode = scrollMode === ECarouselScrollMode.PAGE;\n\n        const getSlideSize = useCallback(\n            (index: number) => {\n                if (geometryCacheRef.current.sizes.has(index)) {\n                    // Безопасно: строка выше гарантирует наличие значения в кэше.\n                    return geometryCacheRef.current.sizes.get(index)!;\n                }\n\n                const slide = slideRefs.current.get(index);\n                if (!slide) return 0;\n\n                const rect = slide.getBoundingClientRect();\n                const key = ORIENTATION_TO_RECT_SIZE_KEY[orientation];\n                const size = rect[key];\n\n                geometryCacheRef.current.sizes.set(index, size);\n                return size;\n            },\n            [orientation],\n        );\n\n        const getSlidesCount = useCallback(() => slideRefs.current.size, []);\n\n        const getSlideStart = useCallback(\n            (index: number): number => {\n                if (index <= 0) {\n                    return 0;\n                }\n\n                if (geometryCacheRef.current.starts.has(index)) {\n                    // Безопасно: строка выше гарантирует наличие значения в кэше.\n                    return geometryCacheRef.current.starts.get(index)!;\n                }\n\n                const prevIndex = index - 1;\n                const start = getSlideStart(prevIndex) + getSlideSize(prevIndex) + gap;\n\n                geometryCacheRef.current.starts.set(index, start);\n                return start;\n            },\n            [gap, getSlideSize],\n        );\n\n        const getSlideEnd = useCallback(\n            (index: number) => {\n                return getSlideStart(index) + getSlideSize(index);\n            },\n            [getSlideStart, getSlideSize],\n        );\n\n        const getViewportSize = useCallback(() => {\n            if (!viewportRef.current) return 0;\n            const key = ORIENTATION_TO_CLIENT_SIZE_KEY[orientation];\n            return viewportRef.current[key];\n        }, [orientation]);\n\n        const updateOffsetAndPages = useCallback(\n            (index: number) => {\n                const lastConfig = lastConfigRef.current;\n                if (\n                    lastConfig.gap !== gap ||\n                    lastConfig.scrollMode !== scrollMode ||\n                    lastConfig.orientation !== orientation\n                ) {\n                    geometryCacheRef.current.sizes.clear();\n                    geometryCacheRef.current.starts.clear();\n                    lastConfigRef.current = { gap, scrollMode, orientation };\n                }\n\n                const slidesCount = getSlidesCount();\n                if (slidesCount === 0) {\n                    maxOffsetRef.current = 0;\n                    setOffset((prev) => (prev !== 0 ? 0 : prev));\n                    setMaxOffset((prev) => (prev !== 0 ? 0 : prev));\n                    setActiveIndices(Array.of());\n                    return;\n                }\n\n                const totalContentSize = getSlideEnd(slidesCount - 1);\n                const containerSize = getViewportSize();\n\n                const { start: startKey, end: endKey } = ORIENTATION_TO_PADDING_KEY[orientation];\n                const startP = normalizedPadding[startKey];\n                const endP = normalizedPadding[endKey];\n\n                const calculatedMaxOffset = Math.max(0, totalContentSize + startP + endP - containerSize);\n                maxOffsetRef.current = calculatedMaxOffset;\n\n                let targetOffset = 0;\n\n                if (pageMode && containerSize > 0) {\n                    const pagesMatrix: number[][] = [];\n                    let currentPage: number[] = [];\n                    let currentGroupSize = 0;\n\n                    for (let i = 0; i < slidesCount; i++) {\n                        const slideSize = getSlideSize(i);\n                        const addedSize = currentPage.length > 0 ? slideSize + gap : slideSize;\n\n                        if (currentGroupSize + addedSize <= containerSize + 1) {\n                            currentPage.push(i);\n                            currentGroupSize += addedSize;\n                        } else {\n                            if (currentPage.length > 0) pagesMatrix.push(currentPage);\n                            currentPage = [i];\n                            currentGroupSize = slideSize;\n                        }\n                    }\n\n                    if (currentPage.length > 0) pagesMatrix.push(currentPage);\n\n                    const clampedIndex = Math.max(0, Math.min(index, pagesMatrix.length - 1));\n\n                    if (clampedIndex !== index) {\n                        if (pageRafIdRef.current !== null) {\n                            cancelAnimationFrame(pageRafIdRef.current);\n                        }\n\n                        pageRafIdRef.current = requestAnimationFrame(() => {\n                            setCurrentIndex(clampedIndex);\n                            pageRafIdRef.current = null;\n                        });\n                    }\n\n                    const validPageIndices = Array.from({ length: pagesMatrix.length }, (_, i) => i);\n\n                    setActiveIndices((prev) => {\n                        if (prev.length === validPageIndices.length) return prev;\n                        return validPageIndices;\n                    });\n\n                    const currentGroup = pagesMatrix[clampedIndex];\n                    if (currentGroup && currentGroup.length > 0) {\n                        const firstSlideIndex = currentGroup[0];\n                        const lastSlideIndex = currentGroup[currentGroup.length - 1];\n                        const groupStart = getSlideStart(firstSlideIndex);\n\n                        const lastSlideSize = getSlideSize(lastSlideIndex);\n                        const groupEnd = getSlideStart(lastSlideIndex) + lastSlideSize;\n                        const groupSize = groupEnd - groupStart;\n\n                        targetOffset = groupStart - (containerSize - groupSize) / 2;\n                    }\n                } else {\n                    setActiveIndices((prev) => (prev.length === 0 ? prev : []));\n\n                    const slideStart = getSlideStart(index);\n                    const slideEnd = getSlideEnd(index);\n\n                    const currentOffset = offsetRef.current;\n                    const containerEnd = currentOffset + containerSize;\n\n                    // Ситуация 1: Слайд шире, чем сам контейнер (огромный слайд)\n                    if (slideEnd - slideStart > containerSize) {\n                        if (currentOffset < slideStart - startP) {\n                            targetOffset = slideStart - startP;\n                        } else if (currentOffset + containerSize > slideEnd + endP) {\n                            targetOffset = slideEnd - containerSize + endP;\n                        } else {\n                            targetOffset = currentOffset;\n                        }\n                    }\n                    // Ситуация 2: Стандартный слайд (меньше или равен размеру контейнера)\n                    else {\n                        if (slideEnd > containerEnd + 1) {\n                            targetOffset = slideEnd - containerSize + startP + endP;\n                        } else if (slideStart < currentOffset - 1) {\n                            targetOffset = slideStart - startP;\n                        } else {\n                            targetOffset = currentOffset;\n                        }\n                    }\n                }\n\n                if (targetOffset <= 0 || calculatedMaxOffset === 0) {\n                    setOffset(0);\n                } else if (targetOffset >= calculatedMaxOffset) {\n                    setOffset(calculatedMaxOffset);\n                } else {\n                    setOffset(targetOffset);\n                }\n\n                // Обновляем реактивный стейт для синхронизации с кнопками (стрелками)\n                setMaxOffset((prev) => (prev !== calculatedMaxOffset ? calculatedMaxOffset : prev));\n            },\n            [\n                gap,\n                scrollMode,\n                orientation,\n                getSlidesCount,\n                getSlideEnd,\n                getViewportSize,\n                normalizedPadding,\n                pageMode,\n                getSlideSize,\n                getSlideStart,\n            ],\n        );\n\n        const nextSlide = useCallback(() => {\n            if (pageMode) {\n                setCurrentIndex((prev) => (prev === activeIndices.length - 1 ? prev : prev + 1));\n                return;\n            }\n\n            const slidesCount = getSlidesCount();\n            const containerSize = getViewportSize();\n\n            const currentSlideEnd = getSlideEnd(currentIndex);\n\n            const { end: endKey } = ORIENTATION_TO_PADDING_KEY[orientation];\n            const endP = normalizedPadding[endKey];\n\n            // Случай 1: Мы на огромном слайде, и его правый край всё еще скрыт за экраном\n            if (currentSlideEnd + endP > offset + containerSize + 1) {\n                // Вычисляем следующий шаг (не дальше, чем правый край слайда с учётом endP)\n                const maxSlideOffset = currentSlideEnd - containerSize + endP;\n                const nextOffset = Math.min(offset + containerSize, maxSlideOffset);\n                const clampedOffset = Math.min(nextOffset, maxOffsetRef.current);\n\n                setOffset(clampedOffset);\n                return; // Индекс не меняем, просто продвинули скролл внутри слайда\n            }\n\n            // Случай 2: Текущий слайд закончился, ищем следующий скрытый элемент\n            for (let i = currentIndex + 1; i < slidesCount; i++) {\n                const slideEnd = getSlideEnd(i);\n\n                if (slideEnd + endP > offset + containerSize + 1) {\n                    setCurrentIndex(i);\n                    return;\n                }\n            }\n            setCurrentIndex(Math.max(0, slidesCount - 1));\n        }, [\n            pageMode,\n            activeIndices.length,\n            getSlidesCount,\n            getViewportSize,\n            getSlideEnd,\n            orientation,\n            normalizedPadding,\n            offset,\n            currentIndex,\n        ]);\n\n        const prevSlide = useCallback(() => {\n            if (pageMode) {\n                setCurrentIndex((prev) => (prev === 0 ? prev : prev - 1));\n                return;\n            }\n\n            const containerSize = getViewportSize();\n            const currentSlideStart = getSlideStart(currentIndex);\n\n            const { start: startKey } = ORIENTATION_TO_PADDING_KEY[orientation];\n            const startP = normalizedPadding[startKey];\n\n            // Случай 1: Мы на огромном слайде, и его левый край скрыт слева за экраном\n            if (currentSlideStart - startP < offset - 1) {\n                // Вычисляем шаг назад (не дальше, чем левый край слайда с учётом startP)\n                const minSlideOffset = currentSlideStart - startP;\n                const prevOffset = Math.max(offset - containerSize, minSlideOffset);\n                const clampedOffset = Math.max(0, prevOffset);\n\n                setOffset(clampedOffset);\n                return; // Индекс не меняем, скроллим назад внутри слайда\n            }\n\n            // Случай 2: Левый край текущего слайда полностью виден, ищем предыдущие скрытые элементы\n            for (let i = currentIndex - 1; i >= 0; i--) {\n                const slideStart = getSlideStart(i);\n\n                if (slideStart - startP < offset - 1) {\n                    setCurrentIndex(i);\n                    return;\n                }\n            }\n\n            setCurrentIndex(0);\n        }, [pageMode, getViewportSize, getSlideStart, orientation, normalizedPadding, offset, currentIndex]);\n\n        const goToSlide = useCallback(\n            (slideIndex: number) => {\n                const slidesCount = getSlidesCount();\n                if (slidesCount === 0) {\n                    setCurrentIndex(0);\n                    return;\n                }\n\n                const clampedIndex = Math.max(0, Math.min(slideIndex, slidesCount - 1));\n                setCurrentIndex(clampedIndex);\n            },\n            [getSlidesCount],\n        );\n\n        // ResizeObserver для адаптивности при изменении размеров экрана или контента\n        useLayoutEffect(() => {\n            if (!viewportRef.current || !trackRef.current) return;\n\n            const observer = new ResizeObserver(() => {\n                geometryCacheRef.current.sizes.clear();\n                geometryCacheRef.current.starts.clear();\n\n                updateOffsetAndPages(currentIndexRef.current);\n            });\n\n            observer.observe(viewportRef.current);\n            observer.observe(trackRef.current);\n\n            return () => observer.disconnect();\n        }, [updateOffsetAndPages]);\n\n        // Сброс индекса при изменении ключевых настроек карусели\n        useEffect(() => {\n            setCurrentIndex(0);\n        }, [gap, scrollMode, orientation]);\n\n        // Синхронизация смещения при изменении индекса\n        useEffect(() => {\n            updateOffsetAndPages(currentIndex);\n        }, [currentIndex, updateOffsetAndPages]);\n\n        // Очистка запланированных анимационных фреймов при размонтировании карусели\n        useEffect(() => {\n            return () => {\n                if (pageRafIdRef.current !== null) {\n                    cancelAnimationFrame(pageRafIdRef.current);\n                }\n            };\n        }, []);\n\n        // Вычисление граничных состояний (актуально для отключения стрелок навигации)\n        const atStart = pageMode ? currentIndex === 0 : offset <= 1;\n        const atEnd = pageMode\n            ? activeIndices.length === 0 || currentIndex >= activeIndices.length - 1\n            : maxOffset > 0\n              ? offset >= maxOffset - 1\n              : true;\n\n        const classNames = clsx(styles.carousel, styles[orientation], className);\n\n        const contextValue = useMemo(\n            () => ({\n                gap,\n                orientation,\n                scrollMode,\n                offset,\n                activeIndices,\n                currentIndex,\n                viewportPaddingStyle,\n                atStart,\n                atEnd,\n                nextSlide,\n                prevSlide,\n                goToSlide,\n                orientationRef,\n                offsetRef,\n                maxOffsetRef,\n                currentIndexRef,\n                viewportRef,\n                trackRef,\n                slideRefs,\n            }),\n            [\n                gap,\n                orientation,\n                scrollMode,\n                offset,\n                activeIndices,\n                currentIndex,\n                viewportPaddingStyle,\n                atStart,\n                atEnd,\n                nextSlide,\n                prevSlide,\n                goToSlide,\n            ],\n        );\n\n        return (\n            <CarouselContext.Provider value={contextValue}>\n                <div className={classNames} {...restProps} ref={ref}>\n                    {children}\n                </div>\n            </CarouselContext.Provider>\n        );\n    },\n);\n\nCarouselRoot.displayName = \"Carousel\";\n\n/** Карусель. */\nexport const Carousel = Object.assign(CarouselRoot, {\n    Viewport: CarouselViewport,\n    Track: CarouselTrack,\n    Item: CarouselItem,\n    PrevButton: CarouselPrevButton,\n    NextButton: CarouselNextButton,\n    Indicators: CarouselIndicators,\n});\n"],"names":["React"],"mappings":"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"}

package/components/Carousel/CarouselButton.js

@@ -6,14 +6,14 @@ import { useMatchMedia } from "../MediaWidth/useMatchMedia.js";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
 import { CaretupStrokeSrvIcon20, CaretleftStrokeSrvIcon20, CaretdownStrokeSrvIcon20, CaretrightStrokeSrvIcon20 } from "@sberbusiness/icons-next";
 import { ECarouselOrientation } from "./enums.js";
-import { s as styles } from "../../chunks/Carousel.module-g5TYfNRR.js";
+import { s as styles } from "../../chunks/Carousel.module-BpVAzSjh.js";
 const ORIENTATION_TO_PREV_ICON_MAP = {
   [ECarouselOrientation.HORIZONTAL]: /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon20, { paletteIndex: 7 }),
   [ECarouselOrientation.VERTICAL]: /* @__PURE__ */ jsx(CaretupStrokeSrvIcon20, { paletteIndex: 7 })
 };
 const CarouselPrevButton = React__default.forwardRef(
   ({ children, className, onClick, ...restProps }, ref) => {
-    const { atStart, prevSlide, orientationRef } = useContext(CarouselContext);
+    const { orientation, atStart, prevSlide } = useContext(CarouselContext);
     const touchDevice = useMatchMedia("(pointer: coarse)");
     const handleClick = useCallback(
       (event) => {
@@ -33,7 +33,7 @@ const CarouselPrevButton = React__default.forwardRef(
         "aria-disabled": atStart,
         onClick: handleClick,
         ref,
-        children: children || ORIENTATION_TO_PREV_ICON_MAP[orientationRef.current]
+        children: children || ORIENTATION_TO_PREV_ICON_MAP[orientation]
       }
     );
   }
@@ -45,7 +45,7 @@ const ORIENTATION_TO_NEXT_ICON_MAP = {
 };
 const CarouselNextButton = React__default.forwardRef(
   ({ children, className, onClick, ...restProps }, ref) => {
-    const { atEnd, nextSlide, orientationRef } = useContext(CarouselContext);
+    const { orientation, atEnd, nextSlide } = useContext(CarouselContext);
     const touchDevice = useMatchMedia("(pointer: coarse)");
     const handleClick = useCallback(
       (event) => {
@@ -65,7 +65,7 @@ const CarouselNextButton = React__default.forwardRef(
         "aria-disabled": atEnd,
         onClick: handleClick,
         ref,
-        children: children || ORIENTATION_TO_NEXT_ICON_MAP[orientationRef.current]
+        children: children || ORIENTATION_TO_NEXT_ICON_MAP[orientation]
       }
     );
   }