@spear-ai/spectral 1.4.5 → 1.4.6

package/dist/Tooltip.js

@@ -1,93 +1,94 @@
 "use client";
 import "./styles/main.css";
-import { jsx as u, jsxs as H } from "react/jsx-runtime";
+import { jsx as d, jsxs as S } from "react/jsx-runtime";
 import * as a from "react";
-import { c as K, u as W, a as S, P as J, b as C, f as Q } from "./index-BhufZRa2.js";
-import { P as Z, D as ee } from "./index-B2oBi8ng.js";
-import { u as te } from "./index-CVSxKOPp.js";
-import { c as G, R as oe, a as re, A as ne, C as ae } from "./index-NzygPVvJ.js";
-import { P as j } from "./index-6Abv_Flm.js";
-import { R as se } from "./index-CGALWSq_.js";
-import { cn as ie } from "./utils/twUtils.js";
-var [O] = K("Tooltip", [
-  G
-]), D = G(), F = "TooltipProvider", le = 700, A = "tooltip.open", [ce, k] = O(F), z = (e) => {
+import { c as J, u as Q, a as G, P as Z, b as T, f as ee } from "./index-BhufZRa2.js";
+import { P as te, D as oe } from "./index-B2oBi8ng.js";
+import { u as re } from "./index-CVSxKOPp.js";
+import { c as j, R as ne, a as ae, A as se, C as ie } from "./index-NzygPVvJ.js";
+import { P as V } from "./index-6Abv_Flm.js";
+import { R as le } from "./index-CGALWSq_.js";
+import { cn as H } from "./utils/twUtils.js";
+import { c as F } from "./index-D29mdTf5.js";
+var [O] = J("Tooltip", [
+  j
+]), A = j(), z = "TooltipProvider", ce = 700, D = "tooltip.open", [de, k] = O(z), $ = (e) => {
   const {
     __scopeTooltip: o,
-    delayDuration: t = le,
+    delayDuration: t = ce,
     skipDelayDuration: r = 300,
     disableHoverableContent: n = !1,
     children: l
-  } = e, i = a.useRef(!0), v = a.useRef(!1), s = a.useRef(0);
+  } = e, s = a.useRef(!0), v = a.useRef(!1), i = a.useRef(0);
   return a.useEffect(() => {
-    const d = s.current;
-    return () => window.clearTimeout(d);
-  }, []), /* @__PURE__ */ u(
-    ce,
+    const p = i.current;
+    return () => window.clearTimeout(p);
+  }, []), /* @__PURE__ */ d(
+    de,
     {
       scope: o,
-      isOpenDelayedRef: i,
+      isOpenDelayedRef: s,
       delayDuration: t,
       onOpen: a.useCallback(() => {
-        window.clearTimeout(s.current), i.current = !1;
+        window.clearTimeout(i.current), s.current = !1;
       }, []),
       onClose: a.useCallback(() => {
-        window.clearTimeout(s.current), s.current = window.setTimeout(
-          () => i.current = !0,
+        window.clearTimeout(i.current), i.current = window.setTimeout(
+          () => s.current = !0,
           r
         );
       }, [r]),
       isPointerInTransitRef: v,
-      onPointerInTransitChange: a.useCallback((d) => {
-        v.current = d;
+      onPointerInTransitChange: a.useCallback((p) => {
+        v.current = p;
       }, []),
       disableHoverableContent: n,
       children: l
     }
   );
 };
-z.displayName = F;
-var R = "Tooltip", [ue, _] = O(R), $ = (e) => {
+$.displayName = z;
+var R = "Tooltip", [ue, _] = O(R), B = (e) => {
   const {
     __scopeTooltip: o,
     children: t,
     open: r,
     defaultOpen: n,
     onOpenChange: l,
-    disableHoverableContent: i,
+    disableHoverableContent: s,
     delayDuration: v
-  } = e, s = k(R, e.__scopeTooltip), d = D(o), [c, f] = a.useState(null), h = te(), p = a.useRef(0), m = i ?? s.disableHoverableContent, T = v ?? s.delayDuration, g = a.useRef(!1), [y, x] = W({
+  } = e, i = k(R, e.__scopeTooltip), p = A(o), [c, f] = a.useState(null), h = re(), u = a.useRef(0), m = s ?? i.disableHoverableContent, x = v ?? i.delayDuration, g = a.useRef(!1), [b, y] = Q({
     prop: r,
     defaultProp: n ?? !1,
-    onChange: (N) => {
-      N ? (s.onOpen(), document.dispatchEvent(new CustomEvent(A))) : s.onClose(), l?.(N);
+    onChange: (I) => {
+      I ? (i.onOpen(), document.dispatchEvent(new CustomEvent(D))) : i.onClose(), l?.(I);
     },
     caller: R
-  }), w = a.useMemo(() => y ? g.current ? "delayed-open" : "instant-open" : "closed", [y]), P = a.useCallback(() => {
-    window.clearTimeout(p.current), p.current = 0, g.current = !1, x(!0);
-  }, [x]), E = a.useCallback(() => {
-    window.clearTimeout(p.current), p.current = 0, x(!1);
-  }, [x]), I = a.useCallback(() => {
-    window.clearTimeout(p.current), p.current = window.setTimeout(() => {
-      g.current = !0, x(!0), p.current = 0;
-    }, T);
-  }, [T, x]);
+  }), w = a.useMemo(() => b ? g.current ? "delayed-open" : "instant-open" : "closed", [b]), P = a.useCallback(() => {
+    window.clearTimeout(u.current), u.current = 0, g.current = !1, y(!0);
+  }, [y]), E = a.useCallback(() => {
+    window.clearTimeout(u.current), u.current = 0, y(!1);
+  }, [y]), N = a.useCallback(() => {
+    window.clearTimeout(u.current), u.current = window.setTimeout(() => {
+      g.current = !0, y(!0), u.current = 0;
+    }, x);
+  }, [x, y]);
   return a.useEffect(() => () => {
-    p.current && (window.clearTimeout(p.current), p.current = 0);
-  }, []), /* @__PURE__ */ u(oe, { ...d, children: /* @__PURE__ */ u(
+    u.current && (window.clearTimeout(u.current), u.current = 0);
+  }, []), /* @__PURE__ */ d(ne, { ...p, children: /* @__PURE__ */ d(
     ue,
     {
       scope: o,
       contentId: h,
-      open: y,
+      open: b,
       stateAttribute: w,
       trigger: c,
       onTriggerChange: f,
       onTriggerEnter: a.useCallback(() => {
-        s.isOpenDelayedRef.current ? I() : P();
-      }, [s.isOpenDelayedRef, I, P]),
+        i.isOpenDelayedRef.current ? N() : P();
+      }, [i.isOpenDelayedRef, N, P]),
       onTriggerLeave: a.useCallback(() => {
-        m ? E() : (window.clearTimeout(p.current), p.current = 0);
+        m ? E() : (window.clearTimeout(u.current), u.current = 0);
       }, [E, m]),
       onOpen: P,
       onClose: E,
@@ -96,105 +97,105 @@ var R = "Tooltip", [ue, _] = O(R), $ = (e) => {
     }
   ) });
 };
-$.displayName = R;
-var L = "TooltipTrigger", B = a.forwardRef(
+B.displayName = R;
+var L = "TooltipTrigger", U = a.forwardRef(
   (e, o) => {
-    const { __scopeTooltip: t, ...r } = e, n = _(L, t), l = k(L, t), i = D(t), v = a.useRef(null), s = S(o, v, n.onTriggerChange), d = a.useRef(!1), c = a.useRef(!1), f = a.useCallback(() => d.current = !1, []);
-    return a.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ u(ne, { asChild: !0, ...i, children: /* @__PURE__ */ u(
-      J.button,
+    const { __scopeTooltip: t, ...r } = e, n = _(L, t), l = k(L, t), s = A(t), v = a.useRef(null), i = G(o, v, n.onTriggerChange), p = a.useRef(!1), c = a.useRef(!1), f = a.useCallback(() => p.current = !1, []);
+    return a.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ d(se, { asChild: !0, ...s, children: /* @__PURE__ */ d(
+      Z.button,
       {
         "aria-describedby": n.open ? n.contentId : void 0,
         "data-state": n.stateAttribute,
         ...r,
-        ref: s,
-        onPointerMove: C(e.onPointerMove, (h) => {
+        ref: i,
+        onPointerMove: T(e.onPointerMove, (h) => {
           h.pointerType !== "touch" && !c.current && !l.isPointerInTransitRef.current && (n.onTriggerEnter(), c.current = !0);
         }),
-        onPointerLeave: C(e.onPointerLeave, () => {
+        onPointerLeave: T(e.onPointerLeave, () => {
           n.onTriggerLeave(), c.current = !1;
         }),
-        onPointerDown: C(e.onPointerDown, () => {
-          n.open && n.onClose(), d.current = !0, document.addEventListener("pointerup", f, { once: !0 });
+        onPointerDown: T(e.onPointerDown, () => {
+          n.open && n.onClose(), p.current = !0, document.addEventListener("pointerup", f, { once: !0 });
         }),
-        onFocus: C(e.onFocus, () => {
-          d.current || n.onOpen();
+        onFocus: T(e.onFocus, () => {
+          p.current || n.onOpen();
         }),
-        onBlur: C(e.onBlur, n.onClose),
-        onClick: C(e.onClick, n.onClose)
+        onBlur: T(e.onBlur, n.onClose),
+        onClick: T(e.onClick, n.onClose)
       }
     ) });
   }
 );
-B.displayName = L;
-var M = "TooltipPortal", [pe, de] = O(M, {
+U.displayName = L;
+var M = "TooltipPortal", [pe, fe] = O(M, {
   forceMount: void 0
-}), U = (e) => {
+}), Y = (e) => {
   const { __scopeTooltip: o, forceMount: t, children: r, container: n } = e, l = _(M, o);
-  return /* @__PURE__ */ u(pe, { scope: o, forceMount: t, children: /* @__PURE__ */ u(j, { present: t || l.open, children: /* @__PURE__ */ u(Z, { asChild: !0, container: n, children: r }) }) });
+  return /* @__PURE__ */ d(pe, { scope: o, forceMount: t, children: /* @__PURE__ */ d(V, { present: t || l.open, children: /* @__PURE__ */ d(te, { asChild: !0, container: n, children: r }) }) });
 };
-U.displayName = M;
-var b = "TooltipContent", V = a.forwardRef(
+Y.displayName = M;
+var C = "TooltipContent", q = a.forwardRef(
   (e, o) => {
-    const t = de(b, e.__scopeTooltip), { forceMount: r = t.forceMount, side: n = "top", ...l } = e, i = _(b, e.__scopeTooltip);
-    return /* @__PURE__ */ u(j, { present: r || i.open, children: i.disableHoverableContent ? /* @__PURE__ */ u(Y, { side: n, ...l, ref: o }) : /* @__PURE__ */ u(fe, { side: n, ...l, ref: o }) });
+    const t = fe(C, e.__scopeTooltip), { forceMount: r = t.forceMount, side: n = "top", ...l } = e, s = _(C, e.__scopeTooltip);
+    return /* @__PURE__ */ d(V, { present: r || s.open, children: s.disableHoverableContent ? /* @__PURE__ */ d(X, { side: n, ...l, ref: o }) : /* @__PURE__ */ d(ve, { side: n, ...l, ref: o }) });
   }
-), fe = a.forwardRef((e, o) => {
-  const t = _(b, e.__scopeTooltip), r = k(b, e.__scopeTooltip), n = a.useRef(null), l = S(o, n), [i, v] = a.useState(null), { trigger: s, onClose: d } = t, c = n.current, { onPointerInTransitChange: f } = r, h = a.useCallback(() => {
+), ve = a.forwardRef((e, o) => {
+  const t = _(C, e.__scopeTooltip), r = k(C, e.__scopeTooltip), n = a.useRef(null), l = G(o, n), [s, v] = a.useState(null), { trigger: i, onClose: p } = t, c = n.current, { onPointerInTransitChange: f } = r, h = a.useCallback(() => {
     v(null), f(!1);
-  }, [f]), p = a.useCallback(
-    (m, T) => {
-      const g = m.currentTarget, y = { x: m.clientX, y: m.clientY }, x = ge(y, g.getBoundingClientRect()), w = Te(y, x), P = xe(T.getBoundingClientRect()), E = Ce([...w, ...P]);
+  }, [f]), u = a.useCallback(
+    (m, x) => {
+      const g = m.currentTarget, b = { x: m.clientX, y: m.clientY }, y = xe(b, g.getBoundingClientRect()), w = ye(b, y), P = be(x.getBoundingClientRect()), E = Ce([...w, ...P]);
       v(E), f(!0);
     },
     [f]
   );
   return a.useEffect(() => () => h(), [h]), a.useEffect(() => {
-    if (s && c) {
-      const m = (g) => p(g, c), T = (g) => p(g, s);
-      return s.addEventListener("pointerleave", m), c.addEventListener("pointerleave", T), () => {
-        s.removeEventListener("pointerleave", m), c.removeEventListener("pointerleave", T);
+    if (i && c) {
+      const m = (g) => u(g, c), x = (g) => u(g, i);
+      return i.addEventListener("pointerleave", m), c.addEventListener("pointerleave", x), () => {
+        i.removeEventListener("pointerleave", m), c.removeEventListener("pointerleave", x);
       };
     }
-  }, [s, c, p, h]), a.useEffect(() => {
-    if (i) {
-      const m = (T) => {
-        const g = T.target, y = { x: T.clientX, y: T.clientY }, x = s?.contains(g) || c?.contains(g), w = !ye(y, i);
-        x ? h() : w && (h(), d());
+  }, [i, c, u, h]), a.useEffect(() => {
+    if (s) {
+      const m = (x) => {
+        const g = x.target, b = { x: x.clientX, y: x.clientY }, y = i?.contains(g) || c?.contains(g), w = !Te(b, s);
+        y ? h() : w && (h(), p());
       };
       return document.addEventListener("pointermove", m), () => document.removeEventListener("pointermove", m);
     }
-  }, [s, c, i, d, h]), /* @__PURE__ */ u(Y, { ...e, ref: l });
-}), [ve, he] = O(R, { isInside: !1 }), me = Q("TooltipContent"), Y = a.forwardRef(
+  }, [i, c, s, p, h]), /* @__PURE__ */ d(X, { ...e, ref: l });
+}), [he, me] = O(R, { isInside: !1 }), ge = ee("TooltipContent"), X = a.forwardRef(
   (e, o) => {
     const {
       __scopeTooltip: t,
       children: r,
       "aria-label": n,
       onEscapeKeyDown: l,
-      onPointerDownOutside: i,
+      onPointerDownOutside: s,
       ...v
-    } = e, s = _(b, t), d = D(t), { onClose: c } = s;
-    return a.useEffect(() => (document.addEventListener(A, c), () => document.removeEventListener(A, c)), [c]), a.useEffect(() => {
-      if (s.trigger) {
+    } = e, i = _(C, t), p = A(t), { onClose: c } = i;
+    return a.useEffect(() => (document.addEventListener(D, c), () => document.removeEventListener(D, c)), [c]), a.useEffect(() => {
+      if (i.trigger) {
         const f = (h) => {
-          h.target?.contains(s.trigger) && c();
+          h.target?.contains(i.trigger) && c();
         };
         return window.addEventListener("scroll", f, { capture: !0 }), () => window.removeEventListener("scroll", f, { capture: !0 });
       }
-    }, [s.trigger, c]), /* @__PURE__ */ u(
-      ee,
+    }, [i.trigger, c]), /* @__PURE__ */ d(
+      oe,
       {
         asChild: !0,
         disableOutsidePointerEvents: !1,
         onEscapeKeyDown: l,
-        onPointerDownOutside: i,
+        onPointerDownOutside: s,
         onFocusOutside: (f) => f.preventDefault(),
         onDismiss: c,
-        children: /* @__PURE__ */ H(
-          ae,
+        children: /* @__PURE__ */ S(
+          ie,
           {
-            "data-state": s.stateAttribute,
-            ...d,
+            "data-state": i.stateAttribute,
+            ...p,
             ...v,
             ref: o,
             style: {
@@ -206,8 +207,8 @@ var b = "TooltipContent", V = a.forwardRef(
               "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
             },
             children: [
-              /* @__PURE__ */ u(me, { children: r }),
-              /* @__PURE__ */ u(ve, { scope: t, isInside: !0, children: /* @__PURE__ */ u(se, { id: s.contentId, role: "tooltip", children: n || r }) })
+              /* @__PURE__ */ d(ge, { children: r }),
+              /* @__PURE__ */ d(he, { scope: t, isInside: !0, children: /* @__PURE__ */ d(le, { id: i.contentId, role: "tooltip", children: n || r }) })
             ]
           }
         )
@@ -215,18 +216,18 @@ var b = "TooltipContent", V = a.forwardRef(
     );
   }
 );
-V.displayName = b;
-var q = "TooltipArrow", X = a.forwardRef(
+q.displayName = C;
+var K = "TooltipArrow", W = a.forwardRef(
   (e, o) => {
-    const { __scopeTooltip: t, ...r } = e, n = D(t);
-    return he(
-      q,
+    const { __scopeTooltip: t, ...r } = e, n = A(t);
+    return me(
+      K,
       t
-    ).isInside ? null : /* @__PURE__ */ u(re, { ...n, ...r, ref: o });
+    ).isInside ? null : /* @__PURE__ */ d(ae, { ...n, ...r, ref: o });
   }
 );
-X.displayName = q;
-function ge(e, o) {
+W.displayName = K;
+function xe(e, o) {
   const t = Math.abs(o.top - e.y), r = Math.abs(o.bottom - e.y), n = Math.abs(o.right - e.x), l = Math.abs(o.left - e.x);
   switch (Math.min(t, r, n, l)) {
     case l:
@@ -241,7 +242,7 @@ function ge(e, o) {
       throw new Error("unreachable");
   }
 }
-function Te(e, o, t = 5) {
+function ye(e, o, t = 5) {
   const r = [];
   switch (o) {
     case "top":
@@ -271,7 +272,7 @@ function Te(e, o, t = 5) {
   }
   return r;
 }
-function xe(e) {
+function be(e) {
   const { top: o, right: t, bottom: r, left: n } = e;
   return [
     { x: n, y: o },
@@ -280,27 +281,27 @@ function xe(e) {
     { x: n, y: r }
   ];
 }
-function ye(e, o) {
+function Te(e, o) {
   const { x: t, y: r } = e;
   let n = !1;
-  for (let l = 0, i = o.length - 1; l < o.length; i = l++) {
-    const v = o[l], s = o[i], d = v.x, c = v.y, f = s.x, h = s.y;
-    c > r != h > r && t < (f - d) * (r - c) / (h - c) + d && (n = !n);
+  for (let l = 0, s = o.length - 1; l < o.length; s = l++) {
+    const v = o[l], i = o[s], p = v.x, c = v.y, f = i.x, h = i.y;
+    c > r != h > r && t < (f - p) * (r - c) / (h - c) + p && (n = !n);
   }
   return n;
 }
 function Ce(e) {
   const o = e.slice();
-  return o.sort((t, r) => t.x < r.x ? -1 : t.x > r.x ? 1 : t.y < r.y ? -1 : t.y > r.y ? 1 : 0), be(o);
+  return o.sort((t, r) => t.x < r.x ? -1 : t.x > r.x ? 1 : t.y < r.y ? -1 : t.y > r.y ? 1 : 0), we(o);
 }
-function be(e) {
+function we(e) {
   if (e.length <= 1) return e.slice();
   const o = [];
   for (let r = 0; r < e.length; r++) {
     const n = e[r];
     for (; o.length >= 2; ) {
-      const l = o[o.length - 1], i = o[o.length - 2];
-      if ((l.x - i.x) * (n.y - i.y) >= (l.y - i.y) * (n.x - i.x)) o.pop();
+      const l = o[o.length - 1], s = o[o.length - 2];
+      if ((l.x - s.x) * (n.y - s.y) >= (l.y - s.y) * (n.x - s.x)) o.pop();
       else break;
     }
     o.push(n);
@@ -310,45 +311,57 @@ function be(e) {
   for (let r = e.length - 1; r >= 0; r--) {
     const n = e[r];
     for (; t.length >= 2; ) {
-      const l = t[t.length - 1], i = t[t.length - 2];
-      if ((l.x - i.x) * (n.y - i.y) >= (l.y - i.y) * (n.x - i.x)) t.pop();
+      const l = t[t.length - 1], s = t[t.length - 2];
+      if ((l.x - s.x) * (n.y - s.y) >= (l.y - s.y) * (n.x - s.x)) t.pop();
       else break;
     }
     t.push(n);
   }
   return t.pop(), o.length === 1 && t.length === 1 && o[0].x === t[0].x && o[0].y === t[0].y ? o : o.concat(t);
 }
-var we = z, Pe = $, Ee = B, Re = U, _e = V, Oe = X;
-const De = ({ delayDuration: e = 0, ...o }) => /* @__PURE__ */ u(we, { "data-slot": "tooltip-provider", delayDuration: e, ...o }), Ge = ({ ...e }) => /* @__PURE__ */ u(De, { children: /* @__PURE__ */ u(Pe, { "data-slot": "tooltip", "data-testid": "spectral-tooltip", ...e }) }), je = ({ ...e }) => /* @__PURE__ */ u(Ee, { "data-slot": "tooltip-trigger", "data-testid": "spectral-tooltip-trigger", ...e }), Fe = ({
+var Pe = $, Ee = B, Re = U, _e = Y, Oe = q, Ae = W;
+const De = ({ delayDuration: e = 0, ...o }) => /* @__PURE__ */ d(Pe, { "data-slot": "tooltip-provider", delayDuration: e, ...o }), ze = ({ ...e }) => /* @__PURE__ */ d(De, { children: /* @__PURE__ */ d(Ee, { "data-slot": "tooltip", "data-testid": "spectral-tooltip", ...e }) }), $e = ({ asChild: e, children: o, ...t }) => /* @__PURE__ */ d(Re, { asChild: e, "data-slot": "tooltip-trigger", "data-testid": "spectral-tooltip-trigger", className: "w-fit", ...t, children: o }), Le = F(
+  `pointer-events-auto z-50 w-fit rounded-md px-3 py-1.5 text-xs shadow-lg will-change-transform outline-none select-none data-[state=open]:animate-in data-[state=open]:fade-in-0
+  data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2
+  data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`,
+  {
+    variants: {
+      variant: {
+        default: "bg-tooltip-bg text-text-primary",
+        outline: "bg-tooltip-bg text-text-primary border-2 border-solid border-white"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), ke = F("z-50 size-2.5 rotate-45 rounded-[2px]", {
+  variants: {
+    variant: {
+      default: "bg-tooltip-arrow fill-tooltip-arrow data-[side=top]:-translate-y-[5.8px] data-[side=bottom]:-translate-y-[5.8px] data-[side=left]:-translate-y-[5.8px] data-[side=right]:-translate-y-[5.8px]",
+      outline: `bg-tooltip-arrow fill-tooltip-arrow border-2 border-solid border-white data-[side=top]:border-t-0 data-[side=top]:border-l-0 data-[side=bottom]:border-t-0 data-[side=bottom]:border-l-0
+          data-[side=left]:border-l-0 data-[side=left]:border-t-0 data-[side=right]:border-l-0 data-[side=right]:border-t-0 data-[side=top]:-translate-y-[3.7px]
+          data-[side=bottom]:-translate-y-[3.85px] data-[side=left]:-translate-y-[3.7px] data-[side=right]:-translate-y-[3.7px]`
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), Be = ({
   children: e,
   className: o,
   showArrow: t = !1,
   sideOffset: r = 0,
-  ...n
-}) => /* @__PURE__ */ u(Re, { "data-slot": "tooltip-portal", "data-testid": "spectral-tooltip-portal", children: /* @__PURE__ */ H(
-  _e,
-  {
-    className: ie(
-      "bg-tooltip-bg text-text-primary pointer-events-auto z-50 w-fit rounded-md px-3 py-1.5 text-xs shadow-lg will-change-transform outline-none select-none",
-      "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
-      "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-      "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
-      "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      o
-    ),
-    "data-slot": "tooltip-content",
-    "data-testid": "spectral-tooltip-content",
-    sideOffset: r,
-    ...n,
-    children: [
-      e,
-      t && /* @__PURE__ */ u(Oe, { className: "bg-tooltip-arrow fill-tooltip-arrow z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
-    ]
-  }
-) });
+  variant: n = "default",
+  side: l,
+  ...s
+}) => /* @__PURE__ */ d(_e, { "data-slot": "tooltip-portal", "data-testid": "spectral-tooltip-portal", children: /* @__PURE__ */ S(Oe, { className: H(Le({ variant: n }), o), "data-slot": "tooltip-content", "data-testid": "spectral-tooltip-content", sideOffset: r, side: l, ...s, children: [
+  e,
+  t && /* @__PURE__ */ d(Ae, { height: 8, className: H(ke({ variant: n })) })
+] }) });
 export {
-  Ge as Tooltip,
-  Fe as TooltipContent,
+  ze as Tooltip,
+  Be as TooltipContent,
   De as TooltipProvider,
-  je as TooltipTrigger
+  $e as TooltipTrigger
 };

package/dist/{createLucideIcon-B_8CJpcQ.js → createLucideIcon-D4r5Phnh.js}

@@ -1,10 +1,4 @@
 import { forwardRef as l, createElement as n } from "react";
-/**
- * @license lucide-react v0.546.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
 const w = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), h = (t) => t.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (e, r, o) => o ? o.toUpperCase() : r.toLowerCase()
@@ -16,12 +10,6 @@ const w = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), h = (t)
     if (e.startsWith("aria-") || e === "role" || e === "title")
       return !0;
 };
-/**
- * @license lucide-react v0.546.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
 var g = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
@@ -33,12 +21,6 @@ var g = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-/**
- * @license lucide-react v0.546.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
 const A = l(
   ({
     color: t = "currentColor",
@@ -68,12 +50,6 @@ const A = l(
     ]
   )
 );
-/**
- * @license lucide-react v0.546.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
 const k = (t, e) => {
   const r = l(
     ({ className: o, ...s }, a) => n(A, {

package/dist/main.js

@@ -5,15 +5,6 @@ import kT from "./App.js";
 import O2, { StrictMode as IT } from "react";
 import M2 from "react-dom";
 var _g = { exports: {} }, np = {}, Hg = { exports: {} }, cS = {};
-/**
- * @license React
- * scheduler.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var S2;
 function PT() {
   return S2 || (S2 = 1, (function(J) {
@@ -235,15 +226,6 @@ function PT() {
   })(cS)), cS;
 }
 var iS = {};
-/**
- * @license React
- * scheduler.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var b2;
 function t3() {
   return b2 || (b2 = 1, (function(J) {
@@ -471,15 +453,6 @@ var T2;
 function R2() {
   return T2 || (T2 = 1, process.env.NODE_ENV === "production" ? Hg.exports = PT() : Hg.exports = t3()), Hg.exports;
 }
-/**
- * @license React
- * react-dom-client.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var E2;
 function e3() {
   if (E2) return np;
@@ -10254,15 +10227,6 @@ Error generating stack: ` + i.message + `
   }, np.version = "19.2.0", np;
 }
 var up = {};
-/**
- * @license React
- * react-dom-client.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var A2;
 function l3() {
   return A2 || (A2 = 1, process.env.NODE_ENV !== "production" && (function() {

package/dist/styles/base-colors.css

@@ -40,24 +40,24 @@
   --horizon-color-secondary-900: oklch(40.44% 0.07 227.13);
   --horizon-color-secondary-950: oklch(30.82% 0.06 228.09);
 
-  --horizon-color-level-zero: oklch(24.79% 0.0058 271.18);
-  --horizon-color-level-one: oklch(27.28% 0.0097 268.32);
-  --horizon-color-level-two: oklch(30.73% 0.0106 253.99);
-  --horizon-color-level-three: oklch(32.71% 0.0104 253.98);
-  --horizon-color-level-four: oklch(35.77% 0.0088 248.07);
-  --horizon-color-level-five: oklch(38.75% 0.0073 242.06);
+  --horizon-color-level-zero: oklch(23.78% 0 0);
+  --horizon-color-level-one: oklch(26.94% 0 0);
+  --horizon-color-level-two: oklch(29.93% 0 0);
+  --horizon-color-level-three: oklch(32.89% 0 0);
+  --horizon-color-level-four: oklch(35.71% 0 0);
+  --horizon-color-level-five: oklch(38.62% 0 0);
 
   --horizon-color-success-50: oklch(99% 0.1049 144);
   --horizon-color-success-100: oklch(94% 0.1649 144);
   --horizon-color-success-200: oklch(92% 0.2424 144);
   --horizon-color-success-300: oklch(82% 0.2424 144);
-  --horizon-color-success-400: oklch(72% 0.2424 144);
-  --horizon-color-success-500: oklch(62% 0.2424 144);
+  --horizon-color-success-400: oklch(76% 0.2424 144);
+  --horizon-color-success-500: oklch(66% 0.2424 144);
 
   --horizon-color-warning-50: oklch(94% 0.0442 56.91);
   --horizon-color-warning-100: oklch(91% 0.095 52.355);
   --horizon-color-warning-200: oklch(84.9% 0.144 52.438);
-  --horizon-color-warning-300: oklch(76.9% 0.178 52.325);
+  --horizon-color-warning-300: oklch(75% 0.2036 56.91);
   --horizon-color-warning-400: oklch(71.06% 0.19 46.76);
   --horizon-color-warning-500: oklch(70.5% 0.213 47.604);