@sberbusiness/triplex-next 0.39.0 → 0.41.0

package/components/FormField/components/FormFieldPostfix.js

@@ -1,41 +1,17 @@
 import { jsx } from "react/jsx-runtime";
-import React, { useContext, useRef, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import React, { useContext } from "react";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { FormFieldContext } from "../FormFieldContext.js";
-import { TARGET_PADDING_X_DEFAULT } from "../consts.js";
-const formFieldPostfix = "formFieldPostfix__13a6637c";
+import { useFormFieldAffixWidth } from "./useFormFieldAffixWidth.js";
+const formFieldPostfix = "formFieldPostfix__033a5295";
 const styles = {
   formFieldPostfix
 };
 const FormFieldPostfix = React.forwardRef(
   ({ children, className, ...restProps }, ref) => {
     const { setPostfixWidth } = useContext(FormFieldContext);
-    const innerRef = useRef();
-    const classNames = clsx(styles.formFieldPostfix, className);
-    const setRef = (instance) => {
-      innerRef.current = instance;
-      if (typeof ref === "function") {
-        ref(instance);
-      } else if (ref) {
-        ref.current = instance;
-      }
-    };
-    useEffect(() => {
-      const element = innerRef.current;
-      if (!element) {
-        return;
-      }
-      const resizeObserver = new ResizeObserver(([entry]) => {
-        const width = entry.target.getBoundingClientRect().width;
-        setPostfixWidth((prevWidth) => prevWidth !== width ? width : prevWidth);
-      });
-      resizeObserver.observe(element);
-      return () => {
-        resizeObserver.disconnect();
-        setPostfixWidth(TARGET_PADDING_X_DEFAULT);
-      };
-    }, [setPostfixWidth]);
-    return /* @__PURE__ */ jsx("span", { className: classNames, ...restProps, ref: setRef, children });
+    const setRef = useFormFieldAffixWidth(setPostfixWidth, ref);
+    return /* @__PURE__ */ jsx("span", { className: clsx(styles.formFieldPostfix, className), ...restProps, ref: setRef, children });
   }
 );
 FormFieldPostfix.displayName = "FormFieldPostfix";

package/components/FormField/components/FormFieldPostfix.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldPostfix.js","sources":["../../../../src/components/FormField/components/FormFieldPostfix.tsx"],"sourcesContent":["import React, { useContext, useRef, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { TARGET_PADDING_X_DEFAULT } from \"../consts\";\nimport styles from \"../styles/FormFieldPostfix.module.less\";\n\n/** Свойства компонента FormFieldPostfix. */\nexport interface IFormFieldPostfixProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\n/** Контейнер элементов, отображающихся в правой части FormField. */\nexport const FormFieldPostfix = React.forwardRef<HTMLSpanElement, IFormFieldPostfixProps>(\n    ({ children, className, ...restProps }, ref) => {\n        const { setPostfixWidth } = useContext(FormFieldContext);\n        const innerRef = useRef<HTMLSpanElement | null>();\n        const classNames = clsx(styles.formFieldPostfix, className);\n\n        const setRef = (instance: HTMLSpanElement | null) => {\n            innerRef.current = instance;\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        };\n\n        useEffect(() => {\n            const element = innerRef.current;\n            if (!element) {\n                return;\n            }\n\n            const resizeObserver = new ResizeObserver(([entry]) => {\n                const width = entry.target.getBoundingClientRect().width;\n                setPostfixWidth((prevWidth) => (prevWidth !== width ? width : prevWidth));\n            });\n\n            resizeObserver.observe(element);\n            return () => {\n                resizeObserver.disconnect();\n                setPostfixWidth(TARGET_PADDING_X_DEFAULT);\n            };\n        }, [setPostfixWidth]);\n\n        return (\n            <span className={classNames} {...restProps} ref={setRef}>\n                {children}\n            </span>\n        );\n    },\n);\n\nFormFieldPostfix.displayName = \"FormFieldPostfix\";\n"],"names":[],"mappings":";;;;;;;;;AAUO,MAAM,mBAAmB,MAAM;AAAA,EAClC,CAAC,EAAE,UAAU,WAAW,GAAG,UAAA,GAAa,QAAQ;AAC5C,UAAM,EAAE,gBAAA,IAAoB,WAAW,gBAAgB;AACvD,UAAM,WAAW,OAAA;AACjB,UAAM,aAAa,KAAK,OAAO,kBAAkB,SAAS;AAE1D,UAAM,SAAS,CAAC,aAAqC;AACjD,eAAS,UAAU;AACnB,UAAI,OAAO,QAAQ,YAAY;AAC3B,YAAI,QAAQ;AAAA,MAChB,WAAW,KAAK;AACZ,YAAI,UAAU;AAAA,MAClB;AAAA,IACJ;AAEA,cAAU,MAAM;AACZ,YAAM,UAAU,SAAS;AACzB,UAAI,CAAC,SAAS;AACV;AAAA,MACJ;AAEA,YAAM,iBAAiB,IAAI,eAAe,CAAC,CAAC,KAAK,MAAM;AACnD,cAAM,QAAQ,MAAM,OAAO,sBAAA,EAAwB;AACnD,wBAAgB,CAAC,cAAe,cAAc,QAAQ,QAAQ,SAAU;AAAA,MAC5E,CAAC;AAED,qBAAe,QAAQ,OAAO;AAC9B,aAAO,MAAM;AACT,uBAAe,WAAA;AACf,wBAAgB,wBAAwB;AAAA,MAC5C;AAAA,IACJ,GAAG,CAAC,eAAe,CAAC;AAEpB,WACI,oBAAC,UAAK,WAAW,YAAa,GAAG,WAAW,KAAK,QAC5C,UACL;AAAA,EAER;AACJ;AAEA,iBAAiB,cAAc;"}
+{"version":3,"file":"FormFieldPostfix.js","sources":["../../../../src/components/FormField/components/FormFieldPostfix.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { useFormFieldAffixWidth } from \"./useFormFieldAffixWidth\";\nimport styles from \"../styles/FormFieldPostfix.module.less\";\n\n/** Свойства компонента FormFieldPostfix. */\nexport interface IFormFieldPostfixProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\n/**\n * Контейнер элементов, отображающихся в правой части FormField.\n *\n * Измеряет собственную ширину и передаёт её в FormFieldContext — поле использует это\n * значение как правый внутренний отступ, чтобы содержимое не перекрывалось постфиксом.\n */\nexport const FormFieldPostfix = React.forwardRef<HTMLSpanElement, IFormFieldPostfixProps>(\n    ({ children, className, ...restProps }, ref) => {\n        const { setPostfixWidth } = useContext(FormFieldContext);\n        const setRef = useFormFieldAffixWidth(setPostfixWidth, ref);\n\n        return (\n            <span className={clsx(styles.formFieldPostfix, className)} {...restProps} ref={setRef}>\n                {children}\n            </span>\n        );\n    },\n);\n\nFormFieldPostfix.displayName = \"FormFieldPostfix\";\n"],"names":[],"mappings":";;;;;;;;;AAeO,MAAM,mBAAmB,MAAM;AAAA,EAClC,CAAC,EAAE,UAAU,WAAW,GAAG,UAAA,GAAa,QAAQ;AAC5C,UAAM,EAAE,gBAAA,IAAoB,WAAW,gBAAgB;AACvD,UAAM,SAAS,uBAAuB,iBAAiB,GAAG;AAE1D,WACI,oBAAC,QAAA,EAAK,WAAW,KAAK,OAAO,kBAAkB,SAAS,GAAI,GAAG,WAAW,KAAK,QAC1E,SAAA,CACL;AAAA,EAER;AACJ;AAEA,iBAAiB,cAAc;"}

