@alixpartners/ui-components 2.5.7 → 2.6.1

package/dist/index-Ii4UOx3H.js

@@ -1,599 +0,0 @@
-import * as r from "react";
-import { d as N, c as v, b as je, P as F, i as He, e as We, a as ze } from "./index-z_kiwVc3.js";
-import { u as Ze, c as pe, a as $e, I as qe, R as Je } from "./index-C8H9A55g.js";
-import { P as Qe, D as et } from "./index-CmGGeUr0.js";
-import { h as tt, u as nt, R as ot, F as rt } from "./index-CFqDEbIR.js";
-import { R as ct, A as at, c as ve, C as st, a as ut } from "./index-ChQc_Cm6.js";
-import { P as H } from "./index-CfIcUHKK.js";
-import { a as Me } from "./index-C2s_VtSb.js";
-import { jsx as u } from "react/jsx-runtime";
-var Q = ["Enter", " "], it = ["ArrowDown", "PageUp", "Home"], he = ["ArrowUp", "PageDown", "End"], lt = [...it, ...he], dt = {
-  ltr: [...Q, "ArrowRight"],
-  rtl: [...Q, "ArrowLeft"]
-}, ft = {
-  ltr: ["ArrowLeft"],
-  rtl: ["ArrowRight"]
-}, L = "Menu", [O, mt, pt] = $e(L), [w, jt] = je(L, [
-  pt,
-  ve,
-  pe
-]), W = ve(), Ce = pe(), [vt, I] = w(L), [Mt, K] = w(L), ge = (e) => {
-  const { __scopeMenu: n, open: t = !1, children: o, dir: s, onOpenChange: c, modal: d = !0 } = e, p = W(n), [M, m] = r.useState(null), f = r.useRef(!1), a = Me(c), l = Ze(s);
-  return r.useEffect(() => {
-    const C = () => {
-      f.current = !0, document.addEventListener("pointerdown", h, { capture: !0, once: !0 }), document.addEventListener("pointermove", h, { capture: !0, once: !0 });
-    }, h = () => f.current = !1;
-    return document.addEventListener("keydown", C, { capture: !0 }), () => {
-      document.removeEventListener("keydown", C, { capture: !0 }), document.removeEventListener("pointerdown", h, { capture: !0 }), document.removeEventListener("pointermove", h, { capture: !0 });
-    };
-  }, []), /* @__PURE__ */ u(ct, { ...p, children: /* @__PURE__ */ u(
-    vt,
-    {
-      scope: n,
-      open: t,
-      onOpenChange: a,
-      content: M,
-      onContentChange: m,
-      children: /* @__PURE__ */ u(
-        Mt,
-        {
-          scope: n,
-          onClose: r.useCallback(() => a(!1), [a]),
-          isUsingKeyboardRef: f,
-          dir: l,
-          modal: d,
-          children: o
-        }
-      )
-    }
-  ) });
-};
-ge.displayName = L;
-var ht = "MenuAnchor", ee = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, ...o } = e, s = W(t);
-    return /* @__PURE__ */ u(at, { ...s, ...o, ref: n });
-  }
-);
-ee.displayName = ht;
-var te = "MenuPortal", [Ct, _e] = w(te, {
-  forceMount: void 0
-}), Re = (e) => {
-  const { __scopeMenu: n, forceMount: t, children: o, container: s } = e, c = I(te, n);
-  return /* @__PURE__ */ u(Ct, { scope: n, forceMount: t, children: /* @__PURE__ */ u(H, { present: t || c.open, children: /* @__PURE__ */ u(Qe, { asChild: !0, container: s, children: o }) }) });
-};
-Re.displayName = te;
-var _ = "MenuContent", [gt, ne] = w(_), Pe = r.forwardRef(
-  (e, n) => {
-    const t = _e(_, e.__scopeMenu), { forceMount: o = t.forceMount, ...s } = e, c = I(_, e.__scopeMenu), d = K(_, e.__scopeMenu);
-    return /* @__PURE__ */ u(O.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ u(H, { present: o || c.open, children: /* @__PURE__ */ u(O.Slot, { scope: e.__scopeMenu, children: d.modal ? /* @__PURE__ */ u(_t, { ...s, ref: n }) : /* @__PURE__ */ u(Rt, { ...s, ref: n }) }) }) });
-  }
-), _t = r.forwardRef(
-  (e, n) => {
-    const t = I(_, e.__scopeMenu), o = r.useRef(null), s = N(n, o);
-    return r.useEffect(() => {
-      const c = o.current;
-      if (c) return tt(c);
-    }, []), /* @__PURE__ */ u(
-      oe,
-      {
-        ...e,
-        ref: s,
-        trapFocus: t.open,
-        disableOutsidePointerEvents: t.open,
-        disableOutsideScroll: !0,
-        onFocusOutside: v(
-          e.onFocusOutside,
-          (c) => c.preventDefault(),
-          { checkForDefaultPrevented: !1 }
-        ),
-        onDismiss: () => t.onOpenChange(!1)
-      }
-    );
-  }
-), Rt = r.forwardRef((e, n) => {
-  const t = I(_, e.__scopeMenu);
-  return /* @__PURE__ */ u(
-    oe,
-    {
-      ...e,
-      ref: n,
-      trapFocus: !1,
-      disableOutsidePointerEvents: !1,
-      disableOutsideScroll: !1,
-      onDismiss: () => t.onOpenChange(!1)
-    }
-  );
-}), Pt = We("MenuContent.ScrollLock"), oe = r.forwardRef(
-  (e, n) => {
-    const {
-      __scopeMenu: t,
-      loop: o = !1,
-      trapFocus: s,
-      onOpenAutoFocus: c,
-      onCloseAutoFocus: d,
-      disableOutsidePointerEvents: p,
-      onEntryFocus: M,
-      onEscapeKeyDown: m,
-      onPointerDownOutside: f,
-      onFocusOutside: a,
-      onInteractOutside: l,
-      onDismiss: C,
-      disableOutsideScroll: h,
-      ...S
-    } = e, y = I(_, t), T = K(_, t), G = W(t), U = Ce(t), se = mt(t), [Ge, ue] = r.useState(null), B = r.useRef(null), Ue = N(n, B, y.onContentChange), V = r.useRef(0), Y = r.useRef(""), Be = r.useRef(0), Z = r.useRef(null), ie = r.useRef("right"), $ = r.useRef(0), Ve = h ? ot : r.Fragment, Ye = h ? { as: Pt, allowPinchZoom: !0 } : void 0, Xe = (i) => {
-      var x, de;
-      const g = Y.current + i, R = se().filter((P) => !P.disabled), E = document.activeElement, q = (x = R.find((P) => P.ref.current === E)) == null ? void 0 : x.textValue, J = R.map((P) => P.textValue), le = kt(J, g, q), A = (de = R.find((P) => P.textValue === le)) == null ? void 0 : de.ref.current;
-      (function P(fe) {
-        Y.current = fe, window.clearTimeout(V.current), fe !== "" && (V.current = window.setTimeout(() => P(""), 1e3));
-      })(g), A && setTimeout(() => A.focus());
-    };
-    r.useEffect(() => () => window.clearTimeout(V.current), []), nt();
-    const b = r.useCallback((i) => {
-      var R, E;
-      return ie.current === ((R = Z.current) == null ? void 0 : R.side) && Ft(i, (E = Z.current) == null ? void 0 : E.area);
-    }, []);
-    return /* @__PURE__ */ u(
-      gt,
-      {
-        scope: t,
-        searchRef: Y,
-        onItemEnter: r.useCallback(
-          (i) => {
-            b(i) && i.preventDefault();
-          },
-          [b]
-        ),
-        onItemLeave: r.useCallback(
-          (i) => {
-            var g;
-            b(i) || ((g = B.current) == null || g.focus(), ue(null));
-          },
-          [b]
-        ),
-        onTriggerLeave: r.useCallback(
-          (i) => {
-            b(i) && i.preventDefault();
-          },
-          [b]
-        ),
-        pointerGraceTimerRef: Be,
-        onPointerGraceIntentChange: r.useCallback((i) => {
-          Z.current = i;
-        }, []),
-        children: /* @__PURE__ */ u(Ve, { ...Ye, children: /* @__PURE__ */ u(
-          rt,
-          {
-            asChild: !0,
-            trapped: s,
-            onMountAutoFocus: v(c, (i) => {
-              var g;
-              i.preventDefault(), (g = B.current) == null || g.focus({ preventScroll: !0 });
-            }),
-            onUnmountAutoFocus: d,
-            children: /* @__PURE__ */ u(
-              et,
-              {
-                asChild: !0,
-                disableOutsidePointerEvents: p,
-                onEscapeKeyDown: m,
-                onPointerDownOutside: f,
-                onFocusOutside: a,
-                onInteractOutside: l,
-                onDismiss: C,
-                children: /* @__PURE__ */ u(
-                  Je,
-                  {
-                    asChild: !0,
-                    ...U,
-                    dir: T.dir,
-                    orientation: "vertical",
-                    loop: o,
-                    currentTabStopId: Ge,
-                    onCurrentTabStopIdChange: ue,
-                    onEntryFocus: v(M, (i) => {
-                      T.isUsingKeyboardRef.current || i.preventDefault();
-                    }),
-                    preventScrollOnEntryFocus: !0,
-                    children: /* @__PURE__ */ u(
-                      st,
-                      {
-                        role: "menu",
-                        "aria-orientation": "vertical",
-                        "data-state": Ke(y.open),
-                        "data-radix-menu-content": "",
-                        dir: T.dir,
-                        ...G,
-                        ...S,
-                        ref: Ue,
-                        style: { outline: "none", ...S.style },
-                        onKeyDown: v(S.onKeyDown, (i) => {
-                          const R = i.target.closest("[data-radix-menu-content]") === i.currentTarget, E = i.ctrlKey || i.altKey || i.metaKey, q = i.key.length === 1;
-                          R && (i.key === "Tab" && i.preventDefault(), !E && q && Xe(i.key));
-                          const J = B.current;
-                          if (i.target !== J || !lt.includes(i.key)) return;
-                          i.preventDefault();
-                          const A = se().filter((x) => !x.disabled).map((x) => x.ref.current);
-                          he.includes(i.key) && A.reverse(), Dt(A);
-                        }),
-                        onBlur: v(e.onBlur, (i) => {
-                          i.currentTarget.contains(i.target) || (window.clearTimeout(V.current), Y.current = "");
-                        }),
-                        onPointerMove: v(
-                          e.onPointerMove,
-                          k((i) => {
-                            const g = i.target, R = $.current !== i.clientX;
-                            if (i.currentTarget.contains(g) && R) {
-                              const E = i.clientX > $.current ? "right" : "left";
-                              ie.current = E, $.current = i.clientX;
-                            }
-                          })
-                        )
-                      }
-                    )
-                  }
-                )
-              }
-            )
-          }
-        ) })
-      }
-    );
-  }
-);
-Pe.displayName = _;
-var Et = "MenuGroup", re = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, ...o } = e;
-    return /* @__PURE__ */ u(F.div, { role: "group", ...o, ref: n });
-  }
-);
-re.displayName = Et;
-var St = "MenuLabel", Ee = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, ...o } = e;
-    return /* @__PURE__ */ u(F.div, { ...o, ref: n });
-  }
-);
-Ee.displayName = St;
-var X = "MenuItem", me = "menu.itemSelect", z = r.forwardRef(
-  (e, n) => {
-    const { disabled: t = !1, onSelect: o, ...s } = e, c = r.useRef(null), d = K(X, e.__scopeMenu), p = ne(X, e.__scopeMenu), M = N(n, c), m = r.useRef(!1), f = () => {
-      const a = c.current;
-      if (!t && a) {
-        const l = new CustomEvent(me, { bubbles: !0, cancelable: !0 });
-        a.addEventListener(me, (C) => o == null ? void 0 : o(C), { once: !0 }), He(a, l), l.defaultPrevented ? m.current = !1 : d.onClose();
-      }
-    };
-    return /* @__PURE__ */ u(
-      Se,
-      {
-        ...s,
-        ref: M,
-        disabled: t,
-        onClick: v(e.onClick, f),
-        onPointerDown: (a) => {
-          var l;
-          (l = e.onPointerDown) == null || l.call(e, a), m.current = !0;
-        },
-        onPointerUp: v(e.onPointerUp, (a) => {
-          var l;
-          m.current || (l = a.currentTarget) == null || l.click();
-        }),
-        onKeyDown: v(e.onKeyDown, (a) => {
-          const l = p.searchRef.current !== "";
-          t || l && a.key === " " || Q.includes(a.key) && (a.currentTarget.click(), a.preventDefault());
-        })
-      }
-    );
-  }
-);
-z.displayName = X;
-var Se = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, disabled: o = !1, textValue: s, ...c } = e, d = ne(X, t), p = Ce(t), M = r.useRef(null), m = N(n, M), [f, a] = r.useState(!1), [l, C] = r.useState("");
-    return r.useEffect(() => {
-      const h = M.current;
-      h && C((h.textContent ?? "").trim());
-    }, [c.children]), /* @__PURE__ */ u(
-      O.ItemSlot,
-      {
-        scope: t,
-        disabled: o,
-        textValue: s ?? l,
-        children: /* @__PURE__ */ u(qe, { asChild: !0, ...p, focusable: !o, children: /* @__PURE__ */ u(
-          F.div,
-          {
-            role: "menuitem",
-            "data-highlighted": f ? "" : void 0,
-            "aria-disabled": o || void 0,
-            "data-disabled": o ? "" : void 0,
-            ...c,
-            ref: m,
-            onPointerMove: v(
-              e.onPointerMove,
-              k((h) => {
-                o ? d.onItemLeave(h) : (d.onItemEnter(h), h.defaultPrevented || h.currentTarget.focus({ preventScroll: !0 }));
-              })
-            ),
-            onPointerLeave: v(
-              e.onPointerLeave,
-              k((h) => d.onItemLeave(h))
-            ),
-            onFocus: v(e.onFocus, () => a(!0)),
-            onBlur: v(e.onBlur, () => a(!1))
-          }
-        ) })
-      }
-    );
-  }
-), wt = "MenuCheckboxItem", we = r.forwardRef(
-  (e, n) => {
-    const { checked: t = !1, onCheckedChange: o, ...s } = e;
-    return /* @__PURE__ */ u(Te, { scope: e.__scopeMenu, checked: t, children: /* @__PURE__ */ u(
-      z,
-      {
-        role: "menuitemcheckbox",
-        "aria-checked": j(t) ? "mixed" : t,
-        ...s,
-        ref: n,
-        "data-state": ae(t),
-        onSelect: v(
-          s.onSelect,
-          () => o == null ? void 0 : o(j(t) ? !0 : !t),
-          { checkForDefaultPrevented: !1 }
-        )
-      }
-    ) });
-  }
-);
-we.displayName = wt;
-var Ie = "MenuRadioGroup", [It, yt] = w(
-  Ie,
-  { value: void 0, onValueChange: () => {
-  } }
-), ye = r.forwardRef(
-  (e, n) => {
-    const { value: t, onValueChange: o, ...s } = e, c = Me(o);
-    return /* @__PURE__ */ u(It, { scope: e.__scopeMenu, value: t, onValueChange: c, children: /* @__PURE__ */ u(re, { ...s, ref: n }) });
-  }
-);
-ye.displayName = Ie;
-var be = "MenuRadioItem", xe = r.forwardRef(
-  (e, n) => {
-    const { value: t, ...o } = e, s = yt(be, e.__scopeMenu), c = t === s.value;
-    return /* @__PURE__ */ u(Te, { scope: e.__scopeMenu, checked: c, children: /* @__PURE__ */ u(
-      z,
-      {
-        role: "menuitemradio",
-        "aria-checked": c,
-        ...o,
-        ref: n,
-        "data-state": ae(c),
-        onSelect: v(
-          o.onSelect,
-          () => {
-            var d;
-            return (d = s.onValueChange) == null ? void 0 : d.call(s, t);
-          },
-          { checkForDefaultPrevented: !1 }
-        )
-      }
-    ) });
-  }
-);
-xe.displayName = be;
-var ce = "MenuItemIndicator", [Te, bt] = w(
-  ce,
-  { checked: !1 }
-), Ae = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, forceMount: o, ...s } = e, c = bt(ce, t);
-    return /* @__PURE__ */ u(
-      H,
-      {
-        present: o || j(c.checked) || c.checked === !0,
-        children: /* @__PURE__ */ u(
-          F.span,
-          {
-            ...s,
-            ref: n,
-            "data-state": ae(c.checked)
-          }
-        )
-      }
-    );
-  }
-);
-Ae.displayName = ce;
-var xt = "MenuSeparator", De = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, ...o } = e;
-    return /* @__PURE__ */ u(
-      F.div,
-      {
-        role: "separator",
-        "aria-orientation": "horizontal",
-        ...o,
-        ref: n
-      }
-    );
-  }
-);
-De.displayName = xt;
-var Tt = "MenuArrow", Oe = r.forwardRef(
-  (e, n) => {
-    const { __scopeMenu: t, ...o } = e, s = W(t);
-    return /* @__PURE__ */ u(ut, { ...s, ...o, ref: n });
-  }
-);
-Oe.displayName = Tt;
-var At = "MenuSub", [Ht, ke] = w(At), D = "MenuSubTrigger", Ne = r.forwardRef(
-  (e, n) => {
-    const t = I(D, e.__scopeMenu), o = K(D, e.__scopeMenu), s = ke(D, e.__scopeMenu), c = ne(D, e.__scopeMenu), d = r.useRef(null), { pointerGraceTimerRef: p, onPointerGraceIntentChange: M } = c, m = { __scopeMenu: e.__scopeMenu }, f = r.useCallback(() => {
-      d.current && window.clearTimeout(d.current), d.current = null;
-    }, []);
-    return r.useEffect(() => f, [f]), r.useEffect(() => {
-      const a = p.current;
-      return () => {
-        window.clearTimeout(a), M(null);
-      };
-    }, [p, M]), /* @__PURE__ */ u(ee, { asChild: !0, ...m, children: /* @__PURE__ */ u(
-      Se,
-      {
-        id: s.triggerId,
-        "aria-haspopup": "menu",
-        "aria-expanded": t.open,
-        "aria-controls": s.contentId,
-        "data-state": Ke(t.open),
-        ...e,
-        ref: ze(n, s.onTriggerChange),
-        onClick: (a) => {
-          var l;
-          (l = e.onClick) == null || l.call(e, a), !(e.disabled || a.defaultPrevented) && (a.currentTarget.focus(), t.open || t.onOpenChange(!0));
-        },
-        onPointerMove: v(
-          e.onPointerMove,
-          k((a) => {
-            c.onItemEnter(a), !a.defaultPrevented && !e.disabled && !t.open && !d.current && (c.onPointerGraceIntentChange(null), d.current = window.setTimeout(() => {
-              t.onOpenChange(!0), f();
-            }, 100));
-          })
-        ),
-        onPointerLeave: v(
-          e.onPointerLeave,
-          k((a) => {
-            var C, h;
-            f();
-            const l = (C = t.content) == null ? void 0 : C.getBoundingClientRect();
-            if (l) {
-              const S = (h = t.content) == null ? void 0 : h.dataset.side, y = S === "right", T = y ? -5 : 5, G = l[y ? "left" : "right"], U = l[y ? "right" : "left"];
-              c.onPointerGraceIntentChange({
-                area: [
-                  // Apply a bleed on clientX to ensure that our exit point is
-                  // consistently within polygon bounds
-                  { x: a.clientX + T, y: a.clientY },
-                  { x: G, y: l.top },
-                  { x: U, y: l.top },
-                  { x: U, y: l.bottom },
-                  { x: G, y: l.bottom }
-                ],
-                side: S
-              }), window.clearTimeout(p.current), p.current = window.setTimeout(
-                () => c.onPointerGraceIntentChange(null),
-                300
-              );
-            } else {
-              if (c.onTriggerLeave(a), a.defaultPrevented) return;
-              c.onPointerGraceIntentChange(null);
-            }
-          })
-        ),
-        onKeyDown: v(e.onKeyDown, (a) => {
-          var C;
-          const l = c.searchRef.current !== "";
-          e.disabled || l && a.key === " " || dt[o.dir].includes(a.key) && (t.onOpenChange(!0), (C = t.content) == null || C.focus(), a.preventDefault());
-        })
-      }
-    ) });
-  }
-);
-Ne.displayName = D;
-var Fe = "MenuSubContent", Le = r.forwardRef(
-  (e, n) => {
-    const t = _e(_, e.__scopeMenu), { forceMount: o = t.forceMount, ...s } = e, c = I(_, e.__scopeMenu), d = K(_, e.__scopeMenu), p = ke(Fe, e.__scopeMenu), M = r.useRef(null), m = N(n, M);
-    return /* @__PURE__ */ u(O.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ u(H, { present: o || c.open, children: /* @__PURE__ */ u(O.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ u(
-      oe,
-      {
-        id: p.contentId,
-        "aria-labelledby": p.triggerId,
-        ...s,
-        ref: m,
-        align: "start",
-        side: d.dir === "rtl" ? "left" : "right",
-        disableOutsidePointerEvents: !1,
-        disableOutsideScroll: !1,
-        trapFocus: !1,
-        onOpenAutoFocus: (f) => {
-          var a;
-          d.isUsingKeyboardRef.current && ((a = M.current) == null || a.focus()), f.preventDefault();
-        },
-        onCloseAutoFocus: (f) => f.preventDefault(),
-        onFocusOutside: v(e.onFocusOutside, (f) => {
-          f.target !== p.trigger && c.onOpenChange(!1);
-        }),
-        onEscapeKeyDown: v(e.onEscapeKeyDown, (f) => {
-          d.onClose(), f.preventDefault();
-        }),
-        onKeyDown: v(e.onKeyDown, (f) => {
-          var C;
-          const a = f.currentTarget.contains(f.target), l = ft[d.dir].includes(f.key);
-          a && l && (c.onOpenChange(!1), (C = p.trigger) == null || C.focus(), f.preventDefault());
-        })
-      }
-    ) }) }) });
-  }
-);
-Le.displayName = Fe;
-function Ke(e) {
-  return e ? "open" : "closed";
-}
-function j(e) {
-  return e === "indeterminate";
-}
-function ae(e) {
-  return j(e) ? "indeterminate" : e ? "checked" : "unchecked";
-}
-function Dt(e) {
-  const n = document.activeElement;
-  for (const t of e)
-    if (t === n || (t.focus(), document.activeElement !== n)) return;
-}
-function Ot(e, n) {
-  return e.map((t, o) => e[(n + o) % e.length]);
-}
-function kt(e, n, t) {
-  const s = n.length > 1 && Array.from(n).every((m) => m === n[0]) ? n[0] : n, c = t ? e.indexOf(t) : -1;
-  let d = Ot(e, Math.max(c, 0));
-  s.length === 1 && (d = d.filter((m) => m !== t));
-  const M = d.find(
-    (m) => m.toLowerCase().startsWith(s.toLowerCase())
-  );
-  return M !== t ? M : void 0;
-}
-function Nt(e, n) {
-  const { x: t, y: o } = e;
-  let s = !1;
-  for (let c = 0, d = n.length - 1; c < n.length; d = c++) {
-    const p = n[c], M = n[d], m = p.x, f = p.y, a = M.x, l = M.y;
-    f > o != l > o && t < (a - m) * (o - f) / (l - f) + m && (s = !s);
-  }
-  return s;
-}
-function Ft(e, n) {
-  if (!n) return !1;
-  const t = { x: e.clientX, y: e.clientY };
-  return Nt(t, n);
-}
-function k(e) {
-  return (n) => n.pointerType === "mouse" ? e(n) : void 0;
-}
-var Wt = ge, zt = ee, Zt = Re, $t = Pe, qt = re, Jt = Ee, Qt = z, en = we, tn = ye, nn = xe, on = Ae, rn = De, cn = Oe, an = Ne, sn = Le;
-export {
-  zt as A,
-  $t as C,
-  qt as G,
-  Qt as I,
-  Jt as L,
-  Zt as P,
-  Wt as R,
-  rn as S,
-  en as a,
-  tn as b,
-  jt as c,
-  nn as d,
-  on as e,
-  cn as f,
-  an as g,
-  sn as h
-};