@arcadeai/design-system 2.3.0 → 3.0.0

package/dist/components/index.js

@@ -148,7 +148,7 @@ import { Textarea as Qm } from "./ui/atoms/textarea.js";
 import { Toggle as Ym, toggleVariants as jm } from "./ui/atoms/toggle.js";
 import { Tooltip as _m, TooltipContent as $m, TooltipProvider as oi, TooltipTrigger as ri } from "./ui/atoms/tooltip.js";
 import { EmptyState as ti } from "./ui/molecules/empty-state.js";
-import { R as ai, T as mi } from "../toolkit-card-BWuG_NJi.js";
+import { R as ai, T as mi } from "../toolkit-card-nuE_5OvN.js";
 import { ToolCard as li } from "./ui/molecules/tool-card.js";
 import { ToolkitPickerTrigger as xi } from "./ui/molecules/toolkit-picker-trigger.js";
 import { ToolkitSelectionSummary as di } from "./ui/molecules/toolkit-selection-summary.js";

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

@@ -10,14 +10,14 @@ import { c as V, R as oe, T as re, b as te } from "../../../index-BDIfjxqB.js";
 import { u as ne } from "../../../index-Cv867SGx.js";
 import { u as ce } from "../../../index-ByaXH_ih.js";
 import { ChevronDownIcon as ae } from "lucide-react";