package/components/FormField/components/FormFieldPrefix.js

@@ -1,41 +1,17 @@
 import { jsx } from "react/jsx-runtime";
-import React, { useContext, useRef, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import React, { useContext } from "react";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { FormFieldContext } from "../FormFieldContext.js";
-import { TARGET_PADDING_X_DEFAULT } from "../consts.js";
-const formFieldPrefix = "formFieldPrefix__56a9147c";
+import { useFormFieldAffixWidth } from "./useFormFieldAffixWidth.js";
+const formFieldPrefix = "formFieldPrefix__167865bb";
 const styles = {
   formFieldPrefix
 };
 const FormFieldPrefix = React.forwardRef(
   ({ children, className, ...restProps }, ref) => {
     const { setPrefixWidth } = useContext(FormFieldContext);
-    const innerRef = useRef();
-    const classNames = clsx(styles.formFieldPrefix, className);
-    const setRef = (instance) => {
-      innerRef.current = instance;
-      if (typeof ref === "function") {
-        ref(instance);
-      } else if (ref) {
-        ref.current = instance;
-      }
-    };
-    useEffect(() => {
-      const element = innerRef.current;
-      if (!element) {
-        return;
-      }
-      const resizeObserver = new ResizeObserver(([entry]) => {
-        const width = entry.target.getBoundingClientRect().width;
-        setPrefixWidth((prevWidth) => prevWidth !== width ? width : prevWidth);
-      });
-      resizeObserver.observe(element);
-      return () => {
-        resizeObserver.disconnect();
-        setPrefixWidth(TARGET_PADDING_X_DEFAULT);
-      };
-    }, [setPrefixWidth]);
-    return /* @__PURE__ */ jsx("span", { className: classNames, ...restProps, ref: setRef, children });
+    const setRef = useFormFieldAffixWidth(setPrefixWidth, ref);
+    return /* @__PURE__ */ jsx("span", { className: clsx(styles.formFieldPrefix, className), ...restProps, ref: setRef, children });
   }
 );
 FormFieldPrefix.displayName = "FormFieldPrefix";

package/components/FormField/components/FormFieldPrefix.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldPrefix.js","sources":["../../../../src/components/FormField/components/FormFieldPrefix.tsx"],"sourcesContent":["import React, { useContext, useRef, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { TARGET_PADDING_X_DEFAULT } from \"../consts\";\nimport styles from \"../styles/FormFieldPrefix.module.less\";\n\n/** Свойства компонента FormFieldPrefix. */\nexport interface IFormFieldPrefixProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\n/** Контейнер элементов, отображающихся в левой части FormField. */\nexport const FormFieldPrefix = React.forwardRef<HTMLSpanElement, IFormFieldPrefixProps>(\n    ({ children, className, ...restProps }, ref) => {\n        const { setPrefixWidth } = useContext(FormFieldContext);\n        const innerRef = useRef<HTMLSpanElement | null>();\n        const classNames = clsx(styles.formFieldPrefix, className);\n\n        const setRef = (instance: HTMLSpanElement | null) => {\n            innerRef.current = instance;\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        };\n\n        useEffect(() => {\n            const element = innerRef.current;\n            if (!element) {\n                return;\n            }\n\n            const resizeObserver = new ResizeObserver(([entry]) => {\n                const width = entry.target.getBoundingClientRect().width;\n                setPrefixWidth((prevWidth) => (prevWidth !== width ? width : prevWidth));\n            });\n\n            resizeObserver.observe(element);\n            return () => {\n                resizeObserver.disconnect();\n                setPrefixWidth(TARGET_PADDING_X_DEFAULT);\n            };\n        }, [setPrefixWidth]);\n\n        return (\n            <span className={classNames} {...restProps} ref={setRef}>\n                {children}\n            </span>\n        );\n    },\n);\n\nFormFieldPrefix.displayName = \"FormFieldPrefix\";\n"],"names":[],"mappings":";;;;;;;;;AAUO,MAAM,kBAAkB,MAAM;AAAA,EACjC,CAAC,EAAE,UAAU,WAAW,GAAG,UAAA,GAAa,QAAQ;AAC5C,UAAM,EAAE,eAAA,IAAmB,WAAW,gBAAgB;AACtD,UAAM,WAAW,OAAA;AACjB,UAAM,aAAa,KAAK,OAAO,iBAAiB,SAAS;AAEzD,UAAM,SAAS,CAAC,aAAqC;AACjD,eAAS,UAAU;AACnB,UAAI,OAAO,QAAQ,YAAY;AAC3B,YAAI,QAAQ;AAAA,MAChB,WAAW,KAAK;AACZ,YAAI,UAAU;AAAA,MAClB;AAAA,IACJ;AAEA,cAAU,MAAM;AACZ,YAAM,UAAU,SAAS;AACzB,UAAI,CAAC,SAAS;AACV;AAAA,MACJ;AAEA,YAAM,iBAAiB,IAAI,eAAe,CAAC,CAAC,KAAK,MAAM;AACnD,cAAM,QAAQ,MAAM,OAAO,sBAAA,EAAwB;AACnD,uBAAe,CAAC,cAAe,cAAc,QAAQ,QAAQ,SAAU;AAAA,MAC3E,CAAC;AAED,qBAAe,QAAQ,OAAO;AAC9B,aAAO,MAAM;AACT,uBAAe,WAAA;AACf,uBAAe,wBAAwB;AAAA,MAC3C;AAAA,IACJ,GAAG,CAAC,cAAc,CAAC;AAEnB,WACI,oBAAC,UAAK,WAAW,YAAa,GAAG,WAAW,KAAK,QAC5C,UACL;AAAA,EAER;AACJ;AAEA,gBAAgB,cAAc;"}
+{"version":3,"file":"FormFieldPrefix.js","sources":["../../../../src/components/FormField/components/FormFieldPrefix.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { useFormFieldAffixWidth } from \"./useFormFieldAffixWidth\";\nimport styles from \"../styles/FormFieldPrefix.module.less\";\n\n/** Свойства компонента FormFieldPrefix. */\nexport interface IFormFieldPrefixProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\n/**\n * Контейнер элементов, отображающихся в левой части FormField.\n *\n * Измеряет собственную ширину и передаёт её в FormFieldContext — поле использует это\n * значение как левый внутренний отступ, чтобы содержимое не перекрывалось префиксом.\n */\nexport const FormFieldPrefix = React.forwardRef<HTMLSpanElement, IFormFieldPrefixProps>(\n    ({ children, className, ...restProps }, ref) => {\n        const { setPrefixWidth } = useContext(FormFieldContext);\n        const setRef = useFormFieldAffixWidth(setPrefixWidth, ref);\n\n        return (\n            <span className={clsx(styles.formFieldPrefix, className)} {...restProps} ref={setRef}>\n                {children}\n            </span>\n        );\n    },\n);\n\nFormFieldPrefix.displayName = \"FormFieldPrefix\";\n"],"names":[],"mappings":";;;;;;;;;AAeO,MAAM,kBAAkB,MAAM;AAAA,EACjC,CAAC,EAAE,UAAU,WAAW,GAAG,UAAA,GAAa,QAAQ;AAC5C,UAAM,EAAE,eAAA,IAAmB,WAAW,gBAAgB;AACtD,UAAM,SAAS,uBAAuB,gBAAgB,GAAG;AAEzD,WACI,oBAAC,QAAA,EAAK,WAAW,KAAK,OAAO,iBAAiB,SAAS,GAAI,GAAG,WAAW,KAAK,QACzE,SAAA,CACL;AAAA,EAER;AACJ;AAEA,gBAAgB,cAAc;"}

