@tipp/ui 1.0.0 → 1.0.2

package/dist/theme-7Cjo8_Y6.js

@@ -1,795 +0,0 @@
-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
-};