kdpa-components 1.35.2 → 1.35.3

package/dist/Tooltip-4b1baf1b.js

@@ -0,0 +1,584 @@
+import { _ as n, a as ho } from "./extends-393586f3.js";
+import * as s from "react";
+import { g as To, h as Se, a as Ue, P as e } from "./identifier-9dfe30d8.js";
+import { g as bo, s as J, u as go, c as I, a as yo } from "./useThemeProps-7d04a175.js";
+import { u as vo } from "./useTheme-014a54ad.js";
+import { j as R } from "./jsx-runtime-944c88e2.js";
+import { M as We } from "./Popper-490e6477.js";
+import { u as Po } from "./useControlled-cc2d41cb.js";
+import { u as wo } from "./useId-e7dff7be.js";
+import { u as Ro } from "./useEventCallback-fe4fd69c.js";
+import { u as xo } from "./useIsFocusVisible-4693b580.js";
+import { u as Co } from "./useForkRef-0781dda0.js";
+import { G as Be } from "./Grow-151a20f6.js";
+import { a as A } from "./useSlotProps-f238319f.js";
+import { e as Oo } from "./elementAcceptingRef-803dfd80.js";
+function Mo(r) {
+  return To("MuiTooltip", r);
+}
+const Eo = bo("MuiTooltip", ["popper", "popperInteractive", "popperArrow", "popperClose", "tooltip", "tooltipArrow", "touch", "tooltipPlacementLeft", "tooltipPlacementRight", "tooltipPlacementTop", "tooltipPlacementBottom", "arrow"]), d = Eo, _o = ["arrow", "children", "classes", "components", "componentsProps", "describeChild", "disableFocusListener", "disableHoverListener", "disableInteractive", "disableTouchListener", "enterDelay", "enterNextDelay", "enterTouchDelay", "followCursor", "id", "leaveDelay", "leaveTouchDelay", "onClose", "onOpen", "open", "placement", "PopperComponent", "PopperProps", "slotProps", "slots", "title", "TransitionComponent", "TransitionProps"];
+function Lo(r) {
+  return Math.round(r * 1e5) / 1e5;
+}
+const No = (r) => {
+  const {
+    classes: t,
+    disableInteractive: i,
+    arrow: g,
+    touch: C,
+    placement: O
+  } = r, M = {
+    popper: ["popper", !i && "popperInteractive", g && "popperArrow"],
+    tooltip: ["tooltip", g && "tooltipArrow", C && "touch", `tooltipPlacement${Se(O.split("-")[0])}`],
+    arrow: ["arrow"]
+  };
+  return yo(M, Mo, t);
+}, $o = J(We, {
+  name: "MuiTooltip",
+  slot: "Popper",
+  overridesResolver: (r, t) => {
+    const {
+      ownerState: i
+    } = r;
+    return [t.popper, !i.disableInteractive && t.popperInteractive, i.arrow && t.popperArrow, !i.open && t.popperClose];
+  }
+})(({
+  theme: r,
+  ownerState: t,
+  open: i
+}) => n({
+  zIndex: (r.vars || r).zIndex.tooltip,
+  pointerEvents: "none"
+}, !t.disableInteractive && {
+  pointerEvents: "auto"
+}, !i && {
+  pointerEvents: "none"
+}, t.arrow && {
+  [`&[data-popper-placement*="bottom"] .${d.arrow}`]: {
+    top: 0,
+    marginTop: "-0.71em",
+    "&::before": {
+      transformOrigin: "0 100%"
+    }
+  },
+  [`&[data-popper-placement*="top"] .${d.arrow}`]: {
+    bottom: 0,
+    marginBottom: "-0.71em",
+    "&::before": {
+      transformOrigin: "100% 0"
+    }
+  },
+  [`&[data-popper-placement*="right"] .${d.arrow}`]: n({}, t.isRtl ? {
+    right: 0,
+    marginRight: "-0.71em"
+  } : {
+    left: 0,
+    marginLeft: "-0.71em"
+  }, {
+    height: "1em",
+    width: "0.71em",
+    "&::before": {
+      transformOrigin: "100% 100%"
+    }
+  }),
+  [`&[data-popper-placement*="left"] .${d.arrow}`]: n({}, t.isRtl ? {
+    left: 0,
+    marginLeft: "-0.71em"
+  } : {
+    right: 0,
+    marginRight: "-0.71em"
+  }, {
+    height: "1em",
+    width: "0.71em",
+    "&::before": {
+      transformOrigin: "0 0"
+    }
+  })
+})), jo = J("div", {
+  name: "MuiTooltip",
+  slot: "Tooltip",
+  overridesResolver: (r, t) => {
+    const {
+      ownerState: i
+    } = r;
+    return [t.tooltip, i.touch && t.touch, i.arrow && t.tooltipArrow, t[`tooltipPlacement${Se(i.placement.split("-")[0])}`]];
+  }
+})(({
+  theme: r,
+  ownerState: t
+}) => n({
+  backgroundColor: r.vars ? r.vars.palette.Tooltip.bg : Ue(r.palette.grey[700], 0.92),
+  borderRadius: (r.vars || r).shape.borderRadius,
+  color: (r.vars || r).palette.common.white,
+  fontFamily: r.typography.fontFamily,
+  padding: "4px 8px",
+  fontSize: r.typography.pxToRem(11),
+  maxWidth: 300,
+  margin: 2,
+  wordWrap: "break-word",
+  fontWeight: r.typography.fontWeightMedium
+}, t.arrow && {
+  position: "relative",
+  margin: 0
+}, t.touch && {
+  padding: "8px 16px",
+  fontSize: r.typography.pxToRem(14),
+  lineHeight: `${Lo(16 / 14)}em`,
+  fontWeight: r.typography.fontWeightRegular
+}, {
+  [`.${d.popper}[data-popper-placement*="left"] &`]: n({
+    transformOrigin: "right center"
+  }, t.isRtl ? n({
+    marginLeft: "14px"
+  }, t.touch && {
+    marginLeft: "24px"
+  }) : n({
+    marginRight: "14px"
+  }, t.touch && {
+    marginRight: "24px"
+  })),
+  [`.${d.popper}[data-popper-placement*="right"] &`]: n({
+    transformOrigin: "left center"
+  }, t.isRtl ? n({
+    marginRight: "14px"
+  }, t.touch && {
+    marginRight: "24px"
+  }) : n({
+    marginLeft: "14px"
+  }, t.touch && {
+    marginLeft: "24px"
+  })),
+  [`.${d.popper}[data-popper-placement*="top"] &`]: n({
+    transformOrigin: "center bottom",
+    marginBottom: "14px"
+  }, t.touch && {
+    marginBottom: "24px"
+  }),
+  [`.${d.popper}[data-popper-placement*="bottom"] &`]: n({
+    transformOrigin: "center top",
+    marginTop: "14px"
+  }, t.touch && {
+    marginTop: "24px"
+  })
+})), Do = J("span", {
+  name: "MuiTooltip",
+  slot: "Arrow",
+  overridesResolver: (r, t) => t.arrow
+})(({
+  theme: r
+}) => ({
+  overflow: "hidden",
+  position: "absolute",
+  width: "1em",
+  height: "0.71em",
+  boxSizing: "border-box",
+  color: r.vars ? r.vars.palette.Tooltip.bg : Ue(r.palette.grey[700], 0.9),
+  "&::before": {
+    content: '""',
+    margin: "auto",
+    display: "block",
+    width: "100%",
+    height: "100%",
+    backgroundColor: "currentColor",
+    transform: "rotate(45deg)"
+  }
+}));
+let k = !1, X = null, x = {
+  x: 0,
+  y: 0
+};
+function F(r, t) {
+  return (i) => {
+    t && t(i), r(i);
+  };
+}
+const Ve = /* @__PURE__ */ s.forwardRef(function(t, i) {
+  var g, C, O, M, Q, Z, ee, oe, te, re, ne, se, ie, pe, le, ae, ce, ue, me;
+  const B = go({
+    props: t,
+    name: "MuiTooltip"
+  }), {
+    arrow: de = !1,
+    children: c,
+    components: E = {},
+    componentsProps: f = {},
+    describeChild: ze = !1,
+    disableFocusListener: He = !1,
+    disableHoverListener: fe = !1,
+    disableInteractive: Ye = !1,
+    disableTouchListener: Ge = !1,
+    enterDelay: he = 100,
+    enterNextDelay: Te = 0,
+    enterTouchDelay: qe = 700,
+    followCursor: S = !1,
+    id: Ke,
+    leaveDelay: be = 0,
+    leaveTouchDelay: Xe = 1500,
+    onClose: ge,
+    onOpen: ye,
+    open: ve,
+    placement: Pe = "bottom",
+    PopperComponent: U,
+    PopperProps: h = {},
+    slotProps: T = {},
+    slots: _ = {},
+    title: m,
+    TransitionComponent: Je = Be,
+    TransitionProps: Qe
+  } = B, we = ho(B, _o), W = vo(), Ze = W.direction === "rtl", [l, Re] = s.useState(), [V, eo] = s.useState(null), L = s.useRef(!1), z = Ye || S, N = s.useRef(), $ = s.useRef(), b = s.useRef(), xe = s.useRef(), [oo, Ce] = Po({
+    controlled: ve,
+    default: !1,
+    name: "Tooltip",
+    state: "open"
+  });
+  let u = oo;
+  if (process.env.NODE_ENV !== "production") {
+    const {
+      current: o
+    } = s.useRef(ve !== void 0);
+    s.useEffect(() => {
+      l && l.disabled && !o && m !== "" && l.tagName.toLowerCase() === "button" && console.error(["MUI: You are providing a disabled `button` child to the Tooltip component.", "A disabled element does not fire events.", "Tooltip needs to listen to the child element's events to display the title.", "", "Add a simple wrapper element, such as a `span`."].join(`
+`));
+    }, [m, l, o]);
+  }
+  const H = wo(Ke), y = s.useRef(), j = s.useCallback(() => {
+    y.current !== void 0 && (document.body.style.WebkitUserSelect = y.current, y.current = void 0), clearTimeout(xe.current);
+  }, []);
+  s.useEffect(() => () => {
+    clearTimeout(N.current), clearTimeout($.current), clearTimeout(b.current), j();
+  }, [j]);
+  const Oe = (o) => {
+    clearTimeout(X), k = !0, Ce(!0), ye && !u && ye(o);
+  }, D = Ro(
+    /**
+     * @param {React.SyntheticEvent | Event} event
+     */
+    (o) => {
+      clearTimeout(X), X = setTimeout(() => {
+        k = !1;
+      }, 800 + be), Ce(!1), ge && u && ge(o), clearTimeout(N.current), N.current = setTimeout(() => {
+        L.current = !1;
+      }, W.transitions.duration.shortest);
+    }
+  ), Y = (o) => {
+    L.current && o.type !== "touchstart" || (l && l.removeAttribute("title"), clearTimeout($.current), clearTimeout(b.current), he || k && Te ? $.current = setTimeout(() => {
+      Oe(o);
+    }, k ? Te : he) : Oe(o));
+  }, Me = (o) => {
+    clearTimeout($.current), clearTimeout(b.current), b.current = setTimeout(() => {
+      D(o);
+    }, be);
+  }, {
+    isFocusVisibleRef: Ee,
+    onBlur: to,
+    onFocus: ro,
+    ref: no
+  } = xo(), [, _e] = s.useState(!1), Le = (o) => {
+    to(o), Ee.current === !1 && (_e(!1), Me(o));
+  }, Ne = (o) => {
+    l || Re(o.currentTarget), ro(o), Ee.current === !0 && (_e(!0), Y(o));
+  }, $e = (o) => {
+    L.current = !0;
+    const p = c.props;
+    p.onTouchStart && p.onTouchStart(o);
+  }, je = Y, De = Me, so = (o) => {
+    $e(o), clearTimeout(b.current), clearTimeout(N.current), j(), y.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", xe.current = setTimeout(() => {
+      document.body.style.WebkitUserSelect = y.current, Y(o);
+    }, qe);
+  }, io = (o) => {
+    c.props.onTouchEnd && c.props.onTouchEnd(o), j(), clearTimeout(b.current), b.current = setTimeout(() => {
+      D(o);
+    }, Xe);
+  };
+  s.useEffect(() => {
+    if (!u)
+      return;
+    function o(p) {
+      (p.key === "Escape" || p.key === "Esc") && D(p);
+    }
+    return document.addEventListener("keydown", o), () => {
+      document.removeEventListener("keydown", o);
+    };
+  }, [D, u]);
+  const po = Co(c.ref, no, Re, i);
+  !m && m !== 0 && (u = !1);
+  const G = s.useRef(), lo = (o) => {
+    const p = c.props;
+    p.onMouseMove && p.onMouseMove(o), x = {
+      x: o.clientX,
+      y: o.clientY
+    }, G.current && G.current.update();
+  }, v = {}, q = typeof m == "string";
+  ze ? (v.title = !u && q && !fe ? m : null, v["aria-describedby"] = u ? H : null) : (v["aria-label"] = q ? m : null, v["aria-labelledby"] = u && !q ? H : null);
+  const a = n({}, v, we, c.props, {
+    className: I(we.className, c.props.className),
+    onTouchStart: $e,
+    ref: po
+  }, S ? {
+    onMouseMove: lo
+  } : {});
+  process.env.NODE_ENV !== "production" && (a["data-mui-internal-clone-element"] = !0, s.useEffect(() => {
+    l && !l.getAttribute("data-mui-internal-clone-element") && console.error(["MUI: The `children` component of the Tooltip is not forwarding its props correctly.", "Please make sure that props are spread on the same element that the ref is applied to."].join(`
+`));
+  }, [l]));
+  const P = {};
+  Ge || (a.onTouchStart = so, a.onTouchEnd = io), fe || (a.onMouseOver = F(je, a.onMouseOver), a.onMouseLeave = F(De, a.onMouseLeave), z || (P.onMouseOver = je, P.onMouseLeave = De)), He || (a.onFocus = F(Ne, a.onFocus), a.onBlur = F(Le, a.onBlur), z || (P.onFocus = Ne, P.onBlur = Le)), process.env.NODE_ENV !== "production" && c.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${c.props.title}\` or the Tooltip component.`].join(`
+`));
+  const ao = s.useMemo(() => {
+    var o;
+    let p = [{
+      name: "arrow",
+      enabled: !!V,
+      options: {
+        element: V,
+        padding: 4
+      }
+    }];
+    return (o = h.popperOptions) != null && o.modifiers && (p = p.concat(h.popperOptions.modifiers)), n({}, h.popperOptions, {
+      modifiers: p
+    });
+  }, [V, h]), w = n({}, B, {
+    isRtl: Ze,
+    arrow: de,
+    disableInteractive: z,
+    placement: Pe,
+    PopperComponentProp: U,
+    touch: L.current
+  }), K = No(w), Ie = (g = (C = _.popper) != null ? C : E.Popper) != null ? g : $o, Ae = (O = (M = (Q = _.transition) != null ? Q : E.Transition) != null ? M : Je) != null ? O : Be, ke = (Z = (ee = _.tooltip) != null ? ee : E.Tooltip) != null ? Z : jo, Fe = (oe = (te = _.arrow) != null ? te : E.Arrow) != null ? oe : Do, co = A(Ie, n({}, h, (re = T.popper) != null ? re : f.popper, {
+    className: I(K.popper, h == null ? void 0 : h.className, (ne = (se = T.popper) != null ? se : f.popper) == null ? void 0 : ne.className)
+  }), w), uo = A(Ae, n({}, Qe, (ie = T.transition) != null ? ie : f.transition), w), mo = A(ke, n({}, (pe = T.tooltip) != null ? pe : f.tooltip, {
+    className: I(K.tooltip, (le = (ae = T.tooltip) != null ? ae : f.tooltip) == null ? void 0 : le.className)
+  }), w), fo = A(Fe, n({}, (ce = T.arrow) != null ? ce : f.arrow, {
+    className: I(K.arrow, (ue = (me = T.arrow) != null ? me : f.arrow) == null ? void 0 : ue.className)
+  }), w);
+  return /* @__PURE__ */ R.jsxs(s.Fragment, {
+    children: [/* @__PURE__ */ s.cloneElement(c, a), /* @__PURE__ */ R.jsx(Ie, n({
+      as: U ?? We,
+      placement: Pe,
+      anchorEl: S ? {
+        getBoundingClientRect: () => ({
+          top: x.y,
+          left: x.x,
+          right: x.x,
+          bottom: x.y,
+          width: 0,
+          height: 0
+        })
+      } : l,
+      popperRef: G,
+      open: l ? u : !1,
+      id: H,
+      transition: !0
+    }, P, co, {
+      popperOptions: ao,
+      children: ({
+        TransitionProps: o
+      }) => /* @__PURE__ */ R.jsx(Ae, n({
+        timeout: W.transitions.duration.shorter
+      }, o, uo, {
+        children: /* @__PURE__ */ R.jsxs(ke, n({}, mo, {
+          children: [m, de ? /* @__PURE__ */ R.jsx(Fe, n({}, fo, {
+            ref: eo
+          })) : null]
+        }))
+      }))
+    }))]
+  });
+});
+process.env.NODE_ENV !== "production" && (Ve.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * If `true`, adds an arrow to the tooltip.
+   * @default false
+   */
+  arrow: e.bool,
+  /**
+   * Tooltip reference element.
+   */
+  children: Oo.isRequired,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
+   * @default {}
+   */
+  components: e.shape({
+    Arrow: e.elementType,
+    Popper: e.elementType,
+    Tooltip: e.elementType,
+    Transition: e.elementType
+  }),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `slotProps` prop.
+   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
+   *
+   * @default {}
+   */
+  componentsProps: e.shape({
+    arrow: e.object,
+    popper: e.object,
+    tooltip: e.object,
+    transition: e.object
+  }),
+  /**
+   * Set to `true` if the `title` acts as an accessible description.
+   * By default the `title` acts as an accessible label for the child.
+   * @default false
+   */
+  describeChild: e.bool,
+  /**
+   * Do not respond to focus-visible events.
+   * @default false
+   */
+  disableFocusListener: e.bool,
+  /**
+   * Do not respond to hover events.
+   * @default false
+   */
+  disableHoverListener: e.bool,
+  /**
+   * Makes a tooltip not interactive, i.e. it will close when the user
+   * hovers over the tooltip before the `leaveDelay` is expired.
+   * @default false
+   */
+  disableInteractive: e.bool,
+  /**
+   * Do not respond to long press touch events.
+   * @default false
+   */
+  disableTouchListener: e.bool,
+  /**
+   * The number of milliseconds to wait before showing the tooltip.
+   * This prop won't impact the enter touch delay (`enterTouchDelay`).
+   * @default 100
+   */
+  enterDelay: e.number,
+  /**
+   * The number of milliseconds to wait before showing the tooltip when one was already recently opened.
+   * @default 0
+   */
+  enterNextDelay: e.number,
+  /**
+   * The number of milliseconds a user must touch the element before showing the tooltip.
+   * @default 700
+   */
+  enterTouchDelay: e.number,
+  /**
+   * If `true`, the tooltip follow the cursor over the wrapped element.
+   * @default false
+   */
+  followCursor: e.bool,
+  /**
+   * This prop is used to help implement the accessibility logic.
+   * If you don't provide this prop. It falls back to a randomly generated id.
+   */
+  id: e.string,
+  /**
+   * The number of milliseconds to wait before hiding the tooltip.
+   * This prop won't impact the leave touch delay (`leaveTouchDelay`).
+   * @default 0
+   */
+  leaveDelay: e.number,
+  /**
+   * The number of milliseconds after the user stops touching an element before hiding the tooltip.
+   * @default 1500
+   */
+  leaveTouchDelay: e.number,
+  /**
+   * Callback fired when the component requests to be closed.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   */
+  onClose: e.func,
+  /**
+   * Callback fired when the component requests to be open.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   */
+  onOpen: e.func,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: e.bool,
+  /**
+   * Tooltip placement.
+   * @default 'bottom'
+   */
+  placement: e.oneOf(["bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
+  /**
+   * The component used for the popper.
+   * @default Popper
+   */
+  PopperComponent: e.elementType,
+  /**
+   * Props applied to the [`Popper`](/material-ui/api/popper/) element.
+   * @default {}
+   */
+  PopperProps: e.object,
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slotProps: e.shape({
+    arrow: e.object,
+    popper: e.object,
+    tooltip: e.object,
+    transition: e.object
+  }),
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `components` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slots: e.shape({
+    arrow: e.elementType,
+    popper: e.elementType,
+    tooltip: e.elementType,
+    transition: e.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * Tooltip title. Zero-length titles string, undefined, null and false are never displayed.
+   */
+  title: e.node,
+  /**
+   * The component used for the transition.
+   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @default Grow
+   */
+  TransitionComponent: e.elementType,
+  /**
+   * Props applied to the transition element.
+   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
+   */
+  TransitionProps: e.object
+});
+const Ko = Ve;
+export {
+  Ko as T
+};

package/dist/Tooltips/index.d.ts

@@ -0,0 +1,3 @@
+export { default as KdpaTooltip } from "./KdpaTooltip";
+export type { KdpaTooltipProps } from "./KdpaTooltip";
+//# sourceMappingURL=index.d.ts.map

package/dist/Tooltips/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltips/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/Tooltips/index.js

@@ -0,0 +1,46 @@
+import { j as m } from "../jsx-runtime-944c88e2.js";
+import { T as p } from "../Tooltip-4b1baf1b.js";
+import { Z as i } from "../Zoom-b84bdc2b.js";
+import "react";
+import "../extends-393586f3.js";
+import "../identifier-9dfe30d8.js";
+import "../emotion-memoize.esm-021d0d4e.js";
+import "../_commonjsHelpers-92157f1b.js";
+import "../useThemeProps-7d04a175.js";
+import "../emotion-is-prop-valid.esm-b7f48706.js";
+import "../useTheme-014a54ad.js";
+import "../Popper-490e6477.js";
+import "../Portal-b4f8657f.js";
+import "react-dom";
+import "../useForkRef-0781dda0.js";
+import "../useEventCallback-fe4fd69c.js";
+import "../HTMLElementType-ff213f3c.js";
+import "../exactProp-3aaa3ecc.js";
+import "../ownerDocument-5430cd5b.js";
+import "../chainPropTypes-004bf492.js";
+import "../refType-af1a9f54.js";
+import "../popper-78c6b162.js";
+import "../useSlotProps-f238319f.js";
+import "../useControlled-cc2d41cb.js";
+import "../useId-e7dff7be.js";
+import "../useIsFocusVisible-4693b580.js";
+import "../Grow-151a20f6.js";
+import "../utils-129661c6.js";
+import "../TransitionGroupContext-7435e195.js";
+import "../setPrototypeOf-98a00546.js";
+import "../elementAcceptingRef-803dfd80.js";
+const H = ({ title: o = "", children: r, ...t }) => /* @__PURE__ */ m.jsx(
+  p,
+  {
+    title: o,
+    TransitionComponent: i,
+    enterDelay: 700,
+    leaveDelay: 200,
+    arrow: !0,
+    ...t,
+    children: r
+  }
+);
+export {
+  H as KdpaTooltip
+};