-import { c as S } from "../../../utils-Db4QWi-E.js";
-var d = "Accordion", ie = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [E, se, le] = X(d), [b, Oe] = W(d, [
+import { c as E } from "../../../utils-Db4QWi-E.js";
+var d = "Accordion", ie = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [S, se, le] = X(d), [b] = W(d, [
   le,
   V
 ]), k = V(), H = l.forwardRef(
   (e, n) => {
     const { type: o, ...c } = e, a = c, r = c;
-    return /* @__PURE__ */ t(E.Provider, { scope: e.__scopeAccordion, children: o === "multiple" ? /* @__PURE__ */ t(fe, { ...r, ref: n }) : /* @__PURE__ */ t(ue, { ...a, ref: n }) });
+    return /* @__PURE__ */ t(S.Provider, { scope: e.__scopeAccordion, children: o === "multiple" ? /* @__PURE__ */ t(fe, { ...r, ref: n }) : /* @__PURE__ */ t(ue, { ...a, ref: n }) });
   }
 );
 H.displayName = d;
@@ -122,7 +122,7 @@ var [K, de] = b(d), [$, pe] = b(
         disabled: c,
         direction: a,
         orientation: r,
-        children: /* @__PURE__ */ t(E.Slot, { scope: o, children: /* @__PURE__ */ t(
+        children: /* @__PURE__ */ t(S.Slot, { scope: o, children: /* @__PURE__ */ t(
           M.div,
           {
             ...s,
@@ -183,7 +183,7 @@ G.displayName = L;
 var y = "AccordionTrigger", U = l.forwardRef(
   (e, n) => {
     const { __scopeAccordion: o, ...c } = e, a = h(d, o), r = D(y, o), s = pe(y, o), i = k(o);
-    return /* @__PURE__ */ t(E.ItemSlot, { scope: o, children: /* @__PURE__ */ t(
+    return /* @__PURE__ */ t(S.ItemSlot, { scope: o, children: /* @__PURE__ */ t(
       re,
       {
         "aria-disabled": r.open && !s.collapsible || void 0,
@@ -223,25 +223,25 @@ function B(e) {
   return e ? "open" : "closed";
 }
 var Ae = H, ge = z, Ce = G, be = U, he = q;
-function Me({
+function Oe({
   ...e
 }) {
   return /* @__PURE__ */ t(Ae, { "data-slot": "accordion", ...e });
 }
-function Ve({
+function Me({
   className: e,
   ...n
 }) {
   return /* @__PURE__ */ t(
     ge,
     {
-      className: S("border-b last:border-b-0", e),
+      className: E("border-b last:border-b-0", e),
       "data-slot": "accordion-item",
       ...n
     }
   );
 }
-function He({
+function Ve({
   className: e,
   children: n,
   ...o
@@ -249,7 +249,7 @@ function He({
   return /* @__PURE__ */ t(Ce, { className: "flex", children: /* @__PURE__ */ Q(
     be,
     {
-      className: S(
+      className: E(
         "flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left font-medium text-sm outline-none transition-all hover:underline focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
         e
       ),
@@ -262,7 +262,7 @@ function He({
     }
   ) });
 }
-function Ke({
+function He({
   className: e,
   children: n,
   ...o
@@ -273,13 +273,13 @@ function Ke({
       className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
       "data-slot": "accordion-content",
       ...o,
-      children: /* @__PURE__ */ t("div", { className: S("pt-0 pb-4", e), children: n })
+      children: /* @__PURE__ */ t("div", { className: E("pt-0 pb-4", e), children: n })
     }
   );
 }
 export {
-  Me as Accordion,
-  Ke as AccordionContent,
-  Ve as AccordionItem,
-  He as AccordionTrigger
+  Oe as Accordion,
+  He as AccordionContent,
+  Me as AccordionItem,
+  Ve as AccordionTrigger
 };

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

@@ -6,7 +6,7 @@ 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,
 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, [
+var N = "AlertDialog", [V] = $(N, [
   A
 ]), n = A(), y = (e) => {
   const { __scopeAlertDialog: t, ...o } = e, r = n(t);
@@ -76,20 +76,20 @@ var E = "AlertDialogDescription", P = i.forwardRef((e, t) => {
   return /* @__PURE__ */ a(k, { ...l, ...r, ref: t });
 });
 P.displayName = E;
-var U = "AlertDialogAction", S = i.forwardRef(
+var U = "AlertDialogAction", T = 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(
+T.displayName = U;
+var S = "AlertDialogCancel", w = i.forwardRef(
   (e, t) => {
-    const { __scopeAlertDialog: o, ...r } = e, { cancelRef: l } = K(T, o), p = n(o), g = m(t, l);
+    const { __scopeAlertDialog: o, ...r } = e, { cancelRef: l } = K(S, o), p = n(o), g = m(t, l);
     return /* @__PURE__ */ a(D, { ...p, ...r, ref: g });
   }
 );
-w.displayName = T;
+w.displayName = S;
 var X = ({ contentRef: e }) => {
   const t = `\`${c}\` requires a description for the component to be accessible for screen reader users.
 
@@ -103,13 +103,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/alert-
       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({
+}, Z = y, ee = _, te = x, ae = h, oe = C, re = T, le = w, ie = b, ne = P;
+function De({
   ...e
 }) {
   return /* @__PURE__ */ a(Z, { "data-slot": "alert-dialog", ...e });
 }
-function Ne({
+function ve({
   ...e
 }) {
   return /* @__PURE__ */ a(ee, { "data-slot": "alert-dialog-trigger", ...e });
@@ -135,7 +135,7 @@ function ce({
     }
   );
 }
-function ye({
+function Ne({
   className: e,
   ...t
 }) {
@@ -154,7 +154,7 @@ function ye({
     )
   ] });
 }
-function _e({
+function ye({
   className: e,
   ...t
 }) {
@@ -167,7 +167,7 @@ function _e({
     }
   );
 }
-function xe({
+function _e({
   className: e,
   ...t
 }) {
@@ -183,7 +183,7 @@ function xe({
     }
   );
 }
-function he({
+function xe({
   className: e,
   ...t
 }) {
@@ -196,7 +196,7 @@ function he({
     }
   );
 }
-function Ce({
+function he({
   className: e,
   ...t
 }) {
@@ -209,7 +209,7 @@ function Ce({
     }
   );
 }
-function Re({
+function Ce({
   className: e,
   ...t
 }) {
@@ -221,7 +221,7 @@ function Re({
     }
   );
 }
-function be({
+function Re({
   className: e,
   ...t
 }) {
@@ -234,15 +234,15 @@ function be({
   );
 }
 export {
-  ve as AlertDialog,
-  Re as AlertDialogAction,
-  be as AlertDialogCancel,
-  ye as AlertDialogContent,
-  Ce as AlertDialogDescription,
-  xe as AlertDialogFooter,
-  _e as AlertDialogHeader,
+  De as AlertDialog,
+  Ce as AlertDialogAction,
+  Re as AlertDialogCancel,
+  Ne as AlertDialogContent,
+  he as AlertDialogDescription,
+  _e as AlertDialogFooter,
+  ye as AlertDialogHeader,
   ce as AlertDialogOverlay,
   se as AlertDialogPortal,
-  he as AlertDialogTitle,
-  Ne as AlertDialogTrigger
+  xe as AlertDialogTitle,
+  ve as AlertDialogTrigger
 };

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

@@ -136,7 +136,7 @@ function P() {
   return () => {
   };
 }
-var R = "Avatar", [z, ue] = H(R), [W, D] = z(R), k = _.forwardRef(
+var R = "Avatar", [z] = H(R), [W, D] = z(R), k = _.forwardRef(
   (e, t) => {
     const { __scopeAvatar: i, ...c } = e, [o, r] = _.useState("idle");
     return /* @__PURE__ */ g(
@@ -196,7 +196,7 @@ function Y(e, { referrerPolicy: t, crossOrigin: i }) {
   }, [r, i, t]), S;
 }
 var J = k, Q = V, X = j;
-function se({
+function ue({
   className: e,
   ...t
 }) {
@@ -212,7 +212,7 @@ function se({
     }
   );
 }
-function ie({
+function se({
   className: e,
   ...t
 }) {
@@ -225,7 +225,7 @@ function ie({
     }
   );
 }
-function ce({
+function ie({
   className: e,
   ...t
 }) {
@@ -242,7 +242,7 @@ function ce({
   );
 }
 export {
-  se as Avatar,
-  ce as AvatarFallback,
-  ie as AvatarImage
+  ue as Avatar,
+  ie as AvatarFallback,
+  se as AvatarImage
 };

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

@@ -1,6 +1,6 @@
 import { jsx as s, jsxs as L, Fragment as O } from "react/jsx-runtime";
 import * as i from "react";
-import { u as S } from "../../../index-5Bhkapwi.js";
+import { u as w } from "../../../index-5Bhkapwi.js";
 import { c as H } from "../../../index-DFZozV_h.js";
 import { c as N } from "../../../index-B695uy69.js";
 import { u as G } from "../../../index-437EL2iq.js";
@@ -10,11 +10,11 @@ import { P as X } from "../../../index-BGfrl8IX.js";
 import { P as _ } from "../../../index-CpDnqHCm.js";
 import { CheckIcon as $ } from "lucide-react";
 import { c as J } from "../../../utils-Db4QWi-E.js";
-var y = "Checkbox", [Q, ue] = H(y), [V, E] = Q(y);
+var y = "Checkbox", [Q] = H(y), [V, E] = Q(y);
 function W(t) {
   const {
     __scopeCheckbox: o,
-    checked: a,
+    checked: c,
     children: l,
     defaultChecked: n,
     disabled: e,
@@ -25,24 +25,24 @@ function W(t) {
     value: k = "on",
     // @ts-expect-error
     internal_do_not_use_render: u
-  } = t, [p, v] = G({
-    prop: a,
+  } = t, [p, x] = G({
+    prop: c,
     defaultProp: n ?? !1,
     onChange: d,
     caller: y
-  }), [C, x] = i.useState(null), [g, r] = i.useState(null), c = i.useRef(!1), P = C ? !!f || !!C.closest("form") : (
+  }), [C, v] = i.useState(null), [g, r] = i.useState(null), a = i.useRef(!1), P = C ? !!f || !!C.closest("form") : (
     // We set this to true by default so that events bubble to forms without JS (SSR)
     !0
   ), R = {
     checked: p,
     disabled: e,
-    setChecked: v,
+    setChecked: x,
     control: C,
-    setControl: x,
+    setControl: v,
     name: b,
     form: f,
     value: k,
-    hasConsumerStoppedPropagationRef: c,
+    hasConsumerStoppedPropagationRef: a,
     required: m,
     defaultChecked: h(n) ? !1 : n,
     isFormControl: P,
@@ -58,8 +58,8 @@ function W(t) {
     }
   );
 }
-var w = "CheckboxTrigger", B = i.forwardRef(
-  ({ __scopeCheckbox: t, onKeyDown: o, onClick: a, ...l }, n) => {
+var S = "CheckboxTrigger", B = i.forwardRef(
+  ({ __scopeCheckbox: t, onKeyDown: o, onClick: c, ...l }, n) => {
     const {
       control: e,
       value: f,
@@ -69,14 +69,14 @@ var w = "CheckboxTrigger", B = i.forwardRef(
       setControl: k,
       setChecked: u,
       hasConsumerStoppedPropagationRef: p,
-      isFormControl: v,
+      isFormControl: x,
       bubbleInput: C
-    } = E(w, t), x = S(n, k), g = i.useRef(d);
+    } = E(S, t), v = w(n, k), g = i.useRef(d);
     return i.useEffect(() => {
       const r = e?.form;
       if (r) {
-        const c = () => u(g.current);
-        return r.addEventListener("reset", c), () => r.removeEventListener("reset", c);
+        const a = () => u(g.current);
+        return r.addEventListener("reset", a), () => r.removeEventListener("reset", a);
       }
     }, [e, u]), /* @__PURE__ */ s(
       _.button,
@@ -90,22 +90,22 @@ var w = "CheckboxTrigger", B = i.forwardRef(
         disabled: b,
         value: f,
         ...l,
-        ref: x,
+        ref: v,
         onKeyDown: N(o, (r) => {
           r.key === "Enter" && r.preventDefault();
         }),
-        onClick: N(a, (r) => {
-          u((c) => h(c) ? !0 : !c), C && v && (p.current = r.isPropagationStopped(), p.current || r.stopPropagation());
+        onClick: N(c, (r) => {
+          u((a) => h(a) ? !0 : !a), C && x && (p.current = r.isPropagationStopped(), p.current || r.stopPropagation());
         })
       }
     );
   }
 );
-B.displayName = w;
+B.displayName = S;
 var M = i.forwardRef(
   (t, o) => {
     const {
-      __scopeCheckbox: a,
+      __scopeCheckbox: c,
       name: l,
       checked: n,
       defaultChecked: e,
@@ -119,7 +119,7 @@ var M = i.forwardRef(
     return /* @__PURE__ */ s(
       W,
       {
-        __scopeCheckbox: a,
+        __scopeCheckbox: c,
         checked: n,
         defaultChecked: e,
         disabled: b,
@@ -134,13 +134,13 @@ var M = i.forwardRef(
             {
               ...u,
               ref: o,
-              __scopeCheckbox: a
+              __scopeCheckbox: c
             }
           ),
           p && /* @__PURE__ */ s(
             j,
             {
-              __scopeCheckbox: a
+              __scopeCheckbox: c
             }
           )
         ] })
@@ -151,7 +151,7 @@ var M = i.forwardRef(
 M.displayName = y;
 var T = "CheckboxIndicator", q = i.forwardRef(
   (t, o) => {
-    const { __scopeCheckbox: a, forceMount: l, ...n } = t, e = E(T, a);
+    const { __scopeCheckbox: c, forceMount: l, ...n } = t, e = E(T, c);
     return /* @__PURE__ */ s(
       X,
       {
@@ -172,7 +172,7 @@ var T = "CheckboxIndicator", q = i.forwardRef(
 );
 q.displayName = T;
 var A = "CheckboxBubbleInput", j = i.forwardRef(
-  ({ __scopeCheckbox: t, ...o }, a) => {
+  ({ __scopeCheckbox: t, ...o }, c) => {
     const {
       control: l,
       hasConsumerStoppedPropagationRef: n,
@@ -184,20 +184,20 @@ var A = "CheckboxBubbleInput", j = i.forwardRef(
       value: k,
       form: u,
       bubbleInput: p,
-      setBubbleInput: v
-    } = E(A, t), C = S(a, v), x = K(e), g = U(l);
+      setBubbleInput: x
+    } = E(A, t), C = w(c, x), v = K(e), g = U(l);
     i.useEffect(() => {
-      const c = p;
-      if (!c) return;
+      const a = p;
+      if (!a) return;
       const P = window.HTMLInputElement.prototype, I = Object.getOwnPropertyDescriptor(
         P,
         "checked"
       ).set, D = !n.current;
-      if (x !== e && I) {
+      if (v !== e && I) {
         const F = new Event("click", { bubbles: D });
-        c.indeterminate = h(e), I.call(c, h(e) ? !1 : e), c.dispatchEvent(F);
+        a.indeterminate = h(e), I.call(a, h(e) ? !1 : e), a.dispatchEvent(F);
       }
-    }, [p, x, e, n]);
+    }, [p, v, e, n]);
     const r = i.useRef(h(e) ? !1 : e);
     return /* @__PURE__ */ s(
       _.input,
@@ -239,7 +239,7 @@ function h(t) {
 function z(t) {
   return h(t) ? "indeterminate" : t ? "checked" : "unchecked";
 }
-function le({
+function ue({
   className: t,
   ...o
 }) {
@@ -264,5 +264,5 @@ function le({
   );
 }
 export {
-  le as Checkbox
+  ue as Checkbox
 };

package/dist/components/ui/atoms/dropdown-menu.js

@@ -596,7 +596,7 @@ function pt(e, t) {
 function L(e) {
   return (t) => t.pointerType === "mouse" ? e(t) : void 0;
 }
-var ft = Ie, mt = oe, vt = Ee, gt = ye, Mt = ce, ht = Ne, wt = H, Ct = Ae, _t = ke, Rt = Ge, bt = Ke, xt = $e, Dt = Ue, St = Be, It = Ve, Pt = Xe, W = "DropdownMenu", [Et, Ro] = he(
+var ft = Ie, mt = oe, vt = Ee, gt = ye, Mt = ce, ht = Ne, wt = H, Ct = Ae, _t = ke, Rt = Ge, bt = Ke, xt = $e, Dt = Ue, St = Be, It = Ve, Pt = Xe, W = "DropdownMenu", [Et] = he(
   W,
   [xe]
 ), h = xe(), [yt, He] = Et(W), We = (e) => {
@@ -780,17 +780,17 @@ var Vt = "DropdownMenuSubContent", ln = s.forwardRef((e, t) => {
 });
 ln.displayName = Vt;
 var jt = We, Xt = qe, pn = Je, Yt = en, Ht = nn, Wt = tn, Zt = on, qt = rn, Jt = an, Qt = sn, fn = cn, eo = un, no = zt, to = dn, oo = ln;
-function bo({
+function Ro({
   ...e
 }) {
   return /* @__PURE__ */ r(jt, { "data-slot": "dropdown-menu", ...e });
 }
-function xo({
+function bo({
   ...e
 }) {
   return /* @__PURE__ */ r(pn, { "data-slot": "dropdown-menu-portal", ...e });
 }
-function Do({
+function xo({
   ...e
 }) {
   return /* @__PURE__ */ r(
@@ -801,7 +801,7 @@ function Do({
     }
   );
 }
-function So({
+function Do({
   className: e,
   sideOffset: t = 4,
   ...n
@@ -819,12 +819,12 @@ function So({
     }
   ) });
 }
-function Io({
+function So({
   ...e
 }) {
   return /* @__PURE__ */ r(Ht, { "data-slot": "dropdown-menu-group", ...e });
 }
-function Po({
+function Io({
   className: e,
   inset: t,
   variant: n = "default",
@@ -844,7 +844,7 @@ function Po({
     }
   );
 }
-function Eo({
+function Po({
   className: e,
   children: t,
   checked: n,
@@ -867,7 +867,7 @@ function Eo({
     }
   );
 }
-function yo({
+function Eo({
   ...e
 }) {
   return /* @__PURE__ */ r(
@@ -878,7 +878,7 @@ function yo({
     }
   );
 }
-function No({
+function yo({
   className: e,
   children: t,
   ...n
@@ -899,7 +899,7 @@ function No({
     }
   );
 }
-function To({
+function No({
   className: e,
   inset: t,
   ...n
@@ -917,7 +917,7 @@ function To({
     }
   );
 }
-function Ao({
+function To({
   className: e,
   ...t
 }) {
@@ -930,7 +930,7 @@ function Ao({
     }
   );
 }
-function Oo({
+function Ao({
   className: e,
   ...t
 }) {
@@ -946,12 +946,12 @@ function Oo({
     }
   );
 }
-function ko({
+function Oo({
   ...e
 }) {
   return /* @__PURE__ */ r(no, { "data-slot": "dropdown-menu-sub", ...e });
 }
-function Lo({
+function ko({
   className: e,
   inset: t,
   children: n,
@@ -974,7 +974,7 @@ function Lo({
     }
   );
 }
-function Go({
+function Lo({
   className: e,
   ...t
 }) {
@@ -991,19 +991,19 @@ function Go({
   );
 }
 export {
-  bo as DropdownMenu,
-  Eo as DropdownMenuCheckboxItem,
-  So as DropdownMenuContent,
-  Io as DropdownMenuGroup,
-  Po as DropdownMenuItem,
-  To as DropdownMenuLabel,
-  xo as DropdownMenuPortal,
-  yo as DropdownMenuRadioGroup,
-  No as DropdownMenuRadioItem,
-  Ao as DropdownMenuSeparator,
-  Oo as DropdownMenuShortcut,
-  ko as DropdownMenuSub,
-  Go as DropdownMenuSubContent,
-  Lo as DropdownMenuSubTrigger,
-  Do as DropdownMenuTrigger
+  Ro as DropdownMenu,
+  Po as DropdownMenuCheckboxItem,
+  Do as DropdownMenuContent,
+  So as DropdownMenuGroup,
+  Io as DropdownMenuItem,
+  No as DropdownMenuLabel,
+  bo as DropdownMenuPortal,
+  Eo as DropdownMenuRadioGroup,
+  yo as DropdownMenuRadioItem,
+  To as DropdownMenuSeparator,
+  Ao as DropdownMenuShortcut,
+  Oo as DropdownMenuSub,
+  Lo as DropdownMenuSubContent,
+  ko as DropdownMenuSubTrigger,
+  xo as DropdownMenuTrigger
 };