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

package/dist/index-473557b1.js

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