skillgrid 0.0.81 → 0.0.82

package/dist/assets/components/Dialog/Dialog.module-OXi8ThCq.css

@@ -0,0 +1 @@
+:root{--dialog-margin: 12px;--dialog-border-radius: 24px}._overlay_1gisq_6{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;flex-direction:column;background:#00000080;transition:opacity .2s ease-in-out}._container_1gisq_19{position:absolute;overflow:hidden;overflow-y:auto;min-width:300px;background:var(--bg-primary);border-radius:var(--dialog-border-radius);box-shadow:0 4px 24px #0000001a}._placement-default_1gisq_32{top:0;left:50%;translate:-50% 0;max-width:90dvw;max-height:90dvh;margin-right:auto;margin-left:auto;margin-block:80px}._placement-bottom-left_1gisq_45{bottom:0;left:0;max-width:90dvw;max-height:90dvh;margin:12px}._placement-bottom-right_1gisq_54{right:0;bottom:0;max-width:90dvw;max-height:90dvh;margin:12px}._placement-center_1gisq_64{position:fixed;top:50%;left:50%;translate:-50% -50%;max-width:90dvw;max-height:90dvh;margin-right:auto;margin-left:auto}._placement-left-drawer_1gisq_77{inset:0 auto 0 0;margin:12px;border-radius:16px}._placement-right-drawer_1gisq_83{inset:0 0 0 auto;margin:12px;border-radius:16px}._placement-bottom-sheet_1gisq_89{inset:auto 0 0;max-width:100dvw;max-height:90dvh;margin:0;border-radius:var(--dialog-border-radius) var(--dialog-border-radius) 0 0}._grabber_1gisq_100{position:absolute;z-index:1000;width:40px;height:4px;opacity:.7;background:var(--stroke-neutral);border-radius:4px}._container_1gisq_19:hover ._grabber_1gisq_100{opacity:1}._grabber-top_1gisq_118,._grabber-bottom_1gisq_119{top:10px;left:50%;transform:translate(-50%)}._grabber-right_1gisq_125{top:50%;left:10px;transform:translateY(-50%);width:4px;height:40px}._grabber-left_1gisq_134{top:50%;right:10px;transform:translateY(-50%);width:4px;height:40px}

package/dist/components/Avatar/AvatarGroup/AvatarGroupRoot.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
 import d from "classnames";
-import g from "./AvatarGroup.module.css.js";
-import { AvatarGroupProvider as v } from "./AvatarGroupProvider.js";
-import { useBackgroundColor as B } from "../../../hooks/useBackgroundColor.js";
+import { useBackgroundColor as g } from "../../../hooks/useBackgroundColor.js";
+import v from "./AvatarGroup.module.css.js";
+import { AvatarGroupProvider as B } from "./AvatarGroupProvider.js";
 const G = (t) => {
   const {
     children: a,
@@ -12,12 +12,12 @@ const G = (t) => {
     cutoutBackground: u,
     className: m,
     style: n
-  } = t, { ref: p, bgColor: f } = B(), o = u || f || "#ffffff", l = d(g.avatarGroup, m), i = {
+  } = t, { ref: p, bgColor: f } = g(), o = u || f || "#ffffff", l = d(v.avatarGroup, m), i = {
     "--avatar-cutout-bg": o,
     ...n
   };
   return /* @__PURE__ */ r(
-    v,
+    B,
     {
       size: s,
       shape: c,

package/dist/components/Dialog/Dialog.js

@@ -1,49 +1,50 @@
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import { useMergeRefs as v, FloatingPortal as E, FloatingOverlay as $, FloatingFocusManager as j } from "@floating-ui/react";
-import a from "./Dialog.module.css.js";
-import { forwardRef as w } from "react";
-import { clsx as n } from "clsx";
+import { jsxs as f, jsx as n } from "react/jsx-runtime";
+import { useMergeRefs as w, FloatingPortal as V, FloatingOverlay as E, FloatingFocusManager as $ } from "@floating-ui/react";
+import o from "./Dialog.module.css.js";
+import { forwardRef as j } from "react";
+import { clsx as c } from "clsx";
 import { useDialogDraggable as I } from "./lib/use-dialog-draggable.js";
-const z = w((f, p) => {
+import { useVisualViewportCenter as M } from "./lib/use-visual-viewport-center.js";
+const G = j((p, u) => {
   const {
-    placement: c = "default",
+    placement: i = "default",
     open: d,
-    onOpenChange: g,
+    onOpenChange: m,
     overlayProps: e,
-    portalProps: u,
-    focusManagement: o,
-    children: b,
-    disableOutsideClick: h = !1,
-    disableEscapeKey: N = !1,
-    disableOverlay: O = !1,
-    closeOnDrag: r,
-    className: x,
+    portalProps: b,
+    focusManagement: a,
+    children: h,
+    disableOutsideClick: N = !1,
+    disableEscapeKey: O = !1,
+    disableOverlay: x = !1,
+    closeOnDrag: l,
+    className: C,
     style: D,
-    "data-testid": i,
+    "data-testid": s,
     ...F
-  } = f;
+  } = p;
   d === void 0 && process.env.NODE_ENV !== "production" && console.error(
     "Dialog: компонент должен быть контролируемым. Используйте пропсы open и onOpenChange."
   );
-  const l = I({
+  const r = I({
     open: d,
-    onOpenChange: g,
-    placement: c,
-    disableEscapeKey: N,
-    closeOnDrag: r
-  }), { isMounted: y, transitionStyles: t } = l, C = v([p, l.refs.setFloating]), k = () => {
-    h || g(!1);
+    onOpenChange: m,
+    placement: i,
+    disableEscapeKey: O,
+    closeOnDrag: l
+  }), { isMounted: g, transitionStyles: t } = r, y = M(i === "center" && g), v = w([u, r.refs.setFloating]), k = () => {
+    N || m(!1);
   };
-  return y ? (
+  return g ? (
     // `FloatingPortal` рендерит диалог в корне `document.body`,
     // чтобы избежать проблем с z-index и overflow.
-    /* @__PURE__ */ m(E, { ...u, children: [
-      !O && /* @__PURE__ */ s(
-        $,
+    /* @__PURE__ */ f(V, { ...b, children: [
+      !x && /* @__PURE__ */ n(
+        E,
         {
           onPointerDown: k,
           "data-testid": "dialog-overlay",
-          className: n(a.overlay, e == null ? void 0 : e.className),
+          className: c(o.overlay, e == null ? void 0 : e.className),
           lockScroll: (e == null ? void 0 : e.lockScroll) ?? !0,
           style: {
             // Стили для анимации прозрачности оверлея
@@ -53,35 +54,39 @@ const z = w((f, p) => {
           }
         }
       ),
-      /* @__PURE__ */ s(
-        j,
+      /* @__PURE__ */ n(
+        $,
         {
           initialFocus: 1 / 0,
-          ...o,
-          context: { ...l.context, ...o == null ? void 0 : o.context },
-          children: /* @__PURE__ */ m(
+          ...a,
+          context: { ...r.context, ...a == null ? void 0 : a.context },
+          children: /* @__PURE__ */ f(
             "section",
             {
-              ref: C,
+              ref: v,
               "aria-modal": "true",
               role: "dialog",
-              className: n(x, a.container, a[`placement-${c}`]),
-              style: { ...D, ...t },
-              "data-testid": i,
-              ...l.getFloatingProps(F),
+              className: c(C, o.container, o[`placement-${i}`]),
+              style: {
+                ...y ?? {},
+                ...D,
+                ...t
+              },
+              "data-testid": s,
+              ...r.getFloatingProps(F),
               children: [
-                b,
-                r && /* @__PURE__ */ s(
+                h,
+                l && /* @__PURE__ */ n(
                   "div",
                   {
-                    className: n(
-                      a.grabber,
-                      a[`grabber-${r.direction}`]
+                    className: c(
+                      o.grabber,
+                      o[`grabber-${l.direction}`]
                       // classNames?.grabber,
                     ),
                     role: "presentation",
                     "aria-hidden": "true",
-                    "data-testid": i ? `${i}-grabber` : void 0
+                    "data-testid": s ? `${s}-grabber` : void 0
                   }
                 )
               ]
@@ -93,5 +98,5 @@ const z = w((f, p) => {
   ) : null;
 });
 export {
-  z as Dialog
+  G as Dialog
 };

package/dist/components/Dialog/Dialog.module.css.js

@@ -1,22 +1,22 @@
-import '../../assets/components/Dialog/Dialog.module-COQZK-Ta.css';const e = "_overlay_yb0g2_6", t = "_container_yb0g2_20", r = "_grabber_yb0g2_100", b = {
+import '../../assets/components/Dialog/Dialog.module-OXi8ThCq.css';const e = "_overlay_1gisq_6", t = "_container_1gisq_19", r = "_grabber_1gisq_100", _ = {
   overlay: e,
   container: t,
-  "placement-default": "_placement-default_yb0g2_33",
-  "placement-bottom-left": "_placement-bottom-left_yb0g2_46",
-  "placement-bottom-right": "_placement-bottom-right_yb0g2_55",
-  "placement-center": "_placement-center_yb0g2_65",
-  "placement-left-drawer": "_placement-left-drawer_yb0g2_77",
-  "placement-right-drawer": "_placement-right-drawer_yb0g2_83",
-  "placement-bottom-sheet": "_placement-bottom-sheet_yb0g2_89",
+  "placement-default": "_placement-default_1gisq_32",
+  "placement-bottom-left": "_placement-bottom-left_1gisq_45",
+  "placement-bottom-right": "_placement-bottom-right_1gisq_54",
+  "placement-center": "_placement-center_1gisq_64",
+  "placement-left-drawer": "_placement-left-drawer_1gisq_77",
+  "placement-right-drawer": "_placement-right-drawer_1gisq_83",
+  "placement-bottom-sheet": "_placement-bottom-sheet_1gisq_89",
   grabber: r,
-  "grabber-top": "_grabber-top_yb0g2_118",
-  "grabber-bottom": "_grabber-bottom_yb0g2_119",
-  "grabber-right": "_grabber-right_yb0g2_125",
-  "grabber-left": "_grabber-left_yb0g2_134"
+  "grabber-top": "_grabber-top_1gisq_118",
+  "grabber-bottom": "_grabber-bottom_1gisq_119",
+  "grabber-right": "_grabber-right_1gisq_125",
+  "grabber-left": "_grabber-left_1gisq_134"
 };
 export {
   t as container,
-  b as default,
+  _ as default,
   r as grabber,
   e as overlay
 };

package/dist/components/Dialog/lib/index.d.ts

@@ -1,2 +1,3 @@
 export { useDialog } from './use-dialog';
 export { useDialogDraggable } from './use-dialog-draggable';
+export { useVisualViewportCenter } from './use-visual-viewport-center';

package/dist/components/Dialog/lib/use-visual-viewport-center.d.ts

@@ -0,0 +1,7 @@
+export type VisualViewportCenter = {
+    left: number;
+    top: number;
+};
+export declare const getVisualViewportCenter: (targetWindow: Window) => VisualViewportCenter;
+/** Удерживает центрированный диалог в видимой области visual viewport. */
+export declare const useVisualViewportCenter: (enabled: boolean) => VisualViewportCenter | null;

package/dist/components/Dialog/lib/use-visual-viewport-center.js

@@ -0,0 +1,41 @@
+import { useState as m, useEffect as a, useLayoutEffect as u } from "react";
+const E = typeof window > "u" ? a : u, f = (t, n) => (t == null ? void 0 : t.left) === n.left && t.top === n.top, d = (t) => {
+  const n = t.visualViewport;
+  if (n)
+    return {
+      left: n.offsetLeft + n.width / 2,
+      top: n.offsetTop + n.height / 2
+    };
+  const i = t.document.documentElement, o = i.clientWidth || t.innerWidth, e = i.clientHeight || t.innerHeight;
+  return {
+    left: o / 2,
+    top: e / 2
+  };
+}, C = (t) => {
+  const [n, i] = m(null);
+  return E(() => {
+    if (!t || typeof window > "u") {
+      i(null);
+      return;
+    }
+    const o = window, e = o.visualViewport;
+    let s = null;
+    const r = () => {
+      s !== null && o.cancelAnimationFrame(s), s = o.requestAnimationFrame(() => {
+        s = null;
+        const l = d(o);
+        i((c) => f(c, l) ? c : l);
+      });
+    };
+    return (() => {
+      const l = d(o);
+      i((c) => f(c, l) ? c : l);
+    })(), e == null || e.addEventListener("resize", r), e == null || e.addEventListener("scroll", r), o.addEventListener("resize", r), () => {
+      s !== null && o.cancelAnimationFrame(s), e == null || e.removeEventListener("resize", r), e == null || e.removeEventListener("scroll", r), o.removeEventListener("resize", r);
+    };
+  }, [t]), n;
+};
+export {
+  d as getVisualViewportCenter,
+  C as useVisualViewportCenter
+};

package/dist/components/Dialog/lib/use-visual-viewport-center.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/FileUpload/FileUpload.js

@@ -2,11 +2,11 @@ import { jsxs as m, jsx as a } from "react/jsx-runtime";
 import { clsx as p } from "clsx";
 import Ge from "rc-upload";
 import { forwardRef as je, useContext as Fe, useState as W, useRef as se, useMemo as we, useLayoutEffect as He } from "react";
+import { useIsMobile as ze } from "../../hooks/useIsMobile.js";
 import { interpolate as de } from "../../locale/interpolate.js";
 import t from "./FileUpload.module.css.js";
 import { isMobileViewport as ve } from "../../utils/adaptive.js";
 import { useLocale as ue } from "../ConfigProvider/ConfigProvider.hook.js";
-import { useIsMobile as ze } from "../../hooks/useIsMobile.js";
 import { SnackbarContext as We } from "../Snackbar/lib/useSnackbar.js";
 import { Button as M } from "../Button/Button.js";
 import { Icon as h } from "../Icon/IconWithCategories.js";

package/dist/components/InputBase/Input.js

@@ -2,9 +2,9 @@ import { jsx as r, jsxs as W } from "react/jsx-runtime";
 import { forwardRef as z, useImperativeHandle as P } from "react";
 import { clsx as f } from "clsx";
 import e from "./InputBase.module.css.js";
-import { useInputSync as Q } from "./lib/useInputSync.js";
-import { useTextareaResize as Y } from "./lib/useTextareaResize.js";
-import { useCompatId as Z } from "../../hooks/useCompatId.js";
+import { useCompatId as Q } from "../../hooks/useCompatId.js";
+import { useInputSync as Y } from "./lib/useInputSync.js";
+import { useTextareaResize as Z } from "./lib/useTextareaResize.js";
 import { MAX_HINT_LENGTH as k } from "./lib/constants.js";
 import { useGripResize as U } from "./lib/useGripResize.js";
 import { GripIcon as E } from "./assets/GripIcon.js";
@@ -32,8 +32,8 @@ const K = z(
     resize: c,
     ...H
   }, R) => {
-    const { textareaRef: w, inputRef: j, currentRef: d } = Q(a, t);
-    if (Y(a, c, w), P(R, () => d.current, [d]), t === "textarea")
+    const { textareaRef: w, inputRef: j, currentRef: d } = Y(a, t);
+    if (Z(a, c, w), P(R, () => d.current, [d]), t === "textarea")
       return /* @__PURE__ */ r(
         "textarea",
         {
@@ -132,7 +132,7 @@ const K = z(
     showGrip: T = !1,
     ...L
   }, O) => {
-    const X = Z("input-wrapper"), S = D || X, _ = y && s && (d || p), q = s && s.length > k ? s.substring(0, k) + "..." : s, B = f(
+    const X = Q("input-wrapper"), S = D || X, _ = y && s && (d || p), q = s && s.length > k ? s.substring(0, k) + "..." : s, B = f(
       e.wrapper,
       e[`size-${m}`],
       a && e.error,

package/dist/components/Popover/lib/use-popover.js

@@ -1,7 +1,7 @@
 import { offset as G, flip as H, shift as V, inline as q, size as J, hide as K, useFloating as Q, autoUpdate as Z, useTransitionStyles as M, useClick as ee, useHover as te, useFocus as oe, useDismiss as ne, useRole as se, useInteractions as re } from "@floating-ui/react";
 import { useState as i, useMemo as v, useCallback as ce, useEffect as ae, useLayoutEffect as ie } from "react";
-import { DEFAULT_FLOATING as le, hasMiddleware as fe } from "./utils.js";
 import { useCompatId as S } from "../../../hooks/useCompatId.js";
+import { DEFAULT_FLOATING as le, hasMiddleware as fe } from "./utils.js";
 const r = 8, ue = (c) => {
   switch (c.split("-")[0]) {
     case "top":

package/dist/components/Tabs/ScrollWrapper.js

@@ -1,8 +1,8 @@
 import { jsxs as N, jsx as r } from "react/jsx-runtime";
 import { useRef as W, useState as g, useEffect as w } from "react";
+import { useBackgroundColor as M } from "../../hooks/useBackgroundColor.js";
 import { clsx as i } from "clsx";
 import e from "./ScrollWrapper.module.css.js";
-import { useBackgroundColor as M } from "../../hooks/useBackgroundColor.js";
 const B = "white", G = ({
   children: b,
   withControls: a = !0,

package/dist/components/Tabs/Tabs.js

@@ -1,10 +1,10 @@
 import { jsx as n, jsxs as V } from "react/jsx-runtime";
 import F, { useState as U, createContext as j, useContext as k } from "react";
 import { ScrollWrapper as G } from "./ScrollWrapper.js";
+import { useIsMobile as M } from "../../hooks/useIsMobile.js";
 import { clsx as d } from "clsx";
 import f from "../../styles/typography.module.css.js";
 import a from "./Tabs.module.css.js";
-import { useIsMobile as M } from "../../hooks/useIsMobile.js";
 import { Badge as O } from "../Badge/Badge.js";
 const W = "md", R = !1, Y = 8, Z = "top-right-inside", P = j(null), h = () => {
   const t = k(P);

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

@@ -2,4 +2,4 @@ import { TooltipProps } from './Tooltip.type';
 /**
  * Tooltip component to render tooltip
  */
-export declare const Tooltip: ({ customContent, children, placement, contentClassNames, mouseEnterDelay, mouseLeaveDelay, showArrow, showClose, trigger, variant, size, text, title, media, buttons, buttonProps, onClose, visible: outerVisible, onVisibleChange: outerOnVisibleChange, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ customContent, children, placement, contentClassNames, mouseEnterDelay, mouseLeaveDelay, showArrow, showClose, trigger, variant, size, text, title, media, buttons, buttonProps, onClose, visible: outerVisible, onVisibleChange: outerOnVisibleChange, classNames: outerClassNames, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tooltip/Tooltip.js

@@ -1,153 +1,160 @@
-import { jsx as o, jsxs as C } from "react/jsx-runtime";
-import { useState as v, useEffect as W } from "react";
-import j from "rc-tooltip";
+import { jsx as o, jsxs as x } from "react/jsx-runtime";
+import { useState as O, useEffect as N } from "react";
+import q from "rc-tooltip";
 import t from "./Tooltip.module.css.js";
-import { clsx as S } from "clsx";
-import { TOOLTIP_PLACEMENTS_M as F, TOOLTIP_PLACEMENTS_SMALL as q, BUTTON_PRESETS as D } from "./Tooltip.constants.js";
-import { TooltipArrowIcon as H, CrossOutlinedIcon as U } from "./assets/react-svg-icons.js";
-import { Typography as x } from "../Typography/Typography.js";
-import { mergeTooltipButtonProps as $ } from "./utils/merge-tooltip-button-props.js";
-import { Button as G } from "../Button/Button.js";
-import { getIntInRange as J } from "../../lib/get-int-in-range.js";
-const K = (f, a, s) => {
-  const r = J(a, 1, 3), c = D[s][r];
-  return c[Math.min(f, c.length - 1)];
-}, O = ({
-  text: f,
-  title: a,
-  media: s,
+import { clsx as A } from "clsx";
+import { TOOLTIP_PLACEMENTS_M as C, TOOLTIP_PLACEMENTS_SMALL as D, BUTTON_PRESETS as H } from "./Tooltip.constants.js";
+import { TooltipArrowIcon as U, CrossOutlinedIcon as $ } from "./assets/react-svg-icons.js";
+import { Typography as _ } from "../Typography/Typography.js";
+import { mergeTooltipButtonProps as G } from "./utils/merge-tooltip-button-props.js";
+import { Button as J } from "../Button/Button.js";
+import { getIntInRange as K } from "../../lib/get-int-in-range.js";
+const Q = (y, p, a) => {
+  const r = K(p, 1, 3), l = H[a][r];
+  return l[Math.min(y, l.length - 1)];
+}, R = ({
+  text: y,
+  title: p,
+  media: a,
   variant: r = "neutral",
-  size: c,
-  classNames: e = {},
-  onClose: p,
+  size: l,
+  classNames: n = {},
+  onClose: s,
   buttons: m,
-  buttonProps: k,
+  buttonProps: E,
   showClose: d
 }) => {
-  const n = ["neutral", "accent"].includes(r) ? "contrast" : "primary", l = c === "m", w = !!(a && l), g = !!(s && l), A = m && !!m.length, I = !!(d && l) || !d && l && !A, u = c === "xs" ? 4 : 3;
-  return /* @__PURE__ */ C("div", { className: t.content, children: [
-    g && /* @__PURE__ */ o("div", { className: S(t.mediaWrapper, e.mediaWrapper), children: s }),
-    /* @__PURE__ */ C("div", { className: e == null ? void 0 : e.textWrapper, children: [
-      w && /* @__PURE__ */ o(
-        x.Subtitle,
+  const e = ["neutral", "accent"].includes(r) ? "contrast" : "primary", i = l === "m", k = !!(p && i), B = !!(a && i), M = m && !!m.length, w = !!(d && i) || !d && i && !M, u = l === "xs" ? 4 : 3;
+  return /* @__PURE__ */ x("div", { className: t.content, children: [
+    B && /* @__PURE__ */ o("div", { className: A(t.mediaWrapper, n.mediaWrapper), children: a }),
+    /* @__PURE__ */ x("div", { className: n == null ? void 0 : n.textWrapper, children: [
+      k && /* @__PURE__ */ o(
+        _.Subtitle,
         {
-          className: S(t.typography, t.title, e.typography),
+          className: A(t.typography, t.title, n.typography),
           size: 1,
           as: "h3",
-          typographyStyle: n,
-          children: a
+          typographyStyle: e,
+          children: p
         }
       ),
       /* @__PURE__ */ o(
-        x.Label,
+        _.Label,
         {
-          className: S(t.typography, t.text, e.typography),
-          typographyStyle: n,
+          className: A(t.typography, t.text, n.typography),
+          typographyStyle: e,
           size: u,
-          children: f
+          children: y
         }
       )
     ] }),
-    I && /* @__PURE__ */ o(
+    w && /* @__PURE__ */ o(
       "button",
       {
         type: "button",
-        className: S(t.closeButton, t[r], e.closeButton, {
-          [t.hasMedia]: g
+        className: A(t.closeButton, t[r], n.closeButton, {
+          [t.hasMedia]: B
         }),
-        onClick: p,
+        onClick: s,
         "aria-label": "Закрыть подсказку",
         "data-testid": "tooltip-close-button",
-        children: /* @__PURE__ */ o(U, {})
+        children: /* @__PURE__ */ o($, {})
       }
     ),
-    l && A && /* @__PURE__ */ o("div", { className: t.buttonStack, children: m.map((y, h) => {
-      const B = K(h, m.length, r), T = $(y, B, k), { closeOnClick: M, ...i } = T;
-      return /* @__PURE__ */ o(G, { ...i, onClick: (P) => {
-        var b;
-        (b = i.onClick) == null || b.call(i, P), M && (p == null || p());
+    i && M && /* @__PURE__ */ o("div", { className: t.buttonStack, children: m.map((T, h) => {
+      const f = Q(h, m.length, r), I = G(T, f, E), { closeOnClick: S, ...c } = I;
+      return /* @__PURE__ */ o(J, { ...c, onClick: (L) => {
+        var g;
+        (g = c.onClick) == null || g.call(c, L), S && (s == null || s());
       } }, h);
     }) })
   ] });
 }, lt = ({
-  customContent: f,
-  children: a,
-  placement: s = "top",
+  customContent: y,
+  children: p,
+  placement: a = "top",
   contentClassNames: r,
-  mouseEnterDelay: c = 0,
-  mouseLeaveDelay: e = 0.1,
-  showArrow: p = !0,
+  mouseEnterDelay: l = 0,
+  mouseLeaveDelay: n = 0.1,
+  showArrow: s = !0,
   showClose: m = !0,
-  trigger: k = "hover",
+  trigger: E = "hover",
   variant: d = "neutral",
-  size: n = "s",
-  text: l,
-  title: w,
-  media: g,
-  buttons: A,
-  buttonProps: I,
+  size: e = "s",
+  text: i,
+  title: k,
+  media: B,
+  buttons: M,
+  buttonProps: w,
   onClose: u,
-  visible: y,
+  visible: T,
   onVisibleChange: h,
-  ...B
+  classNames: f,
+  ...I
 }) => {
-  const [T, M] = v(!!y), i = y !== void 0, [L, P] = v(!1), b = n === "m" ? F : q, N = () => {
-    i || M(!1), u == null || u();
-  }, _ = (E) => {
-    i || M(E), h == null || h(E);
-  }, R = f || (n === "m" ? /* @__PURE__ */ o(
-    O,
+  const [S, c] = O(!!T), P = T !== void 0, [L, g] = O(!1), W = e === "m" ? C : D, v = () => {
+    P || c(!1), u == null || u();
+  }, j = (b) => {
+    P || c(b), h == null || h(b);
+  }, F = y || (e === "m" ? /* @__PURE__ */ o(
+    R,
     {
       classNames: r,
-      text: l,
+      text: i,
       variant: d,
-      size: n,
-      onClose: N,
-      title: w,
-      media: g,
+      size: e,
+      onClose: v,
+      title: k,
+      media: B,
       showClose: m,
-      buttons: A,
-      buttonProps: I
+      buttons: M,
+      buttonProps: w
     }
   ) : /* @__PURE__ */ o(
-    O,
+    R,
     {
       classNames: r,
-      text: l,
+      text: i,
       variant: d,
-      size: n,
-      onClose: N
+      size: e,
+      onClose: v
     }
   ));
-  return W(() => {
-    if (T) {
-      const E = requestAnimationFrame(() => P(!0));
-      return () => cancelAnimationFrame(E);
+  return N(() => {
+    if (S) {
+      const b = requestAnimationFrame(() => g(!0));
+      return () => cancelAnimationFrame(b);
     }
-    P(!1);
-  }, [T]), /* @__PURE__ */ o(
-    j,
+    g(!1);
+  }, [S]), /* @__PURE__ */ o(
+    q,
     {
-      visible: i ? y : T,
-      onVisibleChange: _,
-      classNames: {
-        root: S(t.root, t[d], t[n], L && t.open),
-        ...B.classNames
-      },
-      placement: s,
-      overlay: R,
-      trigger: k,
-      mouseEnterDelay: c,
-      mouseLeaveDelay: e,
+      visible: P ? T : S,
+      onVisibleChange: j,
+      placement: a,
+      overlay: F,
+      trigger: E,
+      mouseEnterDelay: l,
+      mouseLeaveDelay: n,
       motion: { motionName: "tooltipMotion" },
-      builtinPlacements: b,
-      showArrow: p ? {
-        content: /* @__PURE__ */ o(H, {}),
-        className: `tooltipArrow tooltipArrow-${n}`
+      builtinPlacements: W,
+      showArrow: s ? {
+        content: /* @__PURE__ */ o(U, {}),
+        className: `tooltipArrow tooltipArrow-${e}`
       } : !1,
       destroyTooltipOnHide: !0,
-      ...B,
-      children: a
+      ...I,
+      classNames: {
+        ...f,
+        root: A(
+          t.root,
+          t[d],
+          t[e],
+          L && t.open,
+          f == null ? void 0 : f.root
+        )
+      },
+      children: p
     }
   );
 };