@arcadeai/design-system 1.2.0 → 1.4.0

package/dist/components/ui/utils/memo.d.ts

@@ -0,0 +1,2 @@
+export declare function createPropsComparator<T extends object>(keys: Array<keyof T>): (prev: Readonly<T>, next: Readonly<T>) => boolean;
+export declare function areStringArraysEqual(a?: readonly string[] | null, b?: readonly string[] | null): boolean;

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

@@ -0,0 +1,25 @@
+function f(n) {
+  return function(e, t) {
+    for (const r of n) {
+      const o = e[r], u = t[r];
+      if (!Object.is(o, u))
+        return !1;
+    }
+    return !0;
+  };
+}
+function i(n, a) {
+  const e = n ?? [], t = a ?? [];
+  if (e === t)
+    return !0;
+  if (e.length !== t.length)
+    return !1;
+  for (let r = 0; r < e.length; r++)
+    if (e[r] !== t[r])
+      return !1;
+  return !0;
+}
+export {
+  i as areStringArraysEqual,
+  f as createPropsComparator
+};

package/dist/components/ui/utils/memo.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,36 @@
+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";
+i("createPropsComparator", () => {
+  t("returns true when selected keys are strictly equal", () => {
+    const r = s(["id", "name"]);
+    e(r({ id: 1, name: "Alice", active: !0 }, { id: 1, name: "Alice", active: !1 })).toBe(!0);
+  }), t("returns false when a selected key changes", () => {
+    const r = s(["id", "name"]);
+    e(r({ id: 1, name: "Alice", active: !0 }, { id: 2, name: "Alice", active: !0 })).toBe(!1);
+  }), t("ignores changes on non-selected keys", () => {
+    const r = s(["id"]);
+    e(r({ id: 1, name: "Alice", active: !0 }, { id: 1, name: "Bob", active: !1 })).toBe(!0);
+  }), t("treats NaN as equal and +0/-0 as different per Object.is", () => {
+    const r = s(["a", "b"]), n = { a: Number.NaN, b: 0 }, o = { a: Number.NaN, b: 0 };
+    e(r(n, o)).toBe(!0), e(r({ a: 0, b: 1 }, { a: -0, b: 1 })).toBe(!1);
+  }), t("returns true when no keys are provided", () => {
+    const r = s([]);
+    e(r({}, {})).toBe(!0);
+  });
+});
+i("areStringArraysEqual", () => {
+  t("returns true for the same reference", () => {
+    const r = ["a", "b"];
+    e(a(r, r)).toBe(!0);
+  }), t("returns true for equal arrays with same order", () => {
+    e(a(["a", "b"], ["a", "b"])).toBe(!0);
+  }), t("returns false for arrays with different lengths", () => {
+    e(a(["a"], ["a", "b"])).toBe(!1);
+  }), t("returns false for arrays with same items in different order", () => {
+    e(a(["a", "b"], ["b", "a"])).toBe(!1);
+  }), t("treats undefined and null as empty arrays", () => {
+    e(a(void 0, void 0)).toBe(!0), e(a(null, void 0)).toBe(!0), e(a(void 0, [])).toBe(!0), e(a(null, [])).toBe(!0);
+  }), t("compares strings case-sensitively", () => {
+    e(a(["A"], ["a"])).toBe(!1);
+  });
+});

package/dist/{index-CQhYMnjT.js → index-BDE30rcJ.js}

@@ -1,4 +1,4 @@
-import { a as O } from "./utils-CRiPKpXj.js";
+import { a as O } from "./utils-Db4QWi-E.js";
 const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
   var u;
   if (l?.variants == null) return y(e, n?.class, n?.className);

package/dist/{index-CtSXVDca.js → index-BDIfjxqB.js}

@@ -5,7 +5,7 @@ import { u as D } from "./index-437EL2iq.js";
 import { u as M } from "./index-CCKe-Mpx.js";
 import { u as L } from "./index-5Bhkapwi.js";
 import { P as v } from "./index-CpDnqHCm.js";
-import { P as k } from "./index-C8_QusYl.js";
+import { P as k } from "./index-BGfrl8IX.js";
 import { u as F } from "./index-Cv867SGx.js";
 import { jsx as c } from "react/jsx-runtime";
 var f = "Collapsible", [B, W] = S(f), [G, g] = B(f), T = o.forwardRef(

package/dist/{index-C8_QusYl.js → index-BGfrl8IX.js}

@@ -36,7 +36,7 @@ function R(n) {
     if (e) {
       let o;
       const m = e.ownerDocument.defaultView ?? window, d = (u) => {
-        const g = l(r.current).includes(u.animationName);
+        const g = l(r.current).includes(CSS.escape(u.animationName));
         if (u.target === e && g && (s("ANIMATION_END"), !a.current)) {
           const O = e.style.animationFillMode;
           e.style.animationFillMode = "forwards", o = m.setTimeout(() => {

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

@@ -6,7 +6,7 @@ import { u as R } from "./index-Cv867SGx.js";
 import { u as U } 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 X } from "./Combination-CmNnuUVg.js";
-import { P as h } from "./index-C8_QusYl.js";
+import { P as h } from "./index-BGfrl8IX.js";
 import { P as p } from "./index-CpDnqHCm.js";
 import { jsx as i, jsxs as N, Fragment as O } from "react/jsx-runtime";
 var D = "Dialog", [I, Re] = q(D), [ee, u] = I(D), x = (e) => {
@@ -232,12 +232,12 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
   }, [a, e, t]), null;
 }, he = x, Pe = T, Ee = M, ye = w, Ne = F, Oe = W, Ie = G, xe = $;
 export {
-  xe as C,
+  Ne as C,
   Ie as D,
   ye as O,
   Ee as P,
   he as R,
   Pe as T,
-  Ne as a,
+  xe as a,
   Oe as b
 };