@tipp/ui 0.0.0

package/dist/theme-7Cjo8_Y6.js

@@ -0,0 +1,795 @@
+import * as o from "react";
+import { useLayoutEffect as Qe, useEffect as et } from "react";
+import { y as tt } from "./index-DoIe4nVR.js";
+import { c as L } from "./index-DLeNytVF.js";
+import { u as z } from "./index-DIx1pnae.js";
+import { c as ve } from "./index-CWqnkG-p.js";
+import { D as rt } from "./index-BUzFfodu.js";
+import { u as nt } from "./index-J-pu07YR.js";
+import { a as ge, c as ot, b as at, o as st, s as it, f as ct, d as lt, h as ut, l as dt } from "./floating-ui.dom-Pi62VK_7.js";
+import { R as ft, r as pt } from "./index--Kmch3aI.js";
+import { P as F } from "./index-BLlMKB6v.js";
+import { jsx as h, jsxs as mt } from "react/jsx-runtime";
+import { a as ee, u as gt } from "./index-Dei2uCbS.js";
+import { u as ht } from "./index-Chf_UJBH.js";
+import { P as Ce } from "./index-BGHne2on.js";
+import { a as yt, S as vt } from "./index-BGU-u5wR.js";
+import { u as Ct } from "./index-CMas7-m1.js";
+import { R as wt } from "./index-DxFjXziY.js";
+import { D as xt } from "./index-BQ0fI5eo.js";
+import { o as Pt } from "./as-child.prop-Dmk_dqBI.js";
+import { o as Tt, e as Rt } from "./color.prop-C1QiQO-6.js";
+import { e as bt } from "./radius.prop-CH9lMann.js";
+var Et = "Portal", we = o.forwardRef((t, r) => {
+  var u;
+  const { container: e, ...n } = t, [a, s] = o.useState(!1);
+  ee(() => s(!0), []);
+  const i = e || a && ((u = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : u.body);
+  return i ? ft.createPortal(/* @__PURE__ */ h(F.div, { ...n, ref: r }), i) : null;
+});
+we.displayName = Et;
+const At = (t) => {
+  function r(e) {
+    return {}.hasOwnProperty.call(e, "current");
+  }
+  return {
+    name: "arrow",
+    options: t,
+    fn(e) {
+      const {
+        element: n,
+        padding: a
+      } = typeof t == "function" ? t(e) : t;
+      return n && r(n) ? n.current != null ? ge({
+        element: n.current,
+        padding: a
+      }).fn(e) : {} : n ? ge({
+        element: n,
+        padding: a
+      }).fn(e) : {};
+    }
+  };
+};
+var U = typeof document < "u" ? Qe : et;
+function V(t, r) {
+  if (t === r)
+    return !0;
+  if (typeof t != typeof r)
+    return !1;
+  if (typeof t == "function" && t.toString() === r.toString())
+    return !0;
+  let e, n, a;
+  if (t && r && typeof t == "object") {
+    if (Array.isArray(t)) {
+      if (e = t.length, e !== r.length) return !1;
+      for (n = e; n-- !== 0; )
+        if (!V(t[n], r[n]))
+          return !1;
+      return !0;
+    }
+    if (a = Object.keys(t), e = a.length, e !== Object.keys(r).length)
+      return !1;
+    for (n = e; n-- !== 0; )
+      if (!{}.hasOwnProperty.call(r, a[n]))
+        return !1;
+    for (n = e; n-- !== 0; ) {
+      const s = a[n];
+      if (!(s === "_owner" && t.$$typeof) && !V(t[s], r[s]))
+        return !1;
+    }
+    return !0;
+  }
+  return t !== t && r !== r;
+}
+function xe(t) {
+  return typeof window > "u" ? 1 : (t.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function he(t, r) {
+  const e = xe(t);
+  return Math.round(r * e) / e;
+}
+function ye(t) {
+  const r = o.useRef(t);
+  return U(() => {
+    r.current = t;
+  }), r;
+}
+function kt(t) {
+  t === void 0 && (t = {});
+  const {
+    placement: r = "bottom",
+    strategy: e = "absolute",
+    middleware: n = [],
+    platform: a,
+    elements: {
+      reference: s,
+      floating: i
+    } = {},
+    transform: u = !0,
+    whileElementsMounted: c,
+    open: d
+  } = t, [l, f] = o.useState({
+    x: 0,
+    y: 0,
+    strategy: e,
+    placement: r,
+    middlewareData: {},
+    isPositioned: !1
+  }), [y, g] = o.useState(n);
+  V(y, n) || g(n);
+  const [p, m] = o.useState(null), [v, C] = o.useState(null), w = o.useCallback((T) => {
+    T !== R.current && (R.current = T, m(T));
+  }, []), b = o.useCallback((T) => {
+    T !== A.current && (A.current = T, C(T));
+  }, []), x = s || p, P = i || v, R = o.useRef(null), A = o.useRef(null), D = o.useRef(l), Q = c != null, I = ye(c), N = ye(a), M = o.useCallback(() => {
+    if (!R.current || !A.current)
+      return;
+    const T = {
+      placement: r,
+      strategy: e,
+      middleware: y
+    };
+    N.current && (T.platform = N.current), ot(R.current, A.current, T).then((k) => {
+      const O = {
+        ...k,
+        isPositioned: !0
+      };
+      _.current && !V(D.current, O) && (D.current = O, pt.flushSync(() => {
+        f(O);
+      }));
+    });
+  }, [y, r, e, N]);
+  U(() => {
+    d === !1 && D.current.isPositioned && (D.current.isPositioned = !1, f((T) => ({
+      ...T,
+      isPositioned: !1
+    })));
+  }, [d]);
+  const _ = o.useRef(!1);
+  U(() => (_.current = !0, () => {
+    _.current = !1;
+  }), []), U(() => {
+    if (x && (R.current = x), P && (A.current = P), x && P) {
+      if (I.current)
+        return I.current(x, P, M);
+      M();
+    }
+  }, [x, P, M, I, Q]);
+  const j = o.useMemo(() => ({
+    reference: R,
+    floating: A,
+    setReference: w,
+    setFloating: b
+  }), [w, b]), S = o.useMemo(() => ({
+    reference: x,
+    floating: P
+  }), [x, P]), W = o.useMemo(() => {
+    const T = {
+      position: e,
+      left: 0,
+      top: 0
+    };
+    if (!S.floating)
+      return T;
+    const k = he(S.floating, l.x), O = he(S.floating, l.y);
+    return u ? {
+      ...T,
+      transform: "translate(" + k + "px, " + O + "px)",
+      ...xe(S.floating) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: e,
+      left: k,
+      top: O
+    };
+  }, [e, u, S.floating, l.x, l.y]);
+  return o.useMemo(() => ({
+    ...l,
+    update: M,
+    refs: j,
+    elements: S,
+    floatingStyles: W
+  }), [l, M, j, S, W]);
+}
+var St = "Arrow", Pe = o.forwardRef((t, r) => {
+  const { children: e, width: n = 10, height: a = 5, ...s } = t;
+  return /* @__PURE__ */ h(
+    F.svg,
+    {
+      ...s,
+      ref: r,
+      width: n,
+      height: a,
+      viewBox: "0 0 30 10",
+      preserveAspectRatio: "none",
+      children: t.asChild ? e : /* @__PURE__ */ h("polygon", { points: "0,0 30,0 15,10" })
+    }
+  );
+});
+Pe.displayName = St;
+var Ot = Pe, ne = "Popper", [Te, Re] = ve(ne), [_t, be] = Te(ne), Ee = (t) => {
+  const { __scopePopper: r, children: e } = t, [n, a] = o.useState(null);
+  return /* @__PURE__ */ h(_t, { scope: r, anchor: n, onAnchorChange: a, children: e });
+};
+Ee.displayName = ne;
+var Ae = "PopperAnchor", ke = o.forwardRef(
+  (t, r) => {
+    const { __scopePopper: e, virtualRef: n, ...a } = t, s = be(Ae, e), i = o.useRef(null), u = z(r, i);
+    return o.useEffect(() => {
+      s.onAnchorChange((n == null ? void 0 : n.current) || i.current);
+    }), n ? null : /* @__PURE__ */ h(F.div, { ...a, ref: u });
+  }
+);
+ke.displayName = Ae;
+var oe = "PopperContent", [Dt, Mt] = Te(oe), Se = o.forwardRef(
+  (t, r) => {
+    var ce, le, ue, de, fe, pe;
+    const {
+      __scopePopper: e,
+      side: n = "bottom",
+      sideOffset: a = 0,
+      align: s = "center",
+      alignOffset: i = 0,
+      arrowPadding: u = 0,
+      avoidCollisions: c = !0,
+      collisionBoundary: d = [],
+      collisionPadding: l = 0,
+      sticky: f = "partial",
+      hideWhenDetached: y = !1,
+      updatePositionStrategy: g = "optimized",
+      onPlaced: p,
+      ...m
+    } = t, v = be(oe, e), [C, w] = o.useState(null), b = z(r, ($) => w($)), [x, P] = o.useState(null), R = ht(x), A = (R == null ? void 0 : R.width) ?? 0, D = (R == null ? void 0 : R.height) ?? 0, Q = n + (s !== "center" ? "-" + s : ""), I = typeof l == "number" ? l : { top: 0, right: 0, bottom: 0, left: 0, ...l }, N = Array.isArray(d) ? d : [d], M = N.length > 0, _ = {
+      padding: I,
+      boundary: N.filter(Lt),
+      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+      altBoundary: M
+    }, { refs: j, floatingStyles: S, placement: W, isPositioned: T, middlewareData: k } = kt({
+      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+      strategy: "fixed",
+      placement: Q,
+      whileElementsMounted: (...$) => at(...$, {
+        animationFrame: g === "always"
+      }),
+      elements: {
+        reference: v.anchor
+      },
+      middleware: [
+        st({ mainAxis: a + D, alignmentAxis: i }),
+        c && it({
+          mainAxis: !0,
+          crossAxis: !1,
+          limiter: f === "partial" ? dt() : void 0,
+          ..._
+        }),
+        c && ct({ ..._ }),
+        lt({
+          ..._,
+          apply: ({ elements: $, rects: me, availableWidth: ze, availableHeight: Ze }) => {
+            const { width: Ke, height: Je } = me.reference, X = $.floating.style;
+            X.setProperty("--radix-popper-available-width", `${ze}px`), X.setProperty("--radix-popper-available-height", `${Ze}px`), X.setProperty("--radix-popper-anchor-width", `${Ke}px`), X.setProperty("--radix-popper-anchor-height", `${Je}px`);
+          }
+        }),
+        x && At({ element: x, padding: u }),
+        Bt({ arrowWidth: A, arrowHeight: D }),
+        y && ut({ strategy: "referenceHidden", ..._ })
+      ]
+    }), [O, We] = De(W), Y = gt(p);
+    ee(() => {
+      T && (Y == null || Y());
+    }, [T, Y]);
+    const Ye = (ce = k.arrow) == null ? void 0 : ce.x, Xe = (le = k.arrow) == null ? void 0 : le.y, Ue = ((ue = k.arrow) == null ? void 0 : ue.centerOffset) !== 0, [Ve, qe] = o.useState();
+    return ee(() => {
+      C && qe(window.getComputedStyle(C).zIndex);
+    }, [C]), /* @__PURE__ */ h(
+      "div",
+      {
+        ref: j.setFloating,
+        "data-radix-popper-content-wrapper": "",
+        style: {
+          ...S,
+          transform: T ? S.transform : "translate(0, -200%)",
+          // keep off the page when measuring
+          minWidth: "max-content",
+          zIndex: Ve,
+          "--radix-popper-transform-origin": [
+            (de = k.transformOrigin) == null ? void 0 : de.x,
+            (fe = k.transformOrigin) == null ? void 0 : fe.y
+          ].join(" "),
+          // hide the content if using the hide middleware and should be hidden
+          // set visibility to hidden and disable pointer events so the UI behaves
+          // as if the PopperContent isn't there at all
+          ...((pe = k.hide) == null ? void 0 : pe.referenceHidden) && {
+            visibility: "hidden",
+            pointerEvents: "none"
+          }
+        },
+        dir: t.dir,
+        children: /* @__PURE__ */ h(
+          Dt,
+          {
+            scope: e,
+            placedSide: O,
+            onArrowChange: P,
+            arrowX: Ye,
+            arrowY: Xe,
+            shouldHideArrow: Ue,
+            children: /* @__PURE__ */ h(
+              F.div,
+              {
+                "data-side": O,
+                "data-align": We,
+                ...m,
+                ref: b,
+                style: {
+                  ...m.style,
+                  // if the PopperContent hasn't been placed yet (not all measurements done)
+                  // we prevent animations so that users's animation don't kick in too early referring wrong sides
+                  animation: T ? void 0 : "none"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+Se.displayName = oe;
+var Oe = "PopperArrow", Nt = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, _e = o.forwardRef(function(r, e) {
+  const { __scopePopper: n, ...a } = r, s = Mt(Oe, n), i = Nt[s.placedSide];
+  return (
+    // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
+    // doesn't report size as we'd expect on SVG elements.
+    // it reports their bounding box which is effectively the largest path inside the SVG.
+    /* @__PURE__ */ h(
+      "span",
+      {
+        ref: s.onArrowChange,
+        style: {
+          position: "absolute",
+          left: s.arrowX,
+          top: s.arrowY,
+          [i]: 0,
+          transformOrigin: {
+            top: "",
+            right: "0 0",
+            bottom: "center 0",
+            left: "100% 0"
+          }[s.placedSide],
+          transform: {
+            top: "translateY(100%)",
+            right: "translateY(50%) rotate(90deg) translateX(-50%)",
+            bottom: "rotate(180deg)",
+            left: "translateY(50%) rotate(-90deg) translateX(50%)"
+          }[s.placedSide],
+          visibility: s.shouldHideArrow ? "hidden" : void 0
+        },
+        children: /* @__PURE__ */ h(
+          Ot,
+          {
+            ...a,
+            ref: e,
+            style: {
+              ...a.style,
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            }
+          }
+        )
+      }
+    )
+  );
+});
+_e.displayName = Oe;
+function Lt(t) {
+  return t !== null;
+}
+var Bt = (t) => ({
+  name: "transformOrigin",
+  options: t,
+  fn(r) {
+    var v, C, w;
+    const { placement: e, rects: n, middlewareData: a } = r, i = ((v = a.arrow) == null ? void 0 : v.centerOffset) !== 0, u = i ? 0 : t.arrowWidth, c = i ? 0 : t.arrowHeight, [d, l] = De(e), f = { start: "0%", center: "50%", end: "100%" }[l], y = (((C = a.arrow) == null ? void 0 : C.x) ?? 0) + u / 2, g = (((w = a.arrow) == null ? void 0 : w.y) ?? 0) + c / 2;
+    let p = "", m = "";
+    return d === "bottom" ? (p = i ? f : `${y}px`, m = `${-c}px`) : d === "top" ? (p = i ? f : `${y}px`, m = `${n.floating.height + c}px`) : d === "right" ? (p = `${-c}px`, m = i ? f : `${g}px`) : d === "left" && (p = `${n.floating.width + c}px`, m = i ? f : `${g}px`), { data: { x: p, y: m } };
+  }
+});
+function De(t) {
+  const [r, e = "center"] = t.split("-");
+  return [r, e];
+}
+var Ht = Ee, It = ke, $t = Se, Ft = _e, [Z, kr] = ve("Tooltip", [
+  Re
+]), K = Re(), Me = "TooltipProvider", Gt = 700, te = "tooltip.open", [jt, ae] = Z(Me), Ne = (t) => {
+  const {
+    __scopeTooltip: r,
+    delayDuration: e = Gt,
+    skipDelayDuration: n = 300,
+    disableHoverableContent: a = !1,
+    children: s
+  } = t, [i, u] = o.useState(!0), c = o.useRef(!1), d = o.useRef(0);
+  return o.useEffect(() => {
+    const l = d.current;
+    return () => window.clearTimeout(l);
+  }, []), /* @__PURE__ */ h(
+    jt,
+    {
+      scope: r,
+      isOpenDelayed: i,
+      delayDuration: e,
+      onOpen: o.useCallback(() => {
+        window.clearTimeout(d.current), u(!1);
+      }, []),
+      onClose: o.useCallback(() => {
+        window.clearTimeout(d.current), d.current = window.setTimeout(
+          () => u(!0),
+          n
+        );
+      }, [n]),
+      isPointerInTransitRef: c,
+      onPointerInTransitChange: o.useCallback((l) => {
+        c.current = l;
+      }, []),
+      disableHoverableContent: a,
+      children: s
+    }
+  );
+};
+Ne.displayName = Me;
+var J = "Tooltip", [Wt, G] = Z(J), Le = (t) => {
+  const {
+    __scopeTooltip: r,
+    children: e,
+    open: n,
+    defaultOpen: a = !1,
+    onOpenChange: s,
+    disableHoverableContent: i,
+    delayDuration: u
+  } = t, c = ae(J, t.__scopeTooltip), d = K(r), [l, f] = o.useState(null), y = nt(), g = o.useRef(0), p = i ?? c.disableHoverableContent, m = u ?? c.delayDuration, v = o.useRef(!1), [C = !1, w] = Ct({
+    prop: n,
+    defaultProp: a,
+    onChange: (A) => {
+      A ? (c.onOpen(), document.dispatchEvent(new CustomEvent(te))) : c.onClose(), s == null || s(A);
+    }
+  }), b = o.useMemo(() => C ? v.current ? "delayed-open" : "instant-open" : "closed", [C]), x = o.useCallback(() => {
+    window.clearTimeout(g.current), v.current = !1, w(!0);
+  }, [w]), P = o.useCallback(() => {
+    window.clearTimeout(g.current), w(!1);
+  }, [w]), R = o.useCallback(() => {
+    window.clearTimeout(g.current), g.current = window.setTimeout(() => {
+      v.current = !0, w(!0);
+    }, m);
+  }, [m, w]);
+  return o.useEffect(() => () => window.clearTimeout(g.current), []), /* @__PURE__ */ h(Ht, { ...d, children: /* @__PURE__ */ h(
+    Wt,
+    {
+      scope: r,
+      contentId: y,
+      open: C,
+      stateAttribute: b,
+      trigger: l,
+      onTriggerChange: f,
+      onTriggerEnter: o.useCallback(() => {
+        c.isOpenDelayed ? R() : x();
+      }, [c.isOpenDelayed, R, x]),
+      onTriggerLeave: o.useCallback(() => {
+        p ? P() : window.clearTimeout(g.current);
+      }, [P, p]),
+      onOpen: x,
+      onClose: P,
+      disableHoverableContent: p,
+      children: e
+    }
+  ) });
+};
+Le.displayName = J;
+var re = "TooltipTrigger", Be = o.forwardRef(
+  (t, r) => {
+    const { __scopeTooltip: e, ...n } = t, a = G(re, e), s = ae(re, e), i = K(e), u = o.useRef(null), c = z(r, u, a.onTriggerChange), d = o.useRef(!1), l = o.useRef(!1), f = o.useCallback(() => d.current = !1, []);
+    return o.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ h(It, { asChild: !0, ...i, children: /* @__PURE__ */ h(
+      F.button,
+      {
+        "aria-describedby": a.open ? a.contentId : void 0,
+        "data-state": a.stateAttribute,
+        ...n,
+        ref: c,
+        onPointerMove: L(t.onPointerMove, (y) => {
+          y.pointerType !== "touch" && !l.current && !s.isPointerInTransitRef.current && (a.onTriggerEnter(), l.current = !0);
+        }),
+        onPointerLeave: L(t.onPointerLeave, () => {
+          a.onTriggerLeave(), l.current = !1;
+        }),
+        onPointerDown: L(t.onPointerDown, () => {
+          d.current = !0, document.addEventListener("pointerup", f, { once: !0 });
+        }),
+        onFocus: L(t.onFocus, () => {
+          d.current || a.onOpen();
+        }),
+        onBlur: L(t.onBlur, a.onClose),
+        onClick: L(t.onClick, a.onClose)
+      }
+    ) });
+  }
+);
+Be.displayName = re;
+var se = "TooltipPortal", [Yt, Xt] = Z(se, {
+  forceMount: void 0
+}), He = (t) => {
+  const { __scopeTooltip: r, forceMount: e, children: n, container: a } = t, s = G(se, r);
+  return /* @__PURE__ */ h(Yt, { scope: r, forceMount: e, children: /* @__PURE__ */ h(Ce, { present: e || s.open, children: /* @__PURE__ */ h(we, { asChild: !0, container: a, children: n }) }) });
+};
+He.displayName = se;
+var H = "TooltipContent", Ie = o.forwardRef(
+  (t, r) => {
+    const e = Xt(H, t.__scopeTooltip), { forceMount: n = e.forceMount, side: a = "top", ...s } = t, i = G(H, t.__scopeTooltip);
+    return /* @__PURE__ */ h(Ce, { present: n || i.open, children: i.disableHoverableContent ? /* @__PURE__ */ h($e, { side: a, ...s, ref: r }) : /* @__PURE__ */ h(Ut, { side: a, ...s, ref: r }) });
+  }
+), Ut = o.forwardRef((t, r) => {
+  const e = G(H, t.__scopeTooltip), n = ae(H, t.__scopeTooltip), a = o.useRef(null), s = z(r, a), [i, u] = o.useState(null), { trigger: c, onClose: d } = e, l = a.current, { onPointerInTransitChange: f } = n, y = o.useCallback(() => {
+    u(null), f(!1);
+  }, [f]), g = o.useCallback(
+    (p, m) => {
+      const v = p.currentTarget, C = { x: p.clientX, y: p.clientY }, w = zt(C, v.getBoundingClientRect()), b = Zt(C, w), x = Kt(m.getBoundingClientRect()), P = Qt([...b, ...x]);
+      u(P), f(!0);
+    },
+    [f]
+  );
+  return o.useEffect(() => () => y(), [y]), o.useEffect(() => {
+    if (c && l) {
+      const p = (v) => g(v, l), m = (v) => g(v, c);
+      return c.addEventListener("pointerleave", p), l.addEventListener("pointerleave", m), () => {
+        c.removeEventListener("pointerleave", p), l.removeEventListener("pointerleave", m);
+      };
+    }
+  }, [c, l, g, y]), o.useEffect(() => {
+    if (i) {
+      const p = (m) => {
+        const v = m.target, C = { x: m.clientX, y: m.clientY }, w = (c == null ? void 0 : c.contains(v)) || (l == null ? void 0 : l.contains(v)), b = !Jt(C, i);
+        w ? y() : b && (y(), d());
+      };
+      return document.addEventListener("pointermove", p), () => document.removeEventListener("pointermove", p);
+    }
+  }, [c, l, i, d, y]), /* @__PURE__ */ h($e, { ...t, ref: s });
+}), [Vt, qt] = Z(J, { isInside: !1 }), $e = o.forwardRef(
+  (t, r) => {
+    const {
+      __scopeTooltip: e,
+      children: n,
+      "aria-label": a,
+      onEscapeKeyDown: s,
+      onPointerDownOutside: i,
+      ...u
+    } = t, c = G(H, e), d = K(e), { onClose: l } = c;
+    return o.useEffect(() => (document.addEventListener(te, l), () => document.removeEventListener(te, l)), [l]), o.useEffect(() => {
+      if (c.trigger) {
+        const f = (y) => {
+          const g = y.target;
+          g != null && g.contains(c.trigger) && l();
+        };
+        return window.addEventListener("scroll", f, { capture: !0 }), () => window.removeEventListener("scroll", f, { capture: !0 });
+      }
+    }, [c.trigger, l]), /* @__PURE__ */ h(
+      rt,
+      {
+        asChild: !0,
+        disableOutsidePointerEvents: !1,
+        onEscapeKeyDown: s,
+        onPointerDownOutside: i,
+        onFocusOutside: (f) => f.preventDefault(),
+        onDismiss: l,
+        children: /* @__PURE__ */ mt(
+          $t,
+          {
+            "data-state": c.stateAttribute,
+            ...d,
+            ...u,
+            ref: r,
+            style: {
+              ...u.style,
+              "--radix-tooltip-content-transform-origin": "var(--radix-popper-transform-origin)",
+              "--radix-tooltip-content-available-width": "var(--radix-popper-available-width)",
+              "--radix-tooltip-content-available-height": "var(--radix-popper-available-height)",
+              "--radix-tooltip-trigger-width": "var(--radix-popper-anchor-width)",
+              "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
+            },
+            children: [
+              /* @__PURE__ */ h(yt, { children: n }),
+              /* @__PURE__ */ h(Vt, { scope: e, isInside: !0, children: /* @__PURE__ */ h(wt, { id: c.contentId, role: "tooltip", children: a || n }) })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Ie.displayName = H;
+var Fe = "TooltipArrow", Ge = o.forwardRef(
+  (t, r) => {
+    const { __scopeTooltip: e, ...n } = t, a = K(e);
+    return qt(
+      Fe,
+      e
+    ).isInside ? null : /* @__PURE__ */ h(Ft, { ...a, ...n, ref: r });
+  }
+);
+Ge.displayName = Fe;
+function zt(t, r) {
+  const e = Math.abs(r.top - t.y), n = Math.abs(r.bottom - t.y), a = Math.abs(r.right - t.x), s = Math.abs(r.left - t.x);
+  switch (Math.min(e, n, a, s)) {
+    case s:
+      return "left";
+    case a:
+      return "right";
+    case e:
+      return "top";
+    case n:
+      return "bottom";
+    default:
+      throw new Error("unreachable");
+  }
+}
+function Zt(t, r, e = 5) {
+  const n = [];
+  switch (r) {
+    case "top":
+      n.push(
+        { x: t.x - e, y: t.y + e },
+        { x: t.x + e, y: t.y + e }
+      );
+      break;
+    case "bottom":
+      n.push(
+        { x: t.x - e, y: t.y - e },
+        { x: t.x + e, y: t.y - e }
+      );
+      break;
+    case "left":
+      n.push(
+        { x: t.x + e, y: t.y - e },
+        { x: t.x + e, y: t.y + e }
+      );
+      break;
+    case "right":
+      n.push(
+        { x: t.x - e, y: t.y - e },
+        { x: t.x - e, y: t.y + e }
+      );
+      break;
+  }
+  return n;
+}
+function Kt(t) {
+  const { top: r, right: e, bottom: n, left: a } = t;
+  return [
+    { x: a, y: r },
+    { x: e, y: r },
+    { x: e, y: n },
+    { x: a, y: n }
+  ];
+}
+function Jt(t, r) {
+  const { x: e, y: n } = t;
+  let a = !1;
+  for (let s = 0, i = r.length - 1; s < r.length; i = s++) {
+    const u = r[s].x, c = r[s].y, d = r[i].x, l = r[i].y;
+    c > n != l > n && e < (d - u) * (n - c) / (l - c) + u && (a = !a);
+  }
+  return a;
+}
+function Qt(t) {
+  const r = t.slice();
+  return r.sort((e, n) => e.x < n.x ? -1 : e.x > n.x ? 1 : e.y < n.y ? -1 : e.y > n.y ? 1 : 0), er(r);
+}
+function er(t) {
+  if (t.length <= 1) return t.slice();
+  const r = [];
+  for (let n = 0; n < t.length; n++) {
+    const a = t[n];
+    for (; r.length >= 2; ) {
+      const s = r[r.length - 1], i = r[r.length - 2];
+      if ((s.x - i.x) * (a.y - i.y) >= (s.y - i.y) * (a.x - i.x)) r.pop();
+      else break;
+    }
+    r.push(a);
+  }
+  r.pop();
+  const e = [];
+  for (let n = t.length - 1; n >= 0; n--) {
+    const a = t[n];
+    for (; e.length >= 2; ) {
+      const s = e[e.length - 1], i = e[e.length - 2];
+      if ((s.x - i.x) * (a.y - i.y) >= (s.y - i.y) * (a.x - i.x)) e.pop();
+      else break;
+    }
+    e.push(a);
+  }
+  return e.pop(), r.length === 1 && e.length === 1 && r[0].x === e[0].x && r[0].y === e[0].y ? r : r.concat(e);
+}
+var tr = Ne, Sr = Le, Or = Be, _r = He, Dr = Ie, Mr = Ge;
+function rr(t) {
+  switch (t) {
+    case "tomato":
+    case "red":
+    case "ruby":
+    case "crimson":
+    case "pink":
+    case "plum":
+    case "purple":
+    case "violet":
+      return "mauve";
+    case "iris":
+    case "indigo":
+    case "blue":
+    case "sky":
+    case "cyan":
+      return "slate";
+    case "teal":
+    case "jade":
+    case "mint":
+    case "green":
+      return "sage";
+    case "grass":
+    case "lime":
+      return "olive";
+    case "yellow":
+    case "amber":
+    case "orange":
+    case "brown":
+    case "gold":
+    case "bronze":
+      return "sand";
+    case "gray":
+      return "gray";
+  }
+}
+const nr = ["inherit", "light", "dark"], or = ["solid", "translucent"], ar = ["90%", "95%", "100%", "105%", "110%"], E = { ...Pt, hasBackground: { type: "boolean", default: !0 }, appearance: { type: "enum", values: nr, default: "inherit" }, accentColor: { type: "enum", values: Tt, default: "indigo" }, grayColor: { type: "enum", values: Rt, default: "auto" }, panelBackground: { type: "enum", values: or, default: "translucent" }, radius: { type: "enum", values: bt, default: "medium" }, scaling: { type: "enum", values: ar, default: "100%" } }, B = () => {
+}, q = o.createContext(void 0);
+function Nr() {
+  const t = o.useContext(q);
+  if (t === void 0) throw new Error("`useThemeContext` must be used within a `Theme`");
+  return t;
+}
+const sr = o.forwardRef((t, r) => o.useContext(q) === void 0 ? o.createElement(tr, { delayDuration: 200 }, o.createElement(xt, { dir: "ltr" }, o.createElement(je, { ...t, ref: r }))) : o.createElement(ie, { ...t, ref: r }));
+sr.displayName = "Theme";
+const je = o.forwardRef((t, r) => {
+  const { appearance: e = E.appearance.default, accentColor: n = E.accentColor.default, grayColor: a = E.grayColor.default, panelBackground: s = E.panelBackground.default, radius: i = E.radius.default, scaling: u = E.scaling.default, hasBackground: c = E.hasBackground.default, ...d } = t, [l, f] = o.useState(e);
+  o.useEffect(() => f(e), [e]);
+  const [y, g] = o.useState(n);
+  o.useEffect(() => g(n), [n]);
+  const [p, m] = o.useState(a);
+  o.useEffect(() => m(a), [a]);
+  const [v, C] = o.useState(s);
+  o.useEffect(() => C(s), [s]);
+  const [w, b] = o.useState(i);
+  o.useEffect(() => b(i), [i]);
+  const [x, P] = o.useState(u);
+  return o.useEffect(() => P(u), [u]), o.createElement(ie, { ...d, ref: r, isRoot: !0, hasBackground: c, appearance: l, accentColor: y, grayColor: p, panelBackground: v, radius: w, scaling: x, onAppearanceChange: f, onAccentColorChange: g, onGrayColorChange: m, onPanelBackgroundChange: C, onRadiusChange: b, onScalingChange: P });
+});
+je.displayName = "ThemeRoot";
+const ie = o.forwardRef((t, r) => {
+  const e = o.useContext(q), { asChild: n, isRoot: a, hasBackground: s, appearance: i = (e == null ? void 0 : e.appearance) ?? E.appearance.default, accentColor: u = (e == null ? void 0 : e.accentColor) ?? E.accentColor.default, grayColor: c = (e == null ? void 0 : e.resolvedGrayColor) ?? E.grayColor.default, panelBackground: d = (e == null ? void 0 : e.panelBackground) ?? E.panelBackground.default, radius: l = (e == null ? void 0 : e.radius) ?? E.radius.default, scaling: f = (e == null ? void 0 : e.scaling) ?? E.scaling.default, onAppearanceChange: y = B, onAccentColorChange: g = B, onGrayColorChange: p = B, onPanelBackgroundChange: m = B, onRadiusChange: v = B, onScalingChange: C = B, ...w } = t, b = n ? vt : "div", x = c === "auto" ? rr(u) : c, P = t.appearance === "light" || t.appearance === "dark", R = s === void 0 ? a || P : s;
+  return o.createElement(q.Provider, { value: o.useMemo(() => ({ appearance: i, accentColor: u, grayColor: c, resolvedGrayColor: x, panelBackground: d, radius: l, scaling: f, onAppearanceChange: y, onAccentColorChange: g, onGrayColorChange: p, onPanelBackgroundChange: m, onRadiusChange: v, onScalingChange: C }), [i, u, c, x, d, l, f, y, g, p, m, v, C]) }, o.createElement(b, { "data-is-root-theme": a ? "true" : "false", "data-accent-color": u, "data-gray-color": x, "data-has-background": R ? "true" : "false", "data-panel-background": d, "data-radius": l, "data-scaling": f, ref: r, ...w, className: tt("radix-themes", { light: i === "light", dark: i === "dark" }, w.className) }));
+});
+ie.displayName = "ThemeImpl";
+export {
+  Mr as A,
+  Dr as C,
+  Nr as H,
+  sr as I,
+  _r as P,
+  Sr as R,
+  Or as T,
+  we as a,
+  It as b,
+  Re as c,
+  $t as d,
+  Ft as e,
+  Ht as f
+};