@arcadeai/design-system 3.39.0 → 3.39.2

package/dist/useFocus-Aj9ShMQu.js

@@ -0,0 +1,97 @@
+"use client";
+import * as u from "react";
+import { g as D, a as R, i as k } from "./floating-ui.utils.dom-jr2suqy2.js";
+import { b as x, c as O } from "./detectBrowser-Dn2N72k1.js";
+import { u as S } from "./useTimeout-DAqPwigF.js";
+import { o as A } from "./owner-rKN292Q9.js";
+import { c as b, t as T, a as C, e as B } from "./createBaseUIEventDetails-CqidROtw.js";
+import { c as K } from "./popupStateMapping-BT9Y_jIq.js";
+import { a as F, c as L, i as h, b as P, d as V, m as G } from "./element-DSo91iOi.js";
+const y = x && O;
+function N(d, M = {}) {
+  const t = "rootStore" in d ? d.rootStore : d, {
+    events: g,
+    dataRef: w
+  } = t.context, {
+    enabled: a = !0,
+    delay: l
+  } = M, c = u.useRef(!1), f = u.useRef(null), E = S(), p = u.useRef(!0);
+  u.useEffect(() => {
+    const r = t.select("domReferenceElement");
+    if (!a)
+      return;
+    const e = D(r);
+    function n() {
+      const o = t.select("domReferenceElement");
+      !t.select("open") && k(o) && o === F(A(o)) && (c.current = !0);
+    }
+    function i() {
+      p.current = !0;
+    }
+    function s() {
+      p.current = !1;
+    }
+    return e.addEventListener("blur", n), y && (e.addEventListener("keydown", i, !0), e.addEventListener("pointerdown", s, !0)), () => {
+      e.removeEventListener("blur", n), y && (e.removeEventListener("keydown", i, !0), e.removeEventListener("pointerdown", s, !0));
+    };
+  }, [t, a]), u.useEffect(() => {
+    if (!a)
+      return;
+    function r(e) {
+      if (e.reason === C || e.reason === B) {
+        const n = t.select("domReferenceElement");
+        R(n) && (f.current = n, c.current = !0);
+      }
+    }
+    return g.on("openchange", r), () => {
+      g.off("openchange", r);
+    };
+  }, [g, a, t]);
+  const v = u.useMemo(() => ({
+    onMouseLeave() {
+      c.current = !1, f.current = null;
+    },
+    onFocus(r) {
+      const e = r.currentTarget;
+      if (c.current) {
+        if (f.current === e)
+          return;
+        c.current = !1, f.current = null;
+      }
+      const n = P(r.nativeEvent);
+      if (R(n)) {
+        if (y && !r.relatedTarget) {
+          if (!p.current && !V(n))
+            return;
+        } else if (!G(n))
+          return;
+      }
+      const i = h(r.relatedTarget, t.context.triggerElements), {
+        nativeEvent: s,
+        currentTarget: o
+      } = r, m = typeof l == "function" ? l() : l;
+      if (t.select("open") && i || m === 0 || m === void 0) {
+        t.setOpen(!0, b(T, s, o));
+        return;
+      }
+      E.start(m, () => {
+        c.current || t.setOpen(!0, b(T, s, o));
+      });
+    },
+    onBlur(r) {
+      c.current = !1, f.current = null;
+      const e = r.relatedTarget, n = r.nativeEvent, i = R(e) && e.hasAttribute(K("focus-guard")) && e.getAttribute("data-type") === "outside";
+      E.start(0, () => {
+        const s = t.select("domReferenceElement"), o = F(s ? s.ownerDocument : document);
+        !e && o === s || L(w.current.floatingContext?.refs.floating.current, o) || L(s, o) || i || h(e ?? o, t.context.triggerElements) || t.setOpen(!1, b(T, n));
+      });
+    }
+  }), [w, t, E, l]);
+  return u.useMemo(() => a ? {
+    reference: v,
+    trigger: v
+  } : {}, [a, v]);
+}
+export {
+  N as u
+};

