@sberbusiness/triplex-next 1.41.1 → 1.43.0

package/components/TabsExtended/components/TabsExtendedTabButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsExtendedTabButton.js","sources":["../../../../src/components/TabsExtended/components/TabsExtendedTabButton.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP, TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP } from \"../utils\";\nimport { TabsExtendedContext } from \"../TabsExtendedContext\";\nimport { Text, EFontType } from \"../../Typography\";\nimport { Badge } from \"../../Badge\";\nimport { EComponentSize } from \"../../../enums\";\nimport styles from \"../styles/TabsExtendedTabButton.module.less\";\n\n/** Свойства компонента TabsExtendedTabButton. */\nexport interface ITabsExtendedButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n    /** Выбранное состояние. */\n    selected?: boolean;\n    /** Размер компонента. */\n    size?: EComponentSize;\n    /** Флаг отображения значка новых уведомлений. */\n    showNotificationIcon?: boolean;\n}\n\n/**\n * Кнопка таба.\n * Если используется кастомный компонент кнопки, желательно, чтобы он рендерил html-элемент button, иначе выбор с клавиатуры может работать не корректно.\n */\nexport const TabsExtendedTabButton = React.forwardRef<HTMLButtonElement, ITabsExtendedButtonProps>(\n    ({ children, className, selected, size = EComponentSize.MD, showNotificationIcon, ...rest }, ref) => {\n        const { type } = useContext(TabsExtendedContext);\n\n        const classNames = clsx(\n            styles.tabsExtendedTabButton,\n            styles[size],\n            TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP[type],\n            { [styles.selected]: !!selected },\n            className,\n        );\n\n        return (\n            <button type=\"button\" className={classNames} role=\"tab\" aria-selected={selected} ref={ref} {...rest}>\n                <Text\n                    className={styles.tabsExtendedTabButtonTextDefault}\n                    size={TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP[size]}\n                    type={EFontType.SECONDARY}\n                >\n                    {children}\n                </Text>\n                <Text\n                    className={styles.tabsExtendedTabButtonTextHover}\n                    size={TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP[size]}\n                >\n                    {children}\n                </Text>\n                {showNotificationIcon && <Badge.Dot size={size} className={styles.notificationIcon} />}\n            </button>\n        );\n    },\n);\n\nTabsExtendedTabButton.displayName = \"TabsExtendedTabButton\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAuBO,MAAM,wBAAwBA,eAAM;AAAA,EACvC,CAAC,EAAE,UAAU,WAAW,UAAU,OAAO,eAAe,IAAI,sBAAsB,GAAG,KAAA,GAAQ,QAAQ;AACjG,UAAM,EAAE,KAAA,IAAS,WAAW,mBAAmB;AAE/C,UAAM,aAAa;AAAA,MACf,OAAO;AAAA,MACP,OAAO,IAAI;AAAA,MACX,qCAAqC,IAAI;AAAA,MACzC,EAAE,CAAC,OAAO,QAAQ,GAAG,CAAC,CAAC,SAAA;AAAA,MACvB;AAAA,IAAA;AAGJ,WACI,qBAAC,UAAA,EAAO,MAAK,UAAS,WAAW,YAAY,MAAK,OAAM,iBAAe,UAAU,KAAW,GAAG,MAC3F,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,OAAO;AAAA,UAClB,MAAM,oCAAoC,IAAI;AAAA,UAC9C,MAAM,UAAU;AAAA,UAEf;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,OAAO;AAAA,UAClB,MAAM,oCAAoC,IAAI;AAAA,UAE7C;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJ,4CAAyB,MAAM,KAAN,EAAU,MAAY,WAAW,OAAO,iBAAA,CAAkB;AAAA,IAAA,GACxF;AAAA,EAER;AACJ;AAEA,sBAAsB,cAAc;"}
+{"version":3,"file":"TabsExtendedTabButton.js","sources":["../../../../src/components/TabsExtended/components/TabsExtendedTabButton.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP, TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP } from \"../utils\";\nimport { TabsExtendedContext } from \"../TabsExtendedContext\";\nimport { Text, EFontType } from \"../../Typography\";\nimport { Badge } from \"../../Badge\";\nimport { EComponentSize } from \"../../../enums\";\nimport styles from \"../styles/TabsExtendedTabButton.module.less\";\n\n/** Свойства компонента TabsExtendedTabButton. */\nexport interface ITabsExtendedButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n    /** Выбранное состояние. Управляет классом selected и aria-selected. */\n    selected?: boolean;\n    /** Размер компонента. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Флаг отображения значка новых уведомлений. */\n    showNotificationIcon?: boolean;\n}\n\n/**\n * Кнопка таба.\n * Если используется кастомный компонент кнопки, желательно, чтобы он рендерил html-элемент button, иначе выбор с клавиатуры может работать не корректно.\n */\nexport const TabsExtendedTabButton = React.forwardRef<HTMLButtonElement, ITabsExtendedButtonProps>(\n    ({ children, className, selected, size = EComponentSize.MD, showNotificationIcon, ...rest }, ref) => {\n        const { type } = useContext(TabsExtendedContext);\n\n        const classNames = clsx(\n            styles.tabsExtendedTabButton,\n            styles[size],\n            TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP[type],\n            { [styles.selected]: selected },\n            className,\n        );\n\n        return (\n            <button type=\"button\" className={classNames} role=\"tab\" aria-selected={selected} ref={ref} {...rest}>\n                <Text\n                    className={styles.tabsExtendedTabButtonTextDefault}\n                    size={TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP[size]}\n                    type={EFontType.SECONDARY}\n                >\n                    {children}\n                </Text>\n                <Text\n                    className={styles.tabsExtendedTabButtonTextHover}\n                    size={TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP[size]}\n                >\n                    {children}\n                </Text>\n                {showNotificationIcon && <Badge.Dot size={size} className={styles.notificationIcon} />}\n            </button>\n        );\n    },\n);\n\nTabsExtendedTabButton.displayName = \"TabsExtendedTabButton\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAuBO,MAAM,wBAAwBA,eAAM;AAAA,EACvC,CAAC,EAAE,UAAU,WAAW,UAAU,OAAO,eAAe,IAAI,sBAAsB,GAAG,KAAA,GAAQ,QAAQ;AACjG,UAAM,EAAE,KAAA,IAAS,WAAW,mBAAmB;AAE/C,UAAM,aAAa;AAAA,MACf,OAAO;AAAA,MACP,OAAO,IAAI;AAAA,MACX,qCAAqC,IAAI;AAAA,MACzC,EAAE,CAAC,OAAO,QAAQ,GAAG,SAAA;AAAA,MACrB;AAAA,IAAA;AAGJ,WACI,qBAAC,UAAA,EAAO,MAAK,UAAS,WAAW,YAAY,MAAK,OAAM,iBAAe,UAAU,KAAW,GAAG,MAC3F,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,OAAO;AAAA,UAClB,MAAM,oCAAoC,IAAI;AAAA,UAC9C,MAAM,UAAU;AAAA,UAEf;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,OAAO;AAAA,UAClB,MAAM,oCAAoC,IAAI;AAAA,UAE7C;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJ,4CAAyB,MAAM,KAAN,EAAU,MAAY,WAAW,OAAO,iBAAA,CAAkB;AAAA,IAAA,GACxF;AAAA,EAER;AACJ;AAEA,sBAAsB,cAAc;"}

package/components/TabsExtended/components/TabsExtendedTabContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsExtendedTabContext.js","sources":["../../../../src/components/TabsExtended/components/TabsExtendedTabContext.ts"],"sourcesContent":["import React from \"react\";\n\nexport interface ITabsExtendedTabContext {\n    // Это скрытый tab, отрендеренный для расчета позиционирования отображаемых табов.\n    isFakeTab: boolean;\n}\n\nconst contextInitial: ITabsExtendedTabContext = {\n    isFakeTab: false,\n};\n\nexport const TabsExtendedTabContext = React.createContext<ITabsExtendedTabContext>(contextInitial);\n"],"names":["React"],"mappings":";AAOA,MAAM,iBAA0C;AAAA,EAC5C,WAAW;AACf;AAEO,MAAM,yBAAyBA,eAAM,cAAuC,cAAc;"}
+{"version":3,"file":"TabsExtendedTabContext.js","sources":["../../../../src/components/TabsExtended/components/TabsExtendedTabContext.ts"],"sourcesContent":["import React from \"react\";\n\n/** Значение контекста, отличающее скрытую копию табов от отображаемой. */\nexport interface ITabsExtendedTabContext {\n    /** Это скрытый tab, отрендеренный для расчёта позиционирования отображаемых табов. */\n    isFakeTab: boolean;\n}\n\nconst contextInitial: ITabsExtendedTabContext = {\n    isFakeTab: false,\n};\n\nexport const TabsExtendedTabContext = React.createContext<ITabsExtendedTabContext>(contextInitial);\n"],"names":["React"],"mappings":";AAQA,MAAM,iBAA0C;AAAA,EAC5C,WAAW;AACf;AAEO,MAAM,yBAAyBA,eAAM,cAAuC,cAAc;"}

