@boxcustodia/library 1.7.0 → 1.7.1-canary.0

package/dist/index.es208.js

@@ -1,652 +1,120 @@
-import * as r from "react";
-import { composeEventHandlers as h } from "./index.es188.js";
-import { createCollection as $e } from "./index.es197.js";
-import { useComposedRefs as k, composeRefs as qe } from "./index.es180.js";
-import { createContextScope as Je } from "./index.es189.js";
-import { useDirection as Qe } from "./index.es198.js";
-import { DismissableLayer as et } from "./index.es190.js";
-import { useFocusGuards as tt } from "./index.es193.js";
-import { FocusScope as nt } from "./index.es191.js";
-import { useId as Me } from "./index.es187.js";
-import { createPopperScope as ve, Root as Ce, Anchor as ot, Content as rt, Arrow as ct } from "./index.es199.js";
-import { Portal as st } from "./index.es192.js";
-import { Presence as W } from "./index.es161.js";
-import { Primitive as N, dispatchDiscreteCustomEvent as at } from "./index.es186.js";
-import { createRovingFocusGroupScope as ge, Item as ut, Root as it } from "./index.es317.js";
-import { createSlot as lt } from "./index.es118.js";
-import { useCallbackRef as ee } from "./index.es103.js";
-import { hideOthers as dt } from "./index.es195.js";
-import ft from "./index.es194.js";
-import { j as u } from "./index.es106.js";
-var Q = ["Enter", " "], mt = ["ArrowDown", "PageUp", "Home"], xe = ["ArrowUp", "PageDown", "End"], pt = [...mt, ...xe], Mt = {
-  ltr: [...Q, "ArrowRight"],
-  rtl: [...Q, "ArrowLeft"]
-}, ht = {
-  ltr: ["ArrowLeft"],
-  rtl: ["ArrowRight"]
-}, F = "Menu", [j, vt, Ct] = $e(F), [w, cn] = Je(F, [
-  Ct,
-  ve,
-  ge
-]), L = ve(), _e = ge(), [Re, P] = w(F), [gt, K] = w(F), Se = (e) => {
-  const { __scopeMenu: n, open: t = !1, children: o, dir: a, onOpenChange: c, modal: l = !0 } = e, m = L(n), [p, M] = r.useState(null), d = r.useRef(!1), s = ee(c), f = Qe(a);
-  return r.useEffect(() => {
-    const C = () => {
-      d.current = !0, document.addEventListener("pointerdown", v, { capture: !0, once: !0 }), document.addEventListener("pointermove", v, { capture: !0, once: !0 });
-    }, v = () => d.current = !1;
-    return document.addEventListener("keydown", C, { capture: !0 }), () => {
-      document.removeEventListener("keydown", C, { capture: !0 }), document.removeEventListener("pointerdown", v, { capture: !0 }), document.removeEventListener("pointermove", v, { capture: !0 });
-    };
-  }, []), /* @__PURE__ */ u.jsx(Ce, { ...m, children: /* @__PURE__ */ u.jsx(
-    Re,
-    {
-      scope: n,
-      open: t,
-      onOpenChange: s,
-      content: p,
-      onContentChange: M,
-      children: /* @__PURE__ */ u.jsx(
-        gt,
-        {
-          scope: n,
-          onClose: r.useCallback(() => s(!1), [s]),
-          isUsingKeyboardRef: d,
-          dir: f,
-          modal: l,
-          children: o
-        }
-      )
-    }
-  ) });
-};
-Se.displayName = F;
-var xt = "MenuAnchor", te = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, ...o } = e, a = L(t);
-    return /* @__PURE__ */ u.jsx(ot, { ...a, ...o, ref: n });
-  }
-);
-te.displayName = xt;
-var ne = "MenuPortal", [_t, Pe] = w(ne, {
-  forceMount: void 0
-}), Ee = (e) => {
-  const { __scopeMenu: n, forceMount: t, children: o, container: a } = e, c = P(ne, n);
-  return /* @__PURE__ */ u.jsx(_t, { scope: n, forceMount: t, children: /* @__PURE__ */ u.jsx(W, { present: t || c.open, children: /* @__PURE__ */ u.jsx(st, { asChild: !0, container: a, children: o }) }) });
-};
-Ee.displayName = ne;
-var x = "MenuContent", [Rt, oe] = w(x), we = r.forwardRef(
-  (e, n) => {
-    const t = Pe(x, e.__scopeMenu), { forceMount: o = t.forceMount, ...a } = e, c = P(x, e.__scopeMenu), l = K(x, e.__scopeMenu);
-    return /* @__PURE__ */ u.jsx(j.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ u.jsx(W, { present: o || c.open, children: /* @__PURE__ */ u.jsx(j.Slot, { scope: e.__scopeMenu, children: l.modal ? /* @__PURE__ */ u.jsx(St, { ...a, ref: n }) : /* @__PURE__ */ u.jsx(Pt, { ...a, ref: n }) }) }) });
-  }
-), St = r.forwardRef(
-  (e, n) => {
-    const t = P(x, e.__scopeMenu), o = r.useRef(null), a = k(n, o);
-    return r.useEffect(() => {
-      const c = o.current;
-      if (c) return dt(c);
-    }, []), /* @__PURE__ */ u.jsx(
-      re,
-      {
-        ...e,
-        ref: a,
-        trapFocus: t.open,
-        disableOutsidePointerEvents: t.open,
-        disableOutsideScroll: !0,
-        onFocusOutside: h(
-          e.onFocusOutside,
-          (c) => c.preventDefault(),
-          { checkForDefaultPrevented: !1 }
-        ),
-        onDismiss: () => t.onOpenChange(!1)
-      }
-    );
-  }
-), Pt = r.forwardRef((e, n) => {
-  const t = P(x, e.__scopeMenu);
-  return /* @__PURE__ */ u.jsx(
-    re,
-    {
-      ...e,
-      ref: n,
-      trapFocus: !1,
-      disableOutsidePointerEvents: !1,
-      disableOutsideScroll: !1,
-      onDismiss: () => t.onOpenChange(!1)
-    }
-  );
-}), Et = lt("MenuContent.ScrollLock"), re = r.forwardRef(
-  (e, n) => {
-    const {
-      __scopeMenu: t,
-      loop: o = !1,
-      trapFocus: a,
-      onOpenAutoFocus: c,
-      onCloseAutoFocus: l,
-      disableOutsidePointerEvents: m,
-      onEntryFocus: p,
-      onEscapeKeyDown: M,
-      onPointerDownOutside: d,
-      onFocusOutside: s,
-      onInteractOutside: f,
-      onDismiss: C,
-      disableOutsideScroll: v,
-      ...E
-    } = e, I = P(x, t), T = K(x, t), G = L(t), U = _e(t), ie = vt(t), [Ye, le] = r.useState(null), B = r.useRef(null), Xe = k(n, B, I.onContentChange), V = r.useRef(0), Y = r.useRef(""), He = r.useRef(0), Z = r.useRef(null), de = r.useRef("right"), $ = r.useRef(0), We = v ? ft : r.Fragment, ze = v ? { as: Et, allowPinchZoom: !0 } : void 0, Ze = (i) => {
-      var b, me;
-      const g = Y.current + i, _ = ie().filter((R) => !R.disabled), S = document.activeElement, q = (b = _.find((R) => R.ref.current === S)) == null ? void 0 : b.textValue, J = _.map((R) => R.textValue), fe = Ft(J, g, q), A = (me = _.find((R) => R.textValue === fe)) == null ? void 0 : me.ref.current;
-      (function R(pe) {
-        Y.current = pe, window.clearTimeout(V.current), pe !== "" && (V.current = window.setTimeout(() => R(""), 1e3));
-      })(g), A && setTimeout(() => A.focus());
-    };
-    r.useEffect(() => () => window.clearTimeout(V.current), []), tt();
-    const y = r.useCallback((i) => {
-      var _, S;
-      return de.current === ((_ = Z.current) == null ? void 0 : _.side) && Kt(i, (S = Z.current) == null ? void 0 : S.area);
-    }, []);
-    return /* @__PURE__ */ u.jsx(
-      Rt,
-      {
-        scope: t,
-        searchRef: Y,
-        onItemEnter: r.useCallback(
-          (i) => {
-            y(i) && i.preventDefault();
-          },
-          [y]
-        ),
-        onItemLeave: r.useCallback(
-          (i) => {
-            var g;
-            y(i) || ((g = B.current) == null || g.focus(), le(null));
-          },
-          [y]
-        ),
-        onTriggerLeave: r.useCallback(
-          (i) => {
-            y(i) && i.preventDefault();
-          },
-          [y]
-        ),
-        pointerGraceTimerRef: He,
-        onPointerGraceIntentChange: r.useCallback((i) => {
-          Z.current = i;
-        }, []),
-        children: /* @__PURE__ */ u.jsx(We, { ...ze, children: /* @__PURE__ */ u.jsx(
-          nt,
-          {
-            asChild: !0,
-            trapped: a,
-            onMountAutoFocus: h(c, (i) => {
-              var g;
-              i.preventDefault(), (g = B.current) == null || g.focus({ preventScroll: !0 });
-            }),
-            onUnmountAutoFocus: l,
-            children: /* @__PURE__ */ u.jsx(
-              et,
-              {
-                asChild: !0,
-                disableOutsidePointerEvents: m,
-                onEscapeKeyDown: M,
-                onPointerDownOutside: d,
-                onFocusOutside: s,
-                onInteractOutside: f,
-                onDismiss: C,
-                children: /* @__PURE__ */ u.jsx(
-                  it,
-                  {
-                    asChild: !0,
-                    ...U,
-                    dir: T.dir,
-                    orientation: "vertical",
-                    loop: o,
-                    currentTabStopId: Ye,
-                    onCurrentTabStopIdChange: le,
-                    onEntryFocus: h(p, (i) => {
-                      T.isUsingKeyboardRef.current || i.preventDefault();
-                    }),
-                    preventScrollOnEntryFocus: !0,
-                    children: /* @__PURE__ */ u.jsx(
-                      rt,
-                      {
-                        role: "menu",
-                        "aria-orientation": "vertical",
-                        "data-state": Ve(I.open),
-                        "data-radix-menu-content": "",
-                        dir: T.dir,
-                        ...G,
-                        ...E,
-                        ref: Xe,
-                        style: { outline: "none", ...E.style },
-                        onKeyDown: h(E.onKeyDown, (i) => {
-                          const _ = i.target.closest("[data-radix-menu-content]") === i.currentTarget, S = i.ctrlKey || i.altKey || i.metaKey, q = i.key.length === 1;
-                          _ && (i.key === "Tab" && i.preventDefault(), !S && q && Ze(i.key));
-                          const J = B.current;
-                          if (i.target !== J || !pt.includes(i.key)) return;
-                          i.preventDefault();
-                          const A = ie().filter((b) => !b.disabled).map((b) => b.ref.current);
-                          xe.includes(i.key) && A.reverse(), kt(A);
-                        }),
-                        onBlur: h(e.onBlur, (i) => {
-                          i.currentTarget.contains(i.target) || (window.clearTimeout(V.current), Y.current = "");
-                        }),
-                        onPointerMove: h(
-                          e.onPointerMove,
-                          D((i) => {
-                            const g = i.target, _ = $.current !== i.clientX;
-                            if (i.currentTarget.contains(g) && _) {
-                              const S = i.clientX > $.current ? "right" : "left";
-                              de.current = S, $.current = i.clientX;
-                            }
-                          })
-                        )
-                      }
-                    )
-                  }
-                )
-              }
-            )
-          }
-        ) })
-      }
-    );
-  }
-);
-we.displayName = x;
-var wt = "MenuGroup", ce = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, ...o } = e;
-    return /* @__PURE__ */ u.jsx(N.div, { role: "group", ...o, ref: n });
-  }
-);
-ce.displayName = wt;
-var It = "MenuLabel", Ie = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, ...o } = e;
-    return /* @__PURE__ */ u.jsx(N.div, { ...o, ref: n });
-  }
-);
-Ie.displayName = It;
-var X = "MenuItem", he = "menu.itemSelect", z = r.forwardRef(
-  (e, n) => {
-    const { disabled: t = !1, onSelect: o, ...a } = e, c = r.useRef(null), l = K(X, e.__scopeMenu), m = oe(X, e.__scopeMenu), p = k(n, c), M = r.useRef(!1), d = () => {
-      const s = c.current;
-      if (!t && s) {
-        const f = new CustomEvent(he, { bubbles: !0, cancelable: !0 });
-        s.addEventListener(he, (C) => o == null ? void 0 : o(C), { once: !0 }), at(s, f), f.defaultPrevented ? M.current = !1 : l.onClose();
+import m from "./index.es352.js";
+import f from "./index.es351.js";
+import v from "./index.es360.js";
+import x from "./index.es353.js";
+import d from "./index.es354.js";
+import s from "react";
+import c from "./index.es361.js";
+import { getInitialChildMapping as E, getNextChildMapping as y, getChildMapping as g } from "./index.es362.js";
+var M = Object.values || function(a) {
+  return Object.keys(a).map(function(r) {
+    return a[r];
+  });
+}, F = {
+  component: "div",
+  childFactory: function(r) {
+    return r;
+  }
+}, h = /* @__PURE__ */ function(a) {
+  x(r, a);
+  function r(p, t) {
+    var e;
+    e = a.call(this, p, t) || this;
+    var o = e.handleExited.bind(v(e));
+    return e.state = {
+      contextValue: {
+        isMounting: !0
+      },
+      handleExited: o,
+      firstRender: !0
+    }, e;
+  }
+  var l = r.prototype;
+  return l.componentDidMount = function() {
+    this.mounted = !0, this.setState({
+      contextValue: {
+        isMounting: !1
       }
+    });
+  }, l.componentWillUnmount = function() {
+    this.mounted = !1;
+  }, r.getDerivedStateFromProps = function(t, e) {
+    var o = e.children, n = e.handleExited, i = e.firstRender;
+    return {
+      children: i ? E(t, n) : y(t, o, n),
+      firstRender: !1
     };
-    return /* @__PURE__ */ u.jsx(
-      ye,
-      {
-        ...a,
-        ref: p,
-        disabled: t,
-        onClick: h(e.onClick, d),
-        onPointerDown: (s) => {
-          var f;
-          (f = e.onPointerDown) == null || f.call(e, s), M.current = !0;
-        },
-        onPointerUp: h(e.onPointerUp, (s) => {
-          var f;
-          M.current || (f = s.currentTarget) == null || f.click();
-        }),
-        onKeyDown: h(e.onKeyDown, (s) => {
-          const f = m.searchRef.current !== "";
-          t || f && s.key === " " || Q.includes(s.key) && (s.currentTarget.click(), s.preventDefault());
-        })
-      }
-    );
-  }
-);
-z.displayName = X;
-var ye = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, disabled: o = !1, textValue: a, ...c } = e, l = oe(X, t), m = _e(t), p = r.useRef(null), M = k(n, p), [d, s] = r.useState(!1), [f, C] = r.useState("");
-    return r.useEffect(() => {
-      const v = p.current;
-      v && C((v.textContent ?? "").trim());
-    }, [c.children]), /* @__PURE__ */ u.jsx(
-      j.ItemSlot,
-      {
-        scope: t,
-        disabled: o,
-        textValue: a ?? f,
-        children: /* @__PURE__ */ u.jsx(ut, { asChild: !0, ...m, focusable: !o, children: /* @__PURE__ */ u.jsx(
-          N.div,
-          {
-            role: "menuitem",
-            "data-highlighted": d ? "" : void 0,
-            "aria-disabled": o || void 0,
-            "data-disabled": o ? "" : void 0,
-            ...c,
-            ref: M,
-            onPointerMove: h(
-              e.onPointerMove,
-              D((v) => {
-                o ? l.onItemLeave(v) : (l.onItemEnter(v), v.defaultPrevented || v.currentTarget.focus({ preventScroll: !0 }));
-              })
-            ),
-            onPointerLeave: h(
-              e.onPointerLeave,
-              D((v) => l.onItemLeave(v))
-            ),
-            onFocus: h(e.onFocus, () => s(!0)),
-            onBlur: h(e.onBlur, () => s(!1))
-          }
-        ) })
-      }
-    );
-  }
-), yt = "MenuCheckboxItem", be = r.forwardRef(
-  (e, n) => {
-    const { checked: t = !1, onCheckedChange: o, ...a } = e;
-    return /* @__PURE__ */ u.jsx(De, { scope: e.__scopeMenu, checked: t, children: /* @__PURE__ */ u.jsx(
-      z,
-      {
-        role: "menuitemcheckbox",
-        "aria-checked": H(t) ? "mixed" : t,
-        ...a,
-        ref: n,
-        "data-state": ue(t),
-        onSelect: h(
-          a.onSelect,
-          () => o == null ? void 0 : o(H(t) ? !0 : !t),
-          { checkForDefaultPrevented: !1 }
-        )
-      }
-    ) });
-  }
-);
-be.displayName = yt;
-var Te = "MenuRadioGroup", [bt, Tt] = w(
-  Te,
-  { value: void 0, onValueChange: () => {
-  } }
-), Ae = r.forwardRef(
-  (e, n) => {
-    const { value: t, onValueChange: o, ...a } = e, c = ee(o);
-    return /* @__PURE__ */ u.jsx(bt, { scope: e.__scopeMenu, value: t, onValueChange: c, children: /* @__PURE__ */ u.jsx(ce, { ...a, ref: n }) });
-  }
-);
-Ae.displayName = Te;
-var Oe = "MenuRadioItem", je = r.forwardRef(
-  (e, n) => {
-    const { value: t, ...o } = e, a = Tt(Oe, e.__scopeMenu), c = t === a.value;
-    return /* @__PURE__ */ u.jsx(De, { scope: e.__scopeMenu, checked: c, children: /* @__PURE__ */ u.jsx(
-      z,
-      {
-        role: "menuitemradio",
-        "aria-checked": c,
-        ...o,
-        ref: n,
-        "data-state": ue(c),
-        onSelect: h(
-          o.onSelect,
-          () => {
-            var l;
-            return (l = a.onValueChange) == null ? void 0 : l.call(a, t);
-          },
-          { checkForDefaultPrevented: !1 }
-        )
-      }
-    ) });
-  }
-);
-je.displayName = Oe;
-var se = "MenuItemIndicator", [De, At] = w(
-  se,
-  { checked: !1 }
-), ke = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, forceMount: o, ...a } = e, c = At(se, t);
-    return /* @__PURE__ */ u.jsx(
-      W,
-      {
-        present: o || H(c.checked) || c.checked === !0,
-        children: /* @__PURE__ */ u.jsx(
-          N.span,
-          {
-            ...a,
-            ref: n,
-            "data-state": ue(c.checked)
-          }
-        )
-      }
-    );
-  }
-);
-ke.displayName = se;
-var Ot = "MenuSeparator", Ne = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, ...o } = e;
-    return /* @__PURE__ */ u.jsx(
-      N.div,
-      {
-        role: "separator",
-        "aria-orientation": "horizontal",
-        ...o,
-        ref: n
-      }
-    );
-  }
-);
-Ne.displayName = Ot;
-var jt = "MenuArrow", Fe = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, ...o } = e, a = L(t);
-    return /* @__PURE__ */ u.jsx(ct, { ...a, ...o, ref: n });
-  }
-);
-Fe.displayName = jt;
-var ae = "MenuSub", [Dt, Le] = w(ae), Ke = (e) => {
-  const { __scopeMenu: n, children: t, open: o = !1, onOpenChange: a } = e, c = P(ae, n), l = L(n), [m, p] = r.useState(null), [M, d] = r.useState(null), s = ee(a);
-  return r.useEffect(() => (c.open === !1 && s(!1), () => s(!1)), [c.open, s]), /* @__PURE__ */ u.jsx(Ce, { ...l, children: /* @__PURE__ */ u.jsx(
-    Re,
-    {
-      scope: n,
-      open: o,
-      onOpenChange: s,
-      content: M,
-      onContentChange: d,
-      children: /* @__PURE__ */ u.jsx(
-        Dt,
-        {
-          scope: n,
-          contentId: Me(),
-          triggerId: Me(),
-          trigger: m,
-          onTriggerChange: p,
-          children: t
-        }
-      )
-    }
-  ) });
-};
-Ke.displayName = ae;
-var O = "MenuSubTrigger", Ge = r.forwardRef(
-  (e, n) => {
-    const t = P(O, e.__scopeMenu), o = K(O, e.__scopeMenu), a = Le(O, e.__scopeMenu), c = oe(O, e.__scopeMenu), l = r.useRef(null), { pointerGraceTimerRef: m, onPointerGraceIntentChange: p } = c, M = { __scopeMenu: e.__scopeMenu }, d = r.useCallback(() => {
-      l.current && window.clearTimeout(l.current), l.current = null;
-    }, []);
-    return r.useEffect(() => d, [d]), r.useEffect(() => {
-      const s = m.current;
-      return () => {
-        window.clearTimeout(s), p(null);
+  }, l.handleExited = function(t, e) {
+    var o = g(this.props.children);
+    t.key in o || (t.props.onExited && t.props.onExited(e), this.mounted && this.setState(function(n) {
+      var i = f({}, n.children);
+      return delete i[t.key], {
+        children: i
       };
-    }, [m, p]), /* @__PURE__ */ u.jsx(te, { asChild: !0, ...M, children: /* @__PURE__ */ u.jsx(
-      ye,
-      {
-        id: a.triggerId,
-        "aria-haspopup": "menu",
-        "aria-expanded": t.open,
-        "aria-controls": a.contentId,
-        "data-state": Ve(t.open),
-        ...e,
-        ref: qe(n, a.onTriggerChange),
-        onClick: (s) => {
-          var f;
-          (f = e.onClick) == null || f.call(e, s), !(e.disabled || s.defaultPrevented) && (s.currentTarget.focus(), t.open || t.onOpenChange(!0));
-        },
-        onPointerMove: h(
-          e.onPointerMove,
-          D((s) => {
-            c.onItemEnter(s), !s.defaultPrevented && !e.disabled && !t.open && !l.current && (c.onPointerGraceIntentChange(null), l.current = window.setTimeout(() => {
-              t.onOpenChange(!0), d();
-            }, 100));
-          })
-        ),
-        onPointerLeave: h(
-          e.onPointerLeave,
-          D((s) => {
-            var C, v;
-            d();
-            const f = (C = t.content) == null ? void 0 : C.getBoundingClientRect();
-            if (f) {
-              const E = (v = t.content) == null ? void 0 : v.dataset.side, I = E === "right", T = I ? -5 : 5, G = f[I ? "left" : "right"], U = f[I ? "right" : "left"];
-              c.onPointerGraceIntentChange({
-                area: [
-                  // Apply a bleed on clientX to ensure that our exit point is
-                  // consistently within polygon bounds
-                  { x: s.clientX + T, y: s.clientY },
-                  { x: G, y: f.top },
-                  { x: U, y: f.top },
-                  { x: U, y: f.bottom },
-                  { x: G, y: f.bottom }
-                ],
-                side: E
-              }), window.clearTimeout(m.current), m.current = window.setTimeout(
-                () => c.onPointerGraceIntentChange(null),
-                300
-              );
-            } else {
-              if (c.onTriggerLeave(s), s.defaultPrevented) return;
-              c.onPointerGraceIntentChange(null);
-            }
-          })
-        ),
-        onKeyDown: h(e.onKeyDown, (s) => {
-          var C;
-          const f = c.searchRef.current !== "";
-          e.disabled || f && s.key === " " || Mt[o.dir].includes(s.key) && (t.onOpenChange(!0), (C = t.content) == null || C.focus(), s.preventDefault());
-        })
-      }
-    ) });
-  }
-);
-Ge.displayName = O;
-var Ue = "MenuSubContent", Be = r.forwardRef(
-  (e, n) => {
-    const t = Pe(x, e.__scopeMenu), { forceMount: o = t.forceMount, ...a } = e, c = P(x, e.__scopeMenu), l = K(x, e.__scopeMenu), m = Le(Ue, e.__scopeMenu), p = r.useRef(null), M = k(n, p);
-    return /* @__PURE__ */ u.jsx(j.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ u.jsx(W, { present: o || c.open, children: /* @__PURE__ */ u.jsx(j.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ u.jsx(
-      re,
-      {
-        id: m.contentId,
-        "aria-labelledby": m.triggerId,
-        ...a,
-        ref: M,
-        align: "start",
-        side: l.dir === "rtl" ? "left" : "right",
-        disableOutsidePointerEvents: !1,
-        disableOutsideScroll: !1,
-        trapFocus: !1,
-        onOpenAutoFocus: (d) => {
-          var s;
-          l.isUsingKeyboardRef.current && ((s = p.current) == null || s.focus()), d.preventDefault();
-        },
-        onCloseAutoFocus: (d) => d.preventDefault(),
-        onFocusOutside: h(e.onFocusOutside, (d) => {
-          d.target !== m.trigger && c.onOpenChange(!1);
-        }),
-        onEscapeKeyDown: h(e.onEscapeKeyDown, (d) => {
-          l.onClose(), d.preventDefault();
-        }),
-        onKeyDown: h(e.onKeyDown, (d) => {
-          var C;
-          const s = d.currentTarget.contains(d.target), f = ht[l.dir].includes(d.key);
-          s && f && (c.onOpenChange(!1), (C = m.trigger) == null || C.focus(), d.preventDefault());
-        })
-      }
-    ) }) }) });
-  }
-);
-Be.displayName = Ue;
-function Ve(e) {
-  return e ? "open" : "closed";
-}
-function H(e) {
-  return e === "indeterminate";
-}
-function ue(e) {
-  return H(e) ? "indeterminate" : e ? "checked" : "unchecked";
-}
-function kt(e) {
-  const n = document.activeElement;
-  for (const t of e)
-    if (t === n || (t.focus(), document.activeElement !== n)) return;
-}
-function Nt(e, n) {
-  return e.map((t, o) => e[(n + o) % e.length]);
-}
-function Ft(e, n, t) {
-  const a = n.length > 1 && Array.from(n).every((M) => M === n[0]) ? n[0] : n, c = t ? e.indexOf(t) : -1;
-  let l = Nt(e, Math.max(c, 0));
-  a.length === 1 && (l = l.filter((M) => M !== t));
-  const p = l.find(
-    (M) => M.toLowerCase().startsWith(a.toLowerCase())
-  );
-  return p !== t ? p : void 0;
-}
-function Lt(e, n) {
-  const { x: t, y: o } = e;
-  let a = !1;
-  for (let c = 0, l = n.length - 1; c < n.length; l = c++) {
-    const m = n[c].x, p = n[c].y, M = n[l].x, d = n[l].y;
-    p > o != d > o && t < (M - m) * (o - p) / (d - p) + m && (a = !a);
-  }
-  return a;
-}
-function Kt(e, n) {
-  if (!n) return !1;
-  const t = { x: e.clientX, y: e.clientY };
-  return Lt(t, n);
-}
-function D(e) {
-  return (n) => n.pointerType === "mouse" ? e(n) : void 0;
-}
-var sn = Se, an = te, un = Ee, ln = we, dn = ce, fn = Ie, mn = z, pn = be, Mn = Ae, hn = je, vn = ke, Cn = Ne, gn = Fe, xn = Ke, _n = Ge, Rn = Be;
+    }));
+  }, l.render = function() {
+    var t = this.props, e = t.component, o = t.childFactory, n = m(t, ["component", "childFactory"]), i = this.state.contextValue, u = M(this.state.children).map(o);
+    return delete n.appear, delete n.enter, delete n.exit, e === null ? /* @__PURE__ */ s.createElement(c.Provider, {
+      value: i
+    }, u) : /* @__PURE__ */ s.createElement(c.Provider, {
+      value: i
+    }, /* @__PURE__ */ s.createElement(e, n, u));
+  }, r;
+}(s.Component);
+h.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * `<TransitionGroup>` renders a `<div>` by default. You can change this
+   * behavior by providing a `component` prop.
+   * If you use React v16+ and would like to avoid a wrapping `<div>` element
+   * you can pass in `component={null}`. This is useful if the wrapping div
+   * borks your css styles.
+   */
+  component: d.any,
+  /**
+   * A set of `<Transition>` components, that are toggled `in` and out as they
+   * leave. the `<TransitionGroup>` will inject specific transition props, so
+   * remember to spread them through if you are wrapping the `<Transition>` as
+   * with our `<Fade>` example.
+   *
+   * While this component is meant for multiple `Transition` or `CSSTransition`
+   * children, sometimes you may want to have a single transition child with
+   * content that you want to be transitioned out and in when you change it
+   * (e.g. routes, images etc.) In that case you can change the `key` prop of
+   * the transition child as you change its content, this will cause
+   * `TransitionGroup` to transition the child out and back in.
+   */
+  children: d.node,
+  /**
+   * A convenience prop that enables or disables appear animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  appear: d.bool,
+  /**
+   * A convenience prop that enables or disables enter animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  enter: d.bool,
+  /**
+   * A convenience prop that enables or disables exit animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  exit: d.bool,
+  /**
+   * You may need to apply reactive updates to a child as it is exiting.
+   * This is generally done by using `cloneElement` however in the case of an exiting
+   * child the element has already been removed and not accessible to the consumer.
+   *
+   * If you do need to update a child as it leaves you can provide a `childFactory`
+   * to wrap every child, even the ones that are leaving.
+   *
+   * @type Function(child: ReactElement) -> ReactElement
+   */
+  childFactory: d.func
+} : {};
+h.defaultProps = F;
 export {
-  an as Anchor,
-  gn as Arrow,
-  pn as CheckboxItem,
-  ln as Content,
-  dn as Group,
-  mn as Item,
-  vn as ItemIndicator,
-  fn as Label,
-  Se as Menu,
-  te as MenuAnchor,
-  Fe as MenuArrow,
-  be as MenuCheckboxItem,
-  we as MenuContent,
-  ce as MenuGroup,
-  z as MenuItem,
-  ke as MenuItemIndicator,
-  Ie as MenuLabel,
-  Ee as MenuPortal,
-  Ae as MenuRadioGroup,
-  je as MenuRadioItem,
-  Ne as MenuSeparator,
-  Ke as MenuSub,
-  Be as MenuSubContent,
-  Ge as MenuSubTrigger,
-  un as Portal,
-  Mn as RadioGroup,
-  hn as RadioItem,
-  sn as Root,
-  Cn as Separator,
-  xn as Sub,
-  Rn as SubContent,
-  _n as SubTrigger,
-  cn as createMenuScope
+  h as default
 };