package/dist/useIsoLayoutEffect-DpJo20by.js

@@ -0,0 +1,7 @@
+"use client";
+import * as e from "react";
+const o = () => {
+}, t = typeof document < "u" ? e.useLayoutEffect : o;
+export {
+  t as u
+};

package/dist/useLabelableId-DF_d91GP.js

@@ -0,0 +1,44 @@
+"use client";
+import * as f from "react";
+import { u as p } from "./useIsoLayoutEffect-DpJo20by.js";
+import { u as R } from "./useStableCallback-CudqoENs.js";
+import { a as E, N as I } from "./useRenderElement-DNB2vtF1.js";
+import { a as x } from "./floating-ui.utils.dom-jr2suqy2.js";
+import { u as C } from "./useBaseUiId-C8Dq0BQq.js";
+import { u as g } from "./LabelableContext-Dzw1DWuj.js";
+function k(b = {}) {
+  const {
+    id: e,
+    implicit: o = !1,
+    controlRef: i
+  } = b, {
+    controlId: c,
+    registerControlId: r
+  } = g(), u = C(e), a = o ? c : void 0, s = E(() => /* @__PURE__ */ Symbol("labelable-control")), l = f.useRef(!1), d = f.useRef(e != null), n = R(() => {
+    !l.current || r === I || (l.current = !1, r(s.current, void 0));
+  });
+  return p(() => {
+    if (r === I)
+      return;
+    let t;
+    if (o) {
+      const m = i?.current;
+      x(m) && m.closest("label") != null ? t = e ?? null : t = a ?? u;
+    } else if (e != null)
+      d.current = !0, t = e;
+    else if (d.current)
+      t = u;
+    else {
+      n();
+      return;
+    }
+    if (t === void 0) {
+      n();
+      return;
+    }
+    l.current = !0, r(s.current, t);
+  }, [e, i, a, r, o, u, s, n]), f.useEffect(() => n, [n]), c ?? u;
+}
+export {
+  k as u
+};

package/dist/useOnFirstRender-B4aruaIA.js

@@ -0,0 +1,9 @@
+"use client";
+import * as t from "react";
+function n(r) {
+  const e = t.useRef(!0);
+  e.current && (e.current = !1, r());
+}
+export {
+  n as u
+};

package/dist/useOnMount-JHtE6teb.js

@@ -0,0 +1,9 @@
+"use client";
+import * as e from "react";
+const n = [];
+function o(t) {
+  e.useEffect(t, n);
+}
+export {
+  o as u
+};

package/dist/useOpenChangeComplete-DkeH9FGJ.js