package/components/TabsExtended/components/TabsExtendedTabsWrapper.js

@@ -1,106 +1,109 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import React__default, { useContext, useState, useRef, useLayoutEffect, isValidElement } from "react";
-import { g as useResizeDetector, c as clsx, h as pickBy } from "../../../chunks/vendor-CtuAQuEN.js";
+import React__default, { useContext, useState, useRef, useCallback, useLayoutEffect, isValidElement } from "react";
+import { g as useResizeDetector, c as clsx, h as pickBy } from "../../../chunks/vendor-D4wvHis9.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext } from "./TabsExtendedTabContext.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-BVBDZGtj.js";
-const TabsExtendedTabsWrapper = ({
-  children,
-  className,
-  ...htmlDivAttributes
-}) => {
-  const { setDropdownItemsIds, setInlineItemsIds, dropdownRef } = useContext(TabsExtendedContext);
-  const [dropdownWidth, setDropdownWidth] = useState(0);
-  const tabsFakeRef = useRef(null);
-  const childrenCount = useRef(React__default.Children.count(children));
-  const checkVisibleItems = () => {
-    if (tabsFakeRef.current) {
-      const { children: children2 } = tabsFakeRef.current;
-      let { right: containerRight } = tabsFakeRef.current.getBoundingClientRect();
+import { s as styles } from "../../../chunks/TabsExtended.module-X9j6lOjE.js";
+const TAB_ITEM_ID_ATTRIBUTE = "data-tab-item-id";
+const TABS_CONTAINER_RIGHT_OFFSET = 4;
+const RESIZE_REFRESH_RATE_MS = 150;
+const FAKE_TAB_CONTEXT = { isFakeTab: true };
+const stripDataAttributes = (nodes) => React__default.Children.map(nodes, (child) => {
+  if (!isValidElement(child)) {
+    return child;
+  }
+  const filteredProps = pickBy(child.props, (_value, key) => !key.startsWith("data-"));
+  return React__default.createElement(child.type, filteredProps);
+});
+const TabsExtendedTabsWrapper = React__default.forwardRef(
+  ({ children, className, ...htmlDivAttributes }, ref) => {
+    const { setDropdownItemsIds, setInlineItemsIds, dropdownRef } = useContext(TabsExtendedContext);
+    const [dropdownWidth, setDropdownWidth] = useState(0);
+    const [isTabsFakeMounted, setIsTabsFakeMounted] = useState(false);
+    const tabsFakeRef = useRef(null);
+    const childrenCountRef = useRef(React__default.Children.count(children));
+    const checkVisibleItems = useCallback(() => {
+      const tabsFakeNode = tabsFakeRef.current;
+      if (!tabsFakeNode) {
+        return;
+      }
+      const containerRight = tabsFakeNode.getBoundingClientRect().right - TABS_CONTAINER_RIGHT_OFFSET;
       const dropdownIds = [];
       const inlineIds = [];
       let overflow = false;
-      containerRight = containerRight - 4;
-      Array.from(children2).forEach((tab) => {
+      Array.from(tabsFakeNode.children).forEach((tab) => {
+        const tabId = tab.getAttribute(TAB_ITEM_ID_ATTRIBUTE);
+        if (tabId === null) {
+          return;
+        }
         const { right } = tab.getBoundingClientRect();
         if (containerRight - dropdownWidth < right) {
-          dropdownIds.push(tab.getAttribute("data-tab-item-id"));
-          if (!overflow && containerRight < right) {
+          dropdownIds.push(tabId);
+          if (containerRight < right) {
             overflow = true;
           }
         } else {
-          if (tab.getAttribute("data-tab-item-id")) {
-            inlineIds.push(tab.getAttribute("data-tab-item-id"));
-          }
+          inlineIds.push(tabId);
         }
       });
-      if (overflow) {
-        setDropdownItemsIds(dropdownIds);
-      } else {
-        setDropdownItemsIds([]);
-      }
+      setDropdownItemsIds(overflow ? dropdownIds : []);
       setInlineItemsIds(inlineIds);
-    }
-  };
-  const setNewDropdownWidth = () => {
-    if (dropdownRef.current) {
-      const { width } = dropdownRef.current.getBoundingClientRect();
+    }, [dropdownWidth, setDropdownItemsIds, setInlineItemsIds]);
+    const { ref: resizeRef } = useResizeDetector({
+      handleWidth: true,
+      onResize: checkVisibleItems,
+      refreshMode: "throttle",
+      refreshRate: RESIZE_REFRESH_RATE_MS
+    });
+    const setTabsFakeNode = useCallback(
+      (node) => {
+        if (tabsFakeRef.current !== node) {
+          tabsFakeRef.current = node;
+          if (node !== null) {
+            setIsTabsFakeMounted(true);
+          }
+        }
+        resizeRef(node);
+      },
+      [resizeRef]
+    );
+    const syncDropdownWidth = () => {
+      const dropdownNode = dropdownRef.current;
+      if (!dropdownNode) {
+        return;
+      }
+      const { width } = dropdownNode.getBoundingClientRect();
       if (width !== dropdownWidth) {
         setDropdownWidth(width);
       }
-    }
-  };
-  const setNewChildrenCount = () => {
-    const count = React__default.Children.count(children);
-    if (childrenCount.current !== count) {
-      childrenCount.current = count;
-      checkVisibleItems();
-    }
-  };
-  useLayoutEffect(() => {
-    setNewDropdownWidth();
-    setNewChildrenCount();
-  });
-  useLayoutEffect(checkVisibleItems, [dropdownWidth]);
-  const stripDataAttributes = (toProcess) => {
-    return React__default.Children.map(toProcess, (child) => {
-      if (!isValidElement(child)) {
-        return child;
+    };
+    const syncChildrenCount = () => {
+      const count = React__default.Children.count(children);
+      if (childrenCountRef.current !== count) {
+        childrenCountRef.current = count;
+        checkVisibleItems();
       }
-      const filteredProps = pickBy(child.props, (_val, key) => !key.startsWith("data-"));
-      return React__default.createElement(child.type, filteredProps);
+    };
+    useLayoutEffect(() => {
+      syncDropdownWidth();
+      syncChildrenCount();
     });
-  };
-  const { ref: resizeRef } = useResizeDetector({
-    handleWidth: true,
-    onResize: checkVisibleItems,
-    refreshMode: "throttle",
-    refreshRate: 150
-  });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: styles.tabsFake,
-        ref: (node) => {
-          if (tabsFakeRef.current !== node) {
-            tabsFakeRef.current = node;
-          }
-          resizeRef(node);
-        },
-        children: /* @__PURE__ */ jsx(TabsExtendedTabContext.Provider, { value: { isFakeTab: true }, children: stripDataAttributes(children) })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: clsx(styles.tabsReal, { [styles.hidden]: !tabsFakeRef.current }, className),
-        ...htmlDivAttributes,
-        children
-      }
-    )
-  ] });
-};
+    useLayoutEffect(checkVisibleItems, [checkVisibleItems]);
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: styles.tabsFake, ref: setTabsFakeNode, children: /* @__PURE__ */ jsx(TabsExtendedTabContext.Provider, { value: FAKE_TAB_CONTEXT, children: stripDataAttributes(children) }) }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: clsx(styles.tabsReal, { [styles.hidden]: !isTabsFakeMounted }, className),
+          ...htmlDivAttributes,
+          ref,
+          children
+        }
+      )
+    ] });
+  }
+);
+TabsExtendedTabsWrapper.displayName = "TabsExtendedTabsWrapper";
 export {
   TabsExtendedTabsWrapper
 };

