@televet/kibble-ui 4.0.0-beta.68 → 4.0.0-beta.69

package/dist/chunks/{tooltip.component-C5FgUWfB.js → tooltip.component-OLohVRIH.js}

@@ -1,18 +1,41 @@
 import { j as f } from "./jsx-runtime-C5mzlN2N.js";
-import * as Le from "react";
-import { forwardRef as j, useId as Se } from "react";
-import { c as De, f as R, u as ie, h as Ae, g as ee, d as je, b as Re, i as Ve, j as Ie, k as Fe, n as _e, s as ae, l as ce, m as le, P as Ne } from "./portal-C7cdrplU.js";
-import { c as xe } from "./create-slot-recipe-context-BJmsuxih.js";
-import { Z as A, a2 as Z, au as Ke, D as de, av as $e, Y as k, c as We, y as Be, R as B, aw as Ge, b as ze, d as qe, m as He } from "./index-c2eCwOCU.js";
-function Ue(e) {
-  return !(e.metaKey || !$e() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
+import { forwardRef as L, useId as Le, createContext as De, useContext as Se } from "react";
+import { c as Ae, f as R, u as ie, h as je, g as ee, d as Re, b as Ve, i as _e, j as Ie, k as xe, n as Ne, s as ae, l as le, m as ce, P as Fe } from "./use-locale-context-D-agiW5E.js";
+import { c as Ke } from "./create-slot-recipe-context-BJmsuxih.js";
+import { Y as E, Z as j, a2 as Z, au as $e, D as de, av as We, c as Be, y as Ge, R as B, aw as ze, b as qe, d as He, m as Ue } from "./index-CYk-7wwG.js";
+const [pe, V] = Ae({
+  name: "TooltipContext",
+  hookName: "useTooltipContext",
+  providerName: "<TooltipProvider />"
+}), ue = L((e, t) => {
+  const o = V(), n = E(o.getArrowProps(), e);
+  return /* @__PURE__ */ f.jsx(R.div, { ...n, ref: t });
+});
+ue.displayName = "TooltipArrow";
+const fe = L((e, t) => {
+  const o = V(), n = E(o.getArrowTipProps(), e);
+  return /* @__PURE__ */ f.jsx(R.div, { ...n, ref: t });
+});
+fe.displayName = "TooltipArrowTip";
+const ge = L((e, t) => {
+  const o = V(), n = ie(), r = E(o.getContentProps(), n.getPresenceProps(), e);
+  return n.unmounted ? null : /* @__PURE__ */ f.jsx(R.div, { ...r, ref: je(n.ref, t) });
+});
+ge.displayName = "TooltipContent";
+const ve = L((e, t) => {
+  const o = V(), n = E(o.getPositionerProps(), e);
+  return ie().unmounted ? null : /* @__PURE__ */ f.jsx(R.div, { ...n, ref: t });
+});
+ve.displayName = "TooltipPositioner";
+function Ye(e) {
+  return !(e.metaKey || !We() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
 }
-var Ye = /* @__PURE__ */ new Set(["checkbox", "radio", "range", "color", "file", "image", "button", "submit", "reset"]);
-function Ze(e, t, o) {
-  const n = o ? de(o) : null, r = A(n);
-  return e = e || n instanceof r.HTMLInputElement && !Ye.has(n?.type) || n instanceof r.HTMLTextAreaElement || n instanceof r.HTMLElement && n.isContentEditable, !(e && t === "keyboard" && o instanceof r.KeyboardEvent && !Reflect.has(Je, o.key));
+var Ze = /* @__PURE__ */ new Set(["checkbox", "radio", "range", "color", "file", "image", "button", "submit", "reset"]);
+function Je(e, t, o) {
+  const n = o ? de(o) : null, r = j(n);
+  return e = e || n instanceof r.HTMLInputElement && !Ze.has(n?.type) || n instanceof r.HTMLTextAreaElement || n instanceof r.HTMLElement && n.isContentEditable, !(e && t === "keyboard" && o instanceof r.KeyboardEvent && !Reflect.has(Qe, o.key));
 }
-var T = null, z = /* @__PURE__ */ new Set(), D = /* @__PURE__ */ new Map(), b = !1, q = !1, Je = {
+var T = null, z = /* @__PURE__ */ new Set(), A = /* @__PURE__ */ new Map(), k = !1, q = !1, Qe = {
   Tab: !0,
   Escape: !0
 };
@@ -20,145 +43,145 @@ function $(e, t) {
   for (let o of z)
     o(e, t);
 }
-function x(e) {
-  b = !0, Ue(e) && (T = "keyboard", $("keyboard", e));
+function F(e) {
+  k = !0, Ye(e) && (T = "keyboard", $("keyboard", e));
 }
 function P(e) {
-  T = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (b = !0, $("pointer", e));
+  T = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (k = !0, $("pointer", e));
 }
-function pe(e) {
-  Ke(e) && (b = !0, T = "virtual");
+function ye(e) {
+  $e(e) && (k = !0, T = "virtual");
 }
-function ue(e) {
+function me(e) {
   const t = de(e);
-  t === A(t) || t === Z(t) || (!b && !q && (T = "virtual", $("virtual", e)), b = !1, q = !1);
+  t === j(t) || t === Z(t) || (!k && !q && (T = "virtual", $("virtual", e)), k = !1, q = !1);
 }
-function fe() {
-  b = !1, q = !0;
+function Pe() {
+  k = !1, q = !0;
 }
-function Qe(e) {
-  if (typeof window > "u" || D.get(A(e)))
+function Xe(e) {
+  if (typeof window > "u" || A.get(j(e)))
     return;
-  const t = A(e), o = Z(e);
+  const t = j(e), o = Z(e);
   let n = t.HTMLElement.prototype.focus;
   t.HTMLElement.prototype.focus = function() {
-    T = "virtual", $("virtual", null), b = !0, n.apply(this, arguments);
-  }, o.addEventListener("keydown", x, !0), o.addEventListener("keyup", x, !0), o.addEventListener("click", pe, !0), t.addEventListener("focus", ue, !0), t.addEventListener("blur", fe, !1), typeof t.PointerEvent < "u" ? (o.addEventListener("pointerdown", P, !0), o.addEventListener("pointermove", P, !0), o.addEventListener("pointerup", P, !0)) : (o.addEventListener("mousedown", P, !0), o.addEventListener("mousemove", P, !0), o.addEventListener("mouseup", P, !0)), t.addEventListener(
+    T = "virtual", $("virtual", null), k = !0, n.apply(this, arguments);
+  }, o.addEventListener("keydown", F, !0), o.addEventListener("keyup", F, !0), o.addEventListener("click", ye, !0), t.addEventListener("focus", me, !0), t.addEventListener("blur", Pe, !1), typeof t.PointerEvent < "u" ? (o.addEventListener("pointerdown", P, !0), o.addEventListener("pointermove", P, !0), o.addEventListener("pointerup", P, !0)) : (o.addEventListener("mousedown", P, !0), o.addEventListener("mousemove", P, !0), o.addEventListener("mouseup", P, !0)), t.addEventListener(
     "beforeunload",
     () => {
-      Xe(e);
+      et(e);
     },
     { once: !0 }
-  ), D.set(t, { focus: n });
+  ), A.set(t, { focus: n });
 }
-var Xe = (e, t) => {
-  const o = A(e), n = Z(e);
-  D.has(o) && (o.HTMLElement.prototype.focus = D.get(o).focus, n.removeEventListener("keydown", x, !0), n.removeEventListener("keyup", x, !0), n.removeEventListener("click", pe, !0), o.removeEventListener("focus", ue, !0), o.removeEventListener("blur", fe, !1), typeof o.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)), D.delete(o));
+var et = (e, t) => {
+  const o = j(e), n = Z(e);
+  A.has(o) && (o.HTMLElement.prototype.focus = A.get(o).focus, n.removeEventListener("keydown", F, !0), n.removeEventListener("keyup", F, !0), n.removeEventListener("click", ye, !0), o.removeEventListener("focus", me, !0), o.removeEventListener("blur", Pe, !1), typeof o.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(o));
 };
 function H() {
   return T === "keyboard";
 }
-function et(e = {}) {
+function tt(e = {}) {
   const { isTextInput: t, autoFocus: o, onChange: n, root: r } = e;
-  Qe(r), n?.({ isFocusVisible: o || H(), modality: T });
-  const l = (p, a) => {
-    Ze(!!t, p, a) && n?.({ isFocusVisible: H(), modality: p });
+  Xe(r), n?.({ isFocusVisible: o || H(), modality: T });
+  const c = (p, a) => {
+    Je(!!t, p, a) && n?.({ isFocusVisible: H(), modality: p });
   };
-  return z.add(l), () => {
-    z.delete(l);
+  return z.add(c), () => {
+    z.delete(c);
   };
 }
-const tt = Symbol(), te = Object.getPrototypeOf, U = /* @__PURE__ */ new WeakMap(), ot = (e) => e && (U.has(e) ? U.get(e) : te(e) === Object.prototype || te(e) === Array.prototype), nt = (e) => ot(e) && e[tt] || null, oe = (e, t = !0) => {
+const ot = Symbol(), te = Object.getPrototypeOf, U = /* @__PURE__ */ new WeakMap(), nt = (e) => e && (U.has(e) ? U.get(e) : te(e) === Object.prototype || te(e) === Array.prototype), rt = (e) => nt(e) && e[ot] || null, oe = (e, t = !0) => {
   U.set(e, t);
 };
-function rt() {
+function st() {
   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 ge(e, t) {
-  const o = rt();
+function Oe(e, t) {
+  const o = st();
   return o ? (o[e] || (o[e] = t()), o[e]) : t();
 }
-var N = ge("__zag__refSet", () => /* @__PURE__ */ new WeakSet()), st = (e) => typeof e == "object" && e !== null && "$$typeof" in e && "props" in e, it = (e) => typeof e == "object" && e !== null && "__v_isVNode" in e, at = (e) => typeof e == "object" && e !== null && "nodeType" in e && typeof e.nodeName == "string", ct = (e) => st(e) || it(e) || at(e), Y = (e) => e !== null && typeof e == "object", ne = (e) => Y(e) && !N.has(e) && (Array.isArray(e) || !(Symbol.iterator in e)) && !ct(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", E = ge("__zag__proxyStateMap", () => /* @__PURE__ */ new WeakMap()), lt = (e = Object.is, t = (a, y) => new Proxy(a, y), o = /* @__PURE__ */ new WeakMap(), n = (a, y) => {
+var N = Oe("__zag__refSet", () => /* @__PURE__ */ new WeakSet()), it = (e) => typeof e == "object" && e !== null && "$$typeof" in e && "props" in e, at = (e) => typeof e == "object" && e !== null && "__v_isVNode" in e, lt = (e) => typeof e == "object" && e !== null && "nodeType" in e && typeof e.nodeName == "string", ct = (e) => it(e) || at(e) || lt(e), Y = (e) => e !== null && typeof e == "object", ne = (e) => Y(e) && !N.has(e) && (Array.isArray(e) || !(Symbol.iterator in e)) && !ct(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()), dt = (e = Object.is, t = (a, y) => new Proxy(a, y), o = /* @__PURE__ */ new WeakMap(), n = (a, y) => {
   const g = o.get(a);
   if (g?.[0] === y)
     return g[1];
   const u = Array.isArray(a) ? [] : Object.create(Object.getPrototypeOf(a));
   return oe(u, !0), o.set(a, [y, u]), Reflect.ownKeys(a).forEach((O) => {
     const m = Reflect.get(a, O);
-    N.has(m) ? (oe(m, !1), u[O] = m) : E.has(m) ? u[O] = ut(m) : u[O] = m;
+    N.has(m) ? (oe(m, !1), u[O] = m) : b.has(m) ? u[O] = ft(m) : u[O] = m;
   }), Object.freeze(u);
-}, r = /* @__PURE__ */ new WeakMap(), l = [1, 1], p = (a) => {
+}, r = /* @__PURE__ */ new WeakMap(), c = [1, 1], p = (a) => {
   if (!Y(a))
     throw new Error("object required");
   const y = r.get(a);
   if (y)
     return y;
-  let g = l[0];
-  const u = /* @__PURE__ */ new Set(), O = (i, s = ++l[0]) => {
-    g !== s && (g = s, u.forEach((c) => c(i, s)));
+  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 = l[1];
-  const w = (i = ++l[1]) => (m !== i && !u.size && (m = i, d.forEach(([s]) => {
-    const c = s[1](i);
-    c > g && (g = c);
-  })), g), C = (i) => (s, c) => {
+  let m = c[1];
+  const w = (i = ++c[1]) => (m !== i && !u.size && (m = i, d.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, c);
+    v[1] = [i, ...v[1]], O(v, l);
   }, d = /* @__PURE__ */ new Map(), J = (i, s) => {
     if (K() && d.has(i))
       throw new Error("prop listener already exists");
     if (u.size) {
-      const c = s[3](C(i));
-      d.set(i, [s, c]);
+      const l = s[3](C(i));
+      d.set(i, [s, l]);
     } else
       d.set(i, [s]);
   }, Q = (i) => {
     const s = d.get(i);
     s && (d.delete(i), s[1]?.());
-  }, Ce = (i) => (u.add(i), u.size === 1 && d.forEach(([c, v], M) => {
+  }, Ce = (i) => (u.add(i), u.size === 1 && d.forEach(([l, v], M) => {
     if (K() && v)
       throw new Error("remove already exists");
-    const L = c[3](C(M));
-    d.set(M, [c, L]);
+    const D = l[3](C(M));
+    d.set(M, [l, D]);
   }), () => {
-    u.delete(i), u.size === 0 && d.forEach(([c, v], M) => {
-      v && (v(), d.set(M, [c]));
+    u.delete(i), u.size === 0 && d.forEach(([l, v], M) => {
+      v && (v(), d.set(M, [l]));
     });
-  }), W = Array.isArray(a) ? [] : Object.create(Object.getPrototypeOf(a)), F = t(W, {
+  }), W = Array.isArray(a) ? [] : Object.create(Object.getPrototypeOf(a)), I = t(W, {
     deleteProperty(i, s) {
-      const c = Reflect.get(i, s);
+      const l = Reflect.get(i, s);
       Q(s);
       const v = Reflect.deleteProperty(i, s);
-      return v && O(["delete", [s], c]), v;
+      return v && O(["delete", [s], l]), v;
     },
-    set(i, s, c, v) {
-      const M = Reflect.has(i, s), L = Reflect.get(i, s, v);
-      if (M && (e(L, c) || r.has(c) && e(L, r.get(c))))
+    set(i, s, l, v) {
+      const M = Reflect.has(i, s), D = Reflect.get(i, s, v);
+      if (M && (e(D, l) || r.has(l) && e(D, r.get(l))))
         return !0;
-      Q(s), Y(c) && (c = nt(c) || c);
-      let _ = c;
+      Q(s), Y(l) && (l = rt(l) || l);
+      let x = l;
       if (!Object.getOwnPropertyDescriptor(i, s)?.set) {
-        !E.has(c) && ne(c) && (_ = ve(c));
-        const X = !N.has(_) && E.get(_);
+        !b.has(l) && ne(l) && (x = we(l));
+        const X = !N.has(x) && b.get(x);
         X && J(s, X);
       }
-      return Reflect.set(i, s, _, v), O(["set", [s], c, L]), !0;
+      return Reflect.set(i, s, x, v), O(["set", [s], l, D]), !0;
     }
   });
-  r.set(a, F);
+  r.set(a, I);
   const Me = [W, w, n, Ce];
-  return E.set(F, Me), Reflect.ownKeys(a).forEach((i) => {
+  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) : F[i] = a[i];
-  }), F;
+    s.get || s.set ? Object.defineProperty(W, i, s) : I[i] = a[i];
+  }), I;
 }) => [
   // public functions
   p,
   // shared state
-  E,
+  b,
   N,
   // internal things
   e,
@@ -167,59 +190,35 @@ var N = ge("__zag__refSet", () => /* @__PURE__ */ new WeakSet()), st = (e) => ty
   o,
   n,
   r,
-  l
-], [dt] = lt();
-function ve(e = {}) {
-  return dt(e);
+  c
+], [pt] = dt();
+function we(e = {}) {
+  return pt(e);
 }
-function pt(e, t, o) {
-  const n = E.get(e);
+function ut(e, t, o) {
+  const n = b.get(e);
   K() && !n && console.warn("Please use proxy object");
   let r;
-  const l = [], p = n[3];
+  const c = [], p = n[3];
   let a = !1;
   const g = p((u) => {
-    l.push(u), r || (r = Promise.resolve().then(() => {
-      r = void 0, a && t(l.splice(0));
+    c.push(u), r || (r = Promise.resolve().then(() => {
+      r = void 0, a && t(c.splice(0));
     }));
   });
   return a = !0, () => {
     a = !1, g();
   };
 }
-function ut(e) {
-  const t = E.get(e);
+function ft(e) {
+  const t = b.get(e);
   K() && !t && console.warn("Please use proxy object");
   const [o, n, r] = t;
   return r(o, n());
 }
-const [ye, V] = De({
-  name: "TooltipContext",
-  hookName: "useTooltipContext",
-  providerName: "<TooltipProvider />"
-}), me = j((e, t) => {
-  const o = V(), n = k(o.getArrowProps(), e);
-  return /* @__PURE__ */ f.jsx(R.div, { ...n, ref: t });
-});
-me.displayName = "TooltipArrow";
-const Pe = j((e, t) => {
-  const o = V(), n = k(o.getArrowTipProps(), e);
-  return /* @__PURE__ */ f.jsx(R.div, { ...n, ref: t });
-});
-Pe.displayName = "TooltipArrowTip";
-const Oe = j((e, t) => {
-  const o = V(), n = ie(), r = k(o.getContentProps(), n.getPresenceProps(), e);
-  return n.unmounted ? null : /* @__PURE__ */ f.jsx(R.div, { ...r, ref: Ae(n.ref, t) });
-});
-Oe.displayName = "TooltipContent";
-const we = j((e, t) => {
-  const o = V(), n = k(o.getPositionerProps(), e);
-  return ie().unmounted ? null : /* @__PURE__ */ f.jsx(R.div, { ...n, ref: t });
-});
-we.displayName = "TooltipPositioner";
-var ft = ze("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content"), S = ft.build(), he = (e) => e.ids?.trigger ?? `tooltip:${e.id}:trigger`, gt = (e) => e.ids?.content ?? `tooltip:${e.id}:content`, vt = (e) => e.ids?.arrow ?? `tooltip:${e.id}:arrow`, Ee = (e) => e.ids?.positioner ?? `tooltip:${e.id}:popper`, G = (e) => e.getById(he(e)), re = (e) => e.getById(Ee(e)), h = ve({ id: null });
-function yt(e, t) {
-  const { state: o, context: n, send: r, scope: l, prop: p, event: a } = e, y = p("id"), g = !!p("aria-label"), u = o.matches("open", "closing"), O = he(l), m = gt(l), w = p("disabled"), C = je({
+var gt = qe("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content"), S = gt.build(), he = (e) => e.ids?.trigger ?? `tooltip:${e.id}:trigger`, vt = (e) => e.ids?.content ?? `tooltip:${e.id}:content`, yt = (e) => e.ids?.arrow ?? `tooltip:${e.id}:arrow`, be = (e) => e.ids?.positioner ?? `tooltip:${e.id}:popper`, G = (e) => e.getById(he(e)), re = (e) => e.getById(be(e)), h = we({ id: null });
+function mt(e, t) {
+  const { state: o, context: n, send: r, scope: c, prop: p, event: a } = e, y = p("id"), g = !!p("aria-label"), u = o.matches("open", "closing"), O = he(c), m = vt(c), w = p("disabled"), C = Re({
     ...p("positioning"),
     placement: n.get("currentPlacement")
   });
@@ -236,7 +235,7 @@ function yt(e, t) {
         ...S.trigger.attrs,
         id: O,
         dir: p("dir"),
-        "data-expanded": qe(u),
+        "data-expanded": He(u),
         "data-state": u ? "open" : "closed",
         "aria-describedby": u ? m : void 0,
         onClick(d) {
@@ -266,7 +265,7 @@ function yt(e, t) {
     },
     getArrowProps() {
       return t.element({
-        id: vt(l),
+        id: yt(c),
         ...S.arrow.attrs,
         dir: p("dir"),
         style: C.arrow
@@ -281,7 +280,7 @@ function yt(e, t) {
     },
     getPositionerProps() {
       return t.element({
-        id: Ee(l),
+        id: be(c),
         ...S.positioner.attrs,
         dir: p("dir"),
         style: C.floating
@@ -309,7 +308,7 @@ function yt(e, t) {
     }
   };
 }
-var { and: mt, not: se } = Be(), Pt = We({
+var { and: Pt, not: se } = Ge(), Ot = Be({
   initialState: ({ prop: e }) => e("open") || e("defaultOpen") ? "open" : "closed",
   props({ props: e }) {
     return {
@@ -363,7 +362,7 @@ var { and: mt, not: se } = Be(), Pt = We({
         },
         "pointer.move": [
           {
-            guard: mt("noVisibleTooltip", se("hasPointerMoveOpened")),
+            guard: Pt("noVisibleTooltip", se("hasPointerMoveOpened")),
             target: "opening"
           },
           {
@@ -551,8 +550,8 @@ var { and: mt, not: se } = Be(), Pt = We({
           ...t.options,
           defer: !0,
           listeners: !1,
-          onComplete(l) {
-            e.set("currentPlacement", l.placement);
+          onComplete(c) {
+            e.set("currentPlacement", c.placement);
           }
         });
       },
@@ -572,7 +571,7 @@ var { and: mt, not: se } = Be(), Pt = We({
       }
     },
     effects: {
-      trackFocusVisible: ({ scope: e }) => et({ root: e.getRootNode?.() }),
+      trackFocusVisible: ({ scope: e }) => tt({ root: e.getRootNode?.() }),
       trackPositioning: ({ context: e, prop: t, scope: o }) => {
         e.get("currentPlacement") || e.set("currentPlacement", t("positioning").placement);
         const n = () => re(o);
@@ -592,26 +591,26 @@ var { and: mt, not: se } = Be(), Pt = We({
         if (!t("closeOnScroll")) return;
         const n = G(o);
         if (!n) return;
-        const l = Ge(n).map((p) => B(p, "scroll", () => {
+        const c = ze(n).map((p) => B(p, "scroll", () => {
           e({ type: "close", src: "scroll" });
         }, {
           passive: !0,
           capture: !0
         }));
         return () => {
-          l.forEach((p) => p?.());
+          c.forEach((p) => p?.());
         };
       },
       trackStore: ({ prop: e, send: t }) => {
         let o;
         return queueMicrotask(() => {
-          o = pt(h, () => {
+          o = ut(h, () => {
             h.id !== e("id") && t({ type: "close", src: "id.change" });
           });
         }), () => o?.();
       },
       trackEscapeKey: ({ send: e, prop: t }) => t("closeOnEscape") ? B(document, "keydown", (n) => {
-        He(n) || n.key === "Escape" && (n.stopPropagation(), e({ type: "close", src: "keydown.escape" }));
+        Ue(n) || n.key === "Escape" && (n.stopPropagation(), e({ type: "close", src: "keydown.escape" }));
       }, !0) : void 0,
       waitForOpenDelay: ({ send: e, prop: t }) => {
         const o = setTimeout(() => {
@@ -628,7 +627,7 @@ var { and: mt, not: se } = Be(), Pt = We({
     }
   }
 });
-Re()([
+Ve()([
   "aria-label",
   "closeDelay",
   "closeOnEscape",
@@ -647,67 +646,110 @@ Re()([
   "openDelay",
   "positioning"
 ]);
-const Ot = (e) => {
-  const t = Se(), { getRootNode: o } = Ve(), { dir: n } = Ie(), r = {
+const wt = (e) => {
+  const t = Le(), { getRootNode: o } = _e(), { dir: n } = Ie(), r = {
     id: t,
     dir: n,
     getRootNode: o,
     ...e
-  }, l = Fe(Pt, r);
-  return yt(l, _e);
-}, wt = (e) => {
-  const [t, { children: o, ...n }] = ae(e), r = Ot(n), l = ce(k({ present: r.open }, t));
-  return /* @__PURE__ */ f.jsx(ye, { value: r, children: /* @__PURE__ */ f.jsx(le, { value: l, children: o }) });
+  }, c = xe(Ot, r);
+  return mt(c, Ne);
 }, ht = (e) => {
-  const [t, { value: o, children: n }] = ae(e), r = ce(k({ present: o.open }, t));
-  return /* @__PURE__ */ f.jsx(ye, { value: o, children: /* @__PURE__ */ f.jsx(le, { value: r, children: n }) });
-}, be = j((e, t) => {
-  const o = V(), n = k(o.getTriggerProps(), e);
+  const [t, { children: o, ...n }] = ae(e), r = wt(n), c = le(E({ present: r.open }, t));
+  return /* @__PURE__ */ f.jsx(pe, { value: r, children: /* @__PURE__ */ f.jsx(ce, { value: c, children: o }) });
+}, bt = (e) => {
+  const [t, { value: o, children: n }] = ae(e), r = le(E({ present: o.open }, t));
+  return /* @__PURE__ */ f.jsx(pe, { value: o, children: /* @__PURE__ */ f.jsx(ce, { value: r, children: n }) });
+}, ke = L((e, t) => {
+  const o = V(), n = E(o.getTriggerProps(), e);
   return /* @__PURE__ */ f.jsx(R.button, { ...n, ref: t });
 });
-be.displayName = "TooltipTrigger";
+ke.displayName = "TooltipTrigger";
 const {
-  withRootProvider: ke,
-  withContext: I
-} = xe({ key: "tooltip" });
-ke(
-  ht
+  withRootProvider: Ee,
+  withContext: _
+} = Ke({ key: "tooltip" });
+Ee(
+  bt
 );
-const Et = ke(wt, {
+const kt = Ee(ht, {
   defaultProps: { lazyMount: !0, unmountOnExit: !0 }
-}), bt = I(be, "trigger", { forwardAsChild: !0 }), kt = I(we, "positioner", { forwardAsChild: !0 }), Tt = I(
-  Oe,
+}), Et = _(ke, "trigger", { forwardAsChild: !0 }), Tt = _(ve, "positioner", { forwardAsChild: !0 }), Ct = _(
+  ge,
   "content",
   { forwardAsChild: !0 }
-), Te = I(Pe, "arrowTip", { forwardAsChild: !0 }), Ct = I(
-  me,
+), Te = _(fe, "arrowTip", { forwardAsChild: !0 }), Mt = _(
+  ue,
   "arrow",
   { forwardAsChild: !0, defaultProps: { children: /* @__PURE__ */ f.jsx(Te, {}) } }
-), Rt = Le.forwardRef(
-  function(t, o) {
-    const {
-      showArrow: n = !0,
-      children: r,
-      disabled: l,
-      portalled: p = !0,
-      label: a,
-      contentProps: y,
-      portalRef: g,
+), Lt = De(
+  void 0
+), Dt = () => {
+  const e = Se(Lt);
+  return e === void 0 ? { contentRef: null } : e;
+}, St = L(
+  (e, t) => {
+    const { contentRef: o } = Dt(), {
+      children: n,
+      disabled: r = !1,
+      openDelay: c = 350,
+      placement: p = "top",
+      positioning: a,
+      portalled: y = !0,
+      label: g,
       ...u
-    } = t;
-    return l ? r : /* @__PURE__ */ f.jsxs(Et, { ...u, children: [
-      /* @__PURE__ */ f.jsx(bt, { asChild: !0, children: r }),
-      /* @__PURE__ */ f.jsx(Ne, { disabled: !p, container: g, children: /* @__PURE__ */ f.jsx(kt, { children: /* @__PURE__ */ f.jsxs(Tt, { ref: o, ...y, children: [
-        n && /* @__PURE__ */ f.jsx(Ct, { children: /* @__PURE__ */ f.jsx(Te, {}) }),
-        a
-      ] }) }) })
-    ] });
+    } = e;
+    return n ? r ? n : /* @__PURE__ */ f.jsxs(
+      kt,
+      {
+        open: !0,
+        positioning: {
+          ...a,
+          placement: a?.placement || p
+        },
+        openDelay: c,
+        ...u,
+        children: [
+          /* @__PURE__ */ f.jsx(
+            Et,
+            {
+              asChild: !0,
+              className: "Tooltip__Trigger",
+              "data-testid": "kibble-tooltip-trigger",
+              children: n
+            }
+          ),
+          /* @__PURE__ */ f.jsx(Fe, { disabled: !y, container: o || void 0, children: /* @__PURE__ */ f.jsx(Tt, { className: "Tooltip", "data-testid": "kibble-tooltip", children: /* @__PURE__ */ f.jsxs(
+            Ct,
+            {
+              className: "Tooltip__Content",
+              "data-testid": "kibble-tooltip-content",
+              ref: t,
+              children: [
+                /* @__PURE__ */ f.jsx(
+                  Mt,
+                  {
+                    className: "Tooltip__Arrow",
+                    "data-testid": "kibble-tooltip-arrow",
+                    children: /* @__PURE__ */ f.jsx(Te, {})
+                  }
+                ),
+                g
+              ]
+            }
+          ) }) })
+        ]
+      }
+    ) : /* @__PURE__ */ f.jsx(f.Fragment, {});
   }
 );
+St.displayName = "Tooltip";
 export {
-  Rt as T,
-  ft as a,
+  Lt as M,
+  St as T,
+  gt as a,
   H as i,
-  et as t
+  tt as t,
+  Dt as u
 };
-//# sourceMappingURL=tooltip.component-C5FgUWfB.js.map
+//# sourceMappingURL=tooltip.component-OLohVRIH.js.map