@alixpartners/ui-components 2.6.0 → 2.6.2

package/dist/index-DH9SO8qV.js

@@ -1,221 +0,0 @@
-import * as o from "react";
-import { b as G, a as N, e as O, P as L, c as w, u as z } from "./index-B4szHVNJ.js";
-import { jsx as m } from "react/jsx-runtime";
-import { u as $, a as J } from "./index-6DGSlWJb.js";
-function Q(e) {
-  const n = e + "CollectionProvider", [u, c] = G(n), [A, v] = u(
-    n,
-    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), I = (f) => {
-    const { scope: t, children: i } = f, d = o.useRef(null), r = o.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ m(A, { scope: t, itemMap: r, collectionRef: d, children: i });
-  };
-  I.displayName = n;
-  const C = e + "CollectionSlot", _ = O(C), p = o.forwardRef(
-    (f, t) => {
-      const { scope: i, children: d } = f, r = v(C, i), s = N(t, r.collectionRef);
-      return /* @__PURE__ */ m(_, { ref: s, children: d });
-    }
-  );
-  p.displayName = C;
-  const a = e + "CollectionItemSlot", R = "data-radix-collection-item", g = O(a), b = o.forwardRef(
-    (f, t) => {
-      const { scope: i, children: d, ...r } = f, s = o.useRef(null), E = N(t, s), T = v(a, i);
-      return o.useEffect(() => (T.itemMap.set(s, { ref: s, ...r }), () => void T.itemMap.delete(s))), /* @__PURE__ */ m(g, { [R]: "", ref: E, children: d });
-    }
-  );
-  b.displayName = a;
-  function F(f) {
-    const t = v(e + "CollectionConsumer", f);
-    return o.useCallback(() => {
-      const d = t.collectionRef.current;
-      if (!d) return [];
-      const r = Array.from(d.querySelectorAll(`[${R}]`));
-      return Array.from(t.itemMap.values()).sort(
-        (T, x) => r.indexOf(T.ref.current) - r.indexOf(x.ref.current)
-      );
-    }, [t.collectionRef, t.itemMap]);
-  }
-  return [
-    { Provider: I, Slot: p, ItemSlot: b },
-    F,
-    c
-  ];
-}
-var W = o.createContext(void 0);
-function X(e) {
-  const n = o.useContext(W);
-  return e || n || "ltr";
-}
-var M = "rovingFocusGroup.onEntryFocus", Z = { bubbles: !1, cancelable: !0 }, h = "RovingFocusGroup", [P, K, ee] = Q(h), [te, me] = G(
-  h,
-  [ee]
-), [oe, ne] = te(h), k = o.forwardRef(
-  (e, n) => /* @__PURE__ */ m(P.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ m(P.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ m(re, { ...e, ref: n }) }) })
-);
-k.displayName = h;
-var re = o.forwardRef((e, n) => {
-  const {
-    __scopeRovingFocusGroup: u,
-    orientation: c,
-    loop: A = !1,
-    dir: v,
-    currentTabStopId: I,
-    defaultCurrentTabStopId: C,
-    onCurrentTabStopIdChange: _,
-    onEntryFocus: p,
-    preventScrollOnEntryFocus: a = !1,
-    ...R
-  } = e, g = o.useRef(null), b = N(n, g), F = X(v), [f, t] = z({
-    prop: I,
-    defaultProp: C ?? null,
-    onChange: _,
-    caller: h
-  }), [i, d] = o.useState(!1), r = J(p), s = K(u), E = o.useRef(!1), [T, x] = o.useState(0);
-  return o.useEffect(() => {
-    const l = g.current;
-    if (l)
-      return l.addEventListener(M, r), () => l.removeEventListener(M, r);
-  }, [r]), /* @__PURE__ */ m(
-    oe,
-    {
-      scope: u,
-      orientation: c,
-      dir: F,
-      loop: A,
-      currentTabStopId: f,
-      onItemFocus: o.useCallback(
-        (l) => t(l),
-        [t]
-      ),
-      onItemShiftTab: o.useCallback(() => d(!0), []),
-      onFocusableItemAdd: o.useCallback(
-        () => x((l) => l + 1),
-        []
-      ),
-      onFocusableItemRemove: o.useCallback(
-        () => x((l) => l - 1),
-        []
-      ),
-      children: /* @__PURE__ */ m(
-        L.div,
-        {
-          tabIndex: i || T === 0 ? -1 : 0,
-          "data-orientation": c,
-          ...R,
-          ref: b,
-          style: { outline: "none", ...e.style },
-          onMouseDown: w(e.onMouseDown, () => {
-            E.current = !0;
-          }),
-          onFocus: w(e.onFocus, (l) => {
-            const Y = !E.current;
-            if (l.target === l.currentTarget && Y && !i) {
-              const D = new CustomEvent(M, Z);
-              if (l.currentTarget.dispatchEvent(D), !D.defaultPrevented) {
-                const y = s().filter((S) => S.focusable), H = y.find((S) => S.active), j = y.find((S) => S.id === f), q = [H, j, ...y].filter(
-                  Boolean
-                ).map((S) => S.ref.current);
-                V(q, a);
-              }
-            }
-            E.current = !1;
-          }),
-          onBlur: w(e.onBlur, () => d(!1))
-        }
-      )
-    }
-  );
-}), U = "RovingFocusGroupItem", B = o.forwardRef(
-  (e, n) => {
-    const {
-      __scopeRovingFocusGroup: u,
-      focusable: c = !0,
-      active: A = !1,
-      tabStopId: v,
-      children: I,
-      ...C
-    } = e, _ = $(), p = v || _, a = ne(U, u), R = a.currentTabStopId === p, g = K(u), { onFocusableItemAdd: b, onFocusableItemRemove: F, currentTabStopId: f } = a;
-    return o.useEffect(() => {
-      if (c)
-        return b(), () => F();
-    }, [c, b, F]), /* @__PURE__ */ m(
-      P.ItemSlot,
-      {
-        scope: u,
-        id: p,
-        focusable: c,
-        active: A,
-        children: /* @__PURE__ */ m(
-          L.span,
-          {
-            tabIndex: R ? 0 : -1,
-            "data-orientation": a.orientation,
-            ...C,
-            ref: n,
-            onMouseDown: w(e.onMouseDown, (t) => {
-              c ? a.onItemFocus(p) : t.preventDefault();
-            }),
-            onFocus: w(e.onFocus, () => a.onItemFocus(p)),
-            onKeyDown: w(e.onKeyDown, (t) => {
-              if (t.key === "Tab" && t.shiftKey) {
-                a.onItemShiftTab();
-                return;
-              }
-              if (t.target !== t.currentTarget) return;
-              const i = ae(t, a.orientation, a.dir);
-              if (i !== void 0) {
-                if (t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) return;
-                t.preventDefault();
-                let r = g().filter((s) => s.focusable).map((s) => s.ref.current);
-                if (i === "last") r.reverse();
-                else if (i === "prev" || i === "next") {
-                  i === "prev" && r.reverse();
-                  const s = r.indexOf(t.currentTarget);
-                  r = a.loop ? ie(r, s + 1) : r.slice(s + 1);
-                }
-                setTimeout(() => V(r));
-              }
-            }),
-            children: typeof I == "function" ? I({ isCurrentTabStop: R, hasTabStop: f != null }) : I
-          }
-        )
-      }
-    );
-  }
-);
-B.displayName = U;
-var ce = {
-  ArrowLeft: "prev",
-  ArrowUp: "prev",
-  ArrowRight: "next",
-  ArrowDown: "next",
-  PageUp: "first",
-  Home: "first",
-  PageDown: "last",
-  End: "last"
-};
-function se(e, n) {
-  return n !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
-}
-function ae(e, n, u) {
-  const c = se(e.key, u);
-  if (!(n === "vertical" && ["ArrowLeft", "ArrowRight"].includes(c)) && !(n === "horizontal" && ["ArrowUp", "ArrowDown"].includes(c)))
-    return ce[c];
-}
-function V(e, n = !1) {
-  const u = document.activeElement;
-  for (const c of e)
-    if (c === u || (c.focus({ preventScroll: n }), document.activeElement !== u)) return;
-}
-function ie(e, n) {
-  return e.map((u, c) => e[(n + c) % e.length]);
-}
-var pe = k, Ie = B;
-export {
-  Ie as I,
-  pe as R,
-  Q as a,
-  me as c,
-  X as u
-};