@@ -0,0 +1,130 @@
+"use client";
+import * as m from "react";
+import { u as g } from "./useIsoLayoutEffect-DpJo20by.js";
+import { u as b, A as l } from "./useAnimationFrame-DIc6eFHa.js";
+import { u as S } from "./useStableCallback-CudqoENs.js";
+import * as O from "react-dom";
+function y(t) {
+  return t == null ? t : "current" in t ? t.current : t;
+}
+let A = /* @__PURE__ */ (function(t) {
+  return t.startingStyle = "data-starting-style", t.endingStyle = "data-ending-style", t;
+})({});
+const C = {
+  [A.startingStyle]: ""
+}, p = {
+  [A.endingStyle]: ""
+}, N = {
+  transitionStatus(t) {
+    return t === "starting" ? C : t === "ending" ? p : null;
+  }
+};
+function v(t, s = !1, u = !0) {
+  const e = b();
+  return S((r, n = null) => {
+    e.cancel();
+    function o() {
+      O.flushSync(r);
+    }
+    const i = y(t);
+    if (i == null)
+      return;
+    const c = i;
+    if (typeof c.getAnimations != "function" || globalThis.BASE_UI_ANIMATIONS_DISABLED)
+      r();
+    else {
+      let h = function() {
+        const a = A.startingStyle;
+        if (!c.hasAttribute(a)) {
+          e.request(d);
+          return;
+        }
+        const f = new MutationObserver(() => {
+          c.hasAttribute(a) || (f.disconnect(), d());
+        });
+        f.observe(c, {
+          attributes: !0,
+          attributeFilter: [a]
+        }), n?.addEventListener("abort", () => f.disconnect(), {
+          once: !0
+        });
+      }, d = function() {
+        Promise.all(c.getAnimations().map((a) => a.finished)).then(() => {
+          n?.aborted || o();
+        }).catch(() => {
+          const a = c.getAnimations();
+          if (u) {
+            if (n?.aborted)
+              return;
+            o();
+          } else a.length > 0 && a.some((f) => f.pending || f.playState !== "finished") && d();
+        });
+      };
+      if (s) {
+        h();
+        return;
+      }
+      e.request(d);
+    }
+  });
+}
+function T(t, s = !1, u = !1) {
+  const [e, r] = m.useState(t && s ? "idle" : void 0), [n, o] = m.useState(t);
+  return t && !n && (o(!0), r("starting")), !t && n && e !== "ending" && !u && r("ending"), !t && !n && e === "ending" && r(void 0), g(() => {
+    if (!t && n && e !== "ending" && u) {
+      const i = l.request(() => {
+        r("ending");
+      });
+      return () => {
+        l.cancel(i);
+      };
+    }
+  }, [t, n, e, u]), g(() => {
+    if (!t || s)
+      return;
+    const i = l.request(() => {
+      r(void 0);
+    });
+    return () => {
+      l.cancel(i);
+    };
+  }, [s, t]), g(() => {
+    if (!t || !s)
+      return;
+    t && n && e !== "idle" && r("starting");
+    const i = l.request(() => {
+      r("idle");
+    });
+    return () => {
+      l.cancel(i);
+    };
+  }, [s, t, n, r, e]), m.useMemo(() => ({
+    mounted: n,
+    setMounted: o,
+    transitionStatus: e
+  }), [n, e]);
+}
+function _(t) {
+  const {
+    enabled: s = !0,
+    open: u,
+    ref: e,
+    onComplete: r
+  } = t, n = S(r), o = v(e, u, !1);
+  m.useEffect(() => {
+    if (!s)
+      return;
+    const i = new AbortController();
+    return o(n, i.signal), () => {
+      i.abort();
+    };
+  }, [s, u, n, o]);
+}
+export {
+  A as T,
+  _ as a,
+  v as b,
+  y as r,
+  N as t,
+  T as u
+};

package/dist/useRender-BNXBkp2o.js

@@ -0,0 +1,7 @@
+import { u } from "./useRenderElement-DNB2vtF1.js";
+function t(e) {
+  return u(e.defaultTagName ?? "div", e, e);
+}
+export {
+  t as u
+};

package/dist/useRenderElement-DNB2vtF1.js