package/components/FormField/components/FormFieldTarget.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useContext, useMemo, useLayoutEffect, useCallback } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const formFieldTarget = "formFieldTarget__776414cc";
-const sm = "sm__3d767d74";
-const md = "md__6ba736f0";
-const lg = "lg__6e0b5ad2";
-const placeholder = "placeholder__dbcefc63";
-const disabled = "disabled__67a97030";
-const placeholderWrapper = "placeholderWrapper__60e82a58";
-const active = "active__b57087b6";
+const formFieldTarget = "formFieldTarget__cf8fe187";
+const sm = "sm__7223949b";
+const md = "md__6f61044f";
+const lg = "lg__5881f8f2";
+const placeholder = "placeholder__76b7c894";
+const disabled = "disabled__4261bab8";
+const placeholderWrapper = "placeholderWrapper__6ef69771";
+const active = "active__007d4d41";
 const styles = {
   formFieldTarget,
   sm,

package/components/FormField/components/FormFieldTextarea.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useContext, useMemo, useCallback, useLayoutEffect } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { isFilled } from "./utils.js";
-const formFieldTextarea = "formFieldTextarea__337559ee";
-const sm = "sm__3d767d74";
-const md = "md__6ba736f0";
-const lg = "lg__6e0b5ad2";
+const formFieldTextarea = "formFieldTextarea__584a78d3";
+const sm = "sm__7223949b";
+const md = "md__6f61044f";
+const lg = "lg__5881f8f2";
 const styles = {
   formFieldTextarea,
   sm,

package/components/FormField/components/useFormFieldAffixWidth.js

@@ -0,0 +1,33 @@
+import { useRef, useCallback, useEffect } from "react";
+import { TARGET_PADDING_X_DEFAULT } from "../consts.js";
+import { setForwardedRef } from "./utils.js";
+const useFormFieldAffixWidth = (setWidth, forwardedRef) => {
+  const elementRef = useRef(null);
+  const setRef = useCallback(
+    (instance) => {
+      elementRef.current = instance;
+      setForwardedRef(forwardedRef, instance);
+    },
+    [forwardedRef]
+  );
+  useEffect(() => {
+    const element = elementRef.current;
+    if (!element) {
+      return;
+    }
+    const resizeObserver = new ResizeObserver(([entry]) => {
+      const width = entry.target.getBoundingClientRect().width;
+      setWidth((prevWidth) => prevWidth !== width ? width : prevWidth);
+    });
+    resizeObserver.observe(element);
+    return () => {
+      resizeObserver.disconnect();
+      setWidth(TARGET_PADDING_X_DEFAULT);
+    };
+  }, [setWidth]);
+  return setRef;
+};
+export {
+  useFormFieldAffixWidth
+};
+//# sourceMappingURL=useFormFieldAffixWidth.js.map

package/components/FormField/components/useFormFieldAffixWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormFieldAffixWidth.js","sources":["../../../../src/components/FormField/components/useFormFieldAffixWidth.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport { TARGET_PADDING_X_DEFAULT } from \"../consts\";\nimport { setForwardedRef } from \"./utils\";\n\n/**\n * Синхронизирует измеренную ширину контейнера-аффикса (FormFieldPrefix / FormFieldPostfix)\n * с контекстом FormField: поле использует её как горизонтальный внутренний отступ.\n *\n * Ширина отслеживается через ResizeObserver, при размонтировании сбрасывается\n * до TARGET_PADDING_X_DEFAULT.\n *\n * @param setWidth Сеттер ширины из FormFieldContext (setPrefixWidth или setPostfixWidth).\n * @param forwardedRef Внешний ref компонента, в который нужно продублировать элемент.\n * @returns Ref-колбэк для корневого элемента аффикса.\n */\nexport const useFormFieldAffixWidth = (\n    setWidth: React.Dispatch<React.SetStateAction<number>>,\n    forwardedRef: React.ForwardedRef<HTMLSpanElement>,\n): React.RefCallback<HTMLSpanElement> => {\n    const elementRef = useRef<HTMLSpanElement | null>(null);\n\n    const setRef = useCallback(\n        (instance: HTMLSpanElement | null) => {\n            elementRef.current = instance;\n            setForwardedRef(forwardedRef, instance);\n        },\n        [forwardedRef],\n    );\n\n    useEffect(() => {\n        const element = elementRef.current;\n\n        if (!element) {\n            return;\n        }\n\n        const resizeObserver = new ResizeObserver(([entry]) => {\n            const width = entry.target.getBoundingClientRect().width;\n\n            setWidth((prevWidth) => (prevWidth !== width ? width : prevWidth));\n        });\n\n        resizeObserver.observe(element);\n\n        return () => {\n            resizeObserver.disconnect();\n            setWidth(TARGET_PADDING_X_DEFAULT);\n        };\n    }, [setWidth]);\n\n    return setRef;\n};\n"],"names":[],"mappings":";;;AAeO,MAAM,yBAAyB,CAClC,UACA,iBACqC;AACrC,QAAM,aAAa,OAA+B,IAAI;AAEtD,QAAM,SAAS;AAAA,IACX,CAAC,aAAqC;AAClC,iBAAW,UAAU;AACrB,sBAAgB,cAAc,QAAQ;AAAA,IAC1C;AAAA,IACA,CAAC,YAAY;AAAA,EAAA;AAGjB,YAAU,MAAM;AACZ,UAAM,UAAU,WAAW;AAE3B,QAAI,CAAC,SAAS;AACV;AAAA,IACJ;AAEA,UAAM,iBAAiB,IAAI,eAAe,CAAC,CAAC,KAAK,MAAM;AACnD,YAAM,QAAQ,MAAM,OAAO,sBAAA,EAAwB;AAEnD,eAAS,CAAC,cAAe,cAAc,QAAQ,QAAQ,SAAU;AAAA,IACrE,CAAC;AAED,mBAAe,QAAQ,OAAO;AAE9B,WAAO,MAAM;AACT,qBAAe,WAAA;AACf,eAAS,wBAAwB;AAAA,IACrC;AAAA,EACJ,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AACX;"}

