@televet/kibble-ui 4.0.0-beta.30 → 4.0.0-beta.31

package/dist/chunks/tooltip.component-Cf_csr_d.js

@@ -0,0 +1,754 @@
+import { j as f } from "./jsx-runtime-C5mzlN2N.js";
+import { forwardRef as L, useId as Le } from "react";
+import { a as Se, f as V, u as ie, h as De, g as Ae, c as je, d as ee, i as Ve, j as Re, k as _e, n as Ie, s as ae, l as le, m as ce, P as xe } from "./use-locale-context-zakBNK5b.js";
+import { c as Ne } from "./create-slot-recipe-context-B6kmgvsX.js";
+import { U as E, _ as j, a2 as J, au as Fe, g as de, av as Ke, f as $e, e as We, c as Be, a as ze, Y as B, aw as Ge, x as Ue } from "./index-DLvqBeH6.js";
+const [pe, R] = Se({
+  name: "TooltipContext",
+  hookName: "useTooltipContext",
+  providerName: "<TooltipProvider />"
+}), ue = L((e, o) => {
+  const t = R(), n = E(t.getArrowProps(), e);
+  return /* @__PURE__ */ f.jsx(V.div, { ...n, ref: o });
+});
+ue.displayName = "TooltipArrow";
+const fe = L((e, o) => {
+  const t = R(), n = E(t.getArrowTipProps(), e);
+  return /* @__PURE__ */ f.jsx(V.div, { ...n, ref: o });
+});
+fe.displayName = "TooltipArrowTip";
+const ge = L((e, o) => {
+  const t = R(), n = ie(), r = E(t.getContentProps(), n.getPresenceProps(), e);
+  return n.unmounted ? null : /* @__PURE__ */ f.jsx(V.div, { ...r, ref: De(n.ref, o) });
+});
+ge.displayName = "TooltipContent";
+const ve = L((e, o) => {
+  const t = R(), n = E(t.getPositionerProps(), e);
+  return ie().unmounted ? null : /* @__PURE__ */ f.jsx(V.div, { ...n, ref: o });
+});
+ve.displayName = "TooltipPositioner";
+function qe(e) {
+  return !(e.metaKey || !Ke() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
+}
+var He = /* @__PURE__ */ new Set(["checkbox", "radio", "range", "color", "file", "image", "button", "submit", "reset"]);
+function Ye(e, o, t) {
+  const n = t ? de(t) : null, r = j(n);
+  return e = e || n instanceof r.HTMLInputElement && !He.has(n?.type) || n instanceof r.HTMLTextAreaElement || n instanceof r.HTMLElement && n.isContentEditable, !(e && o === "keyboard" && t instanceof r.KeyboardEvent && !Reflect.has(Je, t.key));
+}
+var T = null, G = /* @__PURE__ */ new Set(), A = /* @__PURE__ */ new Map(), k = !1, U = !1, Je = {
+  Tab: !0,
+  Escape: !0
+};
+function $(e, o) {
+  for (let t of G)
+    t(e, o);
+}
+function F(e) {
+  k = !0, qe(e) && (T = "keyboard", $("keyboard", e));
+}
+function P(e) {
+  T = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (k = !0, $("pointer", e));
+}
+function ye(e) {
+  Fe(e) && (k = !0, T = "virtual");
+}
+function me(e) {
+  const o = de(e);
+  o === j(o) || o === J(o) || (!k && !U && (T = "virtual", $("virtual", e)), k = !1, U = !1);
+}
+function Pe() {
+  k = !1, U = !0;
+}
+function Qe(e) {
+  if (typeof window > "u" || A.get(j(e)))
+    return;
+  const o = j(e), t = J(e);
+  let n = o.HTMLElement.prototype.focus;
+  o.HTMLElement.prototype.focus = function() {
+    T = "virtual", $("virtual", null), k = !0, n.apply(this, arguments);
+  }, t.addEventListener("keydown", F, !0), t.addEventListener("keyup", F, !0), t.addEventListener("click", ye, !0), o.addEventListener("focus", me, !0), o.addEventListener("blur", Pe, !1), typeof o.PointerEvent < "u" ? (t.addEventListener("pointerdown", P, !0), t.addEventListener("pointermove", P, !0), t.addEventListener("pointerup", P, !0)) : (t.addEventListener("mousedown", P, !0), t.addEventListener("mousemove", P, !0), t.addEventListener("mouseup", P, !0)), o.addEventListener(
+    "beforeunload",
+    () => {
+      Xe(e);
+    },
+    { once: !0 }
+  ), A.set(o, { focus: n });
+}
+var Xe = (e, o) => {
+  const t = j(e), n = J(e);
+  A.has(t) && (t.HTMLElement.prototype.focus = A.get(t).focus, n.removeEventListener("keydown", F, !0), n.removeEventListener("keyup", F, !0), n.removeEventListener("click", ye, !0), t.removeEventListener("focus", me, !0), t.removeEventListener("blur", Pe, !1), typeof t.PointerEvent < "u" ? (n.removeEventListener("pointerdown", P, !0), n.removeEventListener("pointermove", P, !0), n.removeEventListener("pointerup", P, !0)) : (n.removeEventListener("mousedown", P, !0), n.removeEventListener("mousemove", P, !0), n.removeEventListener("mouseup", P, !0)), A.delete(t));
+};
+function q() {
+  return T === "keyboard";
+}
+function Ze(e = {}) {
+  const { isTextInput: o, autoFocus: t, onChange: n, root: r } = e;
+  Qe(r), n?.({ isFocusVisible: t || q(), modality: T });
+  const c = (d, a) => {
+    Ye(!!o, d, a) && n?.({ isFocusVisible: q(), modality: d });
+  };
+  return G.add(c), () => {
+    G.delete(c);
+  };
+}
+const et = Symbol(), te = Object.getPrototypeOf, H = /* @__PURE__ */ new WeakMap(), tt = (e) => e && (H.has(e) ? H.get(e) : te(e) === Object.prototype || te(e) === Array.prototype), ot = (e) => tt(e) && e[et] || null, oe = (e, o = !0) => {
+  H.set(e, o);
+};
+function nt() {
+  if (typeof globalThis < "u") return globalThis;
+  if (typeof self < "u") return self;
+  if (typeof window < "u") return window;
+  if (typeof global < "u") return global;
+}
+function Oe(e, o) {
+  const t = nt();
+  return t ? (t[e] || (t[e] = o()), t[e]) : o();
+}
+var N = Oe("__zag__refSet", () => /* @__PURE__ */ new WeakSet()), rt = (e) => typeof e == "object" && e !== null && "$$typeof" in e && "props" in e, st = (e) => typeof e == "object" && e !== null && "__v_isVNode" in e, it = (e) => typeof e == "object" && e !== null && "nodeType" in e && typeof e.nodeName == "string", at = (e) => rt(e) || st(e) || it(e), Y = (e) => e !== null && typeof e == "object", ne = (e) => Y(e) && !N.has(e) && (Array.isArray(e) || !(Symbol.iterator in e)) && !at(e) && !(e instanceof WeakMap) && !(e instanceof WeakSet) && !(e instanceof Error) && !(e instanceof Number) && !(e instanceof Date) && !(e instanceof String) && !(e instanceof RegExp) && !(e instanceof ArrayBuffer) && !(e instanceof Promise), K = () => process.env.NODE_ENV !== "production", b = Oe("__zag__proxyStateMap", () => /* @__PURE__ */ new WeakMap()), lt = (e = Object.is, o = (a, y) => new Proxy(a, y), t = /* @__PURE__ */ new WeakMap(), n = (a, y) => {
+  const g = t.get(a);
+  if (g?.[0] === y)
+    return g[1];
+  const u = Array.isArray(a) ? [] : Object.create(Object.getPrototypeOf(a));
+  return oe(u, !0), t.set(a, [y, u]), Reflect.ownKeys(a).forEach((O) => {
+    const m = Reflect.get(a, O);
+    N.has(m) ? (oe(m, !1), u[O] = m) : b.has(m) ? u[O] = pt(m) : u[O] = m;
+  }), Object.freeze(u);
+}, r = /* @__PURE__ */ new WeakMap(), c = [1, 1], d = (a) => {
+  if (!Y(a))
+    throw new Error("object required");
+  const y = r.get(a);
+  if (y)
+    return y;
+  let g = c[0];
+  const u = /* @__PURE__ */ new Set(), O = (i, s = ++c[0]) => {
+    g !== s && (g = s, u.forEach((l) => l(i, s)));
+  };
+  let m = c[1];
+  const w = (i = ++c[1]) => (m !== i && !u.size && (m = i, p.forEach(([s]) => {
+    const l = s[1](i);
+    l > g && (g = l);
+  })), g), C = (i) => (s, l) => {
+    const v = [...s];
+    v[1] = [i, ...v[1]], O(v, l);
+  }, p = /* @__PURE__ */ new Map(), Q = (i, s) => {
+    if (K() && p.has(i))
+      throw new Error("prop listener already exists");
+    if (u.size) {
+      const l = s[3](C(i));
+      p.set(i, [s, l]);
+    } else
+      p.set(i, [s]);
+  }, X = (i) => {
+    const s = p.get(i);
+    s && (p.delete(i), s[1]?.());
+  }, Ce = (i) => (u.add(i), u.size === 1 && p.forEach(([l, v], M) => {
+    if (K() && v)
+      throw new Error("remove already exists");
+    const S = l[3](C(M));
+    p.set(M, [l, S]);
+  }), () => {
+    u.delete(i), u.size === 0 && p.forEach(([l, v], M) => {
+      v && (v(), p.set(M, [l]));
+    });
+  }), W = Array.isArray(a) ? [] : Object.create(Object.getPrototypeOf(a)), I = o(W, {
+    deleteProperty(i, s) {
+      const l = Reflect.get(i, s);
+      X(s);
+      const v = Reflect.deleteProperty(i, s);
+      return v && O(["delete", [s], l]), v;
+    },
+    set(i, s, l, v) {
+      const M = Reflect.has(i, s), S = Reflect.get(i, s, v);
+      if (M && (e(S, l) || r.has(l) && e(S, r.get(l))))
+        return !0;
+      X(s), Y(l) && (l = ot(l) || l);
+      let x = l;
+      if (!Object.getOwnPropertyDescriptor(i, s)?.set) {
+        !b.has(l) && ne(l) && (x = we(l));
+        const Z = !N.has(x) && b.get(x);
+        Z && Q(s, Z);
+      }
+      return Reflect.set(i, s, x, v), O(["set", [s], l, S]), !0;
+    }
+  });
+  r.set(a, I);
+  const Me = [W, w, n, Ce];
+  return b.set(I, Me), Reflect.ownKeys(a).forEach((i) => {
+    const s = Object.getOwnPropertyDescriptor(a, i);
+    s.get || s.set ? Object.defineProperty(W, i, s) : I[i] = a[i];
+  }), I;
+}) => [
+  // public functions
+  d,
+  // shared state
+  b,
+  N,
+  // internal things
+  e,
+  o,
+  ne,
+  t,
+  n,
+  r,
+  c
+], [ct] = lt();
+function we(e = {}) {
+  return ct(e);
+}
+function dt(e, o, t) {
+  const n = b.get(e);
+  K() && !n && console.warn("Please use proxy object");
+  let r;
+  const c = [], d = n[3];
+  let a = !1;
+  const g = d((u) => {
+    c.push(u), r || (r = Promise.resolve().then(() => {
+      r = void 0, a && o(c.splice(0));
+    }));
+  });
+  return a = !0, () => {
+    a = !1, g();
+  };
+}
+function pt(e) {
+  const o = b.get(e);
+  K() && !o && console.warn("Please use proxy object");
+  const [t, n, r] = o;
+  return r(t, n());
+}
+var ut = $e("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content"), D = ut.build(), he = (e) => e.ids?.trigger ?? `tooltip:${e.id}:trigger`, ft = (e) => e.ids?.content ?? `tooltip:${e.id}:content`, gt = (e) => e.ids?.arrow ?? `tooltip:${e.id}:arrow`, be = (e) => e.ids?.positioner ?? `tooltip:${e.id}:popper`, z = (e) => e.getById(he(e)), re = (e) => e.getById(be(e)), h = we({ id: null });
+function vt(e, o) {
+  const { state: t, context: n, send: r, scope: c, prop: d, event: a } = e, y = d("id"), g = !!d("aria-label"), u = t.matches("open", "closing"), O = he(c), m = ft(c), w = d("disabled"), C = Ae({
+    ...d("positioning"),
+    placement: n.get("currentPlacement")
+  });
+  return {
+    open: u,
+    setOpen(p) {
+      t.matches("open", "closing") !== p && r({ type: p ? "open" : "close" });
+    },
+    reposition(p = {}) {
+      r({ type: "positioning.set", options: p });
+    },
+    getTriggerProps() {
+      return o.button({
+        ...D.trigger.attrs,
+        id: O,
+        dir: d("dir"),
+        "data-expanded": We(u),
+        "data-state": u ? "open" : "closed",
+        "aria-describedby": u ? m : void 0,
+        onClick(p) {
+          p.defaultPrevented || w || d("closeOnClick") && r({ type: "close", src: "trigger.click" });
+        },
+        onFocus(p) {
+          queueMicrotask(() => {
+            p.defaultPrevented || w || a.src !== "trigger.pointerdown" && q() && r({ type: "open", src: "trigger.focus" });
+          });
+        },
+        onBlur(p) {
+          p.defaultPrevented || w || y === h.id && r({ type: "close", src: "trigger.blur" });
+        },
+        onPointerDown(p) {
+          p.defaultPrevented || w || d("closeOnPointerDown") && y === h.id && r({ type: "close", src: "trigger.pointerdown" });
+        },
+        onPointerMove(p) {
+          p.defaultPrevented || w || p.pointerType !== "touch" && r({ type: "pointer.move" });
+        },
+        onPointerLeave() {
+          w || r({ type: "pointer.leave" });
+        },
+        onPointerCancel() {
+          w || r({ type: "pointer.leave" });
+        }
+      });
+    },
+    getArrowProps() {
+      return o.element({
+        id: gt(c),
+        ...D.arrow.attrs,
+        dir: d("dir"),
+        style: C.arrow
+      });
+    },
+    getArrowTipProps() {
+      return o.element({
+        ...D.arrowTip.attrs,
+        dir: d("dir"),
+        style: C.arrowTip
+      });
+    },
+    getPositionerProps() {
+      return o.element({
+        id: be(c),
+        ...D.positioner.attrs,
+        dir: d("dir"),
+        style: C.floating
+      });
+    },
+    getContentProps() {
+      return o.element({
+        ...D.content.attrs,
+        dir: d("dir"),
+        hidden: !u,
+        "data-state": u ? "open" : "closed",
+        role: g ? void 0 : "tooltip",
+        id: g ? void 0 : m,
+        "data-placement": n.get("currentPlacement"),
+        onPointerEnter() {
+          r({ type: "content.pointer.move" });
+        },
+        onPointerLeave() {
+          r({ type: "content.pointer.leave" });
+        },
+        style: {
+          pointerEvents: d("interactive") ? "auto" : "none"
+        }
+      });
+    }
+  };
+}
+var { and: yt, not: se } = ze(), mt = Be({
+  initialState: ({ prop: e }) => e("open") || e("defaultOpen") ? "open" : "closed",
+  props({ props: e }) {
+    return {
+      id: "x",
+      openDelay: 1e3,
+      closeDelay: 500,
+      closeOnPointerDown: !0,
+      closeOnEscape: !0,
+      interactive: !1,
+      closeOnScroll: !0,
+      closeOnClick: !0,
+      disabled: !1,
+      ...e,
+      positioning: {
+        placement: "bottom",
+        ...e.positioning
+      }
+    };
+  },
+  effects: ["trackFocusVisible", "trackStore"],
+  context: ({ bindable: e }) => ({
+    currentPlacement: e(() => ({ defaultValue: void 0 })),
+    hasPointerMoveOpened: e(() => ({ defaultValue: !1 }))
+  }),
+  watch({ track: e, action: o, prop: t }) {
+    e([() => t("disabled")], () => {
+      o(["closeIfDisabled"]);
+    }), e([() => t("open")], () => {
+      o(["toggleVisibility"]);
+    });
+  },
+  states: {
+    closed: {
+      entry: ["clearGlobalId"],
+      on: {
+        "controlled.open": {
+          target: "open"
+        },
+        open: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["invokeOnOpen"]
+          }
+        ],
+        "pointer.leave": {
+          actions: ["clearPointerMoveOpened"]
+        },
+        "pointer.move": [
+          {
+            guard: yt("noVisibleTooltip", se("hasPointerMoveOpened")),
+            target: "opening"
+          },
+          {
+            guard: se("hasPointerMoveOpened"),
+            target: "open",
+            actions: ["setPointerMoveOpened", "invokeOnOpen"]
+          }
+        ]
+      }
+    },
+    opening: {
+      effects: ["trackScroll", "trackPointerlockChange", "waitForOpenDelay"],
+      on: {
+        "after.openDelay": [
+          {
+            guard: "isOpenControlled",
+            actions: ["setPointerMoveOpened", "invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["setPointerMoveOpened", "invokeOnOpen"]
+          }
+        ],
+        "controlled.open": {
+          target: "open"
+        },
+        "controlled.close": {
+          target: "closed"
+        },
+        open: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["invokeOnOpen"]
+          }
+        ],
+        "pointer.leave": [
+          {
+            guard: "isOpenControlled",
+            // We trigger toggleVisibility manually since the `ctx.open` has not changed yet (at this point)
+            actions: ["clearPointerMoveOpened", "invokeOnClose", "toggleVisibility"]
+          },
+          {
+            target: "closed",
+            actions: ["clearPointerMoveOpened", "invokeOnClose"]
+          }
+        ],
+        close: [
+          {
+            guard: "isOpenControlled",
+            // We trigger toggleVisibility manually since the `ctx.open` has not changed yet (at this point)
+            actions: ["invokeOnClose", "toggleVisibility"]
+          },
+          {
+            target: "closed",
+            actions: ["invokeOnClose"]
+          }
+        ]
+      }
+    },
+    open: {
+      effects: ["trackEscapeKey", "trackScroll", "trackPointerlockChange", "trackPositioning"],
+      entry: ["setGlobalId"],
+      on: {
+        "controlled.close": {
+          target: "closed"
+        },
+        close: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        "pointer.leave": [
+          {
+            guard: "isVisible",
+            target: "closing",
+            actions: ["clearPointerMoveOpened"]
+          },
+          // == group ==
+          {
+            guard: "isOpenControlled",
+            actions: ["clearPointerMoveOpened", "invokeOnClose"]
+          },
+          {
+            target: "closed",
+            actions: ["clearPointerMoveOpened", "invokeOnClose"]
+          }
+        ],
+        "content.pointer.leave": {
+          guard: "isInteractive",
+          target: "closing"
+        },
+        "positioning.set": {
+          actions: ["reposition"]
+        }
+      }
+    },
+    closing: {
+      effects: ["trackPositioning", "waitForCloseDelay"],
+      on: {
+        "after.closeDelay": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        "controlled.close": {
+          target: "closed"
+        },
+        "controlled.open": {
+          target: "open"
+        },
+        close: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        "pointer.move": [
+          {
+            guard: "isOpenControlled",
+            // We trigger toggleVisibility manually since the `ctx.open` has not changed yet (at this point)
+            actions: ["setPointerMoveOpened", "invokeOnOpen", "toggleVisibility"]
+          },
+          {
+            target: "open",
+            actions: ["setPointerMoveOpened", "invokeOnOpen"]
+          }
+        ],
+        "content.pointer.move": {
+          guard: "isInteractive",
+          target: "open"
+        },
+        "positioning.set": {
+          actions: ["reposition"]
+        }
+      }
+    }
+  },
+  implementations: {
+    guards: {
+      noVisibleTooltip: () => h.id === null,
+      isVisible: ({ prop: e }) => e("id") === h.id,
+      isInteractive: ({ prop: e }) => !!e("interactive"),
+      hasPointerMoveOpened: ({ context: e }) => e.get("hasPointerMoveOpened"),
+      isOpenControlled: ({ prop: e }) => e("open") !== void 0
+    },
+    actions: {
+      setGlobalId: ({ prop: e }) => {
+        h.id = e("id");
+      },
+      clearGlobalId: ({ prop: e }) => {
+        e("id") === h.id && (h.id = null);
+      },
+      invokeOnOpen: ({ prop: e }) => {
+        e("onOpenChange")?.({ open: !0 });
+      },
+      invokeOnClose: ({ prop: e }) => {
+        e("onOpenChange")?.({ open: !1 });
+      },
+      closeIfDisabled: ({ prop: e, send: o }) => {
+        e("disabled") && o({ type: "close", src: "disabled.change" });
+      },
+      reposition: ({ context: e, event: o, prop: t, scope: n }) => {
+        if (o.type !== "positioning.set") return;
+        const r = () => re(n);
+        return ee(z(n), r, {
+          ...t("positioning"),
+          ...o.options,
+          defer: !0,
+          listeners: !1,
+          onComplete(c) {
+            e.set("currentPlacement", c.placement);
+          }
+        });
+      },
+      toggleVisibility: ({ prop: e, event: o, send: t }) => {
+        queueMicrotask(() => {
+          t({
+            type: e("open") ? "controlled.open" : "controlled.close",
+            previousEvent: o
+          });
+        });
+      },
+      setPointerMoveOpened: ({ context: e }) => {
+        e.set("hasPointerMoveOpened", !0);
+      },
+      clearPointerMoveOpened: ({ context: e }) => {
+        e.set("hasPointerMoveOpened", !1);
+      }
+    },
+    effects: {
+      trackFocusVisible: ({ scope: e }) => Ze({ root: e.getRootNode?.() }),
+      trackPositioning: ({ context: e, prop: o, scope: t }) => {
+        e.get("currentPlacement") || e.set("currentPlacement", o("positioning").placement);
+        const n = () => re(t);
+        return ee(z(t), n, {
+          ...o("positioning"),
+          defer: !0,
+          onComplete(r) {
+            e.set("currentPlacement", r.placement);
+          }
+        });
+      },
+      trackPointerlockChange: ({ send: e, scope: o }) => {
+        const t = o.getDoc();
+        return B(t, "pointerlockchange", () => e({ type: "close", src: "pointerlock:change" }), !1);
+      },
+      trackScroll: ({ send: e, prop: o, scope: t }) => {
+        if (!o("closeOnScroll")) return;
+        const n = z(t);
+        if (!n) return;
+        const c = Ge(n).map((d) => B(d, "scroll", () => {
+          e({ type: "close", src: "scroll" });
+        }, {
+          passive: !0,
+          capture: !0
+        }));
+        return () => {
+          c.forEach((d) => d?.());
+        };
+      },
+      trackStore: ({ prop: e, send: o }) => {
+        let t;
+        return queueMicrotask(() => {
+          t = dt(h, () => {
+            h.id !== e("id") && o({ type: "close", src: "id.change" });
+          });
+        }), () => t?.();
+      },
+      trackEscapeKey: ({ send: e, prop: o }) => o("closeOnEscape") ? B(document, "keydown", (n) => {
+        Ue(n) || n.key === "Escape" && (n.stopPropagation(), e({ type: "close", src: "keydown.escape" }));
+      }, !0) : void 0,
+      waitForOpenDelay: ({ send: e, prop: o }) => {
+        const t = setTimeout(() => {
+          e({ type: "after.openDelay" });
+        }, o("openDelay"));
+        return () => clearTimeout(t);
+      },
+      waitForCloseDelay: ({ send: e, prop: o }) => {
+        const t = setTimeout(() => {
+          e({ type: "after.closeDelay" });
+        }, o("closeDelay"));
+        return () => clearTimeout(t);
+      }
+    }
+  }
+});
+je()([
+  "aria-label",
+  "closeDelay",
+  "closeOnEscape",
+  "closeOnPointerDown",
+  "closeOnScroll",
+  "closeOnClick",
+  "dir",
+  "disabled",
+  "getRootNode",
+  "id",
+  "ids",
+  "interactive",
+  "onOpenChange",
+  "defaultOpen",
+  "open",
+  "openDelay",
+  "positioning"
+]);
+const Pt = (e) => {
+  const o = Le(), { getRootNode: t } = Ve(), { dir: n } = Re(), r = {
+    id: o,
+    dir: n,
+    getRootNode: t,
+    ...e
+  }, c = _e(mt, r);
+  return vt(c, Ie);
+}, Ot = (e) => {
+  const [o, { children: t, ...n }] = ae(e), r = Pt(n), c = le(E({ present: r.open }, o));
+  return /* @__PURE__ */ f.jsx(pe, { value: r, children: /* @__PURE__ */ f.jsx(ce, { value: c, children: t }) });
+}, wt = (e) => {
+  const [o, { value: t, children: n }] = ae(e), r = le(E({ present: t.open }, o));
+  return /* @__PURE__ */ f.jsx(pe, { value: t, children: /* @__PURE__ */ f.jsx(ce, { value: r, children: n }) });
+}, ke = L((e, o) => {
+  const t = R(), n = E(t.getTriggerProps(), e);
+  return /* @__PURE__ */ f.jsx(V.button, { ...n, ref: o });
+});
+ke.displayName = "TooltipTrigger";
+const {
+  withRootProvider: Ee,
+  withContext: _
+} = Ne({ key: "tooltip" });
+Ee(
+  wt
+);
+const ht = Ee(Ot, {
+  defaultProps: { lazyMount: !0, unmountOnExit: !0 }
+}), bt = _(ke, "trigger", { forwardAsChild: !0 }), kt = _(ve, "positioner", { forwardAsChild: !0 }), Et = _(
+  ge,
+  "content",
+  { forwardAsChild: !0 }
+), Te = _(fe, "arrowTip", { forwardAsChild: !0 }), Tt = _(
+  ue,
+  "arrow",
+  { forwardAsChild: !0, defaultProps: { children: /* @__PURE__ */ f.jsx(Te, {}) } }
+), Ct = L(
+  (e, o) => {
+    const {
+      children: t,
+      disabled: n = !1,
+      openDelay: r = 350,
+      placement: c = "top",
+      positioning: d,
+      portalled: a = !0,
+      label: y,
+      ...g
+    } = e;
+    return t ? n ? t : /* @__PURE__ */ f.jsxs(
+      ht,
+      {
+        positioning: {
+          ...d,
+          placement: d?.placement || c
+        },
+        openDelay: r,
+        ...g,
+        children: [
+          /* @__PURE__ */ f.jsx(
+            bt,
+            {
+              className: "Tooltip__Trigger",
+              "data-testid": "kibble-tooltip-trigger",
+              display: "inline-block",
+              asChild: !0,
+              children: t
+            }
+          ),
+          /* @__PURE__ */ f.jsx(xe, { disabled: !a, children: /* @__PURE__ */ f.jsx(kt, { className: "Tooltip", "data-testid": "kibble-tooltip", children: /* @__PURE__ */ f.jsxs(
+            Et,
+            {
+              className: "Tooltip__Content",
+              "data-testid": "kibble-tooltip-content",
+              ref: o,
+              fontSize: "sm",
+              p: 2,
+              color: "text.contrast",
+              css: { "--tooltip-bg": "colors.background.overlay.contrast" },
+              zIndex: "tooltipExtra",
+              children: [
+                /* @__PURE__ */ f.jsx(
+                  Tt,
+                  {
+                    className: "Tooltip__Arrow",
+                    "data-testid": "kibble-tooltip-arrow",
+                    css: { "--arrow-size": "10px" },
+                    children: /* @__PURE__ */ f.jsx(Te, {})
+                  }
+                ),
+                y
+              ]
+            }
+          ) }) })
+        ]
+      }
+    ) : /* @__PURE__ */ f.jsx(f.Fragment, {});
+  }
+);
+Ct.displayName = "Tooltip";
+export {
+  Ct as T,
+  ut as a,
+  q as i,
+  Ze as t
+};
+//# sourceMappingURL=tooltip.component-Cf_csr_d.js.map