@gregogun/radial-menu 0.1.0-alpha.0

package/dist/index.js

@@ -0,0 +1,763 @@
+import { jsxs as Q, Fragment as Sn, jsx as l } from "react/jsx-runtime";
+import { useEffect as _, useMemo as ln, useState as cn, useRef as C, useCallback as U, createContext as $n, useContext as An, useImperativeHandle as On } from "react";
+import { ContextMenu as z } from "@base-ui/react/context-menu";
+import { useReducedMotion as hn, useSpring as fn, useTransform as gn, LazyMotion as pn, domAnimation as mn, m as bn } from "motion/react";
+const V = 90, dn = (n) => {
+  const t = n % 360;
+  return t < 0 ? t + 360 : t;
+}, B = (n, t, e, i) => {
+  const s = i * Math.PI / 180;
+  return [n + e * Math.cos(s), t + e * Math.sin(s)];
+}, En = (n, t, e, i, s) => {
+  const c = s - i > 180 ? 1 : 0, [o, h] = B(n, t, e, i), [g, a] = B(n, t, e, s);
+  return `M ${o} ${h} A ${e} ${e} 0 ${c} 1 ${g} ${a}`;
+}, J = (n, t, e, i, s, c) => {
+  const o = c - s > 180 ? 1 : 0, [h, g] = B(n, t, i, s), [a, d] = B(n, t, i, c), [r, A] = B(n, t, e, c), [b, R] = B(n, t, e, s);
+  return `M ${h} ${g} A ${i} ${i} 0 ${o} 1 ${a} ${d} L ${r} ${A} A ${e} ${e} 0 ${o} 0 ${b} ${R} Z`;
+}, yn = (n, t, e, i, s, c, o) => {
+  const h = Math.max(2, Math.ceil(Math.abs(o - c) / 6)), g = [], a = (r) => `${(r / n * 100).toFixed(2)}%`, d = (r, A) => {
+    const [b, R] = B(t, e, r, A);
+    g.push(`${a(b)} ${a(R)}`);
+  };
+  for (let r = 0; r <= h; r++) d(s, c + (o - c) * r / h);
+  for (let r = h; r >= 0; r--) d(i, c + (o - c) * r / h);
+  return `polygon(${g.join(", ")})`;
+};
+function xn(n, t, e) {
+  const { count: i, layout: s, direction: c, size: o, ringGap: h, submenuThickness: g } = n, a = 360 / i, d = V + t * a, r = s === "full" ? a : a / 2, A = Math.min(r * e, 360), R = c === "ccw" ? d + a - A : d, y = (o + 24) / 2 + h, M = y + o * g;
+  return {
+    count: e,
+    startAngle: R,
+    span: A,
+    subStep: A / e,
+    innerR: y,
+    outerR: M
+  };
+}
+function kn(n, t) {
+  const e = n.length;
+  return (i) => {
+    var c;
+    const s = ((c = n[i]) == null ? void 0 : c.submenu) ?? [];
+    return s.length ? xn({ ...t, count: e }, i, s.length) : null;
+  };
+}
+const m = {
+  c1: "var(--radial-1, #fcfcfd)",
+  c2: "var(--radial-2, #f9f9fb)",
+  c3: "var(--radial-3, #f0f0f3)",
+  c4: "var(--radial-4, #e8e8ec)",
+  c11: "var(--radial-11, #60646c)",
+  c12: "var(--radial-12, #1c2024)"
+}, Tn = 0.072;
+function Cn({
+  selected: n,
+  count: t,
+  c: e,
+  outerR: i,
+  step: s
+}) {
+  const c = hn(), o = fn(n ?? 0, { damping: 15, stiffness: 180 });
+  _(() => {
+    if (n === null) return;
+    const d = o.get(), r = n + t * Math.round((d - n) / t);
+    c ? o.jump(r) : o.set(r);
+  }, [n, o, t, c]);
+  const h = i + 4, g = i + 12, a = gn(
+    o,
+    (d) => J(
+      e,
+      e,
+      h,
+      g,
+      V + d * s,
+      V + (d + 1) * s
+    )
+  );
+  return /* @__PURE__ */ l(pn, { features: mn, strict: !0, children: /* @__PURE__ */ l(
+    bn.path,
+    {
+      d: a,
+      fill: m.c11,
+      initial: { opacity: 0 },
+      animate: { opacity: n !== null ? 1 : 0 },
+      transition: { duration: c ? 0 : 0.15 }
+    }
+  ) });
+}
+function In({
+  menuItems: n,
+  selected: t,
+  centerLabel: e,
+  geometry: i,
+  children: s
+}) {
+  const { box: c, c: o, innerR: h, outerR: g, step: a, iconR: d } = i, r = n.length;
+  return /* @__PURE__ */ Q(Sn, { children: [
+    /* @__PURE__ */ l(
+      "circle",
+      {
+        cx: o,
+        cy: o,
+        r: (c + 24) / 2,
+        fill: m.c2,
+        stroke: m.c4,
+        strokeWidth: 1
+      }
+    ),
+    /* @__PURE__ */ l("circle", { cx: o, cy: o, r: (c + 8) / 2, fill: m.c1 }),
+    n.map((A, b) => {
+      const R = V + b * a, S = R + a, y = R + a / 2, [M, w] = B(o, o, d, y);
+      return /* @__PURE__ */ Q("g", { children: [
+        /* @__PURE__ */ l(
+          "path",
+          {
+            d: J(o, o, h, g, R, S),
+            stroke: m.c3,
+            strokeWidth: 1,
+            className: "radial-wedge",
+            "data-selected": t === b || void 0,
+            style: { fill: t === b ? m.c3 : m.c2 }
+          }
+        ),
+        /* @__PURE__ */ l(
+          "foreignObject",
+          {
+            x: M - c / 2,
+            y: w - c / 2,
+            width: c,
+            height: c,
+            className: "radial-no-pointer",
+            children: /* @__PURE__ */ l(
+              "span",
+              {
+                "aria-hidden": !0,
+                className: "radial-icon",
+                style: {
+                  fontSize: c * Tn,
+                  color: t === b ? m.c12 : m.c11
+                },
+                children: A.icon
+              }
+            )
+          }
+        )
+      ] }, A.label);
+    }),
+    /* @__PURE__ */ l(
+      Cn,
+      {
+        selected: t,
+        count: r,
+        c: o,
+        outerR: g,
+        step: a
+      }
+    ),
+    /* @__PURE__ */ l("circle", { cx: o, cy: o, r: h, fill: m.c1, stroke: m.c3 }),
+    /* @__PURE__ */ l("circle", { cx: o, cy: o, r: h - 5, fill: m.c1, stroke: m.c3 }),
+    e && /* @__PURE__ */ l(
+      "text",
+      {
+        x: o,
+        y: o,
+        textAnchor: "middle",
+        dominantBaseline: "central",
+        className: "radial-label",
+        style: { fontSize: 12, fill: m.c12 },
+        children: e
+      }
+    ),
+    s
+  ] });
+}
+function Nn(n, t) {
+  return (e) => {
+    t(e), typeof n == "function" ? n(e) : n && (n.current = e);
+  };
+}
+function Rn({
+  label: n,
+  clip: t,
+  highlighted: e,
+  onHi: i,
+  captureRef: s,
+  itemProps: c,
+  extraProps: o
+}) {
+  return _(() => {
+    i(e);
+  }, [e, i]), /* @__PURE__ */ l(
+    "div",
+    {
+      ...c,
+      ...o,
+      ref: s ? Nn(c.ref, s) : c.ref,
+      "aria-label": n,
+      className: "radial-hit",
+      style: { clipPath: t, WebkitClipPath: t }
+    }
+  );
+}
+function Pn(n, t, e, i) {
+  return (s, c) => /* @__PURE__ */ l(
+    Rn,
+    {
+      label: n,
+      clip: t,
+      highlighted: c.highlighted,
+      onHi: e,
+      captureRef: i,
+      itemProps: s
+    }
+  );
+}
+function wn({ item: n, clip: t, onHi: e, captureRef: i, box: s }) {
+  return /* @__PURE__ */ l(
+    "foreignObject",
+    {
+      x: 0,
+      y: 0,
+      width: s,
+      height: s,
+      className: "radial-no-pointer",
+      children: /* @__PURE__ */ l(
+        z.Item,
+        {
+          closeOnClick: n.closeOnSelect !== !1,
+          onClick: () => {
+            var c;
+            return (c = n.onSelect) == null ? void 0 : c.call(n);
+          },
+          render: Pn(n.label, t, e, i)
+        }
+      )
+    }
+  );
+}
+function zn({
+  item: n,
+  index: t,
+  clip: e,
+  onHi: i,
+  captureRef: s,
+  box: c,
+  open: o,
+  onOpen: h,
+  onClose: g,
+  children: a
+}) {
+  return /* @__PURE__ */ l(
+    "foreignObject",
+    {
+      x: 0,
+      y: 0,
+      width: c,
+      height: c,
+      className: "radial-no-pointer",
+      children: /* @__PURE__ */ Q(
+        z.SubmenuRoot,
+        {
+          open: o,
+          onOpenChange: (d, r) => {
+            if (d) {
+              r.reason === "trigger-press" && h(t);
+              return;
+            }
+            (r.reason === "escape-key" || r.reason === "outside-press" || r.reason === "item-press" || r.reason === "close-press") && g();
+          },
+          children: [
+            /* @__PURE__ */ l(
+              z.SubmenuTrigger,
+              {
+                render: (d, r) => /* @__PURE__ */ l(
+                  Rn,
+                  {
+                    label: n.label,
+                    clip: e,
+                    highlighted: r.highlighted || r.open,
+                    onHi: i,
+                    captureRef: s,
+                    itemProps: d,
+                    extraProps: { "aria-haspopup": "menu" }
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ l(z.Portal, { children: /* @__PURE__ */ l(
+              z.Positioner,
+              {
+                align: "center",
+                side: "top",
+                sideOffset: ({ positioner: d, anchor: r }) => -d.height / 2 - r.height / 2,
+                style: { zIndex: 10, pointerEvents: "none", outline: "none" },
+                children: /* @__PURE__ */ l(
+                  z.Popup,
+                  {
+                    className: "radial-band-popup",
+                    children: a
+                  }
+                )
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+}
+const Fn = 0.24;
+function Hn({
+  parent: n,
+  parentIndex: t,
+  count: e,
+  layout: i,
+  direction: s,
+  size: c,
+  ringGap: o,
+  submenuThickness: h,
+  captureChild: g,
+  onActiveLabel: a
+}) {
+  const d = ln(() => n.submenu ?? [], [n.submenu]), [r, A] = cn(null), { startAngle: b, span: R, subStep: S, innerR: y, outerR: M } = xn(
+    { count: e, layout: i, direction: s, size: c, ringGap: o, submenuThickness: h },
+    t,
+    d.length
+  ), w = R >= 360 - 0.5, T = s === "ccw", O = ln(() => T ? [...d] : d, [T, d]), E = M * 2, f = M, F = hn(), H = fn(r ?? 0, { damping: 22, stiffness: 260 });
+  _(() => {
+    if (r === null) return;
+    const v = w ? r + d.length * Math.round((H.get() - r) / d.length) : r;
+    F ? H.jump(v) : H.set(v);
+  }, [r, H, w, d.length, F]), _(() => {
+    var v;
+    a(r !== null ? ((v = O[r]) == null ? void 0 : v.label) ?? null : null);
+  }, [r, O, a]), _(() => () => a(null), [a]);
+  const j = M + 5, k = M + 12, L = gn(
+    H,
+    (v) => J(
+      f,
+      f,
+      j,
+      k,
+      b + v * S,
+      b + (v + 1) * S
+    )
+  );
+  return /* @__PURE__ */ l("div", { className: "radial-band-box", style: { width: E, height: E }, children: /* @__PURE__ */ Q(
+    "svg",
+    {
+      "data-radial-band": !0,
+      width: E,
+      height: E,
+      viewBox: `0 0 ${E} ${E}`,
+      className: "radial-band-svg",
+      children: [
+        O.map((v, p) => {
+          const $ = b + p * S, I = $ + S, D = ($ + I) / 2, [N, W] = B(f, f, (y + M) / 2, D);
+          return /* @__PURE__ */ Q("g", { children: [
+            /* @__PURE__ */ l(
+              "path",
+              {
+                d: J(f, f, y, M, $, I),
+                className: "radial-wedge",
+                "data-selected": r === p || void 0,
+                style: { fill: r === p ? m.c3 : m.c2 }
+              }
+            ),
+            /* @__PURE__ */ l(
+              "path",
+              {
+                d: J(f, f, M, j, $, I),
+                fill: m.c1
+              }
+            ),
+            /* @__PURE__ */ l(
+              "path",
+              {
+                d: J(f, f, j, k, $, I),
+                fill: m.c2
+              }
+            ),
+            [
+              { r: M, strong: !0 },
+              { r: k, strong: !0 }
+            ].map(({ r: q, strong: X }) => /* @__PURE__ */ l(
+              "path",
+              {
+                d: En(f, f, q, $, I),
+                fill: "none",
+                stroke: X ? m.c4 : m.c3,
+                strokeWidth: 1
+              },
+              q
+            )),
+            /* @__PURE__ */ l(
+              "foreignObject",
+              {
+                x: N - E / 2,
+                y: W - E / 2,
+                width: E,
+                height: E,
+                className: "radial-no-pointer",
+                children: /* @__PURE__ */ l(
+                  "span",
+                  {
+                    "aria-hidden": !0,
+                    className: "radial-icon",
+                    style: {
+                      fontSize: (M - y) * Fn,
+                      color: r === p ? m.c12 : m.c11
+                    },
+                    children: v.icon
+                  }
+                )
+              }
+            )
+          ] }, v.label);
+        }),
+        Array.from(
+          { length: w ? O.length : O.length - 1 },
+          (v, p) => {
+            const $ = (b + (p + 1) * S) * Math.PI / 180;
+            return /* @__PURE__ */ l(
+              "line",
+              {
+                x1: f + y * Math.cos($),
+                y1: f + y * Math.sin($),
+                x2: f + M * Math.cos($),
+                y2: f + M * Math.sin($),
+                stroke: m.c3,
+                strokeWidth: 1
+              },
+              `divider-${p}`
+            );
+          }
+        ),
+        /* @__PURE__ */ l(pn, { features: mn, strict: !0, children: /* @__PURE__ */ l(
+          bn.path,
+          {
+            d: L,
+            fill: m.c11,
+            initial: { opacity: 0 },
+            animate: { opacity: r !== null ? 1 : 0 },
+            transition: { duration: F ? 0 : 0.15 }
+          }
+        ) }),
+        O.map((v, p) => {
+          const $ = b + p * S, I = $ + S, D = yn(E, f, f, y, M, $, I);
+          return /* @__PURE__ */ l(
+            wn,
+            {
+              item: v,
+              clip: D,
+              box: E,
+              onHi: (N) => A((W) => N ? p : W === p ? null : W),
+              captureRef: (N) => g(p, N)
+            },
+            v.label
+          );
+        })
+      ]
+    }
+  ) });
+}
+function Dn(n) {
+  const t = C([]), e = C([]), i = C(null);
+  i.current !== n.openSub && (e.current = [], i.current = n.openSub);
+  const s = C(n);
+  s.current = n;
+  const c = C(null), o = C(null), h = U(() => {
+    c.current !== null && (clearTimeout(c.current), c.current = null), o.current = null;
+  }, []), g = C(null), a = C(null), d = U((r) => {
+    var M;
+    if ((M = a.current) == null || M.call(a), a.current = null, h(), g.current = null, !r) return;
+    const A = () => {
+      const w = document.activeElement;
+      w && (t.current.includes(w) || e.current.includes(w)) && w.blur();
+    }, b = (w) => {
+      !w || w === g.current || (g.current = w, w.dispatchEvent(
+        new MouseEvent("mousemove", { bubbles: !0, cancelable: !0 })
+      ));
+    };
+    let R = null;
+    const S = (w) => {
+      var en;
+      const { menuItems: T, count: O, box: E, innerR: f, outerR: F, step: H, openDelay: j, subRadii: k, setOpenSub: L, onArm: v, onCancel: p } = s.current;
+      R === null && (R = r.getBoundingClientRect(), requestAnimationFrame(() => {
+        R = null;
+      }));
+      const $ = R.width / E, I = R.left + R.width / 2, D = R.top + R.height / 2, N = w.clientX - I, W = w.clientY - D, q = Math.hypot(N, W) / $, X = Math.atan2(W, N) * 180 / Math.PI, nn = i.current;
+      if (q < f) {
+        h(), nn !== null && L(null), A(), p == null || p(), g.current = null;
+        return;
+      }
+      if (v == null || v(), nn !== null) {
+        const u = k(nn);
+        if (u && q >= F) {
+          const x = dn(X - u.startAngle);
+          if (u.span >= 360 - 0.5) {
+            const K = Math.min(Math.floor(x / u.subStep), u.count - 1);
+            b(e.current[K]);
+            return;
+          }
+          const P = x >= 180 ? x - 360 : x, rn = H;
+          if (P >= -rn && P < u.span + rn) {
+            const K = P < 0 ? 0 : Math.min(Math.floor(P / u.subStep), u.count - 1);
+            b(e.current[K]);
+            return;
+          }
+        }
+      }
+      const on = dn(X - V), G = Math.min(Math.floor(on / H), O - 1);
+      b(t.current[G]);
+      const Y = !!((en = T[G].submenu) != null && en.length);
+      Y && i.current !== G ? o.current !== G && (h(), o.current = G, c.current = window.setTimeout(() => {
+        L(G), h();
+      }, j)) : Y || (h(), i.current !== null && L(null));
+    }, y = (w) => {
+      var T, O;
+      w.key !== "Escape" && ((O = (T = s.current).onArm) == null || O.call(T));
+    };
+    window.addEventListener("pointermove", S), window.addEventListener("keydown", y, !0), a.current = () => {
+      window.removeEventListener("pointermove", S), window.removeEventListener("keydown", y, !0);
+    };
+  }, [h]);
+  return _(
+    () => () => {
+      var r;
+      (r = a.current) == null || r.call(a), h();
+    },
+    [h]
+  ), { attachRouter: d, rootEls: t, subEls: e };
+}
+const Mn = $n(
+  null
+);
+function Wn() {
+  const n = An(Mn);
+  if (n === null)
+    throw new Error("RadialMenu.Trigger must be rendered inside RadialMenu.Root");
+  return n;
+}
+const Z = {
+  size: 250,
+  layout: "halved",
+  direction: "cw",
+  submenuThickness: 0.3,
+  ringGap: 8,
+  openDelay: 280
+};
+function Bn(n) {
+  var en;
+  const t = n.items, e = n.size ?? Z.size, i = n.layout ?? Z.layout, s = n.direction ?? Z.direction, c = n.submenuThickness ?? Z.submenuThickness, o = n.ringGap ?? Z.ringGap, h = n.openDelay ?? Z.openDelay, g = t.length, a = C(null), d = n.children != null, r = C(null), A = U((u) => {
+    a.current = u;
+  }, []), b = U((u, x) => {
+    const P = a.current;
+    P && P.dispatchEvent(
+      new MouseEvent("contextmenu", {
+        bubbles: !0,
+        cancelable: !0,
+        clientX: u,
+        clientY: x
+      })
+    );
+  }, []);
+  On(
+    n.actionsRef,
+    () => ({
+      open: b,
+      openAtElement: (u) => {
+        const x = u.getBoundingClientRect();
+        b(x.left + x.width / 2, x.top + x.height / 2);
+      },
+      close: () => {
+        var u;
+        return (u = r.current) == null ? void 0 : u.close();
+      }
+    }),
+    [b]
+  );
+  const R = ln(() => ({ registerTrigger: A }), [A]), S = C(!1), y = C(null), M = U(() => {
+    S.current || (S.current = !0, y.current !== null && (O(y.current), y.current = null));
+  }, []), w = U(() => {
+    k.current !== null && (cancelAnimationFrame(k.current), k.current = null), S.current = !1, y.current = E.current, O(null);
+  }, []), [T, O] = cn(null), E = C(null);
+  E.current = T;
+  const [f, F] = cn(null), [H, j] = cn(null), k = C(null), L = C(null), v = U((u, x) => {
+    if (x) {
+      if (!S.current) {
+        y.current = u;
+        return;
+      }
+      L.current = u, k.current !== null && cancelAnimationFrame(k.current), k.current = null, O(u);
+      return;
+    }
+    if (!S.current) {
+      y.current === u && (y.current = null);
+      return;
+    }
+    u !== L.current && k.current === null && (k.current = requestAnimationFrame(() => {
+      k.current = null, O((P) => P === u ? null : P);
+    }));
+  }, []);
+  _(
+    () => () => {
+      k.current !== null && cancelAnimationFrame(k.current);
+    },
+    []
+  );
+  const p = e, $ = e / 2, I = e / 2, D = e * 0.25, N = 360 / g, W = e * 0.375, q = kn(t, {
+    layout: i,
+    direction: s,
+    size: e,
+    ringGap: o,
+    submenuThickness: c
+  });
+  _(() => {
+    f !== null && T !== null && T !== f && F(null);
+  }, [T, f]);
+  const { attachRouter: X, rootEls: nn, subEls: on } = Dn({
+    menuItems: t,
+    count: g,
+    box: p,
+    innerR: D,
+    outerR: I,
+    step: N,
+    openDelay: h,
+    subRadii: q,
+    openSub: f,
+    setOpenSub: F,
+    onArm: M,
+    onCancel: w
+  }), G = f !== null && H !== null ? H : T !== null ? ((en = t[T]) == null ? void 0 : en.label) ?? null : null, Y = {};
+  return n.open !== void 0 && (Y.open = n.open), n.defaultOpen !== void 0 && (Y.defaultOpen = n.defaultOpen), /* @__PURE__ */ l(Mn.Provider, { value: R, children: /* @__PURE__ */ Q(
+    z.Root,
+    {
+      ...Y,
+      actionsRef: r,
+      onOpenChange: (u) => {
+        var x;
+        u ? (S.current = !1, y.current = null, O(null)) : (O(null), F(null)), (x = n.onOpenChange) == null || x.call(n, u);
+      },
+      children: [
+        d ? n.children : /* @__PURE__ */ l(
+          z.Trigger,
+          {
+            render: (u) => /* @__PURE__ */ l(
+              "span",
+              {
+                ...u,
+                ref: A,
+                "aria-hidden": !0,
+                style: {
+                  position: "fixed",
+                  width: 0,
+                  height: 0,
+                  overflow: "hidden"
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ l(z.Portal, { children: /* @__PURE__ */ l(
+          z.Positioner,
+          {
+            align: "center",
+            sideOffset: ({ positioner: u }) => -u.height / 2,
+            collisionAvoidance: { side: "shift", align: "shift" },
+            collisionPadding: 8,
+            style: { zIndex: 20, outline: "none" },
+            children: /* @__PURE__ */ l(
+              z.Popup,
+              {
+                className: "radial-popup",
+                style: { width: e, height: e },
+                children: /* @__PURE__ */ l(
+                  "svg",
+                  {
+                    ref: X,
+                    "data-radial-root": !0,
+                    width: p,
+                    height: p,
+                    viewBox: `0 0 ${p} ${p}`,
+                    className: "radial-svg",
+                    children: /* @__PURE__ */ l(
+                      In,
+                      {
+                        menuItems: t,
+                        selected: T,
+                        centerLabel: G,
+                        geometry: { box: p, c: $, innerR: D, outerR: I, step: N, iconR: W },
+                        children: t.map((u, x) => {
+                          var an;
+                          const P = V + x * N, rn = P + N, K = yn(p, $, $, D, I, P, rn), sn = (tn) => v(x, tn), un = (tn) => {
+                            nn.current[x] = tn;
+                          };
+                          return (an = u.submenu) != null && an.length ? /* @__PURE__ */ l(
+                            zn,
+                            {
+                              item: u,
+                              index: x,
+                              clip: K,
+                              box: p,
+                              onHi: sn,
+                              captureRef: un,
+                              open: f === x,
+                              onOpen: F,
+                              onClose: () => F(null),
+                              children: /* @__PURE__ */ l(
+                                Hn,
+                                {
+                                  parent: u,
+                                  parentIndex: x,
+                                  count: g,
+                                  layout: i,
+                                  direction: s,
+                                  size: e,
+                                  ringGap: o,
+                                  submenuThickness: c,
+                                  captureChild: (tn, vn) => {
+                                    on.current[tn] = vn;
+                                  },
+                                  onActiveLabel: j
+                                }
+                              )
+                            },
+                            u.label
+                          ) : /* @__PURE__ */ l(
+                            wn,
+                            {
+                              item: u,
+                              clip: K,
+                              box: p,
+                              onHi: sn,
+                              captureRef: un
+                            },
+                            u.label
+                          );
+                        })
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  ) });
+}
+function Ln(n) {
+  const { registerTrigger: t } = Wn();
+  return /* @__PURE__ */ l(z.Trigger, { ...n, ref: t });
+}
+const Un = {
+  Root: Bn,
+  Trigger: Ln
+};
+export {
+  Un as RadialMenu,
+  Bn as RadialMenuRoot,
+  Ln as RadialMenuTrigger
+};