package/components/FormField/components/utils.js

@@ -1,3 +1,10 @@
+const setForwardedRef = (ref, instance) => {
+  if (typeof ref === "function") {
+    ref(instance);
+  } else if (ref) {
+    ref.current = instance;
+  }
+};
 const isFilled = (value) => {
   if (value === void 0) {
     return false;
@@ -8,6 +15,7 @@ const isFilled = (value) => {
   }
 };
 export {
-  isFilled
+  isFilled,
+  setForwardedRef
 };
 //# sourceMappingURL=utils.js.map

package/components/FormField/components/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/FormField/components/utils.ts"],"sourcesContent":["// Проверяет наличие значения.\nexport const isFilled = (value: string | readonly string[] | number | undefined) => {\n    if (value === undefined) {\n        return false;\n    } else if (typeof value === \"number\") {\n        return true;\n    } else {\n        return value.length !== 0;\n    }\n};\n"],"names":[],"mappings":"AACO,MAAM,WAAW,CAAC,UAA2D;AAChF,MAAI,UAAU,QAAW;AACrB,WAAO;AAAA,EACX,WAAW,OAAO,UAAU,UAAU;AAClC,WAAO;AAAA,EACX,OAAO;AACH,WAAO,MAAM,WAAW;AAAA,EAC5B;AACJ;"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/FormField/components/utils.ts"],"sourcesContent":["import React from \"react\";\n\n/**\n * Записывает элемент во внешний ref компонента: callback-ref или объектный ref.\n *\n * @param ref Внешний ref, полученный компонентом через forwardRef, либо переданный пропом.\n * @param instance DOM-элемент или null при размонтировании.\n */\nexport const setForwardedRef = <T>(ref: React.ForwardedRef<T> | undefined, instance: T | null): void => {\n    if (typeof ref === \"function\") {\n        ref(instance);\n    } else if (ref) {\n        ref.current = instance;\n    }\n};\n\n/**\n * Проверяет наличие значения в элементе ввода.\n *\n * Число считается заполненным всегда (включая 0), строка и массив строк — по длине.\n *\n * @param value Значение элемента ввода.\n * @returns true, если значение непустое.\n */\nexport const isFilled = (value: string | readonly string[] | number | undefined): boolean => {\n    if (value === undefined) {\n        return false;\n    } else if (typeof value === \"number\") {\n        return true;\n    } else {\n        return value.length !== 0;\n    }\n};\n"],"names":[],"mappings":"AAQO,MAAM,kBAAkB,CAAI,KAAwC,aAA6B;AACpG,MAAI,OAAO,QAAQ,YAAY;AAC3B,QAAI,QAAQ;AAAA,EAChB,WAAW,KAAK;AACZ,QAAI,UAAU;AAAA,EAClB;AACJ;AAUO,MAAM,WAAW,CAAC,UAAoE;AACzF,MAAI,UAAU,QAAW;AACrB,WAAO;AAAA,EACX,WAAW,OAAO,UAAU,UAAU;AAClC,WAAO;AAAA,EACX,OAAO;AACH,WAAO,MAAM,WAAW;AAAA,EAC5B;AACJ;"}

package/components/FormField/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","sources":["../../../src/components/FormField/consts.ts"],"sourcesContent":["// Дефолтный отступ элемента ввода (input/textarea).\nexport const TARGET_PADDING_X_DEFAULT = 12;\n"],"names":[],"mappings":"AACO,MAAM,2BAA2B;"}
+{"version":3,"file":"consts.js","sources":["../../../src/components/FormField/consts.ts"],"sourcesContent":["/** Дефолтный горизонтальный отступ элемента ввода (input/textarea), px. */\nexport const TARGET_PADDING_X_DEFAULT = 12;\n"],"names":[],"mappings":"AACO,MAAM,2BAA2B;"}

package/components/FormField/enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sources":["../../../src/components/FormField/enums.ts"],"sourcesContent":["export enum EFormFieldStatus {\n    DEFAULT = \"default\",\n    DISABLED = \"disabled\",\n    ERROR = \"error\",\n    WARNING = \"warning\",\n}\n"],"names":["EFormFieldStatus"],"mappings":"AAAO,IAAK,qCAAAA,sBAAL;AACHA,oBAAA,SAAA,IAAU;AACVA,oBAAA,UAAA,IAAW;AACXA,oBAAA,OAAA,IAAQ;AACRA,oBAAA,SAAA,IAAU;AAJF,SAAAA;AAAA,GAAA,oBAAA,CAAA,CAAA;"}
+{"version":3,"file":"enums.js","sources":["../../../src/components/FormField/enums.ts"],"sourcesContent":["/** Визуальное состояние поля ввода. */\nexport enum EFormFieldStatus {\n    /** Обычное состояние. */\n    DEFAULT = \"default\",\n    /** Поле заблокировано: вложенные элементы ввода недоступны для взаимодействия. */\n    DISABLED = \"disabled\",\n    /** Состояние ошибки. */\n    ERROR = \"error\",\n    /** Состояние предупреждения. */\n    WARNING = \"warning\",\n}\n"],"names":["EFormFieldStatus"],"mappings":"AACO,IAAK,qCAAAA,sBAAL;AAEHA,oBAAA,SAAA,IAAU;AAEVA,oBAAA,UAAA,IAAW;AAEXA,oBAAA,OAAA,IAAQ;AAERA,oBAAA,SAAA,IAAU;AARF,SAAAA;AAAA,GAAA,oBAAA,CAAA,CAAA;"}

