@sberbusiness/triplex-next 0.42.0 → 0.44.0

package/components/OrderedList/OrderedList.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
 import { OrderedListItem } from "./OrderedListItem.js";
-const orderedList = "orderedList__373234f5";
+const orderedList = "orderedList__83d7b436";
 const styles = {
   orderedList
 };
@@ -17,7 +17,7 @@ const OrderedList = Object.assign(
         ["--start-index-tx"]: start - 1
       } : style,
       ...restProps,
-      "data-tx": "0.42.0",
+      "data-tx": "0.44.0",
       ref
     }
   )),

package/components/OrderedList/OrderedListItem.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
 import { ETextSize } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const orderedListItem = "orderedListItem__fd58d13f";
+const orderedListItem = "orderedListItem__ef66850f";
 const styles = {
   orderedListItem
 };
@@ -18,7 +18,7 @@ const OrderedListItem = React.forwardRef(
       size: ETextSize.B3,
       tag: "li",
       ...restProps,
-      "data-tx": "0.42.0",
+      "data-tx": "0.44.0",
       ref
     }
   )

package/components/Overlay/Overlay.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
 import { OverlayBase } from "./OverlayBase.js";
 import { OverlayMask } from "./OverlayMask.js";
 import { OverlayPanel } from "./OverlayPanel.js";
