@alixpartners/ui-components 2.0.0-beta.8 → 2.0.0

package/dist/{index-DNvS1y4S.js → index-CVWHq7Pr.js}

@@ -1,9 +1,10 @@
 import * as r from "react";
-import { c as je, d as N, a as v, P as F, f as He, g as We, b as ze } from "./index-CVlmPg9Z.js";
-import { u as Ze, a as $e, c as pe, I as qe, R as Je } from "./index-DrL-TXFC.js";
-import { c as ve, R as Qe, A as et, P as tt, h as nt, u as ot, a as rt, F as ct, D as at, C as st, b as ut } from "./index-Bx8a_H5C.js";
-import { P as H } from "./index-BvhDRUM9.js";
-import { a as Me } from "./index-k9IXwz5f.js";
+import { c as je, d as N, a as v, P as F, f as He, g as We, b as ze } from "./index-DWydnyjJ.js";
+import { a as Ze, c as pe, u as $e, I as qe, R as Je } from "./index-CjQV7MmW.js";
+import { c as ve, R as Qe, A as et, P as tt, D as nt, C as ot, a as rt } from "./index-DieLVN0p.js";
+import { h as ct, u as at, R as st, F as ut } from "./index-BGZDIjm9.js";
+import { P as H } from "./index-DpfPnSMn.js";
+import { a as Me } from "./index-2H7slGYV.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"],
@@ -11,12 +12,12 @@ var Q = ["Enter", " "], it = ["ArrowDown", "PageUp", "Home"], he = ["ArrowUp", "
 }, ft = {
   ltr: ["ArrowLeft"],
   rtl: ["ArrowRight"]
-}, L = "Menu", [O, mt, pt] = $e(L), [w, Yt] = je(L, [
+}, L = "Menu", [O, mt, pt] = Ze(L), [w, Xt] = 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);
+  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 = $e(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 });
@@ -71,7 +72,7 @@ var _ = "MenuContent", [gt, ne] = w(_), Pe = r.forwardRef(
     const t = I(_, e.__scopeMenu), o = r.useRef(null), s = N(n, o);
     return r.useEffect(() => {
       const c = o.current;
-      if (c) return nt(c);
+      if (c) return ct(c);
     }, []), /* @__PURE__ */ u(
       oe,
       {
@@ -119,14 +120,14 @@ var _ = "MenuContent", [gt, ne] = w(_), Pe = r.forwardRef(
       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 ? rt : r.Fragment, Ye = h ? { as: Pt, allowPinchZoom: !0 } : void 0, Xe = (i) => {
+    } = 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 ? st : 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), []), ot();
+    r.useEffect(() => () => window.clearTimeout(V.current), []), at();
     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);
@@ -160,7 +161,7 @@ var _ = "MenuContent", [gt, ne] = w(_), Pe = r.forwardRef(
           Z.current = i;
         }, []),
         children: /* @__PURE__ */ u(Ve, { ...Ye, children: /* @__PURE__ */ u(
-          ct,
+          ut,
           {
             asChild: !0,
             trapped: s,
@@ -170,7 +171,7 @@ var _ = "MenuContent", [gt, ne] = w(_), Pe = r.forwardRef(
             }),
             onUnmountAutoFocus: d,
             children: /* @__PURE__ */ u(
-              at,
+              nt,
               {
                 asChild: !0,
                 disableOutsidePointerEvents: p,
@@ -194,7 +195,7 @@ var _ = "MenuContent", [gt, ne] = w(_), Pe = r.forwardRef(
                     }),
                     preventScrollOnEntryFocus: !0,
                     children: /* @__PURE__ */ u(
-                      st,
+                      ot,
                       {
                         role: "menu",
                         "aria-orientation": "vertical",
@@ -422,11 +423,11 @@ 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 });
+    return /* @__PURE__ */ u(rt, { ...s, ...o, ref: n });
   }
 );
 Oe.displayName = Tt;
-var At = "MenuSub", [Xt, ke] = w(At), D = "MenuSubTrigger", Ne = r.forwardRef(
+var At = "MenuSub", [jt, 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;
@@ -576,22 +577,22 @@ function Ft(e, n) {
 function k(e) {
   return (n) => n.pointerType === "mouse" ? e(n) : void 0;
 }
-var jt = ge, Ht = ee, Wt = Re, zt = Pe, Zt = re, $t = Ee, qt = z, Jt = we, Qt = ye, en = xe, tn = Ae, nn = De, on = Oe, rn = Ne, cn = Le;
+var Ht = ge, Wt = ee, zt = Re, Zt = Pe, $t = re, qt = Ee, Jt = z, Qt = we, en = ye, tn = xe, nn = Ae, on = De, rn = Oe, cn = Ne, an = Le;
 export {
-  Ht as A,
-  zt as C,
-  Zt as G,
-  qt as I,
-  $t as L,
-  Wt as P,
-  jt as R,
-  nn as S,
-  Jt as a,
-  Qt as b,
-  Yt as c,
-  en as d,
-  tn as e,
-  on as f,
-  rn as g,
-  cn as h
+  Wt as A,
+  Zt as C,
+  $t as G,
+  Jt as I,
+  qt as L,
+  zt as P,
+  Ht as R,
+  on as S,
+  Qt as a,
+  en as b,
+  Xt as c,
+  tn as d,
+  nn as e,
+  rn as f,
+  cn as g,
+  an as h
 };

package/dist/{index-DrL-TXFC.js → index-CjQV7MmW.js}

@@ -1,8 +1,8 @@
 import * as i from "react";
 import S from "react";
-import { c as L, d as P, g as G, P as K, a as A, u as $ } from "./index-CVlmPg9Z.js";
+import { c as L, d as P, g as G, P as K, a as A, u as $ } from "./index-DWydnyjJ.js";
 import { jsx as m } from "react/jsx-runtime";
-import { u as J, a as Q } from "./index-k9IXwz5f.js";
+import { u as J, a as Q } from "./index-2H7slGYV.js";
 function W(e) {
   const o = e + "CollectionProvider", [u, n] = L(o), [_, v] = u(
     o,

package/dist/index-DWydnyjJ.js

@@ -0,0 +1,245 @@
+import * as c from "react";
+import * as P from "react-dom";
+import { jsx as S, Fragment as R } from "react/jsx-runtime";
+function v(t, e) {
+  if (typeof t == "function")
+    return t(e);
+  t != null && (t.current = e);
+}
+function C(...t) {
+  return (e) => {
+    let o = !1;
+    const r = t.map((n) => {
+      const s = v(n, e);
+      return !o && typeof s == "function" && (o = !0), s;
+    });
+    if (o)
+      return () => {
+        for (let n = 0; n < r.length; n++) {
+          const s = r[n];
+          typeof s == "function" ? s() : v(t[n], null);
+        }
+      };
+  };
+}
+function j(...t) {
+  return c.useCallback(C(...t), t);
+}
+// @__NO_SIDE_EFFECTS__
+function E(t) {
+  const e = /* @__PURE__ */ _(t), o = c.forwardRef((r, n) => {
+    const { children: s, ...u } = r, i = c.Children.toArray(s), l = i.find($);
+    if (l) {
+      const f = l.props.children, d = i.map((a) => a === l ? c.Children.count(f) > 1 ? c.Children.only(null) : c.isValidElement(f) ? f.props.children : null : a);
+      return /* @__PURE__ */ S(e, { ...u, ref: n, children: c.isValidElement(f) ? c.cloneElement(f, void 0, d) : null });
+    }
+    return /* @__PURE__ */ S(e, { ...u, ref: n, children: s });
+  });
+  return o.displayName = `${t}.Slot`, o;
+}
+// @__NO_SIDE_EFFECTS__
+function _(t) {
+  const e = c.forwardRef((o, r) => {
+    const { children: n, ...s } = o;
+    if (c.isValidElement(n)) {
+      const u = O(n), i = z(s, n.props);
+      return n.type !== c.Fragment && (i.ref = r ? C(r, u) : u), c.cloneElement(n, i);
+    }
+    return c.Children.count(n) > 1 ? c.Children.only(null) : null;
+  });
+  return e.displayName = `${t}.SlotClone`, e;
+}
+var x = Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function B(t) {
+  const e = ({ children: o }) => /* @__PURE__ */ S(R, { children: o });
+  return e.displayName = `${t}.Slottable`, e.__radixId = x, e;
+}
+function $(t) {
+  return c.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === x;
+}
+function z(t, e) {
+  const o = { ...e };
+  for (const r in e) {
+    const n = t[r], s = e[r];
+    /^on[A-Z]/.test(r) ? n && s ? o[r] = (...i) => {
+      const l = s(...i);
+      return n(...i), l;
+    } : n && (o[r] = n) : r === "style" ? o[r] = { ...n, ...s } : r === "className" && (o[r] = [n, s].filter(Boolean).join(" "));
+  }
+  return { ...t, ...o };
+}
+function O(t) {
+  var r, n;
+  let e = (r = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : r.get, o = e && "isReactWarning" in e && e.isReactWarning;
+  return o ? t.ref : (e = (n = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : n.get, o = e && "isReactWarning" in e && e.isReactWarning, o ? t.props.ref : t.props.ref || t.ref);
+}
+var N = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], k = N.reduce((t, e) => {
+  const o = /* @__PURE__ */ E(`Primitive.${e}`), r = c.forwardRef((n, s) => {
+    const { asChild: u, ...i } = n, l = u ? o : e;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ S(l, { ...i, ref: s });
+  });
+  return r.displayName = `Primitive.${e}`, { ...t, [e]: r };
+}, {});
+function F(t, e) {
+  t && P.flushSync(() => t.dispatchEvent(e));
+}
+function L(t, e = []) {
+  let o = [];
+  function r(s, u) {
+    const i = c.createContext(u), l = o.length;
+    o = [...o, u];
+    const f = (a) => {
+      var b;
+      const { scope: p, children: h, ...m } = a, y = ((b = p == null ? void 0 : p[t]) == null ? void 0 : b[l]) || i, w = c.useMemo(() => m, Object.values(m));
+      return /* @__PURE__ */ S(y.Provider, { value: w, children: h });
+    };
+    f.displayName = s + "Provider";
+    function d(a, p) {
+      var y;
+      const h = ((y = p == null ? void 0 : p[t]) == null ? void 0 : y[l]) || i, m = c.useContext(h);
+      if (m) return m;
+      if (u !== void 0) return u;
+      throw new Error(`\`${a}\` must be used within \`${s}\``);
+    }
+    return [f, d];
+  }
+  const n = () => {
+    const s = o.map((u) => c.createContext(u));
+    return function(i) {
+      const l = (i == null ? void 0 : i[t]) || s;
+      return c.useMemo(
+        () => ({ [`__scope${t}`]: { ...i, [t]: l } }),
+        [i, l]
+      );
+    };
+  };
+  return n.scopeName = t, [r, A(n, ...e)];
+}
+function A(...t) {
+  const e = t[0];
+  if (t.length === 1) return e;
+  const o = () => {
+    const r = t.map((n) => ({
+      useScope: n(),
+      scopeName: n.scopeName
+    }));
+    return function(s) {
+      const u = r.reduce((i, { useScope: l, scopeName: f }) => {
+        const a = l(s)[`__scope${f}`];
+        return { ...i, ...a };
+      }, {});
+      return c.useMemo(() => ({ [`__scope${e.scopeName}`]: u }), [u]);
+    };
+  };
+  return o.scopeName = e.scopeName, o;
+}
+function M(t, e, { checkForDefaultPrevented: o = !0 } = {}) {
+  return function(n) {
+    if (t == null || t(n), o === !1 || !n.defaultPrevented)
+      return e == null ? void 0 : e(n);
+  };
+}
+var g = globalThis != null && globalThis.document ? c.useLayoutEffect : () => {
+}, I = c[" useInsertionEffect ".trim().toString()] || g;
+function T({
+  prop: t,
+  defaultProp: e,
+  onChange: o = () => {
+  },
+  caller: r
+}) {
+  const [n, s, u] = D({
+    defaultProp: e,
+    onChange: o
+  }), i = t !== void 0, l = i ? t : n;
+  {
+    const d = c.useRef(t !== void 0);
+    c.useEffect(() => {
+      const a = d.current;
+      a !== i && console.warn(
+        `${r} is changing from ${a ? "controlled" : "uncontrolled"} to ${i ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), d.current = i;
+    }, [i, r]);
+  }
+  const f = c.useCallback(
+    (d) => {
+      var a;
+      if (i) {
+        const p = W(d) ? d(t) : d;
+        p !== t && ((a = u.current) == null || a.call(u, p));
+      } else
+        s(d);
+    },
+    [i, t, s, u]
+  );
+  return [l, f];
+}
+function D({
+  defaultProp: t,
+  onChange: e
+}) {
+  const [o, r] = c.useState(t), n = c.useRef(o), s = c.useRef(e);
+  return I(() => {
+    s.current = e;
+  }, [e]), c.useEffect(() => {
+    var u;
+    n.current !== o && ((u = s.current) == null || u.call(s, o), n.current = o);
+  }, [o, n]), [o, r, s];
+}
+function W(t) {
+  return typeof t == "function";
+}
+function U(t) {
+  const [e, o] = c.useState(void 0);
+  return g(() => {
+    if (t) {
+      o({ width: t.offsetWidth, height: t.offsetHeight });
+      const r = new ResizeObserver((n) => {
+        if (!Array.isArray(n) || !n.length)
+          return;
+        const s = n[0];
+        let u, i;
+        if ("borderBoxSize" in s) {
+          const l = s.borderBoxSize, f = Array.isArray(l) ? l[0] : l;
+          u = f.inlineSize, i = f.blockSize;
+        } else
+          u = t.offsetWidth, i = t.offsetHeight;
+        o({ width: u, height: i });
+      });
+      return r.observe(t, { box: "border-box" }), () => r.unobserve(t);
+    } else
+      o(void 0);
+  }, [t]), e;
+}
+export {
+  k as P,
+  M as a,
+  C as b,
+  L as c,
+  j as d,
+  U as e,
+  F as f,
+  E as g,
+  B as h,
+  g as i,
+  T as u
+};