package/components/FormField/index.js

@@ -9,7 +9,7 @@ import { FormFieldPostfix } from "./components/FormFieldPostfix.js";
 import { FormFieldPrefix } from "./components/FormFieldPrefix.js";
 import { FormFieldTarget } from "./components/FormFieldTarget.js";
 import { FormFieldTextarea } from "./components/FormFieldTextarea.js";
-import { FormField, statusToClassNameMap } from "./FormField.js";
+import { FormField } from "./FormField.js";
 export {
   EFormFieldStatus,
   FormField,
@@ -22,7 +22,6 @@ export {
   FormFieldPostfix,
   FormFieldPrefix,
   FormFieldTarget,
-  FormFieldTextarea,
-  statusToClassNameMap
+  FormFieldTextarea
 };
 //# sourceMappingURL=index.js.map

package/components/Gap/Gap.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import React from "react";
-const size4 = "size4__c049e3b1";
-const size8 = "size8__02a95507";
-const size12 = "size12__9fb052e7";
-const size16 = "size16__c149b84c";
-const size24 = "size24__f5537724";
-const size32 = "size32__8cdcccd5";
-const size64 = "size64__c20ba061";
-const size128 = "size128__7244f02c";
+const size4 = "size4__9ae61af1";
+const size8 = "size8__53200cc8";
+const size12 = "size12__d438b55b";
+const size16 = "size16__091c6c09";
+const size24 = "size24__12cf117b";
+const size32 = "size32__76d2fa5f";
+const size64 = "size64__ceb8859b";
+const size128 = "size128__81f8417c";
 const styles = {
   size4,
   size8,

package/components/Header/Header.js

@@ -12,7 +12,7 @@ import "./components/HeaderTitle/HeaderTitleContent.js";
 import "./components/HeaderTitle/HeaderTitleControls.js";
 const Header = Object.assign(
   React.forwardRef(function Header2({ children, ...rest }, ref) {
-    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "0.39.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "0.41.0", ref, children });
   }),
   {
     LayoutSidebar: HeaderLayoutSidebar,

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
 import { HeaderLayoutSidebarContent } from "./HeaderLayoutSidebarContent.js";
 import { HeaderLayoutSidebarSidebar } from "./HeaderLayoutSidebarSidebar.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-o5cCUCGl.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-BucgINex.js";
 const HeaderLayoutSidebar = Object.assign(
   React.forwardRef(function HeaderLayoutSidebar2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerLayoutSidebar, className), ...rest, ref, children });

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-o5cCUCGl.js";
+import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-BucgINex.js";
 const HeaderLayoutSidebarContent = React.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerLayoutSidebarContent, className), ...rest, ref, children })
 );

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-o5cCUCGl.js";
+import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-BucgINex.js";
 const HeaderLayoutSidebarSidebar = React.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerLayoutSidebarSidebar, className), ...rest, ref, children })
 );