package/components/TabsExtended/components/TabsExtendedTabsWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsExtendedTabsWrapper.js","sources":["../../../../src/components/TabsExtended/components/TabsExtendedTabsWrapper.tsx"],"sourcesContent":["import React, { useContext, useState, useRef, useLayoutEffect, isValidElement } from \"react\";\nimport { useResizeDetector } from \"react-resize-detector\";\nimport pickBy from \"lodash/pickBy\";\nimport clsx from \"clsx\";\nimport { TabsExtendedContext } from \"../TabsExtendedContext\";\nimport { TabsExtendedTabContext } from \"./TabsExtendedTabContext\";\nimport styles from \"../styles/TabsExtended.module.less\";\n\n/** Свойства компонента TabsExtendedTabsWrapper. */\nexport interface ITabsExtendedTabsWrapperProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Контейнер табов.\n * Рендерит инлайн табы и определяет табы, которые должны быть отрендерены в Dropdown.\n */\nexport const TabsExtendedTabsWrapper: React.FC<ITabsExtendedTabsWrapperProps> = ({\n    children,\n    className,\n    ...htmlDivAttributes\n}) => {\n    const { setDropdownItemsIds, setInlineItemsIds, dropdownRef } = useContext(TabsExtendedContext);\n    const [dropdownWidth, setDropdownWidth] = useState(0);\n    const tabsFakeRef = useRef<HTMLDivElement>(null);\n    const childrenCount = useRef(React.Children.count(children));\n\n    const checkVisibleItems = () => {\n        if (tabsFakeRef.current) {\n            const { children } = tabsFakeRef.current;\n            let { right: containerRight } = tabsFakeRef.current.getBoundingClientRect();\n            const dropdownIds: string[] = [];\n            const inlineIds: string[] = [];\n            let overflow = false;\n\n            // Padding-right контейнера равен 2px и отступ между кнопками 2px. Правая граница таба не должна выходить за (граница контейнера - 4px).\n            containerRight = containerRight - 4;\n\n            Array.from(children).forEach((tab) => {\n                const { right } = tab.getBoundingClientRect();\n\n                if (containerRight - dropdownWidth < right) {\n                    dropdownIds.push(tab.getAttribute(\"data-tab-item-id\")!);\n                    if (!overflow && containerRight < right) {\n                        overflow = true;\n                    }\n                } else {\n                    if (tab.getAttribute(\"data-tab-item-id\")) {\n                        inlineIds.push(tab.getAttribute(\"data-tab-item-id\")!);\n                    }\n                }\n            });\n\n            if (overflow) {\n                setDropdownItemsIds(dropdownIds);\n            } else {\n                setDropdownItemsIds([]);\n            }\n\n            setInlineItemsIds(inlineIds);\n        }\n    };\n\n    const setNewDropdownWidth = () => {\n        if (dropdownRef.current) {\n            const { width } = dropdownRef.current.getBoundingClientRect();\n\n            if (width !== dropdownWidth) {\n                setDropdownWidth(width);\n            }\n        }\n    };\n\n    const setNewChildrenCount = () => {\n        const count = React.Children.count(children);\n\n        if (childrenCount.current !== count) {\n            childrenCount.current = count;\n            checkVisibleItems();\n        }\n    };\n\n    useLayoutEffect(() => {\n        setNewDropdownWidth();\n        setNewChildrenCount();\n    });\n\n    useLayoutEffect(checkVisibleItems, [dropdownWidth]);\n\n    /** Возвращает children без `data-` атрибутов */\n    const stripDataAttributes = (toProcess: React.ReactNode): React.ReactNode => {\n        return React.Children.map(toProcess, (child) => {\n            // Если не может иметь `data-` атрибутов, вернуть как есть\n            if (!isValidElement(child)) {\n                return child;\n            }\n\n            // Оставить только пропы, не начинающиеся с `data-`\n            const filteredProps = pickBy(child.props, (_val, key) => !key.startsWith(\"data-\"));\n\n            return React.createElement(child.type, filteredProps);\n        });\n    };\n\n    const { ref: resizeRef } = useResizeDetector({\n        handleWidth: true,\n        onResize: checkVisibleItems,\n        refreshMode: \"throttle\",\n        refreshRate: 150,\n    });\n\n    return (\n        <>\n            {/* Скрытый контейнер с дубликатом табов, для вычисления табов, передаваемых в Dropdown. */}\n            {/* TabsFake идут в коде обязательно выше, чем tabsReal. */}\n            <div\n                className={styles.tabsFake}\n                ref={(node) => {\n                    if (tabsFakeRef.current !== node) {\n                        (tabsFakeRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n                    }\n\n                    resizeRef(node);\n                }}\n            >\n                <TabsExtendedTabContext.Provider value={{ isFakeTab: true }}>\n                    {stripDataAttributes(children)}\n                </TabsExtendedTabContext.Provider>\n            </div>\n\n            <div\n                className={clsx(styles.tabsReal, { [styles.hidden]: !tabsFakeRef.current }, className)}\n                {...htmlDivAttributes}\n            >\n                {children}\n            </div>\n        </>\n    );\n};\n"],"names":["React","children"],"mappings":"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"}
+{"version":3,"file":"TabsExtendedTabsWrapper.js","sources":["../../../../src/components/TabsExtended/components/TabsExtendedTabsWrapper.tsx"],"sourcesContent":["import React, { isValidElement, useCallback, useContext, useLayoutEffect, useRef, useState } from \"react\";\nimport { useResizeDetector } from \"react-resize-detector\";\nimport pickBy from \"lodash/pickBy\";\nimport clsx from \"clsx\";\nimport { TabsExtendedContext } from \"../TabsExtendedContext\";\nimport { TabsExtendedTabContext, ITabsExtendedTabContext } from \"./TabsExtendedTabContext\";\nimport styles from \"../styles/TabsExtended.module.less\";\n\n/** Свойства компонента TabsExtendedTabsWrapper. */\nexport interface ITabsExtendedTabsWrapperProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Атрибут, по которому таб опознаётся среди дочерних элементов скрытого контейнера. */\nconst TAB_ITEM_ID_ATTRIBUTE = \"data-tab-item-id\";\n\n/** Padding-right контейнера равен 2px и отступ между кнопками 2px. Правая граница таба не должна выходить за (граница контейнера - 4px). */\nconst TABS_CONTAINER_RIGHT_OFFSET = 4;\n\n/** Интервал троттлинга обработчика изменения ширины контейнера, мс. */\nconst RESIZE_REFRESH_RATE_MS = 150;\n\n/** Значение контекста для табов из скрытого контейнера. */\nconst FAKE_TAB_CONTEXT: ITabsExtendedTabContext = { isFakeTab: true };\n\n/** Возвращает children без `data-` атрибутов. */\nconst stripDataAttributes = (nodes: React.ReactNode): React.ReactNode =>\n    React.Children.map(nodes, (child) => {\n        // Если не может иметь `data-` атрибутов, вернуть как есть.\n        if (!isValidElement(child)) {\n            return child;\n        }\n\n        // Оставить только пропы, не начинающиеся с `data-`.\n        const filteredProps = pickBy(child.props, (_value, key) => !key.startsWith(\"data-\"));\n\n        return React.createElement(child.type, filteredProps);\n    });\n\n/**\n * Контейнер табов.\n * Рендерит инлайн табы и определяет табы, которые должны быть отрендерены в Dropdown.\n */\nexport const TabsExtendedTabsWrapper = React.forwardRef<HTMLDivElement, ITabsExtendedTabsWrapperProps>(\n    ({ children, className, ...htmlDivAttributes }, ref) => {\n        const { setDropdownItemsIds, setInlineItemsIds, dropdownRef } = useContext(TabsExtendedContext);\n        const [dropdownWidth, setDropdownWidth] = useState(0);\n        // Отображаемые табы скрыты, пока скрытый контейнер не смонтирован и ширины табов не измерены.\n        const [isTabsFakeMounted, setIsTabsFakeMounted] = useState(false);\n        const tabsFakeRef = useRef<HTMLDivElement | null>(null);\n        const childrenCountRef = useRef(React.Children.count(children));\n\n        /** Распределяет табы на отображаемые в строке и уезжающие в Dropdown. */\n        const checkVisibleItems = useCallback(() => {\n            const tabsFakeNode = tabsFakeRef.current;\n\n            if (!tabsFakeNode) {\n                return;\n            }\n\n            const containerRight = tabsFakeNode.getBoundingClientRect().right - TABS_CONTAINER_RIGHT_OFFSET;\n            const dropdownIds: string[] = [];\n            const inlineIds: string[] = [];\n            let overflow = false;\n\n            Array.from(tabsFakeNode.children).forEach((tab) => {\n                const tabId = tab.getAttribute(TAB_ITEM_ID_ATTRIBUTE);\n\n                if (tabId === null) {\n                    return;\n                }\n\n                const { right } = tab.getBoundingClientRect();\n\n                if (containerRight - dropdownWidth < right) {\n                    dropdownIds.push(tabId);\n\n                    if (containerRight < right) {\n                        overflow = true;\n                    }\n                } else {\n                    inlineIds.push(tabId);\n                }\n            });\n\n            setDropdownItemsIds(overflow ? dropdownIds : []);\n            setInlineItemsIds(inlineIds);\n        }, [dropdownWidth, setDropdownItemsIds, setInlineItemsIds]);\n\n        const { ref: resizeRef } = useResizeDetector({\n            handleWidth: true,\n            onResize: checkVisibleItems,\n            refreshMode: \"throttle\",\n            refreshRate: RESIZE_REFRESH_RATE_MS,\n        });\n\n        const setTabsFakeNode = useCallback(\n            (node: HTMLDivElement | null) => {\n                if (tabsFakeRef.current !== node) {\n                    tabsFakeRef.current = node;\n\n                    if (node !== null) {\n                        setIsTabsFakeMounted(true);\n                    }\n                }\n\n                resizeRef(node);\n            },\n            [resizeRef],\n        );\n\n        /** Синхронизирует ширину Dropdown: она уменьшает место, доступное табам. */\n        const syncDropdownWidth = () => {\n            const dropdownNode = dropdownRef.current;\n\n            if (!dropdownNode) {\n                return;\n            }\n\n            const { width } = dropdownNode.getBoundingClientRect();\n\n            if (width !== dropdownWidth) {\n                setDropdownWidth(width);\n            }\n        };\n\n        /** Пересчитывает табы, когда их количество изменилось. */\n        const syncChildrenCount = () => {\n            const count = React.Children.count(children);\n\n            if (childrenCountRef.current !== count) {\n                childrenCountRef.current = count;\n                checkVisibleItems();\n            }\n        };\n\n        useLayoutEffect(() => {\n            syncDropdownWidth();\n            syncChildrenCount();\n        });\n\n        useLayoutEffect(checkVisibleItems, [checkVisibleItems]);\n\n        return (\n            <>\n                {/* Скрытый контейнер с дубликатом табов, для вычисления табов, передаваемых в Dropdown. */}\n                {/* TabsFake идут в коде обязательно выше, чем tabsReal. */}\n                <div className={styles.tabsFake} ref={setTabsFakeNode}>\n                    <TabsExtendedTabContext.Provider value={FAKE_TAB_CONTEXT}>\n                        {stripDataAttributes(children)}\n                    </TabsExtendedTabContext.Provider>\n                </div>\n\n                <div\n                    className={clsx(styles.tabsReal, { [styles.hidden]: !isTabsFakeMounted }, className)}\n                    {...htmlDivAttributes}\n                    ref={ref}\n                >\n                    {children}\n                </div>\n            </>\n        );\n    },\n);\n\nTabsExtendedTabsWrapper.displayName = \"TabsExtendedTabsWrapper\";\n"],"names":["React"],"mappings":"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"}