@@ -0,0 +1,274 @@
+"use client";
+import * as u from "react";
+import { createElement as g } from "react";
+const v = {};
+function A(e, n) {
+  const t = u.useRef(v);
+  return t.current === v && (t.current = e(n)), t;
+}
+let m;
+process.env.NODE_ENV !== "production" && (m = /* @__PURE__ */ new Set());
+function U(...e) {
+  if (process.env.NODE_ENV !== "production") {
+    const n = e.join(" ");
+    m.has(n) || (m.add(n), console.warn(`Base UI: ${n}`));
+  }
+}
+function V(e, n) {
+  return function(c, ...r) {
+    const o = new URL(e);
+    return o.searchParams.set("code", c.toString()), r.forEach((i) => o.searchParams.append("args[]", i)), `${n} error #${c}; visit ${o} for the full message.`;
+  };
+}
+const j = V("https://base-ui.com/production-error", "Base UI");
+function w(e, n, t, c) {
+  const r = A(C).current;
+  return M(r, e, n, t, c) && I(r, [e, n, t, c]), r.callback;
+}
+function _(e) {
+  const n = A(C).current;
+  return T(n, e) && I(n, e), n.callback;
+}
+function C() {
+  return {
+    callback: null,
+    cleanup: null,
+    refs: []
+  };
+}
+function M(e, n, t, c, r) {
+  return e.refs[0] !== n || e.refs[1] !== t || e.refs[2] !== c || e.refs[3] !== r;
+}
+function T(e, n) {
+  return e.refs.length !== n.length || e.refs.some((t, c) => t !== n[c]);
+}
+function I(e, n) {
+  if (e.refs = n, n.every((t) => t == null)) {
+    e.callback = null;
+    return;
+  }
+  e.callback = (t) => {
+    if (e.cleanup && (e.cleanup(), e.cleanup = null), t != null) {
+      const c = Array(n.length).fill(null);
+      for (let r = 0; r < n.length; r += 1) {
+        const o = n[r];
+        if (o != null)
+          switch (typeof o) {
+            case "function": {
+              const i = o(t);
+              typeof i == "function" && (c[r] = i);
+              break;
+            }
+            case "object": {
+              o.current = t;
+              break;
+            }
+          }
+      }
+      e.cleanup = () => {
+        for (let r = 0; r < n.length; r += 1) {
+          const o = n[r];
+          if (o != null)
+            switch (typeof o) {
+              case "function": {
+                const i = c[r];
+                typeof i == "function" ? i() : o(null);
+                break;
+              }
+              case "object": {
+                o.current = null;
+                break;
+              }
+            }
+        }
+      };
+    }
+  };
+}
+const $ = parseInt(u.version, 10);
+function L(e) {
+  return $ >= e;
+}
+function N(e) {
+  if (!/* @__PURE__ */ u.isValidElement(e))
+    return null;
+  const n = e, t = n.props;
+  return (L(19) ? t?.ref : n.ref) ?? null;
+}
+function h(e, n) {
+  if (e && !n)
+    return e;
+  if (!e && n)
+    return n;
+  if (e || n)
+    return {
+      ...e,
+      ...n
+    };
+}
+function S(e, n) {
+  const t = {};
+  for (const c in e) {
+    const r = e[c];
+    if (n?.hasOwnProperty(c)) {
+      const o = n[c](r);
+      o != null && Object.assign(t, o);
+      continue;
+    }
+    r === !0 ? t[`data-${c.toLowerCase()}`] = "" : r && (t[`data-${c.toLowerCase()}`] = r.toString());
+  }
+  return t;
+}
+function B(e, n) {
+  return typeof e == "function" ? e(n) : e;
+}
+function D(e, n) {
+  return typeof e == "function" ? e(n) : e;
+}
+const d = {};
+function Y(e, n, t, c, r) {
+  let o = {
+    ...E(e, d)
+  };
+  return n && (o = l(o, n)), t && (o = l(o, t)), c && (o = l(o, c)), r && (o = l(o, r)), o;
+}
+function z(e) {
+  if (e.length === 0)
+    return d;
+  if (e.length === 1)
+    return E(e[0], d);
+  let n = {
+    ...E(e[0], d)
+  };
+  for (let t = 1; t < e.length; t += 1)
+    n = l(n, e[t]);
+  return n;
+}
+function l(e, n) {
+  return P(n) ? n(e) : F(e, n);
+}
+function F(e, n) {
+  if (!n)
+    return e;
+  for (const t in n) {
+    const c = n[t];
+    switch (t) {
+      case "style": {
+        e[t] = h(e.style, c);
+        break;
+      }
+      case "className": {
+        e[t] = R(e.className, c);
+        break;
+      }
+      default:
+        G(t, c) ? e[t] = W(e[t], c) : e[t] = c;
+    }
+  }
+  return e;
+}
+function G(e, n) {
+  const t = e.charCodeAt(0), c = e.charCodeAt(1), r = e.charCodeAt(2);
+  return t === 111 && c === 110 && r >= 65 && r <= 90 && (typeof n == "function" || typeof n > "u");
+}
+function P(e) {
+  return typeof e == "function";
+}
+function E(e, n) {
+  return P(e) ? e(n) : e ?? d;
+}
+function W(e, n) {
+  return n ? e ? (t) => {
+    if (J(t)) {
+      const r = t;
+      Z(r);
+      const o = n(r);
+      return r.baseUIHandlerPrevented || e?.(r), o;
+    }
+    const c = n(t);
+    return e?.(t), c;
+  } : n : e;
+}
+function Z(e) {
+  return e.preventBaseUIHandler = () => {
+    e.baseUIHandlerPrevented = !0;
+  }, e;
+}
+function R(e, n) {
+  return n ? e ? n + " " + e : n : e;
+}
+function J(e) {
+  return e != null && typeof e == "object" && "nativeEvent" in e;
+}
+function ee() {
+}
+const ne = Object.freeze([]), f = Object.freeze({});
+function te(e, n, t = {}) {
+  const c = n.render, r = K(n, t);
+  if (t.enabled === !1)
+    return null;
+  const o = t.state ?? f;
+  return x(e, c, r, o);
+}
+function K(e, n = {}) {
+  const {
+    className: t,
+    style: c,
+    render: r
+  } = e, {
+    state: o = f,
+    ref: i,
+    props: p,
+    stateAttributesMapping: k,
+    enabled: a = !0
+  } = n, y = a ? B(t, o) : void 0, b = a ? D(c, o) : void 0, O = a ? S(o, k) : f, s = a ? h(O, Array.isArray(p) ? z(p) : p) ?? f : f;
+  return typeof document < "u" && (a ? Array.isArray(i) ? s.ref = _([s.ref, N(r), ...i]) : s.ref = w(s.ref, N(r), i) : w(null, null)), a ? (y !== void 0 && (s.className = R(s.className, y)), b !== void 0 && (s.style = h(s.style, b)), s) : f;
+}
+const q = /* @__PURE__ */ Symbol.for("react.lazy");
+function x(e, n, t, c) {
+  if (n) {
+    if (typeof n == "function")
+      return process.env.NODE_ENV !== "production" && H(n), n(t, c);
+    const r = Y(t, n.props);
+    r.ref = t.ref;
+    let o = n;
+    if (o?.$$typeof === q && (o = u.Children.toArray(n)[0]), process.env.NODE_ENV !== "production" && !/* @__PURE__ */ u.isValidElement(o))
+      throw new Error(["Base UI: The `render` prop was provided an invalid React element as `React.isValidElement(render)` is `false`.", "A valid React element must be provided to the `render` prop because it is cloned with props to replace the default element.", "https://base-ui.com/r/invalid-render-prop"].join(`
+`));
+    return /* @__PURE__ */ u.cloneElement(o, r);
+  }
+  if (e && typeof e == "string")
+    return Q(e, t);
+  throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: Render element or function are not defined." : j(8));
+}
+function H(e) {
+  const n = e.name;
+  if (n.length === 0)
+    return;
+  const t = n.charCodeAt(0);
+  t < 65 || t > 90 || U(`The \`render\` prop received a function named \`${n}\` that starts with an uppercase letter.`, "This usually means a React component was passed directly as `render={Component}`.", "Base UI calls `render` as a plain function, which can break the Rules of Hooks during reconciliation.", "If this is an intentional render callback, rename it to start with a lowercase letter.", "Use `render={<Component />}` or `render={(props) => <Component {...props} />}` instead.", "https://base-ui.com/r/invalid-render-prop");
+}
+function Q(e, n) {
+  return e === "button" ? /* @__PURE__ */ g("button", {
+    type: "button",
+    ...n,
+    key: n.key
+  }) : e === "img" ? /* @__PURE__ */ g("img", {
+    alt: "",
+    ...n,
+    key: n.key
+  }) : /* @__PURE__ */ u.createElement(e, n);
+}
+export {
+  f as E,
+  ee as N,
+  A as a,
+  ne as b,
+  w as c,
+  Z as d,
+  j as f,
+  L as i,
+  Y as m,
+  te as u,
+  U as w
+};

