@arcadeai/design-system 1.6.0 → 1.7.0

package/dist/components/ui/atoms/alert-dialog.d.ts

@@ -0,0 +1,14 @@
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import type * as React from 'react';
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

package/dist/components/ui/atoms/alert-dialog.js

@@ -0,0 +1,248 @@
+import { jsx as a, jsxs as f } from "react/jsx-runtime";
+import * as i from "react";
+import { c as $ } from "../../../index-DFZozV_h.js";
+import { u as m, a as M } from "../../../index-5Bhkapwi.js";
+import { c as A, R as I, P as z, O as F, T as L, W as j, C as G, b as W, D as k, a as D } from "../../../index-Dkey23PG.js";
+import { c as H } from "../../../index-B695uy69.js";
+import { buttonVariants as v } from "./button.js";
+import { c as s } from "../../../utils-Db4QWi-E.js";
+var N = "AlertDialog", [V, De] = $(N, [
+  A
+]), n = A(), y = (e) => {
+  const { __scopeAlertDialog: t, ...o } = e, r = n(t);
+  return /* @__PURE__ */ a(I, { ...r, ...o, modal: !0 });
+};
+y.displayName = N;
+var Y = "AlertDialogTrigger", _ = i.forwardRef(
+  (e, t) => {
+    const { __scopeAlertDialog: o, ...r } = e, l = n(o);
+    return /* @__PURE__ */ a(L, { ...l, ...r, ref: t });
+  }
+);
+_.displayName = Y;
+var q = "AlertDialogPortal", x = (e) => {
+  const { __scopeAlertDialog: t, ...o } = e, r = n(t);
+  return /* @__PURE__ */ a(z, { ...r, ...o });
+};
+x.displayName = q;
+var B = "AlertDialogOverlay", h = i.forwardRef(
+  (e, t) => {
+    const { __scopeAlertDialog: o, ...r } = e, l = n(o);
+    return /* @__PURE__ */ a(F, { ...l, ...r, ref: t });
+  }
+);
+h.displayName = B;
+var c = "AlertDialogContent", [J, K] = V(c), Q = M("AlertDialogContent"), C = i.forwardRef(
+  (e, t) => {
+    const { __scopeAlertDialog: o, children: r, ...l } = e, p = n(o), g = i.useRef(null), O = m(t, g), u = i.useRef(null);
+    return /* @__PURE__ */ a(
+      j,
+      {
+        contentName: c,
+        titleName: R,
+        docsSlug: "alert-dialog",
+        children: /* @__PURE__ */ a(J, { scope: o, cancelRef: u, children: /* @__PURE__ */ f(
+          G,
+          {
+            role: "alertdialog",
+            ...p,
+            ...l,
+            ref: O,
+            onOpenAutoFocus: H(l.onOpenAutoFocus, (d) => {
+              d.preventDefault(), u.current?.focus({ preventScroll: !0 });
+            }),
+            onPointerDownOutside: (d) => d.preventDefault(),
+            onInteractOutside: (d) => d.preventDefault(),
+            children: [
+              /* @__PURE__ */ a(Q, { children: r }),
+              /* @__PURE__ */ a(X, { contentRef: g })
+            ]
+          }
+        ) })
+      }
+    );
+  }
+);
+C.displayName = c;
+var R = "AlertDialogTitle", b = i.forwardRef(
+  (e, t) => {
+    const { __scopeAlertDialog: o, ...r } = e, l = n(o);
+    return /* @__PURE__ */ a(W, { ...l, ...r, ref: t });
+  }
+);
+b.displayName = R;
+var E = "AlertDialogDescription", P = i.forwardRef((e, t) => {
+  const { __scopeAlertDialog: o, ...r } = e, l = n(o);
+  return /* @__PURE__ */ a(k, { ...l, ...r, ref: t });
+});
+P.displayName = E;
+var U = "AlertDialogAction", S = i.forwardRef(
+  (e, t) => {
+    const { __scopeAlertDialog: o, ...r } = e, l = n(o);
+    return /* @__PURE__ */ a(D, { ...l, ...r, ref: t });
+  }
+);
+S.displayName = U;
+var T = "AlertDialogCancel", w = i.forwardRef(
+  (e, t) => {
+    const { __scopeAlertDialog: o, ...r } = e, { cancelRef: l } = K(T, o), p = n(o), g = m(t, l);
+    return /* @__PURE__ */ a(D, { ...p, ...r, ref: g });
+  }
+);
+w.displayName = T;
+var X = ({ contentRef: e }) => {
+  const t = `\`${c}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${c}\` by passing a \`${E}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${c}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
+  return i.useEffect(() => {
+    document.getElementById(
+      e.current?.getAttribute("aria-describedby")
+    ) || console.warn(t);
+  }, [t, e]), null;
+}, Z = y, ee = _, te = x, ae = h, oe = C, re = S, le = w, ie = b, ne = P;
+function ve({
+  ...e
+}) {
+  return /* @__PURE__ */ a(Z, { "data-slot": "alert-dialog", ...e });
+}
+function Ne({
+  ...e
+}) {
+  return /* @__PURE__ */ a(ee, { "data-slot": "alert-dialog-trigger", ...e });
+}
+function se({
+  ...e
+}) {
+  return /* @__PURE__ */ a(te, { "data-slot": "alert-dialog-portal", ...e });
+}
+function ce({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    ae,
+    {
+      className: s(
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in",
+        e
+      ),
+      "data-slot": "alert-dialog-overlay",
+      ...t
+    }
+  );
+}
+function ye({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ f(se, { children: [
+    /* @__PURE__ */ a(ce, {}),
+    /* @__PURE__ */ a(
+      oe,
+      {
+        className: s(
+          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:max-w-lg",
+          e
+        ),
+        "data-slot": "alert-dialog-content",
+        ...t
+      }
+    )
+  ] });
+}
+function _e({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: s("flex flex-col gap-2 text-center sm:text-left", e),
+      "data-slot": "alert-dialog-header",
+      ...t
+    }
+  );
+}
+function xe({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: s(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        e
+      ),
+      "data-slot": "alert-dialog-footer",
+      ...t
+    }
+  );
+}
+function he({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    ie,
+    {
+      className: s("font-semibold text-lg", e),
+      "data-slot": "alert-dialog-title",
+      ...t
+    }
+  );
+}
+function Ce({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    ne,
+    {
+      className: s("text-muted-foreground text-sm", e),
+      "data-slot": "alert-dialog-description",
+      ...t
+    }
+  );
+}
+function Re({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    re,
+    {
+      className: s(v(), e),
+      ...t
+    }
+  );
+}
+function be({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    le,
+    {
+      className: s(v({ variant: "outline" }), e),
+      ...t
+    }
+  );
+}
+export {
+  ve as AlertDialog,
+  Re as AlertDialogAction,
+  be as AlertDialogCancel,
+  ye as AlertDialogContent,
+  Ce as AlertDialogDescription,
+  xe as AlertDialogFooter,
+  _e as AlertDialogHeader,
+  ce as AlertDialogOverlay,
+  se as AlertDialogPortal,
+  he as AlertDialogTitle,
+  Ne as AlertDialogTrigger
+};

package/dist/components/ui/atoms/command.js

@@ -1,5 +1,5 @@
 import { jsx as C, jsxs as ne } from "react/jsx-runtime";
-import { R as Se, P as Ie, O as Re, C as Ae } from "../../../index-BzU0xzeS.js";
+import { R as Se, P as Ie, O as Re, C as Ae } from "../../../index-Dkey23PG.js";
 import * as l from "react";
 import { P as A } from "../../../index-CpDnqHCm.js";
 import { u as j } from "../../../index-Cv867SGx.js";

package/dist/components/ui/atoms/dialog.js

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import { R as r, T as d, C as c, a as s, b as g, D as u, P as f, O as m } from "../../../index-BzU0xzeS.js";
+import { R as r, T as d, C as c, a as s, b as g, D as u, P as f, O as m } from "../../../index-Dkey23PG.js";
 import { XIcon as p } from "lucide-react";
 import { c as o } from "../../../utils-Db4QWi-E.js";
 function N({

package/dist/components/ui/atoms/sheet.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { R as d, T as c, a as r, C as m, b as u, D as f, P as h, O as g } from "../../../index-BzU0xzeS.js";
+import { R as d, T as c, a as r, C as m, b as u, D as f, P as h, O as g } from "../../../index-Dkey23PG.js";
 import { XIcon as p } from "lucide-react";
 import { c as o } from "../../../utils-Db4QWi-E.js";
 function v({ ...t }) {

package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker-filter.test.js

@@ -1,8 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
-import { r as c, a as i } from "../../../../../react.esm-CFMQn0EI.js";
+import { r as c, a as i } from "../../../../../react.esm-CAxz4dXo.js";
 import { mockToolkitCollection as a } from "../mocks/toolkit-collection.js";
 import { useToolkitPicker as n, ToolkitPickerProvider as k } from "./use-toolkit-picker.js";
-import { d as T, b as d, i as u, g as e, v as p } from "../../../../../vi.bdSIJ99Y-CQ1FdEM8.js";
+import { d as T, b as d, i as u, g as e, v as p } from "../../../../../vi.bdSIJ99Y-hyudrc3R.js";
 T("useToolkitPicker - Filter Tests", () => {
   d(() => {
     p.clearAllMocks();

package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker-search.test.js

@@ -1,8 +1,8 @@
 import { jsx as i } from "react/jsx-runtime";
-import { r as c, a as l } from "../../../../../react.esm-CFMQn0EI.js";
+import { r as c, a as l } from "../../../../../react.esm-CAxz4dXo.js";
 import { mockToolkitCollection as a } from "../mocks/toolkit-collection.js";
 import { useToolkitPicker as n, ToolkitPickerProvider as u } from "./use-toolkit-picker.js";
-import { d as k, b as h, i as d, g as o, v as m } from "../../../../../vi.bdSIJ99Y-CQ1FdEM8.js";
+import { d as k, b as h, i as d, g as o, v as m } from "../../../../../vi.bdSIJ99Y-hyudrc3R.js";
 k("useToolkitPicker - Search Tests", () => {
   h(() => {
     m.clearAllMocks();

package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker-selection.test.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
-import { r as i, a as t } from "../../../../../react.esm-CFMQn0EI.js";
+import { r as i, a as t } from "../../../../../react.esm-CAxz4dXo.js";
 import { simpleMockToolkitCollection as c } from "../mocks/toolkit-collection.js";
 import { useToolkitPicker as a, ToolkitPickerProvider as n } from "./use-toolkit-picker.js";
-import { d as u, b as k, i as d, g as o, v as m } from "../../../../../vi.bdSIJ99Y-CQ1FdEM8.js";
+import { d as u, b as k, i as d, g as o, v as m } from "../../../../../vi.bdSIJ99Y-hyudrc3R.js";
 u("useToolkitPicker - Selection Tests", () => {
   k(() => {
     m.clearAllMocks();

package/dist/components/ui/organisms/toolkit-picker/toolkit-picker.test.js

@@ -1,7 +1,7 @@
 import { jsx as T } from "react/jsx-runtime";
 import { ToolkitPickerTrigger as N } from "../../molecules/toolkit-picker-trigger.js";
-import { c as Mo, e as Ko, g as v, d as Sc, a as Mc, i as D, v as pe } from "../../../../vi.bdSIJ99Y-CQ1FdEM8.js";
-import { g as _e, b as $, s as u, c as V, w as fe, d as Ac } from "../../../../react.esm-CFMQn0EI.js";
+import { c as Mo, e as Ko, g as v, d as Sc, a as Mc, i as D, v as pe } from "../../../../vi.bdSIJ99Y-hyudrc3R.js";
+import { g as _e, b as $, s as u, c as V, w as fe, d as Ac } from "../../../../react.esm-CAxz4dXo.js";
 import { ToolkitPicker as H } from "./index.js";
 import { createMockToolkitCollection as Nc, mockToolkitCollection as j } from "./mocks/toolkit-collection.js";
 var fo, zo;

package/dist/components/ui/utils/memo.test.js

@@ -1,5 +1,5 @@
 import { createPropsComparator as s, areStringArraysEqual as a } from "./memo.js";
-import { d as i, i as t, g as e } from "../../../vi.bdSIJ99Y-CQ1FdEM8.js";
+import { d as i, i as t, g as e } from "../../../vi.bdSIJ99Y-hyudrc3R.js";
 i("createPropsComparator", () => {
   t("returns true when selected keys are strictly equal", () => {
     const r = s(["id", "name"]);

package/dist/{index-BzU0xzeS.js → index-Dkey23PG.js}

@@ -238,6 +238,8 @@ export {
   Ee as P,
   he as R,
   Pe as T,
+  _e as W,
   xe as a,
-  Oe as b
+  Oe as b,
+  Re as c
 };

package/dist/lib/arcade/arcade.test.js

@@ -1,6 +1,6 @@
 import { A as i, a as c } from "../../arcade-DzMbb7xi.js";
 import { allTools as m } from "./mocks.js";
-import { v as l, d as u, b as p, i as s, g as e } from "../../vi.bdSIJ99Y-CQ1FdEM8.js";
+import { v as l, d as u, b as p, i as s, g as e } from "../../vi.bdSIJ99Y-hyudrc3R.js";
 const d = {
   tools: {
     list: l.fn().mockImplementation((o) => {

package/dist/lib/utils.test.js

@@ -1,5 +1,5 @@
 import { c as o, r as s } from "../utils-Db4QWi-E.js";
-import { d as r, i as n, g as e, b as v, a as i, v as t } from "../vi.bdSIJ99Y-CQ1FdEM8.js";
+import { d as r, i as n, g as e, b as v, a as i, v as t } from "../vi.bdSIJ99Y-hyudrc3R.js";
 r("cn", () => {
   n("joins simple class names", () => {
     e(o("a", "b", "c")).toBe("a b c");

package/dist/{react.esm-CFMQn0EI.js → react.esm-CAxz4dXo.js}

@@ -1,7 +1,7 @@
 import * as io from "react";
 import j1 from "react";
 import yf from "react-dom";
-import { c as KO } from "./vi.bdSIJ99Y-CQ1FdEM8.js";
+import { c as KO } from "./vi.bdSIJ99Y-hyudrc3R.js";
 var q1 = { exports: {} }, rS = {};
 /**
  * @license React