@arcadeai/design-system 1.0.1 → 1.1.0

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

@@ -1,7 +1,7 @@
 import { jsx as ve } from "react/jsx-runtime";
 import { GripVerticalIcon as Rn } from "lucide-react";
 import * as Ln from "react";
-import { createContext as An, forwardRef as en, createElement as de, useContext as nn, useRef as F, useLayoutEffect as Mn, useImperativeHandle as tn, useState as ue, useEffect as te, useCallback as B, useMemo as Dn } from "react";
+import { createContext as An, forwardRef as en, createElement as de, useContext as nn, useRef as F, useLayoutEffect as Dn, useImperativeHandle as tn, useState as ue, useEffect as te, useCallback as B, useMemo as Mn } from "react";
 import { c as rn } from "../../../utils-CRiPKpXj.js";
 const Re = An(null);
 Re.displayName = "PanelGroupContext";
@@ -18,9 +18,9 @@ const A = {
   resizeHandleEnabled: "data-panel-resize-handle-enabled",
   resizeHandleId: "data-panel-resize-handle-id",
   resizeHandleState: "data-resize-handle-state"
-}, Be = 10, re = Mn, Oe = Ln.useId, Hn = typeof Oe == "function" ? Oe : () => null;
+}, Fe = 10, re = Dn, Oe = Ln.useId, Hn = typeof Oe == "function" ? Oe : () => null;
 let Nn = 0;
