@arcadeai/design-system 2.3.0 → 3.0.0

package/dist/components/ui/atoms/hover-card.js

@@ -4,14 +4,14 @@ import { c as l } from "../../../index-B695uy69.js";
 import { c as k } from "../../../index-DFZozV_h.js";
 import { u as F } from "../../../index-437EL2iq.js";
 import { u as I } from "../../../index-5Bhkapwi.js";
-import { c as H, R as U, A as $, C as W, a as z } from "../../../index-DH9yRdVk.js";
+import { c as T, R as U, A as $, C as W, a as z } from "../../../index-DH9yRdVk.js";
 import { P as B, D as G } from "../../../index-DYHsXnnS.js";
-import { P as T } from "../../../index-BGfrl8IX.js";
+import { P as H } from "../../../index-BGfrl8IX.js";
 import { P as K } from "../../../index-CpDnqHCm.js";
 import { c as j } from "../../../utils-Db4QWi-E.js";
-var x, S = "HoverCard", [O, ve] = k(S, [
-  H
-]), b = H(), [V, w] = O(S), _ = (e) => {
+var x, S = "HoverCard", [O] = k(S, [
+  T
+]), b = T(), [V, w] = O(S), _ = (e) => {
   const {
     __scopeHoverCard: o,
     children: t,
@@ -20,7 +20,7 @@ var x, S = "HoverCard", [O, ve] = k(S, [
     onOpenChange: c,
     openDelay: f = 700,
     closeDelay: v = 300
-  } = e, d = b(o), m = n.useRef(0), u = n.useRef(0), C = n.useRef(!1), p = n.useRef(!1), [h, r] = F({
+  } = e, d = b(o), m = n.useRef(0), u = n.useRef(0), h = n.useRef(!1), p = n.useRef(!1), [C, r] = F({
     prop: s,
     defaultProp: i ?? !1,
     onChange: c,
@@ -28,7 +28,7 @@ var x, S = "HoverCard", [O, ve] = k(S, [
   }), P = n.useCallback(() => {
     clearTimeout(u.current), m.current = window.setTimeout(() => r(!0), f);
   }, [f, r]), L = n.useCallback(() => {
-    clearTimeout(m.current), !C.current && !p.current && (u.current = window.setTimeout(() => r(!1), v));
+    clearTimeout(m.current), !h.current && !p.current && (u.current = window.setTimeout(() => r(!1), v));
   }, [v, r]), M = n.useCallback(() => r(!1), [r]);
   return n.useEffect(() => () => {
     clearTimeout(m.current), clearTimeout(u.current);
@@ -36,12 +36,12 @@ var x, S = "HoverCard", [O, ve] = k(S, [
     V,
     {
       scope: o,
-      open: h,
+      open: C,
       onOpenChange: r,
       onOpen: P,
       onClose: L,
       onDismiss: M,
-      hasSelectionRef: C,
+      hasSelectionRef: h,
       isPointerDownOnContentRef: p,
       children: /* @__PURE__ */ a(U, { ...d, children: t })
     }
@@ -71,13 +71,13 @@ var E = "HoverCardPortal", [q, J] = O(E, {
   forceMount: void 0
 }), D = (e) => {
   const { __scopeHoverCard: o, forceMount: t, children: s, container: i } = e, c = w(E, o);
-  return /* @__PURE__ */ a(q, { scope: o, forceMount: t, children: /* @__PURE__ */ a(T, { present: t || c.open, children: /* @__PURE__ */ a(B, { asChild: !0, container: i, children: s }) }) });
+  return /* @__PURE__ */ a(q, { scope: o, forceMount: t, children: /* @__PURE__ */ a(H, { present: t || c.open, children: /* @__PURE__ */ a(B, { asChild: !0, container: i, children: s }) }) });
 };
 D.displayName = E;
 var g = "HoverCardContent", A = n.forwardRef(
   (e, o) => {
     const t = J(g, e.__scopeHoverCard), { forceMount: s = t.forceMount, ...i } = e, c = w(g, e.__scopeHoverCard);
-    return /* @__PURE__ */ a(T, { present: s || c.open, children: /* @__PURE__ */ a(
+    return /* @__PURE__ */ a(H, { present: s || c.open, children: /* @__PURE__ */ a(
       Q,
       {
         "data-state": c.open ? "open" : "closed",
@@ -98,7 +98,7 @@ var Q = n.forwardRef((e, o) => {
     onFocusOutside: c,
     onInteractOutside: f,
     ...v
-  } = e, d = w(g, t), m = b(t), u = n.useRef(null), C = I(o, u), [p, h] = n.useState(!1);
+  } = e, d = w(g, t), m = b(t), u = n.useRef(null), h = I(o, u), [p, C] = n.useState(!1);
   return n.useEffect(() => {
     if (p) {
       const r = document.body;
@@ -109,7 +109,7 @@ var Q = n.forwardRef((e, o) => {
   }, [p]), n.useEffect(() => {
     if (u.current) {
       const r = () => {
-        h(!1), d.isPointerDownOnContentRef.current = !1, setTimeout(() => {
+        C(!1), d.isPointerDownOnContentRef.current = !1, setTimeout(() => {
           document.getSelection()?.toString() !== "" && (d.hasSelectionRef.current = !0);
         });
       };
@@ -137,9 +137,9 @@ var Q = n.forwardRef((e, o) => {
           ...m,
           ...v,
           onPointerDown: l(v.onPointerDown, (r) => {
-            r.currentTarget.contains(r.target) && h(!0), d.hasSelectionRef.current = !1, d.isPointerDownOnContentRef.current = !0;
+            r.currentTarget.contains(r.target) && C(!0), d.hasSelectionRef.current = !1, d.isPointerDownOnContentRef.current = !0;
           }),
-          ref: C,
+          ref: h,
           style: {
             ...v.style,
             userSelect: p ? "text" : void 0,
@@ -173,12 +173,12 @@ function Z(e) {
   return o;
 }
 var ee = _, re = N, oe = D, te = A;
-function me({
+function ve({
   ...e
 }) {
   return /* @__PURE__ */ a(ee, { "data-slot": "hover-card", ...e });
 }
-function Ce({
+function me({
   ...e
 }) {
   return /* @__PURE__ */ a(re, { "data-slot": "hover-card-trigger", ...e });
@@ -204,7 +204,7 @@ function he({
   ) });
 }
 export {
-  me as HoverCard,
+  ve as HoverCard,
   he as HoverCardContent,
-  Ce as HoverCardTrigger
+  me as HoverCardTrigger
 };

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

@@ -11,7 +11,7 @@ import { P as w } from "../../../index-BGfrl8IX.js";
 import { P as b } from "../../../index-CpDnqHCm.js";
 import { u as J } from "../../../index-437EL2iq.js";
 import { c as Q } from "../../../utils-Db4QWi-E.js";
-var C = "Popover", [E, wo] = z(C, [
+var C = "Popover", [E] = z(C, [
   _
 ]), m = _(), [X, u] = E(C), F = (o) => {
   const {
@@ -220,17 +220,17 @@ function $(o) {
   return o ? "open" : "closed";
 }
 var co = F, io = S, po = D, uo = M, lo = T;
-function bo({
+function wo({
   ...o
 }) {
   return /* @__PURE__ */ s(co, { "data-slot": "popover", ...o });
 }
-function Eo({
+function bo({
   ...o
 }) {
   return /* @__PURE__ */ s(po, { "data-slot": "popover-trigger", ...o });
 }
-function Fo({
+function Eo({
   className: o,
   align: n = "center",
   sideOffset: e = 4,
@@ -250,14 +250,14 @@ function Fo({
     }
   ) });
 }
-function No({
+function Fo({
   ...o
 }) {
   return /* @__PURE__ */ s(io, { "data-slot": "popover-anchor", ...o });
 }
 export {
-  bo as Popover,
-  No as PopoverAnchor,
-  Fo as PopoverContent,
-  Eo as PopoverTrigger
+  wo as Popover,
+  Fo as PopoverAnchor,
+  Eo as PopoverContent,
+  bo as PopoverTrigger
 };

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

@@ -1,9 +1,9 @@
 import { jsx as i } from "react/jsx-runtime";
-import * as m from "react";
+import * as v from "react";
 import { c as $ } from "../../../index-DFZozV_h.js";
-import { P as v } from "../../../index-CpDnqHCm.js";
+import { P as c } from "../../../index-CpDnqHCm.js";
 import { c as I } from "../../../utils-Db4QWi-E.js";
-var u = "Progress", d = 100, [E, O] = $(u), [R, _] = E(u), f = m.forwardRef(
+var u = "Progress", d = 100, [E] = $(u), [R, _] = E(u), f = v.forwardRef(
   (r, e) => {
     const {
       __scopeProgress: n,
@@ -12,12 +12,12 @@ var u = "Progress", d = 100, [E, O] = $(u), [R, _] = E(u), f = m.forwardRef(
       getValueLabel: N = y,
       ...b
     } = r;
-    (a || a === 0) && !c(a) && console.error(M(`${a}`, "Progress"));
-    const t = c(a) ? a : d;
+    (a || a === 0) && !m(a) && console.error(M(`${a}`, "Progress"));
+    const t = m(a) ? a : d;
     o !== null && !p(o, t) && console.error(w(`${o}`, "Progress"));
     const s = p(o, t) ? o : null, h = l(s) ? N(s, t) : void 0;
     return /* @__PURE__ */ i(R, { scope: n, value: s, max: t, children: /* @__PURE__ */ i(
-      v.div,
+      c.div,
       {
         "aria-valuemax": t,
         "aria-valuemin": 0,
@@ -34,11 +34,11 @@ var u = "Progress", d = 100, [E, O] = $(u), [R, _] = E(u), f = m.forwardRef(
   }
 );
 f.displayName = u;
-var g = "ProgressIndicator", P = m.forwardRef(
+var g = "ProgressIndicator", P = v.forwardRef(
   (r, e) => {
     const { __scopeProgress: n, ...o } = r, a = _(g, n);
     return /* @__PURE__ */ i(
-      v.div,
+      c.div,
       {
         "data-state": x(a.value, a.max),
         "data-value": a.value ?? void 0,
@@ -59,7 +59,7 @@ function x(r, e) {
 function l(r) {
   return typeof r == "number";
 }
-function c(r) {
+function m(r) {
   return l(r) && !isNaN(r) && r > 0;
 }
 function p(r, e) {
@@ -78,7 +78,7 @@ Defaulting to \`null\`.`;
 }
 var A = f, V = P;
 const C = 100;
-function X({
+function O({
   className: r,
   value: e,
   ...n
@@ -104,5 +104,5 @@ function X({
   );
 }
 export {
-  X as Progress
+  O as Progress
 };

package/dist/components/ui/atoms/radio-group.js

@@ -20,11 +20,11 @@ var w = "Radio", [W, _] = k(w), [X, Y] = W(w), G = s.forwardRef(
       checked: e = !1,
       required: a,
       disabled: n,
-      value: l = "on",
+      value: p = "on",
       onCheck: f,
       form: m,
       ...v
-    } = r, [p, R] = s.useState(null), c = I(t, (h) => R(h)), u = s.useRef(!1), b = p ? m || !!p.closest("form") : !0;
+    } = r, [l, R] = s.useState(null), c = I(t, (h) => R(h)), u = s.useRef(!1), b = l ? m || !!l.closest("form") : !0;
     return /* @__PURE__ */ B(X, { scope: o, checked: e, disabled: n, children: [
       /* @__PURE__ */ i(
         g.button,
@@ -35,7 +35,7 @@ var w = "Radio", [W, _] = k(w), [X, Y] = W(w), G = s.forwardRef(
           "data-state": A(e),
           "data-disabled": n ? "" : void 0,
           disabled: n,
-          value: l,
+          value: p,
           ...v,
           ref: c,
           onClick: C(r.onClick, (h) => {
@@ -44,12 +44,12 @@ var w = "Radio", [W, _] = k(w), [X, Y] = W(w), G = s.forwardRef(
         }
       ),
       b && /* @__PURE__ */ i(
-        x,
+        S,
         {
-          control: p,
+          control: l,
           bubbles: !u.current,
           name: d,
-          value: l,
+          value: p,
           checked: e,
           required: a,
           disabled: n,
@@ -61,7 +61,7 @@ var w = "Radio", [W, _] = k(w), [X, Y] = W(w), G = s.forwardRef(
   }
 );
 G.displayName = w;
-var N = "RadioIndicator", S = s.forwardRef(
+var N = "RadioIndicator", x = s.forwardRef(
   (r, t) => {
     const { __scopeRadio: o, forceMount: d, ...e } = r, a = Y(N, o);
     return /* @__PURE__ */ i(H, { present: d || a.checked, children: /* @__PURE__ */ i(
@@ -75,8 +75,8 @@ var N = "RadioIndicator", S = s.forwardRef(
     ) });
   }
 );
-S.displayName = N;
-var J = "RadioBubbleInput", x = s.forwardRef(
+x.displayName = N;
+var J = "RadioBubbleInput", S = s.forwardRef(
   ({
     __scopeRadio: r,
     control: t,
@@ -84,12 +84,12 @@ var J = "RadioBubbleInput", x = s.forwardRef(
     bubbles: d = !0,
     ...e
   }, a) => {
-    const n = s.useRef(null), l = I(n, a), f = z(o), m = j(t);
+    const n = s.useRef(null), p = I(n, a), f = z(o), m = j(t);
     return s.useEffect(() => {
       const v = n.current;
       if (!v) return;
-      const p = window.HTMLInputElement.prototype, c = Object.getOwnPropertyDescriptor(
-        p,
+      const l = window.HTMLInputElement.prototype, c = Object.getOwnPropertyDescriptor(
+        l,
         "checked"
       ).set;
       if (f !== o && c) {
@@ -104,7 +104,7 @@ var J = "RadioBubbleInput", x = s.forwardRef(
         defaultChecked: o,
         ...e,
         tabIndex: -1,
-        ref: l,
+        ref: p,
         style: {
           ...e.style,
           ...m,
@@ -117,11 +117,11 @@ var J = "RadioBubbleInput", x = s.forwardRef(
     );
   }
 );
-x.displayName = J;
+S.displayName = J;
 function A(r) {
   return r ? "checked" : "unchecked";
 }
-var Q = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], y = "RadioGroup", [Z, ge] = k(y, [
+var Q = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], y = "RadioGroup", [Z] = k(y, [
   P,
   _
 ]), D = P(), M = _(), [ee, oe] = Z(y), O = s.forwardRef(
@@ -132,16 +132,16 @@ var Q = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], y = "RadioGroup", [
       defaultValue: e,
       value: a,
       required: n = !1,
-      disabled: l = !1,
+      disabled: p = !1,
       orientation: f,
       dir: m,
       loop: v = !0,
-      onValueChange: p,
+      onValueChange: l,
       ...R
     } = r, c = D(o), u = V(m), [b, h] = U({
       prop: a,
       defaultProp: e ?? null,
-      onChange: p,
+      onChange: l,
       caller: y
     });
     return /* @__PURE__ */ i(
@@ -150,7 +150,7 @@ var Q = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], y = "RadioGroup", [
         scope: o,
         name: d,
         required: n,
-        disabled: l,
+        disabled: p,
         value: b,
         onValueChange: h,
         children: /* @__PURE__ */ i(
@@ -167,7 +167,7 @@ var Q = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], y = "RadioGroup", [
                 role: "radiogroup",
                 "aria-required": n,
                 "aria-orientation": f,
-                "data-disabled": l ? "" : void 0,
+                "data-disabled": p ? "" : void 0,
                 dir: u,
                 ...R,
                 ref: t
@@ -182,7 +182,7 @@ var Q = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], y = "RadioGroup", [
 O.displayName = y;
 var F = "RadioGroupItem", L = s.forwardRef(
   (r, t) => {
-    const { __scopeRadioGroup: o, disabled: d, ...e } = r, a = oe(F, o), n = a.disabled || d, l = D(o), f = M(o), m = s.useRef(null), v = I(t, m), p = a.value === e.value, R = s.useRef(!1);
+    const { __scopeRadioGroup: o, disabled: d, ...e } = r, a = oe(F, o), n = a.disabled || d, p = D(o), f = M(o), m = s.useRef(null), v = I(t, m), l = a.value === e.value, R = s.useRef(!1);
     return s.useEffect(() => {
       const c = (b) => {
         Q.includes(b.key) && (R.current = !0);
@@ -194,15 +194,15 @@ var F = "RadioGroupItem", L = s.forwardRef(
       T,
       {
         asChild: !0,
-        ...l,
+        ...p,
         focusable: !n,
-        active: p,
+        active: l,
         children: /* @__PURE__ */ i(
           G,
           {
             disabled: n,
             required: a.required,
-            checked: p,
+            checked: l,
             ...f,
             ...e,
             name: a.name,
@@ -224,12 +224,12 @@ L.displayName = F;
 var re = "RadioGroupIndicator", q = s.forwardRef(
   (r, t) => {
     const { __scopeRadioGroup: o, ...d } = r, e = M(o);
-    return /* @__PURE__ */ i(S, { ...e, ...d, ref: t });
+    return /* @__PURE__ */ i(x, { ...e, ...d, ref: t });
   }
 );
 q.displayName = re;
 var te = O, ae = L, ie = q;
-function ye({
+function ge({
   className: r,
   ...t
 }) {
@@ -242,7 +242,7 @@ function ye({
     }
   );
 }
-function Ce({
+function ye({
   className: r,
   ...t
 }) {
@@ -267,6 +267,6 @@ function Ce({
   );
 }
 export {
-  ye as RadioGroup,
-  Ce as RadioGroupItem
+  ge as RadioGroup,
+  ye as RadioGroupItem
 };

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

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { GripVerticalIcon as i } from "lucide-react";
-import { P as n, a as o, b as s } from "../../../react-resizable-panels.browser-DggUboAp.js";
+import { P as n, a as o, b as s } from "../../../react-resizable-panels.browser-31wAXhAV.js";
 import { c as t } from "../../../utils-Db4QWi-E.js";
 function u({
   className: e,