package/components/TabsExtended/enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sources":["../../../src/components/TabsExtended/enums.ts"],"sourcesContent":["export enum ETabsExtendedType {\n    TYPE_1 = \"type1\",\n    TYPE_2 = \"type2\",\n}\n"],"names":["ETabsExtendedType"],"mappings":"AAAO,IAAK,sCAAAA,uBAAL;AACHA,qBAAA,QAAA,IAAS;AACTA,qBAAA,QAAA,IAAS;AAFD,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;"}
+{"version":3,"file":"enums.js","sources":["../../../src/components/TabsExtended/enums.ts"],"sourcesContent":["/** Тип оформления табов: задаёт фон контейнера и кнопок. Выбирается по фону страницы, на которой стоят табы. */\nexport enum ETabsExtendedType {\n    /** Серый фон контейнера — для табов на белом фоне страницы. */\n    TYPE_1 = \"type1\",\n    /** Белый фон контейнера — для табов на затенённом фоне страницы. */\n    TYPE_2 = \"type2\",\n}\n"],"names":["ETabsExtendedType"],"mappings":"AACO,IAAK,sCAAAA,uBAAL;AAEHA,qBAAA,QAAA,IAAS;AAETA,qBAAA,QAAA,IAAS;AAJD,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;"}

package/components/TabsExtended/utils.js

