@arcadeai/design-system 0.7.2 → 0.7.4

package/dist/index-DLfXSskr.js

@@ -0,0 +1,255 @@
+import { c as V } from "./createLucideIcon-XRdN60yz.js";
+import * as s from "react";
+import { c as g } from "./index-B695uy69.js";
+import { u as _, c as q } from "./index-5Bhkapwi.js";
+import { c as K, a as U } from "./index-DFZozV_h.js";
+import { u as R } from "./index-Cv867SGx.js";
+import { u as X } from "./index-437EL2iq.js";
+import { P as Y, D as Z } from "./index-DYHsXnnS.js";
+import { h as z, R as J, u as Q, F as ee } from "./index-BvWMjxZ5.js";
+import { P as h } from "./index-C8_QusYl.js";
+import { P as p } from "./index-CpDnqHCm.js";
+import { jsx as i, jsxs as N, Fragment as O } from "react/jsx-runtime";
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const oe = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], Pe = V("x", oe);
+var D = "Dialog", [I, ye] = K(D), [te, u] = I(D), x = (e) => {
+  const {
+    __scopeDialog: t,
+    children: n,
+    open: a,
+    defaultOpen: r,
+    onOpenChange: o,
+    modal: l = !0
+  } = e, c = s.useRef(null), f = s.useRef(null), [v, C] = X({
+    prop: a,
+    defaultProp: r ?? !1,
+    onChange: o,
+    caller: D
+  });
+  return /* @__PURE__ */ i(
+    te,
+    {
+      scope: t,
+      triggerRef: c,
+      contentRef: f,
+      contentId: R(),
+      titleId: R(),
+      descriptionId: R(),
+      open: v,
+      onOpenChange: C,
+      onOpenToggle: s.useCallback(() => C((H) => !H), [C]),
+      modal: l,
+      children: n
+    }
+  );
+};
+x.displayName = D;
+var b = "DialogTrigger", A = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...a } = e, r = u(b, n), o = _(t, r.triggerRef);
+    return /* @__PURE__ */ i(
+      p.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": r.open,
+        "aria-controls": r.contentId,
+        "data-state": E(r.open),
+        ...a,
+        ref: o,
+        onClick: g(e.onClick, r.onOpenToggle)
+      }
+    );
+  }
+);
+A.displayName = b;
+var P = "DialogPortal", [re, T] = I(P, {
+  forceMount: void 0
+}), M = (e) => {
+  const { __scopeDialog: t, forceMount: n, children: a, container: r } = e, o = u(P, t);
+  return /* @__PURE__ */ i(re, { scope: t, forceMount: n, children: s.Children.map(a, (l) => /* @__PURE__ */ i(h, { present: n || o.open, children: /* @__PURE__ */ i(Y, { asChild: !0, container: r, children: l }) })) });
+};
+M.displayName = P;
+var m = "DialogOverlay", w = s.forwardRef(
+  (e, t) => {
+    const n = T(m, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, o = u(m, e.__scopeDialog);
+    return o.modal ? /* @__PURE__ */ i(h, { present: a || o.open, children: /* @__PURE__ */ i(ae, { ...r, ref: t }) }) : null;
+  }
+);
+w.displayName = m;
+var ne = q("DialogOverlay.RemoveScroll"), ae = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...a } = e, r = u(m, n);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ i(J, { as: ne, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i(
+        p.div,
+        {
+          "data-state": E(r.open),
+          ...a,
+          ref: t,
+          style: { pointerEvents: "auto", ...a.style }
+        }
+      ) })
+    );
+  }
+), d = "DialogContent", F = s.forwardRef(
+  (e, t) => {
+    const n = T(d, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, o = u(d, e.__scopeDialog);
+    return /* @__PURE__ */ i(h, { present: a || o.open, children: o.modal ? /* @__PURE__ */ i(ie, { ...r, ref: t }) : /* @__PURE__ */ i(se, { ...r, ref: t }) });
+  }
+);
+F.displayName = d;
+var ie = s.forwardRef(
+  (e, t) => {
+    const n = u(d, e.__scopeDialog), a = s.useRef(null), r = _(t, n.contentRef, a);
+    return s.useEffect(() => {
+      const o = a.current;
+      if (o) return z(o);
+    }, []), /* @__PURE__ */ i(
+      S,
+      {
+        ...e,
+        ref: r,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: g(e.onCloseAutoFocus, (o) => {
+          o.preventDefault(), n.triggerRef.current?.focus();
+        }),
+        onPointerDownOutside: g(e.onPointerDownOutside, (o) => {
+          const l = o.detail.originalEvent, c = l.button === 0 && l.ctrlKey === !0;
+          (l.button === 2 || c) && o.preventDefault();
+        }),
+        onFocusOutside: g(
+          e.onFocusOutside,
+          (o) => o.preventDefault()
+        )
+      }
+    );
+  }
+), se = s.forwardRef(
+  (e, t) => {
+    const n = u(d, e.__scopeDialog), a = s.useRef(!1), r = s.useRef(!1);
+    return /* @__PURE__ */ i(
+      S,
+      {
+        ...e,
+        ref: t,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (o) => {
+          e.onCloseAutoFocus?.(o), o.defaultPrevented || (a.current || n.triggerRef.current?.focus(), o.preventDefault()), a.current = !1, r.current = !1;
+        },
+        onInteractOutside: (o) => {
+          e.onInteractOutside?.(o), o.defaultPrevented || (a.current = !0, o.detail.originalEvent.type === "pointerdown" && (r.current = !0));
+          const l = o.target;
+          n.triggerRef.current?.contains(l) && o.preventDefault(), o.detail.originalEvent.type === "focusin" && r.current && o.preventDefault();
+        }
+      }
+    );
+  }
+), S = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, trapFocus: a, onOpenAutoFocus: r, onCloseAutoFocus: o, ...l } = e, c = u(d, n), f = s.useRef(null), v = _(t, f);
+    return Q(), /* @__PURE__ */ N(O, { children: [
+      /* @__PURE__ */ i(
+        ee,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: a,
+          onMountAutoFocus: r,
+          onUnmountAutoFocus: o,
+          children: /* @__PURE__ */ i(
+            Z,
+            {
+              role: "dialog",
+              id: c.contentId,
+              "aria-describedby": c.descriptionId,
+              "aria-labelledby": c.titleId,
+              "data-state": E(c.open),
+              ...l,
+              ref: v,
+              onDismiss: () => c.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ N(O, { children: [
+        /* @__PURE__ */ i(ce, { titleId: c.titleId }),
+        /* @__PURE__ */ i(ue, { contentRef: f, descriptionId: c.descriptionId })
+      ] })
+    ] });
+  }
+), y = "DialogTitle", W = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...a } = e, r = u(y, n);
+    return /* @__PURE__ */ i(p.h2, { id: r.titleId, ...a, ref: t });
+  }
+);
+W.displayName = y;
+var k = "DialogDescription", L = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...a } = e, r = u(k, n);
+    return /* @__PURE__ */ i(p.p, { id: r.descriptionId, ...a, ref: t });
+  }
+);
+L.displayName = k;
+var G = "DialogClose", $ = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...a } = e, r = u(G, n);
+    return /* @__PURE__ */ i(
+      p.button,
+      {
+        type: "button",
+        ...a,
+        ref: t,
+        onClick: g(e.onClick, () => r.onOpenChange(!1))
+      }
+    );
+  }
+);
+$.displayName = G;
+function E(e) {
+  return e ? "open" : "closed";
+}
+var B = "DialogTitleWarning", [Ee, j] = U(B, {
+  contentName: d,
+  titleName: y,
+  docsSlug: "dialog"
+}), ce = ({ titleId: e }) => {
+  const t = j(B), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;
+  return s.useEffect(() => {
+    e && (document.getElementById(e) || console.error(n));
+  }, [n, e]), null;
+}, le = "DialogDescriptionWarning", ue = ({ contentRef: e, descriptionId: t }) => {
+  const a = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${j(le).contentName}}.`;
+  return s.useEffect(() => {
+    const r = e.current?.getAttribute("aria-describedby");
+    t && r && (document.getElementById(t) || console.warn(a));
+  }, [a, e, t]), null;
+}, Ne = x, Oe = A, Ie = M, xe = w, be = F, Ae = W, Te = L, Me = $;
+export {
+  Me as C,
+  Te as D,
+  xe as O,
+  Ie as P,
+  Ne as R,
+  Oe as T,
+  Pe as X,
+  be as a,
+  Ae as b
+};

package/dist/{index-D2uXV4lz.js → index-DMCYNwtg.js}

@@ -1,12 +1,12 @@
 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 { c as p } from "./index-B695uy69.js";
+import { c as V } from "./index-CxO14pcK.js";
+import { u as j } from "./index-5Bhkapwi.js";
+import { c as z } from "./index-DFZozV_h.js";
+import { u as q } from "./index-Cv867SGx.js";
+import { P as G } from "./index-CpDnqHCm.js";
+import { u as J } from "./index-0ioNhtNM.js";
+import { u as Q } from "./index-437EL2iq.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(

package/dist/index-DYHsXnnS.js

@@ -0,0 +1,144 @@
+import * as r from "react";
+import { c as p } from "./index-B695uy69.js";
+import { P as h, d as k } from "./index-CpDnqHCm.js";
+import { u as T } from "./index-5Bhkapwi.js";
+import { u as b } from "./index-0ioNhtNM.js";
+import { jsx as P } from "react/jsx-runtime";
+import M from "react-dom";
+import { u as U } from "./index-CCKe-Mpx.js";
+function z(n, e = globalThis?.document) {
+  const t = b(n);
+  r.useEffect(() => {
+    const o = (s) => {
+      s.key === "Escape" && t(s);
+    };
+    return e.addEventListener("keydown", o, { capture: !0 }), () => e.removeEventListener("keydown", o, { capture: !0 });
+  }, [t, e]);
+}
+var H = "DismissableLayer", y = "dismissableLayer.update", K = "dismissableLayer.pointerDownOutside", j = "dismissableLayer.focusOutside", R, B = r.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), X = r.forwardRef(
+  (n, e) => {
+    const {
+      disableOutsidePointerEvents: t = !1,
+      onEscapeKeyDown: o,
+      onPointerDownOutside: s,
+      onFocusOutside: a,
+      onInteractOutside: d,
+      onDismiss: l,
+      ...E
+    } = n, c = r.useContext(B), [u, F] = r.useState(null), f = u?.ownerDocument ?? globalThis?.document, [, I] = r.useState({}), S = T(e, (i) => F(i)), D = Array.from(c.layers), [A] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), N = D.indexOf(A), O = u ? D.indexOf(u) : -1, W = c.layersWithOutsidePointerEventsDisabled.size > 0, L = O >= N, _ = G((i) => {
+      const v = i.target, w = [...c.branches].some((m) => m.contains(v));
+      !L || w || (s?.(i), d?.(i), i.defaultPrevented || l?.());
+    }, f), C = J((i) => {
+      const v = i.target;
+      [...c.branches].some((m) => m.contains(v)) || (a?.(i), d?.(i), i.defaultPrevented || l?.());
+    }, f);
+    return z((i) => {
+      O === c.layers.size - 1 && (o?.(i), !i.defaultPrevented && l && (i.preventDefault(), l()));
+    }, f), r.useEffect(() => {
+      if (u)
+        return t && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (R = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(u)), c.layers.add(u), g(), () => {
+          t && c.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = R);
+        };
+    }, [u, f, t, c]), r.useEffect(() => () => {
+      u && (c.layers.delete(u), c.layersWithOutsidePointerEventsDisabled.delete(u), g());
+    }, [u, c]), r.useEffect(() => {
+      const i = () => I({});
+      return document.addEventListener(y, i), () => document.removeEventListener(y, i);
+    }, []), /* @__PURE__ */ P(
+      h.div,
+      {
+        ...E,
+        ref: S,
+        style: {
+          pointerEvents: W ? L ? "auto" : "none" : void 0,
+          ...n.style
+        },
+        onFocusCapture: p(n.onFocusCapture, C.onFocusCapture),
+        onBlurCapture: p(n.onBlurCapture, C.onBlurCapture),
+        onPointerDownCapture: p(
+          n.onPointerDownCapture,
+          _.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+X.displayName = H;
+var Y = "DismissableLayerBranch", q = r.forwardRef((n, e) => {
+  const t = r.useContext(B), o = r.useRef(null), s = T(e, o);
+  return r.useEffect(() => {
+    const a = o.current;
+    if (a)
+      return t.branches.add(a), () => {
+        t.branches.delete(a);
+      };
+  }, [t.branches]), /* @__PURE__ */ P(h.div, { ...n, ref: s });
+});
+q.displayName = Y;
+function G(n, e = globalThis?.document) {
+  const t = b(n), o = r.useRef(!1), s = r.useRef(() => {
+  });
+  return r.useEffect(() => {
+    const a = (l) => {
+      if (l.target && !o.current) {
+        let E = function() {
+          x(
+            K,
+            t,
+            c,
+            { discrete: !0 }
+          );
+        };
+        const c = { originalEvent: l };
+        l.pointerType === "touch" ? (e.removeEventListener("click", s.current), s.current = E, e.addEventListener("click", s.current, { once: !0 })) : E();
+      } else
+        e.removeEventListener("click", s.current);
+      o.current = !1;
+    }, d = window.setTimeout(() => {
+      e.addEventListener("pointerdown", a);
+    }, 0);
+    return () => {
+      window.clearTimeout(d), e.removeEventListener("pointerdown", a), e.removeEventListener("click", s.current);
+    };
+  }, [e, t]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => o.current = !0
+  };
+}
+function J(n, e = globalThis?.document) {
+  const t = b(n), o = r.useRef(!1);
+  return r.useEffect(() => {
+    const s = (a) => {
+      a.target && !o.current && x(j, t, { originalEvent: a }, {
+        discrete: !1
+      });
+    };
+    return e.addEventListener("focusin", s), () => e.removeEventListener("focusin", s);
+  }, [e, t]), {
+    onFocusCapture: () => o.current = !0,
+    onBlurCapture: () => o.current = !1
+  };
+}
+function g() {
+  const n = new CustomEvent(y);
+  document.dispatchEvent(n);
+}
+function x(n, e, t, { discrete: o }) {
+  const s = t.originalEvent.target, a = new CustomEvent(n, { bubbles: !1, cancelable: !0, detail: t });
+  e && s.addEventListener(n, e, { once: !0 }), o ? k(s, a) : s.dispatchEvent(a);
+}
+var Q = "Portal", V = r.forwardRef((n, e) => {
+  const { container: t, ...o } = n, [s, a] = r.useState(!1);
+  U(() => a(!0), []);
+  const d = t || s && globalThis?.document?.body;
+  return d ? M.createPortal(/* @__PURE__ */ P(h.div, { ...o, ref: e }), d) : null;
+});
+V.displayName = Q;
+export {
+  X as D,
+  V as P
+};

package/dist/{index-nluJZSbA.js → index-DfNPZZ8M.js}

@@ -1,5 +1,5 @@
 import * as i from "react";
-import { P as o } from "./index-C9KW2H79.js";
+import { P as o } from "./index-CpDnqHCm.js";
 import { jsx as t } from "react/jsx-runtime";
 var d = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss