@infomaximum/ui-kit 0.15.2 → 0.15.4

package/dist/components/Alert/Alert.d.ts

@@ -1,3 +1,4 @@
-import { FC } from 'react';
 import { AlertProps } from './Alert.types';
-export declare const Alert: FC<import('react').PropsWithChildren<AlertProps>>;
+export declare const Alert: import('react').ForwardRefExoticComponent<AlertProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>>;

package/dist/components/Avatar/Avatar.d.ts

@@ -1,3 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
 import { AvatarProps } from './Avatar.types';
-export declare const Avatar: FC<PropsWithChildren<AvatarProps>>;
+export declare const Avatar: import('react').ForwardRefExoticComponent<AvatarProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>>;

package/dist/components/BaseTooltip/hooks/useCustomFloating.js

@@ -15,11 +15,14 @@ const useCustomFloating = ({
   const convertedPlacement = convertBaseTooltipPlacement(placement);
   const isXMainAxis = isLeftSide(convertedPlacement) || isRightSide(convertedPlacement);
   useEffect(() => {
-    var _a2, _b2, _c, _d, _e, _f;
-    if (autoAdjustOverflow || ((_a2 = align == null ? void 0 : align.overflow) == null ? void 0 : _a2.adjustX) || ((_b2 = align == null ? void 0 : align.overflow) == null ? void 0 : _b2.adjustY)) {
+    var _a2, _b2;
+    const adjustX = ((_a2 = align == null ? void 0 : align.overflow) == null ? void 0 : _a2.adjustX) ?? autoAdjustOverflow;
+    const adjustY = ((_b2 = align == null ? void 0 : align.overflow) == null ? void 0 : _b2.adjustY) ?? autoAdjustOverflow;
+    const withFlip = adjustX || adjustY;
+    if (withFlip) {
       floatingMiddleware[0] = flip({
-        mainAxis: isXMainAxis ? !!((_c = align == null ? void 0 : align.overflow) == null ? void 0 : _c.adjustX) : !!((_d = align == null ? void 0 : align.overflow) == null ? void 0 : _d.adjustY),
-        crossAxis: isXMainAxis ? !!((_e = align == null ? void 0 : align.overflow) == null ? void 0 : _e.adjustY) : !!((_f = align == null ? void 0 : align.overflow) == null ? void 0 : _f.adjustX)
+        mainAxis: isXMainAxis ? adjustX : adjustY,
+        crossAxis: isXMainAxis ? adjustY : adjustX
       });
     }
   }, [align, (_a = align == null ? void 0 : align.overflow) == null ? void 0 : _a.adjustX, (_b = align == null ? void 0 : align.overflow) == null ? void 0 : _b.adjustY, arrowRef, autoAdjustOverflow, isXMainAxis]);

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -1,3 +1,4 @@
-import { FC } from 'react';
 import { BreadcrumbProps } from './Breadcrumb.types';
-export declare const Breadcrumb: FC<import('react').PropsWithChildren<BreadcrumbProps>>;
+export declare const Breadcrumb: import('react').ForwardRefExoticComponent<BreadcrumbProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>>;

package/dist/components/Button/Button.d.ts

@@ -1,3 +1,4 @@
-import { PropsWithChildren, FC } from 'react';
 import { ButtonProps } from './Button.types';
-export declare const Button: FC<PropsWithChildren<ButtonProps>>;
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>>;

package/dist/components/Button/Button.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
 import { getButtonDefaultStyle } from "./Button.styles.js";
 import { withThemeProvider } from "../../hocs/withThemeProvider.js";
 import { useLoadingDelay } from "../../hooks/useLoadingDelay.js";
@@ -7,25 +8,26 @@ import { getVariantAndColorByType, defaultLoadingIconTestIdSuffix, defaultLoadin
 import { useTheme } from "../../hooks/useTheme/useTheme.js";
 import { LoadingOutlined } from "../../icons/icons/LoadingOutlined.js";
 import { Tooltip } from "../Tooltip/Tooltip.js";
-const ButtonComponent = ({
-  className,
-  type,
-  variant,
-  color,
-  loading = false,
-  disabled = false,
-  block = false,
-  styles,
-  children,
-  icon,
-  iconPosition = "start",
-  href,
-  onClick,
-  testId,
-  tooltip,
-  ...standardAttributes
-}) => {
+const ButtonComponent = forwardRef((props, ref) => {
   var _a, _b, _c, _d, _e;
+  const {
+    className,
+    type,
+    variant,
+    color,
+    loading = false,
+    disabled = false,
+    block = false,
+    styles,
+    children,
+    icon,
+    iconPosition = "start",
+    href,
+    onClick,
+    "test-id": testId,
+    tooltip,
+    ...standardAttributes
+  } = props;
   const theme = useTheme();
   const {
     currentLoading,
@@ -41,18 +43,18 @@ const ButtonComponent = ({
     disabled,
     hasIconOnly: isUndefined(children) && !isUndefined(icon)
   });
-  const currentIcon = currentLoading || icon ? /* @__PURE__ */ jsx("span", { css: [buttonDefaultStyle.iconWrapper(theme), (_c = styles == null ? void 0 : styles.iconWrapper) == null ? void 0 : _c.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:currentIcon;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbURZIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFByb3BzV2l0aENoaWxkcmVuLCBGQyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuL0J1dHRvbi50eXBlc1wiO1xuaW1wb3J0IHsgZ2V0QnV0dG9uRGVmYXVsdFN0eWxlIH0gZnJvbSBcIi4vQnV0dG9uLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IHdpdGhUaGVtZVByb3ZpZGVyIH0gZnJvbSBcImhvY3Mvd2l0aFRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IExvYWRpbmdPdXRsaW5lZCB9IGZyb20gXCJpY29ucy9pY29uc1wiO1xuaW1wb3J0IHsgdXNlTG9hZGluZ0RlbGF5IH0gZnJvbSBcImhvb2tzL3VzZUxvYWRpbmdEZWxheVwiO1xuaW1wb3J0IHsgaXNVbmRlZmluZWQgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQge1xuICBkZWZhdWx0QnV0dG9uVGVzdElkLFxuICBkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWQsXG4gIGRlZmF1bHRMb2FkaW5nSWNvblRlc3RJZFN1ZmZpeCxcbiAgZ2V0VmFyaWFudEFuZENvbG9yQnlUeXBlLFxufSBmcm9tIFwiLi9CdXR0b24udXRpbHNcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vVG9vbHRpcFwiO1xuXG5jb25zdCBCdXR0b25Db21wb25lbnQ6IEZDPFByb3BzV2l0aENoaWxkcmVuPEJ1dHRvblByb3BzPj4gPSAoe1xuICBjbGFzc05hbWUsXG4gIHR5cGUsXG4gIHZhcmlhbnQsXG4gIGNvbG9yLFxuICBsb2FkaW5nID0gZmFsc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGJsb2NrID0gZmFsc2UsXG4gIHN0eWxlcyxcbiAgY2hpbGRyZW4sXG4gIGljb24sXG4gIGljb25Qb3NpdGlvbiA9IFwic3RhcnRcIixcbiAgaHJlZixcbiAgb25DbGljayxcbiAgdGVzdElkLFxuICB0b29sdGlwLFxuICAuLi5zdGFuZGFyZEF0dHJpYnV0ZXNcbn0pID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCB7IGN1cnJlbnRMb2FkaW5nLCBpc0RlbGF5IH0gPSB1c2VMb2FkaW5nRGVsYXkobG9hZGluZyk7XG5cbiAgY29uc3QgY3VycmVudFZhcmlhbnQgPSB2YXJpYW50ID8/IGdldFZhcmlhbnRBbmRDb2xvckJ5VHlwZSh0eXBlKT8udmFyaWFudCA/PyBcIm91dGxpbmVkXCI7XG4gIGNvbnN0IGN1cnJlbnRDb2xvciA9IGNvbG9yID8/IGdldFZhcmlhbnRBbmRDb2xvckJ5VHlwZSh0eXBlKT8uY29sb3IgPz8gXCJkZWZhdWx0XCI7XG5cbiAgY29uc3QgYnV0dG9uRGVmYXVsdFN0eWxlID0gZ2V0QnV0dG9uRGVmYXVsdFN0eWxlKHtcbiAgICB2YXJpYW50OiBjdXJyZW50VmFyaWFudCxcbiAgICBjb2xvcjogY3VycmVudENvbG9yLFxuICAgIGxvYWRpbmc6IGN1cnJlbnRMb2FkaW5nLFxuICAgIGJsb2NrLFxuICAgIGRpc2FibGVkLFxuICAgIGhhc0ljb25Pbmx5OiBpc1VuZGVmaW5lZChjaGlsZHJlbikgJiYgIWlzVW5kZWZpbmVkKGljb24pLFxuICB9KTtcblxuICBjb25zdCBjdXJyZW50SWNvbiA9XG4gICAgY3VycmVudExvYWRpbmcgfHwgaWNvbiA/IChcbiAgICAgIDxzcGFuIGNzcz17W2J1dHRvbkRlZmF1bHRTdHlsZS5pY29uV3JhcHBlcih0aGVtZSksIHN0eWxlcz8uaWNvbldyYXBwZXI/Lih0aGVtZSldfT5cbiAgICAgICAge2N1cnJlbnRMb2FkaW5nID8gKFxuICAgICAgICAgIDxMb2FkaW5nT3V0bGluZWRcbiAgICAgICAgICAgIHRlc3QtaWQ9e1xuICAgICAgICAgICAgICB0ZXN0SWQgPyBgJHt0ZXN0SWR9JHtkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWRTdWZmaXh9YCA6IGRlZmF1bHRMb2FkaW5nSWNvblRlc3RJZFxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgaWNvblxuICAgICAgICApfVxuICAgICAgPC9zcGFuPlxuICAgICkgOiBudWxsO1xuXG4gIGNvbnN0IGNvbnRlbnQgPSAoXG4gICAgPD5cbiAgICAgIHtpY29uUG9zaXRpb24gPT09IFwic3RhcnRcIiAmJiBjdXJyZW50SWNvbn1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtpY29uUG9zaXRpb24gPT09IFwiZW5kXCIgJiYgY3VycmVudEljb259XG4gICAgPC8+XG4gICk7XG5cbiAgY29uc3QgYnV0dG9uRWxlbWVudCA9XG4gICAgY3VycmVudFZhcmlhbnQgPT09IFwibGlua1wiID8gKFxuICAgICAgPGFcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGNzcz17W2J1dHRvbkRlZmF1bHRTdHlsZS53cmFwcGVyKHRoZW1lKSwgc3R5bGVzPy53cmFwcGVyPy4odGhlbWUpXX1cbiAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgdGVzdC1pZD17dGVzdElkID8/IGRlZmF1bHRCdXR0b25UZXN0SWR9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICA+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9hPlxuICAgICkgOiAoXG4gICAgICA8YnV0dG9uXG4gICAgICAgIHsuLi5zdGFuZGFyZEF0dHJpYnV0ZXN9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUud3JhcHBlcih0aGVtZSksIHN0eWxlcz8ud3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCBjdXJyZW50TG9hZGluZyB8fCBpc0RlbGF5fVxuICAgICAgICB0ZXN0LWlkPXt0ZXN0SWQgPz8gZGVmYXVsdEJ1dHRvblRlc3RJZH1cbiAgICAgID5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L2J1dHRvbj5cbiAgICApO1xuXG4gIGlmICh0b29sdGlwICYmIHRvb2x0aXAudGl0bGUpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFRvb2x0aXAgdGl0bGU9e3Rvb2x0aXAudGl0bGV9IHBsYWNlbWVudD17dG9vbHRpcC5wbGFjZW1lbnR9IGFsaWduPXt0b29sdGlwLmFsaWdufT5cbiAgICAgICAge2J1dHRvbkVsZW1lbnR9XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiBidXR0b25FbGVtZW50O1xufTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHdpdGhUaGVtZVByb3ZpZGVyPEJ1dHRvblByb3BzPihCdXR0b25Db21wb25lbnQpO1xuIl19 */"], children: currentLoading ? /* @__PURE__ */ jsx(LoadingOutlined, { "test-id": testId ? `${testId}${defaultLoadingIconTestIdSuffix}` : defaultLoadingIconTestId }) : icon }) : null;
+  const currentIcon = currentLoading || icon ? /* @__PURE__ */ jsx("span", { css: [buttonDefaultStyle.iconWrapper(theme), (_c = styles == null ? void 0 : styles.iconWrapper) == null ? void 0 : _c.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:currentIcon;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0RZIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmLCB0eXBlIEZvcndhcmRlZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuL0J1dHRvbi50eXBlc1wiO1xuaW1wb3J0IHsgZ2V0QnV0dG9uRGVmYXVsdFN0eWxlIH0gZnJvbSBcIi4vQnV0dG9uLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IHdpdGhUaGVtZVByb3ZpZGVyIH0gZnJvbSBcImhvY3Mvd2l0aFRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IExvYWRpbmdPdXRsaW5lZCB9IGZyb20gXCJpY29ucy9pY29uc1wiO1xuaW1wb3J0IHsgdXNlTG9hZGluZ0RlbGF5IH0gZnJvbSBcImhvb2tzL3VzZUxvYWRpbmdEZWxheVwiO1xuaW1wb3J0IHsgaXNVbmRlZmluZWQgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQge1xuICBkZWZhdWx0QnV0dG9uVGVzdElkLFxuICBkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWQsXG4gIGRlZmF1bHRMb2FkaW5nSWNvblRlc3RJZFN1ZmZpeCxcbiAgZ2V0VmFyaWFudEFuZENvbG9yQnlUeXBlLFxufSBmcm9tIFwiLi9CdXR0b24udXRpbHNcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vVG9vbHRpcFwiO1xuXG50eXBlIEJ1dHRvbkVsZW1lbnQgPSBIVE1MQnV0dG9uRWxlbWVudCB8IEhUTUxBbmNob3JFbGVtZW50O1xuXG5jb25zdCBCdXR0b25Db21wb25lbnQgPSBmb3J3YXJkUmVmPEJ1dHRvbkVsZW1lbnQsIEJ1dHRvblByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgY2xhc3NOYW1lLFxuICAgIHR5cGUsXG4gICAgdmFyaWFudCxcbiAgICBjb2xvcixcbiAgICBsb2FkaW5nID0gZmFsc2UsXG4gICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICBibG9jayA9IGZhbHNlLFxuICAgIHN0eWxlcyxcbiAgICBjaGlsZHJlbixcbiAgICBpY29uLFxuICAgIGljb25Qb3NpdGlvbiA9IFwic3RhcnRcIixcbiAgICBocmVmLFxuICAgIG9uQ2xpY2ssXG4gICAgXCJ0ZXN0LWlkXCI6IHRlc3RJZCxcbiAgICB0b29sdGlwLFxuICAgIC4uLnN0YW5kYXJkQXR0cmlidXRlc1xuICB9ID0gcHJvcHM7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgeyBjdXJyZW50TG9hZGluZywgaXNEZWxheSB9ID0gdXNlTG9hZGluZ0RlbGF5KGxvYWRpbmcpO1xuXG4gIGNvbnN0IGN1cnJlbnRWYXJpYW50ID0gdmFyaWFudCA/PyBnZXRWYXJpYW50QW5kQ29sb3JCeVR5cGUodHlwZSk/LnZhcmlhbnQgPz8gXCJvdXRsaW5lZFwiO1xuICBjb25zdCBjdXJyZW50Q29sb3IgPSBjb2xvciA/PyBnZXRWYXJpYW50QW5kQ29sb3JCeVR5cGUodHlwZSk/LmNvbG9yID8/IFwiZGVmYXVsdFwiO1xuXG4gIGNvbnN0IGJ1dHRvbkRlZmF1bHRTdHlsZSA9IGdldEJ1dHRvbkRlZmF1bHRTdHlsZSh7XG4gICAgdmFyaWFudDogY3VycmVudFZhcmlhbnQsXG4gICAgY29sb3I6IGN1cnJlbnRDb2xvcixcbiAgICBsb2FkaW5nOiBjdXJyZW50TG9hZGluZyxcbiAgICBibG9jayxcbiAgICBkaXNhYmxlZCxcbiAgICBoYXNJY29uT25seTogaXNVbmRlZmluZWQoY2hpbGRyZW4pICYmICFpc1VuZGVmaW5lZChpY29uKSxcbiAgfSk7XG5cbiAgY29uc3QgY3VycmVudEljb24gPVxuICAgIGN1cnJlbnRMb2FkaW5nIHx8IGljb24gPyAoXG4gICAgICA8c3BhbiBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUuaWNvbldyYXBwZXIodGhlbWUpLCBzdHlsZXM/Lmljb25XcmFwcGVyPy4odGhlbWUpXX0+XG4gICAgICAgIHtjdXJyZW50TG9hZGluZyA/IChcbiAgICAgICAgICA8TG9hZGluZ091dGxpbmVkXG4gICAgICAgICAgICB0ZXN0LWlkPXtcbiAgICAgICAgICAgICAgdGVzdElkID8gYCR7dGVzdElkfSR7ZGVmYXVsdExvYWRpbmdJY29uVGVzdElkU3VmZml4fWAgOiBkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIGljb25cbiAgICAgICAgKX1cbiAgICAgIDwvc3Bhbj5cbiAgICApIDogbnVsbDtcblxuICBjb25zdCBjb250ZW50ID0gKFxuICAgIDw+XG4gICAgICB7aWNvblBvc2l0aW9uID09PSBcInN0YXJ0XCIgJiYgY3VycmVudEljb259XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICB7aWNvblBvc2l0aW9uID09PSBcImVuZFwiICYmIGN1cnJlbnRJY29ufVxuICAgIDwvPlxuICApO1xuXG4gIGNvbnN0IGJ1dHRvbkVsZW1lbnQgPVxuICAgIGN1cnJlbnRWYXJpYW50ID09PSBcImxpbmtcIiA/IChcbiAgICAgIDxhXG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUud3JhcHBlcih0aGVtZSksIHN0eWxlcz8ud3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICAgIHRlc3QtaWQ9e3Rlc3RJZCA/PyBkZWZhdWx0QnV0dG9uVGVzdElkfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICByZWY9e3JlZiBhcyBGb3J3YXJkZWRSZWY8SFRNTEFuY2hvckVsZW1lbnQ+fVxuICAgICAgPlxuICAgICAgICB7Y29udGVudH1cbiAgICAgIDwvYT5cbiAgICApIDogKFxuICAgICAgPGJ1dHRvblxuICAgICAgICB7Li4uc3RhbmRhcmRBdHRyaWJ1dGVzfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtbYnV0dG9uRGVmYXVsdFN0eWxlLndyYXBwZXIodGhlbWUpLCBzdHlsZXM/LndyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWQgfHwgY3VycmVudExvYWRpbmcgfHwgaXNEZWxheX1cbiAgICAgICAgdGVzdC1pZD17dGVzdElkID8/IGRlZmF1bHRCdXR0b25UZXN0SWR9XG4gICAgICAgIHJlZj17cmVmIGFzIEZvcndhcmRlZFJlZjxIVE1MQnV0dG9uRWxlbWVudD59XG4gICAgICA+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9idXR0b24+XG4gICAgKTtcblxuICBpZiAodG9vbHRpcCAmJiB0b29sdGlwLnRpdGxlKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxUb29sdGlwIHRpdGxlPXt0b29sdGlwLnRpdGxlfSBwbGFjZW1lbnQ9e3Rvb2x0aXAucGxhY2VtZW50fSBhbGlnbj17dG9vbHRpcC5hbGlnbn0+XG4gICAgICAgIHtidXR0b25FbGVtZW50fVxuICAgICAgPC9Ub29sdGlwPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gYnV0dG9uRWxlbWVudDtcbn0pO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gd2l0aFRoZW1lUHJvdmlkZXI8QnV0dG9uUHJvcHM+KEJ1dHRvbkNvbXBvbmVudCk7XG4iXX0= */"], children: currentLoading ? /* @__PURE__ */ jsx(LoadingOutlined, { "test-id": testId ? `${testId}${defaultLoadingIconTestIdSuffix}` : defaultLoadingIconTestId }) : icon }) : null;
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
     iconPosition === "start" && currentIcon,
     children,
     iconPosition === "end" && currentIcon
   ] });
-  const buttonElement = currentVariant === "link" ? /* @__PURE__ */ jsx("a", { className, css: [buttonDefaultStyle.wrapper(theme), (_d = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _d.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:buttonElement;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEVRIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFByb3BzV2l0aENoaWxkcmVuLCBGQyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuL0J1dHRvbi50eXBlc1wiO1xuaW1wb3J0IHsgZ2V0QnV0dG9uRGVmYXVsdFN0eWxlIH0gZnJvbSBcIi4vQnV0dG9uLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IHdpdGhUaGVtZVByb3ZpZGVyIH0gZnJvbSBcImhvY3Mvd2l0aFRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IExvYWRpbmdPdXRsaW5lZCB9IGZyb20gXCJpY29ucy9pY29uc1wiO1xuaW1wb3J0IHsgdXNlTG9hZGluZ0RlbGF5IH0gZnJvbSBcImhvb2tzL3VzZUxvYWRpbmdEZWxheVwiO1xuaW1wb3J0IHsgaXNVbmRlZmluZWQgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQge1xuICBkZWZhdWx0QnV0dG9uVGVzdElkLFxuICBkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWQsXG4gIGRlZmF1bHRMb2FkaW5nSWNvblRlc3RJZFN1ZmZpeCxcbiAgZ2V0VmFyaWFudEFuZENvbG9yQnlUeXBlLFxufSBmcm9tIFwiLi9CdXR0b24udXRpbHNcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vVG9vbHRpcFwiO1xuXG5jb25zdCBCdXR0b25Db21wb25lbnQ6IEZDPFByb3BzV2l0aENoaWxkcmVuPEJ1dHRvblByb3BzPj4gPSAoe1xuICBjbGFzc05hbWUsXG4gIHR5cGUsXG4gIHZhcmlhbnQsXG4gIGNvbG9yLFxuICBsb2FkaW5nID0gZmFsc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGJsb2NrID0gZmFsc2UsXG4gIHN0eWxlcyxcbiAgY2hpbGRyZW4sXG4gIGljb24sXG4gIGljb25Qb3NpdGlvbiA9IFwic3RhcnRcIixcbiAgaHJlZixcbiAgb25DbGljayxcbiAgdGVzdElkLFxuICB0b29sdGlwLFxuICAuLi5zdGFuZGFyZEF0dHJpYnV0ZXNcbn0pID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCB7IGN1cnJlbnRMb2FkaW5nLCBpc0RlbGF5IH0gPSB1c2VMb2FkaW5nRGVsYXkobG9hZGluZyk7XG5cbiAgY29uc3QgY3VycmVudFZhcmlhbnQgPSB2YXJpYW50ID8/IGdldFZhcmlhbnRBbmRDb2xvckJ5VHlwZSh0eXBlKT8udmFyaWFudCA/PyBcIm91dGxpbmVkXCI7XG4gIGNvbnN0IGN1cnJlbnRDb2xvciA9IGNvbG9yID8/IGdldFZhcmlhbnRBbmRDb2xvckJ5VHlwZSh0eXBlKT8uY29sb3IgPz8gXCJkZWZhdWx0XCI7XG5cbiAgY29uc3QgYnV0dG9uRGVmYXVsdFN0eWxlID0gZ2V0QnV0dG9uRGVmYXVsdFN0eWxlKHtcbiAgICB2YXJpYW50OiBjdXJyZW50VmFyaWFudCxcbiAgICBjb2xvcjogY3VycmVudENvbG9yLFxuICAgIGxvYWRpbmc6IGN1cnJlbnRMb2FkaW5nLFxuICAgIGJsb2NrLFxuICAgIGRpc2FibGVkLFxuICAgIGhhc0ljb25Pbmx5OiBpc1VuZGVmaW5lZChjaGlsZHJlbikgJiYgIWlzVW5kZWZpbmVkKGljb24pLFxuICB9KTtcblxuICBjb25zdCBjdXJyZW50SWNvbiA9XG4gICAgY3VycmVudExvYWRpbmcgfHwgaWNvbiA/IChcbiAgICAgIDxzcGFuIGNzcz17W2J1dHRvbkRlZmF1bHRTdHlsZS5pY29uV3JhcHBlcih0aGVtZSksIHN0eWxlcz8uaWNvbldyYXBwZXI/Lih0aGVtZSldfT5cbiAgICAgICAge2N1cnJlbnRMb2FkaW5nID8gKFxuICAgICAgICAgIDxMb2FkaW5nT3V0bGluZWRcbiAgICAgICAgICAgIHRlc3QtaWQ9e1xuICAgICAgICAgICAgICB0ZXN0SWQgPyBgJHt0ZXN0SWR9JHtkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWRTdWZmaXh9YCA6IGRlZmF1bHRMb2FkaW5nSWNvblRlc3RJZFxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgaWNvblxuICAgICAgICApfVxuICAgICAgPC9zcGFuPlxuICAgICkgOiBudWxsO1xuXG4gIGNvbnN0IGNvbnRlbnQgPSAoXG4gICAgPD5cbiAgICAgIHtpY29uUG9zaXRpb24gPT09IFwic3RhcnRcIiAmJiBjdXJyZW50SWNvbn1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtpY29uUG9zaXRpb24gPT09IFwiZW5kXCIgJiYgY3VycmVudEljb259XG4gICAgPC8+XG4gICk7XG5cbiAgY29uc3QgYnV0dG9uRWxlbWVudCA9XG4gICAgY3VycmVudFZhcmlhbnQgPT09IFwibGlua1wiID8gKFxuICAgICAgPGFcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGNzcz17W2J1dHRvbkRlZmF1bHRTdHlsZS53cmFwcGVyKHRoZW1lKSwgc3R5bGVzPy53cmFwcGVyPy4odGhlbWUpXX1cbiAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgdGVzdC1pZD17dGVzdElkID8/IGRlZmF1bHRCdXR0b25UZXN0SWR9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICA+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9hPlxuICAgICkgOiAoXG4gICAgICA8YnV0dG9uXG4gICAgICAgIHsuLi5zdGFuZGFyZEF0dHJpYnV0ZXN9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUud3JhcHBlcih0aGVtZSksIHN0eWxlcz8ud3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCBjdXJyZW50TG9hZGluZyB8fCBpc0RlbGF5fVxuICAgICAgICB0ZXN0LWlkPXt0ZXN0SWQgPz8gZGVmYXVsdEJ1dHRvblRlc3RJZH1cbiAgICAgID5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L2J1dHRvbj5cbiAgICApO1xuXG4gIGlmICh0b29sdGlwICYmIHRvb2x0aXAudGl0bGUpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFRvb2x0aXAgdGl0bGU9e3Rvb2x0aXAudGl0bGV9IHBsYWNlbWVudD17dG9vbHRpcC5wbGFjZW1lbnR9IGFsaWduPXt0b29sdGlwLmFsaWdufT5cbiAgICAgICAge2J1dHRvbkVsZW1lbnR9XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiBidXR0b25FbGVtZW50O1xufTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHdpdGhUaGVtZVByb3ZpZGVyPEJ1dHRvblByb3BzPihCdXR0b25Db21wb25lbnQpO1xuIl19 */"], href, "test-id": testId ?? defaultButtonTestId, onClick, children: content }) : /* @__PURE__ */ jsx("button", { ...standardAttributes, className, css: [buttonDefaultStyle.wrapper(theme), (_e = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _e.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:buttonElement;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUZRIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFByb3BzV2l0aENoaWxkcmVuLCBGQyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuL0J1dHRvbi50eXBlc1wiO1xuaW1wb3J0IHsgZ2V0QnV0dG9uRGVmYXVsdFN0eWxlIH0gZnJvbSBcIi4vQnV0dG9uLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IHdpdGhUaGVtZVByb3ZpZGVyIH0gZnJvbSBcImhvY3Mvd2l0aFRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IExvYWRpbmdPdXRsaW5lZCB9IGZyb20gXCJpY29ucy9pY29uc1wiO1xuaW1wb3J0IHsgdXNlTG9hZGluZ0RlbGF5IH0gZnJvbSBcImhvb2tzL3VzZUxvYWRpbmdEZWxheVwiO1xuaW1wb3J0IHsgaXNVbmRlZmluZWQgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQge1xuICBkZWZhdWx0QnV0dG9uVGVzdElkLFxuICBkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWQsXG4gIGRlZmF1bHRMb2FkaW5nSWNvblRlc3RJZFN1ZmZpeCxcbiAgZ2V0VmFyaWFudEFuZENvbG9yQnlUeXBlLFxufSBmcm9tIFwiLi9CdXR0b24udXRpbHNcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vVG9vbHRpcFwiO1xuXG5jb25zdCBCdXR0b25Db21wb25lbnQ6IEZDPFByb3BzV2l0aENoaWxkcmVuPEJ1dHRvblByb3BzPj4gPSAoe1xuICBjbGFzc05hbWUsXG4gIHR5cGUsXG4gIHZhcmlhbnQsXG4gIGNvbG9yLFxuICBsb2FkaW5nID0gZmFsc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGJsb2NrID0gZmFsc2UsXG4gIHN0eWxlcyxcbiAgY2hpbGRyZW4sXG4gIGljb24sXG4gIGljb25Qb3NpdGlvbiA9IFwic3RhcnRcIixcbiAgaHJlZixcbiAgb25DbGljayxcbiAgdGVzdElkLFxuICB0b29sdGlwLFxuICAuLi5zdGFuZGFyZEF0dHJpYnV0ZXNcbn0pID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCB7IGN1cnJlbnRMb2FkaW5nLCBpc0RlbGF5IH0gPSB1c2VMb2FkaW5nRGVsYXkobG9hZGluZyk7XG5cbiAgY29uc3QgY3VycmVudFZhcmlhbnQgPSB2YXJpYW50ID8/IGdldFZhcmlhbnRBbmRDb2xvckJ5VHlwZSh0eXBlKT8udmFyaWFudCA/PyBcIm91dGxpbmVkXCI7XG4gIGNvbnN0IGN1cnJlbnRDb2xvciA9IGNvbG9yID8/IGdldFZhcmlhbnRBbmRDb2xvckJ5VHlwZSh0eXBlKT8uY29sb3IgPz8gXCJkZWZhdWx0XCI7XG5cbiAgY29uc3QgYnV0dG9uRGVmYXVsdFN0eWxlID0gZ2V0QnV0dG9uRGVmYXVsdFN0eWxlKHtcbiAgICB2YXJpYW50OiBjdXJyZW50VmFyaWFudCxcbiAgICBjb2xvcjogY3VycmVudENvbG9yLFxuICAgIGxvYWRpbmc6IGN1cnJlbnRMb2FkaW5nLFxuICAgIGJsb2NrLFxuICAgIGRpc2FibGVkLFxuICAgIGhhc0ljb25Pbmx5OiBpc1VuZGVmaW5lZChjaGlsZHJlbikgJiYgIWlzVW5kZWZpbmVkKGljb24pLFxuICB9KTtcblxuICBjb25zdCBjdXJyZW50SWNvbiA9XG4gICAgY3VycmVudExvYWRpbmcgfHwgaWNvbiA/IChcbiAgICAgIDxzcGFuIGNzcz17W2J1dHRvbkRlZmF1bHRTdHlsZS5pY29uV3JhcHBlcih0aGVtZSksIHN0eWxlcz8uaWNvbldyYXBwZXI/Lih0aGVtZSldfT5cbiAgICAgICAge2N1cnJlbnRMb2FkaW5nID8gKFxuICAgICAgICAgIDxMb2FkaW5nT3V0bGluZWRcbiAgICAgICAgICAgIHRlc3QtaWQ9e1xuICAgICAgICAgICAgICB0ZXN0SWQgPyBgJHt0ZXN0SWR9JHtkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWRTdWZmaXh9YCA6IGRlZmF1bHRMb2FkaW5nSWNvblRlc3RJZFxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgaWNvblxuICAgICAgICApfVxuICAgICAgPC9zcGFuPlxuICAgICkgOiBudWxsO1xuXG4gIGNvbnN0IGNvbnRlbnQgPSAoXG4gICAgPD5cbiAgICAgIHtpY29uUG9zaXRpb24gPT09IFwic3RhcnRcIiAmJiBjdXJyZW50SWNvbn1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtpY29uUG9zaXRpb24gPT09IFwiZW5kXCIgJiYgY3VycmVudEljb259XG4gICAgPC8+XG4gICk7XG5cbiAgY29uc3QgYnV0dG9uRWxlbWVudCA9XG4gICAgY3VycmVudFZhcmlhbnQgPT09IFwibGlua1wiID8gKFxuICAgICAgPGFcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGNzcz17W2J1dHRvbkRlZmF1bHRTdHlsZS53cmFwcGVyKHRoZW1lKSwgc3R5bGVzPy53cmFwcGVyPy4odGhlbWUpXX1cbiAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgdGVzdC1pZD17dGVzdElkID8/IGRlZmF1bHRCdXR0b25UZXN0SWR9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICA+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9hPlxuICAgICkgOiAoXG4gICAgICA8YnV0dG9uXG4gICAgICAgIHsuLi5zdGFuZGFyZEF0dHJpYnV0ZXN9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUud3JhcHBlcih0aGVtZSksIHN0eWxlcz8ud3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCBjdXJyZW50TG9hZGluZyB8fCBpc0RlbGF5fVxuICAgICAgICB0ZXN0LWlkPXt0ZXN0SWQgPz8gZGVmYXVsdEJ1dHRvblRlc3RJZH1cbiAgICAgID5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L2J1dHRvbj5cbiAgICApO1xuXG4gIGlmICh0b29sdGlwICYmIHRvb2x0aXAudGl0bGUpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFRvb2x0aXAgdGl0bGU9e3Rvb2x0aXAudGl0bGV9IHBsYWNlbWVudD17dG9vbHRpcC5wbGFjZW1lbnR9IGFsaWduPXt0b29sdGlwLmFsaWdufT5cbiAgICAgICAge2J1dHRvbkVsZW1lbnR9XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiBidXR0b25FbGVtZW50O1xufTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHdpdGhUaGVtZVByb3ZpZGVyPEJ1dHRvblByb3BzPihCdXR0b25Db21wb25lbnQpO1xuIl19 */"], onClick, disabled: disabled || currentLoading || isDelay, "test-id": testId ?? defaultButtonTestId, children: content });
+  const buttonElement = currentVariant === "link" ? /* @__PURE__ */ jsx("a", { className, css: [buttonDefaultStyle.wrapper(theme), (_d = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _d.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:buttonElement;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0VRIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmLCB0eXBlIEZvcndhcmRlZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuL0J1dHRvbi50eXBlc1wiO1xuaW1wb3J0IHsgZ2V0QnV0dG9uRGVmYXVsdFN0eWxlIH0gZnJvbSBcIi4vQnV0dG9uLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IHdpdGhUaGVtZVByb3ZpZGVyIH0gZnJvbSBcImhvY3Mvd2l0aFRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IExvYWRpbmdPdXRsaW5lZCB9IGZyb20gXCJpY29ucy9pY29uc1wiO1xuaW1wb3J0IHsgdXNlTG9hZGluZ0RlbGF5IH0gZnJvbSBcImhvb2tzL3VzZUxvYWRpbmdEZWxheVwiO1xuaW1wb3J0IHsgaXNVbmRlZmluZWQgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQge1xuICBkZWZhdWx0QnV0dG9uVGVzdElkLFxuICBkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWQsXG4gIGRlZmF1bHRMb2FkaW5nSWNvblRlc3RJZFN1ZmZpeCxcbiAgZ2V0VmFyaWFudEFuZENvbG9yQnlUeXBlLFxufSBmcm9tIFwiLi9CdXR0b24udXRpbHNcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vVG9vbHRpcFwiO1xuXG50eXBlIEJ1dHRvbkVsZW1lbnQgPSBIVE1MQnV0dG9uRWxlbWVudCB8IEhUTUxBbmNob3JFbGVtZW50O1xuXG5jb25zdCBCdXR0b25Db21wb25lbnQgPSBmb3J3YXJkUmVmPEJ1dHRvbkVsZW1lbnQsIEJ1dHRvblByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgY2xhc3NOYW1lLFxuICAgIHR5cGUsXG4gICAgdmFyaWFudCxcbiAgICBjb2xvcixcbiAgICBsb2FkaW5nID0gZmFsc2UsXG4gICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICBibG9jayA9IGZhbHNlLFxuICAgIHN0eWxlcyxcbiAgICBjaGlsZHJlbixcbiAgICBpY29uLFxuICAgIGljb25Qb3NpdGlvbiA9IFwic3RhcnRcIixcbiAgICBocmVmLFxuICAgIG9uQ2xpY2ssXG4gICAgXCJ0ZXN0LWlkXCI6IHRlc3RJZCxcbiAgICB0b29sdGlwLFxuICAgIC4uLnN0YW5kYXJkQXR0cmlidXRlc1xuICB9ID0gcHJvcHM7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgeyBjdXJyZW50TG9hZGluZywgaXNEZWxheSB9ID0gdXNlTG9hZGluZ0RlbGF5KGxvYWRpbmcpO1xuXG4gIGNvbnN0IGN1cnJlbnRWYXJpYW50ID0gdmFyaWFudCA/PyBnZXRWYXJpYW50QW5kQ29sb3JCeVR5cGUodHlwZSk/LnZhcmlhbnQgPz8gXCJvdXRsaW5lZFwiO1xuICBjb25zdCBjdXJyZW50Q29sb3IgPSBjb2xvciA/PyBnZXRWYXJpYW50QW5kQ29sb3JCeVR5cGUodHlwZSk/LmNvbG9yID8/IFwiZGVmYXVsdFwiO1xuXG4gIGNvbnN0IGJ1dHRvbkRlZmF1bHRTdHlsZSA9IGdldEJ1dHRvbkRlZmF1bHRTdHlsZSh7XG4gICAgdmFyaWFudDogY3VycmVudFZhcmlhbnQsXG4gICAgY29sb3I6IGN1cnJlbnRDb2xvcixcbiAgICBsb2FkaW5nOiBjdXJyZW50TG9hZGluZyxcbiAgICBibG9jayxcbiAgICBkaXNhYmxlZCxcbiAgICBoYXNJY29uT25seTogaXNVbmRlZmluZWQoY2hpbGRyZW4pICYmICFpc1VuZGVmaW5lZChpY29uKSxcbiAgfSk7XG5cbiAgY29uc3QgY3VycmVudEljb24gPVxuICAgIGN1cnJlbnRMb2FkaW5nIHx8IGljb24gPyAoXG4gICAgICA8c3BhbiBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUuaWNvbldyYXBwZXIodGhlbWUpLCBzdHlsZXM/Lmljb25XcmFwcGVyPy4odGhlbWUpXX0+XG4gICAgICAgIHtjdXJyZW50TG9hZGluZyA/IChcbiAgICAgICAgICA8TG9hZGluZ091dGxpbmVkXG4gICAgICAgICAgICB0ZXN0LWlkPXtcbiAgICAgICAgICAgICAgdGVzdElkID8gYCR7dGVzdElkfSR7ZGVmYXVsdExvYWRpbmdJY29uVGVzdElkU3VmZml4fWAgOiBkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIGljb25cbiAgICAgICAgKX1cbiAgICAgIDwvc3Bhbj5cbiAgICApIDogbnVsbDtcblxuICBjb25zdCBjb250ZW50ID0gKFxuICAgIDw+XG4gICAgICB7aWNvblBvc2l0aW9uID09PSBcInN0YXJ0XCIgJiYgY3VycmVudEljb259XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICB7aWNvblBvc2l0aW9uID09PSBcImVuZFwiICYmIGN1cnJlbnRJY29ufVxuICAgIDwvPlxuICApO1xuXG4gIGNvbnN0IGJ1dHRvbkVsZW1lbnQgPVxuICAgIGN1cnJlbnRWYXJpYW50ID09PSBcImxpbmtcIiA/IChcbiAgICAgIDxhXG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUud3JhcHBlcih0aGVtZSksIHN0eWxlcz8ud3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICAgIHRlc3QtaWQ9e3Rlc3RJZCA/PyBkZWZhdWx0QnV0dG9uVGVzdElkfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICByZWY9e3JlZiBhcyBGb3J3YXJkZWRSZWY8SFRNTEFuY2hvckVsZW1lbnQ+fVxuICAgICAgPlxuICAgICAgICB7Y29udGVudH1cbiAgICAgIDwvYT5cbiAgICApIDogKFxuICAgICAgPGJ1dHRvblxuICAgICAgICB7Li4uc3RhbmRhcmRBdHRyaWJ1dGVzfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtbYnV0dG9uRGVmYXVsdFN0eWxlLndyYXBwZXIodGhlbWUpLCBzdHlsZXM/LndyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWQgfHwgY3VycmVudExvYWRpbmcgfHwgaXNEZWxheX1cbiAgICAgICAgdGVzdC1pZD17dGVzdElkID8/IGRlZmF1bHRCdXR0b25UZXN0SWR9XG4gICAgICAgIHJlZj17cmVmIGFzIEZvcndhcmRlZFJlZjxIVE1MQnV0dG9uRWxlbWVudD59XG4gICAgICA+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9idXR0b24+XG4gICAgKTtcblxuICBpZiAodG9vbHRpcCAmJiB0b29sdGlwLnRpdGxlKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxUb29sdGlwIHRpdGxlPXt0b29sdGlwLnRpdGxlfSBwbGFjZW1lbnQ9e3Rvb2x0aXAucGxhY2VtZW50fSBhbGlnbj17dG9vbHRpcC5hbGlnbn0+XG4gICAgICAgIHtidXR0b25FbGVtZW50fVxuICAgICAgPC9Ub29sdGlwPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gYnV0dG9uRWxlbWVudDtcbn0pO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gd2l0aFRoZW1lUHJvdmlkZXI8QnV0dG9uUHJvcHM+KEJ1dHRvbkNvbXBvbmVudCk7XG4iXX0= */"], href, "test-id": testId ?? defaultButtonTestId, onClick, ref, children: content }) : /* @__PURE__ */ jsx("button", { ...standardAttributes, className, css: [buttonDefaultStyle.wrapper(theme), (_e = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _e.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:buttonElement;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkZRIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmLCB0eXBlIEZvcndhcmRlZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuL0J1dHRvbi50eXBlc1wiO1xuaW1wb3J0IHsgZ2V0QnV0dG9uRGVmYXVsdFN0eWxlIH0gZnJvbSBcIi4vQnV0dG9uLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IHdpdGhUaGVtZVByb3ZpZGVyIH0gZnJvbSBcImhvY3Mvd2l0aFRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IExvYWRpbmdPdXRsaW5lZCB9IGZyb20gXCJpY29ucy9pY29uc1wiO1xuaW1wb3J0IHsgdXNlTG9hZGluZ0RlbGF5IH0gZnJvbSBcImhvb2tzL3VzZUxvYWRpbmdEZWxheVwiO1xuaW1wb3J0IHsgaXNVbmRlZmluZWQgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQge1xuICBkZWZhdWx0QnV0dG9uVGVzdElkLFxuICBkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWQsXG4gIGRlZmF1bHRMb2FkaW5nSWNvblRlc3RJZFN1ZmZpeCxcbiAgZ2V0VmFyaWFudEFuZENvbG9yQnlUeXBlLFxufSBmcm9tIFwiLi9CdXR0b24udXRpbHNcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vVG9vbHRpcFwiO1xuXG50eXBlIEJ1dHRvbkVsZW1lbnQgPSBIVE1MQnV0dG9uRWxlbWVudCB8IEhUTUxBbmNob3JFbGVtZW50O1xuXG5jb25zdCBCdXR0b25Db21wb25lbnQgPSBmb3J3YXJkUmVmPEJ1dHRvbkVsZW1lbnQsIEJ1dHRvblByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgY2xhc3NOYW1lLFxuICAgIHR5cGUsXG4gICAgdmFyaWFudCxcbiAgICBjb2xvcixcbiAgICBsb2FkaW5nID0gZmFsc2UsXG4gICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICBibG9jayA9IGZhbHNlLFxuICAgIHN0eWxlcyxcbiAgICBjaGlsZHJlbixcbiAgICBpY29uLFxuICAgIGljb25Qb3NpdGlvbiA9IFwic3RhcnRcIixcbiAgICBocmVmLFxuICAgIG9uQ2xpY2ssXG4gICAgXCJ0ZXN0LWlkXCI6IHRlc3RJZCxcbiAgICB0b29sdGlwLFxuICAgIC4uLnN0YW5kYXJkQXR0cmlidXRlc1xuICB9ID0gcHJvcHM7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgeyBjdXJyZW50TG9hZGluZywgaXNEZWxheSB9ID0gdXNlTG9hZGluZ0RlbGF5KGxvYWRpbmcpO1xuXG4gIGNvbnN0IGN1cnJlbnRWYXJpYW50ID0gdmFyaWFudCA/PyBnZXRWYXJpYW50QW5kQ29sb3JCeVR5cGUodHlwZSk/LnZhcmlhbnQgPz8gXCJvdXRsaW5lZFwiO1xuICBjb25zdCBjdXJyZW50Q29sb3IgPSBjb2xvciA/PyBnZXRWYXJpYW50QW5kQ29sb3JCeVR5cGUodHlwZSk/LmNvbG9yID8/IFwiZGVmYXVsdFwiO1xuXG4gIGNvbnN0IGJ1dHRvbkRlZmF1bHRTdHlsZSA9IGdldEJ1dHRvbkRlZmF1bHRTdHlsZSh7XG4gICAgdmFyaWFudDogY3VycmVudFZhcmlhbnQsXG4gICAgY29sb3I6IGN1cnJlbnRDb2xvcixcbiAgICBsb2FkaW5nOiBjdXJyZW50TG9hZGluZyxcbiAgICBibG9jayxcbiAgICBkaXNhYmxlZCxcbiAgICBoYXNJY29uT25seTogaXNVbmRlZmluZWQoY2hpbGRyZW4pICYmICFpc1VuZGVmaW5lZChpY29uKSxcbiAgfSk7XG5cbiAgY29uc3QgY3VycmVudEljb24gPVxuICAgIGN1cnJlbnRMb2FkaW5nIHx8IGljb24gPyAoXG4gICAgICA8c3BhbiBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUuaWNvbldyYXBwZXIodGhlbWUpLCBzdHlsZXM/Lmljb25XcmFwcGVyPy4odGhlbWUpXX0+XG4gICAgICAgIHtjdXJyZW50TG9hZGluZyA/IChcbiAgICAgICAgICA8TG9hZGluZ091dGxpbmVkXG4gICAgICAgICAgICB0ZXN0LWlkPXtcbiAgICAgICAgICAgICAgdGVzdElkID8gYCR7dGVzdElkfSR7ZGVmYXVsdExvYWRpbmdJY29uVGVzdElkU3VmZml4fWAgOiBkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIGljb25cbiAgICAgICAgKX1cbiAgICAgIDwvc3Bhbj5cbiAgICApIDogbnVsbDtcblxuICBjb25zdCBjb250ZW50ID0gKFxuICAgIDw+XG4gICAgICB7aWNvblBvc2l0aW9uID09PSBcInN0YXJ0XCIgJiYgY3VycmVudEljb259XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICB7aWNvblBvc2l0aW9uID09PSBcImVuZFwiICYmIGN1cnJlbnRJY29ufVxuICAgIDwvPlxuICApO1xuXG4gIGNvbnN0IGJ1dHRvbkVsZW1lbnQgPVxuICAgIGN1cnJlbnRWYXJpYW50ID09PSBcImxpbmtcIiA/IChcbiAgICAgIDxhXG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUud3JhcHBlcih0aGVtZSksIHN0eWxlcz8ud3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICAgIHRlc3QtaWQ9e3Rlc3RJZCA/PyBkZWZhdWx0QnV0dG9uVGVzdElkfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICByZWY9e3JlZiBhcyBGb3J3YXJkZWRSZWY8SFRNTEFuY2hvckVsZW1lbnQ+fVxuICAgICAgPlxuICAgICAgICB7Y29udGVudH1cbiAgICAgIDwvYT5cbiAgICApIDogKFxuICAgICAgPGJ1dHRvblxuICAgICAgICB7Li4uc3RhbmRhcmRBdHRyaWJ1dGVzfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtbYnV0dG9uRGVmYXVsdFN0eWxlLndyYXBwZXIodGhlbWUpLCBzdHlsZXM/LndyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWQgfHwgY3VycmVudExvYWRpbmcgfHwgaXNEZWxheX1cbiAgICAgICAgdGVzdC1pZD17dGVzdElkID8/IGRlZmF1bHRCdXR0b25UZXN0SWR9XG4gICAgICAgIHJlZj17cmVmIGFzIEZvcndhcmRlZFJlZjxIVE1MQnV0dG9uRWxlbWVudD59XG4gICAgICA+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9idXR0b24+XG4gICAgKTtcblxuICBpZiAodG9vbHRpcCAmJiB0b29sdGlwLnRpdGxlKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxUb29sdGlwIHRpdGxlPXt0b29sdGlwLnRpdGxlfSBwbGFjZW1lbnQ9e3Rvb2x0aXAucGxhY2VtZW50fSBhbGlnbj17dG9vbHRpcC5hbGlnbn0+XG4gICAgICAgIHtidXR0b25FbGVtZW50fVxuICAgICAgPC9Ub29sdGlwPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gYnV0dG9uRWxlbWVudDtcbn0pO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gd2l0aFRoZW1lUHJvdmlkZXI8QnV0dG9uUHJvcHM+KEJ1dHRvbkNvbXBvbmVudCk7XG4iXX0= */"], onClick, disabled: disabled || currentLoading || isDelay, "test-id": testId ?? defaultButtonTestId, ref, children: content });
   if (tooltip && tooltip.title) {
     return /* @__PURE__ */ jsx(Tooltip, { title: tooltip.title, placement: tooltip.placement, align: tooltip.align, children: buttonElement });
   }
   return buttonElement;
-};
+});
 const Button = withThemeProvider(ButtonComponent);
 export {
   Button

package/dist/components/Button/Button.styles.d.ts

@@ -98,11 +98,12 @@ export declare const getButtonDefaultStyle: ({ variant, color, loading, disabled
         bgComplimentary: "#FAFAFA";
         bgSecondary: "#F0F0F0";
         bgContainer: "#FFFFFF";
-        bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
-        bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
+        bgContainerComplimentary: "#FAFAFA";
+        bgContainerSecondary: "#F0F0F0";
         bgContainerDisabled: "#F0F0F0";
         bgContainerDisabledContrast: "#D9D9D9";
-        bgContainerComplimentary: "#FAFAFA";
+        bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
+        bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
         bgContainerInverse: "#262626";
         bgContainerInverseHover: "#434343";
         bgContainerInverseActive: "#1F1F1F";
@@ -704,11 +705,12 @@ export declare const getButtonDefaultStyle: ({ variant, color, loading, disabled
         bgComplimentary: "#FAFAFA";
         bgSecondary: "#F0F0F0";
         bgContainer: "#FFFFFF";
-        bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
-        bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
+        bgContainerComplimentary: "#FAFAFA";
+        bgContainerSecondary: "#F0F0F0";
         bgContainerDisabled: "#F0F0F0";
         bgContainerDisabledContrast: "#D9D9D9";
-        bgContainerComplimentary: "#FAFAFA";
+        bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
+        bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
         bgContainerInverse: "#262626";
         bgContainerInverseHover: "#434343";
         bgContainerInverseActive: "#1F1F1F";

package/dist/components/Button/Button.types.d.ts

@@ -24,7 +24,7 @@ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
         wrapper: (theme: Theme) => Interpolation;
         iconWrapper: (theme: Theme) => Interpolation;
     };
-    testId?: string;
+    ["test-id"]?: string;
     tooltip?: {
         title: string | undefined;
         placement?: BaseTooltipPlacementType;

package/dist/components/Checkbox/components/Group/Group.d.ts

@@ -1,3 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
 import { CheckboxGroupProps } from './Group.type';
-export declare const Group: FC<PropsWithChildren<CheckboxGroupProps>>;
+export declare const Group: import('react').ForwardRefExoticComponent<CheckboxGroupProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>>;

package/dist/components/Dropdown/Dropdown.d.ts

@@ -1,3 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
 import { DropdownProps } from './Dropdown.types';
-export declare const Dropdown: FC<PropsWithChildren<DropdownProps>>;
+export declare const Dropdown: import('react').ForwardRefExoticComponent<DropdownProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>>;

package/dist/components/Popconfirm/Popconfirm.d.ts

@@ -1,3 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
 import { PopconfirmProps } from './Popconfirm.types';
-export declare const Popconfirm: FC<PropsWithChildren<PopconfirmProps>>;
+export declare const Popconfirm: import('react').ForwardRefExoticComponent<PopconfirmProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>>;

package/dist/components/Popover/Popover.d.ts

@@ -1,3 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
 import { PopoverProps } from './Popover.types';
-export declare const Popover: FC<PropsWithChildren<PopoverProps>>;
+export declare const Popover: import('react').ForwardRefExoticComponent<PopoverProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>>;

package/dist/components/Select/Select.d.ts

@@ -1,3 +1,4 @@
-import { FC } from 'react';
 import { SelectProps } from './Select.types';
-export declare const Select: FC<import('react').PropsWithChildren<SelectProps>>;
+export declare const Select: import('react').ForwardRefExoticComponent<SelectProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>>;

package/dist/components/Spin/Spin.js

@@ -10,6 +10,7 @@ const SpinComponent = (props) => {
     delay,
     fullscreen = false,
     size = "middle",
+    variant = "base",
     spinning: spinningProp = true,
     tip,
     children
@@ -72,7 +73,7 @@ const SpinComponent = (props) => {
   return /* @__PURE__ */ jsxs(Container, { ...containerProps, children: [
     /* @__PURE__ */ jsxs(Wrapper, { ...wrapperProps, children: [
       /* @__PURE__ */ jsx("span", { css: getSpinWrapperStyle(spinTokens, size), children: /* @__PURE__ */ jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", children: [
-        /* @__PURE__ */ jsx("g", { clipPath: `url(#${clipPathUniqId})`, children: /* @__PURE__ */ jsx("foreignObject", { width: "100%", height: "100%", children: /* @__PURE__ */ jsx("div", { css: getForeignObjectSpinInnerStyle(fullscreen)(theme) }) }) }),
+        /* @__PURE__ */ jsx("g", { clipPath: `url(#${clipPathUniqId})`, children: /* @__PURE__ */ jsx("foreignObject", { width: 32, height: 32, children: /* @__PURE__ */ jsx("div", { css: getForeignObjectSpinInnerStyle(fullscreen, variant)(theme) }) }) }),
         /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: clipPathUniqId, children: /* @__PURE__ */ jsx("path", { d: "M30 16.0001C30.0001 14.8955 29.1047 14 28.0001 14C26.8955 13.9999 26.0001 14.8953 26 15.9999L28 16L30 16.0001ZM19.09 6.48877C20.1405 6.83008 21.2688 6.25516 21.6101 5.20465C21.9514 4.15413 21.3765 3.02583 20.326 2.68452L19.708 4.58665L19.09 6.48877ZM28 16L26 15.9999C25.9999 18.1116 25.3313 20.1692 24.0899 21.8776L25.7079 23.0532L27.3259 24.2288C29.0638 21.8371 29.9999 18.9565 30 16.0001L28 16ZM25.7079 23.0532L24.0899 21.8776C22.8486 23.586 21.0983 24.8575 19.0899 25.5101L19.7078 27.4122L20.3258 29.3143C23.1376 28.4008 25.588 26.6206 27.3259 24.2288L25.7079 23.0532ZM19.7078 27.4122L19.0899 25.5101C17.0814 26.1626 14.918 26.1625 12.9096 25.5099L12.2915 27.412L11.6734 29.3141C14.4852 30.2277 17.514 30.2278 20.3258 29.3143L19.7078 27.4122ZM12.2915 27.412L12.9096 25.5099C10.9012 24.8573 9.15098 23.5856 7.90974 21.8771L6.29169 23.0527L4.67363 24.2282C6.41137 26.6201 8.8617 28.4004 11.6734 29.3141L12.2915 27.412ZM6.29169 23.0527L7.90974 21.8771C6.6685 20.1686 5.99998 18.1111 6 15.9993L4 15.9993L2 15.9993C1.99998 18.9558 2.9359 21.8363 4.67363 24.2282L6.29169 23.0527ZM4 15.9993L6 15.9993C6.00002 13.8876 6.66856 11.83 7.90982 10.1215L6.29179 8.94598L4.67375 7.77041C2.93599 10.1622 2.00002 13.0428 2 15.9993L4 15.9993ZM6.29179 8.94598L7.90982 10.1215C9.15109 8.41309 10.9013 7.14144 12.9097 6.48885L12.2917 4.58675L11.6736 2.68464C8.86187 3.59827 6.41152 5.37857 4.67375 7.77041L6.29179 8.94598ZM12.2917 4.58675L12.9097 6.48885C14.9181 5.83626 17.0816 5.83623 19.09 6.48877L19.708 4.58665L20.326 2.68452C17.5142 1.77097 14.4854 1.77101 11.6736 2.68464L12.2917 4.58675Z" }) }) })
       ] }) }),
       tip && /* @__PURE__ */ jsx("div", { css: getTipWrapperStyle(fullscreen)(theme), children: tip })

package/dist/components/Spin/Spin.styles.d.ts

@@ -1,6 +1,6 @@
 import { Theme } from '../../themes';
 import { SpinTokens } from './Spin.tokens';
-import { SpinSize } from './Spin.types';
+import { SpinSize, SpinVariant } from './Spin.types';
 export declare const containerStyle: {
     readonly position: "relative";
 };
@@ -47,7 +47,7 @@ export declare const getSpinWrapperStyle: (spinTokens: SpinTokens, size: SpinSiz
     fontSize: number;
     animation: string;
 };
-export declare const getForeignObjectSpinInnerStyle: (fullscreen: boolean) => (theme: Theme) => {
+export declare const getForeignObjectSpinInnerStyle: (fullscreen: boolean, variant: SpinVariant) => (theme: Theme) => {
     height: string;
     backgroundImage: string;
 };

package/dist/components/Spin/Spin.styles.js

@@ -22,7 +22,7 @@ const getWithFullscreenPropWrapperStyle = (spinning) => (theme) => ({
   width: "100vw",
   height: "100vh",
   visibility: spinning ? "visible" : "hidden",
-  zIndex: 2,
+  zIndex: 9999,
   ...nonStaticPositionWrapperStyle(theme)
 });
 const withChildrenPropWrapperStyle = (theme) => ({
@@ -40,9 +40,9 @@ const getSpinWrapperStyle = (spinTokens, size) => ({
   fontSize: getFontSizeBySize(spinTokens, size),
   animation: `${fullRotateAnimationName} 0.5s infinite linear`
 });
-const getForeignObjectSpinInnerStyle = (fullscreen) => (theme) => ({
+const getForeignObjectSpinInnerStyle = (fullscreen, variant) => (theme) => ({
   height: "100%",
-  backgroundImage: `conic-gradient(${arr2String(["from 30deg", ...fullscreen ? [`${theme.neutral10} 0deg`, `${white2Rgba(0)} 45deg`, `${theme.neutral10} 360deg`] : [`${theme.neutral100} 0deg`, `${white2Rgba(0)} 45deg`, `${theme.primaryBase} 225deg`, `${theme.neutral100} 360deg`]])})`
+  backgroundImage: `conic-gradient(${arr2String(["from 30deg", ...fullscreen || variant === "white" ? [`${theme.neutral10} 0deg`, `${white2Rgba(0)} 45deg`, `${theme.neutral10} 360deg`] : [`${theme.neutral100} 0deg`, `${white2Rgba(0)} 45deg`, `${theme.primaryBase} 225deg`, `${theme.neutral100} 360deg`]])})`
 });
 const getTipWrapperStyle = (fullscreen) => (theme) => ({
   ...theme.typography.body2,

package/dist/components/Spin/Spin.types.d.ts

@@ -3,7 +3,9 @@ export interface SpinProps extends PropsWithChildren {
     delay?: number;
     fullscreen?: boolean;
     size?: SpinSize;
+    variant?: "base" | "white";
     spinning?: boolean;
     tip?: ReactNode;
 }
+export type SpinVariant = "base" | "white";
 export type SpinSize = "small" | "middle" | "large";

package/dist/components/Switch/Switch.d.ts

@@ -1,3 +1,4 @@
-import { FC } from 'react';
 import { SwitchProps } from './Switch.types';
-export declare const Switch: FC<import('react').PropsWithChildren<SwitchProps>>;
+export declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>>;

package/dist/components/Tabs/Tabs.js

@@ -24,9 +24,9 @@ const Tabs = memo(({
   onTabClick,
   onTabScroll
 }) => {
-  var _a, _b;
+  var _a, _b, _c;
   const theme = useTheme();
-  const firstTab = items == null ? void 0 : items[0].key;
+  const firstTab = (_a = items == null ? void 0 : items[0]) == null ? void 0 : _a.key;
   const [localActiveKey, setLocalActiveKey] = useState(defaultActiveKey ?? firstTab);
   const [contentWrapper, setContentWrapper] = useState(null);
   const currentActiveKey = activeKey ?? localActiveKey;
@@ -51,9 +51,9 @@ const Tabs = memo(({
     onTabClick,
     onTabScroll
   };
-  return /* @__PURE__ */ jsxs("div", { css: [tabsStyle.wrapper, (_a = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _a.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:Tabs;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RFciLCJmaWxlIjoiL2J1aWxkcy9mcm9udGVuZC9saWJzL3VpLWtpdC9zcmMvY29tcG9uZW50cy9UYWJzL1RhYnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbWVtbywgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlLCB0eXBlIEZDIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IFRhYnNQcm9wcyB9IGZyb20gXCIuL1RhYnMudHlwZXNcIjtcbmltcG9ydCB7IHRhYnNTdHlsZSB9IGZyb20gXCIuL1RhYnMuc3R5bGVzXCI7XG5pbXBvcnQgeyBpc0Z1bmN0aW9uIH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuaW1wb3J0IHsgVGFiQmFyIH0gZnJvbSBcIi4vY29tcG9uZW50cy9UYWJCYXIvVGFiQmFyXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHR5cGUgeyBEcm9wZG93blRyaWdnZXIgfSBmcm9tIFwiY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi50eXBlc1wiO1xuXG5leHBvcnQgY29uc3QgVGFiczogRkM8VGFic1Byb3BzPiA9IG1lbW8oXG4gICh7XG4gICAgaXRlbXMsXG4gICAgZXh0cmEsXG4gICAgaWNvbk9ubHkgPSBmYWxzZSxcbiAgICBkcmFnZ2FibGUgPSBmYWxzZSxcbiAgICBzaXplID0gXCJtaWRkbGVcIixcbiAgICBwb3B1cENsYXNzTmFtZSxcbiAgICBkZWZhdWx0QWN0aXZlS2V5LFxuICAgIGFjdGl2ZUtleSxcbiAgICBib3JkZXIgPSB0cnVlLFxuICAgIG1vcmUgPSB7IHRyaWdnZXI6IFtcImhvdmVyXCJdIGFzIERyb3Bkb3duVHJpZ2dlcltdIH0sXG4gICAgdGVzdElkLFxuICAgIHN0eWxlcyxcbiAgICByZW5kZXJUYWJCYXIsXG4gICAgb25DaGFuZ2UsXG4gICAgb25UYWJDbGljayxcbiAgICBvblRhYlNjcm9sbCxcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IGZpcnN0VGFiID0gaXRlbXM/LlswXS5rZXk7XG5cbiAgICBjb25zdCBbbG9jYWxBY3RpdmVLZXksIHNldExvY2FsQWN0aXZlS2V5XSA9IHVzZVN0YXRlPHN0cmluZyB8IHVuZGVmaW5lZD4oXG4gICAgICBkZWZhdWx0QWN0aXZlS2V5ID8/IGZpcnN0VGFiXG4gICAgKTtcbiAgICBjb25zdCBbY29udGVudFdyYXBwZXIsIHNldENvbnRlbnRXcmFwcGVyXSA9IHVzZVN0YXRlPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbCk7XG5cbiAgICBjb25zdCBjdXJyZW50QWN0aXZlS2V5ID0gYWN0aXZlS2V5ID8/IGxvY2FsQWN0aXZlS2V5O1xuICAgIGNvbnN0IGNvbnRlbnRXcmFwcGVyUmVmID0gKGVsZW1lbnQ6IEhUTUxEaXZFbGVtZW50KSA9PiBzZXRDb250ZW50V3JhcHBlcihlbGVtZW50KTtcblxuICAgIGNvbnN0IGNoYW5nZUFjdGl2ZUtleSA9IHVzZUNhbGxiYWNrKChpdGVtS2V5OiBzdHJpbmcpID0+IHtcbiAgICAgIHNldExvY2FsQWN0aXZlS2V5KGl0ZW1LZXkpO1xuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHRhYkJhclByb3BzID0ge1xuICAgICAgaXRlbXMsXG4gICAgICBleHRyYSxcbiAgICAgIGljb25Pbmx5LFxuICAgICAgZHJhZ2dhYmxlLFxuICAgICAgc2l6ZSxcbiAgICAgIGJvcmRlcixcbiAgICAgIG1vcmUsXG4gICAgICBwb3B1cENsYXNzTmFtZSxcbiAgICAgIGN1cnJlbnRBY3RpdmVLZXksXG4gICAgICBjb250ZW50V3JhcHBlcixcbiAgICAgIHN0eWxlczogc3R5bGVzPy50YWJCYXIsXG4gICAgICBjaGFuZ2VBY3RpdmVLZXksXG4gICAgICBvbkNoYW5nZSxcbiAgICAgIG9uVGFiQ2xpY2ssXG4gICAgICBvblRhYlNjcm9sbCxcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXtbdGFic1N0eWxlLndyYXBwZXIsIHN0eWxlcz8ud3JhcHBlcj8uKHRoZW1lKV19IHRlc3QtaWQ9e3Rlc3RJZH0+XG4gICAgICAgIHtpc0Z1bmN0aW9uKHJlbmRlclRhYkJhcikgPyByZW5kZXJUYWJCYXIodGFiQmFyUHJvcHMsIFRhYkJhcikgOiA8VGFiQmFyIHsuLi50YWJCYXJQcm9wc30gLz59XG5cbiAgICAgICAgPGRpdiBjc3M9e3N0eWxlcz8uY29udGVudD8uKHRoZW1lKX0gcmVmPXtjb250ZW50V3JhcHBlclJlZn0gLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbik7XG4iXX0= */"], "test-id": testId, children: [
+  return /* @__PURE__ */ jsxs("div", { css: [tabsStyle.wrapper, (_b = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _b.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:Tabs;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RFciLCJmaWxlIjoiL2J1aWxkcy9mcm9udGVuZC9saWJzL3VpLWtpdC9zcmMvY29tcG9uZW50cy9UYWJzL1RhYnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbWVtbywgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlLCB0eXBlIEZDIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IFRhYnNQcm9wcyB9IGZyb20gXCIuL1RhYnMudHlwZXNcIjtcbmltcG9ydCB7IHRhYnNTdHlsZSB9IGZyb20gXCIuL1RhYnMuc3R5bGVzXCI7XG5pbXBvcnQgeyBpc0Z1bmN0aW9uIH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuaW1wb3J0IHsgVGFiQmFyIH0gZnJvbSBcIi4vY29tcG9uZW50cy9UYWJCYXIvVGFiQmFyXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHR5cGUgeyBEcm9wZG93blRyaWdnZXIgfSBmcm9tIFwiY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi50eXBlc1wiO1xuXG5leHBvcnQgY29uc3QgVGFiczogRkM8VGFic1Byb3BzPiA9IG1lbW8oXG4gICh7XG4gICAgaXRlbXMsXG4gICAgZXh0cmEsXG4gICAgaWNvbk9ubHkgPSBmYWxzZSxcbiAgICBkcmFnZ2FibGUgPSBmYWxzZSxcbiAgICBzaXplID0gXCJtaWRkbGVcIixcbiAgICBwb3B1cENsYXNzTmFtZSxcbiAgICBkZWZhdWx0QWN0aXZlS2V5LFxuICAgIGFjdGl2ZUtleSxcbiAgICBib3JkZXIgPSB0cnVlLFxuICAgIG1vcmUgPSB7IHRyaWdnZXI6IFtcImhvdmVyXCJdIGFzIERyb3Bkb3duVHJpZ2dlcltdIH0sXG4gICAgdGVzdElkLFxuICAgIHN0eWxlcyxcbiAgICByZW5kZXJUYWJCYXIsXG4gICAgb25DaGFuZ2UsXG4gICAgb25UYWJDbGljayxcbiAgICBvblRhYlNjcm9sbCxcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IGZpcnN0VGFiID0gaXRlbXM/LlswXT8ua2V5O1xuXG4gICAgY29uc3QgW2xvY2FsQWN0aXZlS2V5LCBzZXRMb2NhbEFjdGl2ZUtleV0gPSB1c2VTdGF0ZTxzdHJpbmcgfCB1bmRlZmluZWQ+KFxuICAgICAgZGVmYXVsdEFjdGl2ZUtleSA/PyBmaXJzdFRhYlxuICAgICk7XG4gICAgY29uc3QgW2NvbnRlbnRXcmFwcGVyLCBzZXRDb250ZW50V3JhcHBlcl0gPSB1c2VTdGF0ZTxIVE1MRGl2RWxlbWVudCB8IG51bGw+KG51bGwpO1xuXG4gICAgY29uc3QgY3VycmVudEFjdGl2ZUtleSA9IGFjdGl2ZUtleSA/PyBsb2NhbEFjdGl2ZUtleTtcbiAgICBjb25zdCBjb250ZW50V3JhcHBlclJlZiA9IChlbGVtZW50OiBIVE1MRGl2RWxlbWVudCkgPT4gc2V0Q29udGVudFdyYXBwZXIoZWxlbWVudCk7XG5cbiAgICBjb25zdCBjaGFuZ2VBY3RpdmVLZXkgPSB1c2VDYWxsYmFjaygoaXRlbUtleTogc3RyaW5nKSA9PiB7XG4gICAgICBzZXRMb2NhbEFjdGl2ZUtleShpdGVtS2V5KTtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCB0YWJCYXJQcm9wcyA9IHtcbiAgICAgIGl0ZW1zLFxuICAgICAgZXh0cmEsXG4gICAgICBpY29uT25seSxcbiAgICAgIGRyYWdnYWJsZSxcbiAgICAgIHNpemUsXG4gICAgICBib3JkZXIsXG4gICAgICBtb3JlLFxuICAgICAgcG9wdXBDbGFzc05hbWUsXG4gICAgICBjdXJyZW50QWN0aXZlS2V5LFxuICAgICAgY29udGVudFdyYXBwZXIsXG4gICAgICBzdHlsZXM6IHN0eWxlcz8udGFiQmFyLFxuICAgICAgY2hhbmdlQWN0aXZlS2V5LFxuICAgICAgb25DaGFuZ2UsXG4gICAgICBvblRhYkNsaWNrLFxuICAgICAgb25UYWJTY3JvbGwsXG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNzcz17W3RhYnNTdHlsZS53cmFwcGVyLCBzdHlsZXM/LndyYXBwZXI/Lih0aGVtZSldfSB0ZXN0LWlkPXt0ZXN0SWR9PlxuICAgICAgICB7aXNGdW5jdGlvbihyZW5kZXJUYWJCYXIpID8gcmVuZGVyVGFiQmFyKHRhYkJhclByb3BzLCBUYWJCYXIpIDogPFRhYkJhciB7Li4udGFiQmFyUHJvcHN9IC8+fVxuXG4gICAgICAgIDxkaXYgY3NzPXtzdHlsZXM/LmNvbnRlbnQ/Lih0aGVtZSl9IHJlZj17Y29udGVudFdyYXBwZXJSZWZ9IC8+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], "test-id": testId, children: [
     isFunction(renderTabBar) ? renderTabBar(tabBarProps, TabBar) : /* @__PURE__ */ jsx(TabBar, { ...tabBarProps }),
-    /* @__PURE__ */ jsx("div", { css: (_b = styles == null ? void 0 : styles.content) == null ? void 0 : _b.call(styles, theme), ref: contentWrapperRef })
+    /* @__PURE__ */ jsx("div", { css: (_c = styles == null ? void 0 : styles.content) == null ? void 0 : _c.call(styles, theme), ref: contentWrapperRef })
   ] });
 });
 export {

package/dist/components/Tabs/components/TabBar/TabBar.styles.d.ts

@@ -29,6 +29,7 @@ export declare const getTabBarStyle: (size: TabsSizeType, border: boolean, iconO
         readonly overflowY: "hidden";
         readonly overflowX: "hidden" | "scroll";
         readonly scrollbarWidth: "none";
+        readonly height: number;
         readonly "::-webkit-scrollbar": {
             readonly display: "none";
         };

package/dist/components/Tabs/components/TabBar/TabBar.styles.js

@@ -43,6 +43,7 @@ const getTabBarStyle = (size, border, iconOnly, isDragging) => {
     }),
     tabs: (theme) => {
       const tabsTokens = getTabsTokens(theme);
+      const tabBarSize = isMiddleSize ? tabsTokens.tabsSizeM : tabsTokens.tabsSizeS;
       return {
         display: "flex",
         gap: getTabsGap(tabsTokens, iconOnly, isMiddleSize),
@@ -51,6 +52,7 @@ const getTabBarStyle = (size, border, iconOnly, isDragging) => {
         overflowY: "hidden",
         overflowX: isDragging ? "hidden" : "scroll",
         scrollbarWidth: "none",
+        height: tabBarSize,
         "::-webkit-scrollbar": {
           display: "none"
         }

package/dist/components/Tag/components/Checkable/Checkable.d.ts

@@ -1,4 +1,6 @@
 import { FC, PropsWithChildren } from 'react';
 import { CheckableProps } from './Checkable.types';
 export declare const CheckableComponent: FC<PropsWithChildren<CheckableProps>>;
-export declare const Checkable: FC<PropsWithChildren<CheckableProps>>;
+export declare const Checkable: import('react').ForwardRefExoticComponent<CheckableProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>>;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,3 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
 import { TooltipProps } from './Tooltip.types';
-export declare const Tooltip: FC<PropsWithChildren<TooltipProps>>;
+export declare const Tooltip: import('react').ForwardRefExoticComponent<TooltipProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>>;

package/dist/components/TreeSelect/TreeSelect.d.ts

@@ -1,3 +1,4 @@
-import { FC } from 'react';
 import { TreeSelectProps } from './TreeSelect.types';
-export declare const TreeSelect: FC<import('react').PropsWithChildren<TreeSelectProps>>;
+export declare const TreeSelect: import('react').ForwardRefExoticComponent<TreeSelectProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>>;

package/dist/contexts/themeContext.d.ts

@@ -96,11 +96,12 @@ export declare const ThemeContext: import('react').Context<{
     bgComplimentary: "#FAFAFA";
     bgSecondary: "#F0F0F0";
     bgContainer: "#FFFFFF";
-    bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
-    bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
+    bgContainerComplimentary: "#FAFAFA";
+    bgContainerSecondary: "#F0F0F0";
     bgContainerDisabled: "#F0F0F0";
     bgContainerDisabledContrast: "#D9D9D9";
-    bgContainerComplimentary: "#FAFAFA";
+    bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
+    bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
     bgContainerInverse: "#262626";
     bgContainerInverseHover: "#434343";
     bgContainerInverseActive: "#1F1F1F";

package/dist/hocs/withThemeProvider.d.ts

@@ -1,2 +1,2 @@
 import { FC, PropsWithChildren } from 'react';
-export declare const withThemeProvider: <Props>(Component: FC) => FC<PropsWithChildren<Props>>;
+export declare const withThemeProvider: <Props>(Component: FC) => import('react').ForwardRefExoticComponent<import('react').PropsWithoutRef<PropsWithChildren<Props>> & import('react').RefAttributes<HTMLElement>>;

package/dist/hocs/withThemeProvider.js

@@ -1,9 +1,10 @@
 import { jsx } from "@emotion/react/jsx-runtime";
 import { createElement } from "@emotion/react";
+import { forwardRef } from "react";
 import { lightTheme } from "../themes/themes.utils.js";
 import { ThemeProvider } from "../providers/ThemeProvider/ThemeProvider.js";
 const withThemeProvider = (Component) => {
-  const WithThemeProvider = (props) => /* @__PURE__ */ jsx(ThemeProvider, { theme: lightTheme, children: /* @__PURE__ */ createElement(Component, { ...props, key: "ComponentWithThemeProvider" }) });
+  const WithThemeProvider = forwardRef((props, ref) => /* @__PURE__ */ jsx(ThemeProvider, { theme: lightTheme, children: /* @__PURE__ */ createElement(Component, { ...props, ref, key: "ComponentWithThemeProvider" }) }));
   return WithThemeProvider;
 };
 export {

package/dist/hooks/useTheme/useTheme.d.ts

@@ -96,11 +96,12 @@ export declare const useTheme: () => {
     bgComplimentary: "#FAFAFA";
     bgSecondary: "#F0F0F0";
     bgContainer: "#FFFFFF";
-    bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
-    bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
+    bgContainerComplimentary: "#FAFAFA";
+    bgContainerSecondary: "#F0F0F0";
     bgContainerDisabled: "#F0F0F0";
     bgContainerDisabledContrast: "#D9D9D9";
-    bgContainerComplimentary: "#FAFAFA";
+    bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
+    bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
     bgContainerInverse: "#262626";
     bgContainerInverseHover: "#434343";
     bgContainerInverseActive: "#1F1F1F";

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/backgroundColorTokens.d.ts

@@ -4,11 +4,12 @@ export declare const backgroundColorTokens: {
         bgComplimentary: "#FAFAFA";
         bgSecondary: "#F0F0F0";
         bgContainer: "#FFFFFF";
-        bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
-        bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
+        bgContainerComplimentary: "#FAFAFA";
+        bgContainerSecondary: "#F0F0F0";
         bgContainerDisabled: "#F0F0F0";
         bgContainerDisabledContrast: "#D9D9D9";
-        bgContainerComplimentary: "#FAFAFA";
+        bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
+        bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
         bgContainerInverse: "#262626";
         bgContainerInverseHover: "#434343";
         bgContainerInverseActive: "#1F1F1F";

package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/backgroundColorTokens.js

@@ -5,11 +5,12 @@ const backgroundColorTokens = {
     bgComplimentary: baseColorTokens.neutral20,
     bgSecondary: baseColorTokens.neutral40,
     bgContainer: baseColorTokens.neutral10,
-    bgContainerHover: baseColorTokens.transparentBlack8,
-    bgContainerActive: baseColorTokens.transparentBlack12,
+    bgContainerComplimentary: baseColorTokens.neutral20,
+    bgContainerSecondary: baseColorTokens.neutral40,
     bgContainerDisabled: baseColorTokens.neutral40,
     bgContainerDisabledContrast: baseColorTokens.neutral50,
-    bgContainerComplimentary: baseColorTokens.neutral20,
+    bgContainerHover: baseColorTokens.transparentBlack8,
+    bgContainerActive: baseColorTokens.transparentBlack12,
     bgContainerInverse: baseColorTokens.neutral100,
     bgContainerInverseHover: baseColorTokens.neutral90,
     bgContainerInverseActive: baseColorTokens.neutral110,

package/dist/themes/semanticTokens/colorSemanticTokens/semanticColorTokens.d.ts

@@ -74,11 +74,12 @@ export declare const getSemanticColorTokens: (themeName: ThemeNames) => {
     bgComplimentary: "#FAFAFA";
     bgSecondary: "#F0F0F0";
     bgContainer: "#FFFFFF";
-    bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
-    bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
+    bgContainerComplimentary: "#FAFAFA";
+    bgContainerSecondary: "#F0F0F0";
     bgContainerDisabled: "#F0F0F0";
     bgContainerDisabledContrast: "#D9D9D9";
-    bgContainerComplimentary: "#FAFAFA";
+    bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
+    bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
     bgContainerInverse: "#262626";
     bgContainerInverseHover: "#434343";
     bgContainerInverseActive: "#1F1F1F";

package/dist/themes/themes.d.ts

@@ -96,11 +96,12 @@ export declare const themeMap: Map<"light", {
     bgComplimentary: "#FAFAFA";
     bgSecondary: "#F0F0F0";
     bgContainer: "#FFFFFF";
-    bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
-    bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
+    bgContainerComplimentary: "#FAFAFA";
+    bgContainerSecondary: "#F0F0F0";
     bgContainerDisabled: "#F0F0F0";
     bgContainerDisabledContrast: "#D9D9D9";
-    bgContainerComplimentary: "#FAFAFA";
+    bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
+    bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
     bgContainerInverse: "#262626";
     bgContainerInverseHover: "#434343";
     bgContainerInverseActive: "#1F1F1F";

package/dist/themes/themes.utils.d.ts

@@ -97,11 +97,12 @@ export declare const getTheme: (themeName: ThemeNames) => {
     bgComplimentary: "#FAFAFA";
     bgSecondary: "#F0F0F0";
     bgContainer: "#FFFFFF";
-    bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
-    bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
+    bgContainerComplimentary: "#FAFAFA";
+    bgContainerSecondary: "#F0F0F0";
     bgContainerDisabled: "#F0F0F0";
     bgContainerDisabledContrast: "#D9D9D9";
-    bgContainerComplimentary: "#FAFAFA";
+    bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
+    bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
     bgContainerInverse: "#262626";
     bgContainerInverseHover: "#434343";
     bgContainerInverseActive: "#1F1F1F";
@@ -462,11 +463,12 @@ export declare const lightTheme: {
     bgComplimentary: "#FAFAFA";
     bgSecondary: "#F0F0F0";
     bgContainer: "#FFFFFF";
-    bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
-    bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
+    bgContainerComplimentary: "#FAFAFA";
+    bgContainerSecondary: "#F0F0F0";
     bgContainerDisabled: "#F0F0F0";
     bgContainerDisabledContrast: "#D9D9D9";
-    bgContainerComplimentary: "#FAFAFA";
+    bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
+    bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
     bgContainerInverse: "#262626";
     bgContainerInverseHover: "#434343";
     bgContainerInverseActive: "#1F1F1F";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@infomaximum/ui-kit",
   "license": "Apache-2.0",
-  "version": "0.15.2",
+  "version": "0.15.4",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",