@arcadeai/design-system 0.0.0

package/dist/index-D2uXV4lz.js

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

package/dist/index-DLeNytVF.js

@@ -0,0 +1,9 @@
+function h(f, c, { checkForDefaultPrevented: p = !0 } = {}) {
+  return function(s) {
+    if (f == null || f(s), p === !1 || !s.defaultPrevented)
+      return c == null ? void 0 : c(s);
+  };
+}
+export {
+  h as c
+};

package/dist/index-DYfkNB0n.js

@@ -0,0 +1,54 @@
+import * as n from "react";
+import { u as v } from "./index-DuekHEmj.js";
+var E = n[" useInsertionEffect ".trim().toString()] || v;
+function $({
+  prop: t,
+  defaultProp: u,
+  onChange: o = () => {
+  },
+  caller: i
+}) {
+  const [l, e, r] = w({
+    defaultProp: u,
+    onChange: o
+  }), c = t !== void 0, a = c ? t : l;
+  {
+    const s = n.useRef(t !== void 0);
+    n.useEffect(() => {
+      const f = s.current;
+      f !== c && console.warn(
+        `${i} is changing from ${f ? "controlled" : "uncontrolled"} to ${c ? "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.`
+      ), s.current = c;
+    }, [c, i]);
+  }
+  const m = n.useCallback(
+    (s) => {
+      var f;
+      if (c) {
+        const d = R(s) ? s(t) : s;
+        d !== t && ((f = r.current) == null || f.call(r, d));
+      } else
+        e(s);
+    },
+    [c, t, e, r]
+  );
+  return [a, m];
+}
+function w({
+  defaultProp: t,
+  onChange: u
+}) {
+  const [o, i] = n.useState(t), l = n.useRef(o), e = n.useRef(u);
+  return E(() => {
+    e.current = u;
+  }, [u]), n.useEffect(() => {
+    var r;
+    l.current !== o && ((r = e.current) == null || r.call(e, o), l.current = o);
+  }, [o, l]), [o, i, e];
+}
+function R(t) {
+  return typeof t == "function";
+}
+export {
+  $ as u
+};

package/dist/index-DdnpnyX2.js

@@ -0,0 +1,34 @@
+import { a as O } from "./utils-Dy2WjYNJ.js";
+const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
+  var u;
+  if ((l == null ? void 0 : l.variants) == null) return y(e, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+  const { variants: r, defaultVariants: d } = l, V = Object.keys(r).map((t) => {
+    const a = n == null ? void 0 : n[t], s = d == null ? void 0 : d[t];
+    if (a === null) return null;
+    const i = m(a) || m(s);
+    return r[t][i];
+  }), v = n && Object.entries(n).reduce((t, a) => {
+    let [s, i] = a;
+    return i === void 0 || (t[s] = i), t;
+  }, {}), N = l == null || (u = l.compoundVariants) === null || u === void 0 ? void 0 : u.reduce((t, a) => {
+    let { class: s, className: i, ...f } = a;
+    return Object.entries(f).every((C) => {
+      let [c, o] = C;
+      return Array.isArray(o) ? o.includes({
+        ...d,
+        ...v
+      }[c]) : {
+        ...d,
+        ...v
+      }[c] === o;
+    }) ? [
+      ...t,
+      s,
+      i
+    ] : t;
+  }, []);
+  return y(e, V, N, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+};
+export {
+  j as c
+};

package/dist/index-DuekHEmj.js

@@ -0,0 +1,6 @@
+import * as t from "react";
+var a = globalThis != null && globalThis.document ? t.useLayoutEffect : () => {
+};
+export {
+  a as u
+};

package/dist/index-DwYXX2sM.js

@@ -0,0 +1,13 @@
+import * as r from "react";
+function n(t) {
+  const e = r.useRef(t);
+  return r.useEffect(() => {
+    e.current = t;
+  }), r.useMemo(() => (...s) => {
+    var u;
+    return (u = e.current) == null ? void 0 : u.call(e, ...s);
+  }, []);
+}
+export {
+  n as u
+};