@@ -1,7 +1,7 @@
 import "./enums.js";
 import "../../enums/EComponentSize.js";
-import { a, T } from "../../chunks/utils-QF2QqBDT.js";
 import "../Typography/enums.js";
+import { a, T } from "../../chunks/utils-Cc9JBJpf.js";
 export {
   a as TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP,
   T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP

package/components/TabsLine/TabsLine.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { MobileView } from "../MobileView/MobileView.js";
 import "../MobileView/useMobileView.js";
 import { TabsLineDesktop } from "./components/TabsLineDesktop.js";
 import { TabsLineMobile } from "./components/TabsLineMobile.js";
-import { s as styles } from "../../chunks/TabsLine.module-DXgk6eNb.js";
+import { s as styles } from "../../chunks/TabsLine.module-ChL37SLq.js";
 import "./components/TabsLineDropdown.js";
 import "./components/TabsLineItem.js";
 const TabsLine = ({

package/components/TabsLine/components/TabsLineDesktop.js

@@ -3,8 +3,8 @@ import { useState, useRef, useEffect } from "react";
 import { TabsLineDropdown } from "./TabsLineDropdown.js";
 import { TabsLineItem } from "./TabsLineItem.js";
 import { isKey } from "../../../utils/keyboard.js";
-import { l as lodashExports } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/TabsLine.module-DXgk6eNb.js";
+import { l as lodashExports } from "../../../chunks/vendor-D4wvHis9.js";
+import { s as styles } from "../../../chunks/TabsLine.module-ChL37SLq.js";
 const TabsLineDesktop = ({
   tabs,
   dropdownTargetHtmlAttributes,

package/components/TabsLine/components/TabsLineDropdown.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect, createElement } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { DropdownListContext } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-BVgGltGX.js";
+import "../../../chunks/DropdownListItem-hLJFQ_q0.js";
 import { EDropdownWidth } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
@@ -21,7 +21,7 @@ import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { Dropdown } from "../../Dropdown/Dropdown.js";
 import { CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { isKey } from "../../../utils/keyboard.js";
-import { s as styles } from "../../../chunks/TabsLine.module-DXgk6eNb.js";
+import { s as styles } from "../../../chunks/TabsLine.module-ChL37SLq.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";

package/components/TabsLine/components/TabsLineItem.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useState, createElement } from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { Badge } from "../../Badge/Badge.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { Text } from "../../Typography/Text.js";
 import { tabsLineSizeToTextSizeMap } from "../utils.js";
 import { EFontType } from "../../Typography/enums.js";
-import { s as styles } from "../../../chunks/TabsLine.module-DXgk6eNb.js";
+import { s as styles } from "../../../chunks/TabsLine.module-ChL37SLq.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const TabsLineItem = React__default.forwardRef(
   ({

package/components/TabsLine/components/TabsLineMobile.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { TabsLineItem } from "./TabsLineItem.js";
-const tabsLineMobileWrapper = "tabsLineMobileWrapper__1f794292";
-const tabsLineMobile = "tabsLineMobile__ac1ade1c";
+const tabsLineMobileWrapper = "tabsLineMobileWrapper__5880cafc";
+const tabsLineMobile = "tabsLineMobile__9026c4c2";
 const styles = {
   tabsLineMobileWrapper,
   tabsLineMobile

package/components/Tag/Tag.js

@@ -1,17 +1,17 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useCallback } from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { EditStrokeSrvIcon24, EditStrokeSrvIcon20, EditStrokeSrvIcon16, CrossStrokeSrvIcon24, CrossStrokeSrvIcon20, CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { Text } from "../Typography/Text.js";
 import { ETextSize, EFontType } from "../Typography/enums.js";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const tag = "tag__c26a9bce";
-const sm = "sm__c2a1986d";
-const md = "md__0c65317c";
-const lg = "lg__283c3af6";
-const content = "content__17c1b411";
+const tag = "tag__da17014a";
+const sm = "sm__fa541bc1";
+const md = "md__0225bd06";
+const lg = "lg__fdb770bf";
+const content = "content__b3311fe4";
 const styles = {
   tag,
   sm,

package/components/TagColor/TagColor.js

@@ -1,23 +1,23 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { ETagColorStatus } from "./enums.js";
-const tagColor = "tagColor__2e86f69a";
-const sm = "sm__f85e29bd";
-const md = "md__0dfacd44";
-const lg = "lg__14ffb3ff";
-const success = "success__3877b755";
-const info = "info__babcbb9c";
-const warning = "warning__5dc81183";
-const error = "error__42c9945b";
-const content = "content__40b4a294";
+const tagColor = "tagColor__3b05f34e";
+const sm = "sm__f3407c81";
+const md = "md__8223f3aa";
+const lg = "lg__6b081b10";
+const success = "success__d6d0d50c";
+const info = "info__d66b3883";
+const warning = "warning__aa2f1e0e";
+const error = "error__49487176";
+const content = "content__2605cf4e";
 const styles = {
   tagColor,
   sm,
   md,
   lg,
-  "default": "default__ccea2999",
+  "default": "default__8517eeec",
   success,
   info,
   warning,

package/components/TagGroup/TagGroup.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const tagGroup = "tagGroup__62f62892";
-const sm = "sm__4d31fb8e";
-const md = "md__9fb6c71e";
-const lg = "lg__350aa84b";
+const tagGroup = "tagGroup__bb3182ba";
+const sm = "sm__5d7fc40b";
+const md = "md__ce299e67";
+const lg = "lg__88aeb026";
 const styles = {
   tagGroup,
   sm,

package/components/TextField/MaskedField.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaskedField.js","sources":["../../../src/components/TextField/MaskedField.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormFieldMaskedInput, IFormFieldMaskedInputProps } from \"../FormField/components/FormFieldMaskedInput\";\nimport { ITextFieldBaseProps, TextFieldBase } from \"./TextFieldBase\";\n\n/** Свойства компонента MaskedField. */\nexport interface IMaskedFieldProps extends Omit<ITextFieldBaseProps, \"children\"> {\n    /** Свойства поля ввода. */\n    maskedInputProps: IFormFieldMaskedInputProps & { ref?: React.RefObject<HTMLInputElement> };\n}\n\n/** Компонент ввода с маской. */\nexport const MaskedField = React.forwardRef<HTMLDivElement, IMaskedFieldProps>(\n    ({ maskedInputProps, ...restProps }, ref) => (\n        <TextFieldBase {...restProps} ref={ref}>\n            <FormFieldMaskedInput {...maskedInputProps} />\n        </TextFieldBase>\n    ),\n);\n\nMaskedField.displayName = \"MaskedField\";\n"],"names":["React"],"mappings":";;;;AAWO,MAAM,cAAcA,eAAM;AAAA,EAC7B,CAAC,EAAE,kBAAkB,GAAG,UAAA,GAAa,QACjC,oBAAC,eAAA,EAAe,GAAG,WAAW,KAC1B,UAAA,oBAAC,sBAAA,EAAsB,GAAG,kBAAkB,EAAA,CAChD;AAER;AAEA,YAAY,cAAc;"}
+{"version":3,"file":"MaskedField.js","sources":["../../../src/components/TextField/MaskedField.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormFieldMaskedInput, IFormFieldMaskedInputProps } from \"../FormField/components/FormFieldMaskedInput\";\nimport { ITextFieldBaseProps, TextFieldBase } from \"./TextFieldBase\";\n\n/** Свойства компонента MaskedField. */\nexport interface IMaskedFieldProps extends Omit<ITextFieldBaseProps, \"children\"> {\n    /**\n     * Свойства поля ввода с маской: обязательные `mask` и `value`, опциональный `placeholderMask`\n     * и остальные атрибуты input. Ссылка на элемент input передаётся через `forwardedRef`.\n     */\n    maskedInputProps: IFormFieldMaskedInputProps & {\n        /**\n         * Ссылка на корневой div-обёртку FormFieldMaskedInput.\n         * Для ссылки на элемент input используйте `forwardedRef`.\n         */\n        ref?: React.RefObject<HTMLDivElement>;\n    };\n}\n\n/**\n * Компонент ввода с маской.\n * Отличается от TextField элементом ввода — вместо обычного input используется FormFieldMaskedInput.\n */\nexport const MaskedField = React.forwardRef<HTMLDivElement, IMaskedFieldProps>(\n    ({ maskedInputProps, ...restProps }, ref) => (\n        <TextFieldBase {...restProps} ref={ref}>\n            <FormFieldMaskedInput {...maskedInputProps} />\n        </TextFieldBase>\n    ),\n);\n\nMaskedField.displayName = \"MaskedField\";\n"],"names":["React"],"mappings":";;;;AAuBO,MAAM,cAAcA,eAAM;AAAA,EAC7B,CAAC,EAAE,kBAAkB,GAAG,UAAA,GAAa,QACjC,oBAAC,eAAA,EAAe,GAAG,WAAW,KAC1B,UAAA,oBAAC,sBAAA,EAAsB,GAAG,kBAAkB,EAAA,CAChD;AAER;AAEA,YAAY,cAAc;"}

package/components/ThemeProvider/ThemeProvider.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo, useLayoutEffect } from "react";
-import { t as canUseDom, w as updateCSS, x as removeCSS } from "../../chunks/vendor-CtuAQuEN.js";
+import { w as canUseDom, x as updateCSS, y as removeCSS } from "../../chunks/vendor-D4wvHis9.js";
 import { DesignTokenUtils } from "../DesignTokens/DesignTokenUtils.js";
 import { ThemeProviderView } from "./components/ThemeProviderView.js";
 import { ETriplexNextTheme } from "./ETriplexNextTheme.js";

package/components/ThemeProvider/components/ThemeProviderView.js

@@ -6,7 +6,7 @@ import { DesignTokensCore } from "../../DesignTokens/DesignTokensCore.js";
 import { DesignTokensCoreThemeDark } from "../../DesignTokens/DesignTokensCoreThemeDark.js";
 import { DesignTokensComponents } from "../../DesignTokens/DesignTokensComponents.js";
 import { DesignTokensComponentsThemeDark } from "../../DesignTokens/DesignTokensComponentsThemeDark.js";
-import { m as defaultsDeep } from "../../../chunks/vendor-CtuAQuEN.js";
+import { m as defaultsDeep } from "../../../chunks/vendor-D4wvHis9.js";
 const ThemeProviderView = ({
   children,
   scopeClassName,

package/components/Tooltip/components/common/TooltipBody.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
 import { MobileView } from "../../../MobileView/MobileView.js";
 import { Text } from "../../../Typography/Text.js";
 import { ELineType, ETextSize } from "../../../Typography/enums.js";
-import { s as styles } from "../../../../chunks/TooltipDesktop.module-BKIRlstC.js";
+import { s as styles } from "../../../../chunks/TooltipDesktop.module-CnBq_TZS.js";
 const TooltipBody = React__default.forwardRef(({ className, ...rest }, ref) => {
   const classNames = clsx(styles.tooltipBody, className);
   return /* @__PURE__ */ jsx(MobileView, { fallback: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, ref }), children: /* @__PURE__ */ jsx(Text, { className: classNames, size: ETextSize.B3, line: ELineType.NORMAL, tag: "div", ...rest, ref }) });

package/components/Tooltip/components/common/TooltipLink.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
 import { MobileView } from "../../../MobileView/MobileView.js";
 import { getSafeRel } from "../../../../utils/html/anchorSecurity.js";
-const tooltipLink = "tooltipLink__d211ddc1";
-const desktop = "desktop__11edf5a1";
-const mobile = "mobile__2cca39dd";
+const tooltipLink = "tooltipLink__bc4fd752";
+const desktop = "desktop__4ec12af1";
+const mobile = "mobile__bde75fb0";
 const styles = {
   tooltipLink,
   desktop,
@@ -21,7 +21,7 @@ const TooltipLink = React__default.forwardRef(
         ...rest,
         target,
         rel: safeRel,
-        "data-tx": "1.41.1",
+        "data-tx": "1.43.0",
         ref,
         children
       }

package/components/Tooltip/components/common/TooltipXButton.js

@@ -3,7 +3,7 @@ import { useContext } from "react";
 import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { TooltipContext } from "../../TootlipContext.js";
 import { ButtonIcon } from "../../../Button/ButtonIcon.js";
-import { s as styles } from "../../../../chunks/TooltipDesktop.module-BKIRlstC.js";
+import { s as styles } from "../../../../chunks/TooltipDesktop.module-CnBq_TZS.js";
 const TooltipXButton = ({ onClick, ...rest }) => {
   const { setTooltipOpen } = useContext(TooltipContext);
   const handleClick = (event) => {

package/components/Tooltip/components/desktop/components/TooltipDesktopBase.js

@@ -3,13 +3,13 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { i as isEqual, c as clsx } from "../../../../../chunks/vendor-CtuAQuEN.js";
+import { i as isEqual, c as clsx } from "../../../../../chunks/vendor-D4wvHis9.js";
 import { TooltipContext } from "../../../TootlipContext.js";
 import { Portal } from "../../../../Portal/Portal.js";
 import { ETooltipFlowTypes, ETooltipPreferPlace, ETooltipDirection, ETooltipAlign, ETooltipSizeParameter, ETooltipTypeName, ETooltipEndCoordinates, ETooltipStartCoordinates, ETooltipAxesType, ETooltipSize } from "../../../enums.js";
 import { TooltipDesktopTip } from "./TooltipDesktopTip.js";
 import { pickZone, axes, calcRelPos, centerOfBoundsFromBounds, calcBounds, equalCoords } from "../../../utils/Positioning.js";
-import { s as styles } from "../../../../../chunks/TooltipDesktop.module-BKIRlstC.js";
+import { s as styles } from "../../../../../chunks/TooltipDesktop.module-CnBq_TZS.js";
 const flowToTipTranslations = {
   [ETooltipFlowTypes.COLUMN]: "translateX",
   [ETooltipFlowTypes.ROW]: "translateY"

package/components/Tooltip/components/desktop/components/TooltipDesktopTip.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { ETooltipDirection } from "../../../enums.js";
-import { c as clsx } from "../../../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../../../chunks/TooltipDesktop.module-BKIRlstC.js";
+import { c as clsx } from "../../../../../chunks/vendor-D4wvHis9.js";
+import { s as styles } from "../../../../../chunks/TooltipDesktop.module-CnBq_TZS.js";
 const DIRECTION_CLASS_NAMES = {
   [ETooltipDirection.UP]: styles.up,
   [ETooltipDirection.DOWN]: styles.down,

package/components/Tooltip/components/mobile/TooltipMobile.js

@@ -5,11 +5,11 @@ import { Portal } from "../../../Portal/Portal.js";
 import { DropdownMobile } from "../../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../../../Dropdown/mobile/DropdownMobileBody.js";
 import { TooltipMobileCloseButton } from "./components/TooltipMobileCloseButton.js";
-import { c as clsx } from "../../../../chunks/vendor-CtuAQuEN.js";
-const tooltipMobile = "tooltipMobile__0bd6f18d";
-const tooltipMobileContent = "tooltipMobileContent__bfd02a86";
-const headerless = "headerless__efabda76";
-const closeButton = "closeButton__7f7bb806";
+import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
+const tooltipMobile = "tooltipMobile__a917f01c";
+const tooltipMobileContent = "tooltipMobileContent__dd9fed3e";
+const headerless = "headerless__9a21e5b8";
+const closeButton = "closeButton__af3b5741";
 const styles = {
   tooltipMobile,
   tooltipMobileContent,

package/components/TopOverlay/TopOverlay.js

@@ -1,15 +1,15 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
 import { Overlay } from "../Overlay/Overlay.js";
 import { EOverlayDirection } from "../Overlay/OverlayBase.js";
-const topOverlayMask = "topOverlayMask__cb773de8";
-const topOverlayWrapper = "topOverlayWrapper__10660bb4";
-const closing = "closing__97ccf4e6";
-const opened = "opened__7ae369e9";
-const topOverlayPanel = "topOverlayPanel__1341403c";
-const topOverlay = "topOverlay__f0aaa220";
+const topOverlayMask = "topOverlayMask__0cc3289e";
+const topOverlayWrapper = "topOverlayWrapper__90b243c1";
+const closing = "closing__99c242d5";
+const opened = "opened__ad22ba3e";
+const topOverlayPanel = "topOverlayPanel__de66e2fd";
+const topOverlay = "topOverlay__cec6775f";
 const styles = {
   topOverlayMask,
   topOverlayWrapper,