package/dist/index-kgC_DL6e.js

@@ -1,216 +0,0 @@
-import * as t from "react";
-import { a as F, P as g, c as C, f as U, d as z } from "./index-B4szHVNJ.js";
-import { a as I } from "./index-6DGSlWJb.js";
-import { jsx as T } from "react/jsx-runtime";
-import * as H from "react-dom";
-function K(n, r = globalThis == null ? void 0 : globalThis.document) {
-  const e = I(n);
-  t.useEffect(() => {
-    const o = (i) => {
-      i.key === "Escape" && e(i);
-    };
-    return r.addEventListener("keydown", o, { capture: !0 }), () => r.removeEventListener("keydown", o, { capture: !0 });
-  }, [e, r]);
-}
-var j = "DismissableLayer", S = "dismissableLayer.update", X = "dismissableLayer.pointerDownOutside", Y = "dismissableLayer.focusOutside", A, N = t.createContext({
-  layers: /* @__PURE__ */ new Set(),
-  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
-  branches: /* @__PURE__ */ new Set(),
-  // Outside elements that belong to a layer's own dismiss affordance (eg, a
-  // dialog overlay). Pressing them should dismiss the layer regardless of
-  // whether or not they stop propagation.
-  //
-  // See https://github.com/radix-ui/primitives/issues/3346
-  dismissableSurfaces: /* @__PURE__ */ new Set()
-}), q = t.forwardRef(
-  (n, r) => {
-    const {
-      disableOutsidePointerEvents: e = !1,
-      deferPointerDownOutside: o = !1,
-      onEscapeKeyDown: i,
-      onPointerDownOutside: a,
-      onFocusOutside: v,
-      onInteractOutside: f,
-      onDismiss: l,
-      ...b
-    } = n, s = t.useContext(N), [d, L] = t.useState(null), E = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, D] = t.useState({}), P = F(r, (u) => L(u)), y = Array.from(s.layers), [O] = [...s.layersWithOutsidePointerEventsDisabled].slice(-1), c = y.indexOf(O), m = d ? y.indexOf(d) : -1, w = s.layersWithOutsidePointerEventsDisabled.size > 0, p = m >= c, B = t.useRef(!1), M = Q(
-      (u) => {
-        const h = u.target;
-        if (!(h instanceof Node))
-          return;
-        const k = [...s.branches].some(
-          (R) => R.contains(h)
-        );
-        !p || k || (a == null || a(u), f == null || f(u), u.defaultPrevented || l == null || l());
-      },
-      {
-        ownerDocument: E,
-        deferPointerDownOutside: o,
-        isDeferredPointerDownOutsideRef: B,
-        dismissableSurfaces: s.dismissableSurfaces
-      }
-    ), x = V((u) => {
-      if (o && B.current)
-        return;
-      const h = u.target;
-      [...s.branches].some((R) => R.contains(h)) || (v == null || v(u), f == null || f(u), u.defaultPrevented || l == null || l());
-    }, E);
-    return K((u) => {
-      m === s.layers.size - 1 && (i == null || i(u), !u.defaultPrevented && l && (u.preventDefault(), l()));
-    }, E), t.useEffect(() => {
-      if (d)
-        return e && (s.layersWithOutsidePointerEventsDisabled.size === 0 && (A = E.body.style.pointerEvents, E.body.style.pointerEvents = "none"), s.layersWithOutsidePointerEventsDisabled.add(d)), s.layers.add(d), W(), () => {
-          e && (s.layersWithOutsidePointerEventsDisabled.delete(d), s.layersWithOutsidePointerEventsDisabled.size === 0 && (E.body.style.pointerEvents = A));
-        };
-    }, [d, E, e, s]), t.useEffect(() => () => {
-      d && (s.layers.delete(d), s.layersWithOutsidePointerEventsDisabled.delete(d), W());
-    }, [d, s]), t.useEffect(() => {
-      const u = () => D({});
-      return document.addEventListener(S, u), () => document.removeEventListener(S, u);
-    }, []), /* @__PURE__ */ T(
-      g.div,
-      {
-        ...b,
-        ref: P,
-        style: {
-          pointerEvents: w ? p ? "auto" : "none" : void 0,
-          ...n.style
-        },
-        onFocusCapture: C(n.onFocusCapture, x.onFocusCapture),
-        onBlurCapture: C(n.onBlurCapture, x.onBlurCapture),
-        onPointerDownCapture: C(
-          n.onPointerDownCapture,
-          M.onPointerDownCapture
-        )
-      }
-    );
-  }
-);
-q.displayName = j;
-var G = "DismissableLayerBranch", J = t.forwardRef((n, r) => {
-  const e = t.useContext(N), o = t.useRef(null), i = F(r, o);
-  return t.useEffect(() => {
-    const a = o.current;
-    if (a)
-      return e.branches.add(a), () => {
-        e.branches.delete(a);
-      };
-  }, [e.branches]), /* @__PURE__ */ T(g.div, { ...n, ref: i });
-});
-J.displayName = G;
-function se() {
-  const n = t.useContext(N), [r, e] = t.useState(null);
-  return t.useEffect(() => {
-    if (r)
-      return n.dismissableSurfaces.add(r), () => {
-        n.dismissableSurfaces.delete(r);
-      };
-  }, [r, n.dismissableSurfaces]), e;
-}
-function Q(n, r) {
-  const {
-    ownerDocument: e = globalThis == null ? void 0 : globalThis.document,
-    deferPointerDownOutside: o = !1,
-    isDeferredPointerDownOutsideRef: i,
-    dismissableSurfaces: a
-  } = r, v = I(n), f = t.useRef(!1), l = t.useRef(!1), b = t.useRef(/* @__PURE__ */ new Map()), s = t.useRef(() => {
-  });
-  return t.useEffect(() => {
-    function d() {
-      l.current = !1, i.current = !1, b.current.clear();
-    }
-    function L() {
-      return Array.from(b.current.values()).some(Boolean);
-    }
-    function E(c) {
-      if (!l.current)
-        return;
-      const m = c.target;
-      m instanceof Node && [...a].some((p) => p.contains(m)) || b.current.set(c.type, !0), c.type === "click" && window.setTimeout(() => {
-        l.current && s.current();
-      }, 0);
-    }
-    function D(c) {
-      l.current && b.current.set(c.type, !1);
-    }
-    const P = (c) => {
-      if (c.target && !f.current) {
-        let m = function() {
-          e.removeEventListener("click", s.current);
-          const p = L();
-          d(), p || _(
-            X,
-            v,
-            w,
-            { discrete: !0 }
-          );
-        };
-        const w = { originalEvent: c };
-        l.current = !0, i.current = o && c.button === 0, b.current.clear(), !o || c.button !== 0 ? m() : (e.removeEventListener("click", s.current), s.current = m, e.addEventListener("click", s.current, { once: !0 }));
-      } else
-        e.removeEventListener("click", s.current), d();
-      f.current = !1;
-    }, y = [
-      "pointerup",
-      "mousedown",
-      "mouseup",
-      "touchstart",
-      "touchend",
-      "click"
-    ];
-    for (const c of y)
-      e.addEventListener(c, E, !0), e.addEventListener(c, D);
-    const O = window.setTimeout(() => {
-      e.addEventListener("pointerdown", P);
-    }, 0);
-    return () => {
-      window.clearTimeout(O), e.removeEventListener("pointerdown", P), e.removeEventListener("click", s.current);
-      for (const c of y)
-        e.removeEventListener(c, E, !0), e.removeEventListener(c, D);
-    };
-  }, [
-    e,
-    v,
-    o,
-    i,
-    a
-  ]), {
-    // ensures we check React component tree (not just DOM tree)
-    onPointerDownCapture: () => f.current = !0
-  };
-}
-function V(n, r = globalThis == null ? void 0 : globalThis.document) {
-  const e = I(n), o = t.useRef(!1);
-  return t.useEffect(() => {
-    const i = (a) => {
-      a.target && !o.current && _(Y, e, { originalEvent: a }, {
-        discrete: !1
-      });
-    };
-    return r.addEventListener("focusin", i), () => r.removeEventListener("focusin", i);
-  }, [r, e]), {
-    onFocusCapture: () => o.current = !0,
-    onBlurCapture: () => o.current = !1
-  };
-}
-function W() {
-  const n = new CustomEvent(S);
-  document.dispatchEvent(n);
-}
-function _(n, r, e, { discrete: o }) {
-  const i = e.originalEvent.target, a = new CustomEvent(n, { bubbles: !1, cancelable: !0, detail: e });
-  r && i.addEventListener(n, r, { once: !0 }), o ? U(i, a) : i.dispatchEvent(a);
-}
-var Z = "Portal", $ = t.forwardRef((n, r) => {
-  var f;
-  const { container: e, ...o } = n, [i, a] = t.useState(!1);
-  z(() => a(!0), []);
-  const v = e || i && ((f = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : f.body);
-  return v ? H.createPortal(/* @__PURE__ */ T(g.div, { ...o, ref: r }), v) : null;
-});
-$.displayName = Z;
-export {
-  q as D,
-  $ as P,
-  se as u
-};