package/components/Header/components/HeaderSubheader/HeaderSubheader.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
-const headerSubheader = "headerSubheader__2d335f78";
-const withoutPaddings = "withoutPaddings__922eef5a";
+import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
+const headerSubheader = "headerSubheader__3c5a629a";
+const withoutPaddings = "withoutPaddings__e920f5b4";
 const styles = {
   headerSubheader,
   withoutPaddings

package/components/Header/components/HeaderTabs/HeaderTabs.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { HeaderTabsContent } from "./HeaderTabsContent.js";
 import { HeaderTabsControls } from "./HeaderTabsControls.js";
-import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-Ch5Mbe7q.js";
+import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-C_a4JHKH.js";
 const HeaderTabs = Object.assign(
   React.forwardRef(function HeaderTabs2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTabs, className), ...rest, ref, children });

package/components/Header/components/HeaderTabs/HeaderTabsContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-Ch5Mbe7q.js";
+import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-C_a4JHKH.js";
 const HeaderTabsContent = React.forwardRef(
   ({ children, className, ...rest }, ref) => {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTabsContent, className), ...rest, ref, children });

package/components/Header/components/HeaderTabs/HeaderTabsControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-Ch5Mbe7q.js";
+import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-C_a4JHKH.js";
 const HeaderTabsControls = React.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTabsControls, className), ...rest, ref, children })
 );

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

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { HeaderTitleContent } from "./HeaderTitleContent.js";
 import { HeaderTitleControls } from "./HeaderTitleControls.js";