-import { s as styles } from "../../chunks/Overlay.module-DMEQkLdC.js";
+import { s as styles } from "../../chunks/Overlay.module-j5KD3ldz.js";
 const Overlay = Object.assign(
   React.forwardRef(
     ({

package/components/Overlay/OverlayBase.js

@@ -57,6 +57,10 @@ const OverlayBase = ({
     }
   }, [opening]);
   useEffect(() => {
+    var _a, _b;
+    if (opened) {
+      (_b = (_a = callbacks.current).onOpen) == null ? void 0 : _b.call(_a);
+    }
     isFirstRender.current = false;
   }, []);
   return children({ closing, direction, opened, opening, setClosing, setOpened, setOpening });

package/components/Overlay/OverlayBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayBase.js","sources":["../../../src/components/Overlay/OverlayBase.tsx"],"sourcesContent":["import React from \"react\";\nimport { useState, useEffect, useRef, useLayoutEffect } from \"react\";\n\nexport enum EOverlayDirection {\n    BOTTOM = \"bottom\",\n    LEFT = \"left\",\n    RIGHT = \"right\",\n    TOP = \"top\",\n}\n\nexport interface IOverlayBaseProps {\n    /**\n     * Render-функция контента оверлея. Получает свойства состояния оверлея.\n     */\n    children: (props: IOverlayChildrenProvideProps) => React.ReactElement;\n    /**\n     * Расположение панели с контентом.\n     */\n    direction: EOverlayDirection;\n    /**\n     * Оверлей открыт.\n     */\n    opened: boolean;\n    /**\n     * Обработчик закрытия оверлея.\n     */\n    onClose?: () => void;\n    /**\n     * Обработчик события closing, вызывается перед закрытием.\n     */\n    onClosing?: () => void;\n    /**\n     * Обработчик открытия оверлея.\n     */\n    onOpen?: () => void;\n    /**\n     * Обработчик события opening, вызывается перед открытием.\n     */\n    onOpening?: () => void;\n    /**\n     * Устанавливает флаг opened.\n     */\n    setOpened: (opened: boolean) => void;\n}\n\n/**\n * Свойства, передаваемые в render-функцию панели оверлея.\n */\nexport interface IOverlayChildrenProvideProps extends Pick<IOverlayBaseProps, \"direction\" | \"opened\" | \"setOpened\"> {\n    /**\n     * Оверлей закрывается в текущий момент.\n     */\n    closing: boolean;\n    /**\n     * Оверлей открывается в текущий момент.\n     */\n    opening: boolean;\n    /**\n     * Устанавливает флаг closing.\n     */\n    setClosing: (closing: boolean) => void;\n    /**\n     * Устанавливает флаг opening.\n     */\n    setOpening: (opening: boolean) => void;\n}\n\n/**\n * Базовый функциональный компонент оверлея.\n */\nexport const OverlayBase: React.FC<IOverlayBaseProps> = ({\n    children,\n    direction = EOverlayDirection.RIGHT,\n    opened,\n    onClose,\n    onClosing,\n    onOpen,\n    onOpening,\n    setOpened,\n}) => {\n    // Флаг, в текущий момент оверлей закрывается.\n    const [closing, setClosing] = useState(false);\n    // Флаг, в текущий момент оверлей открывается.\n    const [opening, setOpening] = useState(false);\n    // Предыдущее состояние opened.\n    const prevOpened = useRef(opened);\n    // Флаг первого рендера. Эффекты по [closing]/[opening] не должны срабатывать на маунте.\n    const isFirstRender = useRef(true);\n    // Актуальные колбэки. Хранятся в ref, чтобы эффекты зависели только от своих state-триггеров.\n    const callbacks = useRef({ onClose, onClosing, onOpen, onOpening });\n\n    // Обновление ref с колбэками выполняется в layout-фазе до эффектов, читающих callbacks.current.\n    useLayoutEffect(() => {\n        callbacks.current = { onClose, onClosing, onOpen, onOpening };\n    });\n\n    // Здесь намеренно используется useLayoutEffect, а не useEffect, иначе в браузере может быть мерцание при закрытии.\n    useLayoutEffect(() => {\n        if (prevOpened.current && !opened) {\n            setOpening(false); // opened меняется в процессе анимации открытия.\n            setClosing(true);\n        } else if (!prevOpened.current && opened) {\n            setClosing(false); // opened меняется в процессе анимации закрытия.\n            setOpening(true);\n        }\n\n        prevOpened.current = opened;\n    }, [opened]);\n\n    useEffect(() => {\n        if (isFirstRender.current) {\n            return;\n        }\n\n        if (closing) {\n            callbacks.current.onClosing?.();\n        } else {\n            callbacks.current.onClose?.();\n        }\n    }, [closing]);\n\n    useEffect(() => {\n        if (isFirstRender.current) {\n            return;\n        }\n\n        if (opening) {\n            callbacks.current.onOpening?.();\n        } else {\n            callbacks.current.onOpen?.();\n        }\n    }, [opening]);\n\n    useEffect(() => {\n        isFirstRender.current = false;\n    }, []);\n\n    return children({ closing, direction, opened, opening, setClosing, setOpened, setOpening });\n};\n"],"names":["EOverlayDirection"],"mappings":";AAGO,IAAK,sCAAAA,uBAAL;AACHA,qBAAA,QAAA,IAAS;AACTA,qBAAA,MAAA,IAAO;AACPA,qBAAA,OAAA,IAAQ;AACRA,qBAAA,KAAA,IAAM;AAJE,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAmEL,MAAM,cAA2C,CAAC;AAAA,EACrD;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AAEF,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,aAAa,OAAO,MAAM;AAEhC,QAAM,gBAAgB,OAAO,IAAI;AAEjC,QAAM,YAAY,OAAO,EAAE,SAAS,WAAW,QAAQ,WAAW;AAGlE,kBAAgB,MAAM;AAClB,cAAU,UAAU,EAAE,SAAS,WAAW,QAAQ,UAAA;AAAA,EACtD,CAAC;AAGD,kBAAgB,MAAM;AAClB,QAAI,WAAW,WAAW,CAAC,QAAQ;AAC/B,iBAAW,KAAK;AAChB,iBAAW,IAAI;AAAA,IACnB,WAAW,CAAC,WAAW,WAAW,QAAQ;AACtC,iBAAW,KAAK;AAChB,iBAAW,IAAI;AAAA,IACnB;AAEA,eAAW,UAAU;AAAA,EACzB,GAAG,CAAC,MAAM,CAAC;AAEX,YAAU,MAAM;;AACZ,QAAI,cAAc,SAAS;AACvB;AAAA,IACJ;AAEA,QAAI,SAAS;AACT,4BAAU,SAAQ,cAAlB;AAAA,IACJ,OAAO;AACH,4BAAU,SAAQ,YAAlB;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,OAAO,CAAC;AAEZ,YAAU,MAAM;;AACZ,QAAI,cAAc,SAAS;AACvB;AAAA,IACJ;AAEA,QAAI,SAAS;AACT,4BAAU,SAAQ,cAAlB;AAAA,IACJ,OAAO;AACH,4BAAU,SAAQ,WAAlB;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,OAAO,CAAC;AAEZ,YAAU,MAAM;AACZ,kBAAc,UAAU;AAAA,EAC5B,GAAG,CAAA,CAAE;AAEL,SAAO,SAAS,EAAE,SAAS,WAAW,QAAQ,SAAS,YAAY,WAAW,YAAY;AAC9F;"}
+{"version":3,"file":"OverlayBase.js","sources":["../../../src/components/Overlay/OverlayBase.tsx"],"sourcesContent":["import React from \"react\";\nimport { useState, useEffect, useRef, useLayoutEffect } from \"react\";\n\nexport enum EOverlayDirection {\n    BOTTOM = \"bottom\",\n    LEFT = \"left\",\n    RIGHT = \"right\",\n    TOP = \"top\",\n}\n\nexport interface IOverlayBaseProps {\n    /**\n     * Render-функция контента оверлея. Получает свойства состояния оверлея.\n     */\n    children: (props: IOverlayChildrenProvideProps) => React.ReactElement;\n    /**\n     * Расположение панели с контентом.\n     */\n    direction: EOverlayDirection;\n    /**\n     * Оверлей открыт.\n     */\n    opened: boolean;\n    /**\n     * Обработчик закрытия оверлея.\n     */\n    onClose?: () => void;\n    /**\n     * Обработчик события closing, вызывается перед закрытием.\n     */\n    onClosing?: () => void;\n    /**\n     * Обработчик открытия оверлея.\n     */\n    onOpen?: () => void;\n    /**\n     * Обработчик события opening, вызывается перед открытием.\n     */\n    onOpening?: () => void;\n    /**\n     * Устанавливает флаг opened.\n     */\n    setOpened: (opened: boolean) => void;\n}\n\n/**\n * Свойства, передаваемые в render-функцию панели оверлея.\n */\nexport interface IOverlayChildrenProvideProps extends Pick<IOverlayBaseProps, \"direction\" | \"opened\" | \"setOpened\"> {\n    /**\n     * Оверлей закрывается в текущий момент.\n     */\n    closing: boolean;\n    /**\n     * Оверлей открывается в текущий момент.\n     */\n    opening: boolean;\n    /**\n     * Устанавливает флаг closing.\n     */\n    setClosing: (closing: boolean) => void;\n    /**\n     * Устанавливает флаг opening.\n     */\n    setOpening: (opening: boolean) => void;\n}\n\n/**\n * Базовый функциональный компонент оверлея.\n */\nexport const OverlayBase: React.FC<IOverlayBaseProps> = ({\n    children,\n    direction = EOverlayDirection.RIGHT,\n    opened,\n    onClose,\n    onClosing,\n    onOpen,\n    onOpening,\n    setOpened,\n}) => {\n    // Флаг, в текущий момент оверлей закрывается.\n    const [closing, setClosing] = useState(false);\n    // Флаг, в текущий момент оверлей открывается.\n    const [opening, setOpening] = useState(false);\n    // Предыдущее состояние opened.\n    const prevOpened = useRef(opened);\n    // Флаг первого рендера. Эффекты по [closing]/[opening] не должны срабатывать на маунте.\n    const isFirstRender = useRef(true);\n    // Актуальные колбэки. Хранятся в ref, чтобы эффекты зависели только от своих state-триггеров.\n    const callbacks = useRef({ onClose, onClosing, onOpen, onOpening });\n\n    // Обновление ref с колбэками выполняется в layout-фазе до эффектов, читающих callbacks.current.\n    useLayoutEffect(() => {\n        callbacks.current = { onClose, onClosing, onOpen, onOpening };\n    });\n\n    // Здесь намеренно используется useLayoutEffect, а не useEffect, иначе в браузере может быть мерцание при закрытии.\n    useLayoutEffect(() => {\n        if (prevOpened.current && !opened) {\n            setOpening(false); // opened меняется в процессе анимации открытия.\n            setClosing(true);\n        } else if (!prevOpened.current && opened) {\n            setClosing(false); // opened меняется в процессе анимации закрытия.\n            setOpening(true);\n        }\n\n        prevOpened.current = opened;\n    }, [opened]);\n\n    useEffect(() => {\n        if (isFirstRender.current) {\n            return;\n        }\n\n        if (closing) {\n            callbacks.current.onClosing?.();\n        } else {\n            callbacks.current.onClose?.();\n        }\n    }, [closing]);\n\n    useEffect(() => {\n        if (isFirstRender.current) {\n            return;\n        }\n\n        if (opening) {\n            callbacks.current.onOpening?.();\n        } else {\n            callbacks.current.onOpen?.();\n        }\n    }, [opening]);\n\n    // Монтирование сразу с opened={true}: анимации открытия нет, оверлей уже в открытом состоянии, поэтому цикл\n    // открытия считается завершённым и onOpen вызывается на маунте — так же, как после анимации при переходе\n    // false → true. Эффект пассивный (а не layout): к этому моменту refs уже проставлены, и потребитель может\n    // измерить DOM в onOpen. onOpening при этом не вызывается — анимации, о начале которой нужно сообщать, не было.\n    useEffect(() => {\n        if (opened) {\n            callbacks.current.onOpen?.();\n        }\n\n        isFirstRender.current = false;\n        // Эффект только на маунте: дальнейшие переходы обрабатывают эффекты по closing/opening.\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    return children({ closing, direction, opened, opening, setClosing, setOpened, setOpening });\n};\n"],"names":["EOverlayDirection"],"mappings":";AAGO,IAAK,sCAAAA,uBAAL;AACHA,qBAAA,QAAA,IAAS;AACTA,qBAAA,MAAA,IAAO;AACPA,qBAAA,OAAA,IAAQ;AACRA,qBAAA,KAAA,IAAM;AAJE,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAmEL,MAAM,cAA2C,CAAC;AAAA,EACrD;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AAEF,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,aAAa,OAAO,MAAM;AAEhC,QAAM,gBAAgB,OAAO,IAAI;AAEjC,QAAM,YAAY,OAAO,EAAE,SAAS,WAAW,QAAQ,WAAW;AAGlE,kBAAgB,MAAM;AAClB,cAAU,UAAU,EAAE,SAAS,WAAW,QAAQ,UAAA;AAAA,EACtD,CAAC;AAGD,kBAAgB,MAAM;AAClB,QAAI,WAAW,WAAW,CAAC,QAAQ;AAC/B,iBAAW,KAAK;AAChB,iBAAW,IAAI;AAAA,IACnB,WAAW,CAAC,WAAW,WAAW,QAAQ;AACtC,iBAAW,KAAK;AAChB,iBAAW,IAAI;AAAA,IACnB;AAEA,eAAW,UAAU;AAAA,EACzB,GAAG,CAAC,MAAM,CAAC;AAEX,YAAU,MAAM;;AACZ,QAAI,cAAc,SAAS;AACvB;AAAA,IACJ;AAEA,QAAI,SAAS;AACT,4BAAU,SAAQ,cAAlB;AAAA,IACJ,OAAO;AACH,4BAAU,SAAQ,YAAlB;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,OAAO,CAAC;AAEZ,YAAU,MAAM;;AACZ,QAAI,cAAc,SAAS;AACvB;AAAA,IACJ;AAEA,QAAI,SAAS;AACT,4BAAU,SAAQ,cAAlB;AAAA,IACJ,OAAO;AACH,4BAAU,SAAQ,WAAlB;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,OAAO,CAAC;AAMZ,YAAU,MAAM;;AACZ,QAAI,QAAQ;AACR,4BAAU,SAAQ,WAAlB;AAAA,IACJ;AAEA,kBAAc,UAAU;AAAA,EAG5B,GAAG,CAAA,CAAE;AAEL,SAAO,SAAS,EAAE,SAAS,WAAW,QAAQ,SAAS,YAAY,WAAW,YAAY;AAC9F;"}

package/components/Overlay/OverlayMask.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DPDeKFTF.js";
-import { s as styles } from "../../chunks/Overlay.module-DMEQkLdC.js";
+import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { s as styles } from "../../chunks/Overlay.module-j5KD3ldz.js";
 const OverlayMask = React.forwardRef(
   ({ className, opened, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx(
     "div",

package/components/Overlay/OverlayPanel.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
 import { EOverlayDirection } from "./OverlayBase.js";
-import { s as styles } from "../../chunks/Overlay.module-DMEQkLdC.js";
+import { s as styles } from "../../chunks/Overlay.module-j5KD3ldz.js";
 const OverlayPanel = React.forwardRef(
   ({
     children,

package/components/Page/Page.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
 import { BodyPage } from "./components/BodyPage.js";
 import { HeaderPage } from "./components/HeaderPage.js";
 import { FooterPage } from "./components/FooterPage.js";
-import { s as styles } from "../../chunks/Page.module-C3IVVA3C.js";
+import { s as styles } from "../../chunks/Page.module-BRP4gfeA.js";
 import "./components/enums.js";
 const Page = Object.assign(
   React.forwardRef(function Page2({ children, className, ...rest }, ref) {

package/components/Page/components/BodyPage.js

@@ -1,25 +1,52 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { Body } from "../../Body/Body.js";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 import { EBodyPageVerticalMargin, EBodyPageType } from "./enums.js";
 import { Island } from "../../Island/Island.js";
 import { EIslandType } from "../../Island/enums.js";
-const bodyPage = "bodyPage__b5093c5c";
-const verticalMargin24 = "verticalMargin24__8030caa5";
-const verticalMargin16 = "verticalMargin16__2f0ae614";
+const bodyPage = "bodyPage__868e5fa8";
+const marginTopLarge = "marginTopLarge__bec00d2e";
+const marginTopSmall = "marginTopSmall__a58ee5f5";
+const marginTopNone = "marginTopNone__e4c653f4";
+const marginBottomLarge = "marginBottomLarge__a43285e8";
+const marginBottomSmall = "marginBottomSmall__ff43957c";
+const marginBottomNone = "marginBottomNone__ae8661ba";
 const styles = {
   bodyPage,
-  verticalMargin24,
-  verticalMargin16
+  marginTopLarge,
+  marginTopSmall,
+  marginTopNone,
+  marginBottomLarge,
+  marginBottomSmall,
+  marginBottomNone
 };
-const verticalMarginToClassNameMap = {
-  [EBodyPageVerticalMargin.LARGE]: styles.verticalMargin24,
-  [EBodyPageVerticalMargin.SMALL]: styles.verticalMargin16
+const verticalMarginTopToClassNameMap = {
+  [EBodyPageVerticalMargin.LARGE]: styles.marginTopLarge,
+  [EBodyPageVerticalMargin.SMALL]: styles.marginTopSmall,
+  [EBodyPageVerticalMargin.NONE]: styles.marginTopNone
+};
+const verticalMarginBottomToClassNameMap = {
+  [EBodyPageVerticalMargin.LARGE]: styles.marginBottomLarge,
+  [EBodyPageVerticalMargin.SMALL]: styles.marginBottomSmall,
+  [EBodyPageVerticalMargin.NONE]: styles.marginBottomNone
+};
+const resolveVerticalMargin = (verticalMargin) => {
+  if (verticalMargin && typeof verticalMargin === "object") {
+    return verticalMargin;
+  }
+  const side = verticalMargin || EBodyPageVerticalMargin.LARGE;
+  return { top: side, bottom: side };
 };
 const BodyPage = React.forwardRef(
   ({ className, type, size, verticalMargin = EBodyPageVerticalMargin.LARGE, ...rest }, ref) => {
-    const bodyPageClassNames = clsx(styles.bodyPage, verticalMarginToClassNameMap[verticalMargin], className);
+    const { top, bottom } = resolveVerticalMargin(verticalMargin);
+    const bodyPageClassNames = clsx(
+      styles.bodyPage,
+      verticalMarginTopToClassNameMap[top],
+      verticalMarginBottomToClassNameMap[bottom],
+      className
+    );
     return type === EBodyPageType.FIRST ? /* @__PURE__ */ jsx(Island, { className: bodyPageClassNames, type: EIslandType.TYPE_1, ref, size, children: /* @__PURE__ */ jsx(Body, { ...rest }) }) : /* @__PURE__ */ jsx(Body, { ref, className: bodyPageClassNames, ...rest });
   }
 );

package/components/Page/components/BodyPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BodyPage.js","sources":["../../../../src/components/Page/components/BodyPage.tsx"],"sourcesContent":["import React from \"react\";\nimport { Body, IBodyProps } from \"@sberbusiness/triplex-next/components/Body/Body\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport { EBodyPageType, EBodyPageVerticalMargin } from \"./enums\";\nimport { Island } from \"@sberbusiness/triplex-next/components/Island/Island\";\nimport { EIslandType } from \"@sberbusiness/triplex-next/components/Island/enums\";\nimport styles from \"../styles/BodyPage.module.less\";\n\nconst verticalMarginToClassNameMap: Record<EBodyPageVerticalMargin, string> = {\n    [EBodyPageVerticalMargin.LARGE]: styles.verticalMargin24,\n    [EBodyPageVerticalMargin.SMALL]: styles.verticalMargin16,\n};\n\nexport interface IBodyPageTypeFirstProps extends IBodyProps {\n    /** Контент тела страницы. */\n    children: React.ReactNode;\n    /** Тип компонента BodyPage. FIRST оборачивает контент в Island (карточку). */\n    type: EBodyPageType.FIRST;\n    /** Размер острова (Island). */\n    size?: EComponentSize;\n    /**\n     * Вертикальные отступы (сверху и снизу).\n     * По умолчанию LARGE (24px); в LightBox следует использовать SMALL (16px).\n     */\n    verticalMargin?: EBodyPageVerticalMargin;\n}\n\nexport interface IBodyPageTypeSecondProps extends IBodyProps {\n    /** Контент тела страницы. */\n    children: React.ReactNode;\n    /** Тип компонента BodyPage. SECOND рендерит контент без карточки. */\n    type: EBodyPageType.SECOND;\n    /** Размер острова недоступен для типа SECOND, так как контент не оборачивается в Island. */\n    size?: never;\n    /**\n     * Вертикальные отступы (сверху и снизу).\n     * По умолчанию LARGE (24px); в LightBox следует использовать SMALL (16px).\n     */\n    verticalMargin?: EBodyPageVerticalMargin;\n}\n\n/** Тело компонента Page. Контейнер для основного контента страницы. */\nexport const BodyPage = React.forwardRef<HTMLDivElement, IBodyPageTypeFirstProps | IBodyPageTypeSecondProps>(\n    ({ className, type, size, verticalMargin = EBodyPageVerticalMargin.LARGE, ...rest }, ref) => {\n        const bodyPageClassNames = clsx(styles.bodyPage, verticalMarginToClassNameMap[verticalMargin], className);\n\n        return type === EBodyPageType.FIRST ? (\n            <Island className={bodyPageClassNames} type={EIslandType.TYPE_1} ref={ref} size={size}>\n                <Body {...rest} />\n            </Island>\n        ) : (\n            <Body ref={ref} className={bodyPageClassNames} {...rest} />\n        );\n    },\n);\n\nBodyPage.displayName = \"BodyPage\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AASA,MAAM,+BAAwE;AAAA,EAC1E,CAAC,wBAAwB,KAAK,GAAG,OAAO;AAAA,EACxC,CAAC,wBAAwB,KAAK,GAAG,OAAO;AAC5C;AA+BO,MAAM,WAAW,MAAM;AAAA,EAC1B,CAAC,EAAE,WAAW,MAAM,MAAM,iBAAiB,wBAAwB,OAAO,GAAG,KAAA,GAAQ,QAAQ;AACzF,UAAM,qBAAqB,KAAK,OAAO,UAAU,6BAA6B,cAAc,GAAG,SAAS;AAExG,WAAO,SAAS,cAAc,QAC1B,oBAAC,QAAA,EAAO,WAAW,oBAAoB,MAAM,YAAY,QAAQ,KAAU,MACvE,8BAAC,MAAA,EAAM,GAAG,KAAA,CAAM,EAAA,CACpB,IAEA,oBAAC,QAAK,KAAU,WAAW,oBAAqB,GAAG,KAAA,CAAM;AAAA,EAEjE;AACJ;AAEA,SAAS,cAAc;"}
+{"version":3,"file":"BodyPage.js","sources":["../../../../src/components/Page/components/BodyPage.tsx"],"sourcesContent":["import React from \"react\";\nimport { Body, IBodyProps } from \"@sberbusiness/triplex-next/components/Body/Body\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport { EBodyPageType, EBodyPageVerticalMargin } from \"./enums\";\nimport { Island } from \"@sberbusiness/triplex-next/components/Island/Island\";\nimport { EIslandType } from \"@sberbusiness/triplex-next/components/Island/enums\";\nimport styles from \"../styles/BodyPage.module.less\";\n\nconst verticalMarginTopToClassNameMap: Record<EBodyPageVerticalMargin, string> = {\n    [EBodyPageVerticalMargin.LARGE]: styles.marginTopLarge,\n    [EBodyPageVerticalMargin.SMALL]: styles.marginTopSmall,\n    [EBodyPageVerticalMargin.NONE]: styles.marginTopNone,\n};\n\nconst verticalMarginBottomToClassNameMap: Record<EBodyPageVerticalMargin, string> = {\n    [EBodyPageVerticalMargin.LARGE]: styles.marginBottomLarge,\n    [EBodyPageVerticalMargin.SMALL]: styles.marginBottomSmall,\n    [EBodyPageVerticalMargin.NONE]: styles.marginBottomNone,\n};\n\n/** Вертикальные отступы BodyPage, заданные раздельно сверху и снизу. Обе стороны указываются явно. */\nexport interface IBodyPageVerticalMarginSides {\n    /** Отступ сверху. */\n    top: EBodyPageVerticalMargin;\n    /** Отступ снизу. */\n    bottom: EBodyPageVerticalMargin;\n}\n\n/** Вертикальные отступы BodyPage: одно значение на обе стороны либо раздельные значения для верха и низа. */\nexport type TBodyPageVerticalMargin = EBodyPageVerticalMargin | IBodyPageVerticalMarginSides;\n\n/** Приводит значение verticalMargin к паре отступов: одно значение применяется к обеим сторонам. */\nconst resolveVerticalMargin = (verticalMargin: TBodyPageVerticalMargin): IBodyPageVerticalMarginSides => {\n    // Проверка на null, а не только typeof: библиотеку зовут и из нетипизированного кода,\n    // а падать в рантайме у потребителя нельзя.\n    if (verticalMargin && typeof verticalMargin === \"object\") {\n        return verticalMargin;\n    }\n\n    const side = verticalMargin || EBodyPageVerticalMargin.LARGE;\n\n    return { top: side, bottom: side };\n};\n\nexport interface IBodyPageTypeFirstProps extends IBodyProps {\n    /** Контент тела страницы. */\n    children: React.ReactNode;\n    /** Тип компонента BodyPage. FIRST оборачивает контент в Island (карточку). */\n    type: EBodyPageType.FIRST;\n    /** Размер острова (Island). */\n    size?: EComponentSize;\n    /**\n     * Вертикальные отступы (сверху и снизу).\n     * Одно значение задаёт обе стороны, объект `{top, bottom}` — каждую отдельно.\n     * LARGE — 24px, SMALL — 16px, NONE — 0; в LightBox следует использовать SMALL.\n     */\n    verticalMargin?: TBodyPageVerticalMargin;\n}\n\nexport interface IBodyPageTypeSecondProps extends IBodyProps {\n    /** Контент тела страницы. */\n    children: React.ReactNode;\n    /** Тип компонента BodyPage. SECOND рендерит контент без карточки. */\n    type: EBodyPageType.SECOND;\n    /** Размер острова недоступен для типа SECOND, так как контент не оборачивается в Island. */\n    size?: never;\n    /**\n     * Вертикальные отступы (сверху и снизу).\n     * Одно значение задаёт обе стороны, объект `{top, bottom}` — каждую отдельно.\n     * LARGE — 24px, SMALL — 16px, NONE — 0; в LightBox следует использовать SMALL.\n     */\n    verticalMargin?: TBodyPageVerticalMargin;\n}\n\n/** Тело компонента Page. Контейнер для основного контента страницы. */\nexport const BodyPage = React.forwardRef<HTMLDivElement, IBodyPageTypeFirstProps | IBodyPageTypeSecondProps>(\n    ({ className, type, size, verticalMargin = EBodyPageVerticalMargin.LARGE, ...rest }, ref) => {\n        const { top, bottom } = resolveVerticalMargin(verticalMargin);\n        const bodyPageClassNames = clsx(\n            styles.bodyPage,\n            verticalMarginTopToClassNameMap[top],\n            verticalMarginBottomToClassNameMap[bottom],\n            className,\n        );\n\n        return type === EBodyPageType.FIRST ? (\n            <Island className={bodyPageClassNames} type={EIslandType.TYPE_1} ref={ref} size={size}>\n                <Body {...rest} />\n            </Island>\n        ) : (\n            <Body ref={ref} className={bodyPageClassNames} {...rest} />\n        );\n    },\n);\n\nBodyPage.displayName = \"BodyPage\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,kCAA2E;AAAA,EAC7E,CAAC,wBAAwB,KAAK,GAAG,OAAO;AAAA,EACxC,CAAC,wBAAwB,KAAK,GAAG,OAAO;AAAA,EACxC,CAAC,wBAAwB,IAAI,GAAG,OAAO;AAC3C;AAEA,MAAM,qCAA8E;AAAA,EAChF,CAAC,wBAAwB,KAAK,GAAG,OAAO;AAAA,EACxC,CAAC,wBAAwB,KAAK,GAAG,OAAO;AAAA,EACxC,CAAC,wBAAwB,IAAI,GAAG,OAAO;AAC3C;AAcA,MAAM,wBAAwB,CAAC,mBAA0E;AAGrG,MAAI,kBAAkB,OAAO,mBAAmB,UAAU;AACtD,WAAO;AAAA,EACX;AAEA,QAAM,OAAO,kBAAkB,wBAAwB;AAEvD,SAAO,EAAE,KAAK,MAAM,QAAQ,KAAA;AAChC;AAiCO,MAAM,WAAW,MAAM;AAAA,EAC1B,CAAC,EAAE,WAAW,MAAM,MAAM,iBAAiB,wBAAwB,OAAO,GAAG,KAAA,GAAQ,QAAQ;AACzF,UAAM,EAAE,KAAK,WAAW,sBAAsB,cAAc;AAC5D,UAAM,qBAAqB;AAAA,MACvB,OAAO;AAAA,MACP,gCAAgC,GAAG;AAAA,MACnC,mCAAmC,MAAM;AAAA,MACzC;AAAA,IAAA;AAGJ,WAAO,SAAS,cAAc,QAC1B,oBAAC,QAAA,EAAO,WAAW,oBAAoB,MAAM,YAAY,QAAQ,KAAU,MACvE,8BAAC,MAAA,EAAM,GAAG,KAAA,CAAM,EAAA,CACpB,IAEA,oBAAC,QAAK,KAAU,WAAW,oBAAqB,GAAG,KAAA,CAAM;AAAA,EAEjE;AACJ;AAEA,SAAS,cAAc;"}

package/components/Page/components/FooterPage.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useRef } from "react";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 import { Footer } from "../../Footer/Footer.js";
 import { EFooterPageType } from "./enums.js";
 import { useStickyCornerRadius } from "./useStickyCornerRadius.js";
@@ -9,7 +9,7 @@ import { EIslandType } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { s as styles } from "../../../chunks/Page.module-C3IVVA3C.js";
+import { s as styles } from "../../../chunks/Page.module-BRP4gfeA.js";
 const FooterPage = Object.assign(
   React.forwardRef(
     ({ className, type, size, sticky, ...rest }, ref) => {

package/components/Page/components/HeaderPage.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useRef } from "react";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 import { Header } from "../../Header/Header.js";
 import { EHeaderPageType } from "./enums.js";
 import { useStickyCornerRadius } from "./useStickyCornerRadius.js";
@@ -9,7 +9,7 @@ import { EIslandType } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { s as styles } from "../../../chunks/Page.module-C3IVVA3C.js";
+import { s as styles } from "../../../chunks/Page.module-BRP4gfeA.js";
 const HeaderPage = Object.assign(
   React.forwardRef(
     ({ className, type, size, sticky, ...rest }, ref) => {

package/components/Page/components/enums.js

@@ -16,6 +16,7 @@ var EBodyPageType = /* @__PURE__ */ ((EBodyPageType2) => {
 var EBodyPageVerticalMargin = /* @__PURE__ */ ((EBodyPageVerticalMargin2) => {
   EBodyPageVerticalMargin2["LARGE"] = "large";
   EBodyPageVerticalMargin2["SMALL"] = "small";
+  EBodyPageVerticalMargin2["NONE"] = "none";
   return EBodyPageVerticalMargin2;
 })(EBodyPageVerticalMargin || {});
 export {

package/components/Page/components/enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sources":["../../../../src/components/Page/components/enums.ts"],"sourcesContent":["export enum EHeaderPageType {\n    FIRST = \"first\",\n    SECOND = \"second\",\n}\n\nexport enum EFooterPageType {\n    FIRST = \"first\",\n    SECOND = \"second\",\n}\n\nexport enum EBodyPageType {\n    FIRST = \"first\",\n    SECOND = \"second\",\n}\n\nexport enum EBodyPageVerticalMargin {\n    /** Большие вертикальные отступы: 24px (16px на узких экранах). Значение по умолчанию. */\n    LARGE = \"large\",\n    /** Маленькие вертикальные отступы: 16px (8px на узких экранах). Используется в LightBox. */\n    SMALL = \"small\",\n}\n"],"names":["EHeaderPageType","EFooterPageType","EBodyPageType","EBodyPageVerticalMargin"],"mappings":"AAAO,IAAK,oCAAAA,qBAAL;AACHA,mBAAA,OAAA,IAAQ;AACRA,mBAAA,QAAA,IAAS;AAFD,SAAAA;AAAA,GAAA,mBAAA,CAAA,CAAA;AAKL,IAAK,oCAAAC,qBAAL;AACHA,mBAAA,OAAA,IAAQ;AACRA,mBAAA,QAAA,IAAS;AAFD,SAAAA;AAAA,GAAA,mBAAA,CAAA,CAAA;AAKL,IAAK,kCAAAC,mBAAL;AACHA,iBAAA,OAAA,IAAQ;AACRA,iBAAA,QAAA,IAAS;AAFD,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;AAKL,IAAK,4CAAAC,6BAAL;AAEHA,2BAAA,OAAA,IAAQ;AAERA,2BAAA,OAAA,IAAQ;AAJA,SAAAA;AAAA,GAAA,2BAAA,CAAA,CAAA;"}
+{"version":3,"file":"enums.js","sources":["../../../../src/components/Page/components/enums.ts"],"sourcesContent":["export enum EHeaderPageType {\n    FIRST = \"first\",\n    SECOND = \"second\",\n}\n\nexport enum EFooterPageType {\n    FIRST = \"first\",\n    SECOND = \"second\",\n}\n\nexport enum EBodyPageType {\n    FIRST = \"first\",\n    SECOND = \"second\",\n}\n\nexport enum EBodyPageVerticalMargin {\n    /** Большие вертикальные отступы: 24px (16px на узких экранах). Значение по умолчанию. */\n    LARGE = \"large\",\n    /** Маленькие вертикальные отступы: 16px (8px на узких экранах). Используется в LightBox. */\n    SMALL = \"small\",\n    /** Без вертикальных отступов: 0. */\n    NONE = \"none\",\n}\n"],"names":["EHeaderPageType","EFooterPageType","EBodyPageType","EBodyPageVerticalMargin"],"mappings":"AAAO,IAAK,oCAAAA,qBAAL;AACHA,mBAAA,OAAA,IAAQ;AACRA,mBAAA,QAAA,IAAS;AAFD,SAAAA;AAAA,GAAA,mBAAA,CAAA,CAAA;AAKL,IAAK,oCAAAC,qBAAL;AACHA,mBAAA,OAAA,IAAQ;AACRA,mBAAA,QAAA,IAAS;AAFD,SAAAA;AAAA,GAAA,mBAAA,CAAA,CAAA;AAKL,IAAK,kCAAAC,mBAAL;AACHA,iBAAA,OAAA,IAAQ;AACRA,iBAAA,QAAA,IAAS;AAFD,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;AAKL,IAAK,4CAAAC,6BAAL;AAEHA,2BAAA,OAAA,IAAQ;AAERA,2BAAA,OAAA,IAAQ;AAERA,2BAAA,MAAA,IAAO;AANC,SAAAA;AAAA,GAAA,2BAAA,CAAA,CAAA;"}

package/components/Pagination/Pagination.js

@@ -13,7 +13,7 @@ const Pagination = React.forwardRef(
   ({ paginationNavigationProps, paginationSelectProps, ...rest }, ref) => {
     return /* @__PURE__ */ jsxs(PaginationExtended, { ...rest, ref, children: [
       paginationSelectProps && /* @__PURE__ */ jsx(PaginationSelect, { ...paginationSelectProps }),
-      paginationNavigationProps.totalPages > 1 && /* @__PURE__ */ jsx(PaginationNavigation, { ...paginationNavigationProps })
+      /* @__PURE__ */ jsx(PaginationNavigation, { ...paginationNavigationProps })
     ] });
   }
 );

package/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React from \"react\";\nimport { IPaginationExtendedProps, PaginationExtended } from \"./components/PaginationExtended\";\nimport { IPaginationSelectProps, PaginationSelect } from \"./components/PaginationSelect\";\nimport { IPaginationNavigationProps, PaginationNavigation } from \"./components/PaginationNavigation\";\n\n/** Свойства компонента Pagination. */\nexport interface IPaginationProps extends IPaginationExtendedProps {\n    /** Свойства компонента PaginationSelect. */\n    paginationSelectProps?: IPaginationSelectProps;\n    /** Свойства компонента PaginationNavigation. */\n    paginationNavigationProps: IPaginationNavigationProps;\n}\n\n/** Пагинация: выбор количества элементов на странице (PaginationSelect) и навигация по страницам (PaginationNavigation). */\nexport const Pagination = React.forwardRef<HTMLSpanElement, IPaginationProps>(\n    ({ paginationNavigationProps, paginationSelectProps, ...rest }, ref) => {\n        return (\n            <PaginationExtended {...rest} ref={ref}>\n                {paginationSelectProps && <PaginationSelect {...paginationSelectProps} />}\n                {paginationNavigationProps.totalPages > 1 && <PaginationNavigation {...paginationNavigationProps} />}\n            </PaginationExtended>\n        );\n    },\n);\n\nPagination.displayName = \"Pagination\";\n"],"names":[],"mappings":";;;;;;;;;;;AAcO,MAAM,aAAa,MAAM;AAAA,EAC5B,CAAC,EAAE,2BAA2B,uBAAuB,GAAG,KAAA,GAAQ,QAAQ;AACpE,WACI,qBAAC,oBAAA,EAAoB,GAAG,MAAM,KACzB,UAAA;AAAA,MAAA,yBAAyB,oBAAC,kBAAA,EAAkB,GAAG,sBAAA,CAAuB;AAAA,MACtE,0BAA0B,aAAa,KAAK,oBAAC,sBAAA,EAAsB,GAAG,0BAAA,CAA2B;AAAA,IAAA,GACtG;AAAA,EAER;AACJ;AAEA,WAAW,cAAc;"}
+{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React from \"react\";\nimport { IPaginationExtendedProps, PaginationExtended } from \"./components/PaginationExtended\";\nimport { IPaginationSelectProps, PaginationSelect } from \"./components/PaginationSelect\";\nimport { IPaginationNavigationProps, PaginationNavigation } from \"./components/PaginationNavigation\";\n\n/** Свойства компонента Pagination. */\nexport interface IPaginationProps extends IPaginationExtendedProps {\n    /** Свойства компонента PaginationSelect. */\n    paginationSelectProps?: IPaginationSelectProps;\n    /** Свойства компонента PaginationNavigation. */\n    paginationNavigationProps: IPaginationNavigationProps;\n}\n\n/** Пагинация: выбор количества элементов на странице (PaginationSelect) и навигация по страницам (PaginationNavigation). */\nexport const Pagination = React.forwardRef<HTMLSpanElement, IPaginationProps>(\n    ({ paginationNavigationProps, paginationSelectProps, ...rest }, ref) => {\n        return (\n            <PaginationExtended {...rest} ref={ref}>\n                {paginationSelectProps && <PaginationSelect {...paginationSelectProps} />}\n                <PaginationNavigation {...paginationNavigationProps} />\n            </PaginationExtended>\n        );\n    },\n);\n\nPagination.displayName = \"Pagination\";\n"],"names":[],"mappings":";;;;;;;;;;;AAcO,MAAM,aAAa,MAAM;AAAA,EAC5B,CAAC,EAAE,2BAA2B,uBAAuB,GAAG,KAAA,GAAQ,QAAQ;AACpE,WACI,qBAAC,oBAAA,EAAoB,GAAG,MAAM,KACzB,UAAA;AAAA,MAAA,yBAAyB,oBAAC,kBAAA,EAAkB,GAAG,sBAAA,CAAuB;AAAA,MACvE,oBAAC,sBAAA,EAAsB,GAAG,0BAAA,CAA2B;AAAA,IAAA,GACzD;AAAA,EAER;AACJ;AAEA,WAAW,cAAc;"}

package/components/Pagination/components/PaginationExtended.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 import React from "react";
-const paginationExtended = "paginationExtended__e419d1b4";
+const paginationExtended = "paginationExtended__60d9fa5a";
 const styles = {
   paginationExtended
 };
@@ -11,7 +11,7 @@ const PaginationExtended = React.forwardRef(
       "nav",
       {
         className: clsx(styles.paginationExtended, className),
-        "data-tx": "0.42.0",
+        "data-tx": "0.44.0",
         ...rest,
         ref,
         children

package/components/Pagination/components/PaginationNavigation.js

@@ -18,14 +18,15 @@ const PaginationNavigation = React.forwardRef(
     siblingCount = 0,
     ...rest
   }, ref) => {
+    const pagesCount = Math.max(totalPages, 1);
     const pageNumbers = PaginationUtils.createPagesArray({
       boundaryCount,
       currentPage,
       siblingCount,
-      totalPages
+      totalPages: pagesCount
     });
-    const isFirstPage = currentPage === 1;
-    const isLastPage = currentPage === totalPages;
+    const isFirstPage = currentPage <= 1;
+    const isLastPage = currentPage >= pagesCount;
     const handlePrevClick = () => {
       onCurrentPageChange(currentPage - 1);
     };

package/components/Pagination/components/PaginationNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationNavigation.js","sources":["../../../../src/components/Pagination/components/PaginationNavigation.tsx"],"sourcesContent":["import React from \"react\";\nimport { EPaginationNavigationIconDirection } from \"../enums\";\nimport { IPaginationNavigationButtonProps, PaginationNavigationButton } from \"./PaginationNavigationButton\";\nimport { PaginationUtils, PAGINATION_ELLIPSIS_VALUE } from \"../utils\";\nimport { PaginationPageEllipsis } from \"./PaginationPageEllipsis\";\nimport { PaginationPageButton } from \"./PaginationPageButton\";\nimport { PaginationNavigationExtended } from \"./PaginationNavigationExtended\";\nimport { PaginationNavigationExtendedItem } from \"./PaginationNavigationExtendedItem\";\n\n/** Свойства компонента PaginationNavigation. */\nexport interface IPaginationNavigationProps extends React.HTMLAttributes<HTMLUListElement> {\n    /** Свойства кнопки \"Следующая страница\". */\n    buttonNextProps?: Omit<IPaginationNavigationButtonProps, \"direction\" | \"children\">;\n    /** Свойства кнопки \"Предыдущая страница\". */\n    buttonPrevProps?: Omit<IPaginationNavigationButtonProps, \"direction\" | \"children\">;\n    /** Номер текущей страницы. */\n    currentPage: number;\n    /** Функция при смене страницы. */\n    onCurrentPageChange: (currentPage: number) => void;\n    /** Общее число страниц. */\n    totalPages: number;\n    /** Количество всегда видимых страниц в начале и в конце. */\n    boundaryCount?: number;\n    /** Количество всегда видимых страниц по краям текущей страницы. */\n    siblingCount?: number;\n}\n\n/** Навигация по страницам: кнопки \"Назад\"/\"Вперёд\", номера страниц и многоточия. */\nexport const PaginationNavigation = React.forwardRef<HTMLUListElement, IPaginationNavigationProps>(\n    (\n        {\n            buttonNextProps,\n            buttonPrevProps,\n            currentPage,\n            onCurrentPageChange,\n            totalPages,\n            boundaryCount = 0,\n            siblingCount = 0,\n            ...rest\n        },\n        ref,\n    ) => {\n        const pageNumbers = PaginationUtils.createPagesArray({\n            boundaryCount,\n            currentPage,\n            siblingCount,\n            totalPages,\n        });\n\n        const isFirstPage = currentPage === 1;\n        const isLastPage = currentPage === totalPages;\n\n        const handlePrevClick = () => {\n            onCurrentPageChange(currentPage - 1);\n        };\n\n        const handleClick = (pageNumber: number) => () => {\n            onCurrentPageChange(pageNumber);\n        };\n\n        const handleNextClick = () => {\n            onCurrentPageChange(currentPage + 1);\n        };\n\n        const renderPages = (page: number, index: number) => {\n            switch (page) {\n                case PAGINATION_ELLIPSIS_VALUE:\n                    return (\n                        <PaginationNavigationExtendedItem key={index}>\n                            <PaginationPageEllipsis>...</PaginationPageEllipsis>\n                        </PaginationNavigationExtendedItem>\n                    );\n                default: {\n                    const isCurrent = page === currentPage;\n\n                    return (\n                        <PaginationNavigationExtendedItem key={index}>\n                            <PaginationPageButton isCurrent={isCurrent} onClick={handleClick(page)}>\n                                {page}\n                            </PaginationPageButton>\n                        </PaginationNavigationExtendedItem>\n                    );\n                }\n            }\n        };\n        return (\n            <PaginationNavigationExtended {...rest} ref={ref}>\n                <PaginationNavigationExtendedItem>\n                    <PaginationNavigationButton\n                        direction={EPaginationNavigationIconDirection.BACK}\n                        {...buttonPrevProps}\n                        onClick={handlePrevClick}\n                        disabled={isFirstPage || buttonPrevProps?.disabled}\n                    />\n                </PaginationNavigationExtendedItem>\n\n                {pageNumbers.map((page, index) => renderPages(page, index))}\n\n                <PaginationNavigationExtendedItem>\n                    <PaginationNavigationButton\n                        direction={EPaginationNavigationIconDirection.NEXT}\n                        {...buttonNextProps}\n                        onClick={handleNextClick}\n                        disabled={isLastPage || buttonNextProps?.disabled}\n                    />\n                </PaginationNavigationExtendedItem>\n            </PaginationNavigationExtended>\n        );\n    },\n);\n\nPaginationNavigation.displayName = \"PaginationNavigation\";\n"],"names":[],"mappings":";;;;;;;;;AA4BO,MAAM,uBAAuB,MAAM;AAAA,EACtC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,cAAc,gBAAgB,iBAAiB;AAAA,MACjD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACH;AAED,UAAM,cAAc,gBAAgB;AACpC,UAAM,aAAa,gBAAgB;AAEnC,UAAM,kBAAkB,MAAM;AAC1B,0BAAoB,cAAc,CAAC;AAAA,IACvC;AAEA,UAAM,cAAc,CAAC,eAAuB,MAAM;AAC9C,0BAAoB,UAAU;AAAA,IAClC;AAEA,UAAM,kBAAkB,MAAM;AAC1B,0BAAoB,cAAc,CAAC;AAAA,IACvC;AAEA,UAAM,cAAc,CAAC,MAAc,UAAkB;AACjD,cAAQ,MAAA;AAAA,QACJ,KAAK;AACD,qCACK,kCAAA,EACG,UAAA,oBAAC,wBAAA,EAAuB,UAAA,OAAG,KADQ,KAEvC;AAAA,QAER,SAAS;AACL,gBAAM,YAAY,SAAS;AAE3B,iBACI,oBAAC,kCAAA,EACG,UAAA,oBAAC,sBAAA,EAAqB,WAAsB,SAAS,YAAY,IAAI,GAChE,UAAA,KAAA,CACL,EAAA,GAHmC,KAIvC;AAAA,QAER;AAAA,MAAA;AAAA,IAER;AACA,WACI,qBAAC,8BAAA,EAA8B,GAAG,MAAM,KACpC,UAAA;AAAA,MAAA,oBAAC,kCAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,mCAAmC;AAAA,UAC7C,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,UAAU,gBAAe,mDAAiB;AAAA,QAAA;AAAA,MAAA,GAElD;AAAA,MAEC,YAAY,IAAI,CAAC,MAAM,UAAU,YAAY,MAAM,KAAK,CAAC;AAAA,0BAEzD,kCAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,mCAAmC;AAAA,UAC7C,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,UAAU,eAAc,mDAAiB;AAAA,QAAA;AAAA,MAAA,EAC7C,CACJ;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;AAEA,qBAAqB,cAAc;"}
+{"version":3,"file":"PaginationNavigation.js","sources":["../../../../src/components/Pagination/components/PaginationNavigation.tsx"],"sourcesContent":["import React from \"react\";\nimport { EPaginationNavigationIconDirection } from \"../enums\";\nimport { IPaginationNavigationButtonProps, PaginationNavigationButton } from \"./PaginationNavigationButton\";\nimport { PaginationUtils, PAGINATION_ELLIPSIS_VALUE } from \"../utils\";\nimport { PaginationPageEllipsis } from \"./PaginationPageEllipsis\";\nimport { PaginationPageButton } from \"./PaginationPageButton\";\nimport { PaginationNavigationExtended } from \"./PaginationNavigationExtended\";\nimport { PaginationNavigationExtendedItem } from \"./PaginationNavigationExtendedItem\";\n\n/** Свойства компонента PaginationNavigation. */\nexport interface IPaginationNavigationProps extends React.HTMLAttributes<HTMLUListElement> {\n    /** Свойства кнопки \"Следующая страница\". */\n    buttonNextProps?: Omit<IPaginationNavigationButtonProps, \"direction\" | \"children\">;\n    /** Свойства кнопки \"Предыдущая страница\". */\n    buttonPrevProps?: Omit<IPaginationNavigationButtonProps, \"direction\" | \"children\">;\n    /** Номер текущей страницы. */\n    currentPage: number;\n    /** Функция при смене страницы. */\n    onCurrentPageChange: (currentPage: number) => void;\n    /** Общее число страниц. */\n    totalPages: number;\n    /** Количество всегда видимых страниц в начале и в конце. */\n    boundaryCount?: number;\n    /** Количество всегда видимых страниц по краям текущей страницы. */\n    siblingCount?: number;\n}\n\n/** Навигация по страницам: кнопки \"Назад\"/\"Вперёд\", номера страниц и многоточия. */\nexport const PaginationNavigation = React.forwardRef<HTMLUListElement, IPaginationNavigationProps>(\n    (\n        {\n            buttonNextProps,\n            buttonPrevProps,\n            currentPage,\n            onCurrentPageChange,\n            totalPages,\n            boundaryCount = 0,\n            siblingCount = 0,\n            ...rest\n        },\n        ref,\n    ) => {\n        const pagesCount = Math.max(totalPages, 1);\n\n        const pageNumbers = PaginationUtils.createPagesArray({\n            boundaryCount,\n            currentPage,\n            siblingCount,\n            totalPages: pagesCount,\n        });\n\n        const isFirstPage = currentPage <= 1;\n        const isLastPage = currentPage >= pagesCount;\n\n        const handlePrevClick = () => {\n            onCurrentPageChange(currentPage - 1);\n        };\n\n        const handleClick = (pageNumber: number) => () => {\n            onCurrentPageChange(pageNumber);\n        };\n\n        const handleNextClick = () => {\n            onCurrentPageChange(currentPage + 1);\n        };\n\n        const renderPages = (page: number, index: number) => {\n            switch (page) {\n                case PAGINATION_ELLIPSIS_VALUE:\n                    return (\n                        <PaginationNavigationExtendedItem key={index}>\n                            <PaginationPageEllipsis>...</PaginationPageEllipsis>\n                        </PaginationNavigationExtendedItem>\n                    );\n                default: {\n                    const isCurrent = page === currentPage;\n\n                    return (\n                        <PaginationNavigationExtendedItem key={index}>\n                            <PaginationPageButton isCurrent={isCurrent} onClick={handleClick(page)}>\n                                {page}\n                            </PaginationPageButton>\n                        </PaginationNavigationExtendedItem>\n                    );\n                }\n            }\n        };\n        return (\n            <PaginationNavigationExtended {...rest} ref={ref}>\n                <PaginationNavigationExtendedItem>\n                    <PaginationNavigationButton\n                        direction={EPaginationNavigationIconDirection.BACK}\n                        {...buttonPrevProps}\n                        onClick={handlePrevClick}\n                        disabled={isFirstPage || buttonPrevProps?.disabled}\n                    />\n                </PaginationNavigationExtendedItem>\n\n                {pageNumbers.map((page, index) => renderPages(page, index))}\n\n                <PaginationNavigationExtendedItem>\n                    <PaginationNavigationButton\n                        direction={EPaginationNavigationIconDirection.NEXT}\n                        {...buttonNextProps}\n                        onClick={handleNextClick}\n                        disabled={isLastPage || buttonNextProps?.disabled}\n                    />\n                </PaginationNavigationExtendedItem>\n            </PaginationNavigationExtended>\n        );\n    },\n);\n\nPaginationNavigation.displayName = \"PaginationNavigation\";\n"],"names":[],"mappings":";;;;;;;;;AA4BO,MAAM,uBAAuB,MAAM;AAAA,EACtC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,aAAa,KAAK,IAAI,YAAY,CAAC;AAEzC,UAAM,cAAc,gBAAgB,iBAAiB;AAAA,MACjD;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,IAAA,CACf;AAED,UAAM,cAAc,eAAe;AACnC,UAAM,aAAa,eAAe;AAElC,UAAM,kBAAkB,MAAM;AAC1B,0BAAoB,cAAc,CAAC;AAAA,IACvC;AAEA,UAAM,cAAc,CAAC,eAAuB,MAAM;AAC9C,0BAAoB,UAAU;AAAA,IAClC;AAEA,UAAM,kBAAkB,MAAM;AAC1B,0BAAoB,cAAc,CAAC;AAAA,IACvC;AAEA,UAAM,cAAc,CAAC,MAAc,UAAkB;AACjD,cAAQ,MAAA;AAAA,QACJ,KAAK;AACD,qCACK,kCAAA,EACG,UAAA,oBAAC,wBAAA,EAAuB,UAAA,OAAG,KADQ,KAEvC;AAAA,QAER,SAAS;AACL,gBAAM,YAAY,SAAS;AAE3B,iBACI,oBAAC,kCAAA,EACG,UAAA,oBAAC,sBAAA,EAAqB,WAAsB,SAAS,YAAY,IAAI,GAChE,UAAA,KAAA,CACL,EAAA,GAHmC,KAIvC;AAAA,QAER;AAAA,MAAA;AAAA,IAER;AACA,WACI,qBAAC,8BAAA,EAA8B,GAAG,MAAM,KACpC,UAAA;AAAA,MAAA,oBAAC,kCAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,mCAAmC;AAAA,UAC7C,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,UAAU,gBAAe,mDAAiB;AAAA,QAAA;AAAA,MAAA,GAElD;AAAA,MAEC,YAAY,IAAI,CAAC,MAAM,UAAU,YAAY,MAAM,KAAK,CAAC;AAAA,0BAEzD,kCAAA,EACG,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,mCAAmC;AAAA,UAC7C,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,UAAU,eAAc,mDAAiB;AAAA,QAAA;AAAA,MAAA,EAC7C,CACJ;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;AAEA,qBAAqB,cAAc;"}

package/components/Pagination/components/PaginationNavigationButton.js

@@ -5,8 +5,8 @@ import { EButtonIconShape } from "../../Button/enums.js";
 import { EPaginationNavigationIconDirection } from "../enums.js";
 import { CaretleftStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { MasterTableContext } from "../../Table/MasterTableContext.js";
-const paginationNavigationButton = "paginationNavigationButton__55f982ee";
-const directionIconNext = "directionIconNext__00f619e8";
+const paginationNavigationButton = "paginationNavigationButton__7def099c";
+const directionIconNext = "directionIconNext__f22bc292";
 const styles = {
   paginationNavigationButton,
   directionIconNext

package/components/Pagination/components/PaginationNavigationExtended.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
-const paginationNavigationExtended = "paginationNavigationExtended__5871a760";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+const paginationNavigationExtended = "paginationNavigationExtended__75b06e52";
 const styles = {
   paginationNavigationExtended
 };

package/components/Pagination/components/PaginationPageButton.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 import { ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
@@ -8,8 +8,8 @@ import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import { ButtonBase } from "../../Button/ButtonBase.js";
 import { MasterTableContext } from "../../Table/MasterTableContext.js";
-const paginationPageButton = "paginationPageButton__d244331d";
-const currentPage = "currentPage__f6f11489";
+const paginationPageButton = "paginationPageButton__f4135dc2";
+const currentPage = "currentPage__1fa31620";
 const styles = {
   paginationPageButton,
   currentPage

package/components/Pagination/components/PaginationPageEllipsis.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 import React from "react";
 import { ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-const paginationPageEllipsis = "paginationPageEllipsis__86e78d16";
+const paginationPageEllipsis = "paginationPageEllipsis__838e1e48";
 const styles = {
   paginationPageEllipsis
 };

package/components/Pagination/components/PaginationSelect.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useState, useContext } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 import { ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
@@ -10,8 +10,8 @@ import { SelectField } from "../../SelectField/SelectField.js";
 import { EFormFieldStatus } from "../../FormField/enums.js";
 import { MasterTableContext } from "../../Table/MasterTableContext.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-const paginationSelect = "paginationSelect__c295ee6a";
-const paginationSelectControl = "paginationSelectControl__ddfe181c";
+const paginationSelect = "paginationSelect__a73531de";
+const paginationSelectControl = "paginationSelectControl__d40b4762";
 const styles = {
   paginationSelect,
   paginationSelectControl

package/components/Pagination/utils.js

@@ -1,4 +1,4 @@
-import { j as range } from "../../chunks/vendor-DPDeKFTF.js";
+import { j as range } from "../../chunks/vendor-DqGxntec.js";
 const PAGINATION_ELLIPSIS_VALUE = -1;
 const PaginationUtils = {
   /** Создание массива чисел в заданном диапазоне (включительно) с заданным шагом. Возвращает пустой массив, если from > to. */

package/components/Radio/Radio.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
 import { ETextSize } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
@@ -8,14 +8,14 @@ import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const label = "label__ef57eafc";
-const sm = "sm__d886bdf6";
-const nonempty = "nonempty__2c8396f7";
-const md = "md__ed47d7b8";
-const lg = "lg__fce85282";
-const disabled = "disabled__57aae738";
-const radio = "radio__dbded0f0";
-const radioIcon = "radioIcon__33880073";
+const label = "label__b22f29e3";
+const sm = "sm__d409ad77";
+const nonempty = "nonempty__329639af";
+const md = "md__17eb61c6";
+const lg = "lg__9094d7ef";
+const disabled = "disabled__e2eb0a51";
+const radio = "radio__47fdb92e";
+const radioIcon = "radioIcon__10d09bd2";
 const styles = {
   label,
   sm,
@@ -41,7 +41,7 @@ const Radio = React.forwardRef((props, ref) => {
     { [styles.disabled]: !!disabled2, [styles.nonempty]: !!children },
     labelAttributes == null ? void 0 : labelAttributes.className
   );
-  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "0.42.0", children: [
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "0.44.0", children: [
     /* @__PURE__ */ jsx("input", { type: "radio", className: classNames, disabled: disabled2, ...inputAttributes, ref }),
     /* @__PURE__ */ jsx("span", { className: styles.radioIcon }),
     children && /* @__PURE__ */ jsx(Text, { size: sizeToTextSizeMap[size], tag: "div", children })

package/components/Radio/RadioXGroup.js

@@ -1,16 +1,16 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DPDeKFTF.js";
-const radioXGroup = "radioXGroup__a5606587";
-const label = "label__ef57eafc";
+import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+const radioXGroup = "radioXGroup__d1758aa8";
+const label = "label__b22f29e3";
 const styles = {
   radioXGroup,
-  "indent-12": "indent-12__84426a11",
+  "indent-12": "indent-12__cb45fe2a",
   label,
-  "indent-16": "indent-16__b3d02407",
-  "indent-20": "indent-20__5f3d233a",
-  "indent-24": "indent-24__3e2a00b0",
-  "indent-28": "indent-28__2c018186",
-  "indent-32": "indent-32__e9cdb934"
+  "indent-16": "indent-16__e4bff6be",
+  "indent-20": "indent-20__d3fe5148",
+  "indent-24": "indent-24__fd320341",
+  "indent-28": "indent-28__f8a7052a",
+  "indent-32": "indent-32__5e961de6"
 };
 const RadioXGroup = (props) => {
   const { children, className, indent = 12, ...rest } = props;

package/components/Radio/RadioYGroup.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DPDeKFTF.js";
-const radioYGroup = "radioYGroup__d4966483";
+import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+const radioYGroup = "radioYGroup__14deaa19";
 const styles = {
   radioYGroup
 };

package/components/Row/Row.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { RowContext } from "./RowContext.js";
-const row = "row__5b4fd8fc";
-const noPaddingBottom = "noPaddingBottom__f8da493d";
-const SM = "SM__eddd067b";
-const MD = "MD__a81423ce";
+const row = "row__79e900df";
+const noPaddingBottom = "noPaddingBottom__67ffabde";
+const SM = "SM__829b5483";
+const MD = "MD__5c94a0b8";
 const styles = {
   row,
   noPaddingBottom,

package/components/SMSField/SMSField.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
 import { useState } from "react";
 import { SMSFieldContext } from "./SMSFieldContext.js";
 import { SMSFieldInput } from "./components/SMSFieldInput.js";
 import { SMSFieldRefresh } from "./components/SMSFieldRefresh.js";
 import { SMSFieldSubmit } from "./components/SMSFieldSubmit.js";
 import { SMSFieldTooltip } from "./components/SMSFieldTooltip.js";
-import { s as styles } from "../../chunks/SMSField.module-CXskBeTY.js";
+import { s as styles } from "../../chunks/SMSField.module-CTB3viUu.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const SMSField = (props) => {
@@ -30,7 +30,7 @@ const SMSField = (props) => {
         sizeClassName: sizeToClassNameMap[size],
         tooltipId
       },
-      children: /* @__PURE__ */ jsx("div", { className: classSMSField, ...htmlDivAttributes, "data-tx": "0.42.0", children })
+      children: /* @__PURE__ */ jsx("div", { className: classSMSField, ...htmlDivAttributes, "data-tx": "0.44.0", children })
     }
   );
 };

package/components/SMSField/components/RefreshIcon.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
-import { s as styles } from "../../../chunks/SMSField.module-CXskBeTY.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { s as styles } from "../../../chunks/SMSField.module-CTB3viUu.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 const iconPath = "M2 10c0-4.42 3.58-8 8-8 2.52 0 4.77 1.16 6.24 3H13.5c-.56 0-1 .44-1 1 0 .55.44 1 1 1h5c.55 0 1-.45 1-1V1c0-.56-.45-1-1-1-.56 0-1 .44-1 1v2.38A10.02 10.02 0 0 0 10 0C4.47 0 0 4.47 0 10c0 5.52 4.47 10 10 10 5.52 0 10-4.48 10-10 0-.56-.45-1-1-1-.56 0-1 .44-1 1 0 4.41-3.59 8-8 8-4.42 0-8-3.59-8-8";
 const bigIconPath = "M27 16c0 .81-.09 1.61-.27 2.39a10.9 10.9 0 0 1-1.54 3.65c-.41.62-.88 1.2-1.42 1.73-.53.54-1.11 1.01-1.73 1.42a10.906 10.906 0 0 1-3.65 1.54c-.78.18-1.58.27-2.39.27q-1.23 0-2.4-.27a10.9 10.9 0 0 1-3.65-1.54c-.62-.41-1.2-.88-1.73-1.42-.54-.53-1.01-1.11-1.42-1.73a10.906 10.906 0 0 1-1.54-3.65C5.08 17.61 5 16.81 5 16c0-.82.08-1.62.26-2.4A10.9 10.9 0 0 1 6.8 9.95c.41-.62.88-1.2 1.42-1.73.53-.54 1.11-1.01 1.73-1.42a10.906 10.906 0 0 1 3.65-1.54C14.38 5.08 15.18 5 16 5a11.1 11.1 0 0 1 2.93.39c.44.12.86.27 1.27.44.47.19.93.42 1.37.68.39.23.75.47 1.1.74.4.31.78.64 1.14 1 .06.06.12.13.19.2V6c0-.57.44-1 1-1s1 .43 1 1v5c0 .66-.34 1-1 1h-5c-.56 0-1-.44-1-1 0-.57.44-1 1-1h2.7c-.1-.12-.21-.23-.31-.34-.3-.3-.61-.58-.95-.83-.28-.21-.57-.41-.88-.59a8.753 8.753 0 0 0-3-1.11C17.05 7.04 16.53 7 16 7c-.69 0-1.35.07-2 .22-.52.11-1.02.27-1.51.48-.5.21-.97.47-1.42.76a9 9 0 0 0-2.61 2.61c-.29.45-.55.92-.76 1.42-.21.49-.37.99-.48 1.51A8.8 8.8 0 0 0 7 16c0 .68.07 1.34.22 1.99.11.52.27 1.02.48 1.51.21.5.47.97.76 1.42q.51.78 1.17 1.44c.45.44.92.83 1.44 1.17.45.29.92.55 1.42.76.49.21.99.37 1.51.48a8.803 8.803 0 0 0 3.99 0c.52-.11 1.02-.27 1.51-.48.5-.21.97-.47 1.42-.76a9 9 0 0 0 2.61-2.61c.29-.45.55-.92.76-1.42.21-.49.37-.99.48-1.51.15-.65.23-1.31.23-1.99 0-.57.44-1 1-1s1 .43 1 1";