@pdf-viewer/react 1.9.0-beta.3 → 1.9.0-beta.5

package/dist/index-473557b1.js

@@ -0,0 +1,1191 @@
+import * as a from "react";
+import X from "react";
+import { c as ce, u as k, S as Me, P as O, f as Bt, g as pe, h as ke, e as Ge, a as C, b as me, j as Ke, k as Yt } from "./index-8547fbc6.js";
+import { jsx as s } from "react/jsx-runtime";
+import { a as Ht, b as Vt, o as Xt, s as Wt, l as jt, f as zt, c as Zt, d as qt, h as Jt, u as Ce, D as Qt } from "./floating-ui.react-dom-f3f380e0.js";
+import { h as en, u as tn, F as nn, R as on, P as rn } from "./Combination-da8647d4.js";
+function $e(e) {
+  const n = e + "CollectionProvider", [t, o] = ce(n), [r, c] = t(
+    n,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), u = (h) => {
+    const { scope: d, children: w } = h, R = X.useRef(null), M = X.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ s(r, { scope: d, itemMap: M, collectionRef: R, children: w });
+  };
+  u.displayName = n;
+  const l = e + "CollectionSlot", f = X.forwardRef(
+    (h, d) => {
+      const { scope: w, children: R } = h, M = c(l, w), _ = k(d, M.collectionRef);
+      return /* @__PURE__ */ s(Me, { ref: _, children: R });
+    }
+  );
+  f.displayName = l;
+  const p = e + "CollectionItemSlot", m = "data-radix-collection-item", i = X.forwardRef(
+    (h, d) => {
+      const { scope: w, children: R, ...M } = h, _ = X.useRef(null), S = k(d, _), x = c(p, w);
+      return X.useEffect(() => (x.itemMap.set(_, { ref: _, ...M }), () => void x.itemMap.delete(_))), /* @__PURE__ */ s(Me, { [m]: "", ref: S, children: R });
+    }
+  );
+  i.displayName = p;
+  function v(h) {
+    const d = c(e + "CollectionConsumer", h);
+    return X.useCallback(() => {
+      const R = d.collectionRef.current;
+      if (!R)
+        return [];
+      const M = Array.from(R.querySelectorAll(`[${m}]`));
+      return Array.from(d.itemMap.values()).sort(
+        (x, L) => M.indexOf(x.ref.current) - M.indexOf(L.ref.current)
+      );
+    }, [d.collectionRef, d.itemMap]);
+  }
+  return [
+    { Provider: u, Slot: f, ItemSlot: i },
+    v,
+    o
+  ];
+}
+var an = a.createContext(void 0);
+function Ue(e) {
+  const n = a.useContext(an);
+  return e || n || "ltr";
+}
+var cn = "Arrow", Be = a.forwardRef((e, n) => {
+  const { children: t, width: o = 10, height: r = 5, ...c } = e;
+  return /* @__PURE__ */ s(
+    O.svg,
+    {
+      ...c,
+      ref: n,
+      width: o,
+      height: r,
+      viewBox: "0 0 30 10",
+      preserveAspectRatio: "none",
+      children: e.asChild ? t : /* @__PURE__ */ s("polygon", { points: "0,0 30,0 15,10" })
+    }
+  );
+});
+Be.displayName = cn;
+var sn = Be, Pe = "Popper", [Ye, He] = ce(Pe), [un, Ve] = Ye(Pe), Xe = (e) => {
+  const { __scopePopper: n, children: t } = e, [o, r] = a.useState(null);
+  return /* @__PURE__ */ s(un, { scope: n, anchor: o, onAnchorChange: r, children: t });
+};
+Xe.displayName = Pe;
+var We = "PopperAnchor", je = a.forwardRef(
+  (e, n) => {
+    const { __scopePopper: t, virtualRef: o, ...r } = e, c = Ve(We, t), u = a.useRef(null), l = k(n, u);
+    return a.useEffect(() => {
+      c.onAnchorChange((o == null ? void 0 : o.current) || u.current);
+    }), o ? null : /* @__PURE__ */ s(O.div, { ...r, ref: l });
+  }
+);
+je.displayName = We;
+var Ie = "PopperContent", [dn, ln] = Ye(Ie), ze = a.forwardRef(
+  (e, n) => {
+    var U, ee, A, te, Ne, Oe;
+    const {
+      __scopePopper: t,
+      side: o = "bottom",
+      sideOffset: r = 0,
+      align: c = "center",
+      alignOffset: u = 0,
+      arrowPadding: l = 0,
+      avoidCollisions: f = !0,
+      collisionBoundary: p = [],
+      collisionPadding: m = 0,
+      sticky: i = "partial",
+      hideWhenDetached: v = !1,
+      updatePositionStrategy: h = "optimized",
+      onPlaced: d,
+      ...w
+    } = e, R = Ve(Ie, t), [M, _] = a.useState(null), S = k(n, (ne) => _(ne)), [x, L] = a.useState(null), T = Bt(x), G = (T == null ? void 0 : T.width) ?? 0, P = (T == null ? void 0 : T.height) ?? 0, B = o + (c !== "center" ? "-" + c : ""), K = typeof m == "number" ? m : { top: 0, right: 0, bottom: 0, left: 0, ...m }, Y = Array.isArray(p) ? p : [p], H = Y.length > 0, $ = {
+      padding: K,
+      boundary: Y.filter(pn),
+      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+      altBoundary: H
+    }, { refs: z, floatingStyles: Z, placement: N, isPositioned: q, middlewareData: b } = Ht({
+      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+      strategy: "fixed",
+      placement: B,
+      whileElementsMounted: (...ne) => Vt(...ne, {
+        animationFrame: h === "always"
+      }),
+      elements: {
+        reference: R.anchor
+      },
+      middleware: [
+        Xt({ mainAxis: r + P, alignmentAxis: u }),
+        f && Wt({
+          mainAxis: !0,
+          crossAxis: !1,
+          limiter: i === "partial" ? jt() : void 0,
+          ...$
+        }),
+        f && zt({ ...$ }),
+        Zt({
+          ...$,
+          apply: ({ elements: ne, rects: Fe, availableWidth: Gt, availableHeight: Kt }) => {
+            const { width: $t, height: Ut } = Fe.reference, de = ne.floating.style;
+            de.setProperty("--radix-popper-available-width", `${Gt}px`), de.setProperty("--radix-popper-available-height", `${Kt}px`), de.setProperty("--radix-popper-anchor-width", `${$t}px`), de.setProperty("--radix-popper-anchor-height", `${Ut}px`);
+          }
+        }),
+        x && qt({ element: x, padding: l }),
+        mn({ arrowWidth: G, arrowHeight: P }),
+        v && Jt({ strategy: "referenceHidden", ...$ })
+      ]
+    }), [g, E] = Je(N), I = pe(d);
+    ke(() => {
+      q && (I == null || I());
+    }, [q, I]);
+    const F = (U = b.arrow) == null ? void 0 : U.x, J = (ee = b.arrow) == null ? void 0 : ee.y, Q = ((A = b.arrow) == null ? void 0 : A.centerOffset) !== 0, [ue, V] = a.useState();
+    return ke(() => {
+      M && V(window.getComputedStyle(M).zIndex);
+    }, [M]), /* @__PURE__ */ s(
+      "div",
+      {
+        ref: z.setFloating,
+        "data-radix-popper-content-wrapper": "",
+        style: {
+          ...Z,
+          transform: q ? Z.transform : "translate(0, -200%)",
+          // keep off the page when measuring
+          minWidth: "max-content",
+          zIndex: ue,
+          "--radix-popper-transform-origin": [
+            (te = b.transformOrigin) == null ? void 0 : te.x,
+            (Ne = b.transformOrigin) == null ? void 0 : Ne.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
+          ...((Oe = b.hide) == null ? void 0 : Oe.referenceHidden) && {
+            visibility: "hidden",
+            pointerEvents: "none"
+          }
+        },
+        dir: e.dir,
+        children: /* @__PURE__ */ s(
+          dn,
+          {
+            scope: t,
+            placedSide: g,
+            onArrowChange: L,
+            arrowX: F,
+            arrowY: J,
+            shouldHideArrow: Q,
+            children: /* @__PURE__ */ s(
+              O.div,
+              {
+                "data-side": g,
+                "data-align": E,
+                ...w,
+                ref: S,
+                style: {
+                  ...w.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: q ? void 0 : "none"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+ze.displayName = Ie;
+var Ze = "PopperArrow", fn = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, qe = a.forwardRef(function(n, t) {
+  const { __scopePopper: o, ...r } = n, c = ln(Ze, o), u = fn[c.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__ */ s(
+      "span",
+      {
+        ref: c.onArrowChange,
+        style: {
+          position: "absolute",
+          left: c.arrowX,
+          top: c.arrowY,
+          [u]: 0,
+          transformOrigin: {
+            top: "",
+            right: "0 0",
+            bottom: "center 0",
+            left: "100% 0"
+          }[c.placedSide],
+          transform: {
+            top: "translateY(100%)",
+            right: "translateY(50%) rotate(90deg) translateX(-50%)",
+            bottom: "rotate(180deg)",
+            left: "translateY(50%) rotate(-90deg) translateX(50%)"
+          }[c.placedSide],
+          visibility: c.shouldHideArrow ? "hidden" : void 0
+        },
+        children: /* @__PURE__ */ s(
+          sn,
+          {
+            ...r,
+            ref: t,
+            style: {
+              ...r.style,
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            }
+          }
+        )
+      }
+    )
+  );
+});
+qe.displayName = Ze;
+function pn(e) {
+  return e !== null;
+}
+var mn = (e) => ({
+  name: "transformOrigin",
+  options: e,
+  fn(n) {
+    var R, M, _;
+    const { placement: t, rects: o, middlewareData: r } = n, u = ((R = r.arrow) == null ? void 0 : R.centerOffset) !== 0, l = u ? 0 : e.arrowWidth, f = u ? 0 : e.arrowHeight, [p, m] = Je(t), i = { start: "0%", center: "50%", end: "100%" }[m], v = (((M = r.arrow) == null ? void 0 : M.x) ?? 0) + l / 2, h = (((_ = r.arrow) == null ? void 0 : _.y) ?? 0) + f / 2;
+    let d = "", w = "";
+    return p === "bottom" ? (d = u ? i : `${v}px`, w = `${-f}px`) : p === "top" ? (d = u ? i : `${v}px`, w = `${o.floating.height + f}px`) : p === "right" ? (d = `${-f}px`, w = u ? i : `${h}px`) : p === "left" && (d = `${o.floating.width + f}px`, w = u ? i : `${h}px`), { data: { x: d, y: w } };
+  }
+});
+function Je(e) {
+  const [n, t = "center"] = e.split("-");
+  return [n, t];
+}
+var vn = Xe, gn = je, hn = ze, wn = qe, we = "rovingFocusGroup.onEntryFocus", Mn = { bubbles: !1, cancelable: !0 }, ve = "RovingFocusGroup", [_e, Qe, Cn] = $e(ve), [_n, et] = ce(
+  ve,
+  [Cn]
+), [Rn, Pn] = _n(ve), tt = a.forwardRef(
+  (e, n) => /* @__PURE__ */ s(_e.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ s(_e.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ s(In, { ...e, ref: n }) }) })
+);
+tt.displayName = ve;
+var In = a.forwardRef((e, n) => {
+  const {
+    __scopeRovingFocusGroup: t,
+    orientation: o,
+    loop: r = !1,
+    dir: c,
+    currentTabStopId: u,
+    defaultCurrentTabStopId: l,
+    onCurrentTabStopIdChange: f,
+    onEntryFocus: p,
+    preventScrollOnEntryFocus: m = !1,
+    ...i
+  } = e, v = a.useRef(null), h = k(n, v), d = Ue(c), [w = null, R] = Ge({
+    prop: u,
+    defaultProp: l,
+    onChange: f
+  }), [M, _] = a.useState(!1), S = pe(p), x = Qe(t), L = a.useRef(!1), [T, G] = a.useState(0);
+  return a.useEffect(() => {
+    const P = v.current;
+    if (P)
+      return P.addEventListener(we, S), () => P.removeEventListener(we, S);
+  }, [S]), /* @__PURE__ */ s(
+    Rn,
+    {
+      scope: t,
+      orientation: o,
+      dir: d,
+      loop: r,
+      currentTabStopId: w,
+      onItemFocus: a.useCallback(
+        (P) => R(P),
+        [R]
+      ),
+      onItemShiftTab: a.useCallback(() => _(!0), []),
+      onFocusableItemAdd: a.useCallback(
+        () => G((P) => P + 1),
+        []
+      ),
+      onFocusableItemRemove: a.useCallback(
+        () => G((P) => P - 1),
+        []
+      ),
+      children: /* @__PURE__ */ s(
+        O.div,
+        {
+          tabIndex: M || T === 0 ? -1 : 0,
+          "data-orientation": o,
+          ...i,
+          ref: h,
+          style: { outline: "none", ...e.style },
+          onMouseDown: C(e.onMouseDown, () => {
+            L.current = !0;
+          }),
+          onFocus: C(e.onFocus, (P) => {
+            const B = !L.current;
+            if (P.target === P.currentTarget && B && !M) {
+              const K = new CustomEvent(we, Mn);
+              if (P.currentTarget.dispatchEvent(K), !K.defaultPrevented) {
+                const Y = x().filter((N) => N.focusable), H = Y.find((N) => N.active), $ = Y.find((N) => N.id === w), Z = [H, $, ...Y].filter(
+                  Boolean
+                ).map((N) => N.ref.current);
+                rt(Z, m);
+              }
+            }
+            L.current = !1;
+          }),
+          onBlur: C(e.onBlur, () => _(!1))
+        }
+      )
+    }
+  );
+}), nt = "RovingFocusGroupItem", ot = a.forwardRef(
+  (e, n) => {
+    const {
+      __scopeRovingFocusGroup: t,
+      focusable: o = !0,
+      active: r = !1,
+      tabStopId: c,
+      ...u
+    } = e, l = Ce(), f = c || l, p = Pn(nt, t), m = p.currentTabStopId === f, i = Qe(t), { onFocusableItemAdd: v, onFocusableItemRemove: h } = p;
+    return a.useEffect(() => {
+      if (o)
+        return v(), () => h();
+    }, [o, v, h]), /* @__PURE__ */ s(
+      _e.ItemSlot,
+      {
+        scope: t,
+        id: f,
+        focusable: o,
+        active: r,
+        children: /* @__PURE__ */ s(
+          O.span,
+          {
+            tabIndex: m ? 0 : -1,
+            "data-orientation": p.orientation,
+            ...u,
+            ref: n,
+            onMouseDown: C(e.onMouseDown, (d) => {
+              o ? p.onItemFocus(f) : d.preventDefault();
+            }),
+            onFocus: C(e.onFocus, () => p.onItemFocus(f)),
+            onKeyDown: C(e.onKeyDown, (d) => {
+              if (d.key === "Tab" && d.shiftKey) {
+                p.onItemShiftTab();
+                return;
+              }
+              if (d.target !== d.currentTarget)
+                return;
+              const w = Sn(d, p.orientation, p.dir);
+              if (w !== void 0) {
+                if (d.metaKey || d.ctrlKey || d.altKey || d.shiftKey)
+                  return;
+                d.preventDefault();
+                let M = i().filter((_) => _.focusable).map((_) => _.ref.current);
+                if (w === "last")
+                  M.reverse();
+                else if (w === "prev" || w === "next") {
+                  w === "prev" && M.reverse();
+                  const _ = M.indexOf(d.currentTarget);
+                  M = p.loop ? xn(M, _ + 1) : M.slice(_ + 1);
+                }
+                setTimeout(() => rt(M));
+              }
+            })
+          }
+        )
+      }
+    );
+  }
+);
+ot.displayName = nt;
+var yn = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function En(e, n) {
+  return n !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function Sn(e, n, t) {
+  const o = En(e.key, t);
+  if (!(n === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(n === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
+    return yn[o];
+}
+function rt(e, n = !1) {
+  const t = document.activeElement;
+  for (const o of e)
+    if (o === t || (o.focus({ preventScroll: n }), document.activeElement !== t))
+      return;
+}
+function xn(e, n) {
+  return e.map((t, o) => e[(n + o) % e.length]);
+}
+var bn = tt, An = ot, Re = ["Enter", " "], Dn = ["ArrowDown", "PageUp", "Home"], at = ["ArrowUp", "PageDown", "End"], Tn = [...Dn, ...at], Nn = {
+  ltr: [...Re, "ArrowRight"],
+  rtl: [...Re, "ArrowLeft"]
+}, On = {
+  ltr: ["ArrowLeft"],
+  rtl: ["ArrowRight"]
+}, se = "Menu", [re, Fn, kn] = $e(se), [W, ct] = ce(se, [
+  kn,
+  He,
+  et
+]), ge = He(), st = et(), [Ln, j] = W(se), [Gn, ie] = W(se), it = (e) => {
+  const { __scopeMenu: n, open: t = !1, children: o, dir: r, onOpenChange: c, modal: u = !0 } = e, l = ge(n), [f, p] = a.useState(null), m = a.useRef(!1), i = pe(c), v = Ue(r);
+  return a.useEffect(() => {
+    const h = () => {
+      m.current = !0, document.addEventListener("pointerdown", d, { capture: !0, once: !0 }), document.addEventListener("pointermove", d, { capture: !0, once: !0 });
+    }, d = () => m.current = !1;
+    return document.addEventListener("keydown", h, { capture: !0 }), () => {
+      document.removeEventListener("keydown", h, { capture: !0 }), document.removeEventListener("pointerdown", d, { capture: !0 }), document.removeEventListener("pointermove", d, { capture: !0 });
+    };
+  }, []), /* @__PURE__ */ s(vn, { ...l, children: /* @__PURE__ */ s(
+    Ln,
+    {
+      scope: n,
+      open: t,
+      onOpenChange: i,
+      content: f,
+      onContentChange: p,
+      children: /* @__PURE__ */ s(
+        Gn,
+        {
+          scope: n,
+          onClose: a.useCallback(() => i(!1), [i]),
+          isUsingKeyboardRef: m,
+          dir: v,
+          modal: u,
+          children: o
+        }
+      )
+    }
+  ) });
+};
+it.displayName = se;
+var Kn = "MenuAnchor", ye = a.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, ...o } = e, r = ge(t);
+    return /* @__PURE__ */ s(gn, { ...r, ...o, ref: n });
+  }
+);
+ye.displayName = Kn;
+var Ee = "MenuPortal", [$n, ut] = W(Ee, {
+  forceMount: void 0
+}), dt = (e) => {
+  const { __scopeMenu: n, forceMount: t, children: o, container: r } = e, c = j(Ee, n);
+  return /* @__PURE__ */ s($n, { scope: n, forceMount: t, children: /* @__PURE__ */ s(me, { present: t || c.open, children: /* @__PURE__ */ s(rn, { asChild: !0, container: r, children: o }) }) });
+};
+dt.displayName = Ee;
+var D = "MenuContent", [Un, Se] = W(D), lt = a.forwardRef(
+  (e, n) => {
+    const t = ut(D, e.__scopeMenu), { forceMount: o = t.forceMount, ...r } = e, c = j(D, e.__scopeMenu), u = ie(D, e.__scopeMenu);
+    return /* @__PURE__ */ s(re.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(me, { present: o || c.open, children: /* @__PURE__ */ s(re.Slot, { scope: e.__scopeMenu, children: u.modal ? /* @__PURE__ */ s(Bn, { ...r, ref: n }) : /* @__PURE__ */ s(Yn, { ...r, ref: n }) }) }) });
+  }
+), Bn = a.forwardRef(
+  (e, n) => {
+    const t = j(D, e.__scopeMenu), o = a.useRef(null), r = k(n, o);
+    return a.useEffect(() => {
+      const c = o.current;
+      if (c)
+        return en(c);
+    }, []), /* @__PURE__ */ s(
+      xe,
+      {
+        ...e,
+        ref: r,
+        trapFocus: t.open,
+        disableOutsidePointerEvents: t.open,
+        disableOutsideScroll: !0,
+        onFocusOutside: C(
+          e.onFocusOutside,
+          (c) => c.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        ),
+        onDismiss: () => t.onOpenChange(!1)
+      }
+    );
+  }
+), Yn = a.forwardRef((e, n) => {
+  const t = j(D, e.__scopeMenu);
+  return /* @__PURE__ */ s(
+    xe,
+    {
+      ...e,
+      ref: n,
+      trapFocus: !1,
+      disableOutsidePointerEvents: !1,
+      disableOutsideScroll: !1,
+      onDismiss: () => t.onOpenChange(!1)
+    }
+  );
+}), xe = a.forwardRef(
+  (e, n) => {
+    const {
+      __scopeMenu: t,
+      loop: o = !1,
+      trapFocus: r,
+      onOpenAutoFocus: c,
+      onCloseAutoFocus: u,
+      disableOutsidePointerEvents: l,
+      onEntryFocus: f,
+      onEscapeKeyDown: p,
+      onPointerDownOutside: m,
+      onFocusOutside: i,
+      onInteractOutside: v,
+      onDismiss: h,
+      disableOutsideScroll: d,
+      ...w
+    } = e, R = j(D, t), M = ie(D, t), _ = ge(t), S = st(t), x = Fn(t), [L, T] = a.useState(null), G = a.useRef(null), P = k(n, G, R.onContentChange), B = a.useRef(0), K = a.useRef(""), Y = a.useRef(0), H = a.useRef(null), $ = a.useRef("right"), z = a.useRef(0), Z = d ? on : a.Fragment, N = d ? { as: Me, allowPinchZoom: !0 } : void 0, q = (g) => {
+      var U, ee;
+      const E = K.current + g, I = x().filter((A) => !A.disabled), F = document.activeElement, J = (U = I.find((A) => A.ref.current === F)) == null ? void 0 : U.textValue, Q = I.map((A) => A.textValue), ue = to(Q, E, J), V = (ee = I.find((A) => A.textValue === ue)) == null ? void 0 : ee.ref.current;
+      (function A(te) {
+        K.current = te, window.clearTimeout(B.current), te !== "" && (B.current = window.setTimeout(() => A(""), 1e3));
+      })(E), V && setTimeout(() => V.focus());
+    };
+    a.useEffect(() => () => window.clearTimeout(B.current), []), tn();
+    const b = a.useCallback((g) => {
+      var I, F;
+      return $.current === ((I = H.current) == null ? void 0 : I.side) && oo(g, (F = H.current) == null ? void 0 : F.area);
+    }, []);
+    return /* @__PURE__ */ s(
+      Un,
+      {
+        scope: t,
+        searchRef: K,
+        onItemEnter: a.useCallback(
+          (g) => {
+            b(g) && g.preventDefault();
+          },
+          [b]
+        ),
+        onItemLeave: a.useCallback(
+          (g) => {
+            var E;
+            b(g) || ((E = G.current) == null || E.focus(), T(null));
+          },
+          [b]
+        ),
+        onTriggerLeave: a.useCallback(
+          (g) => {
+            b(g) && g.preventDefault();
+          },
+          [b]
+        ),
+        pointerGraceTimerRef: Y,
+        onPointerGraceIntentChange: a.useCallback((g) => {
+          H.current = g;
+        }, []),
+        children: /* @__PURE__ */ s(Z, { ...N, children: /* @__PURE__ */ s(
+          nn,
+          {
+            asChild: !0,
+            trapped: r,
+            onMountAutoFocus: C(c, (g) => {
+              var E;
+              g.preventDefault(), (E = G.current) == null || E.focus({ preventScroll: !0 });
+            }),
+            onUnmountAutoFocus: u,
+            children: /* @__PURE__ */ s(
+              Qt,
+              {
+                asChild: !0,
+                disableOutsidePointerEvents: l,
+                onEscapeKeyDown: p,
+                onPointerDownOutside: m,
+                onFocusOutside: i,
+                onInteractOutside: v,
+                onDismiss: h,
+                children: /* @__PURE__ */ s(
+                  bn,
+                  {
+                    asChild: !0,
+                    ...S,
+                    dir: M.dir,
+                    orientation: "vertical",
+                    loop: o,
+                    currentTabStopId: L,
+                    onCurrentTabStopIdChange: T,
+                    onEntryFocus: C(f, (g) => {
+                      M.isUsingKeyboardRef.current || g.preventDefault();
+                    }),
+                    preventScrollOnEntryFocus: !0,
+                    children: /* @__PURE__ */ s(
+                      hn,
+                      {
+                        role: "menu",
+                        "aria-orientation": "vertical",
+                        "data-state": St(R.open),
+                        "data-radix-menu-content": "",
+                        dir: M.dir,
+                        ..._,
+                        ...w,
+                        ref: P,
+                        style: { outline: "none", ...w.style },
+                        onKeyDown: C(w.onKeyDown, (g) => {
+                          const I = g.target.closest("[data-radix-menu-content]") === g.currentTarget, F = g.ctrlKey || g.altKey || g.metaKey, J = g.key.length === 1;
+                          I && (g.key === "Tab" && g.preventDefault(), !F && J && q(g.key));
+                          const Q = G.current;
+                          if (g.target !== Q || !Tn.includes(g.key))
+                            return;
+                          g.preventDefault();
+                          const V = x().filter((U) => !U.disabled).map((U) => U.ref.current);
+                          at.includes(g.key) && V.reverse(), Qn(V);
+                        }),
+                        onBlur: C(e.onBlur, (g) => {
+                          g.currentTarget.contains(g.target) || (window.clearTimeout(B.current), K.current = "");
+                        }),
+                        onPointerMove: C(
+                          e.onPointerMove,
+                          ae((g) => {
+                            const E = g.target, I = z.current !== g.clientX;
+                            if (g.currentTarget.contains(E) && I) {
+                              const F = g.clientX > z.current ? "right" : "left";
+                              $.current = F, z.current = g.clientX;
+                            }
+                          })
+                        )
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+lt.displayName = D;
+var Hn = "MenuGroup", be = a.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, ...o } = e;
+    return /* @__PURE__ */ s(O.div, { role: "group", ...o, ref: n });
+  }
+);
+be.displayName = Hn;
+var Vn = "MenuLabel", ft = a.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, ...o } = e;
+    return /* @__PURE__ */ s(O.div, { ...o, ref: n });
+  }
+);
+ft.displayName = Vn;
+var le = "MenuItem", Le = "menu.itemSelect", he = a.forwardRef(
+  (e, n) => {
+    const { disabled: t = !1, onSelect: o, ...r } = e, c = a.useRef(null), u = ie(le, e.__scopeMenu), l = Se(le, e.__scopeMenu), f = k(n, c), p = a.useRef(!1), m = () => {
+      const i = c.current;
+      if (!t && i) {
+        const v = new CustomEvent(Le, { bubbles: !0, cancelable: !0 });
+        i.addEventListener(Le, (h) => o == null ? void 0 : o(h), { once: !0 }), Yt(i, v), v.defaultPrevented ? p.current = !1 : u.onClose();
+      }
+    };
+    return /* @__PURE__ */ s(
+      pt,
+      {
+        ...r,
+        ref: f,
+        disabled: t,
+        onClick: C(e.onClick, m),
+        onPointerDown: (i) => {
+          var v;
+          (v = e.onPointerDown) == null || v.call(e, i), p.current = !0;
+        },
+        onPointerUp: C(e.onPointerUp, (i) => {
+          var v;
+          p.current || (v = i.currentTarget) == null || v.click();
+        }),
+        onKeyDown: C(e.onKeyDown, (i) => {
+          const v = l.searchRef.current !== "";
+          t || v && i.key === " " || Re.includes(i.key) && (i.currentTarget.click(), i.preventDefault());
+        })
+      }
+    );
+  }
+);
+he.displayName = le;
+var pt = a.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, disabled: o = !1, textValue: r, ...c } = e, u = Se(le, t), l = st(t), f = a.useRef(null), p = k(n, f), [m, i] = a.useState(!1), [v, h] = a.useState("");
+    return a.useEffect(() => {
+      const d = f.current;
+      d && h((d.textContent ?? "").trim());
+    }, [c.children]), /* @__PURE__ */ s(
+      re.ItemSlot,
+      {
+        scope: t,
+        disabled: o,
+        textValue: r ?? v,
+        children: /* @__PURE__ */ s(An, { asChild: !0, ...l, focusable: !o, children: /* @__PURE__ */ s(
+          O.div,
+          {
+            role: "menuitem",
+            "data-highlighted": m ? "" : void 0,
+            "aria-disabled": o || void 0,
+            "data-disabled": o ? "" : void 0,
+            ...c,
+            ref: p,
+            onPointerMove: C(
+              e.onPointerMove,
+              ae((d) => {
+                o ? u.onItemLeave(d) : (u.onItemEnter(d), d.defaultPrevented || d.currentTarget.focus({ preventScroll: !0 }));
+              })
+            ),
+            onPointerLeave: C(
+              e.onPointerLeave,
+              ae((d) => u.onItemLeave(d))
+            ),
+            onFocus: C(e.onFocus, () => i(!0)),
+            onBlur: C(e.onBlur, () => i(!1))
+          }
+        ) })
+      }
+    );
+  }
+), Xn = "MenuCheckboxItem", mt = a.forwardRef(
+  (e, n) => {
+    const { checked: t = !1, onCheckedChange: o, ...r } = e;
+    return /* @__PURE__ */ s(Mt, { scope: e.__scopeMenu, checked: t, children: /* @__PURE__ */ s(
+      he,
+      {
+        role: "menuitemcheckbox",
+        "aria-checked": fe(t) ? "mixed" : t,
+        ...r,
+        ref: n,
+        "data-state": De(t),
+        onSelect: C(
+          r.onSelect,
+          () => o == null ? void 0 : o(fe(t) ? !0 : !t),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+mt.displayName = Xn;
+var vt = "MenuRadioGroup", [Wn, jn] = W(
+  vt,
+  { value: void 0, onValueChange: () => {
+  } }
+), gt = a.forwardRef(
+  (e, n) => {
+    const { value: t, onValueChange: o, ...r } = e, c = pe(o);
+    return /* @__PURE__ */ s(Wn, { scope: e.__scopeMenu, value: t, onValueChange: c, children: /* @__PURE__ */ s(be, { ...r, ref: n }) });
+  }
+);
+gt.displayName = vt;
+var ht = "MenuRadioItem", wt = a.forwardRef(
+  (e, n) => {
+    const { value: t, ...o } = e, r = jn(ht, e.__scopeMenu), c = t === r.value;
+    return /* @__PURE__ */ s(Mt, { scope: e.__scopeMenu, checked: c, children: /* @__PURE__ */ s(
+      he,
+      {
+        role: "menuitemradio",
+        "aria-checked": c,
+        ...o,
+        ref: n,
+        "data-state": De(c),
+        onSelect: C(
+          o.onSelect,
+          () => {
+            var u;
+            return (u = r.onValueChange) == null ? void 0 : u.call(r, t);
+          },
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+wt.displayName = ht;
+var Ae = "MenuItemIndicator", [Mt, zn] = W(
+  Ae,
+  { checked: !1 }
+), Ct = a.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, forceMount: o, ...r } = e, c = zn(Ae, t);
+    return /* @__PURE__ */ s(
+      me,
+      {
+        present: o || fe(c.checked) || c.checked === !0,
+        children: /* @__PURE__ */ s(
+          O.span,
+          {
+            ...r,
+            ref: n,
+            "data-state": De(c.checked)
+          }
+        )
+      }
+    );
+  }
+);
+Ct.displayName = Ae;
+var Zn = "MenuSeparator", _t = a.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, ...o } = e;
+    return /* @__PURE__ */ s(
+      O.div,
+      {
+        role: "separator",
+        "aria-orientation": "horizontal",
+        ...o,
+        ref: n
+      }
+    );
+  }
+);
+_t.displayName = Zn;
+var qn = "MenuArrow", Rt = a.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, ...o } = e, r = ge(t);
+    return /* @__PURE__ */ s(wn, { ...r, ...o, ref: n });
+  }
+);
+Rt.displayName = qn;
+var Jn = "MenuSub", [Wo, Pt] = W(Jn), oe = "MenuSubTrigger", It = a.forwardRef(
+  (e, n) => {
+    const t = j(oe, e.__scopeMenu), o = ie(oe, e.__scopeMenu), r = Pt(oe, e.__scopeMenu), c = Se(oe, e.__scopeMenu), u = a.useRef(null), { pointerGraceTimerRef: l, onPointerGraceIntentChange: f } = c, p = { __scopeMenu: e.__scopeMenu }, m = a.useCallback(() => {
+      u.current && window.clearTimeout(u.current), u.current = null;
+    }, []);
+    return a.useEffect(() => m, [m]), a.useEffect(() => {
+      const i = l.current;
+      return () => {
+        window.clearTimeout(i), f(null);
+      };
+    }, [l, f]), /* @__PURE__ */ s(ye, { asChild: !0, ...p, children: /* @__PURE__ */ s(
+      pt,
+      {
+        id: r.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": t.open,
+        "aria-controls": r.contentId,
+        "data-state": St(t.open),
+        ...e,
+        ref: Ke(n, r.onTriggerChange),
+        onClick: (i) => {
+          var v;
+          (v = e.onClick) == null || v.call(e, i), !(e.disabled || i.defaultPrevented) && (i.currentTarget.focus(), t.open || t.onOpenChange(!0));
+        },
+        onPointerMove: C(
+          e.onPointerMove,
+          ae((i) => {
+            c.onItemEnter(i), !i.defaultPrevented && !e.disabled && !t.open && !u.current && (c.onPointerGraceIntentChange(null), u.current = window.setTimeout(() => {
+              t.onOpenChange(!0), m();
+            }, 100));
+          })
+        ),
+        onPointerLeave: C(
+          e.onPointerLeave,
+          ae((i) => {
+            var h, d;
+            m();
+            const v = (h = t.content) == null ? void 0 : h.getBoundingClientRect();
+            if (v) {
+              const w = (d = t.content) == null ? void 0 : d.dataset.side, R = w === "right", M = R ? -5 : 5, _ = v[R ? "left" : "right"], S = v[R ? "right" : "left"];
+              c.onPointerGraceIntentChange({
+                area: [
+                  // Apply a bleed on clientX to ensure that our exit point is
+                  // consistently within polygon bounds
+                  { x: i.clientX + M, y: i.clientY },
+                  { x: _, y: v.top },
+                  { x: S, y: v.top },
+                  { x: S, y: v.bottom },
+                  { x: _, y: v.bottom }
+                ],
+                side: w
+              }), window.clearTimeout(l.current), l.current = window.setTimeout(
+                () => c.onPointerGraceIntentChange(null),
+                300
+              );
+            } else {
+              if (c.onTriggerLeave(i), i.defaultPrevented)
+                return;
+              c.onPointerGraceIntentChange(null);
+            }
+          })
+        ),
+        onKeyDown: C(e.onKeyDown, (i) => {
+          var h;
+          const v = c.searchRef.current !== "";
+          e.disabled || v && i.key === " " || Nn[o.dir].includes(i.key) && (t.onOpenChange(!0), (h = t.content) == null || h.focus(), i.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+It.displayName = oe;
+var yt = "MenuSubContent", Et = a.forwardRef(
+  (e, n) => {
+    const t = ut(D, e.__scopeMenu), { forceMount: o = t.forceMount, ...r } = e, c = j(D, e.__scopeMenu), u = ie(D, e.__scopeMenu), l = Pt(yt, e.__scopeMenu), f = a.useRef(null), p = k(n, f);
+    return /* @__PURE__ */ s(re.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(me, { present: o || c.open, children: /* @__PURE__ */ s(re.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(
+      xe,
+      {
+        id: l.contentId,
+        "aria-labelledby": l.triggerId,
+        ...r,
+        ref: p,
+        align: "start",
+        side: u.dir === "rtl" ? "left" : "right",
+        disableOutsidePointerEvents: !1,
+        disableOutsideScroll: !1,
+        trapFocus: !1,
+        onOpenAutoFocus: (m) => {
+          var i;
+          u.isUsingKeyboardRef.current && ((i = f.current) == null || i.focus()), m.preventDefault();
+        },
+        onCloseAutoFocus: (m) => m.preventDefault(),
+        onFocusOutside: C(e.onFocusOutside, (m) => {
+          m.target !== l.trigger && c.onOpenChange(!1);
+        }),
+        onEscapeKeyDown: C(e.onEscapeKeyDown, (m) => {
+          u.onClose(), m.preventDefault();
+        }),
+        onKeyDown: C(e.onKeyDown, (m) => {
+          var h;
+          const i = m.currentTarget.contains(m.target), v = On[u.dir].includes(m.key);
+          i && v && (c.onOpenChange(!1), (h = l.trigger) == null || h.focus(), m.preventDefault());
+        })
+      }
+    ) }) }) });
+  }
+);
+Et.displayName = yt;
+function St(e) {
+  return e ? "open" : "closed";
+}
+function fe(e) {
+  return e === "indeterminate";
+}
+function De(e) {
+  return fe(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+function Qn(e) {
+  const n = document.activeElement;
+  for (const t of e)
+    if (t === n || (t.focus(), document.activeElement !== n))
+      return;
+}
+function eo(e, n) {
+  return e.map((t, o) => e[(n + o) % e.length]);
+}
+function to(e, n, t) {
+  const r = n.length > 1 && Array.from(n).every((p) => p === n[0]) ? n[0] : n, c = t ? e.indexOf(t) : -1;
+  let u = eo(e, Math.max(c, 0));
+  r.length === 1 && (u = u.filter((p) => p !== t));
+  const f = u.find(
+    (p) => p.toLowerCase().startsWith(r.toLowerCase())
+  );
+  return f !== t ? f : void 0;
+}
+function no(e, n) {
+  const { x: t, y: o } = e;
+  let r = !1;
+  for (let c = 0, u = n.length - 1; c < n.length; u = c++) {
+    const l = n[c].x, f = n[c].y, p = n[u].x, m = n[u].y;
+    f > o != m > o && t < (p - l) * (o - f) / (m - f) + l && (r = !r);
+  }
+  return r;
+}
+function oo(e, n) {
+  if (!n)
+    return !1;
+  const t = { x: e.clientX, y: e.clientY };
+  return no(t, n);
+}
+function ae(e) {
+  return (n) => n.pointerType === "mouse" ? e(n) : void 0;
+}
+var ro = it, ao = ye, co = dt, so = lt, io = be, uo = ft, lo = he, fo = mt, po = gt, mo = wt, vo = Ct, go = _t, ho = Rt, wo = It, Mo = Et, Te = "DropdownMenu", [Co, jo] = ce(
+  Te,
+  [ct]
+), y = ct(), [_o, xt] = Co(Te), bt = (e) => {
+  const {
+    __scopeDropdownMenu: n,
+    children: t,
+    dir: o,
+    open: r,
+    defaultOpen: c,
+    onOpenChange: u,
+    modal: l = !0
+  } = e, f = y(n), p = a.useRef(null), [m = !1, i] = Ge({
+    prop: r,
+    defaultProp: c,
+    onChange: u
+  });
+  return /* @__PURE__ */ s(
+    _o,
+    {
+      scope: n,
+      triggerId: Ce(),
+      triggerRef: p,
+      contentId: Ce(),
+      open: m,
+      onOpenChange: i,
+      onOpenToggle: a.useCallback(() => i((v) => !v), [i]),
+      modal: l,
+      children: /* @__PURE__ */ s(ro, { ...f, open: m, onOpenChange: i, dir: o, modal: l, children: t })
+    }
+  );
+};
+bt.displayName = Te;
+var At = "DropdownMenuTrigger", Dt = a.forwardRef(
+  (e, n) => {
+    const { __scopeDropdownMenu: t, disabled: o = !1, ...r } = e, c = xt(At, t), u = y(t);
+    return /* @__PURE__ */ s(ao, { asChild: !0, ...u, children: /* @__PURE__ */ s(
+      O.button,
+      {
+        type: "button",
+        id: c.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": c.open,
+        "aria-controls": c.open ? c.contentId : void 0,
+        "data-state": c.open ? "open" : "closed",
+        "data-disabled": o ? "" : void 0,
+        disabled: o,
+        ...r,
+        ref: Ke(n, c.triggerRef),
+        onPointerDown: C(e.onPointerDown, (l) => {
+          !o && l.button === 0 && l.ctrlKey === !1 && (c.onOpenToggle(), c.open || l.preventDefault());
+        }),
+        onKeyDown: C(e.onKeyDown, (l) => {
+          o || (["Enter", " "].includes(l.key) && c.onOpenToggle(), l.key === "ArrowDown" && c.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(l.key) && l.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+Dt.displayName = At;
+var Ro = "DropdownMenuPortal", Tt = (e) => {
+  const { __scopeDropdownMenu: n, ...t } = e, o = y(n);
+  return /* @__PURE__ */ s(co, { ...o, ...t });
+};
+Tt.displayName = Ro;
+var Nt = "DropdownMenuContent", Ot = a.forwardRef(
+  (e, n) => {
+    const { __scopeDropdownMenu: t, ...o } = e, r = xt(Nt, t), c = y(t), u = a.useRef(!1);
+    return /* @__PURE__ */ s(
+      so,
+      {
+        id: r.contentId,
+        "aria-labelledby": r.triggerId,
+        ...c,
+        ...o,
+        ref: n,
+        onCloseAutoFocus: C(e.onCloseAutoFocus, (l) => {
+          var f;
+          u.current || (f = r.triggerRef.current) == null || f.focus(), u.current = !1, l.preventDefault();
+        }),
+        onInteractOutside: C(e.onInteractOutside, (l) => {
+          const f = l.detail.originalEvent, p = f.button === 0 && f.ctrlKey === !0, m = f.button === 2 || p;
+          (!r.modal || m) && (u.current = !0);
+        }),
+        style: {
+          ...e.style,
+          "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+        }
+      }
+    );
+  }
+);
+Ot.displayName = Nt;
+var Po = "DropdownMenuGroup", Ft = a.forwardRef(
+  (e, n) => {
+    const { __scopeDropdownMenu: t, ...o } = e, r = y(t);
+    return /* @__PURE__ */ s(io, { ...r, ...o, ref: n });
+  }
+);
+Ft.displayName = Po;
+var Io = "DropdownMenuLabel", yo = a.forwardRef(
+  (e, n) => {
+    const { __scopeDropdownMenu: t, ...o } = e, r = y(t);
+    return /* @__PURE__ */ s(uo, { ...r, ...o, ref: n });
+  }
+);
+yo.displayName = Io;
+var Eo = "DropdownMenuItem", kt = a.forwardRef(
+  (e, n) => {
+    const { __scopeDropdownMenu: t, ...o } = e, r = y(t);
+    return /* @__PURE__ */ s(lo, { ...r, ...o, ref: n });
+  }
+);
+kt.displayName = Eo;
+var So = "DropdownMenuCheckboxItem", xo = a.forwardRef((e, n) => {
+  const { __scopeDropdownMenu: t, ...o } = e, r = y(t);
+  return /* @__PURE__ */ s(fo, { ...r, ...o, ref: n });
+});
+xo.displayName = So;
+var bo = "DropdownMenuRadioGroup", Ao = a.forwardRef((e, n) => {
+  const { __scopeDropdownMenu: t, ...o } = e, r = y(t);
+  return /* @__PURE__ */ s(po, { ...r, ...o, ref: n });
+});
+Ao.displayName = bo;
+var Do = "DropdownMenuRadioItem", To = a.forwardRef((e, n) => {
+  const { __scopeDropdownMenu: t, ...o } = e, r = y(t);
+  return /* @__PURE__ */ s(mo, { ...r, ...o, ref: n });
+});
+To.displayName = Do;
+var No = "DropdownMenuItemIndicator", Oo = a.forwardRef((e, n) => {
+  const { __scopeDropdownMenu: t, ...o } = e, r = y(t);
+  return /* @__PURE__ */ s(vo, { ...r, ...o, ref: n });
+});
+Oo.displayName = No;
+var Fo = "DropdownMenuSeparator", Lt = a.forwardRef((e, n) => {
+  const { __scopeDropdownMenu: t, ...o } = e, r = y(t);
+  return /* @__PURE__ */ s(go, { ...r, ...o, ref: n });
+});
+Lt.displayName = Fo;
+var ko = "DropdownMenuArrow", Lo = a.forwardRef(
+  (e, n) => {
+    const { __scopeDropdownMenu: t, ...o } = e, r = y(t);
+    return /* @__PURE__ */ s(ho, { ...r, ...o, ref: n });
+  }
+);
+Lo.displayName = ko;
+var Go = "DropdownMenuSubTrigger", Ko = a.forwardRef((e, n) => {
+  const { __scopeDropdownMenu: t, ...o } = e, r = y(t);
+  return /* @__PURE__ */ s(wo, { ...r, ...o, ref: n });
+});
+Ko.displayName = Go;
+var $o = "DropdownMenuSubContent", Uo = a.forwardRef((e, n) => {
+  const { __scopeDropdownMenu: t, ...o } = e, r = y(t);
+  return /* @__PURE__ */ s(
+    Mo,
+    {
+      ...r,
+      ...o,
+      ref: n,
+      style: {
+        ...e.style,
+        "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+        "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+        "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+        "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+        "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+      }
+    }
+  );
+});
+Uo.displayName = $o;
+var zo = bt, Zo = Dt, qo = Tt, Jo = Ot, Qo = Ft, er = kt, tr = Lt;
+export {
+  Jo as C,
+  Qo as G,
+  er as I,
+  qo as P,
+  zo as R,
+  tr as S,
+  Zo as T
+};