-import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-CUVjwVW7.js";
+import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-CcCkeiqR.js";
 const HeaderTitle = Object.assign(
   React.forwardRef(function HeaderTitle2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTitle, className), ...rest, ref, children });

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

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-CUVjwVW7.js";
+import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-CcCkeiqR.js";
 const HeaderTitleContent = React.forwardRef(
   ({ children, className, ...rest }, ref) => {
     return /* @__PURE__ */ jsx(

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

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

package/components/HelpBox/HelpBox.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React, { useRef, useState } from "react";
-import { u as uniqueId, c as clsx, F as FocusTrap } from "../../chunks/vendor-DKrjZZwJ.js";
+import { u as uniqueId, c as clsx, F as FocusTrap } from "../../chunks/vendor-BtZO8a0z.js";
 import { QuestioncircleFilledSrvIcon16 } from "@sberbusiness/icons-next";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
 import { EButtonIconShape } from "../Button/enums.js";
@@ -9,7 +9,7 @@ import { TooltipMobileHeader } from "../Tooltip/components/mobile/components/Too
 import { MobileView } from "../MobileView/MobileView.js";
 import { getDataHTMLAttributes } from "../../utils/html/DataAttributes.js";
 import { getAriaHTMLAttributes } from "../../utils/html/AriaAttributes.js";
-const helpBoxButton = "helpBoxButton__95e103b5";
+const helpBoxButton = "helpBoxButton__b11e4097";
 const styles = {
   helpBoxButton
 };

package/components/IconWrapper/IconWrapper.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
-const disableInteraction = "disableInteraction__024d74b4";
-const displayContents = "displayContents__6d1784a1";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+const disableInteraction = "disableInteraction__ae30d0e9";
+const displayContents = "displayContents__0a4ac7e6";
 const styles = {
   disableInteraction,
   displayContents
@@ -11,14 +11,14 @@ const IconWrapper = React.forwardRef(
   ({ children, className, active, disabled, disableInteraction: disableInteraction2, displayContents: displayContents2, ...props }, ref) => /* @__PURE__ */ jsx(
     "span",
     {
+      ...props,
       ref,
       className: clsx("hoverable", className, {
-        active: !!active,
-        disabled: !!disabled,
-        [styles.disableInteraction]: !!disableInteraction2,
-        [styles.displayContents]: !!displayContents2
+        active,
+        disabled,
+        [styles.disableInteraction]: disableInteraction2,
+        [styles.displayContents]: displayContents2
       }),
-      ...props,
       children
     }
   )

package/components/IconWrapper/IconWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconWrapper.js","sources":["../../../src/components/IconWrapper/IconWrapper.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/IconWrapper.module.less\";\n\n/** Свойства компонента IconWrapper. */\nexport interface IIconWrapperProps extends React.HTMLAttributes<HTMLSpanElement> {\n    children: React.ReactNode;\n    /** Активное состояние иконки. */\n    active?: boolean;\n    /** Отключённое состояние иконки. */\n    disabled?: boolean;\n    /** Отключить взаимодействие с иконкой. Например, чтобы иконка могла быть тусклой в состоянии disabled и не реагировать на hover, если по клику на нее не должно быть действий. */\n    disableInteraction?: boolean;\n    /** Отобразить элемент со свойством display: contents. */\n    displayContents?: boolean;\n}\n\n/**\n * Обёртка для иконок из @sberbusiness/icons-next.\n * Добавляет классы hoverable/active/disabled, которые управляют цветом иконки при взаимодействии.\n */\nexport const IconWrapper = React.forwardRef<HTMLSpanElement, IIconWrapperProps>(\n    ({ children, className, active, disabled, disableInteraction, displayContents, ...props }, ref) => (\n        <span\n            ref={ref}\n            className={clsx(\"hoverable\", className, {\n                active: !!active,\n                disabled: !!disabled,\n                [styles.disableInteraction]: !!disableInteraction,\n                [styles.displayContents]: !!displayContents,\n            })}\n            {...props}\n        >\n            {children}\n        </span>\n    ),\n);\n\nIconWrapper.displayName = \"IconWrapper\";\n"],"names":["disableInteraction","displayContents"],"mappings":";;;;;;;;;AAqBO,MAAM,cAAc,MAAM;AAAA,EAC7B,CAAC,EAAE,UAAU,WAAW,QAAQ,UAAU,oBAAAA,qBAAoB,iBAAAC,kBAAiB,GAAG,SAAS,QACvF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAW,KAAK,aAAa,WAAW;AAAA,QACpC,QAAQ,CAAC,CAAC;AAAA,QACV,UAAU,CAAC,CAAC;AAAA,QACZ,CAAC,OAAO,kBAAkB,GAAG,CAAC,CAACD;AAAA,QAC/B,CAAC,OAAO,eAAe,GAAG,CAAC,CAACC;AAAA,MAAA,CAC/B;AAAA,MACA,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,YAAY,cAAc;"}
+{"version":3,"file":"IconWrapper.js","sources":["../../../src/components/IconWrapper/IconWrapper.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/IconWrapper.module.less\";\n\n/** Свойства компонента IconWrapper. */\nexport interface IIconWrapperProps extends React.HTMLAttributes<HTMLSpanElement> {\n    /** Иконка (или произвольный контент), которую оборачивает компонент. */\n    children: React.ReactNode;\n    /** Активное состояние иконки. */\n    active?: boolean;\n    /** Отключённое состояние иконки. */\n    disabled?: boolean;\n    /** Отключить взаимодействие с иконкой. Например, чтобы иконка могла быть тусклой в состоянии disabled и не реагировать на hover, если по клику на нее не должно быть действий. */\n    disableInteraction?: boolean;\n    /** Отобразить элемент со свойством display: contents. */\n    displayContents?: boolean;\n}\n\n/**\n * Обёртка для иконок из @sberbusiness/icons-next.\n * Добавляет классы hoverable/active/disabled, которые управляют цветом иконки при взаимодействии.\n */\nexport const IconWrapper = React.forwardRef<HTMLSpanElement, IIconWrapperProps>(\n    ({ children, className, active, disabled, disableInteraction, displayContents, ...props }, ref) => (\n        <span\n            {...props}\n            ref={ref}\n            // Глобальные классы @sberbusiness/icons-next \"hoverable\", \"active\" и \"disabled\" — задают цвет иконки.\n            className={clsx(\"hoverable\", className, {\n                active,\n                disabled,\n                [styles.disableInteraction]: disableInteraction,\n                [styles.displayContents]: displayContents,\n            })}\n        >\n            {children}\n        </span>\n    ),\n);\n\nIconWrapper.displayName = \"IconWrapper\";\n"],"names":["disableInteraction","displayContents"],"mappings":";;;;;;;;;AAsBO,MAAM,cAAc,MAAM;AAAA,EAC7B,CAAC,EAAE,UAAU,WAAW,QAAQ,UAAU,oBAAAA,qBAAoB,iBAAAC,kBAAiB,GAAG,SAAS,QACvF;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MAEA,WAAW,KAAK,aAAa,WAAW;AAAA,QACpC;AAAA,QACA;AAAA,QACA,CAAC,OAAO,kBAAkB,GAAGD;AAAA,QAC7B,CAAC,OAAO,eAAe,GAAGC;AAAA,MAAA,CAC7B;AAAA,MAEA;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,YAAY,cAAc;"}

package/components/ImageGallery/ImageGallery.js

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

package/components/ImageGalleryExtended/ImageGalleryExtended.js

@@ -1,16 +1,16 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useCallback } from "react";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { isKey } from "../../utils/keyboard.js";
 import { ImageGalleryExtendedContext } from "./ImageGalleryExtendedContext.js";
 import { ImageGalleryExtendedMain } from "./components/ImageGalleryExtendedMain.js";
 import { ImageGalleryExtendedNav } from "./components/ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow } from "./components/ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails } from "./components/ImageGalleryExtendedThumbnails.js";
-import { I as ImageGalleryExtendedThumb } from "../../chunks/ImageGalleryExtendedThumb-B7xjP3UP.js";
+import { I as ImageGalleryExtendedThumb } from "../../chunks/ImageGalleryExtendedThumb-DHoiTDGV.js";
 import { ImageGalleryExtendedDots } from "./components/ImageGalleryExtendedDots.js";
 import "./enums.js";
-const root = "root__d37a200a";
+const root = "root__4caa0a60";
 const styles = {
   root
 };

package/components/ImageGalleryExtended/components/ImageGalleryExtendedArrow.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { CaretleftStrokeSrvIcon24, CaretrightStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { EImageGalleryArrowDirection } from "../enums.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-BMoLBevi.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-rFvyNDtg.js";
 const DIRECTION_CLASS = {
   [EImageGalleryArrowDirection.PREV]: styles.prev,
   [EImageGalleryArrowDirection.NEXT]: styles.next

package/components/ImageGalleryExtended/components/ImageGalleryExtendedDots.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
-const dots = "dots__8ca72adb";
-const dot = "dot__60bd30f8";
-const active = "active__b0db13c1";
+const dots = "dots__355988ee";
+const dot = "dot__9ad4ccc7";
+const active = "active__9afea26f";
 const styles = {
   dots,
   dot,

package/components/ImageGalleryExtended/components/ImageGalleryExtendedMain.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { MobileView } from "../../MobileView/MobileView.js";
 import "../../MobileView/useMobileView.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
 import { ImageGalleryExtendedSlide } from "./ImageGalleryExtendedSlide.js";
 import { ImageGalleryExtendedSwipeTrack } from "./ImageGalleryExtendedSwipeTrack.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-BMoLBevi.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-rFvyNDtg.js";
 const ImageGalleryExtendedMain = React.forwardRef(
   ({ height = "auto", withBlur = false, onImageClick, className, children, style, ...rest }, ref) => {
     const { items, selectedIndex } = useContext(ImageGalleryExtendedContext);

package/components/ImageGalleryExtended/components/ImageGalleryExtendedSlide.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-BMoLBevi.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-rFvyNDtg.js";
 const ImageGalleryExtendedSlide = ({ item, withBlur, onClick }) => /* @__PURE__ */ jsxs("div", { className: styles.slide, children: [
   withBlur && /* @__PURE__ */ jsx("img", { src: item.src, alt: "", className: styles.blur, "aria-hidden": "true" }),
   onClick ? /* @__PURE__ */ jsx("button", { type: "button", className: styles.imageButton, onClick, children: /* @__PURE__ */ jsx(

package/components/ImageGalleryExtended/components/ImageGalleryExtendedSwipeTrack.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext, useState, useRef, useCallback } from "react";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
 import { ImageGalleryExtendedSlide } from "./ImageGalleryExtendedSlide.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-BMoLBevi.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-rFvyNDtg.js";
 const SWIPE_MIN_DISTANCE = 50;
 const DIRECTION_LOCK_PX = 8;
 const EDGE_RESISTANCE = 0.35;