package/dist/useRole-N-RCRzo1.js

@@ -0,0 +1,76 @@
+import * as r from "react";
+import { a as E } from "./useBaseUiId-C8Dq0BQq.js";
+import { u as P } from "./popupStateMapping-BT9Y_jIq.js";
+import { E as S } from "./useRenderElement-DNB2vtF1.js";
+import { g as F } from "./element-DSo91iOi.js";
+const y = /* @__PURE__ */ new Map([["select", "listbox"], ["combobox", "listbox"], ["label", !1]]);
+function $(c, g = {}) {
+  const a = "rootStore" in c ? c.rootStore : c, l = a.useState("open"), u = a.useState("floatingId"), I = a.useState("domReferenceElement"), d = a.useState("floatingElement"), {
+    role: o = "dialog"
+  } = g, x = E(), s = I?.id || x, t = r.useMemo(() => F(d)?.id || u, [d, u]), e = y.get(o) ?? o, m = P() != null, i = r.useMemo(() => e === "tooltip" || o === "label" ? S : {
+    "aria-haspopup": e === "alertdialog" ? "dialog" : e,
+    "aria-expanded": "false",
+    ...e === "listbox" && {
+      role: "combobox"
+    },
+    ...e === "menu" && m && {
+      role: "menuitem"
+    },
+    ...o === "select" && {
+      "aria-autocomplete": "none"
+    },
+    ...o === "combobox" && {
+      "aria-autocomplete": "list"
+    }
+  }, [e, m, o]), p = r.useMemo(() => e === "tooltip" || o === "label" ? {
+    [`aria-${o === "label" ? "labelledby" : "describedby"}`]: l ? t : void 0
+  } : {
+    ...i,
+    "aria-expanded": l ? "true" : "false",
+    "aria-controls": l ? t : void 0,
+    ...e === "menu" && {
+      id: s
+    }
+  }, [e, t, l, s, o, i]), f = r.useMemo(() => {
+    const n = {
+      id: t,
+      ...e && {
+        role: e
+      }
+    };
+    return e === "tooltip" || o === "label" ? n : {
+      ...n,
+      ...e === "menu" && {
+        "aria-labelledby": s
+      }
+    };
+  }, [e, t, s, o]), b = r.useCallback(({
+    active: n,
+    selected: M
+  }) => {
+    const R = {
+      role: "option",
+      ...n && {
+        id: `${t}-fui-option`
+      }
+    };
+    switch (o) {
+      case "select":
+      case "combobox":
+        return {
+          ...R,
+          "aria-selected": M
+        };
+    }
+    return {};
+  }, [t, o]);
+  return r.useMemo(() => ({
+    reference: p,
+    floating: f,
+    item: b,
+    trigger: i
+  }), [p, f, i, b]);
+}
+export {
+  $ as u
+};

package/dist/useStableCallback-CudqoENs.js

@@ -0,0 +1,33 @@
+"use client";
+import * as a from "react";
+import { a as c } from "./useRenderElement-DNB2vtF1.js";
+const n = a[`useInsertionEffect${Math.random().toFixed(1)}`.slice(0, -3)], r = (
+  // React 17 doesn't have useInsertionEffect.
+  n && // Preact replaces useInsertionEffect with useLayoutEffect and fires too late.
+  n !== a.useLayoutEffect ? n : (e) => e()
+);
+function f(e) {
+  const t = c(o).current;
+  return t.next = e, r(t.effect), t.trampoline;
+}
+function o() {
+  const e = {
+    next: void 0,
+    callback: s,
+    trampoline: (...t) => e.callback?.(...t),
+    effect: () => {
+      e.callback = e.next;
+    }
+  };
+  return e;
+}
+function s() {
+  if (process.env.NODE_ENV !== "production")
+    throw (
+      /* minify-error-disabled */
+      new Error("Base UI: Cannot call an event handler while rendering.")
+    );
+}
+export {
+  f as u
+};