-function Fe(e = null) {
+function Ve(e = null) {
   const n = Hn(), t = F(e || n || null);
   return t.current === null && (t.current = "" + Nn++), e ?? t.current;
 }
@@ -48,7 +48,7 @@ function on({
   const {
     collapsePanel: S,
     expandPanel: R,
-    getPanelSize: D,
+    getPanelSize: M,
     getPanelStyle: N,
     groupId: q,
     isPanelCollapsed: C,
@@ -56,7 +56,7 @@ function on({
     registerPanel: K,
     resizePanel: J,
     unregisterPanel: V
-  } = w, _ = Fe(l), M = F({
+  } = w, _ = Ve(l), D = F({
     callbacks: {
       onCollapse: m,
       onExpand: P,
@@ -79,39 +79,39 @@ function on({
     const {
       callbacks: k,
       constraints: $
-    } = M.current, G = {
+    } = D.current, G = {
       ...$
     };
-    M.current.id = _, M.current.idIsFromProps = l !== void 0, M.current.order = u, k.onCollapse = m, k.onExpand = P, k.onResize = f, $.collapsedSize = t, $.collapsible = r, $.defaultSize = i, $.maxSize = a, $.minSize = s, (G.collapsedSize !== $.collapsedSize || G.collapsible !== $.collapsible || G.maxSize !== $.maxSize || G.minSize !== $.minSize) && b(M.current, G);
+    D.current.id = _, D.current.idIsFromProps = l !== void 0, D.current.order = u, k.onCollapse = m, k.onExpand = P, k.onResize = f, $.collapsedSize = t, $.collapsible = r, $.defaultSize = i, $.maxSize = a, $.minSize = s, (G.collapsedSize !== $.collapsedSize || G.collapsible !== $.collapsible || G.maxSize !== $.maxSize || G.minSize !== $.minSize) && b(D.current, G);
   }), re(() => {
-    const k = M.current;
+    const k = D.current;
     return K(k), () => {
       V(k);
     };
   }, [u, _, K, V]), tn(o, () => ({
     collapse: () => {
-      S(M.current);
+      S(D.current);
     },
     expand: (k) => {
-      R(M.current, k);
+      R(D.current, k);
     },
     getId() {
       return _;
     },
     getSize() {
-      return D(M.current);
+      return M(D.current);
     },
     isCollapsed() {
-      return C(M.current);
+      return C(D.current);
     },
     isExpanded() {
-      return !C(M.current);
+      return !C(D.current);
     },
     resize: (k) => {
-      J(M.current, k);
+      J(D.current, k);
     }
-  }), [S, R, D, C, _, J]);
-  const ee = N(M.current, i);
+  }), [S, R, M, C, _, J]);
+  const ee = N(D.current, i);
   return de(h, {
     ...I,
     children: e,
@@ -135,17 +135,17 @@ const ln = en((e, n) => de(on, {
 }));
 on.displayName = "Panel";
 ln.displayName = "forwardRef(Panel)";
-let Te = null, Ie = -1, Z = null;
-function $n(e, n) {
+let Be = null, Ie = -1, Z = null;
+function $n(e, n, t) {
+  const r = (n & dn) !== 0, i = (n & fn) !== 0, o = (n & pn) !== 0, l = (n & gn) !== 0;
   if (n) {
-    const t = (n & dn) !== 0, r = (n & fn) !== 0, i = (n & pn) !== 0, o = (n & gn) !== 0;
-    if (t)
-      return i ? "se-resize" : o ? "ne-resize" : "e-resize";
     if (r)
-      return i ? "sw-resize" : o ? "nw-resize" : "w-resize";
+      return o ? "se-resize" : l ? "ne-resize" : "e-resize";
     if (i)
-      return "s-resize";
+      return o ? "sw-resize" : l ? "nw-resize" : "w-resize";
     if (o)
+      return "s-resize";
+    if (l)
       return "n-resize";
   }
   switch (e) {
@@ -158,17 +158,17 @@ function $n(e, n) {
   }
 }
 function kn() {
-  Z !== null && (document.head.removeChild(Z), Te = null, Z = null, Ie = -1);
-}
-function Ne(e, n) {
-  var t, r;
-  const i = $n(e, n);
-  if (Te !== i) {
-    if (Te = i, Z === null && (Z = document.createElement("style"), document.head.appendChild(Z)), Ie >= 0) {
-      var o;
-      (o = Z.sheet) === null || o === void 0 || o.removeRule(Ie);
+  Z !== null && (document.head.removeChild(Z), Be = null, Z = null, Ie = -1);
+}
+function $e(e, n, t) {
+  var r, i;
+  const o = $n(e, n);
+  if (Be !== o) {
+    if (Be = o, Z === null && (Z = document.createElement("style"), document.head.appendChild(Z)), Ie >= 0) {
+      var l;
+      (l = Z.sheet) === null || l === void 0 || l.removeRule(Ie);
     }
-    Ie = (t = (r = Z.sheet) === null || r === void 0 ? void 0 : r.insertRule(`*{cursor: ${i} !important;}`)) !== null && t !== void 0 ? t : -1;
+    Ie = (r = (i = Z.sheet) === null || i === void 0 ? void 0 : i.insertRule(`*{cursor: ${o} !important;}`)) !== null && r !== void 0 ? r : -1;
   }
 }
 function an(e) {
@@ -284,7 +284,7 @@ function Kn(e, n, t, r, i) {
     const f = (P = Q.get(l)) !== null && P !== void 0 ? P : 1;
     if (Q.set(l, f - 1), Ee(), f === 1 && Q.delete(l), O.includes(a)) {
       const u = O.indexOf(a);
-      u >= 0 && O.splice(u, 1), We(), i("up", !0, null);
+      u >= 0 && O.splice(u, 1), De(), i("up", !0, null);
     }
   };
 }
@@ -295,13 +295,13 @@ function Un(e) {
     x: t,
     y: r
   } = Le(e);
-  ce = !0, Ve({
+  ce = !0, We({
     target: n,
     x: t,
     y: r
-  }), Ee(), O.length > 0 && (Ce("down", e), e.preventDefault(), mn(n) || e.stopImmediatePropagation());
+  }), Ee(), O.length > 0 && (Ce("down", e), De(), e.preventDefault(), mn(n) || e.stopImmediatePropagation());
 }
-function $e(e) {
+function ke(e) {
   const {
     x: n,
     y: t
@@ -310,26 +310,26 @@ function $e(e) {
     const {
       target: r
     } = e;
-    Ve({
+    We({
       target: r,
       x: n,
       y: t
     });
   }
-  Ce("move", e), We(), O.length > 0 && e.preventDefault();
+  Ce("move", e), De(), O.length > 0 && e.preventDefault();
 }
-function ke(e) {
+function _e(e) {
   const {
     target: n
   } = e, {
     x: t,
     y: r
   } = Le(e);
-  Ae.clear(), ce = !1, O.length > 0 && (e.preventDefault(), mn(n) || e.stopImmediatePropagation()), Ce("up", e), Ve({
+  Ae.clear(), ce = !1, O.length > 0 && (e.preventDefault(), mn(n) || e.stopImmediatePropagation()), Ce("up", e), We({
     target: n,
     x: t,
     y: r
-  }), We(), Ee();
+  }), De(), Ee();
 }
 function mn(e) {
   let n = e;
@@ -340,7 +340,7 @@ function mn(e) {
   }
   return !1;
 }
-function Ve({
+function We({
   target: e,
   x: n,
   y: t
@@ -377,10 +377,10 @@ function Ve({
     }
   });
 }
-function _e(e, n) {
+function Ge(e, n) {
   Ae.set(e, n);
 }
-function We() {
+function De() {
   let e = !1, n = !1;
   O.forEach((r) => {
     const {
@@ -391,31 +391,31 @@ function We() {
   let t = 0;
   Ae.forEach((r) => {
     t |= r;
-  }), e && n ? Ne("intersection", t) : e ? Ne("horizontal", t) : n ? Ne("vertical", t) : kn();
+  }), e && n ? $e("intersection", t) : e ? $e("horizontal", t) : n ? $e("vertical", t) : kn();
 }
-let Ge;
+let Te;
 function Ee() {
   var e;
-  (e = Ge) === null || e === void 0 || e.abort(), Ge = new AbortController();
+  (e = Te) === null || e === void 0 || e.abort(), Te = new AbortController();
   const n = {
     capture: !0,
-    signal: Ge.signal
+    signal: Te.signal
   };
   Se.size && (ce ? (O.length > 0 && Q.forEach((t, r) => {
     const {
       body: i
     } = r;
-    t > 0 && (i.addEventListener("contextmenu", ke, n), i.addEventListener("pointerleave", $e, n), i.addEventListener("pointermove", $e, n));
+    t > 0 && (i.addEventListener("contextmenu", _e, n), i.addEventListener("pointerleave", ke, n), i.addEventListener("pointermove", ke, n));
   }), Q.forEach((t, r) => {
     const {
       body: i
     } = r;
-    i.addEventListener("pointerup", ke, n), i.addEventListener("pointercancel", ke, n);
+    i.addEventListener("pointerup", _e, n), i.addEventListener("pointercancel", _e, n);
   })) : Q.forEach((t, r) => {
     const {
       body: i
     } = r;
-    t > 0 && (i.addEventListener("pointerdown", Un, n), i.addEventListener("pointermove", $e, n));
+    t > 0 && (i.addEventListener("pointerdown", Un, n), i.addEventListener("pointermove", ke, n));
   }));
 }
 function Ce(e, n) {
@@ -434,10 +434,10 @@ function y(e, n) {
   if (!e)
     throw console.error(n), Error(n);
 }
-function oe(e, n, t = Be) {
+function oe(e, n, t = Fe) {
   return e.toFixed(t) === n.toFixed(t) ? 0 : e > n ? 1 : -1;
 }
-function Y(e, n, t = Be) {
+function Y(e, n, t = Fe) {
   return oe(e, n, t) === 0;
 }
 function W(e, n, t) {
@@ -472,7 +472,7 @@ function se({
       oe(t, s) < 0 ? t = i : t = a;
     } else
       t = a;
-  return t = Math.min(l, t), t = parseFloat(t.toFixed(Be)), t;
+  return t = Math.min(l, t), t = parseFloat(t.toFixed(Fe)), t;
 }
 function ye({
   delta: e,
@@ -570,10 +570,10 @@ function ye({
       for (; S >= 0 && S < t.length; ) {
         const R = l[S];
         y(R != null, `Previous layout not found for panel index ${S}`);
-        const D = R + I, N = se({
+        const M = R + I, N = se({
           panelConstraints: t,
           panelIndex: S,
-          size: D
+          size: M
         });
         if (W(R, N) || (I -= N - R, l[S] = N), W(I, 0))
           break;
@@ -694,15 +694,15 @@ function Yn({
           switch (S.key) {
             case "Enter": {
               S.preventDefault();
-              const R = s.findIndex((D) => D.id === h);
+              const R = s.findIndex((M) => M.id === h);
               if (R >= 0) {
-                const D = s[R];
-                y(D, `No panel data found for index ${R}`);
+                const M = s[R];
+                y(M, `No panel data found for index ${R}`);
                 const N = r[R], {
                   collapsedSize: q = 0,
                   collapsible: C,
                   minSize: b = 0
-                } = D.constraints;
+                } = M.constraints;
                 if (N != null && C) {
                   const K = ye({
                     delta: W(N, q) ? b - q : q - N,
@@ -988,7 +988,7 @@ function Pn({
   tagName: P = "div",
   ...f
 }) {
-  const u = Fe(o), x = F(null), [h, I] = ue(null), [w, S] = ue([]), R = On(), D = F({}), N = F(/* @__PURE__ */ new Map()), q = F(0), C = F({
+  const u = Ve(o), x = F(null), [h, I] = ue(null), [w, S] = ue([]), R = On(), M = F({}), N = F(/* @__PURE__ */ new Map()), q = F(0), C = F({
     autoSaveId: e,
     direction: r,
     dragState: h,
@@ -1023,7 +1023,7 @@ function Pn({
         layout: c,
         panelConstraints: p.map((z) => z.constraints)
       });
-      Je(v, d) || (S(d), b.current.layout = d, g && g(d), le(p, d, D.current));
+      Je(v, d) || (S(d), b.current.layout = d, g && g(d), le(p, d, M.current));
     }
   }), []), re(() => {
     C.current.autoSaveId = e, C.current.direction = r, C.current.dragState = h, C.current.id = u, C.current.onLayout = l, C.current.storage = s;
@@ -1072,7 +1072,7 @@ function Pn({
           prevLayout: v,
           trigger: "imperative-api"
         });
-        we(v, L) || (S(L), b.current.layout = L, g && g(L), le(p, L, D.current));
+        we(v, L) || (S(L), b.current.layout = L, g && g(L), le(p, L, M.current));
       }
     }
   }, []), J = B((c, g) => {
@@ -1090,15 +1090,15 @@ function Pn({
         pivotIndices: j
       } = ne(d, c, p), L = g ?? X;
       if (Y(H, E)) {
-        const U = N.current.get(c.id), he = U != null && U >= L ? U : L, He = ae(d, c) === d.length - 1 ? H - he : he - H, T = ye({
-          delta: He,
+        const U = N.current.get(c.id), he = U != null && U >= L ? U : L, Ne = ae(d, c) === d.length - 1 ? H - he : he - H, T = ye({
+          delta: Ne,
           initialLayout: p,
           panelConstraints: z,
           pivotIndices: j,
           prevLayout: p,
           trigger: "imperative-api"
         });
-        we(p, T) || (S(T), b.current.layout = T, v && v(T), le(d, T, D.current));
+        we(p, T) || (S(T), b.current.layout = T, v && v(T), le(d, T, M.current));
       }
     }
   }, []), V = B((c) => {
@@ -1120,7 +1120,7 @@ function Pn({
       panelData: v,
       panelIndex: p
     });
-  }, [h, w]), M = B((c) => {
+  }, [h, w]), D = B((c) => {
     const {
       layout: g,
       panelDataArray: v
@@ -1172,7 +1172,7 @@ function Pn({
         layout: z,
         panelConstraints: d.map((H) => H.constraints)
       });
-      Je(p, E) || (S(E), b.current.layout = E, g && g(E), le(d, E, D.current));
+      Je(p, E) || (S(E), b.current.layout = E, g && g(E), le(d, E, M.current));
     }
   }), re(() => {
     const c = b.current;
@@ -1199,7 +1199,7 @@ function Pn({
         panelDataArray: he
       } = b.current, {
         initialLayout: Pe
-      } = H ?? {}, He = zn(X, c, z);
+      } = H ?? {}, Ne = zn(X, c, z);
       let T = Qn(d, c, E, H, j, z);
       const Ke = E === "horizontal";
       Ke && g && (T = -T);
@@ -1207,11 +1207,11 @@ function Pn({
         delta: T,
         initialLayout: Pe ?? U,
         panelConstraints: En,
-        pivotIndices: He,
+        pivotIndices: Ne,
         prevLayout: U,
         trigger: an(d) ? "keyboard" : "mouse-or-touch"
       }), Ue = !we(U, ze);
-      (sn(d) || un(d)) && q.current != T && (q.current = T, !Ue && T !== 0 ? Ke ? _e(c, T < 0 ? dn : fn) : _e(c, T < 0 ? pn : gn) : _e(c, 0)), Ue && (S(ze), b.current.layout = ze, L && L(ze), le(he, ze, D.current));
+      (sn(d) || un(d)) && q.current != T && (q.current = T, !Ue && T !== 0 ? Ke ? Ge(c, T < 0 ? dn : fn) : Ge(c, T < 0 ? pn : gn) : Ge(c, 0)), Ue && (S(ze), b.current.layout = ze, L && L(ze), le(he, ze, M.current));
     };
   }, []), G = B((c, g) => {
     const {
@@ -1232,7 +1232,7 @@ function Pn({
       prevLayout: p,
       trigger: "imperative-api"
     });
-    we(p, L) || (S(L), b.current.layout = L, v && v(L), le(d, L, D.current));
+    we(p, L) || (S(L), b.current.layout = L, v && v(L), le(d, L, M.current));
   }, []), fe = B((c, g) => {
     const {
       layout: v,
@@ -1268,12 +1268,12 @@ function Pn({
     });
   }, []), ge = B(() => {
     I(null);
-  }, []), De = B((c) => {
+  }, []), He = B((c) => {
     const {
       panelDataArray: g
     } = b.current, v = ae(g, c);
-    v >= 0 && (g.splice(v, 1), delete D.current[c.id], b.current.panelDataArrayChanged = !0, R());
-  }, [R]), ie = Dn(() => ({
+    v >= 0 && (g.splice(v, 1), delete M.current[c.id], b.current.panelDataArrayChanged = !0, R());
+  }, [R]), ie = Mn(() => ({
     collapsePanel: K,
     direction: r,
     dragState: h,
@@ -1281,7 +1281,7 @@ function Pn({
     getPanelSize: V,
     getPanelStyle: _,
     groupId: u,
-    isPanelCollapsed: M,
+    isPanelCollapsed: D,
     isPanelExpanded: ee,
     reevaluatePanelConstraints: fe,
     registerPanel: k,
@@ -1289,9 +1289,9 @@ function Pn({
     resizePanel: G,
     startDragging: pe,
     stopDragging: ge,
-    unregisterPanel: De,
+    unregisterPanel: He,
     panelGroupElement: x.current
-  }), [K, h, r, J, V, _, u, M, ee, fe, k, $, G, pe, ge, De]), me = {
+  }), [K, h, r, J, V, _, u, D, ee, fe, k, $, G, pe, ge, He]), me = {
     display: "flex",
     flexDirection: r === "horizontal" ? "row" : "column",
     height: "100%",
@@ -1401,8 +1401,8 @@ function In({
   te(() => {
     R.current.onClick = l, R.current.onDragging = a, R.current.onPointerDown = m, R.current.onPointerUp = P;
   });
-  const D = nn(Re);
-  if (D === null)
+  const M = nn(Re);
+  if (M === null)
     throw Error("PanelResizeHandle components must be rendered within a PanelGroup container");
   const {
     direction: N,
@@ -1411,7 +1411,7 @@ function In({
     startDragging: b,
     stopDragging: K,
     panelGroupElement: J
-  } = D, V = Fe(i), [_, M] = ue("inactive"), [ee, k] = ue(!1), [$, G] = ue(null), fe = F({
+  } = M, V = Ve(i), [_, D] = ue("inactive"), [ee, k] = ue(!1), [$, G] = ue(null), fe = F({
     state: _
   });
   re(() => {
@@ -1436,12 +1436,12 @@ function In({
       fine: ge
     }, (g, v, p) => {
       if (!v) {
-        M("inactive");
+        D("inactive");
         return;
       }
       switch (g) {
         case "down": {
-          M("drag"), me = !1, y(p, 'Expected event to be defined for "down" action'), b(V, p);
+          D("drag"), me = !1, y(p, 'Expected event to be defined for "down" action'), b(V, p);
           const {
             onDragging: d,
             onPointerDown: z
@@ -1453,11 +1453,11 @@ function In({
           const {
             state: d
           } = fe.current;
-          me = !0, d !== "drag" && M("hover"), y(p, 'Expected event to be defined for "move" action'), $(p);
+          me = !0, d !== "drag" && D("hover"), y(p, 'Expected event to be defined for "move" action'), $(p);
           break;
         }
         case "up": {
-          M("hover"), K();
+          D("hover"), K();
           const {
             onClick: d,
             onDragging: z,

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

@@ -8,7 +8,7 @@ import { u as k, c as ct } from "../../../index-5Bhkapwi.js";
 import { c as it } from "../../../index-DFZozV_h.js";
 import { u as dt } from "../../../index-ByaXH_ih.js";
 import { P as ut, D as pt } from "../../../index-DYHsXnnS.js";
-import { h as ft, u as mt, R as ht, F as vt } from "../../../index-BvWMjxZ5.js";
+import { h as ft, u as mt, R as ht, F as vt } from "../../../Combination-CmNnuUVg.js";
 import { u as Te } from "../../../index-Cv867SGx.js";
 import { c as Ee, R as gt, A as St, C as wt, a as xt } from "../../../index-PlrlSrPo.js";
 import { P as M } from "../../../index-CpDnqHCm.js";

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, C as r, a as m, b as u, D as f, P as h, O as g } from "../../../index-toVHZ337.js";
+import { R as d, T as c, C as r, a as m, b as u, D as f, P as h, O as g } from "../../../index-BSWzylXR.js";
 import { XIcon as p } from "lucide-react";
 import { c as o } from "../../../utils-CRiPKpXj.js";
 function v({ ...t }) {